moxuan_takeaway_qishou_1/unpackage/dist/dev/mp-weixin/pages/index/index.wxss

page {
	background: #F5F5F5;
}
.privacy {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0, 0, 0, .5);
	z-index: 9999999;
	display: flex;
	align-items: center;
	justify-content: center;
}
.contentview {
	width: 632rpx;
	padding: 48rpx;
	box-sizing: border-box;
	background: #fff;
	border-radius: 16rpx;
}
.contentview .title {
	text-align: center;
	color: #333;
	font-weight: bold;
	font-size: 32rpx;
}
.contentview .des {
	font-size: 26rpx;
	color: #666;
	margin-top: 40rpx;
	text-align: justify;
	line-height: 1.6;
}
.contentview .des .link {
	color: #07c160;
	text-decoration: underline;
}
button::after {
	border: none;
}
.btns {
	margin-top: 48rpx;
	display: flex;
}
.btns .item {
	justify-content: space-between;
	width: 244rpx;
	height: 80rpx;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 16rpx;
	box-sizing: border-box;
	border: none;
}
.btns .reject {
	background: #f4f4f5;
	color: #909399;
}
.btns .agree {
	background: #07c160;
	color: #fff;
}
.content {
	margin-top: 100rpx;
	min-height: 100vh; /* 设置最小高度为视口高度 */
}
.slot-wrap {
	display: flex;
	justify-content: center;
	align-items: center;
	/* 如果您想让slot内容占满整个导航栏的宽度 */
	/* flex: 1; */
	/* 如果您想让slot内容与导航栏左右有空隙 */
	/* padding: 0 30rpx; */
}
.u-title {
	color: #000000 !important;
	font-size: 31rpx !important;
	font-weight: bold !important;
}
.solt {
	position: relative;
}
.slot_left {
	width: 60rpx;
	height: 60rpx;
	position: absolute;
	top: 15rpx;
	left: 20rpx;
}
.slot_left image {
	width: 60rpx;
	height: 60rpx;
}
.slot_content {
	width: 35rpx;
	height: 35rpx;
	position: absolute;
	top: 26rpx;
	left: 280rpx;
}
.slot_content image {
	width: 35rpx;
	height: 35rpx;
}

/* tabs */
.u-tab-item {
	color: #333333 !important;
	/* font-size: 26rpx !important; */
	letter-spacing: 2rpx;
}
.u-tab-bar {
	width: 65rpx !important;
	height: 8rpx !important;
	background-color: #FF7F00 !important;
	border-radius: 0rpx !important;
	position: absolute !important;
	bottom: 0rpx !important;
	left: -14rpx !important;
}
.tabs_box {
	display: none;
	padding-bottom: 120rpx;
}
.dis {
	display: block;
	width: 100%;
	margin-bottom: 190rpx;
}
.list_box1 {

	width: 90%;
	margin: 0 auto;
	height: auto;
	background: #FFFFFF;
	border-radius: 23rpx;
	box-shadow: 0rpx 5rpx 5rpx 0rpx rgba(198, 186, 181, 0.20);
	margin-top: 20rpx;
	padding-bottom: 20rpx;
}
.list_box {
	width: 90%;
	margin: 0 auto;
	height: auto;
	background: #FFFFFF;
	border-radius: 23rpx;
	box-shadow: 0rpx 5rpx 5rpx 0rpx rgba(198, 186, 181, 0.20);
	margin-top: 20rpx;
	padding-bottom: 20rpx;
}
.list_box2{
	width: 90%;
	margin: 0 auto;
	height: auto;
	background: #FFFFFF;
	border-radius: 23rpx;
	box-shadow: 0rpx 5rpx 5rpx 0rpx rgba(198, 186, 181, 0.20);
	margin-top: 20rpx;
}
.order_title{
	width: 90%;
	margin: 0 auto;
	border-radius: 14px 14px, 0px, 0px;
	background: rgba(255, 239, 222, 1);
	height: 40rpx;
	color: rgba(255, 141, 26, 1);
	font-size: 24rpx;
	line-height: 40rpx;
	text-align: center;
}
.part1 {
	width: 90%;
	margin: 0 auto;
	justify-content: left;
	align-items: center;
	display: flex;
	height: 100rpx;
	position: relative;
}
.box_one {
	background: #c4e2ff;
	color: #359CFF;
	/* width: 60px;
	height: 45rpx; */
	padding: 0px 10px;
	font-size: 26rpx;
	text-align: center;
	line-height: 45rpx;
	border-radius: 5rpx;
}
.box_four {
	color: #666666;
	border: 1rpx solid #666666;
	font-size: 22rpx;
	width: 95px;
	height: 40rpx;
	text-align: center;
	line-height: 40rpx;
	border-radius: 5rpx;
	margin-left: 20rpx;
}
.box_two {
	color: #666666;
	border: 1rpx solid #666666;
	font-size: 22rpx;
	/* width: 60px; */
	height: 40rpx;
	text-align: center;
	line-height: 40rpx;
	border-radius: 5rpx;
	margin-left: 20rpx;
	padding: 0 10rpx
}
.box_two1 {
	width: auto;
	padding: 0 10rpx;
}
.box_three {
	color: #666666;
	border: 1rpx solid #666666;
	font-size: 22rpx;
	width: 75px;
	height: 40rpx;
	text-align: center;
	line-height: 40rpx;
	border-radius: 5rpx;
	margin-left: 20rpx;
}
.part2 {
	width: 90%;
	margin: 0 auto;
}

/* 下线 */
.address_name {
	font-size: 28rpx;
	font-weight: bold;
	letter-spacing: 2rpx;
	/* line-height: 60rpx; */
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}
.name {
	color: #999999;
	font-size: 21rpx;
}
.name text {
	/* margin-left: 10rpx; */
}

/* 上线 */
.box_add {
	display: flex;
}
.distance {
	flex: 1;
	/* text-align: center; */
	font-size: 28rpx;
	display: flex;
	justify-content: left;
	align-items: center;
}
.a {
	font-size: 16rpx;
}
.add_name {
	/* display: flex; */
	flex: 4;
}
.sh_name {
	font-size: 28rpx;
	font-weight: bold;
	letter-spacing: 2rpx;
}
.sh_name1 {
	font-size: 28rpx;
	font-weight: bold;
	letter-spacing: 2rpx;
	color: #999999;
}
.xs_add {
	color: #999999;
	font-size: 21rpx;
	margin-top: 10rpx;
}
.jiantou {
	margin-left: 43rpx;
	display: flex;
	/* justify-content: space-between; */
	align-items: center;
	height: 40px;
	line-height: 40px;
}
.jiantou image {
	width: 20rpx;
	height: 40rpx;
}
.jiantou>view {
	margin-left: 10rpx;
}
.part3 {
	width: 90%;
	margin: 0 auto;
	display: flex;
}
.three_left {
	flex: 1;
	height: 100rpx;
	display: flex;
	justify-content: left;
	align-items: center;
}
.three_left image {
	width: 20px;
	height: 20px;
}
.three_left text {
	color: #FF7F00;
	font-size: 25rpx;
	margin-left: 10rpx;
}
.three_right {
	/* flex: 1; */
	height: 100rpx;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	color: #FF7F00;
	font-size: 32rpx;
	font-weight: bold;
}
.part4 {
	width: 90%;
	margin: 0 auto;
}
.box_btn {
	width: 100%;
	background: #CCCCCC;
	height: 70rpx;
	color: white;
	text-align: center;
	line-height: 70rpx;
	font-size: 26rpx;
	letter-spacing: 2rpx;
	border-radius: 8rpx;
}
.box_btn1 {
	width: 100%;
	background: #FF7F00;
	height: 80rpx;
	color: white;
	text-align: center;
	line-height: 80rpx;
	font-size: 31rpx;
	letter-spacing: 2rpx;
	border-radius: 8rpx;
}
.box_btn5{
	width: 16%;
	margin-left: 40rpx;
	background: #FF7F00;
	height: 60rpx;
	color: white;
	text-align: center;
	line-height: 60rpx;
	font-size: 31rpx;
	letter-spacing: 2rpx;
	border-radius: 8rpx;
}
.part_six {
	width: 90%;
	margin: 0 auto;
	display: flex;
}
.phone {
	flex: 1;
}
.phone image {
	width: 29rpx;
	height: 33rpx;
	margin-left: 30rpx;
}
.conmm {
	font-size: 19rpx;
	text-align: center;
	letter-spacing: 5rpx;
}
.box_btn2 {
	flex: 5;
	width: 100%;
	background: #FF7F00;
	height: 70rpx;
	color: white;
	text-align: center;
	line-height: 70rpx;
	font-size: 26rpx;
	letter-spacing: 2rpx;
	border-radius: 6rpx;
}

/* tabbar */
.tabbar {
	position: fixed;
	bottom: 0rpx;
	left: 0rpx;
	right: 0rpx;
	width: 100%;
	height: 100rpx;
	background: #ffffff;
	display: flex;
}
.tabbar_type {
	flex: 1;
	text-align: center;
	font-size: 22rpx;
	margin-top: 10rpx;
}
.type_image {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.type_image image {
	width: 47rpx;
	height: 47rpx;
}
.tabbar_btn {
	flex: 4;
	display: flex;
	justify-content: center;
	align-items: center;
}
.btn {
	width: 90%;
	height: 80rpx;
	background: #FF7F00;
	color: white;
	text-align: center;
	line-height: 80rpx;
	font-size: 26rpx;
	letter-spacing: 2rpx;
	border-radius: 8rpx;
}
.btn3 {
	width: 90%;
	height: 80rpx;
	background: #CCCCCC;
	color: white;
	text-align: center;
	line-height: 80rpx;
	font-size: 26rpx;
	letter-spacing: 2rpx;
	border-radius: 8rpx;
}

/* 接单设置弹框 */
.u-drawer-bottom {
	background-color: #F5F5F5 !important;
}
.popup_box {
	width: 90%;
	margin: 0 auto;
	margin-top: 35rpx;
}
.title {
	font-size: 29rpx;
	font-weight: bold;
	letter-spacing: 2rpx;
}
.part_one {
	width: 100%;
	background: #ffffff;
	margin-top: 18rpx;
	border-radius: 20rpx;
	display: flex;
	height: 120rpx;
}
.left {
	flex: 3;
	line-height: 40rpx;
	margin-left: 20rpx;
	margin-top: 20rpx;
}
.gotype {
	font-size: 26rpx;
	font-weight: bold;
	letter-spacing: 2rpx;
}
.tit {
	color: #999999;
	font-size: 22rpx;
	letter-spacing: 2rpx;
}
.right {
	flex: 1;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	margin-right: 30rpx;
}
.part_two {
	width: 100%;
	margin: 0 auto;
	background: #ffffff;
	border-radius: 20rpx;
	margin-top: 20rpx;
	height: 130rpx;
	display: flex;
}
.two_left {
	flex: 1;
	display: flex;
	justify-content: left;
	align-items: center;
	margin-left: 30rpx;
	font-size: 29rpx;
	font-weight: bold;
	letter-spacing: 2rpx;
}
.two_right {
	flex: 1;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	margin-right: 30rpx;
	color: #999999;
	font-size: 25rpx;
	letter-spacing: 2rpx;
}
.slot-content {
	padding: 30rpx;
}

/*  */
.tabs_box {
	display: none;
}
.dis {
	display: block;
	width: 100%;
}
.u-tab-item {
	/* font-size: 26upx !important; */
	/* color: #666666 !important; */
}
.success_box {
	width: 100%;
}
.order_box {
	width: 90%;
	margin: 0 auto;
	/* height: 420rpx; */
	background: #FFFFFF;
	margin-top: 20rpx;
	border-radius: 16px;
}
.order_success {
	width: 90%;
	margin: 0 auto;
	display: flex;
	height: 80rpx;
}
.order_name {
	flex: 1;
	display: flex;
	justify-content: left;
	align-items: center;
	font-weight: bold;
	font-size: 29rpx;
	letter-spacing: 1rpx;
}
.order_data {
	flex: 1;
	color: #999999;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	font-size: 26rpx;
}
.city_type {
	width: 90%;
	margin: 0 auto;
	height: 60rpx;
	line-height: 60rpx;
	display: flex;
	justify-content: left;
	align-items: center;
}
.type_name {
	font-size: 27rpx;
}
.city_text {
	width: 70rpx;
	line-height: 36rpx;
	color: #49A5FF;
	background: #c4e2ff;
	text-align: center;
	font-size: 19rpx;
	margin-left: 20rpx;
}
.city_address {
	width: 92%;
	margin: 0 auto;
	margin-top: -10rpx;
}

/* 发货地址 */
.fh_box {
	display: flex;
	/* height: 80upx; */
	margin-top: 20rpx;
}
.fh_image {
	flex: 1;
	display: flex;
	/* justify-content: left;
	align-items: center; */
}
.box {
	flex: 9;
}
.fh_name {
	font-size: 26rpx;
	font-weight: 600;
	letter-spacing: 2rpx;
}
.fh_type {
	color: #999999;
	font-size: 22rpx;
}
.fh_type text {
	margin-left: 20rpx;
}

/* 送货地址 */
.sh_box {
	display: flex;
	margin-bottom: 14rpx;
	margin-top: 14rpx;
}
.sh_image {
	flex: 1;
	display: flex;
	/* justify-content: left;
	align-items: center; */
}
.sh_name {
	font-size: 28rpx;
	font-weight: 600;
	letter-spacing: 2rpx;
}
.sh_type {
	color: #999999;
	font-size: 22rpx;
}
.sh_type text {
	margin-left: 20rpx;
}
.fh_image image {
	width: 40rpx;
	height: 40rpx;
}
.sh_image image {
	width: 40rpx;
	height: 40rpx;
}
.order_btn {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	height: 100rpx;
	line-height: 100rpx;
	/* margin-top: 8upx; */
}
.btn1 {
	width: 170rpx;
	font-size: 28rpx;
	line-height: 60rpx;
	text-align: center;
	border: 1rpx solid #9C9C9C;
	border-radius: 20rpx;
	color: #9C9C9C;
	margin-right: 30rpx;
}

/* 拍照 */
.btn_pai{
	width: 150rpx;
	height: 60rpx;
	line-height: 60rpx;
	text-align: center;
	background: rgba(255, 201, 189, 1);
	font-size: 28rpx;
	border: 2rpx solid rgba(255, 201, 189, 1);
	color: #333333;
	border-radius: 20rpx;
	font-weight: 700;
	margin-left: 15rpx;
}
.btn2 {
	width: 170rpx;
	line-height: 60rpx;
	color: white;
	background: #FF6A04;
	font-size: 28rpx;
	text-align: center;
	margin-right: 30rpx;
	border-radius: 20rpx;
}

/* 收货码弹框 */
.receipt_code {
	width: 90%;
	margin: 0 auto;
}
.code_title {
	width: 100%;
	line-height: 100rpx;
	font-size: 31rpx;
	font-weight: bold;
	text-align: center;
	letter-spacing: 2rpx;
	margin-top: 21rpx;
	margin-bottom: 25rpx;
}
.u-input--border {
	border: 1px solid #F2F2F2 !important;
	background: #F2F2F2 !important;
	color: #999999 !important;
	font-weight: 500 !important;
	letter-spacing: 2rpx !important;
}
.u-input__input {
	font-size: 30rpx;
	font-weight: bold;
	flex: 1;
	color: #999999 !important;
	min-height: 85rpx !important;
	margin-top: 7rpx;
}
.sure {
	width: 100%;
	height: 80rpx;
	background: #FF7F00;
	color: white;
	border-radius: 46rpx;
	text-align: center;
	line-height: 80rpx;
	margin-top: 30rpx;
	letter-spacing: 2rpx;
}

/* 确认送达拍照框 */
.phone_title{
	margin-top: 10px;
	width: 100%;
	height: 40px;
	/* background-color: #FF7F00; */
	text-align: center;
	line-height: 40px;
	/* color:#FFFFFF; */
}
.phone_title2{
	margin-top: 10px;
	text-align: center;
	color:#9d9d9d;
}
.code_title2 {
    width: 100%;
    line-height: 50rpx;
    text-align: center;
    letter-spacing: 2rpx;
    margin-top: 21rpx;
    margin-bottom: 25rpx;
}