﻿@charset "utf-8";
.dialog-notice{font:14px/28px '??????'; font-weight:bold; color:#444; float:left}
.dialog-pannle {width: 300px; margin: 0 auto; overflow:hidden;}
.dialog-tit {height:28px; line-height:28px;margin:0 0 8px 0;border-bottom: 1px solid #E1E1E1;padding: 0 0 0 10px;background: #EEE;}
.dialog-prev {float:left;width:8px; height:28px; cursor:pointer; background:url("http://static.wydapp.com/images/dialog.png") no-repeat 0 9px;}
.dialog-next {float:left;width:8px; height:28px; cursor:pointer; background:url("http://static.wydapp.com/images/dialog.png") no-repeat -21px 9px; }
.dialog-close {float:right; width:12px; height:28px; background:url("http://static.wydapp.com/images/dialog.png") no-repeat -35px 9px !important; text-indent:-1000px; cursor:pointer; padding:0 5px}
.dialog-close:hover {background:#e1e1e1 url("http://static.wydapp.com/images/dialog.png") no-repeat -35px 9px !important;}
.dialog-inner { height:100px;margin: 0 10px;overflow:hidden;-o-text-overflow: ellipsis;	text-overflow: ellipsis;}
.dialog-inner-tit { font-weight:bold;line-height:26px;}
.dialog-inner-text { text-indent:2em; line-height:26px; }
.dialog-more {border-top:1px dashed #9c9a9c; margin:10px 10px 0; line-height:28px; text-align:right}
.dialog-more a {color:#3382d2; text-decoration:none}
.dialog-more a:hover {color:#dd4b12; }
.online-left {
	float:left;position: absolute; left:0; cursor:pointer; width:26px; height:132px;
}
.online-hidden {background:url("callservice_2.png") -274px -104px no-repeat}
.online-show {background:url("callservice_2.png") -274px -244px no-repeat}
.online-right { float:right}

.table-apply { 
	width:100%; 
	margin:0; 
	padding:0; 
	font-family:"??????";
	font-size:14px;
	line-height:28px;
	text-align: left;
	border-collapse: separate;
	border-collapse: collapse\9;
	table-layout: fixed !important;
	display: table;
}
.table-apply td, .table-apply th {
	padding:5px 0;	
}
.table-apply th {
	text-align:right;
	font-weight:normal;
	width:100px;
}
.form-input {
	width:82%;
	line-height:26px;
	height:26px;
	background:#f2f3f6 url("http://static.wydapp.com/images/input-apply.gif") repeat-x;
	border:1px solid #dce0ed;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}
.form-area {}
.table-apply label { display:inline-block; *display:inline; zoom:1; margin-right:10px;}
.apply-btn {
	display:block;
	cursor:pointer;
	border:none;
	background:url("http://static.wydapp.com/images/apply-btn.png") no-repeat;
	width:135px;
	height:36px;
	margin-top:10px;
}

<!--case   start-->
.w-function-bodybackground{ background:#f0f0f0; color:#000;}

.w-function-background{ width:1003px; margin:0 auto; height:auto; background:url("http://static.wydapp.com/images/function/bj.jpg") repeat-y  left top ; color:#333;
}
.w-function-background{ margin-top:10px; margin-bottom:10px;}
.w-function-Title{ position:relative; bottom:-1px;height:1003px; text-align:left; height:40px; font-size:16px; font-family:"??????"; font-weight: normal;line-height:40px; vertical-align:bottom; padding-left:20px; background:#0072C6; color:#fff}
.w-function-content{ width:1003px; height:auto; margin:0px; padding:0px;}
.w-function-contentLeft{ width:180px; height:auto; min-height:500px; display:inline-block; float:left; background:#f2f2f2; }
.w-function-contentRight{ width:820px; height:auto; min-height:500px; float:right; display:inline-block;}
//div{ margin-bottom:1px; width:180px; background-color:#ccc;}
.w-function-menulinkWarp{width:100%;}
a.w-function-menulink{width:100%; text-decoration:none; color:#363e44; font-size:14px; height:36px; line-height:36px; vertical-align:middle; display:inline-block; border-top:1px #FFF solid; border-bottom:1px #CCC solid;background: url("http://static.wydapp.com/images/function/icon3_25.png") 150px center no-repeat;}
.w-function-menulinkImg,
.w-function-menulinkImg2,
.w-function-menulinkImg3,
.w-function-menulinkImg4{ width:22px; height:18px;  display: inline-block; vertical-align:middle; margin-bottom:3px; margin-left:20px; margin-right:3px;}
.w-function-menulinkImg{background: url("http://static.wydapp.com/images/function/tese1.png") no-repeat;}
.w-function-menulinkImg2{ background: url("http://static.wydapp.com/images/function/new1.png") no-repeat;}
.w-function-menulinkImg3{background: url("http://static.wydapp.com/images/function/iconitem1.png") no-repeat;}
.w-function-menulinkImg4{background: url("http://static.wydapp.com/images/function/iconitem2.png") no-repeat;}
.w-function-menulinkWarp a:hover{ background:#00a1fc url("http://static.wydapp.com/images/function/icon2_25.png") 150px center no-repeat; color:#fff;}
.w-function-menulinkWarp a:hover .w-function-menulinkImg{ background: url("http://static.wydapp.com/images/function/tese.png")no-repeat; }
.w-function-menulinkWarp a:hover .w-function-menulinkImg2{background: url("http://static.wydapp.com/images/function/new.png") no-repeat;}
.w-function-menulinkWarp a:hover .w-function-menulinkImg3{background: url("http://static.wydapp.com/images/function/Icon1.png") no-repeat;}
.w-function-menulinkWarp a:hover .w-function-menulinkImg4{background: url("http://static.wydapp.com/images/function/Icon2.png") no-repeat;}
.w-clk.w-function-menulinkWarp a.w-function-menulink{ background:#0072b2 url("http://static.wydapp.com/images/function/icon2_26.png") 150px center no-repeat; color:#fff;}
.w-clk.w-function-menulinkWarp span.w-function-menulinkImg{ background: url("http://static.wydapp.com/images/function/tese.png")no-repeat; }
.w-clk.w-function-menulinkWarp span.w-function-menulinkImg2{ background: url("http://static.wydapp.com/images/function/new.png") no-repeat;}
.w-clk.w-function-menulinkWarp span.w-function-menulinkImg3{background: url("http://static.wydapp.com/images/function/Icon1.png") no-repeat;}
.w-clk.w-function-menulinkWarp span.w-function-menulinkImg4{background: url("http://static.wydapp.com/images/function/Icon2.png") no-repeat;}

ul.w-functionMenu{list-style:none; margin:0px; padding:0px; display:none;}
ul.w-functionMenu li{ font-family:"??????"; font-size:12px; height:32px; width:100%; text-align:left;border-top: 1px white solid;border-bottom: 1px #CCC solid; }
ul.w-functionMenu li a{ width:140px; height:32px; padding-left:40px; display:inline-block; color:#363e44;}
.w-functionMenu li { vertical-align:middle; line-height:32px;}
.w-functionMenu li span{ width:12px; height:12px; background: url("http://static.wydapp.com/images/function/icon3_25.png") no-repeat; display:inline-block; vertical-align: middle;margin-right: 5px;}
//a w-function-menulink{ font-size:16px; font-weight:bold;}
ul.w-functionMenu li a:hover{ background:#00a1fc; color:#fff;}
ul.w-functionMenu li a:hover span{ background: url("http://static.wydapp.com/images/function/icon2_25.png") no-repeat; color:#fff;}


.w-function-Item{ padding:12px; display:none;}
.w-function-Itemc{ padding:12px; display:block;}
.w-function-ItemHeader{height:32px;}
.w-function-ItemHeader h1{ font-size:16px;font-family:"??????"; color:#00a1fc; line-height:32px; vertical-align:bottom;} 
.w-function-ItemHeader h1,
.w-function-ItemHeader a{ display:inline; margin-right:5px;}
.w-function-ItemHeader a .imgbtn{ width:32px; height:32px; display:inline-block;}
.w-function-ItemHeader a .imgbtnsrc4{ background: url("http://static.wydapp.com/images/function/S-icon_14.png") #00a1fc center center no-repeat;}
.w-function-ItemHeader a .imgbtnsrc1{ background: url("http://static.wydapp.com/images/function/S-icon_03.png") #00a1fc center center no-repeat;}
.w-function-ItemHeader a .imgbtnsrc3{ background:url("http://static.wydapp.com/images/function/S-icon_07.png") #00a1fc center center no-repeat;}
.w-function-ItemHeader a .imgbtnsrc2{ background: url("http://static.wydapp.com/images/function/S-iconQQ_06.png") #00a1fc center center no-repeat;}
.w-function-ItemHeader a .textbtn{ height:32px; color:#fff; padding-right:8px; display:inline-block; position:relative; top:-11px;}
.w-function-ItemHeader a{ float: right; width:100px; height:32px; line-height:32px; vertical-align:middle; text-align:center; border:none; color:#000;}
.w-function-ItemHeader h1{ font-size:16px;font-family:"??????"; color:#00a1fc;}
.w-function-ItemDescription{font-size:14px;font-family:"??????"; margin-top:5px; margin-bottom:5px;}
.w-function-ItemDescription img{ padding:0px; margin-right:5px; margin-bottom:5px;}

ul.w-functionMenu .w-cur a{ color:#FFF;}
.w-cur a span{background: url("http://static.wydapp.com/images/function/icon2_25.png") no-repeat; }
.w-casefunctionI li span{ text-indent:-999px; color:#fff; font-size:12px; font-weight:bold; font-family:"??????";}
.w-function-Itemcontent h3{ color:#000; font-size:14px; font-family:"??????"; height:24px; line-height:24px; display:inline-block;}
.w-function-Itemcontent div img{ position:relative; top:3px; }
.w-function-ItemcontTil{ margin-top:20px;}
.online-phone { padding:0;display: block; width:95px;height: auto; background:#ffbb00; border: medium none; opacity: 1;}
.online-phone div { line-height:30px;}
.online-phone li {
	display:block;
	color:#fff;
	font:13px/30px Verdana, Geneva, sans-serif "??????" !important;
	width:100px;
	
	padding:0;
	margin: 0;
	cursor:pointer;
	border-bottom:1px solid #63dffa;
	background: #FFFFFF;
}
.online-phone li:hover {
	color:#fff;
	border-bottom:1px solid #63dffa;
	background:#d7f3fd; 
}
.online-phone li a { color:gray;}
.online-phone li a:active { color:#ffc773;}
.online-phone li a:hover { color:#63dffa;}
li.online-tit { cursor:default; font-size:16px !important; height:32px !important; line-height:32px !important;  text-indent:5px; background:#63dffa url("/tpl/Home/vifnn/img/qqyouce/callservice_2.png") -205px 5px no-repeat !important;}
li.online-tit:hover { color:#ffffff;}
.phone-name { text-indent:25px; background:url("http://static.wydapp.com/images/w-qq-ico.png") 5px center no-repeat;}
.phone-nub {text-indent:3px;line-height: 20px !important;}
.online-tc {
	cursor: pointer; 
	display: block; 
	width: 100px; 
	height: 90px; 
	background: url("/tpl/Home/vifnn/img/qqyouce/callservice_2.png") no-repeat -105px 0; 
	border-bottom:1px solid #ebac00;
    opacity: 1;	
}
.online-tc:hover {
	background: url("/tpl/Home/vifnn/img/qqyouce/callservice_2.png") no-repeat 0 0; 
}
.online-code {}
.online-tel {display: block; cursor:pointer; width: 100px; height: 80px; background:#63dffa url("/tpl/Home/vifnn/img/qqyouce/callservice_2.png") no-repeat 5px -290px; border: medium none;opacity: 1; margin-top:5px}
.online-tel:hover {background:#d7f3fdurl("/tpl/Home/vifnn/img/qqyouce/callservice_2.png") no-repeat -100px -290px;}
.affiliate-ico {
	display:block; 
	cursor:pointer; 
	width:76px; 
	height:70px; 
	margin:10px auto 0;
	background:url("/tpl/Home/vifnn/img/qqyouce/affiliate.png") 0 0 no-repeat;
}
a:hover.affiliate-ico {
	background:url("/tpl/Home/vifnn/img/qqyouce/affiliate.png") -84px 0 no-repeat;
}
				#guanbi {
					position:absolute;
					float:right;
					margin-left: 375px;
				}
				#qq_jt{
					position:absolute;
					float:right;
					margin-left: 178px;
					margin-top: 81px;
				}
				#dl{
					position:absolute;
					float:right;
					margin-left: 290px;
					margin-top: 81px;
				}
				#main { 
					height:1800px; 
					padding-top:90px; 
					text-align:center; 
				} 
				#fullbg { 
					background-color:gray; 
					left:0; 
					opacity:0.5; 
					position:absolute; 
					top:0; 
					z-index:3; 
					filter:alpha(opacity=50); 
					-moz-opacity:0.5; 
					-khtml-opacity:0.5; 
				} 
				#dialog { 
					height:122px;
					width:400px;
					background:url(/tpl/Home/vifnn/img/qddl22.png);
					left:50%; 
					margin:-200px 0 0 -200px; 
					padding:1px; 
					position:fixed !important; /* 浮动对话框 */ 
					position:absolute; 
					top:65%; 
					z-index:5; 
					border-radius:5px; 
					display:none; 
				} 
				#dialog p { 
				margin:0 0 12px; 
				height:24px; 
					line-height:24px; 
					background:#CCCCCC; 
				} 
				#dialog p.close { 
					text-align:right; 
					padding-right:10px; 
				} 
				#dialog p.close a { 
					color:#fff; 
					text-decoration:none; 
				} 
				
				
			function showBg() { 
			var bh = $("body").height(); 
			var bw = $("body").width(); 
			$("#fullbg").css({ 
			height:bh, 
			width:bw, 
			display:"block" 
			}); 
			$("#dialog").show();
			} 
			//关闭灰色 jQuery 遮罩 
			function closeBg() { 
			$("#fullbg,#dialog").hide(); 
			} 
			$(function(){
			setTimeout("showBg()",5000);
			});




