concrete-transportation-uniapp-20250821/uni.css

:root {
	font-family: PingFang SC;
	--re-color: #F40000;
	--re-backage: #F6F6F6;
}
.re-fcolor{
	color: #F40000 !important;
}




.test{
	border: 1rpx dashed red;
}

.re-card{
	background-color: #FFFFFF;
	border-radius: 20rpx;
	width: 690rpx;
	min-height: 120rpx;
	margin: 0 calc(50vw - 690rpx / 2);
	margin-bottom: 30rpx;
	position: relative;
}
.re-card-p32{
	background-color: #FFFFFF;
	border-radius: 20rpx;
	width: calc(690rpx - 64rpx);
	min-height: 120rpx;
	margin: 0 calc(50vw - 690rpx / 2);
	margin-bottom: 30rpx;
	padding: 32rpx;
	position: relative;
}
.re-from-line{
	margin-bottom: 28rpx;
}
.re-from-label{
	font-size: 28rpx;
	font-weight: normal;
	letter-spacing: 0px;
	margin-bottom: 10rpx;
	color: #1c1c1c;
}
.re-from-input{
	box-sizing: border-box;
	width: 630rpx;
	height: 70rpx;
	line-height: 70rpx;
	border-radius: 10rpx;
	padding-left: 70rpx;
	border: 2rpx solid #CCCCCC;
	
	font-size: 28rpx;
	font-weight: normal;
	letter-spacing: 0px;
	color: #000;
}
.re-card-textarea{
	width: 570rpx;
	height: 152rpx;
	border-radius: 8rpx;
	padding: 20rpx;
	background: #EEEEEE;
	
	font-size: 26rpx;
	line-height: normal;
	letter-spacing: 0em;
	color: #0d0d0d;
}
.re-from-icon {
	position: absolute;
	left: 26rpx;
	top: 18rpx;
	width: 32rpx;
	height: 32rpx;
}


.re-card-context{
	font-size: 24rpx;
	font-weight: normal;
	line-height: normal;
	letter-spacing: 0em;
	color: #9E9E9E;
	line-height: 36rpx;
	
}

.re-card-context span {
	color: #F40000;
}
.re-card-context label {
	color: #F40000;
}
.re-card-show{
	color: #9E9E9E;
	font-size: 24rpx;
	font-weight: normal;
	line-height: normal;
	letter-spacing: 0em;
}
.re-card-select{
	height: 72rpx;
	line-height: 72rpx;
	font-size: 28rpx;
	color: #333333;;
}
.re-end-pand{
	width: 100vw;
	height: 88rpx;
	opacity: 1;
	background: #FFFFFF;
	box-shadow: 0rpx 2rpx 20rpx 0rpx rgba(0, 0, 0, 0.2);
	padding: 30rpx 0;	
}
.re-end-pand button{
	width: 620rpx;
	height: 88rpx;
	line-height: 88rpx;
	border-radius: 10rpx;
	background: #F40000;
	
	color: #FFF;
	text-align: center;
	margin: 0 auto;
	font-size: 30rpx;
	font-weight: 400;
	transition: all 0.2s ease-in-out;
}
.re-end-pand button:active{
	transform: translateY(2rpx) translateX(1rpx);
}
.re-item{
	width: calc(100% - 64rpx);
	height: 120rpx;
	line-height: 120rpx;
	background-color: #FFF;
	margin: 0 32rpx;
	
	font-size: 32rpx;
	color: #152748;
}
.re-empty {
	position: absolute;
	color: #888;
	top: 50%;
	text-align: center;
	width: 100%;
}


/* 定制机型-微信单选框 */
radio .wx-radio-input{
	border-color: #000000;
	width: 32rpx !important;
	height: 32rpx !important;
}
::v-deep .wx-radio-input.wx-radio-input-checked {
	background-color: #F40000 !important;
	border-color: #F40000 !important;
	background-clip: content-box !important;
	box-sizing: content-box;
}
::v-deep .wx-radio-input.wx-radio-input-checked::before {
	/* transform: scale(0.7); */
}
/* radio[checked]{
	background-color: #F40000 !important;
	border-color: #F40000 !important;
} */


.font-title{
	font-size: 36rpx;
	font-weight: 500;
	line-height: 36rpx;
	letter-spacing: 0;
	color: #333333;
}
.font-subtitle{
	font-size: 32rpx;
	font-weight: 500;
	line-height: 36rpx;
	letter-spacing: 0px;
	color: #9E9E9E;
}
.font-botton{
	font-size: 36rpx;
	font-weight: bolder;
	line-height: 36rpx;
	color: #F40000;
}
.font-justify{
	text-align: justify;
}
.re-radio{
	transform: scale(0.7); 
	margin-left:-48rpx
}
.re-width2{
	width:50%;
}
.re-width3{
	width:33.33%;
}
.uni-checkbox-input-checked,
.uni-radio-input-checked,
.uni-switch-input-checked {
	background-color:var(--re-color) !important;
	border-color: var(--re-color) !important;
}
uni-checkbox:not([disabled]) .uni-checkbox-input:hover {
	 border-color: var(--re-color);
}
.uni-radio-wrapper,
.uni-radio-input{
	margin: 0;
}
.wx-checkbox-input-checked,
.wx-radio-input-checked,
.wx-switch-input-checked {
	background-color: var(--re-color) !important;
	border-color: var(--re-color) !important;
}
.wx-checkbox-input,
.wx-radio-input,
.wx-switch-input {
	border-color: var(--re-color) !important;
}





.font-c{
	color: #ccc;
}
.w50{
	width: 50%;
}
.h375{
	width: 100%;
	height: 375rpx;
}
.h238{
	width: 238rpx;
	height: 238rpx;
	margin: auto;
}
.h220{
	width: 100%;
	height: 220rpx;
}
.h120 {
	width: 100%;
	height: 120rpx;
	line-height: 120rpx;
}
.h70{
	width: 100%;
	height: 70rpx;
	line-height: 70rpx;
}
.h22{
	width: 100%;
	height: 22rpx;
	line-height: 22rpx;
}
.h32{
	width: 100%;
	height: 32rpx;
	line-height: 32rpx;
}
.h44{
	width: 100%;
	height: 44rpx;
	line-height: 44rpx;
}
.h88{
	width: 100%;
	height: 88rpx;
	line-height: 88rpx;
}





.mb120{
	margin-bottom: 120rpx;
}
.mb88{
	margin-bottom: 88rpx;
}
.mb80{
	margin-bottom: 80rpx;
}
.mb40{
	margin-bottom: 40rpx;
}
.mb22{
	margin-bottom: 22rpx;
}
.mb20{
	margin-bottom: 20rpx;
}
.mt20{
	margin-top: 20rpx;
}
.mt22{
	margin-top: 22rpx;
}
.mt32{
	margin-top: 32rpx;
}
.mt56{
	margin-top: 56rpx;
}
.mt100{
	margin-top: 100rpx;
}
.mt40{
	margin-top: 40rpx;
}
.m120{
	margin-top: 120rpx;
	margin-bottom: 120rpx;
}
.mr5{
	margin-right: 5rpx;
}
.mr10{
	margin-right: 10rpx;
}
.mr20{
	margin-right: 20rpx;
}
.m5{
	margin-top: 5rpx;
	margin-bottom: 5rpx;
}
.m10{
	margin-top: 10rpx;
	margin-bottom: 10rpx;
}
.m20{
	margin-top: 20rpx;
	margin-bottom: 20rpx;
}
.m36{
	margin-top: 36rpx;
	margin-bottom: 36rpx;
}
.pb120{
	padding-bottom: 120rpx;
}
.m10auto{
	margin: 10 auto;
} 
.m20auto{
	margin: 20 auto;
} 





.flex{
	display: flex;
}
.flex-sb{
	display: flex;
	justify-content: space-between;
}
.flex-wrap{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.flex-reverse{
	display: flex;
	flex-direction: row-reverse;
}
.sb-w2{
	width: calc(100% / 2);
	text-align: center;
}
.sb-w3{
	width: calc(100% / 3);
	text-align: center;
}
.sb-w4{
	width: calc(100% / 4);
	text-align: center;
}
.sb-w5{
	width: calc(100% / 5);
	text-align: center;
}
.sb-w8{
	width: calc(100% / 8);
	text-align: center;
}



.line36{
	line-height: 36rpx;
	font-size: 30rpx;
}
.line42{
	line-height: 42rpx;
	font-size: 32rpx;
}
.line64{
	line-height: 64rpx;
	font-size: 36rpx;
}
.line72{
	line-height: 72rpx;
	font-size: 42rpx;
}



.bottom-line{
	border-bottom: 2rpx solid #eee;
}

.bottom-line:last-child{
	border-bottom: none;
}

.square20{
	width: 20rpx;
	height: 20rpx;
}
.square32{
	width: 32rpx;
	height: 32rpx;
}
.square40{
	width: 40rpx;
	height: 40rpx;
}
.square80{
	width: 80rpx;
	height: 80rpx;
}
.square120{
	width: 120rpx;
	height: 120rpx;
}
.square256{
	width: 256rpx;
	height: 256rpx;
}
.square375{
	width: 375rpx;
	height: 375rpx;
}
.garden{
	overflow: hidden;
	border-radius: 50%;
	box-shadow: 0 10rpx 20rpx rgba(0, 0, 0, 0.4);
}












.b-fiexd{
	min-height: 120rpx; 
	width: calc(100vw - 40rpx); 
	padding: 0 20rpx;
	position: fixed; 
	left: 0; 
	bottom: 0; 
	box-shadow: -20rpx 10rpx 10rpx #000;
	background-color: #ffffff;
}
.b-relative{
	position: relative;
}
.b-button{
	background-color: 10rpx; 
	height:72rpx; 
	line-height: 72rpx; 
	text-align:center; 
	color: #ffffff; 
	width: 376rpx; 
	background-color: #fe8a00; 
	border-radius: 10rpx;
	margin: 24rpx auto;
}


/**
 * 滑动定位
 */
.bg-white{
	background-color: white;
}
.box-shadow-gray{
	box-shadow: #ccc 0 0rpx 40rpx 0.1rpx;
}
.box-shadow-light{
	box-shadow: #ccc 0 1rpx 8rpx;
}
.sticky{
	position: -webkit-sticky;
	position: sticky; 
	top: 0; 
	z-index: 100;
	transition: background-color 0.3s;
}


/**
 * 模拟药丸
 */
.back-feixd {
	background-color: #fff8ef;
	border: 1rpx solid #dbc9ba; 
	border-radius: 50%; 
	width: 60rpx;
	height: 60rpx;
	position: fixed; 
	top: 100rpx; 
	left: 12rpx;
	z-index: 101;
	
	line-height: 60rpx;
	text-align: center;
	opacity: .7;
}


/**
 * 搜索
 */
.s-input {
	padding: 16rpx 40rpx;
	margin: 0 20rpx; 
	width: 590rpx; 
	border-radius: 40rpx; 
	height: 40rpx; 
	line-height: 40rpx; 
	border: 1rpx solid #ccc; 
	color: #0d0d0d;
	font-size: 28rpx;
}
.s-input-line {
	height: 72rpx; 
	line-height: 72rpx; 
	margin: 0 78rpx; 
	color: #666; 
	font-size: 28rpx;
}
	
	
/**
 * 超出隐藏
 */
.ellipsis {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}


/**
 * 圆形图片
 */
.radius80{
	width: 80rpx;
	height: 80rpx;
	border-radius: 50%;
}



/**
 * 隐藏滚动条
 */
/* env(safe-area-inset-top) */


.clicked:active{
	filter: brightness(0.8);
}