@charset "utf-8";
/* CSS Document */
html,body {
	height: auto;
	padding: 0;
	margin: 0;
	font-size: 16px;
	font-family:"arial","微软雅黑", "Helvetica", "Helvetica Neue";
	color: #000;
	line-height: 1.5;
	text-align: center;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	background:#3459a5 url(../images/bg.jpg) center 0 no-repeat;
	background-size:cover;
}

input,textarea {
	font-family: "arial","微软雅黑", "Helvetica", "Helvetica Neue";
	color: #000;outline:none;
}
input:focus,textarea:focus { outline: none; }
ul,li {	list-style: none;	padding: 0;	margin: 0;}

h1,h2,h3,h4,h5,h6,p,dl,dd,dt {	margin: 0;	padding: 0;}

a {	text-decoration: none;	color: #000;}
a:hover {	color: #2956a4;	text-decoration: none;}
a img {	border: 0;}

.wrap { margin: 0 auto; max-width: 828px; min-height: 100vh;}

/*头部*/
.top {color: #fff; position: relative; z-index: 0; line-height: 3;}
.top .btnBack { cursor: pointer; display: block; position: absolute; 
left: 0.7em; top: 50%; margin-top: -0.5em;
width: 1em; height: 1em;
background: url(../images/arrow.png) center center no-repeat;
background-size:contain ;
}

.quBox { margin: 0.625em; padding:0 1em 2em 0.625em;
background-color: #fff; text-align: left;
-moz-border-radius:0.25em; -webkit-border-radius:0.25em; border-radius:0.25em;}
.quBox dl { padding: 1.1em 0; border-bottom: 1px solid #e7e7e7;
position: relative; z-index: 0;}
.quBox dt { cursor: pointer; display: flex; justify-content: space-between; 
align-items: center;}
.quBox dt .dot { width: 0.8em; height: 0.375em; margin-left: 0.1em;
background-color: #ededed;
-moz-border-radius:0.2em; -webkit-border-radius:0.2em; border-radius:0.2em;
transition: all 0.2s;
	-webkit-transition:all 0.2s;}
.quBox dl.show dt .dot {background-color: #3970ff; }
.quBox dt .name { margin: 0 1em 0 0.6em; flex: 1; font-size: 0.875em;}
.quBox dt .arrow {
	width: 1em; height: 1em;
	background: url(../images/arrow_2.png) center center no-repeat;
	background-size:contain ;
	transition: all 0.2s;
	-webkit-transition:all 0.2s;
}
.quBox dl.show .arrow {
	transform: rotate(180deg);
	-ms-transform: rotate(180deg); /* IE 9 */
	-webkit-transform: rotate(180deg); /* Safari and Chrome */
}
.quBox dd {  margin-top: 0.6em; 
display: none; line-height: 2; font-size: 0.75em; color: #5c5c5c;
border-left: 1px solid #e3e3e3;
padding-left: 1.66em; margin-left: 0.62em;}
.quBox dl.show dd { display: block;}
.quBox dl.show::before {
	position: absolute; z-index: 0; left: 0; bottom: 0;
	display: block; content: "";
width: 0.8em; height: 0.375em; margin-left: 0.1em;
border-top:0.4em solid #fff ;
border-bottom:1.7em solid #fff;
background-color: #fff;
-moz-border-radius:0.2em; -webkit-border-radius:0.2em; border-radius:0.2em;}

.quBox dl.show::after {
	position: absolute; z-index: 1; left: 0; bottom: 1.7em;
	display: block; content: "";
width: 0.8em; height: 0.375em; margin-left: 0.1em;
background-color: #ededed;
-moz-border-radius:0.2em; -webkit-border-radius:0.2em; border-radius:0.2em;}

.email { margin-left: -0.2em; margin-top: 1.4em; font-size: 1.08em;
color: #000; padding: 0.2em 0 0.2em 2.8em;
background: url(../images/email.png) 0 0 no-repeat;
background-size:2.3em auto ;}
.email .btnCopy { margin-left: 0.5em; cursor: pointer; display: inline-block;  vertical-align: middle;
 width: 1em; height: 1em;
background: url(../images/copy.png) center center no-repeat;
background-size:contain ;
}