body {
	width: 5376px;
	height: 1944px;
	background: linear-gradient(to bottom, #1D2D44, #10202D);
}

.head_box {
	width: 100%;
	height: 170px;
	text-align: center;
	line-height: 170px;
	position: relative;
	top: 0rem;
	left: 0rem;
}

/*字体现实区域样式*/
.font-head {
	font-size: 5.5rem;
	color: #FFFFFF;
	font-family: YouSheBiaoTiHei;

	@supports (-webkit-background-clip: text) or (background-clip: text) {
		background: linear-gradient(to bottom, #FFFFFF, #7EC9FF);
		-webkit-background-clip: text;
		background-clip: text;
		color: transparent;
	}

	;
}

.font-time {
	margin-right: 1.25rem;
	text-align: right;
	position: absolute;
	right: 3.125rem;
	top: 0rem;
	color: #FFFFFF;
	font-size: 26px;
}

/**
 * 一级标题
 */
.font-classA {
	font-size: 2.875rem;
	font-family: YouSheBiaoTiHei;
	color: #E7F4FF;
}

.font-size {
	font-size: 2.25rem;
	font-family: YouSheBiaoTiHei;
	color: #00cad8;
}

/**
 * 二级标题
 */
.font-classB {
	font-size: 1.875rem;
	font-family: AlibabaPuHuiTi-2-65-Medium;
	color: #BEE3FF;
}

/**
 * 三级标题
 */
.font-classC {
	font-size: 1.875rem;
	font-family: AlibabaPuHuiTi-2-65-Medium;
	color: #BEE3FF;
}

/**
 * 正文
 */
.font-text {
	font-size: 1.5rem;
	font-family: AlibabaPuHuiTi-2-55-Regular;
	color: #A4D8FF;
}

.font-item {
	font-size: 1.5rem;
	font-family: AlibabaPuHuiTi-2-55-Regular;
	color: #f0f0f0;
}

.font-icon {
	font-size: 2.125rem;
	font-family: AlibabaPuHuiTi-2-55-Regular;
	color: #00c2ea;
}

/**
 * 无内容
 */
.font-explain {
	color: #274A73;
	font-family: BIN;
	font-weight: Medium;
}

/*按钮的颜色*/
.font-btn {
	color: #00BBFF;
	font-size: 1.875rem;
	font-family: AlibabaPuHuiTi-2-65-Medium;
}

.line-box {
	width: 0.25rem;
	height: 1.5rem;
	margin: auto 0.75rem;
	border: solid #00BBFF;
	border-radius: 4px;
}

.left-body {
	position: relative;
	top: 0rem;
	left: 0rem;
	width: 73.125rem;
	height: 108.375rem;
	margin-left: 2.5rem;
	margin-bottom: 2.5rem;
	float: left;
}

.left-body-center {
	position: relative;
	top: 0rem;
	left: 0rem;
	width: 31.25rem;
	height: 108.375rem;
	margin-left: 1.25rem;
	float: left;
}

.body-center {
	position: relative;
	top: 0rem;
	left: 0rem;
	width: 119.75rem;
	height: 108.375rem;
	background: #274A73;
	float: left;
}

.right-body-center {
	position: relative;
	top: 0rem;
	left: 0rem;
	width: 31.25rem;
	height: 108.375rem;
	margin-right: 1.25rem;
	float: left;
}

.right-body {
	position: relative;
	top: 0rem;
	left: 0rem;
	width: 73.125rem;
	height: 108.375rem;
	margin-right: 2.5rem;
	margin-bottom: 2.5rem;
	float: left;
}

.court-box {
	width: 73.125rem;
	height: 22.5rem;
	position: relative;
	top: 0rem;
	left: 0rem;
	background-image: url('../img/lanmu.png');
	background-size: 100% 22.5rem;
	margin-bottom: 0.25rem;
}

.court-title {
	width: 100%;
	height: 4.125rem;
	background: url('../img/title.png') no-repeat;
	background-size: 99%;
	background-position: center 0.25rem;
}

.court-info {
	font-size: 46px;
	line-height: 4.125rem;
	padding-left: 6.25rem;
}

.court-item {
	width: 99%;
	height: 17.5rem;
	position: relative;
	left: 0rem;
	top: 0rem;
	float: left;
	margin: 4px 6px;
	display: flex;
	flex-wrap: wrap;
	display: -webkit-flex;
}

.court-item>.court-item-ol {
	margin: 0px 2px 0px 2px;
	width: 24%;
	height: 17.5rem;
	background: url('../img/lanmu_beg.png') no-repeat;
	background-size: 100% 17.5rem;
	flex: 1;
}

.court-item-ol .court-item-title {
	width: 100%;
	height: 3.5rem;
	line-height: 3.5rem;
}

.court-shuzi {
	width: 100%;
	height: 4.5rem;
	line-height: 4.5rem;
	text-align: center;
	font-size: 3rem;
	color: #A4D8FF;
}

.court-item-img {
	height: 9.5rem;
	width: 70%;
	text-align: center;
	line-height: 9.5rem;
	margin: 0px auto;
}

.court-item-img img {
	width: 100%;
	height: 100%;
}

.court-item-round {
	width: 100%;
	height: 14rem;
	text-align: center;
}

.circle-wrapper {
	display: inline-block;
	position: relative;
	width: 13rem;
	height: 13rem;
	margin-bottom: 8px;
}

.circle-wrapper .coupon-num {
	width: 100px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -50px;
	color: #39a6e5;
	font-size: 26px;
	margin-top: -20px;
}

.circle-full {
	opacity: .2;
}

.circle-detail {
	-webkit-transform-origin: 100px 100px;
	transform-origin: 100px 100px;
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
	/* stroke: #39a6e5; */
}

.court-chart {
	width: 100%;
	height: 31.25rem;
	margin-top: 0.25rem;
}

.court-chart-item {
	width: 50%;
	height: 31.25rem;
	background: url('../img/lanmu.png') no-repeat;
	background-size: 100% 31.25rem;
	float: left;
}

.court-chart-item .court-chart-title {
	width: 99%;
	height: 4.125rem;
	background-image: url('../img/title.png');
	margin: 0.25rem;
}

.court-item-chart {
	width: 99%;
	height: 26rem;
	margin: auto 0.25rem;
	display: flex;
	flex-wrap: wrap;
	display: -webkit-flex;
}

.court-item-chart>.court-item-ol {
	margin: 0px 2px 0px 2px;
	width: 24%;
	height: 26rem;
	background: url('../img/lanmu_beg.png') no-repeat;
	background-size: 100% 26rem;
	flex: 1;
}

.court-chart-item .court-item-box {
	width: 100%;
	height: 22rem;
}

.court-item-item {
	width: 100%;
	height: 22rem;
	display: flex;
	flex-wrap: wrap;
	display: -webkit-flex;
}

.court-item-item>.court-item-table {
	width: 50%;
	height: 22rem;
}

.court-item-table .court-item-name {
	width: 100%;
	height: 5rem;
	line-height: 5rem;
	font-size: 26px;
	color: #f0f0f0;
	text-align: center;
}

.court-item-stite-round {
	width: 100%;
	height: 15rem;
	text-align: center;
}

/**法亭今日信息开始**/
.court-day {
	width: 73.125rem;
	height: 54rem;
	margin-top: 4px;
	position: relative;
	top: 0rem;
	left: 0rem;
	background-image: url('../img/lanmu.png');
	background-size: 100% 54rem;
}

.court-day-item {
	width: 99%;
	height: 12rem;
	margin: 4px 6px;
	display: flex;
	flex-wrap: wrap;
	display: -webkit-flex;
}

.court-day-item>.court-day-item-ol {
	margin: 0px 2px 0px 2px;
	width: 24%;
	height: 12rem;
	flex: 1;
}

.court-day-item-ol .court-day-title {
	width: 100%;
	height: 3.5rem;
	line-height: 3.5rem;
}

.court-day-item-ol .court-day-info {
	width: 100%;
	height: 8.5rem;
	background-image: url('../img/lanmu_beg.png');
	background-size: 100% 8.5rem;
}

.court-day-span {
	width: 100%;
	display: block;
	font-size: 1.5rem;
	color: #BEE3FF;
	line-height: 4rem;
	margin: auto 0.25rem;
}

.court-day-video {
	width: 99%;
	height: 37rem;
	margin: 4px 8px;
}

.court-day-video>.court-day-item-ol {
	margin: 0.3rem 0.3rem;
	width: 49%;
	height: 18rem;
	float: left;
}

/**法亭今日信息结束**/
/**左侧中展示栏开始**/
.court-model {
	width: 100%;
	height: 54rem;
	position: relative;
	top: 0rem;
	left: 0rem;
	background-image: url('../img/lanmu.png');
	background-size: 100% 54rem;
	margin-bottom: 0.25rem;
}

.court-model .court-model-title {
	width: 98.4%;
	height: 4.125rem;
	background-image: url('../img/title.png');
	position: relative;
	top: 0.25rem;
	left: 0.25rem;
}

.court-model-item {
	width: 100%;
	height: 48.8rem;
	position: relative;
	top: 0rem;
	left: 0rem;
	margin: 0.7rem auto;
	overflow: scroll;
}

.court-model-item::-webkit-scrollbar {
	display: none;
}

.court-model-item .court-model-txt {
	width: 99%;
	height: 10rem;
	background-image: url('../img/lanmu_item.png');
	background-size: 100% 10rem;
	background-repeat: no-repeat;
	margin: 0.25rem 0.125rem;
}

.court-model-info {
	height: 3rem;
	line-height: 3rem;
	margin: auto 1.625rem;
	border-bottom: 1px solid #4574AB;
	overflow: hidden;
}

.court-model-info-span {
	line-height: 2rem;
	margin: auto 1.625rem;
}

.court-model-info-span span {
	display: block;
	color: #A4D8FF;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.court-model-info-btn {
	height: 1.4rem;
	line-height: 1.4rem;
	float: right;
	margin-top: 0.5rem;
	padding: 0.25rem 0.75rem;
	border-radius: 0.5rem;
	font-size: 1rem;
	color: #FFFFFF;
	background: linear-gradient(to bottom, #0098d2 40%, #004d72);
}

/**左侧中展示栏结束**/
/**右中展示栏开始**/
.use-top {
	width: 100%;
	height: 20rem;
	position: relative;
	top: 0rem;
	left: 0rem;
	background-image: url('../img/lanmu.png');
	background-size: 100% 20rem;
	margin-bottom: 0.25rem;
}

.use-top .use-top-title {
	width: 99%;
	height: 4.125rem;
	background-image: url('../img/title.png');
	position: relative;
	top: 0.2rem;
	left: 0.2rem;
}

.use-top-item {
	width: 98%;
	height: 15rem;
	position: relative;
	margin: auto;
	top: 0.4rem;
	left: 0rem;
	background-image: url('../img/lanmu_beg.png');
	background-size: 100% 15rem;
}

.use-top-item .use-top-item-left {
	width: 40%;
	height: 15rem;
	position: absolute;
	top: 0rem;
	left: 0rem;
	display: flex;
	align-items: center;
	justify-content: center;
}

.use-top-item-img {
	width: 70%;
	height: 8rem;
}

.use-top-item-left img {
	width: 100%;
	height: 100%;
}

.use-top-item .use-top-item-rigth {
	width: 60%;
	height: 15rem;
	text-align: center;
	position: absolute;
	top: 0rem;
	right: 0rem;
}

.use-top-item-span {
	line-height: 2rem;
	margin-top: 3rem;
	display: block;
}

/**右中展示栏结束**/
/**右中下展示栏开始**/
.use-top-btm {
	width: 100%;
	height: 68rem;
	position: relative;
	top: 0rem;
	left: 0rem;
	background-image: url('../img/lanmu.png');
	background-size: 100% 68rem;
}

.use-top-btm .court-model-title {
	width: 98.4%;
	height: 4.125rem;
	background-image: url('../img/title.png');
	position: relative;
	top: 0.25rem;
	left: 0.25rem;
}

.use-model-item {
	width: 100%;
	height: 62.8rem;
	position: relative;
	top: 0rem;
	left: 0rem;
	margin: 0.7rem auto;
	overflow: scroll;
}

.use-model-item::-webkit-scrollbar {
	display: none;
}

.use-model-item .court-model-txt {
	width: 99%;
	height: 11.3rem;
	background-image: url('../img/lanmu_item.png');
	background-size: 100% 11.3rem;
	background-repeat: no-repeat;
	margin: 0.25rem 0.125rem;
}

.use-model-info {
	width: 100%;
	height: 2rem;
	line-height: 2rem;
	display: flex;
}

.use-model-info-left {
	width: 20%;
	height: 2rem;
	line-height: 2rem;
	text-align: right;
}

.use-model-info-right {
	width: 80%;
	height: 2rem;
	line-height: 2rem;
	text-align: left;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: -webkit-box;
}

/**右中下展示栏结束**/
/**右侧展示栏开始**/
.use-shuzi {
	width: 100%;
	height: 4rem;
	line-height: 4rem;
	text-align: center;
	font-size: 2.125rem;
	color: #A4D8FF;
}

/**右侧展示栏结束**/
/**右侧中间按月使用图表开始**/
.use-chart {
	width: 100%;
	height: 24rem;
	position: relative;
	top: 0rem;
	left: 0rem;
	background-image: url('../img/lanmu.png');
	background-size: 100% 24rem;
	margin-bottom: 0.25rem;

}

.use-chart .use-top-title {
	width: 99%;
	height: 4.125rem;
	background-image: url('../img/title.png');
	position: relative;
	top: 0.2rem;
	left: 0.2rem;
}

.use-chart-txt {
	width: 99%;
	height: 19rem;
	margin: 0px auto;
	position: relative;
	top: 0.2rem;
	left: 0rem;
}

/**右侧中间按月使用图表结束**/
/**右侧中下图表开始**/
.use-plan {
	width: 100%;
	height: 31.25rem;
	margin-bottom: 0.25rem;
}

.court-item-ol .use-item-title {
	width: 100%;
	height: 2.5rem;
	line-height: 2.5rem;
	margin: auto 0.5rem;
}

.court-chart-item .use-item-box {
	width: 99%;
	height: 23rem;
	margin: 0px auto;
}

/**右侧中下图表结束**/
/***右侧下部图表开始***/
.use-bottom {
	width: 100%;
	height: 30rem;
	position: relative;
	top: 0rem;
	left: 0rem;
	background-image: url('../img/lanmu.png');
	background-size: 100% 30rem;
}

.use-bottom .use-top-title {
	width: 99%;
	height: 4.125rem;
	background-image: url(../img/title.png);
	position: relative;
	top: 0.2rem;
	left: 0.2rem;
}

.use-bottom-itme {
	width: 100%;
	height: 2rem;
}

.use-btn {
	padding: 0.25rem 1rem;
	border-radius: 0.5rem;
	color: #4b4b4b;
	margin: 0.5rem 0.5rem;
	border: 0px;
	cursor: pointer;
}

.use-fa {
	color: #FFFFFF;
	background-color: #0098d2;
}

.use-bottom-chart {
	width: 99%;
	height: 23rem;
	position: relative;
	top: 0.5rem;
	left: 0.2rem;
}

/***右侧下部图表结束***/
/***弹出层样式排版开始***/
.show-pop {
	width: 73.125rem;
	height: 108.375rem;
	position: absolute;
	top: 0rem;
	right: 0rem;
	background-color: #122E56;
	border: 2px solid #4574ab;
	z-index: 999;
	display: none;
}

.show-pop-close {
	width: 100%;
	height: 4rem;
	line-height: 4rem;
	text-align: right;
}

.show-pop-close .pop-btn {
	width: 2.5rem;
	height: 2.5rem;
	color: #00cfe0;
	font-size: 1.875rem;
	border: 4px solid #00cfe0;
	margin: 0px 0.5rem 0rem 0rem;
	background-color: #003057;
	cursor: pointer;
}

.show-pop-title {
	width: 100%;
	height: 3rem;
	font-size: 2.25rem;
	font-family: AlibabaPuHuiTi-2-65-Medium;
	color: #FFFFFF;
	margin: auto 1.25rem;
}

.show-pop-chart {
	width: 100%;
	height: 35rem;
	position: relative;
	top: 0rem;
	left: 0rem;
	background-image: url('../img/lanmu.png');
	background-size: 100% 35rem;
	margin-bottom: 0.25rem;
}

.show-pop-chart .use-top-title {
	width: 99%;
	height: 4.125rem;
	background-image: url(../img/title.png);
	position: relative;
	top: 0.2rem;
	left: 0.2rem;
}

.show-pop-item {
	width: 99%;
	height: 30rem;
	margin: 0px auto;
	position: relative;
	top: 0.2rem;
	left: 0rem;
	display: flex;
	flex-wrap: wrap;
	display: -webkit-flex;
}

.show-pop-item-box {
	width: 50%;
	height: 17rem;
	ackground: url('../img/lanmu_beg.png') no-repeat;
	background-size: 100% 17rem;
	flex: 1;
}

.show-pop-item-title {
	width: 100%;
	height: 3rem;
	line-height: 3rem;
	border-bottom: 1px solid #00BBFF;
}

.show-pop-item-chart {
	width: 100%;
	height: 14rem;
	display: flex;
	flex-wrap: wrap;
	display: -webkit-flex;
}

.show-pop-table {
	width: 50%;
	height: 14rem;
	flex: 1;
}

.show-pop-item-max {
	width: 100%;
	height: 13rem;
	margin: 0px auto;
	display: flex;
	flex-wrap: wrap;
	display: -webkit-flex;
}

.show-pop-item-txt {
	width: 25%;
	height: 13rem;
	flex: 1;
}

.show-sen-chart {
	width: 100%;
	height: 22rem;
	position: relative;
	top: 0rem;
	left: 0rem;
	background-image: url('../img/lanmu.png');
	background-size: 100% 22rem;
	margin-bottom: 0.2rem;
}

.show-sen-chart .use-top-title {
	width: 99%;
	height: 4.125rem;
	background-image: url('../img/title.png');
	position: relative;
	top: 0.2rem;
	left: 0.2rem;
}

.show-sen-item {
	width: 100%;
	height: 17rem;
	position: relative;
	margin: 0px auto;
	top: 0.25rem;
	left: 0rem;
	display: flex;
	flex-wrap: wrap;
	display: -webkit-flex;
}

.show-sen-item-box {
	width: 12.5%;
	height: 17rem;
	padding: 0px 4px;
	flex: 1;
}

.show-sen-item-box span {
	display: block;
	text-align: center;
	line-height: 4rem;
	font-size: 1.875rem;
	color: #00cad8;
}

.show-cell-chart {
	width: 100%;
	height: 26rem;
	position: relative;
	top: 0rem;
	left: 0rem;
	background-image: url('../img/lanmu.png');
	background-size: 100% 26rem;
	margin-bottom: 0.2rem;
}

.show-cell-chart .use-top-title {
	width: 99%;
	height: 4.125rem;
	background-image: url('../img/title.png');
	position: relative;
	top: 0.2rem;
	left: 0.2rem;
}

.show-cell-item {
	width: 100%;
	height: 21rem;
	position: relative;
	margin: 0px auto;
	top: 0.25rem;
	left: 0rem;
}

.show-cell-item-box {
	width: 24%;
	height: 21rem;
	margin: auto 0.25rem;
	float: left;
}

.show-cell-item-title {
	width: 100%;
	height: 3rem;
	line-height: 3rem;
	border-bottom: 1px solid #00BBFF;
}

.show-cell-item-chart {
	width: 100%;
	height: 18rem;
	text-align: center;
}

.show-cell-margin {
	margin-top: 2rem;
}

.show-cell-item-chart .show-cell-span {
	display: block;
	font-size: 3rem;
	line-height: 5rem;
	padding-top: 1.875rem;
}

.show-cell-item-box-tem {
	width: 49%;
	height: 21rem;
	margin: auto 0.25rem;
	float: left;
}

.show-cell-item-heat {
	width: 100%;
	height: 5rem;
	display: flex;
	flex-wrap: wrap;
	display: -webkit-flex;
}

.show-cell-item-heat-span {
	width: 25%;
	height: 5rem;
	line-height: 5rem;
	text-align: center;
	background-image: url('../img/battery.png');
	background-repeat: no-repeat;
	background-position: center;
	flex: 1;
}

.show-cell-item-run {
	width: 100%;
	height: 13rem;
	display: flex;
	flex-wrap: wrap;
	display: -webkit-flex;
}

.show-cell-item-run-box {
	width: 33.333%;
	height: 13rem;
	padding: 0px 4px;
	flex: 1;
}

.show-cell-item-run-box span {
	display: block;
	text-align: center;
	line-height: 3rem;
	font-size: 1.875rem;
	color: #00cad8;
}

.show-edge {
	width: 100%;
	height: 17.5rem;
	position: relative;
	top: 0rem;
	left: 0rem;
	background-image: url('../img/lanmu.png');
	background-size: 100% 17.5rem;
}

.show-edge .show-edge-title {
	width: 99.4%;
	height: 4.125rem;
	background-image: url('../img/title.png');
	position: relative;
	top: 0.2rem;
	left: 0.2rem;
}

.show-edge-box {
	width: 100%;
	height: 12.8rem;
	position: relative;
	top: 0.2rem;
	left: 0rem;
	display: flex;
	flex-wrap: wrap;
	display: -webkit-flex;
}

.show-edge-box-item {
	width: 20%;
	height: 13rem;
	padding: 0px 4px;
	flex: 1;
}

.show-edge-box-item span {
	display: block;
	text-align: center;
	line-height: 3rem;
	font-size: 1.875rem;
	color: #00cad8;
}

/***弹出层样式排版结束***/


/**图标库样式开始***/
.icon-size {
	font-size: 4rem;
	color: #0099dc;
	line-height: 8rem;
}

.icon-cell {
	font-size: 4rem;
	color: #0099dc;
	line-height: 6rem;
}

.icon-size-no {
	font-size: 2.125rem;
	color: #0099dc;
}

.icon-size-off {
	font-size: 2.125rem;
	color: #ff0000;
}

/**图标库样式结束***/
[v-cloak] {
	display: none;
}

/**展示遮罩样式**/
.overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #979797;
	z-index: 99;
	display: none;
}

.model-show {
	position: absolute;
	top: 50%;
	left: 50%;
	width: auto;
	height: auto;
	/* background-color: white; */
	transform: translate(-30%, -50%);
	font-size: 6rem;
	color: #FFFFFF;
	display: none;
}