body{margin:0px;padding:0px;font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;}
div{margin:0px;padding:0px;}.click{cursor: pointer;}
.flt-l{float: left;}
.flt-r{float: right;}
.txt-l{text-align:left}
.txt-c{text-align:center}
.txt-r{text-align:right}

.brd{border: 1px solid #eee;}
.brd-t{border-top-width:1px;border-top-style:solid;border-top-color:#eee}
.brd-b{border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#eee}
.brd-l{border-left-width:1px;border-left-style:solid;border-left-color:#eee}
.brd-r{border-right-width:1px;border-right-style:solid;border-right-color:#eee}

.rds{border-radius:5px;}
.rds-tl{border-top-left-radius:5px;}
.rds-tr{border-top-right-radius:5px;}
.rds-bl{border-bottom-left-radius:5px;}
.rds-br{border-bottom-right-radius:5px;}

#top {
	position:fixed;
	top:0;
	width: 100%;
	min-width:600px;
	padding-top:20px;
	padding-bottom:0px;
	font-size: 14px;
	color: #666;
	z-index:99;
}
.funicon{
	font-size:24px;color:#33cc99;
	margin-right:10px;
}
.main{
	padding-top: 10px;
	padding-bottom: 10px;
	width:100%;
	border-radius:10px;
}
.abox-l{
	margin-top:0px;
	display: inline-block;
	width:100%;
	height:420px;
	text-align: center;
}
.abox-r{
	margin-top:0px;
	display: inline-block;
	width:100%;
	height:420px;
	text-align: center;
}
#nav{
	width: 588px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	padding-left: 2px;
}
#nav a{
	display: inline-block;
	color: #555;
	padding-right: 5px;
	padding-left: 5px;
	margin-top: 8px;
	padding-top: 2px;
	padding-bottom: 10px;
}
#nav .avtive{
	font-weight: bold;
	color: #4191E0;
	background-image: url(../img/yun/sabg.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}
#so{
	margin-right: auto;
	margin-left: auto;
	width: 600px;
}
#so .key{
	width:490px;
	height:40px;
	font-size:14px;
	float: left;
	margin-right: -4px;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #eee;
	border-bottom-color: #eee;
	border-left-color: #eee;
	padding-left: 10px;
	color:#333;
}
input::placeholder{
color:#ccc;
}
#so .key:hover{
	border-top-color: #ddd;
	border-bottom-color: #ddd;
	border-left-color: #ddd;
}
#so .key:focus{
	outline: 0;
	border-top-color: #60A3E6;
	border-bottom-color: #60A3E6;
	border-left-color: #60A3E6;
	background-color: #FFFFFF;
}
#so .btn{
	float: left;
	width:100px;
	height:44px;
	color: #FFFFFF;
	background-color: #60A3E6;
	border: 0px;
	cursor:pointer;
	text-align: center;
	line-height: 44px;
}
#so .btn:hover{
	background-color: #72ADE9;
}
#so .guess{
	float: left;
	width: 498px;
	margin-top:40px;
	background-color: #FFFFFF;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #60A3E6;
	border-bottom-color: #60A3E6;
	border-left-color: #60A3E6;
	padding-top:4px;
	position:absolute;
	z-index:99;
	border-top-color: #333333;
}
#so .guess li{
	text-align: left;
	padding:10px;
	color: #666666;
}
#so .guess .currentkey{
	background-color: #60A3E6;
	color: #fff;
}
#so .guess .tips{
	text-align: right;
	padding:10px;
	color: #666666;
}
#so .guess li:hover{
	cursor:pointer;
	color: #333333;
	background-color: #eee;
}
#abox{
	width: 600px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	padding-top: 30px;
	padding-bottom: 30px;
}
#link {
	margin-right: auto;
	margin-left: auto;
	color: #333;
}
#link .ititle{
	padding-top:10px;
	padding-bottom:10px;
	padding-left:40px;
	color:#000;
}
#link .ititle a{ color:#006699;}
#link .ilink{
	padding-bottom:15px;
	padding-left:68px;
 line-height:20px;
}
#link a{
	color:#555;
}
#link a:hover{
	color:#60A3E6;
}
.link-item img{
	border-radius:0px;
	border: 0px solid #eee;
}
.sitetxt{
	color:#999;
	font-size:12px;
	padding-top:3px;
	padding-left:4px;
}
#copyright {
	position:fixed;
	bottom:0;
	width: 100%;
	min-width:600px;
	padding-top:20px;
	padding-bottom:20px;
	font-size: 12px;
	background-color: #FFFFFF;
	background-image: linear-gradient(#fff,#eee);
	text-align: center;
}
#copyright a{
	color: #ccc;
}
#copyright span{
	color: #ccc;
}
.sort-item{border: 1px dashed #ddd;padding-top:10px;margin:5px 0px;background-color: #fff;}
.sort-item:hover{cursor:move;background-color: #f5f5f5;}