*{
	margin:0px;
	padding:0px;
	
}

li{
	list-style:none;
}

a{
	text-decoration:none;
    out-line: none;
	color:#000000;	
}

html,body{
	
	font-family:"寰蒋闆呴粦";
	width:100%; 
	height:100%;
	marign:0px;
	padding:0px;
	outline:none; 
	border:none;
	background-color:#f1f1f1;
}
/***********************************************/

.frame{
	
	width:100%;
	position:relative;
	float:left;
}



.frame .panel{
	
	width:1200px;
	height:100%;
	min-width:1200px;	
	position:absolute;
	left:50%;
	margin-left:-600px;
}




.part1{
	
	height:34px;
	border-bottom:1px solid #dddddda3;
	
	background-color:#f7f9fa;
}      

.part1 .p1{
	
	float:left;
	width:60%;
	height:100%;
	background:url(https://daqokfine.oss-cn-shanghai.aliyuncs.com/kfinemall/icon/13.png) left center no-repeat;
	background-size:80px auto;
}

.part1 .p2{
	
	float:left;
	width:40%;
}


.part1 .p2 .item{
	
	line-height:34px;
	height:34px;
	padding-left:5px;
	padding-right:5px;
	float:left;
	font-size:12px;
	color:#a4a4a4;
	cursor:pointer;
}

.part1 .p2 fk{
	
	width:1px;
	height:12px;
	background-color:#d3d3d3;
	margin-top:11px;
	float:left;
	margin-left:5px;
	margin-right:5px;
}

.part1 .p2 .item i{
	width:24px;
	height:34px;
	display:block;
	float:left;
	background:url(https://daqokfine.oss-cn-shanghai.aliyuncs.com/kfinemall/icon/64734.png)center center no-repeat;
	background-size:20px 20px;
}

.part1 .p2 .item span{
	
	float:left;
}

.part1 .p2 .item lk{
	
	width:14px;
	height:14px;
	display:block;
	background-color:#01AAED;
	float:left;
	border-radius:8px;
	margin-top:8px;
	text-align:center;
	line-height:14px;
	color:#fff;
	padding:2px 2px;
	margin-left:2px;
}












.xxtitle{
	
	width:100%;
	height:30px;
	line-height:30px;
	background-color:#a4a4a4;
	color:#eeeeee;
	text-indent:10px;
}

.navproduct{
	
	width:100%;
	height:60px;
	line-height:60px;
	color:#383838;
}





.ele{
	
	width:100%;
	float:left;
}




.ele .content{
	
	width:1200px;
	max-width:1200px;
	position:relative;
	left:50%;
	margin-left:-600px;
	float:left;
}


.maincolor{
	
	background-color:#ffffff;
}

.s1{
	
	padding-top:10px;
	padding-bottom:10px;
	color:#262626;
}



.s1 .p1{
	
	width:100%;
}
.s1 .p1 .yichi{
	
	width:10%;
	float:left;
	font-size:14px;
	font-weight:bold;
	color:#373d41;
	line-height:38px;
	height:38px;	
}

.s1 .p1 .li{
	
	width:90%;
	float:left;
}

.s1 .p1 .li ul{
	
	width:100%;
	
}

.s1 .p1 .li ul li{
	
	width:120px;
	text-align:center;
	float:left;
	line-height:38px;
	height:38px;
	cursor:pointer;
}

.s1 .p1 .li ul .active{
	
	color:#00bb54;
	border-bottom:1px solid #00bb54;
}


.s1 .p2{
	
	width:90%;
	margin-left:10%;
	margin-top:50px;
}

.s1 .p2 .active{
	
	background-color:rgba(0,187,84,0.7);
	color:#fff;
}


.s1 .p2 span{
	
	width:120px;
	height:30px;
	line-height:30px;
	display:block;
	float:left;
	border:1px solid #d3d3d3;
	text-align:center;
	margin-right:15px;
	margin-top:10px;
	cursor:pointer;
}




.s2{
	
	padding-top:10px;
	padding-bottom:10px;
	color:#262626;
}

.s2 .p1{
	
	width:70%;/**816px 68%**/
	float:left;
	
	height:600px;
	overflow-y:scroll;

}

.s2 .p2{
	
	width:29%;
	margin-left:1%;
	height:600px;
	float:left;
	position:relative;
}






.note{
	
	color:#ff5500;
	width:816px;
	height:60px;
	line-height:50px;
	font-size:20px;
	text-align:center;
}




.listfun ul{
	
	width:100%;
}


.listfun ul li{
	

	float:left;
	font-size:12px;
	cursor:pointer;
	line-height:40px;
	color:#8a8a8a;
	padding-left:30px;
	padding-right:30px;
	height:40px;
	
}


.listfun ul li:hover{
	
	background-color:rgba(0,0,0,0.1);
}

.listfun .i1{
	
	width:30px;
	height:40px;
	display:block;
	float:left;
	background:url(../img/i1.png) center center no-repeat;
	background-size:20px 20px;
}

.listfun .i2{
	
	width:30px;
	height:40px;
	display:block;
	float:left;
	background:url(../img/i2.png) center center no-repeat;
	background-size:20px 20px;
}

.listfun .i3{
	
	width:30px;
	height:40px;
	display:block;
	float:left;
	background:url(../img/i3.png) center center no-repeat;
	background-size:20px 20px;
}

.listfun .i4{
	
	width:30px;
	height:40px;
	display:block;
	float:left;
	background:url(../img/i4.png) center center no-repeat;
	background-size:20px 20px;
}

.listfun .i5{
	
	width:30px;
	height:40px;
	display:block;
	float:left;
	background:url(../img/i5.png) center center no-repeat;
	background-size:20px 20px;
}

.listfun .i6{
	
	width:30px;
	height:40px;
	display:block;
	float:left;
	background:url(../img/i6.png) center center no-repeat;
	background-size:20px 20px;
}

.listfun .i7{
	
	width:30px;
	height:40px;
	display:block;
	float:left;
	background:url(../img/i7.png) center center no-repeat;
	background-size:20px 20px;
}

.listfun sm{
	
	min-width:20px;
	height:20px;
	padding-left:4px;
	padding-right:4px;
	line-height:20px;
	text-align:center;
	margin-top:10px;
	margin-left:5px;
	display:block;
	font-size:12px;
	float:right;
	color:#fff;
	font-weight:bold;
	background-color:#00bb54;
	border-radius:2px;
}

.reslan{
	
	width:100%;
	height:30px;
	line-height:30px;	
	margin-top:10px;
}

.reslan span:nth-child(1){
	
	width:80px;
	height:30px;
	line-height:30px;
	background-color:rgba(105,104,104,0.2);
	display:block;
	float:left;
	color:#7b7b7b;
	font-size:12px;
	text-align:center;
}

.reslan span:nth-child(2){
	
	width:calc(100% - 100px);
	margin-left:10px;
	height:auto;
	line-height:30px;
	display:block;
	float:left;
	font-weight:bold;
}


.reslan .listbtn{
	
	width:58%;
	height:38px;
	line-height:38px;
	float:left;
	background-color:rgba(0,187,84,0.4);
	color:#ffffff;
	border:1px solid rgba(0,187,84,0.8);
	outline:none;
	cursor:pointer;
}

.reslan .gosurebtn{
	
	width:37%;
	height:38px;
	line-height:38px;
	float:left;
	margin-left:2%;
	color:#00bb54;
	border:1px solid rgba(0,187,84,0.8);
	outline:none;
	cursor:pointer;	
}



 			.shiyi{
 			
 				width:348px;
 				height:520px;
 				background-color:rgba(255,255,255,0);
 				position:absolute;
 				top:10px;
 				right:1px;
 				animation:myfirst 3s;
				-webkit-animation:myfirst 3s; /* Safari and Chrome */
				text-align:center;
 			}
 		
			 @keyframes myfirst
			{
				0%   {background:rgba(255,255,255,0.1);width:348px;height:520px;right:1px; top:10px;}
				40%   {background:rgba(255,255,255,0.1);width:348px;height:520px;right:1px; top:10px;border:4px solid rgba(0,187,84,0.3);}
				70%  {background:rgba(0,187,84,0.3);width:68px;height:104px;right:150px; top:200px; border:0px;}
				100% {background:rgba(0,187,84,0.8);width:10px;height:10px;border-radius:5px;right:434px; top:-196px;}
			}
			
			@-webkit-keyframes myfirst /* Safari and Chrome */
			{
				0%   {background:rgba(255,255,255,0.1);width:348px;height:520px;right:1px; top:10px;}
				40%   {background:rgba(255,255,255,0.1);width:348px;height:520px;right:1px; top:10px;border:4px solid rgba(0,187,84,0.3);}
				70%  {background:rgba(0,187,84,0.3);width:68px;height:104px;right:150px; top:200px; border:0px;}
				100% {background:rgba(0,187,84,0.8);width:10px;height:10px;border-radius:5px;right:434px; top:-196px;}
			}




.askway{
	
	width:500px;
	height:160px;
	background-color:#e1e1e1;
	border:2px solid #d3d3d3;
	position:fixed;
	top:20%;
	left:50%;
	margin-left:-250px;
	font-size:10px;
	display:none;
}

.askway p{
	width:100%;
	line-height:30px;
	text-indent:20px;
}


.askway span{
	
	width:200px;
	height:50px;
	line-height:50px;
	color:#00bb54;
	border:2px solid #00bb54;
	display:block;
	float:left;
	font-size:14px;
	text-align:center;
	margin-left:24px;
	margin-top:25px;
	background-color:#fff;
	cursor:pointer;
}