* {
	font:1em "微软雅黑",Tahoma,Verdana,Arial,Helvetica,sans-serif;
}
body,html {
	overflow-x:hidden;
}
#so360 {
	white-space:nowrap;
	margin-top:20px;
	margin-bottom:10px;
}
#so360 form {
	margin:0;
	padding:0
}
#so360_keyword {
	border-radius:0.5em;
	margin:auto;
	width:75%;
	height:2.8em;
	line-height:24px;
	font:1em arial;
	padding:2px 5px;
	margin-right:5px;
	border:1.7px solid #1fc0b3;
	outline:0;
	vertical-align:middle;
	background-color:rgba(255,255,255,0.1);
	filter:alpha(opacity:80);
}
input {
	outline:none;
}
#so360_keyword:focus {
	box-shadow: 0px 0px 10px #21D5C6;
	-moz-box-shadow: 0px 0px 10px #21D5C6;
	-webkit-box-shadow: 0px 0px 10px #21D5C6;
}
#so360_submit {
	border-radius:0.5em;
	margin:auto:center;
	width:5.6em;
	height:2.5em;
	border:0;
	color:#f6f1f1;
	background:rgba(33,213,198,0.8);
	filter:alpha(opacity:80);
	font:18px arial;
	padding:0;
	cursor:pointer;
	vertical-align:middle;
}
#so360_submit:hover {
	border-radius:0.5em;
	background:rgba(45,221,230,0.8);
	color:#fff;
}
.web,.qun,.school {
	filter:alpha(opacity:30);
	background:rgba(255,255,255,0.45);
	border-radius:5px;
	margin-bottom:10px;
	padding-bottom:5px;
	box-shadow:0 1px 1.5px 1px rgba(0,0,0,.12);
	-webkit-box-shadow:0 1px 1.5px 1px rgba(0,0,0,.12);
	-moz-box-shadow:0 1px 1.5px 1px rgba(0,0,0,.12);
	transition:all 2s;
	-moz-transition:all 2s;
	-webkit-transition:all 2s;
}
.web:hover,.qun:hover,.school:hover {
	background:rgba(255,255,255,0.08);
}
.web {
	margin-bottom:30px;
}
#tl {
	color:#7c6853;
}
.box {
	width:75%;
	margin: 0 auto;
	padding: 20px 0 0 0;
	font-family:微软雅黑, Tahoma, Verdana, Arial, Helvetica, sans-serif;
}
ul,li {
	list-style:none;
}
.sch {
	line-height:5px;
	padding:5px 0px;
}
.link-1,.link-2,.link-3 {
	color:#1b9880;
	background-color:rgba(255,255,255,0.8);
	filter:alpha(opacity:80);
	display:inline-block;
	box-sizing:border-box;
	margin:5px;
	width:18%;
	border-radius:3px;
	font:1.1em arial;
	box-shadow:0 1px 1.5px 1px rgba(0,0,0,.12);
	-webkit-box-shadow:0 1px 1.5px 1px rgba(0,0,0,.12);
	-moz-box-shadow:0 1px 1.5px 1px rgba(0,0,0,.12);
}
.link-1:hover {
	border-radius:3px;
	color:#fff;
	background:rgba(31, 199, 187,0.5);
	filter: alpha(opacity: 50);
	box-shadow:0 5px 10px rgba(31, 199, 187,0.5);
}
.link-2:hover {
	border-radius:3px;
	background:rgba(246, 72, 72,0.5);
	filter: alpha(opacity: 50);
	box-shadow:0 5px 10px rgba(246, 72, 72,0.5);
	color:#fff;
}
.link-3:hover {
	border-radius:3px;
	background:rgba(45, 221, 230,0.5);
	filter: alpha(opacity: 50);
	box-shadow:0 5px 10px rgba(45, 221, 230,0.5);
	color:#fff;
}
html::-webkit-scrollbar {
	width: 5px;
	height: 8px;
}
html::-webkit-scrollbar-track-piece {
	background-color: #f1f1f1;
}
html::-webkit-scrollbar-thumb:vertical {
	height: 5px;
	background-color: #bbb;
	border-radius:10px;
}
html::-webkit-scrollbar-thumb:horizontal {
	width: 5px;
	background-color: #f1f1f1;
}
a:link,a:visited {
	text-decoration: none;
}
::-webkit-input-placeholder {
	/* WebKit, Blink, Edge*/
	color: #1b9880;
}
:-moz-placeholder {
	/* Mozilla Firefox 4 to 18*/
	color: #1b9880;
	opacity: 1;
}
::-moz-placeholder {
	/* Mozilla Firefox 19+*/
	color: #1b9880;
	opacity: 1;
}
:-ms-input-placeholder {
	/* Internet Explorer 10-11*/
	color: #1b9880;
}
::-ms-input-placeholder {
	/* Microsoft Edge*/
	color: #1b9880;
}
@media only screen and (min-width:768px) and (max-width:1080px) {
	.link-1,.link-2,.link-3 {
	width:28%;
}
}
@media only screen and (min-width:600px) and (max-width:768px) {
	.link-1,.link-2,.link-3 {
	width:30%;
}
.box {
	width: 85%;
}
}
@media only screen and (min-width:500px) and (max-width:600px) {
	.link-1,.link-2,.link-3 {
	width:40%;
}
.box {
	width: 85%;
}
}
@media only screen and (min-width:400px) and (max-width:500px) {
	.link-1,.link-2,.link-3 {
	width:42%;
	font:1em arial;
}
#so360_keyword {
	font:1em arial;
	height:2.4em;
	border:1.2px solid #1fc0b3;
}
#so360_submit {
	width:4.3em;
	height:2.2em;
}
.box {
	width:90%;
}
}
@media only screen and (min-width:300px)and (max-width:400px) {
	.link-1,.link-2,.link-3 {
	width:38%;
	font:0.9em arial;
}
#so360_keyword {
	font:0.9em arial;
	height: 2em;
	width: 70%;
	border:1px solid #1fc0b3;
}
#so360_submit {
	width:3.8em;
	height:1.7em;
}
.box {
	width:85%;
}
}
@media only screen and (max-width:300px) {
	.link-1,.link-2,.link-3 {
	width:95%;
	font:0.9em arial;
}
#so360_keyword {
	font:0.9em arial;
	height: 2em;
	width: 70%;
	border:0.8px solid #1fc0b3;
}
#so360_submit {
	width:3.2em;
	height:1.7em;
}
.box {
	width:98%;
}
}