html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video, input, textarea {

	margin: 0;

	padding: 0;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

}

input, textarea {

	outline: none

}

html {

	font-size: 16px;

}

body {

	font: 1rem "Microsoft YaHei", Arial, Helvetica, sans-serif;

	color: #212529;

	background: #fff;

	line-height: 1.5;

}

article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {

	display: block;

}

h1, h2, h3, h4, h5, h6, em, i, .hdp_text {

	font-family: rubik, -apple-system, BlinkMacSystemFont, PingFang SC, Hiragino Sans GB, Microsoft YaHei, helvetica neue, helvetica, ubuntu, roboto, noto, segoe ui, Arial, sans-serif;

	font-weight: normal;

	font-style: normal;

}

h1, h2, h3, h4, h5, h6 {

	font-weight: 700;

}

ul, ol, li {

	list-style-type: none;

}

a, b {

	color: #212529;

	text-decoration: none;

	outline: 0;

	-webkit-transition: background-color .15s linear, color .15s linear;

	-moz-transition: background-color .15s linear, color .15s linear;

	-o-transition: background-color .15s linear, color .15s linear;

	-ms-transition: background-color .15s linear, color .15s linear;

	transition: background-color .15s linear, color .15s linear;

}

a:hover {

	text-decoration: none;

	color: #FF6651 !important;

}

a:focus {

	outline: 0;

}

img {

	border: 0;

	display: block;

	max-width: 100%;

}

h1 {

	font-size: 1.875rem;

	margin-top: 1rem;

}

h2 {

	font-size: 1.5rem;

	margin-bottom: 0.875rem;

}

h3 {

	font-size: 1.25rem

}

h4 {

	font-size: 1.125rem

}

h5 {

	font-size: 1rem

}

h6 {

	font-size: 1rem

}

h2 strong {

	color: #fd6e6e;

}

p {

	font-size: 1rem;

	color: #636874;

	margin-bottom: 1rem;

}

sup, sub {

	font-size: 1rem;

	margin-left: 6px;

}

.f_l {

	float: left;

}

.f_r {

	float: right;

}

.d-flex {

	display: -webkit-box;

	display: -webkit-flex;

	display: -ms-flexbox;

	display: flex;

	-webkit-flex-wrap: wrap;

	-ms-flex-wrap: wrap;

	flex-wrap: wrap;

}

.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;

}

.mt1 {

	margin-top: 0.875rem;

}

.mb1 {

	margin-bottom: 1rem;

}

.mbm {

	margin-bottom: 0.5rem;

}

.pt1 {

	padding-top: 0.875rem;

}

.pb1 {

	padding-bottom: 1.875rem;

}

.txt.pb1 {

	padding-bottom: 1rem;

}

.px {

 padding-right: .5rem;

 padding-left: .5rem

}

.border-b {

	border-bottom: 1px solid rgba(170, 172, 182, 0.15);

}

.text-c {

	text-align: center;

}

.text-l {

	text-align: left;

}

.text-r {

	text-align: right;

}

.both {

	clear: both

}

.hidden {

	overflow: hidden

}

.con {

	width: 100%;

	margin: auto

}

.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: 1rem;

	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;

}

blockquote {

	border-left: 4px solid #FF6651;

	padding: 0.75rem;

	background-color: #f8f9fa;

	margin-bottom: 1rem;

	color: #636874;

}

blockquote p {

	color: #636874 !important;

}

blockquote p:last-child {

	margin-bottom: 0;

}

table {

	border-collapse: collapse;

	margin-bottom: 1rem;

}

table, table td, table th {

	border: 1px solid rgba(170, 172, 182, 0.15)

}

table td, table th {

	padding: 6px

}

table th {

	background-color: #f8f9fa

}

code {

	margin: 0 2px;

	padding: 3px 4px;

	border-radius: 3px;

	color: #636874;

	background-color: #f8f9fa

}

.sg {

	position: relative;

	padding-left: 10px;

}

.sg:before {

	position: absolute;

 top: .4375rem;

	left: 0;

	content: '';

	width: 4px;

	height: 1.375rem;

	background: #FF6651;

}

@-webkit-keyframes fadeInUp {

 0% {

 opacity: 0;

 -webkit-transform: translateY(-50px);

 transform: translateY(-50px)

}

 100% {

 opacity: 1;

 -webkit-transform: none;

 transform: none

}

}

@keyframes fadeInUp {

 0% {

 opacity: 0;

 -webkit-transform: translateY(-50px);

 transform: translateY(-50px)

}

 100% {

 opacity: 1;

 -webkit-transform: none;

 transform: none

}

}

header {

	width: 100%;

}

header nav {

	background-color: #f8f9fa;

	line-height: 5rem;

	border-bottom: 1px solid rgba(170, 172, 182, 0.15);

}

header nav .logo a {

	font-size: 1.5rem;

}

header nav ul {

	height: 5rem;

}

header nav .logo a img {

	height: 3.6rem;

}

header .nav li, header .box li {

	float: left;

	display: block;

	margin: 0 0 0 2rem;

	font-size: 1.125rem;

	position: relative;

}

header .nav li a {

	display: inline-block;

	color: #555

}

.selected {

	color: #FF6651 !important;

}

.selected:after {

	width: 100%;

	height: 2px;

	position: absolute;

	bottom: -1px;

	left: 0;

	background-color: #FF6651;

	content: '';

	transition: all .6s;

}

.navbar-item ul .selected:after {

	height: 0;

}

footer {

	padding: 1.15rem;

	border-top: 1px solid rgba(170, 172, 182, 0.15);

}

footer p, .lin a {

	color: #7a8b9a;

	text-align: center;

	line-height: 1.7;

 font-size: .875rem

}

/* 鑿滃崟 */

header .nav .sub-nav {

	position: absolute;

 left: .5rem;

	top: 80%;

	width: 180px;

	height: auto;

 padding: .5rem 0;

 margin-top: .25rem;

	border-radius: 6px;

	background-color: #fff;

	-webkit-box-shadow: 0 2px 30px 0 rgb(34 40 49/8%);

	box-shadow: 0 2px 30px 0 rgb(34 40 49/8%);

	opacity: 0;

	visibility: hidden;

	-webkit-transition: all 200ms linear 0ms;

	-o-transition: all 200ms linear 0ms;

	transition: all 200ms linear 0ms;

	-webkit-transform: scaleY(0);

	-khtml-transform: scaleY(0);

	-ms-transform: scaleY(0);

	transform: scaleY(0);

	transform-origin: 0 0 0;

	-webkit-transform-origin: 0 0 0;

	-ms-transform-origin: 0 0 0;

	-o-transform-origin: 0 0 0;

}

header .nav .sub-nav li {

	line-height: 3;

	font-size: 1rem;

	padding: 0 20px;

}

header .nav .sub-nav li a {

	color: #636874;

}

header .nav li.on .sub-nav {

	opacity: 1;

	visibility: visible;

	z-index: 100;

	-webkit-transform: scaleY(1);

	-khtml-transform: scaleY(1);

	-ms-transform: scaleY(1);

	transform: scaleY(1);

}

.dot {

	display: inline-block;

	position: relative;

	z-index: 1;

	margin-left: 4px;

}

.jzsjx {

	fill: none;

	stroke: #FF6651;

	stroke-linejoin: round;

	stroke-width: 6px;

}

header .box li.menu-nav {

	display: none

}

.sidebar {

	position: fixed;

	top: 0;

	left: 0;

	display: -ms-flexbox;

	display: -webkit-box;

	display: -webkit-flex;

	display: flex;

	-ms-flex-direction: column;

	-webkit-box-orient: vertical;

	-webkit-box-direction: normal;

	-webkit-flex-direction: column;

	flex-direction: column;

	max-width: 415px;

	width: 100%;

	height: 100vh;

	z-index: 999;

	background: #fff;

	-webkit-transform: translateX(-120%);

	transform: translateX(-120%);

	-webkit-transition: all .3s ease;

	transition: all .3s ease;

	overflow-x: hidden;

	overflow-y: auto;

	padding: 1.625rem;

	-webkit-box-shadow: 0 5px 65px -5px rgba(131, 140, 157, .2);

	-ms-box-shadow: 0 5px 65px -5px rgba(131, 140, 157, .2);

	box-shadow: 0 5px 65px -5px rgba(131, 140, 157, .2);

	-webkit-overflow-scrolling: touch;

}

.sidebar.active {

	-webkit-transform: translateX(0);

	transform: translateX(0);

}

.sidebar a {

	color: #636874;

}

.sidebar .close i {

	display: block;

	position: relative;

	width: 2.35rem;

	height: 2.35rem;

	background-color: #f3f4f6;

	border-radius: 50%;

	float: right;

	cursor: pointer;

}

.sidebar .close i:before, .sidebar .close i:after {

	left: 1.1rem;

	height: 1.1rem;

 top: .65rem;

}

.sidebar li {

	position: relative;

	display: block;

	padding: 1rem 0;

	-webkit-transition: .2s;

	transition: .2s;

	border-top: 1px solid rgba(170, 172, 182, 0.15);

	font-size: 16px;

}

.sidebar li:first-child {

	border-top: 0;

}

.sidebar li .dot {

	position: absolute;

	top: 0px;

	right: 0px;

	width: 3rem;

	height: 3.7rem;

	text-align: center;

	cursor: pointer;

	display: flex;

	align-items: center;

	justify-content: center;

}

.sidebar .ul-subcates {

	display: none;

	position: relative;

	background-color: #f3f4f6;

	border-radius: 6px;

 padding: .5rem 1rem;

 margin: .75rem 0 0;

}

.sidebar .ul-subcates li {

	border: 0;

	padding: 0.5rem 0;

	font-size: 1rem;

}

.search, .search_box, .hide_box {

	position: fixed;

	width: 100%;

	height: 100%;

	top: 0;

	z-index: 999;

	display: none;

	background: #fff;

}

.search_box {

	background-color: transparent;

	z-index: -1;

}

.search .search-btn {

	position: fixed;

	top: 18px;

	right: 16px;

}

.search form {

	position: relative;

	padding: 1rem;

	top: 6rem;

 border-radius: .25rem

}

.search-ipt {

	width: 100%;

	height: 3rem;

	padding: 0 15px;

	border: 1px solid #f4f5f9;

	outline: 0;

	background-color: #f4f5f9;

	font-size: 1rem;

	float: right;

 border-radius: .25rem

}

.search button {

	width: 3rem;

	height: 3rem;

	background: 0 0;

	position: absolute;

	right: 1rem;

 border-radius: 0 .25rem .25rem 0

}

.search_ico i {

	position: relative;

	top: 2px;

	display: inline-block;

	width: 20px;

	height: 20px;

}

.search_ico i:before {

	content: ' ';

	position: absolute;

	width: 12px;

	height: 12px;

	border: 2px solid #636874;

	border-radius: 10px

}

.search_ico i:after {

	content: '';

	position: absolute;

	width: 8px;

	height: 3px;

	background: #636874;

	border-radius: 5px 0 0 5px;

	-webkit-transform: rotate(225deg);

	-moz-transform: rotate(225deg);

	-ms-transform: rotate(225deg);

	-o-transform: rotate(225deg);

	transform: rotate(225deg)

}

.search_ico i:before {

	top: 0;

	left: 0

}

.search_ico i:after {

	right: 0;

	top: 14px

}

.btn.search_ico:hover i:before {

	border-color: #fff

}

.btn.search_ico:hover i:after {

	background: #fff

}

.search-btn, .menu-btn {

	cursor: pointer

}

.search-btn i {

	top: 0;

	right: 2px;

}

.close i:before, .close i:after {

	position: absolute;

	left: 10px;

	content: ' ';

	height: 22px;

 width: .125rem;

	background-color: #636874;

	border: 0;

	border-radius: 0;

}

.close i:before {

	transform: rotate(45deg);

}

.close i:after {

	transform: rotate(-45deg);

	top: 0;

}

.menu_ico i {

	display: inline-block;

	width: 20px;

	height: 18px;

	padding: 6px 0;

	border-top: 2px solid #636874;

	border-bottom: 2px solid #636874;

	background-color: #636874;

	background-clip: content-box;

}

.mbs {

	color: #7a8b9a !important;

	font-size: 0.875rem;

}

.focusbox {

	background-color: #384047;

	color: #fff;

	padding: 45px 0;

	text-align: center

}

.focusbox h1 {

	font-weight: normal;

	font-size: 22px;

	margin: 0;

}

.focusbox p {

	color: #fff;

	margin: 0;

}

main {

	margin: 1em auto 4em !important;

	min-height: calc(100vh - 22em);

}

main {

	-webkit-animation-name: fadeInUp;

	animation-name: fadeInUp;

	-webkit-animation-timing-function: ease-in-out;

	animation-timing-function: ease-in-out;

	-webkit-animation-duration: 500ms;

	animation-duration: 500ms;

	-webkit-animation-fill-mode: both;

	animation-fill-mode: both

}

.item-meta {

	position: relative;

	display: inline-block;

	margin: 0 12px 0 0;

	padding: 0 12px 0 0;

}

.item-meta:after {

	content: '';

	position: absolute;

	right: 0;

	top: 50%;

	width: 3px;

	height: 3px;

	border-radius: 6px;

	background-color: #fd6e6e;

	-webkit-transform: translate(100%, -50%);

	transform: translate(50%, -50%);

}

.list-meta, .list-meta a {

	color: #7a8b9a;

	font-size: 0.875rem

}

.focusbox .list-meta, .focusbox .list-meta a {

	color: #fff;

}

.list-meta .f_r a {

	margin-left: 4px

}

.pagelist {

	text-align: center;

	clear: both;

	margin: 1.75rem 0;

}

.pagelist .btn {

 margin-top: .285rem;

margin-right:.285rem;

}

main ul li p {

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-line-clamp: 3;

	-webkit-box-orient: vertical;

	position: relative;

}

.istop {

	color: #fd6e6e

}

.lin {

	background-color: #f8f9fa;

 padding: .5rem;

 margin-top: .5rem;

	border-radius: 3px;

}

.lin li {

 margin: .25rem .5rem;

	line-height: 1.5;

}

.swiper-container {

	width: 52%;

	height: 23rem;

	margin-bottom: 1.875rem;

}

.swiper-slide {

	text-align: center;

	font-size: 1.5rem;

	height: 367px;

	color: #fff;

	display: -webkit-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	-webkit-box-pack: center;

	-ms-flex-pack: center;

	-webkit-justify-content: center;

	justify-content: center;

	-webkit-box-align: center;

	-ms-flex-align: center;

	-webkit-align-items: center;

	align-items: center;

}

.swiper-slide img {

	max-width: 100%;

	height: 367px;

	object-fit: cover;

}

.topsige {

	width: 48%;

	padding-left: 15px;

}

.topsige li {

	width: calc(33.333% - 11px);

	float: left;

	margin: 0 16px 16px 0;

	position: relative;

	overflow: hidden;

}

.topsige li i {

	height: 176px;

	display: block;

}

.topsige li i img {

	width: 100%;

	height: 100%;

	object-fit: cover;

	-webkit-object-fit: cover;

}

.topsige li h3 {

	left: 0;

	bottom: -80px;

	position: absolute;

	background: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .5));

	background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .5));

	color: #fff;

	font-size: 1rem;

	padding: 5px 10px 10px 10px;

	width: 100%;

	-webkit-transition: all 200ms linear 0ms;

	-o-transition: all 200ms linear 0ms;

	transition: all 200ms linear 0ms;

}

.topsige li:hover h3 {

	bottom: 0;

}

.topsige li h3 span {

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-line-clamp: 2;

	-webkit-box-orient: vertical;

}

.topsige li:nth-child(3n+0) {

	margin-right: 0;

}

.hdp_text {

	position: absolute;

	bottom: 0;

	width: 100%;

	padding: 1.125rem 1.25rem;

	text-align: left;

	z-index: 1;

	font-weight: 700;

	white-space: nowrap;

	text-overflow: ellipsis;

	overflow: hidden;

	background: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .5));

	background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .5));

}

.hdp_text a {

	color: #fff;

}

.swiper-pagination-bullet {

	width: 20px;

	height: 2px;

}

@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 {

	height: 12.5rem;

	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;

}

}

/* 鍒楄〃 */

main .row ul.picul {

	margin: 0 -8px

}

.istop {

	position: absolute;

	top: 15px;

	left: 23px;

	z-index: 1;

	padding: 0 4px;

	font-size: 14px;

	background: #f1404b;

	color: #fff;

}

.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%;

}

.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 15px;

}

.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%;

	position: absolute;

	object-fit: cover;

}

.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;

}

@-webkit-keyframes refresh-ring {

 0% {

 -webkit-transform: rotate(0deg);

 transform: rotate(0deg)

}

 100% {

 -webkit-transform: rotate(360deg);

 transform: rotate(360deg)

}

}

@keyframes refresh-ring {

 0% {

 -webkit-transform: rotate(0deg);

 transform: rotate(0deg)

}

 100% {

 -webkit-transform: rotate(360deg);

 transform: rotate(360deg)

}

}

.pageload .aload_img {

	display: inline-block;

	margin-right: 6px;

	vertical-align: top;

	margin-top: 4px;

}

.pageload .aload_img img {

	width: 14px;

	height: 14px;

	-webkit-animation: refresh-ring 1.2s linear infinite;

	animation: refresh-ring 1.2s linear infinite;

}

.pageload .page-load-status p.infinite-scroll-last {

	background-color: transparent;

	-webkit-box-shadow: none;

	box-shadow: none;

	color: #7a8b9a

}

.wzno {

	display: none;

}

.post {

	margin: 0 0 2rem 0;

}

.postt {

	margin: 1rem 0 2rem 0;

}

.post ul, .post ol {

	list-style: disc;

	margin: 0 0 2em 0;

	padding-left: 1.25em;

}

.post ol li {

	list-style-type: decimal;

}

.post ol {

	list-style: decimal;

}

.post ul li {

	list-style-type: disc;

}

.post img {

	max-width: 750px;

	height: auto !important;

	margin: 0 auto;

}

.post p {

	line-height: 1.7;

	color: #212529;

}

.post a {

	color: #FF6651;

}

.post h2, .post h3, .post h4, .post h5, .post h6 {

	margin: 1.5rem 0;

	padding-left: 10px;

	line-height: 1;

	border-left: 4px solid #FF6651;

	position: relative;

}

.remind {

	background-color: #f8f9fa;

	padding: 1rem;

	border-radius: 3px;

 font-size: .9375rem;

	color: #636874;

	margin: 1rem 0

}

.pagetp p {

	margin: 0;

}

.tags {

	margin-top: 2rem

}

.tags a {

	padding: 4px 10px;

	color: #636874;

	background-color: #f3f4f6;

	display: inline-block;

	margin: 0 4px 4px 0;

 border-radius: .25rem;

 font-size: .875rem

}

.tags a:hover {

	background-color: #FF6651;

	color: #fff !important;

}

.igpbox {

	position: relative;

}

.imgpag {

	position: absolute;

	top: 50%;

	display: block;

	width: 35px;

	height: 60px;

	line-height: 60px;

	text-align: center;

	margin-top: -30px;

	background-color: rgba(0, 0, 0, .4);

	color: #aaa;

}

.imgpag:hover {

	background-color: rgba(0, 0, 0, .6);

}

.ipgz {

	padding-left: 5px;

}

.ipgy {

	right: 0;

	padding-right: 5px;

}

.npg:hover {

	background-color: rgba(0, 0, 0, .4);

}

.ipgz i {

	transform: rotate(135deg) !important;

	-webkit-transform: rotate(135deg) !important;

}

.ipgy i {

	transform: rotate(-45deg) !important;

	-webkit-transform: rotate(-45deg) !important;

}

.share {

	padding: 2rem;

	text-align: center;

}

.share button {

	width: 5rem;

	height: 5rem;

	margin: auto;

	border-radius: 50%;

	background-color: #fd6e6e;

 font-size: .875rem;

}

.share button i {

	display: block;

}

.share button i:before {

	content: '';

	width: 3.375rem;

	height: 2.25rem;

	display: block;

	background: url(../fonts/zs.svg) no-repeat center center;

	background-size: auto 1.75rem;

}

.hide_box {

	color: #fff;

	background: rgba(120, 129, 147, .6);

}

.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%;

}

.dashang {

	display: block;

	width: 6.25rem;

 margin: .3125rem auto;

	height: 1.5625rem;

	line-height: 1.5625rem;

 padding: .625rem;

	background-color: #e74851;

	color: #fff;

	text-align: center;

	text-decoration: none;

	border-radius: 6px;

	font-weight: 700;

	font-size: 1rem;

	transition: all .3s

}

.dashang:hover {

	opacity: .8;

 padding: .9375rem;

	font-size: 1.125rem

}

.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_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;

}

.shang_info {

	clear: both

}

.shang_info a, .shang_info p {

	color: #c3c3c3;

	text-align: center;

 font-size: .75rem !important

}

.comment h3, .comment h4, .related-list h3 {

	margin: 2rem 0;

	font-size: 1.5rem;

}

.msg {

	margin: 1.5rem 0;

	padding: 0 0 1.5rem;

	border-bottom: 1px solid rgba(170, 172, 182, 0.15);

	word-wrap: break-word

}

.msgurl {

	text-align: right;

	padding: .125em .625em

}

.msgarticle {

	list-style-position: outside;

 padding: .625rem 0 0;

	color: #636874;

}

.avatar {

	-ms-flex: 0 0 3.8rem;

	flex: 0 0 3.8rem;

	max-width: 3.8rem;

	padding-right: 1rem;

}

.avatar img {

	width: 3.8rem;

	height: 3.8rem;

	border-radius: 50%

}

.msg small {

	color: #7a8b9a

}

.msg h3 small {

	font-size: 12px

}

.msg div.msg {

	padding: 20px 0 0;

	margin: 20px 0 0;

	border-top: 1px solid rgba(170, 172, 182, 0.15);

	border-bottom: none

}

.msg div.msg .msgarticle {

	padding-bottom: 0

}

.msg div.msg .msgname {

	padding: 0

}

.msg:nth-last-child(3) {

	border-bottom: 0

}

.jz-comment label, .jz-comments label {

	display: none

}

.jz-comment input {

	line-height: 30px;

	height: 30px;

	width: 100%;

	padding-left: 8px;

	font-family: "Microsoft YaHei", Verdana, sans-serif;

	font-size: 14px;

	border: 0;

	background-color: transparent;

}

.jz-comment textarea {

	height: 120px;

	width: 100%;

	font-size: 14px;

	font-family: "Microsoft YaHei", Verdana, sans-serif;

	display: block;

	padding: 8px;

	border: 0;

	background-color: transparent;

}

.jz-comment-box {

	border: 1px solid #f3f4f6;

	padding: 4px;

	position: relative;

	background: #f3f4f6;

	margin-bottom: 0.875rem;

	border-radius: 4px;

}

.jz-comment-ul4 {

	float: left;

	width: 49.5%

}

.jz-comment-ul3 {

	float: left;

	width: 32.66%

}

.jz-comment .jz-comment-ul4:nth-child(2n) {

	float: right

}

.jz-comment .jz-comment-ul3-2 {

	margin: 0 1%

}

.jz-comment-box img.jz-code {

	position: absolute;

	right: 4px;

	top: 4px;

	height: 1.875rem;

	width: auto

}

.jz-comment {

	overflow: hidden;

}

input.jz-commbut {

	line-height: 38px;

	height: 38px;

	width: 100px;

	float: right;

	padding: 0;

	margin-top: 10px;

	border-radius: 3px;

	background: #FF6651;

}

.jz-comment-textarea {

	width: 100%;

	clear: both

}

.jz-red {

	color: #FF6651

}

.verifyimg {

	position: absolute;

	top: 10px;

	right: 5px;

}

#go-to-top {

	width: 3rem;

	height: 3rem;

	text-align: center;

	line-height: 3.725rem;

	cursor: pointer;

	position: fixed;

	right: 1.875rem;

	bottom: 1.875rem;

	background: #FF6651;

	opacity: 0.8;

	overflow: hidden;

	display: none;

 border-radius: .25rem;

	z-index: 999;

	color: #fff;

}

#go-to-top i, .imgpag i {

	border: solid #fff;

 border-width: 0 .125rem .125rem 0;

	display: inline-block;

	padding: 0.375rem;

	transform: rotate(-135deg);

	-webkit-transform: rotate(-135deg);

}

#go-to-top:hover {

	opacity: 1;

}

#go-to-top.active {

	display: block

}

@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;

}

}

@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;

}

}

@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%;

}

}

.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: .5rem 0 0;

}

.archive-navbar ul {

	display: block;

}

.archive-navbar li {

 margin: .5rem .5rem 0 0;

	float: left;

}

.archive-navbar li a {

	min-width: 93px;

 font-size: .875rem;

 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;

}

 @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;

}

}


/* 做网站公司新增分页样式 www.admibnuy.cn */

.pagebar { padding:20px; overflow:hidden; clear:both}

.pagebar .pagination {

  display: flex;

  justify-content: center;

  margin-top: 10px;

}

.pagination a {

  background: #fff;

  border: 1px solid #ccc;

  color: #333;

  font-size: 12px;

  padding: 8px 10px;

  margin: 0 2px;

  border-radius: 3px; line-height:100%

}

.pagination span {

    color: #333;

    font-size: 12px;

    padding: 7px 2px;

    margin: 0 2px;

    border-radius: 3px;

}

.pagination a:hover {

  color: #333;

  border: 1px solid #333;

}

.pagination a.page-num-current {

  color: #fff;

  background: #333;

  border: 1px solid #333;

}

.pagination .st{ font-family:宋体}

.text-secondary{ text-align:center; padding:20px 0}