@charset "utf-8";

img{ vertical-align:middle;}
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 不支持最大宽度，因此默认为 100% 宽度 */
.ie6 img {
	width:100%;
}
/*分享弹出框*/
.sharePop {
	width: 100%;
	height: 100%;
	z-index: 100000;
	background: rgba(0,0,0,0.80);
	left: 0;
	top: 0;
}
.sharePop .shareBox {
	background: #fff;
	position: absolute;
	bottom: 0;
	width: 100%;
	max-height: 85%;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;	
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;	
	-moz-border-top-left-radius: 10px;
	-moz-border-top-right-radius: 10px;	
}
.sharePop .shareBox ul {
	padding: 15px 10px;	
}
.sharePop .shareBox ul li {
	padding: 0px;
	font-size: 14px;
	color: #000;	
}
.sharePop .shareBox ul li img {
	width: 60%;	
}
.sharePop .shareBox ul li p {
	line-height: 24px;	
}
.sharePop .shareBox .hideShare {
	height: 45px;
	width: 100%;
	color: #4a4a4a;
	font-size: 15px;
	background: #fff;
	border-top: solid 1px #ccc;	
}

/*支付方式*/
.sharePop .shareBox .payStyleBox {
	padding: 0 0 15px 0;	
}
.sharePop .shareBox .payStyleBox h3 {
	font-size: 16px;
	padding: 15px 0;
	color: #000;
}
.sharePop .shareBox .payStyleBox .payStyle {
	display: inline-block;
	height: 30px;
	line-height: 30px;
	padding: 0 0 0 34px;
	font-size: 14px;
	margin: 5px 0;
}	
.sharePop .shareBox .payStyleBox .payStyle01 {
	background: url(../images/fund/mobile/weixinPay.png) no-repeat left center;	
	background-size: contain;
}
.sharePop .shareBox .payStyleBox .payStyle02 {
	background: url(../images/fund/mobile/aliPay.png) no-repeat left center;	
	background-size: contain;
}



/*订单弹出*/
.sharePop .shareBox .payStyleBox .correlationLesson {
	padding: 20px 10px 50px 10px;
}
.sharePop .shareBox .correlationLesson ul {
	padding: 0;	
}
.sharePop .shareBox .correlationLesson ul li {
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;	
	margin: 0 0 8px 0;
}
.sharePop .shareBox .correlationLesson ul li img {
	width: auto;	
}
.sharePop .shareBox .correlationLesson li .lessonInfor {
	margin: 0;
	width: calc(100% - 135px);	
}
.sharePop .shareBox .correlationLesson ul li .lessonCount {
	text-align: right;
	font-size: 16px;
	margin: 16px 0 0 0;
}
.sharePop .shareBox .correlationLesson ul li .lessonCount span {
	color: #000;
	margin: 0;	
}
.sharePop .shareBox .correlationLesson li .lessonInfor .title {
	margin-right: 30px;	
}
.sharePop .shareBox .closeBtn {
	width: 16px;
	height: 16px;
	background: url(../images/pop/closeBtn01.png) no-repeat center;
	background-size: cover;
	right: 12px;
	top: 12px;	
}
.sharePop .shareBox .submitBtnBox {
	position: fixed;
	width: 100%;
	height: 45px;
	bottom: 0;
	left: 0;
	border-top: solid 1px #ccc;
	background: #fff;
	z-index: 10;
}
.sharePop .shareBox .submitBtnBox .hideShare {
	border: none;
}
.sharePop .shareBox .submitBtnBox .hideShare01 {
	width: 40%;
	float: left;
}
.sharePop .shareBox .submitBtnBox .hideShare02 {
	background: #2c68ff;
	color: #fff;
	float: right;
	width: 60%;
}

.orderInfor div.clearfix {
	font-size: 14px;
	padding: 5px 0;
	color: #000;
}
.orderInfor div.clearfix .redText {
	color: #e94335;	
}
.orderInfor div.clearfix .linkText {
	color: #2c68ff;	
}



/* iphone7 */
@media only screen and (min-width: 375px) {
.sharePop .shareBox ul {
	padding: 20px 10px;	
}
.sharePop .shareBox ul li {
	padding: 0 4px;
}


}
/* iphone7 Plus */
@media only screen and (min-width: 414px) {
	
}


/* 平板电脑布局: 481px 至 768px。样式继承自: 移动设备布局。 */
@media only screen and (min-width: 481px) {


}

/* 桌面电脑布局: 769px 至最高 1232px。样式继承自: 移动设备布局和平板电脑布局。 */
@media only screen and (min-width: 769px) {
/* .pageBox {
	max-width: 750px;
	margin: 0 auto;	
} */

}
/*相关课程*/
.correlationLesson {
	padding: 0 15px 55px 15px;	
}
.correlationLesson li {
	height: 75px;
	margin: 0 0 15px 0;
	padding: 10px 0;
	box-shadow: 0 0 10px #B9B9B9;
	-webkit-box-shadow: 0 0 10px #B9B9B9;
	-moz-box-shadow: 0 0 10px #B9B9B9;	
}
.correlationLesson li .picbox {
	width: 130px;
	height: 75px;
	overflow: hidden;	
}
.correlationLesson li .lessonInfor {
	min-height: 75px;
	width: calc(100% - 145px);
	font-size: 14px;	
	margin: 0 6px 0 0;
}
.correlationLesson li .lessonInfor .title {
	height: 28px;
	line-height: 24px;
	font-size: 16px;
	overflow: hidden;
	white-space:nowrap; 
	text-overflow:ellipsis; 
	-o-text-overflow:ellipsis;
	margin: 0 0 5px 0;	
}
.correlationLesson li .lessonInfor .title a {
	color: #000;	
}
.correlationLesson li .lessonInfor .lessonCount {
	color: #a5b2c3;	
	line-height: 18px;
	font-size: 12px;
}
.correlationLesson li .lessonInfor .lessonCount01 {
	bottom: 0;
	left: 0;
	font-size: 16px;
}
.correlationLesson li .lessonInfor .lessonCount span {
	margin: 0 5px 0 0;	
}
.correlationLesson li .lessonInfor .lessonCount span.value {
	color: #e94335;	
}