|
- .optimizationBox {
- /* overflow: hidden; */
- margin-top: 20rpx;
- }
-
- .titleImg {
- width: 96%;
- height: 80rpx;
- margin: 0rpx auto;
- background-image: url("https://formall.oss-accelerate.aliyuncs.com/cimg/v20211214/home_ggw_yxhw.png");
- background-size: 100% 100%;
- background-repeat: no-repeat;
- }
-
- .textl {
- font-size: 34rpx;
- font-family: OPPOSans;
- font-weight: bold;
- color: #dfbe99;
- margin: 20rpx;
- }
-
- .textr {
- font-size: 30rpx;
- font-family: OPPOSans;
- font-weight: 300;
- color: #91897e;
- margin: 20rpx;
- }
-
- .f {
- float: left;
- }
-
- .r {
- float: right;
- }
-
- .classifyBox {
- width: 100%;
- border-radius: 20rpx 20rpx 0 0;
- background-color: #fff;
- overflow: hidden;
- display: -webkit-box;
- overflow-x: scroll;
- -webkit-overflow-scrolling: touch;
- /* margin: 10rpx 0; */
- /* background: linear-gradient(0deg, #F5F5F5, #fff); */
- }
-
- .classifyBox::-webkit-scrollbar {
- display: none;
- }
-
- .itemBox {
- /* width: 100rpx; */
- height: 100rpx;
- margin: 0 30rpx;
- }
-
- .className {
- font-size: 28rpx;
- font-family: OPPOSans;
- font-weight: 500;
- color: #454340;
- text-align: center;
- margin: 20rpx auto 10rpx auto;
- }
-
- .className_a {
- font-size: 30rpx;
- font-family: OPPOSans;
- font-weight: 800;
- color: #c99f67;
- text-align: center;
- background: linear-gradient(180deg, #cc9a60 0%, #dfbf8e 100%);
- -webkit-background-clip: text;
- background-clip: text;
- -webkit-text-fill-color: transparent;
- margin: 20rpx auto 10rpx auto;
- }
-
- .xian {
- width: 22rpx;
- height: 5rpx;
- background: linear-gradient(180deg, #D5A56E, #E9D0AA);
- border-radius: 3px;
- margin: 0 auto;
- }
-
- .contBox {
-
- background: linear-gradient(0deg, #F5F5F5, #fff);
- height: 350rpx;
- }
-
- .contLsitBox {
- width: 96%;
- margin: 0 auto;
- display: flex;
- overflow: hidden;
- justify-content: space-between;
- flex-wrap: wrap;
- padding-bottom: 170rpx;
-
- }
-
- .item {
- width: 49%;
- background-color: #fff;
- border-radius: 20rpx;
- margin: 12rpx 0;
- position: relative;
- }
-
- .itemImg {
- width: 100%;
- height: 350rpx;
- border-radius: 20rpx;
- /* background-color: aquamarine; */
- }
-
- .itemImg .img {
- width: 100%;
- height: 100%;
- border-radius: 20rpx 20rpx 0 0;
- }
-
- .titleName {
- width: 90%;
- height: 50rpx;
- line-height: 50rpx;
- font-size: 28rpx;
- font-family: OPPOSans;
- font-weight: 500;
- color: #333333;
- margin: 10rpx auto 0 auto;
- overflow: hidden;
- text-overflow: ellipsis;
- display: -webkit-box;
- -webkit-line-clamp: 2;
- -webkit-box-orient: vertical;
- white-space: normal;
- }
-
- .credit {
- color: #DF2D2D;
-
- }
-
- .priceBox {
- width: 90%;
- overflow: hidden;
- margin: 10rpx auto;
- }
-
- .f {
- float: left;
- }
-
- .r {
- float: right;
- }
-
- .sellingBox {
- overflow: hidden
- }
-
- .fuhao {
- color: #DF2D2D;
- font-size: 24rpx;
- float: left;
- font-family: OPPOSans;
- /* font-weight: bold; */
- margin-top: 10rpx
- }
-
- .int {
- float: left;
- font-size: 36rpx;
- font-family: OPPOSans;
- font-weight: bold;
- color: #DF2D2D;
- }
-
- .originalBox {
- overflow: hidden
- }
-
- .origina {
- text-align: right;
- font-size: 24rpx;
- font-family: OPPOSans;
- font-weight: 400;
- text-decoration: line-through;
- color: #999999;
- margin-top: 10rpx;
- margin-right: 10rpx;
- }
-
- .priceNum {
- text-align: right;
- font-size: 24rpx;
- font-family: OPPOSans;
- font-weight: 400;
-
- color: #999999;
- margin-top: 10rpx;
- /* margin-right: 10rpx; */
- }
-
- .sellout {
- position: absolute;
- top: 0;
- left: 0;
- background-color: rgba(0, 0, 0, 0.5);
- width: 100%;
- height: 100%;
- border-radius: 20rpx;
- }
-
- .selloutImg {
- width: 195rpx !important;
- height: 154rpx !important;
- margin: 50% auto;
- display: block
- }
|