[videogular] vg-overlay-play .play:before,[videogular] vg-play-pause-button .play:before,videogular vg-overlay-play .play:before,videogular vg-play-pause-button .play:before
	{
	content: "\e000"
}

a,html {
	-webkit-tap-highlight-color: transparent
}

.ellipsis,.relat_post li a,.source {
	white-space: nowrap
}

.block_praise .icon_love i,.csfont,.iconfont {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-style: normal
}

.content,.detail,.head,.img_silder {
	word-wrap: break-word
}

@font-face {
	font-family: videogular;
	src: url(fonts/videogular.eot);
	src: url(fonts/videogular.eot?#iefix) format("embedded-opentype"),
		url(fonts/videogular.woff) format("woff"), url(fonts/videogular.ttf)
		format("truetype"), url(fonts/videogular.svg#videogular) format("svg");
	font-weight: 400;
	font-style: normal
}

[videogular],videogular {
	width: 100%;
	height: 100%;
	position: relative;
	background-color: #000;
	display: block;
	flex-direction: column;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: moz-none;
	-ms-user-select: none;
	user-select: none
}

[videogular] button,videogular button {
	cursor: pointer
}

[videogular].fullscreen,videogular.fullscreen {
	position: fixed;
	left: 0;
	top: 0
}

[videogular] vg-media,videogular vg-media {
	width: 100%;
	height: 100%;
	max-width: 100%;
	max-height: 100%;
	display: block
}

[videogular] vg-media video,videogular vg-media video {
	width: 100%;
	height: 100%;
	max-width: 100%;
	max-height: 100%
}

[videogular] .iconButton,videogular .iconButton {
	color: #FFF;
	font-family: videogular;
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	background: 0 0;
	padding: 6px;
	border: 0
}

[videogular] .iconButton:focus,videogular .iconButton:focus {
	border: 1px solid #fff
}

[videogular] vg-poster,videogular vg-poster {
	width: 100%;
	height: 100%;
	max-width: 100%;
	max-height: 100%;
	position: absolute;
	display: block;
	z-index: 1;
	top: 0;
	pointer-events: none
}

[videogular] vg-poster img,videogular vg-poster img {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	position: absolute
}

[videogular] vg-poster img.pause,[videogular] vg-poster img.play,videogular vg-poster img.pause,videogular vg-poster img.play
	{
	display: none
}

[videogular] vg-poster img.stop,videogular vg-poster img.stop {
	display: block
}

[videogular] vg-overlay-play,videogular vg-overlay-play {
	width: 100%;
	height: 100%;
	max-width: 100%;
	max-height: 100%;
	position: absolute;
	z-index: 2;
	top: 0
}

[videogular] vg-overlay-play .overlayPlayContainer,videogular vg-overlay-play .overlayPlayContainer
	{
	width: 100%;
	height: 100%;
	max-width: 100%;
	max-height: 100%;
	position: absolute;
	display: table;
	cursor: pointer;
	zoom: 1;
	filter: alpha(opacity = 60);
	opacity: .6
}

[videogular] vg-overlay-play .overlayPlayContainer div,videogular vg-overlay-play .overlayPlayContainer div
	{
	vertical-align: middle;
	text-align: center;
	display: table-cell
}

[videogular] vg-controls,videogular vg-controls {
	width: 100%;
	height: 50px;
	display: block;
	position: absolute;
	z-index: 3;
	bottom: 0
}

[videogular] vg-controls .controls-container,videogular vg-controls .controls-container
	{
	width: 100%;
	height: 50px;
	background-color: rgba(0, 0, 0, .5);
	position: absolute;
	display: table;
	zoom: 1
}

[videogular] vg-play-pause-button,videogular vg-play-pause-button {
	display: table-cell;
	width: 50px;
	vertical-align: middle;
	text-align: center;
	cursor: pointer
}

[videogular] vg-time-display,videogular vg-time-display {
	color: #FFF;
	display: table-cell;
	font-family: Arial;
	font-size: 18px;
	width: 75px;
	vertical-align: middle;
	text-align: center;
	cursor: default
}

[videogular] .vgTimeDisplay,videogular .vgTimeDisplay {
	display: table-cell;
	font-family: Arial;
	font-size: 18px;
	width: auto
}

.comment_area,body {
	font-family: 'microsoft Yahei'
}

[videogular] vg-scrub-bar,videogular vg-scrub-bar {
	width: auto;
	display: table-cell;
	cursor: pointer;
	vertical-align: middle;
	position: relative
}

[videogular] vg-scrub-bar [role=slider],videogular vg-scrub-bar [role=slider]
	{
	margin-top: 24px;
	margin-bottom: 24px;
	height: 2px;
	background-color: #000;
	position: relative
}

[videogular] vg-scrub-bar .container,videogular vg-scrub-bar .container
	{
	position: absolute;
	width: 100%;
	height: 2px;
	top: 24px;
	padding-left: 0
}

[videogular] vg-scrub-bar :focus vg-scrub-bar-current-time,videogular vg-scrub-bar :focus vg-scrub-bar-current-time
	{
	border-right: 6px #000 groove
}

[videogular] vg-scrub-bar-current-time,videogular vg-scrub-bar-current-time
	{
	position: absolute;
	background-color: #FFF;
	width: 100%;
	height: 100%;
	display: block;
	cursor: pointer
}

[videogular] vg-scrub-bar-buffer,videogular vg-scrub-bar-buffer {
	position: absolute;
	background-color: #FFF;
	width: 100%;
	height: 100%;
	display: block;
	cursor: pointer;
	zoom: 1;
	filter: alpha(opacity = 50);
	opacity: .5
}

[videogular] vg-scrub-bar-cue-points,videogular vg-scrub-bar-cue-points
	{
	width: 100%;
	height: 100%;
	display: block;
	position: absolute
}

[videogular] vg-scrub-bar-cue-points .cue-point-timeline,videogular vg-scrub-bar-cue-points .cue-point-timeline
	{
	color: #FFF;
	padding-top: 3px
}

a,body {
	-webkit-touch-callout: none;
	color: #333
}

[videogular] vg-scrub-bar-cue-points .cue-point-timeline .cue-point,videogular vg-scrub-bar-cue-points .cue-point-timeline .cue-point
	{
	position: absolute;
	height: 3px;
	background-color: #FFF
}

[videogular] vg-scrub-bar-thumbnails,videogular vg-scrub-bar-thumbnails
	{
	position: absolute;
	width: 100%;
	height: 100%;
	display: block;
	cursor: pointer;
	bottom: 24px;
	z-index: 1
}

[videogular] vg-scrub-bar-thumbnails .vg-thumbnails,videogular vg-scrub-bar-thumbnails .vg-thumbnails
	{
	position: absolute;
	top: -20px;
	margin-top: -40px;
	width: 80px;
	height: 60px;
	overflow: hidden
}

[videogular] vg-scrub-bar-thumbnails .vg-thumbnails .image-thumbnail,videogular vg-scrub-bar-thumbnails .vg-thumbnails .image-thumbnail
	{
	height: 60px;
	background-repeat: no-repeat
}

[videogular] vg-scrub-bar-thumbnails .background,videogular vg-scrub-bar-thumbnails .background
	{
	width: 100%;
	height: 50px
}

[videogular] vg-fullscreen-button,[videogular] vg-playback-button,[videogular] vg-volume,videogular vg-fullscreen-button,videogular vg-playback-button,videogular vg-volume
	{
	display: table-cell;
	width: 50px;
	vertical-align: middle;
	text-align: center;
	cursor: pointer
}

[videogular] vg-volume-bar,videogular vg-volume-bar {
	width: 50px;
	height: 100px;
	top: -100px;
	margin-left: -25px;
	vertical-align: middle;
	text-align: center;
	position: absolute;
	cursor: pointer
}

@media screen and (-ms-high-contrast:active) , ( -ms-high-contrast
	:none) {
	[videogular] vg-volume-bar,videogular vg-volume-bar {
		zoom: 1;
		filter: alpha(opacity = 50);
		opacity: .5
	}
}

[videogular] vg-volume-bar .verticalVolumeBar,videogular vg-volume-bar .verticalVolumeBar
	{
	width: 50px;
	height: 100px;
	background-color: #000;
	position: absolute
}

[videogular] vg-volume-bar .volumeBackground,videogular vg-volume-bar .volumeBackground
	{
	width: 20px;
	height: 70px;
	left: 15px;
	top: 15px;
	background-color: #222;
	position: absolute
}

[videogular] vg-volume-bar .volumeValue,videogular vg-volume-bar .volumeValue
	{
	width: 20px;
	height: 100%;
	background-color: #FFF;
	position: absolute
}

[videogular] vg-volume-bar .volumeClickArea,videogular vg-volume-bar .volumeClickArea
	{
	width: 20px;
	height: 100%;
	position: absolute
}

[videogular] vg-controls .hide-animation,videogular vg-controls .hide-animation
	{
	animation: hideControlsAnimationFrames ease-out .5s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
	-webkit-animation: hideControlsAnimationFrames ease-out .5s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-fill-mode: forwards;
	-moz-animation: hideControlsAnimationFrames ease-out .5s;
	-moz-animation-iteration-count: 1;
	-moz-animation-fill-mode: forwards;
	-o-animation: hideControlsAnimationFrames ease-out .5s;
	-o-animation-iteration-count: 1;
	-o-animation-fill-mode: forwards;
	-ms-animation: hideControlsAnimationFrames ease-out .5s;
	-ms-animation-iteration-count: 1;
	-ms-animation-fill-mode: forwards
}

@
keyframes hideControlsAnimationFrames { 0%{
	opacity: .5
}

100%{
opacity
:
0
}
}
@
-moz-keyframes hideControlsAnimationFrames { 0%{
	opacity: .5
}

100%{
opacity
:
0
}
}
@
-webkit-keyframes hideControlsAnimationFrames { 0%{
	opacity: .5
}

100%{
opacity
:
0
}
}
@
-o-keyframes hideControlsAnimationFrames { 0%{
	opacity: .5
}

100%{
opacity
:
0
}
}
@
-ms-keyframes hideControlsAnimationFrames { 0%{
	opacity: .5
}

100%{
opacity
:
0
}
}
[videogular] vg-controls .show-animation,videogular vg-controls .show-animation
	{
	animation: showControlsAnimationFrames ease-out .5s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
	-webkit-animation: showControlsAnimationFrames ease-out .5s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-fill-mode: forwards;
	-moz-animation: showControlsAnimationFrames ease-out .5s;
	-moz-animation-iteration-count: 1;
	-moz-animation-fill-mode: forwards;
	-o-animation: showControlsAnimationFrames ease-out .5s;
	-o-animation-iteration-count: 1;
	-o-animation-fill-mode: forwards;
	-ms-animation: showControlsAnimationFrames ease-out .5s;
	-ms-animation-iteration-count: 1;
	-ms-animation-fill-mode: forwards
}

@
keyframes showControlsAnimationFrames { 0%{
	background-color: transparent
}

100%{
background-color
:rgba
(0
,
0,0,
.5
)
}
}
@
-moz-keyframes showControlsAnimationFrames { 0%{
	background-color: transparent
}

100%{
background-color
:rgba
(0
,
0,0,
.5
)
}
}
@
-webkit-keyframes showControlsAnimationFrames { 0%{
	background-color: transparent
}

100%{
background-color
:rgba
(0
,
0,0,
.5
)
}
}
@
-o-keyframes showControlsAnimationFrames { 0%{
	background-color: transparent
}

100%{
background-color
:rgba
(0
,
0,0,
.5
)
}
}
@
-ms-keyframes showControlsAnimationFrames { 0%{
	background-color: transparent
}

100%{
background-color
:rgba
(0
,
0,0,
.5
)
}
}
[videogular] vg-play-pause-button .pause:before,videogular vg-play-pause-button .pause:before
	{
	content: "\e001"
}

[videogular] vg-mute-button,videogular vg-mute-button {
	width: 50px;
	display: block
}

[videogular] vg-mute-button .level3:before,videogular vg-mute-button .level3:before
	{
	content: "\e002"
}

[videogular] vg-mute-button .level2:before,videogular vg-mute-button .level2:before
	{
	content: "\e003"
}

[videogular] vg-mute-button .level1:before,videogular vg-mute-button .level1:before
	{
	content: "\e004"
}

[videogular] vg-mute-button .level0:before,videogular vg-mute-button .level0:before
	{
	content: "\e005"
}

[videogular] vg-mute-button .mute:before,videogular vg-mute-button .mute:before
	{
	content: "\e006"
}

[videogular] vg-fullscreen-button .enter:before,videogular vg-fullscreen-button .enter:before
	{
	content: "\e007"
}

[videogular] vg-fullscreen-button .exit:before,videogular vg-fullscreen-button .exit:before
	{
	content: "\e008"
}

[videogular] vg-buffering,videogular vg-buffering {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 4;
	top: 0
}

[videogular] vg-buffering .bufferingContainer,videogular vg-buffering .bufferingContainer
	{
	width: 100%;
	position: absolute;
	cursor: pointer;
	top: 50%;
	margin-top: -50px;
	zoom: 1;
	filter: alpha(opacity = 60);
	opacity: .6
}

[videogular] vg-buffering .loadingSpinner,videogular vg-buffering .loadingSpinner
	{
	background-color: transparent;
	border: 5px solid #fff;
	opacity: .9;
	border-top: 5px solid transparent;
	border-left: 5px solid transparent;
	border-radius: 50px;
	box-shadow: 0 0 35px #FFF;
	width: 50px;
	height: 50px;
	margin: 0 auto;
	-moz-animation: spin .5s infinite linear;
	-webkit-animation: spin .5s infinite linear
}

.swiper-slide,.swiper-wrapper {
	height: 100%;
	position: relative
}

[videogular] vg-buffering .loadingSpinner .stop,videogular vg-buffering .loadingSpinner .stop
	{
	-webkit-animation-play-state: paused;
	-moz-animation-play-state: paused
}

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

100%{
-moz-transform
:rotate(360deg)
}
}
@
-moz-keyframes spinoff { 0%{
	-moz-transform: rotate(0)
}

100%{
-moz-transform
:rotate(-360deg)
}
}
@
-webkit-keyframes spin { 0%{
	-webkit-transform: rotate(0)
}

100%{
-webkit-transform
:rotate(360deg)
}
}
@
-webkit-keyframes spinoff { 0%{
	-webkit-transform: rotate(0)
}

100%{
-webkit-transform
:rotate(-360deg)
}
}
[videogular] vg-ima-ads,videogular vg-ima-ads {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 5;
	top: 0;
	display: none
}

.swiper-container {
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
	float: left
}

.swiper-container-vertical>.swiper-wrapper {
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column
}

.swiper-wrapper {
	width: 100%;
	z-index: 1;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box
}

.swiper-container-android .swiper-slide,.swiper-wrapper {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-o-transform: translate(0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.swiper-container-multirow>.swiper-wrapper {
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap
}

.swiper-container-free-mode>.swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto
}

.swiper-slide {
	-webkit-flex-shrink: 0;
	-ms-flex: 0 0 auto;
	flex-shrink: 0;
	width: 100%
}

.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide
	{
	height: auto
}

.swiper-container-autoheight .swiper-wrapper {
	-webkit-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-transition-property: -webkit-transform, height;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform, height
}

.swiper-container .swiper-notification {
	position: absolute;
	left: 0;
	top: 0;
	pointer-events: none;
	opacity: 0;
	z-index: -1000
}

.swiper-wp8-horizontal {
	-ms-touch-action: pan-y;
	touch-action: pan-y
}

.swiper-wp8-vertical {
	-ms-touch-action: pan-x;
	touch-action: pan-x
}

.swiper-button-next,.swiper-button-prev {
	position: absolute;
	top: 50%;
	width: 27px;
	height: 44px;
	margin-top: -22px;
	z-index: 10;
	cursor: pointer;
	-moz-background-size: 27px 44px;
	-webkit-background-size: 27px 44px;
	background-size: 27px 44px;
	background-position: center;
	background-repeat: no-repeat
}

.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled
	{
	opacity: .35;
	cursor: auto;
	pointer-events: none
}

.swiper-button-prev,.swiper-container-rtl .swiper-button-next {
	background-image:
		url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
	left: 10px;
	right: auto
}

.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black
	{
	background-image:
		url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white
	{
	background-image:
		url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next,.swiper-container-rtl .swiper-button-prev {
	background-image:
		url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
	right: 10px;
	left: auto
}

.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black
	{
	background-image:
		url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white
	{
	background-image:
		url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-pagination {
	position: absolute;
	text-align: center;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
	opacity: 0
}

.swiper-pagination-bullet {
	width: 8px;
	height: 8px;
	display: inline-block;
	border-radius: 100%;
	background: #000;
	opacity: .2
}

button.swiper-pagination-bullet {
	border: none;
	margin: 0;
	padding: 0;
	box-shadow: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-webkit-appearance: none;
	appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
	cursor: pointer
}

.swiper-pagination-white .swiper-pagination-bullet {
	background: #fff
}

.swiper-pagination-bullet-active {
	opacity: 1;
	background: #007aff
}

.swiper-pagination-white .swiper-pagination-bullet-active {
	background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
	background: #000
}

.swiper-container-vertical>.swiper-pagination {
	right: 10px;
	top: 50%;
	-webkit-transform: translate3d(0, -50%, 0);
	-moz-transform: translate3d(0, -50%, 0);
	-o-transform: translate(0, -50%);
	-ms-transform: translate3d(0, -50%, 0);
	transform: translate3d(0, -50%, 0)
}

.swiper-container-vertical>.swiper-pagination .swiper-pagination-bullet
	{
	margin: 5px 0;
	display: block
}

.swiper-container-horizontal>.swiper-pagination {
	bottom: 10px;
	left: 0;
	width: 100%
}

.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet
	{
	margin: 0 5px
}

.swiper-container-3d {
	-webkit-perspective: 1200px;
	-moz-perspective: 1200px;
	-o-perspective: 1200px;
	perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper
	{
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top
	{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
	background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)),
		to(rgba(0, 0, 0, 0)));
	background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, .5),
		rgba(0, 0, 0, 0));
	background-image: -moz-linear-gradient(right, rgba(0, 0, 0, .5),
		rgba(0, 0, 0, 0));
	background-image: -o-linear-gradient(right, rgba(0, 0, 0, .5),
		rgba(0, 0, 0, 0));
	background-image: linear-gradient(to left, rgba(0, 0, 0, .5),
		rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-right {
	background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)),
		to(rgba(0, 0, 0, 0)));
	background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5),
		rgba(0, 0, 0, 0));
	background-image: -moz-linear-gradient(left, rgba(0, 0, 0, .5),
		rgba(0, 0, 0, 0));
	background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5),
		rgba(0, 0, 0, 0));
	background-image: linear-gradient(to right, rgba(0, 0, 0, .5),
		rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-top {
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)),
		to(rgba(0, 0, 0, 0)));
	background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5),
		rgba(0, 0, 0, 0));
	background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, .5),
		rgba(0, 0, 0, 0));
	background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, .5),
		rgba(0, 0, 0, 0));
	background-image: linear-gradient(to top, rgba(0, 0, 0, .5),
		rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-bottom {
	background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)),
		to(rgba(0, 0, 0, 0)));
	background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .5),
		rgba(0, 0, 0, 0));
	background-image: -moz-linear-gradient(top, rgba(0, 0, 0, .5),
		rgba(0, 0, 0, 0));
	background-image: -o-linear-gradient(top, rgba(0, 0, 0, .5),
		rgba(0, 0, 0, 0));
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5),
		rgba(0, 0, 0, 0))
}

.swiper-container-coverflow .swiper-wrapper {
	-ms-perspective: 1200px
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide,.swiper-container-fade .swiper-slide .swiper-slide
	{
	pointer-events: none
}

.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active
	{
	pointer-events: auto
}

.swiper-container-cube {
	overflow: visible
}

.swiper-container-cube .swiper-slide {
	pointer-events: none;
	visibility: hidden;
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	width: 100%;
	height: 100%;
	z-index: 1
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
	-webkit-transform-origin: 100% 0;
	-moz-transform-origin: 100% 0;
	-ms-transform-origin: 100% 0;
	transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev
	{
	pointer-events: auto;
	visibility: visible
}

.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top
	{
	z-index: 0;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden
}

.swiper-container-cube .swiper-cube-shadow {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: .6;
	-webkit-filter: blur(50px);
	filter: blur(50px);
	z-index: 0
}

.swiper-scrollbar {
	border-radius: 10px;
	position: relative;
	-ms-touch-action: none;
	background: rgba(0, 0, 0, .1)
}

.swiper-container-horizontal>.swiper-scrollbar {
	position: absolute;
	left: 1%;
	bottom: 3px;
	z-index: 50;
	height: 5px;
	width: 98%
}

.swiper-container-vertical>.swiper-scrollbar {
	position: absolute;
	right: 3px;
	top: 1%;
	z-index: 50;
	width: 5px;
	height: 98%
}

.swiper-scrollbar-drag {
	height: 100%;
	width: 100%;
	position: relative;
	background: rgba(0, 0, 0, .5);
	border-radius: 10px;
	left: 0;
	top: 0
}

.ui_view_con,body {
	background-color: #f6f6f6
}

.swiper-scrollbar-cursor-drag {
	cursor: move
}

.swiper-lazy-preloader {
	width: 42px;
	height: 42px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -21px;
	margin-top: -21px;
	z-index: 10;
	-webkit-transform-origin: 50%;
	-moz-transform-origin: 50%;
	transform-origin: 50%;
	-webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
	-moz-animation: swiper-preloader-spin 1s steps(12, end) infinite;
	animation: swiper-preloader-spin 1s steps(12, end) infinite
}

.swiper-lazy-preloader:after {
	display: block;
	content: "";
	width: 100%;
	height: 100%;
	background-image:
		url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
	background-position: 50%;
	-webkit-background-size: 100%;
	background-size: 100%;
	background-repeat: no-repeat
}

.swiper-lazy-preloader-white:after {
	background-image:
		url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

@
-webkit-keyframes swiper-preloader-spin { 100%{
	-webkit-transform: rotate(360deg)
}

}
@
keyframes swiper-preloader-spin { 100%{
	transform: rotate(360deg)
}

}
blockquote,body,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,menu,ol,p,pre,td,textarea,th,ul
	{
	margin: 0;
	padding: 0;
	font-weight: 400
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

abbr,acronym,fieldset,img {
	border: 0
}

address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
	font-weight: 400
}

em {
	font-style: normal
}

strong {
	font-weight: 700
}

ol,ul {
	list-style: none
}

caption,th {
	text-align: left
}

.center,.font_big_ul li,.footer ul li,.header .head_title,.news_item .img_wrap,.swicth_con ul li,.swicth_tab_warp
	{
	text-align: center
}

strike {
	display: inline
}

a:active,a:hover,area {
	outline: 0
}

a {
	text-decoration: none;
	-webkit-user-select: none
}

a:focus {
	outline: dotted thin
}

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

body,html {
	min-height: 100%;
	height: 100%;
	width: 100%
}

.clearfix {
	display: block
}

.left {
	float: left
}

.right {
	float: right
}

.none {
	display: none
}

.ellipsis_2,.ellipsis_3 {
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis
}

.ellipsis {
	overflow: hidden;
	text-overflow: ellipsis
}

.ellipsis_2 {
	-webkit-line-clamp: 2
}

.ellipsis_3 {
	-webkit-line-clamp: 3
}

@font-face {
	font-family: chusong;
	src: url(font/minijianchusong.gif);
	src: url(font/minijianchusong.gif?#iefix) format('embedded-opentype'),
		url(font/minijianchusong.bmp) format('woff'),
		url(font/minijianchusong.jpg) format('truetype'),
		url(font/minijianchusong.png#chusong) format('svg');
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: iconfont;
	src: url(font/iconfont.eot);
	src: url(font/iconfont.eot?#iefix) format('embedded-opentype'),
		url(font/iconfont.woff) format('woff'), url(font/iconfont.ttf)
		format('truetype'), url(font/iconfont.svg#iconfont) format('svg')
}

html {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%
}

body {
	font-size: 12px;
	-webkit-font-smoothing: antialiased;
	position: relative;
	max-width: 640px;
	overflow: hidden;
	overflow-y: visible;
	margin: 0 auto;
	-webkit-overflow-scrolling: touch
}

.detail img,.mb10 {
	margin-bottom: 10px
}

.csfont {
	font-family: chusong !important
}

.iconfont {
	font-family: iconfont !important;
	font-size: 16px;
	-webkit-text-stroke-width: .2px
}

.block_praise .icon_love i span:before,.block_praise .icon_love i:before,.comment_box>ul>li .icon_photo:before,.comment_info .praise:before,.comment_info .reply_btn:after,.header .btn_back,.list_img .img_count:before,.list_video>li:first-of-type .source .time::before,.news_list .img_wrap::after,.poster_warp::after,.relat_post .icon_img,.relat_post .icon_video,.vs_block .suppt .hand_btn::after
	{
	font-family: iconfont
}

.width_warp {
	margin-left: auto;
	margin-right: auto;
	width: 93.75%
}

.ui_view_con,.view_body {
	width: 100%;
	height: 100%
}

#audio {
	display: none
}

[videogular] vg-overlay-play .overlayPlayContainer,videogular vg-overlay-play .overlayPlayContainer
	{
	font-size: 50px !important
}

.ui_view_con {
	box-sizing: border-box;
	position: absolute;
	top: 0;
	left: 0;
	transform: translate3d(-100%, 0, 0);
	-webkit-transform: translate3d(-100%, 0, 0);
	padding-top: 40px;
	z-index: 2;
	overflow: auto;
	visibility: hidden;
	transition: all .5s;
	-webkit-transition: all .5s;
	-webkit-overflow-scrolling: touch
}

.ui_view_con.active {
	visibility: visible;
	overflow: visible;
	height: auto;
	transform: none;
	-webkit-transform: none
}

.header,.header .head_title {
	height: 40px;
	width: 100%;
	box-sizing: border-box
}

.header {
	position: relative;
	border-bottom: 1px solid #D8D8D8;
	box-shadow: 0 1px 5px rgba(0, 0, 0, .08);
	z-index: 100
}

.header .btn_back {
	color: #c00;
	font-size: 22px;
	position: absolute;
	left: 0;
	top: 0;
	padding: 0 10px;
	display: none
}

.header .head_title {
	display: block;
	visibility: hidden;
	line-height: 40px;
	font-size: 16px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
	background: #F6F6F6;
	border-bottom: 1px solid #e1e1e1;
	transition: all .5s;
	-webkit-transition: all .5s;
	transform: translate3d(-100%, 0, 0);
	-webkit-transform: translate3d(-100%, 0, 0)
}

.header .nav_warp {
	width: 100%;
	padding: 7px 0 8px;
	background-color: #f9f9f9
}

.header .nav {
	position: relative;
	margin-right: 34px;
	margin-left: 5px;
	height: 24px;
	overflow-x: scroll;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch
}

.header .nav::-webkit-scrollbar {
	background: 0 0;
	height: 0;
	width: 0
}

.header .nav:hover::-webkit-scrollbar {
	background: 0 0
}

.header .nav ul {
	position: relative;
	z-index: 1
}

.header .nav_shadow {
	position: absolute;
	width: 8px;
	height: 32px;
	background: url(img/nav_shadow.png) center center no-repeat;
	background-size: auto 100%;
	right: 34px;
	top: 2px;
	z-index: 0
}

.header .nav_shadow:after {
	content: "\20";
	display: block;
	width: 0;
	height: 0;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
	border-right: 3px solid #fff;
	position: absolute;
	top: 50%;
	margin-top: -4px;
	right: 0
}

.header .nav ul li {
	float: left;
	margin-right: 8px;
	transform: scale(.76);
	-webkit-transform: scale(.76)
}

.header .nav ul li.on {
	transform: scale(.8);
	-webkit-transform: scale(.8)
}

.font_big_ul li {
	width: 48px
}

.font_big_ul li a {
	display: block;
	width: 100%;
	color: #333
}

.channel_font_title .font_big,.font_big_ul li .font_big {
	display: inline-block;
	font-size: 24px;
	height: 24px;
	line-height: 24px;
	vertical-align: bottom
}

.font_big_ul li .font_big.iconfont {
	font-size: 20px
}

.channel_font_title .small_font,.font_big_ul li .small_font {
	display: inline-block;
	width: 12px;
	height: 24px;
	line-height: 12px;
	border-left: 1px solid #ababab;
	padding-left: 5px;
	margin-left: 1px;
	vertical-align: bottom
}

.font_big_ul li.on a {
	color: #c33
}

.header .burger {
	cursor: pointer;
	padding: 11px 9px;
	z-index: 1000;
	-moz-transform: translate3d(0, -9999em, 0);
	-o-transform: translate3d(0, -9999em, 0);
	-ms-transform: translate3d(0, -9999em, 0);
	-webkit-transform: translate3d(0, -9999em, 0);
	transform: translate3d(0, -9999em, 0);
	position: absolute;
	right: 0;
	top: 0
}

.header .burger.opaque {
	-moz-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.header .burger div {
	background: #c00;
	height: 1px;
	width: 18px;
	margin-bottom: 6px;
	-webkit-backface-visibility: hidden;
	-moz-transform: translateZ(0);
	-o-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}

.header .burger div:last-child {
	margin-bottom: 0
}

.header .burger div:first-of-type,.header .burger div:last-of-type {
	-webkit-transition: -webkit-transform .3s ease 0s, background-color 0s
		ease-out;
	-moz-transition: -moz-transform .3s ease 0s, background-color 0s
		ease-out;
	-ms-transition: -ms-transform .3s ease 0s, background-color 0s ease-out;
	-o-transition: -o-transform .3s ease 0s, background-color 0s ease-out;
	transition: transform .3s ease 0s, background-color 0s ease-out;
	position: relative
}

.header .burger.transform div:first-of-type,.header .burger.transform div:last-of-type
	{
	-webkit-transition: -webkit-transform .4s ease .3s, background-color
		250ms ease-in;
	-moz-transition: -moz-transform .4s ease .3s, background-color 250ms
		ease-in;
	-ms-transition: -ms-transform .4s ease .3s, background-color 250ms
		ease-in;
	-o-transition: -o-transform .4s ease .3s, background-color 250ms ease-in;
	transition: transform .4s ease .3s, background-color 250ms ease-in;
	background: #c33
}

.header .burger.transform div:first-of-type {
	-ms-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	top: 5px
}

.header .burger.transform div:nth-child(2) {
	display: none
}

.header .burger.transform div:last-of-type {
	transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	top: -2px
}

.nav_more {
	box-sizing: border-box;
	z-index: 999;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	overflow: hidden;
	background: #f9f9f9;
	min-height: 480px;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	-moz-transform: translateY(-1500px);
	-o-transform: translateY(-1500px);
	-ms-transform: translateY(-1500px);
	-webkit-transform: translateY(-1500px);
	transform: translateY(-1500px);
	width: 100%
}

.nav_more.downward {
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-webkit-transform: translateY(0);
	transform: translateY(0);
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	height: 100%
}

.nav_more_container {
	width: 90%;
	margin: 0 auto;
	padding-top: 40px
}

.nav_more .serach_warp {
	width: 100%;
	box-sizing: border-box;
	position: relative;
	margin-bottom: 20px
}

.nav_more .serach_warp input[type=search] {
	display: block;
	width: 100%;
	height: 28px;
	box-sizing: border-box;
	padding: 0 33px 0 10px;
	border: 1px solid #dadada;
	border-radius: 4px;
	-webkit-appearance: none
}

.nav_more .serach_warp .submit_warp {
	position: absolute;
	display: block;
	width: 30px;
	height: 22px;
	top: 3px;
	right: 0;
	border-left: 1px solid #dadada
}

.nav_more .serach_warp input[type=submit] {
	display: block;
	width: 100%;
	height: 22px;
	background: 0 0;
	border: none;
	color: #999;
	text-align: center;
	font-size: 14px;
	-webkit-appearance: none
}

.channel_select_warp {
	width: 100%;
	overflow: hidden
}

.channel_select_warp>ul {
	margin-top: 20px;
	margin-right: -3%
}

.channel_select_warp .font_big_ul li {
	float: left;
	width: 17%;
	min-width: 50px;
	margin-right: 3%;
	border: 1px solid #dadada;
	background: #fff;
	border-radius: 3px;
	margin-bottom: 12px;
	box-sizing: border-box
}

.channel_select_warp .font_big_ul li>a {
	display: block;
	width: 100%;
	padding: 4px 0;
	transform: scale(.76);
	-webkit-transform: scale(.76)
}

.swicth_tab_warp {
	width: 200px;
	margin: 10px auto 0
}

.swicth_tab_warp li {
	width: 50%;
	height: 26px;
	line-height: 24px;
	float: left;
	border: 1px solid #c33;
	box-sizing: border-box;
	position: relative
}

.footer:after,.swicth_tab_warp li:after {
	position: absolute;
	content: "\20"
}

.swicth_tab_warp li.on {
	background: #c33
}

.swicth_tab_warp li:after {
	width: 0;
	height: 0;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 3px solid #c33;
	bottom: -4px;
	left: 50%;
	margin-left: -4px;
	display: none
}

.swicth_tab_warp li a,.swicth_tab_warp li.on:after {
	display: block
}

.swicth_tab_warp li.on a {
	color: #fff
}

.swicth_tab_warp li:first-child {
	border-radius: 15px 0 0 15px;
	border-right: 0
}

.swicth_tab_warp li:last-child {
	border-radius: 0 15px 15px 0;
	border-left: 0
}

.swicth_con {
	margin-top: 20px;
	width: 100%;
	overflow: hidden
}

.swicth_con ul {
	width: 105%;
	word-spacing: -1em;
	display: none
}

.swicth_con ul.on {
	display: table
}

.swicth_con ul li {
	display: inline-block;
	width: 17%;
	min-width: 50px;
	margin-right: 2.6%;
	margin-bottom: 12px;
	word-spacing: 0
}

.swicth_con ul li a {
	display: block;
	font-size: 12px;
	padding: 5px 0;
	border: 1px solid #dadada;
	background: #fff;
	border-radius: 16px;
	box-sizing: border-box
}

.swicth_con ul li.on a {
	background-color: #c00;
	color: #fff
}

.footer {
	height: 30px;
	width: 100%;
	line-height: 30px;
	background-color: #f0f0f0;
	border-top: 1px solid #fff
}

.footer ul {
	width: 90%;
	margin: 0 auto
}

.footer ul li {
	display: inline-block;
	width: 49%
}

.footer:after {
	display: block;
	width: 100%;
	height: 6px;
	background: url(img/bg_footer.png) center bottom no-repeat;
	background-size: auto 100%;
	left: 0;
	bottom: 31px
}

.content {
	height: 100%;
	width: 100%;
	box-sizing: border-box;
	overflow-y: auto;
	padding-top: 40px;
	margin-top: -40px;
	-webkit-overflow-scrolling: touch;
	overflow: visible
}

.img_silder,.news_item,.news_item h2,.relat_post li a,.source {
	overflow: hidden
}

.news_list li {
	-webkit-tap-highlight-color: rgba(0, 0, 0, .1);
	border-bottom: 1px solid #EDEDED;
	margin: 0 10px;
	position: relative
}

.news_item>.title {
	display: block;
	padding: 15px 0;
	min-height: 73px
}

.news_item .img_wrap {
	overflow: hidden;
	float: left;
	height: 68px;
	width: 90px;
	margin-right: 13px;
	position: relative
}

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

.news_item h2 {
	font-size: 16px;
	line-height: 22px;
	max-height: 66px;
	margin-top: 0;
	height: 42px;
	margin-bottom: 12px;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

.source {
	color: #999;
	margin-top: 6px;
	font-size: 12px;
	text-align: right
}

.source span {
	display: inline-block
}

.source .time {
	float: left
}

.source .mark {
	background-color: #c33;
	color: #fff;
	padding: 0 2px;
	margin-right: 10px
}

.img_silder {
	width: 100%;
	max-height: 240px;
	position: relative
}

.img_silder li {
	width: 100%
}

.img_silder img {
	display: block;
	width: 100%
}

.img_silder .swiper-pageshort-warp {
	display: block;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	position: absolute;
	right: 10px;
	top: 10px;
	background-color: rgba(0, 0, 0, .5);
	border-radius: 50%;
	color: #fff;
	z-index: 2
}

.img_silder .swiper-pageshort-warp .swiper-pagination-bullet {
	display: none;
	width: auto;
	height: auto;
	border-radius: none;
	background: 0 0
}

.img_silder .swiper-pageshort-warp .swiper-pagination-bullet-active {
	display: inline;
	background: 0 0
}

.img_silder li .silder_title {
	position: absolute;
	left: 0;
	bottom: 0;
	background: -webkit-gradient(linear, center top, center bottom, from(rgba(0, 0, 0, 0
		)), to(rgba(0, 0, 0, .98)));
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0),
		rgba(0, 0, 0, .9));
	color: #fff;
	width: 100%;
	box-sizing: border-box;
	padding: 28px 5px 8px;
	font-size: 16px;
	line-height: 20px;
	font-weight: lighter
}

.img_silder li .silder_title .tags {
	display: inline-block;
	font-size: 12px;
	line-height: 14px;
	height: 14px;
	padding: 0 2px;
	background-color: #c33;
	margin-right: 8px
}

.fadeIn {
	-webkit-transition: opacity .5s ease-in;
	transition: opacity .5s ease-in;
	opacity: 1
}

.btn_fw {
	display: block;
	height: 40px;
	background-color: #eaeaea;
	text-align: center;
	line-height: 40px;
	box-shadow: 0 -1px 2px rgba(0, 0, 0, .1)
}

.btn_fw:hover {
	background-color: #ddd
}

.btn_fw:active {
	background-color: #ccc;
	box-shadow: 0 -1px 2px rgba(0, 0, 0, .2)
}

.channel_font_title {
	display: block;
	color: #333
}

.index_block_title {
	background-color: #fff;
	text-align: right
}

.channel_font_title_warp {
	border-bottom: 1px solid #ddd;
	padding: 4px 0
}

.index_block_title .channel_font_title {
	text-align: left;
	-webkit-transform: scale(.8);
	transform: scale(.8);
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%
}

.index_block_title .link_more {
	display: block;
	margin-top: -24px;
	height: 24px;
	line-height: 24px
}

.news_list.list_normal>li:first-of-type {
	background-color: #fff;
	margin: 0;
	padding-left: 10px;
	padding-right: 10px
}

.news_list.list_normal>li:first-of-type .news_item .img_wrap {
	display: none
}

.list_normal .news_item h2 {
	height: auto
}

.list_audio .title {
	margin-right: 70px
}

.list_audio .title h2 {
	margin-bottom: 0
}

.list_audio .news_item h2 {
	height: 68px;
	max-height: 68px
}

.list_audio>li:first-of-type .news_item h2 {
	height: auto;
	max-height: 66px
}

.news_list .audio_player_wrap {
	width: 60px;
	height: 50px;
	margin: 24px 0;
	float: right;
	border-left: 1px solid #e1e1e1;
	text-align: center
}

.news_list .audio_player {
	display: block;
	border: 1px solid #e1e1e1;
	border-radius: 50%;
	min-height: 32px;
	height: 32px;
	width: 32px;
	padding: 0;
	margin: 0 auto;
	position: relative
}

.head,.introduction {
	border-bottom: 1px solid #ccc
}

.news_list .audio_player_wrap .time {
	margin-top: 3px;
	color: #999
}

.control_btn_pause,.news_list .audio_player .btn_pasue {
	width: 6px;
	height: 10px;
	border-left: 1px solid #c00;
	border-right: 1px solid #c00;
	margin-top: -5px;
	margin-left: -3px;
	box-sizing: border-box
}

.news_list .playing .audio_player_wrap .time {
	color: #c00
}

.news_list .audio_player .iconfont {
	line-height: 32px
}

.news_list .audio_player .btn_start {
	color: #666
}

.news_list .audio_player .btn_pasue {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%
}

.control_btn_pause {
	display: inline-block;
	position: relative;
	top: 0;
	left: 1px
}

.news_list .audio_player .btn_pasue.none {
	display: none
}

.news_list .playing .audio_player .btn_start {
	color: #c00
}

.news_list .audio_player .btn_play {
	color: #c00;
	position: relative;
	left: 2px;
	font-size: 12px
}

.list_img {
	margin-bottom: 20px
}

.list_img>li {
	background: #fff;
	margin: 0;
	position: relative
}

.list_img .imgs_warp {
	width: 100%;
	-moz-column-count: 2;
	-webkit-column-count: 2;
	column-count: 2;
	-moz-column-gap: 1px;
	-webkit-column-gap: 1px;
	column-gap: 1px;
	-moz-column-rule: 0 none;
	-webkit-column-rule: 0 none;
	column-rule: 0 none
}

.list_img .imgs_warp a {
	display: block;
	height: 120px;
	margin: 0 0 1px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	background-color: #000
}

.list_img .imgs_warp .fw,.list_img .imgs_warp.img_2 a,.list_img .imgs_warp.img_4 a:last-of-type,.list_img .imgs_warp.img_6 a:nth-child(3n+0)
	{
	height: 175px;
	-webkit-column-span: all;
	column-span: all
}

.list_img>li h3 {
	padding: 10px;
	line-height: 20px;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	-webkit-align-items: flex-end;
	-ms-align-items: flex-end;
	align-items: flex-end;
	border-top: 1px solid #EDEDED
}

.list_img>li h3 .t {
	font-size: 14px;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.list_img>li h3 .comment_num {
	font-size: 12px;
	color: #999
}

.list_img .img_count {
	position: absolute;
	top: 10px;
	left: 10px;
	border-radius: 30px;
	color: #fff;
	background-color: rgba(0, 0, 0, .6);
	padding: 0 5px 1px
}

.list_img .img_count:before {
	content: "\e60e";
	font-size: 20px;
	line-height: 16px
}

.news_list.list_video>li:first-of-type {
	padding: 0
}

.list_video .news_item .title {
	padding-left: 10px;
	padding-right: 10px;
	min-height: initial
}

.list_video .video_warp {
	position: relative;
	height: 180px;
	height: 75vw;
	max-height: 100vw
}

.list_video .video_warp video {
	width: 100%;
	height: 180px;
	height: 75vw;
	max-height: 100vw;
	position: relative
}

.list_video .video_cover {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: center center no-repeat;
	background-size: cover
}

.list_video .video_cover.hide {
	z-index: -1;
	opacity: 0
}

.list_video .video_cover::after {
	display: block;
	content: "\e620";
	width: 30px;
	height: 30px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -15px;
	margin-top: -15px;
	font-size: 30px;
	color: #fff;
	border-radius: 50%;
	background: rgba(0, 0, 0, .35)
}

.list_video>li:first-of-type .source .time::before {
	content: "\e621";
	vertical-align: bottom;
	font-size: 14px;
	line-height: 18px
}

.list_video .img_wrap {
	position: relative
}

.news_list .img_wrap::after {
	display: block;
	height: 20px;
	width: 20px;
	position: absolute;
	bottom: 4px;
	left: 5px;
	background-color: rgba(0, 0, 0, .35);
	border-radius: 50%;
	font-size: 20px;
	line-height: 20px;
	color: #fff;
	text-align: center
}

.news_list li.video .img_wrap::after {
	content: "\e620"
}

.news_list li.audio .img_wrap::after {
	content: "\e629";
	font-size: 18px;
	line-height: 18px
}

.news_list li.img .img_wrap::after {
	content: "\e60e"
}

.header.show_title .nav_warp {
	display: none
}

.header.show_title .head_title {
	visibility: visible;
	transform: none;
	-webkit-transform: none
}

.header.show_title .head_title .btn_back {
	display: block
}

.red {
	color: #c00
}

.darkRed {
	color: #900
}

.head {
	padding-top: 15px;
	padding-bottom: 5px;
	color: #444;
	line-height: 144%;
	font-weight: 400
}

.detail strong,.head .title {
	font-weight: 700
}

.head .sho_title,.head .sub_title {
	margin-bottom: 5px;
	font-size: 18px;
	line-height: 125%
}

.head .title {
	font-size: 20px;
	line-height: 125%;
	margin-bottom: 4px
}

.head .info {
	color: #999;
	font-size: 12px;
	margin-top: 12px;
	margin-bottom: 4px;
	margin-right: 80px
}

.head .info>span:first-of-type {
	margin-right: 15px
}

.font_size_l::after {
	content: "\e606"
}

.font_size_b::after {
	content: "\e605"
}

.head .font_size_set {
	text-align: right;
	margin-top: -20px;
	letter-spacing: 5px
}

.introduction,.medias_warp p {
	text-align: justify;
	text-justify: distributed
}

.head .font_size_set a {
	font-size: 22px;
	color: #bbb
}

.introduction {
	padding: 5px 5px 4px;
	font-size: 16px;
	line-height: 140%;
	color: #555
}

.detail_content {
	margin: 15px auto 0;
	font-size: 18px;
	position: relative;
	z-index: 1;
	padding-bottom: 60px
}

.detail_content .btn_open_detail {
	text-align: center;
	display: none
}

.detail_content .btn_open_detail a {
	display: inline-block;
	width: 40px;
	height: 40px;
	margin: 0 auto;
	background: url(img/btn_open@3x.png) center center no-repeat;
	background-size: contain;
	text-indent: -9999px
}

.detail_content.opened {
	padding-bottom: 0
}

.detail_content.opened .btn_open_detail {
	display: block
}

.detail_content .dn {
	display: none
}

.detail_content .db {
	display: block
}

.font_size_1 .introduction {
	font-size: 12px
}

.font_size_1 .detail_content,.font_size_2 .introduction {
	font-size: 14px
}

.font_size_2 .detail_content,.font_size_3 .introduction {
	font-size: 16px
}

.font_size_3 .detail_content,.font_size_4 .introduction {
	font-size: 18px
}

.font_size_4 .detail_content,.font_size_5 .introduction {
	font-size: 20px
}

.font_size_5 .detail_content {
	font-size: 22px
}

.audio_warp,.image_warp,.video_warp {
	margin-bottom: 15px;
	width: 100%
}

.image_warp img,.video_warp img {
	display: block;
	width: 100%;
	box-sizing: border-box;
	background: url(img/bg_logo.png) center center no-repeat;
	background-size: 50%;
	border: 1px solid #e8e8e8
}

.audio_warp audio {
	display: block;
	width: 100%;
	box-sizing: border-box
}

.poster_warp {
	display: block;
	position: relative
}

.poster_warp::after {
	display: block;
	position: absolute;
	content: "\e620";
	top: 50%;
	left: 50%;
	height: 40px;
	width: 40px;
	margin-top: -20px;
	margin-left: -20px;
	background-color: rgba(0, 0, 0, .35);
	border-radius: 50%;
	font-size: 40px;
	line-height: 42px;
	color: #fff;
	box-sizing: border-box
}

.vs_block .suppt .hand_btn.suppt_blue:after,.vs_block .suppt .hand_btn.suppt_red:after
	{
	content: "\e62a"
}

.medias_warp p {
	color: #111;
	line-height: 140%;
	margin-top: 13px
}

.detail,.detail p {
	text-align: justify;
	text-justify: distributed
}

.detail {
	overflow-x: hidden;
	overflow-y: hidden;
	line-height: 150%;
	margin-top: 12px
}

.detail img {
	display: block;
	width: 100%;
	height: auto;
	box-sizing: border-box;
	background: url(img/bg_logo.png) center center no-repeat;
	background-size: 50%;
	border: 1px solid #e8e8e8
}

.detail p {
	margin-bottom: 13px
}

.vs_block {
	padding: 10px 0;
	margin: 15px 0
}

.vs_block .top {
	position: relative;
	margin-bottom: 23px
}

.vs_block .top ul li {
	width: 50%;
	float: left;
	background: #c00;
	color: #fff;
	height: 20px;
	padding: 0 15px;
	box-sizing: border-box;
	line-height: 20px;
	font-size: 12px;
	position: relative
}

.vs_block .top ul li:last-child {
	background: #63b6eb;
	text-align: right
}

.vs_block .top ul li i {
	display: block;
	width: 3px;
	height: 3px;
	position: absolute;
	left: 5px;
	top: 50%;
	margin-top: -15px;
	background: #fff;
	border-radius: 3px
}

.vs_block .top ul li:last-child i {
	left: auto;
	right: 5px
}

.vs_block .top .icon_vs {
	display: block;
	width: 39px;
	height: 39px;
	background: url(img/pic_vs@3x.png) center center no-repeat;
	background-size: 100% auto;
	position: absolute;
	left: 50%;
	margin-left: -20px;
	top: 50%;
	margin-top: -20px
}

.vs_block .table_vs {
	width: 100%
}

.vs_block .table_vs td {
	width: 50%;
	padding: 0 15px 0 5px;
	text-align: justify;
	text-justify: distributed;
	vertical-align: top;
	line-height: 21px;
	font-size: 14px
}

.vs_block .table_vs td:last-child {
	border-left: 1px solid #d9d9d9;
	padding: 0 5px 0 15px
}

.vs_block .suppt {
	margin-top: 20px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-flow: row
}

.vs_block .line_bg {
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	width: 66.7%;
	display: block;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	margin: 0 10px
}

.block_titile,.survey_title {
	margin-bottom: 10px
}

.vs_block .suppt .hand_btn {
	display: block;
	width: 30px;
	height: 30px;
	text-align: center;
	color: #fff;
	position: relative;
	border-radius: 50%;
	background-color: #ccc
}

.vs_block .suppt .hand_btn input {
	opacity: 0;
	position: absolute
}

.vs_block .suppt .hand_btn::after {
	font-size: 16px;
	line-height: 30px
}

.vs_block .suppt .hand_btn.suppt_red {
	margin-left: 10px
}

.vs_block .suppt .hand_btn.suppt_blue {
	margin-right: 10px;
	-webkit-transform: scale(-1, 1);
	transform: scale(-1, 1)
}

.vs_block .suppt .hand_btn.suppt_red.on {
	background-color: #c00
}

.vs_block .suppt .hand_btn.suppt_blue.on {
	background-color: #63b6eb
}

.vs_block .line_bg .line_def {
	display: block;
	width: 100%;
	margin-top: 13px;
	height: 6px;
	background: #ddd;
	position: relative
}

.vs_block .line_blue,.vs_block .line_red {
	display: block;
	height: 6px;
	position: absolute;
	top: 0;
	-webkit-transition: all 1s ease-in;
	transition: all 1s ease-in
}

.vs_block .line_blue {
	width: 0;
	background: #63b6eb;
	right: 0;
	border-left: 2px solid #f6f6f6
}

.vs_block .line_red {
	width: 0;
	left: 0;
	background: #c00
}

.vs_block .text_blue,.vs_block .text_red {
	font-size: 14px;
	margin-top: 3px
}

.vs_block .text_red {
	color: #c00
}

.vs_block .text_blue {
	color: #63b6eb
}

.block_titile span {
	display: inline-block;
	height: 12px;
	line-height: 12px;
	font-size: 12px;
	color: #c00;
	border-left: 2px solid #c00;
	padding-left: 8px
}

.survey_block {
	margin-left: 5px
}

.survey_title {
	line-height: 18px;
	font-size: 14px;
	font-weight: 400;
	color: #111
}

.survey_title .smaller {
	color: #555
}

.survey_block .items li {
	margin-bottom: 15px;
	padding: 3px 6px 3px 3px;
	position: relative
}

.survey_block .items li.checkbox_li.on {
	border-radius: 5px 4px 4px 5px
}

.survey_block .items.checkbox_ul li.on,.survey_block .items.items_checkbox li.on
	{
	border-radius: 4px
}

.survey_block .checkbox_warp input,.survey_block .radio_warp input {
	display: inline-block;
	width: 15px;
	height: 15px;
	opacity: 0;
	position: absolute
}

.survey_block .checkbox_warp,.survey_block .radio_warp {
	display: inline-block;
	width: 15px;
	height: 15px;
	line-height: 18px;
	background-color: #fff;
	border: 1px solid #f15353;
	vertical-align: middle;
	cursor: pointer;
	position: absolute;
	top: 5px;
	left: 3px;
	text-align: center
}

.survey_block .checkbox_warp.active,.survey_block .radio_warp.active {
	background-color: #f15353
}

.survey_block .radio_warp {
	border-radius: 8px
}

.survey_block .checkbox_warp {
	border-radius: 4px
}

.survey_block .on .checkbox_warp,.survey_block .on .radio_warp {
	background-color: #65dda3;
	border-color: #65dda3
}

.survey_block .on .checkbox_warp:after,.survey_block .on .radio_warp:after
	{
	content: "\e613";
	font-family: iconfont;
	font-size: 14px;
	line-height: 15px;
	color: #fff
}

.survey_block .items li label {
	display: block;
	line-height: 24px;
	font-size: 14px;
	padding-left: 25px;
	position: relative;
	z-index: 2
}

.survey_block .sub_btn {
	display: block;
	background: #db2b2b;
	width: 160px;
	height: 34px;
	border-radius: 16px;
	margin: 25px auto;
	text-align: center;
	font-size: 14px;
	line-height: 34px;
	box-shadow: 0 1px 2px #aaa;
	color: #fff;
	text-decoration: none
}

.survey_block .items_result li h5 {
	font-size: 14px;
	padding-bottom: 5px
}

.survey_block .items_result li .proportion {
	height: 18px;
	line-height: 18px;
	background: #f1f1f1;
	width: 100%;
	position: relative
}

.survey_block .items_result li .proportion .bar {
	width: 0;
	height: 18px;
	line-height: 18px;
	background-color: #F07F7F;
	display: inline-block;
	-webkit-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out
}

.survey_block .items_result li:nth-child(1n+0) .proportion .bar {
	background: #9cf
}

.survey_block .items_result li:nth-child(2n+0) .proportion .bar {
	background: #f99
}

.survey_block .items_result li:nth-child(3n+0) .proportion .bar {
	background: #fc6
}

.survey_block .items_result li .proportion .preo_val {
	position: absolute;
	height: 18px;
	line-height: 18px;
	font-size: 12px;
	color: #666;
	right: 3px;
	top: 0
}

.survey_block .result_intr {
	font-size: 14px;
	color: #08c;
	margin-bottom: 20px
}

.surveyItem_warp {
	margin-bottom: 20px;
	border-bottom: 1px solid #d9d9d9
}

.relat_post_blcok {
	background: #fff;
	padding-top: 15px;
	border-bottom: 1px solid #d9d9d9;
	margin-bottom: 10px
}

.relat_post li {
	border-bottom: 1px dotted #d9d9d9;
	font-size: 14px;
	width: 100%;
	box-sizing: box-border
}

.relat_post li a {
	line-height: 16px;
	display: block;
	padding: 14px 5px;
	box-sizing: border-box;
	width: 100%;
	text-overflow: ellipsis
}

.relat_post li:last-child {
	border-bottom: 0
}

.relat_post .icon_img,.relat_post .icon_video {
	display: inline-block;
	width: 15px;
	height: 16px;
	vertical-align: bottom;
	margin-right: 10px;
	font-size: 20px;
	color: #999
}

.ad_banner,.ad_banner img {
	width: 100%
}

.relat_post .icon_img:after {
	content: "\e60e"
}

.relat_post .icon_video:after {
	content: "\e614"
}

.ad_banner {
	display: block;
	text-align: right
}

.ad_banner:after {
	content: '推广';
	display: inline-block;
	height: 20px;
	line-height: 20px;
	width: 40px;
	font-size: 14px;
	text-align: center;
	background: #666;
	color: #fff;
	letter-spacing: .1em;
	text-indent: .1em;
	margin-top: -24px;
	margin-right: 3px;
	-webkit-transform: scale(.6);
	transform: scale(.6);
	position: relative;
	vertical-align: top
}

.comment_box .adr,.comment_info .text_top .name {
	vertical-align: middle;
	white-space: nowrap;
	text-overflow: ellipsis
}

.detail_images {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	height: 100%;
	width: 100%;
	background-color: #000
}

.detail_images .ui_view_con {
	height: 100%;
	bottom: 0;
	background-color: #000
}

.detail_images .header {
	border-bottom-color: #666;
	box-shadow: none
}

.detail_images .header .head_title {
	color: #ccc;
	background-color: #000;
	border-bottom-color: #444
}

.detail_images .header .btn_back {
	color: #888
}

.detail_images .header .burger div {
	background: #999
}

.detail_images .images_silder {
	position: absolute;
	max-height: none;
	width: 100%;
	top: 0;
	left: 0;
	bottom: 35px;
	background-color: #000;
	border-bottom: 1px solid #333;
	border-top: 1px solid #333
}

.detail_images .images_silder li .text,.images_silder_footer {
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
	box-sizing: border-box
}

.detail_images .images_silder li {
	width: 100%;
	height: 100%
}

.detail_images .images_silder li .img_warp {
	width: 100%;
	height: 100%;
	background: center center no-repeat;
	background-size: contain
}

.detail_images .images_silder li .text {
	color: #f6f6f6;
	background: rgba(0, 0, 0, .6);
	max-height: 200px;
	padding: 10px;
	overflow: auto;
	-webkit-overflow-scrolling: touch
}

.detail_images .images_silder li .text h3 {
	font-size: 14px;
	font-weight: 400;
	margin-bottom: 8px
}

.images_silder li .text h3 .cur_index {
	margin-right: 5px
}

.images_silder li .text h3 .cur_index strong {
	font-weight: 400;
	color: #c00
}

.detail_images .images_silder li .text p {
	line-height: 160%
}

.images_silder_footer {
	height: 31px;
	padding: 0 10px
}

.images_silder_footer ul {
	display: block;
	position: relative;
	margin-right: -2%
}

.images_silder_footer ul li {
	display: inline-block;
	width: 48%;
	margin-right: 1%
}

.block-city-weather .cityImg,.mask_link {
	width: 100%
}

.images_silder_footer ul li a {
	display: block;
	width: 100%;
	height: 28px;
	line-height: 28px;
	text-align: center;
	background-color: #4a4a4a;
	color: #fff;
	letter-spacing: 2px;
	text-indent: -2px
}

.images_silder_footer ul li .btn_all_comment {
	color: #999
}

.images_silder_footer .share_btn {
	display: block;
	text-align: right;
	margin-top: -26px
}

.images_silder_footer .share_btn:after {
	content: "\e60f";
	color: #ccc;
	font-size: 18px
}

.mask_link {
	display: block;
	position: absolute;
	height: 100%;
	left: 0;
	top: 0
}

.open_browser {
	position: fixed;
	background: url(img/opensafari.jpg) center center no-repeat #e6e6e6;
	background-size: auto 80%;
	z-index: -1;
	opacity: 0;
	-webkit-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out
}

.android .open_browser {
	background-image: url(img/opensafari2.jpg)
}

.open_browser.show {
	z-index: 2;
	opacity: 1
}

.block-city-weather {
	overflow: hidden;
	position: relative
}

.block-city-weather .h_temp,.cityName,.degree,.l_temp,.pm,.state {
	color: #fff;
	position: absolute
}

.block-city-weather .h_temp,.degree {
	top: 8px
}

.block-city-weather .h_temp,.cityName,.pm,.state {
	left: 13px
}

.block-city-weather .l_temp {
	left: 56px;
	top: 16px
}

.block-city-weather .degree {
	left: 72px
}

.block-city-weather .pm {
	top: 40px
}

.block-city-weather .state {
	top: 80px
}

.block-city-weather .cityName {
	bottom: 20px
}

.block_praise {
	margin: 10px auto;
	text-align: center
}

.block_praise .icon_love {
	display: block;
	line-height: 20px;
	min-width: 40px;
	margin: 0 auto
}

.block_praise .icon_love i {
	display: block;
	width: 40px;
	margin: 0 auto 4px;
	position: relative;
	-webkit-text-stroke-width: .2px;
	color: #999
}

.block_praise .icon_love i:before {
	content: "\e60b";
	font-size: 40px;
	line-height: 40px
}

.block_praise .icon_love i span {
	display: block;
	position: absolute;
	right: -5px;
	top: -8px;
	-webkit-transform: scale(.6);
	-webkit-transition: all .6s ease-in-out;
	transition: all .6s ease-in-out;
	color: #fff
}

.block_praise .icon_love i span:before {
	content: "\e624";
	display: block;
	width: 24px;
	height: 24px;
	line-height: 24px;
	font-size: 24px;
	background-color: #c00;
	border-radius: 50%
}

.block_praise .icon_love.loved i {
	color: #c00
}

.block_praise .icon_love.loved i span {
	-webkit-transform: scale(1.3);
	transform: scale(1.3);
	opacity: 0
}

.block_praise .icon_love.love_help i:before {
	content: "\e61b"
}

.block_praise .icon_love.love_help i span:before {
	content: "\e625"
}

.app_download_link {
	display: block;
	width: 100%;
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	color: #fff;
	background-color: #c33;
	text-align: center;
	border-radius: 5px;
	margin: 10px auto
}

.empty_tip {
	margin: 20px 0;
	text-align: center;
	font-size: 16px;
	display: none
}

.empty_tip.show {
	display: block
}

@media only screen and (min-device-width:380px) {
	.header .nav ul li {
		margin-right: 5px
	}
}

.detail_audio .audio_warp audio {
	display: none
}

.audioProgress {
	position: absolute;
	width: 65%;
	height: 3px;
	background-color: #ddd;
	bottom: 12px;
	left: 5px;
	right: 5px;
	margin: 0 auto
}

.loadProgress,.playProgress {
	position: absolute;
	width: 0;
	height: 100%;
	background-color: #c33
}

.audio_control {
	display: block;
	position: relative;
	height: 103px;
	background-image: url(img/audioPlayerBG.png)
}

.audio_control .iconfont.btn_start {
	position: absolute;
	left: 45%;
	color: #f6f6f6;
	top: 28px;
	font-size: 34px
}

.audio_control .iconfont.btn_pause {
	position: absolute;
	left: 45%;
	color: #f6f6f6;
	top: 24px;
	font-size: 34px
}

.audio_control .audio_next,.audio_control .audio_previous,.audio_control .btn_status
	{
	color: #f6f6f6;
	font-size: 30px;
	position: absolute
}

.audio_control .audio_previous {
	left: 25%;
	top: 27px
}

.audio_control .audio_next {
	left: 67%;
	top: 27px
}

.audio_control .btn_status {
	left: 4%;
	bottom: 18px
}

.audio_control .btn_status.single:after {
	content: '单条播放';
	font-size: 12px;
	position: absolute;
	left: -25%;
	bottom: -11px;
	width: 50px
}

.audio_control .btn_status.circle:after {
	content: '连续播放';
	font-size: 12px;
	position: absolute;
	left: -25%;
	bottom: -11px;
	width: 50px
}

.progress_button_wrapper {
	height: 26px;
	width: 26px;
	position: absolute;
	left: -3%;
	top: -11px
}

.progress_button {
	border-radius: 50%;
	height: 6px;
	width: 6px;
	background-color: #f6f6f6;
	border: 2px solid #e1e1e1;
	position: absolute;
	left: 5px;
	top: 7px
}

.changeSet {
	padding: 5px;
	font-size: 16px;
	color: #c33;
	text-align: center
}

.audio_player_control .audio_time {
	font-size: 12px;
	color: #fff;
	position: absolute;
	left: 40%;
	top: 65px
}

.audio_player_control .audio_head {
	padding-left: 6px;
	font-size: 13px;
	color: #fff;
	display: inline-block;
	padding-top: 4px
}

.audio_album {
	width: 100%;
	position: fixed;
	top: 240px;
	bottom: 0;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch
}

.news_audio_block {
	margin: 0 10px;
	border-bottom: 1px solid #e1e1e1;
	padding: 0 4px
}

.news_audio_info {
	overflow: hidden;
	padding-bottom: 10px;
	color: #999
}

.news_audio_info .news_audio_date {
	float: left
}

.news_audio_info .news_audio_time {
	float: right
}

.news_audio_title {
	font-size: 13px;
	padding-top: 8px;
	padding-bottom: 5px
}

.newsPlaying {
	color: red
}

.opacityArrow {
	opacity: .4
}

.audioNewsPlayer {
	position: relative
}

.audio_news_control {
	height: 200px;
	width: 100%;
	background-size: 100%;
	background-repeat: no-repeat
}

.audioNewsProgress {
	position: absolute;
	width: 65%;
	height: 3px;
	background-color: #ddd;
	bottom: 12px;
	left: 5px;
	right: 5px;
	margin: 0 auto
}

.loadNewsProgress,.playNewsProgress {
	position: absolute;
	width: 0;
	height: 100%;
	background-color: #c33
}

.news_progress_button_wrapper {
	height: 26px;
	width: 26px;
	position: absolute;
	left: -3%;
	top: -11px
}

.news_progress_button {
	border-radius: 50%;
	height: 6px;
	width: 6px;
	background-color: #f6f6f6;
	border: 2px solid #e1e1e1;
	position: absolute;
	left: 5px;
	top: 7px
}

.audio_news_control .news_previous {
	position: absolute;
	left: 29%;
	color: #f6f6f6;
	bottom: 36px;
	font-size: 30px
}

.audio_news_control .news_start {
	position: absolute;
	left: 45%;
	color: #f6f6f6;
	bottom: 33px;
	font-size: 34px
}

.audio_news_control .news_pause {
	position: absolute;
	left: 45%;
	color: #f6f6f6;
	bottom: 36px;
	font-size: 34px
}

.audio_news_control .news_next {
	position: absolute;
	left: 63%;
	color: #f6f6f6;
	bottom: 36px;
	font-size: 30px
}

.audio_news_control .audio_news_time {
	font-size: 12px;
	color: #fff;
	position: absolute;
	left: 40%;
	bottom: 19px
}

.audio_news_control .news_status {
	position: absolute;
	left: 4%;
	color: #f6f6f6;
	bottom: 18px;
	font-size: 30px
}

.audio_news_control .news_status.single:after {
	content: '单条播放';
	font-size: 12px;
	position: absolute;
	left: -25%;
	bottom: -11px;
	width: 50px
}

.audio_news_control .news_status.circle:after {
	content: '连续播放';
	font-size: 12px;
	position: absolute;
	left: -25%;
	bottom: -11px;
	width: 50px
}

.comment_blcok .block_titile {
	margin: 20px 0 0
}

.comment_blcok .tip {
	font-size: 14px;
	text-align: center;
	padding: 3px 0;
	width: 80%;
	margin: 10px auto;
	color: #999
}

.comment_box {
	padding-top: 10px;
	padding-bottom: 20px;
	position: relative;
	z-index: 1
}

.comment_box>ul>li {
	width: 100%;
	float: left;
	box-sizing: border-box;
	border-bottom: 1px dotted #e2e2e2;
	padding-bottom: 10px
}

.comment_box>ul>li:last-child {
	border-bottom: 0;
	margin-bottom: 0;
	padding-bottom: 0
}

.comment_box>ul>li .icon_photo {
	display: block;
	width: 27px;
	height: 27px;
	line-height: 27px;
	float: left;
	margin-top: 13px;
	position: relative;
	text-align: center
}

.comment_box>ul>li .icon_photo:before {
	content: "\e619";
	font-size: 26px;
	color: #999
}

.comment_box>ul>li .icon_photo>i {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	border-radius: 50%
}

.comment_box>ul>li .comment_right {
	margin-left: 38px
}

.comment_box .comment_info {
	font-size: 12px;
	float: left;
	width: 100%;
	color: #999;
	line-height: 30px;
	padding-top: 2px
}

.comment_info .text_top {
	width: 100%;
	line-height: 20px;
	color: #4882ae;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-flow: row;
	position: relative;
	top: 6px
}

.comment_box .adr {
	display: block;
	float: left;
	max-width: 50%;
	overflow: hidden;
	box-sizing: border-box;
	padding-right: 6px
}

.comment_info .text_top .name {
	display: block;
	float: left;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	overflow: hidden
}

.comment_info .text_bot {
	font-size: 10px;
	position: relative;
	top: 4px
}

.comment_info .time {
	display: block;
	float: left;
	height: 30px
}

.comment_info a {
	color: #999
}

.comment_box .con_text a {
	color: #545454
}

.comment_info .praise {
	display: block;
	padding: 0 4px 0 0;
	min-width: 45px;
	height: 30px;
	line-height: 30px;
	box-sizing: border-box;
	float: right;
	margin-left: 1px
}

.comment_info .praise:before {
	display: inline-block;
	height: 16px;
	width: 16px;
	line-height: 18px;
	font-size: 16px;
	content: "\e60b";
	color: #fff;
	background-color: #ccc;
	border-radius: 50%;
	margin-right: 4px;
	vertical-align: -2px
}

.comment_info .praise.praised {
	color: #c22b20
}

.comment_info .praise.praised:before {
	color: #c22b20;
	background-color: #fff
}

.showit_li .comment_info .praise {
	opacity: 0
}

.comment_info .reply_btn {
	display: block;
	width: 28px;
	height: 30px;
	box-sizing: border-box;
	float: right;
	opacity: .6
}

.comment_info .reply_btn:after {
	font-size: 20px;
	content: "\e60d";
	color: #666
}

.showit_li .comment_info .reply_btn {
	opacity: 1
}

.comment_box .comment_con {
	float: left;
	width: 100%;
	position: relative
}

.triangle-up,.triangle-up_shadow {
	width: 0;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	position: absolute;
	left: 10px
}

.comment_box .comment_con p {
	text-align: justify;
	text-justify: distributed
}

.comment_box .comment_con .con_text {
	line-height: 18px;
	font-size: 14px
}

.comment_box .comment_con .con_text_link_warp {
	overflow: hidden
}

.showit_li .con_text.con_text_link_warp {
	background-color: #e9e9e9;
	border-radius: 2px
}

.comment_box .comment_con .con_text.con_text_link_warp {
	max-height: 59px
}

.comment_box .comment_con .reply_con .con_text_link_warp {
	max-height: 55px
}

.comment_box .comment_con .con_text_link {
	text-align: left;
	display: block;
	padding: 5px 0
}

.reply_con .comment_closeing .toggle_btn_warp,.reply_item .reply_floor {
	text-align: right;
	display: block
}

.comment_box .comment_con .reply_con .comment_closeing .con_text_link,.comment_box .comment_con.comment_closeing>.con_text_link_warp .con_text_link
	{
	box-orient: vertical;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical
}

.comment_box .comment_con .reply_con .comment_opening .con_text_link_warp,.comment_box .comment_con.comment_opening .con_text.con_text_link_warp
	{
	overflow: visible;
	max-height: 1000px;
	-webkit-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out
}

.reply_con .comment_closeing .con_text_link {
	box-orient: vertical;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2 !important;
	-webkit-box-orient: vertical
}

.reply_item .reply_floor {
	height: 16px;
	line-height: 16px;
	color: #999
}

.reply_item .con_text_info {
	display: block;
	line-height: 16px;
	margin-top: -16px;
	margin-bottom: 2px;
	margin-right: 30px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.reply_item .con_text_info .user_name {
	display: inline-block;
	max-width: 140px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: middle;
	float: left
}

.comment_box .con_text_info .adr {
	display: inline-block;
	vertical-align: middle;
	max-width: 70px
}

.triangle-up {
	height: 0;
	border-bottom: 6px solid #f1f9fc;
	top: -6px;
	z-index: 2
}

.triangle-up_shadow {
	height: 0;
	border-bottom: 6px solid #ccc;
	top: -7px;
	z-index: 1
}

.icon_trg,.open_all,.reply_con {
	position: relative
}

.reply_con {
	background: #f1f9fc;
	border: 1px solid #e3e3e3;
	margin-top: 10px;
	color: #666
}

.reply_con .reply_item .reply_item_warp {
	margin: 0 5px;
	padding: 10px 0;
	border-top: 1px dotted #d3d3d3
}

.reply_con .reply_item.hideit {
	height: 0;
	overflow: hidden;
	opacity: 0;
	padding: 0
}

.reply_con .reply_item.admin_reply {
	background-color: #ffe
}

.admin_reply .user_name {
	color: #ea6969
}

.reply_con.show_all .reply_item.hideit {
	height: auto;
	overflow: initial;
	opacity: 1;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}

.reply_con .reply_item:first-of-type .reply_item_warp {
	border-top: none
}

.reply_con .reply_item p {
	line-height: 16px;
	font-size: 12px;
	color: #555;
	padding: 0 5px
}

.reply_con .reply_item p .msg_del {
	color: #999;
	position: relative;
	top: -7px
}

.open_all {
	display: block;
	width: 120px;
	margin: 0 auto 15px;
	padding: 1px 4px;
	background: #63b6eb;
	text-align: center;
	line-height: 16px;
	height: 16px;
	font-size: 10px;
	color: #fff;
	border-radius: 8px
}

.lightblue,.toggle_btn_warp a,.user_name {
	color: #4882ae
}

.icon_trg {
	display: inline-block;
	height: 6px;
	width: 6px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	vertical-align: middle;
	transform: translate(0, -1px) rotate(135deg);
	-webkit-transform: translate(0, -1px) rotate(135deg);
	left: 6px
}

.open_all .icon_trg {
	margin-left: 5px;
	top: -1px
}

.toggle_btn_warp {
	text-align: right;
	display: none
}

.comment_box .comment_closeing>.toggle_btn_warp,.comment_box .comment_opening>.toggle_btn_warp
	{
	display: block
}

.close_text_btn,.open_text_btn {
	font-size: 12px;
	line-height: 18px
}

.close_text_btn .icon_trg,.open_text_btn .icon_trg {
	border-color: #4882ae;
	left: -6px;
	margin-left: 10px
}

.close_text_btn .icon_trg {
	border-color: #4882ae;
	transform: translate(0, -1px) rotate(-45deg);
	-webkit-transform: translate(0, -1px) rotate(-45deg);
	top: 2px
}

.comment_tip {
	text-align: center;
	color: #999;
	font-size: 14px;
	margin-top: 10px;
	display: none
}

.detail_comment_footer {
	width: 100%;
	height: 31px;
	padding: 0 10px;
	margin-bottom: 10px;
	box-sizing: border-box
}

.detail_comment_footer ul li {
	display: inline-block;
	width: 48%;
	margin-right: 1%
}

.detail_comment_footer ul li .btn_all_comment {
	color: #999;
	background-color: #eaeaea
}

.detail_comment_footer ul li a {
	display: block;
	width: 100%;
	height: 28px;
	line-height: 28px;
	text-align: center;
	background-color: #e94f4f;
	letter-spacing: 2px;
	text-indent: -2px;
	color: #fff
}

.comment_area {
	width: 94%;
	margin: 10px 10px 7px;
	height: 90px;
	font-size: 12px;
	border: 1px solid #d9d9d9;
	outline: 0;
	-webkit-appearance: none;
	border-radius: 0
}

.reply_popup {
	width: 48px;
	height: 28px;
	background-color: #463e3e;
	z-index: 2;
	position: absolute;
	color: #fff !important;
	right: 35px;
	border-radius: 5px;
	text-align: center
}

.page_comment h2 {
	border-bottom: 1px solid #e1e1e1;
	padding: 5px
}

.btn_sub_comment.noloadmore {
	transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-o-transform: translateX(-50%)
}

.btn_loadmore_comment {
	width: 48%;
	text-align: center;
	margin: 10px auto;
	padding: 10px 0;
	letter-spacing: 2px;
	font-size: 12px;
	background-color: #eaeaea
}

.btn_loadmore_comment a {
	color: #999
}

.pencil_icon {
	background-image: url(img/user_img/icon_input.png);
	height: 20px;
	width: 20px;
	background-size: 20px;
	display: inline-block;
	background-repeat: no-repeat;
	margin-left: 12px;
	margin-top: 2px
}

.comment_popup {
	margin-top: 8px;
	height: 24px;
	width: 285px;
	margin-left: 10px;
	border: 1px solid #ccc;
	border-radius: 4px
}

.comment_popup_btns {
	float: right;
	margin-right: 10px;
	margin-bottom: 20px
}

.detail_comment_footer .text_icon {
	display: inline-block;
	position: relative;
	top: -5px;
	left: 10px;
	color: #999
}

.detail_comment_footer .all_comments_btn {
	display: inline-block;
	position: relative;
	color: #999;
	left: 7px;
	bottom: 5px;
	padding: 10px
}

.all_comments .detail_comment_footer .comment_popup {
	width: 352px
}

.comment_login_block {
	width: 94%;
	margin: 0 10px
}

.comment_popup_area {
	box-sizing: border-box
}

.comment_content_area {
	width: 100%;
	background-color: #f6f6f6;
	height: 200px
}

.btn_all_comment,.btn_sub_comment {
	height: 25px;
	width: 50px;
	display: inline-block;
	line-height: 25px;
	text-align: center
}

.btn_all_comment {
	background-color: #d9dcdf;
	color: grey
}

.btn_sub_comment {
	background-color: #ea6969;
	color: #fff
}

.comment_area_password,.comment_area_username {
	width: 35%;
	height: 23px;
	margin: 10px 0 0;
	border: 1px solid #d9d9d9;
	padding: 2px;
	outline: 0;
	-webkit-appearance: none;
	border-radius: 0
}

.comment_area_login_btn {
	display: inline-block;
	height: 26px;
	width: 21%;
	background-color: #f6f6f6;
	float: right;
	border: 1px solid #ea6969;
	margin: 10px 0 0;
	line-height: 25px;
	color: #ea6969;
	text-align: center
}

.comment_login_notice_info {
	display: none;
	padding-top: 2px;
	padding-left: 10px;
	color: #ea6969
}

.comment_login_user_icon {
	display: inline-block;
	height: 25px;
	width: 25px;
	border-radius: 13px;
	margin: 10px 10px 0 0;
	background-size: 25px;
	background-repeat: no-repeat;
	background-position: center
}

.comment_login_username {
	display: inline-block;
	height: 25px;
	line-height: 25px;
	position: Relative;
	bottom: 7px;
	color: #4882ae
}

.page_paper .paperContent,.page_paper .paper_slider {
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	box-sizing: border-box
}

.page_paper .paper_slider {
	top: 40px;
	padding: 0 5px 5px;
	margin-top: 5px;
	z-index: 0
}

.page_paper .paper_slider .swiper-slide {
	text-align: center
}

.page_paper .paper_slider .swiper-slide .paper_img {
	background-size: 100%;
	background-position: center top;
	background-repeat: no-repeat;
	margin: 0 auto
}

.page_paper .paper_slider .swiper-slide img {
	display: inline;
	width: 100%;
	max-height: 100%
}

.page_paper .paperContent {
	height: 100%;
	padding-top: 40px;
	overflow: auto
}

.page_paper .paperContent .paper_date {
	background-color: #fff;
	border-bottom: 1px solid #f1f1f1;
	padding: 10px;
	font-size: 14px
}

.page_paper .paperContent .par_item {
	background-color: #fff;
	font-size: 11px;
	border-bottom: 1px solid #f1f1f1;
	margin-bottom: 15px
}

.page_paper .paperContent .par_item .top_title {
	height: 30px;
	line-height: 30px;
	padding: 0 10px
}

.page_paper .paperContent .par_item .top_title h2 {
	color: #c01919;
	margin-left: 10px;
	font-size: 12px
}

.page_paper .paperContent .par_item .top_title em {
	box-sizing: border-box;
	float: left;
	width: 3px;
	height: 20px;
	background-color: #ca201e;
	margin-top: 5px
}

.page_paper .paperContent .par_item ul li {
	padding: 5px 0;
	border-top: 1px solid #f1f1f1
}

.page_paper .paperContent .par_item ul li a {
	display: block
}

.page_paper .paperContent .par_item ul li h3 {
	font-size: 15px;
	color: #333;
	text-align: justify
}

.page_paper .paperContent .par_item ul li .img_warp {
	width: 90px;
	height: 70px;
	background: center center no-repeat;
	background-size: contain;
	margin-bottom: -70px;
	position: relative
}

.page_paper .paperContent .par_item ul li .sub_text {
	color: #999;
	font-size: 12px;
	white-space: nowrap;
	overflow: hidden;
	text-align: right;
	margin-top: 5px
}

.page_paper .paperContent .par_item ul li .paper_2,.page_paper .paperContent .par_item ul li .paper_3,.page_paper .paperContent .par_item ul li .paper_5
	{
	padding: 5px
}

.page_paper .paperContent .par_item ul li .paper_3 h3,.page_paper .paperContent .par_item ul li .paper_5 h3
	{
	margin-left: 100px;
	min-height: 70px
}

.page_paper .paperContent .par_item ul li .paper_4 {
	width: 50%;
	box-sizing: border-box;
	padding: 5px;
	display: table-cell
}

.page_paper .paperContent .par_item ul li .paper_4:first-child {
	border-right: 1px solid #f1f1f1
}

.page_paper .paperContent .par_item ul li .paper_5 .img_warp:after {
	display: block;
	position: absolute;
	content: "\e620";
	font-family: iconfont;
	top: 50%;
	margin-top: -10px;
	left: 50%;
	margin-left: -10px;
	background-color: rgba(0, 0, 0, .35);
	border-radius: 50%;
	font-size: 20px;
	line-height: 20px;
	color: #fff
}

.page_paper .shade {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: .2;
	z-index: 1
}

.page_paper .bottom_nav {
	width: 100%;
	height: 30px;
	position: absolute;
	bottom: 20px;
	left: 0;
	z-index: 1
}

.page_paper .bottom_nav>ul {
	box-sizing: border-box;
	height: 30px;
	width: 70%;
	margin: 0 auto;
	padding: 5px 0;
	border-radius: 15px;
	border: 1px solid rgba(153, 153, 153, .65);
	background-color: rgba(255, 255, 255, .65);
	font-size: 0
}

.page_paper .paper_nav_warp.on .bottom_nav>ul {
	background-color: rgba(255, 255, 255, .9)
}

.page_paper .bottom_nav>ul>li {
	display: inline
}

.page_paper .bottom_nav>ul>li>a {
	font-size: 12px;
	display: inline-block;
	width: 33%;
	text-align: center;
	height: 20px;
	line-height: 20px;
	border-right: 1px solid #999;
	box-sizing: border-box;
	opacity: .65
}

.page_paper .bottom_nav>ul>li:last-child>a {
	border-right: 0
}

.page_paper .bottom_nav>ul>li.on>a {
	font-size: 14px;
	color: #c01919
}

.page_paper .bottom_nav>ul>li.on>a.page_num_a {
	font-size: 12px;
	color: #333
}

.page_paper .bottom_nav>ul>li.on>a.page_num_a strong {
	color: #d64949;
	font-weight: 400
}

.page_paper .paper_nav_lsit {
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 40px;
	box-sizing: border-box;
	display: none
}

.page_paper .bottom_nav>ul>li.open .paper_nav_lsit {
	display: block
}

.page_paper .paper_nav_lsit ul {
	width: 96%;
	margin: 0 auto;
	font-size: 0;
	background-color: #fff;
	border-bottom: 2px solid #d64949
}

.page_paper .paper_nav_lsit ul li {
	box-sizing: border-box;
	font-size: 12px;
	height: 30px;
	line-height: 30px;
	display: inline-block;
	width: 25%;
	text-align: center;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc
}

.page_paper .paper_nav_lsit ul li a {
	display: block
}

.page_paper .paper_nav_lsit ul li.on a {
	color: #c01919
}

.page_paper .paper_nav_lsit:after {
	content: "\20";
	width: 0;
	height: 0;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-top: 7px solid #d64949;
	position: absolute;
	bottom: -5px;
	left: 26%;
	margin-left: -4px
}

.page_paper .paper_nav_lsit.paper_date_list ul {
	border-bottom-color: green
}

.page_paper .paper_nav_lsit.paper_date_list ul li {
	width: 50%
}

.page_paper .paper_nav_lsit.paper_date_list:after {
	border-top-color: green;
	right: 26%;
	left: auto
}

.page_paper .loadding {
	width: 80px;
	text-align: center;
	position: fixed;
	line-height: 30px;
	padding: 5px;
	font-size: 12px;
	background: rgba(0, 0, 0, .66);
	left: 50%;
	margin-left: -45px;
	top: 50%;
	margin-top: -20px;
	z-index: 2;
	color: #fff;
	border-radius: 5px
}

.page_polymer .banner {
	overflow: hidden;
	position: relative;
	width: 100%
}

.page_polymer .banner .topImg {
	width: 100%;
	height: 100%
}

.page_polymer .banner h3 {
	position: absolute;
	color: #fff;
	z-index: 999;
	top: 6.5rem;
	font-size: 16px;
	margin: 0 auto;
	width: 100%;
	text-align: center
}

.page_polymer .banner p {
	font-size: 14.5px;
	padding: 10px;
	display: block;
	line-height: 22px
}

.page_polymer .banner p em {
	color: #c01919
}

.page_polymer #listWenHtml .title {
	width: 100%;
	height: 30px
}

.page_polymer #listWenHtml .title em {
	box-sizing: border-box;
	top: 0;
	margin: 5px 10px 0;
	float: left;
	width: 3px;
	height: 20px;
	background-color: #ca201e
}

.page_polymer #listWenHtml .title h3 {
	font-size: 14px;
	color: #c01919;
	border-bottom: 1px solid #f1f1f1;
	height: 30px;
	margin-left: 10px;
	line-height: 30px
}

@
-webkit-keyframes fadeOutUp { 0%{
	opacity: 1
}

90%{
opacity
:
1;-webkit-transform
:translateY(0)
;margin-bottom
:
0
}
100%{
opacity
:
0;-webkit-transform
:translateY(-30px)
;margin-bottom
:
-85px
}
}
.page_polymer .live_cover {
	width: 100%;
	height: 75px
}

.page_polymer .downImg {
	width: 100%;
	height: 30px;
	background: url(img/other/down.png) center no-repeat
}

.page_polymer .video_img {
	width: 100%
}

.page_polymer .video_img img {
	width: 100%;
	height: 150px;
	margin-top: 10px
}

.page_polymer .live_cover>img {
	display: block;
	width: 100%;
	height: 100%;
	margin-bottom: -75px
}

.page_polymer .live_cover h2 {
	color: #fff;
	font-size: 14px;
	padding: 5px 15px 30px;
	background: -webkit-gradient(linear, center bottom, center top, from(rgba(0, 0, 0, 0
		)), to(rgba(0, 0, 0, .8)));
	background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0),
		rgba(0, 0, 0, .8));
	position: relative
}

.page_polymer .live_state {
	width: 100px;
	background: #5b9a67;
	font-size: 9px;
	margin: 0 14px 20px;
	border-radius: 10px;
	color: #fff;
	bottom: 100px;
	text-align: center;
	padding: 0 10px
}

.page_polymer .live_state_3 {
	background: #999
}

.page_polymer .live_num {
	font-size: 5px;
	color: #fff;
	float: right;
	bottom: 5px;
	right: 14px
}

.page_polymer .live_join {
	font-size: 14px;
	margin-right: 20px
}

.page_polymer .state_on {
	width: 50px;
	height: 50px;
	float: right
}

.page_polymer .updownArrow {
	background-image: url(img/other/up.png);
	width: 100%;
	height: 30px;
	background-repeat: no-repeat;
	background-position: center
}

.page_polymer .updownArrow.downArrow {
	background-image: url(img/other/down.png)
}

.page_polymer .live_guestlist {
	margin: 10px 0
}

.page_polymer .icon_photo {
	display: block;
	width: 50px;
	height: 50px;
	margin: 10px auto;
	background: url(img/user_photo.png) center center no-repeat;
	background-size: cover
}

.page_polymer .icon_photo img {
	width: 50px;
	height: 50px;
	border-radius: 50%
}

.page_polymer .swiper-slide {
	text-align: center;
	width: 25%
}

.page_polymer .slideOne p {
	display: inline-block;
	text-align: center;
	padding: 0 16px
}

.page_polymer .list_box {
	height: 67px;
	position: absolute;
	width: 25px;
	margin-top: 7px;
	right: -1px;
	border-right: 1px solid #dbdbdb
}

.page_polymer .author {
	overflow: hidden;
	display: none
}

.page_polymer .author .icon_photo {
	margin-left: 20px;
	height: 50px;
	margin-bottom: -50px
}

.page_polymer .author_info {
	margin-left: 80px;
	margin-right: 5px;
	min-height: 50px
}

.page_polymer .design {
	margin-left: 4px;
	color: #000
}

.page_polymer .author_tip {
	top: 15%;
	width: 100%;
	color: red
}

.page_polymer .design_name {
	margin-left: 8px;
	color: #000
}

.page_polymer .choice {
	position: absolute;
	right: 10px;
	color: #000
}

.page_polymer .introduce {
	font-size: 12px;
	margin: 4px 0 6px;
	bottom: 0;
	color: #b3b3b3
}

.page_polymer .introduction {
	width: 90%;
	margin: 0 auto;
	border-top: 1px dotted #999;
	border-bottom: 1px solid transparent
}

.page_polymer .introduction p {
	font-size: 14px;
	margin: 0 4px;
	display: inline-block;
	vertical-align: middle
}

.page_polymer .little_tab>ul {
	width: 100%;
	height: 33px;
	font-size: 16px;
	text-align: center;
	border-bottom: 1px solid #dbdbdb;
	margin-bottom: 20px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex
}

.page_polymer .little_tab li {
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.page_polymer .little_part {
	display: inline-block;
	height: 100%;
	width: 70px;
	line-height: 35px
}

.page_polymer .seleted {
	border-bottom: 3px solid #c33;
	color: #c33
}

.page_polymer .little_part_interview {
	display: inline-block;
	height: 100%;
	width: 96px;
	line-height: 35px
}

.page_polymer .little_interview span {
	line-height: 1.5rem;
	display: inline-block;
	height: 1.5rem
}

.page_polymer .little_part span {
	margin-left: -14px;
	line-height: 35px;
	display: inline-block;
	height: 35px;
	width: 96px;
	border-right: 1px solid #dbdbdb
}

.page_polymer .btn {
	text-align: center;
	padding: 6px 0 4px
}

.page_polymer .btn img {
	width: 95px;
	height: 15px
}

.page_polymer .avatar_warp {
	text-align: center
}

.page_polymer .avatar_warp .icon_avatar {
	display: block;
	width: 27px;
	height: 27px;
	line-height: 27px;
	margin: 8px auto;
	position: relative
}

.page_polymer .avatar_warp .icon_avatar i {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	border-radius: 50%;
	opacity: 1
}

.page_polymer .avatar_warp .icon_avatar:before {
	font-family: iconfont;
	content: "\e619";
	font-size: 24px;
	color: #999;
	vertical-align: middle
}

.page_polymer .avatar_warp .name {
	font-size: 12px;
	color: red
}

.page_polymer .conversation_box {
	margin-top: 5px;
	margin-bottom: 10px;
	min-height: 65px;
	position: relative
}

.page_polymer .conversation_left {
	position: absolute;
	left: 0;
	top: 0;
	width: 50px
}

.page_polymer .conversation_right {
	margin: 0 10px 0 50px
}

.page_polymer .conversation_bjk {
	float: right;
	width: 97%;
	border: 1px solid #4882ae;
	border-radius: 5px;
	background: #ffe
}

.page_polymer .conversation_triangle,.page_polymer .nomal_triangle,.page_polymer .t_triangle,.page_polymer .triangle
	{
	width: 0;
	height: 0;
	position: relative;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent
}

.page_polymer .conversation_triangle {
	float: left;
	top: 10px;
	left: -10px;
	border-right: 10px solid #4882ae
}

.page_polymer .content_height {
	//max-height: 57px
}

.page_polymer .deploy {
	margin-top: 3px;
	color: #6093b9;
	font-size: 14px;
	position: relative;
	text-align: right;
	right: 15px;
	bottom: 4px
}

.page_polymer .deploy .on {
	color: #6093b9;
	font-size: 14px;
	position: relative;
	right: -205px;
	bottom: 1px
}

.page_polymer .triangle {
	top: -10px;
	left: 2px;
	border-right: 10px solid #fff
}

.page_polymer .info {
	font-size: 14px;
	margin: 6px;
	color: #6093b9
}

.page_polymer .reply_timer,.page_polymer .timer {
	font-size: 12px;
	position: absolute;
	right: 0;
	margin-right: 28px;
	color: #a4a4a4
}

.page_polymer .tip {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical
}

.page_polymer .conversation_bjk p {
	font-size: 14px;
	margin: 4px 4px 4px 8px
}

.page_polymer .nomal_bjk p {
	font-size: 14px;
	margin: 4px 4px 10px 8px
}

.page_polymer .tobutop {
	float: left;
	width: 95px;
	height: 15px;
	position: relative;
	bottom: 5px;
	left: 50%;
	margin-left: -42px
}

.page_polymer .box_nomal {
	margin-bottom: 3px;
	min-height: 65px;
	position: relative
}

.page_polymer .nomal_left {
	position: absolute;
	left: 0;
	top: 0;
	width: 50px
}

.page_polymer .nomal_right {
	margin: 0 10px 0 50px
}

.page_polymer .nomal_bjk {
	float: right;
	height: 100%;
	width: 97%;
	border: 1px solid #e9e9e9;
	border-radius: 5px;
	background: #fff
}

.page_polymer .nomal_info {
	font-size: 15px;
	margin: 6px;
	color: #6093b9
}

.page_polymer .nomal_triangle {
	float: left;
	top: 10px;
	left: -10px;
	border-right: 10px solid #e9e9e9
}

.page_polymer .t_triangle {
	top: -10px;
	left: 2px;
	border-right: 10px solid #fff
}

.page_polymer .reply {
	margin: 4px;
	background: #eaeaea
}

.page_polymer .reply_info {
	font-size: 14px;
	padding: 6px;
	color: #6093b9
}

.page_polymer .reply_timer {
	right: 12px;
	position: absolute;
	color: #a4a4a4
}

.page_polymer .reply_contain {
	font-size: 12px;
	color: #999
}

.page_polymer .normal_pic {
	position: relative;
	margin: 0 4px 4px
}

.page_polymer .pic_small {
	width: 100%;
	height: 100%
}

.page_polymer .normal_big_btn {
	width: 24px;
	height: 24px;
	z-index: 999;
	position: absolute;
	left: 52px;
	bottom: 4px;
	display: none
}

.page_polymer .pic_big {
	width: 100%;
	height: 100%
}

.page_polymer .normal_small_btn {
	width: 45px;
	height: 45px;
	z-index: 999;
	position: absolute;
	right: 0;
	bottom: 5px
}

.page_polymer .reply_pic {
	position: relative
}

.page_polymer .reply_big {
	width: 77px;
	height: 50px
}

.page_polymer .reply_small_btn {
	position: absolute;
	right: 0;
	z-index: 999;
	width: 24px;
	height: 24px;
	bottom: 3px;
	display: none
}

.page_polymer .reply_small {
	width: 77px;
	height: 50px;
	display: none
}

.page_polymer .reply_big_btn {
	width: 45px;
	height: 45px;
	position: absolute;
	left: 53px;
	bottom: 5px
}

.page_polymer .live_video {
	width: 100%;
	margin-top: 10px
}

.page_polymer .live_video .swiper-slide {
	width: 33.3%
}

.page_polymer .live_video .swiper-slide .icon_img {
	display: inline-block;
	width: 100%;
	height: 60px
}

.page_polymer .live_video .swiper-slide .icon_img .on {
	border: 2px solid rgba(204, 51, 51, .7)
}

.page_polymer .live_video .swiper-slide .icon_img img {
	width: 100%;
	height: 60px
}

.page_polymer .live_video .swiper-slide .icon_img .live_image {
	width: 95%;
	height: 60px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center
}

.page_polymer .live_video .swiper-slide .icon_img .mask {
	height: 60px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, .5);
	width: 95%
}

.page_polymer .live_video .swiper-slide:first-of-type .icon_img .mask {
	background: rgba(0, 0, 0, 0)
}

.page_polymer .live_video .swiper-slide .icon_img .mask i {
	position: absolute;
	display: block;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	border-left: 8px solid #fff;
	left: 5.5px;
	bottom: 4.5px
}

.page_polymer .livecomment {
	width: 100%
}

.page_polymer .liveCommentBtn {
	margin: 10px auto;
	width: 48%;
	text-align: center;
	height: 28px;
	line-height: 28px;
	background-color: #e94f4f;
	color: #fff
}

.page_polymer .commentInput {
	width: 97%;
	height: 28px;
	margin: 14px 0 15px;
	position: relative
}

.page_ask .news_item h2 {
	height: 66px;
	margin-bottom: 4px
}

.page_ask .news_item .to_reply {
	line-height: 22px;
	height: 22px;
	margin-top: 10px;
	padding-left: 20px;
	background: url(img/ask_img/icon_yhf@3x.png) left center no-repeat;
	background-size: auto 70%;
	color: #666;
	max-width: 120px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin-bottom: -22px
}

.page_ask .topic_header {
	position: relative
}

.page_ask .topic_header .img_warp {
	min-height: 130px
}

.page_ask .topic_header .img_warp img {
	display: block;
	width: 100%;
	height: auto
}

.page_ask .topic_header .btn_parse {
	display: block;
	position: absolute;
	min-width: 34px;
	height: 37px;
	background: url(img/ask_img/btn_zan@3x.png) center center no-repeat;
	background-size: contain;
	color: #fff;
	text-align: center;
	padding: 0 3px;
	line-height: 20px;
	font-size: 10px;
	right: 8px;
	bottom: 36px
}

.page_ask .topic_header .btn_parse.praised {
	background-image: url(img/ask_img/btn_zan_ed@3x.png)
}

.page_ask .topic_header .title {
	padding: 12px;
	background: #c00;
	background: -webkit-linear-gradient(0deg, rgba(0, 0, 0, .9),
		rgba(0, 0, 0, .74), rgba(255, 255, 255, 0));
	background: linear-gradient(0deg, rgba(0, 0, 0, .9), rgba(0, 0, 0, .74),
		rgba(255, 255, 255, 0));
	color: #fff;
	font-size: 16px;
	box-sizing: border-box;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%
}

.page_ask .buttons ul {
	text-align: center;
	font-size: 0;
	padding: 5px 0;
	border-bottom: 1px solid #ccc
}

.page_ask .buttons ul li {
	width: 33%;
	line-height: 30px;
	display: inline-block;
	font-size: 16px;
	border-right: 1px solid #ccc
}

.page_ask .buttons ul li:last-child {
	border-right: 0
}

.page_ask .buttons ul li img {
	height: 16px;
	display: inline;
	vertical-align: middle
}

.menu_login_warp .link_login,.menu_login_warp .login_username {
	vertical-align: top;
	line-height: 30px
}

.page_ask .detail_content.ask_topic_detail {
	background-color: #fff;
	margin: 0 0 10px;
	width: 100%;
	padding-top: 1px;
	padding-bottom: 10px;
	line-height: 1.5;
	border-bottom: 1px solid rgba(217, 217, 217, .5)
}

.page_ask .detail_content.ask_topic_detail .detail {
	font-size: 14px
}

.page_ask .detail_content.ask_topic_detail .detail img {
	display: block;
	width: 100%;
	height: auto
}

.page_ask .btn_detail_more {
	display: none;
	width: 40px;
	height: 40px;
	margin: 0 auto 5px;
	background: url(img/btn_open@3x.png) center center no-repeat;
	background-size: contain
}

.page_ask .relative_ask_warp {
	background-color: #fff;
	padding-top: 15px;
	border-top: 1px solid rgba(217, 217, 217, .5);
	border-bottom: 1px solid rgba(217, 217, 217, .5)
}

.page_ask_detail .head .title {
	font-size: 18px;
	font-weight: 400
}

.page_ask_detail .head .dot {
	margin: 0 5px
}

.page_ask_detail .ask_detail>ul>li {
	border: 1px solid #ddd;
	margin-bottom: 20px;
	padding: 10px;
	background: #fff;
	position: relative;
	margin-left: 10px
}

.page_ask_detail .ask_detail>ul>li.type_answer {
	background-color: #f1f9fc
}

.page_ask_detail .ask_detail>ul>li:first-child {
	margin-top: 20px
}

.page_ask_detail .ask_detail>ul>li .name {
	line-height: 20px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #999;
	font-size: 16px
}

.page_ask_detail .ask_detail>ul>li.type_answer .name {
	color: #4882ae
}

.page_ask_detail .ask_detail>ul>li .time,.page_ask_detail .ask_detail>ul>li .toname
	{
	line-height: 18px;
	color: #999;
	font-size: 12px;
	padding-top: 5px;
	letter-spacing: .05em
}

.page_ask_detail .ask_detail>ul>li .toname strong {
	font-weight: 400;
	color: #4882ae
}

.page_ask_detail .ask_detail>ul>li .text {
	padding-top: 5px;
	line-height: 1.4;
	text-align: justify;
	text-justify: distributed
}

.page_ask_detail .ask_detail>ul>li .text pre {
	font-family: 'microsoft Yahei';
	white-space: pre-wrap;
	word-wrap: break-word
}

.page_ask_detail .ask_detail>ul>li .text p {
	text-indent: 2em;
	margin-bottom: 5px
}

.page_ask_detail .ask_detail>ul>li .icon_photo {
	display: block;
	width: 27px;
	height: 27px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	background-image: url(img/user_photo.png);
	border-radius: 27px;
	position: absolute;
	top: -13px;
	left: -13px
}

.page_ask_detail .ask_detail>ul>li:after {
	display: block;
	content: "问";
	width: 15px;
	height: 15px;
	line-height: 15px;
	background: #c33;
	color: #fff;
	position: absolute;
	left: -9px;
	top: 25px;
	border-radius: 50%;
	font-size: 10px;
	text-align: center
}

.page_ask_detail .ask_detail>ul>li.type_answer:after {
	content: "答";
	background-color: #65dda3;
	color: #469d73
}

.page_ask_detail .ask_detail>ul>li.type_add:after {
	content: "补"
}

.page_ask_detail .relat_post_blcok {
	border-top: 1px solid #d9d9d9
}

.page_ask_detail .relat_post_blcok .relat_post a {
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 15px 15px;
	padding-left: 21px;
	background-image: url(img/icon_unanswered.png)
}

.page_ask_detail .relat_post_blcok .relat_post a.replied {
	background-image: url(img/icon_down.png)
}

.page_ask_detail .status_bar {
	font-size: 14px;
	color: #333;
	margin-bottom: 15px
}

.page_ask_detail .status_bar span {
	display: inline-block;
	font-size: 12px;
	text-align: center;
	height: 18px;
	line-height: 18px;
	margin-left: 15px;
	width: 49px;
	border-radius: 10px
}

.page_ask_detail .status_bar .check {
	color: #999;
	border: 1px solid #ccc
}

.page_ask_detail .status_bar .checked {
	color: #36c37f;
	width: 60px;
	border-radius: 15px;
	border: 1px solid #65dda3
}

.page_ask_detail .status_bar .doing {
	color: #ea6969;
	border: 1px solid #ea6969
}

.page_ask_detail .status_bar .replied {
	color: #4882ae;
	border: 1px solid #4882ae
}

.page_ask_detail .status_bar .unapprove {
	color: #999;
	width: 80px;
	border: 1px solid #ccc
}

.login_notice_info {
	display: none;
	padding-left: 20px;
	background: url(img/user_img/icon_warning.png) left center no-repeat;
	background-size: auto 100%
}

.menu_login_warp {
	background-color: #fff;
	height: 30px;
	font-size: 14px;
	line-height: 30px;
	border: 1px solid #dadada;
	border-radius: 5px;
	margin-bottom: 10px;
	padding: 10px
}

.menu_login_warp .login_user_icon {
	display: inline-block;
	height: 30px;
	width: 30px;
	border-radius: 50%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	margin-right: 10px;
	color: #666
}

.menu_login_warp .login_user_icon:before {
	content: "\e619";
	font-family: iconfont;
	font-size: 30px
}

.menu_login_warp .login_user_icon.logged:before {
	display: none
}

.menu_login_warp .link_login {
	color: #c33
}

.menu_login_warp .link_logout {
	float: right;
	color: grey
}

.page_user .user_bg {
	width: 100%;
	height: 99px;
	background-color: #dc2121;
	overflow: hidden
}

.page_user .user_icon {
	border: 1px solid #fff;
	width: 58px;
	height: 58px;
	border-radius: 30px;
	margin: 10px auto 0;
	background-image: url(img/user_img/icon_user.png);
	background-size: 58px;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #e6e2e2
}

.page_user .name_info {
	margin: 25px 15px 10px;
	border: 1px solid #d9d9d9
}

.page_user .name_info li {
	height: 34px;
	width: 100%;
	background-color: #fff;
	font-size: 14px;
	color: #666;
	line-height: 34px;
	border-bottom: 1px solid #d9d9d9
}

.page_user .name_info li span:first-of-type {
	padding-left: 10px
}

.page_user .name_info li span:last-of-type {
	float: right;
	padding-right: 36px
}

.page_user .name_info li:last-of-type {
	border-bottom: 0
}

.page_user .name_info .name_info_arrow {
	background-image: url(img/user_img/btn_forward.png);
	width: 30px;
	height: 30px;
	background-size: 30px;
	background-repeat: no-repeat
}

.page_user .logout {
	margin: 25px 15px;
	font-size: 14px;
	background-color: #999;
	height: 34px;
	line-height: 34px;
	text-align: center;
	letter-spacing: 10px;
	color: #fff
}

.page_user .logo-pic {
	text-align: center;
	padding: 40px 0 25px
}

.page_user .logo-pic p {
	display: inline-block;
	text-align: center;
	width: 80px
}

.page_user .logo-pic p img {
	width: 60px;
	display: inline-block;
	padding-bottom: 12px
}

.page_user .fie_sty {
	width: 93%;
	height: 150;
	border-top: 1px solid #d9d9d9;
	margin: 0 auto
}

.page_user .leg_sty {
	width: 20px;
	text-align: center;
	color: #666;
	font-size: 15px
}

.page_user .login_notice_info {
	font-size: 12px;
	color: #dc2121;
	width: 75%;
	margin: 15px auto 0
}

.page_user .login_notice_info img {
	width: 15px;
	height: 15px;
	margin-right: 10px;
	float: left
}

.page_user .form-user .item-fore1,.page_user .form-user .item-fore2 {
	border: 1px solid #d9d9d9;
	height: 34px;
	width: 290px;
	margin-left: 15px;
	border-radius: 3px
}

.page_user .form-user .item-fore3 {
	height: 14px;
	width: 290px;
	margin-left: 15px;
	border-radius: 3px;
	font-size: 12px
}

.page_user .form-user .item-fore4 {
	background: #f66;
	height: 34px;
	width: 290px;
	margin-left: 15px;
	border-radius: 3px;
	margin-top: 15px
}

.page_user .form-user .item-fore4 a {
	color: #fff
}

.page_user .form-user .item-fore-yzm {
	position: relative;
	height: 34px;
	border-radius: 3px;
	text-align: center
}

.page_user #yzm_pic,.page_user .form-user .item .login-label {
	z-index: 3;
	top: 0;
	width: 38px;
	height: 35px;
	border-right: 1px solid #eaeaea
}

.page_user .forget-pw-safe a,.page_user .notice_bottom a {
	color: #666
}

.page_user #yzm_pic {
	background: url(img/user_img/icon_input.png) center no-repeat;
	background-size: 24px;
	position: absolute;
	left: auto
}

.page_user .form-user .item {
	position: relative;
	margin: 10px auto 15px
}

.page_user .form-user .item .name-label {
	background-position: 0 0
}

.page_user .form-user .item .login-label {
	position: absolute;
	left: 0;
	background: url(img/user_img/icon_user.png) center no-repeat;
	background-size: 24px
}

.page_user .form-user .item .login-label-right {
	position: absolute;
	top: 2px;
	right: 2px;
	width: 40px;
	height: 30px;
	background: center #eee;
	text-align: center;
	line-height: 30px;
	border-right: 1px solid #eaeaea;
	background-size: 24px;
	color: #999;
	font-size: 12px;
	border-radius: 3px
}

.page_user .form-user .itxt,.page_user .form-user .itxt-yzm {
	line-height: 18px;
	height: 18px;
	padding: 8px 0 8px 50px;
	overflow: hidden;
	font-size: 14px
}

.page_user .form-user .itxt {
	border: 0;
	width: 240px;
	float: none;
	border-radius: 3px
}

.page_user .mm_tips,.page_user .reset_status {
	border-bottom: 1px solid #d9d9d9;
	text-align: center
}

.page_user .form-user .itxt-yzm {
	width: 115px;
	border-radius: 3px;
	border: 1px solid #d9d9d9
}

.page_user #pass_logo {
	background: url(img/user_img/icon_password.png) center no-repeat;
	background-size: 24px
}

.page_user .forget-pw-safe {
	float: right
}

.page_user .send-yzm {
	display: inline-block;
	width: 115px;
	text-align: center;
	height: 34px;
	background: #65dda3;
	color: #fff;
	line-height: 34px;
	border-radius: 3px
}

.page_user .login-btn a {
	display: inline-block;
	width: 100%;
	height: 100%;
	text-align: center;
	margin-top: 10px;
	letter-spacing: 10px
}

.page_user .notice_bottom {
	float: right;
	margin-right: 15px
}

.page_user .notice_bottom span {
	color: #36f
}

.page_user .form-user {
	margin-top: 15px
}

.page_user #phone_pic {
	background: url(img/user_img/icon_phone.png) no-repeat
}

.page_user #find_pic {
	background: url(img/user_img/icon_mail.png) no-repeat
}

.page_user #find_pic,.page_user #phone_pic {
	background-size: 24px;
	background-position: center
}

.page_user .item-top {
	background: url(img/icon_down.png) no-repeat;
	background-size: 10px;
	margin-left: 15px;
	line-height: 12px
}

.page_user .yzm-succeed {
	font-size: 12px;
	color: #0c0;
	margin-left: 20px
}

.page_user .item-email-tip {
	text-align: center
}

.page_user .item-email-top {
	background: url(img/user_img/icon_warning.png) no-repeat;
	background-size: 12px;
	width: 12px;
	height: 12px;
	display: inline-block
}

.page_user .email-tip {
	font-size: 12px;
	color: #de3333
}

.page_user .mm_tips {
	width: 190px;
	height: 65px;
	margin: 0 auto
}

.page_user .mm_tips span {
	color: #666;
	font-size: 14px;
	margin: 5px 0;
	display: inline-block
}

.page_user .bind_phnonnum {
	height: 35px;
	width: 190px;
	margin: 0 auto;
	line-height: 35px
}

.page_user .bind_p {
	color: #999;
	font-size: 12px
}

.page_user .bind_n {
	color: #666;
	font-size: 12px
}

.page_user .replace_mm {
	height: 80px;
	width: 190px;
	margin: 0 auto;
	text-align: center;
	color: #999
}

.page_user .email_one {
	margin-top: 12px;
	display: inline-block;
	margin-bottom: 2px
}

.page_user .email_second {
	display: inline-block;
	font-size: 14px;
	color: #666;
	margin-bottom: 2px
}

.page_user .sub_button {
	background: #f66;
	height: 34px;
	width: 290px;
	margin-left: 15px;
	border-radius: 3px;
	text-align: center;
	line-height: 34px
}

.page_user .sub_button a {
	display: inline-block;
	width: 100%;
	height: 100%;
	color: #fff
}

.page_user .new_password {
	font-size: 14px;
	color: #333;
	margin: 15px 0 15px 15px
}

.page_user .pass_word_tip {
	background: url(img/user_img/icon_warning.png) no-repeat;
	background-size: 12px;
	line-height: 12px;
	margin: 0 auto;
	width: 290px
}

.page_user .pass_word_tip span {
	font-size: 12px;
	color: #de3333;
	margin-left: 20px
}

.page_user #reset_logo {
	background: url(img/user_img/icon_input.png) no-repeat
}

.page_user #reset_logo2 {
	background: url(img/user_img/icon_Unlock.png) no-repeat
}

.page_user #email_pic {
	background: url(img/user_img/icon_mail.png) no-repeat
}

.page_user #email_pic,.page_user #reset_logo,.page_user #reset_logo2 {
	background-size: 24px;
	background-position: center
}

.page_user .reset_form,.page_user .same_password {
	margin-top: 10px
}

.page_user .reset_status {
	width: 190px;
	height: 80px;
	margin: 0 auto
}

.page_user .reset_status img {
	width: 30px;
	height: 30px;
	margin-top: 30px
}

.page_user .reset_result {
	width: 190px;
	height: 85px;
	margin: 0 auto;
	text-align: center
}

.page_user .reset_result span {
	margin-top: 15px;
	display: inline-block;
	font-size: 16px;
	color: #666
}