/* packageG/supplierDist/supplierDriver/supplierDriver.wxss */ .supplierDriver { padding-bottom: 90rpx; } .supplierDriver .detail { padding: 30.08rpx 31.04rpx; box-sizing: border-box; background: #fff; margin: 20.16rpx 0 20.16rpx; } .supplierDriver .detail .detail_box:last-child { margin-bottom: 0; } .supplierDriver .detail .detail_box { width: 100%; display: flex; justify-content: space-between; margin-bottom: 34.88rpx; } .supplierDriver .detail .detail_box view { flex-shrink: 0; font-size: 25.92rpx; } .supplierDriver .detail .detail_box .text_1 { color: #787878; } .supplierDriver .products { margin-top: 20.16rpx; background-color: #fff; } .supplierDriver .products .productTxt { text-align: left; width: 100%; } .supplierDriver .driver { padding-left: 29.12rpx; padding-top: 34.88rpx; padding-right: 29.12rpx; padding-bottom: 33.92rpx; box-sizing: border-box; background-color: #fff; } .supplierDriver .driver .loaction { display: flex; align-items: center; margin-top: 30.08rpx; justify-content: space-between; } .supplierDriver .driver .loaction .iconfont { margin-top: -10rpx; color: #ff6b1b; } .supplierDriver .driver .loaction .loactionDetail { display: flex; align-items: center; } .supplierDriver .driver .loaction .loactionDetail .toponyms { font-size: 25.92rpx; color: #202020; } .supplierDriver .driver .driverUser { display: flex; align-items: center; } .supplierDriver .driver .driverUser .driverUsetDetail { flex: 1; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; } .supplierDriver .driver .driverUser .driverUsetDetail .name { width: 100%; text-align: left; font-size: 30.08rpx; } .supplierDriver .driver .driverUser .driverUsetDetail .phone { font-size: 24rpx; width: 100%; text-align: left; display: flex; align-items: center; } .supplierDriver .driver .driverUser .driverUsetDetail .phone .iconfont { margin-top: -10rpx; margin-left: 10rpx; color: #ff6b1b; } .supplierDriver .driver .driverUser .driverUserImg { width: 65.92rpx; height: 65.92rpx; border-radius: 100%; margin-right: 17.92rpx; } .supplierDriver .driver .driverUser .driverUserImg image { width: 100%; height: 100%; border-radius: 100%; } .btn { position: fixed; bottom: 0; width: 100%; height: 100.16rpx; background-color: #fff; box-shadow: 0 -3.84rpx 8.96rpx 0 rgba(205, 205, 205, 0.4); display: flex; align-items: center; justify-content: center; } .btn .btnBox { width: 660.16rpx; height: 70.08rpx; background-color: #f15354; border-radius: 34.88rpx; display: flex; align-items: center; justify-content: center; color: #fff; } /* 弹窗 */ .popBox { width: 100%; height: 100%; padding: 40.96rpx 41.92rpx; box-sizing: border-box; display: flex; flex-direction: column; padding-bottom: 128rpx; } .popBox .btn { width: 660.16rpx; height: 70.08rpx; background-color: #f15354; border-radius: 34.88rpx; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 30.08rpx; margin: 0 auto; margin-top: 36.16rpx; position: fixed; bottom: 30.08rpx; left: 45.12rpx; } .popBox .photoBox { flex: 1; overflow-y: auto; width: 100%; display: flex; margin-top: 48rpx; flex-wrap: wrap; padding-top: 16rpx; } .popBox .photoBox .showImage { width: 129.92rpx; height: 129.92rpx; border-radius: 4.16rpx; margin-right: 16rpx; margin-bottom: 16rpx; position: relative; } .popBox .photoBox .showImage image { width: 100%; height: 100%; } .popBox .photoBox .showImage .iconfont { position: absolute; top: -0.2188rem; right: -0.1875rem; color: #a4a4a4; } .popBox .photoBox .upLoadBox { width: 129.92rpx; height: 129.92rpx; border-radius: 4.16rpx; border: dashed 0.96rpx #dedede; display: flex; flex-direction: column; justify-content: center; align-items: center; color: #999; margin-right: 16rpx; } .popBox .photoBox .upLoadBox .iconfont { font-size: 64rpx; } .popBox .popTop { display: flex; justify-content: space-between; align-items: center; } .popBox .popTop .span { font-size: 32rpx; } .popBox .popTop .iconfont { font-size: 30rpx; color: rgba(177, 177, 177, 0.71); margin-top: -30rpx; } .products_img { padding: 30.08rpx; box-sizing: border-box; } .products_img .imgbox { display: flex; flex-wrap: wrap; align-items: center; } .products_img .imgbox .minImgBox { width: 130rpx; height: 130rpx; margin-right: 8rpx; margin-bottom: 10rpx; } .products_img .imgbox .minImgBox image { width: 130rpx; height: 130rpx; } .products_img .shop_title { text-align: left; font-size: 28rpx; font-weight: 600; margin-bottom: 32rpx; }