﻿@media screen and (min-width:640px)
{
	::-webkit-scrollbar
	{
		width: 6px;
		height: 6px;
	}
	::-webkit-scrollbar-thumb
	{
		background-color: #999;
	}
	::-webkit-scrollbar-thumb:vertical:hover
	{
		background-color: #666;
	}
	::-webkit-scrollbar-thumb:vertical:active
	{
		background-color: #333;
	}
	::-webkit-scrollbar-button
	{
		display: none;
	}
	::-webkit-scrollbar-track
	{
		background-color: #ccc;
	}
	body
	{
		overflow-y: scroll;
	}
}
/*——*/
.wx6_dialog .wx6_dialog_con1 .wx6_dialog_son1
{
	border-radius: 20px;
}
.wx6_dialog .wx6_dialog_con1 .wx6_dialog_son1 div.wx6_dialog_div3
{
	direction: rtl;
	height: 55px;
	line-height: 54px;
}
.wx6_dialog .wx6_dialog_con1 .wx6_dialog_son1 div.wx6_dialog_div3 span.spanRight
{
	border-left-width: 0;
	border-right: solid 1px #ddd;
}
@media screen and (max-width:639px)
{
	.wx6_dialog .wx6_dialog_con1 .wx6_dialog_son1 div.wx6_dialog_div3
	{
		font-size: 1.08rem;
	}
	.wx6_dialog .wx6_dialog_con1 .wx6_dialog_son1 div.wx6_dialog_div3 span.spanRight
	{
		border-right-width: 0;
	}
	.wx6_dialog .wx6_dialog_con1 .wx6_dialog_son1 div.wx6_dialog_div3 span.spanRight:after
	{
		left: auto;
		right: 0;
	}
}
/*——*/
html
{
	font-size: 14px;
}
@media screen and (max-width:360px)
{
	html
	{
		font-size: 13px;
	}
}
@media screen and (max-width:320px)
{
	html
	{
		font-size: 12px;
	}
}
body, input, input[type], input[type=text], textarea
{
	font-size: 1rem;
}
/*——*/
body
{
	background: #fff;
}
.wrap
{
	max-width: 640px;
	margin: 0 auto;
	background: #fff;
	min-height: calc(100vh);
	min-height: calc(100vh - env(safe-area-inset-bottom));
}
@media screen and (min-width:640px)
{
	body
	{
		background: #fefefe;
	}
	.wrap
	{
		box-shadow: 0 0 20px #f6f6f6;
	}
}
/*——*/
.FootMenus
{
	height: 50px;
}
.FootMenus *
{
	-webkit-user-select: none;
	user-select: none;
}
.FootMenus .con1
{
	width: 100%;
	max-width: 640px;
	height: 50px;
	position: fixed;
	bottom: 0;
	background: #fff;
	z-index: 50;
	box-sizing: content-box;
	padding-bottom: constant(safe-area-inset-bottom);
	padding-bottom: env(safe-area-inset-bottom);
	box-shadow: 0 0 10px rgba(0,0,0,.05);
}
.FootMenus .con1 ul
{
	display: table;
	width: 100%;
}
.FootMenus .con1 ul li
{
	display: table-cell;
	vertical-align: top;
	text-align: center;
	cursor: pointer;
	padding-top: 3px;
}
.FootMenus .con1 ul li u
{
	text-decoration: none;
	display: block;
	height: 27px;
	color: #28b40c;
}
.FootMenus .con1 ul li u svg
{
	display: block;
	margin: 0 auto;
	pointer-events: none;
}
.FootMenus .con1 ul li u img
{
	display: block;
	margin: 0 auto;
	pointer-events: none;
}
.FootMenus .con1 ul li i
{
	font-style: normal;
	display: block;
	line-height: 1.1;
	color: #28b40c;
	font-size: 0.86rem;
}
.FootMenus .con1 ul li.on u, .FootMenus .con1 ul li.on i
{
	color: #7E52A2;
}
/*——*/
.DoWrap
{
	padding-bottom: 10px;
}
.DoWrap .con1
{
	padding: 0 10px;
}
.DoWrap .con1 .item
{
	padding-top: 10px;
}
.DoWrap .con1 .item .son1
{
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 0 0 5px #eee;
}
.DoWrap .con1 .item .son1 table
{
	width: 100%;
}
.DoWrap .con1 .item .son1 table td
{
	position: relative;
}
.DoWrap .con1 .item .son1 table td.td1
{
	background: #f9f9f9;
	white-space: nowrap;
	padding: 0 10px 0 8px;
	border-radius: 8px 0 0 8px;
	box-shadow: 0 0 0 1px #fff inset;
}
.DoWrap .con1 .item .son1 table td.td1 div
{
}
.DoWrap .con1 .item .son1 table td.td2
{
	width: 100%;
}
.DoWrap .con1 .item .son1 table td.td2 div
{
}
.DoWrap .con1 .item .son1 table td.td2.td_arr
{
	padding-right: 6px;
}
.DoWrap .con1 .item .son1 table td.td2.td_arr div
{
	padding-right: 16px;
	background: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTAwMCAxMDAwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMDAwIDEwMDAiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxwYXRoIGQ9Ik0yNzEuMiwxNC45Yy0zLjYtMy04LjItNC45LTEzLjItNC45Yy0xMS4zLDAtMjAuNSw5LjItMjAuNSwyMC41YzAsNS4xLDEuOSw5LjgsNSwxMy4zbDAsMGwwLjEsMC4xYzAuOCwwLjksNDY5LjgsNDU1LjksNDY5LjgsNDU1LjlzLTQ2OSw0NTUuNC00NjkuOCw0NTYuM2wtMC4xLDAuMWwwLDBjLTMuMSwzLjYtNSw4LjItNSwxMy4zYzAsMTEuMyw5LjIsMjAuNSwyMC41LDIwLjVjNS4yLDAsMTAtMiwxMy42LTUuMmw0ODQuNS00NjkuN2MwLDAsMTQuMy0xNiwwLTMwLjNjMCwwLTQ4NC4yLTQ2OS40LTQ4NC44LTQ2OS44TDI3MS4yLDE0LjlMMjcxLjIsMTQuOUwyNzEuMiwxNC45eiIgc3R5bGU9ImZpbGw6I2E5YjdiNyI+PC9wYXRoPjwvZz48L3N2Zz4=) no-repeat right center;
	background-size: auto 30%;
}
.DoWrap .con1 .item .son1 table td.td2 div input
{
	border: 0;
	padding-left: 8px;
	height: 54px;
}
.DoWrap .con1 .item .son1 table td.td2 div input::-webkit-input-placeholder
{
	color: #ccc;
}
.DoWrap .con1 .item .son1 table td.td2 div textarea
{
	border: 0;
	padding-left: 8px;
	padding-top: 9px;
	word-wrap: break-word;
	word-break: break-all;
	height: 150px;
	line-height: 1.3;
}
.DoWrap .con1 .item .son1 table td.td2 div textarea::-webkit-input-placeholder
{
	color: #ccc;
}
.DoWrap .con1 .item .son1 table td.td2 ul._imgs
{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-gap: 10px;
	padding: 10px;
}
.DoWrap .con1 .item .son1 table td.td2 ul._imgs li
{
	position: relative;
}
.DoWrap .con1 .item .son1 table td.td2 ul._imgs li img
{
	display: block;
	width: 100%;
	height: 100%;
	background: #eee url(data:image/svg+xml;base64,PHN2ZyB0PSIxNjMwMDQ4NzUxMTkxIiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjIwODciIHdpZHRoPSIyMDAiIGhlaWdodD0iMjAwIj48cGF0aCBkPSJNMTAyNCA0NTUuMTExMTExSDU2OC44ODg4ODlWMGgtMTEzLjc3Nzc3OHY0NTUuMTExMTExSDB2MTEzLjc3Nzc3OGg0NTUuMTExMTExdjQ1NS4xMTExMTFoMTEzLjc3Nzc3OFY1NjguODg4ODg5aDQ1NS4xMTExMTF2LTExMy43Nzc3Nzh6IiBwLWlkPSIyMDg4IiBmaWxsPSIjZmZmZmZmIj48L3BhdGg+PC9zdmc+) no-repeat center center;
	background-size: 40% auto;
	cursor: pointer;
	border-radius: 8px;
	object-fit: cover;
}
.DoBtn
{
	background: #24AD08;
	color: #fff;
	padding: 14px 0;
	text-align: center;
	border-radius: 40px;
	cursor: pointer;
	margin: 0 10px;
}
/*——*/
.CropBox
{
	position: fixed;
	width: 100%;
	max-width: 640px;
	z-index: 900;
	top: 0;
	background: #000;
	display: none;
	animation: opacityfadein2 .5s;
}
.CropBox .con1
{
	padding: 10px 5px;
	background: -webkit-linear-gradient(left,#7193FF,#008EF2);
}
.CropBox .con1 table
{
	width: 100%;
}
.CropBox .con1 table td
{
	width: 1px;
	white-space: nowrap;
	padding: 0 5px;
}
.CropBox .con1 table td.td0
{
	width: 100%;
}
.CropBox .con1 table td span
{
	display: block;
	padding: 9px 15px;
	background: #fff;
	color: #09f;
	border-radius: 40px;
	cursor: pointer;
}
.CropBox .img-container
{
}
.CropBoxMask
{
	position: fixed;
	width: 100%;
	max-width: 640px;
	z-index: 899;
	top: 0;
	background: rgba(255,255,255,.8);
	display: none;
	height: 100%;
	backdrop-filter: blur(15px);
	-webkit-backdrop-filter: blur(15px);
}
/*——*/
.MainList
{
	padding: 5px 0;
}
.MainList .con1
{
}
.MainList .con1 .item
{
	position: relative;
	padding: 12px 15px 11px;
	overflow: hidden;
}
.MainList .con1 .item:after
{
	content: " ";
	position: absolute;
	width: 100%;
	height: 1px;
	overflow: hidden;
	-webkit-transform-origin: 0 100%;
	transform-origin: 0 100%;
	-webkit-transform: scaleY(0.5001);
	transform: scaleY(0.5001);
	left: 78px;
	bottom: 0;
	border-bottom: solid 1px #ddd;
}
.MainList .con1 .item blockquote
{
	position: absolute;
	top: 23px;
	right: 15px;
}
.MainList .con1 .item blockquote div
{
	border: solid 1px #08B72E;
	color: #08B72E;
	border-radius: 40px;
	padding: 5px 15px;
	cursor: pointer;
	background: #F0FFF2;
	box-shadow: 0 0 10px 20px #fff;
}
.MainList .con1 .item blockquote div.red
{
	border-color: #f00;
	color: #f00;
	background: #fff;
	animation: opacityfadein3 .5s 4;
}
.MainList .con1 .item table
{
	width: 100%;
}
.MainList .con1 .item table td
{
	vertical-align: top;
}
.MainList .con1 .item table td.td1
{
	width: 62px;
}
.MainList .con1 .item table td.td1 div
{
	padding-right: 10px;
	position: relative;
}
.MainList .con1 .item table td.td1 div b
{
	display: block;
	position: absolute;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #EA3E3E;
	top: -5px;
	right: 5px;
}
.MainList .con1 .item table td.td1 div img
{
	display: block;
	width: 100%;
	border-radius: 6px;
}
.MainList .con1 .item table td.td2
{
}
.MainList .con1 .item table td.td2 .son1
{
	font-size: 1.14rem;
	height: 20px;
	overflow: hidden;
	word-wrap: break-word;
	word-break: break-all;
	margin-top: 3px;
}
.MainList .con1 .item table td.td2 .son1 span
{
	color: #090;
	margin-left: 5px;
}
.MainList .con1 .item table td.td2 .son2
{
	width: 200px;
	overflow: auto;
	white-space: nowrap;
	color: #666;
	margin-top: 4px;
}
.MainList .con1 .item table td.td2 .son2::-webkit-scrollbar
{
	display: none;
}
/*——*/
.SearchBar
{
	background: #fff;
	padding: 10px;
	position: relative;
	box-shadow: 0 0 10px #eee;
}
.SearchBar table
{
	width: 100%;
}
.SearchBar table td
{
}
.SearchBar table td.td0
{
	width: 46px;
}
.SearchBar table td.td0 img
{
	display: block;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	cursor: pointer;
	background: #ddd;
}
.SearchBar table td.td1
{
	background: #eee;
	border-radius: 40px 0 0 40px;
}
.SearchBar table td.td1 input
{
	border: 0;
	height: 36px;
	text-align: left;
	padding: 0 10px 0 32px;
	background: transparent;
	background-image: url(data:image/svg+xml;base64,PHN2ZyBzdHlsZT0id2lkdGg6IDFlbTsgaGVpZ2h0OiAxZW07dmVydGljYWwtYWxpZ246IG1pZGRsZTtmaWxsOiAjOTk5OTk5O292ZXJmbG93OiBoaWRkZW47IiB2aWV3Qm94PSIwIDAgMTAyNCAxMDI0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgcC1pZD0iNjY1OSI+PHBhdGggZD0iTTQ4My40NjYgOTY2LjQ1NEE0ODMuMjk1IDQ4My4yOTUgMCAwIDEgMC42NSA0ODMuNzA1QzAuNjQ5IDIxNy40ODMgMjE3LjI0NCAwLjg4NyA0ODMuNDY2IDAuODg3YTQ4My4yOTUgNDgzLjI5NSAwIDAgMSA0ODIuNzUgNDgyLjc1YzAgMjY2LjIyMi0yMTYuNTI3IDQ4Mi44MTctNDgyLjc1IDQ4Mi44MTd6IG0wLTg3My42ODZBMzkxLjI3OCAzOTEuMjc4IDAgMCAwIDkyLjU5OCA0ODMuNjM3YTM5MS4zNDYgMzkxLjM0NiAwIDAgMCAzOTAuODY4IDM5MC44IDM5MS4zNDYgMzkxLjM0NiAwIDAgMCAzOTAuOC0zOTAuOCAzOTEuMjc4IDM5MS4yNzggMCAwIDAtMzkwLjgtMzkwLjg2OXogbTQ5NC4yMTggOTMxLjE2M2E0Ni4yMTMgNDYuMjEzIDAgMCAxLTMyLjQ5My0xMy40NDhMODQxLjcwNiA5MDYuOTk4YTQ1Ljg3MiA0NS44NzIgMCAwIDEgMC02NC45ODUgNDUuODcyIDQ1Ljg3MiAwIDAgMSA2NC45ODUgMGwxMDMuNDg2IDEwMy40ODVhNDUuODcyIDQ1Ljg3MiAwIDAgMS0zMi40MjUgNzguNDMzeiIgcC1pZD0iNjY2MCI+PC9wYXRoPjwvc3ZnPg==);
	background-repeat: no-repeat;
	background-position: 12px center;
	background-size: auto 14px;
}
.SearchBar table td.td2
{
	background: #eee;
	border-radius: 0 40px 40px 0;
	width: 1px;
}
.SearchBar table td.td2 div
{
	padding: 0 16px;
	white-space: nowrap;
	background: #777;
	color: #fff;
	height: 36px;
	line-height: 36px;
	overflow: hidden;
	border-radius: 40px;
	cursor: pointer;
}
.SearchBar table td.td3
{
	width: 1px;
}
.SearchBar table td.td3 div
{
	padding: 0 16px;
	white-space: nowrap;
	background: -webkit-linear-gradient(left,#3BCB1F,#28B40C);
	color: #fff;
	height: 36px;
	line-height: 36px;
	overflow: hidden;
	border-radius: 40px;
	cursor: pointer;
	margin-left: 8px;
}
.SearchBar._off table td.td1
{
	border-radius: 40px;
}
.SearchBar._off table td.td2
{
	display: none;
}
/*——*/
.PreviewFaceWrap
{
}
.PreviewFaceWrap .con1
{
	text-align: center;
	padding: 14px 0 10px;
}
.PreviewFaceWrap .con2
{
	position: relative;
	width: 216px;
	padding: 0 15px;
}
.PreviewFaceWrap .con2 .son1
{
	width: 186px;
	height: 186px;
	padding: 3px;
	background: #eee;
	border-radius: 6px;
}
.PreviewFaceWrap .con2 .son1 table
{
	width: 180px;
	height: 180px;
	margin: 0 auto;
}
.PreviewFaceWrap .con2 .son1 table td
{
	width: 60px;
	height: 60px;
	padding: 3px;
}
.PreviewFaceWrap .con2 .son1 table td img
{
	display: block;
	width: 54px;
	height: 54px;
}
.PreviewFaceWrap .con3
{
	text-align: center;
	color: #06c;
	padding: 9px 0;
	cursor: pointer;
}
/*——*/
.HomeClass
{
	padding: 10px 9px 0;
	margin-bottom: -3px;
}
.HomeClass .con1
{
	overflow: auto;
}
.HomeClass .con1::-webkit-scrollbar
{
	display: none;
}
.HomeClass .con1 table
{
}
.HomeClass .con1 table td
{
	white-space: nowrap;
}
.HomeClass .con1 table td div
{
	margin: 5px;
	border: solid 1px #fff;
	border-radius: 40px;
	padding: 6px 15px;
	cursor: pointer;
	box-shadow: 0 0 5px #eee;
	color: #090;
}
.HomeClass .con1 table td.on div
{
	color: #7E52A2;
	border-color: #B9A2CB;
}
/*——*/