xzy/pages/index/index.wxss

.input-box,.mp-height {
    height: 44px;
}

.input-box {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding: 25rpx;
    background-color: #fff;
    z-index: 999;
}

.input-box .iconsearch {
    font-size: 50rpx;
}

.input-box .input-content {
    border-radius: 99rpx;
    padding: 10rpx 30rpx;
    background-color: hsla(0,0%,90.6%,.7);
}

.input-box .input-content,.input-box .input-content .input {
    -webkit-box-flex: 1;
    flex-grow: 1;
}

.input-box .input-content .input input {
    font-size: 32rpx;
}

.input-box .input-button {
    padding-left: 20rpx;
    font-size: 32rpx;
    height: 100%;
}

page .cate-section {
    position: relative;
    z-index: 5;
    border-radius: 16rpx 16rpx 0 0;
    margin-top: -20rpx;
}

page .carousel-section {
    padding: 0;
}

page .carousel-section .titleNview-placing {
    padding-top: 0;
    height: 0;
}

page .carousel-section .carousel .carousel-item {
    padding: 0;
}

page .carousel-section .swiper-dots {
    left: 45rpx;
    bottom: 40rpx;
}

page {
    background: #f8f8f8;
}

.m-t {
    margin-top: 16rpx;
}

.carousel-section {
    position: relative;
    padding-top: 10px;
    overflow: hidden;
}

.carousel-section .titleNview-placing {
    height: 25px;
    padding-top: 44px;
    box-sizing: content-box;
}

.carousel-section .titleNview-background {
    position: absolute;
    top: 0;
    left: -50rpx;
    width: 850rpx;
    height: 220rpx;
    transition: .4s;
    border-bottom-left-radius: 100rpx;
    border-bottom-right-radius: 100rpx;
}

.carousel {
    width: 100%;
    height: 240rpx;
}

.carousel .carousel-item {
    width: 100%;
    height: 100%;
    padding: 0 28rpx;
    overflow: hidden;
}

.carousel image {
    width: 100%;
    height: 100%;
    border-radius: 15rpx;
}

.swiper-dots {
    display: flex;
    position: absolute;
    left: 60rpx;
    bottom: 15rpx;
    width: 72rpx;
    height: 36rpx;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAABkCAYAAADDhn8LAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OTk4MzlBNjE0NjU1MTFFOUExNjRFQ0I3RTQ0NEExQjMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OTk4MzlBNjA0NjU1MTFFOUExNjRFQ0I3RTQ0NEExQjMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6Q0E3RUNERkE0NjExMTFFOTg5NzI4MTM2Rjg0OUQwOEUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6Q0E3RUNERkI0NjExMTFFOTg5NzI4MTM2Rjg0OUQwOEUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4Gh5BPAAACTUlEQVR42uzcQW7jQAwFUdN306l1uWwNww5kqdsmm6/2MwtVCp8CosQtP9vg/2+/gY+DRAMBgqnjIp2PaCxCLLldpPARRIiFj1yBbMV+cHZh9PURRLQNhY8kgWyL/WDtwujjI8hoE8rKLqb5CDJaRMJHokC6yKgSCR9JAukmokIknCQJpLOIrJFwMsBJELFcKHwM9BFkLBMKFxNcBCHlQ+FhoocgpVwwnv0Xn30QBJGMC0QcaBVJiAMiec/dcwKuL4j1QMsVCXFAJE4s4NQA3K/8Y6DzO4g40P7UcmIBJxbEesCKWBDg8wWxHrAiFgT4fEGsB/CwIhYE+AeBAAdPLOcV8HRmWRDAiQVcO7GcV8CLM8uCAE4sQCDAlHcQ7x+ABQEEAggEEAggEEAggEAAgQACASAQQCCAQACBAAIBBAIIBBAIIBBAIABe4e9iAe/xd7EAJxYgEGDeO4j3EODp/cOCAE4sYMyJ5cwCHs4rCwI4sYBxJ5YzC84rCwKcXxArAuthQYDzC2JF0H49LAhwYUGsCFqvx5EF2T07dMaJBetx4cRyaqFtHJ8EIhK0i8OJBQxcECuCVutxJhCRoE0cZwMRyRcFefa/ffZBVPogePihhyCnbBhcfMFFEFM+DD4m+ghSlgmDkwlOgpAl4+BkkJMgZdk4+EgaSCcpVX7bmY9kgXQQU+1TgE0c+QJZUUz1b2T4SBbIKmJW+3iMj2SBVBWz+leVfCQLpIqYbp8b85EskIxyfIOfK5Sf+wiCRJEsllQ+oqEkQfBxmD8BBgA5hVjXyrBNUQAAAABJRU5ErkJggg==);
    background-size: 100% 100%;
}

.swiper-dots .num {
    width: 36rpx;
    height: 36rpx;
    border-radius: 50px;
    font-size: 24rpx;
    color: #fff;
    text-align: center;
    line-height: 36rpx;
}

.swiper-dots .sign {
    position: absolute;
    top: 0;
    left: 50%;
    line-height: 36rpx;
    font-size: 12rpx;
    color: #fff;
    transform: translateX(-50%);
}

.explosion-box {
    padding: 34rpx 24rpx 0;
}

.explosion-box .titleBgBox {
    text-align: center;
}

.explosion-box .titleBgBox .titBg {
    width: 450rpx;
    margin: 0 auto;
}

.explosion-box .explosion-titBox {
    text-align: center;
    position: relative;
    height: 31rpx;
}

.explosion-box .explosion-titBox .explo-title {
    position: absolute;
    top: 0;
    line-height: 1;
    width: 100%;
    font-size: 32rpx;
    font-family: FZCuQian-M17S;
    font-weight: 400;
    color: #ef041f;
}

.explosion-box .explosion-frame {
    margin-top: 24rpx;
    border-radius: 20rpx;
    background: #fff;
}

.explosion-box .explosion-frame .explo-good-img {
    width: 100%;
    height: 303rpx;
    border-radius: 20rpx 20rpx 0 0;
}

.explosion-box .explosion-frame .explo-good-box {
    padding: 18rpx 22rpx 34rpx;
}

.explosion-box .explosion-frame .explo-good-box .explo-good-tit {
    font-size: 32rpx;
    font-family: PingFang SC;
    font-weight: 700;
    color: #333;
    line-height: 38rpx;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.explosion-box .explosion-frame .explo-good-box .explo-good-bottom {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    margin-top: 20rpx;
}

.explosion-box .explosion-frame .explo-good-box .explo-good-bottom .explo-price-box {
    border-radius: 999rpx;
    background-color: #5dbc7c;
    line-height: 0;
    padding: 15rpx 25rpx;
}

.explosion-box .explosion-frame .explo-good-box .explo-good-bottom .explo-zeng {
    font-size: 30rpx;
    font-family: PingFang SC;
    font-weight: 700;
    color: #ef041f;
    margin-right: 5rpx;
}

.explosion-box .explosion-frame .explo-good-box .explo-good-bottom .explo-icon {
    width: 20rpx;
    height: 22rpx;
}

.explosion-box .explosion-frame .explo-good-box .explo-good-bottom .explo-jfNum {
    margin: 0 6rpx;
    font-size: 42rpx;
    font-family: PingFang SC;
    font-weight: 700;
    color: #f90;
}

.explosion-box .explosion-frame .explo-good-box .explo-good-bottom .explo-jfText {
    font-size: 28rpx;
    font-weight: 700;
    color: #fff;
    line-height: 1;
}

.explosion-box .explosion-frame .explo-good-box .explo-good-bottom .explo-oldPrice {
    font-size: 26rpx;
    font-family: PingFang SC;
    font-weight: 700;
    text-decoration: line-through;
    color: #999;
    line-height: 38rpx;
    margin-right: 16rpx;
}

.explosion-box .explosion-frame .explo-good-box .explo-good-bottom .explo-price {
    font-size: 55rpx;
    font-family: PingFang SC;
    font-weight: 700;
    color: #ef041f;
    line-height: 38rpx;
}

.explosion-box .explosion-frame .explo-good-box .explo-good-bottom .explo-price .explo-sysml {
    font-size: 32rpx;
}

.explosion-box .explosion-frame .explo-good-box .explo-good-bottom .explo-wdc {
    margin-left: 5rpx;
    font-size: 30rpx;
    font-family: PingFang SC;
    font-weight: 700;
    line-height: 38rpx;
}