[v-cloak]{
    display: none;
}
body,html{
	font-family: PingFang SC,Helvetica Neue,Helvetica,Hiragino Sans GB,Microsoft YaHei,SimSun,sans-serif;
}
.square{
	border-radius:0.34rem;
}
/*群聊分享页*/
  .dl-wrap{
    padding:0 2rem;
	background:url('../img/group_bg.jpg') no-repeat;
	background-size:cover;
	width:100vw;
	height:100vh;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	align-items: center;
  }
  .dl-btn{
    height:3rem;
  }
  .top, .bottom{
    width:100%
  }
  .top{
	  display: flex;
	  flex-direction: column;
	  align-items: center;
  }
  .top .meta{
	  width:15rem;
	  height:2.5rem;
	  line-height: 2.5rem;
	  background:rgba(0,0,0,.2);
	  border-radius:1.25rem;
	  flex-direction: row;
	  align-items: center;
	  font-size:0.625rem;
	  line-height: 1.4;
	  vertical-align: middle;
	  padding:0.125rem 0.125rem;
	  margin-bottom:3rem;
	  display: flex;
  }
  .top .meta .van-image{
	  vertical-align: middle; 
	  
  }
  .top .meta span{
	  display: inline-block;
	  vertical-align: middle;
	  width:12rem;
	  margin-left:0.25rem;
	  color:#fff;
  }
  .top .title{
    font-size:1.25rem;
    color:#fff;
  	margin-top: 1rem;
  	line-height: 1.6;
  }
  .top .info{
    font-size:0.85rem;
    color:#fff;
  }
  /*post*/
  .dl-post-title{
	  font-weight: bold;
	  line-height: 1.45;;
	  margin:1.3125rem 0;
  }
  .dl-poster{
	  display: flex;
	  justify-content: space-between;
  }
  .dl-left{
	  display: flex;
  }
  /*页面图标*/
  .icon-sex{
	  width:0.625rem;
	  height:auto;
  }
  .icon-sex.big{
	  width:0.95rem;
  }
  .icon-qz{
	  width:0.9rem;
	  margin-top:-0.25rem;
  }
  .icon-ht{
	width:1rem;
	/* margin-top: -0.15rem; */
  }
  .icon-zan{
  	width:0.9375rem;
  }
  .icon-hot{
	  width:1rem;
	  height:1rem;
	  line-height: 1rem;
	  border-radius: 0.125rem;
	  background:#FF5555;
	  color:#fff;
	  text-align: center;
	  font-size:0.5rem;
	  vertical-align: middle;
	  margin-left:0.2rem;
  }
  .icon-share{
	  width:1rem;
  }
  .icon-comment{
	 width:1rem;  
  }
  .icon-talk{
	  width: 1.5rem;
	  margin-left: -0.5rem;
  }
  .icon-change{
	  width:0.925rem;
  }
  /*帖子内容*/
  .dl-poster-info{
	  margin-left:0.5rem;
	  flex:1;
  }
  .dl-poster-info .name{
  }
  .dl-poster-info .meta{
	  color:#999;
  }
  .dl-tagList{
	  display: flex;
	  flex-wrap: wrap;
  }
  .tag{
	  line-height: 1.72;
	  padding:0 0.5rem;
	  background:#f3fbf5;
	  color:#6ACF7D;
	  border-radius:0.2rem;
	  margin-right:0.3rem;
	  margin-bottom:0.3rem;
  }
  
 .mini-tag{
	 line-height: 1.6;
	 padding:0 0.2rem;
 }
   /*帖子内容*/
  .dl-post-con{
	  line-height: 1.6;
	  /* text-align: justify; */
  }
  .dl-post-con img{
  	display: inline-block;
  	width:100%;
  	border-radius:0.3rem!important;
  }
  .dl-post-covers{
	  display: flex; 
	  flex-wrap: wrap;
	  margin:0.5rem 0 0.5rem 0.2rem;
  }
  .cover-hidden{
	  height:7rem;
	  overflow:hidden;
	  position: relative;
  }
  .cover-num{
	  position: absolute;
	  left: 14.33rem;
	  top:0;
	  width:6.8rem;
	  height:6.8rem;
	  line-height: 6.8rem;
	  text-align: center;
	  color:#fff;
	  font-size:1.65rem;
	  text-shadow: 0 2px 4px rgba(0,0,0,.5);
	  z-index:2;
  }
  .dl-post-covers.big img{
	  width:100%;
  }
  .dl-post-covers.mini .van-image{
	overflow: hidden;
  	border-radius:0.6rem!important;
	margin-right:0.365rem;
	margin-bottom:0.365rem;
  }
  .dl-post-covers.mini .van-image img{
	  margin:0;
  }
  .dl-post-covers.mini .van-image:nth-child(3n){
	  margin-right:0;
  } 
  .dl-post-meta{
	
	margin-bottom:1.25rem;
  }
  /*话题*/
  .dl-post-ht{
	display: flex; 
	justify-content: flex-start;
	flex-wrap: wrap;
	margin-bottom:1rem;
  }
  .dl-ht-cell{
	  display: inline-block;
	  background: #f2f2f5;
	  width:auto;
	  border-radius: 1.7rem;
	  padding:0.3rem 0.325rem;
	  padding-right:0.5rem;
	  white-space: nowrap;
	  margin-right:0.5rem;
	  margin-bottom: 0.5rem;
  }
  /*所属学校*/
  .dl-post-by{
	  background:#fcfcfc;
	  border-radius: 1rem;
	  padding: 0.5rem 1rem;
  }
  .dl-post-by-title{
	  margin-bottom:0.5rem;
	  font-size:0.8rem;
  }
  /*评论*/
  .dl-comments{
	  margin-top:1rem;
	  padding:0 1rem;
	  
  } 
  .dl-more-btn i{
	  vertical-align: middle;
	  padding-bottom:0.1rem;
  }
  .dl-comments-con img{
	  border-radius: 0.3125rem;
	  width:48%;
	  height: auto;
  }
  /*楼主头像*/
  .van-image{
	  position: relative;
	  overflow: hidden;
  }
  .van-image span{
	  display: inline-block;
	  width:100%;
	  font-size:0.5rem;
	  line-height: 1.2;
	  background:#41AEF5;
  	  position: absolute;
	  left:0;
	  bottom:-0.05rem;;
	  color: #fff;
	  text-align: center;
	  transform: scale(0.9);
  }
/*弹出*/
.goto-app{
  background-color:transparent;
  overflow: auto;
  pointer-events:none;
  z-index:1000;
}
.wrapper {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  height: 100%;
}

.block-more {
  width: 100%;
  height: 6.5rem;
  background-color: rgba(0,0,0,.5);
  border-radius: 0.625rem 0.625rem 0 0;
  pointer-events: auto;
}
/*话题*/
.dl-post-top{
	position: relative;
	background:#fff;
	padding-top:1.25rem;
	z-index: 2;
}
.dl-post-top .dl-poster{
	align-items: center;
}
.dl-talk-bg{
	postition:relative;
	z-index:1
}
/*选项卡*/
.dl-tabs .van-tabs__nav{
	padding:0 1rem 1rem;
}
.dl-tabs.round{
	/* margin-top: -0.5rem;
	z-index: 101; */
}
.dl-tabs.round .van-tabs__nav{
	border-radius: 10px 10px 0 0;	
}
.dl-tabs .van-tab{
	flex:initial;
	padding:0.5rem;
}
.dl-tabs.space .van-tab{
	flex:1;
}
.dl-tabs .van-tab + .van-tab{
	margin-left:1rem;
}
.dl-tabs .van-tabs__line{
	width:1rem;
	height: 0.2rem;
	border-radius: 0.1rem;
	background:#FF9000;
	bottom: 1rem;
	
}
.dl-tabs .van-tab--active{
	color:#FF9000
}
.dl-talk-meta-right{
	display: flex;
	align-items: center;
}
.dl-ht-wrap:last-child .gray-line{
	opacity: 0;
}
.dl-top-bg{
	min-height:11rem;
	padding-bottom:3.5rem;
	position: relative;
	z-index: 2;
}
.dl-top-bg.dl-short{
	min-height:6rem;
	height:6rem;
}
.dl-top-wrap{
	position: relative;
	background-size:cover!important;
}
.dl-top-cover{
	position: absolute;
	left:0;
	top:0;
	bottom: 0;
	right:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,.3);
	backdrop-filter: blur(1px) saturate(100%);
	-webkit-backdrop-filter: blur(1px) saturate(100%); 
	z-index: 1;
}
.dl-user-avatar{
	background: #fff;
}
.dl-user-avatar.big{
	border:0.15rem solid rgba(255,255,255,.25);
}
.dl-user-avatar.square{
	border-radius: 0.34rem;
}
.dl-pdbtm0{
  padding-bottom:1rem;
}
.pb0{
	padding-bottom:0
}
/*教育经历*/
.dl-scrollx{
	overflow: hidden;
	height:4rem;
}
.dl-edu-list{
	background:#FCFCFC;
	overflow: auto;
	height:4.5rem;
	padding-bottom:0.5rem
}
.dl-edu-list li{
	white-space: nowrap;
	display: flex;
	align-items: center;
	padding-left:1rem;
}
.dl-edu-list li span{
	display: inline-block;
	width: 2rem;
	height: 2rem;
	line-height: 2rem;
	text-align: center;
	border-radius: 50%;
	background-color: #e9f4fb;
	color:#41AEF5;
}
.line{
	width:1px;
	height:2rem;
	margin-left:1rem;
}
.dl-top-bg-img img{
	height:auto!important
}
.dl-post-video{
	width:100%;
	height:auto;
}
/*评论*/
.dl-comment-post{
	width:100%;
	height:5.625rem;
	background:#F2F2F5;
	padding:0.25rem;
	padding-right:0.5rem;
	border-radius:0.3125rem;
}
.dl-comment-post-new{
	width:100%;
	height:3rem;
	background:#F2F2F5;
	padding:0.25rem;
	padding-right:0.5rem;
	border-radius:0.3125rem;
}
.dl-comment-post.height-auto{
	height: auto;
	padding:0.8rem;
}
.dl-comment-img{
	border-radius: 0.25rem;
}
.dl-comment-con{
	flex: 1;
	padding:0.8rem 0;
	overflow: hidden;
}
.dl-loadall{
	background:#f4f4f4;
	line-height: 3;
}
.dl-cell:last-child .gray-line{
	display: none;
}
/*单选*/
.dl-options li{
	background:#fff;
}
.dl-options li.van-hairline--surround.active::after{
	border-color:#41AEF5;
	border-radius: 0.25rem;
}
.dl-empty{
	width:100%;
	height: auto;
}
.dl-empty img{
	width: 100%;
}
.dl-tab-con-wrap{
	position: relative;
}
.dl-tab-con-wrap .van-loading{
	height: 100%;
	text-align: center;
	line-height: 300px;
	position: absolute;
	background: #fff;
	width: 100%;
	z-index: 3;
}
.dl-white-overlay.van-overlay{
	background-color: rgba(255,255,255,.95);
	z-index: 1000;
}
.dl-loading-wrap{
	width:100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}
.dl-min-h{
	min-height: 300px;
}
.dl-gray-bg{
	background: #F7f7f7;
}
.dl-white-bg{
	background: #fff;
}
.dl-prefix{
	display: inline-block;
	width:0;
	overflow: hidden;
}
.dl-contact-con{
	line-height: 1.6;
}
.dl-contact{
	line-height: 1.8;
}
.dl-contact span{
	display: inline-block;
	text-align: justify;
}
.dl-post-video-fake{
	position: relative;
}
.dl-post-video-icon{
	content: '';
	position: absolute;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
	background:rgba(0,0,0,.5);
	/* padding:.5rem .5rem .1rem; */
	width:50px;
	height:50px;
	line-height: 50px;
	border-radius: 50%;
	text-align: center;
}
.dl-post-video-icon i{
	line-height: 50px;
}
.van-overlay{
	z-index: 1500;
}
.video{
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height: 100%;
}
.dl-top-school{
	width:100%;
	height:100%;
	position: absolute;
	left: 0;
	right:0;
	top: 0;
	z-index: 10;
}
.dl-top-wrap.hide{
	width: 100%;
	overflow: hidden;
}
.zindex2{
	width:100%;
	height:100%;
	position: absolute;
	left: 0;
	right:0;
	top: 0;
	z-index: 12;
}
/*实现 16:9 容器*/
.dl-img-size{ 
	width:100%;
	height:17rem;
	/* padding-top:58%; */
}
.dl-img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.bottom-txt{
	position: absolute;
	width:100%;
	left:0;
	bottom:1.325rem;
	text-align: center;
}
.gray-btn{
	background:#F2F2F5;
	color:#666;
	border:transparent
}
.dl-button.w300{
	flex:1
}
.dl-button-new{
	border-radius:0.6rem;
	height:2.3rem;
	padding:0 0.72rem;
}
.dl-code{
	text-align: center;
	padding-top:100px;
}
.dl-code img{
	width:10rem;
	height:10rem;
}
/*瀑布流*/
.dl-waterfall{
	padding:0.8rem;
	background:#fff;
	overflow: hidden;
}
.dl-waterfall-cell{
	width:calc((100% - 0.6rem)/2);
	float: left;
}
.dl-waterfall-cell:first-child{
	margin-right:0.6rem;
}

.wateritem{
	width: 100%;
	background: #fff;
	border-radius: 0.3rem;
	margin-bottom: 0.8rem;
	overflow: hidden;
}
.post-info{
	display: flex;
	justify-content: space-between;
	align-items: center;
	/* padding:0 0.6rem 0.6rem; */
}
.post-avatar, .school-avatar{
	display: flex;
	align-items: center;
}
.post-avatar .avatar, .school-avatar .avatar{
	white-space: nowrap;
	width:3.6rem;
	overflow: hidden;
	text-overflow: ellipsis;
}
.school-avatar{
	margin-top:0.6rem;
}
.school-avatar .avatar{
	width:6.4rem;
}
.pd20{
	padding:0 0.6rem;
}
.post-title{
	margin-bottom:0.6rem;
	margin-top:0.6rem;
}
.post-img{
  position: relative;
  margin-bottom: 0.5rem;
}
.post-hot{
  box-sizing: border-box;
  position: absolute;
  right:0;
  top:0.6rem;
  width:2.2rem;
  height:1.34rem;
  background:rgba(0,0,0,.2);
  color:#fff;
  line-height: 1.34rem;
  text-align: center;
  border-radius: 0.7rem 0 0 0.7rem;
  z-index: 10;
  padding-left:0.2rem
}
.wateritem .dl-comment-post{
	background:#fff;
	padding:0.6rem;
}
.wateritem .radio{
	width:0.685rem;
	height:0.685rem;
	border-radius: 50%;
	border:1px solid #d6d6d6;
}
.wateritem .dl-options{
	background:#F7F7F7;
	padding:0.5rem
}
.wateritem .dl-options li:last-child{
	background: transparent;
}
.play-icon{
  position: absolute;
  top:0.6rem;
  right:0.6rem;
  width:1.2rem;
  height:1.2rem;
  line-height: 1.2rem;
  text-align: center;
  background:rgba(0,0,0,.3);
  border-radius: 50%; 
  z-index: 11;
}
.dl-moments-bg{
	position:absolute;
	left:0;
	top:0;
}
/*引导*/
.guide-pic{
	width:100%;
	text-align: center;
	margin:1rem 0 0.24rem;
}
.w90{
	width: 90%;
	margin: 0 auto 1rem;
}
.pic-inner{
	height:26rem;
	border:1px solid #eee;
}
.pic-inner02{
	height:24rem;
	border:1px solid #eee;
}
.van-swipe-item{
	text-align: center;
}
/*下载*/
.download{
	background: url(../img/bg_down_01.png) no-repeat top center;
	background-color:#74b2ff;
	background-size:cover;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: center;
	padding:0 0 15%;
	position: relative;
	z-index: 10;
 }

.logo-square{
	width:100px;
	height:100px;
	border-radius: 15px;
}
.download-btn{
	width:70%;
	height:54px;
	line-height: 54px;
	border-radius: 30px;
	text-align: center;
	color:#fff;
	background:linear-gradient(0deg, #388CFF, #1176FF);
	box-shadow: 0px 6px 8px rgba(54, 134, 255, 0.8), inset 0px 0px 15px rgba(255,255,255,0.24000);
}
.icon-download{
	display: inline-block;
	width:24px;
	height: 24px;
	margin-right:10px;
	background: url(../img/icon_dowdload.png) no-repeat center;
	background-size: cover;
}
.bigPic{
	position: absolute;
	left:0;
	top:0;
	width:100%;
}

.dl-dialog{
	/* width:80%; */
}
.dl-dialog .van-dialog__content--isolated{
	/* min-height:10px */
}

/*疫情统计h5*/
.info-pannel{
	display: flex;
	flex-wrap: wrap;
	background:#fff;
	border-radius: 0.24rem;
	padding:0.8rem 0.4rem;
}
.info-pannel li{
	width:25%;
	text-align: center;
	font-size:0.6rem; 
}

.info-pannel li h6{
	display: flex;
	justify-content: center;
	align-items: center;
}

.gray-bg{
	background:#F2F2F5;
}
.mtime{
	color:#ababab;
}
.map-wrap{
	background:#fff;
	border-radius: 0.24rem;
}

.map-title{
	padding:10px 15px;
}
.highcharts-text-outline{
	display: none!important;
}
#container{
	text-align: center;
	line-height: 300px;
	padding-top:5px;
}
#chart{
	padding-left: 1rem;
}
.table-wrap{
	padding:0 0.5rem 1rem;
}
.table-wrap span{
	flex:1;
	text-align: center;
	padding:0.6rem 0;
	font-size:0.8125rem;
	position: relative;
}
.table-head span{
	font-size:0.9375rem;
}
.table-wrap .table-head span::after{
	content: '';
	position: absolute;
	right:0;
	top:50%;
	width:1px;
	height:1rem;
	margin-top:-0.5rem;
	background:#F2F2F5;
}
.table-wrap .table-head span:last-child::after{
	display: none;
}
.table-body.hide{
	height:24rem;
	overflow: hidden;
}
.body-cell{
	background:#F2F2F5;
	margin-bottom:0.5rem;
	border-radius: 0.24rem;
	align-items: center!important;
	height:2.5rem;
}
.select-wrap{
	padding:0 1rem;
}
.select-wrap .van-dropdown-menu{
	min-width:80px;
}
.select-wrap .van-dropdown-menu__bar{
	box-shadow: none;
	background:#F2f2f5;
	height:2rem;
	line-height: 2rem;
	border-radius: 1rem;
	margin-right:1rem;
	min-width:6rem;
}

.select-wrap .van-overlay{
	opacity: 0;
	animation: none;
}
.select-wrap .van-popup--top{
	width:6rem;
	top:2px;
	left:1.5rem;
	box-shadow:1px 1px 8px rgba(0,0,0,.2);
	border-radius:0.4rem;
	white-space: nowrap;
}
.select-wrap .second .van-popup--top{
	left:8.5rem;
}
body.covid{
	overflow-x: hidden;
}
.top-wrap{
	position:relative;
}
.position{
	position:absolute;
	right:1rem;
	top:10px;
	background:rgba(131, 122, 255, .5);
	color:#fff;
	min-width:5rem;
	height:1.8rem;
	border-radius:1.6rem;
	text-align: center;
	padding:0 0.8rem 0 0.6rem;
	justify-content: center;
	align-items: center;
	
}
.position .icon-change{
	 width:0.8rem;
 }
.tangle{
	position: relative;
	display: inline-block;
	margin-left:3px;
}
.tangle::after{
	position: absolute;
	    top: 50%;
	    right: -4px;
	    margin-top: -6px;
	    border: 3px solid;
	    border-color: transparent transparent #fff #fff;
	    -webkit-transform: rotate(
	-45deg
	);
	    transform: rotate(
	-45deg
	);
	    opacity: .8;
	    content: '';
}
.input-wrap{
	padding:0 0.5rem;
}
.van-index-anchor{
	background:#F2F2F5
}
.van-index-bar__sidebar{
	top:56%;
}
.dl-swipe{
	/* height:450px; */
}
.dl-swipe .pic-inner{
	width:100%;
	height: 100%;
	border:0;
}
.dl-swipe .van-swipe__indicators{
	bottom:20px;
}
.city-top{
	position: relative;
	margin-top:-10px;
	background:#fff;
	z-index: 10;
	border-radius:0.5rem 0.5rem 0 0;
	
}
.city-post-cell{
	padding:1rem 0;
}
.city-post-item:last-of-type .van-divider{
	opacity: 0;
}
.city-post-cell.flex{
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.city-post-cell .title{
	width:40%;
}
.post-bottom{
	background:#F2F2F5;
	padding:1.5rem 0;
	text-align: center;
}
.city-post .van-divider{
	border-color:#F4F4F4
}
.nowrap{
	white-space: nowrap;
}
.dl-two-comment{
	background:#fafafa;
	border-radius:4px;
}
.van-multi-ellipsis--l3{
	display: -webkit-box !important;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical !important;
}
.cover-wrap{
	min-height:340px;
	overflow: hidden;
}
.p-note-hidebar{
	text-align: center;
	color:#7B5B10;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding:150px 0 50px;
	background:linear-gradient(to bottom, rgba(255,255,255,.0) 0%, rgba(255,255,255,1) 30%,rgba(255,255,255,1) 100%);
	position:relative;
	z-index:2;
	margin-top:-60%;
	
}
.p-note-hidebar-txt{
	position: relative;
}
.p-note-hidebar-txt::after{
	content:'';
	position: absolute;
	top:50%;
	right:-60px;
	width:50px;
	height:1px;
	border-bottom:1px dashed #7B5B10;
}
.p-note-hidebar-txt::before{
	content:'';
	position: absolute;
	top:50%;
	left:-60px;
	width:50px;
	height:1px;
	border-bottom:1px dashed #7B5B10;
}
.gray-bar{
	background-color: #cacaca;
	height:30px;
	text-align: center;
	line-height: 30px;
	color:#fff;
}
.dl-yellow-btn{
	background:linear-gradient(to right, #EDC085, #F8DAA8);
	color:#856317!important;
	border-radius: 23px;
	box-shadow: 0 3px 6px #F9E9D3;
	border:none;
	line-height: 40px;
}
.dl-blue-btn{
	background:linear-gradient(to right, #4A7EF8, #6BA8F4);
	color:#856317!important;
	border-radius: 23px;
	box-shadow: 0 3px 6px #F9E9D3;
	border:none;
	line-height: 40px;
}
.btn-group{
	padding:10px;
}
.dl-note-bottom-bar{
	box-sizing: border-box;
	width:100%;
	height:235rpx;
	position:fixed;
	bottom:0;
	left:0;
	text-align: center;
	border-radius: 10rpx 10rpx 0 0;
	z-index: 999;
	background:#fff;
}
/*邀请好友*/
.prefix{
	padding:10px 0px 10px 16px;
	text-align: center;
	line-height: 24px;
	font-size:16px;
}
.btn-txt{
	padding:10px 5px;
	text-align: center;
	line-height: 24px;
	font-size:16px;
}
.dl-avatar-wrap{
	width:80px;
	height:80px;
	position: relative;
}
.dl-avatar-img{
	width:80px;
	height:80px;
	border-radius:50%;
	overflow: hidden;
	border:1px solid #F2F2F5;
	text-align: center;
	line-height: 80px;
	background:#F4F4F4;
	position: relative;
	z-index: 1;
}
.dl-avatar-img .iconfont.user{
	font-size:32px;
	color:#B3B3B3
}
.dl-avatar-wrap .info{
	position: absolute;
	right:0;
	top:0;
	width:24px;
	height:24px;
	line-height: 24px;
	text-align: center;
	background:#41AEF5;
	color:#fff;
	border-radius: 50%;
	font-size:14px;
	z-index: 10;
}
.dl-rules-title{
	text-align: center;
	margin:0 0 1rem;
}
.dl-rules div{
	line-height: 1.6;
}
.dl-line{
	display: inline-block;
	width:3px;
	height:3px;
	background:#333;
	border-radius: 50%;
	position: relative;
}
.dl-line.before{
	margin-right:1rem;
}
.dl-line.after{
	margin-left:1rem;
}
.dl-line.after::before,
.dl-line.before::before{
	content: '';
	position: absolute;
	top:1px;
	width:2rem;
	height:1px;
	background:#333;
	
}
.dl-line.before::before{
	right:8px;
}
.dl-line.after::before{
	left:8px;
}
.dl-rules div.round-title{
	position: relative;
	padding-left:2rem;	
	margin-bottom:1.5rem;
	font-size: 1rem;
	line-height: 1.6rem;
}
.dl-rules div.round-title::before{
	position: absolute;
	left:0;
	top:0.25rem;
	display: inline-block;
	width:1.25rem;
	height:1.25rem;
	line-height: 1.25rem;
	text-align: center;
	background:#CBA35E;
	border-radius: 50%;
	color: #fff;
	margin-right:0.65rem;
	font-size:0.65rem;
}
.dl-rules div.round-title:nth-child(1)::before{
	content: '1';	
}
.dl-rules div.round-title:nth-child(2)::before{
	content: '2';	
}
.dl-rules div.round-title:nth-child(3)::before{
	content: '3';	
}
.dl-rules div.round-title:nth-child(4)::before{
	content: '4';	
}
.dl-rules div.round-title:nth-child(5)::before{
	content: '5';	
}
.dl-rules div.round-title:nth-child(6)::before{
	content: '6';	
}
.dl-rules div.round-title:nth-child(7)::before{
	content: '7';	
}
.dl-rules div.round-title:nth-child(8)::before{
	content: '8';	
}
.dl-rules div.round-title:nth-child(9)::before{
	content: '9';	
}
.dl-comments-con span{
	vertical-align: initial;
}
.van-swipe-item{
	overflow:auto;
}
.van-swipe-item .van-image{
	width:100%;
	height: auto;
}
/*在线预览页*/
.page-loading{
	position: absolute;
	top:0;
	left:0;
	width:100vw;
	height:100%;
	background: #fff;
	z-index:1001;
	display: none;
}
.page-loading.active{
	display: block;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}
.page-loading span{
	font-size:0.5rem;
	color:#666;
	margin-top:0.2rem;
}
.spinner {
	width: auto;
	height: 1rem;
	text-align: center;
	font-size: 10px;
	margin-right:-4px;
}

.spinner > div {
	background-color: #059EFF;
	height: 100%;
	width: 4px;
	display: inline-block;
	margin-right:4px;
	border-radius: 2px;		    
	-webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
	animation: sk-stretchdelay 1.2s infinite ease-in-out;
}
@media screen and (min-width: 1600px){
	.page-loading span{
		font-size:0.3rem;
		margin-top:0.2rem;
	}
	.spinner {
		height: 0.8rem;
		margin-right:-8px;
	}

	.spinner > div {
		margin-right:8px;
	}
}
@media screen and (max-width: 1000px){
	.page-loading span{
		font-size:0.8rem;
		margin-top:0.5rem;
	}
	.spinner {
		height: 1.6rem;
		text-align: center;
		font-size: 10px;
		margin-right:-4px;
	}

	.spinner > div {

	}
}
.spinner .rect2 {
	-webkit-animation-delay: -1.1s;
	animation-delay: -1.1s;
}

.spinner .rect3 {
	-webkit-animation-delay: -1.0s;
	animation-delay: -1.0s;
}

@-webkit-keyframes sk-stretchdelay {
	0%, 40%, 100% { -webkit-transform: scaleY(0.4) }  
	20% { -webkit-transform: scaleY(1.0) }
}

@keyframes sk-stretchdelay {
	0%, 40%, 100% { 
	  transform: scaleY(0.4);
	  -webkit-transform: scaleY(0.4);
	}  20% { 
	  transform: scaleY(1.0);
	  -webkit-transform: scaleY(1.0);
	}
}
.noscroll{
	overflow:hidden
}
.white-btn{
	width:1.85rem;
	height:1.85rem;
	line-height: 1.85rem;
	border-radius: 50%;
	background:rgba(255,255,255,.2);
	color:#fff;
	text-align: center;
}
.white-btn.big{
	width:4.2rem;
	border-radius: 0.925rem;
	font-size: 0.8rem;
}
.s-top{
	display: flex;
	align-items: bottom;
	justify-content: space-around;
}
.s-top li{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	font-size:0.8rem;
	color: #fff;
}
.s-top li .num{
	font-size:0.85rem;
	font-weight: bold;
	color: #EDC87B;
	background:url(../img/de_badge.png) no-repeat;
	background-size: contain;
	width:54px;
	height:50px;
	text-align: center;
	padding-top:8px;
}
.input-search{
	width:90%;
	margin:10px auto 0;
	height:3rem;
	border-radius: 1.5rem;
	background:#fff;
	box-shadow: 0px 0px 24px 0px rgba(157,157,157,0.32);
	margin-top: -1.5rem;
	position: relative;
	z-index: 20;
}
.note-card{
	background: #fff;
	border-radius: 0.65rem;
	padding:0.8rem;
}
.dl-badge{
	display: inline-block;
	width:2.4rem;
	height:1.2rem;
	line-height: 1.2rem;
	text-align: center;
	font-size:0.6rem;
	border-radius: 0.75rem 0.75rem 0 0.75rem;
	color: #856317;
	background: linear-gradient(to right, #EDC085, #F8DAA8);
	margin-right: 0.5rem;
}
.dl-badge.yellow{
	color: #fff;
	background: linear-gradient(to right, #FF990A, #FFB15E);
}
.dl-badge.green{
	color: #fff;
	background: linear-gradient(to right, #0FCB6A, #1BD878);
}
.note-card .icon-download{
	width: initial;
	height: inherit;
	margin-right:0.3rem;
}
.cover-iframe{
	border:0;
	width:100%;
	height:260px;
}
.file-card{
	width:100%;
	height:34px;
	border-radius: 4px;
	background:#FFF8F8;
	margin-bottom:10px;
	font-size:0.785rem;
	display: flex;
	align-items: center;
	padding-left:10px;
}
.file-card.bluebg{
	background:#F6F9FF;	
}
.file-card .iconfont{
	margin-right:5px;
}
.icon-pdf{
	color:#EE6060;
}
.icon-word{
	color:#6074EE;
}
/*群文件下载*/
.dl-header-bar{
	background:#fff;
	box-shadow: 0px 12px 18px 0px rgba(177,177,177,0.16);
	position: fixed;
	top:0;
	left:0;
	width: 100%;
	box-sizing: border-box;
	height:4.5rem;
	z-index: 10;
}
.dl-header-bar img{
	width:3rem;
	height:3rem;
	border:1px solid #EEEEEE;
	border-radius: 8px;
}
.dl-rest{
	padding:4.5rem 0;
	position: relative;
	z-index: 3;
}
.dl-footer-bar{
	position: fixed;
	bottom:0;
	left:0;
	width: 100%;
	box-sizing: border-box;
	height:4.5rem;
	background:#fff;
	z-index: 4;
}
#docArea{
	width:100%;
	height:calc(100vh - 16rem);
	position: relative;
	z-index:1;
	pointer-events: initial;
}

.docAreaCover{
	position: fixed;
	top:0;
	left:0;
	width:100%;
	height:100vh;
	z-index:3;
	/* pointer-events: none; */
}
.fileIframe{
	border:0;
	width:100%;
}
.dl-footer-meta{
	height:3rem;
	background-color: #fff;
}
.moment-tag{
	border:1px solid #D8D8D8;
	padding:2px 0.5rem;
	height:1.6rem;
	line-height: 1.6rem;
	border-radius: 0.8rem;
}
.task-tag{
	width:1rem;
	height:1rem;
}
.hot-tag{
	width:2rem;
	height: auto;
}
.dl-question,
.dl-question h6{
	font-size:0.95rem;
}
.van-field__control{
	font-size:0.8rem;
	
}
.border-textarea.van-cell{
	border-radius: 5px;
}
.no-bg.van-cell{
	background:none;
	padding:0;
}
.small-radio{
	font-size:0.8rem;
}

.small-radio .van-checkbox__icon .van-icon,
.small-radio .van-radio__icon .van-icon{
	line-height: 1.15;
}
.dl-question-wrap{
	background:#22B5FE;
}
.dl-question-bg{
	position: absolute;
	top:0;
	left:0;
	width:100%;
	z-index: 1;
}
.dl-question-con{
	position: relative;
	z-index: 2;
	margin-top:70%;
	background:#EEF6FF;
	border-radius:5px;
	padding:1.5rem 0.72rem;
}
.dl-default-state{
	min-height:20rem;	
}
/*广告招商*/
.ad-bg,
.ad-con-wrapper{
	background:#5359E6;
}
.ad-topbg{
	position: relative;
	z-index: 1;
}
.ad-wrapper{
	position:relative;
	z-index:2;
	margin-top:-36%;
	padding-bottom: 3rem;
}
.ad-card{
	color:#1E22B5;
	width:98%;
	font-size:0;
	margin-bottom:3rem;
	position: relative;
	z-index: 1;
}
.ad-card::after{
	content:'';
	position: absolute;
	top:0;
	right:-0.6rem;
	width:1.2rem;
	height:3rem;
	background:#CDD8F6;
	border-radius: 0.4rem 1.2rem 0 0;
	border-top:2px solid #E0E8FF;
	z-index: 2;
}
.ad-card::before{
	content:'';
	position: absolute;
	top:3rem;
	right:-0.6rem;
	width:1.2rem;
	height:0.5rem;
	background:#CDD8F6;
	border-radius: 0 0 0.2rem 0;
	z-index: 3;
}
.ad-card h4{
	font-weight: bold;
	padding:0 1rem;
	height:3rem;
	background:#E0E8FF;
	border-radius:1rem 0.5rem 0 0;
}
.ad-arrow{
	height:0.8rem;
	margin-right:8px;
}
.ad-con{
	background:#fff;
	width:calc(100% - 0.6rem);
	padding:5% 5% 0 5%;
	text-align: justify;
	word-break: normal; 
	line-height: 1.6;
	position: relative;
	z-index: 2;
}
.ad-bar{
	width:calc(100% - 0.6rem);
	margin-top:-1px;
}
.ad-icon{
	width:2.6rem;
	height:2.6rem;
	margin-right:0.5rem;
	margin-left:-0.5rem;
}
.ad-ul li{
	display: flex;
	
}
.ad-ul li + li{
	margin-top:1rem;
}
.ad-left-title{
	flex-shrink: 0;
	width:2.4rem;
	height:2.6rem;
	background: linear-gradient(0deg, #625EF8, #4345BC);
	border-radius: 0.3rem;
	color:#fff;
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 1.2;
	margin-left:-0.5rem;
	margin-right:0.5rem;
	font-weight: bold;
}
.ad-left-title.big{
	width:4rem;
	height:1.8rem;
}
.ad-footer{
	color:#fff;
}
.ad-button{
	background:#fff;
	border-radius: 0.3rem;
	color:#5359E6;
	margin-left:.5rem;
	width:4.5rem;
	height:1.8rem;
	text-align: center;
}
/*使用手册*/
.intro-banner{
	position: relative;
	z-index: 1;
}
.intro-wrapper{
	margin-top:-1.2rem;
	position: relative;
	z-index: 2;
	border-radius: 1rem;
	min-height: 3rem;
	background:#fff;
    overflow: hidden;
}
.intro-dot{
	height:0.8rem;
}
.intro-title span{
	display: block;
	width:2.4rem;
	height:1.6rem;
	line-height: 1.6rem;
	background:linear-gradient(264deg, #218AFF, #63ACFF);
	border-radius: 1rem;
	color: #fff;
	font-size:1rem;
	text-align: center;
}
.intro-title{
	position: relative;
	z-index: 2;
}
.intro-title::after{
	content:'';
	position: absolute;
	left:2.2rem;
	top:calc(50% - 1px);
	border:1px solid #2F90FF;
	width:100%;
	z-index: 1;
	
}
.intro-swipe.van-swipe{
	overflow: visible;
}
.intro-swipe .van-swipe-item {
    text-align: left;
	overflow: visible;
	font-size: 0;
	padding-bottom:20px;
}
.intro-swipe .flex-one{
	width: 100%;
}
.intro-swipe .van-swipe-item h5{
    width: 90%;
	min-height:2.6rem;
}
.intro-swipe .van-swipe__track{
	align-items: flex-start;
	overflow: visible;
}
.intro-swipe .van-swipe__indicators{
	bottom:0
}
.swiper-img{
	height:3rem;
	width:auto;
	box-shadow: 0 0 8px rgba(146,146,146,0.3);
}
/*帖子详情*/
.post-swipe{
	height:300px;
}
.post-swipe .van-swipe-item{
	overflow: hidden;
}
.custom-indicator {
    position: absolute;
    right: 0.8rem;
    top: 0.8rem;
    font-size: 0.6rem;
    background: rgba(0, 0, 0, 0.4);
	height:1.5rem;
	line-height: 1.5rem;
	width:2.6rem;
	border-radius: 0.75rem;
	text-align: center;
	color:#fff;
}
.info-tag{
	background:#E6F3FF;
	height: 1.5rem;
	line-height: 1.5rem;
	text-align: center;
	padding:0 0.6rem;
	border-radius: 0.75rem;
	color:#0492FF;
	font-size:0.6rem;
	margin-right:0.5rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: flex;
	align-items: center;
}
.info-tag.small{
	height:1rem;
	line-height: 1rem;
	padding:0 0.4rem;
}
.info-tag.yellow{
	background: #FFF4E5;
	color: #FF9706;
}
.info-tag.gray{
	background: #f5f5f5;
	color: #666;
}
.info-tag .iconfont{
	font-size:0.64rem;
	margin-right:0.2rem;
	margin-left:-0.1rem;
}
.scroll-wrap{
	position: relative;
	min-width: 1.5rem;
	max-width:150px;
	height: 100%;
	overflow: hidden;
}
.scroll-txt{
	font-size:0.7rem;
	flex:1;
	position: absolute;
	top:0;
	left:0;
	white-space: nowrap;
	animation: sport 5s linear infinite;
}
.notice-bar{
	flex:1;
	font-size:0.7rem;
}
.notice-bar .van-notice-bar__content{
	font-size:0.7rem;	
}
.notice-bar .van-notice-bar{
	padding:0;
	width: 100%;
}
.country-width{
	max-width: 120px;
}
.dl-pop-loading{
	padding:20px 30px;
	border-radius: 10px;
}
.topic{
	color:#486B9A;
	margin-right:5px;
}
@keyframes sport{
	0%{
		transform: translateX(calc(200px - 100%));
	}
	100%{
		
	}
}
.dl-img-default .van-image__error,
.dl-img-default .van-image__loading{
	background:#fff;
}
.store-card{
	box-shadow: 0px 0px 13px 0px rgba(170,170,170,0.35);
	border-radius: 1rem;
	padding: 1rem;
}
.store-tag-ul{
	display: flex;
}
.store-tag-ul li {
	border-radius: 2px;
	padding:2px 0.5rem;
	margin-right:0.5rem;
	margin-bottom:0.5rem;
}
/*兼职*/
.job-card{
	border-radius:0.5rem;
	background:#fff;
}
.job-title{
	position: relative;
	z-index: 2;
}
.job-title::after{
	content: '';
	position: absolute;
	width:5.4rem;
	height:10px;
	left:0;
	bottom:-5%;
	background:linear-gradient(to right, #3599FF, rgba(53, 153, 255, 0));
	z-index: -1;
}
.job-card-tag{
	display: inline-block;
	width: 4rem;
	height: 1.25rem;
	line-height: 1.25rem;
	text-align: center;
	background: #EFF8FF;
	color: #0C96FF;
	border-radius: 4px;
}
.job-card-tag.mini{
	display: inline-block;
	width: auto;
	padding:0 6px;
	height: 1rem;
	line-height: 1rem;
}
.job-card-tag.mini .iconfont{
	font-size:0.8rem;
	line-height: 1rem;
	vertical-align: middle;
}
.job-card-tag.gray{
	background: #F7F7F7;
	color: #666;
}
.job-card-tag.yellow{
	background: #FFF4EA;
	color: #FF6D01;
}
/*.custom-indicator {
    position: absolute;
    right: 5px;
    bottom: 5px;
    padding: 2px 5px;
    font-size: 12px;
    background: rgba(0, 0, 0, 0.1);
}*/
.store-tab .van-tab--active{
	font-weight: bold;
}
.store-tab .van-tabs__line{
	background: linear-gradient(to left, #6BA9F4, #4A7DF8);
	bottom:5px;
}
.store-tab .van-tabs__nav{
	padding:0 50px;
}

.store-menu{
	width:calc(50% - 0.25rem);
	margin-bottom: 0.25rem;
}
.store-menu:nth-child(2n){
	margin-left:0.5rem;
}
.coupon-item{
	background: #F7FBFF;
	border: 1px solid #389BFF;
	border-radius: 0.7rem;
	position: relative;
	padding: 1.8rem 1.2rem;
}
.coupon-item::before,
.coupon-item::after{
	content: '';
	width: 1rem;
	height: 1rem;
	position: absolute;
	top:50%;
	margin-top:-0.5rem;
	background:#fff;
	border-radius: 50%;
	border: 1px solid #389BFF;
	
}
.coupon-item::before{
	left:-0.58rem;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
	transform: rotate(45deg);	
}
.coupon-item::after{
	right:-0.58rem;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	transform: rotate(45deg);
	
}
.coupon-tag{
	position: absolute;
	left:0;
	top:0;
	width: 4rem;
	height: 1.5rem;
	background: linear-gradient(to left, #28B6FF, #2A94FF);
	border-radius: 0.6rem 0 0.8rem 0;
	color:#fff;
}
.store-button{
	width: 4rem;
	height:1.5rem;
	background:#389BFF;
	border-radius: 4px;
	color: #fff;
}
.img-bofang{
	position: absolute;
	top:50%;
	left:50%;
	width:2rem;
	height: 2rem;
	border-radius: 50%;
	background:rgba(0,0,0,.3);
	color:#fff;
	transform: translate(-50%, -50%);
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}
.img-bofang .iconfont{
	font-size:1.56rem;	
}

.colon {
	display: inline-block;
	color: #666;
	font-size:12px;
	margin:0 3px;
}
.block {
	display: inline-block;
	width: 22px;
	height:20px;
	border-radius:3px;
	color: #fff;
	font-size: 12px;
	text-align: center;
	background-color: #FF6D01;
	font-size:12px;
}
.count-down .van-count-down{
	font-size:0;
}
.zero-img{
	width:0;
	height:0;
}
.phonePic{
	width:74%;
}
.dowloadql-con{
	padding-top:40%;
	display: flex;
	flex-direction: column;
	align-items: center;
	position: relative;
	z-index: 2;
}
.qrPic{
	width:20%;
}
.downloadql-btn{
	width:56%;
	height:3rem;
	line-height: 3rem;
	border-radius: 1.5rem;
	font-size:1.2rem;
	text-align: center;
	color:#148EFF;
	background:linear-gradient(to top, #9ED0FF, #fff);
	box-shadow: 0px 6px 8px rgba(54, 134, 255, 0.8), inset 2px 3px 5px rgba(138,193,255,0.59);
	
}
.menu-ul{
	overflow-x: auto;
}
.combo-ul{
	display: flex;
}
.combo-li{
	width: 48%;
}
.combo-li + .combo-li{
	margin-right:2%;
}
.yellow-btn{
	width:4rem;
	height:1.8rem;
	border-radius: 1rem;
	color:#fff;
	background:#FF6D01;
}
.store-vip-title{
	position: absolute;
	left:0;
	top:0;
	width:100%;
	color:#fff;
	background:rgba(255,255,255,.1);
	backdrop-filter: blur(2px) saturate(100%);
	-webkit-backdrop-filter: blur(2px) saturate(100%); 
	z-index: 1;
}
.zindex2{
	position: relative;
	z-index: 2;
}
.p-relative{
	position: relative;
}
.play-icon-wrap{
	width:100%;
	height:100%;
	position: absolute;
	top:0;
	left:0;
	z-index: 2;
}
.play-icon-new{
	width:1.5rem;
	height:1.5rem;
	border-radius: 50%;
	background:rgba(0,0,0,.8);
	
}
.dl-top-card{
	border-radius: 1rem 1rem 0 0;
	padding:0.8rem;
	background:#fff;
	position: relative;
	z-index: 2;
	margin-top:-2rem;
}
.top-avatar{
	margin-top:-2.2rem;
}
.v-line{
	width:1px;
	height:2.4rem;
	align-self: stretch;
	background:#E9E9EC;
	transform: scaleX(.5);
	margin-top:.3rem;
}