/* 织梦58（dede58.com）做最好的织梦整站模板下载网站 */
@charset "utf-8";
html {
	color: #1e1e1e;
	background-color: #f1f1f1;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	height: 100%;
	-webkit-tap-highlight-color: rgba(0,0,0,0)
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	margin: 0;
	padding: 0;
	box-sizing: border-box
}
ul {
	list-style: none
}
body {
	vertical-align: baseline;
	background: #f5f5f5;
	font-family: "Open Sans", Arial, "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", STHeiti, "WenQuanYi Micro Hei", SimSun, sans-serif
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block
}
audio, canvas, video {
	display: block
}
body, button, input, select, textarea {
	font-size: 14px
}
input, select, textarea {
	font-size: 100%
}
button {
	cursor: pointer
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
th {
	text-align: inherit
}
fieldset, img {
	border: 0;
	margin: 0 auto
}
iframe {
	display: block
}
abbr, acronym {
	border: 0;
	font-variant: normal
}
del {
	text-decoration: line-through
}
address, caption, cite, code, dfn, th, var {
	font-style: normal;
	font-weight: 500
}
em {
	font-style: normal
}
caption, th {
	text-align: left
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: 500
}
a {
	text-decoration: none;
	color: #000
}
a:hover {
	color: #000
}
.after, .before {
	position: absolute;
	top: 0;
	right: 0;
	height: 0;
	width: 0;
	border-style: solid;
	border-color: transparent;
	border-width: 0;
	display: inline-block
}
.vip {
	background: url(../image/jm-icon_67d7c063.png) no-repeat -63px -23px;
	width: 14px;
	height: 16px;
	display: inline-block;
	vertical-align: text-bottom
}
.vip2 {
	background: url(../image/jm-icon_67d7c063.png) no-repeat -63px -43px;
	width: 14px;
	height: 16px;
	display: inline-block;
	vertical-align: text-bottom
}
.vip3 {
	background: url(../image/jm-icon_67d7c063.png) no-repeat -63px -63px;
	width: 14px;
	height: 16px;
	display: inline-block;
	vertical-align: text-bottom
}
.header {
	background: #fff;
	position: relative;
	height: 49px;
	z-index: 888
}
.header.header-show .header-container {
	-webkit-transform: translateY(0%);
	transform: translateY(0%);
	-webkit-transition: all 500ms cubic-bezier(0.19, 1, .22, 1);
	transition: all 500ms cubic-bezier(0.19, 1, .22, 1)
}
.header.header-hide .header-container {
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%);
	-webkit-transition: all 300ms cubic-bezier(0.55, .055, .675, .19);
	transition: all 300ms cubic-bezier(0.55, .055, .675, .19)
}
.header-inner .header-container {
	width: 100%;
	background: #fff;
	position: fixed;
	top: 0;
	border-bottom: rgba(0,0,0,.08) 1px solid
}
.header-back {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	background: url(../image/header/header_back_c53a71f6.png) no-repeat center center;
	background-size: 24px;
	width: 60px
}
.header-back a {
	display: block;
	width: 60px;
	height: 60px
}
.header .logo {
	height: 48px;
	line-height: 48px;
	font-size: 18px;
	margin-left: 15px;
	width: 106px;
	float: left
}
.header .logo a {
	color: #fff;
	display: inline-block;
	width: 106px;
	height: 48px;
	background: url(../image/mlogo_96eb8837.png) no-repeat 0 0;
	background-size: 100% 100%
}
nav .burger {
	cursor: pointer;
	padding: 17px;
	z-index: 1000;
	-webkit-transform: translate3d(0, -9999em, 0);
	transform: translate3d(0, -9999em, 0);
	position: fixed;
	right: 0;
	top: 0
}
nav .burger.opaque {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
nav .burger div {
	background: #f12b15;
	height: 4px;
	width: 28px;
	margin-bottom: 4px;
	border-radius: 1px;
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
nav .burger div:first-of-type, nav .burger div:last-of-type {
	-webkit-transition: -webkit-transform .3s ease s, background-color 0ms ease-out;
	transition: transform .3s ease s, background-color 0ms ease-out;
	position: relative
}
nav .burger.transform div:first-of-type, nav .burger.transform div:last-of-type {
	-webkit-transition: -webkit-transform .4s ease .3s, background-color 250ms ease-in;
	transition: transform .4s ease .3s, background-color 250ms ease-in;
	background: #fff
}
nav .burger.transform div:first-of-type {
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	top: 6px
}
nav .burger.transform div:nth-child(2) {
	display: none
}
nav .burger.transform div:last-of-type {
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	top: -2px
}
nav .sections {
	z-index: 999;
	position: fixed;
	left: 0;
	right: 0;
	padding: 50px 10px 0;
	overflow: hidden;
	background: rgba(0,0,0,.92);
	-webkit-transition: all 300ms ease;
	transition: all 300ms ease;
	-webkit-transform: translateY(-1500px);
	transform: translateY(-1500px);
	width: 100%
}
nav .sections.downward {
	transform: translateY(0);
	-webkit-transform: translateY(0);
	transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0)
}
nav .sections .user-view-info {
	background: rgba(255,255,255,.2);
	margin: 0 1px 10px
}
nav .sections .user-card {
	overflow: hidden;
	padding: 5px
}
nav .sections .user-card .user-avatar {
	float: left
}
nav .sections .user-card .user-avatar a {
	height: 40px;
	overflow: hidden;
	float: left
}
nav .sections .user-card .user-avatar span {
	display: inline-block;
	height: 40px;
	width: 40px;
	background-size: 100% 100%;
	border-radius: 5px;
	display: inline-block
}
nav .sections .user-card .user-avatar img {
	width: 40px;
	height: 40px;
	border-radius: 50%
}
nav .sections .user-card .user-info {
	margin-left: 50px;
	line-height: 40px
}
nav .sections .user-card .user-info span {
	color: #fff
}
nav .sections .user-card .user-info .user_center {
	float: right;
	color: #fff;
	margin-right: 15px;
	font-size: 12px
}
nav .sections ul {
	overflow: hidden
}
nav .social-tools {
	overflow: hidden;
	padding: 10px 0 10px 10px
}
nav .social-tools li {
	display: inline-block;
	margin-right: 5px;
	float: left
}
nav .social-tools li:last-of-type {
	margin-right: 0
}
nav .social-tools li:last-of-type {
	float: right;
	margin-right: 10px;
	width: inherit
}
nav .social-tools li:last-of-type a {
	color: #fff;
	display: block;
	line-height: 46px;
	text-align: right;
	font-size: 12px;
	padding: 0 5px
}
nav .social-tools li a {
	color: #fff;
	text-decoration: none;
	font-size: 16px;
	padding: 6px;
	display: block
}
nav .social-tools li.wx-login {
	display: none
}
nav .social-tools li a.jm, nav .social-tools li a.login-weibo, nav .social-tools li a.login-qq, nav .social-tools li a.login-wx {
	width: 30px;
	height: 31px;
	display: inline-block;
	background-size: 100%
}
@media only screen and (-webkit-min-device-pixel-ratio:1), only screen and (min--moz-device-pixel-ratio:1), only screen and (-o-min-device-pixel-ratio:100/100), only screen and (min-device-pixel-ratio:1) {
nav .social-tools li a.jm, nav .social-tools li a.login-qq, nav .social-tools li a.login-weibo, nav .social-tools li a.login-wx {
background-image:url(../image/login/login_1x_98c9e45b.png)
}
nav .social-tools li a.login-weibo {
background-position:0 -52px
}
nav .social-tools li a.login-qq {
background-position:0 -104px
}
nav .social-tools li a.login-wx {
background-position:0 -155px
}
}
@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min--moz-device-pixel-ratio:2), only screen and (-o-min-device-pixel-ratio:200/100), only screen and (min-device-pixel-ratio:2) {
nav .social-tools li a.jm, nav .social-tools li a.login-qq, nav .social-tools li a.login-weibo, nav .social-tools li a.login-wx {
background-image:url(../image/login/login_2x_fc109e51.png)
}
nav .social-tools li a.login-weibo {
background-position:0 -47px
}
nav .social-tools li a.login-qq {
background-position:0 -94px
}
nav .social-tools li a.login-wx {
background-position:0 -140px
}
}
@media only screen and (-webkit-min-device-pixel-ratio:3), only screen and (min--moz-device-pixel-ratio:3), only screen and (-o-min-device-pixel-ratio:300/100), only screen and (min-device-pixel-ratio:3) {
nav .social-tools li a.jm, nav .social-tools li a.login-qq, nav .social-tools li a.login-weibo, nav .social-tools li a.login-wx {
background-image:url(../image/login/login_3x_0f7052f2.png)
}
nav .social-tools li a.login-weibo {
background-position:0 -45px
}
nav .social-tools li a.login-qq {
background-position:0 -90px
}
nav .social-tools li a.login-wx {
background-position:0 -135px
}
}
nav form {
	position: relative;
	height: 40px;
	line-height: 42px;
	margin: 0 1px 10px;
	font-size: 31px
}
nav form.js-input-value input, nav form.js-focus input {
	text-align: left;
	padding: 0 20px;
	width: 85%;
	left: 0;
	position: relative
}
nav form.js-input-value button, nav form.js-focus button {
	display: block;
	width: 25%
}
.nav-search {
	padding: 0 20px 0 10px;
	width: 20%;
	float: right;
	box-sizing: border-box;
	overflow: hidden;
	height: inherit;
	background: rgba(255,255,255,.2);
	border: 0;
	outline: 0
}
.nav-search i {
	float: right;
	width: 34px;
	height: 36px;
	background-image: url(../image/search_ff193e1b.png);
	background-repeat: no-repeat;
	background-size: 100%
}
nav .search {
	border: 0;
	border-radius: 0;
	color: #fff;
	font-size: 18px;
	line-height: 22px;
	text-align: left;
	height: 40px;
	padding-left: 5%;
	width: 80%;
	position: absolute;
	left: 0;
	background: rgba(255,255,255,.2);
	outline: 0
}
.scrolly {
	overflow-x: hidden;
	overflow-y: auto
}
nav .sections-list-big li, nav .sections-list li {
	padding: 1px;
	float: left
}
nav .sections-list li {
	width: 25%
}
nav .sections-list-big li {
	width: 50%
}
nav .sections-list li a, nav .sections-list-big li a {
	display: block;
	color: #fff;
	text-decoration: none;
	white-space: nowrap;
	line-height: 40px;
	text-align: center;
	font-size: 14px;
	background: rgba(255,255,255,.2)
}
nav .sections-list-big li:last-of-type a {
	background: #f12b15
}
nav .sections-list-big li a i {
	display: inline-block;
	height: 20px;
	width: 20px;
	vertical-align: text-bottom;
	background-image: url(../image/icon/nav_20589c35.png);
	background-repeat: no-repeat;
	background-size: 100%
}
nav .sections-list-big li a.app i {
	background-position: 0 -22px
}
nav .sections-list li img {
	width: 20px;
	display: inline-block;
	vertical-align: -3px
}
nav .sections-list li span {
	display: inline-block
}
.content {
	min-height: 400px;
	max-width: 640px;
	margin: 0 auto;
	position: relative
}
.footer-link {
	border-top: 1px solid #bfbfbf;
	text-align: center;
	background: #f8f8f8;
	font-size: 13px
}
.footer-link a {
	color: #848689;
	padding: 0 15px;
	line-height: 40px
}
.footer-link a:nth-child(1) {
	border-right: 1px solid #d7d7d7
}
.footer-link a:active {
	color: #95a0ac
}
.pagination a {
	padding-right: 10px;
	font-size: 14px;
	line-height: 30px;
	color: #333
}
.pagination a:active {
	color: #fff
}
.pagination a:visited {
	color: #666
}
.jm_ad_detail {
	overflow: hidden
}
.jm_ad_detail .bx-wrapper {
	position: relative
}
.jm_ad_detail .bx-wrapper img {
	width: 100%;
	height: auto;
	display: block
}
.jm_ad_detail .bx-controls {
	position: absolute;
	left: 10px;
	top: 10px
}
.jm_ad_detail .bx-controls .bx-pager-item {
	display: inline-block
}
.jm_ad_detail .bx-controls .bx-pager-item a {
	display: inline-block;
	background: #fff;
	text-indent: -999px;
	width: 10px;
	height: 10px;
	margin: 0 3px
}
.jm_ad_detail .bx-controls .bx-pager-item a.active {
	background: #f12b35
}
.header-inner .header-container {
	background: #F5F5F5;
	padding-bottom: 0
}
.content-container {
	background: #fff
}
.article-top-ad {
	text-align: center
}
.article-top-ad img {
	max-width: 100%
}
.article-inner-ad {
	margin: 0 30px;
	padding: 0 0 20px;
	border-top: 1px solid #eee;
	text-align: center
}
.article-inner-ad .inner-title {
	overflow: hidden;
	padding-bottom: 5px
}
.article-inner-ad .inner-title span {
	font-size: 12px;
	color: #ddd;
	line-height: 16px;
	background: #F5F5F5;
	display: inline-block;
	float: right;
	padding: 0 5px;
	border-radius: 0 0 5px 5px
}
.article-inner-ad img {
	width: 100%;
	height: auto
}
.article-app-tips {
	margin: 0 15px;
	padding: 0 0 20px
}
.article-detail {
	padding: 10px 15px
}
.article-detail .article-mate {
	border-left: 4px solid #f12b15;
	padding-left: 8px
}
.article-detail .article-mate a {
	color: #000;
	line-height: 20px
}
.article-detail .article-mate.item-123 {
	border-color: #644cb1
}
.article-detail .article-mate.item-125 {
	border-color: #119e9e
}
.article-detail .title {
	font-size: 22px;
	line-height: 28px;
	padding: 10px 0 0;
	color: #000
}
.article-detail .summary {
	font-size: 14px;
	color: #6e6e6e;
	padding: 8px 0;
	line-height: 20px
}
.article-detail .info {
	font-size: 12px;
	line-height: 1.75;
	display: block;
	color: #AAA
}
.article-detail .info span {
	padding-left: 6px
}
.article-detail .info span:first-of-type {
	padding-left: 0
}
.article-detail .info span a {
	color: #f35b41
}
.article-detail .info .set-size {
	float: right;
	line-height: 20px
}
.article-detail .info .set-size a {
	font-size: 16px
}
.article-img {
	position: relative
}
.length .article-img {
	background: #141414
}
.article-img img {
	width: 100%;
	height: auto
}
.length .article-img img {
	opacity: .5;
	display: block
}
.article-img p {
	text-align: right;
	color: #AAA;
	line-height: 20px;
	font-size: 12px;
	padding: 0 15px
}
.article-img .img-position {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	transform: translateY(-50%);
	padding: 0 50px
}
.article-img .img-position a, .article-img .img-position h3, .article-img .img-position p {
	color: #fff;
	text-align: center
}
.length .article-img .img-position h3 {
	margin-bottom: 10px
}
.length .article-img .img-position h3 {
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0,0,0,.4);
	font-size: 24px;
	line-height: 30px;
	font-weight: 400
}
.length .article-img .img-position p span {
	margin: 0 5px
}
.article-content {
	padding: 10px 15px;
	position: relative;
	z-index: 1
}
.article-content h3 {
	font-size: 20px;
	color: #333;
	line-height: 28px;
	margin-bottom: 20px
}
.article-content h4 {
	font-size: 18px;
	line-height: 24px;
	color: #333;
	margin-bottom: 20px
}
.article-content em {
	font-style: italic
}
.article-content a {
	color: #0078AB
}
.article-content p {
	color: #4c4c4c;
	font-size: 18px;
	line-height: 30px;
	margin-bottom: 20px
}
.article-content img {
	max-width: 100%;
	display: block
}
.article-content p.big-size {
	font-size: 20px;
	line-height: 30px;
	margin-bottom: 30px
}
.article-content .img-focus {
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	position: relative;
	margin: 0 auto
}
.article-content .img-focus:after {
	width: 10%;
	height: 10px;
	content: "";
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0
}
.article-content .content-img-focus {
	padding: 10px 0
}
.article-content .content-img-focus img {
	display: block;
	height: auto;
	max-width: 100%
}
.article-content .content-img-focus figcaption {
	text-align: center;
	font-weight: 400;
	color: #b5b5b6;
	font-size: 12px
}
.article-content blockquote {
	margin: 0 10px 10px;
	border-left: 3px solid #dfdfdf
}
.article-content ol, .article-content ul {
	margin-bottom: 20px
}
.article-content blockquote p {
	padding: 0 0 0 10px
}
.article-content li {
	font-size: 15px;
	color: #666;
	line-height: 20px;
	list-style: inside
}
.article-content iframe {
	margin: 0 auto
}
.article-content .content-text-focus {
	border-left: 5px solid #8d8d8d;
	margin: 0 10px 20px;
	display: inline-block
}
.article-content .content-text-focus.align-right {
	float: right
}
.article-content .content-text-focus.align-left {
	float: left
}
.article-content .content-text-focus .content-text-caption p {
	margin: 0;
	font-size: 16px;
	color: #666;
	line-height: 30px
}
.article-content .pic-card {
	background: #f5f5f5;
	padding: 10px;
	box-shadow: 0 0 4px rgba(0,0,0,.15);
	margin: 0 0 10px
}
.article-content .pic-card p {
	line-height: 20px;
	color: #666;
	font-size: 15px;
	margin: 0
}
.article-content .pic-card p span {
	color: #f35b41;
	font-weight: 700;
	margin-right: 5px
}
.vote-views {
}
.vote-views .vote-header, .vote-views .vote-title {
	padding-bottom: 20px
}
.vote-views .vote-header p {
	font-size: 14px;
	color: #000;
	line-height: 40px;
	border: 1px solid #dcdcdc;
	text-align: center
}
.vote-views .vote-title {
	padding: 0 10px 20px
}
.vote-views .vote-title p {
	font-size: 16px;
	line-height: 30px
}
.vote-selected {
}
.vote-selected ul {
	overflow: hidden;
	padding: 0 10px 10px
}
.vote-selected li {
	border: 1px solid #dcdcdc;
	margin-bottom: 20px;
	cursor: pointer;
	position: relative
}
.vote-selected li .selected-text-icon {
	position: absolute;
	right: 10px;
	top: 0;
	width: 40px;
	height: 40px;
	background-image: url(../image/vote/check_5e8c849f.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 20px 20px;
	display: none
}
.vote-selected li.selected .selected-text-icon {
	display: block
}
.vote-selected li .pic {
	position: relative
}
.vote-selected li .pic .selected-icon {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.6);
	background-image: url(../image/vote/right_60a4774b.png);
	background-position: center center;
	background-size: 50px auto;
	background-repeat: no-repeat;
	display: none
}
.vote-selected li.selected {
	border-color: #aaa;
	box-shadow: 0 0 3px rgba(0,0,0,.6)
}
.vote-selected .selected .pic .selected-icon {
	display: block
}
.vote-selected li img {
	width: 100%;
	display: block
}
.vote-selected li .text {
	padding: 10px 60px 10px 10px
}
.vote-selected li .text span {
	line-height: 20px;
	font-size: 14px;
	height: 100%
}
.vote-selected button {
	display: block;
	color: #fff;
	background: #D36428;
	width: 100%;
	margin: 20px auto 40px;
	line-height: 40px;
	font-size: 16px;
	border: 0
}
.vote-selected .button-group {
	margin: 0 10px
}
.vote-selected .button-group button {
	margin-bottom: 15px;
	width: 49%;
	float: left;
	border: 1px solid #d36428
}
.vote-selected .button-group .result-btn {
	background: #fff;
	color: #333;
	border: 1px solid #d1d1d1;
	margin-right: 2%
}
.vote-selected.default {
}
.vote-selected.default li {
}
.vote-selected.default li .text {
	padding: 10px 5px
}
.vote-selected.row {
}
.vote-selected.row li {
	width: 49%;
	float: left;
	margin-right: 2%;
	box-sizing: border-box
}
.vote-selected.row li:nth-of-type(2n+2) {
	margin-right: 0
}
.vote-selected.row li .text {
	padding: 5px;
	height: 60px;
	position: relative
}
.vote-selected.row li .text span {
	max-height: 60px;
	height: auto;
	position: absolute;
	left: 5px;
	width: 90%;
	top: 50%;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	z-index: 99;
	transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	overflow: hidden
}
.vote-selected.grid li {
	overflow: hidden;
	display: table;
	width: 100%
}
.vote-selected.grid li .pic {
	width: 100px;
	height: 100px;
	display: table-cell
}
.vote-selected.grid li .text {
	padding: 5px;
	display: table-cell;
	vertical-align: middle
}
.vote-selected.grid li .selected-text-icon {
	top: 30px;
	background-size: 25px 25px
}
.vote-selected.grid li .text span {
	max-height: 80px;
	overflow: hidden;
	display: block;
	padding-right: 50px
}
.vote-selected.result {
}
.vote-selected.result li {
	border: 0
}
.vote-selected.result .date-pie {
	float: left;
	width: 50px
}
.vote-selected.result .date-main {
	margin-left: 100px
}
.vote-selected.result .date-main p {
	line-height: 20px;
	font-size: 14px;
	color: #666;
	height: 40px;
	overflow: hidden
}
.vote-selected.result .date-main span {
	font-size: 30px
}
.article-author-view {
	margin: 0 15px;
	border-top: 1px solid #eae9e9;
	cursor: pointer
}
.article-author {
	padding: 15px 0;
	overflow: hidden;
	width: 100%;
	position: relative
}
.article-author .author-avatar {
	width: 60px;
	float: left
}
.article-author .author-avatar img {
	height: 60px;
	width: 60px;
	border: 1px solid #d7d8de;
	display: block
}
.article-author .author-main {
	margin-left: 70px
}
.article-author .author-main span {
	font-size: 14px;
	color: #333;
	display: inline-block
}
.article-author .author-main a {
	font-size: 14px;
	color: #000;
	display: inline-block
}
.article-author .author-main .author-info {
	color: #666;
	font-size: 14px;
	line-height: 18px;
	margin-top: 8px;
	height: 36px;
	padding-right: 58px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-break: break-all
}
.article-author .author-btn span {
	position: absolute;
	top: 2.2em;
	right: 0;
	width: 3em;
	padding: 0 4px;
	height: 24px;
	line-height: 24px;
	vertical-align: middle;
	text-align: center;
	color: #e95142;
	font-size: 14px;
	border: 1px solid #d3d3d3;
	border-radius: 3px;
	display: none
}
.article-author .author-btn span.active {
	display: block
}
.article-source {
	padding: 15px
}
.article-source p {
	color: #666;
	line-height: 20px;
	font-style: italic;
	font-size: 12px;
	margin-bottom: 0
}
.article-source p a {
	color: #0078AB
}
.article-source em {
	font-style: italic;
	color: #AAA;
	line-height: 20px;
	font-size: 12px
}
.article-share {
	overflow: hidden;
	margin: 0 15px
}
.article-share .news-btn {
	display: inline-block;
	width: 49%;
	text-align: center;
	color: #fff;
	background: #e95142;
	line-height: 30px;
	margin: 0;
	float: left;
	cursor: pointer
}
.article-share .news-btn a, .article-share .news-btn a em {
	color: #fff
}
.article-share .news-btn.btn-share {
	background: #15b1f3;
	margin-right: 2%
}
.article-share .news-btn.btn-share i {
	background-position: 0 0
}
.article-share .news-btn i {
	display: inline-block;
	width: 24px;
	height: 24px;
	background: url(../image/icon/c_de4f3470.png) -25px 0 no-repeat;
	background-size: 50px;
	vertical-align: -8px
}
.share-box-layout {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	z-index: 1500
}
.share-box-layout .share-box-layout-bg {
	height: 100%;
	width: 100%;
	background: rgba(0,0,0,.5);
	z-index: 1400;
	position: absolute;
	left: 0;
	top: 0
}
.share-box-layout .share-box {
	position: relative;
	width: 100%;
	z-index: 1450;
	background: #fff;
	margin: 0
}
.share-box-layout .share-box img {
	width: 100%
}
.share-box-layout .share-box div {
	background: #fff;
	float: left;
	width: 100%;
	padding: 10px 0
}
.share-box-layout .share-boxp {
	border-bottom: 1px solid #666
}
.share-box-layout .share-box a {
	display: inline-block;
	float: left;
	width: 31%;
	height: 40px;
	background: #f5f5f5;
	color: #fff;
	text-align: center;
	margin-right: 2%;
	padding: 20px 0
}
.share-box-layout .share-box a span {
	vertical-align: -6px;
	display: inline-block;
	height: 40px;
	width: 40px;
	background: url(../image/share/sns_3dc43e79.png) no-repeat;
	background-size: 160px;
	margin: 2px 0 0
}
.share-box-layout .share-box .share-wb span {
	background-position: -6px -5px
}
.share-box-layout .share-box .share-tqq span {
	background-position: -59px -3px
}
.share-box-layout .share-box .share-qzone span {
	background-position: -110px -5px
}
.share-box-layout .share-box a em {
	color: #666
}
.share-box-layout .share-box a:first-of-type {
	margin-left: 1.5%
}
.share-box-layout .share-box a:last-of-type {
	margin-right: 1.5%
}
.box-title {
	padding: 20px 15px 10px;
	border-bottom: 2px solid #333
}
.box-title span {
	position: relative;
	font-size: 16px;
	line-height: 30px
}
.box-content {
	padding: 10px 0;
	overflow: hidden
}
.box-content .news-list {
	padding: 5px 10px;
	width: 50%;
	box-sizing: border-box;
	float: left
}
.news-view.position {
	position: relative
}
.news-view .news-img img {
	width: 100%;
	height: auto
}
.news-view .news-header {
	padding: 5px 0
}
.news-view .news-header a {
	font-weight: 400;
	overflow: hidden;
	display: block;
	height: 40px;
	font-size: 14px;
	color: #000;
	line-height: 20px
}
.news-view .news-header a:hover {
	color: #009bff
}
.news-view .news-main p {
	font-size: 14px;
	line-height: 20px;
	color: #777
}
.news-view.position .news-position {
	position: absolute
}
.list-grid .news-view {
	float: left;
	width: 50%;
	padding: 0 5px;
	border: 0
}
.pay-view .pay-link {
	text-align: center
}
.pay-view .pay-link .link-btn {
	display: inline-block;
	background: #f12b35;
	color: #fff;
	font-size: 20px;
	line-height: 80px;
	margin: 0 5px 20px;
	width: 80px;
	height: 80px;
	border-radius: 50%;
	text-align: center;
	box-shadow: 1px 1px 2px 0 #c9c9c9;
	border: 1px solid #fff
}
.pay-view .payer-list {
	margin: 0 auto;
	padding-bottom: 10px;
	overflow: hidden;
	text-align: center
}
.pay-view .payer-list dt {
	text-align: center
}
.pay-view .payer-list dt p {
	font-size: 14px;
	color: #6e6e6e;
	line-height: 40px
}
.pay-view .payer-list dd {
	margin: 0 3px 6px;
	display: inline-block
}
.pay-view .payer-list dd img {
	width: 30px;
	height: 30px
}
.p-article-avatar {
	padding-top: 30px;
	text-align: center;
	border-bottom: 1px solid #eae9e9;
	padding-bottom: 15px
}
.p-article-avatar p {
	line-height: 24px;
	font-size: 18px;
	margin-bottom: 20px
}
.p-article-avatar p a {
	font-weight: 700
}
.p-article-avatar img {
	height: 80px;
	width: 80px;
	border-radius: 50%
}
.pay-lists {
	text-align: center;
	padding: 10px 0
}
.pay-lists a {
	display: inline-block;
	background: #fff;
	border: 2px solid #f12b35;
	color: #f12b35;
	font-size: 26px;
	font-style: italic;
	padding: 6px 0;
	border-radius: 5px;
	width: 80px;
	margin-top: 15px;
	margin-right: 5px
}
.list-grid .news-view .news-img img, .top-five .news-img img {
	border-radius: 0
}
.ad-news i, .article-footer span i, .comment-footer p i, .pay-lists a span {
	font-style: normal
}
.pay-lists a:last-of-type {
	margin-right: 0
}
.pay-lists a span {
	font-size: 12px;
	margin-left: 5px
}
.pay-info {
	padding: 20px 0 40px;
	text-align: center
}
.pay-info p {
	font-size: 16px;
	color: #666
}
.length-list {
	padding: 30px 0 0
}
.length-list .news-view {
	background: #141414;
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: 1px solid #e1e1e1
}
.length-list .news-view .news-img img {
	border-radius: 0;
	opacity: .5;
	display: block
}
.length-list .news-view.position .news-position {
	transform: translateY(-50%);
	top: 50%;
	width: 100%;
	background: 0;
	bottom: auto
}
.length-list .news-view.position .news-footer, .length-list .news-view.position .news-header, .length-list .news-view.position .news-main {
	text-align: center
}
.length-list .news-view .news-header a {
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0,0,0,.4);
	font-size: 24px;
	line-height: 30px;
	font-weight: 400;
	height: auto
}
.length-list .news-view .news-footer p {
	line-height: 24px;
	position: relative;
	color: #999;
	overflow: hidden;
	font-size: 12px
}
.length-list .news-view .news-footer p span {
	float: none;
	color: #fff
}
.length-list .news-view .news-footer p span a {
	color: #fff
}
.noon-show {
	padding-top: 30px
}
.noon-show .site-nav-grid {
	border-top: 2px solid #141414;
	overflow: hidden;
	padding: 20px 10px
}
.noon-show .site-nav-grid ul {
	padding-left: 50px
}
.noon-show .site-nav-grid li {
	font-size: 20px;
	line-height: 40px
}
.noon-show .site-nav-grid li span {
	margin-left: 10px
}
.noon-show .site-nav-grid h2 {
	font-size: 18px;
	font-weight: 700;
	line-height: 30px;
	margin-bottom: 20px
}
.noon-show .site-nav-grid .long-logo {
	float: left
}
.noon-show .site-nav-grid .long-logo img {
	width: 60px
}
.noon-show .site-nav-grid .long-info {
	margin-left: 70px
}
.m-post-footer-grid, .noon-show .site-nav-grid .long-info p {
	font-size: 14px;
	line-height: 24px
}
.m-post-footer-grid #load-email-form-01 .post-btn, .m-post-footer-grid #load-email-form-01 .post-input, .m-post-footer-grid .post-email .post-left .post-info {
	margin-bottom: 10px
}
.m-post-footer-grid .post-email .post-code img, .m-post-footer-grid .post-email .post-code p {
	float: left;
	width: 50%
}
.m-post-footer-grid .post-email .post-code p {
	padding-left: 10px;
	font-size: 16px;
	font-weight: 700;
	word-break: break-word
}
.post-email {
	border: 2px solid #060001;
	padding: 20px;
	overflow: hidden
}
.post-email .post-input {
	padding: 10px 16px;
	height: 40px;
	border: 2px solid #cdcdcd;
	box-shadow: inset 3px 3px 3px #e8e8e8;
	box-sizing: border-box;
	width: 100%
}
.post-email .post-btn {
	display: block;
	font-size: 16px;
	height: 40px;
	line-height: 1;
	padding: 12px 16px;
	color: #000;
	border: 2px solid #000;
	font-weight: 700;
	box-sizing: border-box;
	text-align: center;
	margin-top: 3px
}
.post-email .post-btn:hover {
	background: #000;
	color: #fff
}
.wrap-video {
	background: #1e1e1e
}
.wrap-video .article-detail .title {
	color: #fff
}
.wrap-video .article-detail .summary {
	color: #bbb
}
.wrap-video .box-title {
	color: #fff
}
.wrap-video .news-view .news-header a {
	color: #FFF
}
.keda {
	float: left;
	height: 26px;
	width: 26px;
	margin-top: 4px;
	margin-right: 5px;
	display: block;
	cursor: pointer
}
.baidu {
	float: left;
	height: 26px;
	width: 26px;
	margin-top: 4px;
	margin-right: 5px;
	display: block;
	cursor: pointer
}
.horn {
	background: url(../image/icon/horn.png);
	background-size: 24px;
	background-repeat: no-repeat
}
.play {
	background: url(../image/icon/horn_play.gif);
	background-size: 24px;
	background-repeat: no-repeat
}
.loading_play {
	background: url(../image/icon/loader.gif);
	background-size: 40px;
	background-repeat: no-repeat
}
.play-icon {
	position: fixed;
	bottom: 0;
	right: 10px;
	width: 40px;
	height: 80px;
	z-index: 9999;
	cursor: pointer
}
.mp3-play {
	background: url(../image/icon/mp3_play.png);
	background-size: 40px;
	background-repeat: no-repeat
}
.mp3-stop {
	background: url(../image/icon/mp3_stop.png);
	background-size: 40px;
	background-repeat: no-repeat
}
.top-tg {
}
.top-tg ul li img {
	height: 30px
}
@media screen and (min-width:640px) {
.article-content iframe {
	width: 100%;
	height: 450px
}
}
@media screen and (min-width:441px)and (max-width:639px) {
.article-content iframe {
	width: 100%;
	height: 350px
}
}
@media screen and (min-width:321px)and (max-width:439px) {
.article-content iframe {
	width: 100%;
	height: 250px
}
}
body {
	background: #1e1e1e
}
.content-container {
	background: #1e1e1e
}
.video-main {
	margin-bottom: 20px
}
.video-author {
	background: #222;
	padding: 10px 80px 10px 10px;
	overflow: hidden;
	position: relative
}
.video-author .author-avatar {
	float: left;
	border: 1px solid #fff
}
.video-author .author-avatar img {
	width: 48px;
	height: 48px
}
.video-author .author-main {
	margin-left: 60px
}
.video-author .author-name {
	padding: 2px 0
}
.video-author .author-name .name {
	font-size: 14px;
	color: #fff
}
.video-author .author-name span {
	font-size: 12px;
	color: #b2b2b2
}
.video-author .author-info {
	height: 32px;
	overflow: hidden
}
.video-author .author-info p {
	color: #919191;
	line-height: 16px;
	font-size: 10px
}
.video-author .author-more {
	position: absolute;
	right: 10px;
	top: 24px;
	line-height: 26px;
	color: #fff;
	font-size: 10px;
	padding: 0 5px;
	border: 1px solid #FFF;
	border-radius: 5px
}
.author-video {
}
.avm {
	text-align: center;
	padding: 30px 0;
	background: #0f0f0f
}
.avm .author-avatar {
	border: 1px solid #FFF;
	border-radius: 50%;
	display: inline-block
}
.avm .author-avatar img {
	border-radius: 50%;
	width: 90px;
	height: 90px;
	display: block
}
.avm .author-main {
}
.avm .author-name {
	padding: 10px 0
}
.avm .author-name a {
	font-size: 20px;
	color: #fff
}
.avm .author-name span {
	font-size: 13px;
	color: #b2b2b2
}
.avm .author-name em {
	display: block;
	padding: 5px 0;
	color: #b2b2b2
}
.avm .author-info {
	padding: 0 20px
}
.avm .author-info p {
	color: #b2b2b2;
	line-height: 20px;
	font-size: 14px
}
.news-list {
	padding: 10px 10px 0
}
.news-view {
	overflow: hidden;
	transition: all .2s;
	-moz-transition: all .2s;
	-webkit-transition: all .2s;
	-o-transition: all .2s;
	padding-bottom: 10px;
	border-bottom: 1px solid #2c2c2c;
	margin-bottom: 10px
}
.news-view.left {
	display: table;
	width: 100%
}
.news-view.left .news-left {
	display: table-cell;
	vertical-align: middle
}
.news-view.left .news-right {
	display: table-cell;
	width: 100px;
	padding: 0 10px 0 0
}
.news-view.left .news-right .news-img img {
	height: 80px;
	width: 100px;
	border-radius: 5px;
	display: block
}
.news-view .news-img img {
	width: 100%;
	transition: all .2s;
	-moz-transition: all .2s;
	-webkit-transition: all .2s;
	-o-transition: all .2s;
	height: auto;
	border-radius: 10px;
	opacity: .7
}
.news-view .news-img {
	position: relative
}
.news-view .news-img .play {
	position: absolute;
	right: 10px;
	bottom: 10px;
	height: 0;
	width: 0;
	border-left: 15px solid #FFF;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent
}
.news-view .news-header h1 {
	margin-top: 10px
}
.news-view .news-header a {
	font-size: 16px;
	line-height: 20px;
	color: #fff;
	font-weight: 400
}
.news-view .news-header a:hover {
	color: #009bff
}
.news-view .news-footer {
	padding-top: 5px
}
.news-view .news-footer p {
	position: relative;
	color: #999;
	line-height: 20px;
	overflow: hidden;
	font-size: 12px
}
.news-view .news-footer p span {
	float: left;
	margin-right: 5px
}
.news-view .news-footer p .comment {
	float: right
}
.news-view .news-footer p .comment i {
	width: 14px;
	height: 16px;
	background: url(../image/icon/pl_3956087a.png) no-repeat;
	display: inline-block;
	vertical-align: -3px;
	background-size: 100% 100%
}