body, h1, h2, h3, h4, h5, h6 {
	font-family: "Microsoft YaHei","Hiragino Sans GB","STHeiti","Heiti SC" ! important;
	
}
.dingbu{
	position:relative;
	background-image:radial-gradient( circle at 0% 20%,#93e2ff,#0396FF,#b3e0fa );
	background-repeat:no-repeat;
	background-size:cover;
	text-align:center;
	margin-bottom:0px;
	color:white;
}
.logo{
	max-width:320px;
	display:block;
	margin:0 auto 10px;
	-webkit-animation:animation-178wo1o 2s ease-in-out infinite alternate;
	animation:animation-178wo1o 2s ease-in-out infinite alternate;
}
@-webkit-keyframes animation-178wo1o{
	from{-webkit-transform:translate3d(0,4px,0) rotate(0);
	-ms-transform:translate3d(0,4px,0) rotate(0);
	transform:translate3d(0,4px,0) rotate(0);}
	to{
	-webkit-transform:translate3d(0,10px,0) rotate(0.01deg);
	-ms-transform:translate3d(0,10px,0) rotate(0.01deg);
	transform:translate3d(0,10px,0) rotate(0.01deg);
}
	
}
.uk-panel-xuexi{
	padding:15px 6px;
}

@keyframes animation-178wo1o{
	from{-webkit-transform:translate3d(0,4px,0) rotate(0);-ms-transform:translate3d(0,4px,0) rotate(0);
	transform:translate3d(0,4px,0) rotate(0);}
	to{
	-webkit-transform:translate3d(0,10px,0) rotate(0.01deg);
	-ms-transform:translate3d(0,10px,0) rotate(0.01deg);
	transform:translate3d(0,10px,0) rotate(0.01deg);}
}


.tishi{

	text-align:center;margin-top: 10px;color: #999;font-size:12px
}
.uk-badge{
	text-shadow: none;
	background: #fff;
	color: #999;
}
.uk-badge-notification{
	font-size: 14px;
	font-weight:400;
	font-weight:400;
}
.webkuang{

}
.uk-card{
	border-radius: 8px;
	text-align:center;
}
.uk-card img{
	border-radius: 4px;
	width:100%;
}
.right-side{
	position:fixed;
	top:180px;
	right:2%;
	width:64px;
	text-align:center;
	padding:0px;
	font-size:14px;
	z-index:999;
}
.right-nav{
	border-radius: 4px;
	padding:12px 0px;
	background: #fff;
    color: #333;
    box-shadow: 0 5px 15px rgba(0,0,0,.08);
	
}
.uk-link, a {
    color: #999;
	text-decoration: none;
}

.uk-link, a:hover {
	text-decoration: none;
}

.uk-nav-side>li.uk-active>a {
    background-image: radial-gradient( circle at 0% 20%,#0396FF,#b3e0fa );
    color: #fff;
}
a:hover {
    color: #0396FF;
}
h1{
	font-size:24px;
	font-weight:bold;
	margin:50px 0px 30px 0px;
}
.uk-heading-line>::after, .uk-heading-line>::before{	
	width: 50px;
}
.uk-card-body{
	padding: 10px;
}
.uk-card-title{
	font-size:16px;
	margin-bottom:5px;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	text-align:center;
	font-weight:bold;

}
.uk-card-body p{
	font-size:13px;
	margin-top:0px;
	color:#ababab;
	word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
	text-align:center;	
}



.changyong{
	border-radius: 8px;
	box-shadow: 0 5px 15px rgba(0,0,0,.08);
	margin-top:50px;
}
.uk-table th{
    text-align: right;	
	padding: 10px 12px;
}
.uk-table td{
    text-align: center;	
	font-size:13px;	
	padding: 10px 12px;
}
.uk-table-link:hover{
	color:#0396FF;
}


#main {
	margin-bottom:30px;
}

#bigBox {
	width:500px;
	margin: 0 auto;
}

#searchBox {
	overflow: hidden;
	width: 1000px;
	height: 50px
}
#search {
	width: 400px;
	height: 48px;
	border: 1px solid #f1f1f1;
	
	border-right: 0 none;
	float: left;
	font-size: 16px;
	padding-left: 0;
	color: #15120e;
	border-left: 0
}
#search:hover {
	color: #15120e
}
#searchBtn {
	width: 47px;
	height: 52px;
	background:#fff;
	color: #0396FF;
	border: 1px solid #f1f1f1;
	border-top-right-radius: 100px;
	border-bottom-right-radius: 100px;
	float: left;
	background-position: 11px 13px;
	cursor: pointer
}


.searchChoice {
	width: 50px;
	height: 50px;
	background-color: white;
	border: 1px solid #f1f1f1;
	border-right: 0;
	border-top-left-radius: 100px;
	border-bottom-left-radius: 100px;
	float: left;
	background-position: 12px 12px;
	background-repeat: no-repeat;
	position: relative
}
.sChoiceBtn {
	display: block;
	width: 20px;
	height: 20px;
	margin: 14px auto 0 auto;
	cursor: pointer;
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray;
	filter: alpha(opacity=20);
	-moz-opacity: 0.2;
	-khtml-opacity: 0.2;
	opacity: 0.2
}
.sChoiceBtn:hover {
	filter: grayscale(0%);
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	-ms-filter: grayscale(0%);
	-o-filter: grayscale(0%);
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1
}
.scBigBox {
	display: none;	
	width: auto;
	height: auto;
	background-color: white;
	position: absolute;
	top: 36px;
	border: solid 1px #f1f1f1;	
	border-radius: 10px;
	overflow: hidden;
	z-index: 41
}



#search_bg {
	height: 50px;
	border-radius: 100px;
	margin: 0px 0px 30px 0px;
}
#search_bg #button_bg {
	position: relative;
}
#search_bg #button_bg .textb {
	display: block;
	outline: none;
	float: left;
	text-align: left
}
#search_bg #button_bg .subb {
	display: block;
	outline: none;
	float: left
}
#search_bg #button_bg .keyword {
	width: 917px;
	height: auto;
	border: solid 1px #cccccc;
	border-top: none;
	position: absolute;
	top: 50px;
	left: 34px;
	z-index: 40;
	display: none;
	font-size: 15px;
	background-color: white;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	overflow: hidden
}
#search_bg #button_bg .keyword span {
	display: block;
	clear: both;
	width: 100%;
	height: 28px;
	text-indent: 15px;
	line-height: 28px;
	cursor: pointer;
	background: white;
	border-bottom: solid 1px #fff
}
#search_bg #button_bg .keyword span:hover {
	background: rgba(0,0,0,0.5)
}
#search_result {
	width: 960px;
	height: auto;
	min-height: 400px;
	overflow: hidden
}
#search_result .result_num {
	width: 960px;
	height: 26px;
	text-align: left;
	text-indent: 15px;
	font-size: 15px;
	line-height: 26px;
	color: #767676
}

#search_result .result {
	width: 960px;
	height: auto;
	max-height: 110px;
	margin-top: 15px;
	margin-bottom: 15px;
	padding-top: 15px;
	padding-bottom: 15px;
	text-indent: 20px;
	line-height: 25px;
	color: #333333;
	text-overflow: ellipsis;
	overflow: hidden;
	border-bottom: dashed 1px #ccc
}
input[type=text]::-ms-clear {
display:none
}
input::-webkit-search-cancel-button {
display:none
}
input.t {
	border: 1px solid #fff;
	background: #fff;
	padding-left: 5px;
	height: 30px;
	line-height: 30px;
	font-size: 12px;
	color: #004779
}
.w {
	width: 100%;
	margin: 0 auto;
	height: 100%
}
.scSmallBox {
	overflow: hidden;
	width: 130px;
	height: 34px;
	color: #545454;
	cursor: pointer
}
.scSmallBox:hover {
	background-color: #f0f0f0
}
.scImg {
	width: 20px;
	height: 20px;
	margin: 7px 10px 0px 10px;
	float: left
}
.scName {
	font-size: 16px;
	float: left;
	display: block;
	width: 80px;
	height: 20px;
	line-height: 20px;
	margin-top: 7px
}



.bolang{margin:-16px 0 -32px;}

@media (min-width: 1200px) {
	.uk-container{
		max-width:1100px;
	}	
	.right-side{
		left: 51%;
		margin-left:550px;
	}
	#toTop{
		left: 51%;
		margin-left:550px;
	}
	.bolang{
		margin:-9% 0 -32px;
	}
}

@media (min-width: 1024px) and (max-width: 1199px) {
	.uk-container{
		max-width:840px;
	}	
	.right-side{
		left: 51%;
		margin-left:420px;
	}
	#toTop{
		left: 51%;
		margin-left:440px;
	}
	.bolang{
		margin:-10% 0 -32px;
	}	
}
@media (min-width: 768px) and (max-width: 1023px) {
	.uk-container{
		max-width:540px;
	}	
	.right-side{
		left: 51%;
		margin-left:300px;
	}
	#toTop{
		left: 51%;
		margin-left:300px;
	}
	.bolang{
		margin:-11% 0 -32px;
	}

}
@media (max-width: 767px) {
	.right-side{
		display:none;
	}
	.uk-subnav{
		display:none;
	}
	#search{
		width: 200px;
	}
	#bigBox {
		width:300px;
		margin: 0 auto;
	}
	.bolang{
		margin:-12% 0 -32px;
	}	
	.changyong{
		display:none;
	}
	.tishi{
		display:none;
	}

}