@charset "UTF-8";

* {
	margin:0;
	padding:0;
	box-sizing: border-box;
	outline: 0;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
html {
	height: 100%;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,textarea,p,table,th,tr,td {
	margin:0;
	padding:0;
}
body {
	font-size: 0.7rem;
	font-family:miui,Oxygen,Arial,Hiragino Sans GB,Microsoft YaHei,\\5FAE\8F6F\96C5\9ED1,STHeiti,WenQuanYi Micro Hei,SimSun,sans-serif;
	color:#555555;
	background: #f5f5f5;
}
ul,li {
	list-style:none;
}
i,em {
	font-style: normal;
}
a {
	color: #555;
	text-decoration:none;
}
img {
	border: 0;
	vertical-align: middle;
}
/*去除IOS下默认的按钮渲染方式*/
input {
	-webkit-appearance: none;
}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.pre-line {
	white-space: pre-line;
}
.emoji {
	height: 1.2em;
	vertical-align: sub;
}

/*common*/
.w640 {
	width: 640px;
	margin: 0 auto;
}
.flex {
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
}
.blue {
	color: #10acf0;
}
.black {
	color: #222;
}
.gray {
	color: #999 !important;
}
.center {
	text-align: center;
}
.rela {
	position: relative;
}
.top-line:before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	height: 1px;
	background: #e8e8e8;
	transform: scaleY(0.5);
	transform-origin: 0 0;
}
.bottom-line:before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 1px;
	background: #e8e8e8;
	transform: scaleY(0.5);
	transform-origin: 0 0;
}

/* font-size */
.size18 {
	font-size: 0.9rem;
}
.size16 {
	font-size: 0.8rem;
}
.size11 {
	font-size: 0.55rem!important;
}
.size12 {
	font-size: 0.6rem!important;
}
.size14 {
	font-size: 0.7rem!important;
}

/*边距*/
.pb-16 {
	padding-bottom: 0.8rem;
}
.mt-20 {
	margin-top: 1rem;
}
.mr10 {
	margin-right: 0.5rem;
}
.mr4 {
	margin-right: 0.2rem;
}

/*loading*/
.loading {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #fff url("/img/loading.gif") center no-repeat;
	background-size: 8.55rem 1.1rem;
	z-index: 1000;
}

/* 上传动画 */
@-moz-keyframes ani-loader {
	0% {
		-moz-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-moz-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@-webkit-keyframes ani-loader {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@keyframes ani-loader {
	0% {
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
/* :not(:required) hides this rule from IE9 and below */
.ani-loader:not(:required) {
	-moz-animation: ani-loader 1250ms infinite linear;
	-webkit-animation: ani-loader 1250ms infinite linear;
	animation: ani-loader 1250ms infinite linear;
	border: 0.4rem solid #38e;
	border-right-color: transparent;
	border-radius: 0.8rem;
	box-sizing: border-box;
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	overflow: hidden;
	text-indent: -9999px;
	width: 1.6rem;
	height: 1.6rem;
	z-index: 10000;
}

/* 白底遮罩 */
.white-mask {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,0.6);
	z-index: 999;
}

.multi-ellipsis--l3 {
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

/* 全屏H5右上角关闭分享 */
.tool-top-right {
	position: fixed;
	top: 5%;
	right: 5%;
	padding: 0.2rem 0.4rem;
	width: 4rem;
	line-height: 1.4rem;
	color: #fff;
	background: rgba(0, 0, 0, .6);
	border-radius: 1.4rem;
	z-index: 1000;
}

.tool-close, .tool-share {
	width: 1.2rem;
	height: 1.2rem;
	background: url("../img/icon/tool_ico_close.png") 0 0 no-repeat;
	background-size: contain;
}

.tool-share {
	width: 1.0rem;
	height: 1.2rem;
	background-image: url("../img/icon/tool_ico_share.png");
	background-position-y: center;
}

/*banner*/
.bannerQ img {
	width: 100%;
	height: 100%;
}

/*content*/
.linkQ {
	background: #fff;
	border-bottom: 1px solid #EBEBEB;
	overflow: hidden;
	padding: 0 3% 0.8rem;
}
.fixed {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1000;
}
.linkQ li {
	float: left;
	margin: 0.8rem 0 0;
	width: 33.33333%;
	text-align: center;
}
.linkQ a {
	position: relative;
	display: inline-block;
	width: 80%;
	height: 1.55rem;
	line-height: 1.5rem;
	text-align: center;
	font-size: 0.7rem;
	color: #212121;
	border-radius: 1rem;
}
.linkQ a:after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 200%;
	height: 200%;
	border: 1px solid #ebebeb;
	transform-origin: 0 0;
	transform: scale(.5);
	border-radius: 2rem;
}
.linkQ a.active {
	background: #01A9F6;
	color: #FFFFFF;
}
.linkQ a.active:after {
	border-color: #01A9F6;
}
.contentQ {
	padding: 0.7rem 0 0;
}
.contentQ h2 {
	margin: 0 0.75rem 0.7rem;
	padding-left: 0.5rem;
	height: 0.75rem;
	line-height: 0.8rem;
	border-left: 3px solid #01a9f6;
	font-weight: normal;
	font-size: 0.75rem;
	color: #01a9f6;
}
.contentQ > ul > li {
	position: relative;
	background: #fff;
}
.contentQ > ul > li:before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	height: 1px;
	background: #e8e8e8;
	transform: scaleY(0.5);
	transform-origin: 0 0;
}
.contentQ > ul > li:first-child:before {
	content: none;
}
.titleQ {
	height: 2.2rem;
	line-height: 2.2rem;
	padding: 0 0.75rem;
	font-weight: normal;
	font-size: 0.75rem;
	color: #212121;
	position: relative;
}
.titleQ:after {
	content: '';
	position: absolute;
    right: 0.75rem;
    width: 0.8rem;
    height: 100%;
	background: url(/img/downApp.png) center no-repeat;
}
.titleQ.on:after {
	background: url(/img/upApp.png) center no-repeat;
}
.answer {
	position: relative;
	padding: 1rem 0.75rem;
	font-size: 0.7rem;
	line-height: 1.2rem;
	display: none;
}

/*message*/
.list-wrap-message {
	padding: 0 0.75rem;
}
.list-wrap-message > div:first-of-type .time-message {
	padding-top: 1rem;
}
.time-message {
	padding: 1.5rem 0 0.75rem;
	line-height: 0.6rem;
	font-size: 0.6rem;
	color: #aaa;
	text-align: center;
}
.item-content-message {
	display: block;
	background: #fff;
	border-radius: 0.25rem;
	overflow: hidden;
}
.item-content-message > p {
	width: 100%;
	max-height: 9.7rem;
	background: #f5f5f5 url("https://www.ersanli.cn/img/pic_nothing_logo.png") center center no-repeat;
	background-size: 2.5rem;
	overflow: hidden;
}
.item-content-message > p img {
	width: 100%;
}
.item-content-message > div {
	padding: 0.75rem 0.75rem 0;
	line-height: 1rem;
}
.mt-10 {
	margin-top: 0.5rem;
}
.link-message {
	margin-top: 0.75rem;
	position: relative;
	padding: 0.7rem 0;
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
}

/*审核页面*/
.checkBackground {
	padding: 3rem 1.4rem;
	position: absolute;
	top: 4.6rem;
	left: 2.3rem;
	right: 2.3rem;
	bottom: 4.6rem;
	background: #fff;
	line-height: 1.4rem;
	box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
.checkBackground:before {
	content: '';
	position: fixed;
	z-index: 2;
	top: 0;
	left: 1.2rem;
	width: 4rem;
	height: 7.35rem;
	background: url(/img/check_top.png) 0 0 no-repeat;
	background-size: 100% 100%;
}
.checkBackground:after {
	content: '';
	position: fixed;
	z-index: 2;
	bottom: 0;
	right: 1.2rem;
	width: 6.1rem;
	height: 10.5rem;
	background: url(/img/check_bottom.png) 0 0 no-repeat;
	background-size: 100% 100%;
}
.checkBackground h2 {
	padding-bottom: 1rem;
	font-size: 0.9rem;
	color: #222;
}
.checkBackground p {
	margin-bottom: 0.5rem;
}

/* 隐私权政策 */
.whiteBj {
	background: #fff;
}
.policy {
	padding: 1rem 1rem 1.2rem;
	font-size: 0.75rem;
	line-height: 1.3rem;
}
.policy h1 {
	margin: 0.5rem 0 1rem;
	font-size: 0.9rem;
	text-align: center;
	color: #222;
}
.policy h2 {
	margin: 0.8rem 0 0;
	font-size: 0.9rem;
	color: #222;
}
.policy h3 {
	margin: 0.75rem 0 0;
	font-size: 0.75rem;
	text-indent: 2em;
	color: #222;
}
.policy p {
	text-indent: 2em;
	margin: 0.75rem 0 0;
}
.policy b {
	color: #222222;
}
.policy .time {
	text-align: right;
	font-size: 0.7rem;
	color: #999;
}

/* 里里号登录流程 */
.titleLlh {
	padding: 1.5rem 1rem 0.5rem;
	font-size: 0.8rem;
	font-weight: normal;
	color: #222;
	background: #fff;
}
.stepList li {
	padding: 1rem 1rem 1rem 3.2rem;
	background: #fff url("/img/loginProcess.png") 1.1rem 1.5rem no-repeat;
	background-size: 1.2rem;
	border-bottom: 1px solid #f5f5f5;
	box-shadow: 0 1px 1px #fff;
	font-size: 0.6rem;
	color: #999;
}
.stepList li:last-child {
	border-bottom: 0
}
.stepList li.step2 {
	background-position: 1.1rem -2.6rem;
}
.stepList li.step3 {
	background-position: 1.1rem -6.6rem;
}
.stepList li.step4 {
	background-position: 1.1rem -10.6rem;
}
.stepList li h3 {
	margin-bottom: 0.25rem;
	font-size: 0.85rem;
	font-weight: normal;
	color: #222;
}

/* 相关协议 */
.list-agr a {
	position: relative;
	padding: 0 0.75rem;
	display: -webkit-flex; /* Safari */
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 2.4rem;
	color: #222;
	background: #fff;
}
.list-agr a:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	background: #e8e8e8;
	height: 1px;
	-webkit-transform: scaleY(0.5);
	transform: scaleY(0.5);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
}
.list-agr i {
	font-size: 0.7rem;
	color: #ccc;
}

.docs-table {
	margin-top: 0.5rem;
	border-spacing: 0;
	border-collapse: collapse;
	font-size: 0.7rem;
}
.docs-table th, .docs-table td {
	width: 70%;
	padding: 0.4rem;
	border: 1px solid #e8e8e8;
	white-space: pre-wrap;
	word-break: break-word;
}
.docs-table th {
	color: #222;
	background: #f5f5f5;
}
.docs-table tr th:first-child, .docs-table tr td:first-child {
	width: 30%;
	text-align: center;
}
.docs-table + p {
	margin-top: 1.5rem;
}
.docs-table.auto-table th, .docs-table.auto-table td {
	width: auto;
}
.docs-table.auto-table tr th:first-child, .docs-table.auto-table tr td:first-child {
	width: auto;
}
.no-text-indent p, .no-text-indent h3 {
	text-indent: 0;
	word-break: break-all;
}

/* toast */
.act-toast {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 7.5rem;
	text-align: center;
	padding: 1.05rem;
	font-size: 0.7rem;
	color: #fff;
	background: rgba(0,0,0,0.8);
	border-radius: 0.5rem;
	z-index: 9999;
}

.more {
	padding: 1rem 0;
	font-size: 0.6rem;
	text-align: center;
	color: #999;
}
.more > div {
	background-color: #ccc;
	width: 0.3rem;
	height: 0.3rem;
	border-radius: 100%;
	margin: 0.05rem;
	animation-fill-mode: both;
	display: inline-block;
}
.more > div:first-child {
	animation: scale .75s -.24s infinite cubic-bezier(.2,.68,.18,1.08);
}
.more > div:nth-child(2) {
	animation: scale .75s -.12s infinite cubic-bezier(.2,.68,.18,1.08);
}
.more > div:nth-child(3) {
	animation: scale .75s 0s infinite cubic-bezier(.2,.68,.18,1.08);
}
@keyframes scale {
	0% { transform: scale(1); opacity: 1;}
	45% { transform: scale(.1); opacity: .7;}
	80% { transform: scale(1); opacity: 1;}
}
.no-cont {
	text-align: center;
	color: #999;
	/* height: 36px; */
	line-height: 1.8rem;
	border-radius: 2rem;
	padding: 1rem 0;
	display: none;
}

/* vip */
.yellowV, .orangeV, .redV, .blueV {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 0.7rem;
	height: 0.7rem;
	background: url("../img/yellowV.png") 0 0 no-repeat;
	background-size: 100%;
}
.orangeV {
	background-image: url("../img/orangeV.gif");
}
.redV {
	background-image: url("../img/redV.gif");
}
.blueV {
	background-image: url("../img/blueV.png");
}
.commonVip {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 43.5%!important;
	max-width: 0.8rem!important;
	height: 43.5%!important;
	max-height: 0.8rem!important;
}

.open_browser {
	position: absolute;
	top: 0.6rem;
	right: 1rem;
	width: 12.825rem;
	height: 7.2rem;
}
/* confirm弹窗 */
.mask {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.6);
	z-index: 9999;
}
.confirm-wrap {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 80%;
	font-size: 0.7rem;
	text-align: center;
	color: #999;
	background: #fff;
	border-radius: 0.6rem;
	overflow: hidden;
	z-index: 99999;
}
.confirm-title {
	margin: 1.5rem 0 1rem;
	font-size: 0.85rem;
	font-weight: bold;
	color: #222;
}
.confirm-btn {
	position: relative;
	margin-top: 1.5rem;
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.confirm-btn:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 1px;
	background: #e5e5e5;
	transform: scaleY(0.5);
	transform-origin: 0 0;
}
.confirm-btn a {
	position: relative;
	display: block;
	width: 50%;
	height: 2.5rem;
	line-height: 2.5rem;
	color: #222;
}
.confirm-btn a:after {
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	width: 1px;
	background: #e5e5e5;
	transform: scaleX(0.5);
	transform-origin: 0 0;
}
.confirm-content {
	padding: 0 1.4rem;
	text-align: left;
}

/* 列表 */
.news-item {
	position: relative;
	display: block;
	padding: 0.75rem 0;
	color: #222;
	overflow: hidden;
}
.news-title {
	margin-bottom: 0.3rem;
	font-size: 0.85rem;
	line-height: 1.2rem;
}
.big-img {
	position: relative;
	margin: 0 0 0.4rem;
	padding-bottom: 62%;
	width: 100%;
	height: 0;
	background: #f0f0f0 url("https://www.ersanli.cn/img/pic.jpg") center center no-repeat;
	background-size: cover;
	border-radius: 0.125rem;
	overflow: hidden;
}
.video-play {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	background: rgba(0,0,0,0.5) url(../img/play_big.png) center no-repeat;
	background-size: 0.7rem;
	border-radius: 50%;
	width: 2.1rem;
	height: 2.1rem;
}
.video-time {
	position: absolute;
	right: 0.5rem;
	bottom: 0.5rem;
	padding: 0.2rem 0.3rem;
	line-height: 0.5rem;
	font-size: 0.5rem;
	color: #fff;
	background: rgba(0,0,0,0.5);
	border-radius: 0.5rem;
}
.three-img li {
	margin-bottom: 0.4rem;
	position: relative;
	width: 32.5%;
	height: 0;
	padding-bottom: 23%;
	border-radius: 0.125rem;
	overflow: hidden;
}
.one-img {
	margin-left: 0.8rem;
	position: relative;
	width: 32.5%;
	height: 0;
	padding-bottom: 23%;
	flex-shrink: 0;
	border-radius: 0.125rem;
	overflow: hidden;
}
.three-img li img, .one-img img {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	min-height: 100%;
}
.feed-head {
	margin-bottom: 0.5rem;
	justify-content: flex-start;
}
.user-icon {
	position: relative;
	margin-right: 0.5rem;
	width: 1.9rem;
	height: 1.9rem;
}
.user-icon img {
	width: 100%;
	height: 100%;
	border-radius: 50%;
}
.feed-txt {
	font-size: 0.75rem;
	line-height: 1rem;
	margin-bottom: 0.5rem;
}
.feed-video {
	position: relative;
	width: 40%;
	height: 10rem;
	border-radius: 0.25rem;
	overflow: hidden;
}
.w-img, .feed-img li img.w-img {
	position: absolute;
	top: auto;
	left: 50%;
	transform: translateX(-50%);
	width: auto;
	height: 100%;
	border-radius: 0.25rem;
}
.h-img, .feed-img li img.h-img {
	position: absolute;
	left: auto;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	height: auto;
	border-radius: 0.25rem;
}
.feed-img {
	justify-content: flex-start;
}
.feed-img li {
	position: relative;
	margin-left: 1.25%;
	width: 32.5%;
	height: 0;
	padding-bottom: 32.5%;
	overflow: hidden;
	border-radius: 0.25rem;
}
.feed-img li:first-child {
	margin-left: 0;
}
.feed-img li img {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	min-height: 100%;
}
.type-tab {
	padding: 0.05rem 0.15rem;
	color: #01a9f6;
	border: 1px solid #01a9f6;
	border-radius: 0.15rem;
}

.pic-share {
	position: absolute;
	top: 0.6rem;
	right: 1rem;
	width: 11.125rem;
	height: 5.275rem;
	z-index: 9999;
}

/* app暂无数据 */
.invalidApp {
	background: url(../img/invalidApp.png) center center no-repeat #fff;
	background-size: 12.5rem;
}

/* 数据请求loading */
@-moz-keyframes timer-loader {
	0% {
		-moz-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-moz-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@-webkit-keyframes timer-loader {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@keyframes timer-loader {
	0% {
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
/* :not(:required) hides this rule from IE9 and below */
.timer-loader:not(:required) {
	border: 0.15rem solid #fff;
	-moz-border-radius: 1.2rem;
	-webkit-border-radius: 1.2rem;
	border-radius: 1.2rem;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: inline-block;
	overflow: hidden;
	position: relative;
	text-indent: -9999px;
	width: 2.4rem;
	height: 2.4rem;
}
.timer-loader:not(:required)::before {
	-moz-animation: timer-loader 1250ms infinite linear;
	-webkit-animation: timer-loader 1250ms infinite linear;
	animation: timer-loader 1250ms infinite linear;
	-moz-transform-origin: 0.075rem 0.075rem;
	-ms-transform-origin: 0.075rem 0.075rem;
	-webkit-transform-origin: 0.075rem 0.075rem;
	transform-origin: 0.075rem 0.075rem;
	background: #fff;
	-moz-border-radius: 0.075rem;
	-webkit-border-radius: 0.075rem;
	border-radius: 0.075rem;
	content: '';
	display: block;
	position: absolute;
	width: 0.15rem;
	height: 0.96rem;
	left: 1rem;
	top: 1rem;
}
.timer-loader:not(:required)::after {
	-moz-animation: timer-loader 15000ms infinite linear;
	-webkit-animation: timer-loader 15000ms infinite linear;
	animation: timer-loader 15000ms infinite linear;
	-moz-transform-origin: 0.075rem 0.075rem;
	-ms-transform-origin: 0.075rem 0.075rem;
	-webkit-transform-origin: 0.075rem 0.075rem;
	transform-origin: 0.075rem 0.075rem;
	background: #fff;
	-moz-border-radius: 0.075rem;
	-webkit-border-radius: 0.075rem;
	border-radius: 0.075rem;
	content: '';
	display: block;
	position: absolute;
	width: 0.15rem;
	height: 0.7rem;
	left: 1rem;
	top: 1rem;
}
.act-toast-loading {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	text-align: center;
	padding: 1.05rem;
	color: #fff;
	background: rgba(0,0,0,0.8);
	border-radius: 0.5rem;
	z-index: 9999;
}

/* 内容无效页面 */
.invalidBg {
	background: url(/img/invalid.jpg) center top no-repeat #fff;
	background-size: contain;
}
.invalid {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 20%;
}
.invalid a {
	margin: 0 auto;
	display: block;
	width: 100%;
	height: 100%;
	max-width: 750px;
	background: transparent;
}