* {
			box-sizing: border-box;
		}

		textarea {
			resize: none;
		}

		.iContainer, .w1200 {
			width: 1200px;
			margin: 0 auto;
		}

		.container {
			display: none;
			position: absolute;
			top: 1100px;;
			left: 0;
			bottom: 0;
			right: 0;
			margin: auto;
			padding: 10px 50px 0px 20px;
			z-index: 10;
			background-color: #fff;
			box-shadow: 0 3px 18px rgba(0, 0, 0, .5);
			text-align: left;
		}

		.star-area {
			width: 450px;
			height: 80px;
			resize: none;
		}

		.form-group {
			text-align: center;
		}

		.pic-box-in .class-img {
			width: 100%;
			height: 100%;
		}

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

		.menu_box .item-btn-group > * {
			display: inline-block;
			float: left;
			color: #555;
		}

		.menu_box .item-btn-group > .floatr {
			float: right;
		}

		.liveinfo-btn-group {
			float: right;
			line-height: 25px;
			max-width: 360px;
			text-align: right;
			white-space: nowrap;
		}

		.liveinfo-btn-group > * {
			margin-right: 25px;
		}

		.liveinfo-btn-group > *:last-child {
			margin-right: 0;
		}

		.panel-body > ul > li:hover .liveinfo-btn-group {
			/*font-weight: bold;*/
		}

		#accordion {
			counter-reset: chapter 0;
		}

		#accordion > li {
			counter-increment: chapter 1;
		}

		#accordion > li .chapter-title:before {
			content: "第" counter(chapter) "章";
			margin-right: 5px;
		}

		#accordion > li .chapter-title:after {
			content: "";
			float: right;
			width: 10px;
			height: 15px;
			margin-right: 28px;
			display: block;
			background-image: url(/static/edu/images/live/icon_point_top.png);
			background-position: center center;
			background-size: 100% auto;
			background-repeat: no-repeat;
			-webkit-transition: transform 0.2s linear;
			-moz-transition: transform 0.2s linear;
			-ms-transition: transform 0.2s linear;
			-o-transition: transform 0.2s linear;
			transition: transform 0.2s linear;
		}

		#accordion > li .chapter-title.collapsed:after {
			-webkit-transform: rotate(180deg);
			-moz-transform: rotate(180deg);
			-ms-transform: rotate(180deg);
			-o-transform: rotate(180deg);
			transform: rotate(180deg);
		}

		.panel-body > ul {
			counter-reset: item 0;
		}

		.panel-body > ul > li:hover {
			/*background-color: #daeff7;*/
		}

		.panel-body > ul > li:hover .class-name,
		.panel-body > ul > li:hover .class-name a {
			color: #E1251B;
		}

		.panel-body > ul > li {
			counter-increment: item 1;
			padding: 11.5px 28px 11.5px 13px;
			font-size: 12px;
		}

		.panel-body > ul > li:last-child {
			/*padding-bottom: 0;*/
		}

		.panel-body ul > li .class-name:before {
			content: "第" counter(item) "节";
			margin-right: 10px;
		}

		#accordion .panel-title > a:hover {
			text-decoration: none;
		}

		#accordion .panel-body, #accordion .panel-heading, #accordion .panel.panel-default {
			border: none;
			background-color: #fff;
			box-shadow: none;
		}

		#accordion .panel-heading {
			padding: 0;
		}

		#accordion .panel-title > a {
			display: block;
			padding: 29px 0;
			font-size: 14px;
			font-weight: bold;
			margin-left: 25px;
			color: #515151;
		}

		#accordion .panel-body {
			padding: 0;
		}

		#accordion .panel.panel-default {
			padding: 0 24px;
			margin: 0;
			border-radius: 0;
		}

		.news-tab-wrapper .nav-tabs {
			/*border-bottom: 1px solid #e8e8e8;*/
			/*background-color: #f5f5f5;*/
            padding-top: 29px;
            padding-left: 56px;
            border-bottom: none;
		}

		.news-tab-wrapper .nav-tabs > li.active > a, .news-tab-wrapper .nav-tabs > li.active > a:focus,
		.news-tab-wrapper .nav-tabs > li.active > a:hover {
			border: 0;
			/*border-right: 1px solid #efefef;*/
			border-bottom: 3px solid #E1251B;
			font-weight: bold;
            /*color: #E1251B;*/
		}
		.news-tab-wrapper .nav-tabs > li.active.fixed > a {
			border-bottom: 3px solid #E1251B;
			border-top: 0;
		}

		.news-tab-wrapper .nav-tabs > li > a {
			border: 0;
			font-size: 16px;
			color: #333;
			padding: 0;
			/*margin: 0;*/
			width: 70px;
			height: 43px;
			line-height: 37px;
			text-align: center;
			/*border-right: 1px solid #e8e8e8;*/
			border-bottom: 3px solid transparent;
			border-radius: 0;
            margin-right: 62px;
		}
		.news-tab-wrapper .nav-tabs > li > a:hover{
			background: transparent;
			border-bottom:none;
			font-weight: bold;
			/*color: #E1251B;*/
		}

		.news-tab-wrapper {
			background-color: #fff;
		}

		.news-tab-wrapper-content {
			position: relative;
		}
		.study_img{
			width: 100px;
			height: 20px;
		}

		.course-material-detail {
			position: absolute;
			right: 0;
			top: 42px;
			padding: 10px;
			border: 1px dashed #00aaee;
			color: #00aaee;
			line-height: 24px;
			display: none;
			background: #fff;
		}

		.download-data {
			cursor: pointer;
		}

		.download-data:hover .course-material-detail {
			display: block;
		}

		.news-tab-wrapper-fixed {
			position: fixed;
			width: 100%;
			top: 64px;
			left: 0;
			/*border-bottom: 1px solid #f2f2f2;*/
			box-shadow: 0 5px 5px -5px rgba(0,0,0,.6);
			/*background: #f5f5f5;*/
			z-index: 99;
		}
		.news-tab-wrapper-fixed .news-tab-wrapper-content {
			width: 1200px;
			margin: 0 auto;
		}
		.news-tab-wrapper-fixed .nav-tabs > li.active > a {
			border-bottom: 3px solid #00aaee;
			border-top: 0;
		}
        .news-tab-wrapper-fixed .nav-tabs {
            padding: 15px 0;
        }
        .news-tab-wrapper-fixed .rmb,
		.news-tab-wrapper-fixed .rmb-free{
            font-size: 28px;
            font-weight: normal;
        }
        .news-tab-wrapper-fixed .rmb:before {
            content: "￥";
            font-size: 18px;
        }

		.news-tab-wrapper-fixed .course-pay-btn {
			margin-bottom: 0!important;
		}

		.class-progress.study, .class-progress.complate {
			background-color: #329CFF;
			border: 1px solid #329cff;
		}

		.class-progress {
			width: 25px;
			height: 25px;
			position: relative;
			border-radius: 50%;
			border: 1px solid #cccccc;
			display: inline-block;
			vertical-align: middle;
			font-size: 12px;
			text-align: center;
			line-height: 25px;
			color: #fff;
		}

		.class-name {
			vertical-align: middle;
			font-size: 14px;
			color: #666;
			line-height: 25px;
			margin-left: 15px;
			max-width: 415px;
			display: inline-block;
		}

		.class-name > a {
			color: #666;
		}

		.class-name > a:hover {
			color: #E1251B;
			text-decoration: none;
		}

		.unit-list {
			margin-bottom: 10px;
			background-color: #f8f8f8;
			/*border-bottom: 1px solid #e5e5e5;*/
		}

		.unit-list > li:last-child .class-progress:after {
			width: 0;
		}

		#comment {
			background-color: #fff;
			border: 1px solid transparent;
			padding: 20px 21px;
			padding-top: 0;
		}

		.comment-all-wrapper {
			margin: 15px 0;
			font-size: 16px;
		}

		.commet-score {
			font-size: 30px;
			font-weight: bold;
			color: #f00;
		}

		.good-comment:before {
			content: "好评（";
		}

		.ordinary-comment:before {
			content: "中评（";
		}

		.bad-comment:before {
			content: "差评（";
		}

		.good-comment:after, .ordinary-comment:after, .bad-comment:after {
			content: "）";
			margin-right: 20px;
		}

		.comment-list > li {
			padding-top: 8px;
		}

		.comment-detial {
			/*display:inline-block;*/
			/*vertical-align: top;*/
			margin-left: 90px;
		}

		.comment-user-img {
			width: 70px;
			height: 70px;
			float: left;
			border-radius: 50%;
		}

		span.comment-text {
			min-height: 52px;
			display: block;
			margin: 9px 0;
		}

		.buy-record-img {
			width: 50px;
			height: 50px;
			border-radius: 50%;
			vertical-align: middle;
		}

		.buy-record-detial {
			display: inline-block;
			vertical-align: middle;
			margin-left: 10px;
			font-size: 14px;
			color: #1d1d1d;
		}

		.buy-record-detial > p:last-child {
			margin-bottom: 0;
		}

		.liveinfo-right {
			width: 360px;
			/*background-color: #fff;*/
			margin-left: 840px;
			border-radius: 8px 8px 8px 8px;
			/*overflow: hidden;*/
			/*border: 1px solid #e8e8e8;*/
		}
		.lineinfo-right-item {
			background: #fff;
			padding: 23px 17px 1px 17px;
			margin-bottom: 24px;
			border-radius: 8px;
		}

		.buy-record-list > li {
			margin-top: 15px;
		}

		.liveinfo-right-title {
			margin: 0;
			font-size: 17px;
			border-bottom: 1px solid #e8e8e8;
			line-height: 21px;
			color: #666;
			padding-bottom: 21px;
			/*height: 42px;*/
			/*background-color: #f5f5f5;*/
			/*padding-left: 31px;*/
		}

		.liveinfo-right-title img {
			margin-right: 7px;
		}
		.live-recommend-list {
			padding: 15px 0 0 0;
		}

		.live-recommend-list > li > img {
			width: 100%;
		}

		.recommend-name {
			font-size: 14px;
			color: #1d1d1d;
			margin: 0 0 12px 0;
			overflow: hidden;
			text-overflow: ellipsis;
			/*white-space: nowrap;*/
			-webkit-line-clamp: 2;
			flex-grow: 1;
			display: -webkit-box;
			-webkit-box-orient: vertical;
			line-height: 16px;
		}

		.rmb:before {
			content: "￥";
		}

		.learn-count {
			/*float: right;*/
		}

		.learn-count:after {
			content: "人已购买";
		}

		.rmb,
		.rmb-free{
			font-size: 14px;
			color: #ff4623;
		}
		.live-recommend-list .rmb {
			font-size: 18px;
			font-weight: normal;
		}
		.live-recommend-list .rmb:before {
			content: "￥";
			font-size: 12px;
		}
		.learn-count {
			font-size: 14px;
			color: #a2a1a1;
		}

		.course-info-wrapper {
			padding: 25px 0 25px 22px;
			background-color: #fff;
			display: flex;
			/*height: 311px;*/
		}
		.course-info-wrapper.study_top_bg {
			background-image: url("/static/edu/courses/courseInfoNewStudy/courseInfo-study-top-bg.png");
			background-repeat: no-repeat;
		}

		.course-img-wrapper {
			padding: 10px 0;
			padding-bottom: 0;
			/*border: 1px solid #efefef;*/
			border-left-width: 2px;
			float: left;
			position: relative;
		}

		.course-img-wrapper > img {
			/*width: 503px;*/
			/*height: 284px;*/
			width: 553px;
			height: 312px;
			vertical-align: middle;
			/*margin-bottom: 20px;*/
		}

		.appointment-btn {
			background: #7fb337;
			color: #fff;
			cursor: pointer;
			width: 100px;
			height: 40px;
			border-radius: 4px;
			font-size: 14px;
			display: flex;
			align-items: center;
			justify-content: center;
			margin-right: 10px;
		}
		.appointment-btn:hover{
			text-decoration: none;
			color: #fff;
		}
		.cur-appointment {
			display: none;
		}
		.success-appointment {
			cursor: default;
		}
		/*预约成功弹窗*/
		.appointment-window {
			position: fixed;
			width: 100%;
			height: 100%;
			top: 0;
			left: 0;
			background: rgba(0,0,0,0.5);
			/*display: flex;*/
			align-items: center;
			justify-content: center;
			z-index: 9;
			display: none;
		}
		.appointment-window .window-box {
			width: 600px;
			background: #fff;
			border-radius: 10px;
			box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1) inset;
			padding: 20px;
			position: relative;
		}
		.appointment-window .window-header {
			text-align: center;
			font-size: 20px;
		}
		.appointment-window .window-title {
			font-weight: bold;
		}
		.appointment-window .window-close {
			position: absolute;
			right: 10px;
			top: 0;
			font-size: 30px;
			cursor: pointer;
		}
		.appointment-window .window-content {
			margin-top: 20px;
		}
		.appointment-window .window-content-detail {
			font-size: 16px;
			margin-bottom: 20px;
			text-align: center;
		}
		.appointment-window .window-content-detail:nth-child(2) {
			margin-bottom: 40px;
		}
		.appointment-window .window-tips {
			font-size: 14px;
			margin-bottom: 10px;
		}
		.appointment-window img {
			width: 100px;
		}
		.appointment-window .code-row {
			display: flex;
			justify-content: space-around;
			text-align: center;
			margin-top: 40px;
		}
		.appointment-window .code-item p{
			color: #999;
			margin-top: 10px;
		}
		.course-start-time, .course-start-date {
			color: #8e8e8e;
			background-image: linear-gradient(180deg, #f7f7f7 50%, #f6f6f6 100%);
			border: solid 1px #f0f0f0;
			padding: 0 9px 0 17px;
			font-size: 14px;
			line-height: 40px;
		}
		.course-start-date .live-name-refact {
			margin-left: 10px;
		}

		.course-start-time:before {
			content: "直播倒计时：";
			color: #515151;
		}

		.course-start-day, .course-start-hour, .course-start-min,
		.course-start-sec {
			color: #00aaee;
		}

		.course-start-time > .course-start-day:after {
			content: "天";
			color: #515151;
		}

		.course-start-time > .course-start-hour:after {
			content: "时";
			color: #515151;
		}

		.course-start-time > .course-start-min:after {
			content: "分";
			color: #515151;
		}

		.course-start-time > .course-start-sec:after {
			content: "秒";
			color: #515151;
		}

		.course-detail-wrapper {
			/*margin-left: 578px;*/
			position: relative;
			/*min-height: 350px;*/
			flex: 1.0;
			border-right: 1px solid #ececec;
		}
		.course-right-wrapper {
			width: 350px;
			padding: 0 35px;
		}

		.course-detail-title {
			font-size: 20px;
			color: #000;
			margin: 0;
			height: 36px;
			line-height: 36px;
			/*margin-right: 90px;*/
			font-weight: bold;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
			max-width: 710px;
			display: flex;
			align-items: center;
		}

		.course-detail-text {
			font-size: 14px;
			color: #0ae;
			margin-bottom: 0;
			border: 1px solid #0ae;
			padding: 2px 10px;
			border-radius: 5px;
			margin-right: 10px;
			display: flex;
			align-items: center;
			min-width: 80px;
			justify-content: center;
		}
		.course-detail-text.detail_study{
			color: #F1B851 ;
			border: 1px solid #F1B851;

		}


		.course-detail-text:before {
			color: #8e8e8e;
			margin-right: 15px;
		}

		.course-detail-text .comment-user-score {
			height: 14px;
			margin-right: 5px;
		}

		.course-detail-time:before {
			content: "网课时间";
		}

		.course-detail-teacher:before {
			content: "网课讲师";
		}

		.course-detail-chapter:before {
			/*content: "章节数量";*/
		}
		.course-detail-chapter:before1 {
			content: "     ";
		}

		.course-add-group {
			background-color: #f7fafb;
			border: 1px solid #f3f3f3;
			padding: 0 9px;
			height: 26px;
			display: flex;
			align-items: center;
			margin-left: 20px;
		}
		.course-add-group span {
			color: #969696;
		}

		.course-detail-intro {
			font-size: 12px;
			color: #999999;
			margin-bottom: 10px;
			padding-bottom: 10px;
			border-bottom: 1px solid #efefef;
			min-height: 28px;
		}

		/*网课相关讲师*/
		.course-teacher-wrapper {
			display: flex;
			flex-wrap: wrap;
			margin-bottom: 34px;
			overflow: hidden;
			margin-top: 34px;
			height: 90px;
			/*border-bottom: 1px solid #efefef;*/
			/*padding-bottom: 10px;*/
			/*height: 50px;*/
			/*background: #fff;*/
			/*z-index: 999;*/
			/*position: absolute;*/
			/*width: 100%;*/
		}
		.course-teacher-item {
			margin-right: 27px;
            text-align: center;
			/*margin-bottom: 20px;*/
			/*display: flex;*/
		}
		.course-teacher-logo {
			width: 65px;
			height: 65px;
			border-radius: 50%;
			margin: 0 auto;
			overflow: hidden;
            display: flex;
            justify-content: center;
		}
		.course-teacher-logo img {
			height: 100%;
		}
		.course-teacher-item p {
			/*line-height: 40px;*/
			margin-bottom: 0;
			margin-top: 6px;
			font-size: 14px;
			color: #a4a4a4;
		}
		.more-teacher {
			color: #515151;
			margin-right: 7px;
			display: inline-block;
			vertical-align: top;
			font-size: 14px;
			width: 20px;
			/*height: 20px;*/
			padding: 0 5px;
			background-image: url(/static/edu/images/point_down.png);
			background-size: 20px 20px;
			background-repeat: no-repeat;
			background-position: center center;
			-webkit-transition: transform 0.2s linear;
			-moz-transition: transform 0.2s linear;
			-ms-transition: transform 0.2s linear;
			-o-transition: transform 0.2s linear;
			transition: transform 0.2s linear;
			position: absolute;
			right: 0;
			line-height: 40px;
			height: 40px;
		}
		.course-teacher-wrapper:hover {
			/*-webkit-box-shadow: 2px 5px 5px rgba(0, 0, 0, 0.1);*/
			/*-moz-box-shadow: 2px 5px 5px rgba(0, 0, 0, 0.1);*/
			/*box-shadow: 2px 5px 5px rgba(0, 0, 0, 0.1);*/
			/*height: auto;*/
			/*position: absolute;*/
			/*width: 100%;*/
		}
		.course-teacher-wrapper:hover .more-teacher {
			-webkit-transform: rotate(180deg);
			-moz-transform: rotate(180deg);
			-ms-transform: rotate(180deg);
			-o-transform: rotate(180deg);
			transform: rotate(180deg);
		}

		.free-course {
			color: #fff;
			cursor: pointer;
			width: 127px;
			height: 40px;
			background-image: linear-gradient(90deg, #47c6f9 0%, #00aaee 100%);
			border-radius: 4px;
			font-size: 14px;
			display: flex;
			align-items: center;
			justify-content: center;
			margin-right: 10px;
		}
        .free-course:hover {
            color: #fff;
        }
		.free-course img {
			margin-right: 7px;
		}

		.course-price-wrapper, .course-study-wrapper {
			/*position: absolute;*/
			/*left: 0;*/
			/*right: 0;*/
			/*bottom: 20;*/
			/*top: 240px;*/
			margin-top: 0;
		}

        .course-study-wrapper {
            display: flex;
            align-items: center;
            margin-top: -15px;
        }

        .course-study-wrapper .course-pay-btn{
            width: 169px;
            height: 51px;
            background-image: linear-gradient(90deg, #47c6f9 0%, #00aaee 100%);
            border-radius: 4px;
            margin-right: 20px;
        }

		.course-process-wrapper {
			/*padding-top: 24px;*/
            flex: 0.8;
		}

		.course-price-wrapper {
			margin-top: 0;
		}

		.course-price-wrapper .rmb,
		.course-price-wrapper .rmb-free{
			font-size: 28px;
			color: #ff4623;
			/*margin-right: 14px;*/
			text-align: center;
			margin-bottom: 17px;
			/*margin-top: 0;*/
			/*height: 22px;*/
			line-height: 22px;
			padding-top: 20px;
		}

		.course-price-wrapper .rmb:before {
			font-size: 18px;
			margin-right: 5px;
		}

		.course-price-wrapper .origin-rmb {
			font-size: 14px;
			text-decoration: line-through;
		}

		.course-price-wrapper .origin-rmb:before {
			content: "￥";
		}

		.course-pay-wrapper {
			/*margin-top: -9px;*/
			/*display: table;*/
		}

		.course-pay-btn {
			/*border-radius: 2px;*/
			/*background-color: rgba(0, 170, 238, 0.05);*/
			/*border: 1px solid rgba(0, 170, 238, 1);*/
			/*height: 50px;*/
			/*line-height: 50px;*/
			/*padding: 0 48px;*/
			/*font-size: 18px;*/
			/*color: #0ae;*/
			/*font-weight: bold;*/
			/*margin-right: 25px;*/

			width: 280px;
			height: 47px;
			line-height: 47px;
			background-image: linear-gradient(-90deg, #ff6b00 0%, #ff3b00 100%);
			border-radius: 4px;
			color: #fff;
			border: none;
			letter-spacing: 3px;
			font-size: 16px;
			font-weight: bold;
		}

		.course-pay-btn.dis-btn {
			background: #f5f5f5!important;
			border-color: #e8e8e8;
			color: #939393;
			cursor: default;
            background-image: unset;
		}

		.course-count-wrapper {
			/*display: inline-block;*/
			/*vertical-align: middle;*/
			text-align: center;
		}

		.course-text-wrapper > span, .course-text-wrapper {
			line-height: 14px;
			margin: 0;
		}

		.course-text-wrapper > span.explain {
			color: #8e8e8e
		}

		.course-text-wrapper > span.count {
			/*color: #ff4623;*/
			font-weight: bold;
			/*margin: 0 5px;*/
		}

		.course-text-wrapper > span.unit {
			color: #8e8e8e;
		}

		.course-tips {
			margin: 14px auto 5px;
			font-size: 12px;
			color: #b9b9b9;
			display: flex;
			align-items: center;
			justify-content: center;
		}

        .course-isok .course-tips{
            margin-top: 80px;
        }

        .course-isok .course-count-wrapper {
            margin-top: 25px;
        }

        .course-isok .course-right-bottom {
            /*height: 141px!important;*/
        }

		.course-icon-wrapper {
			/*position: absolute;*/
			/*right: 0;*/
			/*top: 0;*/
			display: flex;
			align-items: center;
		}

		.course-icon-wrapper > div {
			margin-right: 20px;
		}

		.course-icon-wrapper > .course-icon-item:last-child {
			/*margin-top: 10px;*/
		}

		.course-right-bottom {
			/*height: 82px!important;*/
			/*background-color: #fafafa;*/
		}
        .course-right-bottom .explain {
            color: #8e8e8e
        }
        .course-right-bottom .count {
            color: #ff4623;
            display: inline-block;
            background: url(https://www.32xueyuan.com/static/common/ioc/collage-icon.png) center 1px no-repeat;
            background-size: 100% 21px;
            padding: 5px 8px;
        }
		.download-app-txt {
			text-align: center;
			color: #333333;
			font-weight: bold;
			margin-bottom: 5px;
			font-size: 16px;
			margin-top: 12px;
		}
		.course-bottom-tips {
			padding: 0 0 18px;
			font-size: 12px;
			display: flex;
			align-items: center;
			justify-content: center;
			text-align: center;
			color: #999999;
		}

		.course-process {
			width: 100%;
			height: 18px;
			background-color: rgba(0, 170, 238, 0.05);
			border: 1px solid #ABDEF3;
			/*margin-bottom: 23px;*/
		}

		.bd_weixin_popup {
			box-sizing: content-box;
		}

		.course-process > .course-process-value {
			height: 100%;
			background-color: rgba(0, 170, 238, 1);
		}

		.course-process-wrapper > p {
			margin-bottom: 6px;
		}

		.course-bottom {
			/*padding-top: 30px;*/
		}

		.liveinfo-left {
			width: 820px;
			float: left;
			border-radius: 8px;
			overflow: hidden;
			/*border: 1px solid #e8e8e8;*/
		}

		.course-score {
			border-bottom: 1px solid #e5e5e5;
			padding: 30px 0;
			font-size: 14px;
		}

		.course-score > span, .course-score > img {
			vertical-align: middle;
			display: inline-block;
			margin-right: 21px;
		}

		.live-inline {
			color: #ff4623;
		}

		.live-inline.no-textarea:hover {
			text-decoration: none;
		}

		.no-live {
			color: #999;
			cursor: default;
		}

		.live-end {
			color: #0ae;
		}

		/*.live-panel-title {*/
		/*	border-bottom: 1px solid #efefef;*/
		/*}*/

		.chapter-img {
			float: left;
			margin-top: 30px;
		}

		.record-time {
			font-size: 14px;
			color: #a2a1a1;
			margin-bottom: 24px;
		}

		.record-wrapper {
			margin-bottom: 10px;
		}

		.download-data {
			color: #515151;
			line-height: 42px;
			float: right;
			margin-right: 22px;
			position: relative;
		}

		.download-data:hover {
			text-decoration: none;
		}

		.hidden-qqqun {
			display: none;
		}

		#info {
			padding: 21px;
			background-color: #fff;
		}

		.course-share-list.bdshare-button-style0-16 a, .course-share-list.bdshare-button-style0-16 .bds_more {
			width: 32px;
			height: 74px;
			background: none;
			margin: 0 8px;
			padding: 0;
			background-repeat: no-repeat;
			background-position: center center;
		}

		.course-share-list.bdshare-button-style0-16 a.bds_sqq {
			background-image: url(/static/edu/images/live/qq.png);
		}

		.course-share-list.bdshare-button-style0-16 a.bds_tsina {
			background-image: url(/static/edu/images/live/weibo.png);
		}

		.course-share-list.bdshare-button-style0-16 a.bds_weixin {
			background-image: url(/static/edu/images/live/weixin.png);
		}

		.icon-item-share {
			position: relative;
		}

		.course-share-list {
			width: 215px;
			height: 66px;
			display: none;
			background-image: url(/static/edu/images/live/icon_wrapper-bg.png);
			background-size: 215px 66px;
			background-position: center center;
			background-repeat: no-repeat;
			position: absolute;
			top: 20px;
			right: -9px;
		}

		.icon-item-share:hover .course-share-list {
			display: block;
		}

		.icon-item-share:hover .course-detail-share {
			background-image: url(/static/edu/images/live/icon_share_check.png);
		}

		.course-detail-col:hover, .course-detail-col.checked {
			background-image: url(/static/edu/images/live/icon_confilct_check.png);
		}

		.course-detail-share, .course-detail-col {
			width: 36px;
			height: 36px;
			background-position: center center;
			background-repeat: no-repeat;
			background-size: 100% 100%;
		}

		.course-detail-share {
			background-image: url(/static/edu/images/live/icon_share.png);
		}

		.course-detail-col {
			background-image: url(/static/edu/images/live/icon_conflict.png);
		}

		.lecture-download .download-jy {
            color: #333333;
            width: 89px;
            height: 32px;
            background-color: #FAFAFA;
            border-radius: 2px;
            /*border: solid 1px #00aaee;*/
            text-align: center;
            line-height: 32px;
		}
		.lecture-download .download-jy:hover,
		.lecture-download .download-jy:link,
		.lecture-download .download-jy:visited,
		.lecture-download .download-jy:active{
			text-decoration: none;
			color: #333333;
		}

		.live-date {
			color: #666;
			cursor: default;
			width: 150px;
			display: inline-block;
		}

		.live-recommend-list > li {
			margin-bottom: 30px;
			/*height: 208px;*/
			border: 1px solid #f6f6f6;
			box-shadow: 0 0 0 rgba(0, 0, 0, 0.07);
			padding: 23px 14px 21px 16px;
		}

		.live-recommend-list > li:last-child {
			margin-bottom: 0;
		}

		.recommend-course-detail {
			display: flex;
			align-items: center;
			font-size: 12px;
		}
		.recommend-course-detail span {
			margin-right: 4px;
			color: #999;
		}
		.live-recommend-list .arrow-right {
			width: 0;
			height: 0;
			border-width: 6px 0 6px 8px;
			border-style: solid;
			border-color: transparent transparent transparent #c9c9c9;
			margin-right: 5px;
		}
		.recommend-course-teacher {
			display: flex;
			height: 66px;
			padding-top: 11px;
			margin-bottom: 23px;
			overflow: hidden;
            flex-wrap: wrap;
		}
		.course-recommend-teacher-item {
			width: 48px;
			margin-right: 12px;
			text-align: center;
			margin-bottom: 12px;
		}
		.course-recommend-teacher-item .course-teacher-logo {
			width: 32px;
			height: 32px;
			border-radius: 50%;
			overflow: hidden;
			margin: 0 auto 9px;
			border: solid 1px #e4e4e4;
			display: flex;
			align-items: center;
			justify-content: center;
		}
		.course-recommend-teacher-item .teacher-name {
			color: #818a92;
			font-size: 12px;
		}

		.course-process-text, .course-text-wrapper {
			font-size: 14px;
			color: #8e8e8e;
			/*height: 14px;*/
			line-height: 14px;
		}

		.course-process-text > span {
			margin: 0 4px;
		}

		.course-type-text {
			display: inline-block;
			vertical-align: middle;
			/*border: 1px solid #C9C9C9;*/
			color: #333333;
			margin-right: 15px;
			padding: 3px 8px;
			font-size: 12px;
			/*border-radius: 12px;*/
			background: #e1e1e1;
			border-radius: 4px;
		}
        .course-type-text.course-broadcast {
			background-color: #FDECE9;
			color: #EF4023;
        }

		.course-time {
			color: #8D8D8D;
			display: inline-block;
			vertical-align: middle;
			width: 65px;
		}
		.liveinfo-qa-list>li{
			position:relative;
		}
		.liveinfo-qa-list>li>p{
			margin: 20px 0 20px 14px;
			font-size:14px;
			color:#8e8e8e;
			-webkit-transition: color 0.2s;
			-moz-transition: color 0.2s;
			-ms-transition: color 0.2s;
			-o-transition: color 0.2s;
			transition: color 0.2s;
			cursor: pointer;
		}
		.liveinfo-qa-list>li>p:hover,
		.liveinfo-qa-list>li>p:hover .live-tips-index {
			color:#666666;
		}
		.liveinfo-qa-list>li>p .live-tips-index {
			font-size: 24px;
			font-style: italic;
			color: #dbdbdb;
			margin-right: 15px;
			vertical-align: middle;
			font-weight: bold;
		}
		/*.liveinfo-qa-list>li>p:hover:before{*/
			/*background-color:#0ae;*/
		/*}*/
		/*.liveinfo-qa-list>li>p:before{*/
			/*content:'';*/
			/*display:inline-block;*/
			/*vertical-align: middle;*/
			/*width:3px;*/
			/*height:3px;*/
			/*margin-top:-1.5px;*/
			/*margin-right:10px;*/
			/*border-radius: 50%;*/
			/*background-color:#515151;*/
			/*-webkit-transition: background-color 0.2s ;*/
			/*-moz-transition: background-color 0.2s;*/
			/*-ms-transition: background-color 0.2s;*/
			/*-o-transition: background-color 0.2s;*/
			/*transition: background-color 0.2s;*/
		/*}*/
		.liveinfo-qa-list>li>.liveinfo-answer:before {
			content: '';
			position: absolute;
			top: 50%; /* 垂直居中 */
			right: -9px; /* 向右偏移 */
			transform: translateY(-50%) rotate(135deg); /* 调整角度 */
			width: 16px;
			height: 16px;
			border-left: 1px solid #666666;
			border-top: 1px solid #666666;
			background: #FFFFFF;
			/*content:'';*/
			/*background-image:url("/static/edu/images/u-center/u-center-new2024/Slice 135.png");*/
			/*width:14px;*/
			/*height:17px;*/
			/*position:absolute;*/
			/*right:-10px;*/
			/*top:50%;*/
			/*-webkit-transform: translateY(-50%);*/
			/*-moz-transform: translateY(-50%);*/
			/*-ms-transform: translateY(-50%);*/
			/*-o-transform: translateY(-50%);*/
			/*transform: translateY(-50%);*/
		}
		.liveinfo-qa-list>li>.liveinfo-answer {
			display: inline-block;
			position: absolute;
			width: 200px;
			right: 100%;
			top: 50%;
			-webkit-transform: translateY(-50%);
			-moz-transform: translateY(-50%);
			-ms-transform: translateY(-50%);
			-o-transform: translateY(-50%);
			transform: translateY(-50%);
			padding: 20px;
			border-radius: 5px;
			background-color: #fff;
			border: 1px solid #999999;
			color:#666666;
			font-size:15px;
			display:none;
		}
		.liveinfo-qa-list>li:hover>.liveinfo-answer {
			display:block;
		}

		/*返回顶部*/
		.to-top {
			position: fixed;
			width: 115px;
			height: 33px;
			text-align: center;
			line-height: 33px;
			right: 10px;
			bottom: 50px;
			box-shadow: 0 0 3px rgba(0, 0, 0, 0.5) inset;
			cursor: pointer;
			border-radius: 3px;
			background: #fff;
		}

		/*nav立即报名按钮*/
		.navSignUp {
			float: right!important;
			display: flex!important;
			align-items: center;
			margin-top: 6px;
			height: 28px;
		}

		.navSignUp .course-pay-btn {
			/*background: #ff4623;*/
			color: #fff;
			/*height: 30px;*/
			/*margin-top: 4px;*/
			/*margin-right: 20px;*/
			padding: 0 20px;
			font-size: 16px;
			border: 0;
            width: 125px;
            height: 44px;
            line-height: 44px;
        }

		#navClassPrice {
			margin: 0 32px 0 0;
			font-size: 20px;
			display: none;
		}

		.navSignUp .course-pay-wrapper {
			margin-top: 3px;
			display: none;
		}

		.navSignUp.fixed #navClassPrice,
		.navSignUp.fixed .course-pay-wrapper{
			display: block;
		}

        /*倒计时*/
.course-clock {
    display: flex;
    align-items: center;
}
.clock-day {
    color: #EF4023;
}
.clock-item {
	width: 28px;
	height: 25px;
	background: linear-gradient(180deg, #EF4023 0%, #B51A00 100%);
	border-radius: 2px;
	text-align: center;
	line-height: 25px;
	color: #fff;
	font-weight: bold;
	font-size: 18px;
}
.clock-split {
	font-weight: bold;
	font-size: 20px;
	color: #EF4023;
    margin: -5px 3px 0;
}

/*课程讲义*/
.lectures-list {
    background: #fff;
    padding-top: 13px;
}
.lecture-item{
    border-bottom: 1px solid #f6f6f6;
    font-size: 14px;
}
.lecture-title {
    color: #515151;
    font-size: 14px;
    font-weight: bold;
    line-height: 15px;
    margin-bottom: 5px;
    padding-top: 16px;
    padding-left: 21px;
}
.lecture-download {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 13px 22px 20px 21px;
}
.lecture-download:hover {
    background-color: #f5f8ff;
}
.lecture-download:hover .download-jy {
    /*background-image: linear-gradient(90deg, #47c6f9 0%, #00aaee 100%);*/
	font-weight: bold;
    /*color: #fff;*/
    /*border: 1px solid transparent;*/
}
/*课后作业*/
.lecture-item .home-work-row {
	display: flex;
	align-items: center;
}
.home-work-row .home-work-time {
	color: #999;
	font-size: 12px;
	margin-top: 5px;
}
.home-work-row .home-work-undo {
	color: #999;
	margin-top: 5px;
}
.home-work-row .home-work-icon {
	width: 26px;
	height: 27px;
	margin-right: 20px;
}
.home-work-window .window-box {
	width: 600px;
	background: #fff;
	border-radius: 10px;
	box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1) inset;
	padding: 20px;
	position: relative;
}
.home-work-window .window-close {
	position: absolute;
	right: 10px;
	top: 0;
	font-size: 30px;
	cursor: pointer;
}
.home-work-window .work-title {
	font-size: 18px;
	font-weight: bold;
	text-align: center;
}
.home-work-window .home-work-code {
	width: 150px;
	margin: 0 auto;
}
.home-work-window img {
	display: block;
	margin: 20px auto;
}
.home-work-window .home-work-code img {
	width: 150px;
}
.home-work-window .work-tips {
	text-align: center;
}
.home-work-window .work-tips span {
	color: #0ae;
	text-align: center;
}
.work-tips2 {
	color: #999;
	text-align: center;
}

.tab-pane {
    background: #fff;
}

.copy-wx-code {
    font-size: 10px;
    padding: 0px 15px;
    height: 28px;
    line-height: 26px;
    border: 1px solid rgba(0, 170, 238, 1);
    color: #0ae;
    font-weight: bold;
    border-radius: 2px;
    background-color: rgba(0, 170, 238, 0.05);
}


/*学习计划*/
.svcShortTitle_study{
	display: flex;
	height: 76px;
	background: #FFFFFF;
	/*font-size: 29px;*/
	font-weight: 500;
	color: #323233;
	/*margin-bottom: 16px;*/
	/*border: 1px solid #F2F2F2;*/
	justify-content: flex-start;
	align-items: center;
}
.svcShortTitle_study{
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #323233;
}

.before_svcShortTitle_study{
	display: inline-block;
	position:relative;
	width: 32px;
	height: 32px;
	background: #FEF8EC;
	border-radius: 50%;
	text-align: center;
	margin-left: 24px;
	margin-right: 15px;

}
.before_svcShortTitle_study > img{
	text-align: center;
	margin: 0 auto;
	width: 15px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}


#subTask_study{
   padding-left: 20px;

}
.time-box:last-child  .content_study{
	border-left: 1px dashed transparent;
}
.subtask_title{
	margin-bottom: 5px;
	/*margin-bottom:28px;*/
}
.subtask_detail img {
	margin-top: -2px;
}
.yuan{
	position: absolute;
	top: 0;
	left: 0px;
	display: inline-block;
	width: 8px;
	height: 8px;
	background: #CCCCCC;
	border-radius: 50%;
	-webkit-transform: translateX(-56%);
	transform: translateX(-56%);
}
.shangyi{
	/*display: flex;*/
	transform: translateY(-5px);
	justify-content: space-between;
}

.content_study{
	flex: 1;
	border-left: 1px dashed #999;
	padding-left: 10px;
	position: relative;
	/*padding-bottom: 40px;*/

}

/*.before_svcShortTitle_study:after{*/
/*	content: "";*/
/*	float: right;*/
/*	width: 10px;*/
/*	height: 15px;*/
/*	margin-right: 28px;*/
/*	display: block;*/
/*	background-image: url(/static/edu/images/live/icon_point_top.png);*/
/*	background-position: center center;*/
/*	background-size: 100% auto;*/
/*	background-repeat: no-repeat;*/
/*	-webkit-transition: transform 0.2s linear;*/
/*	-moz-transition: transform 0.2s linear;*/
/*	-ms-transition: transform 0.2s linear;*/
/*	-o-transition: transform 0.2s linear;*/
/*	transition: transform 0.2s linear;*/
/*	transform: rotate(180deg);*/
/*}*/
/*.before_svcShortTitle_study.collapsed:after{*/
/*	-webkit-transition: transform 0.2s linear;*/
/*	-moz-transition: transform 0.2s linear;*/
/*	-ms-transition: transform 0.2s linear;*/
/*	-o-transition: transform 0.2s linear;*/
/*	transition: transform 0.2s linear;*/
/*}*/
.svcShortTitle_study:after {
	content: "";
	float: right;
	width: 10px;
	height: 15px;
	margin-right: 24px;
	display: block;
	background-image: url(/static/edu/images/live/icon_point_top.png);
	background-position: center center;
	background-size: 100% auto;
	background-repeat: no-repeat;
	-webkit-transition: transform 0.2s linear;
	-moz-transition: transform 0.2s linear;
	-ms-transition: transform 0.2s linear;
	-o-transition: transform 0.2s linear;
	transition: transform 0.2s linear;
	 /*transform: rotate(180deg);*/
}
.svcShortTitle_study.collapsed:after{
		-webkit-transition: transform 0.2s linear;
		-moz-transition: transform 0.2s linear;
		-ms-transition: transform 0.2s linear;
		-o-transition: transform 0.2s linear;
		transition: transform 0.2s linear;
	    transform: rotate(180deg);
}

.folder-title{
	font-size: 14px;
	font-weight: 400;
	color: #666666;
	display: flex;
	align-items: center;
	/*margin-top: 25px;*/
	margin-bottom: 23px;
}
.before_folder > img{
	width: 15px;
	height: 19px;
	margin-right: 9px;
}
.subTask_study{
	margin-left: 26px;
	margin-right: 18px;
	font-size: 14px;
}

.subTask_study_noFolder {
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333333;
	/* line-height: 47px; */
	margin-bottom: 21px;
	display: flex;
	justify-content: space-between;
}
.subTask_study .subTask_study_noFolder:last-child {
	margin-bottom: 0;
}
.subTask_study_noFolder_detail_time{
	font-size: 12px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #666666;
}
.subTask_study_box{
	margin-left: 24px;
}
.subTask_study_box .chapter-item {
	margin-bottom: 25px;
}
.subTask_study_box .chapter-item:last-child {
	margin-bottom: 0;
}
/*.subTask_study.nofolder.chapter-item {*/
/*	margin-left: 26px;*/
/*}*/
.content_study.nofolder {
	border-left: 1px dashed transparent;
}
.subTask_study_noFolder_detail {
	width: 169px;
}