@charset "utf-8";
@import "uikit.css";
a {
		-webkit-transition: all 0.18s ease-out;
		-moz-transition: all 0.18s ease-out;
		-ms-transition: all 0.18s ease-out;
		-o-transition: all 0.18s ease-out;
		transition: all 0.18s ease-out
}
.relative { position: relative }
.absolute { position: absolute }
.tm-container {
		background: #fff;
		padding-top: 20px;
		border-radius: 5px;
		-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.1);
		-moz-box-shadow: 0 0 5px rgba(0,0,0,0.1);
		box-shadow: 0 0 5px rgba(0,0,0,0.1);
		margin-bottom: 20px
}
header { padding-top: 81px }
.uk-navbar {
		border: 0;
		border-bottom: 1px solid rgba(0,0,0,0.06);
		position: fixed;
		top: 0;
		right: 0;
		padding: 20px 0;
		left: 0;
		z-index: 9999;
		transition: all .1s linear;
		height: 40px
}
.uk-navbar:not(.uk-navbar-attached) { border-radius: 0 }
.uk-navbar-brand { padding: 0 30px 0 0 }
.uk-navbar-nav {
		margin-top: 4px;
		float: right
}
.uk-navbar-nav>li { margin-left: 10px }
.uk-navbar-nav>li>a {
		font: 600 16px/32px "Microsoft Yahei";
		height: 32px;
		padding: 0 12px;
		margin: 0;
		border: 0;
		text-shadow: none
}
.uk-navbar-nav>li>a i { margin-left: 4px }
.uk-navbar-nav>li>.uk-dropdown-navbar {
		padding: 8px 15px;
		margin-top: 0;
		top: 30px;
		left: 0;
		background: #7a0086;
		border: 0;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		-webkit-border-top-left-radius: 0;
		-moz-border-radius-topleft: 0;
		border-top-left-radius: 0
}
.uk-navbar-nav>li>.uk-dropdown-navbar a { color: #fff }
.uk-navbar-nav>li>.uk-dropdown-navbar a:hover, .uk-navbar-nav>li>.uk-dropdown-navbar a:focus {
		background: #f5f5f5;
		color: #444
}
.uk-nav-navbar>li>a:hover, .uk-nav-navbar>li>a:focus { background: #7a0086 }
.uk-navbar-nav>li:hover>a, .uk-navbar-nav>li>a:focus, .uk-navbar-nav>li.uk-open>a, .uk-navbar-nav>li.uk-active>a {
		background: #7a0086;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		color: #FFF
}
.crumbs {
		height: 60px;
		background: #f0f2f5
}
.crumbs h1 {
		margin: 0;
		float: left;
		font-size: 18px;
		font-weight: 600;
		line-height: 60px
}
.crumbs .uk-breadcrumb {
		float: right;
		padding: 5px;
		margin: 0;
		margin-top: 20px;
		background: #e0e2e5;
		border-radius: 4px;
		letter-spacing: 0
}
.crumbs .uk-breadcrumb span, .crumbs .uk-breadcrumb a {
		color: #595959;
		display: inline-block;
		margin: 0 8px
}
.crumbs .uk-breadcrumb a:hover { color: #7a0086 }
#content { padding-top: 20px }
#main {
		float: left;
		margin-right: 300px
}
.menu {
		position: relative;
		border-bottom: 2px solid #7a0086;
		margin-bottom: 20px !important
}
.menu h2 {
		font-size: 18px;
		background: #7a0086;
		display: inline-block;
		-webkit-border-top-left-radius: 4px;
		-webkit-border-top-right-radius: 4px;
		-moz-border-radius-topleft: 4px;
		-moz-border-radius-topright: 4px;
		border-top-left-radius: 4px;
		border-top-right-radius: 4px;
		padding: 0 20px;
		height: 30px;
		color: #fff;
		margin: 0;
		letter-spacing: 5px
}
.menu h2 a {
		color: #fff;
		display: block
}
.menu .more {
		position: absolute;
		top: 6px;
		right: 0
}
.menu .sub {
		position: absolute;
		top: 6px;
		margin-left: 10px
}
.menu .sub a { margin: 0 4px }
.tm-top ul {
		padding: 0;
		margin: 0
}
.tm-top li {
		background: #f0f2f5;
		padding: 10px;
		padding-left: 90px;
		list-style: none
}
.tm-top li:nth-of-type(even) { background: #e0e2e5 }
.tm-top .thumb {
		margin-left: -80px;
		float: left; 
}
.tm-top .info { padding-left: 10px }
.tm-top h4 {
		font-size: 14px;
		line-height: 20px;
		font-weight: bold;
		margin: 0;
		white-space: nowrap;
		overflow: hidden
}
.tm-top p { margin: 0 }
#sidebar {
		float: right;
		margin-left: -280px;
		width: 280px
}
#sidebar .social .uk-grid:not(.uk-grid-preserve), #sidebar .tm-ad .uk-grid:not(.uk-grid-preserve) { margin-left: -10px }
#sidebar .social .uk-grid:not(.uk-grid-preserve)>[class*='uk-width-'], #sidebar .tm-ad .uk-grid:not(.uk-grid-preserve)>[class*='uk-width-'] { padding-left: 10px }
#sidebar .tm-ad .uk-grid:not(.uk-grid-preserve)+.uk-grid { margin-top: 10px }
#sidebar .fixed {
		position: fixed;
		top: 100px;
		width: inherit;
		background: #FFF;
		z-index: 999;
		display: block
}
#sidebar .box1 {
		border: 1px solid #e5e5e5;
		border-top: 2px solid #7a0086;
		padding: 10px;
		margin-bottom: 20px
}
#sidebar .box1 .hd {
		border-bottom: 1px dotted #d5d6d6;
		padding-bottom: 9px;
		margin-bottom: 10px !important
}
#sidebar .box1 .hd h3 {
		line-height: 16px;
		height: 16px;
		margin: 0;
		font-size: 15px;
		font-weight: bold
}
#sidebar .box2 { margin-bottom: 20px }
#sidebar .box2 .hd h3 {
		font-size: 15px;
		font-weight: bold;
		padding-left: 10px;
		height: 36px;
		line-height: 36px;
		background: #7a0086;
		margin: 0;
		color: #FFF
}
#sidebar .box2 .bd {
		border: 1px solid #e5e5e5;
		border-top: 0
}
#sidebar .box3 { margin-bottom: 20px }
#sidebar .box3 .bd {
		border: 1px solid #e5e5e5;
		border-top: 0;
		padding: 10px
}
.login .uk-form-label {
		width: 50px;
		text-align: right
}
.login .uk-form-controls { margin-left: 55px }
.login input[type="text"], .login input[type="password"] { width: 100% }
.login input[type="checkbox"] { vertical-align: text-bottom }
.login .uk-button {
		width: 47%;
		letter-spacing: 5px
}
.login .forgetPwd, .login .btn-reg { float: right }
.login .btn-reg { background-color: #ff9204 }
.login #form-h-code { width: 65px }
#sidebar .search {
		background: #7a0086;
		padding: 5px;
		margin-bottom: 20px
}
#sidebar .uk-search {
		background: #fff;
		width: 100%
}
#sidebar .uk-search-field, .uk-search-field:focus {
		width: 217px;
		height: 30px;
		border: 0
}
#sidebar .uk-search:before { line-height: 30px }
#sidebar .uk-active>.uk-search-close { right: 50px }
#sidebar #searchsubmit {
		height: 30px;
		padding: 0 10px;
		line-height: 30px;
		border: 0;
		border-radius: 0;
		background: #454545;
		color: #fff;
		text-shadow: none
}
#sidebar .rsMinW .rsBullets {
		bottom: 5px;
		right: 10px
}
#sidebar .uk-list { margin: 0 }
#sidebar .tm-top .hd { margin: 0 }
#sidebar .tm-top li {
		background: 0;
		padding: 10px 0;
		padding-left: 80px;
		border-bottom: 1px dotted #d5d6d6
}
#sidebar .tm-top li:nth-of-type(even) { background: 0 }
#sidebar .tm-top li:first-child { padding-top: 0 }
#sidebar .tm-top li:last-child {
		padding-bottom: 0;
		border: 0
}
#sidebar .social a {
		display: block;
		background: #316db7;
		color: #fff;
		height: 80px;
		line-height: 80px;
		text-align: center
}
#sidebar .social span {
		margin-top: 8px;
		float: left;
		text-align: center;
		width: 100%
}
#sidebar .social a.x { background: #316db7 }
#sidebar .social a.t { background: #17a8dd }
#sidebar .social a.r { background: #ff9204 }
#sidebar .social a:hover { opacity: .8 }
.uk-list li span { float: right }
.uk-list li i { margin: 0 5px }
#footer { margin-top: 20px }
#footer .uk-container { position: relative }
#footer .centent {
		border-top: 1px solid #e5e5e5;
		padding-top: 10px
}
#footer .links a {
		margin-right: 5px;
		white-space: nowrap
}
#footer .text { margin-top: 10px !important }
#footer .nav {
		padding-top: 6px;
		float: left
}
#footer .nav a { padding-right: 15px }
#footer .copyright {
		background: #7a0086;
		color: #FFF;
		text-align: center;
		/*float: right;*/
		padding: 8px 15px
}
#footer .copyright a { color: #fff }
#goTop {
		position: fixed;
		right: 30px;
		bottom: 30px;
		display: none
}

@media(min-width:1220px) {
#footer .centent { padding-top: 10px }
}

@media(max-width:1219px) and (min-width:960px) {
header { padding-top: 61px }
.uk-navbar { padding: 10px 0 }
.uk-navbar-nav>li>a { padding: 0 10px }
#content { padding-top: 15px }
#main {
		float: left;
		margin-right: 290px
}
.menu { margin-bottom: 15px !important }
#sidebar {
		margin-left: -275px;
		width: 275px
}
#sidebar .uk-grid { margin: 0 0 0 -10px }
#sidebar .uk-grid>[class*='uk-width-'] { padding-left: 10px }
#sidebar .uk-search-field, .uk-search-field:focus { width: 210px }
#sidebar .search, #sidebar .box1, #sidebar .box2, #sidebar .box3 { margin-bottom: 15px }
}

@media(max-width:959px) {
header { padding-top: 41px }
.uk-offcanvas-bar { margin-top: 41px }
.uk-navbar { padding: 0 }
.uk-navbar-brand { width: 150px }
.uk-hidden-small { display: none !important }
#content { padding-top: 10px }
#main { margin-right: 0 }
.menu { margin-bottom: 10px !important }
#footer { margin-top: 0 }
#footer .uk-container { padding: 0 }
#footer .centent {
		padding: 0;
		border-top: 0
}
#footer .text {
		background: #7a0086;
		text-align: center;
		padding-top: 6px
}
#footer .text a { color: #fff }
#footer .text a:last-child { padding-right: 0 }
#footer .text a:hover { text-decoration: underline }
#footer .nav a { padding-right: 10px }
#footer .nav, #footer .copyright {
		width: 100%;
		background: #7a0086
}
#footer .copyright { padding: 5px 0 10px 0 }
#goTop {
		right: 10px;
		bottom: 10px
}
}

@media(max-width:959px) and (min-width:768px) {
.tm-top .info {
		height: 60px;
		overflow: hidden
}
}

@media(max-width:767px) {
.uk-container { padding: 0 10px }
.uk-grid { margin: 0 0 0 -10px }
.uk-grid>[class*='uk-width-'] { padding-left: 10px }
.crumbs { height: 40px }
.crumbs h1 {
		font-size: 15px;
		line-height: 40px
}
.crumbs .uk-breadcrumb {
		display: none;
		float: none;
		padding: 0;
		margin-top: 0;
		background: 0;
		clear: both
}
.menu { border-bottom: 0 }
.menu h2 {
		display: block;
		padding: 0 10px;
		font-size: 16px;
		font-weight: 600;
		-webkit-border-top-left-radius: 0;
		-webkit-border-top-right-radius: 0;
		-moz-border-radius-topleft: 0;
		-moz-border-radius-topright: 0;
		border-top-left-radius: 0;
		border-top-right-radius: 0
}
.menu h2 a:after {
		content: "\f054";
		display: inline-block;
		font-family: "FontAwesome";
		font-weight: normal;
		font-style: normal;
		vertical-align: baseline;
		line-height: 1;
		-webkit-font-smoothing: antialiased
}
.menu .sub { display: none }
.menu .more { right: 10px }
.menu .more a { color: #fff }
.hidden-small { display: none }
}