@charset "utf-8";
html,
body {
	height: 100%
}

html,
body,
div,
h1,
h2,
h3,
h4,
h5,
h6,
p,
span,
em,
a,
img,
ul,
li,
ol,
form,
button,
input,
textarea,
dl,
dt,
dd,
iframe {
	margin: 0;
	padding: 0
}

body {
	text-align: left;
	font: 14px/1.5 '\5FAE\8F6F\96C5\9ED1', '\5B8B\4F53', Verdana, sans-serif;
	color: #999
}

a {
	cursor: pointer;
	color: #666;
	text-decoration: none;
	outline: 0
}

a:hover,
a:focus {
	text-decoration: none;
	color: #000;
	outline: none;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	transition: all .3s linear
}

h1,
h2,
h3,
h4,
h5,
h6,
em {
	font-size: 16px;
	font-weight: 400
}

ol,
ul {
	list-style: none
}

em {
	font-style: normal
}

img {
	border: 0;
	vertical-align: middle
}

img,
a {
	-webkit-touch-callout: none
}

.clearfix:after {
	content: '';
	display: block;
	clear: both;
	visibility: hidden;
	height: 0
}

.clearfix {
	zoom: 1
}

.area {
	margin: 0 auto;
	width: 1200px;
	overflow: hidden
}

.pc {
	display: inline
}

.mt {
	display: none
}

@font-face {
	font-family: voltaire;
	font-style: normal;
	font-weight: 400;
	src: url(/static/fonts/voltaire.eot);
	src: local('Voltaire'), url(/static/fonts/voltaire.woff2) format('woff2');
	src: local('Voltaire'), url(/static/fonts/voltaire.woff) format('woff');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
	font-family: iconfont;
	src: url(/static/fonts/iconfont.eot?t=1555206263107);
	src: url(/static/fonts/iconfont.eot?t=1555206263107#iefix) format('embedded-opentype'), url(data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAU4AAsAAAAAChwAAATsAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCDKgqHSIYPATYCJAMUCwwABCAFhG0HQhuNCMguoRzbUaRIAtFoqBHsAtzOA9/5CJ4vO+r9xuxs94KK9gAxgiMIld9VDjni8Hn6L82Ybu2IfGmii5diSH6awe3Ao8hvnOAbD6cPEzlACLwleNQ3093goxwg+IcNOA0lxsBHPomVw/+4VzV783wZHJexlu3p+ZQLYDhAAZurc4MUuAWpVgtU9oJ0GLu8yPMhgCOHmyAtgyISgBoGfZ4AMlEi4gG1hA9TwRZCZ1Cw1SBbgSVU61h3AGzxPl8+YCdqoLAafWnX0YFC4PNaXhdr+f8Y6KCAfrgIwHaBBqoAGJDxhbGRoEGhChQn1ypRF0BoRBQMVcp4Xfx/jCkybMUW4hiYzn94CiRAt0VBfNOigddi6SJ7BvSgob0IWqmyF8MiCrimreCAeIA0AMg0oNOKOEIQDL4o7aanlhonRkdFuau04xGNGbBDrufR3mJACG0lr06FoYhQ8u5q1Ycii2fZdcoJITLdcqi4gYiQObZsuIbAGfk+drE0CoPv8TSjf9KkyaJ1l2Eyoli6suc6Y558xPYXHib3etvrZd6ebb2ElO7jmr3ZXX2G6UjfleSuLsOu3uvveicpZi8jLVcT2scNJk2QXoNOvfZ2wFK9hHbf3aFvmBMtNf5FUuU9+pqtCa5lFpFlR1fYEwfGQD6d5JFtBli7XjbCxcuuQyfO+r4RuA1HHDsPHLlbR6ZIATuJ7MQcfsNUH7JsNin6yXoFMeP7ZmDggB274cgSGTykqjEbl85OTW6f1hvHHE77DfoTC2BpYqppp9DJeyZ6W9cyLVhy8+aHksf8KnlUVRUKPvERseCkOH/NqtpaUKNxs6c92NgErfIA3sr/j+w9my1xYPPVd1B2NgZavd35X7dL+1c/Gp1SbDqX3i3uy1mad9uyYi2Tmoqn8QPczkbwqmMDz6HaycpB4V6BNK3ESo1ghX2un3uYqjqZNp6FsJ5RZ12B0eiqAqhdo6YL9PuVxS9Sb+AcoYb6XwwzYzkdSK+wjZeqoJmWpu/JMK8jzfjof7n7PP7vYr4JDz7uJX8ZbpVuVeMbpVlVZBV3DmQxx10sVnzMetzpo3C2x2PGgwoEgLPM3DjC3CJ4RSNW/RZGtnRe8b0+H7+eN+zhH/Oued++axWYIYpwEWo4j9Z4v+W2V4lF56GDZoL1t97v89J/xmVe6H5eKImy4dwdaJJxNybp6tVdMBcA/N9+NBcABnWA5fJcN0IlrqMNf8mv4dLGiM8QrscvvAHg7t0zwvh/0Vz/X+ll/Q+ob9hlFKPut0bqtHRSq2UZ8PAS2xwO+PEqkMDHYRzJjVtBCEmOQBFBNmhCitAGXwUWT00ICGkCjkqCd3sSoUEREwlUUA9AiGMJFDHcAk0cT9EG/wEsKfyCgDhBwdFbdI/0lIgE86chj4FCnF+KSwRkAWEGGcxvj4OiwjweHTd6wiRIyyRp3NbKJl0OhgWQHmKFrEhkxzAETtBkPh4ELgbz8kicokkpFDBWYoah3KytiaI3shKQ+QCjBTQQHgwQITh8SsGRIICkAMLpz4BlPj4OiIhC8uBBVyDKqklAaGRIhsexxQqbBuhgW0EjxKWMllGECDsYGAg8i4CGJB+cIBiB5BkFEhyqeJIUiAAGK8QdchRuWKNeRFOb1fSO/Hs8ADj021tRosWIlQA7Io+UQZQhKSUxmQ9RHkUBAA==) format('woff2'), url(/static/fonts/iconfont.woff?t=1555206263107) format('woff'), url(/static/fonts/iconfont.ttf?t=1555206263107) format('truetype'), url(/static/fonts/iconfont.svg?t=1555206263107#iconfont) format('svg')
}

[class*=icon-],
[class^=icon-] {
	font-family: iconfont!important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-app:before {
	content: "\e601"
}

.icon-close:before {
	content: '\e624'
}

.nav-wrap {
	height: 50px;
	line-height: 50px;
	background: #202020
}

.nav-wrap dl {
	width: 100%
}

.nav-wrap dt {
	float: left
}

.nav-wrap dt .logo {
	color: #ffbf00;
	font-size: 28px;
	text-transform: uppercase
}

.nav-wrap dt .logo a {
	color: #ffbf00
}

.nav-wrap dt .logo a:hover {
	color: #fff
}

.nav-wrap dd {
	float: right;
	width: 100px
}

.nav-wrap dd a {
	text-align: center;
	color: #aaa;
	display: block;
	_vertical-align: middle;
	_display: table-cell
}

.nav-wrap .cur {
	color: #ffbf00
}

.menu-wrap {
	background: #fff
}

.menu-wrap dl {
	float: left;
	width: 100%;
	padding: 15px 0;
	border-bottom: 1px solid #eee
}

.menu-wrap .first {
	border-top: 1px solid #eee
}

.menu-wrap dt,
.menu-wrap dd {
	float: left;
	line-height: 40px;
	text-align: center
}

.menu-wrap dt {
	width: 8%;
	font-size: 20px;
	color: #000
}

.menu-wrap dd {
	width: 11.5%;
	font-size: 16px
}

.menu-wrap dt a {
	color: #000
}

.menu-wrap dd a {
	color: #666
}

.menu-wrap dt a:hover,
.menu-wrap dd a:hover {
	color: #e74c3c
}

.menu-wrap dt:after {
	content: "";
	position: absolute;
	margin: 13px 36px 0;
	width: 1px;
	height: 16px;
	background: #ccc
}

.menu-wrap dt .cur,
.menu-wrap dd .cur {
	color: #e74c3c
}

.mod-title {
	width: 100%;
	height: 40px;
	line-height: 40px;
	margin: 10px 0
}

.mod-title a {
	color: #000
}

.mod-title a:hover {
	color: #e74c3c
}

.mod-title h3 {
	float: left;
	font-size: 26px;
	color: #000
}

.mod-title span {
	float: right;
	font-size: 14px;
	text-align: right
}

.mod-title em {
	padding: 0 5px;
	color: #e74c3c;
	font-weight: 700
}

.mod-row {
	margin-bottom: 10px
}

.mod-row dl,
.mod-row li {
	position: relative;
	display: block;
	float: left
}

.mod-row dt {
	position: relative;
	display: block
}

.mod-row img {
	width: 100%
}

.mod-row i {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	width: auto;
	height: 20px;
	padding: 10px 10px 4px;
	overflow: hidden;
	background: linear-gradient(0deg, #000, #000 25.5%, #000 70%, #000);
	background: linear-gradient(0deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .3) 25.5%, rgba(0, 0, 0, .08) 70%, rgba(0, 0, 0, 0));
	color: #fff;
	font-size: 12px;
	font-style: normal;
	letter-spacing: normal;
	line-height: 20px;
	text-overflow: ellipsis;
	white-space: nowrap;
	cursor: pointer;
	filter: progid:DXImageTransform.Microsoft.gradient(enabled="true", startColorstr="#00000000", endColorstr="#ff000000")
}

.mod-row span,
.couplet-left span,
.couplet-right span {
	display: block;
	position: absolute;
	z-index: 2;
	right: 2px;
	bottom: 2px;
	padding: 0 4px;
	border-radius: 3px;
	background-color: rgba(0, 0, 0, .4);
	color: #fff;
	font-size: 12px
}

.mod-row dt a:hover:before {
	background: url(/static/images/play.png) center no-repeat
}

.mod-row dt a:hover:before,
.mod-row li a:hover:before {
	content: "";
	position: absolute;
	z-index: 5;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .3)
}

.mod-row dt a:hover img {}

.mod-row h2 {
	display: block;
	width: 100%;
	height: 40px;
	line-height: 40px;
	text-align: center;
	overflow: hidden
}

.mod-row dd a:hover {
	color: #e74c3c
}

.mod-row .spon-img,
.mod-row .nature {
	left: 0;
	top: 0;
	position: absolute;
	width: 100%;
	height: 100%
}

.mod-col {
	margin: 10px 0
}

.mod-col ul {
	width: 100%
}

.mod-col li {
	width: 100%;
	height: 60px;
	line-height: 60px
}

.mod-col li a {
	display: block;
	height: 60px;
	line-height: 60px;
	color: #000;
	text-decoration: none;
	overflow: hidden;
	border-bottom: 1px solid #eee;
	font-size: 16px
}

.mod-col li a:hover {
	background-color: #f2f2f2;
	color: #e74c3c
}

.mod-col li a:visited {
	color: #999
}

.mod-col li em {
	float: left;
	width: 40px;
	color: #e74c3c;
	font-size: 20px;
	text-align: center
}

.mod-col li h2 {
	margin: 0 50px;
	font-style: normal;
	font-size: 20px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.mod-col li span {
	float: right;
	width: 120px;
	color: #999;
	font-size: 10px;
	text-align: center
}

.mod-col li a:hover span {
	color: #000
}

.mod-title em,
.mod-row i,
.mod-col li em,
.mod-col li span,
.nav-wrap .logo,
.pagination .pc {
	font-family: voltaire, book antiqua
}

.col4 {
	margin-right: -16px
}

.col4 ul {
	margin: 8px 0
}

.col4 li {
	margin: 8px 16px 8px 0;
	width: 288px
}

.col5 {
	margin-right: -25px
}

.col5 dl {
	margin: 10px 25px 10px 0;
	width: 220px
}

.h1-title {
	margin-bottom: 20px;
	padding: 0;
	color: #000;
	font-size: 36px;
	text-align: center;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.main-content {
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	padding: 20px 0;
	color: #000;
	line-height: 40px;
	text-align: left;
	font-size: 18px
}

.main-content img {
	display: block;
	margin: 20px auto;
	width: expression(this.width> 1200 ? 1200:true);
	min-width: 420px;
	max-width: 100%
}

.main-content p {
	padding: 10px 0
}

.main-content br {
	display: inline;
	line-height: 30px
}

.main-content ul {
	width: 100%
}

.main-content li {
	float: left;
	margin: 10px 10px 10px 0;
	font-size: 14px
}

.main-content li a {
	display: blcok;
	padding: 8px 14px;
	border-radius: 3px;
	background: #eee
}

.main-content li a:hover {
	background: #e74c3c;
	color: #fff
}

.main-content li a:visited {
	background: #f2f2f2;
	color: #999
}

.player-wrap {
	width: 100%;
	background: #000;
	height: 0
}

.player-wrap video {
	width: 100%;
	height: 100%
}

.pagination {
	padding: 10px 0
}

.pagination {
	height: 32px;
	line-height: 32px;
	text-align: center
}

.pagination a {
	display: inline-block;
	margin: 0 2px;
	padding: 0 12px;
	border-radius: 3px;
	background-color: #eee;
	color: #666
}

.pagination a:hover {
	background: #e74c3c;
	color: #fff
}

.pagination strong {
	display: inline-block;
	margin: 0 2px;
	padding: 0 12px;
	border-radius: 3px;
	height: 32px;
	line-height: 32px;
	background: #e74c3c;
	color: #fff;
	font-weight: 400
}

.post-link {
	margin-top: 15px;
	height: 40px;
	line-height: 40px;
	font-size: 16px
}

.post-link h2 {
	display: inline;
	font-size: 16px
}

.post-link a {
	overflow: hidden
}

.post-link a:hover {
	color: #e74c3c
}

.post-link .prev {
	float: left;
	text-align: left
}

.post-link .next {
	float: right;
	text-align: right
}

#sliderBox {
	margin: 0 auto;
	width: 100%;
	max-width: 1200px;
	text-align: center;
	overflow: hidden
}

.slider-spons {
	padding: 0px 0 0px;
	background: #323232
}

.broadcastMe {
	position: relative;
	display: inline-block;
	overflow: hidden
}

.broadcastMe .broadcastMe-list {
	margin-left: 0;
	zoom: 1;
	width: 100%;
	height: 0;
	padding-bottom: 16.67%;
	overflow: hidden
}

.broadcastMe .broadcastMe-list .broadcastMe-item {
	float: left;
	width: 100%
}

.broadcastMe .broadcastMe-list .broadcastMe-item a {
	display: block;
	z-index: 5px
}

.broadcastMe .broadcastMe-list .broadcastMe-item img {
    width: 100%;
}

.broadcastMe .broadcastMe-tool {
	padding-left: 16px;
	position: absolute;
	bottom: 0;
	left: 50%;
	text-align: center;
	padding-bottom: 10px;
	display: inline-block
}

.broadcastMe .broadcastMe-tool div {
	width: 13px;
	height: 13px;
	border-radius: 50%;
	background: #ccc;
	display: inline-block;
	margin: 0 5px;
	opacity: .6;
	float: left
}

.broadcastMe .broadcastMe-tool div:hover {
	background: #ff6700;
	cursor: pointer
}

.broadcastMe .broadcastMe-tool .active {
	background: #ff6700
}

.broadcastMe .broadcastMe-btn {
	width: 48px;
	height: 96px;
	background: 0 0;
	opacity: .6;
	font-size: 32px;
	font-weight: 700;
	color: #fff;
	line-height: 96px;
	text-align: center;
	position: absolute;
	top: 50%;
	margin-top: -48px;
	border: none
}

.broadcastMe .broadcastMe-btn:hover {
	background: #000;
	cursor: pointer
}

.broadcastMe .broadcastMe-btn-left {
	left: -1px
}

.broadcastMe .broadcastMe-btn-right {
	right: -1px
}

.couplet-left,
.couplet-right {
	position: fixed;
	bottom: 0;
	margin: 5px;
	z-index: 6666
}

.couplet-left {
	left: 0
}

.couplet-right {
	right: 0
}

.couplet-left li,
.couplet-right li {
	position: relative;
	margin-top: 10px;
	width: 100px;
	height: 200px
}

.couplet-left a,
.couplet-right a {
	position: absolute;
	z-index: 3;
	width: 100px;
	height: 200px;
	background: #eee\9;
	filter: alpha(opacity=0)\9;
	opacity: 0\9
}

.couplet-left a:hover,
.couplet-right a:hover {
	background: #000;
	filter: alpha(opacity=30, finishopacity=30, style=1);
	-moz-opacity: .3;
	-khtml-opacity: .3;
	opacity: .3;
	outline: none;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	transition: all .3s linear
}

.couplet-left .btn-close,
.couplet-right .btn-close {
	height: 40px;
	text-align: center
}

.couplet-left .btn-close a,
.couplet-right .btn-close a {
	position: static;
	margin: 0 auto
}

.couplet-left .btn-close a,
.couplet-right .btn-close a,
.guide a {
	display: block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	background: #fff;
	color: #666;
	font-size: 20px;
	text-align: center;
	opacity: .8;
	border-radius: 100px;
	box-shadow: 0 1px 5px #dadce0
}

.footer {
	margin: 10px 0;
	text-align: center
}

.buffer-div {
	width: 100%;
	height: 100%;
	position: absolute;
	right: 0;
	bottom: 0;
	cursor: pointer;
	z-index: 6688
}

.buffer-div img {
	padding: 0;
	margin: 0;
	width: 100%;
	height: 100%
}

.buffer-div .tips {
	background: #000;
	color: #fff;
	margin: 10px;
	padding: 0 10px;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	position: absolute;
	right: 0;
	top: 0
}

.buffer-div .tips span {
	padding: 0 2px
}

.guide {
	position: fixed;
	_position: absolute;
	margin-left: 1210px;
	display: block;
	_top: expression(documentElement.scrollTop+documentElement.clientHeight - this.clientHeight - 250+'px');
	top: 200px;
	z-index: 6700
}

.guide .pc a {
	display: block;
	-moz-border-radius: .3em;
	-webkit-border-radius: .3em;
	border-radius: .3em;
	margin-top: 10px;
	width: 60px;
	height: 50px;
	background: url(/static/images/sidebar.png) #333 no-repeat;
	line-height: 50px;
	text-align: center;
	color: #000;
	*filter: alpha(opacity=90, finishopacity=90, style=1);
	-moz-opacity: .9;
	-khtml-opacity: .9;
	opacity: .9
}

.guide .pc a span {
	display: none;
	text-align: center
}

.guide .pc a:hover {
	background-color: #ffbf00;
	color: #000
}

.guide .pc a:hover span {
	display: block;
	width: 60px;
	background-color: #ffbf00;
	border-radius: .3em
}

.guide .pc .home {
	background-position: 0 0
}

.guide .pc .gotop {
	background-position: 0 -50px
}

.maskDiv1 {
	display: none;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .5)
}

.mask {
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: rgba(0, 0, 0, .5);
	position: fixed!important;
	position: absolute;
	_top: expression(eval(document.compatMode &&document.compatMode=='CSS1Compat') ?documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2:document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2)
}

.pop {
	background-color: #fff;
	text-align: center;
	width: 300px;
	height: 300px;
	left: 50%;
	top: 50%;
	z-index: 9999;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 18px rgba(82, 168, 236, .6);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 18px rgba(82, 168, 236, .6);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 18px rgba(0, 0, 0, .8);
	border-radius: 5px;
	margin-left: -150px!important;
	margin-top: -150px!important;
	margin-top: 0;
	position: fixed!important;
	position: absolute;
	_top: expression(eval(document.compatMode &&document.compatMode=='CSS1Compat') ?documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2:document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2)
}

.pop .close {
	position: absolute;
	top: 0;
	right: 0;
	width: 26px;
	height: 26px;
	line-height: 26px
}

.pop a:hover.close {
	color: #000
}

.pop dt {
	margin-top: 20px;
	height: 40px;
	line-height: 40px;
	font-size: 20px;
	color: #e74c3c;
	text-align: center
}

.pop .error {
	margin: 20px auto;
	width: 100px;
	height: 100px;
	background: url(/static/images/error.png) no-repeat;
	_background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/static/images/error.png', sizingMethod='crop')
}

.pop .close-btn {
	margin-top: 36px
}

.pop .close-btn a {
	padding: 10px 20px;
	background: #e74c3c;
	color: #fff;
	border-radius: 50px
}

.pop .close-btn a:hover {
	background: #c0392b
}

@media screen and (min-width:1200px) {
	.icon-app:before {
		padding: 0 5px
	}
	.nav-wrap dd a:hover {
		color: #ffbf00
	}
}

@media screen and (max-width:1200px),
(min-width:768px) and (max-width:1024px),
(min-width:1024px) and (max-width:1366px) {
	[class*=icon-],
	[class^=icon-] {
		display: block
	}
	.icon-home:before {
		content: "\e61a"
	}
	.icon-top:before {
		content: "\e625"
	}
	a,
	a:hover,
	a:active,
	a:visited,
	a:link,
	a:focus {
		-webkit-tap-highlight-color: transparent;
		-webkit-tap-highlight-color: transparent;
		outline: none;
		text-decoration: none
	}
	.pc {
		display: none
	}
	.mt {
		display: inline
	}
	.area {
		margin: 0 auto;
		width: 97%;
		margin: 0 1.5%;
		overflow: hidden
	}
	.nav-wrap {
		width: 100%
	}
	.nav-wrap dd {
		width: auto
	}
	.nav-wrap dd a {
		margin-left: 8px;
		padding: 0 4px
	}
	.nav-wrap dd i {
		font-size: 24px
	}
	.nav-wrap dd a:active {
		color: #ffbf00
	}
	.menu-wrap dl {
		border-top: 1px solid #eee;
		border-bottom: 0
	}
	.menu-wrap dt:after {
		margin: 13px 2.6% 0
	}
	.menu-wrap .first {
		border-top: 0
	}
	.mod {
		border-bottom: 5px solid #eee
	}
	.mod-row a:hover:before {
		display: none
	}
	.mod-col {
		margin: 0
	}
	.mod-col li a {
		border-top: 1px solid #eee;
		border-bottom: 0
	}
	.mod-col li h2 {
		font-size: 18px
	}
	.mod-col li span {
		font-size: 12px
	}
	.col4 ul {
		padding: .5% 0
	}
	.col4,
	.col5 {
		margin-right: -1.5%
	}
	.col4 li,
	.col5 dl {
		width: 23.5%;
		height: auto;
		margin: .5% 1.5% .5% 0
	}
	.h1-title {
		margin-top: 20px;
		font-size: 30px
	}
	.main-content img {
		min-width: 60%;
		max-width: 100%
	}
	.pagination {
		padding-top: 20px
	}
	.post-link {
		margin: 10px 0
	}
	#sliderBox {
		width: 97%;
		margin: 0 1.5%;
		max-width: 97%
	}
	.broadcastMe .broadcastMe-btn {
		display: none
	}
	#topBox {
		border-top: 5px solid #eee;
		border-bottom: 5px solid #eee
	}
	#bottomBox {
		border-bottom: 5px solid #eee
	}
	.couplet-left,
	.couplet-right {
		margin: 0 1.5% 3%
	}
	.guide {
		top: 70px;
		right: 0;
		margin: 0 1.5%
	}
}

@media screen and (max-width:760px) {
	.mobile {
		display: none
	}
	.icon-arrow-left:before {
		font-size: 20px
	}
	.nav-wrap dt .logo {
		font-size: 22px
	}
	.nav-wrap dd i {
		font-size: 20px
	}
	.menu-wrap dl {
		padding: 10px 0
	}
	.menu-wrap dt {
		width: 16%;
		line-height: 60px
	}
	.menu-wrap dd {
		width: 21%;
		line-height: 30px;
		font-size: 14px
	}
	.menu-wrap dt:after {
		margin: 22px 2.6% 0
	}
	.mod-row span,
	.couplet-left span,
	.couplet-right span {
		display: none
	}
	.mod-col li h2 {
		font-size: 16px
	}
	.col41 li {
		width: 31.33%;
		height: auto;
		margin: .5% 0 .5% 1.5%
	}
	.col4 li,
	.col5 dl {
		width: 48.5%;
		height: auto;
		margin: .5% 1.5% .5% 0
	}
	.h1-title {
		font-size: 24px;
		display: -webkit-box;
		overflow: hidden;
		white-space: normal!important;
		text-overflow: ellipsis;
		word-wrap: break-word;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical
	}
	.post-link {
		font-size: 16px
	}
	.post-link h2 {
		display: inline;
		font-size: 16px
	}
	.post-link a {
		width: 49.25%;
		display: block;
		border-radius: 3px;
		background-color: #eee;
		color: #666;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis
	}
	.post-link a:hover {
		background: #e74c3c;
		color: #fff
	}
	.post-link .prev {
		float: left;
		text-align: center
	}
	.post-link .next {
		float: right;
		text-align: center
	}
	.slider-spons {
		padding: 0px 0 0;
		background: #323232
	}
	.broadcastMe .broadcastMe-tool {
		padding-left: 36px;
		padding-bottom: 5px
	}
	.broadcastMe .broadcastMe-tool div {
		width: 5px;
		height: 5px
	}
	#coupletBox {
		display: none
	}
	.couplet-left li,
	.couplet-right li,
	.couplet-left a,
	.couplet-right a,
	.couplet-left img,
	.couplet-right img {
		width: 16vw;
		height: 32vw
	}
	.guide {
		top: 60px
	}
}
#ddab{width: 100%;height: 20px; margin: 5px auto; line-height: 20px; text-align: center; border-radius: 3px; display: block;}
#ddab .seach form{height:20px}
#ddab .seach{width:100%;float:center;height:20px}
#ddab .seach input{display:block;width:70%;float:left;border:1px solid #f96868;padding-top:10px;padding-bottom:10px;text-indent:0.2em}
#ddab .seach button{border:none; background:#f96868;color:#fff;display:block;width:28%;float:right;padding-top:1px;border-radius:4px;cursor:pointer;height:38px}