view{box-sizing: border-box;overflow:visible}
text{box-sizing: border-box;}
input{box-sizing: border-box;}
image{box-sizing: border-box;}
picker{box-sizing: border-box;}
icon{box-sizing: border-box;}
label{box-sizing: border-box;}
textarea{box-sizing: border-box;}
video{box-sizing: border-box;}
scroll-view{box-sizing: border-box;}

page{font-size:28rpx;background:#f6f6f6}

button {padding-left: 0;padding-right: 0;background-color: transparent;font-size: 28rpx;border:0;border-radius: 0;overflow: visible;}
button::after {border: none;}
.button-view {text-align: left;font-size: 28rpx;line-height: 1.4;}
.button-view::after {width: 0;height: 0;}
.button-view-hover {background-color: transparent;}

.tabbarbot{bottom:110rpx !important}
@supports (bottom: env(safe-area-inset-bottom)){
	.tabbarbot{margin-bottom:env(safe-area-inset-bottom);}
}
@supports (bottom: env(safe-area-inset-bottom)){
	.notabbarbot{padding-bottom:env(safe-area-inset-bottom) !important;}
}
@supports (bottom: env(safe-area-inset-bottom)){
	.notabbarbot2{bottom:env(safe-area-inset-bottom) !important;}
}
.flex {display: flex;}
.flex1 {flex-grow: 1;flex-shrink: 1;}
.flex0 {flex-grow: 0;flex-shrink: 0;}
.flex-row {display: flex;flex-direction: row;}
.flex-col{display: flex;flex-direction: column;}
.flex-x-center{display: flex;justify-content: center;}
.flex-y-center{display: flex;align-items: center;}
.flex-y-bottom{display: flex;align-items: flex-end;}

.popup__container{position: fixed;bottom: 0;left: 0;right: 0;width:100%;height:auto;z-index:10;background:#fff}
.popup__overlay{position: fixed;bottom: 0;left: 0;right: 0;width:100%;height: 100%;z-index: 11;opacity:0.3;background:#000}
.popup__modal{width: 100%;position: absolute;bottom: 0;color: #3d4145;overflow-x: hidden;overflow-y: hidden;opacity:1;padding-bottom:20rpx;background: #fff;border-radius:20rpx 20rpx 0 0;z-index:12;min-height:600rpx;max-height:1000rpx;}
.popup__title{text-align: center;padding:30rpx;position: relative;position:relative}
.popup__title-text{font-size:32rpx}
.popup__close{position:absolute;top:34rpx;right:34rpx}
.popup__content{width:100%;max-height:880rpx;overflow-y:scroll;padding:20rpx 0;}

.wxfaceimg{width:50rpx;height:50rpx}
.copyright{width:100%;line-height:40rpx;color:#C9C9C9;font-size:26rpx;text-align:center;white-space:pre;padding:30rpx 0}

/* 自己添加的-- */
.flex {display: flex;}
.flex1 {flex: 1;}
.j-center {justify-content: center;}
.j-between {justify-content: space-between;}
.j-around {justify-content: space-around;}
.j-evenly {justify-content: space-evenly;}
.flex-colum{flex-direction: column;}
.flex-w{flex-wrap: wrap;}
.al-item-center {align-items: center;}
.al-item-fn{align-items: flex-end;}
.font-w {font-weight: bold;}
.fs12 {font-size: 24rpx;}
.color-gray {color: #999;}
.color-white{color: #fff;}
.bg-color-white {background-color: #fff;}
.border-rius-r {border-radius: 1000rpx;}
.border-rius-5 {border-radius: 10rpx;}
.border-rius-10 {border-radius: 20rpx;}
.overflow-hd {overflow: hidden;}
.text-center{text-align: center;}
.text-overflow-tx {text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.text-overflow-line { display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;word-wrap: break-word;word-break: break-all;}
.position-r{position: relative;}
.position-a{position: absolute;}
.position-f{position: fixed;}
.position-center{left: 50%;top: 50%;transform: translate(-50%, -50%);}