body,
* {
	margin: 0;
	padding: 0;
	list-style: none;
	font-family: Helvetica Neue, Helvetica, sans-serif;
	-webkit-overflow-scrolling: touch
}

.hflex {
	display: -webkit-flex;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
}

.flex1 {
	flex: 1;
}

.hflex-reverse {
	display: -webkit-flex;
	display: flex;
	flex-direction: row-reverse;
	justify-content: flex-start;
	align-items: flex-start;
}

.flexwrap {
	flex-wrap: wrap !important;
}

.hflex.hleft {
	justify-content: flex-start !important;
}

.hflex.hright {
	justify-content: flex-end !important;
}

.hflex.hcenter {
	justify-content: center !important;
}

.hflex.hstretch {
	justify-content: stretch !important;
}

.hflex.hbetween {
	justify-content: space-between !important;
}

.hflex.haround {
	justify-content: space-around !important;
}

.hflex.vcenter {
	align-items: center !important;
}

.hflex.vtop {
	align-items: flex-start !important;
}

.hflex.vbottom {
	align-items: flex-end !important;
}

.hflex.vstretch {
	align-items: stretch !important;
}

.vflex {
	display: -webkit-flex;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
}

.vflex-reverse {
	display: -webkit-flex;
	display: flex;
	flex-direction: column-reverse;
	align-items: flex-start;
	justify-content: flex-start;
}

.vflex.vcenter {
	justify-content: center !important;
}

.vflex.vtop {
	justify-content: flex-start !important;
}

.vflex.vbottom {
	justify-content: flex-end !important;
}

.vflex.vbetween {
	justify-content: space-between !important;
}

.vflex.vstretch {
	justify-content: stretch !important;
}

.vflex.varound {
	justify-content: space-around !important;
}

.vflex.hleft {
	align-items: flex-start !important;
}

.vflex.hright {
	align-items: flex-end !important;
}

.vflex.hcenter {
	align-items: center !important;
}

.vflex.hstretch {
	align-items: stretch !important;
}

.flex-end {
	justify-content: flex-end;
}

.hflex div,
.vflex div,
.hflex view,
.vflex view {
	box-sizing: border-box;
}

.m-0 {
	margin: 0!important;
}

.m-5 {
	margin: 5px!important;
}

.m-10 {
	margin: 10px!important;
}

.m-20 {
	margin: 20px!important;
}

.m-30 {
	margin: 30px!important;
}

.m-40 {
	margin: 40px!important;
}

.m-50 {
	margin: 50px!important;
}

.m-60 {
	margin: 60px!important;
}

.m-70 {
	margin: 70px!important;
}

.m-80 {
	margin: 80px!important;
}

.m-90 {
	margin: 90px!important;
}

.m-100 {
	margin: 100px!important;
}

.mt-0 {
	margin-top: 0!important;
}

.mt-5 {
	margin-top: 5px!important;
}

.mt-10 {
	margin-top: 10px!important;
}

.mt-20 {
	margin-top: 20px!important;
}

.mt-30 {
	margin-top: 30px!important;
}

.mt-40 {
	margin-top: 40px!important;
}

.mt-50 {
	margin-top: 50px!important;
}

.mt-60 {
	margin-top: 60px!important;
}

.mt-70 {
	margin-top: 70px!important;
}

.mt-80 {
	margin-top: 80px!important;
}

.mt-90 {
	margin-top: 90px!important;
}

.mt-100 {
	margin-top: 100px!important;
}

.ml-0 {
	margin-left: 0!important;
}

.ml-5 {
	margin-left: 5px!important;
}

.ml-10 {
	margin-left: 10px!important;
}

.ml-20 {
	margin-left: 20px!important;
}

.ml-30 {
	margin-left: 30px!important;
}

.ml-40 {
	margin-left: 40px!important;
}

.ml-50 {
	margin-left: 50px!important;
}

.ml-60 {
	margin-left: 60px!important;
}

.ml-70 {
	margin-left: 70px!important;
}

.ml-80 {
	margin-left: 80px!important;
}

.ml-90 {
	margin-left: 90px!important;
}

.ml-100 {
	margin-left: 100px!important;
}

.mr-0 {
	margin-right: 0!important;
}

.mr-5 {
	margin-right: 5px!important;
}

.mr-10 {
	margin-right: 10px!important;
}

.mr-20 {
	margin-right: 20px!important;
}

.mr-30 {
	margin-right: 30px!important;
}

.mr-40 {
	margin-right: 40px!important;
}

.mr-50 {
	margin-right: 50px!important;
}

.mr-60 {
	margin-right: 60px!important;
}

.mr-70 {
	margin-right: 70px!important;
}

.mr-80 {
	margin-right: 80px!important;
}

.mr-90 {
	margin-right: 90px!important;
}

.mr-100 {
	margin-right: 100px!important;
}

.mb-0 {
	margin-bottom: 0!important;
}

.mb-5 {
	margin-bottom: 5px!important;
}

.mb-6 {
	margin-bottom: 6px!important;
}

.mb-10 {
	margin-bottom: 10px!important;
}

.mb-20 {
	margin-bottom: 20px!important;
}

.mb-30 {
	margin-bottom: 30px!important;
}

.mb-40 {
	margin-bottom: 40px!important;
}

.mb-50 {
	margin-bottom: 50px!important;
}

.mb-60 {
	margin-bottom: 60px!important;
}

.mb-70 {
	margin-bottom: 70px!important;
}

.mb-80 {
	margin-bottom: 80px!important;
}

.mb-90 {
	margin-bottom: 90px!important;
}

.mb-100 {
	margin-bottom: 100px!important;
}

.p-0 {
	padding: 0!important;
}
.p-5 {
	padding: 5px!important;
}

.p-10 {
	padding: 10px!important;
}

.p-20 {
	padding: 20px!important;
}

.p-30 {
	padding: 30px!important;
}

.p-40 {
	padding: 40px!important;
}

.p-50 {
	padding: 50px!important;
}

.p-60 {
	padding: 60px!important;
}

.p-70 {
	padding: 70px!important;
}

.p-80 {
	padding: 80px!important;
}

.p-90 {
	padding: 90px!important;
}

.p-100 {
	padding: 100px!important;
}

.pt-0 {
	padding-top: 0!important;
}

.pt-5 {
	padding-top: 5px!important;
}

.pt-10 {
	padding-top: 10px!important;
}

.pt-20 {
	padding-top: 20px!important;
}

.pt-30 {
	padding-top: 30px!important;
}

.pt-40 {
	padding-top: 40px!important;
}

.pt-50 {
	padding-top: 50px!important;
}

.pt-60 {
	padding-top: 60px!important;
}

.pt-70 {
	padding-top: 70px!important;
}

.pt-80 {
	padding-top: 80px!important;
}

.pt-90 {
	padding-top: 90px!important;
}

.pt-100 {
	padding-top: 100px!important;
}

.pl-0 {
	padding-left: 0!important;
}

.pl-5 {
	padding-left: 5px!important;
}

.pl-10 {
	padding-left: 10px!important;
}

.pl-20 {
	padding-left: 20px!important;
}

.pl-30 {
	padding-left: 30px!important;
}

.pl-40 {
	padding-left: 40px!important;
}

.pl-50 {
	padding-left: 50px!important;
}

.pl-60 {
	padding-left: 60px!important;
}

.pl-70 {
	padding-left: 70px!important;
}

.pl-80 {
	padding-left: 80px!important;
}

.pl-90 {
	padding-left: 90px!important;
}

.pl-100 {
	padding-left: 100px!important;
}

.pr-0 {
	padding-right: 0!important;
}

.pr-5 {
	padding-right: 5px!important;
}

.pr-10 {
	padding-right: 10px!important;
}

.pr-20 {
	padding-right: 20px!important;
}

.pr-30 {
	padding-right: 30px!important;
}

.pr-40 {
	padding-right: 40px!important;
}

.pr-50 {
	padding-right: 50px!important;
}

.pr-60 {
	padding-right: 60px!important;
}

.pr-70 {
	padding-right: 70px!important;
}

.pr-80 {
	padding-right: 80px!important;
}

.pr-90 {
	padding-right: 90px!important;
}

.pr-100 {
	padding-right: 100px!important;
}

.pb-0 {
	padding-bottom: 0!important;
}

.pb-5 {
	padding-bottom: 5px!important;
}

.pb-10 {
	padding-bottom: 10px!important;
}

.pb-20 {
	padding-bottom: 20px!important;
}

.pb-30 {
	padding-bottom: 30px!important;
}

.pb-40 {
	padding-bottom: 40px!important;
}

.pb-50 {
	padding-bottom: 50px!important;
}

.pb-60 {
	padding-bottom: 60px!important;
}

.pb-70 {
	padding-bottom: 70px!important;
}

.pb-80 {
	padding-bottom: 80px!important;
}

.pb-90 {
	padding-bottom: 90px!important;
}

.pb-100 {
	padding-bottom: 100px!important;
}

.pd-10 {
	padding: 10px!important;
}

.pd-20 {
	padding: 20px!important;
}

.pd-30 {
	padding: 30px!important;
}

.pd-40 {
	padding: 40px!important;
}

.pd-50 {
	padding: 50px!important;
}

.pd-60 {
	padding: 60px!important;
}

.pd-70 {
	padding: 70px!important;
}

.pd-80 {
	padding: 80px!important;
}

.pd-90 {
	padding: 90px!important;
}

.pd-100 {
	padding: 100px!important;
}

/* -- 阴影 -- */

.shadow[class*='white'] {
	--ShadowSize: 0 1upx 6upx;
}

.shadow-lg {
	--ShadowSize: 0upx 40upx 100upx 0upx;
}

.shadow-warp {
	position: relative;
	box-shadow: 0 0 10upx rgba(0, 0, 0, 0.1);
}

.shadow-warp:before,
.shadow-warp:after {
	position: absolute;
	content: "";
	top: 20upx;
	bottom: 30upx;
	left: 20upx;
	width: 50%;
	box-shadow: 0 30upx 20upx rgba(0, 0, 0, 0.2);
	transform: rotate(-3deg);
	z-index: -1;
}

.shadow-warp:after {
	right: 20upx;
	left: auto;
	transform: rotate(3deg);
}

.shadow-blur {
	position: relative;
}

.shadow-blur::before {
	content: "";
	display: block;
	background: inherit;
	filter: blur(10upx);
	position: absolute;
	width: 100%;
	height: 100%;
	top: 10upx;
	left: 10upx;
	z-index: -1;
	opacity: 0.4;
	transform-origin: 0 0;
	border-radius: inherit;
	transform: scale(1, 1);
}

/* 页面的分割栏, 一般页面设置为#FFF,然后用一个<view class="splitter"></view> 进行分割段落*/
.splitter {
	background: #EEEEEE;
	width: 100%;
	height: 20px;
}

/* 页面的分割栏, 一般页面设置为#FFF,然后用一个<view class="splitter"></view> 进行分割段落*/
.splitter1 {
	background: #EEEEEE;
	width: 100%;
	height: 1px;
	margin-bottom: 20px;
}

.overflow-hidden {
	overflow:hidden;
}

.list-container {
	display: -webkit-flex;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
	justify-content: space-between;
	flex-wrap: wrap;
	background-color: #EEEEEE;
}

.column-2 {
	background-color:#FFFFFF;
	width: 375px;
	padding-left: 20px;
	padding-right: 20px;
	margin-bottom:1px;
}

.image-column-2 {
	width: 334.5px;
	margin:20px;
}

.image-column-3 {
	width: 334.5px;
	margin:20px;
}

.column-1 {
	background-color:#FFFFFF;
	width: 750px;
	padding:20px;
	margin-bottom:1px;
}

.image-column-1 {
	width: 750px;
}

.column-4 {
	background-color:#FFFFFF;
	width: 186.75px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top:10px;
	padding-bottom: 10px;
	margin-bottom:1px;
}

/* 字号 fontSize */
.font-xs{
	font-size: 22px !important;
}
.font-s{
	font-size: 24px !important;
}
.font-m{
	font-size: 28px !important;
}
.font-l{
	font-size: 32px !important;
}
.font-xl{
	font-size: 40px !important;
}
.font-xxl{
	font-size: 50px !important;
}
.font-xxxl {
	font-size: 60px !important;
}
.font-sl {
	font-size: 80px !important;
}
.font-xsl{
	font-size: 100px !important;
}
.font-xxsl {
	font-size: 120px !important;
}

.overflow-xs {
	height: 22px;
	line-height: 22px;
	overflow: hidden;
}

.overflow-s {
	height: 24px;
	line-height: 24px;
	overflow: hidden;
}

.overflow-m {
	height: 28px;
	line-height: 28px;
	overflow: hidden;
}

.overflow-l {
	height: 32px;
	line-height: 32px;
	overflow: hidden;
}

.overflow-xl {
	height: 40px;
	line-height: 40px;
	overflow: hidden;
}

.overflow-xxl {
	height: 70px;
	line-height: 70px;
	overflow: hidden;
}

.overflow-xxxl {
	height: 100px;
	line-height: 100px;
	overflow: hidden;
}

.title-xs{
	font-size: 28px !important;
}
.title-s{
	font-size: 32px !important;
}
.title-m{
	font-size: 36px !important;
}
.title-l{
	font-size: 40px !important;
}
.title-xl{
	font-size: 44px !important;
}
.title-xxl{
	font-size: 48px !important;
}
.title-xxxl{
	font-size: 48px !important;
}
.second-font{
	font-size: 20px;
}

/* 字体加粗 bold */
.bold-xs{
    font-weight: 400;
}
.bold-s{
    font-weight: 400;
}
.bold-m{
    font-weight: 500;
}
.bold-l{
    font-weight: 600;
}
.bold-xl{
    font-weight: 700;
}
.bold-xxl{
    font-weight: 800;
}
.bold-xxxl{
    font-weight: 1000;
}

/* 阴影 shadow */
.shadow-light{
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1)
}
.shadow-dark{
    box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04)
}

/* 圆角 round */
.round-xs{
    border-radius: 5px !important;
}
.round-s{
    border-radius: 10px !important;
}
.round-m{
    border-radius: 15px !important;
}
.round-l{
    border-radius: 25px !important;
}
.round-xl{
    border-radius: 40px !important;
}
.round-xxl{
    border-radius: 60px !important;
}
.round-xxxl{
    border-radius: 5000px !important;
}

/* 上半圆角 round */
.round-top-half-xs{
    border-top-left-radius:5px!important;
    border-top-right-radius:5px!important;
}
.round-top-half-s{
    border-top-left-radius:10px!important;
    border-top-right-radius:10px!important;
}
.round-top-half-m{
    border-top-left-radius:15px!important;
    border-top-right-radius:15px!important;
}
.round-top-half-l{
    border-top-left-radius:25px!important;
    border-top-right-radius:25px!important;
}
.round-top-half-xl{
    border-top-left-radius:40px!important;
    border-top-right-radius:40px!important;
}
.round-top-half-xxl{
    border-top-left-radius:60px!important;
    border-top-right-radius:60px!important;
}
.round-top-half-xxxl{
    border-top-left-radius:100px!important;
    border-top-right-radius:100px!important;
}

/* 下半圆角 round */
.round-bottom-half-xs{
    border-bottom-left-radius:5px!important;
    border-bottom-right-radius:5px!important;
}
.round-bottom-half-s{
    border-bottom-left-radius:10px!important;
    border-bottom-right-radius:10px!important;
}
.round-bottom-half-m{
    border-bottom-left-radius:15px!important;
    border-bottom-right-radius:15px!important;
}
.round-bottom-half-l{
    border-bottom-left-radius:25px!important;
    border-bottom-right-radius:25px!important;
}
.round-bottom-half-xl{
    border-bottom-left-radius:40px!important;
    border-bottom-right-radius:40px!important;
}
.round-bottom-half-xxl{
    border-bottom-left-radius:60px!important;
    border-bottom-right-radius:60px!important;
}
.round-bottom-half-xxxl{
    border-bottom-left-radius:100px!important;
    border-bottom-right-radius:100px!important;
}

/* 左半圆角 round */
.round-left-half-xs{
    border-top-left-radius:5px!important;
    border-bottom-left-radius:5px!important;
}
.round-left-half-s{
    border-bottom-left-radius:10px!important;
    border-top-left-radius:10px!important;
}
.round-left-half-m{
    border-bottom-left-radius:15px!important;
    border-top-left-radius:15px!important;
}
.round-left-half-l{
    border-bottom-left-radius:25px!important;
    border-top-left-radius:25px!important;
}
.round-left-half-xl{
    border-bottom-left-radius:40px!important;
    border-top-left-radius:40px!important;
}
.round-left-half-xxl{
    border-bottom-left-radius:60px!important;
    border-top-left-radius:60px!important;
}
.round-left-half-xxxl{
    border-bottom-left-radius:100px!important;
    border-top-left-radius:100px!important;
}

/* 右半圆角 round */
.round-right-half-xs{
    border-top-right-radius:5px!important;
    border-bottom-right-radius:5px!important;
}
.round-right-half-s{
    border-bottom-right-radius:10px!important;
    border-top-right-radius:10px!important;
}
.round-right-half-m{
    border-bottom-right-radius:15px!important;
    border-top-right-radius:15px!important;
}
.round-right-half-l{
    border-bottom-right-radius:25px!important;
    border-top-right-radius:25px!important;
}
.round-right-half-xl{
    border-bottom-right-radius:40px!important;
    border-top-right-radius:40px!important;
}
.round-right-half-xxl{
    border-bottom-right-radius:60px!important;
    border-top-right-radius:60px!important;
}
.round-right-half-xxxl{
    border-bottom-right-radius:100px!important;
    border-top-right-radius:100px!important;
}




/* 边框尺寸 */
.line-0 {
	border-width: 0 !important;
}
.line-xs{
    border-width: 0.5px !important;
	border-style: solid;
}
.line-s{
	border-width: 1px !important;
	border-style: solid;
}
.line-m{
    border-width: 2.5px !important;
	border-style: solid;
}
.line-l{
    border-width: 4px !important;
	border-style: solid;
}
.line-xl{
    border-width: 6px !important;
	border-style: solid;
}
.line-xxl{
    border-width: 10px !important;
	border-style: solid;
}
.line-xxxl{
    border-width: 20px !important;
	border-style: solid;
}
/* 上边框 */
.line-top-xs{
    border-top-width: 0.5px !important;
	border-top-style: solid;
}
.line-top-s{
	border-top-width: 1px !important;
	border-top-style: solid;
}
.line-top-m{
    border-top-width: 2px !important;
	border-top-style: solid;
}
.line-top-l{
    border-top-width: 3px !important;
	border-top-style: solid;
}
.line-top-xl{
    border-top-width: 5px !important;
	border-top-style: solid;
}
.line-top-xxl{
    border-top-width: 10px !important;
	border-top-style: solid;
}
.line-top-xxxl{
    border-top-width: 20px !important;
	border-top-style: solid;
}
/* 下边框 */
.line-bottom-xs{
    border-top-width: 0.5px !important;
	border-style: solid;
}
.line-bottom-s{
	border-bottom-width: 1px !important;
	border-bottom-style: solid;
}
.line-bottom-m{
    border-bottom-width: 2px !important;
	border-bottom-style: solid;
}
.line-bottom-l{
    border-bottom-width: 3px !important;
	border-bottom-style: solid;
}
.line-bottom-xl{
    border-bottom-width: 5px !important;
	border-bottom-style: solid;
}
.line-bottom-xxl{
    border-bottom-width: 10px !important;
	border-bottom-style: solid;
}
.line-bottom-xxxl{
    border-bottom-width: 20px !important;
	border-bottom-style: solid;
}
/* 左边框 */
.line-left-xs{
    border-left-width: 0.5px !important;
	border-left-style: solid;
}
.line-left-s{
	border-left-width: 1px !important;
	border-left-style: solid;
}
.line-left-m{
    border-left-width: 2px !important;
	border-left-style: solid;
}
.line-left-l{
    border-left-width: 3px !important;
	border-left-style: solid;
}
.line-left-xl{
    border-left-width: 5px !important;
	border-left-style: solid;
}
.line-left-xxl{
    border-left-width: 10px !important;
	border-left-style: solid;
}
.line-left-xxxl{
    border-left-width: 20px !important;
	border-left-style: solid;
}
/* 右边框 */
.line-right-xs{
    border-right-width: 0.5px !important;
	border-right-style: solid;
}
.line-right-s{
	border-right-width: 1px !important;
	border-right-style: solid;
}
.line-right-m{
    border-right-width: 2px !important;
	border-right-style: solid;
}
.line-right-l{
    border-right-width: 3px !important;
	border-right-style: solid;
}
.line-right-xl{
    border-right-width: 5px !important;
	border-right-style: solid;
}
.line-right-xxl{
    border-right-width: 10px !important;
	border-right-style: solid;
}
.line-right-xxxl{
    border-right-width: 20px !important;
	border-right-style: solid;
}

.text-align-left {
	text-align: left;
}

.text-align-right {
	text-align: right;
}

.text-align-center {
	text-align: center;
}

.break-word{
	word-wrap: break-word;
}

.image-xs {
	width:32px!important;
	height:32px!important;
}

.image-s {
	width: 64px!important;
	height: 64px!important;
}

.image-m {
	width: 96px!important;
	height: 96px!important;
}

.image-l {
	width: 110px!important;
	height: 110px!important;
}

.image-xl {
	width: 150px!important;
	height: 150px!important;
}

.image-xxl {
	width: 180px!important;
	height: 180px!important;
}

.image-xxxl {
	width: 256px!important;
	height: 256px!important;
}

.relative {
	position: relative;
}

.absolute {
	position: absolute;
}

.fix {
	position: fixed;
}

.zindex-max {
	z-index: 997!important;
}

.zindex-under {
	z-index: -997!important;
}

.top-0 {
	top:0!important;
}

.top {
	top:88px;
}

.bottom-0 {
	bottom:0!important;
}

.bottom {
	bottom:88px;
}

.left-0 {
	left:0!important;
}

.right-0 {
	right:0!important;
}

.bk-gray {
	background:#EEEEEE;
}

.bk-white {
	background:#FFFFFF;
}

.w-100 {
	width:100%!important;
}
.w-90 {
	width:90%!important;
}
.w-80 {
	width:80%!important;
}
.w-70 {
	width:70%!important;
}
.w-60 {
	width:60%!important;
}
.w-50 {
	width:50%!important;
}
.w-40 {
	width:50%!important;
}
.w-33 {
	width: 33.33%!important;
}
.w-30 {
	width: 30%!important;
}
.w-25 {
	width:25%!important;
}
.w-20 {
	width:20%!important;
}
.w-10 {
	width:10%!important;
}

.line-through {
	text-decoration: line-through!important;
}

.nobk {
	background: none!important;
}

.bk {
	position: fixed;
	width: 750px;
	height: 100%;
	top: 0;
	left: 0;
	z-index: -1;
}

/**
 * 放在z-list-setting控件里面的按钮
 */
.setting-btn {
	display: flex;
	flex: 1;
	justify-content: center;
	align-items: center;
	padding-left:40px;
	padding-right:40px;
}

.text-1-line {
	height:50px;
	line-height: 50px;
	-webkit-line-clamp: 1;
	overflow: hidden;
	text-overflow: ellipsis;
}

.text-2-lines {
	height:100px;
	line-height: 50px;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow: ellipsis;
}

.text-3-lines {
	height:150px;
	line-height: 50px;
	-webkit-line-clamp: 3;
	overflow: hidden;
	text-overflow: ellipsis;
}

.middle-line {
	position: relative;
}

.middle-line:after {
	content: '';
	position: absolute;
	left:50%;
	top:0;
	width:1px;
	height: 100%;
	background: #CCCCCC;
}