html {
	background-color: #F1F5F9;
}

body {
	margin: 0 auto;
	width: 100%;
	max-width: 640px;
	font-family: "Inter", "Helvetica Neue", Arial, sans-serif;
	/* font-family: "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", FontAwesome, sans-serif; */
	color: #1E293B;
	background-color: #F1F5F9;
}

ul,
ul li,
ol,
ol li {
	list-style: none;
	padding: 0;
	margin: 0;
}

a:link,
a:visited {
	color: currentcolor;
}

font.red {
	color: #EE0000;
}

/* @media screen and (max-width: 640px) {
	.brmob-width-1200 {
		display: block;
		margin: 0 2%;
		width: 96%;
	}
} */

.brmob-hide {
	display: none;
}


/* list */

.brmob-list {
	float: left;
	display: block;
	margin-top: 2rem;
	margin-bottom: 4rem;
	width: 100%;
}

.brmob-list .brmob-list-head {
	float: left;
	display: block;
	margin: 0 4%;
	width: 92%;
}

.brmob-list-head .title {
	float: left;
	display: block;
	margin-top: 2rem;
	margin-bottom: 2rem;
	width: 100%;
	font-size: 2.4rem;
	font-weight: 700;
	line-height: 3.2rem;
	color: #0F172A;
	text-align: center;
}

/* list - info */

.brmob-list .brmob-list-info {
	float: left;
	display: block;
	margin: 0 4%;
	width: 92%;
}

.brmob-list-info ul li {
	float: left;
	display: block;
	margin-top: 1rem;
	margin-bottom: 1rem;
	padding: 1.5rem 2rem;
	width: 100%;
	background-color: #FFF;
	border-radius: 1rem;
	box-shadow: 0 0.2rem 0.8rem rgba(0, 0, 0, 0.05);
}

/*.brmob-list-info ul li::before {
	float: left;
	display: inline-block;
	content: "";
	position: relative;
	top: 15px;
	left: -10px;
	width: 8px;
	height: 8px;
	background-color: #E0E0E0;
}*/

/*.brmob-list-info ul li:hover::before {
	background-color: #448AFF;
}*/

.brmob-list-info ul li .title {
	float: left;
	display: block;
	margin-top: 1.5rem;
	margin-bottom: 1rem;
	width: 100%;
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 2.4rem;
}

.brmob-list-info ul li .tags {
	float: left;
	display: block;
	width: 100%;
}

.brmob-list-info ul li .tags span {
	float: left;
	display: block;
	width: 100%;
	font-size: 1.5rem;
	line-height: 1.6rem;
	color: #64748B;
}

.brmob-list-info ul li .tags span.time {
	display: flex;
	display: -webkit-flex;
	margin-bottom: 0.5rem;
	align-items: center;
	-webkit-align-items: center;
}

.brmob-list-info ul li .tags span.time i {
	float: left;
	display: inline-block;
	margin-right: 0.5rem;
	width: 1.8rem;
	height: 1.8rem;
	background: url("https://static.baiyewang.com/brpc/img/icon_clock.svg") no-repeat;
	background-size: contain;
}


/* detail */

.brmob-detail {
	float: left;
	display: block;
	margin-top: 3rem;
	margin-bottom: 5rem;
	width: 100%;
}

/* detail - info */

.brmob-detail .brmob-detail-info {
	float: left;
	display: block;
	padding: 2.5rem;
	margin: 0 4%;
	width: 92%;
	background-color: #FFF;
	border-radius: 10px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

.brmob-detail-info .info-head {
	float: left;
	display: block;
	margin-bottom: 1.5rem;
	width: 100%;
}

.brmob-detail-info .info-head .title {
	float: left;
	display: block;
	margin-bottom: 1.5rem;
	width: 100%;
	font-size: 2.4rem;
	font-weight: 700;
	line-height: 3.2rem;
}

.brmob-detail-info .info-head .tags {
	float: left;
	display: block;
	width: 100%;
}

.brmob-detail-info .info-head .tags span {
	float: left;
	display: block;
	width: 100%;
	font-size: 1.5rem;
	line-height: 1.6rem;
	color: #64748B;
}

.brmob-detail-info .info-head .tags span.time {
	display: flex;
	display: -webkit-flex;
	margin-bottom: 0.5rem;
	align-items: center;
	-webkit-align-items: center;
}

.brmob-detail-info .info-head .tags span.time i {
	float: left;
	display: inline-block;
	margin-right: 0.5rem;
	width: 1.8rem;
	height: 1.8rem;
	background: url("https://static.baiyewang.com/brpc/img/icon_clock.svg") no-repeat;
	background-size: contain;
}

.brmob-detail-info .info-content {
	float: left;
	display: block;
	padding-top: 3rem;
	padding-bottom: 3rem;
	width: 100%;
	font-size: 1.6rem;
	line-height: 2.6rem;
	color: #334155;
	border-top: 0.1rem solid #E2E8F0;
}

.brmob-detail-info .info-content p {
	float: left;
	display: block;
	margin-top: 0;
	margin-bottom: 1.5rem;
	width: 100%;
}

.brmob-detail-info .info-content p img {
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	margin: 0 auto;
	max-with: 100%;
}

.brmob-detail-info .info-more {
	float: left;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	row-gap: 1.5rem;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	margin-bottom: 1.5rem;
	width: 100%;
}

.brmob-detail-info .info-more span.shorcut {
	float: left;
	display: inline-block;
	padding: 1.5rem 2rem;
	font-size: 1.6rem;
	line-height: 2.6rem;
	color: #448AFF;
	/* color: #3B82F6; */
	border: 0.1rem solid #DBEAFE;
    border-radius: 0.6rem;
    text-decoration: none;
}

.brmob-detail-info .info-more span.shorcut a {
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	column-gap: 1.5rem;
	-webkit-column-gap: 1.5rem;
}

.brmob-detail-info .info-more span.shorcut i {
	float: left;
	display: block;
	width: 3rem;
	height: 3rem;
	background: url("https://static.baiyewang.com/brpc/img/icon_arrowLeft.svg") no-repeat;
	background-size: contain;
	background-position: center;
}

.brmob-detail-info .info-more span.shorcut:nth-of-type(2n) a {
	flex-direction: row-reverse;
	-webkit-flex-direction: row-reverse;
}

.brmob-detail-info .info-more span.shorcut:nth-of-type(2n) i {
	transform: rotateZ(180deg);
	-webkit-transform: rotateZ(180deg);
}


/* goTop */

.am-gotop-fixed {
	position: fixed;
	right: 1rem;
	bottom: 2rem;
	z-index: 1010;
	opacity: 0;
	width: 3.1rem;
	height: 3.1rem;
	overflow: hidden;
	border-radius: 0;
	text-align: center;
	background-color: #448AFF;
}

.am-gotop-fixed i {
	float: left;
	margin: 0.9rem 0 0 0.4rem;
	width: 2.3rem;
	height: 1rem;
	background: url('https://static.baiyewang.com/bypc/img/icon_goTop.png') no-repeat;
}

.am-gotop-fixed i.am-gotop-icon {
	background-color: transparent !important;
}

.am-gotop-fixed i.am-icon-chevron-up:before {
	display: none;
}

/*.am-gotop-fixed i.am-gotop-icon {
	background-color: #FF0000 !important;
	color: #FFF !important;
}*/