@charset "UTF-8";

* {
	margin: 0;
	padding: 0;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-tap-highlight-color: transparent;
}

:focus {
	outline: 0
}

input,
button,
textarea,
select {
	outline: none;
}

@font-face {
	font-family: 'PingFang-SC-Medium';
	src: url(PingFang Medium.ttf);
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'DINPro-Bold';
	src: url(DINPro-Bold.ttf);
	font-weight: normal;
	font-style: normal;
}

html,
body {
	font-family: 'PingFang-SC-Medium', sans-serif;
}

body {
	background: #f7f8fa;
	color: #333;
	font-size: 3.73vw;
	font-family: 'PingFang-SC-Medium', sans-serif;
}

ol,
ul {
	list-style-type: none
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

:link,
:visited,
ins {
	text-decoration: none
}

a {
	background-color: transparent;
}

a:-webkit-any-link {
	color: -webkit-link;
	cursor: pointer;
	text-decoration: none;
}

blockquote,
q {
	quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none
}

a:link,
a:visited {
	color: #333;
}

a:active {
	color: #333;
}

.hide {
	display: none;
}

.show,
.quesheng-img {
	display: block;
}

a:focus {
	outline: 0;
	-moz-outline: 0
}

a:focus,
a:active,
a:hover {
	outline: 0;
	-moz-outline: 0
}

/*清除浮动*/
.fix {
	*zoom: 1;
}

.fix:after {
	display: block;
	content: "clear";
	height: 0;
	clear: both;
	overflow: hidden;
	visibility: hidden;
}

/* 浮动 */
.fl {
	float: left
}

.fr {
	float: right
}

/* 对齐 */
.text-a,
.text_c {
	text-align: center;
}

/* 超过制定行数显示省略号 */
.yh,
.oneclamp {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.lh,
.twoclamp {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	white-space: normal;
}

/* footer */
.footer,
.toIndex,
.coursedetail-bottom,
.common-search,
.sidebar-search {
	position: fixed;
}

.footer,
.coursedetail-bottom,
.noKecheng,
.noKecheng-wqx,
.noNote,
.sharebox,
.common-search,
.bg_f {
	background: #fff;
}

.footer,
.coursedetail-bottom,
.common-search {
	width: 100%;
	left: 0;
}

.footer,
.coursedetail-bottom {
	bottom: 0;
}

.flex,
.footer,
.share-btnbox,
.common-search-box {
	display: flex;
	align-items: center;
}

.footer {
	height: 13.06vw;
	box-shadow: 0px -1px 8px 0px rgba(11, 11, 11, 0.1);
	z-index: 2;
	justify-content: space-around;
}

.footer-item {
	display: inline-block;
}

.footer-icon,
.toIndex,
.coursedetail-bottom,
.noKecheng-icon,
.wuquanxian-icon,
.ghdetail-wqx-icon,
.noNote-icon {
	display: block;
}

.footer-icon {
	margin: 0 auto 1.33vw auto;
	width: 5.86vw;
	height: 5.33vw;
}

.footer-text,
.noKecheg-text,
.wuquanxian-text,
.noNote-text {
	color: #717784;
}

.footer-text {
	font-size: 2.67vw;
	line-height: 2.67vw;
}

.footer-text-on {
	color: #c1191f;
}

/* 回首页 */
.toIndex,
.toIndex-icon {
	width: 16.66vw;
	height: 16.66vw;
}

.toIndex {
	bottom: 15.2vw;
	right: 2.53vw;
	z-index: 1002;
}

/* 加入创新学苑按钮 */
.coursedetail-bottom {
	height: 13.33vw;
	box-shadow: 0px -1px 8px 0px rgba(5, 5, 5, 0.08);
	z-index: 3;
}

.coursedetail-jr,
.update-btn,
.share-goshare {
	background: #c1191f;
	color: #fff;
}

.coursedetail-jr {
	width: 92vw;
	height: 10.67vw;
	margin: 1.33vw 4vw;
	line-height: 10.67vw;
	border-radius: 5.33vw;
	font-size: 4.53vw;
}

/*取消闪烁*/
[ng-cloak] {
	display: none;
}

/* 缺省页12.5 */
.noKecheng,
.noKecheng-kc {
	padding: 20.13vw 0 35.06vw;
}

.noKecheng {
	border-radius: 1.33vw;
	margin-top: 2.67vw;
}

.noKecheng-icon,
.noGanhuo-icon {
	height: auto;
}

.noKecheng-icon {
	width: 50.13vw;
	margin: 0 auto;
}

.noGanhuo-icon,
.noNote-icon {
	width: 48.4vw;
	margin: 0 25.8vw;
}

.noKecheg-text {
	margin-top: 4vw;
}

.noKecheng-wqx {
	padding: 18.67vw 0 39.8vw;
}

.wuquanxian-icon,
.ghdetail-wqx-icon {
	width: 44vw;
}

.wuquanxian-icon {
	margin: 0 28vw;
}

.wuquanxian-text {
	line-height: 5.33vw;
	margin-top: 4.53vw;
}

.ghdetail-wqx {
	padding: 13.33vw 0 33.2vw;
}

.ghdetail-wqx-icon {
	margin: 0 auto;
}

.noNote {
	padding: 3.47vw 0 17.33vw;
}

.noNote-text {
	line-height: 3.74vw;
	margin-top: 1.33vw;
}

/* canvas生成图片样式 */
#photoPic,
.alertbox,
.sharealert,
.common-search {
	top: 0;
}

#photoPic,
.alertbox,
.sharealert {
	width: 100vw;
	height: 100%;
	position: fixed;
	left: 0;
	bottom: 0;
}

#photoPic,
.alertbox {
	z-index: 20;
}

#photoPic {
	transition: all 1s;
	display: none;
}

#photoPic img {
	width: 100vw;
	height: auto;
	margin: 0 auto;
	/* margin-left: 12.5vw; */
}

#images {
	display: none;
}

.animate {
	height: 100%;
	opacity: 1;
}

.animate img {
	transform: scale(1);
}

/* 弹窗 */
.alertbox,
.sharealert {
	background: rgba(0, 0, 0, 0.3);
}

.update-bg {
	width: 53.334vw;
	height: 56.534vw;
	background: url(../images/indextanchuangbeijing.png) no-repeat left;
	background-size: 53.334vw 56.534vw;
	margin: 48.4vw auto 0 auto;
}

.update-text,
.update-btn,
.share-text {
	font-size: 4vw;
}

.update-text {
	line-height: 6.667vw;
	padding-top: 26.933vw;
}

.update-btn {
	width: 29.334vw;
	height: 9.067vw;
	line-height: 9.067vw;
	border-radius: 4.534vw;
	margin: 3.465vw auto 0 auto;
}

/* 分享弹窗 */
.sharealert {
	z-index: 1003;
}

.sharebox {
	width: 84vw;
	height: 33.867vw;
	border-radius: 2.67vw;
	margin: 54.934vw 8vw 0;
}

.share-text {
	line-height: 3.74vw;
	padding: 7.467vw 0 8vw;
}

.share-btnbox {
	justify-content: center;
}

.share-cancle,
.share-goshare {
	width: 26.667vw;
	height: 9.334vw;
	line-height: 9.334vw;
	border-radius: 4.667vw;
}

.share-cancle {
	background: #ffe8e9;
	margin-right: 5.334vw;
}

.common-search {
	padding: 2.6667vw 4vw;
	box-sizing: border-box;
	z-index: 2;
}

.common-search-box {
	width: 92vw;
	height: 9.0667vw;
	background: #F6F7FB;
	border-radius: 4.5334vw;
	justify-content: center;
}

.common-search-icon {
	width: 3.7334vw;
	margin-right: 2vw;
}

.common-search-value {
	width: 53.6vw;
	background: none;
	border: none;
	color: #777777;
	font-size: 3.4667vw;
	line-height: 4vw;
}

.sidebar-search {
	width: 8.2667vw;
	background: rgba(0, 0, 0, 0.4);
	border-radius: 4.1334vw;
	padding: 3.8667vw 0;
	right: 4vw;
	bottom: 21.3334vw;
	z-index: 2;
}

.sidebar-search-icon {
	width: 5.0667vw;
	margin: 0 1.6vw;
}

.quesheng-box {
	padding-top: 40vw;
}

.quesheng-img {
	width: 44.267vw;
	margin: 0 auto;
}

.quesheng-text {
	color: #868F99;
	font-size: 3.467vw;
	line-height: 3.333vw;
	padding: 6.667vw 0 1.0667vw;
}

/* 缺省页 */
.noOrder {
	width: 100vw;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
	/* background: #fff; */
}

.noOrder-icon {
	display: block;
	width: 48.4vw;
	height: auto;
	margin: 44vw auto 0 auto;
}

.noOrder-text {
	color: #717784;
	line-height: 6.13vw;
}