/* Independent copy of mall template 2 home styles. */
.mall-template3 section{
    box-sizing: border-box;
    
   
    
}.mall-template3 .notice-title{
    margin-top: 0.12rem;
    color: #262020;
    margin-bottom: 0.2rem;
}.mall-template3 .notice-title>img{
    width: .24rem;
    height: 0.26rem;
    margin-right: 0.12rem;
}.mall-template3 .banner-img{
    width: 100%;
    
}.mall-template3 .my-swipe .van-swipe-item{
    border-radius: .24rem;
    -webkit-border-radius: .24rem;
    -moz-border-radius: .24rem;
    -ms-border-radius: .24rem;
    -o-border-radius: .24rem;
    overflow: hidden;
}.mall-template3 .module-title{
    font-size: .36rem;
    font-weight: bold;
    color: #222;
    text-align: center;
    line-height: 1;
    box-sizing: border-box;
    padding: .22rem 0;
    position: relative;
    margin-top: .2rem;
    margin-bottom: .2rem;
}.mall-template3 .module-title::before{
    position: absolute;
    content: '';
    width: 1.2rem;
    height: .12rem;
    background: var(--main-title-before);
    bottom: .16rem;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    z-index: -1;
}.mall-template3 .module-title::after{
    position: absolute;
    content: '';
    width: 1.2rem;
    height: .12rem;
    background: var(--main-title-after);
    bottom: .16rem;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    z-index: -1;
    opacity: 0.2;
}.mall-template3 .list{
   width: calc(50% - 5px);
    flex-shrink: 0;
    margin-bottom: 0.2rem;
}.mall-template3 .list:not(:nth-of-type(2n)){
    margin-right: 10px;
}.mall-template3 .list .list-img{
    width: 100%;
    height: 3.33rem;
    flex-shrink: 0;
    object-fit: cover;
}.mall-template3 .list .list-price{
    color: var(--price-color);
    font-size: .32rem;
    font-weight: bold;
    margin-right: .12rem;
}.mall-template3 .list .list-sale-price{
    font-size: .24rem;
    color: #888;
    text-decoration: line-through;
}.mall-template3 .list-more-btn{
    width: 3.8rem;
    height: 0.78rem;
    background-color: var(--main-color);
    text-align: center;
}.mall-template3 .list-more-btn>img{
    width: 0.22rem;
    height: 0.22rem;
    margin-left: .12rem;
}.mall-template3 .list-title{
    height: .72rem;
    line-height: .37rem;
}.mall-template3 .banner-img{
    width: 100%;
    
    flex-shrink: 0;
}.mall-template3 .my-swipe .van-swipe-item{
    border-radius: .24rem;
    -webkit-border-radius: .24rem;
    -moz-border-radius: .24rem;
    -ms-border-radius: .24rem;
    -o-border-radius: .24rem;
    overflow: hidden;
}.mall-template3 .safeguard-icon{
    width: 0.26rem;
    height: 0.26rem;
    margin-right: 0.06rem;
    flex-shrink: 0;
}.mall-template3 .sort{
    margin-bottom: .3rem;
}.mall-template3 .sort>img{
    width: 0.96rem;
    height: 0.96rem;
    margin-bottom: 0.12rem;
    border-radius: 1rem;
    overflow: hidden;
    object-fit: cover;
}.mall-template3 .width5{
    width: calc(100%/5);
}.mall-template3 .width4{
    width: calc(100%/4);
}.mall-template3 .more-btn>img{
    width: 0.1rem;
    height: 0.2rem;
    margin-left: 0.1rem;
}.mall-template3 .goods-sort-title{
    box-sizing: border-box;
    padding: .22rem 0;
}.mall-template3 .goods-sort-img{
    width: 100%;
    height: 2.08rem;
    border-radius: .18rem;
    -webkit-border-radius: .18rem;
    -moz-border-radius: .18rem;
    -ms-border-radius: .18rem;
    -o-border-radius: .18rem;
    overflow: hidden;
    object-fit: cover;
    margin-bottom: 0.22rem;
}.mall-template3 .goods-sort-list{
    width: calc(100%/3 - 0.1rem);
    flex-shrink: 0;
    border-radius: .18rem;
    -webkit-border-radius: .18rem;
    -moz-border-radius: .18rem;
    -ms-border-radius: .18rem;
    -o-border-radius: .18rem;
    overflow: hidden;
    box-shadow: 0px 2px 6px 1px rgba(0, 0, 0, .04);
    margin-bottom: .14rem;
    height: 100%;
}.mall-template3 .goods-sort-list:not(:nth-of-type(3n)){
    margin-right: .12rem;
}.mall-template3 .goods-sort-list .goods-sort-list-img{
    width: 100%;
    object-fit: cover;
    height: 2.21rem;
    flex-shrink: 0;
}.mall-template3 .goods-sort-list .goods-sort-list-intro{
    font-size: .26rem;
    color: #161616;
    font-weight: bold;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    height: .72rem;
    line-height: .37rem;
}.mall-template3 .goods-sort-list .goods-sort-list-price{
    color: var(--price-color);
}.mall-template3 .notice-title{
    height: 0.68rem;
    line-height: .68rem;
    color: var(--main-color);
    text-align: center;
    font-weight: bold;
    font-size: .26rem;
    margin-bottom: .2rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    box-sizing: border-box;
    padding: 0 .3rem;
    position: relative;
}.mall-template3 .notice-title .notice-bg{
    
    height: 100%;
    background-color: var(--main-color);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    opacity: .1;
}.mall-template3 .add-cart-new{
    width: 0.83rem;
    height: 0.83rem;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    overflow: hidden;
    position: fixed;
    top: 80%;
    right: 10px;
    flex-shrink: 0;
    background-color: var(--main-color);
}.mall-template3 .add-cart-new>img{
    width: 100%;
    height: 100%;
}@media screen and (min-width:768px){.mall-template3 .goods-sort-img{
        height: 156px;
    }}