/* 简单流媒体
   注意: 流媒体要求您删除 HTML 中媒体的高度和宽度属性
*/
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote,img, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td ,div{margin: 0;padding: 0;}
html, body{height:100%; width:100%;font-size: 62.5%; font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei","WenQuanYi Micro Hei","Helvetica Neue",Arial,sans-serif}
body, button, input, select, textarea {margin: 0; padding: 0;}
h1, h2, h3, h4, h5, h6 {font-size: 100%;font-style: normal;}
a{ text-decoration:none; color:#2277aa;}
a:hover{ text-decoration:none;}
ul, ol,li{list-style: none outside none;}
fieldset, img, input {border:none; vertical-align:middle;}
img{ vertical-align:middle;}
em, i {font-style: normal;}
button, input, select, textarea {font-size: 100%; cursor: pointer;}
button::-moz-focus-inner, input::-moz-focus-inner {border-color:transparent !important; padding:0px; border:none;}
table {border-collapse: collapse;border-spacing: 0;}


/*浮动和清楚浮动*/
.fl {float:left; display:inline;}
.fr {float:right; display:inline;}
.clearfix:after{ content:"."; display:block; clear:both; height:0; overflow:hidden;}
.clearfix{zoom:1;}
.center {text-align: center;}
.textRight {text-align: right;}
.overflow {overflow: hidden;}
.ellipsis {white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;}
.pointer {cursor: pointer;}

.yh {font-family: "微软雅黑";}
.st {font-family: "宋体";}
.Arial {font-family: Arial;}

.overLine2 {
	display:-webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	word-break: break-all;
}
.overLine3 {
	display:-webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	word-break: break-all;
}
.overLine4 {
	display:-webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	overflow: hidden;
	word-break: break-all;
}

/*圆角设定*/
.radius0 {border-radius: 0px; -webkit-border-radius:0px; -moz-border-radius: 0px;}
.radius2 {border-radius: 2px; -webkit-border-radius:2px; -moz-border-radius: 2px;}
.radius3 {border-radius: 3px; -webkit-border-radius:3px; -moz-border-radius: 3px;}
.radius4 {border-radius: 4px; -webkit-border-radius:4px; -moz-border-radius: 4px;}
.radius5 {border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;}
.radius8 {border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px;}
.radius10 {border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;}
.radius15 {border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px;}
.radius20 {border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px;}
.radius50 {border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%;}
/*定位*/
.ab {position: absolute;}
.re {position: relative;}
.fixed {position: fixed; z-index: 100000;}
.mar {margin: 0 auto}

*:focus {outline: none;}
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 不支持最大宽度，因此默认为 100% 宽度 */
.ie6 img {
	width:100%;
}
/*自动填充剩余空间*/
.stretch {
	display: block; /* cause is HTML5 element */  
    /* take up all available space */  
    -moz-box-flex: 1;  
    -webkit-box-flex: 1;  
    box-flex: 1; 	
}
.box {
	display: -moz-box;
    display: -webkit-box;
    display: box;	
}

input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="tel"],
input[type="number"],
input[type="email"],
input[type="text"],
input[type="password"],
textarea,
button,
a,
label,
div {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-appearance:none;
}

/* 移动设备布局: 480px 及更低。 */
body.mobileBg {
	background: #1e1f58;
}
.publicTitle {
	padding: 0.25rem 0;
	font-size: 0.46rem;
}
.publicTitle span {
	display: inline-block;
	color: #fff;
	padding: 0 0.45rem;
	font-weight: bold;
}
.publicTitle span .left {
	width: 0.3rem;
	top: 50%;
	left: 0;
	margin: -0.04rem 0 0 0;
}
.publicTitle span .right {
	width: 0.3rem;
	top: 50%;
	right: 0;
	margin: -0.04rem 0 0 0;
}

.section01Group {
	padding: 0 0.1rem;
	margin: 0 0 0.2rem 0;
}
.section01Group .topBorder {
	z-index: 1;
	height: 0.24rem;
	background: #6b67c1;
	border-radius: 0.12rem;
	-webkit-border-radius: 0.12rem;
	-moz-border-radius: 0.12rem;
}
.section01Group .content {
	margin: 0 0.1rem;
	background: #fff;
	min-height: 100px;
	z-index: 2;
	top: -0.12rem;
}
.section01Group .content h3,
.section01Group .content h2 {
	color: #6c4cad;
}
.section01Group .content h2 {
	padding: 0.3rem 0 0.2rem 0;
	font-size: 0.42rem;
}
.section01Group .content h3 {
	font-size: 0.36rem;
	padding: 0 0 0.6rem 0;
}
.section01Group .content ul {
	padding: 0 0.35rem;
}
.section01Group .content li {
	width: 2.82rem;
	height: 2.6rem;
}
.section01Group .content li:first-child {
	float: left;
}
.section01Group .content li:last-child {
	float: right;
}
.section01Group .content li .infor {
	font-size: 0.26rem;
	color: #333;
	text-align: left;
	padding: 0.23rem 0 0.11rem 0;
}
.section01Group .content li .infor .mark {
	display: inline-block;
	width: 0.64rem;
	padding: 0.01rem 0;
	text-align: center;
	font-size: 0.24rem;
	color: #6b67c1;
	border: dashed 1px #6b67c1;
	margin: 0 0rem 0 0.1rem;
	font-weight: 600;
}
.section01Group02 .content li .infor .mark {
	color: #4c7dce;
}
.section01Group03 .content li .infor .mark {
	color: #478ea3;
}
.section01Group .content li .infor .title strong {
	color: #25226e;
}
.section01Group .content li .valueEle {
	line-height: 0.48rem;
}
.section01Group .content li .valueEle strong {
	float: left;
	color: #f84c2d;
	font-size: 0.34rem;
	margin: 0 0 0 0.1rem;
}
.section01Group .content li .valueEle a {
	display: inline-block;
	float: right;
	margin: 0 0.1rem 0 0;
	width: 1.18rem;
	height: 0.48rem;
	line-height: 0.48rem;
	border-radius: 0.24rem;
	-webkit-border-radius: 0.24rem;
	-moz-border-radius: 0.24rem;
	text-align: center;
	color: #f84c2d;
	font-size: 0.28rem;
	border: solid 1px #f84c2d;
	font-weight: 600;
}
.section01Group .content .combination {
	padding: 0 0.2rem 0.7rem 0.2rem;
}
.section01Group .content .combination div.ab {
	width: 2.78rem;
	height: 0.58rem;
	line-height: 0.58rem;
	bottom: 0.35rem;
	left: 50%;
	margin: 0 0 0 -1.39rem;
	background: #f7eee1;
	border: dashed 1px #dcddce;
	color: #333333;
	font-size: 0.28rem;
}
.section01Group .content .valueBox {
	height: 0.66rem;
	line-height: 0.66rem;
}
.section01Group .content .valueBox div.re {
	display: inline-block;
	font-size: 0.66rem;
	color: #f84c2d;
	font-weight: bold;
}
.section01Group .content .valueBox div.re span.moneyIcon {
	font-size: 0.46rem;
}
.section01Group .content .valueBox div.re span.ab {
	display: block;
	background: #f84c2d;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	height: 0.24rem;
	line-height: 0.24rem;
	width: auto;
	word-break: keep-all;
	font-size: 0.2rem;
	padding: 0.05rem 3px;
	color: #fff;
	text-align: center;
	top: 0rem;
	left: 110%;
	font-weight: 600;
}
.section01Group .content .valueBox div.re span.ab .pic {
	right: 92%;
	bottom: 0;
}
.justBuyBtn {
	width: 3.8rem;
	height: 0.78rem;
	background: #f84c2d;
	color: #fff;
	font-size: 0.32rem;
	margin: 0.3rem 0 0.35rem 0;
	font-weight: 600;
}
.section01Group02 .topBorder {
	background: #4d76c4;
}
.section01Group02 .content h2,
.section01Group02 .content h3 {
	color: #4c7dce;
}

.section01Group03 .topBorder {
	background: #5394a7;
}
.section01Group03 .content h2,
.section01Group03 .content h3 {
	color: #478ea3;
}

.combinationList .content {
	padding: 0 0.2rem;
}
.combinationList .content .titleTop {
	padding: 0.45rem 0;
	font-size: 0.36rem;
	height: 0.36rem;
	line-height: 0.36rem;
	color: #483584;
	text-align: left;
	font-weight: bold;
}
.combinationList .content .titleTop span {
	display: inline-block;
	height: 0.36rem;
	padding: 0 0 0 6px;
	border-left: solid 0.1rem #483584;
}
.combinationList .content .titleTop span strong {
	color: #b3b3d3;
	margin: 0 0.05rem;
}
.combinationList .content .inforText {
	padding: 0.4rem 0 0.25rem 0;
	color: #464646;
	font-size: 0.26rem;
	line-height: 180%;
}
.combinationList .content .valueBox .black {
	color: #333;
	font-size: 0.42rem;
	font-weight: normal;
}
.combinationList .content .valueBox .yuanValue {
	font-size: 0.34rem;
	color: #333;
	margin: 0 5px 0 0;
	font-weight: normal;
}
.combinationList .content .valueBox .yuanValue del {
	color: #f84c2d;
	font-size: 0.36rem;
	font-weight: bold;
}
.combinationList .content .valueBox div.re span.ab {
	min-width: 0.6rem;
	left: 103%;
}

.topBorder {
	z-index: 1;
	height: 10px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.topBorder01 {
	background: #6b67c1;
}
.topBorder02 {
	background: #4d78c6;
}
.topBorder03 {
	background: #5292a5;
}
.section02 {
	padding: 0 0.1rem 0.25rem 0.1rem;
}
.section02 .content {
	top: -5px;
	margin: 0 0.1rem;
	padding: 0 0.2rem;
	background: #fff;
	min-height: 100px;
	z-index: 2;
}
.section02 .content li {
	padding: 0.35rem 0;
	border-bottom: solid 1px #c2c0e1;
}
.section02 .content li:last-child {
	border: none;
}
.section02 .content li .left {
	float: left;
	width: 1.56rem;
	text-align: center;
}
.section02 .content li .left img {
	width: 1.26rem;
	vertical-align: top;
}
.section02 .content li .right {
	float: right;
	width: 5rem;
	text-align: left;
}
.section02 .content li .right h3 {
	font-size: 0.36rem;
	color: #483584;
	padding: 0 0 0.15rem 0;
}
.section02 .content li .right p {
	font-size: 0.26rem;
	color: #716f6f;
	line-height: 130%;
}

.adBox {
	padding: 0 0.2rem;
}
.adBox a {
	display: block;
	margin: 0 0 0.3rem 0;
}
.section03 {
	padding: 0 0.1rem 0.25rem 0.1rem;
}
.section03 .content {
	top: -5px;
	margin: 0 0.1rem;
	padding: 0 0.2rem;
	background: #fff;
	min-height: 100px;
	z-index: 2;
}
.section03 .content h3 {
	padding: 0.45rem 0 0.75rem 0;
	font-size: 0.36rem;
	text-align: left;
	color: #333;
}
.section03 .content h3 span {
	display: inline-block;
	color: #483584;
	line-height: 0.42rem;
	height: 0.42rem;
	padding: 0 0 0 6px;
	border-left: solid 0.1rem #483584;
}
.section03 .content li {
	width: 3.2rem;
	height: 3.45rem;
	margin: 0 0 0.35rem 0;
	box-shadow: 0 0 5px #f0f0f5;
	-webkit-box-shadow: 0 0 5px #f0f0f5;
	-moz-box-shadow: 0 0 5px #f0f0f5;
}
.section03 .content li .pic {
	width: 1.24rem;
	height: 1.24rem;
	top: -0.62rem;
	left: 50%;
	margin: 0 0 0 -0.62rem;
}
.section03 .content li h4 {
	padding: 0.7rem 0 0.15rem 0;
	font-size: 0.36rem;
	color: #3b3b3b;
}
.section03 .content li h4 span {
	color: #f84c2d;
	font-size: 0.5rem;
}
.section03 .content li p {
	line-height: 150%;
	color: #666;
	padding: 0 0.1rem;
	font-size: 0.28rem;
}
.section03 .content li .tryBtn {
	width: 2.18rem;
	height: 0.56rem;
	border-radius: 0.28rem;
	-webkit-border-radius: 0.28rem;
	-moz-border-radius: 0.28rem;
	border: none;
	color: #fff;
	font-size: 0.3rem;
	text-indent: 0.3rem;
	margin: 0.15rem 0 0 0;
}
.section03 .content li .tryBtn01 {
	background: #483584 url("../images/fund/mobile/tryListen.png") no-repeat 0.6rem center;
	background-size: 0.28rem auto;
}
.section03 .content li .tryBtn02 {
	background: #483584 url("../images/fund/mobile/tryDo.png") no-repeat 0.6rem center;
	background-size: 0.28rem auto;
}

/*new add Teacher Introduction*/
.teacherTeam .content {
	padding: 0;
}
.teacherTeam li {
	min-height: 50px;
	border-bottom: solid 1px #c2c0e1;
}
.teacherTeam li:last-child {
	border-bottom: none;
}
.teacherTeam .linear01 { 
	background: url("../images/fund/mobile/linearBg01.jpg") repeat-y center;
	background-size: contain;
}
.teacherTeam .linear02 {
	background: url("../images/fund/mobile/linearBg02.jpg") repeat-y center;
	background-size: contain;
}
.teacherTeam li .pic {
	width: 2rem;
	height: 1.26rem;
	text-align: center;
}
.teacherTeam li .box {
	height: 1.26rem;
}
.teacherTeam li .pic img {
	width: 1.26rem;
}
.teacherTeam li .teacherInfor {
	height: 0.4rem;
	line-height: 0.4rem;
	margin: 0 0 0.1rem 0;
}
.teacherTeam li .teacherInfor01 {
	margin: 0.25rem 0 0.1rem 0;
}
.teacherTeam li .teacherName {
	font-size: 0.32rem;
	color: #483584;
	margin: 0 0.28rem 0 0;
}
.teacherTeam li .workPosition {
	color: #716f6f;
	font-size: 0.28rem;
}
.teacherTeam li .teacherIntroduce {
	color: #6c4cad;
	font-size: 0.26rem;
	line-height: 150%;
} 
.teacherTeam li .infor {
	color: #716f6f;
	font-size: 0.26rem;
	padding: 0.2rem 0.35rem 0 0.35rem;
}
.teacherTeam li .stretch01 {
	padding: 0 0.35rem 0 0;
}
.teacherTeam li .stretch02 {
	padding: 0 0 0 0.35rem;
}

.copyRight {
	padding: 0.2rem 0;
	background: #252525;
	color: #c1bbd1;
	font-size: 0.25rem;
	line-height: 160%;
}

/*share get prize icon style*/
.shareGetPrize {
	position: fixed;
	right: 0;
	width: 80px;
	z-index: 50;
	cursor: pointer;
	bottom: 150px;
}

/* video player style */
.sectionPlay,
.sectionPlay #videoPlayerId {
	height: 170px;
	background: #fff;
}

/* iphone 6,7,8 */
@media only screen and (min-width: 375px) {
	.combinationList .content .inforText {
		font-size: 0.28rem;
	}
	.sectionPlay,
	.sectionPlay #videoPlayerId {
		height: 200px;	
	}
	
}

/* iphone 6,7,8 PLUS */
@media only screen and (min-width: 414px) {
	.sectionPlay,
	.sectionPlay #videoPlayerId {
		height: 220px;	
	}
}

/* 桌面电脑布局: 769px 至最高 1232px。样式继承自: 移动设备布局和平板电脑布局。 */
@media only screen and (min-width: 769px) {

}