| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179 | .rows-left {	display: flex;	flex-direction: row;	justify-content: flex-start;	align-items: center;}.rows-between {	display: flex;	flex-direction: row;	justify-content: space-between;	align-items: center;}.column-flex {	display: flex;	flex-direction: column;    justify-content: center;    align-items: center;}.column-between {	display: flex;	flex-direction: column;	justify-content: space-between;	align-items: center;}.eslipe {	overflow: hidden;	white-space: nowrap;	text-overflow: ellipsis;	max-width: 330rpx;	display: inline-block;}.style1 {	position: absolute;	z-index: 10;	width: 100%;}.style2 {	position: fixed;	top: 0rpx;	left: 0rpx;	width: 100vw;	z-index: 999;}.scrollview {	background: #f5f5f5;	position: relative;}.searchBox {	position: fixed;}.nav-title {	position: absolute;	text-align: center;	max-width: 400rpx;	overflow: hidden;	text-overflow: ellipsis;	white-space: nowrap;	top: 0;	left: 0;	right: 0;	bottom: 0;	margin: auto;	color: #000;	font-size: 32rpx;	font-weight: bold;}.searchBox .searchView {    position: absolute;	left: 46rpx;	top: 50%;	-webkit-transform: translateY(-50%);	transform: translateY(-50%);    font-size: 28rpx;}.searchBox image {	left: 46rpx;	width: 105rpx;	height: 40rpx;	position: absolute;	top: 50%;	-webkit-transform: translateY(-50%);	transform: translateY(-50%);}.searchView2 {    position: absolute;	right: 40rpx;	top: 392rpx;    width: 72rpx;    height: 72rpx;    line-height: 72rpx;    text-align: center;    border-radius: 72rpx;    font-size: 28rpx;    background-color:#FFFFFF;    z-index: 9;}.shareBox {	overflow: hidden;	position: relative;}.shareBox .shareboxt {    width: 561rpx;    height: 126rpx;    margin: 0 auto;    display: block;    margin-top: 123rpx;    margin-bottom: 50rpx;}.shareBox .logo {    width: 258rpx;    height: 81rpx;    margin: 0 auto;    display: block;    margin-top: 100rpx;    margin-bottom: 16rpx;}.shareBox .groupName {    height:40rpx;    font-size:28rpx;    font-family:Verdana;    font-weight:400;    line-height:34rpx;    color:rgba(186,186,186,1);    text-align: center;}.shareBox .shareIcon{	width: 27rpx;	height: 38rpx;	display:block;}.shareBox .shareButton {	display: flex;	flex-direction: row;	justify-content: center;	align-items: center;	border-radius: 40rpx;    width: 280rpx;    height: 76rpx;    margin: 0 auto;    margin-top: 50rpx;    margin-bottom: 20rpx;	font-size: 28rpx;	color:#FFFFFF;	font-weight: 400;	text-align: center;}.joinGroup{	width: 280rpx;	height: 76rpx;	line-height: 76rpx;	background: #ffffff;	border: 2rpx solid #f07423;	border-radius: 40rpx;	text-align: center;	margin: 0 auto;}.share-box-word{	width: 260rpx;	height: 36rpx;	font-size: 20rpx;	font-family: Verdana, Verdana-Regular;	font-weight: 400;	color: #999999;	line-height: 36rpx;	margin: 0 auto;	margin-top: 26rpx;	margin-bottom: 400rpx;}/* 回到顶部按钮 */.backTopView{    position: fixed;    right: 40rpx;    bottom: 100rpx;    width: 80rpx;    height: 80rpx;    z-index: 9999999;}
 |