
page{
  width:100%;
  height:100%;
}
.image{
  width:260rpx;
  height:214rpx;
  margin:214rpx auto 0;
}
.image image{
  display: block;
  width:100%;
  height:100%;
}
.title{
  font-size: 28rpx;
  color:#666666;
  text-align: center;
  margin-top:30rpx;
}
.add_btn{
  width:320rpx;
  height:80rpx;
  background:rgba(231,120,23,1);
  border-radius:6rpx;
  text-align: center;
  line-height: 80rpx;
  font-size: 30rpx;
  color:#ffffff;
  margin:50rpx auto 0;
}
.nav_ul_add{
  font-size: 26rpx;
  margin-right: 4rpx;
}
.serve_list_header{
  height:88rpx;
  line-height: 88rpx;
  border-top:1px solid #f2f2f2;
  border-bottom:1px solid #f2f2f2;
  box-sizing: border-box;
  padding-left: 30rpx;
  white-space: nowrap;
}
.header_item{
  font-size: 30rpx;
  color:#222222;
  margin-right: 50rpx;
  position: relative;
  display: inline-block;
}
.line{
  width:38rpx;
  height:4rpx;
  background:-webkit-linear-gradient(right,rgba(254,107,21,1) 0%,rgba(254,163,48,1) 100%);
  background:linear-gradient(270deg,rgba(254,107,21,1) 0%,rgba(254,163,48,1) 100%);
  position: absolute;
  bottom:0rpx;
  left:50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  display: none;
}
.active{
  font-size:34rpx;
  font-weight:600;
  background:-webkit-linear-gradient(right, rgba(254,107,21,1) 0%, rgba(254,163,48,1) 100%);
  background:linear-gradient(270deg, rgba(254,107,21,1) 0%, rgba(254,163,48,1) 100%);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
}
.active .line{
  display: block;
}
.serve_list_content{
  width:100%;
  overflow: hidden;
}
.serve_list_content_item{
  width:100%;
  padding:0 30rpx 30rpx;
  box-sizing: border-box;
}
.serve_list_content_item_lf{
  width:170rpx;
  height:100rpx;
  border-radius: 6rpx;
  float:left;
  margin-top:38rpx;
  position: relative;
  overflow: hidden;
}
.serve_list_content_item_lf image{
  display: block;
  width:100%;
  height:100%;
  border-radius: 6rpx;
  position: absolute;
  top:50%;
  left:50%;
  -webkit-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%)
}
.serve_list_content_item_middle{
  width:calc(100% - 188rpx);
  float:left;
  margin-left: 18rpx;
  margin-top:34rpx;
  overflow: hidden;
}
.middle_title{
  font-size: 28rpx;
  color:#222222;
  margin-top:4rpx;
}
.price_now{
  display: inline-block;
  font-size: 26rpx;
  color:#E11521;
}
.price_old{
  font-size: 20rpx;
  color:#999999;
  display: inline-block;
  margin-left: 20rpx;
  text-decoration: line-through;
}
.middle_bom{
  margin-top:12rpx;
}
.middle_time{
  font-size: 24rpx;
  color:#999999;
  margin-top:4rpx;
  float:left;
}
.write{
  width:96rpx;
  height:44rpx;
  background:-webkit-linear-gradient(right,rgba(254,107,21,1) 0%,rgba(254,163,48,1) 100%);
  background:linear-gradient(270deg,rgba(254,107,21,1) 0%,rgba(254,163,48,1) 100%);
  border-radius:2rpx;
  text-align: center;
  line-height: 44rpx;
  font-size: 22rpx;
  color:#ffffff;
  float:right;
}
.delete{
  float:right;
  width:96rpx;
  height:44rpx;
  border-radius:2rpx;
  border:1px solid rgba(231,120,23,1);
  text-align: center;
  line-height: 44rpx;
  font-size: 22rpx;
  color:#E77817;
  box-sizing: border-box;
  margin-right: 20rpx;
}
.masking{
  width:100%;
  height:100%;
  background:rgba(0,0,0,0.5);
  position: absolute;
  top:0;
  left:0;
  z-index:100;
  display: none;
}
.showMask{
  display: block;
}
.delete_wrap{
  width:600rpx;
  height:260rpx;
  background:rgba(255,255,255,1);
  border-radius:10rpx;
  position: absolute;
  top:50%;
  left:50%;
  -webkit-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);
}
.wrap_top{
  font-size: 32rpx;
  color:#000000;
  font-weight: bold;
  text-align: center;
  height:152rpx;
  line-height: 152rpx;
  border-bottom:1px solid #F2F2F2;
  box-sizing: border-box;
}
.wrap_bom_lf{
  width:50%;
  border-right: 1px solid #f2f2f2;
  box-sizing: border-box;
  font-size: 32rpx;
  color:#222222;
  font-weight: bold;
  text-align: center;
  line-height: 106rpx;
  display: inline-block;
}
.confirm{
  width:50%;
  display: inline-block;
  text-align: center;
  line-height: 106rpx;
  font-size: 32rpx;
  color:#E77817;
  font-weight: bold;
}
.footer{
  width:100%;
  height:100rpx;
  padding:0 30rpx;
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  background:rgba(255,255,255,1);
  box-shadow:0px 4rpx 8rpx 0px rgba(0,0,0,0.5);
  position: fixed;
  bottom:0;
  left:0;
  z-index:100;
}
.submit{
  -webkit-box-flex:1;
  -webkit-flex:1;
          flex:1;
  height:80rpx;
  background:-webkit-linear-gradient(right,rgba(254,107,21,1) 0%,rgba(254,163,48,1) 100%);
  background:linear-gradient(270deg,rgba(254,107,21,1) 0%,rgba(254,163,48,1) 100%);
  border-radius:16rpx;
  text-align: center;
  font-size: 32rpx;
  color:#ffffff;
  line-height: 80rpx;
  margin-top:10rpx;
}
.submit1{
  -webkit-box-flex:1;
  -webkit-flex:1;
          flex:1;
  height:80rpx;
  border:1px solid rgba(254,163,48,1);
  border-radius:16rpx;
  text-align: center;
  font-size: 32rpx;
  background:-webkit-linear-gradient(right, rgba(254,107,21,1) 0%, rgba(254,163,48,1) 100%);
  background:linear-gradient(270deg, rgba(254,107,21,1) 0%, rgba(254,163,48,1) 100%);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  margin-top:10rpx;
  margin-right: 20rpx;
  line-height: 80rpx;
  box-sizing: border-box;
}

