Home Explore Help
Register Sign In
hwq
/
hhsc
1
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Tree: 192e692d0a
Branches Tags
hhsc
/
unpackage
/
dist
/
build
/
mp-weixin
/
pages
/
index
/
index.wxss

index.wxss 5.1 KB
History Raw

12 
  1. page,
    2. 

  2. .center{height:auto;min-height:100%;background-color:#fff}.input-box{padding:25rpx;background-color:#0fc8e4;height:44px}.input-box .iconsearch{font-size:50rpx}.input-box .input-content{border-radius:99rpx;flex-grow:1;padding:5rpx 30rpx;background:#fff}.input-box .input-content .input{flex-grow:1}.input-box .input-content .input input{font-size:28rpx}.input-box .input-button{padding-left:20rpx;font-size:28rpx;height:100%}.top{width:1000rpx;height:240rpx;background:linear-gradient(180deg,#08c4e6,#50ead2);overflow:hidden;text-align:center;border-bottom-left-radius:50%;border-bottom-right-radius:50%;margin-left:-125rpx}.carousel{width:700rpx;height:300rpx;border-radius:14rpx;margin:0 auto;margin-top:calc(-260rpx + 25px)}.carousel .bor{border-radius:14rpx}.carousel .bor .carousel-item image{width:100%;height:100%;border-radius:14rpx}.swiper-dot{position:relative;z-index:10;margin-top:-40rpx;display:flex;justify-content:center}.swiper-dot .swiper-dots-item{width:14rpx;height:14rpx;background:#aaa;border-radius:50%;margin:0 16rpx}.swiper-dot .action{background-color:#fff}.cate-section{display:flex;justify-content:space-around;align-items:center;flex-wrap:wrap;padding:40rpx 22rpx}.cate-section .cate-item{display:flex;flex-direction:column;align-items:center;font-size:28rpx;color:#303133}.cate-section .cate-font{margin-top:-26rpx}.cate-section image{width:150rpx;height:150rpx;margin-bottom:14rpx;border-radius:50%}.xian{width:750rpx;height:20rpx;background:#f5f5f5}.main{margin-top:40rpx;padding:0 40rpx}.main .main-top{align-items:center}.main .main-top .main-left{display:flex;justify-content:flex-start;align-items:center}.main .main-top .main-left .shu{width:8rpx;height:38rpx;background:#05ab81;border-radius:4rpx}.main .main-top .main-left .main-title{margin-left:10rpx;font-size:36rpx;font-family:PingFang SC;font-weight:700;color:#202739}.main .main-top .main-left .main-tip{font-size:22rpx;font-family:PingFang SC;font-weight:700;color:#95a0b1;margin-left:14rpx}.guess-item{display:flex;width:710rpx;height:290rpx;background:#fff;box-shadow:0 0 20rpx 0 rgba(50,50,52,.06);border-radius:10rpx;padding:15rpx;padding-bottom:150rpx;margin:20rpx auto 0;position:relative}.guess-item image{width:260rpx;height:260rpx;border-radius:10rpx}.guess-item .guess-box{padding:12rpx 0 0 24rpx;width:436rpx}.guess-item .guess-box .title{font-size:30rpx;padding-left:4rpx;font-family:PingFang SC;font-weight:500;color:#333;width:368rpx;line-height:36rpx}.guess-item .guess-box .title .tuanF{display:inline-block;margin-right:4rpx;position:relative;top:-6rpx}.guess-item .guess-box .title .tuanF .tuan{display:flex;align-items:center;padding:10rpx;height:36rpx;background:#ffebe9;border-radius:18rpx}.guess-item .guess-box .title .tuanF .tuan .tuan-image{width:18rpx;height:18rpx}.guess-item .guess-box .title .tuanF .tuan .tuan-font{display:inline;font-size:20rpx;font-family:PingFang SC;font-weight:500;color:#ff1135;margin-left:2rpx}.guess-item .guess-box .ping-box{margin-top:15rpx;justify-content:flex-start}.guess-item .guess-box .ping-box .ping{margin-left:10rpx;height:39rpx;background:#fdf7eb;border-radius:5rpx;font-size:22rpx;font-family:PingFang SC;font-weight:500;color:#ff911f;display:flex;align-items:center;padding:0 10rpx}.guess-item .guess-box .price-box{margin-top:80rpx;justify-content:flex-start}.guess-item .guess-box .price-box .yuanprice{font-size:26rpx;font-family:PingFang SC;font-weight:500;text-decoration:line-through;color:#999;padding-right:6rpx}.guess-item .guess-box .price-box image{width:14rpx;height:16rpx}.guess-item .guess-box .price-box .jiang{padding-left:2rpx;font-size:24rpx;font-family:PingFang SC;font-weight:700;color:#b59467}.guess-item .guess-box .price{font-size:36rpx;font-family:PingFang SC;font-weight:700;color:#ff1135}.guess-item .guess-box .btn{width:137rpx;height:56rpx;background:#16cc9f;border-radius:28rpx;font-size:28rpx;font-family:PingFang SC;font-weight:500;color:#fff;line-height:56rpx;text-align:center;position:absolute;bottom:25rpx;right:25rpx}.popup-box{width:522rpx;height:605rpx;background-color:#fff;border-radius:20rpx;position:relative}.popup-box .img{position:relative;top:-56rpx;left:0;width:522rpx;height:132rpx;display:flex;justify-content:center}.popup-box .img image{border-radius:20rpx 20rpx 0 0;width:450rpx;height:132rpx}.popup-box .mian{margin-top:-44rpx;display:flex;flex-direction:column;align-items:center;background-color:#fff;border-radius:0 0 20rpx 20rpx;text-align:center}.popup-box .mian .delivery{font-size:40rpx;color:#333;display:flex;align-items:center;flex-direction:column}.popup-box .mian .delivery image{margin-top:48rpx;width:172rpx;height:160rpx}.popup-box .mian .nocancel{font-size:32rpx;color:#333;margin-top:14rpx}.popup-box .mian .comfirm-box{margin-top:52rpx;display:flex}.popup-box .mian .comfirm-box .cancel{display:flex;align-items:center;justify-content:center;width:197rpx;height:74rpx;border:1px solid #dcc786;border-radius:38rpx;font-size:32rpx;color:#605128}.popup-box .mian .comfirm-box .comfirm{margin-left:32rpx;display:flex;align-items:center;justify-content:center;width:197rpx;height:74rpx;background:linear-gradient(-90deg,#d1ba77,#f7e8ad);border-radius:38px;font-size:32rpx;color:#605128}
    3.