@charset "utf-8";

/************************************************首页 开始*******************************************************/
/* 首页毛玻璃 */
.indexBlur_box {
	width: 100%;
	height: 6.5rem;
	position: relative;
	top: 0;
	left: 0;
	/* 背景平铺 */
	background-position: center;
	background-repeat: no-repeat;
	background-attachment: local;
	background-size: cover;
	/* 居中 */
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.indexBlur_con {
	padding: 0.3rem 0.2rem;
	text-align: left;
	overflow: hidden;
	background: rgba(182, 211, 244, 0.2);
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
	-moz-backdrop-filter: blur(5px);
	-ms-backdrop-filter: blur(5px);
	-o-backdrop-filter: blur(5px);
}

.indexBlur_con .indexBlur_tit {
	font-size: 0.3rem;
	font-weight: bold;
	color: #fff;
}

.indexBlur_con .indexBlur_eng {
	font-size: 0.2rem;
	font-weight: 100;
	color: #fff;
	margin-top: 0.05rem;
}

/************************************************首页 结束*******************************************************/

/************************************************学习研究 开始*******************************************************/

.studySwiper_box {
	margin-top: 1.1rem;
}

.studySwiper_box .swiper-container {
	height: 7.04rem;
}

.studySection_box {
	text-align: center;
	padding: 0 0.2rem;
}

.studySection_tit {
	display: inline-block;
	width: 2.6rem;
	font-size: 0.3rem;
	font-weight: bold;
	color: #fff;
	text-align: left;
	margin-top: 0.3rem;
}

.studySection_con {
	padding-top: 0.3rem;
	overflow: hidden;
}

.studySection_con .studyItem {
	float: left;
	width: 1.54rem;
	height: 1.54rem;
	overflow: hidden;
	margin-right: 0.26rem;
	margin-bottom: 0.2rem;
	position: relative;
}

.studySection_con .studyItem:nth-child(2n) {
	margin-right: 0;
}

.studySection_con .studyItem a {
	display: block;
	width: 100%;
	height: 100%;
}

.studySection_con .studyItem .studyTit {
	font-size: 0.11rem;
	font-weight: bold;
	color: #273540;
	text-align: center;
	line-height: 1.54rem;
	margin-left: -0.2rem;
}

.studySection_con .studyItem .studyArrow {
	width: 0.2rem;
	height: 0.2rem;
	background: url(../images/m-studyArrow.png) no-repeat center center;
	background-size: 0.2rem;
	position: absolute;
	left: 0.6rem;
	top: 1.05rem;
}

.studySwiper_box .swiper-pagination {
	width: auto;
	z-index: 1001;
	top: auto;
	bottom: 1.6rem;
	left: 0;
	right: 0;
	margin: 0 auto;
}

/* 三角形 */
.studySection_con .studyTriangle {
	background: url(../images/m-studySection01.png) no-repeat center center;
	background-size: 1.54rem;
}

.studySection_con .studyTriangle .studyTit {
	margin-top: 0.15rem;
}

/* 正方形 */
.studySection_con .studySquare {
	background: url(../images/m-studySection02.png) no-repeat center center;
	background-size: 1.54rem;
}

/* 菱形 */
.studySection_con .studyRhomb {
	background: url(../images/m-studySection03.png) no-repeat center center;
	background-size: 1.54rem;
}

/* 圆形 */
.studySection_con .studyCircle {
	background: url(../images/m-studySection04.png) no-repeat center center;
	background-size: 1.54rem;
}

/************************************************学习研究 结束*******************************************************/

/************************************************在群岛学习 开始*******************************************************/

/**
 * 在群岛学习
 */

.listHeader_study .listHeader_tit {
	background: url(../images/listHeader_study.png) no-repeat left center;
	background-size: 0.32rem;
}

.listBanner_study {
	background: url(../images/listBanner_study.png) no-repeat center center;
	background-size: cover;
}

/**
 * 在群岛研究
 */
.listHeader_research .listHeader_tit {
	background: url(../images/listHeader_research.png) no-repeat left center;
	background-size: 0.32rem;
}

.listBanner_research {
	background: url(../images/listBanner_research.png) no-repeat center center;
	background-size: cover;
}

/* 选项卡 */
.studyQundao_box {
	overflow: hidden;
	margin-top: 0.2rem;
}

.studyTab_con {
	height: 0.2rem;
	line-height: 0.2rem;
	overflow-x: scroll;
	overflow-y: hidden;
	position: relative;
}

.studyTab_con ul {
	white-space: nowrap;
	overflow: hidden;
	position: absolute;
}

.studyTab_con li {
	display: inline-block;
	font-size: 0.18rem;
	color: #666;
	margin-right: 0.2rem;
	cursor: pointer;
}

.studyTab_con li.on {
	font-weight: bold;
	color: #273540;
}

.studyWrap_box {
	padding: 0.2rem 0;
	box-sizing: border-box;
	overflow: hidden;
}

.studyCon {
	font-size: 0.16rem;
	color: #474747;
	display: none;
}

/************************************************在群岛学习 结束*******************************************************/

/************************************************电子书 开始*******************************************************/

/**
 * 电子书列表页
 */
.listHeader_ebook .listHeader_tit {
	background: url(../images/listHeader_ebook.png) no-repeat left center;
	background-size: 0.32rem;
}

.listBanner_article .swiper-container {
	height: 100%;
}

.ebookList_con {
	width: 100%;
	margin-top: 0.2rem;
}

.ebookList_con ul {
	padding: 0 0.16rem;
	overflow: hidden;
}

.ebookItem {
	float: left;
	width: 1.3rem;
	margin-right: 0.4rem;
	margin-bottom: 0.4rem;
}

.ebookItem:nth-child(2n) {
	margin-right: 0;
}

.ebookItem .ebookPic {
	width: 100%;
	height: 1.94rem;
	box-shadow: 0.02rem 0.06rem 0.08rem -0.02rem rgba(0, 19, 67, 0.2);
}

.ebookItem .ebookCon {
	width: 100%;
	margin-top: 0.2rem;
}

.ebookItem .ebookTit {
	height: 0.6rem;
	line-height: 0.2rem;
	font-size: 0.14rem;
	color: #20324E;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}

.ebookItem:hover .ebookTit {
	color: #00B9F5;
}

/**
 * 电子书详情页
 */
.ebookDetail_pic {
	text-align: center;
	overflow: hidden;
	margin-top: 20px;
}

.ebookDetail_pic img {
	display: inline-block;
	width: 2.6rem;
	height: 3.88rem;
	box-shadow: 0.04rem 0.12rem 0.16rem -0.04rem rgba(0, 19, 67, 0.2);
}

.ebookDetail_con {
	width: 100%;
	margin-top: 0.35rem;
}

.ebookDetail_con .ebookDetail_tit {
	font-size: 0.22rem;
	font-weight: bold;
	color: #20324E;
}

.ebookDetail_con .ebookDetail_author {
	font-size: 0.14rem;
	color: #848484;
	margin-top: 0.2rem;
}

.ebookDetail_con .ebookArticle_intro {
	font-size: 0.18rem;
	color: #20324E;
	margin-top: 0.2rem;
}

.ebookDetail_con .ebookArticle_con {
	font-size: 0.16rem;
	color: #848484;
	line-height: 0.22rem;
	margin-top: 0.1rem;
}

.ebookDetail_con .ebookArticle_download {
	width: 2rem;
	height: 0.4rem;
	line-height: 0.4rem;
	text-align: center;
	font-size: 0.16rem;
	color: #fff;
	background: url(../images/ebookDownload.png) no-repeat center center;
	background-size: 100%;
	cursor: pointer;
	overflow: hidden;
	margin-top: 0.2rem;
}

/* 电子书相关推荐 */
.ebookRelated_con ul {
	overflow: hidden;
	margin-right: -50px;
}

.ebookRelated_con .relatedItem {
	float: left;
	width: 1.3rem;
}

.ebookRelated_con .relatedPic {
	width: 100%;
	height: 1.92rem;
	box-shadow: 0.02rem 0.06rem 0.08rem -0.02rem rgba(0, 19, 67, 0.2);
}

.ebookRelated_con .relatedCon {
	width: 100%;
	margin-top: 0.2rem;
}

.ebookRelated_con .relatedTit {
	height: 0.6rem;
	line-height: 0.2rem;
	font-size: 0.14rem;
	color: #20324E;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}

.ebookRelated_con .relatedItem:hover .relatedTit {
	color: #00B9F5;
}

/************************************************电子书 结束*******************************************************/

/************************************************文章 开始*******************************************************/

/**
 * 文章列表页
 */
.listHeader_article .listHeader_tit {
	background: url(../images/listHeader_article.png) no-repeat left center;
	background-size: 0.32rem;
}

.listBanner_article {
	position: relative;
	margin: 0.3rem 0;
}

.listBanner_article .swiper-container {
	height: 100%;
}

.articleSection_con {
	width: 90%;
	text-align: right;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0.3rem;
	margin: 0 auto;
}

.articleSection_tit {
	font-size: 0.16rem;
	font-weight: bold;
	color: #fff;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.articleSection_desc {
	font-size: 0.12rem;
	color: #fff;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-top: 0.05rem;
}

.listBanner_article .swiper-pagination-bullet {
	background: rgba(255, 255, 255, 0.4);
}

.listBanner_article .swiper-pagination-bullet-active {
	background-color: #fff;
}

.articleList_con {
	overflow: hidden;
	margin-top: 0.2rem;
}

.articleList_con ul {
	overflow: hidden;
}

.articleItem {
	float: left;
	width: 1.54rem;
	margin-right: 0.2rem;
	margin-bottom: 0.2rem;
}

.articleItem:nth-child(2n) {
	margin-right: 0;
}

.articleItem .articlePic {
	width: 100%;
	height: 1.03rem;
	position: relative;
}

.articleItem .articleWave {
	width: 100%;
	height: 0.16rem;
	background: url(../images/waveGray_190.png) no-repeat center center;
	background-size: 100% 0.16rem;
	position: absolute;
	bottom: -0.01rem;
	left: 0;
	z-index: 1;
}

.articleItem .articleType {
	padding: 0 0.1rem;
	height: 0.18rem;
	line-height: 0.18rem;
	color: #fff;
	font-size: 0.12rem;
	background: #F97036;
	border-radius: 0.1rem;
	position: absolute;
	bottom: 0;
	left: 8px;
	z-index: 2;
}

.articleItem .articleCon {
	width: 100%;
	padding: 0.14rem 0.12rem;
	background-color: #F3F7FA;
	box-sizing: border-box;
}

.articleItem .articleTit {
	height: 0.6rem;
	line-height: 0.2rem;
	font-size: 0.16rem;
	font-weight: bold;
	color: #20324E;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}

.articleItem .articleDesc {
	height: 0.36rem;
	line-height: 0.18rem;
	font-size: 0.12rem;
	color: #5F7A82;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	margin-top: 0.1rem;
}

.articleItem:hover .articleTit {
	color: #00B9F5;
}

/**
 * 文章详情页
 */

.articleDetail_pic {
	width: 100%;
	height: 2.02rem;
	background-color: #F1FCFF;
	overflow: hidden;
	margin-top: 0.2rem;
}

.articleDetail_con {
	width: 100%;
	overflow: hidden;
}

.articleDetail_con .articleTag_con {
	overflow: hidden;
	margin-top: 0.3rem;
}

.articleDetail_con .articleTag_con span {
	font-size: 0.12rem;
	color: #00B7F5;
	margin-right: 0.2rem;
}

.articleDetail_con .articleDetail_tit {
	font-size: 0.24rem;
	font-weight: bold;
	color: #20324E;
	margin-top: 0.3rem;
}

.articleDetail_con .articleDetail_author {
	font-size: 0.14rem;
	color: #848484;
	margin: 0.3rem 0;
}

.articleDetail_con .articleDetail_article {
	font-size: 0.14rem;
	color: #474747;
	line-height: 0.22rem;
	overflow: hidden;
}


/* 文章相关推荐 */
.articleRelated_con ul {
	overflow: hidden;
}

.articleRelated_con .relatedItem {
	width: 1.54rem;
}

.articleRelated_con .relatedPic {
	width: 100%;
	height: 1.03rem;
	position: relative;
}

.articleRelated_con .relatedWave {
	width: 100%;
	height: 0.16rem;
	background: url(../images/listWave.png) no-repeat center center;
	background-size: 100% 0.16rem;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
}

.articleRelated_con .relatedType {
	padding: 0 0.1rem;
	height: 0.22rem;
	line-height: 0.22rem;
	color: #fff;
	font-size: 0.14rem;
	background: #F97036;
	border-radius: 0.1rem;
	position: absolute;
	bottom: 0;
	left: 8px;
	z-index: 2;
}

.articleRelated_con .relatedCon {
	width: 100%;
	padding: 0.14rem 0.12rem;
	background-color: #F3F7FA;
	box-sizing: border-box;
}

.articleRelated_con .relatedTit {
	height: 0.44rem;
	line-height: 0.22rem;
	font-size: 0.14rem;
	color: #20324E;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}

.articleRelated_con .relatedItem:hover .relatedTit {
	color: #00B9F5;
}

/************************************************文章 结束*******************************************************/

/************************************************声色光影 开始*******************************************************/

/**
 * 声色光影列表页
 */
.listHeader_ssgy .listHeader_tit {
	background: url(../images/listHeader_ssgy.png) no-repeat left center;
	background-size: 0.32rem;
}

.listBanner_ssgy {
	height: auto;
	margin-top: 0.2rem;
}

.ssgySlider_box {
	width: 100%;
	height: 2.02rem;
}

.ssgySlider_box .swiper-container {
	height: 100%;
}

.ssgyBanner_con {
	width: 100%;
	height: 1.4rem;
	padding: 0.2rem;
	background-color: #192D32;
	box-sizing: border-box;
	overflow: hidden;
}

.ssgyList_tit {
	font-size: 0.24rem;
	font-weight: bold;
	color: #fff;
	line-height: 0.33rem;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.ssgyList_tag {
	margin-top: 0.15rem;
}

.ssgyList_tag span {
	color: #fff;
	font-size: 0.14rem;
	margin-right: 0.12rem;
}

.ssgyList_con {
	overflow: hidden;
	margin-top: 0.2rem;
}

.ssgyList_con ul {
	overflow: hidden;
}

.ssgyItem {
	width: 100%;
	margin-bottom: 0.3rem;
}

.ssgyItem:last-child {
	margin-bottom: 0;
}

.ssgyVideo {
	width: 100%;
	height: 1.8rem;
	position: relative;
}

.ssgyVideo .videoType {
	padding: 0 0.1rem;
	height: 0.18rem;
	line-height: 0.18rem;
	font-size: 0.12rem;
	color: #fff;
	background: rgba(3, 31, 48, 0.8);
	border-radius: 0.1rem;
	position: absolute;
	left: 0.1rem;
	top: 0.1rem;
	z-index: 10;
}

.ssgyVideo .videoPlay {
	width: 0.5rem;
	height: 0.5rem;
	cursor: pointer;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 1;
}

.ssgyCon {
	width: 100%;
}

.ssgyCon .videoTit {
	font-size: 0.18rem;
	font-weight: bold;
	color: #20324E;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin: 0.1rem 0;
}

.ssgyCon .videoDesc {
	height: 0.4rem;
	line-height: 0.2rem;
	font-size: 0.14rem;
	color: #5F7A82;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

/**
 * 声色光影详情页
 */
.ssgyDetail_video {
	width: 100%;
	background-color: #F1FCFF;
	overflow: hidden;
	margin-top: 0.3rem;
}

.ssgyDetail_video .videoBox {
	width: 100%;
	height: 2.1rem;
	position: relative;
}

.ssgyDetail_video .videoUrl {
	width: 100%;
	height: 100%;
}

.ssgyDetail_video .videoPoster{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 2;
}

.ssgyDetail_video .videoPlay {
	width: 0.6rem;
	height: 0.6rem;
	cursor: pointer;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 3;
}

.ssgyDetail_con {
	width: 100%;
	overflow: hidden;
}

.ssgyDetail_con .ssgyTag_con {
	overflow: hidden;
	margin-top: 0.2rem;
}

.ssgyDetail_con .ssgyTag_con span {
	font-size: 0.12rem;
	color: #00B7F5;
	margin-right: 0.2rem;
}

.ssgyDetail_con .ssgyDetail_tit {
	font-size: 0.22rem;
	font-weight: bold;
	color: #20324E;
	line-height: 1;
	margin-top: 0.3rem;
}

.ssgyDetail_con .ssgyDetail_article {
	font-size: 0.16rem;
	color: #848484;
	line-height: 0.22rem;
	overflow: hidden;
	margin-top: 0.2rem;
}

/* 声色光影相关推荐 */

.ssgyRelated_con ul {
	overflow: hidden;
	margin-top: 30px;
}

.ssgyRelated_con .relatedItem {
	width: 1.84rem;
}

.ssgyRelated_con .relatedVideo {
	width: 100%;
	height: 1.02rem;
	position: relative;
}

.ssgyRelated_con .relatedVideo .relatedType {
	padding: 0 0.1rem;
	height: 0.18rem;
	line-height: 0.18rem;
	color: #fff;
	background: rgba(3, 31, 48, 0.8);
	border-radius: 0.1rem;
	position: absolute;
	left: 0.1rem;
	top: 0.1rem;
}

.ssgyRelated_con .relatedVideo .relatedPlay {
	width: 0.5rem;
	height: 0.5rem;
	cursor: pointer;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 1;
}

.ssgyRelated_con .relatedCon {
	width: 100%;
	margin-top: 0.12rem;
}

.ssgyRelated_con .relatedCon .relatedTit {
	height: 0.4rem;
	line-height: 0.2rem;
	font-size: 0.14rem;
	color: #20324E;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

/************************************************声色光影 结束*******************************************************/

/************************************************黑话辞典 开始*******************************************************/

/**
 * 黑话辞典列表页
 */
.listHeader_argot .listHeader_tit {
	background: url(../images/listHeader_argot.png) no-repeat left center;
	background-size: 0.32rem;
}

.listBanner_argot {
	background: url(../images/listBanner_argot.png) no-repeat center center;
	background-size: cover;
}
.argotList_box .listSearch_con{
	padding-left: 0.45rem;
	padding-right: 0.1rem;
}

.argotList_box .listSearch_con input {
	color: #96ACD0;
}

.argotList_box .listSearch_con input::-webkit-input-placeholder {
	color: #96ACD0;
}

.argotList_box .listFilter_con {
	margin-top: 0.2rem;
}

.argotList_con {
	padding: 0.2rem 0;
	overflow: hidden;
}

.waterfallBox {
	width: 100%;
	position: relative;
}

.argotItem {
	padding: 0.2rem;
	background-color: #F4FBFF;
	box-sizing: border-box;
	position: absolute;
}

.argotItem .argotTit {
	font-size: 0.16rem;
	font-weight: bold;
	color: #20324E;
	padding-left: 0.1rem;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	position: relative;
}

.argotItem .argotTit::before {
	content: '';
	width: 0.04rem;
	height: 0.12rem;
	background-color: #00B7F5;
	border-radius: 0.12rem;
	position: absolute;
	left: 0;
	top: 0.05rem;
}

.argotItem .argotDesc {
	font-size: 0.14rem;
	color: #4A4A4A;
	line-height: 0.2rem;
	margin-top: 0.1rem;
	text-align: justify;
	text-justify: inter-character;
}

.argotItem .argotTag {
	overflow: hidden;
	margin-top: 0.24rem;
}

.argotItem .argotTag span {
	font-size: 0.12rem;
	color: #00B7F5;
	margin-right: 0.12rem;
}

/**
 * 黑话辞典详情页
 */
.argotFilter_detail{
	margin-top: 0.2rem;
}

.argotFilter_detail .model_selectBox{
	left: 0.1rem;
}

.argotDetail_box {
	padding: 0.2rem 0;
	background-color: #F4FBFF;
	overflow: hidden;
	margin-top: 0.2rem;
}

.argotDetail_box .argotDetail_tit {
	font-size: 0.24rem;
	font-weight: bold;
	color: #20324E;
	padding-left: 0.1rem;
	position: relative;
}

.argotDetail_box .argotDetail_tit::before {
	content: '';
	width: 0.04rem;
	height: 0.18rem;
	background-color: #00B7F5;
	border-radius: 0.02rem;
	position: absolute;
	left: 0;
	top: 0.07rem;
}

.argotDetail_box .argotDetail_con {
	font-size: 0.16rem;
	color: #4A4A4A;
	line-height: 0.22rem;
	margin-top: 0.3rem;
}

.argotDetail_box .argotDetail_tag {
	overflow: hidden;
	margin-top: 0.3rem;
}

.argotDetail_box .argotDetail_tag span {
	font-size: 0.12rem;
	color: #00B7F5;
	margin-right: 0.12rem;
}

/* 黑话辞典相关推荐 */
.argotRelated_con ul {
	overflow: hidden;
}

.argotRelated_con .relatedItem {
	float: left;
	width: 1.6rem;
	padding: 0.2rem;
	background-color: #F4FBFF;
	box-sizing: border-box;
	overflow: hidden;
	margin-right: 0.15rem;
}

.argotRelated_con .relatedItem:last-child {
	margin-right: 0;
}

.argotRelated_con .relatedItem .relatedTit {
	font-size: 0.16rem;
	font-weight: bold;
	color: #20324E;
	padding-left: 0.1rem;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	position: relative;
}

.argotRelated_con .relatedItem .relatedTit::before {
	content: '';
	width: 0.04rem;
	height: 0.12rem;
	background-color: #00B7F5;
	border-radius: 0.02rem;
	position: absolute;
	left: 0;
	top: 0.05rem;
}

.argotRelated_con .relatedItem .relatedDesc {
	font-size: 0.14rem;
	color: #4A4A4A;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 6;
	overflow: hidden;
	margin-top: 0.1rem;
}

.argotRelated_con .relatedItem .relatedTag {
	overflow: hidden;
	margin-top: 0.2rem;
}

.argotRelated_con .relatedItem .relatedTag span {
	font-size: 0.12rem;
	color: #00B7F5;
	margin-right: 0.12rem;
}

/************************************************黑话辞典 结束*******************************************************/

/************************************************关于群岛大学 开始*******************************************************/
.aboutQundao_box {
	margin-top: 1.1rem;
	overflow: hidden;
}

.aboutTab_con {
	height: 0.2rem;
	line-height: 0.2rem;
	overflow-x: scroll;
	overflow-y: hidden;
	position: relative;
}

.aboutTab_con ul {
	white-space: nowrap;
	overflow: hidden;
	position: absolute;
}

.aboutTab_con li {
	display: inline-block;
	font-size: 0.18rem;
	color: #666;
	margin-right: 0.2rem;
	cursor: pointer;
}

.aboutTab_con li.on {
	font-weight: bold;
	color: #273540;
}

.aboutWrap_box {
	padding: 0.2rem 0;
	box-sizing: border-box;
	overflow: hidden;
}

.aboutCon {
	line-height: 0.22rem;
	font-size: 0.16rem!important;
	color: #474747!important;
	display: none;
}

/************************************************关于群岛大学 结束*******************************************************/

/************************************************群岛之道 开始*******************************************************/
.listBanner_island {
	height: 4.5rem;
	background-color: #192D32;
	margin-top: 1.1rem;
}

.islandBanner_con {
	padding-top: 0.5rem;
}

.islandBanner_con .islandBanner_tit {
	font-size: 0.38rem;
	font-weight: bold;
	color: #fff;
}

.islandBanner_con .islandBanner_desc {
	font-size: 0.15rem;
	color: #fff;
	line-height: 0.26rem;
	margin-top: 0.4rem;
}

.islandBanner_con .islandBanner_author {
	font-size: 0.15rem;
	color: #fff;
	text-align: right;
	margin-top: 0.4rem;
}

.islandWay_box {
	padding: 0.4rem 0;
	overflow: hidden;
}

.wayTab_con {
	float: left;
}

.wayTab_con li {
	font-size: 0.14rem;
	color: #2B3C57;
	cursor: pointer;
	margin-bottom: 0.2rem;
}

.wayTab_con li.on {
	color: #00B9F5;
	font-weight: bold;
}

.wayWrap_box {
	float: right;
}

.wayCon {
	height: 18.16rem;
	overflow: hidden;
	display: none;
}

.islandItem {
	width: 2.1rem;
	height: 1.84rem;
	margin-bottom: 0.2rem;
	position: relative;
}

.islandItem .islandTit {
	color: #fff;
	font-size: 0.16rem;
	font-weight: bold;
	line-height: 1;
	position: absolute;
	left: 0.2rem;
	top: 0.25rem;
}

.islandItem:last-child {
	margin-bottom: 0;
}

/************************************************群岛之道 结束*******************************************************/

/************************************************社群活动 开始*******************************************************/
.listBanner_community {
	height: 5.27rem;
	background: url(../images/m-listBanner_community.png) no-repeat center center;
	background-size: cover;
	overflow: hidden;
	margin-top: 1.1rem;
}

.communityBanner_tit {
	text-align: center;
	margin: 0 auto;
	padding-top: 0.5rem;
}

.communityBanner_tit p {
	line-height: 0.5rem;
	font-size: 0.3rem;
	font-weight: bold;
	color: #fff;
}

.communityBanner_subhead {
	width: 66%;
	text-align: center;
	margin: 0 auto;
	padding-top: 1.5rem;
}

.communityBanner_subhead p {
	line-height: 0.32rem;
	font-size: 0.24rem;
	font-weight: bold;
	color: #fff;
	text-align: left;
}

/* 列表滚动 */
.communityScroll_box {
	padding: 0.2rem;
	overflow: hidden;
}

.communityScroll_box .swiper-container {
	height: 4rem;
	overflow: initial;
	clear: both;
}

.communityItem {
	width: 100%;
}

.communityItem .scrollPic {
	width: 100%;
	height: 2.3rem;
	position: relative;
}

.communityItem .scrollPic .scrollWave {
	width: 100%;
	height: 0.32rem;
	background: url(../images/scrollWave.png) no-repeat center center;
	background-size: 100% 0.32rem;
	position: absolute;
	bottom: 0;
	z-index: 1;
}

.communityItem .scrollPic .scrollDot {
	width: 0.36rem;
	height: 0.36rem;
	background: url(../images/listDot.png) no-repeat center center;
	background-size: 0.36rem;
	position: absolute;
	bottom: -0.15rem;
	left: -0.15rem;
	z-index: 2;
}

.communityItem .scrollCon {
	padding-left: 0.1rem;
	overflow: hidden;
}

.communityItem .scrollTit {
	font-size: 0.24rem;
	font-weight: bold;
	color: #273540;
	line-height: 1;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.communityItem .scrollDesc {
	height: 0.8rem;
	line-height: 0.2rem;
	font-size: 0.14rem;
	color: #848484;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	overflow: hidden;
	margin-top: 0.16rem;
}

/* 近期群岛活动 */
.listCommunity_box {
	height: 10.96rem;
	background: url(../images/m-communityBg.png) no-repeat center center;
	background-size: cover;
	padding: 0;
}

.listCommunity_box .listFilter_con {
	margin-top: 0.3rem;
}

.listCommunity_box .listFilter_con .model_selectText {
	background: #fff url(../images/selectDown.png) no-repeat 0.85rem center;
	background-size: 0.1rem;
}

.communityActivity_tit {
	line-height: 0.33rem;
	font-size: 0.24rem;
	font-weight: bold;
	color: #20324E;
	position: relative;
	margin-top: 0.3rem;
}

.communityActivity_tit .dot {
	width: 0.22rem;
	height: 0.22rem;
	border-radius: 50%;
	background: url(../images/listDot.png) no-repeat left top;
	background-size: 0.22rem;
	position: absolute;
	left: -0.1rem;
	top: -0.05rem;
}

.activityScroll_box {
	margin-top: 0.2rem;
}

.activityList {
	overflow: hidden;
}

.activityList li {
	float: left;
	width: 1.62rem;
	margin-right: 0.1rem;
	margin-bottom: 0.3rem;
}

.activityList li:nth-child(2n) {
	margin-right: 0;
}

.activityList .activityPic {
	width: 100%;
	height: 1.1rem;
	position: relative;
}

.activityList .activityType {
	padding: 0 0.1rem;
	height: 0.18rem;
	line-height: 0.18rem;
	font-size: 0.12rem;
	color: #fff;
	background: rgba(3, 31, 48, 0.8);
	border-radius: 0.1rem;
	position: absolute;
	left: 0.1rem;
	top: 0.1rem;
}

.activityList .activityWave {
	width: 100%;
	height: 0.16rem;
	background: url(../images/waveWhite_230.png) no-repeat center center;
	background-size: 100% 0.16rem;
	position: absolute;
	bottom: -0.01rem;
	z-index: 1;
}

.activityList .activityCon {
	padding: 0.12rem 0.14rem;
	background-color: #fff;
}

.activityList .activityTit {
	height: 0.4rem;
	line-height: 0.2rem;
	font-size: 0.16rem;
	font-weight: bold;
	color: #20324E;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.activityList .activityDesc {
	height: 0.34rem;
	line-height: 0.17rem;
	font-size: 0.12rem;
	color: #5F7A82;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	margin: 0.14rem 0;
}

.activityList .activityDate {
	font-size: 0.12rem;
	color: #5F7A82;
	line-height: 1;
	margin-bottom: 0.05rem;
}

.activityScroll_box .swiper-container {
	height: 8.65rem;
	/* overflow: initial; */
	clear: both;
}

/************************************************社群活动 结束*******************************************************/

/************************************************群岛大会 开始*******************************************************/
.listBanner_meeting {
	height: 5.27rem;
	background: url(../images/m-listBanner_meeting.png) no-repeat center center;
	background-size: cover;
	overflow: hidden;
	position: relative;
	margin-top: 1.1rem;
}

.listBanner_meeting .wrap {
	height: 100%;
}

.meetingBanner_tit {
	font-size: 0.4rem;
	font-weight: bold;
	color: #fff;
	text-align: center;
	overflow: hidden;
	margin-top: 0.4rem;
}

.meetingBanner_tag {
	font-size: 0;
	overflow: hidden;
	margin-top: 0.5rem;
}

.meetingBanner_tag span {
	display: inline-block;
	padding: 0 0.15rem;
	height: 0.32rem;
	line-height: 0.332rem;
	font-size: 0.14rem;
	color: #fff;
	border-radius: 0.16rem;
	opacity: 0.5;
	border: 0.01rem solid #FFFFFF;
	overflow: hidden;
	margin-right: 0.16rem;
	margin-bottom: 0.16rem;
}

.meetingBanner_tag span:hover {
	color: #00D1F9;
	border: 0.01rem solid #00D1F9;
}

.meetingBanner_btn {
	width: 2.64rem;
	height: 0.48rem;
	line-height: 0.48rem;
	text-align: center;
	color: #fff;
	font-size: 0.16rem;
	background: linear-gradient(90deg, #00D2FA, #00A6F2);
	border-radius: 0.3rem;
	overflow: hidden;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0.6rem;
	margin: 0 auto;
}

/* 群岛大会 */
.meetingWrap_box {
	overflow: hidden;
}

.meetingWrap_pic {
	text-align: right;
	margin-top: 0.2rem;
}

.meetingWrap_pic img {
	display: inline-block;
	width: 3.56rem;
	height: 2.66rem;
}

.meetingWrap_con {
	padding: 0 0.2rem;
	overflow: hidden;
	margin: 0.5rem 0;
}

.meetingWrap_con .meetingTit {
	height: 0.36rem;
	line-height: 0.36rem;
	font-size: 0.32rem;
	font-weight: bold;
	color: #4C4C4C;
	background: url(../images/listHeader_meeting.png) no-repeat left center;
	background-size: 0.36rem;
	padding-left: 0.5rem;
}

.meetingWrap_con .meetingDesc {
	overflow: hidden;
}

.meetingWrap_con .meetingDesc p {
	font-size: 0.14rem;
	color: #848484;
	line-height: 0.2rem;
	margin-top: 0.24rem;
}

.meetingWrap_con .meetingMore {
	width: 1.26rem;
	height: 0.4rem;
	line-height: 0.4rem;
	text-align: center;
	color: #fff;
	font-size: 0.16rem;
	background: linear-gradient(90deg, #00D2FA, #00A6F2);
	border-radius: 0.3rem;
	overflow: hidden;
	margin-top: 0.2rem;
}

.meetingWrap_con .meetingMore a {
	color: #fff;
}

/* 群岛影像 */
.meetingVideo_box {
	padding: 0;
	margin-bottom: 0.5rem;
	overflow: hidden;
}

.meetingVideo_tit {
	line-height: 0.33rem;
	font-size: 0.24rem;
	font-weight: bold;
	color: #20324E;
	padding-left: 0.1rem;
	position: relative;
}

.meetingVideo_tit .dot {
	width: 0.22rem;
	height: 0.22rem;
	border-radius: 50%;
	background: url(../images/listDot.png) no-repeat left top;
	background-size: 0.22rem;
	position: absolute;
	left: 0;
	top: 0;
}

.meetingVideo_box .listFilter_con {
	margin-top: 0.3rem;
}

.videoScroll_box {
	overflow: hidden;
	margin-top: 0.24rem;
}

.videoScroll_con {
	height: 5.9rem;
}

.videoScroll_con .videoList {
	width: 100%;
	overflow: hidden;
}

.videoScroll_con .videoList li {
	float: left;
	width: 1.62rem;
	margin-right: 0.1rem;
	margin-bottom: 0.14rem;
}

.videoScroll_con .videoList li:nth-child(2n) {
	margin-right: 0;
}

.videoScroll_con .videoPic {
	width: 100%;
	height: 1.08rem;
	position: relative;
}

.videoScroll_con .videoType {
	padding: 0 0.1rem;
	height: 0.18rem;
	line-height: 0.18rem;
	color: #fff;
	background: rgba(3, 31, 48, 0.8);
	border-radius: 0.1rem;
	position: absolute;
	left: 0.1rem;
	top: 0.1rem;
}

.videoScroll_con .videoWave {
	width: 100%;
	height: 0.16rem;
	background: url(../images/waveGray_230.png) no-repeat center center;
	background-size: 100% 0.16rem;
	position: absolute;
	bottom: -0.01rem;
	z-index: 1;
}

.videoScroll_con .videoPlay {
	width: 0.5rem;
	height: 0.5rem;
	cursor: pointer;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 1;
}

.videoScroll_con .videoCon {
	padding: 0.12rem 0.14rem;
	background-color: #F3F7FA;
}

.videoScroll_con .videoTit {
	height: 0.4rem;
	line-height: 0.2rem;
	font-size: 0.16rem;
	font-weight: bold;
	color: #20324E;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

/* 群岛专题 */
.meetingSubject_box {
	padding: 0;
	overflow: hidden;
	margin-bottom: 0.5rem;
}

.meetingSubject_tit {
	line-height: 0.33rem;
	font-size: 0.24rem;
	font-weight: bold;
	color: #20324E;
	padding-left: 0.1rem;
	position: relative;
}

.meetingSubject_tit .dot {
	width: 0.22rem;
	height: 0.22rem;
	border-radius: 50%;
	background: url(../images/listDot.png) no-repeat left top;
	background-size: cover;
	position: absolute;
	left: 0;
	top: 0;
}

.meetingSubject_box .listFilter_con {
	margin-top: 0.3rem;
}

.subjectScroll_box {
	margin-top: 0.3rem;
	overflow: hidden;
}

.subjectScroll_con {
	height: 5.6rem;
}

.subjectList {
	overflow: hidden;
}

.subjectList li {
	float: left;
	width: 1.60rem;
	margin-right: 0.1rem;
	margin-bottom: 0.14rem;
}

.subjectList li:nth-child(2n) {
	margin-right: 0;
}

.subjectList .subjectPic {
	width: 100%;
	height: 1.08rem;
	position: relative;
}

.subjectList .subjectType {
	padding: 0 0.10rem;
	height: 0.18rem;
	line-height: 0.18rem;
	font-size: 0.12rem;
	color: #fff;
	background: rgba(3, 31, 48, 0.8);
	border-radius: 0.1rem;
	position: absolute;
	left: 0.1rem;
	top: 0.1rem;
}

.subjectList .subjectWave {
	width: 100%;
	height: 0.16rem;
	background: url(../images/waveWhite_230.png) no-repeat center center;
	background-size: 100% 0.16rem;
	position: absolute;
	bottom: -0.01rem;
	z-index: 1;
}

.subjectList .subjectCon {
	padding: 0.12rem 0.14rem;
	background-color: #fff;
}

.subjectList .subjectTit {
	height: 0.4rem;
	line-height: 0.2rem;
	font-size: 0.16rem;
	font-weight: bold;
	color: #20324E;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

/* 群岛大会共创伙伴 */
.meetingPartner_box {
	padding: 0;
	overflow: hidden;
}

.meetingPartner_tit {
	line-height: 0.33rem;
	font-size: 0.24rem;
	font-weight: bold;
	color: #20324E;
	padding-left: 0.1rem;
	position: relative;
}

.meetingPartner_tit .dot {
	width: 0.22rem;
	height: 0.22rem;
	border-radius: 50%;
	background: url(../images/listDot.png) no-repeat left top;
	background-size: cover;
	position: absolute;
	left: 0;
	top: 0;
}

.meetingPartner_box .listFilter_con {
	margin-top: 0.3rem;
}

.partnerScroll_box {
	margin-top: 0.3rem;
	overflow: hidden;
}

.partnerScroll_con {
	height: 7.2rem;
}

.partnerList {
	overflow: hidden;
}

.partnerList li {
	float: left;
	width: 1.5rem;
	margin-right: 0.3rem;
	margin-bottom: 0.3rem;
}

.partnerList li:nth-child(2n) {
	margin-right: 0;
}

.partnerList .partnerPic {
	display: inline-block;
	width: 1.5rem;
	height: 1.5rem;
	background: url(../images/partnerRound.png) no-repeat center center;
	background-size: 1.5rem;
	overflow: hidden;
	position: relative;
}

.partnerList .partnerPic img {
	display: inline-block;
	width: 1.4rem;
	height: 1.4rem;
	border-radius: 50%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 2;
}

.partnerList .partnerCon {
	text-align: center;
	overflow: hidden;
}

.partnerList .partnerName {
	font-size: 0.16rem;
	font-weight: bold;
	color: #20324E;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-top: 0.1rem;
}

.partnerList .partnerDesc {
	font-size: 0.12rem;
	color: #20324E;
	margin-top: 0.05rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* 预约弹窗 */
.yuyuePop_mask {
	width: 100%;
	height: 100%;
	background-color: rgba(25, 39, 57, 0.9);
	position: fixed;
	left: 0;
	top: 0;
	z-index: 9998;
	display: none;
}

.yuyuePop_box {
	width: 2.8rem;
	padding: 0.3rem 0.2rem;
	background-color: #fff;
	box-sizing: border-box;
	position: fixed;
	z-index: 9999;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	display: none;
}

.yuyue_close {
	width: 0.24rem;
	height: 0.24rem;
	cursor: pointer;
	background: url(../images/modelClose.png) no-repeat center center;
	background-size: cover;
	position: absolute;
	right: 0;
	top: -0.34rem;
	z-index: 9999;
}

.yuyue_con {
	overflow: hidden;
}

.yuyue_con .yuyue_tit {
	font-size: 0.18rem;
	color: #273540;
}

.yuyue_con .yuyue_input {
	width: 100%;
	padding: 0.3rem 0;
}

.yuyue_con .yuyue_input input {
	width: 100%;
	height: 0.4rem;
	line-height: 0.4rem;
	color: #20324E;
	font-size: 0.14rem;
	background: #EBF6FC;
	border-radius: 0.2rem;
	text-align: left;
	text-indent: 0.2rem;
}

.yuyue_con .yuyue_btn {
	width: 100%;
	height: 0.4rem;
	line-height: 0.4rem;
	text-align: center;
	color: #fff;
	font-size: 0.16rem;
	background: linear-gradient(90deg, #00D2FA, #00A6F2);
	border-radius: 0.3em;
	overflow: hidden;
	cursor: pointer;
}

/************************************************群岛大会 结束*******************************************************/

/************************************************教育者的故事 开始*******************************************************/

.listHeader_edu .listHeader_tit {
	background: url(../images/listHeader_edu.png) no-repeat left center;
	background-size: 0.32rem;
}

.eduList_box {
	margin-top: 0.3rem;
}

.eduWrap_box {
	overflow: hidden;
	margin-top: 0.3rem;
}

.eduList {
	overflow: hidden;
}

.eduList li {
	float: left;
	width: 1.5rem;
	margin-right: 0.3rem;
	margin-bottom: 0.3rem;
}

.eduList li:nth-child(2n) {
	margin-right: 0;
}

.eduItem .eduPic {
	display: inline-block;
	width: 1.5rem;
	height: 1.5rem;
	background: url(../images/partnerRound.png) no-repeat center center;
	background-size: 1.5rem;
	overflow: hidden;
	position: relative;
}

.eduItem .eduPic img {
	display: inline-block;
	width: 1.4rem;
	height: 1.4rem;
	border-radius: 50%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 2;
}

.eduItem .eduCon {
	text-align: center;
	overflow: hidden;
}

.eduItem .eduName {
	font-size: 0.16rem;
	font-weight: bold;
	color: #20324E;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-top: 0.1rem;
}

.eduItem .eduIntro {
	font-size: 0.12rem;
	color: #20324E;
	margin-top: 0.05rem;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.eduPop_box {
	width: 100%;
	height: 110%;
	background: rgba(0, 0, 0, 0.5);
	display: flex;
	justify-content: center;
	align-items: center;
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	z-index: 1200;
	visibility: hidden;
}

.eduPop_box .eduPop_con {
	width: 2.6rem;
	padding: 0.2rem;
	background-color: #fff;
	border-radius: 0.1rem;
	text-align: center;
	box-shadow: 0 0.02rem 0.1rem 0 rgba(0, 0, 0, 0.2);
	box-sizing: border-box;
}

.eduPop_box .eduPop_con .eduPic {
	margin-top: -0.5rem;
	display: inline-block;
	width: 1.36rem;
	height: 1.36rem;
	border: 0.02px solid rgba(0, 188, 246, 0.3);
	padding: 0.03px;
	border-radius: 50%;
	box-sizing: border-box;
	background: transparent;
	position: relative;
}

.eduPop_box .eduPop_con .eduPic img {
	display: inline-block;
	width: 1.26rem;
	height: 1.26rem;
	border-radius: 50%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 2;
}

.eduPop_box .eduPop_con .eduName {
	font-size: 0.16rem;
	font-weight: bold;
	color: #20324E;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-top: 0.1rem;
}

.eduPop_box .eduPop_con .eduIntro {
	font-size: 0.12rem;
	color: #5D7982;
	margin-top: 0.05rem;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.eduPop_box .eduPop_con .eduDesc {
	font-size: 0.14rem;
	color: #848484;
	line-height: 0.2rem;
	text-align: left;
	margin-top: 0.16rem;
}

.eduPop_box .eduPop_con .eduMore {
	display: inline-block;
	width: 1.26rem;
	height: 0.4rem;
	line-height: 0.4rem;
	text-align: center;
	color: #fff;
	font-size: 0.16rem;
	background: linear-gradient(160deg, #00D2FA, #00A6F2);
	border-radius: 0.24rem;
	margin-top: 0.3rem;
}

.eduPop_box .eduPop_con .eduMore:hover a {
	color: #fff;
}


/************************************************教育者的故事 结束*******************************************************/