/**detail.wxss**/ .banner image{ width:100%; height:420rpx; } .product_name{ font-size:32rpx; } .product_top{ padding:20rpx 35rpx 35rpx; border-bottom:solid 1px #ececec; } .name_share image{ width:35rpx; height:35rpx; } .name_share{ height:40rpx; line-height:40rpx; } .guarantee{ width:265rpx; font-size:20rpx; color:#999; margin:20rpx 0rpx 35rpx; } .price{ font-size:30rpx; color:#21c3d4; } .sale{ font-size:26rpx; color:#5b5b5b; padding-top:5rpx; } .next_page image{ width:11rpx; height:20rpx; } .choose{ padding:0rpx 35rpx; height:64rpx; line-height:64rpx; border-bottom:solid 1px #ececec; } .choose_left text{ font-size:22rpx; margin-right:16rpx; } .choose_left .text1{ margin-right:40rpx; color:#999; } .choose_left input{ font-size:22rpx; color:#262626; height:62rpx; line-height:62rpx;} .detail_comment{ font-size:24rpx; color:#a1a1a1; height:78rpx; line-height:78rpx; border-bottom:solid 1px #ececec; } .detail_select{ color:#21c3d4; } .detail_comment .detail{ width:50%; text-align:center;} .comment{ border-left:solid 1px #ececec; width:50%;text-align:center;} #detail image{ width:550rpx; height:354rpx; margin:60rpx auto 40rpx auto; } #detail{ text-align:center; } .good_percent image{ width:11rpx; height:20rpx; } .good_com{ font-size:24rpx; color:#3e3e3e; padding:0rpx 35rpx; height:68rpx; line-height:68rpx; border-bottom:solid 1px #ecece;} .percent{color:#ffb040;margin:0rpx 20rpx 0rpx 10rpx;} .comment_user image{ width:68rpx; height:68rpx; border-radius:50%; margin-right:10rpx; float:left; } .user_img{ height:68rpx; } .comment_list{ padding:22rpx 35rpx 14rpx; border-bottom:solid 1px #ececec; overflow:hihdden; } .star image{ width:15rpx; height:15rpx; margin-left:8rpx; } .comment_list{ } .comment_user .text1{ font-size:24rpx; color:#262626; } .comment_user .text2{ font-size:18rpx; color:#808080; display:block; } .comment_cont{ font-size:22rpx; color:#696969; margin-top:20rpx;} #buy{ border-top:solid 1px #ececec; height:120rpx; position:fixed; bottom:0rpx; overflow:hidden; background:#fff; z-index:999; width:100%; align-items:center; } .buy_click{ display:flex; justify-content:center; height:120rpx; align-items:center; } .consult{ width:15%; text-align:center; } .consult image{ width:35rpx; height:34rpx; } .consult .text1{ font-size:18rpx; color:#626262; } .go_buy{ width:66%; margin-right:4%; height:70rpx; line-height:70rpx; color:#fff; font-size:28rpx; font-weight:bold; background:#fff; border-radius:30rpx; overflow:hidden; } .shoppingCart{ width:50%; background:#49e3de; text-align:center; } .go_pay{ width:50%; background:#2c9fe1; text-align:center; } .mask{ position:absolute; top:0rpx; width:100%; height:100%; background:rgba(0,0,0,0.4); transition:all 1s; } #details{ position:relative; margin-bottom:120rpx; } #choose{ height:566rpx; width:704rpx; position:fixed; bottom:-100rpx; padding:32rpx 25rpx; background:#fff; z-index:99; } .sildeIn{ transition:all 1s; transform:translateY(-120rpx); } .slideOut{ transition:all 1s; transform:translateY(450rpx); } .pricity{ margin-bottom:55rpx; width:100%; height:135rpx; } .choose_pro{ width:25%; height: } .choose_pro image{ width:160rpx; height:135rpx; } .close{ width:10%; text-align:right; } .close image{ width:34rpx; height:34rpx; } .pro_name{ font-size:28rpx; color:#333; } .pro_type{ font-size:22rpx; color:#999; } .price_choose{ font-size:28rpx; color:#21c3d4; } .product_txt{width:65%;} #type{ height:60rpx; margin-bottom:28rpx; width:350rpx; align-items:center; } .pro_type{ font-size:26rpx; color:#666; } .pro_types{ width:108rpx; height:60rpx; line-height:60rpx; text-align:center; font-size:28rpx; color:#666; background:#f7f7f7; border-radius:3rpx; } .choose_number{ height:126rpx; align-items:center; } .number_txt{ font-size:30rpx; color:#444; } .edit_number{ width:166rpx; height:50rpx; line-height:52rpx; border:solid 1px #e5e5e5; font-size:20rpx; } .edit_number .minus,.edit_number .add{ width:50rpx; text-align:center; color:#aeaeae; font-size:40rpx; border-right:solid 1px #e5e5e5; background:#e8e9e9; } .number{ width:72rpx; text-align:center; color:#878787; border-right:solid 1px #e5e5e5; } .video{ width:624rpx; height:350rpx; margin:0rpx auto 200rpx; z-index:0; overflow:hidden; position:relative; } video{ width:624rpx; height:350rpx; margin:0rpx auto 200rpx; z-index:0; position:absolute; top:0rpx; left:0rpx; }