body {
	background-color: #f9f9f9 !important;
}
.opy {
	opacity: 0;
}
.box-calc {
	width: 1684px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}
.box-calc > .l .title,
.box-calc > .r .title {
	height: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 42px;
	font-size: 30px;
	color: #595858;
}

.box-calc > .l .body {
	width: 832px;
	height: 600px;
	background-color: #fff;
	padding: 48px 60px 0 70px;
}

.box-calc > .r .body {
	width: 832px;
	height: 600px;
	background-color: #fff;
	padding: 30px 142px 0 142px;
}

.box-calc > .l .tips,
.box-calc > .r .tips {
	min-height: 120px;
	display: flex;
	padding-top: 40px;
	box-sizing: border-box;
	font-size: 24px;
	line-height: 34px;
	color: #666;
}
.box-calc > .r .tips .red {
	color: #f51d00;
	margin-right: 4px;
}

.box-calc .one {
	display: flex;
	justify-content: space-between;
	margin-bottom: 60px;
	position: relative;
}
.box-calc .one > .l {
	width: 540px;
	display: flex;
	flex-direction: column;
	padding-left: 25px;
}
.box-calc .one > .l span {
	font-size: 24px;
	line-height: 34px;
	color: #666;
	margin-left: -25px;
}
.box-calc .one > .r {
	display: flex;
	align-items: center;
}
.box-calc .one > .r .int {
	width: 80px;
	height: 44px;
	border-radius: 5px;
	border: 2px solid #83cbc5;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 28px;
	color: #333;
}
.box-calc .one > .r span {
	font-size: 20px;
	line-height: 28px;
	color: #83cbc5;
	padding-left: 8px;
}
.box-calc .box-hint {
	font-size: 20px;
	line-height: 28px;
	color: #666;
}
.box-calc .box-hint .red {
	color: #f51d00;
}
.box-calc .box-hint .disc {
	color: #83cbc5;
	cursor: pointer;
}

.box-calc .one > .l .el-slider__input {
	position: absolute;
	right: 28px;
	top: 50%;
	transform: translateY(-50%);
	width: 80px;
}
.box-calc .one > .l .el-slider__input .el-input__inner {
	height: 44px;
	line-height: 44px;
	border-color: #83cbc5;
	font-size: 28px;
	padding: 0;
}


#container {
	margin: 0 auto;
	width: 448px;
	height: 140px;
}
.box-calc > .r .cc-info {
	padding-top: 40px;
}
.box-calc > .r .cc-info dl {
	display: flex;
	justify-content: space-between;
	margin-bottom: 14px;
	font-size: 24px;
	line-height: 34px;
	color: #666;
}

/* #region */
.box-calc .el-slider__runway {
	margin: 10px 0;
}
.box-calc .el-slider__button-wrapper {
	width: 50px;
	height: 20px;
	top: -8px;
}
.box-calc .el-slider__button {
	width: 50px;
	height: 20px;
	border-radius: 5px;
	background-color: #83cbc5;
	border: none;
}
/* #endregion */

.calc-other {
	position: sticky;
	bottom: 0;
	background-color: #83cbc5;
}
.calc-other ul {
	width: 1684px;
	margin: 0 auto;
	display: flex;
	justify-content: space-evenly;
}
.calc-other ul li {
	display: flex;
	width: 560px;
	height: 100px;
	position: relative;
	font-size: 20px;
}
.calc-other ul li a {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
}
.calc-other ul li::after {
	content: " ";
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	width: 4px;
	height: 70px;
	background-color: #fff;
}
.calc-other ul li:last-child::after {
	display: none;
}
.calc-other ul li img {
	width: 50px;
	height: 50px;
	margin-right: 10px;
}

.calc-tips {
	width: 1684px;
	margin: 0 auto;
	font-size: 24px;
	line-height: 34px;
	color: #666;
}

.mc-dialog .el-dialog {
	border-radius: 10px;
}
.mc-dialog .el-dialog__header {
	display: none;
}
.mc-dialog .el-dialog__body {
	padding: 0;
}
.mc-dialog .box-eld {
	width: 1116px;
	height: 630px;
	box-sizing: border-box;
	padding: 26px 58px;
	border-radius: 10px;
}
.mc-dialog .box-eld .title {
	font-size: 20px;
	height: 68px;
	line-height: 68px;
	color: #333;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}
.mc-dialog .box-eld .title::after {
	content: " ";
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 1px;
	background-color: #e5e5e5;
}
.mc-dialog .box-eld .body {
	height: 460px;
	font-size: 20px;
	line-height: 28px;
	color: #666;
	word-break: normal;
	word-wrap: break-word;
	box-sizing: border-box;
	padding: 40px 0;
}
.mc-dialog .box-eld .foot {
	height: 68px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}
.mc-dialog .box-eld .foot::after {
	content: " ";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 1px;
	background-color: #e5e5e5;
}