* {
	margin:0;
	padding:0
}
body, html {
	width:100%;
	height:100%
}
.nav_con {
	width:100%;
height:.9rem;
	background:#fff;
	z-index:999;
	position:fixed;
	top:0;
padding:.1rem 0;
	vertical-align:middle
}
.nav_con p {
	float:left;
font-size:.36rem;
	font-weight:700;
line-height:.9rem;
	color:#333
}
.nav_con .nav_input {
	width:70%;
height:.72rem;
	background:#f7f8f9;
border-radius:.36rem;
	float:left
}
.nav_con .nav_input .left_search {
	width:100%;
	float:left;
	background:#fff;
	position:relative
}
.nav_con .nav_input .left_search p {
	width:100%;
	float:left;
font-size:.36rem;
	font-weight:600;
	color:#333
}
.nav_con .nav_input .right_corner {
	width:20%;
	float:right;
	margin-top:.1rem;
	margin-right:5%;
	cursor:pointer;
}
.nav_con .nav_input .right_corner .search_icon_Img {
width:.46rem;
height:.47rem;
	float:left;
margin-top:.1rem
}
.nav_con .nav_input .right_corner .search_icon_Img img {
width:.46rem;
height:.47rem;
	vertical-align:middle
}
.nav_con .nav_input .right_corner .fenlei_Img {
width:.46rem;
height:.47rem;
	display:block;
margin-top:.1rem;
	float:right;
	background:url(../images/fenlei.png) right center no-repeat;
background-size:.46rem .47rem
}
.nav_con .nav_input .right_corner .open_fenlei_Img {
width:.46rem;
height:.47rem;
	display:block;
	float:right;
	background:url(../images/fenlei_check.png) right center no-repeat;
background-size:.46rem .47rem
}
.nav_con .icon {
width:.26rem;
height:.44rem;
margin-right:.15rem;
	float:left;
margin-left:.28rem;
margin-top:.17rem
}
.nav_con .icon img {
width:.26rem;
height:.44rem;
	float:left;
margin-top:.05rem
}
.proList {
	width:94%;
	height:auto;
	margin:0 auto;
	overflow-x:hidden
}
.proList .proListLi {
	width:94%;
	height:auto;
	background:#fff;
border-radius:.16rem;
	float:left;
padding:.35rem 3%;
margin-bottom:.2rem
}
.proList .proListLi .discount_box {
	color:#ff871d;
	border:1px solid #ff871d
}
.proList .proListLi .des {
	width:100%;
	height:auto;
	font-weight:400;
	background:#fff;
	float:left
}
.proList .proListLi .des .tit {
	height:auto;
font-size:.34rem;
	font-weight:700;
	color:#333;
line-height:.5rem;
	word-break:break-all;
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical
}
.proList .proListLi .des .tit span {
padding:.01rem .1rem;
border-radius:.06rem;
line-height:.34rem;
height:.32rem;
	vertical-align:middle;
	display:inline-block;
margin-top:-.08rem;
	font-size:12px;
	font-weight:400;
	color:#fff;
	background:#76828b;
	text-align:center;
margin-right:.1rem
}
.proList .proListLi .des .book_info {
	height:2.5rem;
	float:left;
	width:100%;
	border-bottom:1px solid #ececee
}
.proList .proListLi .des .book_info .coverImg {
	width:2rem;
	height:2rem;
	float:left;
margin-right:.24rem;
	border-radius:8px
}
.proList .proListLi .des .book_info .txt-info {
	width:60%;
	float:left
}
.proList .proListLi .des .teacher_info {
	height:auto;
	float:left;
	width:100%
}
.proList .proListLi .des .teacher_info .introTeacher {
	width:100%;
	float:left;
	height:auto;
	border-bottom:1px solid #ececee
}
.proList .proListLi .des .teacher_info .introTeacher p {
	width:100%;
	height:auto;
font-size:.26rem;
	font-weight:400;
	color:#999;
line-height:.4rem;
	float:left;
margin:.2rem 0 .3rem 0
}
.proList .proListLi .des .teacher_info .introTeacher dl {
	width:26%;
	float:left;
	text-align:center;
margin-bottom:.35rem
}
.proList .proListLi .des .teacher_info .introTeacher dl .more_teacher {
	width:10%;
	height:auto;
margin:.2rem 0;
	text-align:center
}
.proList .proListLi .des .teacher_info .introTeacher dl .more_teacher img {
width:.5rem;
height:.15rem;
	margin:0 auto
}
.proList .proListLi .des .teacher_info .introTeacher dl dt {
	width:100%;
	height:auto;
	float:left;
margin-bottom:.12rem
}
.proList .proListLi .des .teacher_info .introTeacher dl dt img {
width:.54rem;
height:.54rem;
	margin:0 auto;
	border-radius:100%
}
.proList .proListLi .des .teacher_info .introTeacher dl dd {
	width:100%;
	height:auto;
	float:left;
	text-align:center;
font-size:.22rem;
	font-weight:400;
	color:#999
}
.proList .proListLi .des .desBottom {
	width:100%;
	height:auto;
	float:left;
	text-align:right;
margin-top:.35rem
}
.proList .proListLi .des .desBottom .active-info {
	width:100%;
	float:left;
height:.5rem
}
.proList .proListLi .des .desBottom .active-info span {
padding:.03rem .07rem .03rem .07rem;
	display:block;
	float:left;
	text-align:center;
border-radius:.06rem;
font-size:.22rem;
	font-weight:400;
margin-right:.08rem
}
.proList .proListLi .des .desBottom .active-info .price {
	width:auto;
	float:right
}
.proList .proListLi .des .desBottom .active-info .price .originPrice {
font-size:.22rem;
	display:block;
	float:left;
	color:#999;
line-height:.6rem;
	text-decoration:line-through;
margin-right:.2rem
}
.proList .proListLi .des .desBottom .active-info .price .originPrice b {
	font-size:14px;
	text-decoration:line-through;
	color:#b8b8b8
}
.proList .proListLi .des .desBottom .active-info .price .originPrice i {
	content:"гд";
font-size:.22rem;
	font-style:normal;
	text-decoration:line-through;
	color:#999
}
.proList .proListLi .des .desBottom .active-info .price .currentPrice {
	display:block;
	float:right;
font-size:.4rem;
	font-weight:700;
	color:#ff871d;
line-height:.5rem
}
.proList .proListLi .des .desBottom .active-info .price .currentPrice i {
	content:"гд";
font-size:.28rem;
	font-style:normal;
	float:left;
line-height:.6rem
}
.proList .proListLi .des .desBottom .timeEnd {
	width:100%;
	float:left;
font-size:.26rem;
	font-weight:400;
	color:#ff871d;
	text-align:left;
margin-top:.15rem
}
.proList .moreShow {
	width:100%;
	height:1rem;
	background:#fff;
border-radius:0 0 .16rem .16rem;
	text-align:center;
font-size:.22rem;
	font-weight:400;
	color:#9f9f9f;
	line-height:1rem;
	overflow:hidden;
	margin:0 auto
}
.proList .moreShow a {
	width:20%;
	text-align:center;
	margin:0 auto;
height:.25rem;
	display:block;
	color:#9f9f9f!important
}
.proList .moreShow a img {
width:.14rem;
height:.22rem;
	float:right;
margin:.4rem auto;
	vertical-align:middle
}
#mescroll {
	position:fixed;
	left:0;
	top:0;
	padding-top:2.2rem;
	box-sizing:border-box
}
.mescroll-wrapper {
	max-width:750px;
	width:100%;
	margin:0 auto
}
#mescroll2 {
	position:fixed;
	left:0;
	top:0;
	box-sizing:border-box;
	width:100%
}
.mescroll-upwarp {
	padding:0 0 10px!important;
	color:#999;
	height:30px;
font-size:.38rem;
	text-align:center
}
.upwarp-tip {
	text-align:center
}
.active-info .price {
	position:relative
}


.container {
	width:100%;
	float:left;
	height:auto;
	background-color:#f7f8f9!important;
	overflow-x:hidden
}

html {
	font-size:53.333333333333336px;
}


.select-down {
	width:100%;
	height:auto;
	float:left;
	z-index:999
}
.select-down  {
	display:none
}
.select-down .mask-shade {
	z-index:998;
	top:2rem;
	left:0;
	display:none;
	position:fixed;
	width:100%;
	height:100%;
	background-color:#000;
	opacity:.3;
	box-shadow:0 0 0 rgba(0, 0, 0, .3)
}

.select-down .category {
	z-index:999;
	height:auto;
	position:absolute;
	top:2rem;
	background:#f2f2f2;
	width:100%
}
.select-down .category .title {
	width:96%;
	float:left;
	height:auto;
	background:#fff;
margin-bottom:.1rem;
padding:.29rem 2%
}
.select-down .category .title span {
	display:block;
padding:.1rem .19rem;
	float:left;
	text-align:center;
	background:#f7f8f9;
margin:.07rem .15rem;
border-radius:.1rem;
border:.02rem solid #fff;
font-size:.28rem;
	font-weight:500;
	color:#333
}
.select-down .category .content {
	width:100%;
	float:left;
	max-height:9rem;
	overflow-y:scroll
}
.select-down .category .content .title-con {
	float:left;
	height:7rem;
	width:100%;
	display:none;
	background:#fff;
	position:relative
}
.select-down .category .content .title-con .tab_left {
	width:28%;
	height:6rem;
	float:left;
	background:#f2f2f2;
	padding-bottom:1rem;
	position:absolute;
	top:0;
	overflow:scroll;
	left:0
}
.select-down .category .content .title-con .tab_left li {
	width:100%;
text-indent:.2rem;
	list-style-type:none;
line-height:.98rem;
height:.98rem;
	float:left;
font-size:.28rem;
	font-weight:500;
	color:#333;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	display:block
}
.select-down .category .content .title-con .tab_left .select-tab-left {
	background:#fff;
	color:#41a9fb
}
.select-down .category .content .title-con .tab-right {
	width:100%;
	height:auto;
	float:right;
	background:#fff
}
.select-down .category .content .title-con .tab-right .tab_right_con {
	width:100%;
	float:left;
	height:6rem;
	display:none;
	padding-bottom:1rem;
	overflow:scroll
}
.select-down .category .content .title-con .tab-right .tab_right_con .each-con {
	overflow:hidden;
	width:90%;
	height:auto;
	margin:0 auto;
padding:.2rem 0;
	border-bottom:1px solid #f2f2f2
}
.select-down .category .content .title-con .tab-right .tab_right_con .each-con p {
font-size:.28rem;
	font-weight:700;
	color:#333;
	float:left;
	width:100%;
margin:.2rem 0 .3rem 0;
	word-break:break-all;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-line-clamp:1;
	-webkit-box-orient:vertical
}
.select-down .category .content .title-con .tab-right .tab_right_con .each-con .tag-con {
	float:left;
	width:100%
}
.select-down .category .content .title-con .tab-right .tab_right_con .each-con .tag-con span a{
padding:0 .14rem;
	background:#f7f8f9;
border-radius:.1rem;
border:.02rem solid #fff;
font-size:.28rem;
	font-weight:500;
line-height:.6rem;
	color:#666;
	display:block;
	float:left;
margin:.1rem .2rem .2rem 0;
	word-break:unset;
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-line-clamp:1;
	-webkit-box-orient:vertical;
	text-decoration:none;
}