@charset "utf-8";
/*css global*/
.container{
	width: 1200px!important;
}
a:focus, a:hover {
    color: #0099FF;
}
/*css 动画*/
.fadein-sub{
	-webkit-animation: 0.3s ease-out backwards;
    -moz-animation: 0.3s ease-out backwards;
    -ms-animation: 0.3s ease-out backwards;
    animation: 0.3s ease-out backwards;
	-webkit-animation-name: fadeinsub;
    -moz-animation-name: fadeinsub;
    -ms-animation-name: fadeinsub;
    animation-name: fadeinsub;
}
@keyframes fadeinsub{
	0% {
    	opacity: 0;
    	transform: translateY(5px);
	}

	100% {
    	opacity: 1;
    	transform: translateY(0);
	}
}
.flash-bink{
	animation:flash-bink 2s infinite;
    -webkit-animation:flash-bink 2s infinite;
}
@keyframes flash-bink{
	0%, 50%, 100% {
	    opacity: 1;
	}
	25%, 75% {
	    opacity: 0;
	}
}
/*header topbar*/
.so-topBar{
	background: #f9f9f9;
    border-bottom: 1px solid #eee;
    font-size: 12px;
    height: 35px;
    line-height: 35px;
    color: #666;
}
/*header headerbox*/
.so-header{
	height: 90px;
}
/*header logo*/
.so-logo img{
	height: 60px;
	margin: 15px 0;
}
/*header search*/
.so-search-class,.so-search-keyword,.so-search-btn{
	float: left;
}
.so-search-warp{
	border: solid 2px #4784F4;
	margin: 25.5px 0;
}
.so-search-class{
	height: 35px;
	line-height: 35px;
	padding: 0 18px;
	font-size: 12px;
	color: #999;
	border-right: solid 1px #eee;
	background: #f9f9f9;
}
.so-search-keyword input{
	border: 0;
	padding-right: 15px;
	height: 35px;
	line-height: 35px;
	width: 220px;
}
.so-search-keyword{
	padding-left: 50px;
	background: rgba(255,255,255,0.95) url(../images/search.png) 15px center no-repeat;
}
.so-search-btn button{
	border: 0;
	padding: 0 25px;
	height: 35px;
	line-height: 35px;
	font-weight: 400;
	background-color: #4784F4;
	color: #fff;
}
/*header navbar*/
.so-navBar{
	border-top: solid 2px #4784F4;
	border-bottom: solid 1px #eee;
}
.so-menu{
	padding: 0;
}
.so-menu-item{
	float: left;
	position: relative;
}
.so-menu-item a{
	display: block;
	height: 45px;
	line-height: 45px;
	font-weight: 500;
	font-size: 15px;
	padding: 0 20px;
}
.so-menu-item a:hover{
	background: #4784F4;
	color: #fff;
	transition: all 0.3s linear;
}

.so-menu>.so-active a{
	background: #4784F4;
	color: #fff;
}
/*header submenu*/
.so-submenu{
	display: none;
	padding: 0;
	position: absolute;
	border: solid 1px #eee;
	border-radius: 3px;
	z-index: 99999;
	padding: 5px 0;
	background-color: #fff;
}
.so-submenu-item a{
	display: block;
	height: 40px;
	line-height: 40px;
	padding: 0 20px;
	white-space: nowrap;
}
.so-submenu-item a:hover{
	background: #F9F9F9;
	color: #4784F4;
}

/*header use 未登录*/
.so-use-usehead img{
	margin: 7.5px 0;
}
.so-use-btn{
	height: 45px;
	margin-left: 15px;
}
.so-use-btn-a{
	display: inline-block;
	height: 45px;
	line-height: 45px;
	font-size: 15px;
}
.so-use-btn-a a{
	color: #999;
}
.so-use-btn-a a:hover{
	color: #0099FF;
}
.so-use-btn-span{
	padding: 0 10px;
}
/*header use 已登录*/
.so-use-panle>li{
	float: left;
	margin-left: 15px;
}
.so-use-panle>li>a{
	display: block;
	height: 45px;
	line-height: 45px;
	font-size: 20px;
	color: #ddd;
}
.so-use-panle>#msginfo{
	position: relative;
}
.so-use-panle>#msginfo .msgok{
	color: #ec2626;
}
.so-use-panle>#msginfo .msgicon{
	position: absolute;
	top: -1px;
	right: -5px;
	font-size: 12px;
	background-color: #ec2626;
	padding: 0 5px;
	border-radius: 10px;
	color: #fff;
	height: 20px;
	line-height: 20px;
}
.so-use-panle>li>a:hover{
	color: #4784F4;
}
.so-use-panle #usehead:hover{
	background-color: #F9F9F9;
}
.so-use-panle #usehead{
	padding: 0 5px;
	height: 45px;
	position: relative;
}
.so-use-panle #usehead>a>img{
	display: block;
	float: left;
	height: 30px;
	width: 30px;
	margin: 7.5px 0;
}
.so-use-panle #usehead>a>span{
	display: block;
	float: left;
	height: 10px;
	line-height: 10px;
	margin-top: 21px;
	margin-left: 4px;
	color: #ddd;
}
.so-use-sub{
	display: none;
	position: absolute;
	top: 0;
	right: 0;
	margin-top: 45px;
	background-color: #fff;
	z-index: 99999;
	width: 110px;
	border: solid 1px #eee;
	padding: 0;
}
.so-use-sub li{
	font-size: 14px;
	text-align: center;
	padding: 0;
	padding: 10px 15px;
}
.so-use-sub li a{
	color: #666;
}
.so-use-sub li a:hover{
	color: #4784F4;
}
.so-use-sub li a span{
	margin-right: 5px;
}

/*content*/
.so-contentBox{
	margin-top: 10px;
	min-height: 500px;
}


/*footer*/
.so-footer{
	background-color: #2d2d2d;
	padding: 20px 0;
	margin-top: 20px;
}
.so-footer p{
	color: #eee;
	margin-bottom: 5px;
	margin-top: 5px;
}
.so-footer a{
	color: #f9f9f9;
	padding: 0 5px;
}
.so-footer a:hover{
	color: #0099FF;
}
.so-footer img{
	height: 60px;
}
.so-footby{
	background-color: #0B0C0C;
	padding: 10px 0;
}
.so-footby p{
	margin-bottom: 0;
	color: #aaa;
}
.so-footby a{
	color: #0099FF;
	padding: 0 5px;
}
.so-footby a:hover{
	opacity: 0.6;
	text-decoration: underline;
}
/*广告位css*/
.so-ad-1 ul{
	padding: 0;
}
.so-ad-1 ul li{
	margin-bottom: 5px;
	position: relative;
}
.so-ad-1 ul li img{
	width: 100%;
}
.so-ad-1 ul li:after{
	display: block;
	content: "广告";
	position: absolute;
	right: 0;
	bottom: 0;
	background-color: #000000;
	color: #fff;
	padding: 1px 8px;
	cursor: pointer;
	opacity: 0.5;
}

/*文字广告位*/
.so-ad-2 table{
	width: 100%;
	border: solid 1px #dcdcdc;
}
.so-ad-2 table td{
	text-align: center;
	padding: 5px;
}