/*初始化类*/
[v-cloak] {
	display: none;
}

@charset "UTF-8";

html {
	/* font-family: "Helvetica Neue", Helvetica, sans-serif; */
	font-size: 14px;
}

html,
body {
	-webkit-touch-callout: none;
	-webkit-text-size-adjust: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-user-select: auto;
	width: 100%;
}

/* input,
textarea,
select {
	font-size: 14px !important;
}

input:focus,
textarea:focus,
select:focus {
	font-size: 16px !important;
} */
body {
	line-height: 1.5;
	font-size: 14px;
	color: #212121;
	background-color: #ffffff;
	outline: 0;
	overflow-y: hidden;
	overflow-x: hidden;
	padding-top: constant(safe-area-inset-top);
	padding-top: env(safe-area-inset-top);
	padding-bottom: constant(safe-area-inset-bottom);
	padding-bottom: env(safe-area-inset-bottom);
	padding-left: constant(safe-area-inset-left);
	padding-left: env(safe-area-inset-left);
	padding-right: constant(safe-area-inset-right);
	padding-right: env(safe-area-inset-right);
}


html,
body,
header,
section,
footer,
div,
ul,
ol,
li,
img,
a,
span,
em,
del,
legend,
center,
strong,
var,
fieldset,
form,
label,
dl,
dt,
dd,
cite,
input,
hr,
time,
mark,
code,
figcaption,
figure,
textarea,
h1,
h2,
h3,
h4,
h5,
h6,
p {
	margin: 0;
	border: 0;
	padding: 0;
	font-style: normal;
	margin-block-start: 0em;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
}

* {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-user-select: auto;
	-webkit-tap-highlight-color: transparent;
	outline: none;
}

@media only screen and (min-width: 400px) {
	html {
		font-size: 21.33333333px !important;
	}
}

@media only screen and (min-width: 414px) {
	html {
		font-size: 21px !important;
	}
}

@media only screen and (min-width: 480px) {
	html {
		font-size: 25.6px !important;
	}
}

ul,
li {
	list-style: none;
}

h3 {
	font-size: 16px;
	font-weight: 24px;
	font-weight: 400;
	color: rgba(0, 0, 0, 0.87);
}

p {
	font-size: 14px;
	/* line-height: 22px; */
	color: rgba(0, 0, 0, 0.87);

}

span {
	font-size: 12px;
	font-weight: 20px;
}

a {
	color: #0062cc;
	text-decoration: none;
	background-color: transparent;
}

textarea {
	overflow: hidden;
	resize: none;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
input,
select,
textarea {
	font: inherit;
	color: inherit;
}

/*自动隐藏文字*/
.line {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
}


.line-1 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.line-2 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.line-3 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}


/*水平线*/
.margin-xs {
	margin: 8px;
}

.margin {
	margin: 16px;
}

.margin-xl {
	margin: 24px;
}

.margin-xxl {
	margin: 32px;
}

.margin-t-xs {
	margin-top: 8px;
}

.margin-t-xxs {
	margin-top: 4px;
}

.margin-t {
	margin-top: 16px;
}

.margin-t-xl {
	margin-top: 24px;
}

.margin-t-xxl {
	margin-top: 32px;
}



.margin-l-xxs {
	margin-left: 4px;
}

.margin-l-xs {
	margin-left: 8px;
}

.margin-l {
	margin-left: 16px;
}

.margin-l-xl {
	margin-left: 24px;
}

.margin-l-xxl {
	margin-left: 32px;
}

.margin-r-xxs {
	margin-left: 4px;
}

.margin-r-xs {
	margin-right: 8px;
}

.margin-r {
	margin-right: 16px;
}

.margin-r-xl {
	margin-right: 24px;
}

.margin-r-xxl {
	margin-right: 32px;
}

.margin-b-xxs {
	margin-bottom: 4px;
}

.margin-b-xs {
	margin-bottom: 8px;
}

.margin-b {
	margin-bottom: 16px;
}

.margin-b-xl {
	margin-bottom: 24px;
}

.margin-b-xxl {
	margin-bottom: 32px;
}


.padding-xs {
	padding: 8px;
}

.padding-box {
	padding: 8px 16px;
}

.padding {
	padding: 16px;
}

.padding-xl {
	padding: 24px;
}

.padding-xxl {
	padding: 32px;
}


.padding-t-xs {
	padding-top: 8px;
}

.padding-t {
	padding-top: 16px;
}

.padding-t-xl {
	padding-top: 24px;
}

.padding-t-xxl {
	padding-top: 32px;
}


.padding-l-xs {
	padding-left: 8px;
}

.padding-l {
	padding-left: 16px;
}

.padding-l-xl {
	padding-left: 24px;
}

.padding-l-xxl {
	padding-left: 32px;
}

.padding-r-xxs {
	padding-right: 4px;
}

.padding-r-xs {
	padding-right: 8px;
}

.padding-r {
	padding-right: 16px;
}

.padding-r-xl {
	padding-right: 24px;
}

.padding-r-xxl {
	padding-right: 32px;
}

.padding-b-xs {
	padding-bottom: 8px;
}

.padding-b {
	padding-bottom: 16px;
}

.padding-b-xl {
	padding-bottom: 24px;
}

.padding-b-xxl {
	padding-bottom: 32px;
}

.text-xxl {
	font-size: 18px;
}

.text-xl {
	font-size: 16px;
}

.text-normal {
	font-size: 14px;
}

.text-xs {
	font-size: 12px;
}

.text-blue {
	color: #F7A11C;
}

.text-primary {
	color: #F7A11C;
}

.text-link {
	color: #F7A11C;
	text-decoration: underline;
}


.text-black {
	color: rgba(0, 0, 0, 0.87);
}

.text-half-black {
	color: rgba(18, 18, 18, 0.74);
}

.text-red {
	color: #EE0A24;
}

.text-grey {
	color: rgba(18, 18, 18, 0.74);
	/* rgba(0, 0, 0, 0.4); */
}
.big-text{
	font-size: 16px;
	color: #000000;
	font-weight: bold;
}
.small-text{
	font-size: 12px;
	color: rgba(0, 0, 0, 0.3);
}

.text-gray {
	color: rgba(18, 18, 18, 0.38);
}

.text-blod {
	font-weight: bold;
	font-weight: 600;
}

.text-orange {
	color: #b9825e;
}

/* 自动换行 */
.text-mulit {
	white-space: pre-wrap;
	word-break: break-all;
}

/* .text-grey {
	color: rgba(18, 18, 18, 0.74);
} */

.bg-white {
	background-color: #ffffff;
}

.bg-gray {
	background-color: #F5F5F5;
}

.bg-red {
	background-color: #d81e06 !important;
}

.bg-gradual-red {
	background-image: linear-gradient(45deg, #f43f3b, #ec008c);
	color: #ffffff;
}

.bg-gradual-orange {
	background-image: linear-gradient(45deg, #ff9700, #ed1c24);
	color: #ffffff;
}

.bg-gradual-green {
	background-image: linear-gradient(45deg, #39b54a, #8dc63f);
	color: #ffffff;
}

.bg-gradual-purple {
	background-image: linear-gradient(45deg, #ABB4FF, #727DFF);
	color: #ffffff;
}

.bg-gradual-pink {
	background-image: linear-gradient(45deg, #ec008c, #6739b6);
	color: #ffffff;
}

.bg-gradual-blue {
	/* background-image: linear-gradient(180deg, #4b82c1, #F7A11C); */
	background: linear-gradient(278deg, #F7A11C -6%, #ED6C00 99%);
	color: #ffffff;
	background: linear-gradient(131deg, #004098 2%, #0783DC 94%), linear-gradient(143deg, #004098 -121%, #0783DC 78%), #D8D8D8;
}

.bg-gradual-yellow {
	background-image: linear-gradient(45deg, #bd8864, #d8b190);
	color: #ffffff;
}



.border-bottom {
	border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

.border-top {
	border-top: 1px solid rgba(0, 0, 0, 0.12);
}


.shadow_down {
	/* box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.12); */
	box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.15);
}

.shadow {
	box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.3);
	/* box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.12);
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.14); */
}


/* 标题栏搜索框 */
.title-search-box {
	width: 200px;
	/* background-color: #F3F3F3; */
	/* border-radius: 15px; */
	height: 30px;
	display: flex;
	align-items: center;
}

.title-search-box .van-search {
	padding: 0px 0px;
}


.title-search-box.van-cell {
	padding: 0px 16px;
}

/* .title-search-box.van-cell:active{
	border-radius: 999px;
	background: #F7A11C;
} */

.title-search-box .van-search .van-icon {
	color: #9B9EA1;
	font-size: 20px;
}

.van-cell__title span {
	/* font-size: 14px; */
}



.border-button {
	width: 66px;
	height: 22px;
	border-radius: 16px;
	border: solid 1px #F7A11C !important;
	background: rgba(0, 78, 168, 0.12);
	text-align: center;
	color: #F7A11C;
	font-size: 12px;
	font-weight: 400;
	line-height: 20px;
}

.border-button:active {
	background: rgba(110, 139, 240, 0.3);
}

.van-tabs--card {
	background-color: #F5F5F5;
	height: 44px;
}

.van-tabs--card .van-tabs__wrap {
	height: 44px;
}

.van-tabs--card .van-tabs__nav--card {
	background-color: #F5F5F5;
	height: 44px;
	margin: 0px;

}

.van-tabs--card .van-tab {
	height: 44px;
	background-color: #F5F5F5;
	border: none;
	z-index: 1;
}

.van-tabs__nav--card {
	border: none;
}

.van-tab__text {
	font-size: 14px;
	color: #666666;
}


.van-tabs__nav--card .van-tab.van-tab--active {
	height: 44px;
	background: linear-gradient(278deg, rgb(247, 161, 28) -6%, rgb(237, 108, 0) 99%);
	background: linear-gradient(105deg, #004098 -10%, #0783DC 105%), linear-gradient(306deg, #F7A11C -30%, #ED6C00 108%), linear-gradient(0deg, #ABB4FF -161%, #727DFF 100%);
}

.van-tabs__nav--card .van-tab__text {
	font-weight: 600;
}

.van-tabs--card .van-tab--active .van-tab__text {
	color: #ffffff;
}

.van-overlay {
	background-color: rgba(0, 0, 0, .35);
}



/* 浮动按钮 */
.float-button {
	position: absolute;
	right: 40px;
	bottom: 52px;
	min-width: 110px;
	height: 32px;
	background-color: #F7A11C;
	border-radius: 16px;
	padding: 0px 16px;
	color: #ffffff;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 0.1px;
	line-height: 32px;
	box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
	box-shadow: 0px 12px 17px 2px rgba(0, 0, 0, 0.14);
}

.float-circle-button {
	width: 48px;
	height: 48px;
	min-width: 48px;
	border-radius: 24px;
	line-height: 48px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: fixed;
	bottom: 24px;
	right: 16px;
	box-shadow: 0px 0px 4px 2px rgba(33, 33, 33, 0.2);

}

.float-circle-button i {
	font-size: 20px;
}


.list-box .list-title {
	font-size: 14px;
	color: rgba(0, 0, 0, 0.87);
}

.list-box .list-content {
	font-size: 12px;
	color: rgba(18, 18, 18, 0.38);
}


/* 朴素按钮 */
.plain-button {
	min-width: 60px;
	height: 32px;
	line-height: 32px;
	color: rgba(0, 0, 0, 0.6);
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 0.1px;
	border-radius: 8px;
	border: solid 1px rgba(0, 0, 0, 0.12);
	text-align: center;
}

.plain-button:active {
	background-color: #E3E3E3;
}

.plain-button+.btn-primary {
	color: #F7A11C;
	border: solid 1px #F7A11C;
}



.grid-box .van-grid-item__content:active {
	background-color: #E3E3E3;
	border-radius: 4px;
}


.grid-box .van-icon {
	color: #666666
}

.flex-fill {
	flex: 1;
}

.text-content-title {
	color: rgba(0, 0, 0, 0.87);
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 0.1px;
	line-height: 22px;
}

.text-content {
	color: rgba(18, 18, 18, 0.74);
	font-size: 12px;
	font-weight: 400;
	letter-spacing: 0.1px;
	line-height: 22px;
}


.text-dis {
	color: rgba(18, 18, 18, 0.38);
	font-size: 12px;
	font-weight: 400;
	line-height: 20px;
}

.text-url {
	color: #F7A11C;
	font-size: 12px;
	font-weight: 400;
	line-height: 20px;
	letter-spacing: 0.4px;
}


.first-title-box {
	display: flex;
	padding: 8px 16px;
	align-items: center;
	/* margin-top: 16px; */
}

.first-title-box p {
	flex: 1;
	color: rgba(0, 0, 0, 0.74);
	font-size: 20px;
	font-weight: 400;
	line-height: 32px;
	letter-spacing: 0.3px;
}

.text-button {
	line-height: 22px;
	padding: 4px 8px;
	color: rgba(0, 0, 0, 0.6);
	text-align: right;
}

.text-button:active {
	color: #2751ed;
}


.van-sidebar {
	/* width: 100px; */
	background: rgba(0, 0, 0, 0.03);
}

.van-sidebar-item__text {
	font-size: 12px;
	line-height: 24px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}



.van-popup {
	background-color: transparent;
}

.van-popup.van-popup--right {
	top: calc(50vh + 15px);
	padding: 10px 0px 10px 10px;
}

.van-popup.van-popup--right .pop-right-box {}

/* 右侧弹出栏演示 */
.pop-right-box {
	width: 60vw;
	opacity: 0.93;
	height: calc(100vh - 160px);
	background-color: #FFFFFF;
	border-top-left-radius: 16px;
	border-bottom-left-radius: 16px;
	overflow-y: auto;
	display: flex;
	flex-direction: column;
	box-shadow: -1px 0px 2px 2px rgba(122, 122, 122, 0.2);

}

.pop-right-box .router-item {
	font-size: 16px;
	height: 40px;
	width: 100%;
	display: flex;
	align-items: center;
	padding-right: 10px;
}

.pop-right-box .router-item:active {
	background-color: #F3F3F3
}

.pop-right-box .router-item p {
	flex: 1;
}

.pop-right-box .pop-content {
	height: 100%;
	overflow-y: auto;
}

.pop-right-box .pop-content .pop-content-loading {
	min-height: 40vh;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}



.van-popup.van-popup--bottom {
	border-top-left-radius: 16px;
	border-top-right-radius: 16px;
	background: #ffffff;
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.12);
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.14);
}

.van-popup .pop-box {
	height: 60vh;
	width: 200px;
	padding: 16px 10px;
	border-top-left-radius: 16px;
	border-bottom-left-radius: 16px;
	background: #ffffff;
	border: 1px solid rgba(0, 0, 0, 0.12);
	;
	box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12);
	box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.14);
}

.van-nav-bar {
	z-index: 2009;
}

.van-nav-bar .van-icon {
	font-size: 500;
	font-size: 20px;
	color: rgba(0, 0, 0, 0.74);
}

.van-nav-bar__text {
	color: rgba(0, 0, 0, 0.74);
	font-size: 20px;
	font-weight: 600;
	padding-left: 8px;
}


[v-clock] {
	display: none;
}


.van-badge {
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
	border-bottom-left-radius: 0px;
	letter-spacing: 1.5px;
	background-color: #F7A11C;
}


.van-empty .van-empty__image {
	width: 124px;
	height: 124px;
}

.empty-icon {
	width: 124px !important;
	/* height: 124px; */
}


/* 圆形 */
.circle-head {
	width: 40px;
	height: 40px;
	background: linear-gradient(131deg, #004098 2%, #0783DC 94%), linear-gradient(143deg, #004098 -121%, #0783DC 78%), #D8D8D8;
	border-radius: 40px;
	line-height: 40px;
	font-size: 20px;
	text-align: center;
	color: #FFFFFF;
}

/*ios使用sticky样式实现*/
.nav-sticky {
	z-index: 9999;
	/*需设置zIndex,避免在悬停时,可能会被列表数据遮住*/
	position: -webkit-sticky;
	position: sticky;
	top: 0px;
	/*相对mescroll的div悬停的位置*/
}

/*android和pc端悬停*/
.nav-fixed {
	z-index: 9999;
	position: fixed;
	top: 46px;
	left: 0;
	width: 100%;
}


.pop-title-box {
	display: flex;
	padding: 10px 16px;
	margin-top: 6px;
}

.pop-title-box p {
	flex: 1;
	color: rgba(0, 0, 0, 0.74);
	font-size: 20px;
	font-weight: 400;
	line-height: 32px;
	letter-spacing: 0.3px;
}


.pop-class-title {
	height: 40px;
	line-height: 40px;
	font-weight: 600;
	padding: 0px 16px 0px 32px;
	position: relative;
	color: #333333;
	color: rgba(0, 0, 0, 0.87);
	font-size: 16px;
	display: flex;
	align-items: center;
}

.pop-class-title:before {
	content: "";
	left: 16px;
	top: 12px;
	position: absolute;
	/* background: linear-gradient(180deg, #F7A11C, #4b82c1); */
	background: linear-gradient(0deg, #f4aa7c, #cc8e68);
	border-radius: 2px;
	width: 8px;
	height: 16px;
}

.pop-class-title p {
	font-size: 16px;
}




.rotate_font,
.rotate_90
{
	/* margin: 60px; */
	display: inline-block;
	/* line-height: 10px; */
	transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-o-transform: rotate(90deg);
}

.rotate_180 {
	/* margin: 60px; */
	display: inline-block;
	/* line-height: 10px; */
	transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-o-transform: rotate(180deg);
}

.rotate_270 {
	/* margin: 60px; */
	display: inline-block;
	/* line-height: 10px; */
	transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	-moz-transform: rotate(270deg);
	-webkit-transform: rotate(270deg);
	-o-transform: rotate(270deg);
}


/* 右侧或者其它有图标的点击区域 */
.class-right-button {
	color: #999999;
	width: 48px;
	height: 100%;
	text-align: center;
	font-size: 12px;
	font-weight: 400;
	line-height: 20px;
	letter-spacing: 0.4px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.class-right-button:active {
	color: #666666;
}

.border-box-radio {
	border: 1px solid rgba(0, 0, 0, 0.12);
	border-radius: 4px;
	padding: 0px 8px;
	line-height: 20px;
	color: rgba(18, 18, 18, 0.87);
}

.border-box-round {
	border: 1px solid #c8c8c8;
	border-radius: 40px;
	padding: 0px 8px;
	line-height: 20px;
}

.round-text {
	background-color: #ED6C00;
	width: 32px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	border-radius: 16px;
	color: #FFFFFF;
}



.van-calendar__day--end,
.van-calendar__day--multiple-middle,
.van-calendar__day--multiple-selected,
.van-calendar__day--start,
.van-calendar__day--start-end {
	color: #fff;
	background-color: #6e8bf0;
}

.van-calendar__day--middle {
	color: #6e8bf0;
}


.van-button--info {
	color: #fff;
	background-color: #004098;
	border: 1px solid #004098;
}

.van-button--plain {
	background-color: #fff;
}

.van-button--plain.van-button--info {
	color: #004098;
}


.schedule .van-cell__title {
	position: relative;
}

.schedule .van-cell__title::after {
	position: absolute;
	right: 0px;
	top: 5px;
	content: "";
	height: 15px;
	width: 1px;
	background-color: rgba(0, 0, 0, 0.6);
}

.schedule .van-cell__title span {
	color: #004098;
}


.sub-type .van-overlay {
	background-color: rgba(255, 255, 255, .1);
}


.wp-status-indoing {
	width: 88px;
	height: 24px;
	line-height: 24px;
	padding: 0px 4px;
	color: #FFFFFF;
	text-align: center;
	font-size: 12px;
	font-weight: 400;
	border-radius: 4px;
	background: linear-gradient(180deg, #4b82c1, #F7A11C);
}

.wp-stauts-intime {
	width: 88px;
	height: 24px;
	line-height: 24px;
	padding: 0px 4px;
	color: #FFFFFF;
	text-align: center;
	font-size: 12px;
	font-weight: 400;
	border-radius: 4px;
	background: linear-gradient(180deg, #44e58d, #36b470);
}


.wp-stauts-delayed {
	width: 88px;
	height: 24px;
	line-height: 24px;
	padding: 0px 4px;
	color: #FFFFFF;
	text-align: center;
	font-size: 12px;
	font-weight: 400;
	border-radius: 4px;
	background: linear-gradient(180deg, #ffba58, #f88d2b);
}

.wp-status-suspended {
	width: 88px;
	height: 24px;
	line-height: 24px;
	padding: 0px 4px;
	color: #FFFFFF;
	text-align: center;
	font-size: 12px;
	font-weight: 400;
	border-radius: 4px;
	background: linear-gradient(180deg, #ff5537, #ff0000);
}


.full-skeleton {
	position: fixed;
	top: 46px;
	bottom: 0px;
	left: 0;
	right: 0;
	background-color: #FFFFFF;
	z-index: 10;
}

.van-cell .van-cell__label {
	margin-top: 8px;
	line-height: 22px;
}


.divide-border {
	height: 8px;
	background-color: #F3F3F3;
	width: 100%;
}

.border {
	border: 1px solid #E3E3E3;
	border-radius: 8px;
}


.center-bottom-border {
	position: relative;
}

.center-bottom-border:after {
	bottom: 0px;
	left: 16px;
	right: 16px;
	content: "";
	height: 1px;
	background: #E3E3E3;
	position: absolute;
}


.community-box {
	width: calc(50vw - 20px);
	position: relative;
	height: auto;
	margin-bottom: 8px;
	cursor: pointer;
}

.community-foot {
	display: flex;
	align-items: center;
	position: absolute;
	bottom: 0px;
	left: 0px;


	right: 0px;
	width: 100%;
	background-color: rgba(0, 0, 0, 0.6);
	padding: 4px 8px 0px 8px;
}

.commonity-foot-action {
	background-color: #b9825e;
	width: 24px;
	height: 20px;
	border-radius: 2px;
	margin-bottom: 4px;
	text-align: center;
}

/* 首页我的文档 */
.card-list-box {
	display: flex;
	flex-wrap: wrap;
	margin: 10px 6px 0px 16px;
}

.card-list-box .card-box {
	width: calc(25% - 10px);
	height: 64px;
	border-radius: 4px;
	background: rgba(110, 139, 240, 0.04);
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.12);
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.14);
	margin-right: 10px;
	margin-bottom: 16px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	background-image: url(../img/doc_background.png);
	background-size: 100% 100%;

}

.card-list-box .card-box:active {
	background: rgba(110, 139, 240, 0.24);
	border-radius: 4px;
}

.card-list-box .van-icon.arrow-bg {
	color: #FFFFFF;
	font-size: 12px;
	line-height: 12px;
	padding: 2px;
	width: 16px;
	height: 16px;
	background: #e3e3e3;
	border-bottom-right-radius: 4px;
}

.card-list-box .card-box.selected {
	background: rgba(110, 139, 240, 0.24);
	border-radius: 4px;
}

.my-doc-box {
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 30px;
}

.my-doc-box:active {
	background-color: #F3F3F3;
	border-radius: 6px;
}

.my-badge {
	background-color: red;
	width: 6px;
	height: 6px;
	border-radius: 4px;
	position: absolute;
	right: 0px;
	top: 0px;
}

.grid-box {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	padding-bottom: 8px;
}


.grid-box .grid-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 8px 0px 0px 0px;
	flex-basis: 20%;
	color: rgb(255, 255, 255);
}


.grid-content {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 8px 4px;
}

.grid-box .grid-content:active {
	background-color: rgba(22, 23, 24, 0.1);
	border-radius: 8px;
}

.grid-box .grid-icon {
	width: 36px;
	height: 36px;
	margin-bottom: 8px;
}

.grid-icon-holder {
	border-radius: 32px;
	margin-bottom: 4px;
	background-color: #F3F3F3;
}

.grid-box .grid-text {
	height: 22px;
	line-height: 22px;
	font-size: 13px;
	height: 21px;
	/* min-width: 60px; */
	color: #333333;
}

.grid-text-holder {
	width: 40px;
	background-color: #F3F3F3;
	height: 21px;
}

.divide-radio {
	position: absolute;
	bottom: 0px;
	left: 0px;
	right: 0px;
	height: 16px;
	border-top-left-radius: 16px;
	border-top-right-radius: 16px;
	background-color: #FFFFFf;
}

.class-box {
	height: 48px;
	display: flex;
	align-items: center;
}

.class-box .class-title {
	flex: 1;
	font-size: 18px;
	font-weight: 600;
	line-height: 48px;
	color: #333333;
}

.class-box .class-right {
	color: #121212;
	width: 48px;
	height: 100%;
	text-align: center;
	font-size: 12px;
	font-weight: 400;
	line-height: 20px;
	letter-spacing: 0.4px;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.class-box .class-right:active {
	color: #666666;
}

.notice-bar-box {
	height: 32px;
	background-color: #ffffff;
	border-radius: 16px;
}

.notice-bar-box .van-notice-bar {
	background-color: transparent;
	height: 32px;
	display: flex;
	align-items: center;
	color: #333333;
}

.notice-bar-box .van-notice-bar .van-icon {
	color: #F7A11C;
}


.mescroll-totop {
	bottom: 90px;
	width: 48px;
	height: 48px;
}

.loading-icon {
	animation: spin 2s linear infinite;
	-webkit-animation: spin 2s linear infinite;
}

@keyframes spin {
	from {
		transform: rotateY(0deg);
	}

	to {
		transform: rotateY(360deg);
	}
}

/* 首页加载动画 */
@-webkit-keyframes line-scale-pulse-out {
	0% {
		-webkit-transform: scaley(1);
		transform: scaley(1);
	}

	50% {
		-webkit-transform: scaley(0.4);
		transform: scaley(0.4);
	}

	100% {
		-webkit-transform: scaley(1);
		transform: scaley(1);
	}
}

@keyframes line-scale-pulse-out {
	0% {
		-webkit-transform: scaley(1);
		transform: scaley(1);
	}

	50% {
		-webkit-transform: scaley(0.4);
		transform: scaley(0.4);
	}

	100% {
		-webkit-transform: scaley(1);
		transform: scaley(1);
	}
}

.line-scale-pulse-out{
	position: absolute;
	top: 15px;
}

.line-scale-pulse-out>div {
	background-color: #F7A11C;
	width: 3px;
	height: 20px;
	border-radius: 2px;
	margin: 0px;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	display: inline-block;
	-webkit-animation: line-scale-pulse-out 0.9s -0.6s infinite cubic-bezier(0.85, 0.25, 0.37, 0.85);
	animation: line-scale-pulse-out 0.9s -0.6s infinite cubic-bezier(0.85, 0.25, 0.37, 0.85);
}

.line-scale-pulse-out>div:nth-child(2),
.line-scale-pulse-out>div:nth-child(4) {
	-webkit-animation-delay: -0.4s !important;
	animation-delay: -0.4s !important;
}

.line-scale-pulse-out>div:nth-child(1),
.line-scale-pulse-out>div:nth-child(5) {
	-webkit-animation-delay: -0.2s !important;
	animation-delay: -0.2s !important;
}