.area {
	width: 100%!important;
	max-width: 750px!important;
	margin: 0 auto
}

.view-times {
	height: 30px;
	padding: 0 10px;
	background-image: linear-gradient(0deg,rgba(0,0,0,.75),rgba(0,0,0,0));
	color: #fff;
	font-size: 12px;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
	display: flex;
	align-items: center;
	font-weight: normal;
	justify-content: space-between
}

.view-times .date {
	height: 22px;
	line-height: 22px;
	padding: 0 8px;
	color: #fff;
	font-size: 12px;
	background-color: rgba(0,0,0,.6);
	border-radius: 4px
}

html {
	font-size: 100px
}

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 {
	background: #000;
	text-align: left;
	font: 14px/1.5 Microsoft Yahei,Avenir,Segoe UI,Hiragino Sans GB,STHeiti,Microsoft Sans Serif,WenQuanYi Micro Hei,sans-serif;
	color: #0086CF;
	max-width: 750px;
	margin: 0 auto;
}

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

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

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

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
}

.wrap {
	margin: 0 auto;
	max-width: 750px;
	overflow: hidden;
	color: #aaa;
	width: 100%
}

.pc {
	display: none
}

.mt {
	display: none
}

.mod .row dd a h3 {
	line-height: 40px !important
}

.top-pf {
	background-color: #ff4ba1
}

.mod .title,.menu,.guide a {
	background-color: #292e32
}

.pop,.pop .url,.pop .url:hover {
	background-color: #bf50bf
}

.nav .btn-icon li:hover {
	background-color: #3e0459
}

.top-pf {
	padding: 0;
	max-width: 750px;
	text-align: center;
	position: fixed;
	top: 0;
	z-index: 9999
}

@media screen and (max-width:747px) {
	.top-pf {
		width: 100%
	}

	.top-pf .logo {
		width: 100%
	}
}

.top-pf .logo {
	height: 38px;
	overflow: hidden
}

a:hover {
	text-decoration: none
}

.siteTitle {
	overflow: hidden;
	height: 75px
}

.siteTitleLeft {
	float: left
}

.siteTitleRight {
	float: right;
	height: 75px;
	line-height: 75px;
	padding-right: 10px;
	color: #333333
}

b.siteName {
	font-size: 26px;
	line-height: 75px;
	color: #009900;
	padding-left: 10px
}

.row,.container,.col-xs-3,.col-xs-9,.col-xs-12,.col-sm-6 {
	padding: 0;
	margin: 0
}

.menuRow {
	width: 100%;
	background-color: #fafafa;
	padding: 2px 0 2px 0;
	margin: 0
}

.menuList {
	height: 36px;
	line-height: 36px;
	padding: 0;
	font-size: 16px;
	text-align: left
}

.menuListTitle {
	height: 36px;
	line-height: 36px;
	text-align: center;
	padding: 0
}

.menuListTitle span {
	display: inline-block;
	font-size: 16px;
	padding: 5px 10px 5px 10px;
	border-radius: 5px;
	background-color: #009900;
	color: #ffffff;
	line-height: 20px
}

.txtADTitle {
	font-size: 16px
}

.adDPDIV1,.adDPEmpty1,.adDPDIV,.adDPEmpty {
	display: none
}

.adDPEmpty2 {
	display: none
}

.adDLMain {
}

@media (max-width:980px) {
	.adDPEmpty2 {
		display: block
	}
}

@media (max-width:750px) {
	.adDPDIV1,.adDPEmpty1,.adDPDIV,.adDPEmpty {
		display: block
	}

	.adDLMain {
	}

	.txtADTitle {
		font-size: 14px
	}

	.menuListTitle {
		height: 48px;
		line-height: 48px;
		text-align: center;
		padding: 0
	}

	.menuList {
		height: 24px;
		line-height: 24px;
		padding: 0;
		font-size: 14px;
		text-align: left
	}

	.menuListTitle span {
		display: inline-block;
		font-size: 14px;
		padding: 3px 6px 3px 6px;
		border-radius: 3px;
		background-color: #009900;
		color: #ffffff;
		line-height: 20px
	}
}

.menu1 {
	color: #777777
}

.adHF,.adHF1,.adHF3 {
	margin-bottom: 2px
}

.adHF img {
	width: 100%;
	height: 6.122vw;
	min-height: 40px;
	max-height: 40px
}

.adHF1 img {
	width: 100%;
	height: 12.244vw;
	min-height: 80px;
	max-height: 90px
}

.adHF3 img {
	width: 100%;
	height: 24.488vw;
	min-height: 90px;
	max-height: 240px
}

.adDPDIV {
	position: fixed;
	z-index: 999999;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: auto
}

.adDPDIVFloat {
	position: relative;
	max-width: 980px;
	width: 100%;
	height: 18.75vw;
	min-height: 110px;
	max-height: 180px;
	margin-left: auto;
	margin-right: auto
}

.adDPDIVFloat img {
	max-width: 980px;
	width: 100%;
	height: 18.75vw;
	max-height: 180px;
	min-height: 110px
}

.adDPEmpty {
	width: 100%;
	max-height: 180px;
	height: 18.75vw;
	min-height: 110px
}

.addpClose {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 9px;
	background-color: #999999;
	color: #ffffff;
	border-radius: 0 0 0 5px;
	padding: 3px 5px 3px 5px;
	cursor: pointer
}

.adDPDIV1 {
	position: fixed;
	z-index: 999999;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: auto
}

.adDPDIVFloat1 {
	position: relative;
	max-width: 980px;
	width: 100%;
	height: 18.75vw;
	min-height: 110px;
	max-height: 180px;
	margin-left: auto;
	margin-right: auto
}

.adDPDIVFloat1 img {
	max-width: 980px;
	width: 100%;
	height: 18.75vw;
	min-height: 110px;
	max-height: 180px
}

.adDPEmpty1 {
	width: 100%;
	max-height: 180px;
	height: 18.75vw;
	min-height: 110px
}

.adDPEmpty2 {
	width: 100%;
	max-height: 180px;
	height: 18.75vw;
	min-height: 110px
}

.addpClose1 {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 9px;
	background-color: #999999;
	color: #ffffff;
	border-radius: 0 0 0 5px;
	padding: 3px 5px 3px 5px;
	cursor: pointer
}

.DLleft {
	position: fixed;
	z-index: 99999;
	width: 10vw;
	max-width: 120px;
	min-width: 80px;
	height: auto;
	top: 0;
	left: 0
}

.DLRight {
	position: fixed;
	z-index: 99999;
	width: 10vw;
	max-width: 120px;
	min-width: 80px;
	height: auto;
	top: 0;
	right: 0
}

.adDL1,.adDL2,.adDL3,.adDL4,.adDL5,.adDL6 {
	width: 10vw;
	max-width: 120px;
	min-width: 80px;
	position: relative;
	margin-top: 10px
}

.adDLMainClose {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 9px;
	background-color: #999999;
	color: #ffffff;
	padding: 1px 3px 1px 3px;
	cursor: pointer;
	display: inline-block;
	border-radius: 0 0 0 4px
}

.adDLMain a img {
	width: 100%
}

.homeTxt {
	margin-bottom: 10px
}

.homeTxtR {
	text-align: right;
	font-size: 12px;
	color: #888888;
	line-height: 30px;
	height: 30px;
	overflow: hidden;
	padding-left: 0
}

.homeTxtL {
	font-size: 16px;
	line-height: 30px;
	height: 30px;
	color: #333333;
	overflow: hidden;
	padding-right: 0
}

.showContent {
	font-size: 16px;
	line-height: 32px;
	padding: 10px
}

.homeImgList {
	height: 0;
	padding-bottom: 75%;
	position: relative;
	width: 100%;
	overflow: hidden
}

.homeImgList span {
	position: absolute;
	left: 5px;
	top: 5px;
	background-color: #336699;
	color: #ffffff;
	font-size: 12px;
	padding: 3px 5px 3px 5px
}

.homeImgList1 {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: auto;
	overflow: hidden
}

.homeImgList1 img {
	height: 100%
}

.homeTitle {
	font-size: 14px;
	line-height: 22px;
	height: 44px;
	overflow: hidden;
	margin-bottom: 10px
}

.showVideo {
	margin-bottom: 10px
}

.skipADBTN {
	position: absolute;
	right: -8px;
	top: -8px;
	background-color: #999999;
	color: #ffffff;
	border-radius: 3px;
	font-size: 9px;
	padding: 2px 3px 2px 3px
}

#adTime {
	font-size: 12px;
	color: #000000
}

.flink {
	padding: 10px
}

.flink a {
	font-size: 14px
}

a.a_page_info,div.page_point {
	display: block;
	background-color: #f2f2f2;
	padding: 0;
	border: 1px solid #CCC;
	float: left;
	margin: 2px;
	color: #000;
	font-size: 14px;
	width: 35px;
	height: 35px;
	line-height: 35px
}

a.a_page_info:hover,a.page_info_focus {
	background-color: #FFFF99;
	display: block;
	padding: 0;
	border: 1px solid #888;
	float: left;
	margin: 2px;
	font-size: 14px;
	color: #000;
	width: 35px;
	height: 35px;
	line-height: 35px
}

.page_info_div {
	width: 100%;
	overflow: hidden;
	text-align: center;
	display: flex;
	justify-content: center
}

.col-xs-3 {
	padding: 2px 0 3px;
	overflow: hidden;
	white-space: nowrap;
	word-break: break-all;
	text-align: center;
	border-bottom: .01rem solid #999;
	border-right: .01rem solid #999
}

.col-xs-3 a {
	font-size: 12px;
	color: #ecd00a
}

#showTXtAd {
	margin-right: 0;
	margin-left: 0;
	margin-top: 3px;
	background-image: linear-gradient(90deg,#ff007a,#8a6d3b,#8476ee,#00af00);
	background-size: 400%;
	animation: bganimation 20s infinite
}

.qrcode img {
	width: 100%;
	max-width: 400px
}

.help {
	font-size: 14px;
	color: #0086cf;
	margin-left: 10px
}

.pannel {
	position: relative;
	margin-bottom: 20px;
	background: #ffffff;
	margin-top: 10px;
	padding: 15px;
	line-height: 25px;
	border-radius: 7px
}

.pannel h3.title {
	font-size: 14px;
	color: #333;
	font-weight: 600;
	padding-bottom: 10px
}

.pannel p.data a {
	font-size: 14px;
	color: #0086cf
}

.pannel p {
	font-size: 14px;
	color: #333
}

.pannel span.text-muted {
	color: #333;
	font-size: 14px
}

.pannel span.text-tag {
	color: #333;
	font-size: 14px
}

.pannel p.tag a {
	color: #0086cf;
	border: #0086cf solid 1px;
	margin: 5px;
	padding: 5px;
	font-size: 14px
}

.pannel p.tag a:hover {
	color: #0086cf;
	border: #0086cf solid 1px;
	margin: 5px;
	padding: 5px;
	font-size: 14px
}

.textlink {
	background: #ffffff;
	margin-top: 10px;
	padding: 10px;
	color: #000;
	font-size: 13px
}

.textlink a {
	color: #000
}

.play-group {
	text-align: left;
	padding: 10px 0;
	display: flex;
	border-bottom: 2px solid #ccc;
	overflow: hidden
}

.play-group .item {
	cursor: pointer;
	text-align: center;
	border-radius: 7px;
	padding: 1px;
	color: #fff;
	background: #0086cf;
	margin: 5px;
	width: 30%;
	max-width: 100px;
	display: inline-block;
	flex-direction: column;
	justify-content: space-between
}

.play-group .item a {
	color: #fff
}

.play-group .durl a {
	color: #fff
}

.play-group .durl {
	cursor: pointer;
	text-align: center;
	border-radius: 7px;
	padding: 1px;
	color: #fff;
	background: #333;
	margin: 5px;
	min-width: 100px;
	display: inline-block;
	flex-direction: column;
	justify-content: space-between
}

@media (max-width:738px) .play-btn-group .item {
	min-width:55px;margin:3px
}

@media (max-width:738px) {
	.down-group .item {
		cursor: pointer;
		border-radius: 7px;
		padding: 15px;
		color: #333;
		background: #ffffff;
		font-weight: bold;
		min-width: 0;
		display: inline-block;
		flex-direction: column;
		justify-content: space-between;
		word-wrap: break-word;
		word-wrap: break-word
	}
}

.download a {
	background-color: #333;
	font-size: 14px;
	color: #fff;
	margin: 10px 0px;
	padding: 10px;
	border-radius: 7px
}

.download p {
	word-wrap: break-word;
	font-size: 14px;
	word-break: break-all
}

.search {
	margin: 0 auto;
	box-sizing: border-box;
	background: #ffffff;
	line-height: 30px;
	padding: 10px 10px;
	margin-top: 10px;
	width: 750px;
	overflow: hidden;
	color: #333;
	background: #fff
}

.search strong {
	font-size: 14px;
	color: #333
}

.search select {
	padding: 5px
}

.search a {
	color: #0086cf;
	padding-left: 5px
}

.search input {
	font-size: 14px;
	color: #333;
	padding: 5px
}

.search h2.r {
	color: #ff0000;
	margin: 10px
}

.search input #keyboard {
	width: 25%
}

.search table {
	border-bottom: #eee solid 1px
}

@media screen and (max-width:740px) {
	.search {
		width: 97%;
		margin-left: 1.5%;
		margin-right: 1.5%;
		margin: 0 auto;
		box-sizing: border-box;
		padding: 10px 10px;
		overflow: hidden;
		color: #333;
		background: #fff;
		line-height: 30px;
		display: block !important
	}
}

.menu {
	border-radius: 5px;
	box-sizing: border-box;
	background-color: #292e32
}

.menu dl {
	float: left;
	width: 100%;
	padding: 15px 0
}

.menu dl:first-child {
	border-top: 0
}

.menu dl,#subMenuBox dl {
	border-top: 1px solid rgba(255,255,255,.1)
}

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

.menu dt {
	width: 8%;
	font-size: 15px
}

.menu dt a {
	color: #fff
}

.menu dt a:hover {
	color: #fff
}

.menu dt:after {
	content: "";
	position: absolute;
	z-index: 1;
	margin: 13px 36px 0;
	width: 1px;
	height: 16px;
	background: rgba(255,255,255,.2)
}

.menu dt .cur,.menu dd .cur {
	color: #ffbf00
}

.menu #subMenuBox {
	display: none
}

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

.menu dt2 {
	width: 8%;
	font-size: 15px
}

.menu dt2 a {
	color: #fff
}

.menu dt2 a:hover {
	color: #fff
}

.menu dt2:after {
	content: "";
	position: absolute;
	z-index: 1;
	margin: 13px 36px 0;
	width: 1px;
	height: 16px;
	background: rgba(255,255,255,.2)
}

.menu dt2 .cur,.menu dd .cur {
	color: #ffbf00
}

.menu dd {
	width: 11.5%;
	font-size: 15px;
	color: #fff
}

.menu dd a {
	color: #fff;
	text-overflow: ellipsis;
	white-space: nowrap
}

.menu dd a:hover {
	color: #fff
}

.mod .title {
	width: 100%;
	height: 40px;
	margin: 10px 0;
	border-bottom: 1px solid #aaa;
	background-color: #292e32;
	border-radius: 0.05rem
}

.mod .title h3 {
	float: left;
	font-size: 16px;
	color: #fff;
	line-height: 40px;
	margin-left: 15px
}

.mod .title h3 a {
	color: #c5cde9
}

.mod .title h3 a:hover {
	color: #fff
}

.mod .title h3 em {
	font-size: 26px;
	padding-right: 5px;
	color: #ffbf00
}

.mod .title .tags {
	float: right
}

.mod .title .tags a {
	float: left;
	display: block;
	margin: 5px 0 0 10px;
	border-radius: 100px;
	padding: 5px 10px;
	background: #0086CF
}

.mod .title .tags a:hover {
	background: #ffbf00;
	color: hsla(0,0%,0%,.8)
}

.mod .title .tags h2 {
	float: left;
	font-size: 14px
}

.mod .title .more {
	float: right
}

.mod .title .total {
	color: #333;
	float: right;
	line-height: 40px;
	font-size: 14px;
	text-align: right;
	margin-right: 10px
}

.mod .title .total em {
	padding: 0 5px;
	color: #ffbf00;
	font-weight: bold
}

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

.mod .row dt {
	position: relative;
	width: 100%;
	background: #ccc
}

.mod .row dt img,.mod .row li img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}

.mod .row dd a {
	display: block;
	width: 100%;
	height: 40px;
	line-height: 40px;
	text-align: center;
	overflow: hidden;
	color: #000
}

.mod .row-book dl {
	display: flex;
	flex-wrap: nowrap;
	padding: 13px 5px 13px 5px;
	border-bottom: dashed 1px #aaa
}

.mod .row-book dt {
	display: flex;
	width: 100%;
	justify-content: flex-start;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.mod .row-book dt h3 {
	color: #333
}

.mod .row-book dd {
	justify-content: end;
	display: flex;
	width: 120px;
	color: #333
}

.mod .row-book {
	box-sizing: border-box;
	background: #ffffff;
	padding: 0 10px
}

.book {
	box-sizing: border-box;
	background: #ffffff;
	color: #333;
	padding: 0 10px;
	font-size: 16px;
	line-height: 30px
}

.mod .row dl:hover dd a {
	color: #000;
	background: #ccc
}

.mod .col2 dt a,.mod .col3 dt a,.mod .col4 dt a,.mod .col5 dt a,.mod .col6 dt a {
	display: block;
	width: 100%;
	height: 100%
}

.mod .col5 img,.mod .col6 img {
	object-fit: cover
}

.mod .col2 dl {
	margin: 5px;
	width: 640px
}

.mod .col2 dt {
	height: 120px
}

.mod .col2 dd,.mod .col3 dd,.mod .col4 dd,.couplet-left span,.couplet-right span {
	display: block;
	position: absolute;
	z-index: 6;
	right: 2px;
	bottom: 2px;
	padding: 0 4px;
	border-radius: 3px;
	background: rgba(0,0,0,.4);
	color: hsla(0,0%,100%,.8);
	font-size: 12px;
	cursor: pointer
}

.mod .col3 dl {
	margin: 5px 0;
	width: 420px
}

.mod .col3 dt {
	height: 180px
}

.mod .col4 dl {
	margin: 0px;
	width: 750px
}

.mod .col4 dt {
	height: 120px
}

.mod .col5 {
	margin-right: -12.5px
}

.mod .col5 dl {
	margin: 15px 12.5px 15px 0;
	width: 240px
}

.mod .col5 dt {
	height: 140px
}

.mod .row-photo dt {
	padding-bottom: 88.25%
}

.mod .col5 dt i {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	width: auto;
	height: 30px;
	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 .col6 dl {
	margin: 8px;
	width: 200px
}

.mod .col6 dt {
	height: 280px
}

.mod .col6 dt i {
	display: block;
	position: absolute;
	z-index: 2;
	right: 5px;
	top: 5px;
	padding: 0 4px;
	border-radius: 3px;
	background: rgba(255,191,0,.7);
	color: hsla(0,0%,0%,.9);
	font-size: 13px;
	font-style: normal;
	letter-spacing: normal
}

.mod .col2 dt a:hover:before,.mod .col3 dt a:hover:before,.mod .col4 dt a:hover:before,.mod .col5 dt a:hover:before,.mod .col6 dt a:hover:before {
	content: "";
	position: absolute;
	z-index: 1;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.3)
}

.mod .col4 dl h3,.mod .col5 dl h3,.mod .col6 dl h3 {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.mod .col ul {
	margin: 20px 0
}

.mod .col li:nth-of-type(odd) {
	background: #1c2746
}

.mod .col li {
	width: 100%
}

.mod .col li a {
	display: block;
	box-sizing: border-box;
	padding: 0 30px;
	height: 60px;
	line-height: 60px;
	overflow: hidden;
	border-bottom: 1px solid rgba(255,255,255,.05);
	font-size: 16px
}

.mod .col li a:first-child {
	border-top: 1px solid rgba(255,255,255,.05)
}

.mod .col li a:visited {
	color: #c0c0c0
}

.mod .col li a:hover {
	background-color: hsla(0,0%,0%,.2);
	color: #ffbf00
}

.mod .col li em {
	float: left;
	display: block;
	width: 30px;
	color: #ffbf00;
	font-size: 20px;
	text-align: center
}

.mod .col ul {
	counter-reset: list 0
}

.mod .col ul li {
	counter-increment: list
}

.mod .col ul li em:before {
	content: counter(list,decimal-leading-zero) "."
}

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

.mod .col li span {
	float: right;
	font-size: 12px
}

.pagination {
	margin: 30px 0 10px 0
}

.pagination b {
	color: #0086ff
}

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

.pagination a {
	color: #eee;
	display: inline-block;
	margin: 10px;
	padding: 10px;
	border-radius: 3px;
	background: #333
}

.pagination a:visited {
	background: #333;
	color: #ffffff
}

.pagination a:hover,.pagination strong {
	background: #0086ff;
	color: hsla(0,0%,0%,.8)
}

.pagination strong {
	display: inline-block;
	margin: 0 2px;
	padding: 0 12px;
	border-radius: 3px;
	height: 32px;
	line-height: 32px;
	font-weight: normal
}

.main h1 {
	padding: 20px 0;
	color: #111;
	font-size: 36px;
	text-align: center;
	overflow: hidden
}

.main h2 {
	color: #444;
	font-size: 14px;
	text-align: center;
	overflow: hidden;
	border-bottom: 1px solid #aaa
}

.main .content {
	border-top: 1px solid rgba(255,255,255,.1);
	border-bottom: 1px solid rgba(255,255,255,.1);
	line-height: 40px;
	text-align: left;
	font-size: 18px
}

.main .content::first-letter {
	display: block;
	float: left;
	margin: 0 10px 0 -1.3em;
	font-size: 320%;
	line-height: 80px
}

.main .content img {
	display: block;
	margin: 20px auto;
	width: expression(this.width> 1300 ? 1300:true)
}

.main .content p {
	padding: 5px 0
}

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

.main .content ul {
	width: 100%;
	margin-top: 20px
}

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

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

.main .content li a:visited {
	background: #0086CF;
	color: #4d5672
}

.main .content li a:hover {
	background: #ffbf00;
	color: hsla(0,0%,0%,.8)
}

.main .content .player {
	width: 100%;
	margin: 0 auto;
	position: relative
}

.main .content .player-wrap {
	padding-bottom: 56.25%;
	width: 100%;
	height: 0
}

.main .content .player-box {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}

.main .post-link {
	margin: 20px 0 10px 0;
	height: 40px;
	line-height: 40px;
	font-size: 16px
}

.main .post-link h2 {
	display: inline
}

.main .post-link a {
	overflow: hidden
}

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

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

.pic img {
	max-width: 97%;
	max-height: 100%;
	width: expression(this.width > 700 && this.height < this.width ? 700:true);
	height: auto;
	margin: 10px auto;
	display: block;
	padding: 1px
}

#topBox {
	background: #eee
}

#topBox .mod,#btmBox .mod {
	margin: 0 auto
}

.player-tips {
	position: absolute;
	z-index: 10000;
	padding-bottom: 56.25%;
	width: 100%;
	height: 0;
	background: rgba(0,0,0,0.8);
	font-size: 16px;
	text-align: center
}

.player-tips dl {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -300px;
	margin-top: -200px;
	box-sizing: border-box;
	width: 600px;
	height: 400px;
	padding: 20px 0
}

.player-tips a {
	position: absolute;
	display: block;
	z-index: 8;
	width: 100%;
	height: 100%
}

.player-tips .title {
	font-size: 26px;
	color: #ffbf00
}

.player-tips .icon {
	margin: 0 auto;
	margin-top: 20px;
	width: 200px;
	height: 200px
}

.player-tips .icon a {
	display: block;
	width: 200px;
	height: 200px
}

.player-tips .download {
	margin-top: 16px;
	text-align: center;
	font-size: 14px
}

.player-tips .download span {
	padding: 8px 30px;
	background: #0086CF;
	color: hsla(0,0%,100%,.8);
	border-radius: 20px
}

.player-tips .download a:hover {
	background: #ffbf00;
	color: hsla(0,0%,0%,.8)
}

.player-tips .btn-close {
	position: absolute;
	cursor: pointer;
	z-index: 9;
	top: 0;
	right: 0;
	width: 48px;
	height: 48px;
	line-height: 48px;
	color: hsla(0,0%,100%,.8);
	font-size: 20px;
	text-align: center
}

.footer {
	color: #fff;
	margin-top: 30px;
	padding: 60px 0 120px;
	line-height: 30px;
	text-align: center;
	background: #333
}

#appBox {
	position: fixed;
	display: none;
	left: 0;
	bottom: 0.62rem;
	right: 0;
	width: 100%;
	min-height: 0.2rem;
	z-index: 11001
}

#appBox.show {
	display: block;
	animation: fadein 0.3s,fadeout 0.5s 11.7s
}

@keyframes fadein {
	from {
		opacity: 0;
		bottom: 0
	}

	to {
		opacity: 1;
		bottom: 30px
	}
}

@keyframes fadeout {
	from {
		bottom: 30px;
		opacity: 1
	}

	to {
		bottom: 0;
		opacity: 0
	}
}

@keyframes fade {
	from {
		opacity: 1.0
	}

	50% {
		opacity: 0.8;
		color: rgba(0,0,0,0.8)
	}
}

to {
	opacity: 1.0
}}

@-webkit-keyframes fade {
	from {
		opacity: 1.0
	}

	50% {
		background: #fff;
		color: rgba(252,48,118,1)
	}

	to {
		opacity: 1.0
	}
}

.app-tips {
	position: relative;
	cursor: pointer;
	margin-top: 10px;
	border-radius: 5px;
	background: #ffbf00;
	padding: 8px;
	color: rgba(0,0,0,0.8);
	font-size: 14px;
	line-height: 24px;
	text-align: center;
	animation: fade 600ms infinite;
	-webkit-animation: fade 600ms infinite
}

.app-tips .btn-close {
	position: absolute;
	cursor: pointer;
	z-index: 9;
	right: 0;
	padding: 2px;
	margin-right: 10px;
	color: hsla(0,0%,0%,.8);
	font-size: 14px;
	line-height: 20px
}

.nav .domain,.mod .title .count em,.mod .row i,.mod .col li em,.mod .col li span,.pagination .mobile {
	font-family: system-ui
}

.guide {
	position: fixed;
	display: block;
	left: 50%;
	margin-left: 660px;
	bottom: 120px;
	z-index: 90
}

.guide a {
	color: #fff;
	display: block;
	margin-top: 10px;
	width: 48px;
	height: 48px;
	line-height: 48px;
	background: #0086CF;
	font-size: 20px;
	text-align: center;
	opacity: .9;
	border-radius: 100px;
	box-shadow: rgba(5,24,74,.37) 0px 2px 6px 0px
}

.guide a:hover {
	background: #ffbf00;
	color: hsla(0,0%,0%,.8)
}

.mask {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: rgba(0,0,0,.5);
	overflow-y: scroll;
	cursor: pointer
}

.pop {
	position: fixed;
	border: #eee solid 1px;
	left: 50%;
	top: 50%;
	margin-left: -160px;
	margin-top: -200px;
	border-radius: 12px;
	width: 320px;
	height: 400px;
	background-color: #0086CF;
	font-size: 14px;
	text-align: center;
	z-index: 11001
}

.pop dt {
	margin-top: 20px;
	height: 40px;
	line-height: 40px;
	font-size: 20px;
	font-weight: 500;
	color: #ffcc00
}

.pop dd {
	margin: 13px
}

.pop .sub-title {
	line-height: 26px;
	color: #ffcc00
}

.pop .url {
	cursor: pointer;
	margin: 10px 20px;
	border-radius: 5px;
	padding: 0 10px;
	line-height: 34px;
	background: #0086CF;
	color: #fff;
	text-transform: lowercase
}

.pop .url:hover {
	background: #0086CF
}

.pop em {
	color: #ffbf00;
	font-size: 14px
}

.pop .all {
	margin-top: 26px;
	text-align: center
}

.pop .all a {
	padding: 8px 30px;
	background: #0086CF;
	color: #fff;
	border-radius: 20px
}

.pop .all a:hover {
	background: #151d33
}

.pop .btn-close {
	margin: 0 auto;
	margin-top: 50px;
	width: 48px;
	height: 48px;
	line-height: 48px
}

.pop .btn-close a {
	display: block;
	background: rgba(255,255,255,.9);
	color: hsla(0,0%,0%,.6);
	font-size: 20px;
	text-align: center;
	border-radius: 100px
}

.copy .url {
	cursor: pointer;
	margin: 5px;
	border-radius: 5px;
	padding: 0 10px;
	height: 100%;
	font-size: 12px;
	background: #222;
	color: hsla(0,0%,100%,.8);
	text-transform: lowercase;
	overflow: hidden;
	word-wrap: break-word
}

.copy em {
	color: #ffbf00;
	font-size: 12px
}

#floatbottom,.top-hf,.top-pf,.top-hf img,.top-pf img {
	width: 100%
}

.menu-wrap dl {
	float: left;
	width: 100%;
	padding: 15px 0;
	border-bottom: 1px solid #5f5151;
	background-color: #292e32
}

.menu-wrap dl:nth-child(even) {
	background-color: rgb(139 8 122 / 80%);
}

.menu-wrap .dl:nth-child(even) dl {
	background-color: #444
}

.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 dt a {
	color: #ff0000;
	font-size: 6px
}

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

.menu-wrap dd a {
	color: #fff;
	font-size: 13px
}

#ddab {
	width: 100%;
	height: 20px;
	margin: 5px auto;
	line-height: 20px;
	text-align: center;
	border-radius: 3px;
	display: block
}

#ddab .seach {
	width: 100%;
	float: center;
	height: 20px
}

#ddab .seach form {
	height: 20px
}

#ddab .seach input {
	display: block;
	float: left;
	border: 1px solid #f96868;
	padding-top: 10px;
	padding-bottom: 10px;
	text-indent: 0.2em;
	margin: 5px
}

#ddab .seach #s_word {
	width: 50%
}

#ddab .seach #searchVod {
	width: 28%;
	border: none;
	background: #f90;
	color: #fff;
	display: block;
	float: left;
	border-radius: 4px;
	cursor: pointer;
	height: 38px
}

.vod-list .row dd {
	width: 100% !important
}

@media screen and (max-width:1200px),(min-width:768px) and (max-width:1024px),(min-width:1024px) and (max-width:1366px) {
	.menu-wrap dl {
		border-top: 1px solid #5f5151;
		border-bottom: 0
	}
}

@media screen and (max-width:750px) {
	.guide {
		left: unset;
		right: 0;
		margin: 0 1.5% 0;
		bottom: 120px
	}

	.couplet-left,.couplet-right {
		margin: 0 33px
	}
}

@media screen and (max-width:740px) {
	a,a:hover,a:active,a:visited,a:link,a:focus {
		-webkit-tap-highlight-color: rgba(0,0,0,0);
		-webkit-tap-highlight-color: transparent;
		outline: none;
		text-decoration: none
	}

	.pc {
		display: none
	}

	.mt {
		display: inline
	}

	.guide a:hover {
		background: #0086CF;
		color: #a3abc7
	}

	.menu,.mod,.main {
		width: 97%;
		margin-left: 1.5%;
		margin-right: 1.5%
	}

	.nav img {
		width: 100%;
		height: 120px
	}

	.nav .btn-icon {
		width: 68%;
		padding: 10px 0
	}

	.nav .btn-icon li .tips {
		left: 0;
		margin-left: 0;
		margin-top: 30px
	}

	.nav .btn-icon li .tips:before,.nav .btn-icon li .tips:after {
		left: 60px;
		margin-left: 0;
		top: -16px
	}

	.nav .btn-icon li:last-child .tips {
		left: unset;
		right: 0
	}

	.nav .btn-icon li:last-child .tips:before,.nav .btn-icon li:last-child .tips:after {
		left: unset;
		right: 60px;
		margin-left: 0;
		top: -16px
	}

	.menu {
		margin-top: 20px
	}

	.menu dt:after {
		margin: 13px 2.1% 0
	}

	.menu dt2 {
		width: 14%;
		line-height: 34px;
		font-size: 16px;
		font-weight: bold
	}

	.menu dt2:after {
		margin: 9px 3% 0
	}

	.mod .row a:hover:before {
		display: none
	}

	.mod .col2 {
		margin: 0
	}

	.mod .col2 dl {
		width: 48.5%
	}

	.mod .col2 dt {
		padding-bottom: 23.43%
	}

	.mod .col3 {
		margin: 0
	}

	.mod .col3 dl {
		width: 31.83%
	}

	.mod .col3 dt {
		padding-bottom: 42.86%
	}

	.mod .col4 {
		margin-top: 0
	}

	.mod .col4 dl {
		width: 100%;
		height: 80px
	}

	.mod .col4 dt {
		padding-bottom: 56.25%;
		width: 100%;
		height: 0
	}

	.mod .col4 dt img {
		height: 80px
	}

	.mod .col5 dl {
		width: 31.83%
	}

	.mod .col5 dt {
		padding-bottom: 56.25%
	}

	.mod .row-photo dt {
		padding-bottom: 156.25%
	}

	.mod .col6 dl {
		width: 23.5%
	}

	.mod .col6 dt {
		padding-bottom: 140%
	}

	.mod .col3 dl,.mod .col5 dl,.mod .col6 dl {
		margin: 1.5% 1.5% 1.5% 0
	}

	.mod .col2,.mod .col3,.mod .col5,.mod .col6 {
		margin-right: .5%
	}

	.mod .col2 dt,.mod .col3 dt,.mod .col4 dt,.mod .col5 dt,.mod .col6 dt {
		width: 100%;
		height: 0
	}

	.mod .col2 dd,.mod .col3 dd,.mod .col4 dd {
		display: none
	}

	.index-list .col5 dl:nth-last-child(-n+1) {
		display: none
	}

	.channel-list .col5 dl:nth-last-child(-n+2) {
		display: none
	}

	.play-list .col5 dl:nth-last-child(-n+1) {
		display: none
	}

	.pagination {
		margin: 30px 0 20px 0
	}

	.main h1 {
		font-size: 30px
	}

	.main .content img {
		max-width: 100%
	}

	.footer {
		margin-top: 20px;
		font-size: 12px
	}

	.pagination .pc_pagination {
		display: block
	}

	.pagination .moble_pagination {
		display: none
	}
}

@media screen and (max-width:750px) {
	.mobile {
		display: none
	}

	.guide a {
		width: 40px;
		height: 40px;
		line-height: 40px
	}

	.nav li {
		padding: 0 0
	}

	.nav .url {
		float: none;
		text-align: center
	}

	.nav .btn-icon {
		width: 100%;
		display: block
	}

	.nav .btn-icon li i {
		height: 50px;
		line-height: 50px;
		font-size: 50px;
		padding: 5px 0 10px 0
	}

	.nav .btn-icon li .tips {
		margin-top: 20px
	}

	.nav .btn-icon li .tips:before,.nav .btn-icon li .tips:after {
		left: 30px
	}

	.nav .btn-icon li:last-child .tips:before,.nav .btn-icon li:last-child .tips:after {
		right: 30px
	}

	.menu {
		margin: 0px 0 0;
		border-radius: 0;
		padding: 0;
		width: 100%
	}

	.menu dl {
		padding: 6px 0
	}

	.menu dt {
		width: 14%;
		line-height: 60px;
		font-size: 14px
	}

	.menu dt:after {
		margin: 22px 3% 0
	}

	.menu dt2 {
		width: 14%;
		line-height: 30px;
		font-size: 15px;
		font-weight: 500
	}

	.menu dt2:after {
		margin: 7px 3% 0
	}

	.menu #subMenuBox {
		display: block !important
	}

	.menu dd {
		width: 21.5%;
		line-height: 30px;
		font-size: 13px
	}

	.mod .title h3 {
		font-size: 15px
	}

	.mod .row span,.couplet-left span,.couplet-right span {
		display: none
	}

	.mod .col li a {
		padding: 0 10px
	}

	.mod .col li h3 {
		padding: 0 10px;
		font-size: 16px
	}

	.mod .col2 {
		margin: 0px
	}

	.mod .col2 dl {
		width: 100%;
		margin: 0px 1px 1px 1px;
		height: 80px
	}

	.mod .col2 dl img {
		height: 80px
	}

	.mod .col2 dt {
		padding-bottom: 23.43%;
		width: 100%;
		height: 0
	}

	.mod .col2 dd {
		display: none
	}

	.mod .col3 dl:first-child {
		width: 98.5%
	}

	.mod .col3 dl:first-child dt {
		padding-bottom: 48%
	}

	.mod .col3 dt {
		padding-bottom: 56.25%
	}

	.mod .col4 {
		margin-top: 0
	}

	.mod .col4 dl {
		width: 100%;
		height: 40px
	}

	.mod .col4 dt {
		padding-bottom: 56.25%;
		width: 100%;
		height: 0
	}

	.mod .col4 dt img {
		height: 40px
	}

	.mod .col5 dl h3,.mod .col6 dl h3 {
		font-size: 14px
	}

	.mod .col5 dt {
		padding-bottom: 56.25%;
		width: 100%;
		height: 0
	}

	.mod .row-photo dt {
		padding-bottom: 156.25%
	}

	.mod .col5 dl:first-child dt {
		padding-bottom: 56%
	}

	.mod .col5,.mod .col6 {
		margin-left: auto;
		margin-right: -1%
	}

	.mod .col3 dl,.mod .col5 dl,.mod .col6 dl {
		width: 46.5%;
		margin: 1.5% 2% 1.5% 1%
	}

	.mod .col6 dt {
		padding-bottom: 140%;
		width: 100%;
		height: 0
	}

	.index-list .col5 dl:nth-last-child(-n+2),.index-list .col6 dl:nth-last-child(-n+2),.channel-list .col5 dl:nth-last-child(-n+2),.play-list .col5 dl:nth-last-child(-n+1) {
		display: block
	}

	.main h1 {
		font-size: 20px;
		padding: 20px 0
	}

	.main .content {
		line-height: 30px;
		font-size: 16px
	}

	.main .content::first-letter {
		font-size: 300%;
		line-height: 50px
	}

	.main .post-link {
		height: 40px;
		line-height: 40px;
		font-size: 14px
	}

	.main .post-link a {
		width: 49.25%;
		display: block;
		border-radius: 5px;
		background: #263150;
		color: #a3abc7;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis
	}

	.main .post-link a:visited {
		background: #0086CF;
		color: #4d5672
	}

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

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

	.footer {
		margin-top: 10px;
		padding: 20px 0 120px;
		font-size: 10px
	}

	.player-tips {
		font-size: 0.8em
	}

	.player-tips dl {
		position: static;
		left: 0;
		top: 0;
		margin-left: 0;
		margin-top: 0;
		width: 100%;
		height: 100%;
		padding: 0
	}

	.player-tips .title {
		font-size: 1.4em;
		padding-top: 10px
	}

	.player-tips .icon {
		margin-top: 10px;
		width: 64px;
		height: 64px
	}

	.player-tips .icon a {
		width: 64px;
		height: 64px
	}

	.couplet-left,.couplet-right {
		top: unset;
		bottom: 30%
	}

	.couplet-left li,.couplet-right li,.couplet-left a,.couplet-right a,.couplet-left img,.couplet-right img {
		width: 20vw;
		height: 46vw
	}

	.pagination .pc_pagination {
		display: none
	}

	.pagination .moble_pagination {
		display: block
	}

	.preview-item:before {
		display: block !important
	}

	.couplet-left,.couplet-right {
		margin: 0 33px
	}

	.menu-wrap dl {
		padding: 10px 0
	}

	.menu-wrap dt {
		width: 14%;
		line-height: 60px
	}

	.menu-wrap dd {
		width: 21%;
		line-height: 30px;
		font-size: 14px
	}
}

.preview-video {
	position: absolute;
	z-index: 0
}

.preview-item {
	position: relative;
	z-index: 9
}

.mod .col3 dl,.mod .col5 dl,.mod .col6 dl {

	background: #000;
	border-radius: 0.05rem;
	overflow: hidden;
	padding: 0;
	border: none
}

.mod .row dd a h3 {
    color: #fff;
	padding: 0 0.05rem 0;
	text-align: left
}

@-webkit-keyframes hue {
	from {
		-webkit-filter: hue-rotate(0deg);
		-moz-filter: hue-rotate(0deg)
	}

	to {
		-webkit-filter: hue-rotate(-360deg);
		-moz-filter: hue-rotate(-360deg)
	}
}

@keyframes bganimation {
	0% {
		background-position: 0% 50%
	}

	50% {
		background-position: 100% 50%
	}

	100% {
		background-position: 0% 50%
	}
}

.links-top ul.icon-list {
	list-style: none
}

.links-top ul.icon-list li {
	list-style: none
}

.links-top {
	overflow: hidden;
	margin: auto;
	margin-bottom: 5px;
	padding-bottom: 5px;
	background: #000;
	margin-top: 5px
}

.links-top ul li {
	float: left;
	padding: 5px 0;
	width: 10%;
	text-align: center
}

.links-top ul li img {
	margin: 0 auto;
	padding: 4px;
	width: 55px;
	height: 55px;
	border-radius: 5px
}

.links-top ul li a div {
    font-size: 10px ;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: bold;
    color: #f35626;
    background-image: -webkit-linear-gradient(92deg, #f35626, #feab3a);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-animation: hue 10s infinite linear;
}

.links-top ul li a button {
	width: 0.57rem;
	height: 0.3rem;
	line-height: .3rem;
	margin: 0.2rem auto 0 auto;
	border: 1px solid #fff;
	border-radius: 0.8rem;
	color: white;
	background-color: #ff4ba1;
	font-size: 12px;
	margin-top: 5px;
	box-shadow: rgb(5 24 74 / 37%) 0px 2px 6px 0px;
	background-image: linear-gradient(125deg, #ff4ba1, orange, #8476ee, #00ff00);
	background-size: 400%;
	animation: bganimation 20s infinite
}

.hl-alert-box {
	position: absolute;
	z-index: 99;
	display: none;
	border-radius: 4px
}

.hl-alert-box::after {
	position: absolute;
	top: -4px;
	left: 50%;
	z-index: -1;
	display: none;
	margin-left: -4px;
	width: 8px;
	height: 8px;
	border-radius: 0 0 2px 0;
	content: "";
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	-ms-transform: rotate(45deg)
}

.hl-pops-bg {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 999995;
	display: none;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.6);
	opacity: 0
}

.hl-bg-site {
	background: #292e32;
	color: #fff
}

.hl-pops-bg.hl-pops-bg-active {
	display: block;
	opacity: 1
}

.hl-poptips-wrap {
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 999998;
	width: 280px;
	border-radius: 4px;
	transform: translate(-50%,-50%)
}

.hl-poptips-title {
	margin-top: 25px;
	padding: 0 25px;
	text-align: center;
	line-height: 26px
}

.hl-poptips-title h2 {
	font-weight: 400;
	font-size: 22px
}

.hl-poptips-content {
	text-align: center;
	font-size: 14px;
	font-family: -apple-system-font,BlinkMacSystemFont,helvetica neue,pingfang sc,hiragino sans gb,microsoft yahei ui,microsoft yahei,Arial,sans-serif;
	overflow-x: hidden;
	overflow-y: auto;
	margin: 15px 0 5px 0;
	padding: 0 15px;
	max-height: 260px;
	line-height: 22px;
	-webkit-overflow-scrolling: touch
}

.hl-poptips-btn {
	margin-bottom: 25px;
	padding: 0 25px
}

.hl-poptips-btn a {
	font-size: 14px;
	text-decoration: none;
	display: inline-block;
	width: 46%;
	border-radius: 40px;
	text-align: center;
	line-height: 40px
}

.hl-poptips-btn a.no {
	margin-right: 4%
}

.hl-text-conch {
	color: #f6ff00;
	display: block;
	text-align: center;
	font-size: 25px;
	margin: 2px 0;
	font-weight: bold
}

.hl-bg-subs {
	background-color: #f8f8f8;
	color: #222
}

.hl-bg-conch {
	color: #fff;
	text-decoration: none;
	background: #f50
}

.hl-poptips-content .tips {
	font-size: 12px;
	text-align: center;
	display: block;
	color: #eaeaf0
}

.mt10 {
	margin-top: 10px
}

li {
	list-style: none
}

.search {
	padding: 5px;
	margin: 0 auto
}

.search #s_word {
	border-radius: 0 5px 5px 0;
	border: 2px solid #292e32;
	width: 45%;
	margin-left: -5px
}

.search #searchVod {
	border-radius: 5px 0 0 5px;
	background-color: #292e32;
	border: 2px solid #292e32;
	color: #fff;
	width: 15%
}

.index-list-xique .col5 dl {
	width: 30%;
	margin: 1% 1% 1% .5%;
	display: flex;
	flex-direction: column;
	align-items: center;
	flex-shrink: 0;
	white-space: nowrap;
	background: #fff;
	border-radius: 0.05rem;
	overflow: hidden
}

.index-list-xique .row dd a {
	padding: 0;
	color: #000;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden
}

.index-list-xique .col5 dl img {
	height: 1.26rem;
	max-height: fit-content
}

.index-list-xique .row dd a h3 {
	height: 0.48rem;
	line-height: 20px !important;
	white-space: normal;
	text-overflow: initial;
	overflow: auto;
	padding: 0.06rem 0.08rem;
	font-size: 14px;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden
}

.index-list-xique .preview-item:before {
	display: none!important
}

.index-list-xique .title {
	margin: 5px 0
}

.hot-search {
	padding: 5px;
	max-height: 0.94rem;
	overflow: hidden
}

.hot-search a {
	border: 1px solid #292e32;
	margin: 2px 0;
	display: inline-block;
	border-radius: 4px;
	padding: 2px;
	font-size: 13px;
	color: #292e32
}

.btn {
	display: inline-block;
	margin-bottom: 0;
	font-weight: 400;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	background-image: none;
	border: 1px solid transparent;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	border-radius: 4px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.btn-default:hover {
	color: #333;
	background-color: #e6e6e6;
	border-color: #adadad
}

.btn-success {
	color: #fff;
	background-color: #5cb85c;
	border-color: #4cae4c
}

@media screen and (min-width:750px) {
	ul.icon-list li {
		width: 12.5%
	}
}

@media screen and(max-width:768px) {
	.links-element ul li {
		width: 33.3333%
	}

	.links-top ul.icon-list li {
		width: 20%
	}
}

@media screen and (max-width:544px) {
	.links {
		padding: 0 5px
	}

	.links-element ul li {
		width: 49%
	}

	.links-top ul.icon-list li {
		width: 20%
	}
	.icon-list{
	    max-width: 82%;
	}	
}

@media screen and (max-width:750px) {
	.search {
		margin: 0 auto;
		box-sizing: border-box;
		background: #ffffff;
		padding: 10px 10px;
		width: 100%;
		overflow: hidden;
		color: #333;
		background: #fff;
		line-height: 30px;
		display: block !important
	}

	.search strong {
		font-size: 14px;
		color: #333
	}

	.search input a {
		color: #0086cf;
		padding-left: 5px
	}

	.search input {
		font-size: 14px;
		color: #333;
		padding: 5px
	}

	.search h2.r {
		color: #ff0000;
		margin: 10px
	}

	.search input #keyboard {
		width: 25%
	}

	.search table {
		border-bottom: #eee solid 1px
	}

	.search select {
		padding: 5px
	}

	.menu dt {
		width: 14%;
		line-height: 60px;
		font-size: 14px
	}

	.menu dt:after {
		margin: 22px 3% 0
	}
}

@media screen and (max-width:500px) {
	.swiper-container {
		max-width: 96%
	}

	.index-list-xique .col5 dl img {
		height: 0.76rem
	}

	.index-list-xique .col5 dl {
		width: 49.7%
	}
}