html,
body {
	height: 100%;
}
/* 图标动画*/
@-webkit-keyframes twinkling {

	/*透明度由0到1*/
	0% {
		opacity: 0;
		/*透明度为0*/
	}

	100% {
		opacity: 1;
		/*透明度为1*/
	}
}

@-moz-keyframes twinkling {
	0% {
		opacity: 0;
		/*透明度为0*/
	}

	100% {
		opacity: 1;
		/*透明度为1*/
	}
}

@-o-keyframes twinkling {
	0% {
		opacity: 0;
		/*透明度为0*/
	}

	100% {
		opacity: 1;
		/*透明度为1*/
	}
}

@keyframes twinkling {
	0% {
		opacity: 0;
		/*透明度为0*/
	}

	100% {
		opacity: 1;
		/*透明度为1*/
	}
}

.fa-twinkling {
	-webkit-animation: twinkling 1s infinite;
	-moz-animation: twinkling 1s infinite;
	-o-animation: twinkling 1s infinite;
	animation: twinkling 1s infinite;
}
.weui-cells {
	font-size: 14px;
}
body {
	background: rgb(246, 246, 246);
}
.grid-condition-title-actions .weui-flex__item:active,
.grid-bottom .weui-flex__item:active,
.entity-view-ft .weui-flex__item:active,
.weui-shortcut-bar .shortcut:active,
.h5-header i:active,
.h5-header .header-title:active,
.h5-home-col:active,
.weui-tabbar .weui-tabbar__item:active,
.weui-navbar__item:active,
.h5-file-item:active,
.weui-form-preview__value img:active {
	box-shadow: inset 0px 0px 5px 1px #999;
}
.weui-form-preview__value a:active {
	color: red !important;
}

.h5-color-base,
.weui-bar__item--on p,
.weui-bar__item--on i {
	color: #10AEFF !important;
}
.h5-color-gray {
	color: #666;
}
.h5-color-red {
	color: red !important;
}

.h5-color-bg {
	background: #10AEFF;
}
.weui-tabbar {
    background-color: #FFF !important;
}


.weui-tabbar i {
	font-size: 26px !important;
}

.home-panel {
	background: #10AEFF;
}

.home-panel p.num {
	font-size: 30px;
}

.week-add,
.week-active {
	width: 50%;
}

.me_panel {
	padding: 15px;
	background: #FFF;
}

.user-img {
	float: left;
}

.user-img img {
    border-radius: 50%;
    width: 60px;
    height: 60px;
    border: 4px solid rgba(238,238,238,0.3)
}

.user-info {
	float: left;
	margin-left: 15px;
	line-height: 25px;
}
.user-name {
    font-size: 17px;
    color: rgb(67,149,255)
}
.user-role {
    color: #666;
    margin-top: 10px;
    font-size: 12px;
}

.h5-header {
	height: 50px;
	background: #FFF;
	text-align: center;
	line-height: 50px;
	width: 100%;
}

.h5-header a,
.home-panel p,
.home-panel i {
    color: rgb(67,149,255)
}

.h5-header i {
	margin: 10px;
}

.header-action {
	font-size: 18px;
	text-align: right;
    color: rgb(67,149,255)
}

.header-title, .h5-ellipsis {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

#submit-icons {
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 3;
	font-size: 12px;
}

#my-audit {
	position: fixed;
	bottom: 60px;
	right: 20px;
	z-index: 3;
	font-size: 12px;
}

#submit-icons {
	bottom: 55px;
}

.column-line {
	background: #ddd;
	min-height: 30px;
	color: #000;
	padding: 5px;
	font-size: 16px;
	font-weight: bold;
	line-height: 30px;
}

.view-pic {
	width: 40px;
	height: 40px;
	border-radius: 10px;
}

.view-attachment {
	width: 100%;
}

.record-info .weui-form-preview__value {
	color: #333;
	text-align: left;
}

.file-attachment .weui-uploader__file {
	width: 100%;
	background: rgb(240, 240, 240);
	height: 40px;
	line-height: 40px;
	padding: 5px;
	border-radius: 10px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	display: block;
}

#add-detail {
	margin: 15px;
}

.detail-form-title {
	border-top: 2px solid #10AEFF;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	height: 30px;
}

#grid-main001 .weui-loadmore__tips {
	background-color: rgb(246, 246, 246);
}

.field-location {
	position: absolute;
	right: 15px;
	top: 15px;
}

.activity-business {
	font-size: 12px;
	padding-bottom: 5px;
}

.h5-activity-list-item {
	padding: 10px;
	font-size: 14px;
}

.h5-activity-list-item .head-img {
	width: 40px;
	height: 40px;
	border-radius: 20px
}

.h5divider {
	width: 100%;
	border-top: 1px solid #eeeeee;
	margin: 0px auto;
	padding: 0px;
}

.h5-activity-like.liked,
#like_btn i.liked {
	color: #10AEFF;
}

.h5-activity-item-photo {
	width: 25%;
	height: 60px;
	border-radius: 10px;
	margin: 5px;
}

.h5-activity-item-attachment {
	width: 100%;
	border: 1px solid #eee;
	margin: 5px;
	height: 40px;
	position: relative;
}

.h5-activity-item-attachment-icon {
	float: left;
	height: 100%;
	width: 40px;
	color: #FFF;
	text-align: center;
	line-height: 40px;
}

.h5-activity-item-attachment-file {
	float: left;
	padding-left: 5px;
	line-height: 40px;
	color: #666;
}

.h5-activity-item-attachment-action {
	position: absolute;
	right: 15px;
	top: 10px;
}

.h5-activity-view-like {
	font-size: 12px;
	padding: 5px;
}

.h5-activity-comment-item {
	border: 1px solid #eee;
	min-height: 30px;
	padding: 5px;
	background: #FFFFFF;
}

.h5-activity-comment-item .t1 {
	float: left;
	height: 40px
}

.h5-activity-comment-item .t1 img {
	width: 40px;
	height: 40px;
	border-radius: 20px;
}

.h5-activity-comment-item .t2 {
	float: left;
	padding-left: 15px
}
.h5-activity-comment-item .t2 p {
	word-wrap:break-word;
	word-break:normal;
}

.h5-activity-view-comment,
.h5-approval-view-history {
	color: #666;
	margin-top: 15px;
}

.h5-activity-view-comment p,
.h5-approval-view-history p,
f12 {
	font-size: 12px;
}

#h5-activity-fields i {
	margin-right: 10px;
	color: #333;
}

.lookup-delete i {
    margin-right: 0 !important;
    color: #fff !important;
}

#h5-activity-fields {
	font-size: 14px;
}

.h5-common-footer {
	width: 100%;
	background: #FFF;
	position: fixed;
	bottom: 0;
	border-top: 1px solid #ddd;
	color: #666;
	font-size: 14px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.approval-item-info {
	font-size: 12px;
	color: #333;
}

.h5-approval-status,
.h5-approval-history-status {
	width: 100px;
	height: 30px;
	color: #FFFFFF;
	padding: 2px;
	border-radius: 5px;
}

.h5-approval-status.status-1,
.h5-approval-history-status.status2 {
	background: #d15b47;
}

.h5-approval-status.status0 {
	background: #f89406;
}

.h5-approval-history-status.status0 {
	background: #10AEFF;
}

.status1 {
	background: #82af6f;
}

.h5-approval-status.status2,
.status3,
.status4 {
	background: #abbac3;
}

.img-circle {
	border-radius: 50%;
}

.clearfix {
	clear: both;
}

.vote-option {
	height: 25px;
	background: #ccc;
	font-size: 12px;
	line-height: 25px;
	position: relative;
	margin-bottom: 5px;
}

.vote-option-percent {
	height: 100%;
}

.vote-label,
.vote-info {
	position: absolute;
	top: 0;
	color: #FFF
}

.vote-label {
	left: 2px;
}

.vote-info {
	right: 2px;
}

.weui-actionsheet {
	max-height: 80%;
	overflow-y: auto;
}

.weui-navbar__item.active {
    color: #10AEFF;
}
.weui-cell_href {
    border-bottom: 1px solid rgba(238, 238, 238, 0.8);
}
.weui-cell-separator {
    background: rgb(246, 246, 246);
}
.grid-bottom {
    position: fixed;
    bottom: 0px;
    height: 40px;
    background-color: #ddd;
    width: 100%;
}
.grid-bottom .weui-flex__item, .accountpool-nav .weui-flex__item, .activity-nav .weui-flex__item{
    text-align: center;
    line-height: 40px;
    border-right:1px solid #FFF;
    border-left:1px solid #FFF;
}
#grid-main001 {
    padding-bottom: 50px;
}
.h5-grid-data .weui-flex{
    color: #999;
}
.h5-grid-data .weui-flex:first-child,  .h5-grid-data .h5-grid-row:first-child{
    font-weight: bold;
    color: #000;
}
#select-grid-filter {
	text-align: left;
	width: 75%;
}
.account-grid-contactnum {
    color: #999;
    font-size: 12px;
}
.grid-auditflow-info {
    background-color: #eee;
    height: 20px;
    font-size: 13px;
    padding: 4px;
	margin-top: 10px;
	border-radius: 5px;
	padding-inline: 8px;
}
.entity-view-ft {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 50px;
    background-color: #EEE;
    text-align: center;
    font-size: 12px;
    color: #666;
    padding-top: 5px;
}
#form-001 input::-webkit-input-placeholder, #form-001 textarea::-webkit-input-placeholder {
    color: #ccc;
}
#form-001 input::-moz-input-placeholder, #form-001 textarea::-moz-input-placeholder {
    color: #ccc;
}
#form-001 input::-ms-input-placeholder, #form-001 textarea::-moz-input-placeholder {
    color: #ccc;
}
#record-detail-page .weui-form-preview__item {
    border-bottom: 1px solid #ddd;
	display: flex;
}
#record-detail-page .record-info .weui-form-preview__bd {
    padding-bottom: 0;
    padding-top: 0;
}
#entity-view-title {
	background-color: #fff;
	height: 50px;
	padding: 5px;
	border-bottom: 1px solid #ddd;
	font-weight: bold;
	font-size: 1.4em;
}
#relate-menus {
    background-color: #fff;
	border: 1px solid #ddd;
}
.record-relate-count {
    display: block;
}
.relate-menu,#relate-more {
    font-size: .8em;
    padding: 2px;
}
.h5-accountpool-item {
    margin: 10px;
    border-radius: 8px;
}
.h5-accountpool-item .weui-form-preview__value {
    color: #000;
}
.h5-accountpool-item .weui-form-preview__hd {
    text-align: left;
}
.h5-accountpool-item .weui-form-preview__hd .weui-form-preview__value{
    font-size: 16px;
    font-weight: bold;
}
.h5-account-pool-apply-status, .h5-account-pool-highsea {
    position: absolute;
    display: block;
    width: 60px;
    height: 20px;
    background-color: #e64340;
    color: #FFF;
    right: 15px;
    top: 8px;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
}
.h5-account-pool-highsea {
    top: 35px;
    color: #999;
    width: auto;
    background-color: #FFF;
    border: 1px solid #ddd;
    border-radius: 20px;
    padding-left: 10px;
    padding-right: 10px;
}
.h5-account-pool-apply-status.apply-status-1 {
    background-color: #1aad19;
}
.accountpool-nav, .activity-nav {
    background-color: #DDD;
    height: 40px;
    line-height: 40px;
}
.accountpool-nav .weui-flex__item.active, .activity-nav .weui-flex__item.active {
    border-bottom: 1px solid #10AEFF;
}
/* H5首页 */
#home-grids {
    margin-top: 10px;
}
.h5-home-chart-main {
    width: 100%;
    height: 360px;
}
.h5-home-chart-title {
	display: flex;
	align-items: center;
}
.h5-home-chart-title .title {
	font-size: 14px;
	font-weight: bold;
}
.h5-home-col {
    height: 80px;
    float: left;
    text-align: center;
    box-sizing:border-box;
    border: thin solid #EEE;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
    background-color: #FFF;
    padding: 10px;
    font-size: 14px;
}
.h5-home-col i {
    display: block;
    font-size: 30px;
    margin: 0 auto 10px auto;
}
.h5-home-col[data-type='QUICK'], .h5-home-col[data-type='SPECIAL']:not([data-key='workingNotiece']):not([data-key='todoEvent']) {
    color: #FFF !important;
    background-color: #10AEFF;
}
.h5-home-col[data-type='CHART'] {
    height: 400px;
    margin-bottom: 5px;
    margin-top: 5px;
}
.h5-home-col[data-key='freshTypeNotice'] {
    text-align: left;
}
.h5-home-col[data-key='freshTypeNotice'], .h5-home-col[data-key='calendar']{
    background-color: #FFF !important;
    color: #000 !important;
    height: auto;
    margin-bottom: 5px;
    margin-top: 5px;
}
.h5-home-col[data-type='QUICK'] i, .h5-home-col[data-type='SPECIAL'] i {
    color: #FFF !important;
}
.h5-home-col[data-type='NUMBER'] h3, .h5-home-col[data-type='SPECIAL'] h3 {
    color: #10AEFF;
}
.h5-home-col-12 {
    width: 100%
}

.h5-home-col-11 {
    width: 91.66666667%
}

.h5-home-col-10 {
    width: 83.33333333%
}

.h5-home-col-9 {
    width: 75%
}

.h5-home-col-8 {
    width: 66.66666667%
}

.h5-home-col-7 {
    width: 58.33333333%
}

.h5-home-col-6 {
    width: 50%
}

.h5-home-col-5 {
    width: 41.66666667%
}

.h5-home-col-4 {
    width: 33.33333333%
}

.h5-home-col-3 {
    width: 25%
}

.h5-home-col-2 {
    width: 16.66666667%
}

.h5-home-col-1 {
    width: 8.33333333%
}

.popup-logo {
    text-align: center;
    padding: 10px;
}
.popup-add-flex {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
}
.popup-add-item {
    width: 33.3333%;
    height: 90px;
    text-align: center;
    margin-bottom: 15px;
    font-size: 13px;
}
.popup-add-item i {
    font-size: 40px;
    margin-top: 10px;
}
.popup-add-item-icon {
    width: 66px;
    height: 66px;
    margin: 0 auto;
    text-align: center;
    border-radius: 35px;
    color: #FFF;
}
.close-add-popup {
    background-color: #FFF;
    width: 100%;
    height: 40px;
    text-align: center;
    line-height: 40px;
    display: block;
    position: fixed;
    bottom: 0;
}
.h5-home-calendar-todo-item {
    width: 100%;
    height: 40px;
    border: thin solid #eee;
    margin-top: 5px;
    line-height: 40px;
    box-shadow: 1px 1px 3px #eee;
    font-size: 12px;
}
.h5-home-calendar-todo-time {
    margin-left: 10px;
    height: 20px;
    background-color: #0d88c1;
    color: #FFF;
    border-radius: 10px;
    padding: 2px 5px 2px 5px;
}
.h5-home-calendar-todo-type {
    float: right;
    margin-right: 5px;
    font-size: 12px;
}
.todo_flag {
    position: absolute;
    width: 5px;
    height: 5px;
    background-color: red;
    border-radius: 50%;
    top: 5px;
    right: 1px;
}
.weui-tabbar__item .message-count-badge {
    position: absolute;
    top: -.4em;
    right: .5em;
    display: none;
    z-index: 1;
}
.h5-home-table {
    padding: 0 !important;
    overflow: auto;
    height: auto !important;
    max-height: 400px !important;
}
.h5-home-table .h5-home-chart-main {
    height: auto !important;
    max-height: 380px !important;
}
.lookup-delete {
    position: absolute;
    right: 5px;
    top: 13px;
    color: white;
    background-color: red;
    width: 20px;
    height: 20px;
    border-radius: 10px;
    text-align: center;
    line-height: 20px;
    display: block;
}
.grid-condition-title-actions{
    height: 30px;
    background-color: #EEE;
    border-bottom: 1px solid #CCC;
    line-height: 30px;
}
.grid-condition-title-actions .weui-flex__item {
    text-align: center;
}
.clear-condition, .cancel-condition {
    border-right: 1px solid #CCC;
}
.submit-condition {
	color: white;
}
#custom-condition-fields {
    bottom: 0;
    width: 100%;
}
#grid-condition-popup, #set-grid-condition-popup {
    width: 85%;
    right: 0;
    left: unset;
}
.file-icon.fa-file-excel-o {
    color: #47A6DF;
}
.file-icon.fa-file-word-o {
    color: #F19333;
}
.file-icon.fa-file-pdf-o {
    color: #2FC07B;
}
.file-icon.fa-file-powerpoint-o {
    color: #F86161;
}
.file-icon.fa-file-movie-o {
    color: #4CD127;
}
.file-icon.fa-file-image-o {
    color: #10AEFF;
}
.file-icon.fa-file-zip-o {
    color: #17CFA2;
}
.file-icon.fa-file-code-o {
    color: #FF6000;
}
.file-icon.fa-file-audio-o {
    color: #F8A900;
}
.file-icon.fa-file-o {
    color: #F64E78;
}
#grid001 .weui-cell {
    border-bottom: 1px solid #ddd;
}
.weui-media-box__desc__fresh {
    color: #999;
    font-size: 13px;
    line-height: 1.5;
}
.h5-relate-item-header {
    display: flex;
    height: 40px;
    font-size: 12px;
}
.h5-relate-item-header .header-img img {
    width: 40px;
    height: 40px;
}
.h5-relate-item-header .header-info {
    flex: 1;
    padding-left: 10px;
}
.h5-relate-item-header .header-type {
    width: 100px;
    text-align: center;
}
.h5-relate-item-show-fields-name {
    width: 100px;
    text-align: left
}
.h5-relate-item-show-fields-value {
    flex: 1;
    color: #999;
}
.entity_form {
	text-align: left;
	font-size: 14px;
}
#shortcutBar {
	width: 100%;
	text-align: center;
	line-height: 40px;
	background-color: #fff;
	border-top: 1px solid rgb(246, 246, 246);;
}
.shortcut {
	border-right: 1px solid #FFF;
	border-left: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
}
.shortcut.active {
	border-bottom: 1px solid #10AEFF;
}
.filter_input {
	height: 25px;
	font-size: 18px;
	width: 90%;
	text-align:center;
}
/** 列表样式 **/
#grid001 .weui-flex__item .placeholder{
	display: flex;
}
#grid001 .grid-item-label {
	width: 90px;
	color:#999;
	margin-right:5px;
}
#grid001 .grid-item-value {
	flex: 1;
}
/** 视图样式 **/
#record-detail-page .weui-form-preview__item .weui-form-preview__label {
	width: 90px;
	text-align: left;
	text-align-last: left;
	margin-right: 5px;
	min-height: 40px;
	display: flex;
	align-items: center;
}
#record-detail-page .weui-form-preview__item .weui-form-preview__value {
	flex: 1;
	display: flex;
	align-items: center;
}
.h5-grid-new-btn {
	width: 40px;
	height: 40px;
	border-radius: 99999px;
	background-color: rgb(67, 149, 255);
	color: white;
	position: fixed;
	bottom: 80px;
	right: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 9;
}
.h5-form-bottom-buttons {
	position: sticky;
	bottom: 0;
	display: flex;
	background-color: rgba(255, 255, 255, 0.9);
	z-index: 9;
	border-top: 1px solid #ddd;
	align-items: center;
	justify-content: flex-end;
	padding: 15px;
}
.h5-file-item {
	display: flex;
	background-color: rgba(0, 0, 0, 0.03);
	border-radius: 4px;
	margin-bottom: 10px;
	padding: 5px;
	position: relative;
}
.h5-file-item .h5-file-content {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	flex: 1;
	overflow: hidden;
}
.h5-file-item .h5-file-item-icon {
	font-size: 24px;
	margin-right: 10px;
	width: 30px;
}
.h5-file-item .h5-file-content .title {
	color: #000;
	text-align: left;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	width: 100%;
}
.h5-file-item .h5-file-content .file-size {
	color: #999;
	font-size: 14px;
}
.h5-file-item .upload-progress {
	position: absolute;
	width: 50%;
	background-color: rgba(0, 0, 0, 0.3);
	top: 0;
	height: 100%;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
}
.weui-uploader__files.file-attachment {
	width:calc(100% - 50px)
}