/* packageC/video_goods/addVideoGood/addVideoGood.wxss */ .search { overflow: hidden; background: #fff; border-bottom: 2rpx solid #f5f5f5; width: 100%; display: flex; padding-bottom: 10rpx; } .search .searchBox { position: relative; font-size: 28rpx; display: flex; margin-left: 2%; background: #f2f2f2 none; border-radius: 30rpx; width: 568rpx; align-items: center; } .search .searchBox .van-cell { padding: 0; background-color: inherit; } .search .left { margin-left: 60rpx; } .search .right { margin-left: 40rpx; display: flex; text-align: center; align-items: center; } .search .searchBox input { vertical-align: middle; border: none; box-sizing: border-box; outline: 0; padding: 6rpx 20rpx; height: 60rpx; line-height: 60rpx; color: #8c8c8c; font-size: 28rpx; flex: 1; } .search .searchBox .img-icon { width: 60rpx; height: 60rpx; margin-left: 10rpx; display: flex; align-items: center; justify-content: center; } .search .searchBox .img-icon .img-icon-btn { width: 32rpx; height: 32rpx; background: url("https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/search.png") no-repeat center center; background-size: 80% 80%; } .search .search_bth { font-size: 30rpx; } .card_goods .title { display: flex; justify-content: center; align-items: center; height: 80rpx; } .card_goods .title .line_left, .card_goods .title .line-right { width: 200rpx; height: 2rpx; background: #ebebeb; } .card_goods .title .h1 { font-size: 30rpx; color: #999; margin: 0 28rpx; } .card_goods .goods_list { padding: 20rpx 30rpx; background: #f5f5f5; } .card_goods .goods_list .goods_box { background: #fff; padding: 20rpx; display: flex; margin-bottom: 20rpx; border: solid 2rpx #fff; } .card_goods .goods_list .goods_box .goods_img { width: 120rpx; height: 120rpx; overflow: hidden; margin-right: 25rpx; background: #f2f2f2; } .card_goods .goods_list .goods_box .goods_img image { width: 100%; } .card_goods .goods_list .goods_box .goods_text { flex: 1; position: relative; } .card_goods .goods_list .goods_box .goods_text .name { text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; font-size: 30rpx; text-align: left; } .card_goods .goods_list .goods_box .goods_text .sum { position: absolute; bottom: 0; display: flex; line-height: 48rpx; width: 100%; justify-content: space-between; } .card_goods .goods_list .goods_box .goods_text .sum .span { color: #f15353; font-size: 32rpx; } .card_goods .goods_list .goods_box .goods_text .sum .span .font { font-size: 24rpx; } .card_goods .goods_list .goods_box .goods_text .sum .icon { font-size: 28rpx; color: #fff; width: 48rpx; height: 48rpx; line-height: 48rpx; background-image: url(https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/addGoods_gou@2x.png); background-size: cover; } .card_goods .goods_list .goods_box .goods_text .sum .no_current { font-size: 28rpx; color: #ccc; width: 48rpx; height: 48rpx; line-height: 48rpx; border: solid 2rpx #ccc; border-radius: 64rpx; background: #fff; } .card_goods .goods_list .cg { border: solid 2rpx #f15353; } .card_goods .noMoes { display: flex; justify-content: center; } .card_goods .noMoes .img { width: 30vw; height: 30vw; overflow: hidden; } .card_goods .noMoes .img image { width: 100%; height: 100%; } .card_goods .card_goods_btm { position: fixed; bottom: 0; width: 100%; height: 98rpx; border-top: solid 2rpx #ebebeb; display: flex; justify-content: space-between; align-items: center; background: #fff; } .card_goods .card_goods_btm .button { border: none; background: #f15353; color: #fff; border-radius: 8rpx; width: auto; flex: 1; height: 80rpx; line-height: 80rpx; text-align: center; font-size: 32rpx; margin: 0 30rpx; } .card_goods .noG .button { background: rgba(0, 0, 0, 0.4); }