page {
    background-color: #f5f9fa;
    padding-bottom: 110rpx;
}

.swiperitem {
    height: 800rpx;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    position: relative;
}

.swiperbox {
    height: 800rpx;
    overflow: hidden;
    background-color: #fff;
    position: relative;
}

.swipernum {
    text-align: right;
    padding: 0 33rpx 24rpx 33rpx;
    font-size: 32rpx;
    color: #666;
    background-color: #fff;
    border-bottom: 1px solid #f9f9f9;
}

.nowprice {
    padding: 23rpx 0 0 32rpx;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.nowprice text {
    font-weight: 600;
    font-size: 36rpx;
    color: #f00;
}

.nowprice .oldprice {
    font-size: 24rpx;
    color: #666;
    text-decoration: line-through;
    margin-left: 22rpx;
    font-weight: normal;
}

.titlebox {
    padding: 36rpx 33rpx;
    margin-bottom: 16rpx;
    background-color: #fff;
    font-size: 36rpx;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
}

.typebox {
    background-color: #fff;
    font-size: 32rpx;
    border-bottom: 1px solid #f9f9f9;
    padding: 35rpx 0 0 0;
}

.typetitle {
    padding: 0 0 0 31rpx;
}

.typecolor {
    padding: 0 0 40rpx 0;
    margin: 39rpx 32rpx 0 32rpx;
    border-bottom: 1px solid #f9f9f9;
}

.typecolor text {
    background-color: #f0f1f5;
    min-width: 120rpx;
    height: 70rpx;
    text-align: center;
    line-height: 70rpx;
    color: #000;
    display: inline-block;
    font-size: 24rpx;
    margin: 0 32rpx 10rpx 0;
    border-radius: 10rpx;
}

.typecolor .actvietext {
    background-color: #ffad02;
    color: #fff;
}

.numbox {
    display: flex;
    justify-content: space-between;
    padding: 36rpx 32rpx 36rpx 35rpx;
    color: #333;
    font-size: 32rpx;
    background-color: #fff;
}

.min,.plus {
    height: 60rpx;
    width: 60rpx;
    background-color: #f5f5f5;
    line-height: 60rpx;
    text-align: center;
    font-size: 37rpx;
    display: inline-block;
    font-weight: 600;
}

.min {
    margin-right: 40rpx;
}

.plus {
    margin-left: 40rpx;
}

.commenttitle {
    display: flex;
    align-items: center;
    font-size: 24rpx;
    justify-content: space-between;
    color: #666;
    padding: 36rpx 165rpx;
}

.left,.right {
    height: 1rpx;
    width: 100rpx;
    background-color: #666;
}

.commentitem {
    display: flex;
    align-items: center;
}

.commentitem .iconfont {
    margin-right: 17rpx;
}

.commentlist {
    padding: 56rpx 36rpx 42rpx 32rpx;
    background-color: #fff;
}

.commentitem {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 24rpx;
}

.commentname {
    display: flex;
    align-items: center;
}

.commentname image {
    height: 60rpx;
    width: 60rpx;
    border-radius: 50%;
    margin-right: 24rpx;
}

.commenttime {
    color: #999;
}

.commentcontent {
    font-size: 24rpx;
    padding: 28rpx 32rpx;
}

.lookmore {
    width: 246rpx;
    margin: 42rpx auto;
    font-size: 24rpx;
    padding: 18rpx 0;
    text-align: center;
    border: 1px solid #050001;
    border-radius: 30rpx;
    overflow: hidden;
}

.lookmore:active {
    opacity: 0.7;
}

.goodsdetail {
    background-color: #fff;
}

.goodstitle {
    text-align: center;
    padding: 36rpx 0;
    font-size: 30rpx;
}

.content {
    padding: 0 33rpx;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.content image {
    width: 100%;
}

.shoppingbox {
    height: 100rpx;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 0 0 54rpx;
    position: fixed;
    width: 100%;
    left: 0;
    bottom: 0;
    background-color: #fff;
    font-size: 24rpx;
    z-index: 9999;
    border-top: 1px solid #e4e4e4;
}

.shoppingitem {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}

.shoppingbox view {
    flex: 1;
}

.paycart,.paymoney {
    padding: 0 40rpx;
    line-height: 100rpx;
    text-align: center;
    background: linear-gradient(to right,#fec901,#fe9901);
    color: #fff;
    font-size: 26rpx;
}

.paymoney {
    background: linear-gradient(to right,#fe7501,#ff4b00);
}

.paymoney:active,.paycart:active {
    opacity: 0.7;
}

.nullcomment {
    font-size: 32rpx;
    text-align: center;
    color: #999;
}

.icon-shoucang1 {
    color: #f4ea2a;
}

.imglist {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 0 32rpx 36rpx 32rpx;
    margin-bottom: 16rpx;
}

.imglist view {
    height: 170rpx;
    width: 170rpx;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1rpx solid #e4e4e4;
    margin-right: 32rpx;
}

.imglist image {
    height: 170rpx;
    width: 170rpx;
}

.comments {
    font-size: 24rpx;
    padding: 28rpx 32rpx;
}

.hr {
    height: 16rpx;
    width: 100%;
    background-color: #f5f9fa;
}

.red {
    height: 15rpx;
    width: 15rpx;
    border-radius: 50%;
    background-color: #d70000;
    position: absolute;
    right: 25rpx;
    top: -5rpx;
}

.goodphotos {
    position: relative;
}

.goodphotos .goindex {
    position: absolute;
    right: 25rpx;
    top: 25rpx;
    height: 80rpx;
    width: 80rpx;
    border-radius: 50%;
    background-color: rgba(0,0,0,0.3);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 3;
}

.goodphotos .goindex .iconfont {
    font-size: 40rpx;
}

.sales_detial {
    margin: 0 25rpx 0 0;
    padding: 0;
    font-size: 30rpx;
    color: #333;
}