html{
	overflow:hidden;
}

.detailpagefooter.feed-input-content {
	position: absolute;
	opacity: 1;
    bottom: 0;
    transition: height 0.5s;
    width:100%;
    z-index: 2;
}

.feed-comments-container{
	background-color: #f5f6f7;
	padding-bottom: 50px;
	box-sizing: border-box;
	height: 100%;
	.simple-feed-content{
		background-color: #fff;
		margin: 0 8px 20px 8px;
		.reply-list{
			padding:0.08rem;
			.show-more {
				right: 0.18rem;
			}
		}
		.record-list{
			.show-more {
				right: 0rem;
			}
		}
	}
	.simple-feed-title{
		font-size : 14px;
		line-height: 16px;
		color: #667580;
		background-color: #fff;
		margin:8px 8px 0 8px;
		position: relative;
		li{
			padding :12px;
			display: inline-block;
		}
		.active{
			color: #007ed9;
		}
	}
}

.tab-container {
	.feed-comments-container{
		.simple-feed-content{
			margin: 0 8px 0px 8px;
			.reply-list {
				padding: 0.08rem;
			}
		}
	}
		
}

.detail-page.ui-page {
	display:block;
	overflow-y: hidden;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
	background: #f3f4f5;
	.nav-loading {
		background: #fafafa;
		color: #6B7175;
	}
	header.border-1px:after {
		border: none;
	}
	.fixed-header{
		position: absolute;
		z-index: 3;
		top:0;
		width: 100%;
	}
	
	.ui-page-content{
		background-color: #F2F4F5;
		display:flex;
		flex-direction:column;
		-webkit-overflow-scrolling: touch;
		overflow-x:hidden;
		height: 100%;
		iframe{
			flex: 1;
		}
		.relative-container{
			padding-top: 12px;
			overflow: visible;
		}
		/*//兼容详情页显示Widget的请情况*/
		&.noCardWidget {
			.nav-center {
				color: #ffffff;
			}
		}
	}

	.detail-scroll-content{
		-webkit-overflow-scrolling: touch;
		overflow-y: auto;
		box-sizing: border-box;
		position: absolute;
		top:0;
		bottom: 0;
		height: 100%;
		width:100%;
	}

	.tab-content{
		padding-top: 12px;
		background-color: #F2F4F5;
		padding-bottom: 20px;
		.feed-comments-container .simple-feed-title {
			margin-top: 0;
		}
		.simple-media:before {
			color: #fff;
		}
	}
}

.no_page {
	padding-top: 39px;
	width: 100%;
    height: 100%;
    position: absolute;
    background: url('./404.png') 50% 28% no-repeat;
	background-size: 295px 238px;
	span {
		width: 122px;
		height: 42px;
		font-family: Verdana-Bold;
		font-size: 48px;
		line-height: 0.9;
		color: #3590d1;
		margin-left: 58px;
	}
}

.onepage {
	&.isInWebDetail {
		&.isElearning {
			box-sizing: border-box;
		}
	}	
	&.isElearning {
		.fixed-header {
			z-index: 6;
		}
		.onepage_content {
			margin-bottom: 8px;
		}
		.detail-scroll-content {
			.onepage_content {
			}
		}
	}
	.onepage_content {
		background-color: #f2f4f5;
    }
	.acc-content {
		.onepage_table_list {
			.standard-item ul {
				margin: 0;
			}
			.standard-list {
				background: #fff;
				.standard-item {
					width: calc(100% - 24px);
					padding: 12px 0px 16px;
					margin: 0 12px;
    				border-bottom: 1px solid #e4ebf0;
				}	
			}
						
			
		}
	}
	&.isAndroid {
		.acc-content .onepage_table_list .standard-item {
			padding: 12px 0px 12px;
			.info-container .empty-margin-bottom {
				margin-bottom: 0.04rem;
			}
		}
	}
    .onepage_table_list {
		flex-shrink: 0;
	    border-radius: 3px;
		width: 96%;
		margin-left: auto;
		margin-right: auto;
		margin-top: 12px;
		background: #fff;
		.standard-item ul {
			margin: 0 .24rem .12rem 0;
		}
		.standard-item li .item-right {
			padding-right: .1rem;
		}
    }
}

.onepage .acc-content .onepage_table_list  .standard-item:last-child {
	border: none;
}

.onepage .acc-content .onepage_table_list .hasShowMoreBottom  .standard-item:last-child {
	border-bottom: 1px solid #e4ebf0;
}


/*兼容feed panel user-select-page*/
.ui-overlay-container, .ui-overlay {
	.user-select-page {
		.nav-left {
			padding-left: 0;
		}
		.nav-right {
			padding-right: 0;
		}
	}
}

.isWidgetInApprovalcentre {
	&.detail-page {
		height: auto;
		.detail-scroll-content {
			height: auto;
			position: static;
			.ui-page-content {
				.list-block {
					ul {
						position: static;
					}
				}
			}  
		}
	}
	.fixed-header {
		display: none;
	}
}

.detail-page .compact_form_part .file-box-show {
	.file-box-label {
		color: #9DA1A3;
	}
}

.detail-page .form_part_com .ui-uploader-container:last-child:after {
	border: none;
}

.compact_form_part .showField::after {
    border: none;
}

.hasBtn {
	.detail-scroll-content {
		padding-bottom: 55px;
	}
	.ui-button {
		height: 100%;
	}
}

@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) { 
    .hasBtn {
        .detail-scroll-content {
            padding-bottom: 89px; // 较原始高度增加 34px
        }
    }
}

.iframeWidget {
	opacity: 0;
}


.transformForOnePage {
	position: relative;
	z-index: -3;
	height: 1px;
	width: 100%;
	opacity: 0;
}

.transition-wrap-detail {
	position: absolute;
	bottom: 0;
	width: 100%;
	transition: transform .2s linear;
	transform: translate3d(0, 0, 0);
	z-index: 2;
	.page-footer {
		position: static;
		-webkit-tap-highlight-color: rgba(255,255,255,0);
	}
}