
.emailpanel{
	
	width:320px;
	height:160px;
	background-color:#ffffff;
	position:fixed;
	left:50%;
	bottom:50%;
	margin-left:-160px;
	margin-bottom:-80px;
	border-radius:10px;
	z-index:199999;
	display:none;
}

.emailpanel input{
	
	width:90%;
	margin-left:5%;
	height:38px;
	line-height:38px;
	border-radius:5px;
	border:1px solid #ededed;
	margin-top:30px;
	font-size:16px;
	text-indent:10px;
}

.emailpanel cal{
	
	width:40%;
	text-align:center;
	margin-top:20px;
	border:0px;
	height:36px;
	line-height:36px;	
	float:left;
	cursor:pointer;
	color:#9d9d9d;
}

.emailpanel cal:hover{
	
	color:#666666;
}

.emailpanel btn{
	
	width:40%;
	
	margin-top:20px;
	border:0px;
	height:36px;
	line-height:36px;
	border-radius:5px;
	color:#009242;
	font-weight:bold;
	cursor:pointer;
	border:2px solid #009242;
	display:block;
	text-align:center;
	float:left;
}

.emailpanel sc{
	
	width:100%;
	height:160px;
	line-height:160px;
	text-align:center;
	display:block;
}


.content1{
	
	width:100%;
	height:auto;
	margin-top:120px;
	position:relative;
}

.content1 img{
	
	width:100%;
	height:auto;
}


.content1 page-title{
	
	display:block;
	font-size:38px;
	position:absolute;
	top:50px;
	left:10%;
	z-index:10;
	font-weight:600;
	color:#ffffff;
}

.content1 page-desc{
	
	width:350px;
	display:block;
	font-size:18px;
	position:absolute;
	top:120px;
	left:10%;
	z-index:10;
	font-weight:400;
	color:#ffffff;
	line-height:35px;
}


.content2{
	
	width:100%;
	height:80px;
	background-color:#ffffff;
	line-height:80px;
}

.content2 .ctpanel{
	
	width:90%;
	margin-left:5%;
	font-size:18px;
}

.content2 hp{
	
	display:inline-block;
	width:90px;
	height:80px;
	background:url(https://dqkfine.oss-cn-hangzhou.aliyuncs.com/newversion/downloadpage/icon/homepage1.png) no-repeat;
	background-position:left 10px center;
	background-size:30px 30px;
	text-indent:50px;
	cursor:pointer;
}

.content2 subp{
	color:#2bae6c;
	cursor:pointer;
}


.content3{
	
	width:94%;
	height:800px;
	margin-left:3%;
	margin-top:10px;
}


.content3 .listmenu{
	
	width:calc(35% - 10px);
	height:100%;
	float:left;
	border-radius:10px;
	overflow:hidden;
	overflow-y:scroll;

}

.content3 .listmenu .onetype{
	
	width:96%;
	margin-left:2%;
}


.content3 .listmenu .onetype .typename{
	
	width:100%;
	height:46px;
	line-height:46px;
	text-indent:20px;
	border-radius:10px;
	overflow:hidden;
	margin-top:15px;
	position:relative;
	background-color:#e5fff1;
	font-size:18px;
	color:#009242;
	cursor:pointer;
}

.content3 .listmenu .onetype .typename::before{
	
	content:"";
	width:5px;
	height:46px;
	background-color:#009242;
	position:absolute;
	top:0;
	left:0;
	
}

.content3 .listmenu .onetype .typename i{
	
	position:absolute;
	right:20px;
	top:50%;
	margin-top:-2px;
}

.content3 .listmenu .onetype .typename .xs{
	
  border: solid #009242;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 4px;
    transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  
  
    	transition-duration:0.4s;
	-moz-transition-duration:0.4s;
	-webkit-transition-duration:0.4s;
	-o-transition-duration:0.4s;
  
}

.content3 .listmenu .onetype .typename .xx{
	
  border: solid #009242;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 4px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  
  
  	transition-duration:0.4s;
	-moz-transition-duration:0.4s;
	-webkit-transition-duration:0.4s;
	-o-transition-duration:0.4s;		
}


.content3 .listmenu .onetype .typelist{
	
	width:100%;
	height:auto;
	overflow:hidden;
	border-radius:10px;
	margin-top:6px;
	background-color:#ffffff;
	
	display:none;
}


.content3 .listmenu .onetype .typelist ul{
	width:calc(100% - 50px);
	margin-left:25px;
}


.content3 .listmenu .onetype .typelist ul li{
	
	width:100%;
	height:45px;
	line-height:45px;
	text-indent:25px;
	overflow:hidden;
	cursor:pointer;
	border-bottom:1px solid #ededed;
}

.content3 .listmenu .onetype .typelist ul .pdf{
	
	background:url(https://dqkfine.oss-cn-hangzhou.aliyuncs.com/newversion/downloadpage/icon/pdf.png) no-repeat;
	background-position:left 0px center;
	background-size:20px 20px;
	
	position:relative;
}


.content3 .listmenu .onetype .typelist ul .pdf  mail{
	
	width:37px;
	height:37px;
	border-radius:20px;
	background:url(https://dqkfine.oss-cn-hangzhou.aliyuncs.com/newversion/downloadpage/icon/myemail.png) no-repeat;
	background-position:center center;
	background-size:22px 22px;
	position:absolute;
	top:4px;
	right:-2px;
	
	background-color:#ffffff;
}

.content3 .listmenu .onetype .typelist ul .pdf  mail:hover{
	
	background-color:#cccccc;
}









.content3 .viewpdf{
	
	width:65%;
	margin-left:10px;
	height:100%;
	float:left;	
	border-radius:10px;
	overflow:hidden;
	
	background-color:#ffffff;
	position:relative;
}

.content3 .viewpdf .emails{
	
	width:32px;
	height:32px;
	background:url(https://dqkfine.oss-cn-hangzhou.aliyuncs.com/newversion/downloadpage/icon/email.png) no-repeat;
	background-position:center center;
	background-size:20px 20px;
	position:absolute;
	top:16px;
	right:135px;
	z-index:96;	
	border-radius:20px;
	background-color:rgba(0,0,0,0.6);	
	cursor:pointer;

}


.content3 .viewpdf  .weixin{
	
	width:32px;
	height:32px;
	background:url(https://dqkfine.oss-cn-hangzhou.aliyuncs.com/newversion/downloadpage/icon/weixin.png) no-repeat;
	background-position:center center;
	background-size:20px 20px;
	position:absolute;
	top:16px;
	right:170px;
	z-index:96;	
	border-radius:20px;
	background-color:rgba(0,0,0,0.6);	
	cursor:pointer;	
}

.content3 .viewpdf  .weixin #qrpdf{
	
	width:180px;
	height:180px;
	padding:15px 15px;
	background-color:rgba(0,0,0,0.5);
	position:absolute;
	top:35px;
	right:0px;
	border-radius:10px;
	z-index:97;	
	display:none;
}


.content3 .viewpdf .emails:hover{
	
	background-color:rgba(255,255,255,0.1);
}


.content3 .viewpdf .weixin:hover{
	
	background-color:rgba(255,255,255,0.1);
}


.content3 .viewpdf iframe{
	
	width:100%;
	height:100%;
}




.content4{
	
	width:94%;
	height:600px;
	margin-left:3%;
	margin-top:10px;
	background-color:#ffffff;
	border-radius:10px;
	display:none;
}

.content4 .syleft{
	width:40%;
	height:100%;
	background:url(https://dqkfine.oss-cn-hangzhou.aliyuncs.com/newversion/downloadpage/image/loginp.png) center center no-repeat;
	background-size:66% auto;
	float:left;
}

.content4 .syright{
	
	width:60%;
	height:100%;
	float:left;
	position:relative;
	
}

.content4 .syright .suow{
	color:#7e93af;
	font-size:15px;
	height:38px;
	line-height:38px;
	position:absolute;
	top: calc(40% - 130px);
	left:calc(30% - 85px);
	z-index:99999;
	font-weight:600;
}

.content4 .syright #qrcode{
	
	width:228px;
	height:228px;
	padding:15px 18px;
	padding-top:38px;
	
	background:url(https://dqkfine.oss-cn-hangzhou.aliyuncs.com/newversion/downloadpage/icon/suo.png) no-repeat;
	background-position:left 15px top 8px;
	background-size:22px 22px;
	
	background-color:#f0f0f0;
	position:absolute;
	top:40%;
	left:30%;
	margin-top:-130px;
	margin-left:-130px;
	border-radius:5px;
}

.content4 .syright .qrword{
	
	width:380px;
	height:45px;
	line-height:45px;
	text-align:center;
	position:absolute;
	top: calc(40% + 190px);
	left:calc(30% - 185px);	
	font-size:18px;
}















