.create-banenr,
.create-nav,
.create-period,
.period-top,
.create-detail-lects,
.create-lect-item,
.create-ganhuo-img,
.coursedetail-desc,
.ghdetail-container,
.ghdetail-banner,
.ghdetail-info,
.video-sign,
.coursedetail-class-item,
.download-container,
.member-remind,
.member-remind-fgx,
.member-remind-savebox,
.addnote-bg-container,
.addnote-area {
	width: 100%;
}

.create-banenr,
.create-nav,
.coursedetail-video,
.ghdetail-container,
.download-container,
.addnote-bg-container {
	position: fixed;
	left: 0;
}

.create-banenr,
.create-nav,
.coursedetail-video,
.ghdetail-container{
	z-index: 2;
}

.create-banenr,
.create-ganhuo-img,
.ghdetail-banner,
.coursedetail-list-img {
	display: block;
}

.create-banenr,
.coursedetail-video,
.ghdetail-container,
.download-container {
	top: 0;
}

.create-banenr {
	height: 50.67vw;
}

.create-nav,
.create-nav-item,
.coursedetail-list-tab,
.coursedetail-list-tab-list,
.coursedetail-list-tab-exercise,
.coursedetail-list-tab-note {
	height: 12.53vw;
}

.create-nav,
.create-course,
.period-time,
.create-detail-lects,
.create-detail-content,
.create-ganhuo,
.coursedetail-content,
.coursedetail-desc,
.ghdetail-container,
.coursedetail-list-count,
.coursedetail-list-periods,
.coursedetail-list-tab,
.coursedetail-list-detail,
.download-bg,
.member-remind-fgx,
.addnote-box,
.note-list,
.addnote-bg {
	background: #fff;
}

.create-nav,
.period-top,
.period-total,
.period-seeall,
.create-lect-item,
.coursedetail-count,
.ghdetail-info,
.coursedetail-list-count,
.coursedetail-list-right,
.coursedetail-list-right-l,
.coursedetail-list-tab,
.coursedetail-list-detail-title,
.download-class,
.ghdetail-load-text,
.download-btngroup,
.member-remind,
.member-remind-left,
.member-remind-savebox,
.member-remind-savedetail,
.note-list-statu,
.note-list-statu-right,
.note-list-statu-right > div {
	display: flex;
	align-items: center;
}

.create-nav,
.period-bottom,
.create-lect-name,
.coursedetail-counttext,
.coursedetail-list-tab,
.coursedetail-list-detail-title,
.addnote-btn,
.note-list-title,
.addnote-submit {
	font-size: 4.27vw;
}

.create-nav {
	justify-content: space-around;
	box-shadow: 0px 1px 8px 0px rgba(5, 5, 5, 0.08);
	top: 50.67vw;
}

.create-nav-item,
.coursedetail-period-top,
.coursedetail-list-tab-nav,
.addnote-area-box {
	position: relative;
}

.create-nav-item,
.coursedetail-list-tab {
	line-height: 12.53vw;
}

.create-nav-item-on,
.coursedetail-list-nameOn,
.download-class,
.coursedetail-list-tab-nav,
.ghdetail-load-text {
	color: #c1191f;
}

.create-nav-item-on {
	font-weight: bold;
}

.coursedetail-list-bs,
.download-btn-sure,
.create-nav-item-on:after,
.coursedetail-list-tab-nav:after,
.addnote-btn {
	background: #c1191f;
}

.create-nav-item-on:after {
	position: absolute;
	left: 50%;
	bottom: 0;
	content: "";
	width: 7.73vw;
	height: 0.8vw;
	margin-left: -3.86vw;
	border-radius: 0.4vw;
}

.create-content {
	margin-top: 63.2vw;
}

.create-content-pad {
	padding-bottom: 13.33vw;
}

/* 课程 */
.create-course,
.create-period,
.create-detail-lects,
.create-lect-item,
.create-ganhuo,
.coursedetail-desc,
.coursedetail-list-count,
.member-remind,
.addnote-area-box,
.addnote-area {
	box-sizing: border-box;
}

.create-course {
	padding: 5.33vw 4vw;
}

.create-period,
.create-lect-item,
.create-lect-img,
.create-ganhuo-img,
.coursedetail-class-item,
.addnote-area-box,
.addnote-area-box {
	border-radius: 1.33vw;
}

.create-period,
.create-lect-item,
.addnote-area-box,
.addnote-area {
	background: #f7f8fa;
}

.create-period {
	padding: 3.2vw 4vw 2.94vw;
}

.create-course a:not(:last-child) .create-period,
.coursedetail-class-item {
	margin-bottom: 4vw;
}

.period-top,
.coursedetail-count,
.ghdetail-info,
.coursedetail-list-count,
.coursedetail-list-detail-title,
.member-remind,
.note-list-statu {
	justify-content: space-between;
}

.period-count,
.period-time,
.period-seetext {
	line-height: 6.67vw;
}

.period-count,
.period-time {
	height: 6.67vw;
}

.period-count,
.create-detail-content,
.coursedetail-desc-cont,
.ghdetail-intro,
.download-class,
.ghdetail-download,
.download-top-title,
textarea::-webkit-input-placeholder,
.addnote-area {
	font-size: 4vw;
}

.period-count {
	width: 18.67vw;
	background: #ffe5ba;
	border-top-left-radius: 1.33vw;
	border-bottom-left-radius: 1.33vw;
}

.period-time,
.period-seetext,
.create-lect-intro,
.coursedetail-list-name,
.ghdetail-info,
.coursedetail-list-stunum,
.member-remind-savedetail,
.note-list-statu,
.addnote-area-count {
	font-size: 3.47vw;
}

.period-time,
.period-seetext,
.create-lect-intro,
.coursedetail-list-stunum,
.note-list-statu {
	color: #999;
}

.period-time {
	width: 30.67vw;
	border-top-right-radius: 3.33vw;
	border-bottom-right-radius: 3.33vw;
}

.period-seetext {
	margin-right: 1.33vw;
}

.period-seeicon {
	width: 1.33vw;
	height: 2.8vw;
}

.period-bottom {
	margin-top: 4.14vw;
}

/* 课程详情 */
/* .coursedetail-video {
	width: 100vw;
	height: 56.27vw;
} */

.video-sign {
	height: 56.27vw;
}

.coursedetail-content,
.coursedetail-list-content {
	margin-top: 56.27vw;
}

.coursedetail-count,
.ghdetail-info,
.coursedetail-list-count,
.coursedetail-list-detail-title,
.ghdetail-download {
	border-bottom: 1px solid #f1f1f1;
}

.coursedetail-count,
.ghdetail-info,
a.ghdetail-load-title {
	color: #717784;
}

.coursedetail-count {
	margin: 0 3.86vw;
	padding-top: 0.27vw;
	line-height: 11.73vw;
}

.coursedetail-periods,
.coursedetail-list-periods {
	padding: 4vw 0 3.2vw;
	white-space: nowrap;
}

.coursedetail-periods,
.ghdetail-container,
.coursedetail-list-periods {
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}

.coursedetail-periods::-webkit-scrollbar,
.coursedetail-list-periods::-webkit-scrollbar {
	display: none;
}

.coursedetail-period-item,
.coursedetail-period-top,
.coursedetail-list-img,
.coursedetail-list-name {
	width: 42.66vw;
}

.coursedetail-period-item {
	display: inline-block;
	vertical-align: top;
}

.coursedetail-periods .coursedetail-period-item:not(:first-child),
.coursedetail-list-periods .coursedetail-period-item:not(:first-child) {
	margin-left: 1.67vw;
}

.coursedetail-periods .coursedetail-period-item:first-child,
.coursedetail-list-periods .coursedetail-period-item:first-child {
	margin-left: 4vw;
}

.coursedetail-periods .coursedetail-period-item:last-child,
.coursedetail-list-periods .coursedetail-period-item:last-child {
	margin-right: 4vw;
}

.coursedetail-list-img {
	height: 24vw;
	border-radius: 0.8vw;
}

.coursedetail-list-time,
.coursedetail-list-statu,
.coursedetail-list-end,
.download-bg,
.addnote-area-count {
	position: absolute;
}

.coursedetail-list-time,
.coursedetail-list-bs,
.download-btn-sure,
.member-remind-click,
.member-remind-cancle,
.addnote-btn,
.addnote-submit {
	color: #fff;
}

.coursedetail-list-time {
	bottom: 0;
	right: 2.67vw;
	line-height: 5.86vw;
	font-size: 2.67vw;
}

.coursedetail-list-statu,
.coursedetail-list-end-hide {
	display: none;
}

.coursedetail-list-statu,
.coursedetail-class-item {
	height: auto;
}

.coursedetail-list-statu{
	top: 10vw;
	left: 18.66vw;
	width: 5.33vw;
}

.coursedetail-list-statu-on {
	display: block;
}

.coursedetail-list-end {
	width: 13.2vw;
	height: 8.53vw;
	right: 0;
	top: 0;
}

.coursedetail-list-name {
	line-height: 5.06vw;
	margin-top: 1.87vw;
}

.coursedetail-desc {
	padding: 0 4vw 7.2vw;
}

.coursedetail-desc-mar {
	margin-bottom: 13.33vw;
}

.coursedetail-desc-title,
.ghdetail-name {
	font-size: 4.8vw;
	font-weight: bold;
}

.coursedetail-desc-title {
	line-height: 16vw;
	height: 16vw;
	border-bottom: 1px solid #f1f1f1;
}

.coursedetail-desc-cont {
	padding: 5.33vw 0 0;
}

.coursedetail-desc-cont,
.create-detail-content,
.create-ganhuo-mc,
.period-bottom,
.ghdetail-name,
.ghdetail-intro {
	line-height: 6.4vw;
}

.coursedetail-desc-cont img,
.create-detail-content img,
.ghdetail-intro img {
	width: 100% !important;
	height: auto !important;
	margin: 5.2vw 0 5.33vw !important;
	border-radius: 1.33vw !important;
}

/* 详情 */
.create-detail-lects {
	padding: 4vw;
}

.create-lect-item {
	padding: 2.53vw 2.67vw 2.8vw;
}

.create-detail-lects .create-lect-item:not(:last-child) {
	margin-bottom: 2.67vw;
}

.create-lect-img {
	width: 16vw;
	height: 16vw;
	margin-right: 4.13vw;
}

.create-lect-info {
	width: calc(100% - 20.13vw);
}

.create-lect-intro {
	line-height: 4.8vw;
	margin-top: 2.54vw;
}

.create-detail-content,
.coursedetail-desc,
.coursedetail-list-detail,
.note-list {
	margin-top: 2.67vw;
}

.create-detail-content {
	padding: 4.13vw 4vw 4.8vw;
}

/* 干货 */
.create-ganhuo {
	padding: 5.33vw 4vw 0.67vw;
}

.create-ganhuo-img {
	height: 40vw;
}

.create-ganhuo-mc {
	font-size: 4.53vw;
	padding: 2.4vw 0 7.06vw;
}

/* 干货详情 */
.ghdetail-container,
.download-container {
	height: 100%;
}

.ghdetail-container::-webkit-scrollbar {
	display: none;
}

.ghdetail-banner {
	height: 43.47vw;
}

.ghdetail-content {
	padding: 0 3.86vw;
}

.ghdetail-name {
	padding-top: 5.87vw;
}

.ghdetail-info {
	height: 11.33vw;
	line-height: 11.33vw;
}

.ghdetail-cc {
	margin-right: 7.2vw;
}

.ghdetail-intro {
	padding: 4vw 0 6vw;
}

/* 干货详情-资料下载12.27 */
.ghdetail-download{
	padding: 4.4vw 0 2.935vw;
}

.ghdetail-load-text,
.download-top-title {
	line-height: 4vw;
}

.ghdetail-load-icon{
	width: auto;
	height: 4vw;
	margin-right: 1.467vw;
}

a.ghdetail-load-title{
	display: block;
	line-height: 6.13vw;
	padding-top: 2vw;
}

/* 课程详情-课程目录12.25 */
.coursedetail-list-count,
.coursedetail-list-detail {
	padding: 0 4vw;
}

.coursedetail-list-count {
	height: 9.33vw;
}

.coursedetail-list-stunum {
	line-height: 9.33vw;
}

.coursedetail-list-right,
.member-remind-click,
.member-remind-cancle {
	font-size: 3.2vw;
}

.coursedetail-list-right{
	line-height: 5.33vw;
}

.coursedetail-list-right-l-p{
	display: none;
}

.coursedetail-list-bs,
.common-bs {
	height: 5.33vw;
	border-radius: 0.8vw;
}

.coursedetail-list-bs{
	width: 13.33vw;
}

.common-bs {
	width: 10.67vw;
	background: #ffe7e8;
	color: #e58487;
	margin-right: 0.8vw;
}

.coursedetail-list-periods {
	box-shadow: 0px 4px 8px -8px #050505 inset;
}

.coursedetail-list-tab-list,.coursedetail-list-tab-note{
	/* width: 38.53vw; */
	width: 50vw;
}

.coursedetail-list-tab-exercise{
	width: 22.94vw;
}

.coursedetail-list-tab-nav,
.note-list-title {
	font-weight: bold;
}

.coursedetail-list-tab-nav:after {
	content: "";
	width: 7.73vw;
	height: 0.8vw;
	border-radius: 0.4vw;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -3.865vw;
}

.coursedetail-list-detail-title {
	height: 13.33vw;
}

.download-class>img {
	margin-right: 1.47vw;
}

.coursedetail-classgroup {
	padding: 4vw 0 1.33vw 0;
}

/* 课程-下载弹框 */
.download-container{
	background: rgba(0,0,0,0.3);
	z-index: 100000;
}

.download-bg,
.addnote-bg {
	border-radius: 2.67vw;
}

.download-bg{
	width: 84vw;
	height: 33.86vw;
	top: 50%;
	margin-top: -16.93vw;
	left: 8vw;
}

.download-top-title{
	padding: 7.467vw 0;
	line-height: 4vw;
}

.download-btngroup,
.member-remind-savebox,
.member-remind-savedetail {
	justify-content: center;
}

.download-btngroup{
	margin-top: 0.4vw;
}

.download-btn-cancle,.download-btn-sure{
	width: 26.67vw;
	height: 9.33vw;
	line-height: 9.33vw;
	border-radius: 4.667vw;
}

.download-btn-cancle{
	background: #ffe8e9;
	margin-right: 5.33vw;
}

/* 会员专属提醒 */
.member-remind,.member-remind-savebox{
	background: #f7e6c2;
}

.member-remind{
	height: 12vw;
}

.member-remind-left{
	color: #ac8430;
}

.member-remind-logo{
	width: 8.26vw;
	margin: 0 1.86vw 0 3.33vw;
}

.member-remind-click,
.member-remind-cancle {
	width: 16vw;
	height: 6.4vw;
	line-height: 6.4vw;
	border-radius: 3.2vw;
	margin-right: 4vw;
}

.member-remind-click{
	background: #dea836;
}

.member-remind-cancle{
	background: #c1c0be;
}

.member-remind-bg{
	width: 100vw;
	height: calc(100% - 68.27vw);
	background: rgba(0,0,0,0.3);
	position: fixed;
	top: 68.27vw;
	left: 0;
	z-index: 1003;
}

.member-remind-fgx{
	height: 0.134vw;
}

.member-remind-savebox{
	height: 34.66vw;
}

.member-remind-ewmbox,
.member-remind-savedetail{
	height: 24vw;
	background: #eece8c;
}

.member-remind-ewmbox{
	width: 18.66vw;
	margin-right: 1.06vw;
}

.member-remind-ewmicon{
	width: 17.6vw;
	margin: 0.53vw 0.53vw 0.4vw;
}

.member-remind-ewmtext{
	line-height: 3vw;
	font-size: 2.8vw;
}

.member-remind-savedetail{
	width: 49.33vw;
	line-height: 5.6vw;
}

/* 笔记 */
.addnote-box{
	padding: 2.67vw 6vw 1.33vw;
}

.addnote-btn{
	width: 80vw;
	height: 10.67vw;
	line-height: 10.67vw;
	border-radius: 5.33vw;
	box-shadow: 0px -1px 20px 0px rgba(170,17,13,0.4);
	margin: 4vw;
}

.note-list-title{
	line-height: 4.13vw;
	padding: 4.67vw 0 4.53vw 3.86vw;
	border-bottom: 1px solid #f1f1f1;
	margin-bottom: 0.13vw;
}

.note-list-box{
	padding: 0 4vw;
}

.note-list-box .note-list-item:not(:last-child){
	border-bottom: 1px solid #f1f1f1;
}

.note-list-item {
    padding: 2.8vw 0 4vw;
    word-wrap: break-word;
    word-break: break-all;
}

.note-list-name{
	font-size: 4vw;
	line-height: 6.4vw;
}

.note-list-statu,
.addnote-area-count {
	line-height: 3.47vw;
}

.note-list-statu{
	margin-top: 3.47vw;
}

.note-list-icon-share,
.note-list-icon-edit {
	width: 3.47vw;
	height: 3.47vw;
}

.note-list-icon-edit{
	margin-right: 1.2vw;
}

.note-list-icon-share{
	margin-right: 1.067vw;
}

.note-list-text-edit{
	margin-right: 5.467vw;
}

.addnote-bg-container{
	height: 100%;
	top: 0;
	z-index: 10005;
	background: rgba(0,0,0,0.3);
}

.addnote-bg {
    width: 92vw;
    height: 80.8vw;
    /*margin: 39.33vw 4vw 0;*/
    margin: 60vw 4vw 0;
    padding-top: 5.33vw;
}

.addnote-area-box
{
	width: 81.34vw;
}

.addnote-area-box{
	height: 56vw;
	margin: 0 5.33vw 4vw;
}

.addnote-area{
	height: 48.8vw;
	padding: 4vw 3.86vw;
	line-height: 6.4vw;
	border: none;
	resize: none;
}

textarea::-webkit-input-placeholder,
.addnote-area-count {
    color: #b4b5b9;
}
.addnote-submit {
	width: 53.3vw;
	}
.text-a1{
	height: 10.13vw;
    line-height: 10.13vw;
    background:rgba(255,232,233,1);
    border-radius: 5.06vw;
	color: #333333;
    margin: 0 auto;
	width: 24vw;
	float: left;
	text-align: center;
	margin-left: 5.3vw;
	margin-right: 4vw;
}
.addnote-area-count{
	right: 4vw;
	bottom: 3.86vw;
}

.addnote-submit{
	height: 10.13vw;
	line-height: 10.13vw;
	background: #dadada;
	border-radius: 5.06vw;
	
	float: left;
}

.addnote-submit-on{
	background: #c1191f !important;
}

/* 1.15分享学习成果弹框 */
.shareresult{
	width: 28vw;
	height: 6.667vw;
	line-height: 6.667vw;
	background: #c1191f;
	box-shadow: 0px 1px 6px 0px rgba(24,24,24,0.5);
	border-radius: 3.334vw;
	font-size: 3.47vw;
	color: #fff;
	position: fixed;
	top: 40.8vw;
	right: 4vw;
	z-index: 1003;
}