body {
	background: #F9F9F9;
}

.container {
	max-width: 750px;
	margin: auto;
	position: relative;
	padding-bottom: 1.2rem;
	box-sizing: border-box;
}
.header_wrapper{
	padding-bottom:0.88rem;
}
.header {
    height: 0.88rem;
    background: #fff;
    padding: 0 .3rem;
    position: relative;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
    width: 100%;
    /* margin-bottom: 0.88rem; */
}
.header .left {
    float: left;
    padding-top: .26rem;
}
.header .left a {
    display: inline-block;
    width: .4rem;
    height: .4rem;
    background: url(https://static.vko.cn/m/4.0/images/gintrosy.png) no-repeat center;
    background-size: contain;
    vertical-align: middle;
}
.header .mid {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: .32rem;
    color: #111;
    font-weight: bold;
}
.header .right {
    float: right;
    padding-top: 0.25rem;
}
.header .right a img:nth-of-type(1){
   width: 0.38rem;
   height: 0.38rem;
   margin-left: 0.25rem;
}
.header .right a img:nth-of-type(2){
   width: 0.39rem;
   height: 0.4rem;
}
.player {
	width: 100%;
	height: 4.42rem;
	background: black;
	position: relative;
	/*margin-top: 0.88rem;*/
}

.md_player {
	position: absolute;
	top: 0;
	left: 0;
	background: #000;
	opacity: 0.6;
	width: 100%;
	height: 4.42rem;
}

.player img {
	width: 100%;
	height: 100%;
}

.btn_play {
	position: absolute;
	margin: auto;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 1rem;
	height: 1rem;
}

.btn_play img {
	width: 100%;
	height: 100%;
}
.activing{
	/*display: none;*/
	width: 2.59rem;
	height: 0.34rem;
	background: url(https://static.vko.cn/m/3.0/images/activeimg2.png) no-repeat;
	background-size: cover;
	
	position: absolute;
	bottom: 0.3rem;
	right: 0.3rem;
	
	
}
.activeapp{
	/*display: none;*/
	width: 2.59rem;
	height: 0.34rem;
	background: url(https://static.vko.cn/m/3.0/images/activeimg2.png) no-repeat;
	background-size: cover;
	display: inline-block;
	position: absolute;
	bottom: 0.3rem;
	right: 0.3rem;
	
	
}
/*.activing span{
	font-size: 0.2rem;
	color: #FFFFFF;
}*/
.outline_intro {
	padding: 0.39rem 0.32rem 0 0;
	box-sizing: border-box;
	/*border-bottom: 1px solid #DBDBDB;*/
	margin-left: 0.32rem;
	position: relative;
}

.outline_intro>span {
	font-size: 0.38rem;
	color: #333333;
	font-weight: bold;
	margin-bottom: 0.24rem;
	display: inline-block;
}

.outline_intro p:nth-of-type(1) {
	color: #FC8B5B;
	font-size: 0.26rem;
	margin-bottom: 0.23rem;
}

.outline_intro p:nth-of-type(2) {
	color: #666666;
	font-size: 0.26rem;
	margin-bottom: 0.29rem;
}

.outline_intro p:nth-of-type(3) {
	color: #EA5413;
	font-size: 0.38rem;
	font-weight: bold;
    margin-bottom: 0.2rem;
}

.outline_intro p:nth-of-type(3) span {
	color: #999999;
	font-size: 0.26rem;
	margin-left: 0.11rem;
	font-weight: initial;
	text-decoration: line-through;
}

.activity_intro span {
	font-size: 0.26rem;
	color: #666666;
}

.activity_intro span i {
	width: 0.6rem;
	height: 0.32rem;
	color: #FFFFFF;
	font-size: 0.22rem;
	text-align: center;
	line-height: 0.32rem;
	border-radius: 0.05rem;
	display: inline-block;
	background: #0BA4EA;
	font-style: normal;
	margin-right: 0.2rem;
}

.activity_intro span a {
	font-size: 0.26rem;
	color: #EA5413;
	float: right;
}

.buy_coupon p i {
	width: 0.6rem;
	height: 0.32rem;
	color: #FFFFFF;
	font-size: 0.22rem;
	text-align: center;
	line-height: 0.32rem;
	border-radius: 0.05rem;
	display: inline-block;
	background: #0BA4EA;
	font-style: normal;
	margin-right: 0.2rem;
}

.activity_intro {
	padding-right: 0.3rem;
	box-sizing: border-box;
	padding-top: 0.33rem;
	padding-bottom: 0.15rem;
	/*border-bottom: 1px solid #DBDBDB;*/
	border-top: 1px solid #DBDBDB;
	margin-left: 0.3rem;
	margin-bottom: 0.2rem;
}

.activity_intro p {
	font-size: 0.26rem;
	color: #666666;
	margin-top: 0.2rem;
}

.activity_intro p span {
	display: inline-block;
	margin-left: 0.8rem;
}

.activity_intro p a {
	font-size: 0.26rem;
	color: #EA5413;
	float: right;
}

.buy_coupon p {
	font-size: 0.26rem;
	color: #666666;
	padding: 0.31rem 0.3rem 0.33rem 0.3rem;
	box-sizing: border-box;
}

.course_container {
	box-shadow: 0px 2px 3px 0px rgba(92, 30, 2, 0.1);
	background: white;
}

.coupon_banner {
	width: 100%;
	height: 0.6rem;
	background: #FDB293;
	line-height: 0.6rem;
	padding-left: 0.31rem;
	padding-right: 0.33rem;
	margin-top:0.15rem;
	box-sizing: border-box;
}


/*.course_tab ul li {
	width: 33.3%;
	height: 1rem;
	background: white;
	float: left;
	text-align: center;
	line-height: 1rem;
	font-size: 0.32rem;
	color: #333333;
}
*/

.coupon_banner span {
	font-size: 0.24rem;
	color: white;
}

.coupon_banner span a {
	font-size: 0.24rem;
	color: #EA5413;
	float: right;
}

.course_num {
	width: 100%;
	height: 1.1rem;
	line-height: 1.1rem;
	padding-left: 0.31rem;
	box-sizing: border-box;
	background: #FFEFE8;
}

.course_num span {
	font-size: 0.3rem;
	color: #333333;
}

.courselist_left {
	float: left;
	margin-right: 0.2rem;
}

.courselist_left img {
	width: 3rem;
	height: 1.75rem;
	border-radius: 0.06rem;
}

.courselist_right {
	float: left;
}

.courselist_right>span {
	color: #000000;
	font-size: 0.3rem;
	margin-bottom: 0.22rem;
	display: inline-block;
	margin-top: 0.06rem;
}

.courselist_right p:nth-of-type(1) {
	color: #666666;
	font-size: 0.24rem;
	margin-bottom: 0.19rem;
	width: 3.6rem;
}

.course_lists {
	/*padding: 0.3rem;*/
	padding-left: 0.3rem;
	padding-right: 0.3rem;
	background: white;
	margin-bottom: 0.98rem;
	box-sizing: border-box;
}

.courselist_right p.course_detail span {
	font-size: 0.3rem;
	color: #EA5413;
}

.courselist_right p.course_detail a {
	font-size: 0.3rem;
	color: #EA5413;
	float: right;
}

.courselist_contain {
	border-bottom: 1px solid #DEDEDE;
	padding-bottom: 0.3rem;
	padding-top: 0.3rem;
	box-sizing: border-box;
}

/*.contain {
	padding-bottom: 0.9rem;
}*/

.courselist_contain:last-child {
	border-bottom: none;
}

.course_footer ul {
	display: flex;
	justify-content: space-between;
}

.course_footer ul li {
	width: 25%;
	/*float: left;
	 
	 
	width: 33.3%;
	/* width: 49.3%; */
}

.course_footer ul li.addcart {
	background: #FC8B5B;
	font-size: 0.28rem;
	text-align: center;
	/*width: 2.4rem;*/
	line-height: 0.98rem;
}

.course_footer ul li.addcart a {
	color: #FFFFFF;
}

.course_footer ul li.buynow a {
	color: #FFFFFF;
}

.course_footer ul {
	height: 0.98rem;
	/*width: 100%;*/
	 display: flex;
    justify-content: space-between;
}

.course_footer {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 999999;
}

.course_footer ul li dl dd img {
	width: 0.36rem;
	height: 0.36rem;
}

.course_footer ul li dl {
	float: left;
	text-align: center;
}

.course_footer ul li.buynow {
	background: #EA5413;
	font-size: 0.28rem;
	color: #FFFFFF;
	text-align: center;
	/*width: 2.4rem;*/
	line-height: 0.98rem;
}

.course_footer ul li dl dt {
	font-size: 0.2rem;
	color: #666666;
	margin-top: 0.05rem;
}

.course_footer ul li.contacts {
	display: flex;
	justify-content: space-between;
}

.course_footer ul li dl:last-child {
	margin-right: 0;
}

.course_footer ul li.contacts {
	background: #F3F4F6;
	height: 0.98rem;
	padding-top: 0.19rem;
	box-sizing: border-box;
}

.grade_lists span {
	font-size: 0.26rem;
	color: #333333;
	margin-right: 0.35rem;
	display: inline-block;
}

.grade_lists a {
	width: 1.3rem;
	height: 0.6rem;
	display: inline-block;
	text-align: center;
	line-height: 0.6rem;
	border: 1px solid #FC8B5B;
	border-radius: 0.2rem;
	font-size: 0.26rem;
	color: #666666;
	margin-bottom: 0.3rem;
	margin-right: 0.15rem;
}

.validity_wrap {
	margin-left: 0.31rem;
	box-sizing: border-box;
	border-top: 1px solid #DEDEDE;
	padding-top: 0.29rem;
	padding-bottom: 0.3rem;
}

.validity_lists span {
	font-size: 0.26rem;
	color: #333333;
	margin-right: 0.1rem;
	display: inline-block;
}

.validity_lists a {
	width: 1.3rem;
	height: 0.6rem;
	display: inline-block;
	text-align: center;
	line-height: 0.6rem;
	border: 1px solid #FC8B5B;
	border-radius: 0.2rem;
	font-size: 0.26rem;
	color: #666666;
	margin-right: 0.2rem;
}

.current_list {
	background: #FC8B5B;
	color: #FFFFFF!important;
}

.sticky {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	left: 0;
	z-index: 9999;
}

.fixed-top {
	position: fixed;
	width: 100%;
	left: 0;
	top: 0;
}

.tab_wap {
	width: 100%;
	/*border-bottom: 1px solid #f0f0f0;*/
	/*box-shadow: 5px 5px 5px #f0f0f0;*/
	/*border: 1px solid #F0F0F0;*/
	height: 1rem;
	left: 0;
	top: 0;
	/*margin-top: 0.1rem;*/
	z-index: 99999;
	background: white;
}

.tabber {
	width: 100%;
	/*border-bottom: 1px solid #f0f0f0;*/
	margin: auto;
	/*margin-top: 40px;*/
	height: 1rem;
}

.course_tab {
	width: 100%;
	float: left;
	box-shadow: 0px 2px 3px 0px rgba(92, 30, 2, 0.1);
	height: 1rem;
}

.course_tab ul .current {
	color: #EA5413!important;
	font-size: 0.32rem;
	height: 1rem;
	font-weight: bold;
	border-bottom: 2px solid #EA5413;
}

.course_tab ul {
	color: #464646;
}

.course_tab li {
	width: 33.3%;
	text-align: center;
	line-height: 1rem;
	float: left;
	height: 1rem;
	font-size: 0.32rem;
	cursor: pointer;
	color: #333333;
}

.goods_title i {
	font-size: 0.26rem;
	color: #ff0f0f;
	font-style: normal;
}

.clearfix:after {
	content: "";
	clear: both;
	display: block;
	height: 0;
}

.course_tab ul.c1 {
	color: #ff3102;
	border-bottom: 1px solid #ff4703;
}

.code2 {
	margin-left: 0.5rem;
}

.list .menu .item .slide li.active a {
	background: url("https://static.vko.cn/m/3.0/images/playsss.png") no-repeat right center;
	background-size: .28rem;
}

.item .slide li .tname {
	font-size: 16px;
	margin-left: 350px;
}

.list .menu .item ul .curr {
	background: #00a0e9 none repeat scroll 0 0;
}

.item ul .curr a {
	display: inline-block;
}

.item ul li a {
	background: #92c46e none repeat scroll 0 0;
	color: #ffffff;
	display: none;
	float: right;
	font-size: 14px;
	height: 30px;
	line-height: 30px;
	margin: 15px 25px 0px 20px;
	text-align: center;
	width: 90px;
}

.courses {
	position: absolute;
	right: 120px;
}

.section_wrap {
	/*margin-top: 15px;*/
	float: left;
	width: 100%;
}

.section2 {
	float: left;
	/*background: white;*/
	width: 100%;
	display: none;
	margin-bottom: 1rem;
}

.section3 {
	/*width: 860px;*/
	display: block;
	float: left;
	/*padding-left: 50px;*/
	box-sizing: border-box;
	display: none;
	background: white;
}

.clear {
	clear: both;
}

.subject_intro {
	margin-top: 15px;
	float: right;
}

.introduction {
	border-top: 1px solid #e6e6e6;
	margin-top: 15px;
	padding-top: 15px;
}


/*
.course_tab ul .c3 {
	float: right;
	display: none;
}*/

.container .section_wrap .section {
	/*width: 860px;*/
	float: left;
	width: 100%;
	/*margin-top: 50px;*/
}


/*.section2{float: left;width: 860px;}*/

.subject_intro {
	width: 310px;
	float: right;
}

#bar {
	display: none;
}

.close {
	width: 0.5rem;
	height: 0.5rem;
	border-radius: 50%;
	border: 1px solie white;
	z-index: 99999;
	display: block;
	text-align: center;
	line-height: 0.5rem;
	position: absolute;
	right: 0;
}

.course_intro .icon {
	display: inline-block;
	vertical-align: -3px;
	width: 8px;
	height: 20px;
	background: #208cf4;
	margin-right: 11px;
}

.course_intro span {
	color: #208cf4;
	font-size: 20px;
}

.tab .imgic1 {
	float: left;
	margin-top: 28px;
	width: 25px;
}

.head-tab {
	height: 20px;
}

.head-tab a {
	font-size: 14px;
	color: #222222;
}

.head-tab .blk {
	color: #000000;
}

.course_intro {
	padding: 30px 0;
}

.s-side {
	width: 100%;
	background: white;
	/*margin-top: 15px;*/
}

.s-side>ul {
	margin-top: 0;
	padding-left: 0;
}

.s-side>ul>li {
	line-height: 50px;
	width: 100%;
	/*border: 1px solid;*/
}

.s-side>ul>li>a>i,
.s-side>ul>li>div>i {
	display: inline-block;
	width: 40px;
	text-align: center;
}

i.icon-chevron-up {
	float: right;
}

.iconRotate {
	transform: rotate(180deg);
	transition: transform .5s;
}

.s-firstNav>i.icon-chevron-up {
	margin-right: 5px;
	/* margin-top: 10px; */
}

.s-firstDrop {
	/*background-color: #07a3c3;*/
	/*border: 1px solid #DEDEDE;*/
}

.icon-chevron-up img {
	width: 0.34rem;
	height: 0.18rem;
}

.s-firstDrop>li {
	line-height: 1.1rem;
	/*color: #333333;
	font-size: 0.3rem;*/
	/*font-weight: bold;*/
	cursor: pointer;
	/*padding-left: 40px;*/
	border-bottom: 1px solid #dedede;
}
.d-secondNav .icon-circle{float: left;}
.d-secondNav span {
	color: #333333;
	font-weight: bold;
	width: 85%;
	display: inline-block;
	font-size: 0.3rem;
}

.s-firstDrop,
.s-secondDrop {
	display: none;
}

.s-firstDrop>li:last-child {
	border-bottom: none;
}

.showdrop {
	display: block;
}

.seconddrop {
	border-top: none;
}

.s-secondNav>i.icon-chevron-up {
	/*margin-right: 20px;*/
	/*margin-top: 12px;*/
}

.s-secondDrop {
	/*padding-left: 100px;*/
	/*padding-top: 20px;*/
	padding-left: 0.62rem;
	padding-bottom: 0.2rem;
	padding-top: 0.2rem;
	box-sizing: border-box;
	border-top: 1px solid #dedede;
	background: white;
}

.d-secondNav a {
	float: right;
	padding-right: 130px;
}

.d-firstNav {
	cursor: pointer;
	background: #ffefe8;
	color: #333;
	font-size: 0.3rem;
	line-height: 1.1rem;
	/*margin-top: 10px;*/
	padding-left: 0.3rem;
	border-bottom: 1px solid #DEDEDE;
}

.d-firstNav span {
	color: #333333;
    font-size: 0.3rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 5.2rem;
    display: inline-block;
}
.d-firstNav span i img{
	width: 0.25rem;
    height: 0.25rem;
    margin-right: 0.2rem;
	
}
.d-firstNav a {
	float: right;
	color: #333333;
	font-size: 0.3rem;
	padding-right: 0.32rem;
}

.droping {
	border-top: none;
}

.thirdItem_alltime i {
	/*vertical-align: middle;*/
	background: url(http://static.vko.cn/m/3.0/images/playlock.png) no-repeat;
	width: 0.33rem;
	height: 0.35rem;
	margin-top: 0.4rem;
	background-size: cover;
	display: inline-block;
	float: right;
}


/*
.thirdItem_alltime i:hover {
	background: url(https://static.vko.cn/v8/3.0/home/images/foucsplaybtn.png) no-repeat;
}*/

.itemer {
	line-height: 50px;
	background: #ffefe8;
	padding-left: 40px;
	color: #666666;
	font-size: 16px;
}

.icon-circle img {
	width: 0.3rem;
	height: 0.3rem;
	margin-right: 0.22rem;
}

.thirdItem_time {
	width: 1.2rem;
	display: inline-block;
	float: left;
}

.thirdItem_coursename {
	/*width: 420px;*/
	display: inline-block;
	float: left;
}


/*.thirdItem_coursename:hover {
	color: #ea5413;
}*/

.thirdItem_tname {
	/*width: 140px;*/
	display: inline-block;
	float: left;
}

.thirdItem_alltime {
	float: right;
}

.s-thirdItem {
	/*line-height: 30px;*/
	color: #666666;
	font-size: 0.3rem;
	cursor: pointer;
	/*padding-left: 0.9rem;*/
	padding-right: 0.3rem;
	box-sizing: border-box;
}


/*
.d-secondNav:first-child {
	border-top: none;
}*/

.d-secondNav {
	/*border-top: 1px solid #dedede;*/
	/*padding-left: 0.3rem;*/
	padding-right: 0.3rem;
	box-sizing: border-box;
}

ul li.s-thirdItem:first-child a.cicletip {
	display: none;
}

ul.d-firstDropa {
	display: block;
}


/*.course_main img {
    width: 860px;
}*/

.drop-first>li {
	border-bottom: 1px solid #DEDEDE;
	margin-left: 0.3rem;
}

.intro_left .fareblock:hover span.showpolygon {
	display: block;
}

.js_intro:first-child {
	border-top: none;
}

.js_intro {
	border-top: 1px solid #DEDEDE;
	padding-top: 0.4rem;
	margin-bottom: 0.4rem;
	margin-left: 0.3rem;
	padding-right: 0.53rem;
	box-sizing: border-box;
}

.js_intro_left {
	float: left;
}

.js_intro_left span {
	width: 1rem;
	height: 1rem;
	border-radius: 50%;
	background: #dedede;
	display: inline-block;
	margin-right: 10px;
}

.js_intro_right {
	float: left;
}

.js_intro_right span {
	font-size: 0.3rem;
	color: #333333;
	display: inline-block;
	margin-top: 0.1rem;
	font-weight: bold;
}

.recommend_tab span {
	font-size: 16px;
	color: #333333;
}

.js_content p {
	font-size: 0.26rem;
	color: #666666;
	margin-top: -0.4rem;
	line-height: 0.4rem;
	margin-left: 1.2rem;
	/*width: 780px;*/
}

.js_intro_left span img {
	width: 1rem;
	height: 1rem;
	border-radius: 50%;
}

.goods_video .s-thirdItem {
	line-height: 30px;
	color: #999;
	font-size: 14px;
	cursor: pointer;
	margin-left: 55px;
}

.md_active {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.60);
	z-index: 999999;
	position: fixed;
	top: 0;
	left: 0;
}

.activity_model ul li:last-child {
	border-bottom: none;
}

.activity_model {
	width: 100%;
	height: 5.24rem;
	position: fixed;
	background: white;
	z-index: 9999999;
	bottom: 0;
	left: 0;
	right: 0;
	border-radius: 0.3rem 0.3rem 0 0;
	padding-top: 0.6rem;
	padding-left: 0.3rem;
	padding-right: 0.3rem;
	box-sizing: border-box;
}

.activity_model span {
	font-size: 0.46rem;
	color: #333333;
}

.activity_model i img {
	width: 0.32rem;
	height: 0.34rem;
	position: absolute;
	right: 0.3rem;
	top: 0.65rem;
}

.model_top {
	text-align: center;
	margin-bottom: 0.29rem;
}

.activity_model ul li span {
	font-size: 0.26rem;
	color: #666666;
}

.activity_model ul li span i {
	text-align: center;
	width: 0.9rem;
	height: 0.4rem;
	display: inline-block;
	color: #FFFFFF;
	font-size: 0.26rem;
	line-height: 0.4rem;
	border-radius: 0.12rem;
	background: #0BA4EA;
	font-style: normal;
	margin-right: 0.11rem;
}

.activity_model ul li span a {
	float: right;
	color: #666666;
	font-size: 0.34rem
}

.activity_model ul li {
	border-bottom: 1px solid #DEDEDE;
	padding-bottom: 0.39rem;
	padding-top: 0.4rem;
}

.learn_pro {
	text-align: center;
	margin-bottom: 0.1rem;
}

.learn_pro:before,
.learn_pro:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
}

.learn_img2:before,
.learn_img2:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
}

.contact {
	padding-top: 0.2rem;
	box-sizing: border-box;
}

.contact img {
	width: 100%;
	margin-top: -0.05rem;
}

.learn_pro h4 {
	font-size: 0.24rem;
	color: #000000;
	margin-top: 0.22rem;
	margin-bottom: 0.27rem;
}

.learn_pro h4 span {
	font-size: 0.35rem;
	color: #000000;
	font-weight: bold;
}

.learn_left {
	float: left;
	width: 40%;
}

.learn_left img {
	width: 100%;
	height: 100%;
}

.learn_right {
	float: right;
	width: 60%;
}

.learn_right img {
	width: 100%;
	height: 100%;
}

.listont {
	width: 100%;
	padding: 0.33rem 0.5rem;
}

.listont li {
	width: 100%;
	height: 100%;
}

.listont li .listont_img {
	width: 100%;
	display: flex;
	justify-content: space-around;
}

.listont li .listont_img img {
	width: 0.96rem;
	height: 1.13rem;
}

.listont li i {
	width: 100%;
	height: 0;
	display: block;
	border: 1px solid #b3e8ff;
}

.listont li:nth-child(2) i {
	border: 1px solid #ffcf9e;
}

.listont_title {
	width: 100%;
	display: flex;
	justify-content: space-around;
}

.listont_title span {
	width: 33.33%;
	display: inline-block;
	text-align: center;
	font-size: 0.22rem;
	color: #2d2d2d;
	line-height: 0.5rem;
}

.comment_dis {
	padding-left: 0.5rem;
}

.com_all {
	float: left;
	padding: 0.2rem 0;
}

.comment_dis:before,
.comment_dis:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
}

.com_all li {
	background: #c8f5fc;
	font-size: 0.16rem;
	color: #191919;
	width: 6.5rem;
	border-radius: 5px;
	margin-bottom: 0.16rem;
	padding: 0.1rem 0 0.1rem 0.1rem;
}

.Highpraise {
	width: 100%;
}

.Highpraise i {
	width: 100%;
	height: 3.20rem;
	display: block;
	background: url("../img/H5_02.png")no-repeat;
	background-size: 100% 100%;
}

.Howtolearn {
	width: 100%;
	/*margin-bottom: 1.2rem;*/
}

.Howtolearn .Howtolearn_logo1 {
	width: 100%;
	height: 3.20rem;
	display: block;
}

.Howtolearn .Howtolearn_logo2 {
	width: 100%;
	height: 3.45rem;
	display: block;
}

.Howtolearn i img {
	width: 100%;
	height: 100%;
	display: block;
}

.hcover {
	width: 100%;
	height: 3.24rem;
	display: block;
}

.hcover img {
	width: 100%;
	height: 100%;
	display: block;
}

.Howtolearn_list {
	width: 100%;
	padding-top: 0.33rem;
	padding-left: 0.05rem;
	box-sizing: border-box;
	/*margin-bottom: 1rem;*/
}

.Howtolearn_list li {
	margin-bottom: 0.23rem;
	display: flex;
	align-items: center;
}

.Howtolearn_list li img {
	margin-right: 0.06rem;
}

.Howtolearn_list li span {
	font-size: 0.18rem;
	color: #242424;
}

.Guessyoulike {
	width: 100%;
	padding-bottom: 0.3rem;
	margin-bottom: 0.96rem;
	position: relative;
}

.price_unit {
	padding: 0.2rem 0.2rem;
	margin-bottom: 0.8rem;
}

.price_unit h3 {
	font-size: 0.27rem;
	color: #9d9d9d;
	margin-bottom: 0.3rem;
}

.price_unit h4 {
	font-size: 0.26rem;
	color: #000000;
	margin-bottom: 0.1rem;
	vertical-align: middle;
}

.price_unit p {
	font-size: 0.26rem;
	color: #9d9d9d;
	margin-bottom: 0.3rem;
}

.price_unit h4 i img {
	width: 0.1rem;
	height: 0.1rem;
	display: inline-block;
	vertical-align: middle;
	margin-right: 0.1rem;
}

.check_course {
	padding: 0.2rem 0 0.12rem 0.15rem;
}

.check_course ul {
	float: left;
}

.check_course ul li {
	float: left;
	padding: 0.1rem 0.2rem;
	border: 1px solid #c9c9c9;
	font-size: 0.25rem;
	color: #999999;
	margin-right: 0.2rem;
}

.check_course ul li.choose {
	border: 1px solid #fc8943;
	color: #fc8943;
	background: url(http://static.vko.cn/m/3.0/images/jxchoose.png) center no-repeat;
	background-position: right bottom;
	background-size: 0.8rem 0.5rem;
}

.check_course span {
	display: inline-block;
	float: left;
	width: 1rem;
	font-size: 0.3rem;
	height: 0.56rem;
	line-height: 0.5rem;
}

.section .course_main {
	background: white;
}
.section .course_main img{width: 100%;height: 100%;margin-top: -0.1rem;}
.grade_lists ul li {
	/*width: 1.3rem;*/
	height: 0.6rem;
	padding: 0 0.2rem;
	display: inline-block;
	text-align: center;
	line-height: 0.6rem;
	border: 1px solid #FC8B5B;
	border-radius: 0.2rem;
	font-size: 0.26rem;
	color: #666666;
	margin-bottom: 0.3rem;
	margin-right: 0.15rem;
}

.grade_lists span {
	font-size: 0.26rem;
	color: #333333;
	margin-right: 0.35rem;
	display: inline-block;
	float: left;
	margin-top: 0.15rem;
}

.validity_lists ul li {
	width: 1.3rem;
	height: 0.6rem;
	display: inline-block;
	text-align: center;
	line-height: 0.6rem;
	border: 1px solid #FC8B5B;
	border-radius: 0.2rem;
	font-size: 0.26rem;
	color: #666666;
	margin-right: 0.15rem;
	margin-bottom: 0.2rem;
}

.validity_lists span {
	font-size: 0.26rem;
	color: #333333;
	margin-right: 0.1rem;
	display: inline-block;
	float: left;
	margin-top: 0.15rem;
}

.icon_left {
	width: 0.5rem;
	height: 0.5rem;
	position: absolute;
	left: 0.15rem;
	top: 0.19rem;
}

.icon_right {
	width: 0.5rem;
	height: 0.5rem;
	position: absolute;
	top: 0.15rem;
	right: 0.19rem;
}

.outline_intro span:nth-of-type(2) {
	color: #EA5413;
	font-size: 0.38rem;
	font-weight: bold;
}

.outline_intro span:nth-of-type(3) {
	color: #999999;
	font-size: 0.26rem;
	margin-left: 0.11rem;
	font-weight: initial;
	text-decoration: line-through;
}

.check_valide_time ul li {
	width: 1.3rem;
	height: 0.6rem;
	display: inline-block;
	text-align: center;
	line-height: 0.6rem;
	border: 1px solid #FC8B5B;
	border-radius: 0.2rem;
	font-size: 0.26rem;
	color: #666666;
	margin-right: 0.2rem;
}

.check_valide_time span {
	font-size: 0.26rem;
	color: #333333;
	margin-right: 0.35rem;
	display: inline-block;
	float: left;
	margin-top: 0.15rem;
}

.check_valide_time {
	margin-left: 0.31rem;
	box-sizing: border-box;
	border-top: 1px solid #DEDEDE;
	padding-top: 0.29rem;
	padding-bottom: 0.3rem;
}

.check_valide_time .choose {
	background: #FC8B5B;
	color: #FFFFFF!important;
}

.check_valide_time .choose a {
	color: #FFFFFF!important;
}

.high_problems img {
	width: 100%;
	/*height: 5.55rem;*/
}

.parts img {
	width: 100%;
	/*height: 4.32rem;*/
}

.listing img {
	width: 100%;
	/*height: 4.93rem;*/
}

.features img {
	width: 100%;
	height: 5.6rem;
}

.privilege img {
	width: 100%;
	/*height: 0.8rem;*/
}

.privileges img {
	width: 100%;
	/*height: 3.25rem;*/
}

.teachers img {
	width: 100%;
	/*height: 5.2rem;*/
}

.teacher img {
	width: 100%;
	/*height: 4.7rem;*/
}

.teacherintros img {
	width: 100%;
	/*height: 5.46rem;*/
}

.study_time img {
	width: 100%;
	/*height: 3.22rem;*/
}

.suitable img {
	width: 100%;
	/*height: 5rem;*/
}

.audition img {
	width: 100%;
	/*height: 1.66rem;*/
}

.advantage img {
	width: 100%;
	/*height: 6.65rem;*/
}

.evaluation img {
	width: 100%;
	/*height: 7.55rem;*/
}

.registered img {
	width: 100%;
	/*height: 2.9rem;*/
}

.bank img {
	width: 100%;
	/*height: 4.4rem;*/
}

.about img {
	width: 100%;
	/*height: 3.25rem;*/
}

.price img {
	width: 100%;
	/*height: 2.75rem;*/
}

.outline_intro p:nth-of-type(2) a {
	color: #666666;
	font-size: 0.26rem;
	margin-bottom: 0.29rem;
}

.activity_model ul li a img {
	width: 0.2rem;
	height: 0.2rem;
	margin-top: 0.1rem;
}

.learn_section ul li {
	/*width: 1.3rem;*/
	height: 0.6rem;
	padding: 0 0.2rem;
	display: inline-block;
	text-align: center;
	line-height: 0.6rem;
	border: 1px solid #FC8B5B;
	border-radius: 0.2rem;
	font-size: 0.26rem;
	color: #666666;
	margin-bottom: 0.3rem;
	margin-right: 0.15rem;
}

.learn_section span {
	font-size: 0.26rem;
	color: #333333;
	margin-right: 0.35rem;
	display: inline-block;
	float: left;
	margin-top: 0.15rem;
}

.validity_lists span {
	font-size: 0.26rem;
	color: #333333;
	margin-right: 0.30rem;
	display: inline-block;
	float: left;
	margin-top: 0.15rem;
}
.validity_lists .valide_time{
	float: left;
	width: 80%;
}
.grade_lists .grade_detail_level{
	float: left;
	width: 80%;
}
.learn_section .grade_level{
	float: left;
	width: 80%;
}
/* learn_section */

.md_buysee {
	width: 100%;
	height: 100%;
	background: #000000;
	opacity: 0.8;
	position: fixed;
	z-index: 999999;
	top: 0;
	left: 0;
}

.buysee_model {
	width: 4.8rem;
	height: 2.31rem;
	position: fixed;
	margin: auto;
	background: white;
	z-index: 9999999;
	top: 40%;
	left: 0;
	right: 0;
	border-radius: 0.3rem;
	padding: 0 0.15rem;
	box-sizing: border-box;
}

.buysee_model span {
	font-size: 0.3rem;
	color: #333333;
	width: 100%;
	height: 1.15rem;
	line-height: 1.15rem;
	display: inline-block;
	text-align: center;
	font-weight: bold;
	
}

.buysee_model p {
	font-size: 0.28rem;
	color: #333333;
	width: 100%;
	height: 1.15rem;
	line-height: 1.15rem;
	display: inline-block;
	text-align: center;
	border-top: 1px solid #DBDBDB;
}
.outline_intro span a{
	color: #EA5413;
    font-size: 0.38rem;
    font-weight: bold;
}
/*兑换课程*/

.md_change {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.50);
	z-index: 1099;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
}

.change_course {
    margin: 0 0.55rem;
    /* width: 720px; */
    height: 4rem;
    background: #FFFFFF;
    border-radius: 0.05rem;
    position: fixed;
    z-index: 1100;
    /* top: 20%; */
    top: 30%;
    left: 0;
    right: 0;
    /* margin: 0 auto; */
    text-align: center;
    padding-top: 0.6rem;
    box-sizing: border-box;
}

.change_course span {
	font-size: 0.3rem;
	color: #A33F24;
	margin-bottom: 0.6rem;
	display: inline-block;
}

.change_course p {
	font-size: 0.24rem;
	margin-bottom: 0.3rem;
	color: #333;
	text-align: initial;
	padding: 0 0.6rem;
	/*padding-left: 174px;*/
	box-sizing: border-box;
}

.change_course i {
	font-style: normal;
}

.unablechange_course i {
	font-style: normal;
}

.change_btn button {
	width: 1.6rem;
	border-radius: 0.05rem;
	outline: line;
	height: 0.6rem;
	cursor: pointer;
	margin-top: 0.36rem;
}

.invitionicon {
	text-align: center;
}

.invitionicon img {
	width: 3.77rem;
	height: 0.73rem;
	margin-bottom: 0.14rem;
}

.cancel_btn {
	border: 1px solid #A33F24;
	color: #A33F24;
	background: #FFFFFF;
	font-size: 0.24rem;
	margin-right: 0.25rem;
	outline: none;
	/*margin-left: 40px;*/
}

.confimbtn {
	background: #D67E66;
	font-size: 0.24rem;
	color: #FFFFFF;
	border: none;
	outline: none;
}

.change_close {
	position: absolute;
	right: 0.3rem;
	top: 0.2rem;
	cursor: pointer;
}
.change_close img{width: 0.3rem;height: 0.3rem;}

/*兑换成功*/

.md_changesuccess {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.50);
	z-index: 1099;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
}

.changesuccess_course {
 margin: 0 0.55rem;
    /* width: 720px; */
    height: 4rem;
    background: #FFFFFF;
    border-radius: 0.05rem;
	position: fixed;
	z-index: 1100;
	/*top: 20%;*/
	top: 30%;
	left: 0;
	right: 0;

	text-align: center;
	padding-top: 0.6rem;
	box-sizing: border-box;
}

.changesuccess_course span {
	font-size: 0.3rem;
	color: #A33F24;
	margin-bottom: 0.8rem;
	display: inline-block;
}

.changesuccess_course p {
	font-size: 0.24rem;
	margin-bottom: 0.8rem;
	color: #333;
}

.changesuccess_btn button {
	width: 1.6rem;
	border-radius: 0.05rem;
	outline: none;
	height: 0.6rem;
	cursor: pointer;
}

.changesuccess_close {
	position: absolute;
	right: 0.3rem;
	top: 0.2rem;
	cursor: pointer;
}

.continu_change {
	border: 1px solid #A33F24;
	color: #A33F24;
	background: #FFFFFF;
	font-size: 0.24rem;
	margin-right: 0.25rem;
	outline: none;
}

.mycourses {
	background: #D67E66;
	font-size: 0.24rem;
	color: #FFFFFF;
	border: none;
	outline: none;
}


/*无法兑换*/

.unable_change {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.50);
	z-index: 1099;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
}

.unablechange_course {
	margin: 0 0.55rem;
    /* width: 720px; */
    height: 4rem;
    background: #FFFFFF;
    border-radius: 0.05rem;
	position: fixed;
	z-index: 1100;
	/*top: 20%;*/
	top: 30%;
	left: 0;
	right: 0;

	text-align: center;
	padding-top: 0.6rem;
	box-sizing: border-box;
}

.unablechange_course span {
	font-size: 0.3rem;
	color: #A33F24;
	margin-bottom: 0.6rem;
	display: inline-block;
}

.unablechange_course p {
	font-size: 0.24rem;
	margin-bottom: 0.3rem;
	color: #333;
	text-align: initial;
	padding: 0 1rem;
	/*padding-left: 174px;*/
	box-sizing: border-box;
}

.unablechange_btn button {
	width: 1.6rem;
	border-radius: 0.05rem;
	outline: line;
	height: 0.6rem;
	cursor: pointer;
	margin-top: 0.33rem;
}

.original_price {
	border: 1px solid #A33F24;
	color: #A33F24;
	background: #FFFFFF;
	font-size: 0.24rem;
	margin-right: 0.25rem;
	outline: none;
	/*margin-left: 40px;*/
}

.continu_invite {
	background: #D67E66;
	font-size: 0.24rem;
	color: #FFFFFF;
	border: none;
	outline: none;
}


.invite_shadow{
  position:fixed;
  left:0px;
  top:0px;
  width:100%;
  height:100%;
  background-color:rgba(0,0,0,0.3);
  z-index: 999999;
}
.invite_shadow .loader {  
  position:fixed;
  left:50%;
  top:50%;
  width: 0.8rem;
  height: 0.8rem;
  border: 0.18rem solid #f3f3f3;
  border-radius: 50%;
  border-top: 0.18rem solid #3498db;
  margin: -0.4rem 0px 0px -0.4rem;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.invite_num_sort{
	height: 5.3rem;
    overflow: scroll;
}

.invite_rmb_sort{
	height: 5.3rem;
    overflow: scroll;
}
.md_myinvite {
    display: none;
    width: 100%;
    height: 3.1rem;
    background: rgba(0,0,0,.5);
    position: absolute;
    z-index: 9;
    top: 0;
    left: 0;
}

.md_myinvitebtn {
	width: 2.2rem;
	height: .9rem;
	background: #FFFFFF;
	border-radius: .45rem;
	color: #A33F24;
	font-size: .24rem;
	text-align: center;
	line-height: .9rem;
	position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    cursor: pointer;
}
.favorites_model {
    width: 3.8rem;
    height: 2.3rem;
    background: rgba(0, 0, 0, 1);
    opacity: 0.8;
    border-radius: 0.3rem;
    position: fixed;
    top: 40%;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    padding-top: 0.58rem;
    box-sizing: border-box;
    display: none;
    z-index: 999999;
}
.favorites_model img {
	width: 0.56rem;
	height: 0.56rem;
}

.favorites_model p {
	font-size: 0.3rem;
	color: white;
	margin-top: 0.3rem;
}
.collection_success {
	width: 2.4rem;
	height: 0.8rem;
	background:#000;
	opacity: 0.8;
	z-index: 999999;
	margin: auto;
	border-radius:0.05rem;
    display: none;
	position: fixed;
	top: 50%;
	left: 0;
	right: 0;
	text-align: center;
	line-height: 0.8rem;
}
.collection_success span{
	color: #fff;
	font-size: 0.26rem;
}
.free_price .act {
    float: left;
}
.free_price .act span{
	font-size: 0.26rem;
    margin-right: 0.2rem;
    color: #333;
}
.free_price .actprice p {
    font-size: 0.26rem;
    color: #666;
}
.free_price .actprice span {
    font-size: 0.22rem;
    color: #999999;
    display: inline-block;
    margin-bottom: 0.1rem;
}
.introduction_actprice p .yxq:before {
    width: 0.04rem;
    height: 0.04rem;
    border-radius: 50%;
    background: #c6c6c6;
    content: ".";
    margin-right: 0.05rem;
    display: inline-block;
    overflow: hidden;
    vertical-align: middle;
}
.firstnavicon{
	width:12px;
	height:11px;
	margin-right:11px;
}