#header .menu02 a{
	background: #3B6BCC;
	color: #fff;
}

#banner{
	background: url(../images/elecSignature/banner01.png) center/cover;
}

#tag{
	position: relative;
}
#tag .selectTag{
	position: relative;
	font-size: 0.18rem;
	height: 0.5rem;
	line-height: 0.5rem;
	background: #f8f8f8;
	text-align: center;
	border-bottom:1px solid rgba(224,224,224,1);
}
#tag .selectTag span{
	display: inline-block;
	width: 0.9rem;
	text-align: left;
}
#tag .selectTag .arrow{
	position: absolute;
	bottom: 0.12rem;
	right: 0.2rem;
	width: 0.1rem;
	height: 0.2rem;
	background: url(../images/elecSignature/arrow-right-dark.png) center/100% 100%;
	transform: rotateZ(90deg);
}
#tag .selectTag .arrow.rotate{
	transform: rotate(-90deg);
}
#tag ul{
	display: none;
	position: absolute;
	left: 0;
	right: 0;
	top: calc(0.5rem + 1px);
	background: #fff;
}
#tag ul li{
	text-align: center;
	font-size: 0;
	height: 0.5rem;
	line-height: 0.5rem;
	border-bottom:1px solid rgba(224,224,224,1);
}
#tag ul li .icon,
#tag .selectTag .icon{
	vertical-align: middle;
	margin-right: 0.1rem;
}
#tag li.tag01 .icon,
#tag .selectTag .icon1{
	width: 0.3rem;
	height: 0.3rem;
	background: url(../images/elecSignature/tab01.png) center top/100% auto no-repeat;
}
#tag li.tag02 .icon,
#tag .selectTag .icon2{
	width: 0.28rem;
	height: 0.29rem;
	background: url(../images/elecSignature/tab02.png) center top/100% auto no-repeat;
}
#tag li.tag03 .icon,
#tag .selectTag .icon3{
	width: 0.26rem;
	height: 0.3rem;
	background: url(../images/elecSignature/tab03.png) center top/100% auto no-repeat;
}
#tag li.tag04 .icon,
#tag .selectTag .icon4{
	width: 0.26rem;
	height: 0.3rem;
	background: url(../images/elecSignature/tab04.png) center top/100% auto no-repeat;
}
#tag li.tag05 .icon,
#tag .selectTag .icon5{
	width: 0.26rem;
	height: 0.31rem;
	background: url(../images/elecSignature/tab05.png) center top/100% auto no-repeat;
}
#tag li span{
	display: inline-block;
	width: 0.9rem;
	text-align: left;
	font-size: 0.18rem;
	vertical-align: middle;
}
#tag li.active .icon{
	background-position-y: bottom;
}
#tag li.active span{
	color: #3B6BCC;
}

#pageList>li{
	display: none;
}
#pageList>li.active{
	display: block;
}

#pageList .structure{
	padding: 0.4rem 0.1rem;
	background: #fff;
	text-align: center;
}
#pageList .structure img{
	width: 100%;
}

#sectionOne{
	padding: 0 0.2rem;
}
#sectionOne .text{
	font-size: 0.18rem;
	text-indent: 2em;
	line-height: 1.5em;
	margin-bottom: 0.1rem;
}
#sectionOne .imgBox{
	display: flex;
	justify-content: center;
	align-items: center;
}
#sectionOne .imgBox img:first-child{
	width: 1.8rem;
}
#sectionOne .imgBox img:last-child{
	margin: 0.04rem 0 0 0.24rem;
	width: 1.8rem;
}

#sectionTwo .text{
	font-size: 0.18rem;
	text-indent: 2em;
	line-height: 1.5em;
	margin-bottom: 0.1rem;
}

#sectionThree{
	background: linear-gradient(135deg,rgba(251,251,255,1) 0%,rgba(234,236,255,1) 100%);
}
#sectionThree .text{
	text-indent: 2em;
	line-height: 1.5em;
	font-size: 0.18rem;
	margin-bottom: 0.1rem;
}
#sectionThree .imgBox{
	text-align: center;
}
#sectionThree .imgBox img{
	width: 100%;
	max-width: 4.26rem;
}
#sectionThree .intro .iconList{
	margin: 0.4rem 0 0.2rem;
	display: flex;
	justify-content: center;
}
#sectionThree .intro .iconList li{
	margin-left: 0.12rem;
	cursor: pointer;
	width: 1.6rem;
	height: 0.45rem;
	background: url(../images/safety/optionBg.png) center/100% 100%;
	text-align: center;
	font-size: 0.16rem;
	line-height: 0.45rem;
}
#sectionThree .intro .iconList li:first-child{
	margin-left: 0;
}
#sectionThree .intro .iconList li.active{
	background-image: url(../images/safety/optionBgSelect.png);
	color: #fff;
}

#sectionThree .intro .contentList{
	position: relative;
	height: 1.8rem;
}
#sectionThree .intro .contentList li{
	display: flex;
	align-items: center;
	position: absolute;
	left: 0;
	top: 0;
	box-sizing: border-box;
	padding: 0 0.4rem;
	height: 1.8rem;
	background: url(../images/safety/textBg.png) center/100% 100%;
	font-size: 0.16rem;
	line-height: 1.5em;
	opacity: 0;
}
#sectionThree .intro .contentList li:first-child{
	opacity: 1;
	z-index: 10;
}

#sectionFour{
	padding-bottom: 0.2rem;
}
#sectionFour .text{
	font-size: 0.18rem;
	text-indent: 2em;
	line-height: 1.5em;
	margin-bottom: 0.1rem;
}
#sectionFour .imgBox{
	text-align: center;
}
#sectionFour .imgBox img{
	width: 100%;
}

#sectionFive{
	padding-bottom: 0.5rem;
}
#sectionFive .text{
	padding-top: 0.1rem;
	font-size: 0.18rem;
	line-height: 0.36rem;
	width: 6.25rem;
	text-indent: 2em;
}
#sectionFive .imgBox{
	width: 5.23rem;
	height: 3.65rem;
	background: url(../images/safety/icon04.png) center/cover;
}

.page03 .identityAuthentication,
.page04 .tamper{
	position: relative;
	background:linear-gradient(90deg,rgba(250,252,255,1),rgba(246,248,255,1));
}
.page03 .identityAuthentication .smallTitle{
	text-align: center;
	font-size: 0.18rem;
	color: #666;
}
.page03 .identityAuthentication .imgBox,
.page04 .tamper .imgBox{
	margin: 0.2rem 0;
	font-size: 0;
}
.page03 .identityAuthentication .imgBox img,
.page04 .tamper .imgBox img{
	width: 100%;
}
.page03 .identityAuthentication .text,
.page03 .userAuthentication .text,
.page03 .userAuthentication p,
.page04 .tamper .text{
	font-size: 0.18rem;
	text-indent: 2em;
	line-height: 1.5em;
}
.page03 .userAuthentication .textBox{
	box-sizing: border-box;
	padding: 0 0.1rem;
	position: relative;
	left: -0.2rem;
	width: calc(100% + 0.4rem);
	margin: 0.3rem 0;
	height: 1.7rem;
	background: url(../images/elecSignature/shield.png) center/cover;
}
.page03 .userAuthentication .textBox .title{
	margin: 0.26rem 0 0.05rem;
	font-size: 0.16rem;
	color: #3B6BCC;
	font-weight: bold;
}
.page03 .userAuthentication .textBox .text{
	font-size: 0.14rem;
	color: #787A80;
	line-height: 1.5em;
	text-indent: 0;
	width: 1.5rem;
}
.page03 .userAuthentication .textBox .left{
	text-align: right;
}
@media only screen and (max-width: 360px) {
	.page03 .userAuthentication .textBox .text{
		width: 1.4rem;
	}
}
@media only screen and (max-width: 320px) {
	.page03 .userAuthentication .textBox .text{
		width: 1.2rem;
	}
}

.page04 .textBox>.fl{
	width: 50%;
	box-sizing: border-box;
}
.page04 .textBox .title{
	font-size: 0.2rem;
	color: #21529B;
	margin-bottom: 0.1rem;
	font-weight: 500;
}
.page04 .textBox .leftText{
	text-align: right;
	padding-right: 0.15rem;
}
.page04 .textBox .rightText{
	padding-left: 0.15rem;
}
.page04 .textBox .text{
	text-indent: 0;
}
.page04 .tamper>.text{
	margin-top: 0.15rem;
	padding: 0.1rem 0.2rem;
	background: #E1E9FA;
}
.page04 .voucher{
	font-size: 0;
}
.page04 .voucher img{
	width: 100%;
}

.page05 .blockChain{
	padding-top: 0;
}
.page05 .blockChain .text{
	margin-bottom: 0.2rem;
	font-size: 0.18rem;
	color: #666;
	text-indent: 2em;
	line-height: 1.5em;
}
.page05 .blockChain .imgBox img{
	width: 100%;
}
.page05 .blockChain .bottomText{
	margin-top: 0.2rem;
	margin-bottom: 0;
}

#commonProblem{
	padding: 0.4rem 0 0.8rem 0;
	background: #F5F9FF;
	font-size: 0.18rem;
	background: #F5F9FF url(../images/safety/bgIcon.png) right bottom/10.65rem 9.42rem no-repeat;
}
#commonProblem .content>.title{
	font-size: 0.24rem;
	color: #4B87FF;
	text-align: center;
}
#commonProblem .problem{
	margin: 0.3rem 0 0.1rem 0;
}
#commonProblem .problem .number{
	margin-right: 0.22rem;
}
#commonProblem .answer{
	position: relative;
}
#commonProblem .answer .icon{
	position: absolute;
	left: 0;
	top: 0.02rem;
	margin-top: 0.05rem;
	width: 0.25rem;
	height: 0.23rem;
	background: url(../../images/safety/answerIcon.png) center/cover;
	margin-right: 0.07rem;
}
#commonProblem .answer .text{
	line-height: 1.8em;
	text-indent: 2em;
}
#commonProblem .answer .tableTitle{
	margin: 0.3rem 0 0.2rem 0;
}
#commonProblem .answer table{
	width: 100%;
	border-collapse: collapse;
}
#commonProblem .answer table tr{
	height: 0.8rem;
}
#commonProblem .answer table td{
	border: 1px solid #C6C6C6;
	padding: 0 0.24rem;
	line-height: 1.5em;
	text-indent: 0;
}
#commonProblem .answer table td.title{
	white-space: nowrap;
}