cf-wx-app/src/pages/home/home.scss

$themeColor: #FF7142;
.home{
    overflow: hidden;
    .first-banner ,.third-banner{
         .banner-img{
         height: 100%;
          width: 100%;
    }

    }
   
}

.modalBox{
    .at-modal-footer--simple{
         .at-modal-action{
            button:last-child:nth-child(2){
                color:$themeColor
            }
         } 
    }
}


.container{
    //margin-top: 30px;
    .title{
      
        padding:20px 20px;
     
        .title-block{
                background-color: #3C98FF;
                width: 20px;
                font-size: 50px;
                display: inline-block;
                height: 50px;
                margin-right: 20px;
                vertical-align: middle;
             }
        .title-text{
            
                  font-size: 50px;
                  vertical-align: middle;
             }
        .more-link{
           // float: right;
           margin-left: 50%;
            font-size: 30px;
            color: #ccc;
            vertical-align: middle;
        }
    }
    .customer-demanding{
        padding:0 20px;
        .demanding-item{
            border: #eee solid 1px;
            text-align: center;
            .item-tag{
                color:white;
                font-size: 30px;
                text-align: right;
                .item-tag-text{
                    padding:5px;
                    background-color: $themeColor;
                }
            }
            .item-title{
                font-size: 40px;
                min-height: 21px;
                clear: both;
                color: $themeColor;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
            }
            .item-address{
                padding-top: 5px;
                font-size: 35px;
                // margin-top: 20px;
            }
            .item-name{
                color: #ccc;
                 padding-top: 5px;
                font-size: 35px;
               // margin-top: 10px;
            }
            .item-button-box{
              
                .item-button{
                     color:white;
                     font-size: 30px;
                    background:linear-gradient(to right, #FF9900, #FF7B00);
                    width: 150px;
                    margin:20px auto

                 }
             }

        }
        
    }
    .shop-box{
        padding:0 20px;
        .title{
            text-align: center;
            color: #999;
            font-size: 25px;
            
        }
    }
    .gap{
        
        height:150px;
    }
    .bottom-nav-box{
        .bottom-nav{
            height: 20px
        }
    }

    
}
.second-banner{
    .categories{
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        text-align: center;
        font-size:28px;
        margin-top: 10px;
        .category-item{
            width: 20%;
            height: 50%;
            margin-top: 10px;
            Image{
                height: 75px;
                width: 75px;
            }
        }
    }
}
.second-banner-level2{
    .swipper{
        text-align: center;
        font-size: 30px;
        border-bottom:1px solid #F2F2F2;
        
        .text{
            margin-top: 20px
        }
    }
    
}

.swiper-sub{
    margin-bottom: 0px;
}