body {
	width: 100%;
	margin: 0;
	box-sizing: border-box;
	padding: 0;
	font-family: "Helvetica Neue", Helvetica, STHeiTi, sans-serif;
}
html * {
    outline: 0;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    /*iOS会在元素周围显示橙色的外框，以表明该元素被tap了。如果你想自己实现tap时的响应效果，可以用以下方法“去除”这个高亮效果*/
}
body, ul, ol, li, dl, dt, dd, p, pre, h1, h2, h3, h4, h5, h6, hr, blockquote, fieldset, lengend,
button,
textarea,
th,
td {
    margin: 0;
    padding: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup,nav, section{ display:block;}
input, select, textarea {
    -webkit-appearance:none; /*去掉webkit默认的表单样式*/
}
/* 表单控件没有亮线 */
button, input, optgroup, select, textarea {
    margin: 0;
    outline: none;
    font: inherit;
    border: none;
}
/* 表格边框和元素间距清空 */
table {
    border-collapse: collapse;
    border-spacing: 0;
}
li {
    list-style: none;
}
a {
    text-decoration: none;
	background-color: transparent;
	color: #000000;
}
em {
    font-style: normal;
}
img {
    border: none;
    margin: 0;
    padding: 0;
    vertical-aline:middle;
}

input {
	border: none;
	outline: none;
	font-size: 1rem;
	padding: 0;
	margin: 0;
}

::placeholder {
	color: #EEEEEE;
}
button[disabled] {
	color: white !important;
	background: #CCCCCC !important;
}
input[type="radio"] {
	position: absolute;
	clip: rect(0, 0, 0, 0);
}

input[type="radio"]+label::before {
	position: relative;
	top: 0px;
	left: 0px;
	content: "\a0";
	/*不换行空格*/
	display: inline-block;
	vertical-align: middle;
	margin-bottom: 0.0625rem;
	width: 1em;
	height: 1em;
	margin-right: .4em;
	border-radius: 50%;
	border: 1px solid #cccccc;
}

input[type="radio"]+label::after {
	position: relative;
	top: -29px;
	left: 4px;
	content: '';
	width: 9px;
	height: 4px;
	border: 2px solid transparent;
	border-top: transparent;
	border-right: transparent;
	text-align: center;
	display: block;
	transform: rotate(-45deg);
}

input[type="radio"]:checked+label::before {
	position: relative;
	top: 0px;
	left: 0px;
	content: '';
	width: 1em;
	height: 1em;
	background: #2B8CFF;
	margin-right: .4em;
	border: 1px solid #2B8CFF;
	display: inline-block;
	border-radius: 50%;
}

input[type="radio"]:checked+label::after {
	position: relative;
	top: -29px;
	left: 4px;
	content: '';
	width: 9px;
	height: 4px;
	border: 2px solid #fff;
	border-top: transparent;
	border-right: transparent;
	text-align: center;
	display: block;
	transform: rotate(-45deg);
}

/* 头部 */
.header {
	width: 100%;
	height: 40px;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 2;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	background-color: #2EA0FF;
	line-height: 40px;
	color: #FFFFFF;
}
.head-other{
	transform: translateX(-20px);
}
.header-left {
	background-image: url(../../common/img/back.png);
	background-size: 20px;
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 22px;
	white-space: nowrap;
	margin-left: 5px;
}

/* 图标 */
.icon {
	width: 20px;
	height: 20px;
	margin: 10px 10px;
}

/* 顶部tab样式 */
.top_tab {
	display: flex;
}
.top_tab li {
	flex: 1;
	text-align: center;
	padding: 0.9375rem 0;
	border-bottom: 1px solid #EEEEEE;
}
.top_tab li.active a{
	color: #2B8CFF;
	padding: 0.875rem 0;
	border-bottom: 2px solid #2B8CFF;
}
/* 顶部tab样式end */


/* 内容 */
#section_container {
	padding-top: 40px;
}

/* 行 */
.js_calcMethod_other a {
	width: 90%;
	margin: 0 auto;
	padding: 5px 0rem;
	/* height: 3.125rem; */
	border-bottom: 0.0625rem solid #eeeeee;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	box-sizing: border-box;
}

.js_calcMethod a {
	width: 90%;
	margin: 0 auto;
	padding: 5px 0rem;
	/* height: 3.125rem; */
	border-bottom: 0.0625rem solid #eeeeee;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	box-sizing: border-box;
}

/* 前面提示 */
.option-title {
	width: 35%;
	line-height: 3.125rem;
	text-align: left;
	font-weight: 700;
	font-size: 1rem;
	white-space: nowrap;
	vertical-align: middle;
}

.option-flex {
	display: flex;
	flex-direction: row;
}

.option-flex span i {
	float: right;
}

.option-value-content {
	padding-left: 0.625rem;
	display: flex;
	flex-direction: row-reverse;
	color: #4f4f4f;
	justify-content: space-between;
	align-items: center;
	width: 65%;
}



.option-value-content input {
	/* vertical-align: middle; */
	display: inline-block;
	width: 90%;
	background-color: transparent;
	line-height: 3.125rem;
	height: 3.125rem;
	font-size: 1rem;
	color: #4f4f4f;
	padding-bottom: 0.25rem;
}

.option-value {
	padding-left: 0.625rem;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	color: #4f4f4f;
	width: 65%;
}

.option-value .textarea {
	width: 90%;
	height: 3.125rem;
	font-size: 0.875rem;
	word-wrap: break-word;
	display: flex;
	align-items: center;
	color: #4f4f4f;
	line-height: 1rem;
}

.unit {
	width: 10%;
	white-space: nowrap;
}

.arrow:before {
	content: '';
	width: 9px;
	height: 9px;
	border: 2px solid #ccCCCC;
	border-top: transparent;
	border-right: transparent;
	text-align: center;
	margin-right: 0.5rem;
	display: block;
	transform: rotate(225deg);
}

.danxuan {
	box-sizing: border-box;
	width: 45%;
	height: 3.125rem;
	line-height: 3.125rem;
}

.danxuan label {
	display: inline-block;
}

.lastSelect {
	width: 58% !important;
	display: flex;
	flex-direction: row;
}

.icon-question {
	width: 1.25rem;
	height: 1.25rem;
	background: url(./newquestion.png) no-repeat center;
	margin-top: 0.9375rem;
	background-size: 1rem;
	border-radius: 50%;
	margin-left: 0.35rem;
	/* float: right; */
}

/* 中间提示 */
.knowhouse {
	width: 90%;
	border-bottom: 0.0625rem solid #eeeeee;
	margin: 0 auto;
	/* padding-bottom: 0.25rem; */
}

.knowhouse .option-remind {
	width: 100%;
	background-color: #f4f8fe;
	margin: 0 auto 0.625rem;
	border-radius: 0.625rem;
	line-height: 2.5rem;
	height: auto;
	padding-left: 0.625rem;
	padding-right: 0.625rem;
	box-sizing: border-box;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.knowhouse .option-remind span:nth-child(1) {
	display: block;
	line-height: 1rem;
	height: 1rem;
	margin-top: 0.75rem;
	font-size: 0.6875rem;
	background-color: #3777f2;
	color: #FFFFFF;
	padding: 0 0.3125rem;
	border-top-right-radius: 0.25rem;
	border-bottom-left-radius: 0.25rem;
	white-space: nowrap;
}

.knowhouse .option-remind span:nth-child(2) {
	overflow: hidden;
	margin-left: 0.875rem;
	width: 100%;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 0.875rem;
}

.knowhouse .option-remind span:nth-child(3) {
	color: #3391ff;
	margin-right: 0.3125rem;
	margin-left: 0.1875rem;
	float: right;
	white-space: nowrap;
	/* font-weight: bold; */
}

.knowhouse .option-remind span:nth-child(3) a {
	color: #3391ff;
}

/* 按钮 */
.calc-button {
	color: #FFFFFF;
	background-color: #007AFF;
	width: 90%;
	font-size: 1rem;
	line-height: 3.125rem;
	box-shadow: none;
	padding: 0;
	border: none;
	border-radius: 0.625rem;
	margin: 1.5625rem 5%;
	outline: none;
}

.calc-button:active {
	color: rgba(255, 255, 255, 0.6);
	background-image: linear-gradient(rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.1));
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	border: none;
}

/* 底部 */
.footer {
	text-align: center;
}


/* 弹出提示框 */
.base-pop-mask {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 10;
	background: rgba(0, 0, 0, 0.7);
	display: flex;
	justify-content: center;
	align-items: center;
}

.base-pop-content {
	width: 80%;
	background: #fff;
	padding: 0.3125rem 1rem 0.875rem;
	display: flex;
	max-height: 50vh;
	justify-content: flex-start;
	flex-direction: column;
	align-items: center;
}

.base-pop-content .title {
	color: #333;
	font-size: 1.25rem;
	line-height: 2rem;
	font-weight: 800;
}

.base-pop-content .text {
	overflow-y: scroll;
	color: #333;
	font-size: 1rem;
	font-weight: 400;
	margin: 0px 0 1rem;
	text-align: justify;
}

.base-pop-content .text strong {
	font-weight: 800;
}

.base-pop-content .btn {
	width: 100%;
	height: 2.5rem;
	font-size: 0.875rem;
	background: linear-gradient(135deg, rgba(255, 132, 0, 1) 0%, rgba(255, 65, 0, 1) 100%);
	border-radius: 0.0625rem;
	text-align: center;
	line-height: 2.5rem;
	color: #fff;
}

.base-pop-mask.hide {
	display: none;
}
.dialog{
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	font-size: 14px;
	transform: translate(-50%, -50%);
	background-color: rgba(0, 0, 0, 0.8);
	color: #FFFFFF;
	line-height: 2.25rem;
	border-radius: 0.25rem;
	/*word-wrap: break-word;*/
	/*word-break: break-all;*/
	text-align: center;
	width:60%;
	padding: 0.3125rem 0.625rem;
}

.remind-confirm {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 200;
	background: rgba(0, 0, 0, 0.7);
}
.header_share {
	width: 0.5rem;
}
.xq_share {width: 60px;text-align: center;}
.xq_share img {width: 1.8rem;height: 1.8rem;margin-top: 12%;}
.a-group {display: flex;align-items: center;justify-content: center;}
.a-group .line{margin: 0 0.3rem;color: #EEEEEE}