| 
							- /* components/hot/hot.wxss */
 - @import "../../app.wxss";
 - .hotBox{
 -   width:710rpx;
 -   margin: 20rpx auto 0;
 - }
 - .hotTitle{
 -   width: 100%;
 -   height: 60rpx;
 -   line-height: 60rpx;
 -   font-size: 30rpx;
 -   display: flex;
 -   justify-content: space-between;
 -   font-family:PingFangSC-Medium;
 - }
 - .titleL .titleR{
 -   width: 100rpx;
 - }
 - .titleR text{
 -   float: left;
 -   margin-right: 10rpx;
 -   font-family:PingFangSC-Regular!important;
 - }
 - .titleR view{
 -   height: 40rpx;
 -   width: 40rpx;
 -   /* margin-top: 10rpx; */
 -   float: left;
 - }
 - .titleR image{
 -   height: 28rpx;
 -   width: 28rpx;
 - }
 - .sql{
 -   width:12rpx;
 -   height:24rpx;
 -   border-radius:8rpx;
 -   float: left;
 -   margin: 20rpx 10rpx 0 0;
 - }
 - .hotCon{
 -   width: 100%;
 - }
 - .kanjia, .pintuan{
 -   width: 346rpx;
 -   height: 156rpx;
 -   float: left;
 -   border-radius: 12rpx;
 -   display: flex;
 -   justify-content: space-between;
 -   position: relative;
 - }
 - .kanjia{
 -   margin-right: 18rpx;
 -   background:linear-gradient(130deg,rgba(50,177,252,1) 0%,rgba(47,108,255,1) 100%);
 - }
 - .pintuan{
 -   background:linear-gradient(127deg,rgba(252,177,74,1) 0%,rgba(254,70,20,1) 100%);
 - }
 - .hotCon image{
 -   width: 86rpx;
 -   height: 86rpx;
 -   margin: 24rpx 0 46rpx 16rpx;
 - }
 - .hotCon .btn{
 -   width:80rpx;
 -   height:44rpx;
 -   line-height: 44rpx;
 -   background:rgba(255,255,255,1);
 -   border-radius:18rpx;
 -   font-size: 24rpx;
 -   position: absolute;
 -   right: 20rpx;
 -   bottom: 20rpx;
 -   text-align: center;
 - }
 - .btnk{
 -   color: #2C8DFF;
 - }
 - .btnp{
 -   color: #FD782D;
 - }
 - .btnNone{
 -   width:80rpx;
 -   height:44rpx;
 -   line-height: 44rpx;
 -   border-radius:18rpx;
 -   font-size: 24rpx;
 -   position: absolute;
 -   right: 20rpx;
 -   bottom: 20rpx;
 -   text-align: center;
 -   background:rgba(255,255,255,0.5)
 - }
 - .kjText,.ptText{
 -   color: #FFFFFF;
 -   margin: 14rpx 10rpx 20rpx 10rpx;
 - }
 - 
 - .title{
 -   width: 210rpx;
 -   font-size: 30rpx;
 -   overflow: hidden;
 -   text-overflow:ellipsis;
 -   white-space:nowrap;
 -   float: left;
 - }
 - .price{
 -   width: 128rpx;
 -   overflow: hidden;
 -   text-overflow:ellipsis;
 -   white-space:nowrap;
 -   font-size: 22rpx;
 -   text-decoration:line-through;
 -   float: left;
 - }
 - .expect{
 -   width: 210rpx;
 -   font-size: 22rpx;
 -   float: left;
 - }
 - .sale{
 -   width: 140rpx;
 -   font-size: 32rpx;
 -   float: left;
 -   margin-top: -8rpx;
 -   white-space: nowrap;
 -   text-overflow: ellipsis;
 -   overflow: hidden;
 - }
 - .sale text{
 -   font-size: 20rpx!important;
 - }
 
 
  |