ul, li {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

ul, ol, li {
	list-style-type: none;
}

main .row ul.picul {
	margin: 0 -8px
}

.d-flex {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.col {
	position: relative;
	width: 100%;
	min-height: 1px;
	padding-right: 8px;
	padding-left: 8px;
	margin-bottom: 32px;
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 20%;
	-ms-flex: 0 0 20%;
	flex: 0 0 20%;
	max-width: 20%;
}

.xqbox{background-color:#fff;padding:15px 20px;margin: 15px 0px;}

.xqbox .title {
    background-color: #fff;
    border-bottom: none;
    padding: 15px 0;
    font-size: 1.7rem;
    line-height: 2.5rem;
}


@media screen and (max-width:980px) {
.swiper-container {
	width: 100%;
	margin-bottom: 16px;
}
.topsige {
	width: 100%;
	padding-left: 0;
}
.topbox .d-flex {
	flex-direction: column;
}
}
@media only screen and (max-width: 767.9px) {
.swiper-container, .swiper-slide, .swiper-slide img {
	height: 18.75rem;
}
}
@media only screen and (max-width: 414.1px) {
.hdp_text {
 padding: .875rem 1rem;
}
.swiper-container {
	margin-bottom: 10px;
}
.swiper-slide, .swiper-slide img {

	font-size: 1.25rem
}
.swiper-container {
	height: 12.5rem;
}
.topsige li {
	width: calc(50% - 5px);
	margin: 0 10px 10px 0;
}
.topsige li:nth-child(odd) {
	margin-right: 10px
}
.topsige li:nth-child(even) {
	margin-right: 0
}
.topsige li i {
	height: 130px;
}
}

@media only screen and (max-width: 321px) {
.swiper-container, .swiper-slide, .swiper-slide img {
	height: 10rem;
}
}
@media only screen and (min-width: 1229.9px) {
.con {
	width: 1200px;
}
}
@media only screen and (max-width: 1230px) {
.con {
	width: 93%;
}
}
@media only screen and (max-width: 1000px) {
.col {
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 25%;
	-ms-flex: 0 0 25%;
	flex: 0 0 25%;
	max-width: 25%;
}
}
@media only screen and (max-width: 810px) {
.post img {
	max-width: 80%;
}
}
@media only screen and (max-width: 767.9px) {
html {
	font-size: 14.5px;
}
header .nav li, header .box li {
	margin: 0 0 0 1rem;
}
h1 {
	font-size: 1.5rem;
	margin-top: 0;
}
.post {
	margin: 0;
}
header nav {
	line-height: 4rem;
}
header nav ul {
	height: 4rem;
}
header .nav .navbar-item {
	display: none
}
header .box li.menu-nav {
	display: block
}
header nav .logo a img {
	height: 2.8rem;
}
.list-content h2 {
 margin-bottom: .35rem;
	-webkit-line-clamp: 2;
}
.list-content p {
 margin-bottom: .5rem;
	-webkit-line-clamp: 1;
}
.list-meta .f_r {
	display: none
}
.col {
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 33.333%;
	-ms-flex: 0 0 33.333%;
	flex: 0 0 33.333%;
	max-width: 33.333%;
	align-items: stretch;
}
.xqbox {padding: 15px 0px;}
}
@media only screen and (max-width: 414.1px) {
.luser, .ltim:after {
	display: none
}
.post img {
	max-width: 100%;
}
main .row ul.picul {
	margin: 0 -5px;
}
.col {
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 50%;
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%;
	padding-right: 5px;
	padding-left: 5px;
	margin-bottom: 20px;
}
.xqbox {padding: 15px 0px;}
}

@media only screen and (max-width: 321px) {
.list-content p {
	display: none
}
.col {
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 100%;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
}
}
 @media only screen and (max-width: 900px) {
.card-body {
	padding: 0rem;
 margin-bottom: .5rem!important;
}
.card-body h1 {
	font-size: 1.25rem !important;
}
.archive-navbar {
	position: relative;
 margin: .125rem 0 0;
}
.archive-navbar li a {
	min-width: 80px;
 padding: .5125rem 1rem .5125rem;
}
}



.card-body {
	position: relative;
	display: flex;
	flex-direction: column;
	min-width: 0;
	word-wrap: break-word;
	background-color: #fff;
	background-clip: border-box;
 border-radius: .25rem;
	margin-bottom: 1.5rem!important;
	padding: 1.25rem;
	flex: 1 1 auto;
}
.card-body h1 {
	font-size: 1.625rem !important;
	line-height: 1.4;
}
.archive-navbar {
	position: relative;
 margin: 0rem 0 0;
}
.archive-navbar ul {
	display: block;
}
.archive-navbar li {
 margin: 0rem .5rem 0 0;
	float: left;
}
.archive-navbar li a {
	min-width: 93px;

 padding: .5125rem 1.25rem;
 border-radius: .2rem;
	color: #6b6b6d;
	background-color: #eff1f5;
	border-color: #eff1f5;
	display: inline-block;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	cursor: pointer;
	transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.archive-navbar li a.active {
	background-color: #e80000;
	border-color: #e80000;
	color: #fff;
}


.istop {
	position: absolute;
	top: 15px;
	left: 23px;
	z-index: 1;
	padding: 0 4px;
	font-size: 14px;
	background: #f1404b;
	color: #fff;
}

.list-content h2 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	position: relative;
	font-size: 1rem;
	margin: 10px 0 5px;
}
.list-img {
	width: 100%;
}
.list-img a {
	width: 100%;
	height: 0;
	padding-bottom: 135%;
	overflow: hidden;
	position: relative;
	display: block;
}
li a img {
	width: 100%;
	height: 100%;

	object-fit: cover;
}

.imgpost{position:absolute}
.pagelist {
	text-align: center;
	color: #666;
	width: 100%;
	clear: both;
	margin: 20px 0;
}
.pageload {
	padding: 0;
	position: relative;
	height: 43px;
	margin: 20px 30%;
}
.pageload .view-more-button, .pageload .page-load-status p {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	display: inline-block;
	margin: 0;
	padding: 10px;
	width: 100%;
	border: 0;
	vertical-align: middle;
	text-align: center;
	white-space: nowrap;
	font-weight: 400;
	font-size: 14px;
	height: 42px;
	background: #2a2b2b;
	letter-spacing: 0;
	color: #fff;
	border-radius: 5px;
}
.pageload .view-more-button {
	padding: 0
}
.pageload .view-more-button p {
	padding: 10px 20px;
	letter-spacing: 0;
}
.pageload .view-more-button {
	cursor: pointer;
}
.pageload .page-load-status p {
	z-index: 1;
}



.list-meta, .list-meta a {
	color: #7a8b9a;
	font-size: 12px
}
.focusbox .list-meta, .focusbox .list-meta a {
	color: #fff;
}
.list-meta .f_r a {
	margin-left: 4px
}

.wzno {
	display: none;
}

.comment h3, .comment h4, .related-list h3 {
	margin: 2rem 0;
	font-size: 1.5rem;
}




.remind {
	background-color: #f8f9fa;
	padding: 1rem;
	border-radius: 3px;
 font-size: 1rem;
	color: #636874;
	margin: 1rem 0;
	text-align: center;
}
.btn-blue {
	background-color: #FF6651;
	color: #fff
}

.pagelist {
	text-align: center;
	clear: both;
	margin: 1.75rem 0;
}
.pagelist .btn {
 margin-top: .285rem;
margin-right:.285rem;
}

.shang {
	padding: 2rem;
	text-align: center;
}
.shang button {
	width: 6rem;
	height: 6rem;
	margin: auto;
	border-radius: 50%;
	background-color: #fd6e6e;
 font-size: .875rem;
}
.shang button i {
	display: block;
}
.shang button i:before {
	content: '';
	width: 4.3rem;
	height: 2.25rem;
	display: block;
	background: url(../fonts/zs.svg) no-repeat center center;
	background-size: auto 2rem;
}

.btn {
	display: inline-block;
	font-weight: 400;
	line-height: 1.5;
	color: #636874;
	background-color: #f3f4f6;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	border: 1px solid transparent;
 padding: .375rem .75rem;
	font-size: 1.2rem;
	border-radius: 3px;
	-webkit-appearance: none;
	-webkit-transition: all .25s;
	-o-transition: all .25s;
	transition: all .25s;
}
.btn:hover {
	color: #fff !important;
	opacity: 0.8;
	background-color: #FF6651;
}
.btn-red {
	background-color: #fd6e6e;
	color: #fff
}
.btn-blue {
	background-color: #FF6651;
	color: #fff
}
.small .btn {
 padding: .285rem .7rem;
	font-size: 0.875rem;
}



.flex-fill {
	flex: 1 1 auto;
}
.flex-align {
	align-items: center
}
.flex-grow {
	flex-grow: 1;
}
.flex-justify {
	-webkit-justify-content: center;
	justify-content: center;
}
.flex-column {
	flex-direction: column
}
.flex-wrap {
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}


.text-c {
	text-align: center; font-size:1rem;
}
.text-l {
	text-align: left;
}
.text-r {
	text-align: right;
}


.shang_close {
	display: inline-block;
	top: 10px;
	position: absolute;
	right: 10px
}
.shang_logo {
	display: block;
	text-align: center;
	margin: 1.25rem auto
}
.shang_payimg {
	margin: 0 auto;
 border-radius: .1875rem;
 border-radius: .625rem
}
.pay_explain {
	text-align: center;
 margin: .625rem auto;
 font-size: .75rem;
	color: #545454
}
.radiobox {
	width: 1rem;
	height: 1rem;
	background: url(../fonts/radio2.svg);
	background-size: auto 1rem;
	display: block;
	float: left;
 margin-top: .3125rem;
 margin-right: .875rem
}
.checked .radiobox {
	background-image: url(../fonts/radio1.svg)
}

.shang_info {
	clear: both
}
.shang_info a, .shang_info p {
	color: #c3c3c3;
	text-align: center;
 font-size: .75rem !important
}
.shang_box {
	width: 20rem;
	background-color: #fff;
	position: fixed;
	z-index: 1000;
	left: 50%;
	top: 50%;
	margin-left: -10rem;
	margin-top: -13.75rem;
	border-radius: 6px;
	overflow: hidden;
	display: none
}
.shang_box img {
	border: none;
	border-width: 0;
	width: auto;
	height: auto;
	margin: 0;
	box-shadow: none;
	max-width: 100%;
}

.shang_payselect {
	text-align: center;
	margin: 0 auto;
	cursor: pointer;
	width: 17.5rem
}
.shang_payselect img {
	display: inline !important;
	width: 5.3rem
}
.shang_payselect img.wximg {
	width: 7rem
}
.shang_payselect .pay_item {
	display: inline-block;
 margin-right: .625rem;
	float: left;
	padding: 10px 0;
}

.search, .search_box, .hide_box {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;left:0;
	z-index: 999;
	display: none;
	background: #fff;
}
.hide_box {
	color: #fff;
	background: rgba(120, 129, 147, .6);
}