price.css 4 KB
.corder{
	margin: 150upx auto 40upx;
	width: 90%;
}
.corder-picker{
	position: relative;
}
.corder-picker .rgt{
	position: absolute;
	right: 20upx;
}
.v-picker{
	font-weight: 500;
	font-size: var(--f26);
	margin-left: 20upx;
	border: 1px solid var(--cdf);
	padding: 20upx;
	width: 62%;
	border-radius: 12upx;
}
 .v-picker-2 .uni-input{
	color: #666666
}
.corder-radio-2{
	width: 60%;
}
.corder-radio-2 uni-radio-group{
	display: flex;
	width: 100%;
}
.corder-radio-2 uni-radio-group .radio{
	flex: 1;
	display: flex;
	align-items: center;
}

.noborder{
	border: none !important;
}
.redcolor{
	color: #ff5b5a;
}
.bgf{
	background-color: var(--c0);
	border-radius: 12upx;
}
.corder-tab-top{
	display: flex;
	align-items: center;
	font-size: var(--f30);
	font-weight: 700;
	padding: 30upx;
	position: relative;
}
.corder-tab-top image{
	width: 38upx;
	height: 38upx;
	margin: 0 20upx 16upx 0;
}
.corder-tab-top view{
	display: block;
	width: 90%;
	border-bottom: 1px solid var(--cdf);
	padding-bottom: 16upx;
}
.corder-tab1{
	padding-bottom: 20upx;
}
.corder-tab1-item{
	padding: 20upx 30upx;
	display: flex;
	font-size: var(--f26);
	color: var(--c3);
	font-weight: 700;
	align-items: center;
	justify-content: space-between;
}
.corder-tab1-item image{
	width: 42upx;
	height: 42upx;
	margin-right: 20upx;
}
.corder-tab1-item text{
	width: 160upx;
	display: block;
}
.corder-tab1-item input{
	font-weight: 500;
	font-size: var(--f26);
	margin-left: 20upx;
	border: 1px solid var(--cdf);
	padding: 20upx;
	width: 62%;
	border-radius: 12upx;
}
.weight_unit{
	position: absolute;
	top: 40upx;
	right: 50upx;
	width: 30upx !important;
	font-weight: normal !important;
}
.shop_info{
	width: 92%;
	margin: 0 auto;
	padding: 20upx 0;
	display: flex;
	align-items: center;
	justify-content: space-around;
	border-radius: 12upx;
	background-color: rgba(183, 183, 183, 0.06);
}
.shop_l{
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 30upx;
	color: #333;
	font-weight: bold;
	position: relative;
}
.shop_unit{
	position: absolute;
	top: 18upx;
	right: 16upx;
	font-size: var(--f26);
	font-weight: normal !important;
}
.shop_l text{
	margin-right: 8upx;
}
.shop_l input{
	font-weight: 500;
	font-size: var(--f26);
	border: 1px solid #dfdfdf;
	padding:0 20upx;
	width: 110upx;
	height: 68upx;
	line-height: 68upx;
	border-radius: 12upx;
}
.pirce_btn{
	margin: 30upx auto;
	width: 480upx;
	height: 88upx;
	line-height: 88upx;
	color: #fff;
	font-size: 32upx;
	text-align: center;
	font-weight: bold;
	background: linear-gradient(0deg, #2878E0 0%, #016EF6 100%);
	border-radius: 22px;
}
.result{
	padding: 10upx 0;
	margin-top: 0 !important;
}
.result_list{
	width: 92%;
	margin: 20upx auto;
	border-radius: 12upx;
	background-color: rgba(183, 183, 183, 0.06);
}
.result_title{
	width: 96%;
	border-top-left-radius: 12upx;
	border-top-right-radius: 12upx;
	background-color: rgba(183, 183, 183, 0.1);
	padding: 6upx 0;
	padding-left: 4%;
	font-size: 28upx;
	font-weight: bold;
}
.result_info{
	width: 94%;
	padding:10upx 3%;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: flex-start;
}
.result_info view{
	width: 50%;
	padding: 10upx 0;
	font-size: 26upx;
	color: #666666;
}
.result_info view text:last-child{
	color: #000 !important;
	margin-left: 10upx;
}
.footer{
	width: 86%;
	margin:30upx auto;
	border: 16upx solid #036ef5;
	border-radius: 20upx;
	position: relative;
}
.notice_text{
	position: absolute;
	left: 20upx;
	top: 24upx;
	width: 238upx;
	font-size: 32upx;
	color: #fff;
	font-weight: bold;
	z-index: 99;
}
.price_notice{
	position: absolute;
	left: 0;
	top: 20upx;
	width: 238upx;
}
.price_icon{
	position: absolute;
	right: -16upx;
	top: -16upx;
	width: 184upx;
}
.notice_content{
	width: 92%;
	padding: 100upx 4%;
}
.notice_content text{
	font-size: 22upx;
	color: #666666;
	margin-top: 30upx;
	display: flex;
	flex-direction: column;
	line-height: 40upx;
}
.price_list{
	display: flex;
	flex-direction: column;
	align-items: center;
}
.price_list text{
	color: #000 !important;
}
.price_view{
	display: flex;
	align-items: center;
}