@charset "utf-8";

/* css document */


/*精品课程样式*/

body {
	background: #ececf0;
}

.wrap {
	width: 100%;
	min-width: 1280px;
	float: left;
}

.wrap .wrap-main {
	width: 1200px;
	height: auto;
	margin: 0 auto;
}


/*面包屑*/

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

.crumb samp {
	line-height: 30px;
	float: left;
	font-size: 12px;
	font-family: simsun;
	color: #666;
}

.crumb ul {
	float: left;
}

.crumb ul li {
	font-size: 12px;
	font-family: simsun;
	color: #395f9e;
	line-height: 30px;
	float: left;
}

.crumb ul li a {
	font-size: 12px;
	font-family: simsun;
	color: #666;
	padding-right: 5px;
}


/*课程视频*/

.course-video {
	width: 100%;
	height: auto;
	float: left;
	margin-bottom: 20px;
}

.video-info {
	width: 1200px;
	height: 74px;
	float: left;
	background: #fff;
}

.video-info .video-info-left {
	width: 942px;
	float: left;
	margin-left: 10px;
}

.video-info .video-info-left h3 {
	width: 100%;
	float: left;
	font-size: 16px;
	color: #000;
	font-weight: bold;
	padding: 15px 0 10px 8px;
}

.video-info .video-info-left dl {
	width: 100%;
	float: left;
	margin-left: 8px;
}

.video-info .video-info-left dl dd {
	font-size: 14px;
	color: #666;
	line-height: 15px;
	float: left;
}

.video-info .video-info-left dl dd.line {
	width: 1px;
	height: 15px;
	margin: 1px 14px 0 14px;
	background: #ccc;
}

.video-info .video-info-left dl dd em {
	font-style: normal;
	font-family: arial;
}

.video-info .video-info-right {
	float: right;
	margin-right: 10px;
}

.video-info .video-info-right button {
	width: 95px;
	height: 34px;
	line-height: 32px;
	margin-left: 20px;
	margin-top: 20px;
	font-size: 16px;
	border-radius: 2px;
	text-align: left;
}

.video-info .video-info-right button.share {
	background: url(../../image/show/excellent-course-icon.png) 10px -53px no-repeat #fc583d;
	border: 1px solid #fc583d;
	color: #fff;
	text-indent: 45px;
}

.video-info .video-info-right button.share:hover {
	background: url(../../image/show/excellent-course-icon.png) 10px -53px no-repeat #fd4f33;
}

.video-info .video-info-right button.collect {
	background: url(../../image/show/excellent-course-icon.png) 5px -3px no-repeat #fff;
	border: 1px solid #fc583d;
	color: #fc583d;
	text-indent: 42px;
}

.video-info .video-info-right button.collect:hover {
	background: url(../../image/show/excellent-course-icon.png) -46px -3px no-repeat #fc583d;
	border: 1px solid #fc583d;
	color: #fff;
	text-indent: 42px;
}

.video-main {
	width: 100%;
	height: 530px;
	float: left;
}

.video-main .video-main-left {
	width: 880px;
	height: 530px;
	float: left;
	background: url(../../image/show/no-video-bg.jpg) no-repeat;
}

.video-main .video-main-left img {
	width: 100%;
	float: left;
}

.video-main .video-main-left .replay-trailer {
	width: 195px;
	height: 121px;
	margin: 0 auto;
	position: relative;
	margin-top: 235px;
}

.video-main .video-main-left .replay-trailer p {
	font-size: 18px;
	color: #fff;
	line-height: 27px;
	padding-bottom: 20px;
	position: absolute;
    cursor: pointer;
}

.video-main .video-main-left .replay-trailer p i.replay {
	width: 27px;
	height: 27px;
	float: left;
	background: url(../../image/show/excellent-course-icon.png) -60px -160px no-repeat;
	margin-left: 23px;
	margin-right: 15px;
}

.video-main .video-main-left .replay-trailer samp {
	width: 100%;
	font-size: 14px;
	color: #fff;
	text-align: center;
	position: absolute;
	margin-top: 45px;
	left: 0;
}

.video-main .video-main-left .replay-trailer samp em {
	font-style: normal;
	font-family: arial;
}

.video-main .video-main-left .replay-trailer button {
	width: 125px;
	height: 32px;
	line-height: 32px;
	background: #ff8400;
	border-radius: 2px;
	font-size: 14px;
	color: #000;
	margin-top: 88px;
	position: absolute;
	left: 35px;
}

.video-main .video-main-left .replay-trailer button:hover {
	background: #fe8a0a;
}

.video-main .video-main-right {
	width: 320px;
	height: 530px;
	float: left;
	background: #222;
}

.live-tab {
	width: 100%;
	line-height: 40px;
	background: #3d4253;
	font-size: 16px;
	color: #fff;
	float: left;
}

.live-tab ul {
	float: left;
	margin-left: 20px;
}

.live-tab ul li {
	text-align: center;
	float: left;
	font-size: 16px;
	color: #fff;
	margin-right: 30px;
}

.live-tab ul li.active {
	border-bottom: 3px solid #ffa800;
}

.live-tab ul li:hover {
	cursor: pointer;
}

.class-hours {
	width: 100%;
	height: 485px;
	float: left;
	overflow-y: auto;
}

.class-hours::-webkit-scrollbar {
	width: 8px;
}

.class-hours::-webkit-scrollbar-track {
	background-color: none;
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;
}

.class-hours::-webkit-scrollbar-thumb {
	background-color: #6e6e6e;
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;
}

.class-hours ul {
	width: 100%;
	float: left;
	margin-top: 20px;
}

.class-hours ul li {
	width: 100%;
	line-height: 16px;
}

.class-hours ul li span {
	font-size: 14px;
	color: #fc583d;
}

.class-hours ul li span i.chapter {
	width: 16px;
	height: 16px;
	float: left;
	background: url(../../image/show/excellent-course-icon.png) -60px -60px no-repeat;
	margin-left: 20px;
	margin-right: 7px;
}

.class-hours ul li dl {
	width: 100%;
	float: left;
	margin-top: 10px;
}

.class-hours ul li dl dd {
	width: 100%;
	height: 38px;
	line-height: 38px;
	font-size: 14px;
	color: #999;
}

.class-hours ul li dl dd a {
	max-width: 230px;
	font-size: 14px;
	color: #999;
	text-indent: 11px;
	float: left;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding-right: 5px;
}

.class-hours ul li dl dd em.free {
	width: 32px;
	height: 18px;
	line-height: 18px;
	background: #222;
	border: 1px solid #4dd022;
	color: #4dd022;
	float: left;
	border-radius: 3px;
	text-align: center;
	font-size: 12px;
	font-family: simsun;
	margin-top: 9px;
	font-style: normal;
}

.class-hours ul li dl dd i.play {
	width: 7px;
	height: 13px;
	float: left;
	/* background: url(../../image/show/ks-sj.png) no-repeat; */
	margin: 13px 0 0 25px;
}


/*.class-hours ul li dl dd i.play {
	width: 7px;
	height: 13px;
	float: left;
	background: url(../../image/show/excellent-course-icon.png) -10px -160px no-repeat;
	margin: 13px 0 0 25px;
	display: none;
}
*/

.class-hours ul li dl dd:hover {
	background: #2e2f31;
}

.class-hours ul li dl dd:hover i.play {
	width: 7px;
	height: 13px;
	float: left;
	background: url(../../image/show/ks-sj-1.png) no-repeat;
	margin: 13px 0 0 25px;
}

.class-hours ul li dl dd.active {
	background: #2e333b;
}

.class-hours ul li dl dd.active i.play {
	width: 7px;
	height: 13px;
	float: left;
	background: url(../../image/show/excellent-course-icon.png) -10px -160px no-repeat;
	margin: 13px 0 0 25px;
	display: block;
}

.class-hours ul li dl dd.active a {
	text-indent: 11px;
}


/*互动*/

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

.interact .talk {
	height: 380px;
	float: left;
}

.talk .talk-left {
	width: 15px;
	height: auto;
	float: left;
	margin-right: 10px;
	height: 345px;
	display: table;
}

.talk .talk-left .arrow {
	vertical-align: middle;
	display: table-cell;
}

.talk .talk-left .arrow a {
	width: 15px;
	height: 50px;
}

.talk .talk-left .arrow a.leftArrow {
	width: 15px;
	height: 50px;
	background: url(../../image/show/zb-arrow-left.png) no-repeat;
	float: left;
}

.talk .talk-left .arrow a.rightArrow {
	width: 15px;
	height: 50px;
	background: url(../../image/show/zb-arrow-right.png) no-repeat;
	float: left;
	margin-top: 20px;
}

.talk .talk-center {
	width: 300px;
	height: 345px;
	float: left;
	overflow-y: auto;
	overflow-x: hidden;
	margin: 5px 0 0 17px;
}

.talk .talk-center::-webkit-scrollbar {
	width: 8px;
}

.talk .talk-center::-webkit-scrollbar-track {
	background-color: none;
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;
}

.talk .talk-center::-webkit-scrollbar-thumb {
	background-color: #6e6e6e;
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;
}

.talk .talk-center .welcome {
	font-size: 14px;
	color: #999;
	float: left;
	padding-top: 15px;
}

.talk .talk-center .chat {
	height: 295px;
	margin-top: 15px;
	float: left;
}

.talk .talk-center .chat ul li {
	width: 280px;
	padding-bottom: 20px;
	font-size: 14px;
}

.talk .talk-center .chat ul li p {
	font-size: 14px;
	text-indent: 5px;
}

.talk .talk-center .chat ul li p.name {
	color: #80d8fe;
	line-height: 23px;
	position: relative;
    cursor: pointer;
}

.talk .talk-center .chat ul li p.name em {
	height: 24px;
	line-height: 24px;
	background: #fff;
	border-radius: 3px;
	font-size: 14px;
	color: #fc583d;
	padding: 0 5px;
	font-style: normal;
	position: absolute;
	left: 35px;
	top: 12px;
	display: none;
}

.talk .talk-center .chat ul li p.name a {
	color: #80d8fe;
}

.talk .talk-center .chat ul li p.name:hover {
	background: #2e2f31;
	cursor: default;
}

.talk .talk-center .chat ul li p.name samp {
	padding-left: 20px;
	font-family: arial;
}

.talk .talk-center .chat ul li p.chatContent {
	color: #ddd;
	line-height: 24px;
}

.talk .cent-tab {
	width: 100%;
	height: 32px;
	float: left;
	background: #3c3c42;
	margin-top: 2px;
}

.talk .cent-tab ul {
	float: left;
	margin-left: 14px;
}

.talk .cent-tab ul li {
	float: left;
	font-size: 14px;
	color: #fff;
	line-height: 32px;
	margin-right: 24px;
}

.talk .cent-tab ul li i {
	width: 16px;
	height: 16px;
	float: left;
	background: url(../../image/show/excellent-course-icon.png) -10px -110px no-repeat;
	margin: 8px 5px 0 0;
}

.talk .cent-tab ul li.active i {
	width: 16px;
	height: 16px;
	float: left;
	background: url(../../image/show/excellent-course-icon.png) -60px -110px no-repeat;
	margin: 8px 5px 0 0;
}

.cent {
	width: 100%;
	height: 110px;
	float: left;
}

.cent .cent-textarea {
	width: 100%;
	height: 70px;
	float: left;
}

.cent .cent-textarea samp {
	width: 170px;
	height: auto;
	margin: 0 auto;
	font-size: 14px;
	color: #ccc;
	display: block;
	margin-top: 20px;
}

.cent .cent-textarea samp a {
	color: #ffa800;
	text-decoration: underline;
}

.cent .cent-textarea textarea {
	width: 296px;
	height: 64px;
	font-size: 14px;
	color: #fff;
	margin: 3px;
	background: none;
	resize: none;
	padding-top: 5px;
	padding-left: 10px;
	overflow-y: auto;
}

.cent .cent-button {
	width: 100%;
	height: 40px;
	float: left;
}

.cent .cent-button p {
	width: 160px;
	line-height: 40px;
	font-size: 14px;
	color: #999;
	float: left;
	padding-left: 25px;
}

.cent .cent-button button {
	width: 83px;
	height: 27px;
	background: #ffa800;
	border-radius: 3px;
	font-size: 14px;
	color: #222;
	text-align: center;
	float: right;
	margin-top: 5px;
	margin-right: 10px;
	line-height: 27px;
}

.cent .cent-button button:hover {
	background: #ec9000;
	color: #000;
}

.cent .cent-button button.forbid-cent {
	background: #666;
	color: #fff;
}


/*视频详情*/

.video-details {
	width: 100%;
	height: auto;
	float: left;
	margin-bottom: 30px;
	background: #fff;
	border: 1px solid #ccc;
}

.video-details .video-details-main {
	width: 1180px;
	margin: 0 auto;
}

.details-tab {
	width: 100%;
	height: 49px;
	float: left;
	border-bottom: 1px solid #ccc;
	margin-bottom: 20px;
}

.details-tab ul {
	float: left;
	margin-left: 10px;
}

.details-tab ul li {
	font-size: 16px;
	color: #000;
	float: left;
	line-height: 47px;
	margin-right: 60px;
}

.details-tab ul li.active {
	border-bottom: 3px solid #ffa800;
}

.details-tab ul li:hover {
	cursor: pointer;
	color: #ffa800;
}

/*课程介绍*/

.course-intro {
	width: 100%;
	float: left;
	margin-bottom: 80px;
}

.course-intro img {
	margin: 0 auto;
	display: block;
	margin-top: 20px;
}


/*课时*/

.ks {
	width: 100%;
	float: left;
	margin-bottom: 40px;
}

.ks ul {
	width: 100%;
	float: left;
	margin-top: 20px;
}

.ks ul li {
	width: 100%;
	line-height: 16px;
	margin-bottom: 20px;
	float: left;
}

.ks ul li span {
	width: 527px;
	font-size: 16px;
	color: #fc583d;
	font-weight: bold;
	float: left;
}

.ks ul li p {
	width: 433px;
	float: left;
	font-size: 14px;
	color: #222;
}

.ks ul li p em {
	font-family: arial;
	font-style: normal;
}

.ks ul li button {
	width: 157px;
	height: 30px;
	line-height: 30px;
	float: right;
	background: #395f9e;
	color: #fff;
	border-radius: 2px;
	font-size: 14px;
	margin-right: 37px;
}

.ks ul li button:hover {
	background: #30589b;
}

.ks ul li button.purchased {
	background: #ccc;
	color: #fff;
}

.ks ul li span i.chapter {
	width: 16px;
	height: 16px;
	float: left;
	background: url(../../image/show/excellent-course-icon.png) -60px -60px no-repeat;
	margin-left: 20px;
	margin-right: 7px;
}

.ks ul li dl {
	width: 100%;
	float: left;
	margin-top: 5px;
}

.ks ul li dl dd {
	width: 100%;
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	color: #999;
	background: transparent;
	border-top: 1px solid transparent;
	border-bottom: 1px solid transparent;
}

.ks ul li dl dd p {
	width: 530px;
	float: left;
}

.ks ul li dl dd p a {
	max-width: 430px;
	font-size: 14px;
	color: #666;
	text-indent: 43px;
	float: left;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.ks ul li dl dd p em.free {
	width: 32px;
	height: 18px;
	line-height: 18px;
	border: 1px solid #4dd022;
	color: #4dd022;
	border-radius: 3px;
	text-align: center;
	font-size: 12px;
	font-family: simsun;
	margin-top: 11px;
	margin-left: 10px;
	float: left;
}

.ks ul li dl dd p.time {
	width: 433px;
	float: left;
	font-size: 14px;
	color: #666;
	font-family: arial;
}

.ks ul li dl dd p.time i {
	width: 16px;
	height: 16px;
	float: left;
	background: url(../../image/show/excellent-course-icon.png) -10px -200px no-repeat;
	margin-top: 12px;
	margin-right: 10px;
}

.ks ul li dl dd button {
	width: auto;
	height: 34px;
	line-height: 34px;
	background: #ffa800;
	color: #222;
	padding: 0 10px;
	float: right;
	margin-right: 37px;
	margin-top: 3px;
	display: none;
}

.ks ul li dl dd button:hover {
	background: #ffaf16;
}

.ks ul li dl dd:hover {
	background: #f0f0f0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.ks ul li dl dd:hover button {
	display: block;
}


/*课程资源*/

.course-resource {
	width: 100%;
	float: left;
	margin-bottom: 50px;
}

.course-resource dl {
	float: left;
	margin-top: 10px;
	margin-left: 10px;
}

.course-resource dl dd {
	width: 380px;
	float: left;
	padding-right: 10px;
	margin-bottom: 15px;
}

.course-resource dl dd i {
	width: 23px;
	height: 23px;
	float: left;
	margin-right: 10px;
}

.course-resource dl dd em {
	font-style: normal;
	color: #fc583d;
	float: left;
	font-size: 14px;
	padding-right: 5px;
}

.course-resource dl dd a {
	max-width: 220px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 14px;
	color: #666;
	float: left;
}

.course-resource dl dd a:hover {
	color: #fc583d;
}

.course-resource dl dd a.gather {
	width: 20px;
	height: 20px;
	line-height: 20px;
	background: #ffe0d2;
	border: 1px solid #ff4800;
	border-radius: 2px;
	font-size: 14px;
	color: #ff4800;
	font-weight: bold;
	text-align: center;
	padding: 0;
	font-family: "microsoft yahei";
	margin-right: 5px;
	overflow: inherit;
	margin-left: 10px;
	margin-right: 0;
}

.course-resource dl dd a.gather .gather-tips {
	width: 215px;
	border: 1px solid #ef6000;
	background: #fff5e3;
	border-radius: 2px;
	position: relative;
	margin-top: 10px;
	display: none;
}

.course-resource dl dd a.gather .gather-tips i {
	width: 11px;
	height: 7px;
	float: left;
	background: url(../../image/show/sj-color.png) no-repeat;
	margin-top: -7px;
	margin-left: 5px;
}

.course-resource dl dd a.gather .gather-tips p {
	font-size: 14px;
	color: #666;
	line-height: 20px;
	padding: 5px 0px 5px 8px;
	text-align: left;
	text-decoration: none;
}

.course-resource dl dd a.gather:hover {
	cursor: default;
	text-decoration: none;
}

.course-resource dl dd a.gather:hover .gather-tips {
	display: block;
}

.course-resource dl dd a.shell {
	width: 20px;
	height: 20px;
	line-height: 20px;
	background: #ffeccd;
	border: 1px solid #ff6600;
	border-radius: 2px;
	font-size: 14px;
	color: #ff6600;
	font-weight: bold;
	text-align: center;
	padding: 0;
	font-family: "microsoft yahei";
	margin-left: 10px;
	overflow: inherit;
	margin-right: 0;
}

.course-resource dl dd a.shell:hover {
	cursor: default;
	text-decoration: none;
}

.course-resource dl dd a.shell:hover .shell-tips {
	display: block;
}

.course-resource dl dd a.shell .shell-tips {
	width: 158px;
	border: 1px solid #ef6000;
	background: #fff5e3;
	border-radius: 2px;
	position: relative;
	margin-top: 10px;
	display: none;
}

.course-resource dl dd a.shell .shell-tips i {
	width: 11px;
	height: 7px;
	float: left;
	background: url(../../image/show/sj-color.png) no-repeat;
	margin-top: -7px;
	margin-left: 5px;
}

.course-resource dl dd a.shell .shell-tips p {
	font-size: 14px;
	color: #666;
	line-height: 20px;
	padding: 5px 0px 5px 8px;
	text-align: left;
	text-decoration: none;
}

.course-resource dl dd a.download {
	width: 40px;
	height: 20px;
	line-height: 20px;
	background: #e2e2e2;
	border-radius: 2px;
	text-align: center;
	font-size: 13px;
	color: #666;
	margin-left: 10px;
	border: 1px solid transparent;
	display: none;
}

.course-resource dl dd a.download:hover {
	background: #fff;
	color: #5492ff;
	text-decoration: none;
	cursor: pointer;
	border: 1px solid #5492ff;
}

.course-resource dl dd:hover a.download {
	display: block;
}


/*评论研讨*/

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

.discuss .discuss-tab {
	width: 100%;
	float: left;
}

.discuss .discuss-tab ul {
	float: left;
}

.discuss .discuss-tab ul li {
	line-height: 32px;
	font-size: 16px;
	color: #5492ff;
	margin-right: 20px;
	float: left;
}

.discuss .discuss-tab ul li a {
	font-size: 16px;
	color: #222;
	padding: 0 7px;
	background: #fff;
	border-radius: 2px;
	display: block;
}

.discuss .discuss-tab ul li i.blue-sj {
	width: 9px;
	height: 4px;
	margin: 0 auto;
	display: block;
	background: url(../../image/show/blue-sj.png) no-repeat;
	display: none;
}

.discuss .discuss-tab ul li.active i.blue-sj {
	display: block;
}

.discuss .discuss-tab ul li.active a {
	background: #5492ff;
	color: #fff;
}

.discuss .discuss-tab ul li.active:hover a {
	background: #5492ff;
	color: #fff;
}

.discuss .discuss-tab ul li:hover {
	cursor: pointer;
}

.discuss .discuss-tab ul li:hover a {
	color: #5492ff;
}

.discuss .discuss-tab button {
	width: 110px;
	height: 30px;
	line-height: 28px;
	float: right;
	background: #ffa800;
	color: #333;
	font-size: 14px;
	border-radius: 2px;
}

.discuss .discuss-tab button:hover {
	background: #feaf16;
	color: #333;
}

.discuss .comments {
	width: 100%;
	float: left;
}


/*作业*/

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

.work .work-left {
	width: 395px;
	height: auto;
	float: left;
	border-right: 1px dashed #ccc;
}

.work-left-main {
	width: 367px;
	min-height: 335px;
	height: auto;
	background: #f2f2f2;
	border-radius: 2px;
	margin-bottom: 60px;
	margin-left: 10px;
	float: left;
}

.main-center {
	width: 333px;
	height: auto;
	margin: 0 auto;
}

.main-center .main-center-top {
	width: 100%;
	height: 141px;
	float: left;
	border-bottom: 1px dashed #919191;
}

.chart {
	width: 101px;
	height: 101px;
	float: left;
	margin: 20px 10px 0 0;
}

.work-details {
	width: 222px;
	float: left;
}

.work-details ul {
	float: left;
	margin-top: 25px;
}

.work-details ul li {
	width: 100%;
	float: left;
	font-size: 14px;
	margin-bottom: 15px;
}

.work-details ul li samp {
	float: left;
	color: #666;
}

.work-details ul li a {
	color: #333;
}

.work-details ul li a.time {
	font-family: arial;
}

.work-details ul li a em {
	font-style: normal;
	font-family: arial;
}

.main-center .main-center-bottom {
	width: 100%;
	float: left;
	margin-bottom: 24px;
}

.main-center .main-center-bottom h4 {
	width: 100%;
	float: left;
	font-size: 14px;
	line-height: 40px;
}

.main-center .main-center-bottom h4 span.left {
	color: #000;
}

.main-center .main-center-bottom h4 span.right {
	float: right;
}

.main-center .main-center-bottom h4 span.right a {
	font-size: 14px;
	color: #666;
	font-family: arial;
}

.main-center .main-center-bottom h4 span.right a em {
	font-size: 18px;
	font-weight: bold;
	color: #fc583d;
	font-style: normal;
}

.main-center .main-center-bottom ul {
	float: left;
	margin-left: -10px;
	margin-bottom: 20px;
}

.main-center .main-center-bottom ul li {
	width: 26px;
	height: 26px;
	line-height: 26px;
	border: 1px solid #ccc;
	border-radius: 2px;
	background: #fff;
	font-size: 14px;
	color: #666;
	font-family: arial;
	text-align: center;
	float: left;
	margin-left: 10px;
	margin-bottom: 10px;
}

.main-center .main-center-bottom ul li.active {
	background: #ffa800;
	border: 1px solid #ffa800;
	color: #222;
}

.main-center .main-center-bottom ul li.active:hover {
	background: #ffa800;
	border: 1px solid #ffa800;
	color: #222;
}

.main-center .main-center-bottom ul li.done {
	background: #ccc;
}

.main-center .main-center-bottom ul li.done:hover {
	background: #fff;
	color: #ffa800;
}

.main-center .main-center-bottom ul li:hover {
	cursor: pointer;
	border: 1px solid #ffa800;
	color: #ffa800;
}

.main-center .main-center-bottom button {
	width: 120px;
	height: 34px;
	line-height: 34px;
	margin: 0 auto;
	background: #ffa800;
	color: #333;
	border-radius: 2px;
	display: block;
}

.main-center .main-center-bottom button:hover {
	background: #fead12;
}

.main-center .main-center-bottom ul li.correct {
	background: #42c345;
	color: #fff;
	border: 1px solid #42c345;
}

.main-center .main-center-bottom ul li.fault {
	background: #fc583d;
	color: #fff;
	border: 1px solid #fc583d;
}

.work-left-main.score button {
	display: none;
}

.work-left-main.score p {
	text-align: center;
	font-size: 18px;
	color: #ff4200;
	font-weight: bold;
	display: block;
}

.work-left-main.score p em {
	font-style: normal;
	font-family: arial;
}

.work-left-main.score b {
	text-align: center;
	font-size: 14px;
	color: #5492ff;
	display: block;
	line-height: 40px;
	font-weight: normal;
	display: block;
}

.work-left-main.score b:hover {
	cursor: pointer;
}

.work-left-main p {
	display: none;
}

.work-left-main b {
	display: none;
}

.work .work-right {
	width: 720px;
	float: left;
	margin-left: 38px;
	margin-bottom: 100px;
}


/*选择题*/

.multiple-choice {
	width: 100%;
	float: left;
}

.multiple-choice h2 {
	width: 100%;
	float: left;
	font-size: 16px;
	color: #222;
	font-weight: bold;
	padding-bottom: 20px;
}

.multiple-choice ul {
	width: 100%;
	float: left;
	margin-bottom: 10px;
}

.multiple-choice ul li {
	width: 100%;
	font-size: 15px;
	color: #222;
	line-height: 32px;
	margin-bottom: 15px;
}

.multiple-choice ul li i {
	width: 18px;
	height: 18px;
	float: left;
	background: url(../../image/show/excellent-course-icon.png) -10px -240px no-repeat;
	margin-right: 10px;
	margin-top: 8px;
}

.multiple-choice ul li a {
	font-size: 15px;
	color: #222;
	padding: 6px 6px;
}

.multiple-choice ul li.active i {
	background: url(../../image/show/excellent-course-icon.png) -80px -240px no-repeat;
}

.multiple-choice ul li.active a {
	background: #d2e2fe;
}

.multiple-choice ul li:hover {
	cursor: pointer;
}

.multiple-choice ul li:hover a {
	background: #d2e2fe;
}


/*填空题*/

.gap-filling {
	width: 100%;
	float: left;
}

.gap-filling h2 {
	width: 100%;
	float: left;
	font-size: 16px;
	color: #222;
	font-weight: bold;
	padding-bottom: 20px;
}

.gap-filling .gap-filling-container {
	width: 100%;
	float: left;
	margin-bottom: 20px;
}

.gap-filling .gap-filling-container .edui-container {
	display: block;
}


/*上传文件*/

.upload-file {
	width: 100%;
	float: left;
}

.upload-file h2 {
	width: 100%;
	float: left;
	font-size: 16px;
	color: #222;
	font-weight: bold;
	padding-bottom: 20px;
}

.add-file {
	width: 630px;
	float: left;
	margin-bottom: 20px;
}

.add-file input {
	width: 470px;
	height: 32px;
	line-height: 32px;
	background: #fff;
	border: 1px solid #ccc;
	color: #aaa;
	text-indent: 10px;
	float: left;
}

.add-file a {
	width: 104px;
	height: 32px;
	background: #5c748b;
	line-height: 32px;
	color: #fff;
	text-align: center;
	float: left;
	margin-right: 28px;
	font-size: 14px;
	position: relative;
	border-radius: 2px;
	margin-left: 25px;
}

.add-file a input.file {
	width: 104px;
	height: 32px;
	opacity: 0;
	filter: alpha(opacity=0);
	color: #fff;
	text-align: center;
	line-height: 32px;
	cursor: pointer;
	position: absolute;
	right: 0;
	top: 0;
	cursor: pointer;
}

.add-file a input.file:hover {
	cursor: pointer;
}

.file-list {
	width: 100%;
	float: left;
	margin-bottom: 20px;
}

.file-list ul {
	width: 630px;
	float: left;
}

.file-list ul li {
	width: 100%;
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	margin-left: -5px;
}

.file-list ul li a {
	max-width: 570px;
	font-size: 14px;
	line-height: 40px;
	color: #222;
	padding: 0 10px 0 0;
	float: left;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.file-list ul li a i {
	width: 23px;
	height: 23px;
	float: left;
	margin: 9px 5px 0 5px;
}

.file-list ul li a em {
	font-style: normal;
	font-family: arial;
	padding-left: 15px;
}

.file-list ul li i.delete {
	width: 10px;
	height: 10px;
	float: left;
	background: url(../../image/show/excellent-course-icon.png) -10px -320px no-repeat;
	margin-top: 15px;
	margin-left: 10px;
	display: none;
}

.file-list ul li:hover {
	cursor: pointer;
}

.file-list ul li:hover a {
	background: #d2e2fe;
}

.file-list ul li:hover i.delete {
	display: block;
}


/*解析*/

.analysis {
	width: 100%;
	height: auto;
	float: left;
	background: #f2f2f2;
	margin-bottom: 30px;
}

.analysis .analysis-main {
	width: 680px;
	height: auto;
	margin: 0 auto;
}

.analysis-main-top {
	width: 100%;
	float: left;
}

.analysis-main-top samp {
	float: left;
	line-height: 50px;
	font-size: 14px;
	color: #222;
}

.analysis-main-top samp a {
	font-size: 14px;
	color: #42c345;
}

.analysis-main-top samp a.answer-fault {
	color: #ff4200;
}

.analysis-main-top p {
	float: right;
	font-size: 14px;
	color: #5492ff;
	line-height: 50px;
}

.analysis-main-top p i {
	width: 13px;
	height: 6px;
	background: url(../../image/show/excellent-course-icon.png) -10px -290px no-repeat;
	float: right;
	margin-top: 24px;
	margin-left: 5px;
}

.analysis-main-top p.active i {
	width: 13px;
	height: 6px;
	background: url(../../image/show/excellent-course-icon.png) -80px -290px no-repeat;
	float: right;
	margin-top: 24px;
	margin-left: 5px;
}

.analysis-main-top p:hover {
	cursor: pointer;
}

.analysis-main-bottom {
	width: 100%;
	float: left;
	border-top: 1px dashed #ccc;
	padding-bottom: 25px;
	padding-top: 5px;
	display: none;
}

.analysis-main-bottom p {
	font-size: 14px;
	color: #222;
	line-height: 27px;
}


/*上一题-下一题*/

.pre-next {
	width: 100%;
	float: left;
}

.pre-next button {
	width: 118px;
	height: 32px;
	line-height: 30px;
	float: left;
	font-size: 14px;
	border-radius: 3px;
	margin-right: 10px;
}

.pre-next button.pre {
	border: 1px solid #395f9e;
	background: #fff;
	color: #395f9e;
}

.pre-next button.next {
	border: 1px solid #5492ff;
	background: #5492ff;
	color: #fff;
}

.pre-next button:hover {
	background: #4186ff;
	border: 1px solid #4186ff;
	color: #fff;
}

.speech,
.replay-comment {
	display: none;
}

.hui-gu {
    border: 1px solid #fc583d;
    color: #fff;
    text-indent: 17px;
    background: #fc583d;
}

.hui-gu a{
	color: white;
}