Colorful-childhood/component/look/look.wxss

/* component/look/look.wxss */

.scroll-nav {
    width: 100%;
}

.nav {
    font-size: 36rpx;
    color: #000;
    padding: 0 5%;
    box-sizing: border-box;
    white-space:nowrap; 
}

.nav view {
    height: 89rpx;
    width: 225rpx;
    text-align: center;
    line-height: 89rpx;
    border-radius: 89rpx;
    display: inline-block;
}

.slecte-nav {
    background: #fff;
}

swiper {
    height: 92%;
}

.look-video {
    padding: 0 16rpx;
    box-sizing: border-box;
}

.look-item {
    width: 100%;
    height: 266rpx;
    margin-top: 4%;
    border-radius: 20rpx;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2), 0 3px 6px 0 rgba(0, 0, 0, .2);
}

.look-item image {
    width: 100%;
    height: 100%;
    border-radius: 20rpx;
}

.bottom {
    text-align: center;
    margin-top: 30rpx;
    color: #ccc;
    font-size: 32rpx;
    margin-bottom: 30%;
}