@charset "utf-8";
body {
	14px/1.5 -apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif;
	color: #555
}
ul, ol, dl, dt, dd {
	margin: 0;
	padding: 0
}
ul {
	list-style: none
}
.clear{clear:both;}
img{max-width:100%;}
table {
	font-size: 12px
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
	vertical-align: middle;
	padding: 10px;
	border-top-color: #eee
}
a {
	color: #666
}
a:hover {
	color: #454545;
	text-decoration: none
}
a:active {
	outline: 0
}
.thumbnail {
	border: none;
	padding: 0;
	margin: 0
}
a u {text-decoration: none !important;}
.btn {
	border-radius: 2px;
	padding: 6px 15px
}
.btn-xs, .btn-group-xs > .btn {
	border-radius: 2px;
	padding: 1px 5px
}
.btn-sm, .btn-group-sm > .btn {
	border-radius: 2px;
	padding: 5px 12px
}
.btn-lg, .btn-group-lg > .btn {
	font-size: 16px;
	border-radius: 4px;
	padding: 5px 15px
}
.btn-default {
	border-color: #ddd;
	color: #666
}
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
	border-color: #bbb;
	color: #444
}
.btn-primary {
	background-color: #45B6F7;
	border-color: #45B6F7
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
	background-color: #35A0DD;
	border-color: #35A0DD
}
.btn-danger {
	background-color: #FF5E52;
	border-color: #FF5E52
}
.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger {
	background-color: #EF4639;
	border-color: #EF4639
}
.label {
	border-radius: 2px;
	font-weight: normal;
	padding: 0 3px
}
.label-primary {
	background-color: #45B6F7
}
.modal-content {
	border-radius: 4px;
	border: none
}

 @media (min-width:768px) {
.container {
	width: auto
}
}
 @media (min-width:992px) {
.container {
	width: auto
}
}
 @media (min-width:1200px) {
.container {
	width: auto
}
}
 @media (min-width:876px) {
.ads-post {
}
}
body {
	background-color: #f5f5f5;
	position: relative
}
.container {
	position: relative;
	margin: 0 auto;
	max-width: 1200px;
	padding: 0
}

.headerTop { overflow:hidden; width:100%; height:35px; border-bottom:1px solid #E1DDDD;margin-bottom:15px;}
.headerTop p{ float:left; font-size:12px; color:#666; line-height:35px;}
.headerTop ul{ overflow:hidden; font-size:12px; float:right; margin-top:8px;}

.header {
	position: relative;
	top: 0;
	left: 0;
	right: 0;
	z-index: 9;
	background-color: #FFFFFF;
}

.navbg{background-color:#0063C8; height:44px; line-height:44px;}

.category-see .header, .page-template-pagesnav-php .header, .page-template-pagestheme-php .header, .page-template-pagestools-php .header, .page-template-pagesthemes-php .header, .category-job .header {
	box-shadow: none;
	border-bottom: none;
	margin-bottom: 0
}
.carousel {
	margin-bottom: 15px
}
.carousel-inner .item a {
	display: block;
	text-align: center
}
.carousel-inner .item img {
	margin: 0 auto
}
.carousel-control {
	width: 40px;
	height: 80px;
	top: 50%;
	margin-top: -40px
}
.carousel-control.left, .carousel-control.right {
	background: none
}
.carousel-control:hover {
	background-color: #000;
	opacity: .5;
	color: #fff
}
.carousel .fa {
	font-size: 30px;
	margin-top: 62%
}
.carousel-indicators {
	bottom: 6px
}
#homeslider {
	margin-bottom: 15px
}
.content-wrap {
	width: 100%;
	float: left;
	margin-bottom: 15px;
}
.content {
	min-height: 500px;
	margin-right: 380px;
	margin-bottom: 15px;
	background: #ffffff;
	border: 1px solid #eaeaea;
}
@media (max-width:767px) {
.content {
	min-height: 200px; padding:10px;
	margin-right: 0;
	margin-bottom: 15px;
	background: #ffffff;
	border: 1px solid #eaeaea;
}
}

.h100{height:340px; overflow:hidden;}
.h110{height:216px; overflow:hidden;}
@media (max-width:767px) {
.h100{height:auto; overflow:auto;}
.h110{height:auto; overflow:auto;}
}
.sidebar {
	float: left;
	margin-left: -360px;
	width: 360px;
	position: relative
}
.single .content {
	padding: 0 20px 20px
}

.banner{width:100%; height:230px;}

.logo {
	overflow: hidden;
	float: left;
	width: 400px;
	margin-top:34px;
	margin-bottom:30px;
}
.logo a {
	height: 61px;
	display: block;
	overflow: hidden;
	background-image: url('../img/logo.png');
	background-repeat: no-repeat;
	padding-left:80px;
}
.logo a b{
	display: block; font-size:20px; font-weight:normal; color:#000000; margin-top:8px;
}
.logo a span{
	display: block; font-size:14px; margin-top:3px;
}
.brand {
	font-size: 14px;
	float: left;
	line-height: 50px;
	color: #bbb;
	padding-left: 10px;
	position: relative;
	top: 1px;
	border-left: 2px solid #F3F5F7;
	margin-left: 10px;
	height: 50px;
	margin-top: 5px
}

.logoright{float:right; margin-top:50px; font-size:16px;}
.logoright span{float:left; display:block;}
.logoright dl{float:left; display:block; margin-left:50px; margin-right:50px; border:1px solid #ddd;}
.logoright a{float:right; display:block;}
.site-navbar {
	width:1200px; margin:0 auto;font-size: 18px;
}
.site-navbar li {
	position: relative;
	float: left; width:150px;
}
.site-navbar li:hover {
	z-index: 2
}
.site-navbar a {
	display: block;
	padding: 0 15px;
	color: #fff;
	font-size: 16px
}
.site-navbar li:hover > a, .site-navbar li.active a:hover, .site-navbar a:hover {
	color: #ccc
}
.site-navbar li.active > a {
	color: #ccc
}
.site-navbar .fa {
	width: 18px
}
.site-navbar .fa-angle-down {
	width: 11px
}
.topbar .fa {
	width: 14px
}
.topbar .fa-angle-down {
	width: 9px
}
.topbar {
	position: absolute;
	top: -39px;
	left: 0;
	right: 0;
	margin-bottom: 20px;
	margin-right: -15px;
	color: #999
}
.topbar a {
	color: #999
}
.topbar a:hover {
	color: #ff6651
}
.topmenu {
	float: right
}
.topmenu li {
	position: relative;
	float: left
}
.topmenu li:hover {
	z-index: 2
}
.topmenu a {
	display: block;
	padding: 0 15px;
	color: #999
}
.topmenu li:hover > a, .topmenu li.active a:hover, .topmenu a:hover {
	color: #ff6651
}
.topmenu li.active > a {
	color: #ff6651
}
.topmenu .red {
	color: #FF5E52;
	display: inline-block
}
.topmenu .red:hover {
	color: #FF5E52;
	text-decoration: underline
}
.site-nav .sub-menu {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	background-color: #fff;
	color:#000000;
	font-size: 14px;
	padding: 6px 0;
	box-shadow: 0 0 10px rgba(0,0,0,0.1);
	line-height: 32px;
	width: 150px;
	text-align:center;
	border-radius: 4px
}
.site-nav .sub-menu li {
	float: none
}
.site-nav .sub-menu a {
	color: #000
}
.site-nav .sub-menu a:hover {
	background-color: #f6f6f6
}
.site-nav li:hover > .sub-menu {
	display: block
}
.site-nav li:hover .fa-angle-down {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg)
}
.topbar-user {
	float: right;
	margin-top: 16px
}
.user-welcome {
	padding: 2px 12px 2px 2px;
	color: #fff;
	display: block;
	background-color: #61B3E6;
	border-radius: 2px;
	font-size: 12px;
	max-width: 150px;
	overflow: hidden;
	height: 32px;
	margin-left: 10px
}
.user-welcome .avatar {
	width: 28px;
	height: 28px;
	border-radius: 2px;
	margin-right: 8px
}
.user-welcome:hover {
	color: #fff;
	opacity: 0.85;
	filter: alpha(opacity=85)
}
.user-welcome span {
	position: relative;
	top: 2px
}
.user-signin {
	margin-left: 5px
}
.user-signin a {
	min-width: 60px;
	margin-left: 5px
}
.user-signin .btn-sm {
	padding: 6px 12px
}
.sign-info {
	font-size: 12px;
	clear: both;
	margin-top: 10px
}
.site-search {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 90px;
	z-index: 1;
	background-image: url(../img/seach_bg.png);
	background-repeat: repeat-x;
	background-position: 0 0
}
.site-search.active {
	top: 110px
}
.site-search-form {
	padding: 20px 20%;
	overflow: hidden
}
.search-input {
	float: left;
	color: #999;
	border: solid 1px #ddd;
	width: 90%;
	height: 50px;
	padding: 4px 12px;
	border-right: none;
	font-size: 16px;
	border-radius: 2px 0 0 2px;
	outline: none
}
.search-input:focus {
	border-color: #45B6F7
}
.search-btn {
	color: #fff;
	border: none;
	background: #0c7df5;
	height: 50px;
	font-size: 16px;
	padding: 0 12px;
	border-radius: 0 2px 2px 0;
	width: 10%
}
.search-btn:hover, .search-btn:focus {
	color: #fff;
	opacity: 0.85;
	filter: alpha(opacity=85)
}
.search-btn .fa {
	font-size: 16px;
	width: 16px
}
.site-search-form a {
	margin-left: 20px;
	color: #999
}
.site-search-form a:hover {
	color: #45B6F7
}
.search .site-search {
	position: relative;
	margin: -15px 0 15px;
	border-bottom: 1px solid #F3F5F7
}
.branding {
	text-align: center;
	padding: 30px 20px
}
.branding h1, .branding h2 {
	margin: 0 0 20px;
	font-size: 16px;
	text-align: left;
	line-height: 1.6
}
.branding h1 {
	font-weight: normal;
	margin-bottom: 10px;
	font-size: 21px;
	text-align: center;
	color: #eee
}
.branding h2 {
	color: #dfdfdf
}
.branding h1 .fa, .branding h2 .fa {
	display: block;
	margin-bottom: 10px
}
.branding-primary {
	color: #eee;
	background-image: url(../img/top_bg.jpg);
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-size: cover;
	-moz-background-size: cover
}
.bitcoin-bg {
	background-image: url(../img/bitcoin-bg.jpg);
	background-position: center center;
}
.block-bg {
	background-image: url(../img/block-bg.jpg);
	background-position: center center;
}
.ico-bg {
	background-image: url(../img/ico-bg.jpg);
	background-position: center center;
}
.branding-primary p {
	font-weight: bold;
	font-size: 12px;
	color: #fff;
	margin-bottom: 0
}
.branding-primary p strong {
	color: #2C7EB3
}
.branding-primary .btn {
	border-color: #fff;
	color: #fff
}
.branding-primary .btn:hover {
	background-color: #fff;
	color: #61B3E6
}
.branding-black {
	background-color: #2d3237
}
.branding-black h1, .branding-black h2 {
	color: #ccc
}
.branding-black .btn {
	border-color: #ccc;
	color: #ccc
}
.branding-black .btn:hover {
	background-color: #ccc;
	color: #444
}
.branding-white {
	background-color: #fff
}
.branding-white h1 {
	color: #888
}
.branding-sm {
	padding-top: 35px;
	padding-bottom: 35px
}
.branding-mb {
	margin-bottom: 15px
}
.newmsgs {
	margin-bottom: 15px;
	background-color: #55A5D8;
	padding: 7px 20px 8px
}
.newmsgs ul {
	list-style: disc;
	padding-left: 18px;
	color: #eee;
	margin-right: -1%
}
.newmsgs li {
	float: left;
	width: 24%;
	margin-right: 1%
}
.newmsgs a {
	font-size: 12px;
	color: #DDEDF7
}
.newmsgs a:hover {
	color: #fff
}
.newmsgs .ring {
	margin-bottom: -1px
}
.ring {
	display: inline-block;
	width: 12px;
	height: 12px;
	border: 1px solid transparent;
	border-radius: 50%;
	box-shadow: inset 1px 1px 0 #fff, inset -1px -1px 0 #fff, inset 1px -1px 0 #fff, inset -1px 1px 0 #fff
}
.ring-01 {
	background-color: #FD8C84;
	border-color: #FD8C84
}
.ring-02 {
	background-color: #F2A571;
	border-color: #F2A571
}
.ring-03 {
	background-color: #61B3E6;
	border-color: #61B3E6
}
.ring-04 {
	background-color: #ADDA91;
	border-color: #ADDA91
}
.title, .pagetitle {
	border: 1px solid #ccc; margin-top:45px; margin-bottom:25px; background-color:#FFFFFF;border-radius:5px;
}
 @media (max-width:767px) {
.title, .pagetitle {
	border: 1px solid #ccc; margin-top:15px; margin-bottom:15px; background-color:#FFFFFF;border-radius:5px; width:96%; margin-left:2%;
}
}
.title span, .pagetitle h1, .pagetitle h2 {
	font-size: 16px !important; padding:10px;
	float: left; background-color:#0063C8; color:#FFFFFF;border-radius:0 5px 5px 0;
}
.title span a {
	color:#FFFFFF;
}
.title h3 {
	font-size: 28px
}
.title .tabs,.title .more {
	float: left;
	position: relative;
	top: 10px
}
@media (max-width:640px) {
.title .tabs,.title .more {
	float: left;
	position:static;
	top: 10px
}
}
.title .tabs li,.title .more li {
	float: left;
	margin-left: 20px
}
.title .tabs li a,.title .more li a {
	color: #999; font-size:16px;
}
.title .tabs li a:hover {
	color: #0c7df5
}
.title .more li a:hover {
	color: #0c7df5
}
.pagetitle small {
	margin-left: 10px;
	position: relative;
	top: 2px;
	color: #999
}
.title .pull-right {
	font-size: 12px;
	position: relative;
	bottom: -4px
}
.title .pull-right a {
	color: #bbb
}
.title .pull-right a:hover {
	color: #999
}
.single .title {
	border-bottom: 1px solid #F3F5F7;
	padding-bottom: 10px
}
.relates .title {
	margin-bottom: 10px
}
.relates .title h3 {
	font-size: 20px
}
.ads-large {
	margin-bottom: 30px
}
.ads-large img {
	max-width: 100%
}
.ads-post {
	margin-bottom: 30px;
	overflow: hidden;
	text-align: center
}
.ads-post img {
	max-width: 100%
}
.ads-your {
	display: block;
	background-color: #FBFBFB;
	border: 2px dashed #BBB;
	color: #AAA;
	font-size: 15px;
	text-align: center;
	overflow: hidden;
	clear: both
}
.ads-your:hover {
	border-color: #FF5E52;
	color: #FF5E52
}

.half{width:49%; float:left; margin-right:2%; border-bottom:1px dashed #ddd !important; margin-bottom:10px !important;}
.half:nth-child(2n){margin-right:0;}

@media (max-width:760px){
.half {
    width: 100%;
    float: left;
    margin-right: 2%;
    border-bottom: 1px dashed #ddd !important;
    margin-bottom: 10px !important;
}
}

.ebox {
	overflow: hidden;
	font-size: 12px;
	text-align: center;
	background-color: #fff
}
.ebox-i {
	position: relative;
	float: left;
	width: 50%;
	padding: 15px 15px 20px;
	background-color: #fff;
	color: #777;
	border-bottom: 1px dashed #ddd
}
.ebox-01, .ebox-03 {
	border-right: 1px dashed #ddd
}
.ebox-i:hover {
	background-color: #F9F9F9
}
.ebox-100 {
	width: 100%;
	margin-bottom: 0;
	border-bottom: none
}
.ebox-i p {
	height: 36px;
	overflow: hidden;
	color: #bbb
}
.emo {
	margin-bottom: 15px
}
.emo .title {
	border-bottom: 1px solid #eee;
	background-color: #f9f9f9;
	height: 48px
}
.emo .title h3 {
	font-size: 20px;
	padding: 13px 0 12px;
	color: #fff;
	background-color: #61B3E6;
	width: 160px;
	text-align: center;
	height: 48px
}
.emo .title .pull-right {
	margin: 13px 20px 0 0
}
.elist {
	position: relative;
	float: left;
	width: 60%;
	background-color: #fff
}
.elist ul {
	padding: 22px 20px 13px
}
.elist time {
	margin-right: 10px;
	font-size: 12px;
	color: #999;
	position: relative;
	top: -1px
}
.elist-i {
	overflow: hidden;
	margin-bottom: 10px
}
.elist-i {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}
.elist-i a {
	color: #777
}
.elist-i a:hover {
	color: #61B3E6
}
.elist-first {
	padding-left: 235px;
	border-bottom: 1px solid #eee;
	margin-bottom: 20px;
	overflow: hidden;
	height: 172px
}
.elist-first .focus {
	float: left;
	margin-left: -235px
}
.elist-first .thumb {
	width: 220px;
	height: 150px
}
.elist-first h2 {
	font-size: 21px;
	margin-top: 5px
}
.elist-first .note {
	font-size: 12px;
	color: #999;
	line-height: 20px;
	margin-top: 10px;
	margin-bottom: 20px;
	height: 80px;
	overflow: hidden
}
.elist-first a {
	color: #666
}
.elist-first a:hover {
	color: #61B3E6
}
.eads {
	margin-bottom: 30px
}
.eads ul {
	margin-right: -1%
}
.eads li {
	float: left;
	width: 24%;
	margin-right: 1%
}
.eads a {
	display: block;
	position: relative;
	padding: 23px 20px;
	height: 100px;
	color: #fff;
	opacity: 0.85;
	filter: alpha(opacity=85);
	font-size: 12px
}
.eads a:hover {
	opacity: 1;
	filter: alpha(opacity=100)
}
.eads a h2 {
	margin: 0 0 5px;
	font-size: 18px
}
.eads a::after {
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	border-top: 15px solid #F8CB00;
	border-left: 15px solid transparent
}
.eads-01 a {
	background-color: #FD8C84
}
.eads-02 a {
	background-color: #A48AD4
}
.eads-03 a {
	background-color: #61B3E6
}
.eads-04 a {
	background-color: #5ACFD9
}
.excerpt {
	border-bottom: 1px solid #F3F5F7;
	padding: 20px 20px 20px 255px;
	overflow: hidden;
	margin-bottom: -1px;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in; background-color:#FFFFFF
}
.excerpt:hover {
	border-bottom: 1px solid #0c7df5;
	position: relative;
	z-index: 2;
	background: #ffffff;
	-webkit-box-shadow: 0 0 30px rgba(0,0,0,0.1);
	box-shadow: 0 0 30px rgba(0,0,0,0.15);
	-webkit-transform: translate2d(0, 0px, -2px);
	transform: translate2d(0, 1px, -2px);
}
.excerpt:hover h2 a {
	color: #454545
}
.excerpt .focus {
	float: left;
	margin-left: -235px;
	width: 220px;
	overflow: hidden
}
.excerpt .thumb {
	width: 220px;
	height: 130px;
	-webkit-transition: 1s;
	transition: 1s
}
.excerpt .thumb:hover {
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2)
}
.excerpt header {
	margin-bottom: 10px
}
.excerpt .cat {
	color: #fff;
	background-color: #0c7df5;
	padding: 3px 6px;
	font-size: 12px;
	display: inline-block;
	position: relative;
	top: -2px;
	margin-right: 6px
}
.excerpt .cat:hover {
	opacity: 0.85;
	filter: alpha(opacity=85)
}
.excerpt .cat i {
	position: absolute;
	top: 50%;
	margin-top: -4px;
	right: -4px;
	display: inline-block;
	width: 0;
	height: 0;
	vertical-align: middle;
	border-left: 4px solid #0c7df5;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent
}
.excerpt h2 {
	display: inline;
	font-size: 16px;
	line-height: 24px;
	margin-top: 0;
	font-weight: 500;
}
.excerpt h2 a {
	color: #333;
}
.excerpt h2 a:hover {
	color: #555;
	font-size:16px;
}
.excerpt time, .excerpt .pv, .excerpt .pc {
	margin-right: 20px
}
.excerpt .note {
	font-size: 12px;
	color: #999;
	word-wrap: break-word;
	line-height: 20px
}
.excerpt .meta {
	color: #999;
	font-size: 12px;
	margin-bottom: 10px
}
.excerpt .meta .fa {
	margin-right: 4px
}
.excerpt .meta a {
	color: #999;
	text-decoration: underline
}
.excerpt .meta a:hover {
	color: #61B3E6
}
.post-tags {
	color: #ddd
}
.post-tags a {
	color: #999;
	text-decoration: underline
}
.post-tags a:hover {
	color: #61B3E6
}
.excerpt-see {
	border-bottom: 2px solid #eaeaea;
	padding: 20px;
	overflow: hidden
}
.excerpt-see h2 {
	font-size: 22px;
	line-height: 24px;
	margin-top: 0;
	font-weight: 500;
	margin: 0 0 15px
}
.excerpt-see h2 a {
	color: #333;
	line-height: 28px;
}
.excerpt-see h2 a:hover {
	color: #0c7df5
}
.excerpt-see p.note a {
	color: #ff5e52
}
.excerpt-see p.note a:hover {
	color: #ff5e52
}
.excerpt-see time, .excerpt-see .pv, .excerpt-see .pc {
	margin-right: 20px
}
.excerpt-see .meta {
	color: #999;
	margin-bottom: 15px;
	font-size: 12px;
	padding-bottom: 15px;
	border-bottom: 1px solid #F3F5F7
}
.excerpt-see .meta .fa {
	margin-right: 4px
}
.excerpt-see .meta a {
	color: #999;
	text-decoration: underline
}
.excerpt-see .meta a:hover {
	color: #61B3E6
}
.excerpt-see .article-content p {
	text-indent: 30px
}
.excerpt-see .article-content p:last-child {
	margin-bottom: 0
}
.excerpt-see .note {
	color: #666;
	margin-bottom: 0
}
.excerpt-see-index {
}
.excerpt-see-index h2 {
	font-size: 22px
}
.excerpt-see-index .meta {
	border-bottom: none;
	padding-bottom: 0
}
.excerpt-see-index .red {
	margin-left: -8px;
	color: #FF5E52
}
.excerpt-see-index .red:hover{
	color: #FF5E52
}
.article-header {
	margin-bottom: 20px;
	padding: 25px 0;
	border-bottom: 1px solid #F3F5F7;
	text-align: center
}
.article-title {
	margin-top: 0;
	font-size: 22px;
	line-height: 34px;
	font-weight: 500;
	color: #333;
}
.article-title a, .article-title a:hover {
	color: #555
}
.article-meta {
	font-size: 12px;
	color: #999
}
.article-meta .item {
	margin-right: 20px
}
.article-content {
	font-size: 16px;
	line-height: 30px;
	word-wrap: break-word;
        overflow:hidden;
    line-height: 30px;
}
.article-content b,.article-content strong{
font-weight: bold;
}
.article-content img {
	margin: 5px 0;
	max-width: 100%;
	height: auto
}
.article-content h2, .article-content h3, .article-content h4， .article-content h5 {
	padding: 10px 0;
	margin-bottom: 18px;
	color: #555;
	font-weight: bold
}
.article-content h2 {
	font-size: 18px;
	font-weight: bold;
	margin: 18px 0;
	border-bottom: 1px solid #F3F5F7
}
.article-content h3 {
	font-size: 16px
}
.article-content h4 {
	font-size: 15px
}
.article-content h5 {
	font-size: 14px
}
.article-content ul, .article-content ol {
	margin: 0 0 18px 46px
}
.article-content ul {
	list-style: disc
}
.article-content ol {
	list-style: decimal
}
.article-content li {
	margin-bottom: 6px
}
.article-content p {
	margin-bottom: 25px !important;
	word-wrap: break-word
}
.article-content pre {
	word-wrap: break-word
}
.article-content table {
	border-top: solid 1px #ddd;
	border-left: solid 1px #ddd;
	width: 100%;
	margin-bottom: 18px;
        width:100% !important;
}
.article-content table th {
	background-color: #f9f9f9;
	text-align: center
}
.article-content table td, .article-content table th {
	border-bottom: solid 1px #ddd;
	border-right: solid 1px #ddd;
	padding: 5px 10px
}
.article-content .alignnone {
	margin: 0 auto
}
.article-content .alignleft {
	float: left;
	text-align: left;
	margin-right: 10px
}
.article-content .aligncenter {
	margin: 0 auto;
	text-align: center;
	display: block
}
.article-content .alignright {
	float: right;
	text-align: right;
	margin-left: 10px
}
.article-content .wp-caption {
	margin-bottom: 18px;
	background-color: #f6f6f6;
	padding: 10px 10px 1px;
	max-width: 100%
}
.article-content .wp-caption img {
	margin: 0 0 5px
}
.article-content .wp-caption p {
	margin-bottom: 10px;
	text-indent: 0
}
.article-content .wp-caption.alignnone {
	text-align: center
}
.article-content .wp-caption:hover .wp-caption-text {
	color: #61B3E6
}
.article-content a {
	text-decoration: none;
}
.article-content a:hover {
	color: #ff6651
}
.article-content pre, .comment pre {
	margin: 20px 0;
	font: 12px/20px 'courier new';
	background: #272822;
	padding: 10px 15px;
	color: #F8F8D4;
	border: none
}
.article-content blockquote {
	margin: 30px 30px;
	padding: 15px 20px 1px;
	font-size: 16px;
	color: #999;
	border-left: 5px solid #EEE
}
.article-content blockquote p {
	margin: 0;
	padding: 0;
	margin-bottom: 10px
}
.post-copyright {
	background-color: #eee;
	padding-right: 30px;
	font-size: 12px;
	padding: 3px 0;
	border-radius: 3px;
	color: #aaa;
	text-align: center
}
.post-copyright a, .post-copyright a:hover {
	color: #aaa;
	text-decoration: none
}
.post-copyright:hover {
	background-color: #f5801e;
	color: #fff
}
.post-copyright:hover a {
	color: #fff
}
.ads-post-footer b {
	font-weight: normal;
	color: #41C282
}
.ads-post-footer strong {
	font-weight: normal;
	color: #FD6A5E
}
.ads-post-footer a {
	text-decoration: none;
	border-bottom: solid 2px #eee
}
.ads-post-footer a:hover {
	border-bottom-color: #1FAEFF
}
.pads {
	overflow: hidden;
	padding: 0;
	margin: 0 -2% 10px 0
}
.pads li {
	width: 23%;
	display: inline-block;
	vertical-align: top;
	margin-bottom: 20px;
	margin-right: 2%
}
.pads img {
	max-width: 100%;
	margin-bottom: 5px
}
.pads h4 {
	font-weight: bold;
	font-size: 14px;
	line-height: 18px;
	color: #666;
	margin: 0
}
.pads time {
	color: #fff;
	background-color: #FF5E52;
	display: inline-block;
	padding: 2px 5px;
	font-size: 12px;
	position: absolute;
	top: 0;
	left: 0
}
.pads a {
	display: block;
	position: relative
}
.pads a:hover h4 {
	color: #FF5E52
}
.pads a:hover time {
	color: #fff
}
.article-tags {
	margin: 30px 0;
	text-align: left
}
.article-tags a {
	display: inline-block;
	padding: 4px 7px 3px;
	margin: 0 4px 4px 0;
	color: #fff;
	font-size: 12px;
	background-color: #0c7df5;
	opacity: 0.85;
	filter: alpha(opacity=85)
}
.article-tags a:hover {
	color: #fff;
	opacity: 1;
	filter: alpha(opacity=100)
}
.tag-clouds {
	overflow: hidden
}
.tag-clouds a {
	display: inline-block;
	margin: 0 10px 10px 0;
	color: #999;
	background-color: #eee;
	padding: 5px 10px;
	font-size: 12px;
	border-radius: 2px
}
.tag-clouds a small {
	margin-left: 5px
}
.tag-clouds a:hover {
	color: #fff;
	background-color: #4DAAE6
}
.article-nav {
	overflow: hidden;
	margin-bottom: 30px;
	font-size: 14px;
	color: #bbb
}
.article-nav span {
	float: left;
	position: relative;
	width: 50%
}
.article-nav span.article-nav-next {
	float: right;
	text-align: right
}
.article-nav span.article-nav-next::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	display: block;
	width: 1px;
	background-color: #eee
}
.article-nav a {
	color: #999;
	margin-right: 10px;
	display: inline-block
}
.article-nav span.article-nav-next a {
	margin-left: 10px;
	margin-right: 0
}
.article-nav a:hover {
	color: #61B3E6
}
.relates {
	overflow: hidden; margin-left:20px;
}
.relates ul {
	list-style: disc;
	margin-left: 18px;
	color: #bbb;
	margin-bottom: 30px;
	padding-top: 5px
}
.relates li {
	margin-top: 12px
}
.relates a {
	color: #454545
}
.relates a:hover {
	color: #0c7df5;
}
.action-share {
	margin-bottom: 30px;
	text-align: left;
	padding-top: 20px
}
#respond {
	padding-bottom: 25px
}
#respond, #postcomments {
	position: relative
}
.comment {
	position: relative
}
.comment #respond {
	padding: 10px 0 15px 46px
}
.comment #commentform {
	margin-bottom: 0
}
.commentnew .comt-m {
	margin-bottom: 5px
}
.commentlist {
	padding: 0;
	list-style: none;
	margin: 0
}
.comt-avatar {
	width: 36px;
	height: 36px;
	background-color: #FFF;
	float: left;
	display: inline;
	position: relative;
	margin-top: 19px
}
.comt-avatar .avatar {
	display: block;
	border-radius: 50%;
	width: 36px;
	height: 36px
}
.comt-main {
	margin-left: 46px;
	margin-right: 60px;
	color: #888;
	line-height: 22px;
	position: relative;
	font-size: 14px;
	padding: 0 0 15px;
	word-wrap: break-word;
	max-height: 300px;
	overflow: hidden
}
.comt-main p {
	margin-top: 15px;
	margin-bottom: 0
}
.comt-author {
	margin-right: 5px
}
.url {
	color: #60c4fd
}
.url:hover {
	color: #1faeff;
	text-decoration: underline
}
.comt-meta {
	font-size: 12px;
	color: #bbb
}
.comment-reply-link {
	font-size: 12px;
	color: #bbb;
	display: none
}
.comment:hover>.comt-main .comment-reply-link {
	display: inline-block;
	margin-left: 5px
}
.comment pre {
	margin: 3px 0 5px;
	padding: 7px 10px;
	border-radius: 1px
}
.depth-1 {
	border-bottom: #eee 1px solid
}
.comment .children {
	list-style: none;
	padding: 0
}
.comment .children .comment {
	margin: 0;
	border-top: 1px solid #eee
}
.commentlist > .comment .children {
	margin-left: 46px
}
.comt-f {
	position: absolute;
	top: 15px;
	right: 0;
	font-size: 16px;
	color: #ccc
}
.comment:hover .comt-f {
	color: #666
}
.comt-approved {
	border-radius: 2px;
	font-size: 12px;
	background-color: #eee;
	color: #999;
	display: inline-block;
	padding: 1px 5px 0;
	margin-top: 4px;
	line-height: 20px;
	margin-left: 5px
}
.wp-smiley {
	margin-bottom: 2px
}
.sidebarfix .comt-main {
	padding: 6px 0 4px;
	line-height: 20px;
	font-size: 12px
}
.sidebarfix .depth-1 {
	border-bottom-color: #eee
}
.sidebarfix .comment .children .comment {
	border-top-color: #eee
}
#comments {
	margin-bottom: 15px;
	font-size: 16px
}
#comments b {
	font-weight: normal;
	color: #ff5e52
}
#comments .pull-right {
	font-size: 12px;
	position: relative;
	top: 5px
}
#commentform {
	margin-bottom: 5px
}
.comt-count {
	float: right;
	color: #999;
	margin-bottom: 5px
}
.comt {
	position: relative;
	padding-left: 46px
}
.comt-title {
	font-size: 12px;
	color: #999;
	float: left;
	margin-left: -46px;
	width: 36px;
	text-align: center
}
.comt-title .avatar {
	height: 36px;
	width: 36px;
	border-radius: 50%;
	margin-bottom: 5px
}
.comt-title p {
	margin-bottom: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}
.comt-box {
	border: 2px solid #ccd4d9;
	border-radius: 2px;
	padding: 4px 0 0 4px;
	background-color: #fff;
	position: relative
}
.comt-ctrl {
	background-color: #fbfbfb;
	height: 36px;
	margin-left: -4px;
	border-top: solid 1px #f2f2f2
}
#submit {
	position: absolute;
	right: -2px;
	bottom: -2px;
	background: #45B6F7;
	border: none;
	border: 2px solid #45B6F7;
	border-left: none;
	border-top: none;
	padding: 0px;
	width: 100px;
	height: 38px;
	color: #fff;
	outline: 0;
	border-radius: 0 0 2px 0;
	font-size: 16px
}
#comment {
	width: 100%;
	resize: none;
	overflow-x: hidden;
	overflow-y: auto;
	border: none;
	line-height: 22px;
	font-size: 14px;
	outline: 0;
	color: #666;
	height: 68px
}
.hide {
	display: none
}
.comt-tips {
	text-align: center;
	margin-right: 110px;
	line-height: 116px;
	font-size: 18px;
	color: #fff
}
.comt-tip {
	position: absolute;
	top: -2px;
	left: -2px;
	background: #7AD071;
	right: -2px;
	z-index: 2;
	bottom: -2px;
	border-radius: 2px
}
.comt-error {
	background: #FF5E52
}
.comt-comterinfo {
	padding: 15px 0;
	text-align: center
}
.comt-comterinfo ul {
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: left;
	display: inline-block
}
.comt-comterinfo li {
	margin-bottom: 5px
}
.comt-comterinfo input {
	margin-right: 10px;
	position: relative;
 *bottom: -3px;
	border: 2px solid #CCD4D9;
	border-radius: 2px;
	height: 34px;
	padding: 3px 5px;
	outline: none;
	width: 220px;
	box-shadow: none;
 *height: 20px
}
#cancel-comment-reply-link {
	display: none;
	font-size: 12px;
	text-align: center;
	margin-top: 7px;
	color: #999
}
#cancel-comment-reply-link:hover {
	color: #FF5E52
}
.comment #cancel-comment-reply-link {
	display: block
}
.comment-signarea {
	background-color: #F6F6F6;
	border-radius: 7px;
	padding: 30px 20px;
	text-align: center;
	margin-bottom: 20px
}
.comment-signarea h3 {
	margin: 0;
	padding: 0;
	margin-bottom: 15px;
	font-weight: normal;
	font-size: 18px
}
.comment-signarea .auth {
	margin: 0 5px
}
.rollbar {
	position: fixed;
	right: 20px;
	bottom: 20px;
	z-index: 999;
	display: none
}
.rollbar ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 50px
}
.rollbar li {
	position: relative;
	margin-top: 5px;
	text-align: center;
	opacity: .4;
	filter: alpha(opacity=40)
}
.rollbar a {
	position: relative;
	z-index: 2;
	display: block;
	height: 50px;
	border-radius: 2px;
	background-color: #666;
	color: #fff
}
.rollbar a:hover {
	color: #fff
}
.rollbar .fa {
	line-height: 50px;
	font-size: 34px
}
.rollbar .fa-comments {
	font-size: 24px
}
.rollbar li:hover, .rollbar li:hover h6 {
	opacity: .9;
	filter: alpha(opacity=90)
}
.rollbar li:hover h6 {
	right: 100%
}
.rollbar h6 {
	position: absolute;
	z-index: 1;
	top: 50%;
	right: -15%;
	margin: -13px 10px 0 0;
	line-height: 26px;
	font-size: 12px;
	background-color: #666;
	color: #fff;
	width: 53px;
	border-radius: 2px;
	text-align: center;
	opacity: 0;
	filter: alpha(opacity=0)
}
.rollbar h6 i {
	position: absolute;
	right: -4px;
	top: 50%;
	margin-top: -4px;
	display: inline-block;
	width: 0;
	height: 0;
	vertical-align: middle;
	border-left: 4px solid #666;
	border-top: 4px solid rgba(0,0,0,0);
	border-bottom: 4px solid rgba(0,0,0,0)
}
.f404 {
	text-align: center;
	margin: 100px 0
}
.f404 h1 {
	font-size: 60px;
	margin: 40px 0 20px
}
.f404 h2 {
	font-size: 16px;
	margin-bottom: 20px
}
.pagination {
	margin: 0;
	padding: 26px;
	text-align: center;
	font-size: 12px;
	display: block
}
.pagination ul {
	display: inline-block;
 *display: inline;
 *zoom: 1;
	margin-left: 0;
	margin-bottom: 0;
	padding: 0
}
.pagination ul > li {
	display: inline
}
.pagination ul > li > a, .pagination ul > li > span {
	margin: 0 2px;
	float: left;
	padding: 0;
	background-color: #ddd;
	color: #666;
	border-radius: 2px;
	opacity: .88
}
.pagination ul > li > a:hover, .pagination ul > li > a:focus {
	opacity: 1
}
.pagination ul > .active > a, .pagination ul > .active > span {
	background-color: #FF5E52;
	color: #fff
}
.pagination ul > .active > a, .pagination ul > .active > span {
	cursor: default
}
.pagination ul > li > span, .pagination ul > .disabled > span, .pagination ul > .disabled > a, .pagination ul > .disabled > a:hover, .pagination ul > .disabled > a:focus {
	color: #999999;
	background-color: transparent;
	cursor: default
}
.pagination ul > li {
	margin: 2px;
	float: left;
	padding: 10px 20px;
	background-color: #ddd;
	color: #666;
	border-radius: 4px;
	opacity: .88
}
.pagination ul > li > a {
	margin: 0;
	padding: 0
}
.pagination ul > li select {
	border: none
}
.pagination ul > .thisclass > a, .pagination ul > .thisclass {
	background-color: #61B3E6;
	color: #fff
}
.pagination ul > .thisclass > a, .pagination ul > .thisclass {
	cursor: default
}
.pagination_tag .pageinfo {
	line-height: 30px;
	padding: 0 10px
}
.pagenav {
	overflow: hidden;
	text-align: center;
	padding: 20px
}
.pagenav a, .pagenav .current, .pagenav .page-numbers {
	padding: 6px 12px 5px;
	color: #666;
	display: inline-block;
	border-radius: 3px;
	background-color: #eee;
	margin: 0 1px;
	font-size: 12px
}
.pagenav .current {
	background-color: #61B3E6;
	color: #fff
}
.pagenav a:hover {
	background-color: #ccc;
	color: #444
}
.widget {
	clear: both;
	position: relative;
	margin-bottom: 15px;
	background-color: #fff;
	border: 1px solid #eaeaea;
	overflow: hidden
}
.widget h3 {
	font-size: 18px;
	color: #000;
	border-bottom: 1px solid #eaeaea;
	background-color: #fbfbfb;
	margin: 0;
	padding: 11px 15px 10px
}
.widget.affix {
	position: fixed;
	width: 360px
}
.widget .title strong {
	border-bottom-color: transparent
}
.widget .title .btn {
	position: absolute;
	top: 5px;
	right: 10px;
	font-weight: normal;
	padding: 2px 7px 1px
}
.widget-tops {
	height: 200px
}
.widget-nav {
	background-color: #fbfbfb;
	line-height: 36px;
	height: 36px;
	border-bottom: 1px solid #F3F5F7
}
.widget-nav li {
	float: left;
	width: 25%;
	text-align: center;
	color: #999;
	border-right: 1px solid #F3F5F7;
	cursor: pointer
}
.widget-nav li.active {
	background-color: #fff;
	color: #666;
	font-weight: bold;
	cursor: default
}
.widget-nav li:last-child {
	border: none
}
.widget-navcontent {
	clear: both;
	position: relative
}
.widget-navcontent .item {
	padding: 15px;
	width: 100%;
	position: absolute;
	left: 100%;
	opacity: 0
}
.widget-navcontent .item.active {
	left: 0;
	opacity: 1
}
.widget-navcontent .item-01 li {
	margin-bottom: 12px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 12px
}
.widget-navcontent .item-01 time {
	float: right;
	color: #bbb;
	margin-left: 10px
}
.widget-navcontent .item-01 li:first-child a {
	font-weight: bold
}
.widget-navcontent .item-02 dl {
	padding-left: 60px;
	overflow: hidden;
	margin-bottom: 20px
}
.widget-navcontent .item-02 dt {
	float: left;
	margin-left: -60px
}
.widget-navcontent .item-02 dd {
	padding-top: 6px
}
.widget-navcontent .item-02 .avatar {
	border: 2px solid #e6e6e6;
	border-radius: 2px
}
.widget-navcontent .item-02 ul {
	overflow: hidden;
	font-size: 12px;
	padding-left: 16px;
	list-style: disc;
	color: #999
}
.widget-navcontent .item-02 li {
	float: left;
	width: 50%;
	margin-bottom: 10px
}
.widget-navcontent .item-02 p {
	text-align: center
}
.widget-navcontent .item-02 h4 {
	text-align: center;
	font-size: 20px;
	line-height: 20px;
	margin: 25px 0
}
.widget-navcontent .item-03 {
	text-align: center
}
.widget-navcontent .item-03 h2 {
	font-size: 20px;
	line-height: 32px;
	margin: 10px 0
}
.widget-navcontent .item-03 strong {
	font-weight: normal;
	color: #FF5E52
}
.widget-navcontent .item-04 {
	text-align: center
}
.widget-navcontent .item-04 h2 {
	font-size: 20px;
	line-height: 32px;
	margin: 10px 0
}
.widget ul {
 *zoom: 1;
	list-style: none;
	padding: 0;
	margin: 0
}
.widget ul ul {
	border: none
}
.widget ul:before, .widget ul:after {
	display: table;
	content: "";
	line-height: 0
}
.widget ul:after {
	clear: both
}
.widget-notip h3 {
	margin-bottom: 13px
}
.widget_views li, .widget_rss li, .widget_recent_entries li {
	border-bottom: solid 1px #eee;
	padding: 8px 15px;
	font-size: 14px
}
.widget_links ul {
	padding: 10px 0 5px;
	color: #999;
	font-size: 12px
}
.widget_links li {
	width: 50%;
	float: left;
	padding: 0;
	border-bottom: none;
	margin-bottom: 8px;
	line-height: 20px;
	height: 20px;
	overflow: hidden
}
.widget_links li a {
	color: #777;
	margin: 0 10px
}
.widget_links li a:hover {
	color: #61B3E6
}
.widget_pages ul {
	padding: 10px 15px 5px;
	overflow: hidden
}
.widget_pages li {
	float: left;
	width: 50%;
	margin-bottom: 5px
}
.widget_recent_entries span {
	display: block;
	font-size: 12px;
	color: #999;
	margin-top: 2px
}
.widget_calendar {
	overflow: hidden
}
#calendar_wrap {
	margin: 0 0 10px
}
.widget_calendar table {
	width: 100%;
	text-align: center
}
.widget_calendar table caption {
	padding: 10px 0 5px;
	font-size: 15px
}
.widget_calendar table #prev a, .widget_calendar table #next a {
	display: block;
	padding: 0 10px
}
.widget_calendar table #prev {
	text-align: left
}
.widget_calendar table #next {
	text-align: right
}
.widget_calendar table tbody td, .widget_calendar table tfoot td, .widget_calendar table thead th {
	padding: 5px 3px;
	border: 1px solid #eee
}
.widget_calendar table thead th {
	background-color: #fbfbfb
}
.widget_calendar table tbody td a {
	display: block;
	margin: 0 3px;
	background-color: #428BCA;
	color: #fff
}
.widget_calendar table tbody td a:hover {
	background-color: #357EBD
}
.widget_categories {
}
.widget_categories ul {
	overflow: hidden;
	padding: 10px 0 5px;
	color: #bbb
}
.widget_categories li {
	float: left;
	width: 50%;
	margin-bottom: 5px
}
.widget_categories li a {
	margin: 0 10px;
	color: #777
}
.widget_categories li a:hover {
	color: #61B3E6
}
.widget_categories li ul {
	padding: 0 0 0 15px
}
.widget_categories li li {
	float: none;
	width: auto
}
.widget_nav_menu ul {
	padding: 10px 15px 5px;
	color: #999
}
.widget_nav_menu ul li {
	margin-bottom: 8px
}
.widget_rss ul {
	color: #999
}
.widget_meta ul {
	padding: 10px
}
.widget_meta ul li {
	margin-bottom: 5px
}
.widget_ui_ads {
}
.widget_ui_ads img {
	display: block
}
.widget_ui_ads .item {
	position: relative;
	overflow: hidden
}
.widget_ui_ads .sell {
	display: block;
	border: solid 1px #eaeaea;
	color: #999;
	text-align: center;
	height: 123px;
	line-height: 123px;
	font-weight: bold
}
.widget_ui_ads .sell:hover {
	border-color: #bbb;
	color: #777777
}
.widget_ui_readers ul {
	padding: 10px 0 15px 15px
}
.widget_ui_readers li {
	width: 36px;
	height: 36px;
	float: left;
	margin: 6px 6px 0 0
}
.widget_ui_readers li a {
	display: block
}
.widget_ui_readers li a, .widget_ui_readers li a:hover {
	color: #fff
}
.widget_ui_readers li:hover {
	z-index: 20
}
.widget_ui_readers li:hover .avatar-popup {
	display: block
}
.widget_ui_readers .avatar {
	width: 100%;
	height: 100%
}
.widget_ui_comments ul a {
	padding: 10px 15px 10px 61px;
	display: block;
	border-bottom: 1px solid #eee;
	overflow: hidden;
	position: relative;
	font-size: 12px;
	color: #999;
	line-height: 20px
}
.widget_ui_comments ul li:last-child a {
	border-bottom: none
}
.widget_ui_comments ul a:hover {
	color: #999;
	background-color: #fbfbfb
}
.widget_ui_comments strong {
	color: #61B3E6
}
.widget_ui_comments .avatar {
	float: left;
	width: 36px;
	height: 36px;
	margin: 3px 0 0 -46px;
	border-radius: 50%
}
.widget_ui_textads {
	border: none;
	border-radius: 0
}
.widget_ui_textads a {
	display: block;
	padding: 0 15px 15px;
	border: 1px solid #F3F5F7;
	background-color: #fff;
	font-size: 12px;
	border-radius: 4px
}
.widget_ui_textads a h2 {
	font-size: 20px;
	font-weight: normal;
	margin-top: 14px
}
.widget_ui_textads a p {
	color: #999;
	margin-bottom: 0
}
.widget_ui_textads a strong {
	margin: -1px 0 0 0;
	display: inline-block;
	padding: 4px 15px;
	color: #fff;
	font-size: 14px;
	font-weight: normal
}
.widget_ui_textads a:hover {
}
.widget_ui_textads a.style01 {
	color: #428BCA
}
.widget_ui_textads a.style01:hover {
	border-color: #428BCA
}
.widget_ui_textads a.style01 strong {
	background-color: #428BCA
}
.widget_ui_textads a.style02 {
	color: #FF5E52
}
.widget_ui_textads a.style02:hover {
	border-color: #FF5E52
}
.widget_ui_textads a.style02 strong {
	background-color: #FF5E52
}
.widget_ui_textads a.style03 {
	color: #5CB85C
}
.widget_ui_textads a.style03:hover {
	border-color: #5CB85C
}
.widget_ui_textads a.style03 strong {
	background-color: #5CB85C
}
.widget_ui_textads a.style04 {
	color: #C35BFF
}
.widget_ui_textads a.style04:hover {
	border-color: #C35BFF
}
.widget_ui_textads a.style04 strong {
	background-color: #C35BFF
}
.widget_ui_textads a.style05 {
	color: #61B3E6
}
.widget_ui_textads a.style05:hover {
	border-color: #61B3E6
}
.widget_ui_textads a.style05 strong {
	background-color: #61B3E6
}
.widget_ui_tags .items {
	overflow: hidden;
	padding: 15px 0 12px 15px
}
.widget_ui_tags .items a {
	color: #999;
	background-color: #f6f6f6;
	float: left;
	width: 31.3333%;
	margin: 0 1% 1% 0;
	padding: 0 8px;
	font-size: 12px;
	height: 29px;
	line-height: 29px;
	overflow: hidden
}
.widget_ui_tags .items a:hover {
	color: #fff;
	background-color: #0c7df5
}
.widget_ui_posts li:last-child a {
	border-bottom: none
}
.widget_ui_posts li a {
	padding: 12px 15px 11px 105px;
	color: #888;
	border-bottom: solid 1px #eee;
	overflow: hidden;
	position: relative;
	display: block;
	font-size: 14px
}
.widget_ui_posts li a:hover {
	background-color: #fbfbfb
}
.widget_ui_posts li a:hover .text {
	color: #0c7df5
}
.widget_ui_posts .text {
	display: block;
	color: #38485a
}
.widget_ui_posts .thumbnail {
	float: left;
	margin-left: -90px
}
.widget_ui_posts .thumbnail img {
	width: 80px;
	height: 60px
}
.widget_ui_posts .muted {
	margin-right: 15px;
	font-size: 12px;
	color: #bbb
}
.widget_ui_posts .nopic li a {
	padding: 10px 15px
}
.widget_ui_posts .nopic .text {
	margin-top: 0;
	color: #888
}
.widget_ui_posts .nopic .text:hover {
	color: #61B3E6
}
.widget_meta .widget_tit {
	margin: 0 0 10px
}
.widget_meta ul {
	line-height: 24px
}
.widget_meta ul a {
	color: #777
}
.widget_meta ul a:hover {
	color: #61B3E6
}
.widget_archive ul {
	padding: 10px 0 5px;
	font-size: 12px;
	overflow: hidden;
	color: #999
}
.widget_archive li {
	width: 50%;
	float: left;
	margin-bottom: 5px
}
.widget_archive li a {
	margin: 0 10px
}
.widget_archive select, .widget_categories select {
	margin-top: 10px;
	width: 91%;
	margin-left: 15px;
	height: 32px;
	line-height: 32px;
	padding: 2px
}
.tagcloud {
	padding: 5px 0 10px 10px;
	border: 1px solid #e6e6e6
}
.tagcloud a {
	display: inline-block;
	margin: 7px 7px 0 0;
	color: #777
}
.tagcloud a:hover {
	color: #61B3E6
}
.textwidget {
	padding: 10px;
	color: #777
}
.textwidget a {
	color: #777
}
.textwidget a:hover {
	color: #61B3E6
}
.sign {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 999;
	-webkit-perspective: 500px;
	-moz-perspective: 500px;
	-ms-perspective: 500px;
	-o-perspective: 500px;
	perspective: 500px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	opacity: 0.0;
	visibility: hidden;
	overflow: auto
}
.sign-mask {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: #313B43;
	opacity: 0.90;
	filter: alpha(opacity=90)
}
.sign .container {
	background-color: #e7ebef;
	width: 400px;
	position: absolute;
	height: 360px;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 9;
	margin: auto;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	-webkit-transform: rotateX(-20deg) translateZ(200px) translateY(20%);
	-moz-transform: rotateX(-20deg) translateZ(200px) translateY(20%);
	-ms-transform: rotateX(-20deg) translateZ(200px) translateY(20%);
	-o-transform: rotateX(-20deg) translateZ(200px) translateY(20%);
	transform: rotateX(-20deg) translateZ(200px) translateY(20%)
}
.sign .close-link {
	color: #fff;
	position: absolute;
	left: 100%;
	top: 0;
	padding: 22px 0;
	font-size: 18px;
	background-color: #61B3E6;
	display: block;
	opacity: 0.85;
	filter: alpha(opacity=85);
	width: 70px;
	text-align: center
}
.sign .close-link:hover {
	color: #fff;
	opacity: 1;
	filter: alpha(opacity=100)
}
.sign form {
	padding: 0 50px
}
.sign h3 {
	margin: 0 -50px 20px;
	background-color: #fff;
	padding: 25px 50px;
	font-size: 18px;
	color: #61B3E6
}
.sign h3 small {
	float: right;
	cursor: pointer;
	color: #bbb;
	font-size: 14px;
	margin-top: 4px
}
.sign h6 {
	margin-bottom: 15px
}
.sign .sign-submit .btn {
	float: right
}
.sign .sign-submit label {
	margin-top: 8px;
	font-weight: normal;
	font-size: 12px
}
.sign .sign-submit label input {
	position: relative;
	top: 2px;
	margin-right: 4px
}
.sign-tips {
	position: absolute;
	bottom: 0;
	background-color: #FD6E6E;
	left: 0;
	right: 0;
	height: 0;
	line-height: 29px;
	padding: 0 50px;
	color: #fff;
	font-size: 12px;
	overflow: hidden
}
.sign-show .sign {
	opacity: 1.0;
	visibility: visible
}
.sign-show .sign .container {
	-webkit-transform: rotateX(-0deg) translateZ(0) translateY(0%);
	-moz-transform: rotateX(-0deg) translateZ(0) translateY(0%);
	-ms-transform: rotateX(-0deg) translateZ(0) translateY(0%);
	-o-transform: rotateX(-0deg) translateZ(0) translateY(0%);
	transform: rotateX(-0deg) translateZ(0) translateY(0%)
}
body.sign-show {
	height: 100%;
	width: 100%;
	overflow: hidden
}
.footer {
	padding: 20px 30px;
	font-size: 12px;
	line-height: 12px;
	text-align: center;
	color: #fff;
	background-color: #0063C8
}
.footer a {
	color: #fff
}
.footer a:hover {
	color: #666
}
.footer-menu {
	text-align: left;
	margin: 0 -2% 30px 0;
	padding-bottom: 30px;
	border-bottom: 1px solid #494949
}
.footer-menu dl {
	width: 14.666666666%;
	margin: 0 2% 0 0;
	display: inline-block;
	vertical-align: top
}
.footer-menu dt {
	font-size: 18px;
	font-weight: normal;
	margin-bottom: 10px;
	height: 25px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}
.footer-menu dd a {
	display: block;
	line-height: 20px;
	padding: 0 5px 0 24px;
	margin: 5px 0
}
.footer-menu .fa-weibo, .footer-menu .fa-tencent-weibo, .footer-menu .fa-envelope-o, .footer-menu .fa-rss {
	width: 12px;
	text-align: center
}

.footmenu{padding:30px 0 0 0; text-align:left; line-height:30px;}
.footmenu a{font-size:16px; color:#FFFFFF;}
.footmenu a:hover{color:#ccc;}
.footmenu span{padding:0 10px 0 10px; font-size:16px; color:#FFFFFF;}

/*手机端头部*/

.xymob-head {
    position: fixed;
    top: 0;
    z-index: 999999;
    left: 0;
    right: 0;
    background: #0063C8;
}

.xymob-head-box {
    position: relative;
    height: 54px;
}

.xymob-head-box .xymob-logo {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    width: 70%;
    height: 40px;
    text-align: center;
}

.xymob-head-box .xymob-logo h1,
.xymob-head-box .xymob-logo a {
    display: inline;
    font-size: 0;
}

.xymob-head-box .xymob-logo img {
    height: 35px;
}

.xymob-navbtn {
    position: absolute;
    z-index: 9;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto 0 auto 27px;
    width: 30px;
    height: 20px; cursor:pointer;
}

.xymob-navbtn span,
.xymob-navbtn:after,
.xymob-navbtn:before {
    display: block;
    height: 2px;
    width: 100%;
    background: #fff;
    -webkit-transition: all .5s;
    transition: all .5s;
}

.xymob-navbtn span {
    margin: 7px 0;
}

.xymob-navbtn:after,
.xymob-navbtn:before {
    content: '';
    -webkit-transform-origin: 7.5%;
    transform-origin: 7.5%;
}

.xymob-navbtn.clicked span {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    opacity: 0;
}

.xymob-navbtn.clicked:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.xymob-navbtn.clicked:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.xymob-search-btn {
    position: absolute;
    z-index: 9;
    right: 0;
    top: 0;
    bottom: 0;
    width: 14%;
    text-align: center;
    line-height: 60px;
}

.xymob-search-btn .icon-font {
    display: block;
    width: 100%;
    height: 100%; cursor:pointer;
}

.xymob-search-btn .icon-font:after {
    background-position: -30px -210px;
}

.xymob-menu {
    display: none;
    position: absolute;
    z-index: 9999;
    left: 0;
    right: 0;
    height: 100vh;
    background: #151515;
    padding: 0 10%;
}

.xymob-menu .xymob-menu-box {
    height: 100vh;
    overflow: auto;
    padding-bottom: 80px;
}

.xymob-nav>li {
    border-bottom: 1px solid #2b2b2b;
    position: relative;
}

.xymob-nav>li>a {
    display: block;
    line-height: 50px;
    font-size: 16px;
    color: #ffffff;
}

.xymob-nav .xymob-menu-jt {
    position: absolute;
    width: 20%;
    height: 50px;
    line-height: 50px;
    right: 0;
    top: 0;
    text-align: center;
    z-index: 9;
}

.xymob-nav .xymob-menu-jt .icon-font {
    display: block;
    width: 100%;
    height: 100%;
}

.xymob-nav .xymob-menu-jt .icon-font:after {
    background-position: -30px -240px;
}

.xymob-nav .xymob-menu-jt.clicked .icon-font:after {
    background-position: -30px -270px;
}

.xymob-nav .xymob-sub-menu {
    background: #1E1E1E;
    display: none;
}

.xymob-nav .xymob-sub-menu>li {
    border-top: 1px dashed #2b2b2b;
}

.xymob-nav .xymob-sub-menu>li>a {
    display: block;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.8);
    line-height: 40px;
    text-indent: 2em;
}

.xymob-dlbtn {
    margin-top: 40px;
}

.xymob-dlbtn a {
    text-align: center;
    display: block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    background: #292e39;
    color: #fff;
    font-size: 16px;
    border-radius: 5px;
}

.xymob-dlbtn a i {
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 30px;
    margin-right: 5px;
}

.xymob-dlbtn a .icon-dl:after {
    background-position: -30px -540px;
}

.xymob-dlbtn a .icon-pn:after {
    background-position: -30px -600px;
}

.xymob-dlbtn a .icon-tc:after {
    background-position: -30px -570px;
}

.xymob-dlbtn .zx-btn {
    margin-top: 10px;
    background: none;
    border: 1px solid #fff;
}

.xymob-search {
    position: fixed;
    z-index: 99999;
    width: 100%;
    background: #151515;
    padding: 15px 15% 0 15%;
    -webkit-transition: all .5s;
    transition: all .5s; display:none;
}

.xymob-search .xymob-search-close-btn {
    position: absolute;
    top: 27px;
    left: 30px;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
}
.icon-font:after {
    content: "";
    width: 30px;
    height: 30px;
    background-image: url(../img/icon_spirit.png);
    background-repeat: no-repeat;
    position: absolute;
    left: calc(50% - 15px);
    top: calc(50% - 15px);
}

.links {
	text-align: left;
	line-height: 26px
}
.links strong {
	float: left;
	text-align: left;
	color: #9fa3a7;
	font-size: 15px;
	font-weight: bold
}
.links ul {
	height: auto
}
.links ul li {
	float: left;
	margin-right: 13px;
	display: inline
}
.links ul li a {
	color: #9fa3a7
}
.links ul li a:hover {
	color: #61B3E6
}
.top_box {
	height: auto;
	overflow: hidden;
	padding: 15px 20px
}
.top_box ul {
	height: auto;
	overflow: hidden
}
.top_box ul li {
	float: left;
	width: 48.5%;
	height: 110px;
	overflow: hidden;
	margin: 10px 0
}
.top_box ul li .thum {
	float: left;
	width: 160px;
	height: 110px;
	overflow: hidden;
	margin-right: 15px
}
.top_box ul li h4 {
	font-size: 15px;
	color: #272322;
	overflow: hidden;
	margin: 0;
	line-height: 20px
}
.top_box ul li h4 a {
	font-size: 16px;
	color: #333;
	font-weight: 500;
}
.top_box ul li h4 a:hover {
	color: #0c7df5
}
.top_box ul li p {
	font-size: 12px;
	color: #888;
	line-height: 19px;
	margin-top: 12px;
	overflow: hidden;
	margin-bottom: 0
}
.top_box ul li .thum img {
	width: 160px;
	height: 110px;
	overflow: hidden;
	transition: all 1s ease 0s
}
.top_box ul li .thum img:hover {
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2)
}
.top_box ul li:nth-child(2), .top_box ul li:nth-child(4) {
	float: right
}
.all_banner {
	height: auto;
	overflow: hidden;
	margin-bottom: 20px;
	background: #fff;
	text-align: center
}
.article_hot_box {
	float: left;
	width: 46%;
	height: auto;
	overflow: hidden;
	margin-bottom: 15px;
	margin-right: 35px
}
.article_hot_box dl {
	width: 100%;
	height: auto;
	overflow: hidden
}
.article_hot_box dl dt {
	position: relative;
	display: inline-table;
	width: 47.3%;
	overflow: hidden;
	margin: 2% 1%
}
.article_hot_box dl dt a {
	display: block
}
.article_hot_box dl dt img {
	width: 100%;
	height: 120px;
	overflow: hidden;
	transition: all 1s ease 0s
}
.article_hot_box dl dt img:hover {
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2)
}
.article_hot_box dl dt span {
	display: block;
	width: 100%;
	height: auto;
	font-weight: normal;
	overflow: hidden;
	bottom: 0;
	left: 0;
	position: absolute;
	background-image: url("../img/seach_bg.png");
	background-position: 0 0;
	background-repeat: repeat;
	padding: 3% 5%;
	color: #fff
}
.article_hot_box dl dt span:hover {
	color: #61B3E6
}
.container-page {
	padding-left: 215px
}
.container-page .article-header {
	padding: 0 0 10px
}
.container-page .content {
	margin-right: 0;
	padding: 20px;
	border: 1px solid #F3F5F7;
	background-color: #fff;
	border-radius: 4px
}
.container-no-sidebar .content {
	margin-right: 0;
	padding: 20px;
	border: 1px solid #F3F5F7;
	background-color: #fff;
	border-radius: 4px
}
.pageside {
	position: absolute;
	top: 0;
	left: 0;
	width: 200px
}
.pagemenu {
	list-style: none;
	margin: 0 0 15px;
	padding: 0;
	border: 1px solid #F3F5F7;
	background-color: #fff;
	border-radius: 4px;
	overflow: hidden
}
.pagemenu li a {
	display: block;
	padding: 12px 20px;
	font-size: 16px;
	color: #999;
	border-bottom: 1px solid #eee;
	background-color: #fff
}
.pagemenu li a:hover {
	color: #666
}
.pagemenu li.active a {
	color: #fff;
	background-color: #61B3E6;
	margin: 0 -1px
}
.pagemenu li:last-child a {
	border-bottom: none
}
.pagemenu li .glyphicon {
	font-size: 14px
}
.pagemenu h4 {
	margin: 0
}
.pagemenu h4 a {
	color: #666;
	background-color: #F9F9F9;
	padding-top: 15px;
	cursor: default;
	border-bottom-color: #e6e6e6
}
.pageheader {
	overflow: hidden;
	background-image: url(../img/top_bg.jpg);
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-size: cover;
	-moz-background-size: cover;
	padding: 35px 0;
	margin-bottom: 15px;
	color: #dfdfdf;
	text-align: center
}
.pageheader h1 {
	font-size: 21px;
	margin: 0
}
.pageheader h1 small {
	color: #fff;
	font-size: 12px;
	margin-left: 10px;
	position: relative;
	top: -4px
}
.pageheader .note {
	margin-top: 5px;
	color: #dfdfdf
}
.pageheader p {
	margin-bottom: 0
}
.pageheader .share {
	float: right;
	height: 28px;
	margin: 17px 0 0;
	color: #fff
}
.pageheader .share a {
	width: 28px;
	height: 28px;
	background-color: #FFF;
	border: solid 2px #FFF;
	border-radius: 4px;
	opacity: .9;
	top: 0;
	display: inline-block;
	margin-right: 5px;
	margin-bottom: -8px;
	position: relative
}
.pageheader .share .bds_count {
	border-left-color: #fff
}
.pageheader-mini {
	padding: 15px 0 13px
}
.pageheader-mini h1 {
	font-size: 18px
}
.pageheader-mini .share {
	margin: -5px 0
}
.page-template-pagesthemes-php .pageheader {
	margin-top: -15px
}
#themes .item {
	background-color: #fff;
	margin-bottom: 15px;
	padding: 20px 300px 20px 260px;
	overflow: hidden;
	border: 1px solid #F3F5F7;
	border-radius: 4px;
	overflow: hidden
}
#themes .item .focus {
	float: left;
	margin-left: -240px
}
#themes .item .thumb {
	width: 220px;
	height: 150px
}
#themes .item .buy {
	float: right;
	margin-right: -300px;
	width: 300px;
	text-align: center;
	border-left: 1px solid #eee;
	padding-bottom: 30px
}
#themes .item .buy dfn {
	font-size: 24px;
	display: block;
	padding: 20px 0 10px;
	color: #000;
	font-style: normal;
	color: #FF5E52
}
#themes .item .buy dfn small {
	font-size: 18px;
	margin-right: 2px
}
#themes .item h2 {
	font-size: 20px;
	margin: -20px -300px 20px -260px;
	padding: 12px 20px;
	border-bottom: 1px solid #E9E9E9;
	background-color: #F9F9F9
}
#themes .item h2 small {
	font-size: 12px;
	color: #999;
	margin-left: 20px
}
#themes .item .desc dl {
	overflow: hidden;
	margin: 0 0 4px;
	float: left;
	padding-left: 85px;
	font-size: 12px
}
#themes .item .desc dt {
	float: left;
	margin-left: -85px;
	text-align: right;
	width: 80px;
	background-color: #f1f1f1;
	padding: 5px 6px
}
#themes .item .desc dd {
	padding: 5px 0;
	color: #888;
	margin-right: 30px
}
#themes .item .desc dd.wd {
	width: 100px
}
.plinks {
	overflow: hidden
}
.plinks .linkcat {
	margin-bottom: 50px
}
.plinks h2 {
	border-bottom: solid 1px #eee;
	font-size: 20px;
	padding-bottom: 5px
}
.plinks ul {
	clear: both;
	overflow: hidden
}
.plinks ul li {
	width: 20%;
	float: left
}
.plinks ul li a {
	display: block;
	padding: 8px 10px;
	overflow: hidden;
	border: 1px solid #F3F5F7;
	margin: 10px 10px 0 0
}
.plinks ul li img {
	float: left;
	width: 16px;
	height: 16px;
	margin-right: 8px;
	margin-top: 2px
}
.plinks ul li a:hover {
	border-color: #45B6F7
}
.readers {
	overflow: hidden
}
.readers a {
	width: 72px;
	margin: 0 5px 25px 5px;
	float: left;
	text-align: center;
	color: #999;
	font-size: 12px;
	height: 65px;
	overflow: hidden;
	text-decoration: none
}
.readers a:hover {
	color: #FF5E52
}
.readers .avatar {
	border-radius: 5px;
	margin: 0 auto;
	display: block;
	margin-bottom: 5px
}
.readers a.item-top {
	width: 31.222222%;
	margin: 0 1% 30px;
	text-align: left;
	height: 100px;
	color: #bbb;
	background-color: #f6f6f6;
	border-radius: 5px;
	padding: 10px
}
.readers a.item-top .avatar {
	float: left;
	margin-left: 10px;
	margin-right: 10px
}
.readers a.item-top h4 {
	color: #FF5E52;
	font-size: 16px
}
.readers a.item-top strong {
	display: block;
	color: #666
}
.readers a.item-top:hover {
	background-color: #f1f1f1
}
.readers a.item-2 h4 {
	color: #7CCD38
}
.readers a.item-3 h4 {
	color: #52BAF5
}
.archives .item {
	overflow: hidden;
	margin-bottom: 20px;
	border-bottom: 1px solid #eee
}
.archives h3 {
	float: left;
	margin-bottom: 10px;
	font-size: 20px;
	font-weight: normal;
	color: #F15A23;
	line-height: 20px;
	margin-top: 0
}
.archives-list {
	padding-left: 20px;
	margin: 0 0 20px 140px
}
.archives-list li {
	list-style: disc;
	margin-left: 20px;
	margin-bottom: 4px
}
.archives-list time {
	width: 40px;
	display: inline-block
}
.archives-list span {
	font-size: 12px;
	display: inline-block;
	margin-left: 10px
}
.page .content.resetpass {
	padding: 20px;
	text-align: center;
	margin-right: 0
}
.resetpass form {
	width: 300px;
	margin: 0 auto;
	text-align: left
}
.resetpass form p {
	margin-bottom: 20px
}
.resetpass h1 {
	font-size: 24px;
	font-weight: normal
}
.resetpass h3 {
	color: #777
}
.resetpass h3 .glyphicon {
	top: 4px
}
.resetpasssteps {
	margin-bottom: 50px;
	overflow: hidden
}
.resetpasssteps li {
	width: 33.33333%;
	float: left;
	background-color: #eee;
	color: #666;
	line-height: 33px;
	position: relative
}
.resetpasssteps li.active {
	background-color: #61B3E6;
	color: #fff
}
.resetpasssteps li .glyphicon {
	position: absolute;
	right: -17px;
	top: -10px;
	font-size: 46px;
	color: #fff;
	z-index: 2
}
.errtip {
	background-color: #FCEAEA;
	color: #DB5353;
	padding: 8px 15px;
	font-size: 14px;
	border: 1px solid #FC9797;
	border-radius: 5px
}
.prettyprint, pre.prettyprint {
	background-color: #272822;
	border: none;
	overflow: hidden;
	padding: 10px 15px
}
.prettyprint.linenums, pre.prettyprint.linenums {
	-webkit-box-shadow: inset 40px 0 0 #39382E, inset 41px 0 0 #464741;
	-moz-box-shadow: inset 40px 0 0 #39382E, inset 41px 0 0 #464741;
	box-shadow: inset 40px 0 0 #39382E, inset 41px 0 0 #464741
}
.prettyprint.linenums ol, pre.prettyprint.linenums ol {
	margin: 0 0 0 30px
}
.prettyprint.linenums ol li, pre.prettyprint.linenums ol li {
	padding-left: 12px;
	color: #bebec5;
	line-height: 20px;
	margin-left: 0;
	list-style: decimal;
	margin-bottom: 0
}
.prettyprint .com {
	color: #93a1a1
}
.prettyprint .lit {
	color: #AE81FF
}
.prettyprint .pun, .prettyprint .opn, .prettyprint .clo {
	color: #F8F8F2
}
.prettyprint .fun {
	color: #dc322f
}
.prettyprint .str, .prettyprint .atv {
	color: #E6DB74
}
.prettyprint .kwd, .prettyprint .tag {
	color: #F92659
}
.prettyprint .typ, .prettyprint .atn, .prettyprint .dec, .prettyprint .var {
	color: #A6E22E
}
.prettyprint .pln {
	color: #66D9EF
}
.wp-video, .mejs-layer, video, embed {
	max-width: 100%;
	margin-bottom: 16px;
	display: block
}
.m-icon-nav {
	display: none
}
.m-mask {
	display: none
}
.site-navbar, .site-search, .widget-navcontent .item, .site-nav .fa-angle-down, .rollbar li, .rollbar h6, .btn, .search-btn, .pads h4, a {
	-webkit-transition: all 0.25s;
	-moz-transition: all 0.25s;
	-ms-transition: all 0.25s;
	-o-transition: all 0.25s;
	transition: all 0.25s
}
 @media (max-width:1240px) {
.container {
	margin: 0 15px
}
}
 @media (max-width:1024px) {
.content {
	margin-right: 0
}
.hdhead{width: 100%;}
.hdhead img{width: 100%;height: auto;}
.hdhead .hdhead_r{height: auto;width: 100%;margin-left: 0;}
.joblist{width: 100%;height: auto;}
.joblist ul li{width: 48%;}
.joblibottom .joblibl{display:none;}
.joblibottom .joblibr{margin-left: 0;}
.list_more{margin-left: 320px;}
.partnerwrap{display:none;}
.db_ft{width:100%;}
.db_fot{width:100%;}
.sidebar {
	display: none
}
.site-search-form {
	padding: 25px 0
}
.navto-nav, .navto-design {
	display: block
}
.branding-black {
	display: none
}
.article_hot_box {
	width: 100%
}
}
 @media (max-width:850px) {
.brand {
	display: none
}
.topmenu .red {
	display: none
}
.pageheader {
	display: none
}
.branding {
	display: none
}
.content .top_box {
	/*display: none*/
	padding: 0px 20px;
}
.all_banner img {
	max-width: 100%;
	height: auto;
	text-align: center
}
.ads-post img {
	max-width: 100%;
	height: auto;
	text-align: center
}
.excerpt-see {
	border-bottom: none
}
}
 @media (max-width:680px) {
.logo {
	width: 125px
}
.logo a {
	background-size: 100%;
	height: 24px
}
.site-navbar {
	margin-top: 0
}
.bdshare-button-style0-24{
	display:none;
}
.partnerwrap{
	display:none;
}
.excerpt .pc{
	display:none;
}
}
@media (max-width:640px) {
body {
	padding-top: 52px
}
.hytj li{width: 100px !important;}
.single {
	background-color: #fff
}
.page-template-pagesnav-php, .page-template-pagestheme-php, .page-template-pagestools-php, .page-template-pagesthemes-php, .category-job {
	padding-top: 42px
}
.container {
	margin: 0 10px
}
.single .container {
	margin: 0;
	padding: 0 10px;
}
.site-search {
	top: -100px
}
.header .container {
	margin: 0
}
.navto-search {
	display: none
}
.topbar {
	display: none
}
.carousel-control {
	display: none
}
.single .content {
	padding: 0;
	border: none
}
.article-header {
	text-align: left;
	padding: 15px 0
}
.article-title {
	font-size: 18px;
	line-height: 26px;
	font-weight: bold;
	margin-bottom: 10px
}
.article-meta .item {
	margin-right: 10px
}
.ads-post {
	margin-bottom: 15px
}
.article-content img {
	border-radius: 5px;
	width: 100% !important;
	height: auto !important;
}
.post-copyright {
	display: none
}
.action-share {
}
.rollbar {
	right: -120px
}
.article-content {
	font-size: 15px;
	line-height: 24px
}
.article-content p, .article-content h2, .article-content h3, .article-content h4 {
	margin-bottom: 15px
}
.article-content h2 {
	font-size: 16px;
	font-weight: bold;
	margin: 15px -10px 15px -10px;
	line-height: 18px;
	padding-left: 10px;
	border-left: none
}
.article-content ul, .article-content ol {
	margin-left: 20px
}
.pagetitle {
	padding: 10px 10px 6px
}
.pagetitle h1 {
	font-size: 16px;
	font-weight: bold
}
.excerpt {
	padding: 10px 10px 10px 180px
}
.excerpt .focus {
	width: 160px;
	margin-left: -170px
}
.excerpt .thumb {
	width: 160px;
	height: 109px
}
.excerpt .note {
	display: none
}
.excerpt .cat {
	display: none
}
.excerpt h2 {
	font-size: 14px;
	line-height: 18px
}
.page-template-pagesthemes-php .pageheader {
	margin-top: 0
}
.pageheader {
	padding: 10px;
	margin-bottom: 0
}
.pageheader h1 {
	font-weight: bold;
	font-size: 18px
}
.pageheader .note {
	font-size: 12px
}
.pageheader .share {
	display: none
}
.excerpt-see h2 {
	font-size: 16px
}
#themes .item {
	padding: 10px
}
#themes .item h2 {
	font-size: 16px;
	font-weight: bold;
	padding: 10px;
	margin: -10px -10px 10px -10px
}
#themes .item .focus {
	margin-left: 0
}
#themes .item .thumb {
	width: 100px;
	height: 68px
}
#themes .item .buy {
	margin-left: 10px;
	width: auto;
	float: left;
	border-left: none;
	margin-right: 0;
	padding-bottom: 0
}
#themes .item .buy dfn {
	padding: 0
}
#themes .item .desc {
	clear: both
}
.container-page {
	padding-left: 100px
}
.container-page .content {
	padding: 10px
}
.container-page .content::after {
	display: none
}
.pageside {
	width: 95px
}
.pagemenu {
	margin-bottom: 5px
}
.pagemenu li a {
	padding: 8px 10px;
	font-size: 14px;
	font-weight: bold
}
.relates .article_hot_box dl dt span {
	height: 28px
}
.topbar-user {
	display: none
}
.header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	text-align: center;
	padding: 0;
	z-index: 99
}
.logo {
	float: none;
	margin: 0 auto
}
.logo a {
	height: 50px
}
.site-navbar {
	float: none;
	margin-top: 0;
	position: absolute;
	top: -1200%;
	left: 0;
	right: 0;
	background-color: #444;
	text-align: left;
	padding: 20px 0;
	opacity: 0
}
.site-navbar {

	margin: 0;
	line-height: 32px;
	font-size: 16px
}
.site-navbar li {
	float: none;
 text-align:;
	margin-left: 0
}
.site-nav li:hover > .sub-menu {
	display: none
}
.site-nav .fa {
	display: none
}
.site-navbar li a {
	display: block;
	padding: 10px 20px;
 background-color:;
	margin: 0;
	color: #777
}
.site-navbar li.active a, .site-navbar li.active a:hover {
	background-color: #444;
	color: #fff;
	border-bottom: none
}
.site-navbar .sub-menu {
	display: none;
	position: relative;
	top: 0;
	box-shadow: none;
	background-color: transparent;
	border: none;
	border-radius: 0;
	width: auto;
	margin-top: 0
}
.site-navbar .sub-menu li a {
	padding-left: 40px
}
.navto-home, .navto-nav, .navto-ads {
	display: block
}
.topbar-user {
	position: relative;
	margin: 20px 20px 0 10px
}
.branding {
	padding: 20px 10px
}
.branding h1 {
	font-size: 18px;
	margin-bottom: 10px
}
.branding h2 {
	font-size: 14px;
	margin-bottom: 10px
}
.newmsgs {
	display: none
}
.pagetitle h1, .pagetitle h2, .pagetitle h3 {
	font-size: 16px;
	font-weight: bold
}
.title h3 {
	font-size: 18px
}
.title .tabs,.title .more {
	/*display: none*/ margin-top:10px;margin-bottom:10px;
}
.content .excerpt-see {
	padding: 15px 10px
}
.content .title {
	padding-left: 10px
}
.footer {
	padding: 30px 0 20px
}
.footer nav {
	display: none
}
.footer {
	padding: 15px 10px
}
.footer .container {
	height: 40px;
	overflow: hidden;
	line-height: 20px
}

.m-mask {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	background-color: rgba(0,0,0,0);
	z-index: 98;
	overflow: hidden
}
.m-nav-show .m-mask {
	display: block
}
.m-icon-nav {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	font-size: 19px;
	line-height: 48px;
	padding: 2px 10px 0;
	color: #999
}
.m-nav-show .m-icon-nav {
	color: #45B6F7
}
.m-nav-show .site-navbar {
	-webkit-transform: translate3d(0, 185%, 0);
	opacity: 1
}
}
 @media (max-width:480px) {
#homeslider {
	margin-bottom: 15px
}
.pads {
	margin-right: -3%
}
.pads li {
	width: 47%;
	margin-right: 3%
}
.pads h4 {
	font-size: 12px
}
.cat-first {
	padding: 10px 10px 10px 170px
}
.cat-first .thumbnail {
	margin-left: -160px;
	width: 150px
}
.cat-first .note {
	display: none
}
.cat-first .meta .pc {
	display: none
}
.cat-first h2 {
	font-size: 16px;
	line-height: 20px
}
.cat-posts li {
	width: 50%
}
.cat-posts li a {
	padding: 10px
}
.cat-posts li:nth-child(1) {
	border-radius: 0
}
.cat-posts li:nth-child(1), .cat-posts li:nth-child(2) {
	border-bottom: none
}
.cat-posts li:nth-child(3) {
	border-left: 1px solid #F3F5F7;
	border-radius: 0 0 0 4px
}
.excerpt {
	padding: 10px 10px 10px 120px
}
.excerpt .focus {
	width: 100px;
	margin-left: -110px
}
.excerpt .thumb {
	width: 100px;
	height: 68px
}
.excerpt .note {
	display: none
}
.excerpt h2 {
	overflow: hidden;
	display: block;
	position: relative
}
.excerpt h2:before {
	content: "";
	float: left;
	width: 5px
}
.excerpt h2, .excerpt h2:before {
	height: 36px
}
.excerpt h2 > *:first-child {
	float: right;
	width: 100%;
	margin-left: -5px
}
.excerpt h2:after {
	content: "\02026";
	box-sizing: content-box;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	float: right;
	position: relative;
	top: -18px;
	left: 100%;
	width: 3em;
	margin-left: -3em;
	padding-right: 5px;
	text-align: right;
	background: -webkit-gradient(linear, left top, right top, from(rgba(255,255,255,0)), to(white), color-stop(50%, white));
	background: -moz-linear-gradient(to right, rgba(255,255,255,0), white 50%, white);
	background: -o-linear-gradient(to right, rgba(255,255,255,0), white 50%, white);
	background: -ms-linear-gradient(to right, rgba(255,255,255,0), white 50%, white);
	background: linear-gradient(to right, rgba(255,255,255,0), white 50%, white)
}
}
 @media (max-width:346px) {
.cat-ebox li {
	width: 100%;
	border-right: none
}
.cat-ebox li:first-child {
	border-bottom: 2px solid #F3F5F7
}
.cat-posts li a {
	height: 170px
}
.article-header {
	padding: 10px 0;
	text-align: left
}
.article-meta .item:nth-child(2) {
	display: none
}
.article-title {
	font-size: 16px
}
.excerpt h2 {
	font-size: 14px;
	line-height: 18px
}
.excerpt .pc {
	display: none
}
.excerpt .pv {
	margin-right: 0
}
.pagination ul > li {
	display: none
}
.pagination ul > li.prev-page, .pagination ul > li.next-page {
	display: inline
}
.pagination ul > li.next-page a {
	background-color: #61B3E6;
	color: #fff
}
.btn-lg {
	padding: 8px 20px;
	font-size: 14px
}
#commentform {
	padding-left: 0
}
#respond {
	overflow: hidden;
	width: 100%
}
.comt {
	padding-left: 0
}
.comt-title {
	width: auto;
	float: none;
	margin-left: 0;
	overflow: hidden;
	margin-bottom: 10px
}
.comt-avatar {
	width: 30px;
	height: 30px;
	float: left;
	margin-right: 5px
}
.comt-avatar .avatar {
	width: 30px;
	height: 30px;
	border-radius: 50%
}
.comt-comterinfo {
	width: 100%
}
.comt-comterinfo .text-muted {
	display: none
}
.comt-comterinfo input {
	width: 100%;
	margin-right: 0;
	box-shadow: none
}
.comment-reply-link, .comt-info {
	position: relative;
	top: 0;
	display: inline-block;
	margin-left: 10px
}
.comt-main {
	margin-right: 0;
	margin-left: 40px
}
.comt-f {
	display: none
}
.commentlist > .comment .children {
	margin-left: 0
}
.commentlist > .comment.depth-1 > .children {
	margin-left: 46px
}
.comt-author {
	display: inline-block
}
.branding {
	padding: 20px 10px
}
.branding h1, .branding h2 {
	font-size: 14px;
	margin-bottom: 10px
}
.branding p {
	font-weight: normal
}
}

/*************     观点   ****************/
.bjzm{width: 100%;
    height: 563px;
    overflow: auto;}
	.bjzm ul li{
	padding: 12px 15px 12px 15px;
    border-bottom: 1px solid #f0f0f0;
	overflow-y:auto;
	}
.bjzm_t{width:100%;height: 60px;
    overflow: hidden;}
.bjzm_t li{float: left;border-bottom:none!important;}
.bjzm_t img{width: 40px;
    border-radius: 50%;
    height: 40px;
	float:left;margin-right:15px;}
.bjzm_t p{font-size: 16px;
    color: #303030;margin-bottom: 2px;}
	.bjzm_t b{font-size: 14px;
    color: #909090;font-weight: 500;}
	.bjzm_b{
	font-size: 14px;
    color: #777;
    line-height: 24px;
    text-align: justify;
	}
	.bjzm::-webkit-scrollbar {  
    width: 2px;  
}  
/* Track */  
.bjzm::-webkit-scrollbar-track {    
    -webkit-border-radius: 10px;  
    border-radius: 10px;  
}   
/* Handle */  
.bjzm::-webkit-scrollbar-thumb {  
    -webkit-border-radius: 10px;  
    border-radius: 10px;  
    background: #e2e2e2;   
  
}  
.bjzm::-webkit-scrollbar-thumb:window-inactive {  
    background: #e2e2e2;   
}  



/***********   会员推荐   ***********/
.hytj{height:550px;padding:15px 10px;overflow:hidden}
  .hytj li{float: left;width: 104px;list-style:none;margin:0 4px;}
  .hytj li dt{margin-bottom: 10px;text-align:center;}
  .hytj li dt img{width:100px;height:65px;}
  .hytj li dd{padding-top: 10px;
    border-top: 1px dashed #cbcbcb;text-align:center;}
	.hytj li dd p{font-size: 14px;
    color: #6D6D6D;
    text-align: center;
    height: 25px;}
	.hytj li a{    padding: 0;
    color: #666;
    border-bottom: 0;
    overflow: hidden;
    position: relative;
    display: block;
    font-size: 14px;
	}
.hytj button{border: none;
    width: 96px;
    height: 35px;
    line-height: 35px;
    background: #FF5E52;
    font-size: 15px;
    color: #fff;
    border-radius: 4px;
    margin-left: 125px;
    margin-top: 10px;}	
	
/***********    专题报道    **********/
.conr_3{height: auto;}
  .conr_3 li{list-style:none;border-bottom:none;margin: 10px 0px;
    overflow: hidden;}
  .conr_3 li img{width: 358px;
    height: auto;}
	
	
/**************    合作伙伴   ***************/
.partnerwrap{
	width: 1200px;
    background: #fff;
    margin: 0px auto;
    /* padding: 20px 10px; */
    margin-bottom: 25px;
    margin-top: 15px;
}
#tab{
    margin: 15px 0 30px 0;
}
#tab .tab_menu{
	width:100%;
	border-bottom:2px solid #ccc; clear:both; height:39px;
}
#tab .tab_menu li{
	float:left;
	height:40px;
	font-size:16px;
	line-height:40px;
	border-bottom:4px solid #0063C8;
	-webkit-transition:background-color 0.3s;
	-moz-transition:background-color 0.3s;
	-o-transition:background-color 0.3s;
	transition:background-color 0.3s;
	color: #333;
}
/*#tab .tab_menu li:hover{
	background: #0c7df5;
	color: #fff;
}*/
#tab .tab_box{
    height: auto;
    clear: both;
}
#tab .tab_menu .selected{
	cursor:pointer;
}
.hides{display:none;}
.tab_box div{padding:10px 0 10px 0;} 
.tab_box div a{
	display: inline-block;
    margin-top:5px;
	margin-right:10.5px;
    color: #777;
    width: 120px;
	overflow:hidden;
    height: 65px;
    border: 1px solid #e1e1e1;
}
.tab_box div a:hover{border: 1px solid #0063c8;}
.tab_box div a:nth-child(9n){
    margin-right: 0;
}
.tab_box div a img{
	width: 135px;
    height: 65px;
}
#tab2222{
	height: 420px;
}
#tab2222 li{
	float: left;
	list-style: none;
}
#tab2222 a{
    margin: 5px 15px;
    color: #777;
    width: 100% !important;
    height: 30px;
    border: 0 !important;
}


.conr_3 li a{padding: 0 !important;}


/***************   活动页    *******************/

.pagination {
	line-height: 17px;
}
.pagination a {
	text-decoration: none;
}

/***********  hdpage   **********/
.hdhead{
	padding: 20px 20px;
    margin: 15px auto;
    width: 1200px;
    overflow: hidden;
    background: #ffffff;
    border: 1px solid #eaeaea;
}
.hdhead img{
	width: 400px;
    height: auto;
    float: left;
}
.hdhead .hdhead_r{
	float: left;
    height: 100%;
    width: 710px;
    margin-left: 30px;
}
.hdhead .hdhead_r h1{
	font-size: 26px;
    color: #454545;
    margin-bottom: 15px;
    line-height: 36px;
}
.hdhead .hdhead_r .hdp{
    color: #666;
    line-height: 24px;
    height: 24px;
    font-size:16px;
}
#btn-wap{border: none;
    width: 96px;
    height: 35px;
    line-height: 35px;
    background: #FF5E52;
    font-size: 15px;
    color: #fff;
    border-radius: 4px;
    margin-top: 20px;}
/***********   hdpage弹出层  *********/


.cd-user-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(52, 54, 66, 0.9);
  z-index: 9;
  overflow-y: auto;
  cursor: pointer;
  visibility: hidden;
  opacity: 0; 
  -webkit-transition: opacity 0.3s 0, visibility 0 0.3s;
  -moz-transition: opacity 0.3s 0, visibility 0 0.3s;
  transition: opacity 0.3s 0, visibility 0 0.3s;
}
.cd-user-modal.is-visible {
  visibility: visible;
  opacity: 1;
  -webkit-transition: opacity 0.3s 0, visibility 0 0;
  -moz-transition: opacity 0.3s 0, visibility 0 0;
  transition: opacity 0.3s 0, visibility 0 0;
}
.cd-user-modal.is-visible .cd-user-modal-container {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.cd-user-modal-container {
  position: relative;
  width: 90%;
  max-width: 500px;
  background: #FFF;
  margin: 3em auto 4em;
  cursor: auto;
  border-radius: 0.25em;
  -webkit-transform: translateY(-30px);
  -moz-transform: translateY(-30px);
  -ms-transform: translateY(-30px);
  -o-transform: translateY(-30px);
  transform: translateY(-30px);
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.cd-user-modal-container .cd-switcher:after {
  content: "";
  display: table;
  clear: both;
}
.cd-user-modal-container .cd-switcher li {
  width: 50%;
  float: left;
  text-align: center;
}
.cd-user-modal-container .cd-switcher li:first-child a {
  border-radius: .25em 0 0 0;
}
.cd-user-modal-container .cd-switcher li:last-child a {
  border-radius: 0 .25em 0 0;
}
.cd-user-modal-container .cd-switcher a {
  display: block;
  width: 100%;
  height: 50px;
  line-height: 50px;
  background: #d2d8d8;
  color: #809191;
}
.cd-user-modal-container .cd-switcher a.selected {
  background: #FFF;
  color: #505260;
}
@media only screen and (min-width: 600px) {
  .cd-user-modal-container {
    margin: 10em auto;
  }
  .cd-user-modal-container .cd-switcher a {
    height: 70px;
    line-height: 70px;
  }
}

.cd-form {
  padding: 1.4em;
}
.cd-form .fieldset {
  position: relative;
  margin: 1.4em 0;
}
.cd-form .fieldset:first-child {
  margin-top: 0;
}
.cd-form .fieldset:last-child {
  margin-bottom: 0;
}
.cd-form label {
  font-size: 16px;
  font-size: 0.875rem;
}
.cd-form label.image-replace {
  /* replace text with an icon */
  display: inline-block;
  position: absolute;
  left: 15px;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 20px;
  width: 20px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  color: transparent;
  text-shadow: none;
  background-repeat: no-repeat;
  background-position: 50% 0;
}
.cd-form label.cd-logo {
  background-image: url("../img/cd-icon-username.svg");
}
.cd-form label.cd-username {
  background-image: url("../img/cd-icon-password.svg");
}
.cd-form label.cd-email{
  background-image: url("../img/cd-icon-email.svg");
}
.cd-form input {
  margin: 0;
  padding: 0;
  border-radius: 0.25em;
}
.cd-form input.full-width {
  width: 100%;
}
.cd-form input.full-width2 {
  width: 100%;
}
.cd-form input.has-padding {
  padding: 12px 20px 12px 50px;
}
.cd-form input.has-border {
  border: 1px solid #d2d8d8;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
}
.cd-form input.has-border:focus {
  border-color: #d2d8d8;
  box-shadow: 0 0 5px rgba(52, 54, 66, 0.1);
  outline: none;
}
.cd-form input.has-error {
  border: 1px solid #d76666;
}
.cd-form input[type=password] {
  /* space left for the HIDE button */
  padding-right: 65px;
}
.cd-form input[type=submit] {
  padding: 16px 0;
  cursor: pointer;
  background: #1a4b9b;
  color: #FFF;
  font-size:16px;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
}
.cd-form input[type=button] {
  padding: 16px 0;
  cursor: pointer;
  background: #1a4b9b;
  color: #FFF;
  font-size:16px;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
}
.no-touch .cd-form input[type=submit]:hover, .no-touch .cd-form input[type=submit]:focus {
  background: #FF5E52;
  outline: none;
}


@media only screen and (min-width: 600px) {
  .cd-form {
    padding: 2em;
  }
  .cd-form .fieldset {
    margin: 2em 0;
  }
  .cd-form .fieldset:first-child {
    margin-top: 0;
  }
  .cd-form .fieldset:last-child {
    margin-bottom: 0;
  }
  .cd-form input.has-padding {
    padding: 16px 20px 16px 50px;
  }
  .cd-form input[type=submit] {
    padding: 16px 0;
  }
}



.cd-close-form {
  /* form X button on top right */
  display: block;
  position: absolute;
  width: 40px;
  height: 40px;
  right: 0;
  top: -40px;
  background: url("../img/cd-icon-close.svg") no-repeat center center;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
@media only screen and (min-width: 1170px) {
  .cd-close-form {
    display: none;
  }
}

#cd-login, #cd-signup, #cd-reset-password {
  display: none;
}

#cd-login.is-selected, #cd-signup.is-selected, #cd-reset-password.is-selected {
  display: block;
}
@media (max-width:680px) {
.hdhead{padding: 20px 10px;
    margin: 0; 
    width: 100%;
border:0;
    border-bottom: 1px solid #eaeaea;}
.hdhead img {
width: 100%;
    height: auto;
}
.hdhead .hdhead_r{height: auto;
    width: 100%;
   margin-left:0;}
.hdhead .hdhead_r h1{font-size:22px}
}
.cd-user-modal{
    top: 0px;
}

.db_ft {
    width: 1200px;
    margin: 0 auto;
}
.db_left {
    float: left;
    margin-top:25px;
    line-height: 30px;
	text-align:left;
}
.db_right {
    text-align: center;
    float: right;
    margin-top:35px;
}
.db_right li {
    float: left;
    line-height: 30px;
    margin: 0 20px;
    list-style:none;
}
.db_right img {
    width: 100px;
}
.db_right p {
    font-size: 12px;
}
.db_fot {
    width: 1200px;
    margin: 0 auto;
    line-height: 40px;
    border-top: 1px solid #3d3d3d;
    margin-top: 50px;
    text-align: left;
    font-size: 13px;
}
.db_fot span {
    float: right;
}

.main{width:1200px; margin: 0 auto;}

.indexnews{float:left; width:31.33%; margin-bottom:20px; margin-right:3%; border:1px solid #ccc;}
.indexnews:nth-child(3n){margin-right:0%;}
.indexnews h3{border-bottom:1px solid #ddd; padding-bottom:10px; padding:0 10px 15px 10px;}
.indexnews h3 a{float:right;}
.indexnews .topnews{padding:10px; clear:both;}
.indexnews .topnews b{display:block; padding:10px 0 10px 0;}
.indexnews .topnews b:hover{color:#0063c8;}
.indexnews .topnews dl{border-bottom:2px solid #CCCCCC; padding:20px 0 5px 0; clear:both}
.indexnews .topnews dl span{float:right;}
.indexnews .topnews p em{float:left; width:70%; font-style:normal;}
.indexnews ul{padding:10px;}
.indexnews ul li a{display:block; height:33px; font-size:14px;}
.indexnews ul li a:hover{color:#0063c8;}
.indexnews ul li a span{float:right;}

.part1_le{float:left; width:425px; margin-top:32px;}
.part1_cen{float:left; width:443px; margin-left:20px;}
.part1_cen h3{border-bottom: 2px solid #ccc;clear: both;height: 39px;}
.part1_cen h3 a{float:right; font-size:14px;}
.part1_cen h3 span{
    float: left;
	display:block;
    height: 40px;
    font-size: 16px;
    line-height: 40px;
    border-bottom: 4px solid #0063C8;
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    transition: background-color 0.3s;
    color: #333;
}

.part1_ri{float:right; width:275px; margin-top:32px;}
.msgbox{border:1px solid #ccc; border-radius:5px; margin-top:15px; padding:15px;}
.inputs{border:1px solid #ccc; margin-bottom:10px; height:26px; /*display:block;*/ width:100%;}
.btns{width:80px; margin:0 auto; display:block; background-color:#0063C8; color:#FFFFFF; border:0;border-radius:5px; padding:3px 0 3px 0;}

@media screen and (max-width:768px){
.main{width:96%; margin: 0 auto;}
.indexnews{float:left; width:100%; margin-bottom:20px; border:1px solid #ccc;}
.indexnews:nth-child(3n){margin-right:0%;}
.indexnews h3{border-bottom:1px solid #ddd; padding-bottom:10px; padding:0 10px 15px 10px;font-size: 18px;}
.indexnews h3 a{float:right;}
.indexnews .topnews{padding:10px; clear:both;}
.indexnews .topnews b{display:block; padding:10px 0 10px 0;}
.indexnews .topnews b:hover{color:#0063c8;}
.indexnews .topnews dl{border-bottom:2px solid #CCCCCC; padding:20px 0 5px 0; clear:both}
.indexnews .topnews dl span{float:right;}
.indexnews .topnews p em{float:left; width:70%; font-style:normal;}
.indexnews ul{padding:10px;}
.indexnews ul li a{display:block; height:33px; font-size:14px;}
.indexnews ul li a:hover{color:#0063c8;}
.indexnews ul li a span{float:right;}

.part1_le {
    float: left;
    width: 100%;
    margin-top:15px;
}
.part1_cen {
    float: left;
    width: 100%;
    margin-left: 0px;
}
.part1_ri {
    float: left;
    width: 100%;
    margin-top:15px;
}
.part1_ri img{
    width: 100%;
}
}

.inputa{height:26px; width:70%; height:25px !important; line-height:25px !important; border:0px; font-size:14px;background: url(../img/so.png) no-repeat 5px center; text-indent:25px;padding-left: 0px;border-radius:0px; float:left;}
.btna{width:20%;background-color:#0063C8; height:25px !important; line-height:25px !important; color:#FFFFFF; font-size:14px; border:0;padding:1px 3px 1px 3px; margin-right:0px;border-radius:0px; float:right}

.morelist{float:right;margin-top:15px; display:block;}

.ad{margin-bottom:20px;margin-top:20px;}

.aboutli li a{float:left; width:45%; margin-right:5%;display:block; height:33px; font-size:14px; border-bottom:1px solid #ccc; margin-bottom:10px;}
.aboutli li a span{float:right;}

.hdlinew{
	padding:30px 0;width: 100%;
	height: auto;
	overflow: hidden;
}

.hdlinew li{
	width: 364px;
	height: 342px;
	background: rgba(255,255,255,1);
	box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.11);
	border-radius: 6px;
	display: inline-block;
	margin-right: 35px;
	margin-left: 10px;
	margin-bottom: 30px;
	float: left;
}
.hdlinew li:nth-child(3n){margin-right:0px;}
.hdlinew li dt,.hdlinew li dt img{
	width: 364px;
	height: 229px;
	border-radius: 6px 6px 0 0; overflow:hidden;
}
.hdlinew li dd{
	margin: 0 14px;
	height: 113px;
}
.hdlinew li dd p{
	font-size: 14px;
	color: rgba(36,36,36,1);
	padding-top: 15px;
	cursor: pointer;
	overflow: hidden;
	height: 32px;
}
.hdlinew li dd p b{font-weight:500;}
.hdlinew li dd .hdlil{
	float: left;font-size: 12px;
	color: rgba(131,131,131,1);
	margin-top: 10px;
	width: 200px;
}
.hdlinew li dd .hdlir{float: right;margin-top: 10px;}
.hdlinew li dd .hdlir button{
	width: 88px;
	height: 33px;
	background: #999;
	border-radius: 4px;
	border:0;
	text-align: center;
	line-height: 33px;
	color: #fff;
}
.hdlinew li:hover dd button{
	background: #0064C9;
}
.hdlinew li:hover dt img{
	transform: scale(1.1); /* 放大1.2倍 */transition: all .6s;
}

.piclist {width:100%; margin-top:20px;}
.piclist li{ overflow:hidden; float:left;list-style:none;margin-left:17px; margin-bottom:20px;}
.piclist li div{ overflow:hidden;}
.piclist li img{transition: all 0.6s;}
.piclist li img:hover{transform: scale(1.2); /* 放大1.2倍 */}
.piclist li .show-name {
	position: relative;
	z-index: 2;
	display: block;
	padding: 10px 0 10px 0;
	width:100%;
	text-align:center;
	font-size: 14px;
	line-height: 20px;
	color: #666;
	white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	overflow: hidden;
	background: #eee;
	transition: all .4s;
	overflow:hidden;
}
.piclist li:hover .show-name {
	color: #e77843;
	background: #fff;
}
.piclist li .show-name:after {
	content: "";
	position: absolute;
	z-index: -1;
	bottom: 0px;
	left: 0%;
	width: 0%;
	height: 2px;
	background-color: #0154a4;
	transition: all .4s;
}
.piclist li:hover .show-name:after {
	content: "";
	width: 100%;
}

.piclist span{display:block;font-size:14px; color:#333; background-color:#FCFBFA; line-height:40px; text-align:center; overflow:hidden;}



/*留言栏目*/
.msgtitle{display:block;padding-bottom:5px;font-size:14px;font-weight:bold;}
.message_block{color:#666;}
.message_block p{padding:12px;}
.msg_input{width:400px;border:1px solid #e0e0e0;padding:8px 9px;background:#fff;font-size:13px;color:#888;-webkit-box-shadow:0px 2px 0px 0px rgba(0, 0, 0, 0.03);box-shadow:0px 2px 0px 0px rgba(0, 0, 0, 0.03);border-radius:2px;}
.msg_input_on{width:400px;border:1px solid #8cd1ff;background:#f1f9ff;padding:8px 9px;-webkit-box-shadow:0px 2px 0px 0px rgba(0, 0, 0, 0.03);box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.03);border-radius:2px;font-size:13px;color:#888;}
.message_labes{font-size:14px;}
.message_title{height:34px;line-height:34px;background:#f6f9fb;padding:0 12px;}
.message_title h2{color:#376b88;font-size:14px;float:left;}
.message_title span{float:right;font-weight:bold;color:#999;}
.message_info{color:#8ea6b6;text-align:right;}
.message_replay{background:#f5f5f5;padding:0 12px;}
.msg_btn_area{margin:16px 0;text-align:left;}
.msg_btn_area a{display:inline-block;padding:5px 15px;background:#09F;color:#fff;text-align:center;font-family:"宋体";font-size:14px;overflow:hidden;cursor:pointer;font-weight:bold;}
.msg_btn_area a:hover{text-decoration:none;background:#F60}
.msgflag{margin-left:4px;font-size:12px;color:#900;}

/*在线客服*/
.client-2 {
	position: fixed;
	right: -170px;
	top: 50%;
	z-index: 900;
}

.client-2 li a {
	text-decoration: none;
}
.client-2 li {
	margin-top: 1px;
	clear: both;
	height:70px;
	position: relative;
}

.client-2 li i {
	background: url(../img/fx.png) no-repeat;
	display: block;
	width: 30px;
	height: 27px;
	margin: 0px auto;
	text-align: center;
}

.client-2 li p {
	height: 20px;
	font-size: 12px;
	line-height: 20px;
	text-align: center;
	color: #fff;
}

.client-2 .my-kefu-qq i {
	background-position: 4px 5px;
}

.client-2 .my-kefu-tel i {
	background-position: 0 -21px;
}

.client-2 .my-kefu-liuyan i {
	background-position: 4px -53px;
}

.client-2 .my-kefu-weixin i {
	background-position: -34px 4px;
}

.client-2 .my-kefu-weibo i {
	background-position: -30px -22px;
}

.client-2 .my-kefu-ftop {
	display: none;
}

.client-2 .my-kefu-ftop i {
	   width: 33px;
height: 31px;
background-position: -23px -47px;
background-size: 52px 82px;
}
.client-2 .my-kefu-ftop .my-kefu-main{
	padding-top: 6px;
}

.client-2 .my-kefu-left {
	float: left;
	width: 62px;
	position: relative;
}

.client-2 .my-kefu-tel-right {
	font-size: 16px;
	color: #fff;
	float: left;
	height: 24px;
	line-height: 22px;
	padding: 0 15px;
	border-left: 1px solid #fff;
	margin-top: 14px;
}

.client-2 .my-kefu-right {
	width: 20px;
}

.client-2 .my-kefu-tel-main {
	background: #1e5db0;
	color: #fff;
	height: 63px;
	width: 230px;
	padding:9px 0 15px 0;
}

.client-2 .my-kefu-main {
	background: #1e5db0;
	width: 97px;
	height: 63px;
	position: relative;
	padding:9px 0 0;
}

.client-2 .my-kefu-weixin-pic {
	position: absolute;
	left: -130px;
	top: -24px;
	display: none;
	z-index: 333;
}

.my-kefu-weixin-pic img {
	width: 115px;
	height: 115px;
}

.intro{ line-height:24px; font-size:14px; padding:20px;}

@media (max-width:736px) {
	.hytj li {width: 120px !important;}
}

.picleft{float:left; width:48%;}
.picright{float:right; width:48%; line-height:24px; font-size:14px;}

@media (max-width:768px) {
.db_ft{width:100%;}
.category-job{margin-top: 20px;}
.db_left{margin-top: 0;}
.aboutb{display:none;}
.db_right{display:; width:100%;}
.db_right li {
    float: left;
	width:50%;
	margin: 0;
	text-align:center;
    line-height: 30px;
    list-style: none;
}
.content-wrap{margin-bottom: 0;padding:0;}
.db_fot{border-top:0;width: 100%;line-height: 16px;}
.db_fot span{display:none;}
.hdlinew li{width: 96%;height: auto;margin-left:2%;margin-bottom: 20px;}
.hdlinew li dt, .hdlinew li dt img{width: 100%;height: auto;}
#position{padding: 0 10px;width: 100% !important;}
#jobtitnone{display:none;}
#joblinone{display:none;}
#jobmorenone{display:none;}

.intro{ line-height:24px; font-size:14px; padding:0;}

.piclist li {
    overflow: hidden;
    float: left;width:47%; margin-left:2%;
    list-style: none;
    margin-bottom: 10px;
}
.piclist li img{
    width:100%; height:100px;
}

.picleft{float:none; width:100%;}
.picright{float:none; width:100%; line-height:24px; font-size:14px;}
}


/*课程列表*/
.m-course-list{width: 100%;}
.m-course-list ul li{padding: 20px;margin-bottom: 30px;background: #FFFFFF;overflow: hidden;}
.m-course-list-left{width: 280px;height: 190px;float: left;position: relative;}
.m-course-list-left i{background: url(../img/continuing-education.png) no-repeat;display: block;width: 65px;height: 65px;position: absolute;top:0px;left:0px;}
.m-course-list-left img{width: 100%;height: 100%;}
.m-course-list-right{float: right;width: 830px;}
.m-course-list-right-title{font-size: 24px;display: block;width: 100%;margin-bottom: 12px;line-height: 1;}
.m-course-list-right-intr{width: 100%;height: 115px;overflow: hidden;font-size: 14px;color: #666;line-height: 31px;display: block;}
.m-course-list-right-intr .record .test{font-weight: bold;}
.m-course-list-right-intr .record .test-time{color: #476bf2;}
.m-course-list-right-intr .record .score{color: #0aa542;}
/* .m-course-list-right-intr .record span.homework{color:#0aa542;} */
.m-course-list-right-foot{width: 100%;height: 20px;margin-top: 20px;}
.m-course-list-right-foot-user{float: left;margin-right: 30px;}
.m-course-list-right-foot-user a{float: left;display: block;overflow: hidden;}
.m-course-list-right-foot-img{width: 18px;height: 18px;overflow: hidden;border-radius: 50%;float: left;margin-right: 3px;float: left;}
.m-course-list-right-foot-time{float: left;margin-right: 30px;}
.m-course-list-right-foot-time:before{width: 20px;height: 20px;float: left;background: url(../img/sprite-20.png) no-repeat 0 -100px;display: block;content:'';}
.m-course-list-right-foot-learn{float: left;}
.m-course-list-right-foot-learn:before{width: 20px;height: 20px;float: left;background: url(../img/sprite-20.png) no-repeat 0 -200px;display: block;content:'';}
.m-course-list-right-foot-price{font-size: 16px;color: #0063c8;float: right;margin-top: -3px;}
.m-course-list-right-foot-price.orange{color: #E27B0F;}

/*课程详情*/
.course-details-top{width: 100%;background: #333333; padding-bottom:30px;}
.course-details-top-content{width: 1200px;margin: 0 auto}
.course-details-top-details-left{width: 380px;height: 250px;padding: 10px;background: #646464;float: left;position: relative;}
.course-details-top-details-left i{background: url(../img/continuing-education.png) no-repeat;display: block;width: 65px;height: 65px;position: absolute;top:10px;left:0px;}
.course-details-top-details-left img{width: 100%;height: 100%;}
.course-details-top-details-left .course-details-video-play{cursor: pointer;width: 100%;height: 250px;padding:10px;position: absolute;top:0;left: 0;background: url(../img/platform/video-play.png) no-repeat center center;}

.course-details-top-details-right{float: right;width: 750px;}
.course-details-top-details-title{font-size: 24px;color: #fff;margin-bottom: 14px;}
.course-details-top-details-score{overflow: hidden;width: 100%;margin-bottom: 5px;}
.course-details-top-details-score #stars i{background-position: 0 -420px}
.course-details-top-details-score p{font-size: 14px;color: #999;height: 22px;line-height: 22px;float: left;}
.course-details-top-details-score p span{display: inline-block;margin: 0 3px}
.course-details-top-details-row{font-size: 14px;color: #999;height: 26px;line-height: 26px;}
.course-details-top-details-row span{display: inline-block;margin: 0 3px}
.course-details-top-details-row p{display: inline-block;font-weight: bold;color: #e27b0f; }
.course-details-top-details-row p.green{ color: #0ba53f }
.course-details-top-details-bottom {margin-top:20px;}
.course-details-top-details-bottom .sharebutton{ margin-top: 15px; }
.course-details-top-details-bottom i{width: 20px;float: right; margin-right: 10px; height: 20px; cursor: pointer; margin-top: 15px;}
.course-details-top-details-bottom a{display: block;width: 150px;height: 45px;line-height: 45px;float: left;margin-right: 20px;text-align: center;color: #fff;font-size: 18px;border-radius: 3px;-moz-transition: all .2s 0s ease;-ms-transition: all .2s 0s ease;-o-transition: all .2s 0s ease;-webkit-transition: all .2s 0s ease;transition: all .2s 0s ease;}
.course-details-top-details-already-buy{background: #E27B0F;}
.course-details-top-details-already-shop{background: #E27B0E}
.course-details-top-details-already-shop:hover{background:#C96F0D}
.course-details-top-details-already-buy:hover{background: #C96F0E}
.course-details-top-details-education{background: #F06248}
.course-details-top-details-education:hover{background: #D65740}
.course-details-top-details-already-learn,.course-details-top-details-not-learn{/*background: #E27B0E*/ background: #0063C8;}
.course-details-top-details-not-shop{background: #E27B0E}
.course-details-top-details-already-learn:hover,.course-details-top-details-not-learn:hover{/*background: #C96F0D*/   background: #087C31;}
.course-details-top-details-not-shop:hover{background: #C96F0D;}
.course-details-top-details-collect{display: block;width: 20px;height: 20px;float: right;cursor: pointer; background: url(../img/sprite-20.png) no-repeat 0 -620px;}
.course-details-top-details-collect.curr{background: url(../img/sprite-20.png) no-repeat 0 -640px;}
.course-details-top-details-foot{width: 100%;overflow: hidden;}
.course-details-top-details-foot #tab-title{width: 100%;overflow: hidden;}
.course-details-top-details-foot #tab-title span{display: inline-block;height: 62px;line-height: 66px;padding: 0 20px;font-size: 18px;color: #fff;cursor: pointer;border-bottom: 2px solid #333333}
.course-details-top-details-foot #tab-title span.mark{color: #40a5c6;border-color: #40A5C6}
.course-details-top-details-foot #tab-title .online-consult{    font-size: 16px;float: right;color: #e27b0f;text-decoration: underline;width: 70px; height: 25px; line-height: 66px;}

.course-details-bottom-content{width: 1200px;margin: 0 auto;margin-top: 30px;}
.course-details-bottom-left{float: left;width: 880px;}
.course-details-bottom-left .page-all{background: #fff;padding-bottom: 30px;display: none;}
.course-details-bottom-left #tab-cont>div{display: none;}
.course-details-bottom-left #tab-cont>div:first-child{display: block;}

.course-details-bottom-left .m-notice-list{width: 850px;}

.course-details-bottom-right{float: right;width: 280px;overflow: hidden;}

.course-details-right-evaluate{overflow: hidden;background: #fff;padding: 15px;padding-bottom: 20px;margin-bottom: 30px;}
.course-details-right-evaluate-title{font-size: 18px;color: #333;font-weight: bold;display: block;float: left;}
.course-details-right-evaluate-top #evaluate{float: left;margin: 3px 0 0 5px;}
.course-details-right-evaluate input,.course-details-evaluate textarea{border:1px solid #CCCCCC;font-size: 14px}
.course-details-right-evaluate textarea{width: 238px;height: 130px;resize: none;margin: 10px 0;line-height: 24px;padding: 5px}
.course-details-right-evaluate img{float: left;width: 64px;height: 27px;margin-right: 7px;cursor: pointer;}
.course-details-right-evaluate p{float: right;width: 70px;height: 27px;text-align: center;border-radius: 2px;line-height: 27px;font-size: 12px;color: #fff;background: #E27B0F;cursor: pointer;}
.course-details-right-evaluate p:hover{color: #fff;background: #C96F0E}
.course-details-right-evaluate-identifying-code{width: 90px;height: 25px;float: left;padding: 0 5px}

.course-details-relevant{overflow: hidden;background: #fff;padding:0 20px;min-height: 240px}
.course-details-relevant p{width: 100%;height: 55px;line-height: 55px;color: #333333;font-size: 18px;font-weight: bold;border-bottom: 1px solid #CCCCCC;margin-bottom: 20px;}
.course-details-relevant ul li{float: left;width: 100%;margin-bottom: 10px;}
.course-details-relevant ul li a{width: 100%;height: 100%;display: block;}
.course-details-relevant ul li img{width:40%;float:left;}
.course-details-relevant ul li div{float:right; width:56%; font-size:12px;}
.course-details-relevant ul li div strong{display:block; margin-bottom:3px;}
.course-details-relevant ul li div span{display:block;border-radius: 3px;background: #0063C8; margin-top:3px; line-height:20px; width:80px; text-align:center; color:#FFFFFF; font-size:12px;}
.course-details-relevant .no-content{width: 240px;margin:0 auto;}
.course-details-relevant .no-content img{width: 98px;height:98px;}
.course-details-relevant .no-content p{border-bottom: none;color:#999;font-weight: normal;}
/*课程概述*/
.course-details-summary{}
.course-details-info{background: #FFF;padding: 20px;min-height: 250px;margin-bottom: 30px;}
.course-details-info-title{height: 38px;font-size: 18px;font-weight: bold;color: #333;border-bottom: 1px solid #CCCCCC;}
.course-details-info-content{font-size: 16px;line-height: 36px;color: #333;}
/*课程概述*/
.course-details-exam .exam-list{width: 840px;margin-top: 5px;}
.course-details-exam .exam-list a{display: block;width: 840px;height: 55px;padding:20px 0;border-bottom: 1px solid #EFEFEF;}
.course-details-exam .exam-list a img{width: 55px;height: 55px;float: left;vertical-align: middle;}
.course-details-exam .exam-list a .info{width: 630px;height: 55px;float: left;margin-left: 15px;line-height: 26px}
.course-details-exam .exam-list a .title{font-size: 16px;color: #333;margin-bottom: 3px;height:26px;width: 100%;white-space: nowrap;overflow: hidden; text-overflow: ellipsis;}
.course-details-exam .exam-list a .des{font-size: 14px;color: #999;height:26px;width: 100%;white-space: nowrap;overflow: hidden; text-overflow: ellipsis;}
.course-details-exam .exam-list a .visit{width: 140px;height: 55px;float: right;text-align: right;font-size: 14px;color: #999;line-height: 82px;white-space: nowrap;overflow: hidden; text-overflow: ellipsis;}
/*课程学习进度*/
.course-details-schedule{background: #FFF;padding: 20px;font-size: 14px;color: #999;}
.course-details-schedule span{color: #f06248;}
.course-details-rogress-bar{width: 100%;height: 4px;background: #CCCCCC;margin-top: 10px;}
.course-details-rogress-bar-content{width: 30%;background: #0BA53F;height: 100%;}
/*课程咨询*/
.course-details-consult{background: #FFF;padding: 20px;min-height: 90px;margin-top: 30px;}
.course-details-consult-title{height: 38px;font-size: 18px;font-weight: bold;color: #333;border-bottom: 1px solid #CCCCCC;}
.course-details-consult-content{font-size: 16px;line-height: 36px;color: #333;}
/*课程下载*/
.course-details-download .m-resource-list{padding-bottom: 20px;}
.course-details-download .m-resource-list-title{width: 840px;padding: 0 20px;height: 48px;line-height: 48px;border-radius: 1px}
.course-details-download .m-resource-list-title-name{margin: 0 5px}
.course-details-download .m-resource-list-title-praise:before,.course-details-download .m-resource-list-title-browse:before,.course-details-download .m-resource-list-title-size:before{margin-top: 13px;}
/*课程详情-简介*/

/*课程详情章节*/
.course-details-chapter{background: #fff;overflow: hidden;padding-bottom: 40px;}
.course-details-chapter-title{background: #fff;    height: 38px;font-size: 18px;font-weight: bold;color: #333;border-bottom: 1px solid #CCCCCC;margin: 0 20px;margin-top: 20px;}
/*课程详情-问答*/
.course-details-question{background: #FFFFFF;padding-bottom: 30px;}
.course-details-question .content-left-title{height: 55px; padding:0 15px; line-height: 55px; border-bottom: 1px solid #EDEDED;}
.course-details-question .content-left-title h2{ float: left; }
.course-details-question .content-left-title-right{ float: right;}
.course-details-question .content-left-title-right ul{ float: left; }
.course-details-question .content-left-title-right li{float: left; }
.course-details-question .content-left-title-right li a{ font-size: 14px; color: #666;padding:0 8px; }
.course-details-question .content-left-title-right li.mark a{ color: #e27b0f; }
/*课程详情-评论*/
.course-details-evaluate{background: #fff;padding: 15px;padding-top: 0;overflow: hidden;min-height: 500px}
.course-details-evaluate-title{font-size: 18px;color: #333;font-weight: bold;height: 55px;padding: 0 15px;line-height: 55px;border-bottom: 1px solid #EDEDED;}
.course-details-evaluate-li{border-top: 1px solid #EFEFEF;overflow: hidden;padding: 15px 0;}
.course-details-evaluate-li-content{padding: 0 9px}
.course-details-evaluate-li-top{overflow: hidden;margin-bottom: 3px;}
.course-details-evaluate-li-foot{overflow: hidden;}
.course-details-evaluate-name{font-size: 14px;color: #666;float: left;margin-right: 5px;}
.course-details-evaluate-name img{margin-right: 5px;width: 20px;height: 20px;float: left;border:none;border-radius: 50%;overflow: hidden;;}
.course-details-evaluate-score{float: left;}
.course-details-evaluate-score i{display: block;width: 12px;height: 12px;float: left;background: #000}
.course-details-evaluate-content{font-size: 16px;color: #333;line-height: 26px;overflow: hidden;margin-bottom: 2px;}
.course-details-evaluate-date{font-size: 14px;color: #999;float: left;}
.course-details-evaluate-reply{font-size: 14px;color: #999;float: right;cursor: pointer;}
.course-details-evaluate-reply:hover{color: #e27b0f;}
.course-details-evaluate-li.mark .m-reply-content{display: block;}
.course-details-evaluate-li.mark .course-details-evaluate-reply{color: #E27B0F;}
.course-details-evaluate .m-reply-content{width: 827px;}
.course-details-evaluate .m-reply-content-write-comment textarea{width: 805px;}
.course-details-evaluate-li-foot .report{ float: right;  display: none;}
.course-details-evaluate-li:hover .report {display: block;}
.course-details-evaluate-li-foot .report span{ color: #999; position: relative;float: left;font-size: 14px; padding-left: 35px;}
.course-details-evaluate-li-foot .report span:hover{cursor: pointer;}
.course-details-evaluate-li-foot .report span:before {content: "";display: block; width: 20px;height: 20px;position: absolute;left: 10px;top: 1px; background: url(../img/sprite-20.png) no-repeat 0 -780px;}
.course-brief #report_popup textarea{height: 255px; width: 380px; border: 1px solid #ddd; padding: 10px; resize: none;}
.course-brief .modal.fade.delete-popup .modal-body .dialog-alt{ margin-top: 0; }
.course-brief.modal.fade.delete-popup .modal-body .dialog-btn{margin-top: 20px;}
.course-brief .modal.fade.delete-popup .confirm{ background: #0AA542; }

.weike-details-top-details-not-collect {background: url(../img/sprite-20.png) no-repeat 0 -620px; margin-right: 30px;}
.weike-details-top-details-share {background: url(../img/sprite-20.png) no-repeat 0 -600px; }
#stars i.stars {background-position: 0 -400px !important;}

.crumbs{width: 100%; margin:0 auto; font-size: 14px; color: rgba(255,255,255,0.6); color: #fff\9;  height: 75px; line-height: 75px;}
.crumbs a{color: #999;}
/*获取评分星星*/
#stars{}
#stars i{display: block;float: left;width: 20px;height: 20px;background: url(../img/sprite-20.png) 0 -440px;margin-right: 5px;}
#stars i.stars{background-position: 0 -400px !important}
/*可评分星星*/
#evaluate i{display: block;float: left;width: 20px;height: 20px;background: url(../img/sprite-20.png) no-repeat 0 -440px;padding-right: 5px;cursor: pointer;}
#evaluate i.stars{background-position: 0 -400px !important}
#evaluate b{display: none;}

.course-list li{line-height: 50px;display: block;height: 50px;width: 100%;padding:0 0 0 30px;color: #0e6e8d;font-size: 16px; list-style:none; font-weight:bold;}
.course-list li:hover{background-color:#F0F0F0}
.course-list div{line-height: 40px;display: block;height:40px;width: 100%;padding:0 0 0 30px;color: #333;font-size: 12px;}
.course-list div a{display:block}
.course-list div a:hover{background-color:#F0F0F0; color:#0e6e8d; text-decoration:none;}
.course-list div span{width:70px;height: 25px;line-height: 25px;color: #fff;background: #0BA53F;border-radius: 2px;float: right;display: none;text-align: center;margin: 8px 18px 0 0;}
.course-list div a:hover span{display:block;}

@media (max-width:768px) {
.m-course-list ul li {
    width:96%;
	margin-left:2%;
    margin-bottom: 10px;
    background: #FFFFFF;
    overflow: hidden;
	padding:10px;
}
.m-course-list-left {
    width: 30%;
    height: auto;
    float: left;
}
.m-course-list-right {
    float: right;
    width: 65%;
}
.m-course-list-right-title {
    font-size: 16px;
    display: block;
    width: 100%;
    margin-bottom: 10px;
    line-height: 1;
}
.m-course-list-right-foot {
    width: 100%;
    height: 20px;
    margin-top:10px;
}
.m-course-list-right-intr {
    width: 100%;
    height: 60px;
    overflow: hidden;
    font-size: 12px;
    color: #666;
    line-height:20px;
    display: block;
}
.m-course-list-right-foot-time {
    float: left;
    margin-right: 30px;
	font-size: 12px;
}
.m-course-list-right-foot-learn {
    float: left;font-size: 12px;
}
.m-course-list-right-foot-price {
    font-size: 12px;
    color: #0063c8;
    float: right;
    margin-top:0px;
}

.course-details-top-content {
    width: 100%;
    margin: 0 auto;
}
.course-details-top-details-left {
    width: 96%;
	margin-left:2%;
    padding: 10px;
    background: #646464;
    float: none;
    position: relative;
}
.course-details-top-details-right {
    float: none;
    width: 96%;
	margin-left:2%; margin-top:20px;
}
.course-details-bottom-content {
    width: 100%;
    margin: 0 auto;
    margin-top:20px;
}
.course-details-bottom-left {
   float: none;
   width: 96%;margin-left:2%;
}
.course-details-bottom-right {
    float: none;
    width: 96%;margin-top:20px;margin-left:2%;
    overflow: hidden;
}
.course-details-relevant ul li {
    float: left;
    width: 98%;margin-left:1%;margin-right:1%;
    margin-bottom: 10px;
}
}

/*分页样式*/
.page_info{text-align:center;margin-top:10px;color:#333;}
.page_info span{padding:0 2px;font-weight:bold;}
.page_list{height:24px;line-height:24px;text-align:center;letter-spacing:0;font-family:"Arial Black";font-size:12px;margin-top:20px;}
.page_list a{display:inline-block;color:#898989;border:1px solid #e8e8e8;background:#f8f8f8;text-align:center;padding:0 8px;margin:0 1px;}
.page_list a:hover{color:#fff;border:1px solid #898989;background:#898989;}
.page_list a.on{color:#333;border:1px solid #ccc;background:#E5EDF2;}


/*内容分页*/
.contPage{height:20px;line-height:20px;text-align:center;letter-spacing:0;font-family:"Arial Black";font-size:10px;margin-top:20px;}
.contPage a{display:inline-block;color:#898989;background:#fff;text-align:center;padding:0 7px;margin:0 1px;}
.contPage a:hover{color:#fff;background:#898989;}
.contPage a.on{color:#333;background:#E5EDF2;border:1px solid #C2D5E3;}

#flashs{ position:relative; height:420px; overflow:hidden;}
#flashs .bgitem{  z-index:1;position:absolute; top:0; }
#flashs .btn{ position:absolute; z-index:7; bottom:45px; left:50%; margin-left:-50px; padding:0px 6px;}
#flashs .btn span{ color:#fff;  background:#0063C8; cursor: pointer;display: inline-block;margin:0 2px;width:25px;height:2px; overflow:hidden;font-size:14px;line-height:2px;text-align:center;}
#flashs .btn span.cur{ background:#fff;}

.pc{display:block;}
.wap{display:none;}
 @media (max-width:767px) {
.container {
	width: auto
}
.pc{display:none;}
.wap{display:block;}
}

@font-face {
  font-family: "pingFangSC-Regular";
  src: url("../font/PingFang Regular_0.ttf");
  font-weight: normal;
  font-style: normal;
}

html,body { font-family: "PingFangSC-Medium"; }