|
- .optimizationBox {
- /* overflow: hidden; */
- margin-top: 20rpx;
- margin-bottom: 100rpx;
- }
-
- .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-go-box{
-
- background-color: #fff;
- }
-
- .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); */
- float: left;
- }
- .goLsit{
- width: 20%;
- float: left;
- font-size: 28rpx;
- color: #454340;
- margin: 20rpx 0 10rpx 0;
- }
-
- .classifyBox::-webkit-scrollbar {
- display: none;
- }
- .rup{
- width: 13rpx;
- height: 20rpx;
- margin: 2rpx 0 0 6rpx;
- }
- .itemBox {
- width: 100rpx;
- height: 100rpx;
- margin: 0 20rpx;
- }
-
- .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;
- -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, rgba(255, 255, 255, 0.5));
- /* height: 350rpx; */
- }
- .contLsitBox{
- width: 96%;
- margin: 0 auto;
- display: flex;
- overflow: hidden;
- justify-content: space-between;
- flex-wrap: wrap;
-
- }
- .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 image{
- width: 100%;
- height: 100%;
- border-radius: 20rpx 20rpx 0 0;
- }
- .titleName{
- color: #402e1e;
- font-size: 30rpx;
- font-family: "PingFangSC-Regular";
- font-weight: 400;
- width: 100%;
- font-size: 28rpx;
-
- width:90%;
- height: 80rpx;
- 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;
-
- }
- .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
- }
- .fuhaoX{
- color: #d5af67;
- font-family: "PingFangSC-Medium";
- font-size: 34rpx;
- font-weight: 400;
- float: left;
-
- margin-top: 5rpx
- }
- .btn{
- width: 136rpx;
- height: 52rpx;
- border-radius: 26rpx;
- line-height: 52rpx;
- background: linear-gradient(90deg, #E3BA79, #BC8D3E);
- text-align: center;
- color: #feffff;
- font-family: "PingFangSC-Regular";
- font-size: 28rpx;
- font-weight: 400;
- }
- .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
- }
|