.page-view { width: 100%; height: 100%; font-size: 12px; overflow-y: scroll; margin: none; overflow-x: hidden; } .page-view .diy-phone { width: 100%; height: 100%; } .page-view .diy-phone .phone-body { width: 100%; height: 100%; } .page-view .diy-phone .phone-body .phone-main { width: 100%; height: 100%; } .page-view .fui-goods-group { height: auto; overflow: hidden; background: #f9f9f9; display: flex; flex-wrap: wrap; } .page-view .fui-goods-group.block { padding: 4px; } .page-view .fui-goods-group.block .fui-goods-item { width: 48%; border-bottom: 0; background: none; padding: 5px 3px; overflow: hidden; position: relative; display: flex; flex-direction: column; justify-content: space-between; margin-top: 5px; background-color: #fff; } .page-view .fui-goods-group.block .fui-goods-item:nth-child(odd) { margin-right: 10px; } .page-view .fui-goods-group.block .fui-goods-item .tag { position: absolute; color: #fff; width: 150rpx; height: 80rpx; display: flex; align-items: flex-end; justify-content: center; text-align: center; top: -30rpx; left: -70rpx; margin: 0; padding: 0; background-color: red; transform: rotate(-45deg); } .page-view .fui-goods-group.block .fui-goods-item .image { width: 100%; height: 284rpx; overflow: hidden; margin: 0; background-position: center; background-repeat: no-repeat; background-size: cover; } .page-view .fui-goods-group.block .fui-goods-item .detail { padding: 10rpx; } .page-view .fui-goods-group.block .fui-goods-item .detail .name { height: 30px; overflow: hidden; } .page-view .fui-goods-group.block .fui-goods-item .detail .noheight { display: none; } .page-view .fui-goods-group.block .fui-goods-item .detail .price { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: 14px; } .page-view .fui-goods-group.block .fui-goods-item .detail .price .text { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; color: #ed2822; padding-left: 0; } .page-view .fui-goods-group.block .fui-goods-item .detail .price .text .minprice { font-size: 15px; } .page-view .fui-goods-group.block .fui-goods-item .detail .price .text .buy { display: inline-block; height: 22px; color: #ff5555; border-radius: 10; background: #fff; padding: 0rem 5px; border: 1px solid transparent; } .page-view .fui-goods-group.block .fui-goods-item-one { height: 288rpx; width: 100%; display: flex; align-items: center; background-color: #ffffff; box-sizing: border-box; padding: 5px 0; position: relative; overflow: hidden; } .page-view .fui-goods-group.block .fui-goods-item-one .tag { position: absolute; color: #fff; width: 150rpx; height: 80rpx; display: flex; align-items: flex-end; justify-content: center; text-align: center; top: -30rpx; left: -70rpx; margin: 0; padding: 0; background-color: red; transform: rotate(-45deg); } .page-view .fui-goods-group.block .fui-goods-item-one .image { width: 45%; height: 288rpx; overflow: hidden; margin: 0; background-position: center; background-size: 100% 100%; -webkit-background-size: 100% 100%; } .page-view .fui-goods-group.block .fui-goods-item-one .detail .name { height: 30px; overflow: hidden; } .page-view .fui-goods-group.block .fui-goods-item-one .detail .noheight { display: none; } .page-view .fui-goods-group.block .fui-goods-item-one .detail .price { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: 14px; margin-right: 10px; } .page-view .fui-goods-group.block .fui-goods-item-one .detail .price .text { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; color: #ed2822; padding-left: 0; } .page-view .fui-goods-group.block .fui-goods-item-one .detail .price .text .minprice { font-size: 15px; margin-right: 10px; } .page-view .fui-goods-group.block .fui-goods-item-one .detail .price .text .buy { display: inline-block; height: 1.1rem; color: #ff5555; line-height: 1rem; border-radius: 10; background: #fff; padding: 0rem 5px; width: 150px; border-radius: 0.1rem; border: 1px solid transparent; } .page-view .icongroup { display: flex; justify-content: space-between; flex-wrap: wrap; } .page-view .icongroup .icongroup-item { display: flex; flex-direction: column; justify-items: center; align-items: center; } .page-view .icongroup .icongroup-item .title { margin-top: 10px; } .page-view .banner { height: 400rpx; } .page-view .banner swiper { height: 100%; }