style.css

/* @font-face { 
  font-family: "SF Pro Text"; 
  src: url('../font/sf-pro-text_bold.woff2'); 
}  */

* {
	margin: 0;
	padding: 0;
	list-style: none;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: #666;
	text-decoration: none;
	font-size: 14px;
	font-family: "PingFang SC", "微软雅黑", "Arial", sans-serif;
	font-weight: normal;
	/* font-family: "SF Pro Text","Myriad Set Pro","SF Pro Icons","Apple Legacy Chevron","Helvetica Neue","Helvetica","Arial",sans-serif; */
}

::-moz-selection {
	background: #E94B89;
	color: #fff;
}

::selection {
	background: #E94B89;
	color: #fff;
}

::-webkit-selection {
	background: #E94B89;
	color: #fff;
}

::-moz-selection {
	background: #E94B89;
	color: #fff;
}

em,
i {
	font-style: normal
}

html {
	width: 100%;
}

body {
	/*background:#fff url(images/bj_banner.jpg); url(images/body.png)*/
	background: #f1f1ef;
	background-repeat: repeat;
	background-attachment: scroll;
	background-clip: border-box;
	background-origin: padding-box;
	background-position-x: 0;
	background-position-y: 0;
	background-size: auto auto;
	overflow-x: hidden;
	width: 100%;
	height: 100%;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

body::-webkit-scrollbar {
	width: 6px;
	height: 6px;
	background-color: #F5F5F5
}

body::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
	box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
	border-radius: 7px;
	background-color: #eee
}

body::-webkit-scrollbar-thumb {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
	box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
	background-color: #ccc
}

img {
	-webkit-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s
}

img:hover {
	opacity: .9
}

/*swiper轮播start*/

.swiper-container,
.swiper-wrapper {
	width: 100%;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
}

.swiper-slide {
	text-align: center;
	font-size: 18px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.swiper-button-next,
.swiper-button-prev {
	opacity: 0;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}

#js_banner:hover .swiper-button-next,
#js_banner:hover .swiper-button-prev {
	opacity: 1
}

/* swiper轮播end */

/* 轩枫轮播start */

.mod-banner {
	position: relative;
	width: 100%;
	/*max-height: 300px;*/
	margin-top: 10px;
	background: #f5f5f5;
	border-bottom: 1px solid #fff
}

.mod-banner__img {
	display: block;
	position: relative;
	width: 100%;
	max-width: 1200px;
	height: 300px;
	margin: 0 auto;
	cursor: pointer;
	background-image: url(../img/banner/1.0bd56759.jpg);
	background-repeat: no-repeat;
	background-size: cover
}

.mod-banner__img li {
	display: none;
	margin: 0 auto;
	text-align: center
}

.mod-banner__img li img {
	width: 100%
}

.mod-banner__img li.current {
	display: block
}

.mod-banner__navi {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 30px;
	z-index: 99
}

.mod-banner__navi .mod-banner_nav {
	max-width: 180px;
	height: 20px;
	text-align: center;
	margin: 5px auto 0
}

.mod-banner__navi .mod-banner_nav a {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	border-radius: 12px;
	border: 2px solid #fff;
	background: #fff;
	background: transparent;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease
}

.mod-banner__navi .mod-banner_nav a:hover {
	border: 2px solid #39c;
	background: #39c
}

.mod-banner__navi .mod-banner_nav .current {
	width: 24px;
	background: #39c;
	border: 2px solid #39c
}

.mod-banner__navi .mod-banner__nav-dot {
	position: absolute;
	top: 10px;
	right: 10%;
	width: 12px;
	height: 12px;
	overflow: hidden
}

.mod-banner__tool span {
	position: absolute;
	top: 50%;
	display: block;
	width: 56px;
	height: 56px;
	margin-top: -35px;
	text-indent: -9999px !important;
	cursor: pointer;
	background-repeat: no-repeat;
	-webkit-transition: all .2s linear;
	-o-transition: all .2s linear;
	transition: all .2s linear;
	border-radius: 1px
}

.mod-banner__tool>span {
	margin-top: 0;
	-webkit-transition: none !important;
	-o-transition: none !important;
	transition: none !important
}

.mod-banner__tool .mod-banner__tool-prev {
	left: 0;
	top: 50%;
	margin-top: -25px;
	background-color: #27cfc3;
	background-image: url(./images/xfg.png);
	background-position: -328px -18px;
	z-index: 2;
	width: 56px;
	height: 56px
}

.mod-banner__tool .mod-banner__tool-prev .mod-banner__tool-white {
	background-image: url(./images/xfg.png);
	background-position: -268px -18px;
	width: 56px;
	height: 56px
}

.mod-banner__tool .mod-banner__tool-prev:hover .mod-banner__tool-white {
	opacity: 1;
	filter: alpha(opacity=100)
}

.mod-banner__tool .mod-banner__tool-prev .mod-banner__tool-shadow {
	background-image: url(./images/xfg.png);
	background-position: -113px -132px;
	width: 56px;
	height: 10px
}

.mod-banner__tool .mod-banner__tool-next {
	right: 0;
	top: 50%;
	margin-top: -25px;
	background-color: #27cfc3;
	background-image: url(./images/xfg.png);
	background-position: -148px -18px;
	z-index: 2;
	width: 56px;
	height: 56px
}

.mod-banner__tool .mod-banner__tool-next .mod-banner__tool-white {
	background-image: url(./images/xfg.png);
	background-position: -208px -18px;
	width: 56px;
	height: 56px
}

.mod-banner__tool .mod-banner__tool-next:hover .mod-banner__tool-white {
	opacity: 1;
	filter: alpha(opacity=100)
}

.mod-banner__tool .mod-banner__tool-next .mod-banner__tool-shadow {
	background-image: url(./images/xfg.png);
	background-position: -53px -132px;
	width: 56px;
	height: 10px
}

.mod-banner__tool .mod-banner__tool-white {
	position: absolute;
	top: 35px;
	right: 0;
	opacity: 0;
	filter: alpha(opacity=0)
}

.mod-banner__tool .mod-banner__tool-shadow {
	display: block;
	position: absolute;
	top: 91px;
	right: 0;
	height: 10px;
	width: 56px
}

.mod-banner__snow_theme {
	width: 100%;
	margin: 0 auto;
	position: absolute;
	top: -14px;
	left: 0;
	height: 40px;
	z-index: 999
}

.mod-banner__snow_theme .mod-banner__snow_1 {
	width: 440px;
	height: 40px;
	position: absolute;
	top: 0;
	right: 50%;
	margin-right: 58px;
	background: url(../img/snow/snow_1.a8b97dd0.png)
}

.mod-banner__snow_theme .mod-banner__snow_2 {
	width: 150px;
	height: 40px;
	position: absolute;
	top: 3px;
	left: 50%;
	margin-left: 346px;
	background: url(../img/snow/snow_2.bb28679e.png)
}

/* 轩枫轮播end */

@-webkit-keyframes hue {
	0% {
		-webkit-filter: hue-rotate(0deg)
	}

	to {
		-webkit-filter: hue-rotate(-1turn)
	}
}

@keyframes hue {
	0% {
		-webkit-filter: hue-rotate(0deg)
	}

	to {
		-webkit-filter: hue-rotate(-1turn)
	}
}

@-webkit-keyframes leftIn {

	0%,
	60%,
	75%,
	90%,
	to {
		-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
		animation-timing-function: cubic-bezier(.215, .61, .355, 1)
	}

	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}

	60% {
		-webkit-transform: translateY(28px);
		transform: translateY(28px, 0, 0)
	}

	75% {
		-webkit-transform: translateY(3px);
		transform: translateY(3px, 0, 0)
	}

	90% {
		-webkit-transform: translateY(18px);
		transform: translateY(18px, 0, 0)
	}

	to {
		-webkit-transform: translateY(0px);
		transform: translateY(0px, 0, 0)
	}
}

@keyframes leftIn {

	0%,
	60%,
	75%,
	90%,
	to {
		-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
		animation-timing-function: cubic-bezier(.215, .61, .355, 1)
	}

	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}

	60% {
		-webkit-transform: translateY(28px);
		transform: translateY(28px, 0, 0)
	}

	75% {
		-webkit-transform: translateY(3px);
		transform: translateY(3px, 0, 0)
	}

	90% {
		-webkit-transform: translateY(18px);
		transform: translateY(18px, 0, 0)
	}

	to {
		-webkit-transform: translateY(0px);
		transform: translateY(0px, 0, 0)
	}
}

#js_banner {
	width: 100%;
	height: 300px;
	margin: 114px auto 0px;
	border-bottom: 1px solid #fff;
	background: #fff;
	z-index: 10;
	display: none;
}

#mobil {
	display: none !important;
}


.header {
	width: 100%;
	height: 104px;
	position: fixed;
	top: 0;
	left: 0;
	margin-bottom: 20px;
	opacity: 1;
	z-index: 10;
	-webkit-transition: all 0.8s;
	-o-transition: all 0.8s;
	transition: all 0.8s;
	background: #fff;
	/* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#d4d7db');
    background: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#d4d7db));
    background: -moz-linear-gradient(top,#fff,#d4d7db); */
	-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.08);
	box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.08);
}

.header-body {
	height: calc(100% - 28px);
	border-top: 1px solid #fff;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background: #eaebed;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#d4d7db');
	background: gradient(linear, left top, left bottom, from(#fff), to(#dedede));
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dedede));
	background: -moz-linear-gradient(top, #fff, #d4d7db);
	-webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, .2);
	box-shadow: 0 4px 4px rgba(0, 0, 0, .2);
}

.header_top {
	width: 100%;
	height: 28px;
	background: url(images/nav_bg.gif) repeat-x;
	border-bottom: 1px solid #e15671;
	/* background:#373d41 url(images/header-bg.png) left top repeat; */
}

.header.Top {
	-webkit-animation-duration: .7s;
	animation-duration: .7s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: leftIn;
	animation-name: leftIn;
}

.site-search.active {
	position: absolute;
	top: 104px;
	left: 0;
	width: 100%;
	background-color: rgba(255, 255, 255, .95);
	display: none
}

.container {
	position: relative;
	margin: 0 auto;
	max-width: 1200px;
	padding: 0
}

.site-search-form {
	padding: 25px 20%;
	overflow: hidden
}

.search-input {
	float: left;
	color: #999;
	border: solid 1px #ddd;
	width: 90%;
	height: 50px;
	line-height: 50px;
	padding: 10px 12px;
	border-right: none;
	font-size: 16px;
	border-radius: 5px 0 0 5px;
	outline: 0;
}

.search-btn .fa {
	font-size: 16px;
	width: 16px;
	color: #fff
}

.fa-search:before {
	content: "\f002"
}

.search-btn {
	color: #fff;
	border: none;
	background: #45B6F7;
	height: 50px;
	font-size: 16px;
	padding: 0 12px;
	border-radius: 0 5px 5px 0;
	width: 10%;
	cursor: pointer
}

.header.hover {
	z-index: 1000;
	height: 76px;
	opacity: 1;
	z-index: 100 !important;
	background: rgba(255, 255, 255, .9);
	-webkit-box-shadow: 0 0 10px #ccc;
	box-shadow: 0 0 10px #ccc;
}

.header.hover ul li a span {
	line-height: 28px
}

.header.hover .site-search.active {
	top: 76px
}

.header.hover .navto-search a {
	margin-top: 2px
}

.header-conter {
	width: 1200px;
	margin: 24px auto 0;
	border-top: 1px solid transparent;
	-webkit-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
}

.header.hover .nav ul.music-nav li.active p {
	height: 46px;
}

.topbar {
	width: 100%;
	height: 100%;
}

.header-list {
	width: 1200px;
	height: 28px;
	line-height: 28px;
	color: #fff;
	margin: 0 auto;
}

.topbar ul {
	width: 362px;
	height: 100%;
	float: right;
	font-size: 0;
	text-align: right;
	overflow: hidden;
}

.topbar ul li {
	padding: 0 12px;
	color: #fff;
	-webkit-transition: all .35s;
	-o-transition: all .35s;
	transition: all .35s;
	display: inline-block;
}

.topbar ul.last-ul li:not(.github):hover {
	background: #DE4C5F
}

.topbar ul li.github {
	width: 40px;
	height: 100%;
	padding: 0;
}

.topbar ul li.github a {
	width: 100%;
	height: 28px;
	text-align: center;
}

.topbar ul li.github a i.iconfont {
	color: #fff;
	font-size: 18px;
	line-height: 28px;
	margin-top: -2px;
	display: block;
}

.topbar ul li a {
	display: block;
	color: #fff;
	-webkit-transition: all .35s;
	-o-transition: all .35s;
	transition: all .35s;
	font-size: 12px;
	height: 100%;
	line-height: 28px;
}

.topbar ul li font {
	color: #fff
}

#username a font font {
	color: #fff
}

.topbar ul.last-ul li:nth-child(1) {
	margin-right: 20px
}

.topbar ul.last-ul li:nth-child(2) {
	background-color: #DE4C5F;
	padding: 0 10px;
}

#username {
	float: left
}

#username a {
	display: none;
	float: left;
	padding: 0 10px;
	color: #fff;
	-webkit-transition: all .35s;
	-o-transition: all .35s;
	transition: all .35s;
	font-size: 12px;
	height: 28px;
	line-height: 28px;
}

#username a i {
	padding: 0 3px;
	color: #fff;
	font-size: 14px
}

.header .nav ul li a span i {
	margin-left: 3px
}

.header .nav ul li a span i:nth-of-type(1) {
	font-size: 14px;
	margin-right: 5px;
}

.nav {
	width: 100%;
	height: 32px;
	margin: 0 auto;
	position: relative
}

.nav .nav-left {
	font-size: 14px;
	float: left;
	line-height: 16px;
	color: #bbb;
	padding-left: 7px;
	position: relative;
	top: 1px;
	border-left: 1px solid #bbb;
	margin-left: 158px;
	height: 30px;
}

.brand {
	float: left
}

.brand p {
	line-height: 16px;
	padding-left: 10px;
	font-size: 14px;
	color: #bbb;
	-webkit-transition: all .6s;
	-o-transition: all .6s;
	transition: all .6s
}

.brand p:hover {
	color: #666
}

.nav ul {
	float: right;
	height: 100%;
}

.nav ul.music-nav {
	margin-right: 70px;
}

.nav ul li {
	float: left;
	height: 100%;
	line-height: 32px;
	/* perspective:100px; 
	-ms-perspective:100px;  */
	position: relative;
	-webkit-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
}

.nav ul li.front a,
.nav ul li.works a {
	cursor: default
}

.nav ul li img {
	position: absolute;
	top: -8px;
	right: 0;
}

.nav ul li>p {
	width: 100%;
	height: 3px;
	position: absolute;
	bottom: -17px;
	left: 0;
	background: #19ACF7;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s
}

.nav ul li>a {
	float: left;
	width: 100%;
	padding: 0 10px;
	position: relative;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	-webkit-transform-origin: center center -14px;
	-ms-transform-origin: center center -14px;
	transform-origin: center center -14px;
	height: 25px;
	z-index: 2;
}

.nav ul li audio {
	display: none
}

.nav ul li a span {
	text-align: center;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	font-size: 16px;
	display: block;
	height: 26px;
	float: left;
}

.nav ul.music-nav li:nth-of-type(1) p {
	background: #b9d329
}

.nav ul.music-nav li:nth-of-type(2) p {
	background: #c0ebf7
}

.nav ul.music-nav li:nth-of-type(3) p {
	background: #b9d329
}

.nav ul.music-nav li:nth-of-type(4) p {
	background: #69bcf3
}

.nav ul.music-nav li:nth-of-type(5) p {
	background: #79d9f3
}

.nav ul.music-nav li:nth-of-type(6) p {
	background: #ffae5b
}

.nav ul.music-nav li:nth-of-type(7) p {
	background: #acd180
}

.nav ul.music-nav li:nth-of-type(8) p {
	background: #fab4cc
}

.nav ul.music-nav li:nth-of-type(9) p {
	background: #6cf
}

.nav ul.music-nav li>p {
	-webkit-transition: height 0.25s;
	-o-transition: height 0.25s;
	transition: height 0.25s;
	z-index: 0;
	opacity: 0;
	display: block !important;
}

.nav ul.music-nav li.active p {
	height: 75px;
	border-radius: 0;
}

.nav ul.music-nav li:hover a {
	-webkit-transform: rotateX(-90deg);
	-ms-transform: rotateX(-90deg);
	transform: rotateX(-90deg)
}

.nav ul li a span:nth-of-type(2) {
	position: absolute;
	left: 10px;
	top: -22px;
	-webkit-transform-origin: bottom;
	transform-origin: bottom;
	-ms-transform-origin: bottom;
	-webkit-transform: rotateX(90deg);
	transform: rotateX(90deg);
	-ms-transform: rotateX(90deg)
}

.nav ul li.action a span {
	color: #19ACF7
}

.nav ul li.action a span i {
	color: #19ACF7
}

.nav ul.music-nav li {
	cursor: pointer;
}

.nav ul li:hover a span {
	color: #444;
	-webkit-transition: all .35s;
	-o-transition: all .35s;
	transition: all .35s;
}

.nav ul li:hover a span i {
	line-height: 30px;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	-webkit-transform: rotateX(180deg);
	transform: rotateX(180deg);
	-ms-transform: rotateX(180deg);
	transform: rotateX(180deg)
}

.nav {
	position: relative
}

.nav .nav-min {
	position: absolute;
	left: 606px;
	top: 70px;
	z-index: 3;
	-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, .03);
	box-shadow: 0 2px 2px rgba(0, 0, 0, .03);
	border: 1px solid #ddd;
	border-top: 0;
	background: rgba(255, 255, 255, .9);
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	opacity: 0;
	visibility: hidden;
	border-top: 3px solid #19ACF7;
}

.nav .nav-min:hover {
	opacity: 1 !important;
	top: 49px !important;
	visibility: visible !important;
}

.nav .nav-min::before {
	content: "";
	height: 0;
	width: 0;
	border: 7px solid transparent;
	position: absolute;
	top: -16px;
	left: 30px;
	border-bottom-color: #19ACF7;
}

/*跳动的音符start*/

.mod-header_music-icon {
	position: absolute !important;
	right: 35px;
	top: 1px;
	width: 30px;
	height: 30px !important;
	cursor: pointer;
}

.mod-header_music-icon i:nth-of-type(1) {
	left: 0;
	display: none;
}

.mod-header_music-icon i {
	width: 2px;
	height: 15px;
	position: absolute;
	bottom: 8px;
	background-color: #666;
	-webkit-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
}

i {
	font-style: normal;
}

.mod-header_music-icon i:nth-of-type(2) {
	left: 6px;
	-webkit-transform: rotate(22.5deg);
	-ms-transform: rotate(22.5deg);
	transform: rotate(22.5deg);
	-webkit-transform: rotate(rotate(22.5deg)) scale(1) skew(1deg) translate(10px);
	-ms-transform: rotate(rotate(22.5deg)) scale(1) skew(1deg) translate(10px);
	transform: rotate(rotate(22.5deg)) scale(1) skew(1deg) translate(10px);
}

.mod-header_music-icon i:nth-of-type(3) {
	left: 12px;
	-webkit-transform: rotate(-22.5deg);
	-ms-transform: rotate(-22.5deg);
	transform: rotate(-22.5deg);
	-webkit-transform: rotate(rotate(-22.5deg)) scale(1) skew(1deg) translate(10px);
	-ms-transform: rotate(rotate(-22.5deg)) scale(1) skew(1deg) translate(10px);
	transform: rotate(rotate(-22.5deg)) scale(1) skew(1deg) translate(10px);
}

.mod-header_music-icon i:nth-of-type(4) {
	left: 18px;
	-webkit-transform: rotate(22.5deg);
	-ms-transform: rotate(22.5deg);
	transform: rotate(22.5deg);
	-webkit-transform: rotate(rotate(22.5deg)) scale(1) skew(1deg) translate(10px);
	-ms-transform: rotate(rotate(22.5deg)) scale(1) skew(1deg) translate(10px);
	transform: rotate(rotate(22.5deg)) scale(1) skew(1deg) translate(10px);
}

.mod-header_music-icon i:nth-of-type(5) {
	left: 24px;
	-webkit-transform: rotate(-22.5deg);
	-ms-transform: rotate(-22.5deg);
	transform: rotate(-22.5deg);
	-webkit-transform: rotate(rotate(-22.5deg)) scale(1) skew(1deg) translate(10px);
	-ms-transform: rotate(rotate(-22.5deg)) scale(1) skew(1deg) translate(10px);
	transform: rotate(rotate(-22.5deg)) scale(1) skew(1deg) translate(10px);
}

.mod-header_music-icon.hover:not(.close) i:nth-of-type(1) {
	-webkit-animation: piano_wave .66s linear infinite;
	animation: piano_wave .66s linear infinite;
}

.mod-header_music-icon.hover:not(.close) i {
	-webkit-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transform: rotate(rotate(0deg)) scale(1) skew(1deg) translate(10px);
	-ms-transform: rotate(rotate(0deg)) scale(1) skew(1deg) translate(10px);
	transform: rotate(rotate(0deg)) scale(1) skew(1deg) translate(10px);
	background-color: #333;
}

.mod-header_music-icon.hover:not(.close) i:nth-of-type(2) {
	-webkit-animation: piano_wave .8s linear infinite;
	animation: piano_wave .8s linear infinite;
}

.mod-header_music-icon.hover:not(.close) i:nth-of-type(3) {
	-webkit-animation: piano_wave .7s linear infinite;
	animation: piano_wave .7s linear infinite;
}

.mod-header_music-icon.hover:not(.close) i:nth-of-type(4) {
	-webkit-animation: piano_wave .5s linear infinite;
	animation: piano_wave .5s linear infinite;
}

.mod-header_music-icon.hover:not(.close) i:nth-of-type(5) {
	-webkit-animation: piano_wave .9s linear infinite;
	animation: piano_wave .9s linear infinite;
}

@-webkit-keyframes piano_wave {
	0% {
		height: 4px
	}

	50% {
		height: 18px
	}

	to {
		height: 10px
	}
}

@keyframes piano_wave {
	0% {
		height: 4px
	}

	50% {
		height: 18px
	}

	to {
		height: 10px
	}
}

/*跳动的音符end*/

.header.hover .nav .nav-min {
	left: 606px;
	top: 38px
}

.header.hover .nav .nav-min-1 {
	left: 778px;
	top: 38px;
}

.header.hover .header-conter {
	margin-top: 7px
}

.header.hover .nav ul.music-nav li>p {
	bottom: -5px;
}

.nav .nav-min-1 {
	left: 778px
}

.header .nav-min a {
	display: block;
	text-align: center;
	padding: 10px 10px;
	font-size: 13px;
	border-bottom: 1px solid #eee;
	color: #444
}

.header .nav-min a:last-child {
	border: 0
}

.header .nav-min a.hover,
.header .nav-min a:hover {
	background: #ddd;
	color: #000;
	-webkit-transition: all .1s;
	-o-transition: all .1s;
	transition: all .1s
}

.nav ul li span a i {
	display: inline-block;
	margin-left: 3px
}

.navto-search {
	position: absolute;
	right: 0px;
	top: 5px
}

.navto-search a {
	display: block;
	padding: 1px 0px 1px 0px;
	color: #666
}

.navto-search .fa {
	width: 18px;
	font-size: 16px;
	color: #666
}

.navto-search .fa:hover {
	color: #45B6F7
}

@keyframes Top {
	0% {
		-webkit-transform: translateY(-108px);
		transform: translateY(-108px);
	}

	80% {
		-webkit-transform: translateY(30px);
		transform: translateY(30px);
	}

	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

@-webkit-keyframes Top {
	0% {
		-webkit-transform: translateY(-108px);
	}

	80% {
		-webkit-transform: translateY(30px);
	}

	100% {
		-webkit-transform: translateY(0);
	}
}

@keyframes move {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}

	100% {
		-webkit-transform: translateY(-8px);
		transform: translateY(-8px)
	}
}

@-webkit-keyframes move {
	0% {
		-webkit-transform: translateY(0)
	}

	100% {
		-webkit-transform: translateY(-8px)
	}
}

@keyframes playLeft {
	0% {
		-webkit-transform: translateX(-890px);
		transform: translateX(-890px);
		opacity: 0
	}

	50% {
		opacity: 1
	}

	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		opacity: 1
	}
}

@-webkit-keyframes playLeft {
	0% {
		-webkit-transform: translateX(-890px);
		opacity: 0
	}

	50% {
		opacity: 1
	}

	100% {
		-webkit-transform: translateX(0);
		opacity: 1
	}
}

@keyframes playRight {
	0% {
		-webkit-transform: translateX(435px);
		transform: translateX(435px);
		opacity: 0
	}

	50% {
		opacity: 1
	}

	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		opacity: 1
	}
}

@-webkit-keyframes playRight {
	0% {
		-webkit-transform: translateX(435px);
		opacity: 0
	}

	50% {
		opacity: 1
	}

	100% {
		-webkit-transform: translateX(0);
		opacity: 1
	}
}

@-webkit-keyframes Footer {
	0% {
		-webkit-transform: translateY(125px);
		opacity: 0
	}

	100% {
		-webkit-transform: translateY(0);
		opacity: 1
	}
}

@keyframes Footer {
	0% {
		-webkit-transform: translateY(125px);
		opacity: 0
	}

	100% {
		-webkit-transform: translateY(0);
		opacity: 1
	}
}

@-webkit-keyframes bar {
	0% {
		-webkit-transform: translateY(-12px)
	}

	100% {
		-webkit-transform: translateY(0)
	}
}

@keyframes bar {
	0% {
		-webkit-transform: translateY(-12px)
	}

	100% {
		-webkit-transform: translateY(0)
	}
}

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

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

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

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

#Logo {
	width: 145px;
	height: 60px;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
	display: block;
	position: absolute;
	left: 0;
	top: -13px;
	overflow: hidden;
}

@-webkit-keyframes searchLights {
	0% {
		left: -100px;
		top: 0;
	}

	to {
		left: 120px;
		top: 100px;
	}
}

@keyframes searchLights {
	0% {
		left: -100px;
		top: 0;
	}

	to {
		left: 120px;
		top: 100px;
	}
}

.nav span.logo {
	overflow: hidden;
	float: left;
	width: 45px;
	height: 100%;
	display: block;
	background: url('https://www.weipxiu.com/wp-content/themes/boke/./images/xfg.png') no-repeat 10px 1px;
	background-position: -10px -2px;
	background-size: 350px 175px;
}

#Logo ul {
	padding-top: 12px;
}

#Logo ul li {
	float: left;
	width: 32px;
	height: 32px;
}

#Logo ul li:nth-child(1) {
	background: url(images/logo_02.png);
	-webkit-animation: move .2s .1s infinite alternate;
	animation: move .2s .1s infinite alternate
}

#Logo ul li:nth-child(2) {
	background: url(images/logo_03.png);
	-webkit-animation: move .2s .2s infinite alternate;
	animation: move .2s .2s infinite alternate
}

#Logo ul li:nth-child(3) {
	background: url(images/logo_04.png);
	-webkit-animation: move .2s .3s infinite alternate;
	animation: move .2s .3s infinite alternate
}

/*#Logo:hover #dj li {
	-webkit-animation-play-state:paused;
	animation-play-state:paused
}
*/

.aircraft {
	position: fixed;
	bottom: 50px;
	right: 25px;
	width: 38px;
	height: 64px;
	font-size: 40px;
	display: none;
	z-index: 9
}

.aircraft font {
	font-size: 40px;
	line-height: 64px;
	text-align: center;
	color: #16c0f8
}

.aircraft:hover {
	cursor: pointer
}

.index-box {
	width: 100%;
	height: 120px;
	background: #fff;
	margin-bottom: 20px;
}

.index-main {
	width: 1200px;
	margin: 0 auto;
	position: relative;
}

.path-banner>a {
	float: left;
	width: 300px;
	height: 120px;
	overflow: hidden;
	-webkit-transition: .3s all;
	-o-transition: .3s all;
	transition: .3s all;
}

.path-banner img {
	display: block;
	width: 100%;
	height: 100%;
	border: 0;
}

.index-main img {
	max-width: 100%;
	height: auto;
	margin-top: -15px;
}

.path-banner>a:hover {
	margin-top: -4px;
	box-shadow: 0 26px 40px -24px rgba(0, 36, 100, .5);
	-webkit-box-shadow: 0 26px 40px -24px rgba(0, 36, 100, .5);
	-moz-box-shadow: 0 26px 40px -24px rgba(0, 36, 100, .5);
}

.continar {
	width: 1200px;
	min-height: 500px;
	margin: 128px auto 50px;
	overflow: hidden
}

.continar .continar-left {
	width: 820px;
	float: left;
}

.continar .continar-left-top {
	width: 100%;
	height: 120px;
	-webkit-box-shadow: 0 1px 2px #c5c5c5;
	box-shadow: 0 1px 2px #c5c5c5;
	border: 1px solid #eaeaea;
	padding: 15px 20px;
	overflow: hidden;
	background-color: #fff;
	margin-bottom: 15px;
	border-radius: 4px;
	-webkit-transition: all .35s;
	-o-transition: all .35s;
	transition: all .35s;
	border-bottom: 0
}

.continar .continar-left-top h1 {
	font-size: 18px;
	line-height: 24px;
	margin-top: 0;
	margin: 0 0 15px;
	-webkit-transition: all .35s;
	-o-transition: all .35s;
	transition: all .35s;
	-webkit-box-reflect: below -3px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(10%, transparent), to(hsla(0, 0%, 100%, .2)));
}

.continar .continar-left-top h1 a {
	font-size: 18px;
	color: #FF5E52;
}

.continar .continar-left-top h1 a:hover {
	color: #19ACF7
}

.continar .continar-left-top h1 a img {
	max-width: 100%;
	width: auto\9;
	height: auto;
	vertical-align: middle;
	border: 0
}

.continar .continar-left-top h1 span {
	margin-left: -8px;
	color: #FF5E52;
	-webkit-transition: all .25s;
	-o-transition: all .25s;
	transition: all .25s;
	font-size: 20px
}

.continar .continar-left-top p {
	color: #666;
	line-height: 25px;
	margin: 0;
	text-indent: 2em;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	-moz-line-clamp: 2;
	box-orient: vertical;
	overflow: hidden;
	width: 100%
}

.continar .continar-left-top>span {
	display: block;
	text-indent: 2em;
	height: 50px;
	overflow: hidden;
	margin-bottom: 20px;
	line-height: 25px;
	color: #666;
	font-size: 14px
}

.continar .inner-box {
	background: #fff;
	padding: 15px 15px 10px 15px;
	margin-bottom: 20px;
	-webkit-box-shadow: 0 1px 2px #c5c5c5;
	box-shadow: 0 1px 2px #c5c5c5;
	border: 1px solid #eaeaea;
	border-radius: 4px;
	-webkit-transition: all .35s;
	-o-transition: all .35s;
	transition: all .35s;
	border-bottom: 0
}

.continar .inner-box:hover {
	-webkit-box-shadow: 2px 2px 8px rgba(0, 0, 0, .2);
	box-shadow: 2px 2px 8px rgba(0, 0, 0, .2);
	border-color: #d6d6d6
}

.continar .rssbook {
	text-align: center
}

.continar .rssbook p {
	color: #777;
	font-size: 12px;
	vertical-align: top;
}

.continar .rssbook>p {
	margin-top: 16px;
}

.continar p.wpm_thankyou {
	color: #ed145b
}

.rssbook h3 {
	font-size: 16px;
	margin-bottom: 3px;
}

.rssbook p {
	font-size: 12px;
	margin: 5px auto 10px;
	line-height: 24px
}

.rssbook form {
	margin: 10px auto;
	display: block
}

.wpm_form .wpm_email,
.wpm_form .wpm_submit {
	display: inline-block;
}

.wpm_form .wpm_email input {
	width: 215px;
	padding: 10px;
	border-radius: 3px 0 0 3px;
	background: #fff;
	border: 1px solid #1ED0E1;
	outline: none;
	height: 38px;
}

.wpm_form .wpm_submit input {
	background: #1ed0e1;
	color: #fff;
	padding: 9px 15px 10px;
	border: none;
	border-radius: 0 3px 3px 0;
	cursor: pointer;
	height: 38px;
}

.continar-left>.text {
	background: #fff;
	height: 195px;
	padding: 15px;
	position: relative;
	border: 1px solid #eaeaea;
	-webkit-transition: all .35s;
	-o-transition: all .35s;
	transition: all .35s;
	border-bottom: 1px solid transparent;
	-webkit-transition: all .2s linear;
	-o-transition: all .2s linear;
	transition: all .2s linear;
	-webkit-transform: translate3d(0, 0px, 0);
	transform: translate3d(0, 0px, 0);
}

.continar-left>.text:nth-last-of-type(2) {
	border: 1px solid #eaeaea;
}

.continar-left>.text:hover,
.continar-left>.text:nth-last-of-type(2):hover {
	border: 1px solid #45BCF9;
	background: #f8fefd;
	-webkit-transform: translate3d(0, 0px, 0);
	transform: translate3d(0, 0px, 0);
}

.text .new-icon {
	display: none;
}

.text img {
	width: 220px;
	height: 150px;
	border: 0;
	float: left;
	max-width: 100%;
	transition-duration: .5s;
	-moz-transition-duration: .5s;
	-webkit-transition-duration: .5s;
	-o-transition-duration: .5s;
	border-radius: 2px;
}

.text .img-left img:hover {
	-webkit-transform: scale(1.02);
	-ms-transform: scale(1.02);
	transform: scale(1.02);
}

.text .text_right {
	float: right;
	width: calc(100% - 245px)
}

.text_right h2 span:nth-child(1) {
	color: #fff;
	background-color: #45BCF9;
	padding: 1px 6px 2px;
	font-size: 12px;
	display: inline-block;
	position: relative;
	top: -2px;
	margin-right: 6px
}

.text_right h2 span:nth-child(1) i {
	position: absolute;
	top: 50%;
	margin-top: -4px;
	right: -4px;
	display: inline-block;
	width: 0;
	height: 0;
	vertical-align: middle;
	border-left: 4px solid #45BCF9;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent
}

.text_right h2 span:nth-child(1) a {
	color: #fff;
	font-size: 12px;
}

.text h2 {
	margin-bottom: 10px;
	padding-top: 6px;
	width: 500px;
	overflow: hidden;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
}

.text h2 a {
	font: lighter 18px Menlo, PingFangSC-Regular, Microsoft Yahe;
	-webkit-transition: all .35s;
	-o-transition: all .35s;
	transition: all .35s;
	font-weight: lighter;
}

.text h2 a:hover {
	color: #45BCE6
}

.text em {
	position: absolute;
	right: 15px;
	top: 20px;
	font-style: normal;
	-webkit-transition: all .35s;
	-o-transition: all .35s;
	transition: all .35s;
	background: #EA4C89;
	color: #fff;
	opacity: .8;
	display: block;
	border-radius: 2px;
}

.text em a {
	display: block;
	height: 100%;
	text-align: center;
	color: #fff;
	padding: 2px 12px
}

.text em:hover a {
	background: #5e5e5e;
	-webkit-transition: all .35s;
	-o-transition: all .35s;
	transition: all .35s
}

.text em:hover:after {
	border-left: 8px solid #5e5e5e;
	-webkit-transition: all .35s;
	-o-transition: all .35s;
	transition: all .35s
}

.text em:after {
	content: "";
	position: absolute;
	z-index: -1;
	left: 50%;
	margin-left: -2px;
	top: 12px;
	border: 8px dashed transparent;
	border-left: 8px solid #EA4C89;
	border-right-width: 0
}

.entry-meta {
	margin-bottom: 10px;
	font-size: 12px;
	overflow: hidden
}

.entry-meta a {
	color: #ff5931;
	opacity: .8;
	font-size: 12px
}

.entry-meta a:nth-of-type(2) {
	color: #1abc9c
}

.entry-meta .space,
.sep,
.space {
	padding: 0 10px;
	color: #a5a5a5;
	font-style: normal
}

.text h3 {
	line-height: 26px;
	height: 49px;
	margin-bottom: 16px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	-moz-line-clamp: 2;
	box-orient: vertical;
	overflow: hidden;
	width: 100%
}

.read-more {
	color: #777;
	-webkit-transition: all .25s;
	-o-transition: all .25s;
	transition: all .25s;
	text-align: center;
	padding: 0 12px;
	line-height: 30px;
	font-size: 12px;
	position: absolute;
	bottom: 13px;
	right: 0px;
	font-family: "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
}

.img-left .read-more {
	height: 150px;
	padding: 0;
	top: 0;
	bottom: auto;
}

.read-more i {
	font-size: 12px;
	color: #333;
	padding-left: 5px;
}

.read-more:hover {
	color: #333;
}

.continar-right {
	width: 360px;
	float: right;
}

.continar-right a:hover {
	text-decoration: underline;
}

.continar-right .aside {
	background: #fff;
	margin-bottom: 20px;
	-webkit-box-shadow: 0 1px 2px #c5c5c5;
	box-shadow: 0 1px 2px #c5c5c5;
	border: 1px solid #eaeaea;
	border-radius: 4px;
	padding: 0 15px 10px 15px;
	-webkit-transition: all .35s;
	-o-transition: all .35s;
	transition: all .35s;
	border-bottom: 0;
}

.continar-right .aside:hover {
	-webkit-box-shadow: 2px 2px 8px rgba(0, 0, 0, .2);
	box-shadow: 2px 2px 8px rgba(0, 0, 0, .2)
}

.continar-right .aside h3 {
	font-size: 15px;
	color: #fff;
	margin: -1px 0 0 0;
	display: inline-block;
	padding: 4px 15px;
	font-size: 14px;
	background-color: #FF5E52
}

.continar-right p.clearfix {
	margin: 10px 0 0;
	line-height: 24px
}

.continar-right p.clearfix a {
	-webkit-transition: all .25s;
	-o-transition: all .25s;
	transition: all .25s;
	color: #ea4c89;
}

.continar-right p.clearfix a:hover {
	color: #EA4C89
}

.continar-right .social {
	display: table;
	width: 100%;
	display: none;
}

.social li {
	height: 30px;
	line-height: 30px;
	float: left;
	margin: 0 0px 0 5px;
	border-radius: 5px 0 5px 0;
	padding: 0 9px;
}

.social li:nth-of-type(1) {
	margin-left: 0
}

.social li:last-child {
	margin-right: 0
}

.social .weibo {
	background: #fc8bd2;
}

.social .qq {
	background: #b663ff;
}

.social .feed {
	background: #4cc6fa;
}

.social .email {
	background: #ffb332;
}

.social .weixin {
	background: #49cc5b;
}

.social li a {
	content: "";
	display: block;
	width: 100%;
	height: 30px;
	line-height: 30px;
	color: #fff;
	font-size: 13px;
}

.social li a:hover {
	text-decoration: none;
}

.social li a i {
	font-size: 16px;
	color: #fff;
	margin-right: 3px;
}

.widget {
	background: #fff;
	margin-bottom: 20px;
	-webkit-box-shadow: 0 1px 2px #c5c5c5;
	box-shadow: 0 1px 2px #c5c5c5;
	border: 1px solid #eaeaea;
	border-radius: 4px;
	-webkit-transition: all .35s;
	-o-transition: all .35s;
	transition: all .35s;
	border-bottom: 0
}

.Label .daily-list {
	padding: 5px 10px 10px 10px;
}

.Label .daily-list>a {
	padding: 5px 9px;
}

.widget:hover {
	-webkit-box-shadow: 2px 2px 8px rgba(0, 0, 0, .2);
	box-shadow: 2px 2px 8px rgba(0, 0, 0, .2)
}

.daily-list {
	font-size: 15px;
	color: #666;
	margin-bottom: 10px
}

.daily-list>p {
	margin-bottom: 7px;
	border-bottom: 1px solid #eee;
	line-height: 27px;
	padding: 0px 15px 10px 15px;
}

.daily-list>p:last-child {
	padding-left: 15px
}

.widget-title {
	margin-bottom: 8px;
	border-bottom: 1px solid #bbb;
	position: relative;
}

/* .widget-title:after {
	content:"";
	display:block;
	width:112px;
	height:1px;
	background:#45BCF9;
	left:0;
	bottom:0;
} */

.widget-title a {
	font-size: 15px;
	color: #5e5e5e;
	position: relative;
	text-indent: 10px;
	display: inline-block;
	line-height: 40px;
	cursor: default;
}

.widget-title a:hover {
	text-decoration: none;
}

.daily-list ul {
	padding: 2px 15px;
	overflow: hidden;
}

.widget-title a i {
	float: left;
	width: 40px;
	height: 40px;
	font-size: 18px;
	color: #2f889a;
	line-height: 40px;
	text-align: center;
	padding: 1px 0;
	border-right: 1px solid #ddd;
	border-radius: 2px 0 0 0;
	text-indent: 0;
}

.widget ul li {
	line-height: 30px;
	margin-bottom: 4px;
	word-break: break-all;
	position: relative;
	float: left;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	width: 100%;
}

.friendship ul li {
	width: 50%;
	-webkit-transition: 0.35s;
	-o-transition: 0.35s;
	transition: 0.35s;
}

.friendship ul li:hover {
	width: 45%;
}

.daily-title {
	position: relative;
	padding-left: 12px;
	display: block;
	font-size: 12px;
	line-height: 18px;
}

.daily-title:before {
	content: "";
	display: block;
	position: absolute;
	left: -3px;
	top: 4px;
	width: 4px;
	height: 4px;
	border: 2px solid #ccc;
	border-radius: 100%
}

.daily-desc {
	border-left: 2px solid #ccc;
	padding: 5px 0 0 10px;
	font-size: 14px;
	line-height: 18px;
	margin-bottom: 10px;
	height: 45px;
	overflow: hidden
}

.widget ul li:hover a,
.widget ul li:hover h3,
.widget ul li:hover span {
	color: #ea4c89;
	-webkit-transition: all .35s;
	-o-transition: all .35s;
	transition: all .35s
}

.widget ul li:hover span.daily-title:before {
	background: #ea4c89;
	border: 2px solid #ea4c89;
	-webkit-transition: all .35s;
	-o-transition: all .35s;
	transition: all .35s
}

div.com-art ul li {
	font-size: 13px;
	height: 30px;
	line-height: 30px;
	width: 95%;
	overflow: hidden
}

.widget ul li em {
	background: #ccc;
	color: #fff;
	border-radius: 3px;
	line-height: 18px;
	width: 20px;
	height: 20px;
	font-style: italic;
	display: inline-block;
	position: absolute;
	top: 5px;
	left: 0;
	text-align: center;
	font-size: 15px;
	font-family: "georgia", "STHeiti", "Microsoft YaHei", "simsun", "sans-serif", Arial;
}

.widget ul li i.iconfont {
	color: #f78585;
	line-height: 20px;
	width: 16px;
	height: 20px;
	font-style: normal;
	display: inline-block;
	position: absolute;
	top: 6px;
	left: 0;
	text-align: center;
	font-size: 14px
}

.widget ul li a {
	margin-left: 30px;
	display: block;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	height: 30px;
	line-height: 30px;
	position: relative;
	overflow: hidden;
}

.friendship ul li a {
	margin-left: 25px;
}

.widget ul li:nth-child(1) em {
	background: #fd8c84
}

.widget ul li:nth-child(2) em {
	background: #7fd75a
}

.widget ul li:nth-child(3) em {
	background: #60c4fd
}

.classif {
	clear: both;
	position: relative;
	margin-bottom: 15px;
	background-color: #fff;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 2px #c5c5c5;
	box-shadow: 0 1px 2px #c5c5c5;
	border: 1px solid #eaeaea;
	overflow: hidden;
	-webkit-transition: all .35s;
	-o-transition: all .35s;
	transition: all .35s;
	border-bottom: 0
}

.items {
	overflow: hidden;
	padding: 5px 0 12px 15px
}

.items a {
	color: #999;
	background-color: #f6f6f6;
	float: left;
	width: 31.3333%;
	margin: 0 1% 1% 0;
	padding: 0 8px;
	font-size: 12px;
	height: 29px;
	line-height: 29px;
	overflow: hidden;
	-webkit-transition: all .35s;
	-o-transition: all .35s;
	transition: all .35s
}

.items a:hover {
	color: #fff;
	background: #428bca
}

.classif:hover {
	-webkit-box-shadow: 2px 2px 8px rgba(0, 0, 0, .2);
	box-shadow: 2px 2px 8px rgba(0, 0, 0, .2)
}

.pagination {
	margin-bottom: 20px;
	padding: 20px;
	text-align: center;
	font-size: 12px;
	display: block
}

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

.pagination ul>li {
	display: inline;
	font-size: 12px
}

.pagination ul>li>a {
	margin: 0 2px;
	float: left;
	padding: 5px 12px;
	background-color: #ddd;
	color: #666;
	border-radius: 2px;
	opacity: .88
}

.pagination ul>li>span {
	margin: 0 2px;
	float: left;
	padding: 5px 12px;
	background-color: #ddd;
	color: #666;
	border-radius: 2px;
	opacity: .88
}

.pagination ul>li.active span {
	background-color: #61B3E6;
	color: #fff
}

.footer {
	position: relative;
	z-index: 9;
	clear: both;
	padding: 30px 30px 4px;
	font-size: 12px;
	line-height: 12px;
	text-align: center;
	background: #2e2e2e url(images/footerBg.png) repeat;
	-webkit-box-shadow: inset 0px 5px 10px 0px rgba(0, 0, 0, 0.8);
	box-shadow: inset 0px 5px 10px 0px rgba(0, 0, 0, 0.8);
	border-top: 1px solid transparent;
	-webkit-transform: translateY(0);
	transform: translateY(0);
	-ms-transform: translateY(0);
	opacity: 1;
	overflow: hidden;
	width: 100%;
}

.container {
	position: relative;
	margin: 0 auto;
	max-width: 1200px;
	padding: 0;
}

.container a {
	font-size: 12px;
	color: #9b9ea0;
	-webkit-transition: .35s;
	-o-transition: .35s;
	transition: .35s
}

.container a:hover,
.container p a.highlight {
	color: #28d0e9 !important;
	text-decoration: none;
}

.container p {
	margin: 0 0 20px;
	font-size: 12px;
	color: #9b9ea0;
}

.container p a:hover {
	text-decoration: underline
}

.container p span {
	font-size: 12px;
}

.container p:nth-child(1) {
	color: #999
}

#menu {
	width: 170px;
	height: 24px;
	line-height: 24px;
	background: #444;
	color: #fff;
	z-index: 10;
	display: none;
	font-size: 13px;
	padding: 0;
	position: absolute;
	text-align: center;
	border-radius: 1px;
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
	box-shadow: 0 0 5px rgba(0, 0, 0, .3);
	z-index: 1000;
}

#menu span {
	color: #fff
}

.control {
	width: 28px;
	height: 28px;
	border-radius: 100%;
	background: #f6f6f6 url(images/music.png) no-repeat center -4px;
	position: fixed;
	top: 133px;
	right: 93px;
	background-size: 35px 72px;
	cursor: pointer;
	z-index: 1000;
}

.control.hover {
	transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	-webkit-animation: zq 1s infinite linear;
	animation: zq 1.5s infinite linear;
}

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

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

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

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

.buffer {
	width: 100%;
	height: 100%;
	background: -webkit-gradient(linear, left top, left bottom, from(#4ad0f7), to(#4bd391));
	background: -webkit-linear-gradient(top, #4ad0f7 0%, #4bd391 100%);
	background: -o-linear-gradient(top, #4ad0f7 0%, #4bd391 100%);
	background: linear-gradient(180deg, #4ad0f7 0%, #4bd391 100%);
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 100;
	color: #fff;
	overflow: hidden;
	opacity: 1;
	overflow: hidden;
	display: none
}

.bar {
	width: 90px;
	height: 90px;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	animation: bar .18s linear infinite alternate;
	-webkit-animation: bar .18s linear infinite alternate;
	border-radius: 100%;
	text-align: center
}

.bar span {
	width: 90px;
	height: 20px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	color: #ed145b;
	font-size: 18px
}

.xz {
	width: 100%;
	height: 100%;
	border-radius: 100%;
	animation: bar1 .45s 1s linear infinite;
	-webkit-animation: bar1 .45s 1s linear infinite;
	background: url(images/load_06.png) no-repeat center center;
	background-size: 90px 90px
}

#primary-sidebar h3.rounded {
	padding: 10px 0 10px 17px;
	position: relative;
}

#primary-sidebar h3.rounded:before {
	content: "";
	width: 4px;
	height: 20px;
	background: #bbb;
	position: absolute;
	left: 16px;
	top: 11px;
}

#primary-sidebar #ds-recent-comments {
	padding: 0 15px 12px;
}

#primary-sidebar #ds-recent-comments li.ds-comment {
	border-top: none;
	border-bottom: 1px solid #ddd
}

#primary-sidebar #ds-recent-comments li:last-child {
	border-bottom: 0;
}

#primary-sidebar #ds-recent-comments li.ds-comment div {
	line-height: 20px;
	font-size: 12px
}

#primary-sidebar #ds-recent-comments li.ds-comment div a {
	font-size: 12px;
}

#primary-sidebar #ds-recent-comments li.ds-comment div a:hover {
	color: #efa0a0;
}

#ds-recent-visitors div.ds-avatar img {
	min-width: 50px;
	min-height: 50px;
	border: 1px solid #bbb;
	padding: 2px;
	border-radius: 50%;
	margin: 5px 0;
}

#ds-recent-comments .ds-avatar {
	position: absolute !important;
	top: 10px !important;
	left: 0 !important;
}

#ds-recent-comments li.ds-comment.ds-show-avatars {
	padding-left: 38px !important
}

#ds-recent-comments li.ds-comment .ds-thread-title {
	margin: 0 0 4px 0;
	line-height: 13px;
	font-size: 12px;
	color: #777
}

#ds-recent-comments li.ds-comment {
	font-size: 13px
}

#ds-recent-comments li.ds-comment {
	list-style-type: none;
	position: relative !important;
	margin: 0 !important;
	padding: 6px 0 !important;
	border-top: 1px solid #dcdcdc;
	word-wrap: break-word;
	font-size: 13px
}

#ds-recent-comments li.ds-comment {
	font-size: 13px
}

#ds-recent-comments li.ds-comment a {
	color: #EA4C89;
	font-size: 13px
}

#ds-recent-comments li.ds-comment .ds-thread-title a {
	color: #EA4C89
}

.continar-left ul.clearfix li {
	line-height: 36px;
	font-size: 14px;
	padding: 0 20px;
}

.continar-left .px {
	text-indent: 2em;
	line-height: 36px;
	font-size: 14px;
	padding: 0 20px;
	margin-bottom: 10px;
	color: #666;
}

.continar-left ul.clearfix li span:nth-child(1) {
	width: 50%;
	line-height: 36px;
	float: left
}

.continar-left ul.clearfix li span.career {
	font-size: 16px;
	margin-top: 10px;
}

.continar-left ul li.index {
	text-indent: 2em;
	clear: both;
	margin-bottom: 10px;
}

.continar-left ul li.photo {
	float: right;
	margin-left: 50px
}

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0
}

.continar-left p {
	font-size: 14px;
	color: #444;
}

.continar-left div.key-w,
.continar-left p.text-post {
	text-indent: 0
}

.continar-left p.text-post-top {
	margin-top: 20px;
	font-size: 14px
}

.continar-left p.l {
	font-size: 14px;
	line-height: 36px;
	margin: 0 10px 8px 20px;
	position: absolute;
	left: 233px;
	bottom: 3px;
	height: 36px
}

.continar-left p.l i,
.continar-left p.l span {
	font-size: 12px
}

.continar-left p a:hover i,
.continar-left p a:hover span {
	color: #19ACF7;
}

.post-like a.done:hover span.count {
	color: #f78585;
}

.continar-left p.l>span {
	margin: 0 8px
}

.continar-left p.l>span a {
	font-size: 12px;
}

.continar-left div.key-w {
	margin: 10px 0;
	font-size: 12px
}

.continar-left div.key-w .single_lable {
	display: inline-block
}

.continar-left div.key-w .iconfont {
	font-size: 14px;
}

.continar-left div.key-w a {
	display: inline-block;
	padding: 0px 7px;
	margin: 0 4px 4px 0;
	color: #fff;
	font-size: 12px;
	background-color: #45B6F7;
	opacity: 0.85;
	line-height: 22px;
}

.continar-left>h2 {
	color: #666
}

.continar-left p.l span:nth-child(3) a {
	padding-left: 0
}

.continar-left .px a {
	color: #19ACF7;
}

.continar-left .px a:hover {
	color: #19ACF7
}

.continar-left p .px a {
	font-size: 14px;
}

ul.bon-1 {
	margin-bottom: 20px
}

ul.bon-1 li {
	line-height: 32px;
	text-indent: 50px
}

ul.bon-1 li:nth-of-type(2) {
	display: block
}

#details {
	border-radius: 5px;
	background: #fff;
	padding: 15px;
	border: 1px solid #e6e6e6;
	overflow: hidden;
	float: none;
	margin: 0 auto;
	width: 1000px;
}

div.nav-s {
	width: 820px;
	height: 40px;
	line-height: 40px;
	border-radius: 5px;
	color: #666;
	font-size: 14px;
	overflow: hidden
}

div.nav-s a {
	display: inline-block;
	color: #333;
	font-size: 14px;
	margin-right: 40px
}

div.nav-s a:nth-child(1) {
	background: #19ACF7;
	color: #fff;
	padding: 0 25px 0 35px;
	border-radius: 4px 0 0 4px;
	-webkit-border-radius: 4px 0 0 4px;
	-moz-border-radius: 4px 0 0 4px;
	position: relative
}

div.nav-s font {
	font-size: 14px;
	color: #666
}

div.nav-s a:nth-child(1):after {
	content: "";
	border-top: 20px solid transparent;
	border-right: 20px solid transparent;
	border-left: 20px solid #19ACF7;
	border-bottom: 20px solid transparent;
	position: absolute;
	top: 0;
	right: -40px
}

div.nav-s a:nth-child(2) {
	background: #f1f1f1;
	position: relative;
	padding: 0 25px 0 15px
}

div.nav-s a:nth-child(2):before,
div.nav-s a:nth-child(3):before,
div.nav-s a:nth-child(4):before {
	content: "";
	border-top: 20px solid #f1f1f1;
	border-right: 20px solid #f1f1f1;
	border-left: 20px solid transparent;
	border-bottom: 20px solid #f1f1f1;
	position: absolute;
	top: 0;
	left: -40px
}

div.nav-s span {
	display: inline-block;
	padding: 0 79px 0 15px;
	color: #333;
	font-size: 14px;
	background: #f1f1f1;
	position: relative;
	border-radius: 0 4px 4px 0;
	-webkit-border-radius: 0 4px 4px 0;
	-moz-border-radius: 0 4px 4px 0
}

div.nav-s span:before {
	content: "";
	border-top: 20px solid #f1f1f1;
	border-right: 20px solid #f1f1f1;
	border-left: 20px solid transparent;
	border-bottom: 20px solid #f1f1f1;
	position: absolute;
	top: 0;
	left: -36px
}

div.nav-s a:nth-child(2):after {
	content: "";
	border-top: 20px solid transparent;
	border-right: 20px solid transparent;
	border-left: 20px solid #f1f1f1;
	border-bottom: 20px solid transparent;
	position: absolute;
	top: 0;
	right: -40px
}

div.nav-s a:nth-child(3):before {
	content: "";
	border-top: 20px solid #f1f1f1;
	border-right: 20px solid #f1f1f1;
	border-left: 20px solid transparent;
	border-bottom: 20px solid #f1f1f1;
	position: absolute;
	top: 0;
	left: -36px
}

div.nav-s a:nth-child(3) {
	background: #f1f1f1;
	position: relative;
	padding: 0 25px 0 15px
}

div.nav-s a:nth-child(3):after {
	content: "";
	border-top: 20px solid transparent;
	border-right: 20px solid transparent;
	border-left: 20px solid #f1f1f1;
	border-bottom: 20px solid transparent;
	position: absolute;
	top: 0;
	right: -40px
}

div.nav-s a {
	margin-right: 40px
}

h2.title {
	font-size: 24px;
	text-align: center;
	line-height: 40px;
	color: #555;
	-webkit-transform: translateY(-15px);
	-ms-transform: translateY(-15px);
	transform: translateY(-15px);
}

p.data-l {
	width: 750px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	margin: 0 auto;
	padding-bottom: 40px;
	border-bottom: 1px dashed #bbb
}

p.data-l>span {
	margin: 0 10px;
	color: #666
}

p.data-l>span i {
	color: #666
}

p.data-l>span a {
	font-size: 12px;
	color: #666
}

.codecolorer-container table {
	width: 100%;
	background-color: #272822
}

.codecolorer-container table td.line-numbers div {
	color: #839496;
	background-color: #073642;
	border-right-color: #001B26;
	padding: 7px 0 3px 0;
	text-align: center;
	width: 30px
}

td.line-numbers {
	width: 20px
}

.codecolorer {
	color: #66D9EF;
	padding: 5px 0 1px 5px;
	border-left: 1px solid #001B26;
	color: #839496;
	background-color: #002b36;
}

.codecolorer-container * {
	font: 13px/1.4em Monaco, Lucida Console, monospace;
}

.continar-left .log-text {
	padding-top: 8px
}

.continar-left .log-text a {
	color: #08c;
	text-decoration: underline;
}

.log-text li {
	margin: 10px 0;
	line-height: 28px;
}

.log-text li+p,
.log-text li+p+p,
.log-text li+p+p+p,
.log-text li+p+p+p+p {
	margin: -10px auto 10px;
}

.codecolorer-container * {
	text-indent: 0
}

.log-text p {
	font-size: 14px;
	line-height: 30px;
	margin: 15px auto;
	text-indent: 2em;
	color: #666;
}

.log-text h1 {
	margin-bottom: 10px;
}

.log-text img {
	display: block;
	margin: 0 auto;
	max-width: 100%;
	height: auto;
	opacity: 1;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.continar-left .log-text ul li {
	line-height: 30px;
	margin-bottom: 15px;
}

.continar-left .log-text .copy {
	margin-top: 25px;
}

p.text-post {
	width: 100%;
	line-height: 30px;
	color: #666;
	font-size: 14px;
}

.ds-comments-info {
	width: 100%;
	font-size: 13px;
	margin-top: 10px;
	padding: 8px 10px;
	line-height: 25px;
	position: relative
}

.ds-sort {
	position: absolute;
	right: 0;
	top: 8px
}

.ds-sort a {
	color: #999;
	padding: 0 4px;
	margin: 0 2px
}

.ds-sort a:active {
	color: #d32
}

.ds-highlight {
	color: #d32 !important
}

.ds-highlight {
	margin: 0 2px 0 0
}

#ds-reset a {
	cursor: pointer;
	text-decoration: none;
	color: #777;
	background-color: transparent;
	-webkit-transition: color .15s linear;
	-o-transition: color .15s linear;
	transition: color .15s linear
}

.codecolorer .es0,
.codecolorer .es1,
.codecolorer .st0,
.codecolorer .st_h {
	color: #269186
}

.codecolorer .kw3,
.codecolorer .kw4,
.codecolorer .kw5,
.codecolorer .re2 {
	color: #FF1493
}

div.key-w a {
	background: #08c;
	color: #fff;
	margin: 0 5px;
	padding: 2px 8px;
	border-radius: 2px;
	-webkit-transition: all .1s;
	-o-transition: all .1s;
	transition: all .1s;
}

div.key-w a:hover {
	color: #fff;
	opacity: 0.8
}

.ds-comments-info {
	width: 100%;
	font-size: 13px;
	margin-top: 10px;
	line-height: 25px;
	position: relative
}

a.ds-current {
	border: 1px solid #ccc;
	background-color: rgba(0, 0, 0, .04);
	text-shadow: 0 1px 0 #fff;
	padding: 3px 5px;
	display: inline;
	border-radius: 5px
}

li.ds-post {
	width: 100%;
	overflow: hidden;
	clear: both;
	border-top: 1px solid rgba(0, 0, 0, .13);
	margin: 0;
	padding: 0;
	list-style: none
}

.ds-post-self {
	position: relative;
	padding: 10px;
	border-top: 1px solid rgba(255, 255, 255, .7)
}

.ds-avatar {
	-webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, .75);
	box-shadow: 0 1px 1px rgba(255, 255, 255, .75);
	position: relative;
	border-radius: 3px;
	background-color: #fff;
	float: left
}

.ds-comment-body {
	padding-left: 70px !important
}

.ds-comment-header {
	padding-top: 1px
}

.ds-user-name {
	color: #777;
	font-size: 13px;
	margin-right: 8px
}

.ds-comment-body p {
	font-size: 13px;
	line-height: 1.5em;
	margin: .5em 0;
	word-wrap: break-word;
	text-indent: 0
}

.ds-comment-body img {
	max-width: 100%;
	vertical-align: text-bottom;
	-webkit-box-shadow: none;
	box-shadow: none
}

.ds-comment-footer {
	line-height: 1.5em
}

.ds-time {
	font-size: 12px;
	margin-right: 8px;
	color: #999
}

.ds-comment-actions a {
	font-size: 12px;
	color: #999
}

.ds-comment-actions a .ds-icon {
	position: relative;
	top: -1px
}

.ds-avatar img {
	display: block;
	width: 50px;
	height: 50px;
	max-width: none;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .22);
	box-shadow: 0 1px 3px rgba(0, 0, 0, .22);
	border-radius: 100%
}

div.jy {
	margin: 20px 0;
	padding: 20px;
	background: #fafafa;
	-webkit-box-shadow: 0 0 10px #aaa;
	box-shadow: 0 0 10px #aaa
}

div.jy p {
	text-indent: 2em
}

#ds-thread {
	clear: both;
	position: relative;
	overflow: visible
}

#ds-related-reads,
#ds-reset {
	font-size: 13px;
	color: #333;
	line-height: 1;
	text-align: left
}

#ds-recent-comments li.ds-comment .ds-meta {
	color: #20ddd6
}

#ds-thread #ds-reset .ds-meta {
	position: relative;
	padding: 8px 0;
	line-height: 24px;
	border-bottom: 1px solid rgba(0, 0, 0, .13)
}

#ds-hot-posts {
	border: 1px solid #ccc;
	overflow: hidden;
	margin: 8px 0;
	padding: 0
}

#ds-thread #ds-reset .ds-comments-info {
	width: 100%;
	font-size: 13px;
	margin-top: 10px;
	padding: 8px 9px;
	line-height: 25px;
	position: relative
}

#ds-thread #ds-reset .ds-comments {
	width: 100%;
	border-bottom: 1px solid rgba(0, 0, 0, .13)
}

#ds-thread #ds-reset .ds-paginator {
	border-bottom: 1px solid rgba(0, 0, 0, .13);
	text-align: right;
	padding-bottom: 15px;
	clear: both;
	line-height: 1em
}

#ds-thread #ds-reset a {
	cursor: pointer;
	text-decoration: none;
	color: #777;
	background-color: transparent;
	-webkit-transition: color .15s linear;
	-o-transition: color .15s linear;
	transition: color .15s linear
}

#ds-thread #ds-reset .ds-login-buttons {
	width: 100%;
	position: relative;
	padding: 12px 0 30px
}

#ds-thread #ds-reset .ds-powered-by {
	font-size: 12px;
	text-align: right;
	padding: 10px 0
}

#ds-thread #ds-reset a.ds-like-thread-button {
	color: #555;
	padding: 4px 8px;
	border: 1px solid #ccc;
	border-bottom-color: #aaa;
	-webkit-box-shadow: inset 0 0 1px #fff;
	box-shadow: inset 0 0 1px #fff;
	margin-right: 15px;
	text-shadow: 0 1px 0 #fff;
	background-color: #e0e0e0;
	background-repeat: no-repeat;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), color-stop(25%, #fff), to(#e0e0e0));
	background-image: -webkit-linear-gradient(#fff, #fff 25%, #e0e0e0);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(25%, #fff), to(#e0e0e0));
	background-image: -o-linear-gradient(#fff, #fff 25%, #e0e0e0);
	background-image: linear-gradient(#fff, #fff 25%, #e0e0e0)
}

#ds-thread #ds-reset .ds-header {
	font-size: 15px;
	color: #555;
	line-height: 48px;
	padding: 0 20px;
	color: #666
}

#ds-thread #ds-reset ul,
#ds-thread #ds-reset ul li {
	background: 0 0;
	margin: 0;
	padding: 0
}

#ds-thread #ds-reset li.ds-post {
	width: 100%;
	overflow: hidden;
	clear: both;
	border-top: 1px solid rgba(0, 0, 0, .13);
	margin: 0;
	padding: 0;
	list-style: none
}

#ds-thread #ds-reset .ds-sort {
	position: absolute;
	right: 0;
	top: 8px
}

#ds-thread #ds-reset .ds-paginator div.ds-border {
	border-top: 1px solid rgba(255, 255, 255, .7);
	margin-bottom: 15px
}

#ds-thread #ds-reset .ds-paginator a.ds-current {
	color: #d32;
	border: 1px solid #ccc
}

#ds-thread #ds-reset .ds-login-buttons p {
	float: left;
	line-height: 24px;
	margin: 0
}

#ds-thread #ds-reset .ds-login-buttons .ds-service-list li {
	float: left;
	height: 16px;
	width: 54px;
	padding: 4px 0;
	margin: 0 0 0 6px
}

#ds-thread #ds-reset .ds-replybox form {
	margin-left: 5px
}

#ds-related-reads button,
#ds-related-reads input,
#ds-reset button,
#ds-reset input {
	border-radius: 3px
}

#ds-thread #ds-reset .ds-textarea-wrapper .ds-hidden-text,
#ds-thread #ds-reset .ds-textarea-wrapper textarea {
	display: block;
	font-size: 13px;
	line-height: 20px;
	border: none
}

#ds-thread #ds-reset .ds-textarea-wrapper textarea {
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-appearance: none;
	overflow: auto;
	padding: 10px;
	height: 54px;
	margin: 0;
	resize: none;
	color: #999;
	width: 100%
}

#ds-thread #ds-reset .ds-textarea-wrapper .ds-hidden-text {
	word-wrap: break-word;
	visibility: hidden;
	position: absolute;
	top: 0;
	left: 10px;
	right: 10px
}

#ds-thread #ds-reset .ds-post-toolbar {
	position: relative;
	width: 100%;
	-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .6);
	box-shadow: 0 1px 0 rgba(255, 255, 255, .6)
}

#ds-thread #ds-reset .ds-post-options {
	position: relative;
	margin-right: 100px;
	height: 32px;
	border: 1px solid #ccc;
	border-right: none;
	border-bottom-color: #aaa;
	border-bottom-left-radius: 3px
}

#ds-thread #ds-reset .ds-sync {
	font-size: 12px;
	color: #999;
	line-height: 30px;
	position: absolute;
	right: 5px
}

#ds-thread #ds-reset .ds-post-button {
	position: absolute;
	right: 0;
	top: 0;
	height: 32px;
	width: 100px;
	text-align: center;
	text-shadow: 0 1px 0 #fff;
	color: #555;
	font-size: 14px;
	border: 1px solid #ccc;
	border-bottom-color: #aaa;
	border-bottom-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	background-color: #e6e6e6;
	background-repeat: no-repeat;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fcfcfc), color-stop(25%, #fcfcfc), to(#e6e6e6));
	background-image: -webkit-linear-gradient(#fcfcfc, #fcfcfc 25%, #e6e6e6);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), color-stop(25%, #fcfcfc), to(#e6e6e6));
	background-image: -o-linear-gradient(#fcfcfc, #fcfcfc 25%, #e6e6e6);
	background-image: linear-gradient(#fcfcfc, #fcfcfc 25%, #e6e6e6);
	-webkit-transition: all .15s linear;
	-o-transition: all .15s linear;
	transition: all .15s linear;
	-webkit-box-shadow: inset 0 0 1px #fff;
	box-shadow: inset 0 0 1px #fff
}

#ds-thread #ds-reset .ds-toolbar-buttons {
	position: absolute;
	top: 5px;
	left: 6px
}

#ds-thread #ds-reset a {
	cursor: pointer;
	text-decoration: none;
	color: #777;
	background-color: transparent;
	-webkit-transition: color .15s linear;
	-o-transition: color .15s linear;
	transition: color .15s linear
}

#ds-thread #ds-reset .ds-powered-by {
	font-size: 12px;
	text-align: right;
	padding: 10px 0
}

#ds-thread #ds-reset .ds-powered-by a {
	color: #999;
	text-decoration: none
}

#ds-thread #ds-reset .ds-comment-footer {
	line-height: 1.5em
}

#ds-thread #ds-reset .ds-time {
	font-size: 12px;
	margin-right: 8px;
	color: #999
}

#ds-thread #ds-reset .ds-comment-actions a {
	font-size: 12px;
	color: #999
}

.ds-comment-footer a {
	margin: 0 6px 0 0;
	padding: 0 6px 0 0
}

#ds-thread #ds-reset .ds-paginator {
	border-bottom: 1px solid rgba(0, 0, 0, .13);
	text-align: right;
	padding-bottom: 15px;
	clear: both;
	line-height: 1em
}

#ds-thread #ds-reset .ds-paginator div.ds-border {
	border-top: 1px solid rgba(255, 255, 255, .7);
	margin-bottom: 15px
}

#ds-thread #ds-reset .ds-paginator a.ds-current {
	color: #d32;
	border: 1px solid #ccc
}

#ds-thread #ds-reset .ds-login-buttons p {
	float: left;
	line-height: 24px;
	margin: 0
}

#ds-thread #ds-reset .ds-login-buttons .ds-social-links {
	float: left;
	width: 306px;
	height: 20px;
	overflow: hidden
}

#ds-thread #ds-reset .ds-login-buttons .ds-service-list li {
	float: left;
	height: 16px;
	width: 54px;
	padding: 4px 0;
	margin: 0 0 0 6px
}

#ds-thread #ds-reset .ds-replybox {
	width: auto;
	font-size: 12px;
	z-index: 3;
	margin: 8px 0;
	padding: 0 25px 0 85px;
	position: relative;
	clear: both
}

#ds-thread #ds-reset .ds-replybox .ds-avatar {
	position: absolute;
	top: 0;
	left: 25px
}

#ds-reset .ds-avatar img,
#ds-thread #ds-reset .ds-replybox .ds-avatar img {
	border: 1px solid #bbb;
	padding: 2px;
	border-radius: 4px
}

#ds-thread #ds-reset .ds-textarea-wrapper {
	position: relative;
	border: 1px solid #ccc;
	border-bottom: none;
	padding-right: 20px;
	background: #fff url(images/bg_sprites.png) 0 -90px repeat-x;
	overflow: hidden
}

#ds-thread #ds-reset .ds-textarea-wrapper .ds-hidden-text,
#ds-thread #ds-reset .ds-textarea-wrapper textarea {
	display: block;
	font-size: 13px;
	line-height: 20px;
	border: none
}

#ds-thread #ds-reset .ds-textarea-wrapper .ds-hidden-text {
	word-wrap: break-word;
	visibility: hidden;
	position: absolute;
	top: 0;
	left: 10px;
	right: 10px
}

#ds-thread #ds-reset .ds-toolbar-buttons {
	position: absolute;
	top: 5px;
	left: 6px
}

#ds-thread #ds-reset ul.ds-children .ds-avatar img {
	width: 30px;
	height: 30px
}

#ds-thread #ds-reset .ds-post-self {
	position: relative;
	padding: 10px;
	border-top: 1px solid rgba(255, 255, 255, .7)
}

#ds-thread #ds-reset ul.ds-children {
	margin-left: 38px
}

#ds-thread #ds-reset .ds-login-buttons {
	width: 100%;
	position: relative;
	padding: 12px 0 30px
}

#ds-thread #ds-reset .ds-paginator a {
	font-size: 12px;
	margin: 0 3px;
	padding: 2px 5px;
	border: 1px solid transparent
}

#ds-reset .ds-service-link {
	height: 16px !important;
	line-height: 16px;
	padding-left: 20px;
	display: block;
	background: url(images/service-icons-color.png?v=2) no-repeat;
	overflow: hidden
}

#ds-reset .ds-weixin {
	background-position: 0 -272px
}

#ds-reset .ds-weibo {
	background-position: 0 0
}

#ds-reset .ds-qq {
	background-position: 0 -192px
}

#ds-reset .ds-renren {
	background-position: 0 -32px
}

#ds-thread #ds-reset .ds-toolbar-button {
	display: block;
	width: 19px !important;
	height: 19px;
	float: left;
	margin-right: 4px;
	background: transparent url(images/sprites.png) no-repeat;
	opacity: .6;
	-webkit-transition: opacity .15s linear;
	-o-transition: opacity .15s linear;
	transition: opacity .15s linear
}

#ds-thread #ds-reset .ds-add-emote {
	background-position: 0 -12px
}

#ds-thread #ds-reset .ds-add-emote:hover {
	background-position: 0 -30px
}

#ds-thread #ds-reset ul.ds-children .ds-post-self .ds-comment-body {
	padding-left: 48px
}

.ds-icon {
	vertical-align: middle;
	display: inline-block;
	overflow: hidden;
	background: transparent url(images/sprites.png) no-repeat
}

.ds-icon-reply {
	width: 18px;
	height: 13px;
	background-position: 0 -105px
}

.ds-icon-like {
	width: 14px;
	height: 13px;
	background-position: 0 -118px
}

.ds-icon-share {
	width: 18px;
	height: 13px;
	background-position: 0 -234px
}

.ds-icon-report {
	width: 12px;
	height: 12px;
	background-position: -2px -189px
}

.ds-icon-reply {
	width: 18px;
	height: 13px;
	background-position: 0 -105px
}

.wp-pagenavi {
	width: 100%;
	height: 36px;
	line-height: 36px;
	text-align: left;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
	display: block;
	margin: 55px 0 15px;
	text-align: -moz-center;
	text-align: center
}

.wp-pagenavi a {
	text-decoration: none;
	background-color: #1abc9c;
	color: #fff;
	padding: 5px 11px;
	margin: 0;
}

.pages {
	display: none
}

.wp-pagenavi a:hover,
.wp-pagenavi span.current:hover {
	color: #FFF;
	background: #28e1bd;
}

.wp-pagenavi span.current {
	background: #fff;
	text-decoration: none;
	padding: 5px 11px;
	margin: 00;
	border: 0;
	color: #2c3e50;
}

.screen-reader-text {
	display: none !important
}

.kw1,
.kw2,
.me1,
.sy1 {
	color: #859900
}

.sy0 {
	color: #F92659
}

.br0 {
	color: #fb1f5d
}

.nu0 {
	color: #AE81FF
}

.co1,
.co2,
.me2,
.nu19,
.re0 {
	color: #586E75
}

@font-face {
	font-family: iconfont;
	src: url(https://at.alicdn.com/t/font_xozvftf5qlpzxgvi.eot?t=1484057152574);
	src: url(https://at.alicdn.com/t/font_xozvftf5qlpzxgvi.eot?t=1484057152574#iefix) format('embedded-opentype'), url(https://at.alicdn.com/t/font_xozvftf5qlpzxgvi.woff?t=1484057152574) format('woff'), url(https://at.alicdn.com/t/font_xozvftf5qlpzxgvi.ttf?t=1484057152574) format('truetype'), url(https://at.alicdn.com/t/font_xozvftf5qlpzxgvi.svg?t=1484057152574#iconfont) format('svg')
}

.iconfont {
	font-family: iconfont !important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-remen:before {
	content: "\e622"
}

.icon-biaoqian:before {
	content: "\e658"
}

.icon-zhuce:before {
	content: "\e7cd"
}

.icon-close:before {
	content: "\e616"
}

.icon-denglu:before {
	content: "\e630"
}

.icon-biaoqian1:before {
	content: "\e62a"
}

.icon-guanbi1:before {
	content: "\e613"
}

.icon-pinglun:before {
	content: "\e628"
}

.icon-wordpress:before {
	content: "\e758"
}

.icon-html5:before {
	content: "\e70f"
}

.icon-huiyuan:before {
	content: "\e62f"
}

.icon-youqinglianjie1:before {
	content: "\e694"
}

.icon-login:before {
	content: "\e611"
}

.icon-sousuo:before {
	content: "\e600"
}

.icon-huojian-copy:before {
	content: "\e601"
}

.icon-iconfontmessage:before {
	content: "\e60e"
}

.icon-lianjie:before {
	content: "\e64a"
}

.icon-boke:before {
	content: "\e604"
}

.icon-youqinglianjie:before {
	content: "\e614"
}

.icon-huiyuan1:before {
	content: "\e654"
}

.icon-xinqing:before {
	content: "\e660"
}

.icon-lisimoshicaidandaohang:before {
	content: "\e602"
}

.icon-guanyuwomen:before {
	content: "\e603"
}

.icon-6huiyuanzhongxin:before {
	content: "\e624"
}

.icon-shouyeshouye:before {
	content: "\e632"
}

.icon-tags:before {
	content: "\e757"
}

.icon-aixin:before {
	content: "\e719"
}

.icon-youqinglianjie2:before {
	content: "\e67f"
}

.wpuf-attachment-list img {
	margin: 15px auto
}

ul.wpuf-form li .wpuf-fields .wpuf-help {
	display: block;
	margin-top: 12px
}

iframe {
	height: 200px
}

.log-text iframe {
	height: 445px
}

.blog,
.os-headertop,
.os-herder {
	display: none
}

.hide {
	width: 30px;
	height: 31px;
	background: #0eaf52;
	position: fixed;
	bottom: 0;
	right: 7px;
	cursor: pointer;
	color: #fff;
	border-radius: 100%;
	font-size: 12px;
	line-height: 30px;
	text-align: center
}

#vedio {
	position: fixed;
	bottom: -205px;
	right: 12px;
	z-index: 10
}

.notice {
	width: 400px;
	height: 20px;
	line-height: 20px;
	position: relative;
	overflow: hidden;
	display: none;
	float: left;
	margin-left: 20px;
	margin-top: 3px;
}

.notice ul {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0
}

.notice ul li {
	width: 100%;
	height: 20px;
	line-height: 20px;
	overflow: hidden;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	color: #fff;
	font-size: 12px;
	text-align: left;
}

.notice ul li i {
	display: inline-block;
	margin-right: 5px;
	color: #fff;
}

.count {
	color: #f78585;
}

.post-like a.done {
	cursor: not-allowed
}

.page-reward {
	padding: 40px 0;
	margin: 0px 7.6923% 30px;
	min-height: 72px;
	border-bottom: 1px solid #ddd;
	text-align: center;
	display: none;
}

.page-reward .page-reward-btn {
	position: relative;
	display: inline-block;
	width: 56px;
	height: 56px;
	text-align: center;
	line-height: 56px;
	font-size: 20px;
	color: #fff;
	background: #f44336;
	border-radius: 50%;
	-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
	-webkit-transition: .4s ease-in-out;
	-o-transition: .4s ease-in-out;
	transition: .4s ease-in-out
}

.page-reward .page-reward-btn:active,
.page-reward .page-reward-btn:hover {
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .2), 0 4px 15px rgba(0, 0, 0, .2);
	box-shadow: 0 6px 12px rgba(0, 0, 0, .2), 0 4px 15px rgba(0, 0, 0, .2)
}

.page-reward .page-reward-btn .tooltip-item {
	display: block;
	width: 56px;
	height: 56px;
	color: #fff;
	font-size: 20px
}

.page-reward .page-reward-btn .tooltip-item a {
	display: inline-block;
	font-size: 22px;
	color: #fff;
	cursor: pointer;
	text-align: center;
	line-height: 56px;
}

.page-reward .page-reward-btn .tooltip-item .s_show {
	display: none;
}

.page-reward .page-reward-btn .tooltip-item font {
	display: block;
	width: 56px;
	height: 56px;
	color: #fff;
	font-size: 20px;
}

.page-reward-btn .tooltip-item a span {
	color: #fff;
	font-size: 22px;
}

.reward-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: distribute;
	justify-content: space-around
}

.log-text .reward-p {
	color: #fff;
	text-shadow: 1px 1px 1px #45b9e0;
	text-indent: 0;
	margin: 0 0 25px;
	font-size: 16px;
}

.log-text .reward-p .icon {
	margin: 0 10px;
	color: #ddd
}

.reward-type {
	font-size: 16px;
	display: block;
	color: #4d4d4d;
	margin: 20px 0 0
}

.reward-img {
	width: 130px;
	height: 130px;
	border: 6px solid #fff;
	border-radius: 3px
}

.tooltip-left .tooltip {
	position: absolute;
	z-index: 999;
	cursor: pointer;
	width: 28px;
	height: 28px;
	top: -10px;
	right: 10px
}

.tooltip-left .tooltip:hover a.share-outer {
	background: #24c1f6
}

@-webkit-keyframes pulse {
	0% {
		-webkit-transform: scale3d(.5, .5, 1)
	}

	to {
		-webkit-transform: scaleX(1)
	}
}

@keyframes pulse {
	0% {
		-webkit-transform: scale3d(.5, .5, 1);
		transform: scale3d(.5, .5, 1)
	}

	to {
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}
}

.tooltip-left .tooltip-content {
	position: absolute;
	background: rgba(36, 193, 246, .9);
	z-index: 9999;
	width: 200px;
	bottom: 50%;
	margin-bottom: -10px;
	border-radius: 20px;
	font-size: 1.1em;
	text-align: center;
	color: #fff;
	opacity: 0;
	cursor: default;
	pointer-events: none;
	-webkit-font-smoothing: antialiased;
	-webkit-transition: opacity .3s, -webkit-transform .3s;
	transition: opacity .3s, -webkit-transform .3s;
	-o-transition: opacity .3s, transform .3s;
	transition: opacity .3s, transform .3s;
	transition: opacity .3s, transform .3s, -webkit-transform .3s
}

.tooltip-left .tooltip-west .tooltip-content {
	left: 3.5em;
	-webkit-transform-origin: -2em 50%;
	-ms-transform-origin: -2em 50%;
	transform-origin: -2em 50%;
	-webkit-transform: translate3d(0, 50%, 0) rotate3d(1, 1, 1, 30deg);
	transform: translate3d(0, 50%, 0) rotate3d(1, 1, 1, 30deg)
}

.tooltip-left .tooltip-east .tooltip-content {
	right: 3.5em;
	-webkit-transform-origin: calc(100% + 2em) 50%;
	-ms-transform-origin: calc(100% + 2em) 50%;
	transform-origin: calc(100% + 2em) 50%;
	-webkit-transform: translate3d(0, 50%, 0) rotate3d(1, 1, 1, -30deg);
	transform: translate3d(0, 50%, 0) rotate3d(1, 1, 1, -30deg)
}

.tooltip-left .tooltip:hover .tooltip-content {
	opacity: 1;
	-webkit-transform: translate3d(0, 50%, 0) rotate3d(0, 0, 0, 0);
	transform: translate3d(0, 50%, 0) rotate3d(0, 0, 0, 0);
	pointer-events: auto
}

.tooltip-left .tooltip-content:after,
.tooltip-left .tooltip-content:before {
	content: '';
	position: absolute
}

.tooltip-left .tooltip-content:before {
	height: 100%;
	width: 3em
}

.tooltip-left .tooltip-content:after {
	width: 2em;
	height: 2em;
	top: 50%;
	margin: -1em 0 0;
	background: url(/fonts/tooltip.4004ff.svg) no-repeat 50%;
	background-size: 100%
}

.tooltip-left .tooltip-west .tooltip-content:after,
.tooltip-left .tooltip-west .tooltip-content:before {
	right: 99%
}

.tooltip-left .tooltip-east .tooltip-content:after,
.tooltip-left .tooltip-east .tooltip-content:before {
	left: 99%
}

.tooltip-left .tooltip-east .tooltip-content:after {
	-webkit-transform: scaleX(-1);
	-ms-transform: scaleX(-1);
	transform: scaleX(-1)
}

.tooltip-top .tooltip {
	display: inline;
	position: relative;
	z-index: 999
}

.tooltip-top .tooltip:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 20px;
	bottom: 100%;
	left: 50%;
	pointer-events: none;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%)
}

.tooltip-top .tooltip:hover:after {
	pointer-events: auto
}

.tooltip-content {
	position: absolute;
	z-index: 9999;
	width: 370px;
	left: 14px;
	top: -330px;
	font-size: 20px;
	line-height: 1.4;
	text-align: center;
	color: #4d4d4d;
	background: 0 0;
	opacity: 0;
	margin: 0 0 -10px -158px;
	cursor: default;
	pointer-events: none;
	-webkit-font-smoothing: antialiased;
	-webkit-transition: opacity .3s .3s;
	-o-transition: opacity .3s .3s;
	transition: opacity .3s .3s;
}

.tooltip-content span {
	display: block
}

.tooltip-content {
	opacity: 0;
	-webkit-transition-delay: 0s;
	-o-transition-delay: 0s;
	transition-delay: 0s
}

.reward-box span {
	display: block
}

.tooltip-text {
	border-bottom: 10px solid #4d4d4d;
	overflow: hidden;
	-webkit-transform: scaleX(0);
	-ms-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transition: -webkit-transform .3s .3s;
	transition: -webkit-transform .3s .3s;
	-o-transition: transform .3s .3s;
	transition: transform .3s .3s;
	transition: transform .3s .3s, -webkit-transform .3s .3s
}

.tooltip-top .tooltip:hover .tooltip-text,
.post-actions .action-rewards:hover .tooltip-text {
	-webkit-transition-delay: 0s;
	-o-transition-delay: 0s;
	transition-delay: 0s;
	-webkit-transform: scaleX(1);
	-ms-transform: scaleX(1);
	transform: scaleX(1)
}

.tooltip-inner {
	background: rgba(36, 193, 246, .9);
	padding: 40px;
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0);
	-webkit-transition: -webkit-transform .3s;
	transition: -webkit-transform .3s;
	-o-transition: transform .3s;
	transition: transform .3s;
	transition: transform .3s, -webkit-transform .3s
}

.tooltip:hover .tooltip-inner,
.post-actions .action-rewards:hover .tooltip-inner {
	-webkit-transition-delay: .3s;
	-o-transition-delay: .3s;
	transition-delay: .3s;
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}

.tooltip-content:after {
	content: '';
	left: 50%;
	border: solid transparent;
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: transparent;
	border-top-color: #4d4d4d;
	border-width: 10px;
	margin-left: -10px
}

.zym {
	width: 70%;
}

ul.post-categories li {
	display: none
}

ul.post-categories li:first-child {
	display: block
}

#domo {
	display: block;
	width: 100px;
	height: 33px;
	color: #fff;
	background: #49cc5b;
	line-height: 33px;
	padding: 0;
	font-size: 15px;
	text-align: left;
	border-radius: 4px;
	margin: 50px auto;
	text-indent: 0;
	text-align: center;
}

#domo:hover {
	background: #265a88
}

.entry-title {
	text-align: center;
	background: #fff;
	padding: 20px;
	border: 1px solid #ddd;
}

.img-left {
	width: 220px;
	height: 150px;
	border: 0;
	float: left;
	margin-top: 6px;
	position: relative;
	overflow: hidden;
}

.img-left span {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
	background: #1abc9c;
	opacity: 0.8;
	text-align: center;
}

.img-left span ul li a {
	color: #fff;
	line-height: 28px;
	padding: 0 10px;
}

.text>font.s_bar {
	display: block;
	position: absolute;
	background: #1abc9c;
	top: 22px;
	left: -1px;
	width: 5px;
	height: 25px;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}

.log-text h4,
.h4 {
	margin: 15px -15px;
	padding: 8px 15px;
	border-left: 4px solid #39c;
	border-bottom: 1px solid #39c;
	font-size: 16px;
	color: #444;
	background: #fbfbfb;
}

.log-text h5 {
	padding: 10px 0 10px;
	font-size: 16px;
	color: #555;
	border-bottom: 1px dashed #ccc;
}

.log-text h4:nth-of-type(5n+1) {
	border-left: 4px solid #b9d329;
	border-bottom: 1px solid #b9d329;
}

.log-text h4:nth-of-type(5n+2) {
	border-left: 4px solid #ffae5b;
	border-bottom: 1px solid #ffae5b;
}

.log-text h4:nth-of-type(5n+3) {
	border-left: 4px solid #c0ebf7;
	border-bottom: 1px solid #c0ebf7;
}

.log-text h4:nth-of-type(5n+4) {
	border-left: 4px solid #69bcf3;
	border-bottom: 1px solid #69bcf3;
}

/*在线客服开始*/

#wuyousujian-kefuDv .qqnum {
	text-align: center;
	font-size: 12px;
	width: 100%;
	padding: 0 0 10px 0;
}

#wuyousujian-kefuDv .qqnum:last-child {
	text-align: center;
	font-size: 12px;
	width: 100%;
	padding: 0;
}

#wuyousujian-kefuDv .telNo {
	padding-left: 4px;
	font-size: 12px;
	color: #f60;
	width: 100px;
	height: 17px;
	line-height: 28px;
}

#wuyousujian-kefuDv table {
	border: 0;
	width: auto;
}

#wuyousujian-kefuDv #navLog {
	width: 40px;
	height: 1px;
	display: block;
}

#wuyousujian-kefuDv table tr {
	border: 0;
}

#wuyousujian-kefuDv img {
	border: 0;
	display: inline-block;
}

#wuyousujian-kefuDv table td {
	border: 0;
	padding: 0;
}

#wuyousujian-kefuDv .kefu1 {
	font-size: 14px;
	font-weight: bold;
	padding-left: 10px;
	padding-top: 10px;
}

#wuyousujian-kefuDv .kefu3 {
	width: 105px;
	height: 10px
}

#wuyousujian-kefuDv .kefu4 {
	background: url(images/qq.png) center no-repeat;
	background-size: contain;
	width: 105px;
	height: 68px;
}

#wuyousujian-kefuDv .kefu4gray {
	background: url(images/qq-grey.png) center no-repeat;
	background-size: contain;
	width: 105px;
	height: 68px;
}

#wuyousujian-kefuDv .line {
	width: 105px;
	height: 9px
}

#wuyousujian-kefuDv .wangwang-names {
	margin: 0;
	margin-left: 5px;
	font-size: 13px;
	color: #333;
}

#wuyousujian-kefuDv .qqSmall {
	width: 100px;
	height: 29px;
	line-height: 29px;
	vertical-align: middle;
	margin-left: 5px;
	white-space: nowrap;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
}

#wuyousujian-kefuDv a {
	font-size: 13px;
	text-decoration: none;
	color: #333;
}

#wuyousujian-kefuDv a:hover {
	text-decoration: none;
	color: black
}

#wuyousujian-kefuDv .kefu10 {
	width: 105px;
	height: 28px
}

#qqAdmin .panel1 {
	border: 1px solid gray;
	width: 500px;
	margin-top: 13px
}

#qqAdmin .dtl {
	color: gray;
	font-style: italic;
}

.qqSmall a {
	margin-left: 4%;
}

.qqClearFix {
	clear: both;
}

.rm_wrap {
	width: 560px
}

.qqkefu_section {
	border: 1px solid #ddd;
	background: #fff;
	border-radius: 5px
}

.rm_opts label {
	font-size: 12px;
	width: 200px;
	display: block;
	float: left
}

.rm_input {
	padding: 5px 10px
}

.rm_opts small {
	display: block;
	padding: 4px;
	width: 630px;
	font-size: 12px;
	color: #666;
	line-height: 20px
}

.rm_opts input [ type="text"],
.rm_opts select {
	width: 280px;
	font-size: 12px;
	padding: 4px;
	color: #333;
	line-height: 20px;
	background: #fff
}

.rm_input input:focus,
.rm_input textarea:focus {
	background: #f2f2f2;
}

#swt_qq,
#swt_cat_slider,
#swt_emailid,
#swt_twitter,
#swt_qqmblog,
#swt_sinamblog,
#swt_rsssub,
#swt_email,
#swt_search_link,
#swt_cat,
#swt_new_exclude,
#swt_search_ID,
#swt_link_s {
	border: 1px solid #dadada;
	width: 280px;
	padding: 2px;
}

.rm_input textarea {
	width: 280px;
	height: 150px;
	font-size: 12px;
	padding: 4px;
	color: #333;
	line-height: 20px;
	background: #fff
}

.rm_title h3 {
	cursor: pointer;
	font-size: 14px;
	text-transform: uppercase;
	margin: 0;
	font-weight: bold;
	color: #232323;
	float: left;
	width: 80%;
	padding: 14px 4px
}

.rm_title {
	cursor: pointer;
	border-bottom: 1px solid #dadada;
	padding: 0;
	height: 50px
}

.rm_title h3 img.inactive {
	margin: -1px 10px 0 2px;
	width: 19px;
	height: 19px;
	background: url(images/collapse.png) no-repeat 0 0;
	float: left
}

.rm_title h3 img.active {
	margin: -1px 10px 0 2px;
	width: 19px;
	height: 19px;
	background: url(images/collapse.png) no-repeat 0 -19px;
	float: left
}

.rm_title span.submit {
	display: block;
	float: right;
	margin: 0;
	padding: 0;
	width: 15%;
	padding: 14px 0
}

.clearfix {
	clear: both
}

.rm_table th,
.rm_table td {
	border: 1px solid #bbb;
	padding: 10px;
	text-align: center
}

.rm_table th,
.rm_table td.feature {
	border-color: #888
}

.child {
	padding-left: 40px;
}

#all_cat {
	padding: 10px;
	margin-bottom: 10px;
	border: 1px solid #ccc;
	border-radius: 5px
}

#all_cat h4 {
	line-height: 23px;
	margin: 0;
}

#all_cat span {
	display: inline-block;
	white-space: nowrap;
	margin-right: 10px;
	font-size: 12px;
}

#all_cat em {
	font-weight: bold;
	color: #2E64FE;
	font-style: normal;
}

#all_cat small {
	font-size: 12px;
	color: #666;
	line-height: 23px
}

.show_id {
	display: block;
	width: 250px;
	margin-right: -500px;
	position: fixed;
	right: 50%;
	top: 15%;
	line-height: 23px;
	padding: 10px;
	list-style: square inside;
	border: 1px solid #ccc;
	border-radius: 5px
}

#imgNav {
	margin-top: 30%;
	position: absolute;
	right: 194px;
}

.rm_options {
	padding: 20px;
}

.qq-cus-label {
	display: inline-block;
	width: 110px;
	font-weight: bold;
}

.qq-cus-title {
	padding: 20px 20px;
	font-size: 24px;
	margin: 0;
}

.wuyousujian-add {
	padding: 10px;
	background-color: #eee;
}

.wuyousujian-update {
	margin: 0;
	display: none;
}

.submit {
	padding-left: 20px;
	padding-bottom: 20px;
}

.customer-list {
	background-color: #eee;
	border: 1px solid #ccc !important;
	min-height: 200px;
	margin-right: 41px;
	position: absolute;
	left: -150px;
	top: -40px;
}

#wuyousujian-kefuDv .qq-kefu-fun-box {
	width: 100%;
	position: relative;
}

#wuyousujian-kefuDv .qq-kefu-backUp {
	display: block;
	width: 100%;
	height: 62px;
	border: none;
	border-top: 1px solid #ccc;
	text-align: center;
	background: url(images/rocket.png) center no-repeat;
}

#wuyousujian-kefuDv .qq-kefu-backUp-2 {
	display: block;
	width: 50%;
	height: 62px;
	border-top: 1px solid #ccc;
	text-align: center;
	background: url(images/rocket.png) center no-repeat;
	float: left;
	background-size: cover;
}

#wuyousujian-kefuDv .qq-kefu-qrCode {
	display: block;
	width: 50%;
	height: 62px;
	border-right: 1px solid #ccc;
	border-top: 1px solid #ccc;
	text-align: center;
	background: url(images/QR_Code.png) center no-repeat;
	float: left;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	background-size: cover;
}

#wuyousujian-kefuDv .qq-kefu-qrCode-2 {
	display: block;
	width: 100%;
	height: 62px;
	border-top: 1px solid #ccc;
	text-align: center;
	background: url(images/QR_Code.png) center no-repeat;
	float: left;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
}

#wuyousujian-kefuDv .qqkefu-qrcode-box {
	width: 200px;
	height: 200px;
	padding: 10px;
	z-index: 999;
	background-color: #eee;
	position: absolute;
	top: 0;
	display: none;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3)
}

/*在线客服结束*/

/*文章加密内容开始*/

.e-secret {
	display: block;
	width: calc(100% + 30px);
	height: 105px;
	background: #F8F8F8;
	padding: 0 20px;
	margin-left: -15px;
	color: #FE5187;
	margin-top: -15px;
}

.e-secret label {
	display: block;
	font-size: 15px;
	line-height: 47px;
}

.e-secret input {
	display: inline-block;
	height: 38px;
	line-height: 38px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	vertical-align: middle;
	outline: none;
}

.e-secret input.euc-y-i {
	width: 70%;
	border: 1px solid #eee;
	text-indent: 3px;
	font-size: 14px;
}

.e-secret input.euc-y-s {
	width: 30%;
	background: #3498DB;
	font-size: 16px;
	color: #fff;
	border: 1px solid #3498DB;
	margin-left: -2px;
}

.continar-left .log-text .e-secret p a,
.continar-left .e-secret p a:hover i {
	color: #fff;
}

/*文章加密内容结束*/

.new-icon {
	background: #1abc9c;
	position: absolute;
	top: -1px;
	right: -1px;
	line-height: 20px;
	color: #fff;
	padding: 0 5px;
	border-radius: 0 2px 0 0;
	-webkit-animation: fade-in;
	animation: fade-in;
	-webkit-animation-duration: 1.2s;
	animation-duration: 1.2s;
	-webkit-animation: fade-in 1.2s;
	font-size: 12px;
}

#web-tj ul li {
	float: left;
	line-height: 26px;
	font-size: 12px;
	width: 50%;
}

#web-tj ul li:hover {
	margin-left: 0
}

.codecolorer-container {
	margin: 10px 0;
}

.downcloud {
	border: 1px solid #16BAC5;
}

.downcloud:hover {
	background: #1399A2;
	color: #fff
}

.downcloud,
.downcloud:focus {
	background: #16BAC5;
}

.log-text .downbtn {
	padding: 10px 26px;
	background: #16BAC5;
	line-height: 3;
	color: #fff;
	font-size: 15px;
}

.log-text .downbtn:hover {
	color: #fff
}

.log-text .downbtn i {
	color: #fff
}

#smartideo iframe {
	height: 500px
}

.footer-banner__navi {
	position: fixed;
	width: 100%;
	height: 30px;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 2;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, hsla(0, 0%, 100%, 0)), color-stop(33%, hsla(0, 0%, 100%, .33)), color-stop(66%, hsla(0, 0%, 100%, .73)), color-stop(91%, #fff));
	background: -webkit-linear-gradient(top, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, .33) 33%, hsla(0, 0%, 100%, .73) 66%, #fff 91%);
	background: -webkit-linear-gradient(top, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, .73) 33%, hsla(0, 0%, 100%, .73) 66%, #fff 91%);
	background: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0)), color-stop(33%, hsla(0, 0%, 100%, .73)), color-stop(66%, hsla(0, 0%, 100%, .73)), color-stop(91%, #fff));
	background: -o-linear-gradient(top, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, .73) 33%, hsla(0, 0%, 100%, .73) 66%, #fff 91%);
	background: linear-gradient(top, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, .73) 33%, hsla(0, 0%, 100%, .73) 66%, #fff 91%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
}

/*banner动画start*/

.foolishOut {
	-webkit-animation: foolishOut 3s 1s;
	animation: foolishOut 3s 1s;
}

@-webkit-keyframes foolishOut {
	0% {
		opacity: 1;
		-webkit-transform-origin: 50% 50%;
		transform-origin: 50% 50%;
		-webkit-transform: scale(1, 1) rotate(360deg);
		transform: scale(1, 1) rotate(360deg)
	}

	20% {
		opacity: 1;
		-webkit-transform-origin: 0 0;
		transform-origin: 0 0;
		-webkit-transform: scale(.5, .5) rotate(0);
		transform: scale(.5, .5) rotate(0)
	}

	40% {
		opacity: 1;
		-webkit-transform-origin: 100% 0;
		transform-origin: 100% 0;
		-webkit-transform: scale(.5, .5) rotate(0);
		transform: scale(.5, .5) rotate(0)
	}

	60% {
		opacity: 1;
		-webkit-transform-origin: 0;
		transform-origin: 0;
		-webkit-transform: scale(.5, .5) rotate(0);
		transform: scale(.5, .5) rotate(0)
	}

	80% {
		opacity: 1;
		-webkit-transform-origin: 0 100%;
		transform-origin: 0 100%;
		-webkit-transform: scale(.5, .5) rotate(0);
		transform: scale(.5, .5) rotate(0)
	}

	100% {
		opacity: .5;
		-webkit-transform-origin: 50% 50%;
		transform-origin: 50% 50%;
		-webkit-transform: scale(1, 1) rotate(360deg);
		transform: scale(1, 1) rotate(360deg)
	}
}

@keyframes foolishOut {
	0% {
		opacity: 1;
		-webkit-transform-origin: 50% 50%;
		transform-origin: 50% 50%;
		-webkit-transform: scale(1, 1) rotate(360deg);
		transform: scale(1, 1) rotate(360deg)
	}

	20% {
		opacity: 1;
		-webkit-transform-origin: 0 0;
		transform-origin: 0 0;
		-webkit-transform: scale(.5, .5) rotate(0);
		transform: scale(.5, .5) rotate(0)
	}

	40% {
		opacity: 1;
		-webkit-transform-origin: 100% 0;
		transform-origin: 100% 0;
		-webkit-transform: scale(.5, .5) rotate(0);
		transform: scale(.5, .5) rotate(0)
	}

	60% {
		opacity: 1;
		-webkit-transform-origin: 0;
		transform-origin: 0;
		-webkit-transform: scale(.5, .5) rotate(0);
		transform: scale(.5, .5) rotate(0)
	}

	80% {
		opacity: 1;
		-webkit-transform-origin: 0 100%;
		transform-origin: 0 100%;
		-webkit-transform: scale(.5, .5) rotate(0);
		transform: scale(.5, .5) rotate(0)
	}

	100% {
		opacity: .5;
		-webkit-transform-origin: 50% 50%;
		transform-origin: 50% 50%;
		-webkit-transform: scale(1, 1) rotate(360deg);
		transform: scale(1, 1) rotate(360deg)
	}
}

/*banner动画end*/

/*首页弹窗开始*/

.gradient {
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#ffe7e2));
	background: -o-linear-gradient(top, #FFFFFF, #ffe7e2);
	background: linear-gradient(top, #FFFFFF, #ffe7e2);
	background: -webkit-linear-gradient(top, #FFFFFF, #ffe7e2);
}

#curriculum {
	width: 400px;
	height: 48px;
	z-index: 999;
	border-radius: 2px;
	overflow: hidden;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	opacity: 0;
	-webkit-box-shadow: rgba(148, 92, 78, 0.74902) 0px 30px 80px;
	box-shadow: rgba(148, 92, 78, 0.74902) 0px 30px 80px;
	-webkit-transition: .6s;
	-o-transition: .6s;
	transition: .6s;
	z-index: 1000
}

#curriculum h2 {
	margin-bottom: 13px;
	height: 40px;
	position: relative;
	z-index: 1;
	border-bottom: 1px solid #f88a71;
}

#curriculum h2:hover {
	-webkit-box-shadow: 0px 20px 40px rgba(148, 92, 78, 0.1);
	box-shadow: 0px 20px 40px rgba(148, 92, 78, 0.1);
}

#curriculum h2 strong {
	text-align: center;
	display: block;
	height: 40px;
	text-indent: 0;
	font-size: 16px;
	color: #f88a71;
	line-height: 40px;
}

#curriculum .close {
	width: 20px;
	height: 20px;
	background: url(images/close.png) no-repeat;
	position: absolute;
	top: 15px;
	right: 16px;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}

#curriculum .close:hover {
	-webkit-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	transform: rotate(360deg);
}

#curriculum .close:active {
	-webkit-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
}

#curriculum ul {
	position: relative;
	top: 40px;
	z-index: 2;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-perspective: 8000px;
	perspective: 8000px;
	-webkit-transition: 0.5s 600ms linear;
	-o-transition: 0.5s 600ms linear;
	transition: 0.5s 600ms linear;
}

#curriculum ul li {
	width: 400px;
	height: 40px;
	-webkit-transform-origin: top;
	-ms-transform-origin: top;
	transform-origin: top;
	-webkit-transform: rotateX(120deg);
	transform: rotateX(120deg);
	/*围绕X轴翻转120度*/
	opacity: 0;
}

#curriculum ul li * {
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
}

#curriculum ul li:hover p {
	background: rgba(250, 102, 66, 0.1);
	-webkit-box-shadow: 0px 30px 80px rgba(148, 92, 78, 0.4);
	box-shadow: 0px 30px 80px rgba(148, 92, 78, 0.4);
}

#curriculum ul p strong,
#curriculum ul span,
#curriculum ul em {
	height: 24px;
	line-height: 24px;
}

#curriculum ul span {
	float: left;
	padding-left: 10px;
}

#curriculum ul em {
	float: right;
	font-size: 12px;
	font-style: normal;
	padding-right: 30px;
	background: url(images/em_bg.png) no-repeat right 4px;
}

#curriculum ul p {
	font-size: 14px;
	color: #f4264d;
	cursor: pointer;
	background: rgba(250, 102, 66, 0);
	height: 40px;
	padding: 8px 20px;
}

#curriculum ul p strong {
	float: left;
	width: 84px;
	text-align: center;
	color: #fff;
	background: #f4264d;
}

#curriculum ul p:hover strong {
	background: #ffde00;
	-webkit-box-shadow: 0px 5px 20px rgba(148, 92, 78, 0.4);
	box-shadow: 0px 5px 20px rgba(148, 92, 78, 0.4);
}

.contact h4,
.contact h5 {
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	color: #fff;
	position: relative;
}

.contact {
	width: 360px;
	text-align: center;
	position: absolute;
	top: 56px;
	left: 20px;
	z-index: 3;
	display: none;
	opacity: 0;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
}

.contact h3 {
	height: 34px;
	line-height: 34px;
	font-size: 16px;
	color: #f3274c;
	background: #fff;
	-webkit-box-shadow: 0 5px 0 rgba(0, 0, 0, 0.05);
	box-shadow: 0 5px 0 rgba(0, 0, 0, 0.05);
	position: relative;
	z-index: 3;
}

.contact h4 {
	background: #fba792;
	/*box-shadow:0 5px 0 rgba(0,0,0,0.05);
	*/
	z-index: 2;
	top: 4px;
}

.contact h5 {
	background: #fba792;
	/*background:#fb5e7b;
	box-shadow:0 5px 0 rgba(0,0,0,0.1);
	*/
	z-index: 1;
}

.contact a {
	display: inline-block;
	width: 138px;
	height: 32px;
	line-height: 32px;
	text-decoration: none;
	color: #fff;
	font-size: 14px;
	background: #f0b017;
	border-radius: 4px;
	-webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
	box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
	position: relative;
	top: 24px;
}

.contact a:hover {
	background: #f4264d;
}

/*首页弹窗结束*/

/*畅言评论*/

#SOHUCS #SOHU_MAIN .module-cmt-header .section-title-w,
#SOHUCS #SOHU_MAIN .module-cmt-header .section-cbox-w .block-head-w {
	z-index: 1 !important
}

#cyHotusers .hotusers-header {
	display: none !important;
}

#cyHotusers .hotusers-list-item {
	height: auto !important;
	padding: 0 !important
}

#cyHotusers {
	width: 335px !important;
}

#cyReping a {
	color: #666 !important;
	font-size: 13px;
}

#cyReping .reping-list .reping-avatar {
	margin-top: 5px;
}

#cyReping .reping-list .reping-nickname {
	color: #333 !important;
}

#cyReping .list-item div:nth-of-type(1)>img {
	border-radius: 100% !important;
	width: 40px !important;
	height: 40px !important
}

#cyHotusers .hotusers-list .hotusers-list-item img {
	border-radius: 100% !important;
	width: 40px !important;
	height: 40px !important
}

#cyReping .reping-list .reping-content,
#cyReping .reping-list .reping-nickname {
	font-size: 13px;
}

#cyReping a:hover {
	text-decoration: underline;
	color: #000 !important;
}

#cyReping .reping-list .reping-content {
	margin: 0 0 5px;
	display: block;
	border-bottom: 1px dotted #ccc;
	padding: 0 0 4px !important;
}

#cyReping .reping-list .list-item {
	border-bottom: 1px solid #ccc !important
}

#cyReping .reping-list .list-item:last-child {
	border-bottom: none !important;
}

/*畅言评论end*/

/*用户中心start*/

.head_user_b {
	width: 100%;
	margin: 0 auto;
	background: url("https://www.weipxiu.com/wp-content/themes/boke/images/10.jpg") no-repeat center center;
	background-size: 100% 100%;
}

.head_user {
	overflow: hidden;
	position: relative;
	width: 100%;
	margin: 0px auto 6px;
	border-bottom: 5px solid #fff;
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.46);
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.46);
}

.head_user_a {
	height: 300px;
}

.head_avatar {
	text-align: center;
	padding-top: 20px;
	margin-bottom: 15px;
}

.head_avatar_a {
	text-align: center;
	font-size: 25px;
	line-height: 30px;
	color: #fff;
	position: relative;
}

.head_avatar_a p {
	text-align: center;
	font-size: 25px;
	line-height: 30px;
	color: #fff;
}

m.head_user_avatar_aa {
	position: relative;
}

span.verify_1 {
	background-image: url(images/icon_a.png);
	background-position: -50px -25px;
	width: 20px;
	height: 20px;
	border-radius: 100%;
	margin-left: -33px;
	cursor: pointer;
	position: absolute;
	bottom: 0;
	margin-bottom: -56px;
}

.head_avatar img {
	width: 130px;
	height: 130px;
	border-radius: 100%;
	border: 3px solid rgba(255, 255, 255, 0.53);
}

.head_avatar_a {
	text-align: center;
	font-size: 25px;
	line-height: 30px;
	color: #fff;
}

.icon_male {
	background-position: -100px -50px;
}

.img-icon {
	display: inline-block;
}

.icon_male,
.icon_female {
	width: 16px;
	height: 18px;
	vertical-align: -2px;
	margin: 0 5px;
	background-image: url("images/icon_a.png");
}

.lv45 {
	background-position: -199px -335px;
}

.lv {
	display: inline-block;
	background: url(images/lv.png) no-repeat;
	width: 33px;
	height: 17px;
	vertical-align: sub;
}

.head_avatar_a {
	text-align: center;
	font-size: 25px;
	line-height: 30px;
	color: #fff;
}

.head_avatar_a .vip_aa img {
	vertical-align: inherit;
}

.head_avatar_b p {
	text-align: center;
	font-size: 12px;
	color: #fff;
	line-height: 16px;
}

.head_avatar_c {
	text-align: center;
	margin: 25px;
}

span.follow-btn.unfollowed {
	border: 1px solid #F77268;
	background: #fa7d3c;
}

span.follow-btn.unfollowed i {
	color: #fff
}

.head_avatar_c span {
	padding: 7px 12px;
	background-color: #fafafa;
	margin: 15px;
	border-radius: 2px;
	font-size: 15px;
	border: 1px solid #2196F3;
	background: #2196F3;
	color: #FFFFFF;
	cursor: pointer;
}

Inherited from div.head_avatar_c .head_avatar_c {
	text-align: center;
	margin: 25px;
}

.head_user_data {
	position: absolute;
	left: 0;
	z-index: 1;
	background: #fff;
	margin-top: -29px;
	padding: 5px 10px;
	border-radius: 0 10px 0px 0;
}

.head_user_data span {
	margin-right: 20px;
}

.lv45 {
	background-position: -199px -335px;
}

/*用户中心end*/

/*手风琴start*/

.accordion {
	width: 1000px;
	height: 500px;
	margin: 0 auto;
	background: #E4EDF1
}

.accordion .accordion_center {
	width: 1000px;
	height: 500px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}

.accordion .accordion_center ul {
	width: 1900px;
	height: 500px;
	position: absolute;
	left: 0;
	top: 0;
}

.accordion .accordion_center ul li {
	width: 200px;
	height: 500px;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	position: relative;
}

.accordion .accordion_center ul li.accord_1 {
	background: url('images/pd-bg-01.jpg') no-repeat center center;
	background-size: 100% 100%;
}

.accordion .accordion_center ul li.accord_2 {
	background: url('images/pd-bg-02.jpg') no-repeat center center;
	background-size: 100% 100%;
}

.accordion .accordion_center ul li.accord_3 {
	background: url('images/pd-bg-03.jpg') no-repeat center center;
	background-size: 100% 100%;
}

.accordion .accordion_center ul li.accord_4 {
	background: url('images/pd-bg-04.jpg') no-repeat center center;
	background-size: 100% 100%;
}

.accordion .accordion_center ul li.accord_5 {
	background: url('images/pd-bg-05.jpg') no-repeat center center;
	background-size: 100% 100%;
}

.accordion .accordion_center ul li .mask {
	position: absolute;
	width: 340px;
	height: 100%;
	left: 0;
	top: 0;
	display: none;
	background: rgba(0, 152, 228, .9)
}

.accordion .accordion_center ul li .mask a {
	background: rgba(255, 255, 255, 0.80);
	border: 1px solid #ffffff;
	border-radius: 4px;
	width: 178px;
	height: 38px;
	display: block;
	text-align: center;
	line-height: 38px;
	position: absolute;
	left: 50%;
	bottom: 72px;
	margin-left: -89px;
	font-size: 16px;
	color: #0098e4;
}

.accordion .accordion_center ul li .slide-item {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .2);
}

.accordion .accordion_center ul li .slide-item h3 {
	text-align: center;
	color: #fff;
	font-size: 28px;
	margin: 100px 0 80px;
}

.accordion .accordion_center ul li .slide-item p {
	text-align: center;
	color: #fff;
	font-size: 20px;
	line-height: 36px
}

.accordion .accordion_center ul li .slide-item .iconfont {
	position: absolute;
	left: 50%;
	bottom: 60px;
	font-size: 32px;
	color: #fff;
	margin-left: -16px;
	-webkit-animation: arrow_move .7s .5s infinite alternate;
	animation: arrow_move .7s .5s infinite alternate;
	opacity: 1;
}

/*首页箭头帧动画start*/

@-webkit-keyframes arrow_move {
	to {
		bottom: 50px;
		opacity: .5;
	}
}

@keyframes arrow_move {
	to {
		bottom: 50px;
		opacity: .5;
	}
}

/*首页箭头帧动画end*/

.accordion .accordion_center ul li .mask h3 {
	color: #fff;
	font-size: 32px;
	text-align: center;
	margin: 37px 0 35px;
}

.accordion .accordion_center ul li .mask>span {
	color: #fff;
	font-size: 22px;
	display: block;
	text-align: center;
	margin-bottom: 45px;
}

.accordion .accordion_center ul li .mask .mark_text {
	width: 300px;
	margin: 10px auto;
	overflow: hidden;
}

.accordion .accordion_center ul li .mask .mark_text h2 {
	font-size: 14px;
	color: #ffffff;
	text-align: left;
	margin-top: 22px;
	width: 100%;
	height: 32px;
}

.accordion .accordion_center ul li .mask .mark_text span {
	margin-left: 6px;
	color: #6ac0f0;
	font-size: 20px;
	line-height: 100%
}

.accordion .accordion_center ul li .mask .mark_text p {
	color: #fff;
	font-size: 14px;
	line-height: 22px;
	float: right;
	width: 263px;
}

/*手风琴end*/

#mobil,
.nav-s1,
.jy {
	display: none
}

.zw_li {
	margin-top: 55px;
	clear: both;
}

.data-l i.iconfont,
i.icon-zuozhe {
	color: #666;
	font-size: 12px;
}

.data-l i.iconfont {
	margin-right: 3px;
}

pre {
	margin: 15px 0;
	font-size: 12px;
	line-height: 18px;
	padding: 10px 12px;
	border: 1px solid #ccc;
	border-left-width: 4px;
	background-color: #272822;
	-webkit-box-shadow: 0 0 4px #eee;
	box-shadow: 0 0 4px #eee;
	-webkit-text-size-adjust: none;
	color: #657b83;
	max-height: 35em;
	overflow: auto;
	white-space: normal;
	word-break: break-all;
	word-wrap: break-word;
	overflow: hidden
}

code {
	padding: 2px 4px;
	font-size: 90%;
	color: #c7254e;
	background-color: #f9f2f4;
	border-radius: 4px;
	white-space: normal;
	word-break: break-all;
	word-wrap: break-word;
	overflow: hidden
}

.smartideo {
	margin: 15px 0 20px;
}

/* 雪花start */

@-webkit-keyframes snow {
	0% {
		background-position: 0 0, 0 0;
	}

	100% {
		background-position: 500px 500px, 1000px 500px;
	}
}

@keyframes snow {
	0% {
		background-position: 0 0, 0 0;
	}

	100% {
		background-position: 500px 500px, 1000px 500px;
	}
}

#snowMask {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	/* background: url('<?php bloginfo('template_url'); ?>/images/snow1.png'),url('<?php bloginfo('template_url'); ?>/images/snow2.png'); */
	-webkit-animation: 10s snow linear infinite;
	animation: 10s snow linear infinite;
	pointer-events: none;
	z-index: 9999
}

/* 雪花end */

/* video视频播放器插件样式自定义start */

.vjs-poster {
	background-size: 100% 100% !important;
}

.vjs-big-play-centered .vjs-big-play-button {
	margin-left: -30px !important;
	border-radius: 100% !important;
}

.video-js .vjs-big-play-button {
	width: 1.5em !important;
	font-size: 4em !important;
}

/* .video-js .vjs-control-bar{
	transition: opacity 0.35s!important;
} */

.video-js:hover .vjs-control-bar {
	opacity: 1 !important;
}

/* video视频播放器插件自定义end */

/* PC详情页打赏start */

.post-actions {
	text-align: center;
	padding: 15px 0 30px;
	margin: 25px 0;
	clear: both;
}

.post-actions .action-rewards {
	position: relative;
}

.continar-left .log-text .post-actions *,
.continar-left .log-text .post-like a.done:hover span.count {
	color: #fff;
}

.post-actions>a {
	color: #fff !important;
}

.post-actions .action.action-like {
	background-color: #45B6F7;
}

.post-actions .action {
	display: inline-block;
	opacity: 0.8;
	line-height: 1;
	padding: 12px 20px;
	border-radius: 2px;
	color: #fff;
	font-size: 14px;
	background-color: #45B6F7;
	margin: 0 7px;
}

.continar-left .log-text .post-actions a {
	text-decoration: none;
}

.post-actions .action .fa {
	font-size: 14px;
	position: relative;
	margin-right: 2px;
}

.post-actions .action-like .fa {
	margin-right: 7px;
	top: 0;
}

.post-actions .action {
	display: inline-block;
	opacity: 0.8;
	line-height: 1;
	padding: 12px 20px;
	border-radius: 2px;
	color: #fff;
	font-size: 14px;
	background-color: #45B6F7;
	margin: 0 7px;
}

.post-actions .action.action-rewards {
	background-color: #F7B10D;
}

.post-actions .action .fa {
	font-size: 14px;
	position: relative;
	top: 1px;
	margin-right: 2px;
}

.post-actions .action:hover {
	opacity: 1;
	color: #fff;
}

.post-actions .action.action-rewards:hover .tooltip-content {
	opacity: 1;
	pointer-events: auto;
	-webkit-transition-delay: 0s;
	-o-transition-delay: 0s;
	transition-delay: 0s;
}

/* PC详情页打赏end */

/* 面包屑导航start */

.mod-crumbs {
	width: calc(100% + 32px);
	margin-left: -16px;
	height: auto;
	overflow: hidden;
	-webkit-transform: translateY(-65px);
	-ms-transform: translateY(-65px);
	transform: translateY(-65px);
	display: block;
}

.mod-breadcrumb {
	color: #69bcf3;
	display: block;
	padding: 7px 14px;
	margin: 0;
	list-style: none;
	background: #fafafa;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='white', endColorstr='whitesmoke');
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f5f5f5));
	background: -moz-linear-gradient(top, #fff, #f5f5f5);
	background-repeat: repeat-x;
	border: 1px solid #ddd;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 12px;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 0;
	-moz-border-radius-bottomright: 0;
	-moz-border-radius-bottomleft: 0;
	border-top-left-radius: 3px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	background-clip: padding-box;
	border-radius: 3px;
	-webkit-box-shadow: inset 0 1px 0 #fff;
	box-shadow: inset 0 1px 0 #fff;
}

.mod-crumbs a {
	color: #08c;
	font-size: 12px;
}

.mod-crumbs a:hover {
	text-decoration: underline;
}

.mod-breadcrumb i {
	font-size: 12px;
	color: #666;
	text-indent: 4px;
	font-weight: 400;
	font-style: normal;
}

.mod-crumbs i {
	display: inline-block;
	margin: 0 2px;
	color: #999;
	font-weight: 700;
	vertical-align: center;
}

p.data-l span {
	font-size: 12px;
	color: #666
}

.copy {
	line-height: 30px;
	text-align: center;
	font-size: 13px;
	background-color: #efefef;
	border-radius: 3px;
	margin-bottom: 15px;
	color: #999;
	cursor: pointer;
}

.copy:hover {
	background: #45B6F7;
	color: #fff;
}

/* 面包屑导航end */

/* 针对傻逼畅言广告屏蔽 */
#feedAv,
#MZAD_POP_PLACEHOLDER {
	margin-top: -200px !important;
	transform: scale(0);
	display: none
}

/* 热门文章start */
.hot_rticles ul li {
	padding: 10px 0;
	margin-bottom: 0;
	border-bottom: solid 1px #eee;
}

.hot_rticles ul li:last-of-type {
	border-bottom: 0;
}

.hot_rticles ul li a:nth-of-type(1) {
	width: 105px;
	height: 70px;
	float: left;
	margin-left: 0;
}

.hot_rticles ul li .hot_text {
	width: 205px;
	height: 70px;
	float: right;
	position: relative;
}

.hot_rticles ul li .hot_text .hot_title {
	overflow: visible;
	width: 100%;
	height: 48px;
	line-height: 18px;
	word-wrap: break-word;
	word-break: normal;
	margin-left: 0;
	white-space: normal;
}

.hot_rticles ul li .hot_text .hot_time {
	width: 100%;
	height: 20px;
	line-height: 20px;
	font-size: 12px;
	color: #666;
	position: absolute;
	bottom: 0;
	left: 0;
}

.hot_rticles ul li img {
	width: 100% !important;
	;
	height: 100% !important;
}

.hot_rticles .widget-title {
	margin-bottom: 0;
}



/* 热门文章end */