| 
							- /* components/hot/hot.wxss */
 - @import "../../app.wxss";
 - 
 - .hotBox {
 -   width: 710rpx;
 -   margin: 0 auto;
 - }
 - 
 - .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 .img {
 -   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 .img {
 -   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 .simple {
 -   font-size: 20rpx !important;
 - }
 
 
  |