|
- .page{
- background: #F4F5F9;
-
- }
- .box{
- width: 96%;
- margin: 0 auto;
- }
- .addSeit{
- text-align: center;
- padding: 20rpx 0;
-
- }
- .siteBox{
- background-color: #fff;
- border-radius: 10rpx;
- overflow: hidden;
- margin-top: 20rpx;
- position: relative;
- }
- .siteTitle{
- overflow: hidden;
- margin: 20rpx ;
- }
-
- .siteTitleArr{
- overflow: hidden;
- margin: 20rpx 0;
- }
-
- .text{
- float: left;
- font-size: 26rpx;
- color: #999;
- }
- .mpren{
- float: left;
- font-size: 24rpx;
- color: #FD832D;
- margin-left: 20rpx;
- }
- .siteText{
- font-size: 26rpx;
- color: #999;
- }
- .phoneBox{
-
- overflow: hidden;
- }
- .name{
- float: left;
- font-size: 28rpx;
- color: #000;
- }
- .phone{
- font-size: 28rpx;
- color: #000;
- float: left;
- margin-left: 30rpx
- }
- .pudataSite{
- position: absolute;
- padding: 10rpx;
- border: 1rpx solid #999;
- top: 40rpx;
- right: 10rpx;
- font-size: 26rpx;
- border-radius: 8rpx;
- color: rgb(36, 36, 36);
- }
- .commodityBox{
- background-color: #fff;
- border-radius: 10rpx;
- overflow: hidden;
- margin-top: 20rpx;
- }
- .imgBox{
- float: left;
- width: 30%;
- height: 140rpx;
- background-color: darkturquoise;
- margin: 20rpx 0 20rpx 20rpx;
- }
- .commodityDie{
-
- width: 60%;
- float: left;
- margin: 20rpx 0 20rpx 10rpx;
- }
- .merchandiseName{
- font-size: 26rpx;
- color: #999;
- }
- .priceBox{
- margin-top: 10rpx;
- font-size: 26rpx;
- overflow: hidden;
- }
- .price{
- font-size: 26rpx;
- color: #FD832D;
- float: left;
- }
- .numberBox{
-
- overflow: hidden;
- bottom: 20rpx
- }
- .add{
- float: right;
- width: 40rpx;
- height: 40rpx;
- text-align: center;
- border: 1rpx #999 solid;
- border-radius: 50%;
- color: #999;
-
-
- }
- .number{
- float: right;
- width: 30rpx;
- height: 40rpx;
- line-height: 40rpx;
- text-align: center;
- margin: 0 10rpx;
-
- }
- .dle{
- float: right;
- width: 40rpx;
- height: 40rpx;
- text-align: center;
- border: 1rpx #999 solid;
- border-radius: 50%;
- color: #999;
-
- }
- .costBox{
- overflow: hidden;
- margin: 20rpx;
- }
- .costBox .text{
- font-size: 26rpx;
- color: #000;
- float: left;
- }
- .costBox .num{
- font-size: 26rpx;
- float: right;
- }
- .accountBox{
- margin-left: 20rpx;
- margin-right: 20rpx;
- margin-top: 100rpx;
- padding-top: 40rpx;
- margin-bottom: 20rpx;
- border-top: 1rpx silver solid;
-
- overflow: hidden;
- }
- .total{
- float: left;
- font-size: 26rpx;
- }
- .money{
- float: right;
- font-size: 26rpx;
- }
- .payBox{
- position: fixed;
- bottom: 40rpx;
- left: 20rpx;
- width: 96%;
- background-color: #fff;
- padding: 30rpx 0;
- border-radius: 10rpx;
- }
- .moneyStr{
- float: left;
- color: red;
- line-height: 60rpx;
- border-radius: 10rpx;
- font-weight: 600;
- margin-left: 20rpx
- }
- .pay{
- float: right;
- width: 220rpx;
- height: 60rpx;
- background-color: #FD832D;
- border-radius: 10rpx;
- color: #fff;
- line-height: 60rpx;
- margin-right: 20rpx;
- text-align: center;
- }
- .amendBox{
- width: 100%;
- top: 0;
- position: fixed;
- height: 100vh;
- background-color: rgba(36, 36, 36, 0.3);
- }
- .shade{
- width: 80%;
- max-height: 70vh;
- overflow: scroll;
- margin: 300rpx auto 0 auto;
- }
- .ditText{
- position: absolute;
- top: 40rpx;
- right: 40rpx;
- background-color: #FD832D;
- padding: 10rpx;
- color: #fff;
- font-size: 24rpx;
- border-radius: 10rpx;
- }
- .addStie{
- width: 80%;
- margin: 40rpx auto;
- background-color: #FD832D;
- color: #fff;
- border-radius: 50rpx;
- padding: 10rpx 0;
- text-align: center;
- }
|