* {
	margin: 0;
	padding: 0;
	font-family: "微软雅黑";
	border: medium none;
	-moz-box-sizing: border-box;
	/*Firefox3.5+*/
	-webkit-box-sizing: border-box;
	/*Safari3.2+*/
	-o-box-sizing: border-box;
	/*Opera9.6*/
	-ms-box-sizing: border-box;
	/*IE8*/
	box-sizing: border-box;
	-webkit-touch-callout: none;
	/*系统默认菜单被禁用*/
	/* -webkit-user-select: none; */
	/*webkit浏览器*/
	/* -khtml-user-select: none; */
	/*早期浏览器*/
	/* -moz-user-select: none; */
	/*火狐*/
	/* -ms-user-select: none; */
	/*IE10*/
	/* user-select: none; */
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	list-style: none;
	word-wrap: break-word;
}


html,
body {
	height: 100%;
	background: #fff;
	color: #333;
}

body {
	font-size: .3rem;
}

input {
	outline-style: none;
	background: 0;
}

[v-cloak] {
	display: none;
}

textarea {
	resize: none;
}


.loading {
	z-index: 5000;
}

.weui-toast {
	z-index: 5000;
}

/**白色遮罩全覆盖**/
.revocation_modal {
	position: fixed;
	width: 100%;
	height: 100%;
	background: #fff;
	top: 0;
	left: 0;
	display: none;
	z-index: 10000;
}

/** 页面布局样式 **/


/**外层容器**/

.g-flexview {
	height: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	flex-direction: column;
}


/**滚动容器**/

.g-scrollview {
	width: 100%;
	height: 100%;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	overflow-y: auto;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
	position: relative;
	padding-bottom: .5rem;
}

.g-scrollview.forbid {
	overflow: hidden;
}

input,
textarea {
	-webkit-touch-callout: text;
	-webkit-user-select: text;
}

a {
	text-decoration: none;
	cursor: pointer;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	-webkit-user-select: none;
	-moz-user-focus: none;
	-moz-user-select: none;
}

a:link,
a:visited {
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

button {
	outline: none;
	border: none;
	background: 0;
}

center {
	padding: 0 .3rem;
}

input:focus {
	outline: none;
}

textarea:focus {
	outline: none;
}

.clear {
	clear: both;
}

ul,
li,
i {
	font-style: normal;
	list-style: none;
}

em {
	font-style: normal;
}


/*******渐变线条*****/

.gra-line {
	display: block;
	width: 100%;
	height: .11rem;
	background: linear-gradient(90deg, rgba(57, 221, 176, 1), rgba(110, 236, 172, 1));
	border-radius: .03rem;
}


/********查看大图******/

.weui-photo-browser-modal {
	z-index: 5000;
}


/****************点击左边箭头从底部滑出选择框**********************/

.select-class-modal .mask {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: rgba(0, 0, 0, 0.6);
	z-index: 2000;
	display: none;
}

.select-class-list {
	background: #fff;
	position: fixed;
	width: 100%;
	left: 0;
	bottom: 0;
	max-height: 6.67rem;
	overflow: scroll;
	display: none;
	z-index: 2001;
}

.select-class-list li {
	height: 1rem;
	line-height: 1rem;
	border-top: .5px solid #eee;
	color: #333;
	font-size: .32rem;
	text-align: center;
}

.select-class-list li.active {
	color: #39DDB0;
	font-weight: bold;
}


/************发布上传图片盒子**************/

.upload-box {
	padding-bottom: .15rem;
	float: left;
}

.upload-box>div {
	float: left;
	margin-right: .18rem;
	margin-bottom: .15rem;
}

.upload-box .img-box,
.upload-box .input-box {
	width: 1.2rem;
	height: 1.2rem;
	background-size: cover;
	position: relative;
}

.upload-box .img-box {
	border: 1px solid #eee;
	position: relative;
}

.upload-box .img-box span {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.upload-box .img-box span>img {
	width: 100%;
	height: 100%;  
	object-fit: cover; /* 保持图片的宽高比并填充整个容器 */ 
	position: absolute;
	margin: auto;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.upload-box .img-box i img {
	position: absolute;
	width: .4rem;
	right: -0.15rem;
	top: -0.15rem;
	z-index: 10;
}

/**************视频图片显示特有***************/


.video-sgin {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, .3);
	z-index: 1;
}

.video-sgin img {
	width: .4rem;
	height: .4rem;
	position: absolute;
	margin: auto;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

/**视频帧大盒子**/
.video-play-box {
	margin-top: .2rem;
	position: relative;
	width: 100%;
	height: 3.5rem;
	overflow: hidden;
}


.video-play-box span>img {
	width: 100%;
	position: absolute;
	margin: auto;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.video-play-box .video-sgin img {
	width: .8rem;
	height: .8rem;
}


/*******上传文件input样式******/

input[type='file'] {
	opacity: 0;
	display: inline-block;
	width: 100%;
	height: 100%;
	position: absolute;
	background: transparent;
	border: none;
	left: 0;
	top: 0;
	z-index: 10;
}


/**********************点击底部加号弹出模态框**************************/

.add-pup-modal {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(255, 255, 255, .9);
	z-index: 1009;
	display: none;
}

.modal-close-btn {
	position: fixed;
	margin: auto;
	left: 0;
	right: 0;
	bottom: 0.46rem;
	width: 1rem;
}

.add-pup-list {
	width: 100%;
	position: fixed;
	bottom: 2.56rem;
	left: 0;
	padding: 0 .3rem;
}

.add-pup-list li {
	float: left;
	width: 33.33%;
	text-align: center;
}

.add-pup-list li a {
	display: block;
}

.add-pup-list li a img {
	width: 1.2rem;
}


/*底部导航样式*/

footer {
	width: 100%;
	/* height: 1rem; */
	box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.06);
	background-color: #FFFFFF;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 1000;
	/* padding-bottom:.2rem; */
}

footer div {
	/**5个div的样式**/
	width: 20%;
	float: left;
	text-align: center;
	height: 1rem;
	padding-top: .1rem;
	position: relative;
}

footer.admin div {
	/**3个div的样式***/
	width: 33.33%;
}

footer.general div {
	/**2个div的样式***/
	width: 50%;
}


footer>div a {
	display: block;
}

footer>div img {
	height: .8rem;
}

footer div.new:after {
	content: "";
	display: inline-block;
	position: absolute;
	width: .14rem;
	height: .14rem;
	background: #F83543;
	border-radius: 50%;
	top: .12rem;
	right: .24rem;
}

footer div i {
	right: .5rem;
}

.add-c {
	width: .77rem;
	height: .77rem;
	position: fixed;
	margin: auto;
	left: 0;
	right: 0;
	bottom: .16rem;
	/* bottom:.36rem; */
	z-index: 1100;
	border-radius: 50%;
	overflow: hidden;
	box-shadow: 0px 4px 12px 1px rgba(0, 129, 94, .1);
	transition: all .5s;
}

.add-c img {
	width: 100%;
}

.add-c.rotate {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	transition: all .5s;
}

/**图片至灰色**/

.gray {
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	opacity: .7;
}


/****************顶部tab导航不滑动样式*****************/

.nav-tab {
	height: 1.24rem;
	background: #fff;
	box-shadow: -7px -2px 12px 5px rgba(22, 127, 136, 0.1);
}

.nav-tab li {
	float: left;
	width: 33.33%;
	text-align: center;
	padding: 0 0.5rem;
}

.nav-tab li span {
	display: block;
	height: 1.24rem;
	line-height: 1.24rem;
	text-align: center;
	border-bottom: 1px solid transparent;
	font-size: .34rem;
	color: #333;
	padding-top: .1rem;
	/**为了特意上下不居中**/
}

.nav-tab li.active span {
	color: #39DDB0;
	border-bottom: 1px solid #39DDB0;
}


/******导航阴影*****/

.nav-box-shadow {
	box-shadow: -.07rem -.02rem .12rem .05rem rgba(22, 127, 136, 0.1);
}


/*******长按钮阴影*******/

/* .btn-box-shadow {
	box-shadow: 0px 0px 20px 0px rgba(2, 76, 56, 0.3);
}
 */

/***********顶部搜索框*************/

.search-input-box {
	height: 1.24rem;
	background: #fff;
	/*background: #fff;*/
	/*box-shadow: 0 5px 12px 5px rgba(25, 26, 88, 0.05);*/
	box-shadow: 0px 6px 27px 0px rgba(22, 127, 136, 0.13) !important;
	padding: .20rem .31rem .20rem .31rem;
}

.search-input-box>div {
	float: left;
	width: 5.89rem;
	height: .81rem;
	background: rgba(245, 245, 247, 1);
	border-radius: .04rem;
	border: 1px solid #D1D1D1;
	padding-top: .15rem;
}

.search-input-box div input {
	font-size: .3rem;
	color: #666;
	padding-left: .39rem;
	width: 100%;
}

.search-input-box div textarea {
	font-size: .3rem;
	color: #666;
	padding-left: .39rem;
	width: 100%;
	background: none;
}

.search-input-box div input::placeholder {
	font-size: .3rem;
	color: #aaa;
}

.search-input-box button {
	float: right;
	font-size: .34rem;
	color: #888;
	margin-top: .18rem;
}

.search-input-box div>span {
	font-size: .3rem;
	color: #aaa;
	padding-left: .39rem;
	width: 100%;
}


/***公共阴影***/

.box-shadow {
	box-shadow: 0 3px 25px 1px rgba(22, 127, 136, .12);
}

/*头部黄色提示感叹号部分样式*/
.top-hint {
	width: 100%;
	height: .6rem;
	line-height: .6rem;
	padding-left: .3rem;
	background: -webkit-gradient(linear, 0 100%, 0 0, from(rgba(255, 167, 54, 0.97)), to(rgba(255, 200, 55, 0.97)));
	background: -webkit-linear-gradient(90deg, rgba(255, 167, 54, 0.97), rgba(255, 200, 55, 0.97));
	background: -moz-linear-gradient(90deg, rgba(255, 167, 54, 0.97), rgba(255, 200, 55, 0.97));
	background: -o-linear-gradient(90deg, rgba(255, 167, 54, 0.97), rgba(255, 200, 55, 0.97));
	background: linear-gradient(90deg, rgba(255, 167, 54, 0.97), rgba(255, 200, 55, 0.97));
}

.top-hint img {
	width: .26rem;
	margin-bottom: -.04rem;
	margin-right: .1rem;
}

.top-hint span {
	color: #FFFFFF;
	font-size: .26rem;
}

.top-hint em {
	float: right;
	color: #fff;
	margin-right: .2rem;
	position: relative;
	bottom: 0.04rem;
}

/******************重置weui样式****************************/


/*.weui-dialog {
	height: 3.2rem;
	width: 6.3rem;
}*/

.weui-toast_content {
	color: #FFFFFF;
}

.weui-dialog__btn {
	background: linear-gradient(to right, #39DDB0, #6EECAC);
	color: #FFFFFF;
}

.weui-dialog .weui-dialog__btn.default,
.weui-toast .weui-dialog__btn.default {
	color: #5A5C5B;
	background: linear-gradient(to right, #fff, #fff);
}

.weui-dialog__bd {
	padding: 1em 1em 1em !important;
	font-size: .36rem !important;
	color: #5A5C5B !important;
}


/*.weui-dialog__ft {
	position: absolute !important;
	width: 100%;
	left: 0;
	bottom: 0;
}*/

.weui-dialog__ft a {
	font-size: .32rem !important;
	color: #fff;
}

.weui-dialog__hd {
	font-size: .32rem !important;
	line-height: .32rem;
	color: #333 !important;
	padding: .3rem 0 0 0 !important;
	font-weight: bold;
}

.weui-prompt-input {
	width: 100% !important;
	height: .88rem !important;
	border: 1px solid #eee !important;
	margin-top: .1rem !important;
}

.weui-dialog__title {
	font-size: .32rem;
	color: #333;
	font-weight: bold;
}


/**清除浮动**/

.float-clear:after {
	content: "";
	display: block;
	clear: both;
}


/*几种长按钮样式*/

.green1_but {
	width: 100%;
	height: .98rem;
	text-align: center;
	line-height: .98rem;
	color: #FFFFFF;
	font-size: .36rem;
	background: linear-gradient(to right, #0BC5B8, #2AD98F);
	/* box-shadow: 0px 11px 47px 0px rgba(2, 76, 56, 0.11); */
	border-radius: .06rem;
}

.green2_but {
	width: 100%;
	height: .98rem;
	text-align: center;
	line-height: .98rem;
	color: #1ED19F;
	font-size: .36rem;
	background-color: rgba(107, 235, 173, .15);
	/* box-shadow: 11px 0px 47px rgba(2, 76, 56, 0.11); */
	border-radius: .06rem;
	border: 1px solid #1ED19F;
	margin-top: .24rem;
}

.green2_but_small {
	width: 100%;
	height: .8rem;
	text-align: center;
	line-height: .98rem;
	color: #1ED19F;
	font-size: .36rem;
	background-color: rgba(107, 235, 173, .15);
	box-shadow: 11px 0px 47px rgba(2, 76, 56, 0.11);
	border-radius: .06rem;
	border: 1px solid #1ED19F;
	margin-top: .24rem;
}

.green3_but {
	width: 100%;
	height: .9rem;
	text-align: center;
	line-height: .9rem;
	color: #FFFFFF;
	font-size: .34rem;
	background: #22CD93;
	border-radius: .1rem;
}

.orange_but {
	width: 100%;
	height: .98rem;
	text-align: center;
	line-height: .98rem;
	color: #FF6732;
	font-size: .36rem;
	background-color: rgba(254, 124, 73, .15);
	box-shadow: 11px 0px 47px rgba(2, 76, 56, 0.11);
	border-radius: 6px;
	border: 1px solid #FF6732;
	margin-top: .24rem;
}

.less-1 {
	display: -webkit-box;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	word-wrap: break-word;
	word-break: break-all;
	white-space: normal !important;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.less-2 {
	display: -webkit-box;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	word-wrap: break-word;
	word-break: break-all;
	white-space: normal !important;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.less-5 {
	display: -webkit-box;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	word-wrap: break-word;
	word-break: break-all;
	white-space: normal !important;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
}


/**************************jquery-weiui时间选择器重写样式*************************/

.weui-picker-modal {
	height: 5.2rem !important;
}

.toolbar {
	font-size: .34rem !important;
}

.toolbar .toolbar-inner {
	height: .88rem !important;
}

.toolbar .picker-button {
	height: .88rem !important;
	line-height: .88rem !important;
	padding: 0 .2rem !important;
}

.toolbar .title {
	font-size: .34rem !important;
	line-height: .88rem !important;
}

.weui-picker-modal .picker-items {
	font-size: .4rem !important;
	/*font-size: .34rem !important;*/
}

.weui-picker-modal .picker-modal-inner {
	height: 4.32rem !important;
}

.weui-picker-modal .picker-items-col.picker-items-col-divider {
	position: relative;
	bottom: .02rem;
}


/***************说明模态弹框样式**********/

.explain-modal {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: rgba(0, 0, 0, .7);
	z-index: 1000;
	display: none;
}

.explain-box {
	position: fixed;
	margin: auto;
	top: 3rem;
	left: 0;
	right: 0;
	background: #fff;
	width: 6.3rem;
	padding-top: .4rem;
}

.explain-box h3 {
	font-size: .36rem;
	color: #333;
	text-align: center;
}

.explain-box p {
	text-indent: 2em;
	font-size: .32rem;
	color: #333;
	padding: .5rem .2rem .5rem .3rem;
	line-height: .45rem;
}

.explain-box button {
	display: block;
	width: 100%;
	height: .98rem;
	background: linear-gradient(90deg, rgba(11, 197, 184, 1), rgba(42, 217, 143, 1));
	font-size: .36rem;
	color: #fff;
}


/*****************协议模态框***********/

.agreement-modal s {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: rgba(0, 0, 0, .7);
	z-index: 999;
	display: none;
}

.agreement-box {
	width: 100%;
	position: fixed;
	left: 0;
	bottom: 0;
	background: #fff;
	z-index: 1000;
	display: none;
}

.agreement-box h4 {
	text-align: center;
	padding-top: .38rem;
	font-size: .28rem;
	color: #2f2f2f;
}

.agreement-box h4 img {
	position: absolute;
	width: .42rem;
	right: .35rem;
	top: .4rem;
}

.agreement-box p {
	padding: .3rem;
	text-indent: 2em;
	font-size: .24rem;
	color: #2f2f2f;
	max-height: 6rem;
	overflow: auto;
}

/*loading样式黄树晖11.7改*/

.loading-all {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	background-color: #FFFFFF;
	z-index: 9999999999;
}

.loading {
	width: 3rem;
	height: 2rem;
	position: fixed;
	top: 50%;
	left: 50%;
	padding-top: .35rem;
	/*	background: rgba(0, 0, 0, 0.8);*/
	border-radius: .06rem;
	margin-left: -1.5rem;
	margin-top: -1rem;
	z-index: 9999999999999999999999999999;
	text-align: center;
}

.loading-bj {
	background: url(../../images/icon/loading.png);
	width: .75rem;
	height: .75rem;
	background-size: .75rem;
	margin: auto;
	animation: rotateIn 1s .2s linear infinite;
	/* Firefox: */
	-moz-animation: rotateIn 1s .2s linear infinite;
	/* Safari 和 Chrome: */
	-webkit-animation: rotateIn 1s .2s linear infinite;
	/* Opera: */
	-o-animation: rotateIn 1s .2s linear infinite;
}

.loadmask {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 999;
}

.loading p {
	color: #666;
	font-size: .32rem;
	text-align: center;
	margin-top: 0.2rem;
	display: none;
	color: orangered;
}

@-webkit-keyframes rotateIn {
	0% {
		transform: rotate(0)
	}

	100% {
		transform: rotate(360deg)
	}
}

@-moz-keyframes rotateIn {
	0% {
		transform: rotate(0)
	}

	100% {
		transform: rotate(360deg)
	}
}

.page {
	display: none;
}

.page.show {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.page.show_ {
	display: block;
}


/*****没有数据公告方法****/

.no-data {
	font-size: .28rem;
	color: #888;
	text-align: center;
	padding-top: 1rem
}

/*****没有更多数据公告方法****/
.no-more {
	font-size: .28rem;
	color: #888;
	text-align: center;
	padding-top: .5rem
}

/*****弹出样式重写*****/

.weui-actionsheet__cell {
	font-size: .32rem;
	height: 1rem;
	padding: 0;
	line-height: 1rem;
}


/*语音动画*/

@keyframes yuying1 {
	0% {
		height: 0%;
	}

	20% {
		height: 50%;
	}

	50% {
		height: 100%;
	}

	80% {
		height: 50%;
	}

	100% {
		height: 0%;
	}
}

#container {
	position: fixed;
	top: 30%;
	left: 50%;
	width: 2rem;
	height: .5rem;
	margin-left: -1rem;
	margin-top: -.25rem;
	text-align: center;
	display: none;
}

#container #one {
	animation: yuying1 0.6s infinite 0.1s;
	-webkit-animation: yuying1 0.6s infinite 0.1s;
}

#container #two {
	animation: yuying1 0.6s infinite 0.2s;
	-webkit-animation: yuying1 0.6s infinite 0.2s;
}

#container #three {
	animation: yuying1 0.6s infinite 0.3s;
	-webkit-animation: yuying1 0.6s infinite 0.3s;
}

#container #four {
	animation: yuying1 0.6s infinite 0.4s;
	-webkit-animation: yuying1 0.6s infinite 0.4s;
}

#container #five {
	animation: yuying1 0.6s infinite 0.5s;
	-webkit-animation: yuying1 0.6s infinite 0.5s;
}

#one,
#two,
#three,
#four,
#five {
	width: .06rem;
	height: 100%;
	margin-left: .1rem;
	border-radius: 50px;
	background-color: #45e0af;
	vertical-align: middle;
	display: inline-block;
}

.weui-loadmore_line .weui-loadmore__tips {
	background: none;
}

.weui-loadmore_line {
	border: none;
}

.weui-mask {
	z-index: 1100 !important;
}

.not_ava {
	text-align: center;
	width: 100%;
	padding-top: 1rem;
}

.not_ava img {
	width: 2.9rem;
	display: block;
	margin: 0 auto;
}



.weui-cells_checkbox .weui-check:checked+.weui-icon-checked:before {
	color: #39DDB0 !important;
}


/**无数据占位图片**/
.not_center {
	padding-top: 2rem;
	text-align: center;
}

.not_center img {
	width: 2.5rem;
}


.not_center p {
	margin-top: .2rem;
	color: #888;
}

.not_center .not-bot {
	display: block;
	margin: auto;
	width: 2.6rem;
	height: .7rem;
	text-align: center;
	line-height: .65rem;
	color: #15CDA9;
	border: 1px solid #15CDA9;
	border-radius: .35rem;
	margin-top: .28rem;
}



/***头像公告样式，需要统一**/
.user-head-box {
	position: relative;
	border-radius: 50%;
}

.user-head-box img {
	width: auto;
	height: 100%;
	position: absolute;
	margin: auto;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;

}


/**新增提醒和分享按钮组**/
.share_btn_group {
	padding-top: .3rem;
}

.share_btn_group .btn {
	float: right;
	width: 1.7rem;
	border: 1px solid rgba(88, 226, 181, 1);
	border-radius: .04rem;
	margin-left: .15rem;
	font-size: .26rem;
	color: #45E0AF;
	text-align: center;
	padding: .01rem 0;

}

.share_btn_group:after {
	content: "";
	display: block;
	clear: both;
}

.share_btn_group .btn img {
	margin-right: .05rem;
	position: relative;
	top: .02rem;
}




/*分享提示遮罩层*/

.family-reminder {
	position: fixed;
	top: 0;
	left: 0;
	background-color: #000;
	background: rgba(0, 0, 0, .6);
	width: 100%;
	height: 100%;
	z-index: 2000;
}

.family-reminder .bg-box {
	position: absolute;
	right: .35rem;
	top: .3rem;
	width: 5.83rem;
	height: 2.72rem;
	background: url(../../images/icon/share.png) no-repeat;
	background-size: cover;
}

.family-reminder .bg-box p {
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 5.05rem;
	height: 1.14rem;
	color: #fff;
	box-sizing: border-box;
	font-size: .28rem;
	padding: .15rem 0 0 .2rem;
}


/******中间弹窗选择框*******/
.flex_box {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .3);
	display: flex;
	display: -webkit-flex;
	align-items: center;
	justify-content: center;
	z-index: 5000;
}

.center_box {
	background: #fff;
	border-radius: .1rem;
	width: 72%;
	position: relative;
	bottom: 2rem;
}

.center_box div {
	height: 1rem;
	line-height: 1rem;
	text-align: left;
	border-top: 1px solid #eee;
	padding-left: .4rem;
	position: relative;
}

.center_box div span {
	color: #333;
	font-size: .32rem;
}

.center_box div:first-child {
	border-top: none;
}


/*****针对video小窗口播放样式*****/
.videoPlayBox {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 1);
	z-index: 3000;
	display: none;
}

.closeVideo {
	position: absolute;
	top: .1rem;
	right: .5rem;
	width: .5rem;
	height: .5rem;
	background: rgba(255, 255, 255, .7);
	border-radius: .05rem;
	z-index: 2000;
}

.closeVideo img {
	width: 60%;
	height: 60%;
	position: absolute;
	margin: auto;
	right: 0;
	left: 0;
	bottom: 5px;
}

.videoPlay {
	position: absolute;
	width: 100%;
	height: 93%;
	margin: auto;
	left: 0;
	right: 0;
	bottom: 2px;
	z-index: 1000;
}


.videoPlayBox .downloadbtn {
	position: fixed;
	width: .9rem;
	height: .9rem;
	top: 0;
	left: .5rem;
	z-index: 2000;
}

.videoPlayBox .downloadbtn img {
	width: 100%;
}



/**所有的发布页面语言识别和录音按钮和录音预览听**/
.voice_btn_group:after {
	content: '';
	display: block;
	clear: both;
}

.voice_btn_group {
	margin-top: .2rem;
}


.voice_btn_group .left {
	float: left;
	width: 3.04rem;

}

.voice_btn_group .right {
	float: right;
	width: 3.04rem;
}


.voice {
	display: block;
	height: .96rem;
	width: 100%;
	line-height: .96rem;
	background-color: rgba(107, 235, 173, .15);
	color: #1ED19F;
	border: 1px solid #1ED19F;
	border-radius: .06rem;
	text-align: center;
}

.voice>img {
	width: .24rem;
	margin-right: .1rem;
	position: relative;
	top: .04rem;
}



/*******回复热词列表*******/
.hot_word:after {
	content: "";
	display: block;
	clear: both;
}

.hot_word {
	padding: .16rem .2rem 0 .2rem;
}

.hot_word li {
	float: left;
	font-size: .3rem;
	color: #888;
	padding: .1rem .2rem;
	margin-right: .18rem;
	margin-bottom: .16rem;
	border: .02rem solid rgba(218, 218, 218, 1);
}

.hot_word li:last-child {
	margin-right: 0;
}


.text_over {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}



.faceMask {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .6);
	z-index: 5000;
	display: none;
}

.faceBox {
	position: fixed;
	margin: auto;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 6rem;
	height: 6.5rem;
	background: #fff;
	border-radius: .1rem;
}

.faceBox .close_black {
	width: .6rem;
	height: .6rem;
	position: absolute;
	top: -.25rem;
	right: -.25rem;
}

.faceBox .codeBox {
	width: 4rem;
	height: 4rem;
	border: .06rem solid rgba(57, 221, 176, 1);
	padding: .04rem;
	margin: .9rem auto .4rem auto;
}


.faceBox .codeBox img {
	width: 100%;
}

.faceMask p {
	font-size: .28rem;
	color: #333;
	text-align: center;
}


/**********************************************************************************新风格公共样式***************************************************/
/******没有数据图文提示*****/
.no_data_box img {
	display: block;
	margin: auto;
}

.no_data_box p {
	text-align: center;
	font-size: .3rem;
	color: #333;
	padding-top: .4rem;
}

/*************多个下拉筛选排版*************/
.screen_box {
	display: flex;
	display: -webkit-flex;
	justify-content: space-around;
	align-items: center;
	height: 1.03rem;
	background: rgba(245, 246, 250, 1);
	border-bottom: 1px solid #eee;
	border-radius: .1rem;
}

.screen_box div {
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 1;
}

.screen_box div span,
.screen_box div input {
	font-size: .3rem;
	font-weight: 300;
	color: rgba(136, 142, 162, 1);
}

.screen_box div input {
	display: inline-block;
	max-width: 1.8rem;
	text-align: right;
}

.screen_box div img {
	width: .26rem;
	margin-left: .1rem;
}


/*********************导航式轮播切换样式*********************/
.nav_swiper_box {
	border-bottom: 1px solid #eee;
}

.nav_swiper_box .swiper-slide {
	display: inline-block;
	width: auto;
	position: relative;
	display: flex;
	align-items: center;
	height: .8rem;
	margin-right: .6rem;
}

.nav_swiper_box .swiper-slide:first-child {
	margin-left: .4rem;
}

.nav_swiper_box .swiper-slide span {
	color: rgba(120, 124, 131, 1);
	font-size: .3rem;
}

.nav_swiper_box .swiper-slide.active span {
	font-size: .36rem;
	color: #333;
}

.nav_swiper_box .swiper-slide s {
	width: .79rem;
	height: .06rem;
	background: rgba(28, 196, 139, 1);
	border-radius: .03rem;
	position: absolute;
	bottom: 0;
	left: 0;
	display: none;
}

.nav_swiper_box .swiper-slide.active s {
	display: block;
}





/*********************块状导航式轮播切换样式*********************/

.rect_swiper_box .swiper-slide {
	display: inline-block;
	width: auto;
	position: relative;
	display: flex;
	margin-right: .16rem;
	align-items: center;
	height: .8rem;
}

.rect_swiper_box .swiper-slide:first-child {
	margin-left: .4rem;
}

.rect_swiper_box .swiper-slide span {
	display: inline-block;
	padding: .06rem .2rem;
	color: #22CD93;
	font-size: .28rem;
	border-radius: .04rem;
	border: 1px solid rgba(34, 205, 147, 1);
}

.rect_swiper_box .swiper-slide.active span {
	color: #fff;
	background: #22CD93;
	border: none;
}




/****************************悬停右下角悬停按钮样式***************************/
.hover_handle_btn {
	width: 1.68rem;
	height: 1.3rem;
	text-align: center;
	background: #22CD93;
	border-top-left-radius: 65px;
	border-bottom-left-radius: 65px;
	padding-top: .2rem;
	position: fixed;
	right: 0;
	bottom: 1.5rem;
}

.hover_handle_btn img {
	width: .42rem;
	display: block;
	margin: auto;
}

.hover_handle_btn span {
	font-size: .3rem;
	color: #fff;
}

/****************底部导航***************/
.new_footer {
	display: flex;
	display: -webkit-flex;
	height: .98rem;
}

.new_footer div {
	flex: 1;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	align-items: center;

}

.new_footer div img {
	width: .85rem;
}



/********请假详情页面驳回理由弹窗********/
.bohui-pup {
	position: fixed;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .6);
	top: 0;
	left: 0;
	z-index: 1000;
}

.bohui-box {
	position: fixed;
	background: #fff;
	border-radius: .1rem;
	width: 80%;
	height: 3rem;
	margin: auto;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

.bohui-box .title {
	font-size: .32rem;
	text-align: center;
	color: #333;
	font-weight: bold;
	padding: .3rem 0;
}

.bohui-box .bohui-input-box-father {
	padding: .3rem;
	padding-top: 0;

}

.bohui-box .bohui-input-box {
	height: .88rem;
	border: 1px solid #eee;
	display: flex;
	align-items: center;
}

.bohui-box .bohui-input-box input {
	font-size: .28rem;
	padding-left: .3rem;
	width: 100%;
}

.bohui-box .btn {
	display: flex;
	border-top: 1px solid #d5d5d6;
}

.bohui-box .btn a {
	flex: 1;
	height: .96rem;
	line-height: .96rem;
	text-align: center;
	color: #fff;
	font-size: .32rem;
	background: linear-gradient(to right, #39DDB0, #6EECAC);
}

.bohui-box .btn .yes {
	border-bottom-right-radius: .1rem;
}

.bohui-box .btn .no {
	color: #5A5C5B;
	background: #fff;
	border-bottom-left-radius: .1rem;
}


#weui-prompt-input::placeholder {
	font-size: .28rem;
}