#iMask #iPbP {
	position: relative;
	max-width: 60rem;
	width:100%;
	height: 100%;
	font-size: 0;
	user-select: none;
}

#iPbP > div {
	text-align: center;
}

#iPbPNames {
	height: 4.2rem;
}

#iPbPNames div {
	display: inline-block;
	font-size: 1.25rem;
	line-height: 4.2rem;
	vertical-align: middle;
}

#iPbPName1, #iPbPName2 {
	width: 50%;
	white-space: nowrap;
}

/* 上面 */
.cPbPHeads {
	width: 50%;
	display: inline-block;
}

.cPbPHeads > div {
	display: inline-block;
	vertical-align: middle;
}

.cPbPHead {
	position: relative;
	width: 16rem;
	height: 16rem;
	margin: 0 -2rem;
	background-position: center;
    background-size: cover;
}

/* 下面 */
#iPbPTables {
	width: 100%;
	height: 100%;
}

/* 选择条 */
#iPbPSelectors {
	width: 100%;
	table-layout: fixed;
	margin: 0;
}

.cPbPSelector {
	font-size: 1.3rem;
	line-height: 2.8rem;
	cursor: pointer;
}

/* 图表外框 */
#iPbPDivs {
	width: 100%;
	height: calc(100% - 220px);
	overflow-y: auto;

}

.cPbPChart {
	width: 100%;
	display: none;
}

.cPbPChartSelected {
	display: block;
}


@media (orientation: portrait) {

	.cPbPHeads {margin: 0;}
	.cPbPHeads > div {
		height: 8rem;
		width: 8rem;
		margin: 0 0.4rem;
	}
	#iPbPSelectors {margin: 0;}
	.cPbPSelector {font-size: 1.1rem; line-height: 2rem;}

	#iPbPDivs {height: calc(100% - 15rem);}
}