|
@@ -0,0 +1,264 @@
|
|
|
+
|
|
|
+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;
|
|
|
+}
|
|
|
+
|