body,
html {
	height: 100%;
}

body {
	font-size: 0.28rem;
	background: #f5f5f5;
}

#guide_content .list>dt {
	padding: 0 0.12rem;
	height: 0.66rem;
	line-height: 0.66rem;
	position: relative;
	color:#333333;
	background: #fff;
	font-weight: 600;
}

#guide_content .list>dt>p {
	font-size: 0.28rem;
}

#guide_content .list {
	margin: 0 0.12rem 0.12rem 0.12rem;
	border-radius: 0.1rem;
	overflow: hidden;
}

#guide_content .list.active {
	border: solid 1px #e5e5e5;
	overflow: hidden;
	margin: 0 0.12rem 0.12rem 0.12rem;
	border-top-left-radius: 0.1rem;
	border-top-right-radius: 0.1rem;
}

#guide_content .list.active>dt {
	color: #333333;
	background: #FFFFFF;
	font-weight: 600;
}

#guide_content dl>dt>p:after,
#guide_content>dl>dt>p:after {
	content: "";
	float: right;
	display: block;
	width: 0.14rem;
	height: 0.12rem;
	margin-top: 0.27rem;
	background: url(../../images/claimOnline/cp-up4.png) no-repeat center center;
	background-size: 100% auto;
}

#intro>dl.active>dt>p:after,
#guide_content>dl.active>dt>p:after {
	content: "";
	float: right;
	display: block;
	width: 0.145rem;
	height: 0.12rem;
	margin-top: 0.27rem;
	background: url(../../images/claimOnline/cp-up4.png) no-repeat center center;
	background-size: 100% auto;
	transform: rotate(180deg);
}

#guide_content .list.active>dd {
	padding: 0.1rem 0 0.05rem 0;
	height: auto;
	overflow: hidden;
	background: #fff;
}

#guide_content .list>dd {
	height: 0rem;
	overflow: hidden;
	padding-top: 0;
	color: #5f5f5f;
}

.transition-1 {
	transition: all 0.1s;
	font-size: 0.25rem;
}

#guide_content .list.active>dd {
	padding-left: 0.15rem;
}

.transition-1 .tag {
	padding: 0.01rem 0.05rem;
	border-radius: 0.08rem;
	margin: 0.15rem 0.15rem 0.15rem 0;
	font-size: 0.25rem;
	background:#fff;
	color: #494DF4;
	border: 1px solid #494DF4;
}

.transition-1 .must {
	background: #494DF4;
	color: #fff;
}

.ui-c-b {
	padding: 0.2rem;
	background: #FAFAFA;
	margin-top: 0.32rem;
}

.ui-c-b p {
	line-height: 0.32rem;
	font-size: 0.22rem;
	/* background: url(../../images/claimOnline/warning.png) no-repeat 0 0.04rem; */
	background-size: 0.24rem;
	color: #999999;
	font-weight: 500;
}

#returnIndex {
	display: block;
	text-align: center;
	height: 0.7rem;
	line-height: 0.7rem;
	background: #ffffff;
	margin: 0.28rem;
	color: #494DF4;
	font-size: 0.28rem;
	border-radius: 20px;
	border: 1px solid #494DF4;
}

#sendEmail {
	margin: 0.28rem;
	line-height: 0.7rem;
	background:#494DF4;
	text-align: center;
	font-size: 0.28rem;
	color: #fff;
	border-radius: 20px;
	border: none;
	display: block;
}

#email {
	padding-left: 0.1rem;
	margin-left: 0.48rem;
	line-height: 0.68rem;
	border-radius: 10px;
	font-size: 0.28rem;
	width: 67%;
	float:left;
	background: rgba(255, 255, 255, 0.2);
	border: 0.01rem solid #494DF4;
	font-family: "΢ÈíÑźÚ";
	display: none;
}
 .topNav {
	width:100%;
	height: 0.63rem;
	background:linear-gradient(to right,#494DF4,#9FBEAF);
}
 .topNav p.show .showIcon{
  	height: 0.29rem;
    width: 0.29rem;
    background: url(../../images/phoneClaimOnline/accidentShowLittle.png) no-repeat 0 center;
    position: absolute;
    left: 0.38rem;
    top: 0.16rem;
    background-size: contain;
}
 .topNav p.show{
	text-align: center;
	color: #FFFFFF;  
	font-size: 0.268rem;
	line-height: 0.627rem;
}