/* pages/order/deposit/deposit.wxss */ page { width: 750rpx; min-height: 100vh; background: #F6F6F6; } .topBox { width: 750rpx; height: 174rpx; background: #FFFFFF; padding: 32rpx; } .topBox .tit { font-size: 30rpx; font-weight: bold; color: #191C27; } .topBox .adr { font-size: 24rpx; color: #666666; width: 473rpx; } .topBox .lr { font-size: 24rpx; color: #191C27; text-align: center; border-left: 1rpx solid #E4E4E4; padding-left: 32rpx; } .topBox .lr .icon { width: 40rpx; height: 40rpx; } .itemBoxs { width: 702rpx; background: #FFFFFF; border-radius: 12rpx; margin: 24rpx auto; } .itemBoxs .titBoxs { padding: 25rpx; } .itemBoxs .titBoxs .le { font-size: 26rpx; color: #999999; } .itemBoxs .contioner { padding: 24rpx; } .itemBoxs .messageBoxs .tips { font-size: 28rpx; font-weight: 500; color: #191C27; } .itemBoxs .messageBoxs .time { font-size: 24rpx; color: #999999; } .itemBoxs .centerBoxs { white-space: nowrap; margin: 30rpx 0; } .itemBoxs .centerBoxs scroll-view { width: 85%; } .itemBoxs .centerBoxs .clothes { width: 120rpx; height: 120rpx; } .itemBoxs .centerBoxs .name { font-size: 28rpx; color: #191C27; margin-left: 25rpx; } .itemBoxs .centerBoxs .lr { text-align: right; line-height: 60rpx; height: 120rpx; } .itemBoxs .centerBoxs .showModel { position: relative; } .itemBoxs .centerBoxs .showModel::before { position: absolute; left: -30rpx; top: 0; display: block; content: ''; width: 10rpx; height: 100%; background: #F6F6F6; filter: blur(6rpx); /* border: 1px solid red; */ } .itemBoxs .centerBoxs .price { font-size: 36rpx; font-family: HelveticaNeue-BoldCond, HelveticaNeue; font-weight: bold; color: #191C27; letter-spacing: 1rpx; } .itemBoxs .centerBoxs .small { font-size: 24rpx; } .itemBoxs .centerBoxs .num { font-size: 28rpx; color: #999999; } .itemBoxs .footerBoxs .btn { width: 152rpx; height: 60rpx; border-radius: 30rpx; text-align: center; line-height: 60rpx; font-size: 28rpx; margin-left: 25rpx; } .imgBoxs { position: relative; margin-right: 25rpx; } .imgBoxs .nums { position: absolute; left: 0; bottom: 0; width: 100%; height: 30rpx; background: rgba(25, 28, 39, 0.5); border-radius: 0px 0px 4rpx 4rpx; font-size: 22rpx; color: #FFFFFF; line-height: 30rpx; text-align: center; } .bg { background: linear-gradient(270deg, #467FFF 0%, #4699FF 100%); color: #FFFFFF; } .border { color: #999999; border: 1rpx solid #CCCCCC; } .footerBoxs .tips { font-size: 26rpx; color: #999999; } .card { width: 702rpx; background: #FFFFFF; border-radius: 12rpx; margin: 25rpx auto; padding: 48rpx 32rpx; } .card .tit { font-size: 30rpx; font-weight: 500; color: #191C27; } .card .tips { font-size: 26rpx; color: #999999; margin: 15rpx 0; } .card .mes { font-size: 30rpx; font-weight: 500; color: #191C27; } .card .num { font-size: 72rpx; font-weight: 500; color: #191C27; } .card .lr { width: 152rpx; height: 60rpx; border-radius: 30rpx; font-size: 28rpx; color: #FFFFFF; line-height: 60rpx; } .card .lr image { width: 80rpx; height: 80rpx; } .footer { position: absolute; left: 50%; bottom: 5%; transform: translate(-50%, 0); font-size: 26rpx; color: #666666; } .content { width: 750rpx; min-height: 368rpx; padding: 50rpx; } .content .tit { font-size: 36rpx; font-weight: 500; color: #191C27; text-align: center; margin-bottom: 70rpx; } .content .state { width: 80rpx; height: 80rpx; display: block; margin: auto; } .content2 { padding: 50rpx 0; } .content .tips { font-size: 28rpx; color: #191C27; text-align: center; } .content .btnBox { margin: 70rpx auto; padding: 0 57rpx; } .content .btn { height: 76rpx; line-height: 76rpx; border-radius: 38rpx; font-size: 28rpx; padding: 0rpx 32rpx; margin-right: auto; } .content2 .line { width: 750rpx; height: 16rpx; background: #F6F6F6; } .content2 .rule { padding: 32rpx 48rpx; } .content2 .rule .title { font-size: 28rpx; font-weight: 500; color: #191C27; text-align: center; } .content2 .rule .items { font-size: 28rpx; color: #666666; }