@charset "utf-8";
body {
    background: url('../../images/home/index/bg.png') no-repeat top -4.4rem left;
    background-size: 100% 11.7rem;
    background-color: #F5F5F5;
    height: auto;
}
.banner {
    margin: 0.3rem 0.6rem;
    height: 8.2rem;
    border-radius: 0.7rem;
}
.banner .swiper-slide {
    display: block;
    width: 100%;
    height: 100%;
}
.banner .swiper-slide img {
    width: 100%;
    height: 100%;
}
.banner.swiper-container-horizontal>.swiper-pagination-bullets, .banner.swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 0.34rem;
}
.banner .my-bullet {
    width: 0.4rem;
    height: 0.4rem;
    background: #FFFFFF;
    opacity: 0.5;
    border-radius: 50%;
    display: inline-block;
    margin: 0 0.15rem;
}
.banner .my-bullet.my-bullet-active {
    opacity: 1;
}
.youshi {
    margin: 1.2rem 0.6rem 0;
}
.youshi .item {
    font-size: 0.6rem;
    color: #636363;
    line-height: 0.85rem;
}
.youshi .item img {
    margin-right: 0.15rem;
}
.tab {
    margin: 0.6rem 0.6rem 0;
}
.tab .item {
    margin-bottom: 0.3rem;
}
.tab .item a {
    display: block;
}
.tab .item .icon {
    width: 2.75rem;
    height: 2.75rem;
}
.tab .item .tit {
    font-size: 0.6rem;
    color: #646566;
    line-height: 0.85rem;
    margin-top: 0.5rem;
    text-align: center;
}
.notice {
    margin: 0.5rem 0.6rem;
    height: 2rem;
    border-radius: 1rem;
    border: 0.05rem #F1F1F1 solid;
    box-sizing: border-box;
    background-color: #fff;
}
.notice .icon-laba {
    font-size: 1rem;
    color: #FF3625;
    flex: 0 0 2.75rem;
    text-align: center;
    line-height: 1.9rem;
    display: inline-block;
}
.notice .notice-swiper {
    flex: 1;
}
.notice .notice-swiper .swiper-slide {
    display: block;
    font-size: 0.7rem;
    color: #808080;
    line-height: 1.9rem;
    padding-right: 0.6rem;
    box-sizing: border-box;
}
.wrapper {
    margin: 0.5rem 0.6rem;
    background: #fff;
    border-radius: 1rem;
    padding: 0.5rem;
    box-sizing: border-box;
}
.wrapper .title {
    height: 1.6rem;

}
.wrapper .title .title-left {
    font-size: 0.8rem;
    color: #323233;
    font-weight: 800;
    line-height: 1.1rem;
}
.wrapper .title .title-left .icon {
    width: 1.28rem;
    height: 1.34rem;
    font-size: 0.5rem;
    text-align: center;
    color: #fff;
    transform: scale(0.5);
    background: #FF3625;
    clip-path: polygon(0 0, 100% 0,100% 100%,90% 100%,50% 75%,10% 100%,0 100%);
    display: inline-block;
    vertical-align: middle;
    border-radius: 0.2rem;
    font-weight: 400;
}
.wrapper .title .title-right {
    font-size: 0.6rem;
    color: #919193;
    line-height: 1.1rem;
    display: block;
}
.wrapper .title .title-right .icon {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    display: inline-block;
    vertical-align: top;
}
.wrapper .list {
    margin: 0.3rem -0.25rem 0.1rem;
    overflow-x: auto;
}

.wrapper .list .item {
    width: 3.75rem;
    flex: 0 0 3.75rem;
    margin: 0.25rem;
}
.wrapper .list .item .item-box {
    display: block;
}
.wrapper .list .item .item-box .item-img {
    width: 100%;
    height: 3.75rem;
    border-radius: 0.2rem;
    display: block;
}
.wrapper .list .item .item-box .tit {
    font-size: 0.6rem;
    color: #353535;
    line-height: 0.85rem;
    margin-top: 0.4rem;
    text-align: center;
    display: block;
}
.wrapper .list .item .item-box .price {
    font-size: 0.6rem;
    color: #FF3625;
    line-height: 0.85rem;
    margin-top: 0.1rem;
    text-align: center;
}
.wrapper.all-list {
    background: #f5f5f5;
    margin: 0.15rem 0 0;
    padding: 0.5rem 0.6rem 0;
    height: auto;
    overflow-y: initial;
}
.all-list .all-ul {
    margin: 0.05rem -0.3rem 0;
}
.all-list .all-ul .item {
    margin: 0.3rem;
    width: calc(50% - 0.6rem);
    background: #fff;
    border-radius: 0.2rem;
    overflow: hidden;
}
.all-list .all-ul .item .item-box {
    display: block;
}
.all-list .all-ul .item .item-box .item-img {
    width: 100%;
    padding-top: 100%;
    position: relative;
    height: 0;
}
.all-list .all-ul .item .item-box .item-img img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.all-list .all-ul .item .item-box .item-detail {
    padding: 0 0.5rem 0.6rem;
    box-sizing: border-box;
}
.all-list .all-ul .item .item-box .item-detail .tit {
    font-size: 0.6rem;
    color: #333;
    line-height: 0.85rem;
    margin-top: 0.35rem;
}
.all-list .all-ul .item .item-box .item-detail .price {
    font-size: 0.6rem;
    color: #FF3625;
    font-weight: bold;
    margin-top: 0.1rem;
    line-height: 1.25rem;
}
.all-list .all-ul .item .item-box .item-detail .price span {
    font-size: 0.9rem;
}
.all-list .all-ul .item .item-box .item-detail .msg {
    font-size: 0.5rem;
    color: #6D6D6D;
    line-height: 0.7rem;
    margin-top: 0.15rem;
}
.mescroll-downwarp .downwarp-progress {
    border-color: #fff;
}
.mescroll-downwarp .downwarp-tip {
    color: #fff;
}