html {
	font-size: 50px;
}
body {
	margin: 0;
	/*font-size: 0.36rem;*/
	color: #000;
}
a {
	text-decoration: none;
	color: #3b90fa;
	font-size: 14px;
}
/*公共*/
.index-block-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0.2rem 0.3rem 0.3rem;
}
.index-block-title {
	color: #000000;
	font-size: 0.32rem;
	vertical-align: middle;
	font-weight: bold;
}
.index-block-title:before {
	content: "";
	display: inline-block;
	width: 0.06rem;
	height: 0.32rem;
	background-color: #d63333;
	border-radius: 0.03rem;
	margin-right: 0.19rem;
	vertical-align: middle;
	margin-top: -0.05rem;
}
.index-block-more {
	color: #747474;
	font-size: 0.24rem;
	vertical-align: middle;
}
.index-block-more:after {
	content: "";
	display: inline-block;
	width: 0.09rem;
	height: 0.18rem;
	background: url("../images/arrow-more.png") center center no-repeat;
	background-size: 0.09rem 0.18rem;
	margin-left: 0.24rem;
	vertical-align: middle;
	margin-top: -0.05rem;
}
.index-page {
	background-color: #fff;
}
.header-fixed {
	width: 100%;
	position: fixed;
	height: 1.935rem;
	z-index: 99;
	display: none;
}
/*header*/
.index-header {
	width: 100%;
	height: 0.76rem;
	background-color: #d63333;
	padding: 0.12rem 0;
}
.index-header .index-search {
	background: #fff;
	border-radius: 0.38rem;
	height: 0.76rem;
	margin: 0 0.3rem;
	display: flex;
	align-items: center;
	padding: 0 0.3rem;
}
.index-header .search-icon {
	background: url("../images/search.png") center center no-repeat;
	width: 0.35rem;
	height: 0.35rem;
	background-size: 0.35rem 0.35rem;
}
.index-header .index-area {
	border-right: 0.04rem solid #d6d6d6;
	padding-right: 0.25rem;
	color: #d63333;
	font-size: 0.32rem;
}


.index-header .index-area:after {
	content: "";
	display: inline-block;
	vertical-align: middle;
	background: url("../images/arrow-down.png") center center no-repeat;
	width: 0.15rem;
	height: 0.09rem;
	background-size: 0.15rem 0.09rem;
	padding-left: 0.09rem;
}
.index-header.active .index-area:after {
	content: "";
	display: inline-block;
	vertical-align: middle;
	background: url("../images/arrow-top.png") center center no-repeat;
	width: 0.15rem;
	height: 0.09rem;
	background-size: 0.15rem 0.09rem;
	padding-left: 0.09rem;
}
.index-header input {
	border: none;
	outline: none;
	height: 0.62rem;
	background: transparent;
	font-size: 0.36rem;
	padding-left: 0.25rem;
}

/*选择地区弹窗*/
.index-area-block {
	background: #fff;
	width: 100%;
	position: absolute;
	/*padding: 0.48rem 0.3rem;*/
	border-bottom: solid 0.02rem #f5f5f5;
	margin-top: 0.12rem;
	/*display: none;*/
	height:0;
	overflow: hidden;
	transition: all 0.4s;
	    z-index: 99;
}
.index-header.active .index-area-block {
	height: 9.35rem;
}
.index-area-block .area-title1 {
	color: #4f4f4f;
	font-size: 0.28rem;
	margin-bottom: 0.25rem;
	padding: 0.48rem 0.3rem 0;
}
.index-area-block .current-position {
	border-radius: 0.1rem;
	border: solid 0.018rem #d63333;
	width: 4.34rem;
	height: 0.82rem;
	line-height: 0.82rem;
	text-align: center;
	color: #d63333;
	margin: 0.1rem auto 0.2rem;
	font-weight: bold;
}
.index-area-block .area-title2 {
	color: #090909;
	font-size: 0.2rem;
	margin-bottom: 0.2rem;
	padding: 0 0.3rem;
}
.index-area-block .area-list {
	display: flex;
	justify-content: space-between;
	margin-bottom: 0.2rem;
	padding: 0 0.3rem;
}
.index-area-block .area-list:last-child{
	margin-bottom: 0.48rem;
}
.index-area-block .area-item {
	background-color: #f4f5f7;
	border-radius: 0.1rem;
	font-size: 0.26rem;
	padding: 0.16rem 0.32rem;
}
.area-item-empty {
	width: 1.61rem;
}
/*nav*/
.index-nav {
	display: flex;
	justify-content: space-between;
	padding: 0.23rem 0.33rem;
	background-color: #f4f5f6;
}
.index-nav .index-nav-item {
	text-align: center;
	color: #474747;
	font-size: 0.32rem;
}
.index-nav .index-nav-item.active {
	color: #d63333;
	font-size: 0.32rem;
	font-weight: bold;
	position: relative;
}
.index-nav .index-nav-item.active:after {
	content: "";
	width: 0.24rem;
	height: 0.07rem;
	background-color: #d63333;
	border-radius: 0.04rem;
	display: block;
	position: absolute;
	margin-top: 0.08rem;
	left: calc(50% - 0.12rem);
}
/*头部*/
.index-top {
	width: 7.5rem;
	height: 4.2rem;
	background-image: linear-gradient(90deg, #f23a3a 0%, #f75f30 100%), linear-gradient(#888886, #888886);
	background-blend-mode: normal, normal;
	border-radius: 0px 0px 0.3rem 0.3rem;
	padding: 0.35rem 0 0;
}
.header-top {
	margin: 0 0.3rem 0.2rem;
	display: flex;
	justify-content: space-between;
}
.header-top .header-logo {
	width: 2.12rem;
	display: flex;
}
.header-top .header-logo img {
	width: 100%;
	height: 100%;
}
.header-top .area-select {
	width: 1.73rem;
	height: 0.54rem;
	background-color: rgba(0,0,0,0.16);
	border-radius: 0.27rem;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #ffffff;
	font-size: 0.24rem;
	position: relative;
}
.header-top .area-select:after {
	content: '';
	display: inline-block;
	background: url("../../www/mobile/images/index/area-select-icon.png") center center no-repeat;
	background-size: 0.2rem 0.11rem;
	width: 0.2rem;
	height: 0.11rem;
	margin-left: 0.1rem;
	vertical-align: middle;
}
.header-top .area-select .area-select-list {
	position: absolute;
	background: #ce4c2a;
	width: 1.73rem;
	text-align: center;
	top: 0.58rem;
	z-index: 99;
	line-height: 0.4rem;
	height: 0;
	overflow: hidden;
	transition: height 0.5s;
	border-radius: 0.27rem;
}
.header-top .area-select .area-select-list.active {
	height: 3.7rem;
}
.header-top .area-select .area-select-item {
	padding: 0.1rem 0;
	display: block;
	color: #fff;
}
.index-top .index-top-area {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0.2rem 0.3rem;
	font-weight: bold;
}
.index-top .index-top-area .area-item {
	color: #fff;
	font-size: 0.3rem;
	position: relative;
}
/*banner*/
.index-banner {
	width: 350px;
	/*width: 6.3rem;*/
	margin: 0 auto;
	/*padding: 2.225rem 0.2rem 0.2rem;*/
	/*background: #fff;*/
}
.index-banner .banner-swiper {
	border-radius: 0.2rem;
}
.index-banner img {
	width: 100%;
	height: 2.51rem;
}
/*考试类型*/
.index-kc-type {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin: 0.2rem auto 0;
	width: 6.5rem;
}
.index-kc-type .kc-item {
	width: 1rem;
	margin-right: 0.8rem;
	margin-bottom: 0.2rem;
	text-align: center;
}
.index-kc-type .kc-item:nth-child(4n) {
	margin-right: 0;
}
.index-kc-type .kc-icon {
	width: 0.84rem;
	margin: 0 auto;
}
.index-kc-type .kc-name {
	color: #333333;
	font-size: 0.24rem;
}
/*四个链接*/
.index-link-row {
	width: 6.9rem;
	height: 1.47rem;
	background-image: linear-gradient(90deg, #f23a3a 0%, #f75f30 100%), linear-gradient(#ea0027, #ea0027);
	background-blend-mode: normal, normal;
	border-radius: 0.1rem;
	display: flex;
	align-items: center;
	justify-content: space-evenly;
	margin: 0 auto 0.16rem;
}
.index-link-row .link-item {
	width: 1.5rem;
	height: 0.89rem;
	background-color: #ffffff;
	border-radius: 0.1rem;
	border: solid 0.04rem #ffdec6;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	padding: 0.18rem 0 0.16rem;
}
.index-link-row .link-icon {
	max-height: 0.57rem;
	margin-bottom: 0.05rem;
}
.index-link-row .link-name {
	font-size: 0.26rem;
	color: #333;
}
/*搜索*/
.index-top-search {
	width: 6.91rem;
	height: 0.92rem;
	background-image: linear-gradient(#fff0f2, #fff0f2), linear-gradient(#fff0f0, #fff0f0);
	background-blend-mode: normal, normal;
	border-radius: 0.1rem;
	border: solid 1px #f9c1b4;
	display: flex;
	align-items: center;
	margin: 0 auto;
}
.index-top-search input {
	width: 5.14rem;
	height: 0.66rem;
	background-color: #ffffff;
	border-radius: 0.06rem;
	margin: 0.13rem 0.14rem;
	border: none;
}
.index-top-search .index-search-btn {
	width: 1.32rem;
	height: 0.66rem;
	background-image: linear-gradient(90deg, #f23a3a 0%, #f75f30 100%), linear-gradient(#e9efff, #e9efff);
	background-blend-mode: normal, normal;
	border-radius: 0.1rem;
	color: #ffffff;
	font-size: 0.28rem;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 0.14rem;
}
.index-top-search .index-search-btn:before {
	content: '';
	display: block;
	vertical-align: middle;
	background: url("../../www/mobile/images/index/index-search-icon.png") center center no-repeat;
	background-size: 0.34rem 0.34rem;
	width: 0.34rem;
	height: 0.34rem;
	margin-right: 0.09rem;
}
/*h5首页自定义模板*/
.index-diy-template {
	width: 6.90rem;
	height: 2.94rem;
	background-image: linear-gradient(0deg, #fe023a 1%, #fe9002 100%), linear-gradient(#fde9e8, #fde9e8);
	background-blend-mode: normal, normal;
	border-radius:0.08rem;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0.18rem auto;
}
.index-diy-template .template-content {
	width: 6.74rem;
	height: 2.78rem;
	background-color: #ffffff;
	border-radius: 0.08rem;
}
.index-diy-template .template-title {
	color: #ffffff;
	font-size: 0.3rem;
	background: url(/zq/r/cms/www/mobile/images/index/index-title-bg1.png) center left no-repeat;
	background-size: 6.73rem 0.68rem;
	/*width: 6.73rem;*/
	height: 0.68rem;
	display: flex;
	align-items: center;
	padding-left: 0.18rem;
}
.index-diy-template .template-link-row {
	display: flex;
	flex-wrap: wrap;
	margin: 0.15rem 0;
	padding: 0 0.12rem;
}
.template-link-row .template-notice-item {
	width: 2.12rem;
	height: 0.88rem;
	margin-bottom: 0.06rem;
	margin-right: 0.07rem;
	cursor: pointer;
	transition: all 0.5s;
	border-radius: 0.06rem;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #444444;
	font-size: 0.26rem;
}
.template-link-row .template-notice-item:before {
	content: '';
	display: inline-block;
	width: 0.57rem;
	height: 0.57rem;
	margin-right: 0.14rem;
}
.template-link-row .template-notice-item:nth-child(3n) {
	margin-right: 0;
}
.template-link-row .template-notice-item.notice-item1,
.template-link-row .template-notice-item.notice-item4{
	background-color: #fff0f2;
}
.template-link-row .template-notice-item.notice-item1:before {
	background: url(/zq/r/cms/www/mobile/images/index/index-notice-icon1.png) center center no-repeat;
	background-size: 28px 28px;
}
.template-link-row .template-notice-item.notice-item2,
.template-link-row .template-notice-item.notice-item5 {
	background-color: #fff4de;
}
.template-link-row .template-notice-item.notice-item2:before {
	background: url(/zq/r/cms/www/mobile/images/index/index-notice-icon2.png) center center no-repeat;
	background-size: 28px 28px;
}
.template-link-row .template-notice-item.notice-item3,
.template-link-row .template-notice-item.notice-item6 {
	background-color: #e5eeff;
}
.template-link-row .template-notice-item.notice-item3:before {
	background: url(/zq/r/cms/www/mobile/images/index/index-notice-icon3.png) center center no-repeat;
	background-size: 28px 28px;
}
.template-link-row .template-notice-item.notice-item4:before {
	background: url(/zq/r/cms/www/mobile/images/index/index-notice-icon4.png) center center no-repeat;
	background-size: 28px 28px;
}
.template-link-row .template-notice-item.notice-item5:before {
	background: url(/zq/r/cms/www/mobile/images/index/index-notice-icon5.png) center center no-repeat;
	background-size: 28px 28px;
}
.template-link-row .template-notice-item.notice-item6:before {
	background: url(/zq/r/cms/www/mobile/images/index/index-notice-icon6.png) center center no-repeat;
	background-size: 28px 28px;
}
/*h5首页个模块标题（公共）*/
.index-module-title {
	display: flex;
	align-items: center;
	margin-left: 0.18rem;
	padding: 0.18rem 0;
}
.index-module-title .title-icon {
	width: 0.49rem;
	height: 0.49rem;
	margin-right: 0.06rem;
	display: flex;
	align-items: center;
}
.index-module-title p {
	color: #484848;
	font-size: 0.3rem;
	font-weight: bold;
	margin: 0;
}
.index-module-title p span {
	color: #ff3e2d;
}
/*首页自定义热门推荐*/
.index-hot-recommend {
	width: 6.9rem;
	height: 3.74rem;
	background: url(/zq/r/cms/www/mobile/images/index/index-hot-recommend-bg.png) center center no-repeat;
	background-size: 6.9rem 3.74rem;
	border-radius: 0.1rem;
	margin: 0 auto;
}
.index-hot-recommend .recommend-list {
	display: flex;
	flex-wrap: wrap;
	background-color: #ffffff;
	border-radius: 0.1rem;
	margin: 0 0.08rem 0.08rem;
	padding-bottom: 0.18rem;
}
.recommend-list .recommend-item {
	color: #3d3d3d;
	font-size: 0.24rem;
	background-color: #f7f8fa;
	border-radius: 4px;
	padding: 0.18rem 0.13rem;
	margin: 0.18rem 0 0 0.2rem;
	display: block;
}
.recommend-list .recommend-item.red {
	color: #ea0027;
}
.recommend-list .recommend-item.blue {
	color: #0e79ea;
}
/*招考公告*/
.exam-announcement {
	width: 6.92rem;
	margin: 0.2rem auto 0.32rem;
	background-color: #ffebe9;
	box-shadow: rgba(0,0,0,.1) 0 0 10px;
	border-radius: 0.1rem;
	overflow: hidden;
}
.exam-announcement .exam-announcement-list {
	padding: 0.3rem 0.18rem;
	background: #fff;
}
.exam-announcement-list .announcement-item{
	display: flex;
	align-items: center;
	margin-bottom: 0.3rem;
	border-bottom: solid 1px #f0f0f1;
	padding-bottom: 0.32rem;
	font-size: 0.26rem;
}
.exam-announcement-list .announcement-item:last-child {
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
}
.exam-announcement-list .announcement-status {
	padding: 0.05rem 0.03rem;
	border-radius: 0.04rem;
	margin-right: 0.15rem;
	background-image: linear-gradient(90deg, #f23a3a 0%, #f75f30 100%), linear-gradient(#ff3e2d, #ff3e2d);
	background-blend-mode: normal, normal;
	color: #fff;
	font-size: 0.24rem;
}
.exam-announcement-list .announcement-status.not-appoint {
	background-image: linear-gradient(90deg, #358ef3 0%, #4cb1ff 100%), linear-gradient(#ff3e2d, #ff3e2d);
	background-blend-mode: normal, normal;
}
.exam-announcement-list .announcement-title {
	color: #444444;
	flex: 1.0;
	white-space: nowrap;
	overflow: hidden;
	width: 5rem;
	display: block;
	text-overflow: ellipsis;
	line-height: 0.43rem;
}
.index-module-title.module-title2 {
	background: url(/zq/r/cms/www/mobile/images/index/index-title-bg2.png) center center no-repeat;
	background-size: 6.92rem 0.88rem;
}
.index-module-title.module-title2 p {
	color: #ea0027;
}
.index-module-title.module-title1 p {
	color: #fff;
}
/*备考资料&报考指导*/
.index-info-content {
	background-color: #f9f9f9;
	padding-bottom: 0.29rem;
}
.index-info-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-top: 0.1rem;
	width: 6.92rem;
	margin: 0 auto;
}
.index-info-header .index-module-title {
	margin-left: 0;
}
.index-info-header .index-info-category {
	display: flex;
	overflow-x: scroll;
	flex: 1.0;
	white-space: nowrap;
	overflow-y: hidden;
	scroll-behavior: smooth;
	margin-left: 0.4rem;
}
.index-info-header .index-info-category::-webkit-scrollbar {
	width: 0!important;
	height: 0!important;
}
.index-info-header .category-item {
	background-color: #ffffff;
	border-radius: 0.28rem;
	border: solid 1px #dddddd;
	color: #777777;
	font-size: 0.24rem;
	padding: 0.1rem 0.16rem;
	margin-right: 0.1rem;
}
.index-info-header .category-item.active {
	background-color: #ffe4e9;
	border: solid 1px #ffe4e9;
	color: #ea0027;
}
.index-info-content .index-info-list {
	width: 6.92rem;
	background: #fff;
	box-shadow: rgba(0,0,0,.1) 0 0 10px;
	margin: 0.1rem auto 0.29rem;
	padding: 0.44rem 0 0;
	line-height: 0.5rem;
	border-radius: 0.1rem;
}
.index-info-list .index-info-item {
	font-size: 0.26rem;
	color: #444444;
	border-bottom: solid 1px #f0f0f1;
	padding-bottom: 0.2rem;
	margin: 0 0.2rem 0.2rem;
	display: block;
}
.index-info-list .index-info-item:last-child {
	border-bottom: none;
}
.index-info-list .index-info-item:before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	background: #ff3e2d;
	width: 0.06rem;
	height: 0.06rem;
	border-radius: 50%;
	margin-right: 0.1rem;
}
.index-info-content .more-info-btn {
	width: 1.8rem;
	margin: 0 auto;
	color: #333333;
	font-size: 0.24rem;
	display: flex;
	align-items: center;
}
.index-info-content .more-info-btn p {
	margin: 0 0.1rem 0 0;
}
.index-info-content .more-info-btn img {
	width: 0.2rem;
	vertical-align: middle;
}
/*最新直播*/
.index-info-header .index-info-more {
	font-size: 0.26rem;
	color: #afb2b7;
}
.last-live-list {
	width: 6.92rem;
	margin: 0 auto;
}
.last-live-list .live-item {
	background: #fff;
	box-shadow: rgba(0,0,0,.1) 0 0 10px;
	margin-bottom: 0.29rem;
	font-size: 0.26rem;
	padding: 0.37rem;
	border-radius: 0.1rem;
}
.last-live-list .live-time {
	color: #f5232d;
	font-size: 0.28rem;
	margin-bottom: 0.24rem;
	display: flex;
	align-items: center;
}
.last-live-list .live-time:before {
	content: '';
	display: inline-block;
	background: url(/zq/r/cms/common/image/index/live-time-icon.png) center center no-repeat;
	background-size: 0.36rem 0.36rem;
	width: 0.36rem;
	height: 0.36rem;
	margin-right: 0.19rem;
}
.last-live-list .live-name {
	font-size: 0.28rem;
	font-weight: bold;
	margin-bottom: 0.47rem;
}
.last-live-list .live-detail {
	display: flex;
	align-items: center;
	margin-bottom: 0.66rem;
}
.last-live-list .arrow-right {
	width: 0;
	height: 0;
	border-width: 0.14rem 0 0.14rem 0.21rem;
	border-style: solid;
	border-color: transparent transparent transparent #c9c9c9;
	margin-right: 0.1rem;
}
.last-live-list .live-bottom {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.last-live-list .live-teacher {
	display: flex;
	align-items: center;
}
.last-live-list .teacher-logo {
	width: 0.64rem;
	height: 0.64rem;
	border-radius: 50%;
	overflow: hidden;
	margin-right: 0.22rem;
	display: flex;
	align-items: center;
	justify-content: center;
}
.last-live-list .teacher-logo img {
	height: 100%;
}
.last-live-list .teacher-name {
	margin-bottom: 0;
	color: #333333;
	font-size: 0.26rem;
	font-weight: bold;
}
.last-live-list .live-appoint-btn {
	width: 1.87rem;
	height: 0.47rem;
	line-height: 0.47rem;
	text-align: center;
	background-image: linear-gradient(90deg, #ff5d29 0%, #ff586b 100%);
	border-radius: 0.24rem;
	color: #ffffff;
	font-size: 0.24rem;
	cursor: pointer;
	display: block;
}
/*公考免费网课*/
.index-course-list .free-item {
	background: #fff;
	box-shadow: rgba(0, 0, 0, 0.1) 0 0 10px;
	margin-bottom: 0.29rem;
	font-size: 0.26rem;
	padding: 0.37rem 0.37rem 0;
	border-radius: 0.1rem;
	display: block;
}
.index-course-list .free-title {
	font-size: 0.32rem;
	color: #000;
	font-weight: bold;
	margin-bottom: 0.32rem;
	-webkit-line-clamp: 2;
	flex-grow: 1;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.index-course-list .free-label {
	display: flex;
	margin-bottom: 7px;
	flex-wrap: wrap;
}
.index-course-list .free-label-item {
	border-radius: 2px;
	padding: 5px 1px 3px;
	margin-right: 5px;
	max-width: 90px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.index-course-list .free-label-item {
	max-width: 110px;
}
.index-course-list .free-detail {
	display: flex;
	align-items: center;
	margin-bottom: 10px;
}
.index-course-list .arrow-right {
	width: 0;
	height: 0;
	border-width: 6px 0 6px 8px;
	border-style: solid;
	border-color: transparent transparent transparent #c9c9c9;
	margin-right: 5px;
}
.index-course-list .free-detail span {
	margin-right: 4px!important;
	color: #999;
}
.index-course-list .label1 {
	background-color: #ebf8ff;
	color: #00aaee;
}
.index-course-list .label2 {
	background-color: #fff3f3;
	color: #ff5151;
}
.index-course-list .label3 {
	background-color: #ecfff3;
	color: #18c86f;
	margin-right: 0;
}
.index-course-list .free-teacher-list {
	display: flex;
	overflow: hidden;
	flex-wrap: wrap;
	height: 67px;
}
.index-course-list .teacher-item {
	width: 56px;
	margin-right: 10px;
	text-align: center;
	margin-bottom: 12px;
}
.index-course-list .teacher-pic {
	width: 35px;
	height: 35px;
	border-radius: 50%;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 6px;
}
.index-course-list .teacher-pic img {
	height: 100%;
}
.index-course-list .teacher-name {
	margin-bottom: 0;
	color: #818a92;
	font-size: 14px;
	font-weight: normal;
}
.index-course-list .free-bottom {
	display: flex;
	justify-content: space-between;
	border-top: 1px solid #f1f1f1;
	padding: 10px 0;
}
.index-course-list .free-buy-count {
	color: #818a92;
	font-size: 13px;
}
.index-course-list .free-price {
	color: #23a705;
	font-size: 16px;
}
/*今日推荐*/
.index-recommend {
	background: #fff;
	margin-bottom: 0.2rem;
	padding-bottom: 0.2rem;
}
.index-recommend-list {
	padding: 0 0.3rem 1rem 0.3rem;
}
.index-recommend-list .item {
	margin-bottom: 0.2rem;
}
.index-recommend-list .item-title {
	color: #000000;
	font-size: 0.32rem;
	margin-bottom: 0.22rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.index-recommend-list .item-title:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 0.08rem;
	height: 0.08rem;
	border-radius: 50%;
	margin-right: 0.23rem;
	background-color: #707070;
}
.index-recommend-list .item-info {
	display: flex;
	color: #868686;
	font-size: 0.22rem;
	margin-left: 30px;
	padding-bottom: 0.20rem;
	border-bottom: 0.02rem solid #eeeeee;
}
.item-see {
	width: 0.95rem;
	vertical-align: middle;
}
.item-time {
	margin-right: 0.15rem;
	vertical-align: middle;
}
.item-mark {
	vertical-align: middle;
}
.item-see:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	background: url("../images/eye-icon.png") center center no-repeat;
	width: 0.22rem;
	height: 0.16rem;
	background-size: 0.22rem 0.16rem;
	margin-right: 0.06rem;
	margin-top: -0.04rem;
}
.item-time:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	background: url("../images/time-icon.png") center center no-repeat;
	width: 0.18rem;
	height: 0.18rem;
	background-size: 0.18rem 0.18rem;
	margin-right: 0.06rem;
	margin-top: -0.04rem;
}
.item-mark:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	background: url("../images/mark-icon.png") center center no-repeat;
	width: 0.18rem;
	height: 0.19rem;
	background-size: 0.15rem 0.19rem;
	margin-right: 0.06rem;
	margin-top: -0.04rem;
}
/*辅导课程*/
.index-class {
	background: #fff;
	margin-bottom: 0.2rem;
}
.index-class .index-class-list {
	display: flex;
	flex-wrap: wrap;
	padding: 0 0.14rem;
}
.index-class .item {
	width: 50%;
}
.index-class .item-logo {
	padding: 0 0.2rem 0.1rem;
}
.index-class .item-logo img {
	width: 100%;
}
.index-class .item-title {
	font-size: 0.3rem;
	overflow: hidden;
	-webkit-line-clamp: 2;
	flex-grow: 1;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	padding: 0 0.16rem 0 0.16rem;
	height: 0.785rem;
}
.index-class .item-price {
	color: #ff4623;
	font-size: 0.2rem;
	margin-top: 0.05rem;
	margin-bottom: 0.3rem;
	padding: 0 0.16rem 0 0.16rem;
}
.index-class .item-price span {
	font-size: 0.28rem;
}
/*网课推荐*/
.index-course {
	background: #fff;
	margin-bottom: 0.32rem;
}
.index-course .index-course-list {
	padding: 0 0.3rem;
}
.index-course .item {
	display: flex;
	border-bottom: 0.02rem solid #eeeeee;
	padding-bottom: 0.32rem;
	margin-bottom: 0.21rem;
}
.index-course .item:last-child {
	border: none;
	margin-bottom: 0;
}
.index-course .item-info {
	flex: 1.0;
}
.index-course .item-title {
	font-size: 0.32rem;
	overflow: hidden;
	-webkit-line-clamp: 2;
	flex-grow: 1;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	height: 0.846rem;
	margin-bottom: 0.18rem;
}
.index-course .item-price {
	font-size: 0.2rem;
	color: #ff4623;
}
.index-course .item-price span {
	font-size: 0.28rem;
}
.index-course .item-deadline {
	font-size: 0.24rem;
	color: #868686;
}
.index-course .item-detail {
	display: flex;
	justify-content: space-between;
}
.index-course .item-logo {
	margin-left: 0.19rem;
}
.index-course .item-logo img{
	width: 2.59rem;
}
/*footer*/
.index-footer {
	height: 1.09rem;
	width: 100%;
	border-top: 0.02rem solid #eee;
	display: flex;
	justify-content: space-around;
	align-items: center;
	background: #fff;
	position: fixed;
	bottom: 0;
}
.index-footer .footer-item {
	text-align: center;
	font-size: 0.26rem;
	color: #727272;
	display: block;
}
.index-footer .footer-item.active {
	color: #d63333;
}
.index-footer .footer-item1:before {
	content: "";
	width: 0.35rem;
	height: 0.42rem;
	background: url("../images/footer-icon1.png");
	background-size: 0.35rem 0.42rem;
	display: block;
	margin: 0.06rem auto 0.1rem;
}

.index-footer .footer-item0:before {
	content: "";
	width: 0.42rem;
	height: 0.42rem;
	background: url("../images/footer-icon0.png");
	background-size: 0.42rem 0.42rem;
	display: block;
	margin: 0.06rem auto 0.1rem;
}

.index-footer .footer-item2:before {
	content: "";
	width: 0.40rem;
	height: 0.42rem;
	background: url("../images/footer-icon2.png");
	background-size: 0.40rem 0.42rem;
	display: block;
	margin: 0.06rem auto 0.1rem;
}
.index-footer .footer-item3:before {
	content: "";
	width: 0.40rem;
	height: 0.38rem;
	background: url("../images/footer-icon3.png");
	background-size: 0.40rem 0.38rem;
	display: block;
	margin: 0.1rem auto 0.1rem;
}
.index-footer .footer-item4:before {
	content: "";
	width: 0.42rem;
	height: 0.39rem;
	background: url("../images/footer-icon4.png");
	background-size: 0.42rem 0.39rem;
	display: block;
	margin: 0.09rem auto 0.1rem;
}
.index-footer .footer-item5:before {
	content: "";
	width: 0.44rem;
	height: 0.44rem;
	background: url(/zq/r/cms/www/mobile/images/index/footer-icon5.png) center center no-repeat;
	background-size: 0.44rem 0.44rem;
	display: block;
	margin: 0.1rem auto 0.1rem;
}
.index-footer .footer-item6:before {
	content: "";
	width: 0.44rem;
	height: 0.44rem;
	background: url(/zq/r/cms/www/mobile/images/index/footer-icon6.png) center center no-repeat;
	background-size: 0.44rem 0.44rem;
	display: block;
	margin: 0.1rem auto 0.1rem;
}
.index-footer .footer-item7:before {
	content: "";
	width: 0.44rem;
	height: 0.44rem;
	background: url(/zq/r/cms/www/mobile/images/index/footer-icon7.png) center center no-repeat;
	background-size: 0.44rem 0.44rem;
	display: block;
	margin: 0.1rem auto 0.1rem;
}
.index-footer .footer-item8:before {
	content: "";
	width: 0.44rem;
	height: 0.44rem;
	background: url(/zq/r/cms/www/mobile/images/index/footer-icon8.png) center center no-repeat;
	background-size: 0.44rem 0.44rem;
	display: block;
	margin: 0.1rem auto 0.1rem;
}
.index-footer .footer-item8.active:before {
	content: "";
	width: 0.44rem;
	height: 0.44rem;
	background: url(/zq/r/cms/www/mobile/images/index/footer-icon8-active.png) center center no-repeat;
	background-size: 0.44rem 0.44rem;
	display: block;
	margin: 0.1rem auto 0.1rem;
}

.index-footer .footer-item0.active:before {
	content: "";
	width: 0.58rem;
	height: 0.58rem;
	background: url("../images/footer-icon0-active.png");
	background-size: 0.58rem 0.58rem;
	display: block;
	margin: 0 auto;
}

.index-footer .footer-item1.active:before {
	content: "";
	width: 0.58rem;
	height: 0.58rem;
	background: url("../images/footer-icon1-active.png");
	background-size: 0.58rem 0.58rem;
	display: block;
	margin: 0 auto;
}
.index-footer .footer-item2.active:before {
	content: "";
	width: 0.58rem;
	height: 0.58rem;
	background: url("../images/footer-icon2-active.png");
	background-size: 0.58rem 0.58rem;
	display: block;
	margin: 0 auto;
}
.index-footer .footer-item3.active:before {
	content: "";
	width: 0.58rem;
	height: 0.58rem;
	background: url("../images/footer-icon3-active.png");
	background-size: 0.58rem 0.58rem;
	display: block;
	margin: 0 auto;
}
.index-footer .footer-item4.active:before {
	content: "";
	width: 0.58rem;
	height: 0.58rem;
	background: url("../images/footer-icon4-active.png");
	background-size: 0.58rem 0.58rem;
	display: block;
	margin: 0 auto;
}
.index-footer .footer-item5.active:before {
	content: "";
	width: 0.58rem;
	height: 0.58rem;
	background: url("../images/footer-icon5-active.png");
	background-size: 0.58rem 0.58rem;
	display: block;
	margin: 0 auto;
}


/*列表页*/
.info-list {
	padding: 0.2rem 0 0.2rem;
	background: #fff;
}
.info-list .index-recommend-list .item-title:before {
	content: none;
}
.info-list .index-recommend-list .item-info {
	margin-left: 0;
	padding-bottom: 0.4rem;
	font-size: 0.24rem;
}
.info-list .index-recommend-list .item {
	margin-bottom: 0.4rem;
}

/*详情页*/
.info-header {
	border-bottom: 0.01rem solid #d4d4d4;
	height: 0.86rem;
	width: 100%;
	position: fixed;
	background: #fff;
}
.info-header img {
	width: 0.18rem;
	height: 0.32rem;
	margin-left: 0.3rem;
	margin-top: 0.34rem;
	display: block;
}
.info-content {
	padding: 1.21rem 0.31rem 1.65rem;
}
.info-title {
	font-size: 0.48rem;
	margin: 0.14rem 0 0.35rem;
	font-weight: bold;
}
.info-detail {
	display: flex;
	color: #868686;
	font-size: 0.26rem;
	width: 8rem;
	margin: 0 auto 0.6rem;
	margin-left:15%;
}
.info-text {
	font-size: 0.36rem;
}
.info-text img {
	max-width: 6rem;
	height: auto;
	display: block;
	margin: 0 auto;
}
.info-text video {
	max-width: 6rem;
	height: auto;
}
.info-footer {
	display: flex;
	align-items: center;
	width: 100%;
	height: 1.04rem;
	border-top: solid 0.01rem #e8e7e6;
	position: fixed;
	bottom: 0;
	background: #fff;
}
.info-btn {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 50%;
	margin-left: 0.3rem;
}
.info-btn a {
	display: inline-flex;
}
.info-btn img {
	width: 0.37rem;
}
.info-next {
	width: 50%;
	text-align: center;
	font-size: 0.3rem;
	margin-left: 0.2rem;
	vertical-align: middle;
}
.info-next:before {
	content: "";
	background: url("../images/next.png") center center no-repeat;
	background-size: 0.22rem 0.29rem;
	width: 0.22rem;
	height: 0.29rem;
	display: inline-block;
	vertical-align: middle;
	margin-top: -0.05rem;
}

/*列表页css*/
.list-top {
	width: 7.5rem;
	background-image: linear-gradient(90deg, #f23a3a 0%, #f75f30 100%), linear-gradient(#888886, #888886);
	background-blend-mode: normal, normal;
	padding: 0.35rem 0 0.07rem;
}
.list-header {
	padding-bottom: 0.32rem;
	border-bottom: 0.2rem solid #f7f7f7;
}
.list-channel {
	width: 7.5rem;
	background: #f3f3f3;
}
.list-channel .list-channel-row {
	margin: 0 0.2rem;
	height: 1rem;
	display: flex;
	align-items: center;
	overflow-x: scroll;
	white-space: nowrap;
	overflow-y: hidden;
	scroll-behavior: smooth;
}
.list-channel .list-channel-row::-webkit-scrollbar {
	width: 0!important;
	height: 0!important;
}
.list-channel .channel-item {
	font-size: 0.3rem;
	position: relative;
	margin-right: 0.2rem;
}
.list-channel .channel-item.active:after {
	content: '';
	display: flex;
	position: absolute;
	bottom: -0.1rem;
	width: 100%;
	height: 0.1rem;
	background: url(/zq/r/cms/www/mobile/images/index/list-channel-active.png) center center no-repeat;
	background-size: 0.6rem 0.1rem;
}
.list-area {
	display: flex;
	justify-content: space-between;
	padding: 0.26rem 0.29rem;
}
.list-area .area-item {
	width: 0.82rem;
	height: 0.45rem;
	text-align: center;
	line-height: 0.45rem;
	font-size: 0.28rem;
}
.list-area .area-item.active {
	background-color: #f5232d;
	border-radius: 0.04rem;
	color: #fff;
}
.list-category {
	display: flex;
	justify-content: space-between;
	padding: 0 0.29rem;
}
.list-category .category-item {
	padding: 0.12rem;
	background-color: #ffffff;
	border-radius: 0.36rem;
	border: solid 1px #dddddd;
	color: #777777;
	font-size: 0.24rem;
}
.list-category .category-item.active {
	background-color: #ffe4e9;
	border: 1px solid #ffe4e9;
	color: #ea0027;
}
.consult-tel-window {
	position: fixed;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
	align-items: center;
	justify-content: center;
	top: 0;
	font-size: 0.3rem;
	text-align: center;
	display: none;
	z-index: 99;
}
.consult-tel-window .tel-content {
	background: #fff;
	width: 4rem;
	padding: 0.54rem;
	border-radius: 0.2rem;
	position: relative;
}
.tel-content .tel {
	color: #252525;
	font-weight: bold;
	font-size: 0.32rem;
}
.tel-content .close-tel {
	width: 0.64rem;
	height: 0.64rem;
	position: absolute;
	bottom: -0.96rem;
	left: 2.28rem;
}

.index-banner .swiper-slide {
	width: 350px !important;
	/*width: 6.35rem!important;*/
}