.banner-item {
    display: block;
    width: 100%;
    background-repeat: no-repeat;
    background-position: 50%;
    height: 300px!important;
    background-size: auto 100%
}

.pc.search-swiper {
    width: 100%;
    height: 300px!important;
    margin: 0 auto;
    margin-bottom: 30px
}

.pc.search-swiper .m-swiper {
    display: none
}

.wrap.pad .not-search-result,.wrap.pc .not-search-result {
    display: block;
    width: 1200px;
    margin: 0 auto;
    line-height: 60px;
    font-size: 14px;
    color: #2d2c2c
}

.wrap.pad .not-search-result .active,.wrap.pc .not-search-result .active {
    color: #ff6732
}

.custom-pagination-wrap {
    height: 72px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 100%;
    margin: 0 auto
}

.custom-pagination-wrap .pager-right {
    margin-left: 50px;
    height: 32px;
    padding: 2px 0;
    line-height: 32px;
    color: #333;
    font-size: 12px
}

.custom-pagination-wrap .pager-right .max-page {
    padding: 0 3px
}

.custom-pagination-wrap .pager-right .square-box {
    display: inline-block;
    margin: 0 10px;
    border: 1px solid #eee;
    border-radius: 2px;
    height: 30px;
    text-align: center;
    vertical-align: bottom
}

.custom-pagination-wrap .pager-right .square-box.page-number {
    width: 30px
}

.custom-pagination-wrap .pager-right .square-box.confirm {
    cursor: pointer;
    padding: 0 13px;
    margin-right: 0
}

.custom-pagination-wrap .pager-right .square-box.confirm span {
    color: #333!important;
    font-size: 12px
}

.custom-pagination-wrap .el-pagination {
    height: 32px;
    line-height: 30px!important;
    color: #333!important;
    font-weight: 400!important;
    vertical-align: middle
}

.custom-pagination-wrap .el-pagination .btn-quicknext,.custom-pagination-wrap .el-pagination .btn-quickprev {
    color: #ccc!important
}

.custom-pagination-wrap .el-pagination .el-icon-d-arrow-left:before,.custom-pagination-wrap .el-pagination .el-icon-d-arrow-right:before {
    content: "\E794"!important;
    color: #ccc
}

.custom-pagination-wrap .el-pagination button span {
    line-height: 32px;
    color: #333
}

.custom-pagination-wrap .el-pagination button span:hover {
    color: #333
}

.custom-pagination-wrap .el-pagination .el-pager li {
    padding: 0 12px;
    line-height: 32px;
    height: 32px
}

.custom-pagination-wrap .el-pagination .el-pager li.active {
    border: 1px solid #333;
    box-sizing: border-box;
    border-radius: 2px;
    line-height: 30px;
    color: #333;
    cursor: pointer
}

.custom-pagination-wrap .el-pagination .el-pager li:hover {
    color: #333!important
}

.skeleton-parent[data-v-0f1c0211] {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 1200px;
    margin: 0 auto
}

.skeleton-parent .skeleton-item[data-v-0f1c0211] {
    height: 328px;
    width: 216px;
    margin-bottom: 30px
}

.skeleton-parent .skeleton-item .imgs[data-v-0f1c0211],.skeleton-parent .skeleton-item .texts[data-v-0f1c0211] {
    margin-bottom: 8px;
    background: #f7f7f7;
    border-radius: 4px
}

.skeleton-parent .skeleton-item .imgs[data-v-0f1c0211] {
    height: 216px
}

.skeleton-parent .skeleton-item .texts[data-v-0f1c0211] {
    height: 20px
}

[data-v-b3a349ce] .banner-item {
    display: block;
    width: 100%;
    background-repeat: no-repeat;
    background-position: 50%;
    height: 300px!important;
    background-size: auto 100%
}

.pc.search-swiper[data-v-b3a349ce] {
    width: 1200px;
    height: 300px!important;
    margin: 0 auto;
    margin-bottom: 30px
}

.el-carousel {
    width: 100%;
    height: 300px;
    z-index: 0;
    position: relative
}

.el-carousel .el-carousel__container {
    height: 440px
}

.el-carousel__item img {
    height: 100%;
    position: absolute;
    left: 50%;
    transform: translate(-50%)
}

.el-carousel__item {
    background-color: #f5f5f5
}

.el-carousel__arrow {
    width: 30px;
    height: 60px;
    border-radius: 0;
    background: rgba(0,0,0,.4)
}

.el-carousel__arrow--left {
    position: absolute;
    left: calc(50% - 290px)
}

.el-carousel__arrow--right {
    position: absolute;
    right: calc(50% - 601px)
}

.el-carousel__indicator--horizontal {
    vertical-align: middle
}

.el-carousel__indicators {
    position: absolute;
    left: 80%;
    transform: translateX(-44%);
    overflow: hidden
}

.el-carousel__indicators .el-carousel__indicator.el-carousel__indicators--horizontal {
    width: 8px;
    height: 8px
}

.el-carousel__indicators .el-carousel__indicator .el-carousel__button {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #000;
    opacity: .2;
    margin-top: -9px
}

.el-carousel__indicators .el-carousel__indicator.is-active .el-carousel__button {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: radial-gradient(#fff 30%,rgba(0,0,0,.4) 40%)
}

.el-icon-arrow-left:before,.el-icon-arrow-right:before {
    width: 15px;
    height: 15px;
    font-size: 20px
}

.search-list-wrap.pad .classifi-mobile[data-v-d42e0ee6],.search-list-wrap.pc .classifi-mobile[data-v-d42e0ee6] {
    display: none
}

.search-list-wrap.mobile[data-v-d42e0ee6] {
    position: relative!important;
    padding-top: 1.493rem;
    overflow-x: hidden
}

.search-list-wrap.mobile.is_padding[data-v-d42e0ee6] {
    padding-top: 2.693rem
}

.search-list-wrap.mobile .search-list-wrap--gate-gories[data-v-d42e0ee6] {
    position: fixed;
    padding: .32rem 0 0;
    margin: 0;
    top: 1.28rem;
    left: 0;
    width: 100%;
    background: #fff;
    z-index: 1
}

.search-list-wrap.mobile .search-list-wrap--sort-bar[data-v-d42e0ee6] {
    top: 0;
    background: #fff;
    z-index: 1
}

.search-list-wrap.mobile .is_fixed[data-v-d42e0ee6] {
    position: fixed;
    top: 2.693rem
}

.search-list-wrap.mobile .not-result-component[data-v-d42e0ee6] {
    display: none
}

.search-list-wrap.mobile.top-zindex[data-v-d42e0ee6] {
    z-index: 9999
}

.search-list-wrap.mobile .sort-bar[data-v-d42e0ee6] {
    padding: 0!important
}

.search-list-wrap.mobile .classifi-pc[data-v-d42e0ee6] {
    display: none
}

.search-list-wrap.mobile .classifi-mobile[data-v-d42e0ee6] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,.6);
    width: 100%;
    z-index: 9999999
}

.slide-fade-enter-active {
    transition: all .2s ease
}

.slide-fade-leave-active {
    transition: all .3s cubic-bezier(1,.5,.8,1)
}

.slide-fade-enter,.slide-fade-leave-to {
    transform: translateY(2px);
    opacity: 0
}

.search-list-wrap.mobile .mint-popup {
    width: 10rem;
    top: 1.28rem
}

.carousel-container {
    width: 100%;
    position: relative;
    background-color: #f5f5f5
}

.carousel-container:hover .arrow-left.search,.carousel-container:hover .arrow-right.search {
    opacity: 1!important
}

.carousel-container .carousel-item {
    height: 100%;
    width: 100%;
    position: absolute;
    margin: 0 auto;
    transition: opacity 0
}

.carousel-container .carousel-item.current {
    opacity: 1
}

.carousel-container .carousel-item.next {
    opacity: 0
}

.carousel-container .carousel-item.in {
    transition: opacity 1s;
    opacity: 1
}

.carousel-container .carousel-item.out {
    transition: opacity 1s;
    opacity: 0
}

.carousel-container .carousel-item a.banner-item {
    display: block;
    width: 100%;
    background-repeat: no-repeat;
    background-position: 50%;
    height: 440px;
    background-size: auto 100%;
    overflow: hidden
}

.carousel-container .carousel-item a.banner-item img {
    height: 100%;
    width: auto;
    position: relative;
    left: 50%;
    transform: translateX(-50%)
}

.carousel-container .arrow-container {
    width: 1200px;
    margin: 0 auto;
    position: relative;
    border: 1px solid red;
    height: 100%;
    visibility: hidden
}

.carousel-container .arrow-container .arrow-left,.carousel-container .arrow-container .arrow-right {
    visibility: visible;
    position: absolute;
    width: 30px;
    height: 60px;
    border-radius: 0;
    background: rgba(0,0,0,.4);
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
    cursor: pointer
}

.carousel-container .arrow-container .arrow-left:before,.carousel-container .arrow-container .arrow-right:before {
    color: #fff;
    line-height: 60px;
    font-family: element-icons!important
}

.carousel-container .arrow-container .arrow-left:hover,.carousel-container .arrow-container .arrow-right:hover {
    background-color: rgba(31,45,61,.23)
}

.carousel-container .arrow-container .arrow-left {
    left: 308px;
    top: 206px
}

.carousel-container .arrow-container .arrow-left.search {
    top: 156px;
    left: 10px;
    opacity: 0;
    transition: .3s
}

.carousel-container .arrow-container .arrow-left:before {
    content: "\E6DE"
}

.carousel-container .arrow-container .arrow-right {
    right: 10px;
    top: 206px
}

.carousel-container .arrow-container .arrow-right.search {
    top: 156px;
    opacity: 0;
    transition: .3s
}

.carousel-container .arrow-container .arrow-right:before {
    content: "\E6E0"
}

.carousel-container .dot-container {
    visibility: visible;
    position: absolute;
    right: 26px;
    bottom: -410px;
    height: 10px;
    display: -ms-flexbox;
    display: flex
}

.carousel-container .dot-container.search {
    bottom: -270px;
    left: 0;
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
}

.carousel-container .dot-container .dot-item {
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-align: center;
    align-items: center;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: rgba(0,0,0,.2);
    margin: 1px 7px;
    cursor: pointer
}

.carousel-container .dot-container .dot-item.current-dot {
    background-color: hsla(0,0%,100%,.9);
    border: 2px solid rgba(0,0,0,.2);
    width: 6px;
    height: 6px;
    margin-top: 0;
    margin-bottom: 0
}



.classification-wrap {
    -ms-user-select: none;
    user-select: none;
    width: 1200px;
    border: 1px solid #eee;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 0 30px 0 18px;
    font-size: 14px;
    line-height: 40px;
    margin-bottom: 30px
}

.classification-wrap .brand-category,.classification-wrap .top-category {
    display: -ms-flexbox;
    display: flex;
    padding: 10px 0
}

.classification-wrap .brand-category .title,.classification-wrap .top-category .title {
    color: #999;
    width: 132px;
    box-sizing: border-box;
    padding-left: 12px
}

.classification-wrap .brand-category .list,.classification-wrap .top-category .list {
    -ms-flex: 1;
    flex: 1;
    color: #333;
    overflow: hidden
}

.classification-wrap .brand-category .list li,.classification-wrap .top-category .list li {
    width: 88px;
    margin-right: 45px;
    float: left;
    cursor: pointer;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.classification-wrap .brand-category .list li.active,.classification-wrap .top-category .list li.active {
    color: #ff6732;
    font-weight: 600
}

.classification-wrap .top-category {
    border: none;
    margin-right: 0!important;
    position: relative;
    overflow: hidden
}

.classification-wrap .top-category:after {
    content: "";
    width: 100%;
    position: absolute;
    height: 1px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAACWAAAAACCAYAAADc6efsAAABYmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNS40LjAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgeG1sbnM6dGlmZj0iaHR0cDovL25zLmFkb2JlLmNvbS90aWZmLzEuMC8iCiAgIHRpZmY6T3JpZW50YXRpb249IjEiLz4KIDwvcmRmOlJERj4KPC94OnhtcG1ldGE+Cjw/eHBhY2tldCBlbmQ9InIiPz7Oco8zAAAAAXNSR0IArs4c6QAAAKlJREFUeAHt2DEKwzAQRNFF9z/TXk1C/Q6q1D1DGqcIPOLhy9Xd+34qXL7n4//h+QjzUPbBPtgH+2AfZgH7aB/to32c16H0k/On87f3D96/hIHUT/pJP+mnMA/6ST/pJ/2kn8JA6if9pJ/0U5gH/aSf9JN+0k9hIH/30wq/6zYBAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIPAQOO1mOBEL8sFYAAAAASUVORK5CYII=);
    background-size: contain;
    top: 0
}

.classification-wrap .top-category .scroll-wrap {
    position: relative;
    max-height: 160px;
    -ms-flex: 1;
    flex: 1;
    border: none!important
}

.classification-wrap .top-category .scroll-wrap .el-scrollbar__wrap {
    overflow-x: hidden;
    margin-bottom: 0!important
}

.classification-wrap .top-category-wrap {
    position: relative
}

.classification-wrap .top-category-wrap .fold-btn {
    z-index: 10;
    position: absolute;
    right: 12px;
    top: 15px;
    border: 1px solid #e5e5e5;
    line-height: 28px;
    padding: 0 10px;
    font-size: 14px;
    color: #2d2c2c
}

.classification-wrap .top-category-wrap .fold-btn .iconfont {
    font-size: 12px;
    padding-left: 3px
}
.classification-wrap {
    -ms-user-select: none;
    user-select: none;
    width: 1200px;
    border: 1px solid #eee;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 0 30px 0 18px;
    font-size: 14px;
    line-height: 40px;
    margin-bottom: 30px
}

.classification-wrap .brand-category,.classification-wrap .top-category {
    display: -ms-flexbox;
    display: flex;
    padding: 10px 0
}

.classification-wrap .brand-category .title,.classification-wrap .top-category .title {
    color: #999;
    width: 132px;
    box-sizing: border-box;
    padding-left: 12px
}

.classification-wrap .brand-category .list,.classification-wrap .top-category .list {
    -ms-flex: 1;
    flex: 1;
    color: #333;
    overflow: hidden
}

.classification-wrap .brand-category .list li,.classification-wrap .top-category .list li {
    width: 88px;
    margin-right: 45px;
    float: left;
    cursor: pointer;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.classification-wrap .brand-category .list li.active,.classification-wrap .top-category .list li.active {
    color: #ff6732;
    font-weight: 600
}

.classification-wrap .top-category {
    border: none;
    margin-right: 0!important;
    position: relative;
    overflow: hidden
}

.classification-wrap .top-category:after {
    content: "";
    width: 100%;
    position: absolute;
    height: 1px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAACWAAAAACCAYAAADc6efsAAABYmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNS40LjAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgeG1sbnM6dGlmZj0iaHR0cDovL25zLmFkb2JlLmNvbS90aWZmLzEuMC8iCiAgIHRpZmY6T3JpZW50YXRpb249IjEiLz4KIDwvcmRmOlJERj4KPC94OnhtcG1ldGE+Cjw/eHBhY2tldCBlbmQ9InIiPz7Oco8zAAAAAXNSR0IArs4c6QAAAKlJREFUeAHt2DEKwzAQRNFF9z/TXk1C/Q6q1D1DGqcIPOLhy9Xd+34qXL7n4//h+QjzUPbBPtgH+2AfZgH7aB/to32c16H0k/On87f3D96/hIHUT/pJP+mnMA/6ST/pJ/2kn8JA6if9pJ/0U5gH/aSf9JN+0k9hIH/30wq/6zYBAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIPAQOO1mOBEL8sFYAAAAASUVORK5CYII=);
    background-size: contain;
    top: 0
}

.classification-wrap .top-category .scroll-wrap {
    position: relative;
    max-height: 160px;
    -ms-flex: 1;
    flex: 1;
    border: none!important
}

.classification-wrap .top-category .scroll-wrap .el-scrollbar__wrap {
    overflow-x: hidden;
    margin-bottom: 0!important
}

.classification-wrap .top-category-wrap {
    position: relative
}

.classification-wrap .top-category-wrap .fold-btn {
    z-index: 10;
    position: absolute;
    right: 12px;
    top: 15px;
    border: 1px solid #e5e5e5;
    line-height: 28px;
    padding: 0 10px;
    font-size: 14px;
    color: #2d2c2c
}

.classification-wrap .top-category-wrap .fold-btn .iconfont {
    font-size: 12px;
    padding-left: 3px
}
.goods-list-wrap {
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto
}

.goods-list-wrap:after {
    content: "";
    -ms-flex: auto;
    flex: auto
}

.goods-list-wrap .goods-card.fake-li {
    height: 0!important;
    margin: 0!important
}

.goods-list-wrap .goods-card {
    float: left;
    width: 216px;
    height: 328px;
    margin-bottom: 30px
}

.goods-list-wrap .goods-image {
    width: 216px;
    height: 216px;
    cursor: pointer
}

.goods-list-wrap .text {
    margin-bottom: 5px;
    font-size: .16rem;
    font-weight: 400;
    width: 5.97rem;
    height: .85rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.goods-list-wrap .goods-title {
    cursor: pointer;
    padding-top: 8px;
    font-size: 16px;
    color: #2d2c2c;
    line-height: 22px;
    min-height: 22px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden
}

.goods-list-wrap .goods-title .importGoods {
    display: inline-block;
    width: 64px;
    height: 22px;
    border-radius: 2px;
    border: 1px solid #ff6732;
    color: #ff6732;
    font-size: 14px;
    box-sizing: border-box;
    text-align: center;
    line-height: 20px
}

.goods-list-wrap .goods-title:hover {
    color: #ff6732
}

.goods-list-wrap .sale {
    padding-top: 8px;
    overflow: hidden;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.goods-list-wrap .goods-price {
    color: #ff6732;
    font-size: 18px;
    line-height: 22px;
    float: left;
    font-weight: 700
}

.goods-list-wrap .goods-count {
    float: right;
    color: #999;
    font-size: 12px;
    line-height: 22px;
    vertical-align: bottom
}

.goods-list-wrap .active-product-flag {
    margin-top: 6px;
    height: 24px;
    line-height: 24px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.goods-list-wrap .active-product-flag span {
    display: inline-block;
    font-weight: 400;
    border-radius: 2px;
    line-height: 24px;
    font-size: 14px;
    color: #fff;
    padding: 0 6px;
    margin-right: 11px;
    background: linear-gradient(180deg,#ff755a,#ff5c4c)
}

.wrap.pc .goods-list-wrap .pullup-bswrapper {
    width: 1200px
}

.not-search-result {
    display: none;
    width: 1200px;
    margin: 0 auto;
    line-height: 60px;
    font-size: 14px;
    color: #2d2c2c
}
.sortbar-wrap {
    position: relative;
    -ms-user-select: none;
    user-select: none;
    margin: 0 auto;
    margin-bottom: 30px;
    width: 1200px;
    background-color: #f7f7f7
}

.sortbar-wrap .sortbar {
    box-sizing: border-box;
    padding: 13px 0;
    height: 48px;
    line-height: 22px;
    font-size: 16px;
    color: #333;
    display: -ms-flexbox;
    display: flex
}

.sortbar-wrap .sortbar.hide {
    visibility: hidden
}

.sortbar-wrap .sortbar>div {
    cursor: pointer;
    width: 90px;
    position: relative;
    text-align: center
}

.sortbar-wrap .sortbar>div.price-btn {
    width: 110px
}

.sortbar-wrap .sortbar>div.price-btn .sort-icon {
    position: relative;
    top: -1px;
    font-size: 20px;
    vertical-align: middle
}

.sortbar-wrap .sortbar>div.price-btn .default-color {
    color: #bbb
}

.sortbar-wrap .sortbar>div.active-color,.sortbar-wrap .sortbar>div.price-btn .active-color {
    color: #ff6732;
    font-weight: 500
}

.sortbar-wrap .sortbar .select-btn {
    display: none
}

.sortbar-wrap .page {
    position: absolute;
    float: right;
    right: 30px;
    height: 30px;
    top: 9px;
    width: 170px
}

.sortbar-wrap .page .disabled:hover>div:hover,.sortbar-wrap .page .disabled:hover {
    cursor: not-allowed
}

.sortbar-wrap .page .page-text {
    color: #333;
    width: 60px;
    text-align: right;
    float: left;
    line-height: 30px;
    padding-right: 10px
}

.sortbar-wrap .page .page-text .cur-page-text {
    color: #ff6732
}

.sortbar-wrap .page .left-arrow-icon-wrap,.sortbar-wrap .page .right-arrow-icon-wrap {
    float: left;
    width: 50px;
    height: 30px;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid #e3e3e3
}

.sortbar-wrap .page .left-arrow-icon-wrap .left-arrow-icon,.sortbar-wrap .page .left-arrow-icon-wrap .right-arrow-icon,.sortbar-wrap .page .right-arrow-icon-wrap .left-arrow-icon,.sortbar-wrap .page .right-arrow-icon-wrap .right-arrow-icon {
    margin: 5px 15px;
    width: 20px;
    height: 20px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAiUlEQVQ4T93UsQ0AIQgF0G/hCA7hAO5fa2LhMCZaebGw0wMMueIc4PEBgxljDCg+8y+w1opSCkIIsNZuB8VueWI5Zzjn4L0/Tp0FcrFZhQQlGAlKsVfwBjuCvXfEGMkF7DaznWFrDSklPXBWVm15tXKDfvttbpKSCaUoG1yLUjsO3BssSshB1cEHWiejxY20kFAAAAAASUVORK5CYII=);
    cursor: pointer
}

.sortbar-wrap .page .left-arrow-icon-wrap .right-arrow-icon,.sortbar-wrap .page .right-arrow-icon-wrap .right-arrow-icon {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAhklEQVQ4T9XUMQrAIAwF0O+k4GEcBL3/7u4hvIFLiptQ0J/WDs0cHkk+xIiI4GCZ/4K9d5RSEEKA954+ynLlWitaa4gx0uj2hlp0C45dNSgFalAaZFEVOKM5Z1hrb+k/BlNKcM69A5lw6AkZbIxLgSxGgRpsC2qxJfjJc6BfzNRIhaKBj4MXCgCjxY0DutIAAAAASUVORK5CYII=)
}

.sortbar-wrap .page .right-arrow-icon-wrap {
    border-left: none
}
.pc.wrap,.pc .wrap {
    width: 1200px
}

blockquote,body,button,dd,dl,fieldset,figure,form,h1,h2,h3,h4,h5,h6,input,legend,ol,p,pre,td,textarea,th,ul,xmp {
    margin: 0;
    padding: 0
}

b,h1,h2,h3,h4,h5,h6 {
    font-weight: 400
}

address,cite,dfn,em,i,optgroup,var {
    font-style: normal
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    text-align: left
}

caption,th {
    text-align: inherit
}

menu,ol,ul {
    list-style: none
}

fieldset,img {
    display: block;
    border: 0;
    font-size: 0
}

button,img,input,object,select,textarea {
    vertical-align: middle
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    display: block
}

audio,canvas,video {
    display: inline-block;
    *display: inline;
    *zoom:1}

blockquote:after,blockquote:before,q:after,q:before {
    content: " "
}

textarea {
    overflow: auto;
    resize: vertical
}

a,button,input,select,textarea {
    outline: 0 none;
    border: none
}

button::-moz-focus-inner,input::-moz-focus-inner {
    padding: 0;
    border: 0
}

mark {
    background-color: transparent
}

a,ins,s,u {
    text-decoration: none
}

sub,sup {
    vertical-align: baseline
}

a {
    color: #333;
    text-decoration: none
}

.left {
    float: left
}

.right {
    float: right
}

.pc .numFont {
    font-family: -apple-system,PingFang SC,Microsoft YaHei
}

.mobile .numFont {
    font-family: -apple-system,PingFang SC,Helvetica,sans-serif
}

@font-face {
    font-family: iconfont;
    src: url(//at.alicdn.com/t/font_1326357_gd42lb3869g.eot);
    src: url(//at.alicdn.com/t/font_1326357_gd42lb3869g.eot#iefix) format("embedded-opentype"),url(//at.alicdn.com/t/font_1326357_gd42lb3869g.woff2) format("woff2"),url(//at.alicdn.com/t/font_1326357_gd42lb3869g.woff) format("woff"),url(//at.alicdn.com/t/font_1326357_gd42lb3869g.ttf) format("truetype"),url(//at.alicdn.com/t/font_1326357_gd42lb3869g.svg#) format("svg")
}

.iconfont {
    font-family: iconfont!important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.ios__body-dont-scroll {
    position: fixed
}

.body-dont-scroll .header.mobile {
    height: 0!important
}

.body-dont-scroll .search-list-wrap.mobile {
    padding-top: 2.8rem!important;
    box-sizing: border-box;
    min-height: 100vh
}

.body-dont-scroll .full-mask.classifi-mobile.open {
    overflow: hidden
}

.body-dont-scroll .full-mask.classifi-mobile .main.open {
    height: 100%;
    overflow-y: scroll
}

.body-dont-scroll {
    position: fixed
}

.ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.check:after {
    content: "";
    width: .426667rem;
    height: .426667rem;
    background: url(../img/radio-sel.9d9e471c.svg) no-repeat 50%;
    background-size: cover;
    border: 0
}

.l {
    float: left
}

.r {
    float: right
}

.clear {
    zoom:1}

.clear:after {
    display: block;
    clear: both;
    content: "";
    visibility: hidden;
    height: 0
}

.n {
    font-weight: 400
}

.b {
    font-weight: 700
}

.fw-500 {
    font-weight: 500
}

.fw-600 {
    font-weight: 600
}

.fw-700 {
    font-weight: 700
}

.f0 {
    font-size: 0
}

.f10 {
    transform: scale(.8);
    transform-origin: left center
}

.f10,.f12 {
    font-size: 12px
}

.f13 {
    font-size: 13px
}

.f14 {
    font-size: 14px
}

.f15 {
    font-size: 15px
}

.f16 {
    font-size: 16px
}

.f18 {
    font-size: 18px
}

.f20 {
    font-size: 20px
}

.f22 {
    font-size: 22px
}

.f24 {
    font-size: 24px
}

.g0 {
    color: #000
}

.g3 {
    color: #333
}

.g4 {
    color: #444
}

.g5 {
    color: #555
}

.g6 {
    color: #666
}

.g80 {
    color: grey
}

.g7 {
    color: #777
}

.g8 {
    color: #888
}

.g9 {
    color: #999
}

.ga {
    color: #aaa
}

.gc {
    color: #ccc
}

.ge3 {
    color: #e3e3e3
}

.while {
    color: #fff
}

.text-success {
    color: #3f94fc
}

.text-primary {
    color: #ff6110
}

.text-regular {
    color: #424754
}

.text-secondary {
    color: #777e8c
}

.text-warning {
    color: #fb6041
}

.tc {
    text-align: center
}

.tl {
    text-align: left
}

.tr {
    text-align: right
}

.dn {
    display: none
}

.dt {
    display: table
}

.db {
    display: block
}

.dib {
    display: inline-block
}

.df {
    display: -ms-flexbox;
    display: flex
}

.vt {
    vertical-align: top
}

.vm {
    vertical-align: middle
}

.vb {
    vertical-align: bottom
}

.rel {
    position: relative
}

.abs {
    position: absolute
}

.fixed {
    position: fixed
}

.p5 {
    padding: 5px
}

.p10 {
    padding: 10px
}

.p15 {
    padding: 15px
}

.p16 {
    padding: 16px
}

.p20 {
    padding: 20px
}

.p25 {
    padding: 25px
}

.p30 {
    padding: 30px
}

.pt5 {
    padding-top: 5px
}

.pt10 {
    padding-top: 10px
}

.pt15 {
    padding-top: 15px
}

.pt16 {
    padding-top: 16px
}

.pt20 {
    padding-top: 20px
}

.pt25 {
    padding-top: 25px
}

.pt30 {
    padding-top: 30px
}

.pr5 {
    padding-right: 5px
}

.pr10 {
    padding-right: 10px
}

.pr15 {
    padding-right: 15px
}

.pr16 {
    padding-right: 16px
}

.pr20 {
    padding-right: 20px
}

.pr25 {
    padding-right: 25px
}

.pr30 {
    padding-right: 30px
}

.pb5 {
    padding-bottom: 5px
}

.pb10 {
    padding-bottom: 10px
}

.pb15 {
    padding-bottom: 15px
}

.pb16 {
    padding-bottom: 16px
}

.pb20 {
    padding-bottom: 20px
}

.pb25 {
    padding-bottom: 25px
}

.pb30 {
    padding-bottom: 30px
}

.pl5 {
    padding-left: 5px
}

.pl10 {
    padding-left: 10px
}

.pl15 {
    padding-left: 15px
}

.pl16 {
    padding-left: 16px
}

.pl20 {
    padding-left: 20px
}

.pl25 {
    padding-left: 25px
}

.pl30 {
    padding-left: 30px
}

.m5 {
    margin: 5px
}

.m10 {
    margin: 10px
}

.m15 {
    margin: 15px
}

.m16 {
    margin: 16px
}

.m20 {
    margin: 20px
}

.m25 {
    margin: 25px
}

.m30 {
    margin: 30px
}

.mt5 {
    margin-top: 5px
}

.mt10 {
    margin-top: 10px
}

.mt15 {
    margin-top: 15px
}

.mt16 {
    margin-top: 16px
}

.mt20 {
    margin-top: 20px
}

.mt25 {
    margin-top: 25px
}

.mt30 {
    margin-top: 30px
}

.mr5 {
    margin-right: 5px
}

.mr10 {
    margin-right: 10px
}

.mr15 {
    margin-right: 15px
}

.mr16 {
    margin-right: 16px
}

.mr20 {
    margin-right: 20px
}

.mr25 {
    margin-right: 25px
}

.mr30 {
    margin-right: 30px
}

.mb5 {
    margin-bottom: 5px
}

.mb10 {
    margin-bottom: 10px
}

.mb15 {
    margin-bottom: 15px
}

.mb16 {
    margin-bottom: 16px
}

.mb20 {
    margin-bottom: 20px
}

.mb25 {
    margin-bottom: 25px
}

.mb30 {
    margin-bottom: 30px
}

.ml5 {
    margin-left: 5px
}

.ml10 {
    margin-left: 10px
}

.ml15 {
    margin-left: 15px
}

.ml16 {
    margin-left: 16px
}

.ml20 {
    margin-left: 20px
}

.ml25 {
    margin-left: 25px
}

.ml30 {
    margin-left: 30px
}

.pct100 {
    width: 100%
}

.pct50 {
    width: 50%
}

.h100 {
    height: 100%
}

.photo100 img {
    width: 100%
}

.photo-fit img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.lh0 {
    line-height: 0
}

.auto {
    margin-right: auto;
    margin-left: auto
}

.bgwh {
    background-color: #fff
}

.bgf5 {
    background-color: #f5f5f5
}

.parent-middle:after {
    display: inline-block;
    width: 0;
    height: 100%;
    content: "";
    vertical-align: middle
}

.ell {
    white-space: nowrap
}

.ell,.ell-more {
    overflow: hidden;
    text-overflow: ellipsis
}

.ell-more {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.ovh {
    overflow: hidden
}

.ovv {
    overflow: visible
}

.vh {
    visibility: hidden
}

button {
    font-family: -apple-system,PingFang SC,Helvetica,sans-serif
}

.mobile .el-dialog {
    border-radius: 0
}

.mobile .el-button {
    border-radius: 2px
}

.mobile .el-button--default.is-plain:active {
    border-color: 1px solid #e5e5e5
}

.mobile .el-card.is-always-shadow,.mobile .el-card.is-hover-shadow:focus,.mobile .el-card.is-hover-shadow:hover {
    box-shadow: none
}

.mobile .el-message {
    width: 80%
}

.mobile.confirm-dialog-pop,.mobile .confirm-dialog-pop {
    -ms-scroll-chaining: none;
    overscroll-behavior: contain
}

.mobile.confirm-dialog-pop .el-dialog__wrapper,.mobile .confirm-dialog-pop .el-dialog__wrapper {
    margin-top: 36vh;
    width: 100%
}

.mobile.confirm-dialog-pop .el-dialog__wrapper .el-dialog__header,.mobile .confirm-dialog-pop .el-dialog__wrapper .el-dialog__header {
    display: none
}

.mobile.confirm-dialog-pop .el-dialog__wrapper .el-dialog__body,.mobile .confirm-dialog-pop .el-dialog__wrapper .el-dialog__body {
    padding: 0;
    padding-top: .66667rem
}

.pad .el-input__inner {
    width: 80%;
    max-width: 210px
}

.pc .el-dialog {
    border-radius: 0
}

.pc .el-input__inner {
    width: 210px
}

.pc .el-form-item__label {
    padding: 0;
    padding-right: 18px
}

.pc .el-form-item__error {
    font-size: 14px;
    color: #ff5645
}

.pc.confirm-dialog-pop .el-dialog,.pc .confirm-dialog-pop .el-dialog {
    border-radius: 0
}

.pc.confirm-dialog-pop .el-dialog__header,.pc .confirm-dialog-pop .el-dialog__header {
    padding: 0 21px;
    line-height: 40px;
    text-align: left;
    color: #666;
    background-color: #f9f9f9
}

.pc.confirm-dialog-pop .el-dialog__header .el-dialog__title,.pc .confirm-dialog-pop .el-dialog__header .el-dialog__title {
    color: #666
}

.pc.confirm-dialog-pop .el-dialog__header .el-dialog__headerbtn,.pc .confirm-dialog-pop .el-dialog__header .el-dialog__headerbtn {
    top: 10px
}

.pc.confirm-dialog-pop .el-dialog__header .el-dialog__headerbtn i,.pc .confirm-dialog-pop .el-dialog__header .el-dialog__headerbtn i {
    color: #bbb
}

.pc.confirm-dialog-pop .el-dialog__header .el-dialog__headerbtn .el-icon-close:before,.pc .confirm-dialog-pop .el-dialog__header .el-dialog__headerbtn .el-icon-close:before {
    font-family: iconfont;
    content: "\E666"
}

.pad .el-card,.pc .el-card {
    border-radius: 0
}

.pad .el-card__header,.pc .el-card__header {
    padding-top: 10px;
    font-weight: 500
}

.pad .el-input__inner,.pc .el-input__inner {
    border-radius: 0
}

.pad .el-button,.pc .el-button {
    border-radius: 2px
}

.cart .mobile .el-checkbox__inner {
    border-radius: 50%
}

.el-message {
    top: 42px!important;
    z-index: 9999!important
}

.el-button--primary.is-plain {
    background: none;
    border-color: #ff6732!important
}

.el-dialog__wrapper .el-dialog__header {
    height: 40px;
    line-height: 40px;
    background: #f9f9f9;
    padding-top: 0;
    padding-bottom: 0
}

.el-dialog__wrapper .el-dialog__headerbtn {
    top: 8px;
    right: 16px;
    font-weight: 700;
    color: #bbb;
    font-size: 20px
}

.el-popover {
    min-width: 80px;
    box-sizing: border-box;
    padding: 5px 14px;
    font-size: 14px;
    color: #333;
    border-color: #ffb46c
}

.el-popper[x-placement^=bottom] .popper__arrow {
    border-bottom-color: #ffb46c
}

.el-message--error {
    min-width: 146px!important;
    height: 40px!important;
    background-color: #000!important;
    border-radius: 4px!important;
    opacity: .8!important
}

.el-message--error .el-message__content {
    font-size: 14px!important;
    font-weight: 400!important;
    color: #fff!important;
    line-height: 20px!important
}

.el-message .el-icon-error {
    color: #fff!important;
    opacity: .8!important
}

.el-message--success {
    min-width: 146px!important;
    height: 40px!important;
    background-color: #000!important;
    border-radius: 4px!important;
    opacity: .8!important
}

.el-message--success .el-message__content {
    font-size: 14px!important;
    font-weight: 400!important;
    color: #fff!important;
    line-height: 20px!important
}

.el-message .el-icon-success {
    color: #fff!important;
    opacity: .8!important
}

.el-loading-spinner .el-icon-loading {
    display: none
}

.mint-popup.mint-popup-bottom {
    -ms-scroll-chaining: none!important;
    overscroll-behavior: contain!important
}

.el-date-table td span {
    border-radius: 4px
}

.el-popup-parent--hidden {
    background: #f5f5f5
}

.el-picker-panel .popper__arrow {
    display: none
}

.initial-style {
    text-align: left;
    line-height: normal;
    line-height: 1.5;
    padding: 20px;
    font-size: 14px;
    word-break: break-all
}

.pc .initial-style {
    margin-left: 20px;
    margin-right: 20px
}

.mobile .initial-style h1,.mobile .initial-style h2,.mobile .initial-style h3,.mobile .initial-style h4,.mobile .initial-style h5,.mobile .initial-style h6 {
    font-size: 20px
}

.initial-style img {
    max-width: 100%;
    height: auto
}

.initial-style * {
    padding: initial;
    margin: initial
}

.initial-style h1,.initial-style h2,.initial-style h3,.initial-style h4,.initial-style h5,.initial-style h6 {
    text-align: left;
    display: block;
    margin-block-start:.67em;margin-block-end:.67em;margin-inline-start:0;margin-inline-end:0;font-weight: 700
}

.initial-style td,.initial-style th {
    padding: 4px
}

.initial-style ul {
    list-style-type: disc
}

.initial-style ol,.initial-style ul {
    display: block;
    margin-block-start:1em;margin-block-end:1em;margin-inline-start:0;margin-inline-end:0;padding-inline-start:40px}

.initial-style ol {
    list-style-type: decimal
}

.initial-style li {
    display: list-item;
    text-align: -webkit-match-parent
}

.initial-style p {
    display: block;
    margin-block-start:10px;margin-block-end:10px;margin-inline-start:0;margin-inline-end:0}

.initial-style hr {
    display: block;
    unicode-bidi: isolate;
    margin-block-start:.5em;margin-block-end:.5em;margin-inline-start:auto;margin-inline-end:auto;overflow: hidden;
    border-style: inset;
    border-width: 1px;
    cursor: default;
    height: 0
}

.initial-style em {
    font-style: italic
}

.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
    float: left
}

.swiper-container-vertical>.swiper-wrapper {
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -ms-flexbox;
    display: flex;
    transition-property: transform;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide,.swiper-wrapper {
    transform: translateZ(0)
}

.swiper-container-multirow>.swiper-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-container-free-mode>.swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    -ms-flex-align: start;
    align-items: flex-start;
    transition-property: transform,height
}

.swiper-container-3d {
    perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(270deg,rgba(0,0,0,.5),transparent)
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(90deg,rgba(0,0,0,.5),transparent)
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(0deg,rgba(0,0,0,.5),transparent)
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(180deg,rgba(0,0,0,.5),transparent)
}

.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-button-next,.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: 50%;
    background-repeat: no-repeat
}

.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-prev,.swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23007aff'/%3E%3C/svg%3E");
    left: 10px;
    right: auto
}

.swiper-button-next,.swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23007aff'/%3E%3C/svg%3E");
    right: 10px;
    left: auto
}

.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23fff'/%3E%3C/svg%3E")
}

.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23fff'/%3E%3C/svg%3E")
}

.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z'/%3E%3C/svg%3E")
}

.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z'/%3E%3C/svg%3E")
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: opacity .3s;
    transform: translateZ(0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff
}

.swiper-container-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    transform: translate3d(0,-50%,0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    display: block
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: top .2s,-webkit-transform .2s;
    transition: transform .2s,top .2s;
    transition: transform .2s,top .2s,-webkit-transform .2s
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: left .2s,-webkit-transform .2s;
    transition: transform .2s,left .2s;
    transition: transform .2s,left .2s,-webkit-transform .2s
}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: right .2s,-webkit-transform .2s;
    transition: transform .2s,right .2s;
    transition: transform .2s,right .2s,-webkit-transform .2s
}

.swiper-pagination-progressbar {
    background: rgba(0,0,0,.25);
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #007aff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff
}

.swiper-pagination-progressbar.swiper-pagination-white {
    background: hsla(0,0%,100%,.25)
}

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
    background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000
}

.swiper-pagination-progressbar.swiper-pagination-black {
    background: rgba(0,0,0,.25)
}

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
    background: #000
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0,0,0,.1)
}

.swiper-container-horizontal>.swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical>.swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0,0,0,.5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    animation: swiper-preloader-spin 1s steps(12) infinite
}

.swiper-lazy-preloader:after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%236c6c6c' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E");
    background-position: 50%;
    background-size: 100%;
    background-repeat: no-repeat
}

.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%23fff' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E")
}

@keyframes swiper-preloader-spin {
    to {
        transform: rotate(1turn)
    }
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube {
    overflow: visible
}

.swiper-container-cube .swiper-slide {
    pointer-events: none;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-container-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top {
    z-index: 0;
    backface-visibility: hidden
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    filter: blur(50px);
    z-index: 0
}

.swiper-container-flip {
    overflow: visible
}

.swiper-container-flip .swiper-slide {
    pointer-events: none;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top {
    z-index: 0;
    backface-visibility: hidden
}

.swiper-container-coverflow .swiper-wrapper {
    -ms-perspective: 1200px
}
.custom-pagination-wrap {
    height: 72px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 100%;
    margin: 0 auto
}

.custom-pagination-wrap .pager-right {
    margin-left: 50px;
    height: 32px;
    padding: 2px 0;
    line-height: 32px;
    color: #333;
    font-size: 12px
}

.custom-pagination-wrap .pager-right .max-page {
    padding: 0 3px
}

.custom-pagination-wrap .pager-right .square-box {
    display: inline-block;
    margin: 0 10px;
    border: 1px solid #eee;
    border-radius: 2px;
    height: 30px;
    text-align: center;
    vertical-align: bottom
}

.custom-pagination-wrap .pager-right .square-box.page-number {
    width: 30px
}

.custom-pagination-wrap .pager-right .square-box.confirm {
    cursor: pointer;
    padding: 0 13px;
    margin-right: 0
}

.custom-pagination-wrap .pager-right .square-box.confirm span {
    color: #333!important;
    font-size: 12px
}

.custom-pagination-wrap .el-pagination {
    height: 32px;
    line-height: 30px!important;
    color: #333!important;
    font-weight: 400!important;
    vertical-align: middle
}

.custom-pagination-wrap .el-pagination .btn-quicknext,.custom-pagination-wrap .el-pagination .btn-quickprev {
    color: #ccc!important
}

.custom-pagination-wrap .el-pagination .el-icon-d-arrow-left:before,.custom-pagination-wrap .el-pagination .el-icon-d-arrow-right:before {
    content: "\E794"!important;
    color: #ccc
}

.custom-pagination-wrap .el-pagination button span {
    line-height: 32px;
    color: #333
}

.custom-pagination-wrap .el-pagination button span:hover {
    color: #333
}

.custom-pagination-wrap .el-pagination .el-pager li {
    padding: 0 12px;
    line-height: 32px;
    height: 32px
}

.custom-pagination-wrap .el-pagination .el-pager li.active {
    border: 1px solid #333;
    box-sizing: border-box;
    border-radius: 2px;
    line-height: 30px;
    color: #333;
    cursor: pointer
}

.custom-pagination-wrap .el-pagination .el-pager li:hover {
    color: #333!important
}