/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */ 
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */

/* 颜色变量 */
$base_color:#ff6900;


/* 行为相关颜色 */
$uni-color-primary: #007aff;
$uni-color-success: #4cd964;
$uni-color-warning: #f0ad4e;
$uni-color-error: #dd524d;

/* 文字基本颜色 */
$uni-text-color:#333;//基本色
$uni-text-color-inverse:#fff;//反色
$uni-text-color-grey:#999;//辅助灰色，如加载更多的提示信息
$uni-text-color-placeholder: #808080;
$uni-text-color-disable:#c0c0c0;

/* 背景颜色 */
$uni-bg-color:#ffffff;
$uni-bg-color-grey:#f8f8f8;
$uni-bg-color-hover:#f1f1f1;//点击状态颜色
$uni-bg-color-mask:rgba(0, 0, 0, 0.4);//遮罩颜色

/* 边框颜色 */
$uni-border-color:#c8c7cc;

/* 尺寸变量 */

/* 文字尺寸 */
$uni-font-size-sm:24upx;
$uni-font-size-base:28upx;
$uni-font-size-lg:32upx;

/* 图片尺寸 */
$uni-img-size-sm:40upx;
$uni-img-size-base:52upx;
$uni-img-size-lg:80upx;

/* Border Radius */
$uni-border-radius-sm: 4upx;
$uni-border-radius-base: 6upx;
$uni-border-radius-lg: 12upx;
$uni-border-radius-circle: 50%;

/* 水平间距 */
$uni-spacing-row-sm: 10px;
$uni-spacing-row-base: 20upx;
$uni-spacing-row-lg: 30upx;

/* 垂直间距 */
$uni-spacing-col-sm: 8upx;
$uni-spacing-col-base: 16upx;
$uni-spacing-col-lg: 24upx;

/* 透明度 */
$uni-opacity-disabled: 0.3; // 组件禁用态的透明度

/* 文章场景相关 */
$uni-color-title: #2C405A; // 文章标题颜色
$uni-font-size-title:40upx;
$uni-color-subtitle: #555555; // 二级标题颜色
$uni-font-size-subtitle:36upx;
$uni-color-paragraph: #3F536E; // 文章段落颜色
$uni-font-size-paragraph:30upx;



/* 页面左右间距 */
$page-row-spacing: 30upx;
$page-color-base: #f8f8f8;
$page-color-light: #f8f6fc;
$base-color: #ff6900;

/* 文字尺寸 */
$font-sm: 24upx;
$font-base: 28upx;
$font-lg: 32upx;
/*文字颜色*/
$font-color-dark: #303133;
$font-color-base: #606266;
$font-color-light: #909399;
$font-color-disabled: #C0C4CC;
$font-color-spec: #4399fc;
/* 边框颜色 */
$border-color-dark: #DCDFE6;
$border-color-base: #E4E7ED;
$border-color-light: #EBEEF5;
/* 图片加载中颜色 */
$image-bg-color: #eee;
/* 行为相关颜色 */
$uni-color-primary:#fa436a;
$uni-color-success: #4cd964;
$uni-color-warning: #f0ad4e;
$uni-color-error: #dd524d;


//订单卡片样式
.orderItem{
	background:rgba(255,255,255,1);
	border-radius:14upx;
	margin-bottom: 20upx;
	padding: 20upx;
	
	.order_head{
		margin-bottom: 20upx;
		.headl{
			.storeicon{
				// width:27upx;
				// height:24upx;
				width: 40upx;
				height: 40upx;
				margin-right: 20upx;
			}
			.storename{
				font-size:30upx;
				font-family:PingFang SC;
				font-weight:bold;
				color:rgba(0,0,0,1);
			}
			.createtime{
				font-size: 26upx;
				font-family:PingFang SC;
				color:rgba(0,0,0,1);
			}
		}
		.headr{
			font-size:30upx;
			font-family:PingFang SC;
			font-weight:bold;
			color:rgba(255,105,0,1);
		}
	}
	.order_body{
		.imgs{
			width: 183upx;
			height: 183upx;
			border-radius: 8upx;
			margin-right: 30upx;
		}
		.body_r{
			.title{
				font-size:28upx;
				color:rgba(0,0,0,1);
				margin-bottom: 	8upx;
			}
			.prices{
				font-size:26upx;
				color:rgba(0,0,0,1);
				margin-bottom: 5upx;
				.text{
					margin-right: 20upx;
				}
			}
			.specs{
				font-size:26upx;
				color:rgba(104,103,103,1);
				.text{
					margin-right: 20upx;
				}
			}
			
		}
		
	}
	.pricebox{
		margin-top: 40upx;
		margin-bottom: 38upx;
		.titme{
			font-size:30upx;
			color:rgba(51,51,51,1);
		}
		.date{
			color:#FF6900;
		}
		.heji{
			color:#333333;
			font-size: 28upx;
		}
		.fuhao{
			font-size: 30upx;
			font-family:PingFang SC;
			font-weight:bold;
		}
		.shuzi{
			font-size: 36upx;
			font-family:PingFang SC;
			font-weight:bold;
		}
	}
	
	.order_foot{
		.btnitem{
			padding: 0 15upx;
			min-width:194upx;
			height:70upx;
			line-height: 70upx;
			text-align: center;
			border:1px solid rgba(210,210,210,1);
			border-radius:4upx;
			margin-left: 20upx;
			
			font-size:32upx;
			color:#000000;
		}
		.btnitem.bg{
			border:0;
			color:#FFFFFF;
			background: #FF6E09;
		}
	}
}
//订单卡片样式end

//按钮样式
.submitbtn{
	margin: 60upx 24upx;
	height:88upx;
	line-height: 88upx;
	text-align: center;
	background:rgba(254,197,156,1);
	border-radius:6upx;
	font-size:32upx;
	color:rgba(255,255,255,1);
}

.submitbtn.active{
	background: #FF6900;
}
//按钮样式


//店铺信息表单样式
.shopinfoss {background-color: #fff;min-height: 100vh;
	 .uni-input {background-color: #fff;} 
	.biao span {
		color: #F6996D;
		padding-right: 10upx;
	}

	.biao_01 {
		padding: 40upx 20upx;
		border-bottom: 2upx solid #EDEDED;
		display: flex;font-size: 30upx;
	}

	.biao_01_l {
		padding-top: 10upx;
	}

	.biao_02 {
		padding: 10upx 20upx;
		border-bottom: 2upx solid #EDEDED;
		display: flex;
		justify-content: space-between;
	}

	.biao_02_l {
		padding-top: 20upx;
	}

	.biao_03 {
		padding: 26upx 20upx 20upx;
		border-bottom: 2upx solid #EDEDED;
		display: flex;
	}

	.jgkc {
		padding: 20upx;
		background-color: #F2F2F2;
	}

	.pro_btn {
		background-color: #E5E5E5;
		padding: 20upx;
		text-align: center;
		margin: 20upx;
		border-radius: 40upx;
		background-color: #DF421D;
		color: #fff;
		position: fixed;
		bottom: 0;
		z-index: 99;
		width: 89%;
	}

	.biao_04 {
		padding: 40upx 20upx;
		border-bottom: 1px solid #EDEDED;
		display: flex;
	}

	.biao_04_l {
		flex-shrink: 0;
	}

	.biao_04 textarea {
		height: 160upx;
		width: 90%;
		padding: 0 30upx 0 20upx;
		box-sizing: border-box;
		background: #FCFAED;
	}

	.biao_05 {
		padding: 30upx 20upx;
		border-bottom: 1px solid #EDEDED;
		display: flex;
	}

	.biao_05_1 {
		padding-top: 14upx;
		flex-shrink: 0;
	}

	.biao_05_3 {
		padding: 14upx 20upx 0;
	}
	.time{display: flex;flex-grow: 1;font-size: 34upx;}
	.mess_03 {
		display: flex;
		justify-content: space-between;
		padding: 40upx 20upx;
		border-bottom: 2upx solid #F2F2F2;
		line-height: 40upx;
	}

	.p_btn {
		background: #fff;
		padding: 0 20upx;
		position: fixed;
		bottom: 0;
		width: 100%;
		z-index: 99;
	}

	.result {
		margin-top: 12upx;
		font-size: 28upx;
	}
}
//店铺信息编辑 表单end


//tab 切换
$basehe:98upx;
$bordercodes:rgba(242,242,242,1);
.basetopTab{
	height:$basehe;
	line-height: $basehe;
	background:rgba(255,255,255,1);
	border-top:1px solid $bordercodes;
	.basetabitem{
		position: relative;
		height: $basehe;
		line-height: $basehe;
		.title{
			display: inline-block;
			height: $basehe;
			
			font-size:30upx;
			color:#000000;
		}
		.title.active{
			color:rgba(255,102,0,1);
			position: relative;
		}
		.title.active:after{
			content: "";
			position: absolute;
			bottom: 0;
			left: 50%;
			margin-left: -29upx;
				
			width:58upx;
			height:4upx;
			background:rgba(255,105,0,1);
			border-radius:1upx;
		}
	}
	// .basetabitem:nth-child(1):after{
	// 	content: "";
	// 	width:1px;
	// 	height:$basehe;
	// 	background:$bordercodes;
	// 	position: absolute;
	// 	top:0;
	// 	right: 0;
	// }
}
//tab 切换


//酒店的订单
//酒店订单
.HotelOrder{
	margin-top: 20upx;
	.orderItems{
		background: #FFFFFF;
		padding: 36upx 24upx;
		// 订单详细信息
		.orderinfos{
			.orderimgs{
				width:120upx;
				height:120upx;
				border-radius:8upx;
				margin-right: 26upx;
			}
			//明细
			.ordermingxi{
				//标题
				.titlebox{
					margin-bottom: 15upx;
					.title{
						font-size:30upx;
						font-family:PingFang SC;
						font-weight:bold;
						color:rgba(0,0,0,1);
					}
					.orderStatus{
						font-size:28upx;
						font-family:PingFang SC;
						font-weight:bold;
						color:rgba(255,102,0,1);
					}
				}
				//时间
				.orderTiems{
					margin-bottom: 10upx;
					font-size:26upx;
					color:rgba(0,0,0,1);
					.text{
						margin: 0 10upx;
					}
					.endsum{
						margin-right: 0;
					}
				}
				//房间号
				.Hotelcode{
					font-size:26upx;
					color:rgba(75,74,74,1);
					.text{
						margin-right: 30upx;
					}
				}
			}
			
		}
		
		//合计
		.prices{
			margin-top: 28upx;
			text-align: right;
			font-size:30upx;
			color:rgba(51,51,51,1);
			.shuzi{
				font-weight: bold;
			}
		}
		//按钮
		.orderfootinfo{
			margin-top: 40upx;
			.times{
				font-size:30upx;
				color:rgba(51,51,51,1);
				.shuzi{
					color: #FF6900;
				}
			}
			
			.btnsubbox{
				
				.btns{
					width:152upx;
					height:62upx;
					line-height: 62upx;
					text-align: center;
					border:1upx solid rgba(204,204,204,1);
					border-radius:4upx;
					
					font-size:26upx;
					color:rgba(51,51,51,1);
					margin-right: 20upx;
				}
				.btns.bgs{
					background:rgba(255,102,0,1);
					border:0;
					color:#FFFFFF;
				}
				.endsbtn{
					margin-right: 0;
				}
			}
			
		}
	}
}
//酒店订单end


