.wss-pio { height:560px; background:url(./pio.png) center center no-repeat #1c2a63; position:relative; overflow:hidden; }
.wss-pio .url { position:absolute; top:15px; right:50%; margin:0 -600px 0 0; }
.wss-pio .url li { display:inline-block; margin:0 8px; }
.wss-pio .url a { color:#FFF; }
.wss-pio .url a:hover { text-decoration:underline; opacity:.6; filter:Alpha(opacity=60); }
.wss-pio .searcher { position:absolute; left:50%; top:75px; margin:0 0 0 -300px; width:600px; text-align:center; }
.wss-pio .searcher img { width:320px; height:100px; margin:0 0 10px; }
.wss-pio .searcher .box { position:relative; text-align:left; margin:0 0 20px; }
.wss-pio .searcher .txt { width:400px; height:43px; line-height:43px; border:1px solid #00e0fb; background:url(./sos.png) 10px center no-repeat #FFF; padding:0 0 0 40px; color:#8596c4; }
.wss-pio .searcher .submit { position:absolute; right:0; top:0; width:140px; height:45px; background:#ff7e00; border:0; font-size:20px; color:#FFF; cursor:pointer; }
.wss-pio .searcher .submit:hover { background:#ff6600; }
.wss-pio .searcher .number { height:35px; line-height:0; color:#FFF; font-size:18px; margin:0 0 30px; }
.wss-pio .searcher .number span { display:inline-block; +display:inline; vertical-align:middle; +zoom:1; width:30px; height:35px; line-height:35px; background:#fff; filter:Alpha(opacity=80); background:rgba(255,255,255,.8); font-weight:bold; font-size:30px; color:#ff7e00; margin:0 2px; }
.wss-pio .searcher .addbg{ width: 600px; background:#fff;border-radius:12px;  }
.wss-pio .searcher .status { font-size:16px; color:#FFF; height:22px; line-height:22px; display:none; border-radius:12px; }
.wss-pio .searcher .status.testing { width:12px; height:12px; background:#FFF; padding:1px; border-radius:22px; animation:longer 20s linear both; }
.wss-pio .searcher .status.testing span { display:block; height:12px; background-color:#ff7e00; border-radius:12px; background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);-webkit-background-size:40px 40px;background-size:40px 40px; animation:reverse progress-bar-stripes 0.40s linear infinite, animate-positive 2s; }
/*
.wss-pio .searcher .status.testing span { display:inline-block; +display:inline; +zoom:1; height:30px; padding:0 0 0 40px; position:relative; }
.wss-pio .searcher .status.testing span:before { content:''; width:30px; height:30px; background:url(./testing.png) left center no-repeat; position:absolute; left:0; top:0; animation:rotate .7s linear infinite; }
*/
.wss-pio .des { position:absolute; left:0; bottom:0; right:0; background:#fff; filter:Alpha(opacity=40); background:rgba(255,255,255,.4); color:#FFF; padding:8px 0; }
.wss-pio .des p { line-height:24px; position:relative; transition:none; display:none; }
.wss-pio .des p a { position:absolute; right:0; top:0; color:#fff500; text-decoration:underline; padding:0 0 0 20px; background:url(./more.png) left center no-repeat; }
.wss-pio .des p span { color:#fff500; }
.wss-pio .des p:first-child { display:block; }
.wss-pio .rcode { position:absolute; left:50%; top:-300px; margin:0 0 0 -120px; background:#fff; width:200px; padding:20px 20px; text-align:center; box-shadow:0 0 5px 5px rgba(0,0,0,.2); transition:none; display:none; }
.wss-pio .rcode img { display:block; width:200px; height:200px; transition:all .3s ease; }
.wss-pio .rcode h3 { font-weight:normal; font-size:16px; }
.wss-pio .rcode:hover img { opacity:.8; }

.wss-process { height:200px; background:#13214c; }
.wss-process .list { width:100%; overflow:hidden; }
.wss-process .list dt { float:left; margin:40px 34px 0 0; }
.wss-process .list dt i { display:block; width:70px; height:70px; margin:0 auto 10px; }
.wss-process .list dt h3 { display:inline-block; +display:inline; +zoom:1; height:36px; line-height:36px; padding:0 20px; border:1px solid #fff; color:#FFF; font-size:16px; font-weight:normal; }
.wss-process .list dd { float:left; width:100px; height:75px; line-height:75px; margin:66px 34px 0 0; padding:0 0 0 26px; background:url(./process-0.png) 0 0 no-repeat; color:#FFF; font-size:16px; font-weight:bold; }
.wss-process .list dt.p1 i { background:url(./process-1.png) center center no-repeat; }
.wss-process .list dt.p2 i { background:url(./process-2.png) center center no-repeat; }
.wss-process .list dt.p3 i { background:url(./process-3.png) center center no-repeat; }
.wss-process .list dt.p4 i { background:url(./process-4.png) center center no-repeat; }

.wss-result { padding:30px 0 100px; background:#f3f3f3; }
.wss-result h1 { line-height:60px; margin:0 0 10px; font-size:22px; font-weight:normal; }
.wss-result h1 span { color:#1669c1; }

.wss-result-bds { float:left; width:328px; height:238px; background:#FFF; border:1px solid #ddd; margin:0 0 20px; }
.wss-result-bds .head { height:20px; line-height:20px; padding:10px 0; margin:0 0 0 15px; }
.wss-result-bds .head h2 { height:20px; font-size:16px; padding:0 0 0 10px; font-weight:normal; color:#1568bf; border-left:2px solid #1568bf; }
.wss-result-bds .main { text-align:center; height:100px; line-height:100px; padding:20px 0; }
.wss-result-bds .main span { font-size:90px; color:#f00; }
.wss-result-bds .main i { font-style:normal; font-size:20px; color:#999; }
.wss-result-bds .foot { text-align:center; height:40px; line-height:40px; font-size:15px; color:#1568bf; }
.wss-result-bds .foot span { color:#f00; border:1px solid #f00; border-radius:10px; padding:1px 5px; margin:0 5px; }

.wss-result-suggest { float:right; width:850px; margin:0 0 20px; position:relative; }
.wss-result-suggest .list { height:; overflow:hidden; }
.wss-result-suggest .list li { float:left; height:60px; line-height:60px; font-size:18px; margin:0 30px 0 0; }
.wss-result-suggest .list b { color:#f00; }
.wss-result-suggest .box { height:238px; border:1px solid #ddd; background:#FFF; margin:0 /*179px*/ 0 0; }
.wss-result-suggest .head { height:20px; line-height:20px; padding:10px 0; margin:0 0 10px 15px; }
.wss-result-suggest .head h2 { height:20px; font-size:16px; padding:0 0 0 10px; font-weight:normal; color:#1568bf; border-left:2px solid #1568bf; }
.wss-result-suggest .suggest { margin:0 5px 0 15px; padding:0 5px 0 0; height:180px; overflow-y:auto; text-align:justify; }
.wss-result-suggest .suggest:after { content:''; display:block; width:100%; clear:both; }
.wss-result-suggest .rcode { /*position:absolute; right:0; bottom:0;*/ float:right; margin:0 0 0 15px; }
.wss-result-suggest .rcode img { display:block; width:173px; height:173px; border:1px solid #ddd; }
.wss-result-suggest .suggest p { line-height:22px; }

.wss-result-des { float:left; width:100%; background:#fff; margin:0 0 20px; }
.wss-result-des .head { float:left; width:128px; height:54px; line-height:54px; text-align:center; border:1px solid #ddd; margin:0 -1px -1px 0; }
.wss-result-des .head a { color:#176cc2; }
.wss-result-des .list { float:right; width:1069px; height:54px; line-height:54px; border:1px solid #ddd; margin:0 0 -1px; color:#999; }
.wss-result-des .list li { float:left; margin:0 0 0 25px; }
.wss-result-des .list a.red { color:#f00; }
.wss-result-des .list a.blue { color:#176cc2; }
.wss-result-des .list a.green { color:#0d8c21; }
.wss-result-des a:hover { text-decoration:underline; }
.wss-result-des span { color:#0d3865; }
.wss-result-des .icon-bd { display:inline-block; +display:inline; +zoom:1; width:24px; height:18px; line-height:18px; padding:0 0 0 19px; background:url(./icon-baidu.png) left center no-repeat; text-align:center; border:1px solid #525252; font-size:12px; color:#333; font-weight:bold; border-radius:3px; text-decoration:none !important; }

.wss-result-index { float:left; width:100%; background:#FFF; margin:0 0 20px; }
.wss-result-index ul { float:left; width:100%; }
.wss-result-index li { float:left; width:149px; height:45px; line-height:45px; text-align:center; border:1px solid #ddd; margin:0 -1px -1px 0; }
.wss-result-index a.red { color:#f00; }
.wss-result-index a.blue { color:#176cc2; }
.wss-result-index a.green { color:#0d8c21; }
.wss-result-index a:hover { text-decoration:underline; }
.wss-result-index ul:first-child { background:#eee; }

.wss-result-tkd { float:left; background:#FFF; margin:0 0 20px; }
.wss-result-tkd thead { background:#b0cfee; color:#333; font-size:16px; }
.wss-result-tkd tbody { color:#999; }
.wss-result-tkd tr { }
.wss-result-tkd td { line-height:20px; border:1px solid #ddd; padding:15px 10px; text-align:center; margin:0 -1px -1px 0; }

.wss-result-seo { float:left; width:590px; background:#FFF; margin:0 0 20px; }
.wss-result-seo .tabed { height:50px; padding:0 0 0 15px; background:#b0cfee; border:1px solid #ddd; margin:0 0 -1px; }
.wss-result-seo .tabed li { float:left; width:88px; height:26px; line-height:26px; text-align:center; border:1px solid #ddd; background:#FFF; margin:10px 10px 0 0; color:#176cc2; border-radius:3px; position:relative; cursor:pointer; }
.wss-result-seo .tabed li.active { color:#f00; }
.wss-result-seo .tabed li.active:before,
.wss-result-seo .tabed li.active:after { content:''; width:0; height:0; border:6px solid transparent; border-top-color:#ddd; position:absolute; left:10px; bottom:-12px; }
.wss-result-seo .tabed li.active:after { bottom:-10px; border-top-color:#fff; }
.wss-result-seo .main { }
.wss-result-seo .list { width:100%; overflow:hidden; height:331px; display:none; }
.wss-result-seo .list:first-child { display:block; }
.wss-result-seo .list ul { float:left; width:100%; color:#0d3865; }
.wss-result-seo .list li { float:left; width:145px; height:54px; line-height:54px; border:1px solid #ddd; margin:0 -1px -1px 0; text-align:center; }
.wss-result-seo .list ul:first-child { background:#eee; color:#999; }
.wss-result-seo .list li:first-child { width:150px; }

.wss-result-favo { float:right; width:590px; background:#FFF; margin:0 0 20px; }
.wss-result-favo .head { height:50px; line-height:50px; padding:0 0 0 15px; background:#b0cfee; border:1px solid #ddd; margin:0 0 -1px; }
.wss-result-favo .head h2 { font-weight:normal; font-size:16px; }
.wss-result-favo .main { height:298px; padding:15px; border:1px solid #ddd; }

.wss-result-jump { float:left; width:100%; height:60px; text-align:center; margin:20px 0 0; }
.wss-result-jump p,
.wss-result-jump a { display:inline-block; +display:inline; +zoom:1; height:60px; line-height:60px; font-size:26px; color:#13214c; }
.wss-result-jump a { background:#ff7e00; color:#FFF; border-radius:5px; padding:0 30px; margin:0 20px; }
.wss-result-jump a:hover { background:#ff6c00; }
.wss-result-jump b { color:#ff7e00; }

.wss-result + .ig-form-container { background:#e8e8e8; }



.rotate {
  -webkit-animation-name: rotate;
  animation-name: rotate;
}

@-webkit-keyframes rotate {
	0% {
		-webkit-transform:rotate(0) scale(.8,.8)
	}
	100% {
		-webkit-transform:rotate(360deg) scale(.8,.8)
	}
}
@keyframes rotate {
	0% {
		-webkit-transform:rotate(0) scale(.8,.8)
		   -moz-transform:rotate(0) scale(.8,.8)
		    -ms-transform:rotate(0) scale(.8,.8)
				transform:rotate(0) scale(.8,.8)
	}
	100% {
		-webkit-transform:rotate(360deg) scale(.8,.8)
		   -moz-transform:rotate(360deg) scale(.8,.8)
		    -ms-transform:rotate(360deg) scale(.8,.8)
				transform:rotate(360deg) scale(.8,.8)
	}
}


@keyframes longer {
	0% {
		width:0;
	}
	100% {
		width:100%;
	}
}


@-webkit-keyframes progress-bar-stripes{
	from{
		background-position:40px 0
	}
	to
	{
		background-position:0 0
	}
}
@-o-keyframes progress-bar-stripes{
	from{
		background-position:40px 0
	}
	to
	{
		background-position:0 0
	}
}
@keyframes progress-bar-stripes{
	from{
		background-position:40px 0
	}
	to
	{
		background-position:0 0
	}
}