@charset "utf-8";
/*
Theme ID: user108
Author: 懒鸟飞移植
Author QQ：1430826160
Author Email：1430826160@qq.com
Author URL: http://www.lanniaofei.com/
*/

body {
	color: #666;
	font: 14px/1.5 -apple-system, 'Helvetica Neue', 'Helvetica', 'Arial', 'Microsoft YaHei', SimSun, sans-serif;
	background: #F5F5F7
}

img {
/*border-radius: 3px;*/
}

.dj-sm {
	color: #9f9f9f;
	margin-top: 50px
}

.sm-one {
	text-align: center;
	margin-bottom: 4px
}

.sm-one:after {
	content: "\0020";
	display: block;
	height: 0;
	clear: both;
	overflow: hidden;
	visibility: hidden
}

.sm-one span {
	display: block;
	float: left;
	color: #ccc
}

.sm-o-left {
	-webkit-transform: scaleY(0.5);
	transform: scaleY(0.5);
	width: 42%;
	height: 0;
	border-top: 1px solid #ccc
}

.sm-o-center {
	margin-top: -13px;
	top: -13px;
	width: 16%;
	text-align: center;
	text-indent: 0
}

.sm-o-right {
	-webkit-transform: scaleY(0.5);
	transform: scaleY(0.5);
	width: 42%;
	height: 0;
	border-top: 1px solid #ccc
}

.sm-con {
	margin-top: 6px;
	margin-bottom: 30px;
	font-size: 14px;
	line-height: 22px;
	text-align: center;
	padding: 0
}

.sm-con a {
	color: #9f9f9f;
	text-decoration: underline !important
}

.dj-tt {
	color: red !important;
	border: 1px solid red !important
}

body,
dd,
dl,
dt,
li,
ol,
td,
th,
ul {
	margin: 0;
	padding: 0
}

body {
	overflow: auto !important;
	padding: 0 !important
}

.modal {
	overflow: hidden !important
}

a {
	color: #666;
	text-decoration: none;
	-webkit-transition: color .3s;
	-o-transition: color .3s;
	transition: color .3s
}

a:hover {
	color: #319bd0;
	text-decoration: none
}

a:link,
a:visited {
	text-decoration: none
}

body.nav-fixed {
	position: relative
}

ul li {
	list-style: none
}

.modal-dialog {
	margin: 200px auto
}

.bootstrap-select .dropdown-toggle:focus {
	outline: 0 !important
}

a:focus {
	outline: 0 !important
}

.fr {
	float: right
}

.fl {
	float: left
}

.input-login,
.input-reg {
	margin-bottom: 15px
}

.ajax_imgcode {
	position: absolute;
	bottom: 5px;
	right: 45px;
	z-index: 9
}

.ajax_reg_imgcode {
	position: absolute;
	bottom: 5px;
	right: 5px;
	z-index: 9
}

.faw {
	width: 15px
}

.col-sm-6.admina,
.col-sm-6.commenta,
.col-sm-6.loga,
.col-sm-6.weiyua {
	margin-bottom: 10px
}

.row>.lga>a {
	margin: auto 15px
}

.modal-header .close {
	text-shadow: 0 1px 0 #ddd;
	transition: all .5s linear;
	margin-right: -8px
}

.modal-header .close:hover {
	transform: rotate(-360deg)
}

.text-muted {
	color: #777;
	font-size: 85%
}

.container-fluid>.navbar-collapse,
.container-fluid>.navbar-header,
.container>.navbar-collapse,
.container>.navbar-header {
	margin-right: 0;
	margin-left: 0
}

.navbar-brand {
	padding: 12px 15px;
	height: auto;
	box-sizing: content-box;
	color: #fff !important;
	font-size: 24px;
	line-height: 1;
	letter-spacing: 1px;
}

.navbar-brand b {
	color: #319bd0;
 /*font-weight: normal;*/
}

.navbar-brand span {
	font-size: 14px;
}

.navbar-default {
	background: #fff
}

.navbar-form .input-group>.form-control {
	float: right;
	background: url(../images/search.png) no-repeat 15px 7px;
	padding-left: 35px;
	width: 20%
}

.nav>li>.dropdown a:hover ul {
	display: block
}

.navbar-default .navbar-nav>li>a {
	font-size: 16px;
	display: block;
	padding: 14px 15px;
	color: #222831
}

.navbar-default .navbar-nav>li {
	margin-left: 10px;
}

.navbar-default .navbar-nav>li>a i {
	margin-right: 6px;
	font-size: 18px;
	display: none;
}

.nav>li.s-li {
	display: none
}

.nav>li.s-li form {
	padding: 10px;
	display: flex;
	opacity: .9
}

.nav>li.s-li form input {
	width: 80%;
	font-size: 12px;
	border-color: #eee;
	box-shadow: inset 0 0 2px rgba(0, 0, 0, .075)
}

.nav>li.s-li form .btn {
	width: 20%;
	background: #319bd0;
	color: #fff
}

.navbar-nav>li:last-child {
	background: 0
}

.navbar-nav .fa-angle-down {
	-webkit-transition: all .25s;
	-moz-transition: all .25s;
	-ms-transition: all .25s;
	-o-transition: all .25s;
	transition: all .25s
}

.navbar-nav li:hover .fa-angle-down {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg)
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.dropdown>a:focus {
	color: #319bd0;
	background-color: transparent
}

.navbar-default .navbar-nav>.dropdown>a:hover,
.navbar-default .navbar-nav>li>a:hover {
	color: #319bd0;
	background-color: transparent
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
	color: #319bd0;
	background-color: transparent
}

.modal-header {
	color: #454545;
	padding: 10px 20px;
	height: 42px
}

.carousel-control>.slide-left,
.carousel-control>.slide-right {
	margin: 70% auto
}

.logout_body {
	border-bottom: 1px solid #eee;
	margin-bottom: 5px
}

.sidebar-user {
	margin: 18px;
	text-align: center
}

.sideli {
	margin-bottom: 15px
}

.carousel-indicators {
	bottom: 0
}

.panel-default {
	border-color: #eaeaea
}

.modal-footer {
	padding-top: 0;
	border-top: 0
}

.badge {
	background-color: #999
}

.btn-info {
	background-color: #319bd0;
	border-color: #319bd0
}

.btn-info:hover {
	background-color: #319bd0;
	border-color: #319bd0
}

#PB {
	margin-top: 94px
}

.sign-title {
	font-size: 18px;
	margin: 3px 10px;
	color: #3dbaf9;
	border-bottom: 2px solid #3dbaf9;
	width: 72px;
	padding-bottom: 8px
}

.ajax_btn-reg {
	margin-top: 15px
}

.ajax_qq {
	display: inline-block;
	float: left
}

.ajax_btn {
	display: inline-block;
	float: right
}

.ajax_login_icon {
	font-family: "YaHei", Georgia, Serif;
	background-color: #fff;
	color: #f97f7d !important;
	border: 2px solid #f78c8a;
	border-radius: 50px !important;
	font-size: 20px;
	padding: 6px 8px
}

.ajax_login_icon:hover {
	font-family: "YaHei", Georgia, Serif;
	background-color: #fff;
	color: #f97f7d !important;
	border: 2px solid #f78c8a;
	border-radius: 50px !important;
	font-size: 20px;
	padding: 6px 8px;
	opacity: .8
}

.ajax_login_code {
	font-family: "YaHei", Georgia, Serif;
	background-color: #fff;
	color: #3dbaf9 !important;
	border: 2px solid #3dbaf9;
	border-radius: 50px !important;
	font-size: 20px;
	padding: 6px 10px
}

.ajax_login_code:hover {
	font-family: "YaHei", Georgia, Serif;
	background-color: #fff;
	color: #3dbaf9 !important;
	border: 2px solid #3dbaf9;
	border-radius: 50px !important;
	font-size: 20px;
	padding: 6px 10px;
	opacity: .8
}

.form-group.input-login>span {
	margin-right: 10px
}

.ajax_reg_btn {
	background-color: #3dbaf9;
	border: 1px solid #3dbaf9;
	color: #fff
}

.ajax_reg_btn:hover {
	opacity: .8;
	color: #fff
}

.ajax_login_btn {
	background-color: #3dbaf9;
	border-color: #3dbaf9;
	color: #fff;
	border: 1px solid #FFF;
	border-radius: 3px !important;
	width: 120px
}

.ajax_login_btn:hover {
	opacity: .8;
	color: #fff
}

.container-fluid p {
	color: #454545
}

.btn.ajax_reg_btn.btn-block {
	color: #fff
}

.col-sm-7.ajax_login_list1 {
	border-right: 1px solid #eee
}

.ajax_login_btn[disabled] {
	background-color: #9ad5f3
}

.ajax_btn>span>input {
	border: 1px solid #FFF;
	border-radius: 3px;
	padding: 4px 15px;
	color: #fff;
	display: inline-block
}

.ajax_btn>span>input:hover {
	opacity: .8
}

.nav-tabs>li>a {
	border-radius: 2px 4px 0 0;
	color: #fff;
	line-height: .82857143
}

.nav-tabs>li>a:focus,
.nav-tabs>li>a:hover {
	text-decoration: none;
	background-color: transparent;
	color: #5a4e4c;
	border: 1px solid transparent;
	text-shadow: .07em .07em 0 rgba(0, 0, 0, .1)
}

.dlbt {
	color: #ffa600;
	margin-left: 5px
}

.content-wrap {
	float: left;
	width: 72%
}

.content-wrap.nosidebar {
	width: 100%;
	float: none
}

.content {
	position: relative;
	margin-bottom: 15px;
	min-height: 280px
}

.sidebar {
	position: relative;
	float: right;
	margin-left: 0;
	width: 26.6%
}

.sidebar .row {
	margin: 0
}

.sidebar.fixed .row {
	position: fixed;
	z-index: 295;
	width: 319.19px;
}

.sidebars {
	position: relative;
	float: left;
	margin-left: -340px;
	width: 326px
}

.excerpt-minic {
	overflow: hidden;
	margin-bottom: 15px;
	height: 40px;
	line-height: 40px;
	box-shadow: 0px 0px 20px -5px rgba(158, 158, 158, 0.22)
}

.gglb {
	padding-left: 5px
}

.bulletin ul li {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.posts-gallery-content h2 a:hover {
	color: #319bd0
}

.sub-cate {
	padding: 0 1px;
	box-shadow: 0px 0px 20px -5px rgba(158, 158, 158, 0.22)
}

.sub-cate .tit {
	display: inline-block;
	margin-bottom: 15px;
	vertical-align: middle
}

.mb-cate span {
	display: block;
	width: 100%;
	margin-bottom: 15px;
}

.sub-cate a {
/*margin-bottom: 15px; */
	padding: 0 10px;
	display: inline-block;
	vertical-align: middle;
}

.sub-cate a.on {
	color: #319bd0
}

.sub-cate a:active {
	box-shadow: none
}

.sub-cate a span {
	padding: 0 5px;
	width: auto;
	height: 18px;
	line-height: 18px;
	text-align: center;
	font-weight: normal;
	border-radius: 0
}

.sub-cate a.btn-info span:hover {
	background: #fff !important;
	color: #319bd0 !important
}

.sub-cate a:hover {
	color: #319bd0
}

.sub-cate a.btn-info {
	color: #fff
}

.product-cate {
	background: #fff;
	margin-bottom: 15px;
	padding: 10px 15px;
	border-radius: 3px;
}
/*.product-cate .tit,
.product-cate a{margin-bottom: 0; padding: 0; margin-right: 15px;}*/
.product-cate .item~.item {
	border-top: 1px solid #eee;
	margin-top: 10px;
	padding-top: 15px
}

.flex {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.product-cate .flex a {
	width: 15%;
	text-align: left;
}

@media (max-width: 768px) {
	.product-cate .flex a {
		width: auto;
	}

	.product-cate .flex a.mhide {
		display: none;
	}
}

.content-list {
	position: relative;
	overflow: hidden;
	display: block;
	margin-bottom: 15px;
	box-shadow: 0px 0px 20px -5px rgba(158, 158, 158, 0.22);
	background: #fff;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	border-bottom: 1px solid #efefef !important;
 /*box-shadow: none !important*/
}

.content-box {
	overflow: hidden;
	padding: 10px
}

.posts-default .content-box {
	padding: 0
}

.posts-default-img {
	position: relative;
	overflow: hidden;
	max-height: 300px;
	height: auto;
	width: 100%
}

.posts-default-img a {
	position: relative;
	display: block
}

.posts-default-img img {
	width: 100%
}

.posts-default-img .overlay {
	opacity: 0
}

.posts-default-img a:hover .overlay {
	opacity: .2
}

.posts-default-box {
	padding: 32px 27px
}

.posts-default-title {
	position: relative;
	margin: 0 0 10px
}

.posts-default-title h2 {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	line-height: 1.2;
	font-size: 20px;
	margin: 0;
	padding: 0
}

.posts-default-title h2 a:hover {
	color: #319bd0
}

.posts-default-content {
	position: relative;
	line-height: normal
}

.posts-default-content .posts-text {
	line-height: 1.6;
	margin-bottom: 15px;
	color: #748594
}

.posts-default-info {
	position: relative;
	display: inline-block
}

.posts-default-info ul li {
	font-size: 12px;
	letter-spacing: -.2px;
	float: left;
	padding: 0;
	margin: 0 10px 0 0;
	color: #748594;
	position: relative;
	line-height: 1.5
}

.posts-default-info ul li a {
	color: #748594
}

.posts-default-info ul li a:hover {
	color: #319bd0
}

.posts-default-info ul li.post-author {
	padding-left: 22px
}

.posts-default-info ul li .avatar {
	position: absolute;
	top: -1px;
	left: 0;
	width: 20px
}

.posts-default-info ul li .avatar img {
	border: 1px solid #e5e5e5;
	border-radius: 50%;
	padding: 1px;
	width: 20px;
	height: 20px
}

.posts-gallery-img {
	position: relative;
	float: left;
	width: 200px;
	height: 134px;
	overflow: hidden;
	display: none
}

.haspic .posts-gallery-img {
	display: block
}

.posts-gallery-img img {
	width: 100%;
	height: 100%;
	border: 1px solid #e5e8ed;
	object-fit: cover;
}

.posts-gallery-img .simg {
	height: 100%
}

.posts-gallery-img .simg-8 img {
	display: block
}

.posts-gallery-img .simg .t1 {
	position: absolute;
	left: 5px;
	top: 5px;
	z-index: 2;
	color: #fff;
	padding: 0 6px;
	font-size: 12px;
	background: rgba(255, 68, 0, .8)
}

.posts-gallery-content {
	margin-left: 220px;
	padding-top: 0
}

.video-list-two .posts-gallery-content {
	margin-left: 0
}

.posts-gallery-content h2 {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	margin: 0 0 10px 0;
	line-height: 1.2;
	font-size: 16px;
	padding-top: 4px;
	font-weight: 600
}

.posts-gallery-content h2 a {
	color: #454545;
	font-weight: bold
}

.posts-gallery-content .posts-gallery-text {
	line-height: 1.6;
	margin-bottom: 15px;
	color: #777;
	min-height: 66px
}

.post-style-tips {
	position: absolute;
	bottom: 32px;
	right: 28px
}

.post-style-tips a {
	padding: 6px 10px;
	line-height: 1;
	color: #FFF;
	background: #378df7;
	display: inline-block;
	font-size: 13px
}

.post-style-tips span a:hover {
	background: #273746
}

.post-images-item {
	margin-bottom: 10px
}

.post-images-item ul {
	overflow: hidden
}

.post-images-item ul li {
	float: left;
	width: 33.3333%
}

.post-images-item ul li .overlay {
	opacity: 0
}

.post-images-item ul li:first-child .image-item {
	margin-right: 6px;
	height: 135px;
	position: relative;
	overflow: hidden
}

.post-images-item ul li:nth-child(2) .image-item {
	margin-left: 3px;
	margin-right: 3px;
	height: 135px;
	position: relative;
	overflow: hidden
}

.post-images-item ul li:last-child .image-item {
	margin-left: 6px;
	height: 135px;
	position: relative;
	overflow: hidden
}

.post-images-item ul li a img {
	width: 100%;
	height: 166px
}

.post-entry-categories {
	margin-top: -2px;
	float: right;
	display: block;
}

.post-entry-categories a {
	padding: 4px 5px;
	background-color: #319bd0;
	color: #fff;
	line-height: 1.4;
	font-weight: 400;
	margin: 0 2px 2px 0;
	display: inline-block;
	font-size: 12px;
}

.post-entry-categories a:nth-child(6n+0) {
	background-color: #4a4a4a
}

.post-entry-categories a:nth-child(6n+1) {
	background-color: #ff5e5c
}

.post-entry-categories a:nth-child(6n+2) {
	background-color: #ffbb50
}

.post-entry-categories a:nth-child(6n+3) {
	background-color: #1ac756
}

.post-entry-categories a:nth-child(6n+4) {
	background-color: #319bd0
}

.post-entry-categories a:hover {
	background-color: #1b1b1b;
	color: #FFF
}

.index_cms_6 {
	padding-left: 5px;
	padding-right: 5px
}

.index_cms {
	margin-left: -5px;
	margin-right: -5px
}

.xg {
	-webkit-backface-visibility: hidden;
	-webkit-filter: blur(4px);
	-moz-filter: blur(4px);
	-o-filter: blur(4px);
	-ms-filter: blur(4px);
	filter: blur(4px);
	z-index: 1
}

i.article-mark {
	width: 56px;
	height: 56px;
 /*background: url(../images/ico-mark.png);*/
	position: absolute;
	left: 10px;
	top: 10px;
	z-index: 14;
	margin: -3px 0 0 -3px
}

i.article-marks {
	width: 56px;
	height: 56px;
 /*background: url(../images/ico-mark.png);*/
	position: absolute;
	left: 10px;
	top: 45px;
	z-index: 14;
	margin: -3px 0 0 -3px
}

i.article-mark.new-mark,
i.article-marks.new-mark {
	background-position: -16px -16px
}

i.article-mark.hot-mark,
i.article-marks.hot-mark {
	background-position: -112px -16px
}

i.article-mark.top-mark,
i.article-marks.top-mark {
	background-position: -192px -16px
}

span.mark-red {
	position: absolute;
	color: #f73b3b;
	font-weight: 400;
	right: -40px;
	top: -15px;
	background: #f73b3b;
	width: 90px;
	text-align: center;
	color: #fff;
	padding: 24px 0 2px;
	font-size: 12px;
	transform: rotate(45deg)
}

.textgg i {
	color: #fff;
	background: #319bd0;
	height: 25px;
	margin-top: 7.5px;
	line-height: 25px;
	text-align: center;
	border-radius: 50%;
	width: 25px;
	margin-right: 10px;
	margin-left: 5px;
	float: left
}

.excerpt {
	padding: 8px;
	overflow: hidden;
	background: #fff;
	margin-bottom: 15px;
	position: relative;
	box-shadow: 0px 0px 20px -5px rgba(158, 158, 158, 0.22);
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s
}

.content-list:hover,
.excerpt:hover,
.panel-default:hover {
	box-shadow: 0 3px 6px 0 rgba(3, 27, 78, .10)
}

.btn,
.dropdown-menu,
.form-control,
.input-group-addon,
.modal-content,
.panel {
	border-radius: 0
}

.panel-default>.panel-heading {
	padding: 15px 15px 10px;
	background: rgba(255, 255, 255, 0.81);
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-color: transparent
}

.more {
	font-size: 15px
}

.panel_cms {
	padding: 5px 15px 0;
	min-height: 197px
}

.panel_cms ul {
	padding: 0 4px;
	margin-bottom: 0
}

.panel_cms li a {
	display: inline-block;
	overflow: hidden;
	width: 100%;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #454545
}

.panel_cms li a:hover {
	color: #319bd0
}

.panel_cms time {
	float: right;
	margin: 0;
	padding: 0;
	color: #999;
	line-height: 24px;
	font-size: 12px;
	margin-left: 20px
}

.panel_cms ul li {
	line-height: 1.8em
}

.panel-default {
	margin-bottom: 10px
}

.pagination {
	margin: 0;
	text-align: center;
	font-size: 12px;
	display: inline-block;
	border-radius: 0;
	vertical-align: middle;
}

.pagination ul {
	display: inline-block;
	margin-left: 0;
	margin-bottom: 0;
	padding: 0
}

.pagination ul>a {
	display: inline
}

.pagination ul>a.page-num-current {
	background: #319bd0 !important;
	color: #fff
}

.pagination ul>a:hover {
	background: #eee
}

.pagination ul>span.tj {
	color: #999;
	background-color: transparent;
	cursor: default;
	margin: 0 2px;
	float: left;
	padding: 2px 14px;
	border: 0;
	font-size: 12px
}

.pagination ul>a,
.pagination ul>span {
	margin: 0 2px;
	float: left;
	padding: 5px 14px;
	line-height: 22px;
	border: 1px solid #e5e8ed;
	color: #444;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s
}

.excerpt-page {
	padding: 10px 0;
	font-size: 0;
	text-align: center
}

.navbar-right {
	margin-left: 5%!important;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex: 1;
	padding-right: 15px;
}

.navbar-right:before,
.navbar-right:after {
	display: none;
}

.navbar-nav .dropdown:hover .dropdown-menu {
	visibility: visible;
	opacity: 1;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0)
}

.navbar-right .dropdown-menu {
	display: inline-block;
	visibility: hidden;
	opacity: 0;
	transition: all .4s;
	transition: all .4s ease;
	-moz-transition: all .4s;
	-webkit-transition: all .4s;
	-o-transition: all .4s;
	min-width: 0;
	background-color: #fff;
	right: auto;
	left: 50%;
	margin-left: -65px;
	width: 130px;
	text-align: center;
	-webkit-transform: translateY(6px);
	-ms-transform: translateY(6px);
	-o-transform: translateY(6px);
	transform: translateY(6px)
}

.navbar-nav .dropdown-menu:after {
	border-bottom: 6px solid #fff;
	margin-top: 1px
}

.navbar-nav .dropdown-menu:before {
	border-bottom: 6px solid #ccc
}

.navbar-nav .dropdown-menu:after,
.navbar-nav .dropdown-menu:before {
	content: '';
	position: absolute;
	top: -6px;
	left: 50%;
	margin-left: -6px;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent
}

.widget_ui_statistics ul {
	overflow: hidden;
	padding: 15px;
	color: #888;
	line-height: 26px
}

.widget_ui_statistics li {
	float: left;
	width: 50%
}

.shareBox {
	text-align: center;
	margin: 40px 0 10px;
	position: relative
}

.shareBox p {
	padding-bottom: 0;
	margin: 0
}

.shareBox .sharebtn {
	width: 92px;
	height: 36px;
	line-height: 36px;
	border-radius: 18px;
	box-shadow: none;
	background: #fff;
	display: inline-block;
	text-align: center;
	margin: 0 2px;
	color: #f74840;
	font-size: 14px;
	text-decoration: none;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	cursor: pointer
}

.shareBox .sharebtn.zan {
	cursor: not-allowed
}

.shareBox .like .icon-heart-filled {
	display: none;
	margin-top: -3px
}

.shareBox .like.current {
	background-color: #f74840;
	color: #fff
}

.shareBox .like i {
	vertical-align: middle;
	display: inline-block;
	margin-top: -3px;
	display: inline-block
}

.shareBox .like.current .icon-heart-filled {
	display: inline-block;
	-webkit-animation: waver .3s linear 1;
	-moz-animation: waver .3s linear 1;
	-o-animation: waver .3s linear 1;
	animation: waver .3s linear 1
}

.shareBox .like.current .icon-heart {
	display: none
}

.panel-abouts .wxgz {
	display: inline-block;
	text-align: center;
	margin: 0 10px;
	padding: 5px;
	border: 1px solid #836fff
}

.panel-reward {
	position: relative;
	padding: 10px 0 0;
	display: none;
	margin: 15px 0;
	border: 1px dashed #ccc
}

.panel-reward ul li {
	display: inline-block;
	margin: 0 10px 5px;
	padding: 5px
}

.panel-reward ul .txpay {
	margin-left: 6px;
	border-color: #c99eea
}

.panel-reward ul .weixinpay {
	margin-left: 6px;
	border-color: #8ae0ac;
	text-align: center;
}

.context ul .weixinpay:before {
	display: none;
}

.panel-abouts .wxgz img,
.panel-reward ul li img {
	width: 150px;
	height: auto;
	margin-bottom: 0;
	border: 0;
	padding: 0;
	background-color: transparent !important
}

.panel-abouts .wxgz img:hover,
.panel-reward ul li img:hover {
	border: 0;
	padding: 0
}

.panel-abouts .wxgz b,
.panel-reward ul li b {
	display: block;
	font-weight: 400;
	margin-top: 10px;
	font-size: 14px;
	line-height: 1.75;
	color: #999
}

@keyframes waver {
	0 {
		transform: scale(1, 1)
	}

	50% {
		transform: scale(1.5, 1.5)
	}

	100% {
		transform: scale(1, 1)
	}
}

@-moz-keyframes waver {
	0 {
		-moz-transform: scale(1, 1)
	}

	50% {
		-moz-transform: scale(1.5, 1.5)
	}

	100% {
		-moz-transform: scale(1, 1)
	}
}

@-webkit-keyframes waver {
	0 {
		-webkit-transform: scale(1, 1)
	}

	50% {
		-webkit-transform: scale(1.5, 1.5)
	}

	100% {
		-webkit-transform: scale(1, 1)
	}
}

@-o-keyframes waver {
	0 {
		-o-transform: scale(1, 1)
	}

	50% {
		-o-transform: scale(1.5, 1.5)
	}

	100% {
		-o-transform: scale(1, 1)
	}
}

@-webkit-keyframes rotate {
	from {
		-webkit-transform: rotate(0)
	}

	to {
		-webkit-transform: rotate(360deg)
	}
}

@-moz-keyframes rotate {
	from {
		-moz-transform: rotate(0)
	}

	to {
		-moz-transform: rotate(360deg)
	}
}

@-ms-keyframes rotate {
	from {
		-ms-transform: rotate(0)
	}

	to {
		-ms-transform: rotate(360deg)
	}
}

@-o-keyframes rotate {
	from {
		-o-transform: rotate(0)
	}

	to {
		-o-transform: rotate(360deg)
	}
}

@keyframes rotate {
	from {
		transform: rotate(0)
	}

	to {
		transform: rotate(360deg)
	}
}

.shareBox .share-btn {
	color: #3496e6;
	border-color: #3496e6
}

.shareBox .sharebtn:hover {
	background-color: #f74840;
	color: #fff
}

.shareBox .publicity-btn {
	background-color: #378df7;
	color: #FFF;
	border-color: #378df7
}

.shareBox .publicity-btn:hover {
	background-color: #2c6fc1;
	border-color: #2c6fc1
}

.shareBox .share-btn:hover {
	background-color: #3496e6;
	color: #fff
}

.shareBox .pay-author {
	background-color: #ec414d;
	color: #fff
}

.shareBox .pay-author:hover {
	opacity: .9
}

.bdsharebuttonbox {
	display: none;
	padding: 20px 0 0;
	position: relative
}

.panel-abouts,
.panel-reward {
	position: relative;
	padding: 20px 0;
	display: none
}

#ajaxloading,
#ajaxloading1,
#error,
#error1 {
	position: relative;
	color: red;
	left: 8px;
	top: 8px
}

#mySlide {
	width: 100%;
	margin-bottom: 10px
}

.carousel-inner>.item>img {
	margin: 0 auto;
	width: 100%
}

.carousel-control {
	margin: 0 auto
}

#header {
	height: auto;
	border: navajowhite;
	box-shadow: 0px 5px 40px 0px rgba(17, 58, 93, 0.1) !important;
}

#header .container {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
 /*justify-content: space-between;*/
}

#header .container:before,
#header .container:after {
	display: none;
}

.logo img {
	margin-top: 0;
 /*height: 100%*/
}

a.highslide {
	border: 0 !important
}

.panel .panel-header {
	line-height: 38px;
	background: #fff;
	margin-bottom: 20px;
	padding-bottom: 15px;
	border-bottom: 1px #eee solid;
}

.breadcrumb {
	display: inline-block;
	margin: 0;
	background: #fff;
	padding: 0;
	color: #999
}

#post-box .post-title {
	margin-top: 15px;
	color: #151515;
	width: 100%;
	line-height: 1.5;
	font-size: 24px;
	font-weight: 500;
	padding: 0 20px;
	text-align: left;
	margin-bottom: 12px
}

#post-box .post-meta-box .breadcrumb i {
	display: none
}

#post-box .post-meta-box {
	padding: 2px 20px;
	color: #999
}

#post-box .post-meta-box a {
	color: #999
}

#post-box .post-meta-box>.meta-top {
	float: right;
	color: #777
}

#post-box .post-meta-box a:hover {
	color: #319bd0
}

#post-box .post-meta-box>.meta-top>span.comments-top:before {
	padding: 0 5px;
	color: #ccc;
	content: "/\00a0"
}

.post-info,
.post-info-m {
	text-align: left;
	color: #888;
	font-size: 12px;
	line-height: 1;
	padding: 0 20px
}

.post-info-m {
	display: none
}

.post-info span,
.post-info-m span {
	margin-right: 10px
}

.post-info span a,
.post-info-m span a {
	color: #888
}

.post-info span a:hover {
	color: #319bd0
}

#mobile-tab-menu {
	display: none;
	margin-top: 5px;
	padding: 0 10px
}

#mobile-tab-menu>li.current {
	background: #bcbcbc;
	color: #FFF
}

#mobile-tab-menu>li:first-child {
	border-top-left-radius: 3px;
	-moz-border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
	-moz-border-bottom-left-radius: 3px
}

#mobile-tab-menu>li:last-child {
	border-right-width: 1px;
	border-top-right-radius: 3px;
	-moz-border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	-moz-border-bottom-right-radius: 3px
}

#mobile-tab-menu>li {
	float: left;
	width: 50%;
	text-align: center;
	border: 1px solid #bcbcbc;
	border-right-width: 0;
	cursor: pointer;
	height: 30px;
	line-height: 30px;
	color: #666
}

.log_h3 {
	font-size: 18px;
	margin: 0;
	padding: 20px 20px;
	color: #333;
	border-bottom: 1px solid #eee
}

.tips {
	color: #666
}

section.context {
	padding: 0 20px 20px;
	word-wrap: break-word;
	min-height: 100px;
	font-size: 15px;
	line-height: 27px
}

.article-content {
	line-height: 1.75
}

.article-content iframe {
	width: 100% !important;
	height: 593px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1)
}

.article-content a {
	color: #337ab7
}
/*.article-content a:after{content: ''; background: no-repeat url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAA/UlEQVQYV12QwWrCQBCG9yLFi2d76EVQDx576sHgbhTMA3jTPksh2STVUlBPfQkfqO8gqOzGmEKn808xiAvLkJlv//zzK2P9bvJBZKz7HecV6iF627dC675N6olvxT1SkxVD2dkESfGk41N/nJWdaEMPz1/UMImPp2sR+VGgAam7Y5JiJooMoyqTFhSmZQ/Dl09qovJv59GWlRiGMmwIGMTHbq2UugUgwPiGDXgWUL+XfTS1da88IMDXh/CMBVWYX2ho/aPOL4MpQ4BvbciCnIYsM1q6tjQZVncHiyI6iUfbcwhYlNkGPGNBgTg6MEoCX0lWBBvwXF/u/c/87g96DLwN1VorFQAAAABJRU5ErkJggg==); display: inline-block; height: 10px; margin: 0 3px 0 5px; width: 10px;}*/
.article-content video {
	width: 100%;
	height: auto;
	border: 1px solid #eee;
	vertical-align: middle;
}

.article-content a:hover {
	text-decoration: underline
}

section.context ol {
	padding-left: 20px
}

section.context table {
/*margin-top: 20px;*/
	margin-bottom: 10px
}

section.context table td,
section.context table th {
	padding: 5px 10px;
	border: 1px solid #DDD;
	text-align: center;
	font-weight: normal;
}

section.context table th {
	padding: 10px 10px
}

section.context.context-album {
	padding: 15px 0
}

.context img {
	max-width: 728px
}

.related-posts {
	padding: 0;
	margin: 0
}

.related-posts>li {
	margin-bottom: 10px
}

.related-posts>li .related-posts-panel {
	margin-bottom: 0;
	border: 1px solid transparent;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1)
}

.panel.no-padding {
	padding: 0
}

.panel.transparent {
	background: 0
}

.related-posts>li .thumbnail-link {
	display: block;
	position: relative;
	overflow: hidden
}

.related-posts>li .thumbnailimg {
	width: 100%;
	height: 138px;
	display: block
}

.related-posts>li .related-posts-panel:hover {
	box-shadow: 0 0 2px #319bd0;
	-moz-box-shadow: 0 0 2px #319bd0
}

.related-posts>li .related-posts-panel:hover .excerpt {
	top: 0
}

.related-posts>li .excerpt {
	position: absolute;
	width: 100%;
	top: -100%;
	left: 0;
	background: rgba(0, 0, 0, .66);
	height: 100%;
	color: #FFF;
	padding: 8px;
	transition: top .2s;
	-webkit-transition: top .2s;
	-moz-transition: top .2s;
	-o-transition: top .2s
}

.related-posts>li .bottom-box {
	padding: 5px;
	text-align: center;
	background: #FFF
}

.related-posts>li .post-title {
	line-height: 13px;
	padding: 5px;
	margin: 0;
	white-space: nowrap;
	overflow: hidden;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis
}

.related-posts>li .post-title a {
	color: #666
}

.related-posts>li .post-meta>li {
	display: inline-block;
	color: #666;
	margin-right: 30px
}

.related-posts>li .post-meta>li:last-child {
	margin-right: 0
}

.related-posts>li .post-meta>li a {
	color: #666
}

.post-title {
	text-align: center
}

.post-meta {
	padding: 0
}

.date-abb a {
	font-size: 12px
}

.context pre {
	margin: 0 0 15px;
	border-radius: 2px;
	padding: 10px 20px;
	line-height: 20px
}

.context h1 {
	font-size: 22px;
	line-height: 32px;
	margin: 0 -15px 10px;
	padding: 0 15px;
	background: #fafafa
}

.context h2 {
/*font-weight: bold;*/ /*font-size: 20px;*/
	margin-bottom: 20px;
	margin-top: 20px;
	color: #454545;
	line-height: 1.1;
	display: inline-block;
	background: -webkit-gradient(linear,left bottom,left top,color-stop(26%,rgba(49,155,208,.7)),color-stop(26%,transparent));
	background: -o-linear-gradient(bottom,rgba(49,155,208,.7) 26%,transparent 26% 100%);
	background: linear-gradient(to top,rgba(49,155,208,.7) 26%,transparent 26% 100%);
	font-weight: bold;
	font-size: 20px;
}
/*.context h3{font-size: 18px;}*/
/*.context h2::before{content: '#'; margin-right: 10px; color: #319bd0;}*/
.context ul {
	padding: 0;
 /*padding-bottom: 20px;*/
	list-style-type: none !important;
}

.context ul li {
	position: relative;
	padding-left: 20px;
	text-align: left;
}

.context ul li:before {
	position: absolute;
	left: -2px;
	padding-right: 8px;
	color: #319BD0;
	content: "●";
	line-height: 26px;
}
/*.context p{margin-bottom: 15px}*/
.article-content>h2:first-child,
.article-content>h3:first-child {
	margin-top: 0
}

.context h4 {
	font-size: 16px;
	line-height: 26px;
	margin: 0 -15px 10px;
	padding: 0 15px;
	background: #fafafa
}

.context h5 {
	font-size: 14px;
	line-height: 24px;
	margin: 0 -15px 10px;
	padding: 0 15px;
	background: #fafafa
}

.context h6 {
	line-height: 22px;
	margin: 0 -15px 10px;
	padding: 0 15px;
	background: #fafafa
}

.context img {
	max-width: 100%;
	height: auto !important;
	border: 1px solid #eee;
	margin-bottom: 15px;
	padding: 2px;
	transition: .5s;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-o-transition: .5s;
	transition-property: border-color, box-shadow;
	-webkit-transition-property: border-color, box-shadow;
	-moz-transition-property: border-color, box-shadow;
	-o-transition-property: border-color, box-shadow
}

.context s,
.jiaru s {
	color: #999;
	font-weight: normal;
}

.navbar-form .input-group>.search-texts {
	float: right;
	width: 100%
}

.action-share {
	position: relative;
	margin: 30px 0;
	color: #666;
	text-align: center
}

.bdsharebuttonbox.bdshare-button-style0-24 a {
	position: relative;
	float: none;
	display: inline-block;
	margin: 0 2px
}

.bdsharebuttonbox.bdshare-button-style0-24 span {
	position: relative;
	vertical-align: top
}

.bdsharebuttonbox.bdshare-button-style0-24 .bds_count {
	margin: 0;
	color: #666
}

.bdsharebuttonbox.bdshare-button-style0-24 a.bds_more {
	color: #666;
	font-size: 14px
}

.action-like.zan {
	color: #319bd0
}

.u-share-container {
	text-align: center;
	font-size: 0
}

.u-share-container li {
	display: inline-block;
	width: 50px;
	height: 50px;
	box-sizing: border-box;
	border: 2px solid #e8e9e7;
	border-radius: 50%;
	margin: 0 10px;
	opacity: .5;
	transition: opacity .36s linear;
	cursor: pointer;
	position: relative
}

.u-share-container li:before {
	content: '';
	width: 30px;
	height: 30px;
 /*background: url(../images/share.png) no-repeat; */
	background-size: 30px 150px;
	display: block;
	margin: 8px;
	transition: transform .3s linear
}

.u-share-container li:hover {
	opacity: 1
}

.u-share-container li:first-child {
	margin-left: 0
}

.u-share-container li:last-child {
	margin-right: 0
}

.u-share-container li.s-weibo {
	border-color: #ff7171
}

.u-share-container li.s-weixin {
	border-color: #5ac64f
}

.u-share-container li.s-qzone {
	border-color: #fbb611
}

.u-share-container li.s-note {
	border-color: #7ba2e8
}

.u-share-container li.s-weibo:before {
	background-position: 0 -60px
}

.u-share-container li.s-weixin:before {
	background-position: 0 0
}

.u-share-container li.s-qzone:before {
	background-position: 0 -30px
}

.u-share-container li.s-note:before {
	background-position: 0 -90px
}

.layer-share-weixin {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 19900206;
	text-align: center
}

.layer-share-weixin .inner,
.layer-share-weixin:after {
	display: inline-block;
	vertical-align: middle
}

.layer-share-weixin:after {
	content: '';
	height: 100%
}

.layer-share-weixin .inner {
	width: 260px;
	padding: 15px;
	background-color: #fff;
	overflow: hidden;
	text-align: left;
	color: #787977;
	line-height: 20px;
	box-shadow: 0 0 10px rgba(0, 0, 0, .2)
}

.layer-share-weixin .inner h6 {
	font-size: 14px;
	font-weight: 400;
	position: relative;
	color: #484947
}

.layer-share-weixin .inner h6 .close {
	font-weight: 700;
	position: absolute;
	right: 0;
	padding: 2px 5px;
	background-color: #e8e9e7;
	line-height: 16px;
	transition: all .3s
}

.layer-share-weixin .inner h6 .close:hover {
	background-color: #6bc30d;
	color: #fff
}

.layer-share-weixin .inner img {
	display: block;
	width: 174px;
	height: 174px;
	margin: 15px auto
}

.unit-blur #PB {
	-webkit-filter: blur(1px);
	-moz-filter: blur(1px);
	filter: blur(1px);
	filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=10, MakeShadow=false)\9
}

.grid-weibo-show header {
	height: 90px;
 /*background: url(../images/weibo.jpg) center center no-repeat; */
	background-size: cover;
	position: relative;
	overflow: hidden
}

.widget_ui_blogger .panel {
	padding: 0
}

.fly_weibo {
	padding: 0
}

#weiboShow {
	background-color: rgba(255, 255, 255, 0.81);
	min-height: 110px;
	padding: 0
}

.grid-weibo-show {
	background-color: rgba(255, 255, 255, 0.81)
}

.grid-weibo-show .contentt {
	padding: 20px 20px 5px;
}

.grid-weibo-show .avatar {
	box-shadow: none;
	width: 80px;
	height: 80px;
	padding: 5px;
	background-color: rgba(255, 255, 255, .3);
	border-radius: 100%;
	margin: -5px auto 0 auto;
	position: relative;
	z-index: 2;
	box-shadow: 0 5px 10px rgba(0,0,0,0.15);
}

.grid-weibo-show .avatar img {
	width: 70px;
	height: 70px;
	border-radius: 100%
}

.grid-weibo-show h4 {
	line-height: 26px;
	margin: 10px 0 8px;
	font-size: 16px;
	text-align: center;
	line-height: 1
}

.grid-weibo-show h4 span {
	position: absolute;
	display: inline-block;
	margin-left: 8px;
	background: #13b755;
	color: #fff;
	border-radius: 3px;
	font-size: 12px;
	padding: 3px 5px;
	font-weight: normal;
	margin-top: -2px;
}

.grid-weibo-show .seta {
	text-align: center;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.grid-weibo-show .f-tdn {
	padding: 8px;
	text-align: center
}

.grid-weibo-show .u-btn-submit {
	display: block;
	margin: 10px auto;
	width: 70%;
	border: 1px solid #319bd0;
	background: #319bd0;
	color: #fff;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out
}

.grid-weibo-show footer {
	border-top: 1px solid #e5e5e5;
	margin-top: 15px;
	padding-top: 5px;
}

.grid-weibo-show footer li {
	display: inline-block;
	width: 23%;
	padding: 5px 0;
	text-align: center;
	font-size: 14px;
	vertical-align: middle;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.grid-weibo-show footer li span,
.grid-weibo-show footer li strong {
	margin: 0 auto
}

.grid-weibo-show li strong {
	font-family: Georgia;
	font-weight: 400;
	font-size: 15px;
	margin-top: -2px !important
}

.widget_ui_blogger {
	padding-left: 0;
	padding-right: 0
}

.widget_calendar {
	overflow: hidden;
	padding: 15px
}

#calendar_wrap {
	margin: 0 0 10px
}

.widget_calendar table {
	width: 100%;
	text-align: center
}

.widget_calendar table caption {
	margin-bottom: 5px;
	font-size: 18px;
	text-align: center
}

.widget_calendar table thead th {
	background-color: #fbfbfb;
	text-align: center
}

.widget_calendar table tbody td,
.widget_calendar table tfoot td,
.widget_calendar table thead th {
	padding: 5px 3px;
	border: 1px solid #eee
}

.widget_calendar #calendar #today {
	background: url(../images/calendar.gif) no-repeat center center;
	color: #454545
}

.widget {
	position: relative;
	clear: both;
	overflow: hidden;
	margin-bottom: 15px;
	background: #fff;
	box-shadow: 0px 0px 20px -5px rgba(158, 158, 158, 0.22)
}

.widget .panel-header h3,
.widget .widget-title h3 {
	position: relative;
	margin: 0;
	padding: 13px 15px 2px 25px;
	color: #333;
	font-size: 16px;
}

.widget .intro-title h3 {
	padding: 13px 15px 2px 0;
}

.xg_list .widget h3 {
	position: relative;
	margin: 0;
	padding: 13px 15px 2px;
	color: #333;
	font-size: 16px padding: 12px 20px 12px
}

span.icon {
	float: left;
	padding: 12px 8px 0 15px;
	min-width: 15px;
	display: none
}

.widget_ui_tags .items {
	overflow: hidden;
	padding: 12px 15px 12px 15px;
	display: flex;
	flex-wrap: wrap
}

.widget_ui_tags .items a {
	flex-grow: 1;
	overflow: hidden;
	margin-right: 7px;
	height: 28px;
	font-size: 13px;
	line-height: 28px;
	text-overflow: ellipsis;
	white-space: nowrap;
	background: #f1f1f1;
	padding: 0 10px;
	line-height: 28px;
	margin-bottom: 7px;
	border-radius: 2px;
	text-align: center;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s
}

.widget_ui_tags .items a:hover {
	color: #fff;
	background: #319bd0
}

.widget_ui_tags .items-4 a {
	width: 33.3333%
}

.widget_ui_gg .items,
.widget_ui_share .items {
	overflow: hidden;
	padding: 12px 15px 12px 15px;
	display: flex;
	flex-wrap: wrap
}

.widget_ui_share .items-intro {
	line-height: 1.75;
}

.widget_ui_gg .items {
	padding: 0;
}

.widget_ui_gg .items a,
.widget_ui_share .items a {
	overflow: hidden;
	width: 100%;
	height: auto;
	font-size: 14px;
	line-height: 28px;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.widget_ui_gg .items a img {
	width: 100%;
	height: auto;
	display: block;
}

.widget_ui_sort ul.row.sort-ul {
	list-style: none;
	padding: 0;
	margin: 10px
}

.widget_ui_sort ul.row.sort-ul li.col-sm-6.sort-li {
	margin: 0;
	padding: 0
}

.widget_ui_sort ul.row.sort-ul li.col-sm-6.sort-li a {
	background-color: #fbfbfb;
	border: 1px solid #eaeaea;
	color: #666;
	float: left;
	font-size: 14px;
	height: 37px;
	line-height: 33px;
	text-align: center;
	width: 100%
}

.widget_archive ul.row.gd-sort {
	overflow: hidden;
	padding: 5px 0 5px 25px
}

.widget_archive ul.row.gd-sort li.gd-sort-li {
	float: left;
	overflow: hidden;
	margin: 0 1% 1% 0;
	width: 46%;
	height: 29px;
	background-color: #f6f6f6;
	color: #999;
	line-height: 29px;
	text-align: center
}

.sidebar-posts-list {
	padding: 10px 0
}

.sidebar-posts-list>li {
	padding: 4px 8px 4px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.xg_list .sidebar-posts-list>li {
	padding: 4px 20px 4px;
	text-overflow: unset;
	white-space: normal;
	overflow: visible;
}

.xg_list .sidebar-posts-list>li p {
	color: #999;
}

.sidebar-posts-list>li .thumbnail-link {
	display: block;
	float: left
}

.sidebar-posts-list>li.thumbnail .right-box {
	padding-left: 60px
}

.sidebar-posts-list>li .side-title {
	font-size: 14px;
	margin-left: 75px;
	margin-top: 2px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	margin-bottom: 9px;
	font-weight: normal
}

.xg_list .sidebar-posts-list>li a {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: inline-block;
	width: 70%;
}

.link-li>a:hover,
.sidebar-posts-list>li .side-title-r>a:hover,
.sidebar-posts-list>li .side-title>a:hover,
.sidebar-posts-list>li>a:hover {
	color: #319bd0
}

.sidebar-posts-list li span:before {
	display: inline-block;
	width: 18px;
	height: 18px;
	line-height: 18px;
	text-align: center;
	font-size: 10px;
	margin-right: 6px;
	margin-left: 6px;
	border-radius: 3px;
	-webkit-border-radius: 3px
}

.sidebar-posts-list li:nth-of-type(1) span:before {
	content: '1';
	background: #e71555;
	color: #fff
}

.sidebar-posts-list li:nth-of-type(2) span:before {
	content: '2';
	background: #16d083;
	color: #fff
}

.sidebar-posts-list li:nth-of-type(3) span:before {
	content: '3';
	background: #ff6700;
	color: #fff
}

.sidebar-posts-list li:nth-of-type(4) span:before {
	content: '4';
	background: #857479;
	color: #fff
}

.sidebar-posts-list li:nth-of-type(5) span:before {
	content: '5';
	background: #857479;
	color: #fff
}

.sidebar-posts-list li:nth-of-type(6) span:before {
	content: '6';
	background: #857479;
	color: #fff
}

.sidebar-posts-list li:nth-of-type(7) span:before {
	content: '7';
	background: #857479;
	color: #fff
}

.sidebar-posts-list li:nth-of-type(8) span:before {
	content: '8';
	background: #857479;
	color: #fff
}

.sidebar-posts-list li:nth-of-type(9) span:before {
	content: '9';
	background: #857479;
	color: #fff
}

.sidebar-posts-list li:nth-of-type(10) span:before {
	content: '10';
	background: #857479;
	color: #fff
}

.sidebar-posts-list li:nth-of-type(11) span:before {
	content: '11';
	background: #857479;
	color: #fff
}

.sidebar-posts-list li:nth-of-type(12) span:before {
	content: '12';
	background: #857479;
	color: #fff
}

.sidebar-posts-list>li .side-meta {
	white-space: nowrap;
	overflow: hidden;
	margin-left: 75px
}

.sidebar-posts-list>li .side-meta>li {
	display: inline;
	margin-right: 14px;
	color: #a2a2a2;
	cursor: pointer;
	font-size: 12px
}

.sidebar-posts-list>li .side-meta>li:last-child {
	margin-right: 0
}

.sidebar-posts-list>li .side-meta>li a {
	color: #a2a2a2
}

.thumbnailside {
	display: block;
	margin-left: 5px;
	margin-right: 10px;
	line-height: 1.42857143;
	background-color: #fff;
	border: 1px solid #e5e8ed;
	-webkit-transition: border .2s ease-in-out;
	-o-transition: border .2s ease-in-out;
	transition: border .2s ease-in-out
}

.sidebar-posts-list>li .side-title-r {
	font-size: 15px;
	padding: 0 10px
}

.sidebar-posts-list>li .side-meta-r {
	white-space: nowrap;
	overflow: hidden
}

.sidebar-posts-list>li .side-meta-r>li {
	display: inline;
	margin-right: 14px;
	color: #a2a2a2;
	cursor: pointer
}

.sidebar-posts-list>li .side-meta-r>li:last-child {
	margin-right: 0
}

.sidebar-posts-list>li .side-meta-r>li a {
	color: #a2a2a2
}

.sidebar-randlog-list {
	overflow: hidden;
	padding: 10px;
	list-style: none
}

.sidebar-randlog-list>li {
	border-bottom: solid 1px #f0f0f0;
	border-right: 1px solid #f0f0f0;
	position: relative;
	width: 50%;
	float: left;
	padding: 5px
}

.sidebar-randlog-list>li a {
	position: relative;
	display: block;
	width: 100%;
	overflow: hidden;
	color: #fff
}

img.thumbs {
	height: 102px;
	background-color: #fafafa
}

span.text {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	font-size: 14px;
	line-height: 1.5;
	padding: 10px;
	z-index: 2;
	display: none;
	background: #000;
	background: rgba(0, 0, 0, .5);
	filter: alpha(opacity=50)
}

.loading,
.loading1 {
	display: none
}

.loading {
	height: 100%;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	background-color: rgba(250, 250, 250, .1)
}

.loading1 {
	display: block;
	position: relative;
	left: 50%;
	top: 50%;
	width: 150px;
	height: 150px;
	margin: -75px 0 0 -75px;
	border-radius: 50%;
	border: 3px solid transparent;
	border-top-color: #3498db;
	-webkit-animation: spin 2s linear infinite;
	animation: spin 2s linear infinite;
	z-index: 1001
}

.loading .block:nth-child(1) {
	content: "";
	position: absolute;
	top: 5px;
	left: 5px;
	right: 5px;
	bottom: 5px;
	border-radius: 50%;
	border: 3px solid transparent;
	border-top-color: #e74c3c;
	-webkit-animation: spin 3s linear infinite;
	animation: spin 3s linear infinite
}

.loading .block:nth-child(2) {
	content: "";
	position: absolute;
	top: 15px;
	left: 15px;
	right: 15px;
	bottom: 15px;
	border-radius: 50%;
	border: 3px solid transparent;
	border-top-color: #f9c922;
	-webkit-animation: spin 1s linear infinite;
	animation: spin 1s linear infinite
}

.loading .block:nth-child(3) {
	-webkit-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	transform: translateX(-100%);
	-webkit-transition: all .7s .3s cubic-bezier(.645, .045, .355, 1);
	transition: all .7s .3s cubic-bezier(.645, .045, .355, 1)
}

.loading .block:nth-child(4) {
	-webkit-transform: translateX(100%);
	-ms-transform: translateX(100%);
	transform: translateX(100%);
	-webkit-transition: all .7s .3s cubic-bezier(.645, .045, .355, 1);
	transition: all .7s .3s cubic-bezier(.645, .045, .355, 1)
}

@-webkit-keyframes spin {
	0% {
		-webkit-transform: rotate(0);
		-ms-transform: rotate(0);
		transform: rotate(0)
	}

	100% {
		-webkit-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@keyframes spin {
	0% {
		-webkit-transform: rotate(0);
		-ms-transform: rotate(0);
		transform: rotate(0)
	}

	100% {
		-webkit-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

.sidebar-randlog-list>li>a:hover span.text {
	display: block
}

.thumbnails {
	margin: 0;
	padding: 0;
	border: 0;
	background-color: #fafafa
}
/*.avatar .author-ident{display: inline-block; background-image: url(../images/icon.png); background-repeat: no-repeat; width: 20px; height: 20px; border-radius: 50%; box-shadow: 0 0 4px rgba(0, 0, 0, .3); vertical-align: -2px; background-position: -50px -50px; position: absolute; bottom: 5px; right: 5px}
.avatar .author-idents{display: inline-block; background-image: url(../images/icon.png); background-repeat: no-repeat; width: 20px; height: 20px; border-radius: 50%; box-shadow: 0 0 4px rgba(0, 0, 0, .3); vertical-align: -2px; background-position: -50px -50px; position: absolute; bottom: 5px; right: 5px}
.avatar .author-identw{display: inline-block; background-image: url(../images/icon.png); background-repeat: no-repeat; width: 20px; height: 20px; border-radius: 50%; box-shadow: 0 0 4px rgba(0, 0, 0, .3); vertical-align: -2px; background-position: -50px -75px; position: absolute; bottom: 5px; right: 5px}
*/
.author-social {
	text-align: center;
	padding: 0
}

.author-social .author-blog {
	background-color: #ff7259
}

.author-social .author-weibo {
	background-color: #319bd0
}

.author-social span {
	display: inline-block;
	margin: 0 5px;
	border-radius: 2px
}

.author-social span a {
	padding: 5px 12px;
	font-size: 14px;
	color: #fff;
	display: inline-block
}

.author-social span a i {
	margin-right: 5px
}

.author-social span a:hover {
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1)
}

.focusmo {
	overflow: hidden;
	margin-bottom: 15px;
	border-radius: 10px
}

.focusmo ul {
	list-style: none;
	margin: 0;
	padding-left: 50%
}

.focusmo li.large {
	width: 100%;
	float: left;
	margin-left: -100%
}

.focusmo li {
	width: 50%;
	float: left
}

.focusmo li.large a {
	height: 256px;
	margin-left: 0
}

.focusmo img {
	width: 100%;
	height: 100%
}

.focusmo li.large {
	width: 100%;
	float: left;
	margin-left: -100%
}

.focusmo .large h4 {
	font-size: 16px;
	line-height: 34px
}

.focusmo h4 {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 4px 10px 0;
	height: 41px;
	overflow: hidden;
	background-color: #656565;
	background-color: rgba(0, 0, 0, .7);
	color: #fff;
	margin: 0;
	line-height: 17px
}

.focusmo a {
	margin-left: 10px;
	display: block;
	overflow: hidden;
	height: 128px;
	position: relative
}

.focusmo a:hover h4 {
	background-color: #319bd0;
	opacity: .8
}

.link-li {
	color: #666;
	padding: 3px 8px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.list-unstyled.souul {
	margin: 1px
}

.form-control.search.soutext {
	background: url(../images/search.png) no-repeat 5px 8px;
	padding-left: 25px;
	opacity: .8;
	color: #666
}

.btn.btn-default.soubtn {
	color: #888
}

.widget-zdy {
	color: #666
}

.panel-comments {
	background: #FFF;
	margin-bottom: 15px;
	padding: 1px 20px 5px;
	position: relative
}

.panel-comments .panel-header {
	line-height: 38px;
	background: #FFF;
	background: #fafafa;
	margin: -10px -20px 10px
}

.panel-comments .panel-header .right {
	float: right;
	color: #999;
	display: inline-block;
	padding-right: 20px;
	margin-top: -38px
}

.widget_recent_comments li {
	border: 1px solid #FFF;
	border-bottom-color: #e6e6eb
}

.widget_recent_comments li>a {
	padding: 9px;
	display: block;
	margin-bottom: -8px
}

.widget_recent_comments li img.avatar {
	float: left;
	width: 36px;
	height: 36px;
	margin-top: 1px;
	box-shadow: 0 1px 3px rgba(34, 25, 25, .6);
	border: 1px #fff solid;
	border-radius: 34px
}

.widget_recent_comments .show-avatars li .right-box {
	padding-left: 48px
}

.widget_recent_comments li .comment-text {
	color: #999;
	position: relative;
	display: inline-block;
	padding: 6px 1px 6px 10px;
	width: 100%;
	border: solid #dfdfdf 1px;
	word-wrap: break-word;
	background: #fcfcfc;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	border-radius: 18px
}

.widget_recent_comments li .comment-text:before {
	content: "";
	position: absolute;
	background: url(../images/bg_msg2.gif) -12px -10px no-repeat;
	width: 7px;
	height: 11px;
	position: absolute;
	top: 12px;
	left: -7px;
	display: block
}

.widget_recent_comments li .comment-text img {
	width: 18px;
	height: 18px;
	margin-top: -3px
}

.widget_recent_comments li .comment-text small {
	color: #00a9ee
}

.widget_recent_comments .show-avatars li .right-box>blockquote {
	padding: 0;
	margin: 0;
	border: 0
}

i.comment-reply-link {
	visibility: hidden;
	opacity: 0;
	font-style: inherit;
	color: #639dcb;
	transition: all .5s;
	transition: all .2s ease;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	float: right
}

li.widget.widget_links ul {
	margin: 10px
}

.author a {
	color: #ff9088;
	font-size: 12px
}

.author {
	color: #319bd0;
	font-size: 12px
}

.author a:hover {
	color: #319bd0
}

.authors a {
	font-size: 12px
}

#reply-title {
	font-size: 14px
}

#cancel-reply {
	float: right
}

#cancel-reply a {
	color: #ff9088;
	font-size: 12px
}

.comments-list-nav span {
	list-style: none;
	background: #FFF;
	box-shadow: 0 0 5px rgba(0, 0, 0, .2);
	line-height: 24px;
	width: 24px;
	color: #fff;
	background: #319bd0;
	text-align: center;
	display: block;
	display: inline-block
}

.page-navi .current,
.page-navi .pages,
.page-navi a {
	list-style: none;
	background: #FFF;
	box-shadow: 0 0 5px rgba(0, 0, 0, .2);
	line-height: 24px;
	width: 24px;
	color: #319bd0;
	text-align: center;
	text-decoration: none;
	display: inline-block
}

.page-navi .current,
.page-navi a:hover {
	background: #319bd0;
	border-color: #319bd0;
	color: #FFF
}

.page-navi>:first-child {
	margin-left: 0
}

.page-navi>:last-child {
	margin-right: 0
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
	background-color: #319bd0;
	border-color: #319bd0
}

#cancel-reply a:hover,
i.comment-reply-link:hover {
	filter: alpha(opacity=60);
	-moz-opacity: .6;
	opacity: .6
}

.pagination>li>a,
.pagination>li>span {
	color: #319bd0
}

.comments-list #respond {
	padding: 0 5px
}

.comments-list>li {
	position: relative;
	margin: 0 0 10px 0;
	padding: 1px 10px 10px 10px;
	border-bottom: 1px #ddd solid;
	list-style: none
}

.comments-list li>.comment-box:after {
	content: '';
	display: block;
	height: 0;
	clear: both
}

.comments-list li>.comment-box .avatar {
	float: left;
	margin-top: 2px;
	display: block;
	width: 58px;
	height: 58px;
	padding: 3px;
	border: 1px solid #eee;
	border-radius: 50px;
	-webkit-transition: .4s;
	-o-transition: .4s;
	transition: .4s
}

.comments-list li>.comment-box .avatar:hover {
	-webkit-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	transform: rotate(360deg)
}

.comments-list.show-avatars li>.comment-box>.right-box {
	padding-left: 68px
}

.comments-list li .right-box>.comment-meta {
	display: block;
	line-height: 20px;
	margin-top: 5px
}

.comments-list li .right-box>.comment-meta .author {
	font-weight: 700;
	font-size: 14px
}

.comment .comment-box>.time,
.comments-list li .right-box>.time {
	font-size: 12px;
	color: #999
}

.comments-list li .right-box>.comment-meta .edit-link a,
.comments-list li .right-box>.comment-meta .reply a {
	color: #319bd0
}

.comments-list.show-avatars li>.comment-box>.right-box:hover .comment-reply-link {
	visibility: visible;
	opacity: 1
}

.comments-list li .right-box>p,
.comments-list li .right-box>.des {
	color: #666;
	line-height: 20px;
	margin: 2px 0
}

.comments-list li .right-box>.waiting {
	color: #319bd0
}

.comments-list li>.children {
	margin-left: 15px;
	margin-top: 10px
}

.comments-list li>.children>li {
	margin-bottom: -10px;
	border-top: 1px dashed #ddd;
	padding-top: 5px;
	padding-left: 5px;
	list-style: none;
	padding-bottom: 10px
}

.comments-list-nav {
	text-align: center
}

.sign1 {
	margin-left: 8px
}

#respond .comment-reply-title {
	font-size: 16px;
	color: #333;
	margin-bottom: 15px
}

#respond .comment-reply-title span {
	display: none
}

#respond .comment-reply-title:after {
	content: '';
	display: block;
	height: 0;
	clear: both
}

#respond .comment-reply-title>a {
	text-decoration: underline;
	padding: 0 2px
}

#respond .comment-reply-title small {
	float: right
}

#respond .comment-reply-title small a {
	color: #999
}

#respond .comment-reply-title small a:hover {
	color: #888
}

#commentform:after {
	content: '';
	display: block;
	height: 0;
	clear: both
}

#commentform .logged-in-as a {
	text-decoration: underline;
	padding: 0 2px
}

#commentform p:hover label {
	color: #888
}

#commentform .comment-form-author,
#commentform .comment-form-email,
#commentform .comment-form-qq,
#commentform .comment-form-url {
	padding: 0 0 0 10px;
	margin: 5px 0
}

#commentform .comment-form-comment {
	clear: both;
	margin-bottom: 10px
}

#commentform .form-submit {
	float: right
}

#commentform .cai,
#commentform .daka,
#commentform .zan {
	margin-left: 5px
}

#commentform .daka .dakas {
	top: 2px
}

#commentform .cai,
#commentform .comment-form-smiley,
#commentform .daka,
#commentform .zan {
	display: block;
	float: left;
	line-height: 26px;
	font-size: 16px;
	background: #929292;
	color: #FFF;
	width: 26px;
	border-radius: 100%;
	-moz-border-radius: 100%;
	text-align: center;
	position: relative;
	margin-top: 5px
}

#commentform .comment-form-smiley .button {
	line-height: 26px;
	color: #FFF
}

#commentform .comment-form-smiley .smiley-box {
	position: absolute;
	left: 0;
	bottom: 30px;
	width: 281px;
	background: #fafafa;
	border: solid #e6e6eb;
	border-width: 1px 0 0 1px;
	overflow: hidden
}

#commentform .comment-form-smiley .smiley-box>a {
	display: block;
	width: 40px;
	float: left;
	height: 40px;
	line-height: 40px;
	border: solid #e6e6eb;
	border-width: 0 1px 1px 0
}

#commentform .comment-form-smiley .smiley-box>a:hover {
	background: #f0f0f5
}

#commentform .comment-form-smiley .smiley-box:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 1px;
	background: #e6e6eb;
	bottom: 0;
	left: 0
}

#commentform .comment-form-smiley .smiley-box:after {
	content: '';
	position: absolute;
	width: 1px;
	height: 100%;
	background: #e6e6eb;
	top: 0;
	right: 0;
	clear: both
}

#commentform p label {
	display: block;
	color: #999
}

#commentform .flex-box-2 .form-control {
	width: 49.5%;
	float: left
}

#commentform #comment_content {
	height: 126px;
	resize: vertical;
	display: block;
	width: 100%
}

#commentform #comment_content:focus {
	background: #fafafa
}

.comment-box .right-box blockquote {
	padding: 1px 5px;
	margin: 0;
	font-size: 14px;
	color: #ff9088;
	border-left: 3px solid #0C0
}

.comments-list.show-avatars li>.comment-box>.right-box>p>img {
	margin: 2px;
	margin-top: -3px
}

.comments-list.show-avatars li>.comment-box>.right-box>p {
	margin-bottom: 0;
	overflow: hidden
}

span.useragent {
	position: absolute;
	margin-left: 5px;
	color: #999;
	font-size: 12px
}

span.dot {
	color: #999
}

span.useragent img {
	vertical-align: -2px;
	width: 14px;
	height: 14px
}

span.ajaximgcode {
	top: 3px;
	position: relative;
	margin-right: 5px;
	padding: 6px;
	font-size: 14px;
	color: #ff9088;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

span.ajaximgcode>.input {
	font-size: 14px;
	color: #ff9088;
	border: 0;
	width: 21%
}

span.ajaximgcode>img {
	margin-top: -3px
}

.admin {
	position: relative;
	top: -2px
}

.vip1,
.vip2,
.vip3,
.vip4,
.vip5,
.vip6,
.vip7,
.vip8 {
	position: relative;
	display: inline-block;
	width: 35px;
	height: 16px;
	border: 1px solid #c7c7c7;
	background: #dfdfdf;
	vertical-align: middle;
	text-align: center
}

.level {
	position: absolute;
	top: -4px;
	left: 6px;
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .5);
	font-style: normal;
	font-size: 10px
}

.comment-body-children .level {
	top: -4px
}

.vip .pro {
	width: 1.5%;
	background: #000
}

.vip1 .pro {
	width: 12.5%;
	background: #48a8c0
}

.vip2 .pro {
	width: 25%;
	background: #1b6dff
}

.vip3 .pro {
	width: 37.5%;
	background: #d664c9
}

.vip4 .pro {
	width: 50%;
	background: #bb915c
}

.vip5 .pro {
	width: 62.5%;
	background: #5cbb6b
}

.vip6 .pro {
	width: 75%;
	background: #5c86bb
}

.vip7 .pro {
	width: 87.5%;
	background: #bb5c5c
}

.vip8 .pro {
	width: 100%;
	background: #493f3f
}

.vip1 .pro,
.vip2 .pro,
.vip3 .pro,
.vip4 .pro,
.vip5 .pro,
.vip6 .pro,
.vip7 .pro,
.vip8 .pro {
	position: absolute;
	display: block;
	height: 14px;
	background-image: linear-gradient(to top left, transparent, transparent 25%, rgba(255, 255, 255, .15) 25%, rgba(255, 255, 255, .15) 50%, transparent 50%, transparent 75%, rgba(255, 255, 255, .15) 75%, rgba(255, 255, 255, .15));
	background-size: 16px 16px
}

.vip1:hover .pro,
.vip2:hover .pro,
.vip3:hover .pro,
.vip4:hover .pro,
.vip5:hover .pro,
.vip6:hover .pro,
.vip7:hover .pro,
.vip8:hover .pro {
	animation: progress .6s linear infinite;
	-webkit-animation: progress .6s linear infinite
}

.panel-sort {
	box-shadow: 0px 0px 20px -5px rgba(158, 158, 158, 0.22);
	border-radius: 3px;
}

.container-tw {
	background-color: #fff;
	padding: 10px 20px;
	border: 1px solid #eaeaea
}

.title-tw {
	margin: 10px -20px 10px -21px;
	background: #fafafa;
	padding-left: 10px;
	height: 30px;
	line-height: 30px;
	border-left: 3px solid #319bd0;
	color: #333;
	font-weight: 700;
	font-size: 18px
}

.tw-lie {
	margin-top: -20px;
	margin-bottom: 15px;
	padding: 10px 0 1px;
	border-bottom: 1px dashed #ddd;
	color: #aaa;
	font-style: normal;
	font-size: 13px
}

.tw,
.tw li .atitle {
	position: relative
}

.tw li {
	display: block;
	padding: 12px 0
}

.tw li:hover .atitle:after {
	background: #319bd0
}

.tw li .atitle {
	display: inline-block;
	padding: 0 15px
}

.tw:before {
	position: absolute;
	left: 86px;
	width: 4px;
	height: 100%;
	background: #eee;
	content: ""
}

.tw .time1 {
	float: left;
	display: block;
	margin: 8px 0 0 -15px;
	width: 82px;
	height: 40px;
	text-align: right;
	font-size: 12px
}

.tw-content em {
	position: absolute;
	top: 12px;
	left: -8px;
	border-color: transparent #eee transparent transparent;
	border-style: solid;
	border-width: 8px 8px 8px 0;
	-webkit-transition-duration: .3s
}

.tw li:hover .tw-content:after {
	background: #319bd0
}

.tw li:hover .time1 {
	border-color: #319bd0;
	color: #319bd0;
	-webkit-animation: fgxs infinite 5s linear;
	animation: fgxs infinite 5s linear
}

.tw li:hover .tw-content {
	color: #319bd0
}

.tw-content {
	position: relative;
	margin-left: 105px;
	padding: 20px 20px 20px 30px;
	background-color: #eee;
	color: #333;
	font-size: 14px
}

.tw .plus {
	position: absolute;
	left: 75px;
	width: 29px;
	background: url(../images/timeline.png) 0 -35px;
	height: 10px;
	top: 0
}

.tw .plus2,
.tw li em1 {
	position: absolute;
	left: 83px
}

.tw .plus2 {
	width: 10px;
	bottom: 0;
	background: url(../images/timeline.png) -29px -26px;
	height: 10px
}

.tw li em1 {
	display: block;
	margin-top: 8px;
	width: 12px;
	height: 18px;
	background: url(../images/timeline.png) -36px 0
}

.status-wall-meta {
	display: none;
	text-align: right
}

.status-wall-meta span {
	padding: 2px 5px;
	border-radius: 3px;
	background-color: #fff;
	color: #777;
	font-size: 12px
}

.page-tw {
	text-align: center
}

.page-tw a {
	color: #319bd0
}

.page-tw span {
	color: #fff
}

.page-tw a {
	background-color: #fff;
	border: 1px solid #eee;
	padding: 3px 8px
}

.page-tw span {
	background-color: #319bd0;
	border: 1px solid #eee;
	padding: 3px 8px
}

.page-tw a:focus,
.page-tw a:hover {
	background-color: #319bd0;
	border: 1px solid #eee;
	color: #fff
}

#album {
	overflow: hidden
}

#album .new {
	display: none
}

#album .new:hover {
	box-shadow: none
}

#album li {
	float: left;
	padding: 9px
}

#album li p.cover {
	overflow: hidden;
	padding: 5px;
	width: 170px;
	height: 110px;
	border: 1px solid #FFF;
	background-color: #fff;
	background-color: #fff;
	box-shadow: 0 0 2px #000
}

#album li p:hover {
	box-shadow: 0 0 10px #0c0
}

#album li p.cover a {
	display: block;
	width: 160px;
	height: 98px;
	background-position: 50% 50%;
	background-repeat: no-repeat
}

#album li p.title {
	display: block;
	margin: 10px auto;
	padding: 5px;
	width: 170px;
	height: auto;
	border: 1px solid #FFF;
	border-radius: 3px;
	background-color: #fff;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	box-shadow: 0 0 2px #000;
	text-align: center
}

#album li p.title:hover {
	box-shadow: 0 0 10px #0c0
}

#album li p.title a {
	color: #333;
	text-align: center;
	font-size: 12px
}

#photolist {
	position: relative
}

#photolist .cell {
	position: absolute;
	visibility: hidden;
	width: 190px;
	border: solid #ddd 1px;
	background: #fff;
	box-shadow: 1px 1px 1px #ddd;
	text-align: center;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	transition: .5s;
	-ms-transition: .5s
}

#photolist .cell:hover {
	box-shadow: 0 0 10px #0c0
}

#photolist .cell a {
	color: #000
}

#photolist img {
	margin-bottom: -2px;
	width: 175px;
	border: 0;
	border-radius: 10px
}

#album li p.cover a,
#album li p.title a,
.context>.box>.pic>a {
	border: 0
}

.context>.box>.pic>a>img {
	border: 0;
	padding: 0
}

section.context>.fbtn {
	width: 139px
}

.couer_tu ul {
	float: left;
	background: 0
}

.couer_tu ul li {
	float: left;
	background-color: #f9f9f9;
	padding: 5px;
	margin: 0 0 30px 30px;
	border: 1px solid #eaeaea;
	position: relative;
	overflow: hidden
}

.couer_tu ul li:nth-child(6n) {
	margin-right: 0
}

.couer_tu li .img {
	float: left;
	width: 155px;
	height: 115px;
	position: relative;
	overflow: hidden;
	margin: 0
}

.couer_tu li .img img {
	min-height: 100%;
	width: 100%;
	transition: all .3s ease-in-out 0s
}

.couer_tu li .img img:hover {
	transition: all .3s ease-in-out 0s;
	transform: scale(1.1)
}

.couer_tu li .img .bg {
	width: 208px;
	height: 25px;
	position: absolute;
	bottom: 0;
	left: 0;
	background: none repeat scroll 0 0 #8aa653;
	opacity: .7;
	z-couer: 1
}

.couer_tu li .img .views {
	height: 25px;
	line-height: 25px;
	padding: 0 5px;
	bottom: 0;
	left: 0;
	position: absolute;
	z-couer: 2;
	color: #fff;
	font-family: "宋体"
}

.couer_tu li .views a {
	color: #fff
}

.couer_tu li .tit {
	text-align: center;
	clear: both;
	font-size: 14px;
	line-height: 30px;
	height: 30px;
	width: 148px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.photo_tu ul li {
	float: left;
	background: none repeat scroll 0 0 #f9f9f9;
	width: 160px;
	margin: 0 0 30px 30px;
	border: 1px solid #eaeaea;
	position: relative;
	overflow: hidden
}

.photo_tu ul li:nth-child(6n) {
	margin-right: 0
}

.photo_tu li .img {
	width: 158px;
	height: 115px;
	position: relative;
	overflow: hidden;
	margin: 0
}

.photo_tu li .img img {
	min-height: 100%;
	width: 175px;
	height: 115px;
	transition: all .3s ease-in-out 0s;
	margin: 0
}

.photo_tu li .img img:hover {
	transition: all .3s ease-in-out 0s;
	transform: scale(1.1)
}

.photo_tu li .img .bg {
	width: 208px;
	height: 25px;
	position: absolute;
	bottom: 0;
	left: 0;
	background: none repeat scroll 0 0 #8aa653;
	opacity: .7;
	z-photo: 1
}

.photo_tu li .img .views {
	height: 25px;
	line-height: 25px;
	padding: 0 5px;
	bottom: 0;
	left: 0;
	position: absolute;
	z-photo: 2;
	color: #fff;
	font-family: "宋体"
}

.photo_tu li .views a {
	color: #fff
}

.photo_tu li .tit {
	background-color: #f9f9f9;
	text-align: center;
	clear: both;
	font-size: 14px;
	width: 158px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.photo_tu ul {
	float: left;
	background: 0
}

.page a,
.page span {
	display: inline !important
}

.pagenav .current,
.pagenav .page-numbers,
.pagenav a,
.pagenav em,
.pagenav span {
	font-size: 14px;
	padding: 3px 14px 3px 13px !important
}

.single {
	overflow: hidden !important
}

.logtop h3 {
	font-weight: 700;
	margin: 10px 0;
	background-color: #f6f6f6;
	border-left: 5px solid #319bd0
}

.logtop h4 {
	font-weight: 700;
	margin: 10px 0;
	padding: 5px 15px;
	background-color: #f6f6f6;
	border-left: 5px solid #9461e6;
	width: 100px
}

.logtop h4.dz {
	border-left: 5px solid #5ddb4f
}

.mv4 h4 {
	font-weight: 700;
	margin: 10px 0;
	padding: 10px;
	background-color: #f6f6f6;
	border-left: 10px solid #61b3e6
}

.logtop a {
	text-decoration: none
}

.logtop p {
	font-size: 14px !important;
	line-height: 1em !important;
	color: rgba(0, 0, 0, .8);
	margin-bottom: 18px !important;
	letter-spacing: 1px
}

.logtop {
	position: relative
}

.logtop dt {
	float: left
}

.logtop dt img {
	width: 180px;
	height: 240px;
	margin-right: 20px
}

.logtop dd {
	display: inline-block;
	height: 255px;
	min-width: 200px
}

.logtop dd p {
	font-size: 14px !important;
	color: rgba(0, 0, 0, .4) !important;
	line-height: 1.5em !important
}

.logtop dl p {
	font-size: 14px !important;
	color: rgba(0, 0, 0, .4) !important;
	line-height: 1.4em !important
}

.logtop dd p a:hover,
.logtop dl p a:hover {
	text-decoration: none
}

.logtop dd p .fcolor {
	border-bottom: 0;
	color: #fff;
	padding: 1px 5px 2px 1px;
	margin-right: 3px
}

.logtop dd p .fcolor:nth-child(6n+1) {
	background-color: #e88b88
}

.logtop dd p .fcolor:nth-child(6n+2) {
	background-color: #71de71
}

.logtop dd p .fcolor:nth-child(6n+3) {
	background-color: #71d2ef
}

.logtop dd p .fcolor:nth-child(6n+4) {
	background-color: #f3c585
}

.logtop dd p .fcolor:nth-child(6n+5) {
	background-color: #9bcbf5
}

.logtop dl p .spbut {
	border: 1px solid #319bd0;
	line-height: 28px;
	color: #319bd0;
	width: 90px;
	height: 35px;
	line-height: 35px;
	box-shadow: none;
	background: #fff;
	display: inline-block;
	text-align: center;
	margin: 2px auto;
	text-decoration: none;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease
}

.logtop dl p .spbut:hover {
	border: 1px solid #319bd0;
	color: #fff;
	background-color: #319bd0
}

.context .fanhui a {
	border: 1px solid #242424;
	line-height: 28px;
	color: #242424;
	width: 60px;
	height: 30px;
	line-height: 30px;
	box-shadow: none;
	background: #fff;
	display: inline-block;
	text-align: center;
	margin: 2px auto;
	text-decoration: none;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease
}

.context .fanhui a:hover {
	border: 1px solid #242424;
	color: #fff;
	background-color: #242424
}

.blogroll {
	clear: both;
	overflow: hidden
}

.linkli {
	margin-top: 5px
}

.linkli a {
	display: block;
	overflow: hidden;
	text-align: center;
	height: 38px;
	border: 1px solid #eaeaea !important;
	line-height: 38px
}

.linkli img {
	margin-top: 5px;
	width: 20px;
	height: 20px;
	border: 0
}

.linkli a:hover {
	border-color: #45b6f7;
	color: #45b6f7
}

.archives ul {
	margin-left: 30px;
	overflow: hidden
}

.archives-title {
	border-bottom: 1px #eee solid;
	position: relative;
	padding-bottom: 4px;
	margin-bottom: 10px
}

.archives li a {
	color: #606060;
	padding: 8px 0;
	border-bottom: 0;
	display: block
}

.archives li {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.archives li.goodwork a {
	color: #ec4048
}

.archives li a:hover .atitle:after {
	background: #54e25f
}

.archives li a span {
	display: inline-block;
	width: 90px;
	text-indent: 20px
}

.archives li a .atitle {
	display: inline-block;
	padding: 0 28px;
	position: relative;
	white-space: nowrap;
	width: calc(100% - 180px)
}

.archives li a .atitle:after {
	position: absolute;
	left: 4px;
	background: #ccc;
	height: 8px;
	width: 8px;
	border-radius: 6px;
	top: 8px;
	content: ""
}

.archives li a .atitle:before {
	position: absolute;
	left: 2px;
	background: #fff;
	height: 12px;
	width: 12px;
	border-radius: 6px;
	top: 6px;
	content: "";
	box-shadow: inset 0 0 2px #3fd435
}

.archives {
	position: relative;
	padding: 10px 0
}

.archives:before {
	height: 100%;
	width: 4px;
	background: #eee;
	position: absolute;
	left: 126px;
	content: "";
	top: 0
}

.archives h4 {
	position: relative;
	margin: 10px 0;
	cursor: pointer;
	font-size: 18px;
	width: 200px;
	border: 0;
	background: transparent;
	color: #333
}

.archives h4:hover:after {
	background: #54e25f
}

.archives h4:before {
	position: absolute;
	left: 119px;
	background: #fff;
	height: 18px;
	width: 18px;
	border-radius: 9px;
	top: 3px;
	content: "";
	box-shadow: inset 0 0 4px #3fd435
}

.archives h4:after {
	position: absolute;
	left: 122px;
	background: #ccc;
	height: 12px;
	width: 12px;
	border-radius: 6px;
	top: 6px;
	content: ""
}

.toggler {
	margin-left: 20px;
	font-size: 14px;
	color: #ec4048
}

.avatar .overlay {
	display: block;
	position: absolute;
	z-index: 20;
	background: rgba(0, 0, 0, .4);
	overflow: hidden;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	border-radius: 50%;
	opacity: 0;
	box-shadow: 0 0 5px 1px #ddd
}

.avatar:hover .overlay {
	opacity: 1
}

.avatar .overlay a.expand {
	position: absolute;
	z-index: 100;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 100%;
	height: 100%;
	text-align: center;
	color: rgba(255, 255, 255, .9);
	line-height: 60px;
	font-size: 19px;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}

.avatar:hover .overlay a.expand {
	width: 60px;
	height: 60px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	-ms-border-radius: 30px;
	-o-border-radius: 30px;
	border-radius: 30px
}

img.thumb:hover {
	transition: All .7s ease;
	-webkit-transform: scale(1.3);
	-moz-transform: scale(1.3);
	-ms-transform: scale(1.3);
	-o-transform: scale(1.3)
}

img.thumb {
	-webkit-transition: -webkit-transform .3s linear;
	-moz-transition: -moz-transform .3s linear;
	-o-transition: -o-transform .3s linear;
	transition: transform .3s linear
}

.excerpt-list {
	margin-left: 0;
	margin-right: 0;
	background: #fff;
	margin-bottom: 15px;
	box-shadow: 0px 0px 20px -5px rgba(158, 158, 158, 0.22)
}

.col-list {
	overflow: hidden;
	height: 100px;
	padding-left: 0;
	padding-right: 0
}

.indexebox {
	text-align: center;
	padding: 10px;
	border-right: 1px dashed #eee;
	transition: .2s;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out
}

.indexebox:active .btn-sm,
.indexebox:hover .btn-sm {
	margin-top: -5px
}

.indexebox:active,
.indexebox:hover {
	-webkit-transform: translateY(-33px);
	-ms-transform: translateY(-33px);
	-o-transform: translateY(-33px);
	transform: translateY(-33px)
}

.indexebox-6 {
	border-right: 0
}

.indexebox h4 {
	font-size: 14px;
	color: #444;
	margin: 11px 0
}

.indexebox p {
	height: 18px;
	line-height: 18px;
	overflow: hidden;
	color: #bbb;
	font-size: 12px
}

.indexebox a.btn-sm {
	margin-top: 5px;
	color: #fff;
	border-radius: 2px
}

.post-copyright {
	position: relative;
	font-size: 14px;
	color: #666;
	background: #fff;
	padding: 10px 20px;
	word-wrap: break-word;
	border-style: solid;
	line-height: 28px
}

.post-copyright p {
	margin: 0
}

.post-copyright p a {
	color: #337ab7
}

.sidetags {
	padding: 10px 20px;
}

.sidetags a:nth-child(6n+1) {
	color: #e14938
}

.sidetags a:nth-child(6n+2) {
	color: #337ab7
}

.sidetags a:nth-child(6n+3) {
	color: #00a753
}

.sidetags a:nth-child(6n+4) {
	color: #ff8c00
}

.sidetags a:nth-child(6n+5) {
	color: #836fff
}

.post-copyright>.sidetags>a {
	border-bottom: 0
}

.sidetags a {
	position: relative;
	margin-right: 6px;
	display: inline-block;
	margin-bottom: 6px;
}

.qrcode {
	position: absolute;
	right: 10px;
	top: 12px
}

.qrcodeimg {
	width: 70px
}

.simg {
	display: block;
	position: relative;
	margin: 0 auto
}

.simg:before {
	content: "";
	position: absolute;
	width: 200px;
	height: 100%;
	top: 0;
	left: -200px;
	overflow: hidden;
	background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, 0) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, .2)), color-stop(100%, rgba(255, 255, 255, 0)));
	background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, 0) 100%);
	background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, 0) 100%);
	-webkit-transform: skewX(-25deg);
	-moz-transform: skewX(-25deg)
}

.simg:hover:before {
	left: 150%;
	transition: left 1s ease 0s
}

ul.readers-list {
	overflow: hidden;
	margin: 0 auto;
	padding: 0
}

ul.readers-list li {
	display: inline-block;
	width: 20%
}

ul.readers-list a,
ul.readers-list a:hover strong {
	background-color: #f2f2f2;
	background-image: -webkit-linear-gradient(#fdfdfd, #f2f2f2);
	background-image: -moz-linear-gradient(#fdfdfd, #f2f2f2);
	background-image: linear-gradient(#fdfdfd, #f2f2f2);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfdfd', endColorstr='#f2f2f2', GradientType='0')
}

ul.readers-list a {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0 4px;
	padding: 4px 4px 4px 44px;
	height: 40px;
	border: 1px solid #e5e8ed;
	color: #999;
	line-height: 32px
}

ul.readers-list em,
ul.readers-list img,
ul.readers-list strong {
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	transition: all .2s ease-out;
	-ms-transition: all .2s ease-out
}

ul.readers-list img {
	float: left;
	margin: 0 8px 0 -38px;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: #fff;
	box-shadow: 0 1px 3px rgba(34, 25, 25, .5)
}

ul.readers-list img:hover {
	border-color: #319bd0;
	-webkit-animation: myhk infinite 5s linear;
	animation: myhk infinite 5s linear
}

ul.readers-list em {
	position: absolute;
	overflow: hidden;
	margin-right: 10px;
	width: 50%;
	height: 36px;
	color: #333;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-style: normal
}

ul.readers-list strong {
	position: absolute;
	right: 8px;
	width: 20%;
	color: #999;
	text-align: right
}

ul.readers-list a:hover {
	border-color: #ddd;
	background-color: #fff;
	background-image: none;
	text-decoration: none
}

ul.readers-list a:hover img {
	margin-left: -1px
}

ul.readers-list a:hover em {
	color: #319bd0
}

ul.readers-list a:hover strong {
	top: 0;
	right: 80%;
	height: 44px;
	border-right: 1px solid #eaeaea;
	color: #319bd0;
	text-align: center;
	line-height: 44px
}

.shot,
.snew,
.stop {
	font-style: inherit;
	font-size: 14px;
	font-weight: bolder;
	color: rgba(255, 82, 82, .91)
}

.container.footer_ {
	margin-bottom: 10px
}

#PB>.container>.links_ {
	margin-top: 10px;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
	box-shadow: 0 1px 1px rgba(0, 0, 0, .05)
}

.links_bt {
	line-height: 50px;
	height: 50px;
	background-color: #fff
}

.links_bt_l {
	float: left
}

.links_bt_l a {
	position: relative;
	display: inline-block;
	height: 18px;
	padding-left: 25px;
	color: #3e4142;
	font-size: 16px
}

.links_bt_r {
	float: right;
	margin-right: 20px
}

.links_bt_r a {
	height: 18px;
	color: #999;
	font-size: 14px
}

.links_bt_r a:hover {
	color: #319bd0
}

.links_lb {
	position: relative;
	clear: both;
	float: left;
	background-color: #fff;
	width: 100%;
	padding: 10px 0 0
}

.links_lb ul li {
	line-height: 30px;
	float: left;
	padding-right: 10px;
	padding-left: 10px
}

.links_lb ul li img {
	position: relative;
	top: -2px;
	margin-right: 5px;
	border-radius: 50%;
	overflow: hidden;
	width: 16px;
}

.links_lb ul li a:hover {
	color: #319bd0
}

.tags_lb ul {
	display: flex;
	flex-wrap: wrap;
	padding: 0 7px;
}

.tags_lb ul li {
	line-height: 30px;
 /* float: left; */
	padding-right: 10px;
	padding-left: 10px;
	border: 1px solid #ededed;
	margin: 3px 3px;
}

.rollbar {
	position: fixed;
	right: 2px;
	bottom: 120px;
	z-index: 999;
	display: none
}

.rollbar ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 50px
}

.rollbar li {
	position: relative;
	margin-top: 10px;
	text-align: center;
	opacity: .4;
	filter: alpha(opacity=40)
}

.rollbar a {
	position: relative;
	z-index: 2;
	display: block;
	height: 50px;
	border-radius: 50%;
	background-color: rgba(102, 102, 102, 0.81);
	color: #fff
}

.rollbar a:hover {
	color: #fff
}

.rollbar .fa {
	line-height: 50px;
	font-size: 30px
}

.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;
	background-color: #666;
	color: #fff;
	width: 53px;
	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 transparent;
	border-bottom: 4px solid transparent
}

.footer {
	margin-top: 20px;
	background: #222831;
	padding-top: 25px;
	position: relative;
	font-size: 12px;
	color: #9ca0ad
}

.footer .footer-tag-list {
	margin-bottom: 15px
}

.footer .footer-tag-list ul {
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: 1px solid rgba(238, 238, 238, .2)
}

.footer .footer-tag-list ul li~li {
	margin-top: 15px
}

.foot-links a {
	position: relative;
	top: -2px;
	font-size: 0 !important;
	vertical-align: middle
}

.footer .footer-tag-list a {
	font-size: 12px;
	margin-left: 7px;
	color: #9ca0ad
}

#cnzz_stat_icon_1278752612 a~a {
	margin-left: 0
}

.footer .footer-tag-list ul li i {
	margin-left: 7px;
	margin-right: 5px;
	font-style: normal
}

.footer .footer-tag-list .nam a {
	margin-right: 0;
	margin-left: 0
}

.footer .copy-right a {
	color: rgba(255, 255, 255, .9);
	height: 40px
}

.footer a:hover {
	color: #fff;
	text-shadow: 0 0 3px rgba(0, 0, 0, 0.1)
}

.footer .copy-right span {
	display: block
}

.copyright a {
	margin-left: 0 !important;
}

.nav-single {
	margin-bottom: 15px;
	border-radius: 3px;
	box-shadow: 0px 0px 20px -5px rgba(158, 158, 158, 0.22)
}

.nav-single a {
	display: block
}

.meta-nav {
	background: #fff;
	float: left;
	width: 50%;
	text-align: center;
	white-space: nowrap;
	word-wrap: normal;
	text-overflow: ellipsis;
	overflow: hidden
}

.nav-single .meta-nav:first-child {
	border-right: 1px solid #eaeaea
}

.meta-nav a {
	display: block;
	padding: 10px 20px;
	text-align: center;
	white-space: nowrap;
	word-wrap: normal;
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}

.meta-nav a:hover {
	color: #fff;
	background: #319bd0
}

.clear {
	clear: both;
	display: block
}

.comment_admin {
	display: inline-block;
	padding: 0 5px 0 5px;
 /*background-image: url(../images/ux.png);*/
	background-repeat: no-repeat;
	line-height: 20px;
	background-position: 0 -20px
}

.comment_visitor {
	display: inline-block;
	padding: 0 5px 0 21px;
 /*background-image: url(../images/ux.png);*/
	background-repeat: no-repeat;
	line-height: 20px;
	background-position: 0 -40px
}

.xiongzhanghao {
	background-color: #fff;
	position: relative;
	z-index: 0;
	overflow: hidden;
	-webkit-tap-highlight-color: transparent;
	text-align: center
}

.xiongzhanghao_touxiang img {
	width: 67px;
	height: 67px;
	border: 1px solid transparent;
	border-radius: 50%;
	margin-top: 26px
}

.xiongzhanghao_biaoti {
	fon-size: 18px;
	color: #333;
	margin-top: 10px;
	line-height: 18px;
	font-weight: 600
}

.xiongzhanghao_miaoshu {
	width: 90%;
	margin: auto;
	margin-top: 10px;
	font-size: 13px;
	color: #666;
	line-height: 17px;
	font-weight: 300
}

.xiongzhanghao_ck {
	margin: 13px 0 25px
}

.xiongzhanghao_chakan {
	width: 120px;
	padding: 8px 0;
	font-weight: 300;
	font-size: 13px;
	line-height: 13px;
	vertical-align: middle;
	display: inline-block;
	color: #fff;
	background: #319bd0;
	border-radius: 3px;
	-webkit-tap-highlight-color: transparent
}

.yuanchuang {
	color: #319bd0;
	border: 1px solid #319bd0;
	padding: 0 3px;
	display: inline-block;
	float: left;
	margin: 4px 5px 0 0;
	height: 20px;
	line-height: 18px;
	display: none
}

.beian {
	display: inline-block !important
}

.beian img {
	display: inline-block !important
}

.beian span {
	display: inline-block !important
}

.wenda_right {
	text-align: right
}

.wenda_right a {
	border: 0 !important
}

.wenda_toux {
	margin-left: 90% !important;
	float: right
}

.wenda_wz {
	width: 100px;
	margin-left: 65px;
	display: inline-block;
	font-style: normal;
	font-size: 13px;
	font-weight: 700
}

.wenda_wz0 {
	width: 150px;
	margin-left: 65px;
	display: inline-block;
	font-style: normal;
	font-size: 12px
}

.wenda_wz1 {
	width: 70px;
	display: inline-block;
	font-style: normal;
	font-size: 13px;
	background: #3897f0;
	border-radius: 100px;
	color: #fff;
	text-align: center;
	height: 24px;
	line-height: 24px
}

.wenda_wz2 {
	width: 70px;
	display: inline-block;
	font-style: normal;
	font-size: 13px;
	background: #ffab2e;
	border-radius: 100px;
	color: #fff;
	text-align: center;
	height: 24px;
	line-height: 24px
}
/*.wenda_tx0{width: 60px; height: 60px; border-radius: 50%; background: url(../images/thum-96671534220775.jpg); background-size: 100%; margin-left: 5px}
.wenda_tx1{width: 60px; height: 60px; border-radius: 50%; background: url(../images/1.jpg); background-size: 100%; margin-left: 5px}
.wenda_tx2{width: 60px; height: 60px; border-radius: 50%; background: url(../images/2.jpg); background-size: 100%; margin-left: 5px}
.wenda_tx3{width: 60px; height: 60px; border-radius: 50%; background: url(../images/3.jpg); background-size: 100%; margin-left: 5px}
.wenda_tx4{width: 60px; height: 60px; border-radius: 50%; background: url(../images/4.jpg); background-size: 100%; margin-left: 5px}
.wenda_tx5{width: 60px; height: 60px; border-radius: 50%; background: url(../images/5.jpg); background-size: 100%; margin-left: 5px}
.wenda_tx6{width: 60px; height: 60px; border-radius: 50%; background: url(../images/6.jpg); background-size: 100%; margin-left: 5px}
.wenda_tx7{width: 60px; height: 60px; border-radius: 50%; background: url(../images/7.jpg); background-size: 100%; margin-left: 5px}
.wenda_tx8{width: 60px; height: 60px; border-radius: 50%; background: url(../images/8.jpg); background-size: 100%; margin-left: 5px}
.wenda_tx9{width: 60px; height: 60px; border-radius: 50%; background: url(../images/9.jpg); background-size: 100%; margin-left: 5px}
.wenda_tx10{width: 60px; height: 60px; border-radius: 50%; background: url(../images/10.jpg); background-size: 100%; margin-left: 5px}
.wenda_tx11{width: 60px; height: 60px; border-radius: 50%; background: url(../images/11.jpg); background-size: 100%; margin-left: 5px}
.wenda_tx12{width: 60px; height: 60px; border-radius: 50%; background: url(../images/12.jpg); background-size: 100%; margin-left: 5px}
*/
@-webkit-keyframes rotation {
	from {
		-webkit-transform: rotate(0deg)
	}

	to {
		-webkit-transform: rotate(360deg)
	}
}

.Rotation {
	-webkit-transform: rotate(360deg);
	animation: rotation 8s linear infinite;
	-moz-animation: rotation 8s linear infinite;
	-webkit-animation: rotation 8s linear infinite;
	-o-animation: rotation 8s linear infinite
}

.kefu {
	width: 102px;
	height: 181px;
/* background: url(../images/robot.gif); */
	position: fixed;
	bottom: 40%;
	left: 10px
}

@media screen and (max-width:768px) {
	.container.footer_ {
		display: none
	}
}

.t-one {
	background-color: #fff;
	padding: 15px 15px 10px;
	position: relative;
	margin-bottom: 15px;
	box-shadow: 0px 0px 20px -5px rgba(158, 158, 158, 0.22)
}

.t-one .sj,
.t-one .rm {
	display: inline-block;
	vertical-align: top;
	width: calc(50% - 4px)
}

.t-one .sj {
	padding-right: 10px
}

.t-one .rm {
	padding-left: 10px
}

.t-one h3 {
	padding: 0 0 15px 10px;
	font-size: 16px;
	margin-top: 0;
	margin-bottom: 0;
	position: relative;
	color: #333
}

.t-one h3:after,
.widget .panel-header h3:after,
.widget .widget-title h3:after,
.links_bt_l a:after {
	content: " ";
	position: absolute;
	height: 16px;
	width: 3px;
	background: #319bd0;
	left: 0;
	border-radius: 9px;
	top: 1px
}

.widget .panel-header h3:after,
.widget .widget-title h3:after,
.links_bt_l a:after {
	top: 14px;
	left: 15px;
	height: 16px;
}

.links_bt_l a:after {
	top: 16px;
}

.widget .intro-title h3:after {
	display: none;
}

.t-one ul .dj-li,
.t-one .dj-item .dj_li {
	display: block;
	padding: 6.5px 0;
	height: auto;
}

.dj-scroll>.swiper-scrollbar {
	width: 2px !important;
}

.dj-scroll .swiper-container {
	flex-wrap: wrap;
}

.hot-swp {
	right: 0;
	left: auto;
	width: 50px;
	bottom: 12px;
	color: #999;
	font-size: 12px;
}

.t-one ul .dj-li:hover,
.t-one .dj-item .dj_li:hover {
	color: #319bd0
}

.t-one ul .dj-li strong,
.t-one .dj-item .dj_li strong {
	float: right;
	font-weight: normal;
	line-height: 22px;
	padding-left: 15px
}

.t-one .dj-item .dj_li strong img {
	margin: -6px 3px 0 0
}

.t-one ul .dj-li a,
.t-one .dj-item .dj_li a {
	display: block;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	line-height: 22px;
	color: #454545
}

.t-one ul .dj-li a:hover,
.t-one .dj-item .dj_li a:hover {
	color: #319bd0
}

.t-one ul .dj-li a span,
.t-one .dj-item .dj_li a span {
	width: 22px;
	height: 22px;
	background-color: #f2f2f2;
	display: inline-block;
	text-align: center;
	margin-right: 4px;
	border-radius: 50%;
	line-height: 22px;
	color: #666
}
/*.t-one ul .dj-li:nth-child(3) a span:before,
.t-one .dj-item .dj_li:nth-child(3) a span:before{content: "3"; background-color: #00a9e3; color: #fff}
.t-one ul .dj-li:nth-child(4) a span:before,
.t-one .dj-item .dj_li:nth-child(4) a span:before{content: "4"}
.t-one ul .dj-li:nth-child(5) a span:before,
.t-one .dj-item .dj_li:nth-child(5) a span:before{content: "5"}
.t-one ul .dj-li:nth-child(6) a span:before,
.t-one .dj-item .dj_li:nth-child(6) a span:before{content: "6"}
.t-one .dj-item .dj_li:nth-child(7) a span:before{content: "7"}
.t-one .dj-item .dj_li:nth-child(8) a span:before{content: "8"}
.t-one .dj-item .dj_li:nth-child(9) a span:before{content: "9"}
.t-one .dj-item .dj_li:nth-child(10) a span:before{content: "10"}
.t-one .dj-item .dj_li:nth-child(11) a span:before{content: "11"}
.t-one .dj-item .dj_li:nth-child(12) a span:before{content: "12"}
.t-one .dj-item .dj_li:nth-child(13) a span:before{content: "13"}
.t-one .dj-item .dj_li:nth-child(14) a span:before{content: "14"}
.t-one .dj-item .dj_li:nth-child(15) a span:before{content: "15"}
.t-one .dj-item .dj_li:nth-child(16) a span:before{content: "16"}
.t-one .dj-item .dj_li:nth-child(17) a span:before{content: "17"}
.t-one .dj-item .dj_li:nth-child(18) a span:before{content: "18"}
.t-one .dj-item .dj_li:nth-child(19) a span:before{content: "19"}
.t-one .dj-item .dj_li:nth-child(20) a span:before{content: "20"}
.t-one .sj ul .dj_li:nth-child(1) a span:before{content: "推"; background-color: #ff5a3c; color: #fff}
.t-one .sj ul .dj_li:nth-child(2) a span:before{content: "荐"; background-color: #13b755; color: #fff}
.t-one .dj_li:nth-child(1) span.rmbr:before{content: "最"; background-color: #ff5a3c; color: #fff}
.t-one .dj_li:nth-child(2) span.rmbr:before{content: "新"; background-color: #13b755; color: #fff}*/
.t-one .dj-item .dj_li.gg_li a span {
	background-color: #13b755;
	color: #fff;
	font-weight: normal;
	font-size: 10px;
}

.t-one .dj-item .dj_li.gg_li a {
	color: #f00;
	font-weight: bold;
}

.t-one .dj-item .dj_li.gg_li:nth-child(2) a {
	color: #5c3ef3
}

.myad {
	display: block;
	color: #c2c2c2;
	text-indent: 0;
	text-align: center!important;
	vertical-align: middle;
	border: 1px solid #dcdcdc;
	width: 40px!important;
	line-height: 21px!important;
	height: 22px!important;
	border-radius: 3px;
	font-size: 12px!important;
	padding-left: 0 !important;
}

.dj-scroll {
	height: 410px;
	overflow: hidden;
	padding-right: 10px;
}

@media screen and (max-width:768px) {
	.t-one {
		border: 1px solid #e5e8ed
	}

	.t-one .sj, .t-one .rm {
		width: 100%
	}

	.t-one .sj {
		padding-right: 0;
		margin-bottom: 20px
	}

	.t-one .rm {
		padding-left: 0
	}
}

.excerpt .item {
	position: relative
}

.excerpt .item~.item {
	margin-top: 5px
}

.excerpt .item img {
	padding: 0;
	border: 0;
	width: 100%;
	height: auto;
}

.ggbs {
	position: absolute;
	right: 0;
	bottom: 0;
	background: rgba(127, 127, 127, .4);
	padding: 1px 5px 1px 10px;
	line-height: 20px;
	color: #222831;
	font-size: 12px;
	border-top-left-radius: 16px;
	line-height: 20px!important;
	color: #222831;
	font-size: 12px!important;
	border-top-left-radius: 16px;
	width: auto!important;
	color: rgba(255,255,255,.3);
	height: auto!important;
}

.side-message {
	overflow: hidden;
	padding: 15px;
	color: #888;
	line-height: 26px
}

.side-message .media~.media {
	margin-top: 10px
}

.side-message .media .cont {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.comment-name {
	color: #319bd0
}

.comment-time {
	font-size: 12px;
	color: #999
}

.side-message .media {
	-webkit-transition: .4s;
	-o-transition: .4s;
	transition: .4s
}

.side-message .media:hover {
	-webkit-transform: translateX(5px);
	-ms-transform: translateX(5px);
	-o-transform: translateX(5px);
	transform: translateX(5px)
}

.cate-tit {
	padding: 15px
}

.cate-tit h1 {
	margin: 0;
	line-height: 1;
	font-size: 20px;
	margin-bottom: 0;
	color: #333
}

.cate-tit .des {
	margin-top: 15px;
	color: #777;
	font-size: 14px
}

.gg6 {
	margin-bottom: 20px;
	border: 0;
	padding: 0;
	margin-top: 0;
	box-shadow: none !important;
}

.gg6:hover {
	box-shadow: none;
}

.gg6 a {
}

.gg6 img {
	width: 100%;
	height: auto;
}

.navbar-search {
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	max-width: 100%;
	width: 100%;
	opacity: 1;
	z-index: 101;
	transform: scaleY(1);
	-webkit-transform: scaleY(1);
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	transform-origin: 0 0;
	transition: all .4s ease-in-out 0s;
	background-color: rgba(34, 40, 49, 0.7)
}

.navbar-search .searchform {
	width: 100%;
	padding: 24px 100px;
	display: block;
	border-radius: 3px
}

.navbar-search .searchform input {
	background-color: transparent;
	color: #fff;
	border: 0;
	border-radius: 0;
	padding: 0
}

.navbar-search .searchform input::-webkit-input-placeholder {
	color: #f2f2f5;
	opacity: 1
}

.navbar-search .searchform input::-moz-placeholder {
	color: #f2f2f5;
	opacity: 1
}

.navbar-search .searchform input:-ms-input-placeholder {
	color: #f2f2f5;
	opacity: 1
}

.navbar-search .searchform input::-ms-input-placeholder {
	color: #f2f2f5;
	opacity: 1
}

.navbar-search .searchform input::placeholder {
	color: #f2f2f5;
	opacity: 1
}

.navbar-search .searchform input:focus {
	background-color: transparent;
	border-color: transparent;
	color: #fff;
	box-shadow: none;
	-webkit-box-shadow: none;
	outline: 0
}

.navbar-search .searchform .input-group-append>.btn {
	background-color: transparent;
	color: #fff;
	padding: 0;
	border: 0;
	box-shadow: none;
	outline: 0;
	cursor: pointer
}

.navbar-search .searchform .input-group>.form-control:focus+.input-group-append .btn {
	border-color: transparent;
	color: #24bcb5
}

.navbar-search .input-group {
	width: 100%
}

.navbar-search .input-group-append {
	position: absolute;
	right: 0;
	margin-top: 4px;
	z-index: 11
}

.navbar-search .input-group:focus {
	color: #fff
}

.panel {
	margin-bottom: 10px
}

.flex-box-2 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between
}

.required {
	margin: 0 2px;
	color: red
}

#email-notes {
	color: #999
}

.form-submit .btn {
	color: #fff;
	background-color: #319bd0;
	border-color: #319bd0;
	margin-top: 5px;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	border-radius: 2px
}

.form-submit .btn:focus {
	color: #fff;
	background-color: #319bd0;
	border-color: #319bd0
}

.form-submit .btn:hover {
	opacity: .9
}

#scroll {
	width: 40px;
	float: right;
	position: fixed;
	right: 20px;
	bottom: 6%;
	z-index: 9999;
 /*display: none;*/
}

#scroll li a {
	background: #fff;
	box-shadow: 0 1px 3px rgba(26, 26, 26, .1);
	color: #666;
	width: 36px;
	font-size: 20px;
	height: 36px;
	line-height: 34px;
	text-align: center;
	vertical-align: middle;
	margin-top: 5px;
	display: block;
	cursor: pointer;
	-webkit-transition: .2s;
	-o-transition: .2s;
	transition: .2s
}

#scroll li .scroll-c i,
#scroll li .qr i,
#scroll li .scroll-c {
	font-size: 16px
}

#scroll li a:hover {
	background: #319bd0;
	color: #fff
}

.qr-img {
	position: fixed;
	background: #fff;
	bottom: 50px;
	right: 50px;
	max-width: 300px;
	padding: 10px 10px 2px 10px;
	border: 1px solid #ddd;
	border-radius: 2px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
	background: rgba(255, 255, 255, 0.95);
	z-index: 9999;
	display: none
}

#output img {
	position: absolute;
	top: 72px;
	right: 72px;
	width: 25px;
	height: 25px
}

.qr .fa-qrcode {
	font-size: 20px !important;
	line-height: 32px !important
}

#output td {
	border: 0
}

#output td {
	padding: 0
}

.content-box {
	padding: 15px
}

@media(max-width:1200px) {
	.content-wrap {
		width: 100%
	}

	.sidebar {
		width: 100%;
	}

	#scroll {
		display: none;
	}
}

@media(max-width:1024px) {
	body {
		position: absolute;
		left: 0;
		right: 0;
		overflow-x: hidden;
		backface-visibility: hidden;
		transition: all .3s ease-in-out;
		transition-delay: 0s
	}

	body.out {
		left: -200px;
		right: 200px;
		overflow: hidden
	}

	body.off-canvas-nav-left.out {
		left: 200px;
		right: -200px
	}

	.container-fluid>.navbar-collapse, .container>.navbar-collapse {
		margin-left: 0;
		margin-right: 0
	}

	nav.navbar-fixed-top {
		transition: all .3s ease-in-out;
		transition-delay: 0s
	}

	nav.navbar-fixed-top.out {
		transform: translate3d(-200px, 0, 0)
	}

	body.off-canvas-nav-left nav.navbar-fixed-top.out {
		transform: translate3d(200px, 0, 0);
		transition-delay: .3s
	}

	nav .navbar-nav {
		margin: 0 -15px 7.5px -15px;
		border-top: 1px solid #eee;
	}

	nav .navbar-toggle {
		padding: 12px 0;
		transition: all .5s ease-in-out
	}

	body.out nav .navbar-toggle {
		background-color: #ddd
	}

	body.off-canvas-nav-left nav .navbar-toggle {
		float: left;
		margin-left: 15px;
		margin-right: 0
	}

	.navbar-default .navbar-toggle {
		background: transparent !important
	}

	nav .navbar-toggle .icon-bar {
		transition: all .5s ease-in-out
	}

	body.out nav .navbar-toggle .icon-bar:nth-of-type(2) {
		transform: translate3d(0, 6px, 0) rotate(45deg)
	}

	body.out nav .navbar-toggle .icon-bar:nth-of-type(3) {
		opacity: 0
	}

	body.out nav .navbar-toggle .icon-bar:nth-of-type(4) {
		transform: translate3d(0, -6px, 0) rotate(-45deg)
	}

	nav .navbar-collapse {
		display: block !important;
		position: fixed;
		top: 0;
		right: -200px;
		bottom: 0;
		z-index: 10000;
		width: 200px;
		height: 100vh !important;
		margin: 0;
		background-color: inherit;
		border: 0;
		box-shadow: none;
		border-left: 1px solid #e7e7e7;
		transition: all .3s ease-in-out
	}

	body.out nav .navbar-collapse {
		box-shadow: -10px 0 50px 0 rgba(0, 0, 0, .75);
		transform: translate3d(-200px, 0, 0)
	}

	nav.navbar-fixed-top .navbar-collapse {
		right: -200px !important;
		max-height: none;
		top: 45px !important;
		background: #fff;
		background: rgba(34, 40, 49, 0.79);
		padding-top: 10px;
		border-left: 0
	}

	.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.dropdown>a:focus {
		color: #319bd0
	}

	.navbar-default .navbar-nav>li>a {
		color: #222831;
		border-bottom: 1px solid #eee;
	}

	.navbar-default .navbar-nav>li>a {
		padding: 10px
	}

	nav.navbar-fixed-top .navbar-collapse.in {
		right: 0 !important
	}

	.nav>li.s-li {
		display: block
	}

	body.out nav.navbar-fixed-top .navbar-collapse {
		box-shadow: -10px 0 50px 0 rgba(0, 0, 0, .75);
		transform: none
	}

	body.off-canvas-nav-left nav .navbar-collapse {
		left: -200px;
		right: auto;
		border: 0;
		border-right: 1px solid #e7e7e7
	}

	body.off-canvas-nav-left.out nav .navbar-collapse {
		box-shadow: 10px 0 50px 0 rgba(0, 0, 0, .75);
		transform: translate3d(200px, 0, 0)
	}

	body.off-canvas-nav-left.out nav.navbar-fixed-top .navbar-collapse {
		box-shadow: 10px 0 50px 0 rgba(0, 0, 0, .75);
		transform: none
	}

	.dropdown-menu>li>a:hover, nav .navbar-collapse .dropdown-menu>li>a:focus {
		background-color: #eee !important
	}

	nav .navbar-collapse .dropdown>.dropdown-menu, nav .navbar-collapse .dropdown>.dropdown-menu>.dropdown-submenu>.dropdown-menu {
		display: block !important;
		position: static;
		float: none;
		max-height: 0;
		margin: 0;
		padding: 0;
		border: 0;
		box-shadow: none;
		overflow: hidden;
		transition: all .5s ease-in-out
	}

	nav .navbar-collapse .dropdown .dropdown-menu li a, nav .navbar-collapse .dropdown .dropdown-menu li.dropdown-header {
		padding: 5px 15px 5px 25px;
		color: #777
	}

	nav .navbar-collapse .dropdown.open .dropdown-menu, nav .navbar-collapse .dropdown.open .dropdown-menu>.dropdown-submenu.open>.dropdown-menu {
		max-height: 100vh
	}

	nav .dropdown-toggle>.caret {
		transform: rotate(0) !important
	}

	nav .open>.dropdown-toggle>.caret {
		transform: rotate(180deg) !important
	}

	nav .navbar-form {
		margin-top: 0;
		margin-bottom: 0;
		border: 0;
		box-shadow: none
	}

	.navbar-header {
		width: 100%
	}

	.content {
		margin-right: 0
	}

	.sidebars {
		display: none
	}

	.nav-hide {
		display: none
	}

	.dropdown-menu, .navbar-nav .dropdown-menu:after, .navbar-nav .dropdown-menu:before {
		display: none
	}

	.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
		max-height: 380px
	}

	.navbar-default .navbar-toggle {
		border: 0
	}

	.navbar-toggle {
		margin-top: 15px
	}

	.navbar-right, .widget_soft {
		display: none;
	}
}

@media screen and (max-width:800px) {
	.sidebar.fixed .row {
		position: static;
		z-index: 295;
		width: 100%;
	}

	.navbar-toggle {
		margin-top: 8px
	}

	.footer .foot-search {
		float: none !important;
		width: 70%;
		margin: 0 auto 15px;
	}

	.content-list {
		border: 0
	}

	.posts-gallery-content .posts-gallery-text {
		display: none
	}

	.excerpt-minic {
		
	}
	#gogo {
		width: 85%;
	}

	.mobile-hide, .widget_ui_gg {
		display: none
	}

	.span10, .span11, .span12, .span4, .span5, .span6, .span7, .span8, .span9 {
		width: 100%
	}

	.span2, .span3 {
		width: 50%
	}

	.span1 {
		width: 25%
	}

	.panel-sort {
		box-shadow: none
	}

	.panel.transparent {
		background: #FFF
	}

	#mobile-header {
		display: block
	}

	#mobile-tab-menu {
		display: block !important
	}

	.box-md {
		margin: 50px 0
	}

	.posts-list>li .panel {
		border-bottom: 1px solid #e6e6eb;
		height: 85px
	}

	.posts-list>li .panel:before {
		content: '';
		position: absolute;
		right: 0;
		top: 0;
		height: 84px;
		width: 10px;
		background: #FFF;
		z-index: 30
	}

	.posts-list>li:last-child .panel {
		border-bottom: 0
	}

	.posts-list>li .panel-header {
		height: 10px
	}

	.posts-list>li .post-title a {
		position: absolute;
		text-indent: 10px;
		width: 100%;
		height: 85px;
		top: 0;
		left: 0;
		z-index: 50;
		white-space: nowrap;
		overflow: hidden;
		-ms-text-overflow: ellipsis;
		text-overflow: ellipsis;
		padding-right: 10px
	}

	.posts-list>li .post-title a:hover {
		color: #333
	}

	.posts-list>li .post-title a:active {
		opacity: .3;
		background: #000
	}

	.posts-list>li.thumbnail .post-title a {
		text-indent: 80px
	}

	.posts-list>li .thumbnail-link, .posts-list>li .thumbnail-link .thumbnail {
		width: 65px;
		height: 65px
	}

	.posts-list>li .thumbnail-link+.right-box {
		left: 80px
	}

	.posts-list>li .right-box {
		position: absolute;
		top: 33px;
		left: 10px
	}

	.posts-list>li .excerpt {
		line-height: 22px;
		color: #999;
		white-space: nowrap
	}

	.posts-list>li .post-meta {
		line-height: 22px
	}

	.posts-list>li .post-meta>li {
		border: 0;
		border-radius: none;
		-moz-border-radius: none;
		padding: 0;
		line-height: 22px
	}

	.posts-list>li .post-meta>li.author {
		display: none
	}

	.posts-list>li .post-meta>li, .posts-list>li .post-meta>li a {
		color: #999
	}

	.posts-list.full-text>li .panel {
		height: auto;
		padding-bottom: 0
	}

	.posts-list.full-text>li .panel:before {
		display: none
	}

	.posts-list.full-text>li .panel-header {
		height: auto
	}

	.posts-list.full-text>li .post-title {
		white-space: inherit;
		overflow: visible;
		padding: 10px
	}

	.posts-list.full-text>li .post-title a, .posts-list.full-text>li.thumbnail .post-title a {
		position: relative;
		display: block;
		width: 100%;
		height: auto;
		left: 0;
		text-indent: 0;
		white-space: inherit;
		overflow: visible;
		line-height: 22px;
		padding-right: 0
	}

	.posts-list.full-text>li .context {
		display: none
	}

	.posts-list-page-navi {
		display: none
	}

	.posts-list-mobile-page-navi {
		display: block
	}

	.archive-header, .content-theme .qbztm, .focusmo, .qrcode {
		display: none
	}

	#mobile-menu {
		display: block
	}

	#post-box .post-meta-box>.meta-top, .bg-fixed, span.useragent {
		display: none
	}

	.navbar-nav>li:before {
		content: ''
	}

	.indexebox-3, .indexebox-6 {
		border-right: 0 !important
	}

	.indexebox-4, .indexebox-5, .indexebox-6 {
		border-top: 1px dashed #ddd
	}

	.fly-nav-right {
		display: none
	}

	.content-img>.img-row {
		margin-left: 0;
		margin-right: 0
	}

	.content-img>.img-row>.log-img {
		padding-left: 0;
		padding-right: 0
	}

	.rollbar ul {
		width: 50px !important
	}

	.rollbar a {
		height: 50px !important
	}

	.rollbar .fa {
		font-size: 27px !important
	}

	.conment-btn, .post-entry-categories {
		display: none
	}

	.navbar-nav>li {
		background: 0
	}

	.bulletin ul li {
		width: 750px
	}

	.modal-dialog {
		margin: 10px !important
	}

	section.context>h2:first-child, section.context>h3:first-child {
		padding-top: 5px
	}

	.pagination ul>span.tj {
		display: none
	}

	.context h2 {
		font-size: 16px;
		padding: 2px 0
	}

	.container {
		padding: 0 15px
	}

	.cate-tit {
/*padding: 0;*/
		border: 0;
		border-bottom: 1px solid #eee;
		padding-bottom: 15px;
		margin-bottom: 15px
	}

	.content-wrap {
		width: 100%
	}

	.cate-tit h1 {
		font-size: 20px
	}

	.panel_cms {
		min-height: 20px
	}

	.content-list {
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none
	}

	.theme-list .col-md-3 {
		margin-bottom: 15px;
	}

	#header {
		padding: 0;
		border-bottom: 0;
		min-height: 0 !important;
		margin-bottom: 0;
	}

	.widget, .content-list:hover {
		box-shadow: none
	}

	.navbar-toggle {
		margin-right: 0
	}

	.navbar-header .logo {
		padding: 10px 0;
		font-size: 20px;
		margin-left: 0 !important;
		display: inline-block;
	}

	#PB {
		margin-top: 70px
	}

	.panel-sort {
		border: 0
	}

	.logo img {
		margin-top: 0;
		max-height: none;
		height: auto;
		vertical-align: middle;
		width: 100px;
		display: inline-block
	}

	.posts-gallery-img {
		width: 33.3333%;
		height: auto !important;
		float: left
	}

	.posts-gallery-img img {
		width: 100%;
	}

	.post-images-item ul li a img {
		height: auto !important
	}

	.post-images-item ul li .image-item {
		height: auto !important
	}

	.posts-gallery-content {
		margin-left: 0;
		overflow: hidden;
		padding-left: 10px;
		padding-top: 4px
	}

	.posts-default-title h2, .posts-gallery-content h2 {
		font-size: 15px;
		line-height: 1.3;
		font-weight: 600;
		white-space: pre-wrap;
		text-overflow: unset;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical
	}

	.posts-gallery-content h2 {
		max-height: none;
		position: relative;
		margin: 0 0 15px 0;
		padding-top: 0;
		overflow: hidden
	}

	.posts-gallery-content .posts-gallery-text {
		margin-bottom: 5px
	}

	.posts-gallery-content .posts-gallery-text {
		line-height: 1.6;
		margin-bottom: 15px;
		color: #566573
	}

	.posts-default-info ul li {
		margin: 0 8px 0 0;
		font-size: 10px
	}

	.posts-default-info ul li:first-child, .post-author, .ico-like, .navigation .dots, .navigation a, .pic-posts-box a .title .post-views, .posts-cjtz, .posttime-a, .sidebars {
		display: none
	}

	.post-entry-categories {
		margin: 0
	}

	.post-entry-categories a {
		padding: 3px 5px 2px;
		font-size: 10px;
		line-height: 1;
		margin: 0 5px 8px 0;
		font-size: 10px
	}

	.posts-default-title h2, .posts-gallery-content h2 {
		font-size: 15px;
		line-height: 1.3;
		font-weight: 600
	}

	.posts-default-title h2 {
		margin: 0 0 5px 0;
		border-bottom-width: 0;
		padding: 0
	}

	.posts-default-content .posts-text {
		display: none;
		line-height: 0
	}

	i.article-mark, i.article-marks {
		display: none
	}

	.bulletin ul li {
		width: 700px
	}

	.footer {
		margin-top: 15px;
		padding-top: 15px;
		font-size: 12px;
 /*text-align: center*/
	}

	.footer .fr {
		float: none;
		display: inline;
	}

	.form-control {
		border: 1px solid #ddd;
		box-shadow: none
	}

	.footer .footer-tag-list a {
		font-size: 12px;
		margin-right: 3px
	}

	.footer .footer-tag-list a img {
		height: 12px
	}

	section.context table td, section.context table th {
		padding: 5px;
		font-size: 12px
	}

	section.context table td:nth-child(4), section.context table th:nth-child(4) {
		display: none
	}

	.excerpt {
/*border: 0; margin-bottom: 20px;*/
	}

	.ggbs {
		font-size: 10px;
		line-height: 1.5
	}

	.excerpt-page {
		padding: 10px;
	}

	.pagination ul>a, .pagination ul>span {
		padding-right: 1px 10px
	}

	#scroll, .excerpt-list, .bulletin .time {
/*display: none*/
	}

	.top-ad-img .x a {
		width: 100% !important;
	}

	.top-ad-img span img {
		height: auto !important;
	}

	span.mark-red {
		color: #f73b3b;
		font-weight: 400;
		left: 1px;
		width: 20px;
		top: 1px;
		background: #f73b3b;
		width: 40px;
		text-align: center;
		color: #fff;
		padding: 3px 5px 3px;
		font-size: 10px;
		line-height: 1;
		transform: rotate(0);
		opacity: .7;
		z-index: 99
	}

	#post-box .post-meta-box {
		font-size: 12px
	}

	#post-box .post-title {
		line-height: 1.4;
		font-size: 20px;
		font-weight: bold
	}

	.post-info {
		display: none
	}

	.post-info-m {
		display: block;
		text-align: left
	}

	section.context {
		word-break: normal;
		line-height: 1.75
	}

	section.context p {
		margin-bottom: 15px
	}

	.post-copyright {
		font-size: 12px;
		padding: 15px;
		border-top: 1px solid #eee;
		border-bottom: 1px solid #eee
	}

	.nav-single {
		display: none
	}

	.nav-single .meta-nav:first-child {
		border-right: 0;
		border-bottom: 1px solid #eee
	}

	.meta-nav {
		width: 100%
	}

	.meta-nav a {
		display: block;
		padding: 5px 15px
	}

	.dj-sm {
		display: none
	}

	.breadcrumb, .breadcrumb a {
		color: #999
	}

	.posts-gallery-img .simg .t1 {
		display: none
	}
}

@media screen and (max-width:640px) {
	.media-right {
		display: none
	}
}

@media screen and (max-width:600px) {
	.related-posts>li {
		width: 100% !important
	}

	#respond .comment-form-author, #respond .comment-form-email, #respond .comment-form-qq, #respond .comment-form-url {
		width: 100% !important
	}

	.paydown .down-title {
		width: 14%
	}

	.paydown .down-detail {
		width: 85%
	}

	.bulletin ul li {
		width: 530px
	}
}

@media screen and (max-width:480px) {
	#commentform .cai, #commentform .zan {
		display: none !important
	}

	.pagination ul>li {
		display: none
	}

	.pagination ul>li.next-page, .pagination ul>li.prev-page {
		display: inline-block
	}

	.shareBox .J_showAllShareBtn {
		display: none
	}

	.context>ul.readers-list li {
		width: 25%
	}

	.context>ul.readers-list strong {
		display: none
	}

	.bulletin ul li {
		width: 420px
	}
}

@media screen and (max-width:360px) {
	span.ajaximgcode>.input {
		max-width: 30px
	}

	section.context>ul.readers-list li {
		width: 33%
	}

	.bulletin ul li {
		width: 290px
	}
}

@media(max-width:1000px) {
	.content-wrap {
		width: 100%
	}
}

.theme-list {
	margin-left: -10px;
	margin-right: -10px;
	padding-bottom: 5px;
	display: flex;
	flex-wrap: wrap;
}

.video-list {
	margin-left: -15px;
	margin-right: -15px
}

.theme-list .col-md-3 {
}

.product-list .col-md-3 {
	width: 20%
}

.theme-list-index {
	margin-bottom: -15px;
}

.theme-list-index>div {
	margin-bottom: 15px;
}

.theme-list .latest-template-wrap {
	margin-bottom: 20px;
	position: relative;
	overflow: hidden;
	background: #fff;
	box-shadow: 0px 0px 20px -5px rgba(158, 158, 158, 0.22);
	-webkit-box-shadow: 0px 0px 20px -5px rgba(158, 158, 158, 0.22);
	transition: .4s;
	-webkit-transition: .4s;
	text-align: center;
	border-radius: 3px;
}

.theme-list .latest-template-wrap .tip {
	position: absolute;
	left: 0;
	top: 0;
	width: 40px;
	z-index: 99;
}

.theme-list .latest-template-wrap .tip img {
	max-width: 100%;
}

.theme-list .latest-template-wrap:hover {
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.15)
}

.theme-list .latest-template-wrap .demo-overlay .demo-overlay-btn:hover {
	opacity: 1
}

.theme-list .latest-template-wrap .demo-overlay .demo-overlay-btn:hover a {
	transform: scale3d(1, 1, 1)
}

.theme-list .latest-template-wrap .demo-overlay {
	position: relative;
	padding: 10px;
	overflow: hidden;
	height: 280px;
	line-height: 260px;
	font-size: 0
}

.theme-list .latest-template-wrap .demo-overlay img {
	display: inline-block;
	width: 100%;
	height: 100%;
	max-height: 100%;
	object-fit: cover;
	border: 1px solid #f3f3f3;
}

.theme-list .latest-template-wrap .demo-overlay .demo-overlay-btn {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 10px;
	text-align: center;
	background: rgba(0, 0, 0, .7);
	opacity: 0;
	transition: opacity .4s
}

.theme-list .latest-template-wrap .demo-overlay .demo-overlay-btn>div {
	display: table;
	height: 100%;
	width: 100%
}

.theme-list .latest-template-wrap .demo-overlay .demo-overlay-btn>div>div {
	display: table-cell;
	vertical-align: middle
}

.theme-list .latest-template-wrap .demo-overlay .demo-overlay-btn>div>div a {
	display: inline-block;
	line-height: 1;
	padding: 15px 20px;
	font-size: 14px;
	margin: 5px;
	transform: scale3d(0, 0, 0);
	transition: all .4s;
	border-radius: 25px
}

.theme-list .latest-template-wrap .latest-template-intro {
	padding: 0 10px
}

.theme-list .latest-template-wrap .latest-template-intro .template-intro-title {
	border-bottom: 1px solid #eee;
	text-align: center
}

.theme-list .latest-template-wrap .latest-template-intro .template-intro-title h3 {
	margin-top: 5px;
	margin-bottom: 10px
}

.theme-list .latest-template-wrap .latest-template-intro .template-intro-title h3 a {
	font-size: 15px;
	color: #333;
	display: inline-block;
	display: inline-block;
	line-height: 1.5;
	vertical-align: top;
	overflow: hidden;
	text-align: left;
	height: 44px;
	width: 100%
}

.theme-list .latest-template-wrap .latest-template-intro .template-intro-title h3 a.two {
/*white-space: normal; padding-bottom: 8px;*/
}

.theme-list .latest-template-wrap .latest-template-intro .template-intro-title h3 a:hover {
	color: #319bd0
}

.theme-list .latest-template-wrap .latest-template-intro .template-intro-title p {
	font-size: 14px;
	color: #999;
	line-height: 1.6;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	height: 22px
}

.theme-list .latest-template-wrap .latest-template-intro .download-count {
	padding: 6px 5px;
	font-size: 14px
}

.video-list .latest-template-wrap .demo-overlay {
	padding: 0;
	height: auto;
	line-height: 1
}

.video-list .latest-template-wrap .latest-template-intro .template-intro-title h3 {
	margin-top: 15px
}

.video-list .latest-template-wrap .latest-template-intro .template-intro-title h3 a {
	font-size: 16px
}

.pull-left {
	float: left !important;
	color: red;
	color: #999
}

.pull-right {
	float: right !important;
	color: #999
}

.sales-price {
	color: #f40
}

.sidebar-search {
	padding: 15px 15px 13px;
	color: #666
}

.sidebar-search a {
	color: #999;
	margin-right: 3px
}

.sidebar-search a:hover {
	color: #319bd0
}

.hot-search {
	margin-top: 8px
}

.sidebar-search .form-inline ~ .form-inline {
	margin-top: 8px;
}

.sidebar-search .input-group {
	width: 70%;
	float: left;
	box-sizing: border-box;
}

.sidebar-search .input-group .form-control {
	height: 32px;
	box-sizing: border-box;
}

.sidebar-search .input-sub {
	width: 30%;
	line-height: 32px;
	height: 32px;
	background: #319bd0;
	border: 0;
	color: #fff;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s
}

.sidebar-search .input-sub:hover {
	opacity: .9
}

@media(max-width:768px) {
	.footer .footer-tag-list ul li~li {
		margin-top: 10px
	}

	.footer .footer-tag-list ul {
		line-height: 1.75
	}

	.mb-cate span {
		float: none;
		height: auto;
	}
}

.t-one,
.excerpt-minic,
.excerpt-list,
.content-list,
.excerpt,
.panel,
.footer_,
.widget {
	border: 0;
	overflow: hidden;
	box-shadow: 0px 0px 20px -5px rgba(158, 158, 158, 0.22);
	border-radius: 3px
}

#scroll li a {
	box-shadow: 0px 0px 20px -5px rgba(158, 158, 158, 0.22)
}

.posts-gallery-img img,
.thumbnailside,
.nav-single,
.sidebar-randlog-list>li a {
	overflow: hidden
}

.sidebar-randlog-list>li a {
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.1) inset
}

.sidebar-search .input-group .form-control {
	width: 100%
}

.context img {
	padding: 0
}

.dropdown-menu {
	box-shadow: 0 6px 12px rgba(0, 0, 0, .1)
}

.dropdown-menu>li>a {
	color: #666;
	padding: 5px 20px
}

@media(max-width:800px) {
	.index_cms {
		display: none
	}
}

.gg1 {
	background-color: #FF5722;
	text-align: center;
	padding: 5px 0;
	margin-top: 20px;
	font-size: 14px
}

.gg1 a {
	color: #fff
}

.jiaru {
	color: #666
}

.last-footer-a button {
	border-radius: 2px;
	line-height: 28px;
	background: #319bd0 !important;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s
}

.last-footer-a button:hover {
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1)
}

.pb-nav-right {
	display: flex;
 /*font-size: 15px;*/
	color: #222831;
}

.pb-nav-right .pb-search {
	font-size: 18px;
	cursor: pointer;
}

.pb-nav-right .btn-group {
	margin-left: 20px;
}

.btn {
	border-radius: 2px
}

.page-banner h1 {
	text-align: center;
	font-size: 30px;
	margin-top: 30px;
	margin-bottom: 30px;
	border-bottom: 1px solid #ddd;
	padding-bottom: 20px
}

.member-content {
	padding-bottom: 20px
}

.login-tip {
	padding: 20px;
	background: #f5f5f5 repeating-linear-gradient(-45deg, #fff, #fff 1.125rem, transparent 1.125rem, transparent 2.25rem);
	font-size: 15px;
	color: #666
}

.media {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: start;
	align-items: flex-start
}

.media-body {
	-ms-flex: 1;
	flex: 1;
	width: auto
}

.mr-3,
.mx-3 {
	margin-right: 10px !important
}

.mt-0,
.my-0 {
	margin-top: 0 !important
}

.media-body h6 strong {
	line-height: 1.2
}

.font-weight-normal {
	font-weight: 400 !important
}

.text-secondary {
/*color: #6c757d !important*/
}

.media-body p .replybtn {
	cursor: pointer
}

.my-4 .pagination {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center
}

.page-num,
.page-link {
	position: relative;
	display: block;
	padding: .5rem .75rem;
	margin-left: -1px;
	line-height: 1.25;
	color: #17a2b8;
	background-color: #fff;
	border: 1px solid #dee2e6
}

.btn-secondary {
	background: #666;
	color: #fff
}

.article-content .msg {
	border: 1px solid #ddd;
	border-radius: 2px;
	color: #999;
	padding: .7em;
	line-height: 1.3em;
	margin-bottom: 20px;
	font-size: 14px;
	box-shadow: 0px 0px 20px -5px rgba(158, 158, 158, 0.22);
 /*display: flex; flex-wrap: wrap; justify-content: space-between;*/
}

.kefu-baidu {
	width: 102px;
	height: 181px;
	background: url(../images/robot.gif) no-repeat;
	position: fixed;
	right: 3%;
	top: calc((100vh - 181px)/2);
	transition: all .3s;
 /*display: none;*/
}

@media(max-width:768px) {
	.kefu-baidu {
		display: none
	}
}

.widget_btnbox {
	padding: 20px 15px 15px;
}

.widget_btnbox .btn {
	display: block;
	width: 100%;
	height: 48px;
	line-height: 48px;
	font-size: 18px;
	border: 1px solid #ddd;
	color: #606060;
	text-align: center;
	padding: 0;
	margin-bottom: 15px;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}

.widget_btnbox .btn:hover {
	opacity: .9;
}

.widget_btnbox .btn:first-child {
	background: #f40;
	color: #fff;
	border-color: #f40;
}

.widget_btnbox p {
	margin: 0;
	font-size: 12px;
	color: #999;
	line-height: 1.75;
	margin-top: 15px;
}
/*@media (max-width: 1600px){.sidebar.fixed .row{width: 303px;}}*/
.widget.fixed {
	position: fixed;
	top: 90px;
	width: 319.19px;
}
/*滚动公告*/
#gogo {
	display: inline-block;
	vertical-align: top;
	height: 40px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	margin-top: 2px;
}

#gogo li {
	height: 36px;
	line-height: 36px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

#gogo li:first-child {
	margin-top: 0;
	transition: margin-top .8s;
}
/*首页调整2020-10-21*/
.theme-list-index .latest-template-wrap {
	margin-bottom: 0;
}

.theme-list-index .latest-template-wrap .demo-overlay {
	height: 170px;
	line-height: 1;
}

.theme-list-index .latest-template-wrap .latest-template-intro .template-intro-title h3 {
	margin-top: 0;
	margin-bottom: 0;
}

.theme-list-index .latest-template-wrap .latest-template-intro .template-intro-title h3 a {
	font-size: 14px;
}

.theme-list>div {
	padding: 0 5px;
}

.theme-list {
	margin-left: -5px;
	margin-right: -5px;
	padding-bottom: 0;
}

.swiper-one .swiper-slide {
/*border-radius: 3px;*/
	overflow: hidden;
}
/*模板*/
.two-box:nth-child(even) {
	float: right;
}

.two-box-tit {
	border-radius: 2px 2px 0 0;
	border-bottom: 1px solid rgba(221, 221, 221, .8);
	height: 45px;
	line-height: 45px;
	padding-left: 15px;
	font-weight: 400;
	font-size: 16px;
	overflow: hidden;
}

.two-box-tit h3:after {
	position: absolute;
	width: 60px;
	height: 3px;
	content: "";
	background: #3690cf;
	left: 0;
	bottom: -1px;
	-moz-transition: all .5s ease;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}

.two-box-tit h3 {
	font-weight: inherit;
	position: relative;
	display: inline-block;
}

.two-list-img {
	padding: 10px 15px;
	display: block;
	overflow: hidden;
}

.pic-box {
	border-radius: 3px;
}

ul.pic-box-list {
	overflow: hidden;
	margin: 10px 7px 0 7px;
}

ul.pic-box-list li {
	width: 25%;
	float: left;
	overflow: hidden;
	margin-bottom: 15px;
	position: relative;
	border-radius: 3px;
}

ul.pic-box-list li a {
	position: relative;
	overflow: hidden;
	display: block;
	margin: 0 7px 5px 7px;
	border: #f1f1f1 1px solid;
	border-radius: 3px;
}

i.thumb {
	display: block;
	width: 100%;
	height: 0;
	padding-top: 66.7%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-color: transparent;
	position: relative;
	overflow: hidden;
	transition: all .2s;
}

ul.pic-box-list li h3 {
	padding: 10px 10px 5px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	font-weight: normal;
	font-size: 15px;
	background-size: 20px;
}

ul.pic-box-list li p {
	font-size: 12px;
	color: #999;
	overflow: hidden;
	margin: 5px 0;
	padding: 0 10px;
}

ul.pic-box-list li p b.datetime {
	float: left;
	font-weight: normal;
	margin-left: 0;
}

ul.pic-box-list li p span.viewd {
	float: right;
}

ul.pic-box-list li p span.price {
	color: #f40;
}
/*imglist*/
.side-content ul.imglist.pic-box-list {
	margin-top: 20px;
}

.home-index ul.imglist.pic-box-list {
	margin-top: 0;
	margin-left: -7px;
	margin-right: -7px;
}

ul.imglist.pic-box-list {
	margin: 10px 0 0 0;
	overflow: visible;
	display: table;
	clear: both;
}

ul.imglist.pic-box-list li {
	width: 33.333%;
	overflow: visible;
}

ul.imglist.pic-box-list li a {
	border: #f1f1f1 0px solid;
}

li.sell-list:hover,
ul.imglist.pic-box-list li a:hover {
	transform: translate(0, -5px);
	color: #54b5db;
}

ul.imglist.pic-box-list li h3 {
	padding: 5px 2px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	white-space: normal;
	min-height: 64px;
}

ul.imglist.pic-box-list p {
	padding: 0 2px 10px 2px;
	border-bottom: 1px solid #ddd;
}

.pic-thumb {
	display: flex;
	width: 100%;
	height: 177px;
	position: relative;
	overflow: hidden;
	transition: all .2s;
}

.pic-thumb img {
	-webkit-transition: .4s;
	-o-transition: .4s;
	transition: .4s;
}

ul.imglist li .pic-thumb img,
ul.pic-box-list .pic-thumb img {
	width: 100%;
	min-height: 100%;
	align-self: center;
}

.pic-thumb:hover img {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}

.top-ad-img {
	width: 100%;
	overflow: hidden;
	margin-bottom: 15px;
}

.top-ad-img span {
	display: block
}

.top-ad-img span img {
	width: 100%;
	height: 70px
}

.top-ad-img .d {
	width: 100%;
	margin-bottom: 10px
}

.top-ad-img .x {
	margin-bottom: -10px;
	overflow: hidden;
}

.top-ad-img .x a {
	display: block;
	float: left;
	width: 49.5%;
	margin-bottom: 10px;
	box-shadow: 0px 0px 20px -5px rgba(158, 158, 158, 0.22);
	border-radius: 3px;
	overflow: hidden;
}

.top-ad-img .x a:nth-child(2n) {
	float: right
}

.top-ad-img a {
	position: relative
}

.top-ad-img a:before {
	position: absolute;
	content: " ";
	width: 26px;
	height: 1pc;
	background: url(../images/watermark.png);
	right: 0;
	font-size: 9pt;
	text-align: center;
	bottom: 0;
	color: #fff;
	display: none;
}

.two-list-img {
	padding: 10px 15px;
	display: block;
	overflow: hidden;
	box-shadow: none;
}

a.figure-thumb {
	float: left;
	width: 190px;
	height: 141px;
	margin: 0 15px 0 0;
	overflow: hidden;
	transition-duration: .5s;
	display: flex;
}

a.figure-thumb i.thumb {
	padding-top: 75%;
	align-self: center;
}

a.figure-thumb img {
	-webkit-transition: .4s;
	-o-transition: .4s;
	transition: .4s;
}

a.figure-thumb:hover img {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}

ul.two-box-list {
	float: left;
	width: 100%;
}

span.two-list-date {
	float: right;
	color: #999;
	margin-left: 8px;
}

li.two-list-title {
	line-height: 30px;
	white-space: nowrap;
	word-wrap: normal;
	text-overflow: ellipsis;
	overflow: hidden;
	position: relative;
	padding-left: 10px;
}

li.two-list-title:before {
	position: absolute;
	content: '';
	height: 0;
	width: 0;
	display: block;
	border: 4px transparent solid;
	border-right-width: 0;
	border-left-color: #ddd;
	top: 10px;
	left: 0;
}

.widget-title {
	position: relative;
}

.widget-title .more {
	position: absolute;
	right: 15px;
	top: 12px;
	color: #999;
	font-size: 12px;
	font-weight: 300;
}

.two-list {
	margin-bottom: 0;
	border-radius: 3px;
	background: transparent;
	box-shadow: none;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.two-list>div {
	background: #fff;
	padding: 0;
	margin-bottom: 15px;
	border-radius: 3px;
	width: 32.5%;
	box-shadow: 0px 0px 20px -5px rgba(158, 158, 158, 0.22);
}

@media (max-width:768px) {
	ul.pic-box-list li {
		width: 50%;
	}

	.pic-thumb {
		height: 100px;
	}

	.two-list>div {
		width: 100%;
	}

	a.figure-thumb {
		width: 100%;
		height: auto;
		display: none;
	}

	ul.two-box-list {
		width: 100%;
		min-height: none;
	}

	a.figure-thumb img {
		width: 100%;
	}

	.posts-gallery-img .simg {
		height: 80px;
		border-radius: 3px;
	}
}
/*会员*/
.member-content {
	padding: 0 15px 10px;
}
/*付费阅读*/
.paywall a, .paywall-box a {
	text-decoration: none !important;
	box-shadow: unset !important;
	outline: none;
}

.paywall {
	font-size: 14px;
	padding: 20px;
	border: 1px dashed #ffc107;
	background: #fffdf8;
	margin-bottom: 15px;
	margin-top: 10px;
}

.paywall a,
.paywall-box a {
	text-decoration: none !important;
	box-shadow: unset !important;
	outline: none;
}

.paywall a:hover {
	box-shadow: unset !important;
}

.paywall input {
	margin: 0px;
	padding: 0px;
	font-size: 14px;
	border-style: solid;
	border: 1px solid #bbb;
}

.paywall input[name="mobile"],
.paywall input[name="code"] {
	height: 28px;
	line-height: 28px;
	width: 120px;
	padding: 0 0 0 6px;
	margin-bottom: 15px;
}

.paywall .btn {
	display: inline-block;
	border: 1px solid #ddd;
	color: #ddd;
	padding: 5px 10px;
	border-radius: 3px;
	text-align: center;
}

.paywall .btn-btn {
	border-color: #66aa66;
	background: #37d13b !important;
	color: #fff;
}

.paywall a.btn-link {
	background-color: #fa2;
	border-color: #f80;
	color: #fff;
}

.paywall .btn-link:hover {
	color: #fff;
}

#paywall-link-box div:not(:first-child) {
	display: inline-block;
	margin: 10px 5px 5px;
}

#paywall-code-box .btn-btn {
	margin: 0 0 9px 0;
	font-weight: normal;
	line-height: 19px;
}

#paywall-code-box .tips {
	margin-bottom: 15px;
}

.paywall-js-show {
	display: none;
}

.paywall-center {
	text-align: center;
	margin-top: 30px;
}

.paywall-highlight {
	color: #f10;
}

.paywall-box .paywall-highlight {
	margin: 20px 0;
}

.paywall-mb {
	margin-bottom: 20px;
}

.paywall-tips {
	color: #999;
}

.paywall-reset {
	border: 0px;
	background: #fff;
}

.paywall-box .paywall-mask {
	bottom: 120px;
	display: block;
	height: 120px;
	position: relative;
	width: 100%;
 /*background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 30%, #fff 80%);*/
	background-repeat: repeat-x;
 /*margin-bottom: -120px;*/
	margin-bottom: -100px;
}

.paywall-box .paywall-lock {
	border-top: 1px dashed #ddd;
	position: relative;
}
/*.paywall-box .icon-lock-m{background: #fff url(../images/61e28d3f1874c30f.png) center 0 no-repeat; display: block; height: 24px; left: 50%; margin-left: -25px; position: absolute; top: -12px; width: 50px;}
*/
.paywall-message-error {
	margin: 5px 0 15px;
	background: #fef5f1;
	padding: 1px 12px;
	color: #8c2e0b;
	border-left: 4px solid #fff;
	border-left-color: #dc3232;
}

.paywall-message-error p {
	margin: 0.5em 0;
	padding: 2px;
}

#paywall-membership-link-container a {
	position: relative;
}

#paywall-membership-link-container a span {
	background: red;
	border-radius: 3px 8px 8px 0;
	color: #fff;
	font-size: 12px;
	padding: 0px 0.5em;
	position: absolute;
	right: -35px;
	top: -8px;
}
/*问答*/
.ask-resault {
	padding-top: 15px;
	border-top: 1px solid #eee;
}

.ask-resault .comment img {
	width: 100%;
}
/*弹窗*/
.wintips {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 360px;
	padding: 30px 20px 20px 30px;
	background-color: #fff;
	background-color: rgba(255, 255, 255, 0.9);
	border: 1px solid rgba(0, 0, 0, 0.12);
	border-right: none;
	border-bottom: none;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.12);
	z-index: 99;
	display: none;
}

.wintips-close {
	position: absolute;
	top: -15px;
	right: -13px;
	font-size: 24px;
	color: #888;
	cursor: pointer;
}

.wintips-close .fa {
	background-color: #fff;
	border-radius: 50%;
}

.wintips-close:hover {
	color: #666;
}

.wintips h2 {
	font-size: 22px;
	font-weight: normal;
	margin: 0 0 20px;
}

.wintips p {
	font-size: 14px;
	color: #666;
	margin: 0 0 20px;
}

.wintips-thumb {
	position: absolute;
	top: -50px;
	right: 10px;
	animation: float 3s infinite;
	-webkit-transition: top 1s ease, opacity 1s ease;
	transition: top 1s ease, opacity 1s ease;
	display: none;
}

.btn-info.btn-wintips {
	color: #fff
}

@-webkit-keyframes float {
	0% {
		-webkit-transform: translatey(10px)
	}

	50% {
		-webkit-transform: translatey(-10px)
	}

	100% {
		-webkit-transform: translatey(10px)
	}
}

@keyframes float {
	0% {
		transform: translatey(10px)
	}

	50% {
		transform: translatey(-10px)
	}

	100% {
		transform: translatey(10px)
	}
}

@media (max-width:400px) {
	.wintips {
		width: 100%;
	}

	.wintips-close {
		font-size: 36px;
		left: 47%;
		top: -27px;
	}
}
/*kefu*/
.main-im {
	position: fixed;
	right: 10px;
	top: 300px;
	z-index: 100;
	width: 110px;
	height: 272px;
}

.main-im .qq-a {
	display: block;
	width: 106px;
	height: 116px;
	font-size: 14px;
	color: #0484cd;
	text-align: center;
	position: relative;
}

.main-im .qq-a span {
	bottom: 5px;
	position: absolute;
	width: 90px;
	left: 10px;
}

.main-im .qq-hover-c {
	width: 70px;
	height: 70px;
	border-radius: 35px;
	position: absolute;
	left: 18px;
	top: 10px;
	overflow: hidden;
	z-index: 9;
}

.main-im .qq-container {
	z-index: 99;
	position: absolute;
	width: 109px;
	height: 118px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom: 1px solid #dddddd;
	background: url(../images/339bedd5c738aa27.png) no-repeat center 8px;
}

.main-im .img-qq {
	max-width: 60px;
	display: block;
	position: absolute;
	left: 6px;
	top: 3px;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.main-im .im-qq:hover .img-qq {
	max-width: 70px;
	left: 1px;
	top: 8px;
	position: absolute;
}

.main-im .im_main {
	background: #F9FAFB;
	border: 1px solid #dddddd;
	border-radius: 10px;
	background: #F9FAFB;
	display: none;
}

.main-im .im_main .im-tel {
	color: #000000;
	text-align: center;
	width: 109px;
	border-bottom: 1px solid #dddddd;
}

.main-im .im_main .im-tel div {
	font-weight: bold;
	font-size: 12px;
	margin-top: 11px;
}

.main-im .im_main .im-tel .tel-num {
	font-family: Arial;
	font-weight: bold;
	color: #e66d15;
}

.main-im .im_main .im-tel:hover {
	background: #fafafa;
}
/*.main-im .im_main .weixing-container{width: 55px; height: 47px; border-right: 1px solid #dddddd; background: #f5f5f5; border-bottom-left-radius: 10px; 
	background: url(../images/468dc3787745f82e.png) no-repeat center center;float:left;}*/
.main-im .im_main .weixing-show {
	width: 112px;
	height: 142px;
	background: #ffffff;
	border-radius: 10px;
	border: 1px solid #dddddd;
	position: absolute;
	left: -125px;
	top: -82px;
	display: none;
	text-align: center;
	padding-top: 10px;
}

.main-im .im_main .weixing-show .weixing-sanjiao {
	width: 0;
	height: 0;
	border-style: solid;
	border-color: transparent transparent transparent #ffffff;
	border-width: 6px;
	left: 111px;
	top: 100px;
	position: absolute;
	z-index: 2;
}

.main-im .im_main .weixing-show .weixing-sanjiao-big {
	width: 0;
	height: 0;
	border-style: solid;
	border-color: transparent transparent transparent #dddddd;
	border-width: 8px;
	left: 112px;
	top: 100px;
	position: absolute;
}

.main-im .im_main .weixing-show .weixing-ma {
	width: 104px;
	height: 103px;
	padding-left: 0;
	padding-top: 5px;
}

.main-im .im_main .weixing-show .weixing-txt {
	position: absolute;
	top: 110px;
	left: 7px;
	width: 100px;
	margin: 0 auto;
	text-align: center;
}
/*.main-im .im_main .go-top{width: 50px; height: 47px; background: #f5f5f5; border-bottom-right-radius: 10px; 
	background: url(../images/02b245a8f353d0d0.png) no-repeat center center;float:right;}*/
.main-im .im_main .go-top a {
	display: block;
	width: 52px;
	height: 47px;
}

.main-im .close-im {
	position: absolute;
	right: 10px;
	top: -12px;
	z-index: 100;
	width: 24px;
	height: 24px;
}

.main-im .close-im a {
	display: block;
	width: 24px;
	height: 24px;
	background: url(../images/dbc9298325995e1d.png) no-repeat left top;
}

.main-im .close-im a:hover {
	text-decoration: none;
}

.main-im .open-im {
	cursor: pointer;
	margin-left: 68px;
	width: 40px;
	height: 133px;
	/*background: url(../images/ed2ecf4fa4dab61a.png) no-repeat left top;*/
}

.bor-ul li {
	height: 42px;
	line-height: 42px;
	text-align: center;
	border-bottom: 1px solid #f0f0f0;
	padding-left: 17px;
}

.bor-ul li.ico-bg {
/*background: url(../images/5fd19d29E2eb98f62/7651914b5dd0145c.png) no-repeat;*/
	background-position: 14px -210px;
}
/*.bor-ul li.ico-tp{background: url(../img/topiao.png) no-repeat; background-position: 16px -214px;}
*/
/*ask*/
.ask-post-content h2 {
	margin: 0 0 6px;
	padding-top: 0;
}

.ask-post-content h2 a {
	font-weight: normal;
}

.ask-post-content ul li a,
.posts-default-info ul li {
	color: #999;
}

@media (max-width: 750px) {
	.main-im, .wintips, .pb-nav-right {
		display: none !important;
	}

	.footer .footer-tag-list {
		margin-top: 10px;
	}

	.theme-list .latest-template-wrap {
		margin-bottom: 0;
	}
}

.video-wrap {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.video-wrap .cont {
	width: 80%;
}

.video-wrap .cont p {
	margin: 0;
}

.video-wrap .list {
	width: 20%;
	background: #eee;
	padding: 15px;
	overflow-y: scroll;
	position: absolute;
	right: 0;
	height: 100%;
}

.video-wrap .list .tit {
	margin-bottom: 15px;
	color: #333;
}

.video-wrap .list li {
	line-height: 1.5;
	font-size: 14px;
	padding-left: 0;
}

.video-wrap .list li:before {
	display: none;
}

.video-wrap .list li ~ li {
	margin-top: 5px;
}

.video-wrap .list li a {
	color: #666;
	padding: 6px 10px;
	background: #ddd;
	display: block;
}

.video-wrap .list li.on a {
	background: #319bd0;
	color: #fff;
}

.video-wrap .list li a:hover {
	text-decoration: none;
}

.video-wrap .list::-webkit-scrollbar {
	width: 4px;
	height: 4px;
}

.video-wrap .list::-webkit-scrollbar-thumb {
	border-radius: 0;
	background-image: -webkit-linear-gradient(315deg, #1DE9B6 0%, #08c4db 72%, #057494 100%);
	background-image: linear-gradient(135deg, #1DE9B6 0%, #08c4db 72%, #057494 100%);
	-webkit-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
	border-radius: 3px;
}

@media (max-width: 765px) {
	.video-wrap .cont {
		width: 100%;
	}

	.video-wrap .list {
		width: 100%;
		padding: 15px;
		overflow-y: scroll;
		position: static;
		height: auto;
	}

	.widget.fixed {
		position: static;
		width: 100%;
	}
}

.dj-scroll .swiper-wrapper {
/*flex-wrap: wrap;*/
}
/*软件工具*/
.widget_soft ul {
	padding: 20px 15px 0;
	overflow: hidden;
}

.widget_soft ul li {
	position: relative;
	border-bottom: 1px #efefef dashed;
	margin-bottom: 11px;
	padding-bottom: 11px;
}

.widget_soft ul li:last-child {
	margin-bottom: 8px;
}

.widget_soft .softimg {
	display: block;
	width: 55px;
	float: left;
}

.widget_soft ul li img {
	width: 48px;
}

.widget_soft h2 {
	margin: 0;
	font-size: 16px;
}

.widget_soft h2 span {
	display: block;
	float: right;
	margin-top: 12px;
}

.widget_soft h2 span a {
	display: inline-block;
	vertical-align: middle;
	padding: 4px 10px;
	margin-top: -2px;
	border-radius: 2px;
	font-size: 12px;
	color: #fff;
	background-color: #319bd0;
}

.widget_soft p {
	font-size: 13px;
	color: #333;
	font-weight: 300;
	margin: 6px 0 0;
	line-height: 1.8;
}

.index-slider {
	border-radius: 3px;
	overflow: hidden;
	box-shadow: 0px 0px 20px -5px rgba(158, 158, 158, 0.22);
}

.navbar-default .navbar-nav>li>a .hot {
	display: block;
	width: 28px;
	height: 19px;
	position: absolute;
	left: 50%;
	top: -6px;
	margin-left: -13px;
   /* background: url(../images/ceo-hot.png) no-repeat;*/
	-webkit-animation: upDown 6s ease-in-out infinite;
	animation: upDown 6s ease-in-out infinite;
}
/*绝对定位下：上下微悬浮*/
@keyframes upDown {
	0% {
		transform: translateY(5px);
	}

	25% {
		transform: translateY(0px);
	}

	50% {
		transform: translateY(5px);
	}

	75% {
		transform: translateY(0px);
	}

	100% {
		transform: translateY(5px);
	}
}

.zhuyi {
	background: #eee;
	padding: 10px 20px 10px;
	border-radius: 3px;
	margin-top: 30px;
}

.fafafa {
	background: #f5f5f5;
	margin: 0 0 20px 0;
	border-radius: 3px;
	border-left: 3px solid #ff7700;
	padding-left: 10px;
	overflow: hidden;
}

.entry p {
	margin: 5px 0 10px;
	color: #444;
	font-size: 14px;
	line-height: 180%;
	word-break: break-all;
}

.entry strong {
	color: #666;
	font-weight: 700;
}

.fafafa p {
	line-height: 25px;
	font-size: 0.9em;
	margin: 0;
}

.entry a {
	text-decoration: none;
	padding-bottom: 1px;
	border-bottom: 1px solid #666;
}

.fafafa a {
	color: #999;
	border-bottom: 1px solid #999;
}

/******视频下载*****/
.meihua_1 {
	display: block;
	margin-top: 10px;
	padding: 5px 10px;
	background-color: #f16b6f;
	color: #FFF;
	font-weight: bold;
	font-size: 18px;
	font-family: "Microsoft Yahei","Helvetica Neue",Helvetica,Arial,sans-serif;
}

.meihua_2 {
	background-color: #fff;
	margin-bottom: 20px;
	box-shadow: 0 1px 2px rgba(15,39,65,0.1);
	font-family: "Microsoft Yahei","Helvetica Neue",Helvetica,Arial,sans-serif;
}

.meihua_2 .meihua_2_1 {
	height: auto;
	overflow: hidden;
	background-color: #FFF;
	border: 1px solid #DDDDDD;
	border-width: 1px 1px 1px 1px;
	padding: 20px;
}

.meihua_2 .meihua_2_1 p {
	margin: 5px auto!important;
}

.meihua_2 .meihua_2_1 .meihua_btn {
	float: left;
	border: 1px solid #8a8a8a;
	font-size: 14px;
	height: 36px;
	line-height: 36px;
	padding-left: 40px;
	margin: 10px 10px 0 0;
	overflow: hidden;
	border-radius: 2px;
	background: url(../images/30.png) no-repeat 5px 3px #f16b6f;
	border: 1px solid #f16b6f;
	color: #FFF!important;
	text-decoration: none;
	padding-right: 10px;
}

.meihua_2 .meihua_2_1 .meihua_btn i {
	margin-right: 5px
}

.meihua_2 .meihua_2_1 .meihua_btn:hover {
	background-color: #ea4c89;
	-webkit-transition: box-shadow .2s linear;
	transition: box-shadow .2s linear;
	box-shadow: inset 0 0px var(--accent-color)
}

.video {
	position: relative;
	padding-bottom: 56.25%!important;
	height: 0;
	overflow: hidden;
}

.video iframe,
.video object,
.video embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.short-btn {
	float: left;
	border: 1px solid #8a8a8a;
	font-size: 14px;
	height: 36px;
	line-height: 36px;
	padding-left: 40px;
	margin: 10px 10px 0 0;
	overflow: hidden;
	border-radius: 2px;
	background: url(../images/10.png) no-repeat 5px 3px #f16b6f;
	border: 1px solid #f16b6f;
	text-decoration: none;
	color: #FFF!important;
	padding-right: 10px;
	text-decoration: none;
}

.short-btn:hover {
	background-color: #ea4c89
}

.aboxd1 {
	margin-bottom: 20px;
}

.aboxd2 {
	margin-top: 20px;
}

.user .sidebar-header .userfen {
	position: absolute;
	top: 0;
	left: 0;
	color: #fff;
	width: 100%;
	background: rgba(0,0,0,.2);
	padding: 10px 15px;
}

.user .sidebar-header .userfen span {
	width: 33.33%;
	display: inline-block;
}

.user .comment .plp2 span {
	margin-right: 20px;
}

@media(max-width:768px) {
	.user .widget.widget_categories ul li {
		border-bottom: 1px solid #f1f1f1;
		width: 49%;
		display: inline-block;
		text-align: center;
		box-sizing: border-box;
	}
}

.mt20 {
	margin-top: 20px
}