.move_element:hover {
    background: linear-gradient(121deg, #C4A37B 0%, #A57140 100%)
}

.move_element span {
    position: absolute;
    top: 0;
    left: -20%;
    z-index: 0;
    width: 35%;
    height: 0;
    margin-top: -15px;
    margin-left: -15px;
    padding-bottom: 35%;
    pointer-events: none;
    border-radius: 50%;
    background: rgba(255, 224, 141, 0.7);
    filter: blur(5px);
    display: none
}

.move_element:hover span {
    display: block
}

.menu-category:hover h2 {
    color: #9F835E
}

.menu-category:hover .icon {
    background: url("../images/icon_spfl_sel.png") no-repeat;
    background-size: 100% 100%
}

.menu-category:hover .drop {
    background: url("../images/icon_spfl_jt_sq.png") no-repeat;
    background-size: 100% 100%
}

.filter_container.null-category .keywords_block {
    display: none
}

.filter_container.null-category .filter .clearfix {
    display: none
}

.filter_container.null-category .filter-container__box {
    padding-bottom: 0
}

.filter_container.null-category .filter .classify_view {
    display: block;
    border: none;
    margin-bottom: 0
}

.filter_container.null-category #jCat_goodsList {
    display: none
}

.filter_container.null-category .goods-list__container .null {
    display: block
}

.filter_container.null-search .filter-container__box {
    display: none
}

.filter_container.null-search .sort-list__container .sort {
    padding-top: 0
}

.filter_container.null-search #jCat_goodsList {
    display: none
}

.filter_container.null-search .goods-list__container .null {
    display: block
}

.filter_container {
    position: relative;
    overflow: hidden;
    z-index: 100
}

.filter_container .filter {
    position: relative;
    z-index: 90
}

.filter-bg {
    width: 100%;
    height: 100%;
    background: #e3e3e3;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 12;
    opacity: 0.5
}

.filter-shade__bg {
    width: 100%;
    height: 100%;
    background: url("../images/bg_hw.png") no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 11
}

.filter-shade__bgl {
    width: 238px;
    height: 470px;
    background: url("../images/bg_hwz.png") no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 11
}

.filter-shade__bgr {
    width: 244px;
    height: 470px;
    background: url("../images/bg_hwy.png") no-repeat;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 11
}

.sort-shade__bg {
    width: 100%;
    height: 361px;
    position: absolute;
    top: 0;
    left: 0;
    background: url("../images/bg_jb.png") top center repeat;
    opacity: 0.6
}

.filter>._view_ {
    position: relative;
    z-index: 20;
    padding-top: 14px
}

.keywords_block {
    padding: 0 30px 4px;
    font-size: 14px;
    color: #999;
    clear: both;
    overflow: hidden
}

.keywords_block.none {
    display: none
}

.keywords-block__label {
    float: left;
    height: 28px;
    line-height: 28px;
    color: #999;
    margin-bottom: 10px
}

.keywords-block__selected {
    position: relative;
    padding-right: 30px;
    font-size: 14px;
    color: #333;
    font-weight: bold;
    float: left;
    height: 28px;
    line-height: 28px
}

.keywords-block__selected .l {
    font-style: normal;
    float: left
}

.keywords-block__selected .r {
    font-style: normal;
    float: right
}

.keywords-block__selected .keywords {
    width: auto;
    max-width: 225px;
    height: 28px;
    line-height: 28px;
    display: inline-block;
    font-style: normal;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.keywords-block__selected .keywords-block__right-arrow {
    position: absolute;
    top: 0;
    right: 1px;
    font-weight: normal
}

.keywords-block__right-arrow {
    margin-right: 10px;
    margin-left: 10px;
    font-family: "Helvetica Neue", "Hiragino Sans GB", SimSun, serif;
    font-style: normal;
    color: #999;
    float: left;
    position: relative;
    top: 7px
}

.keywords_block>dt {
    width: 118px;
    line-height: 28px;
    float: left;
    margin-bottom: 10px
}

.keywords_block .mp20 {
    float: left;
    height: 28px;
    padding-right: 20px
}

.keywords-block__selected-list {
    display: flex
}

.keywords-block__selected-list .views {
    display: flex;
    flex-wrap: wrap
}

.selected-list__item {
    margin-right: 10px;
    margin-bottom: 10px;
    border-radius: 4px;
    overflow: hidden;
    border: 1px solid #fff;
    box-sizing: border-box;
    width: auto;
    height: auto;
    min-height: 26px;
    line-height: 26px;
    font-size: 14px;
    float: left;
    background: #fff;
    position: relative;
    padding-right: 36px
}

.selected-list__item .tag {
    float: left;
    color: #666;
    padding-left: 10px
}

.selected-list__item .name {
    color: #D44851;
    float: left;
    max-width: 95%
}

.selected-list__item .close {
    width: 28px;
    height: 28px;
    background: url("../images/close.png") no-repeat;
    position: absolute;
    top: 0;
    right: 0
}

.selected-list__item:hover {
    border: 1px solid #D44851
}

.selected-list__item:hover .close {
    background: url("../images/icon_gb_l.png") #D44851 no-repeat
}

.selected-list__clear {
    height: 30px;
    line-height: 30px;
    margin-left: 10px;
    color: #666
}

.selected-list__clear i {
    width: 16px;
    height: 16px;
    background: url("../images/del.png") no-repeat;
    display: inline-block;
    position: relative;
    top: 2px;
    margin-right: 2px
}

.selected-list__clear:hover {
    color: #D44851
}

.selected-list__clear:hover i {
    background: url("../images/del_h.png") no-repeat
}

.filter-container__box {
    padding-bottom: 5px;
    border-radius: 10px;
    background: #fff
}

.filter-brand__module {
    padding: 20px 20px 0;
    position: relative;
    overflow: hidden
}

.filter-brand__module .bg {
    width: 100%;
    height: 162px;
    border-radius: 10px;
    overflow: hidden
}

.filter-brand__module .logo {
    width: 102px;
    height: 57px;
    padding: 6px;
    border-radius: 6px;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 73px;
    left: 50px;
    background: #fff
}

.filter-brand__module .logo img {
    max-width: 100%;
    max-height: 100%
}

.filter-brand__module .info {
    position: absolute;
    top: 77px;
    left: 172px;
    width: 180px;
    color: #F5DEBF
}

.filter-brand__module .info strong {
    font-size: 16px;
    padding-bottom: 9px;
    display: block
}

.filter-brand__module .info p {
    font-size: 14px
}

.filter-brand__module .msg {
    position: absolute;
    top: 65px;
    left: 352px;
    width: 748px;
    max-height: 81px;
    color: #fff;
    font-size: 14px;
    line-height: 27px;
    overflow: hidden
}

.filter-brand__module .grade {
    position: absolute;
    top: 57px;
    right: 55px
}

.filter-brand__module .grade dl {
    display: block;
    margin-bottom: 20px;
    clear: both;
    overflow: hidden
}

.filter-brand__module .grade dt {
    font-size: 14px;
    color: #F5DEBF;
    padding-right: 16px;
    float: left;
    line-height: 15px
}

.filter-brand__module .grade dd {
    width: 16px;
    height: 15px;
    background: url("../images/icon_stary.png") no-repeat;
    float: left;
    margin: 0 2px
}

.filter-brand__module .grade dd.on {
    background: url("../images/icon_stary.png") no-repeat
}

.filter .clearfix {
    margin: 0 20px;
    padding: 8px 10px 0;
    clear: both
}

.filter .clearfix dt {
    float: left;
    width: 118px;
    line-height: 28px;
    color: #666;
    font-size: 14px;
    margin-bottom: 10px
}

.filter .clearfix dd {
    margin-left: 118px;
    position: relative;
    overflow: hidden
}

.filter .clearfix dd .view {
    max-height: 38px;
    padding-right: 260px;
    overflow: hidden
}

.filter .classify_view {
    padding: 14px 10px
}

.filter .border {
    padding: 14px 0 4px;
    margin: 0 30px 10px;
    border-bottom: 1px solid #E0E0E0
}

.classify_select {
    position: absolute
}

.classify_select .select {
    width: 100%;
    height: 40px;
    line-height: 28px;
    position: relative;
    cursor: pointer;
    color: #333
}

.classify_select .select p {
    float: left;
    padding-right: 14px
}

.classify_select .select i {
    width: 14px;
    height: 14px;
    background: url("../images/icon_down.png") no-repeat;
    display: inline-block;
    position: relative;
    top: 2px
}

.classify-drop__down {
    position: absolute;
    top: 42px;
    left: -30px;
    z-index: 18;
    width: 500px;
    height: auto;
    padding: 13px 6px 13px 30px;
    background: #fff;
    box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.4);
    border-radius: 10px
}

.classify-drop__down>a {
    float: left;
    margin: 7px 24px 7px 0
}

.classify_select:hover .select {
    height: 40px;
    color: #D44851
}

.classify_select:hover .select i {
    background: url("../images/icon_sq.png") no-repeat
}

.filter .hot_style_view {
    padding-top: 10px
}

.filter .hot_style_view dd .style_dd {
    max-height: 84px
}

.filter .brand_view {
    padding-top: 10px
}

.filter .brand_view dd .brand_dd {
    max-height: 57px
}

.filter dd .mutl-btn {
    display: none;
    position: absolute;
    bottom: 16px;
    left: -59px;
    text-align: center;
    width: 100%;
    height: 28px
}

.filter dd .mutl-btn span {
    width: 56px;
    height: 28px;
    line-height: 28px;
    display: inline-block;
    margin: 0 5px;
    background: #F1F1F1;
    border-radius: 14px;
    color: #333;
    cursor: pointer
}

.filter dd .mutl-btn span.sure {
    background: #D44851;
    color: #fff
}

.filter dd .mutl-btn span.disabled {
    color: #999;
    background: #F1F1F1
}

.filter dd .td-more {
    position: absolute;
    top: 0;
    right: 76px;
    width: 46px;
    height: 28px;
    line-height: 28px;
    font-size: 14px;
    cursor: pointer;
    color: #333;
    display: none
}

.filter dd .td-more:hover {
    color: #9F835E
}

.filter dd .td-more i {
    width: 14px;
    height: 14px;
    background: url("../images/icon_gdxl.png") no-repeat;
    background-size: 100% 100%;
    display: inline-block;
    margin-left: 2px;
    position: relative;
    top: 3px
}

.filter dd .td-more:hover i {
    background: url("../images/icon_gdxl-h.png") no-repeat;
    background-size: 100% 100%
}

.filter dd .td-more.on {
    color: #9F835E
}

.filter dd .td-more.on i {
    background: url("../images/icon_down-h.png") no-repeat;
    background-size: 100% 100%;
    transform: rotate(180deg);
    top: 2px
}

.filter dd .td-mult {
    position: absolute;
    top: 0;
    right: 0;
    width: 56px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    border-radius: 28px;
    background: #F1F1F1;
    color: #333;
    font-size: 14px;
    cursor: pointer
}

.filter dd .td-mult:hover {
    color: #9F835E
}

.filter .clearfix.classify_view dd {
    max-height: 38px;
    overflow: hidden
}

.filter .clearfix.classify_view dd .view {
    max-height: none
}

.filter .clearfix.classify_view.morei dd {
    max-height: inherit
}

.filter .clearfix.regular_view dd {
    max-height: 38px;
    overflow: hidden
}

.filter .clearfix.regular_view dd .view {
    max-height: none
}

.filter .clearfix.regular_view.morei dd {
    max-height: inherit
}

.regular_view.multi dd a {
    margin-right: 0
}

.regular_view.multi dd a>i {
    width: 16px;
    height: 16px;
    background: url("../images/icon_dx_nor.png") no-repeat;
    background-size: 100% 100%;
    float: left;
    position: relative;
    top: 2px;
    margin-right: 4px
}

.regular_view.multi dd a:hover {
    background: none;
    border: 1px solid #fff
}

.regular_view.multi dd a:hover i {
    background: url("../images/icon_dx_hover.png") no-repeat;
    background-size: 100% 100%
}

.regular_view.multi dd a.cur,
.regular_view.multi dd a.on {
    background: none;
    border: 1px solid #fff
}

.regular_view dd a.cur i,
.regular_view dd a.on i {
    background: url("../images/icon_dx_sel.png") no-repeat;
    background-size: 100% 100%
}

.regular_view.multi dd a.cur:hover i,
.regular_view.multi dd a.on:hover i {
    background: url("../images/icon_dx_sel.png") no-repeat;
    background-size: 100% 100%
}

.filter .clearfix.multi {
    border: 1px solid rgba(212, 72, 81, 0.14);
    margin-bottom: 16px
}

.filter .clearfix.margin-left:;

.td-more {
    display: none
}

.filter .clearfix.multi dd {
    padding-bottom: 55px
}

.filter .clearfix.morei dd .view {
    max-height: inherit
}

.filter .clearfix.multi dd .view {
    max-height: inherit
}

.filter .clearfix.regular_view.multi dd {
    max-height: inherit
}

.filter .clearfix.multi .mutl-btn {
    display: block
}

.filter .clearfix.multi .td-mult {
    display: none
}

.filter .clearfix.multi .td-more {
    display: none !important
}

dd .view>a {
    width: auto;
    height: 28px;
    padding: 4px 12px 5px;
    margin-right: 16px;
    margin-bottom: 10px;
    float: left;
    border: 1px solid #fff;
    box-sizing: border-box;
    border-radius: 3px;
    font-size: 14px
}

dd .view>a:hover {
    color: #D44851;
    background: #FFEBED;
    border: 1px solid rgba(212, 72, 81, 0.28)
}

dd .view>a.cur,
dd .view>a.on {
    color: #D44851;
    background: #FFEBED;
    border: 1px solid rgba(212, 72, 81, 0.28)
}

dd .style_dd>a {
    padding: 0;
    width: 100px;
    height: 68px;
    border-radius: 6px;
    margin-right: 8px;
    margin-bottom: 16px;
    position: relative;
    overflow: hidden;
    border: none
}

dd .style_dd>a span {
    width: 100%;
    height: 26px;
    line-height: 26px;
    text-align: center;
    position: absolute;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.18);
    border-radius: 6px;
    overflow: hidden;
    color: #fff
}

dd .style_dd>a:hover {
    border: none
}

dd .style_dd>a:hover i {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("../images/hot_style_bg.png") no-repeat
}

dd .style_dd>a.cur,
dd .style_dd>a.on {
    border: none
}

dd .style_dd>a.cur i,
dd .style_dd>a.on i {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("../images/hot_style_bg.png") no-repeat
}

dd .brand_dd>a {
    padding: 0;
    width: 90px;
    height: 45px;
    border-radius: 6px;
    margin-right: 26px;
    margin-bottom: 12px;
    border: none;
    position: relative;
    overflow: hidden
}

dd .brand_dd>a span {
    width: 100%;
    height: 43px;
    line-height: 45px;
    text-align: center;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #FEE8EB;
    overflow: hidden;
    color: #D44851;
    display: none;
    border-radius: 4px
}

dd .brand_dd>a img {
    max-width: 100%;
    border-radius: 6px
}

dd .brand_dd>a:hover {
    border: 1px solid rgba(212, 72, 81, 0.28)
}

dd .brand_dd>a:hover span {
    display: block
}

dd .brand_dd>a.cur,
dd .brand_dd>a.on {
    border: none
}

dd .brand_dd>a.cur img,
dd .brand_dd>a.on img {
    width: 100%;
    height: 45px;
    border: 1px solid rgba(212, 72, 81, 0.28);
    box-sizing: border-box
}

dd .brand_dd>a.cur span,
dd .brand_dd>a.on span {
    display: block;
    width: 88px;
    height: 43px;
    top: 1px;
    left: 1px
}

dd .brand_dd>a.cur i,
dd .brand_dd>a.on i {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 19px;
    height: 19px;
    background: url("../images/ele_sel_dg.png") no-repeat;
    z-index: 2
}

.sort-list__container {
    position: relative;
    z-index: 80
}

.sort-list__container .sort {
    height: 77px;
    padding-top: 20px;
    box-sizing: border-box;
    position: relative;
    z-index: 30
}

.sort-list_col {
    float: left;
    margin-left: 15px
}

.sort-list_col ul {
    overflow: hidden
}

.sort-list_col li {
    float: left;
    margin-right: 8px
}

.sort-list_col li a {
    width: 78px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    float: left;
    border: 1px solid #fff;
    background: #fff;
    font-size: 14px;
    color: #333;
    box-sizing: border-box;
    border-radius: 18px
}

.sort-list_col li a.cur {
    background: #FFEBED;
    border: 1px solid rgba(212, 72, 81, 0.28);
    color: #D44851
}

.sort-list_col li a:hover {
    background: #FFEBED;
    border: 1px solid rgba(212, 72, 81, 0.28);
    color: #D44851
}

.sort-list_col li.item i {
    width: 10px;
    height: 12px;
    background: url("../images/icon_xl_jx.png") no-repeat;
    background-size: 100% 100%;
    display: inline-block;
    position: relative;
    top: 1px;
    margin-left: 4px
}

.sort-list_col li.item .asc i {
    background: url("../images/icon_xl_sx.png") no-repeat;
    background-size: 100% 100%
}

.sort-list_col li.item .desc i {
    background: url("../images/icon-xj.png") no-repeat;
    background-size: 100% 100%
}

.sort-list_col li.item a:hover i {
    background: url("../images/icon-xj.png") no-repeat;
    background-size: 100% 100%
}

.sort-list_col li.item a.asc:hover i {
    background: url("../images/icon_xl_sx.png") no-repeat;
    background-size: 100% 100%
}

.sort-list_col li.item a.desc:hover i {
    background: url("../images/icon-xj.png") no-repeat;
    background-size: 100% 100%
}

.sort-list_col li.price i {
    width: 8px;
    height: 12px;
    background: url("../images/icon_xl_nor.png") no-repeat;
    display: inline-block;
    margin-left: 3px;
    position: relative;
    top: 1px
}

.sort-list_col li.price:hover i {
    background: url("../images/icon_jg_hover.png") no-repeat
}

.sort-list_col li.price .desc i {
    background: url("../images/icon_jg_sx.png") no-repeat
}

.sort-list_col li.price .asc i {
    background: url("../images/icon_jg_jx.png") no-repeat
}

.sort-list__container .sort .border {
    width: 1px;
    height: 20px;
    background: #d2d2d2;
    float: left;
    position: relative;
    top: 8px;
    margin: 0 22px
}

.sort-list__container .sort .border.none {
    display: none
}

.sort-list_price {
    font-size: 14px;
    color: #333;
    float: left;
    position: relative;
    margin-left: 8px;
    margin-right: 8px
}

.sort-list_price .price_title {
    position: relative;
    z-index: 2;
    overflow: hidden
}

.sort-list_price .btn {
    position: absolute;
    top: -14px;
    left: -14px;
    width: 318px;
    height: 108px;
    background: #FFFFFF;
    box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    display: none
}

.sort-list_price .btn button {
    width: 56px;
    height: 28px;
    position: absolute;
    bottom: 14px;
    right: 86px;
    background: #F1F1F1;
    text-align: center;
    line-height: 28px;
    color: #333;
    font-size: 14px;
    border-radius: 28px;
    border: none;
    cursor: pointer
}

.sort-list_price .btn button:hover {
    opacity: 0.9
}

.sort-list_price .btn .sure {
    right: 16px;
    background: #D44851;
    color: #fff
}

.sort-list_price.focus .btn {
    display: block
}

.sort-list_price.focus input {
    border: 1px solid #C9C9C9
}

.sort-list_price input {
    width: 128px;
    height: 36px;
    box-sizing: border-box;
    border: 1px solid #fff;
    background: #fff;
    border-radius: 18px;
    padding-left: 35px;
    float: left
}

.sort-list_price input:focus {
    border: 1px solid #D44851
}

.sort-list_price i {
    font-style: normal
}

.sort-list_price .one {
    position: absolute;
    top: 8px;
    left: 20px
}

.sort-list_price .two {
    position: absolute;
    top: 8px;
    left: 174px
}

.sort-list_price span {
    width: 14px;
    height: 1px;
    background: #999;
    float: left;
    position: relative;
    top: 18px;
    margin: 0 8px
}

.sort-list_active {
    float: left;
    line-height: 20px;
    padding-top: 8px;
    margin-left: 8px
}

.sort-list_active ul {
    overflow: hidden
}

.sort-list_active li {
    float: left;
    margin-right: 20px;
    font-size: 14px;
    line-height: 20px
}

.sort-list_active i {
    width: 20px;
    height: 20px;
    float: left;
    margin-right: 6px;
    background: url("../images/icon_dx_nor.png") no-repeat
}

.sort-list_active li a:hover span {
    color: #D44851 !important
}

.sort-list_active li:hover i {
    background: url("../images/icon_dx_hover.png") no-repeat
}

.sort-list_active li .cur i {
    background: url("../images/icon_dx_sel.png") no-repeat
}

.sort-list_pager {
    float: right;
    height: 36px;
    display: flex;
    align-items: center;
    font-size: 15px;
    padding-right: 5px
}

.sort-list_pager .total {
    color: #999;
    margin-right: 10px;
    float: left
}

.sort-list_pager .total b {
    padding: 0 5px
}

.sort-list_pager b {
    color: #9F835E
}

.sort-list_pager .num {
    color: #333;
    float: left
}

.sort-list_pager .first_page {
    display: none;
    width: 78px;
    height: 28px;
    background: #FFFFFF;
    box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.1);
    border-radius: 20px 20px 20px 20px;
    align-items: center;
    font-size: 12px;
    color: #333333;
    justify-content: center;
    cursor: pointer;
    margin-left: 6px;
    margin-right: 2px;
    line-height: 28px
}

.sort-list_pager .first_page:hover {
    background: #C2B2A5;
    color: #fff
}

.sort-list_pager .first_page:hover .icon {
    background: url("../images/icon_fh_sel.png")
}

.sort-list_pager .first_page .icon {
    position: relative;
    top: 1px;
    margin-left: 12px;
    display: inline-block;
    width: 10px;
    height: 12px;
    margin-right: 6px;
    background: url("../images/icon_fh_nor.png")
}

.sort-list_pager a {
    display: inline-block
}

.next_box,
.sort-list_pager .prev_box {
    margin: 0 10px;
    width: 24px;
    height: 24px;
    background: #FFFFFF;
    box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    display: flex;
    align-items: center
}

.next_box:hover,
.sort-list_pager .prev_box:hover {
    background: #C2B2A5;
    box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.1)
}

.sort-list_pager a.prev {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: url("../images/icon_fyl_b.png") center no-repeat
}

.sort-list_pager a.next {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: url("../images/icon_fyr_b.png") center no-repeat
}

.sort-list_pager a.prev:hover {
    background: url("../images/icon_fyl_w.png") center no-repeat
}

.sort-list_pager a.next:hover {
    background: url("../images/icon_fyr_w.png") center no-repeat
}

.sort-list_pager .prev_box.disabled a,
.sort-list_pager .prev_box.disabled:hover a {
    cursor: default;
    background: url("../images/icon_fyl_g.png") center no-repeat
}

.sort-list_pager .next_box.disabled a,
.sort-list_pager .next_box.disabled:hover a {
    cursor: default;
    background: url("../images/icon_fyr_g.png") center no-repeat
}

.sort-list_pager .disabled {
    background: #fff !important
}

.goods-list__container {
    position: relative;
    z-index: 20;
    clear: both;
    min-height: 500px
}

.goods-list__container ul {
    display: flex;
    flex-wrap: wrap;
    width: 1376px
}

.goods-list__container li {
    width: 338px;
    height: auto;
    box-sizing: border-box;
    margin-right: 6px
}

.goods-list__container li .item {
    width: 100%;
    height: auto;
    padding: 12px 12px 18px;
    position: relative;
    box-sizing: border-box
}

.goods-list__container li:hover .item {
    width: 100%;
    height: auto;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 3px 20px 1px rgba(0, 0, 0, 0.2);
    z-index: 100
}

.goods-list__container li:hover .title a {
    color: #9F835E
}

.goods-list__container li:hover .price {
    color: #9F835E
}

.goods-list__container li .good--img__card {
    width: 100%;
    height: 234px;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
    z-index: 10
}

.goods-list__container li .goods-tag__position {
    position: absolute;
    top: 0;
    right: 0;
    width: 74px;
    height: 74px;
    overflow: hidden;
    z-index: 2
}

.goods-list__container li .good--img__card>a {
    display: block
}

.goods-list__container li .good--img__card img {
    max-width: 100%
}

.goods-list__container li .tag {
    position: absolute;
    top: 231px;
    left: 30px;
    display: inline-block;
    width: auto;
    min-width: 72px;
    height: 29px;
    padding: 0 8px;
    text-align: center;
    line-height: 29px;
    border-radius: 4px;
    background: url("../images/bg_pp.png") no-repeat;
    background-size: 100% 100%;
    font-size: 14px;
    color: #fff;
    box-sizing: border-box;
    z-index: 11
}

.goods-list__container li .price {
    display: block;
    padding-top: 25px;
    padding-left: 18px;
    color: #333;
    font-weight: bold;
    height: 52px;
    box-sizing: border-box;
    position: relative;
    z-index: 10
}

.goods-list__container li .price sub {
    font-size: 11px;
    position: relative;
    top: -1px
}

.goods-list__container li .price span {
    font-size: 18px
}

.goods-list__container li .title {
    display: block;
    max-height: 54px;
    box-sizing: border-box;
    font-size: 14px;
    color: #333;
    line-height: 24px;
    padding: 6px 18px 0;
    display: -webkit-box;
    overflow: hidden;
    white-space: normal !important;
    text-overflow: ellipsis;
    word-wrap: break-word;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    position: relative;
    z-index: 10
}

.goods-list__container li .title .brand {
    color: #9F835E;
    margin: 0 -6px
}

.goods-list__container li .title a:hover {
    color: #9F835E
}

.goods-list__container li .extra {
    display: block;
    padding-top: 8px;
    padding-left: 18px;
    clear: both;
    font-size: 12px;
    color: #999;
    position: relative;
    z-index: 10
}

.goods-list__container li .extra span {
    color: #999
}

.goods-list__container li .extra b {
    color: #9F835E;
    padding-right: 2px
}

.goods-list__container li .extra .border {
    width: 1px;
    height: 12px;
    background: #E8E8E8;
    display: inline-block;
    margin: 0 7px;
    position: relative;
    top: 2px
}

.goods-list__container li .active {
    display: block;
    height: 28px;
    padding-top: 8px;
    padding-left: 18px;
    clear: both;
    overflow: hidden;
    position: relative;
    z-index: 10
}

.goods-list__container li .active span {
    float: left;
    border-radius: 4px;
    color: #fff;
    background: #E82631;
    text-align: center;
    width: auto;
    min-width: 36px;
    height: 24px;
    line-height: 24px;
    padding: 0 6px;
    margin: 0 4px 10px 0;
    box-sizing: border-box
}

.goods-list__container li .active .s {
    width: auto;
    min-width: 57px;
    height: 28px;
    text-align: center;
    line-height: 28px;
    padding: 0 8px 0 6px;
    margin: 0 4px 0 0;
    box-sizing: border-box;
    background: #F1F1F1;
    color: #333;
    border-radius: 14px;
    display: inline-block
}

.goods-list__container li .active .s:hover {
    color: #9F835E
}

.goods-list__container li .active .s i {
    width: 16px;
    height: 16px;
    display: inline-block;
    background: url("../images/icon_ss.png") no-repeat;
    position: relative;
    top: 3px;
    margin-right: 2px
}

.goods-list__container li .active .s:hover i {
    background: url("../images/icon_ss_h.png") no-repeat
}

.goods-list__container li .operate {
    display: none;
    width: 100%;
    height: 100%;
    padding-bottom: 62px;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 3px 20px 1px rgba(0, 0, 0, 0.2)
}

.goods-list__container li .operate a {
    width: 126px;
    height: 42px;
    text-align: center;
    line-height: 42px;
    font-size: 14px;
    color: #333;
    border-radius: 42px;
    float: left;
    border: 1px solid #DCDCDC;
    position: absolute;
    bottom: 18px
}

.goods-list__container li .operate a.addCart {
    color: #9F835E;
    border: 1px solid #9F835E;
    margin-right: 14px;
    left: 33px;
    overflow: hidden
}

.goods-list__container li .operate a.similar {
    right: 33px
}

.goods-list__container li .operate a.addCart:hover {
    border: 1px solid #fff;
    background: url("../images/btn_jrgwc.png") no-repeat;
    background-size: 100% 100%;
    box-shadow: inset 0 3px 6px 1px rgba(255, 255, 255, 0.16);
    color: #fff
}

.goods-list__container li .operate a.similar i {
    width: 18px;
    height: 18px;
    background: url("../images/icon_zxs.png") no-repeat;
    display: inline-block;
    position: relative;
    top: 4px
}

.goods-list__container li .operate a.similar:hover {
    color: #9F835E;
    border: 1px solid #9F835E
}

.goods-list__container li .operate a.similar:hover i {
    background: url("../images/icon_zxs_sel.png") no-repeat
}

.goods-list__container li:hover .operate {
    display: block
}

.pager-container {
    text-align: center;
    padding: 80px 0
}

.pager-container>a,
.pager-container>span.cur,
.pager-container>span.current,
.pager-container>span.dot {
    /* width: 40px; */
    height: 40px;
    text-align: center;
    line-height: 40px;
    color: #333;
    font-size: 15px;
    background: #F1F1F1;
    border-radius: 6px;
    margin: 0 3px;
    display: inline-block;
    position: relative
}

.pager-container>a.current,
.pager-container>span.current {
    background: #D44851;
    color: #fff
}

.pager-container>a:hover {
    background: #D44851;
    color: #fff;
    cursor: pointer
}

.pager-container a.page_left {
    top: -6px;
    font-size: 0;
    background: url("../images/icon_fy_z.png") center #F1F1F1 no-repeat
}

.pager-container a.page_left:hover {
    background: url("../images/icon_fy_z_h.png") center #D44851 no-repeat
}

.pager-container a.page_right {
    top: -6px;
    font-size: 0;
    background: url("../images/icon_fy_y.png") center #F1F1F1 no-repeat
}

.pager-container a.page_right:hover {
    background: url("../images/icon_fy_y_h.png") center #D44851 no-repeat
}

.pager-container .s {
    margin: 0 18px;
    font-size: 15px;
    color: #333
}

.pager-container .s i {
    color: #9F835E;
    font-style: normal
}

.pager-container .p {
    font-size: 15px;
    color: #999
}

.pager-container .p input {
    width: 80px;
    height: 40px;
    background: #F1F1F1;
    border-radius: 6px;
    text-align: center;
    font-size: 15px;
    color: #333;
    display: inline-block;
    margin: 0;
    padding: 0;
    margin: 0 3px;
    border: none
}

.pager-container .btn {
    width: 64px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    font-size: 14px;
    color: #333;
    display: inline-block;
    border-radius: 6px;
    border: 1px solid #C9C9C9;
    cursor: pointer;
    margin-left: 18px
}

.pager-container .btn:hover {
    color: #D44851;
    border: 1px solid #D44851
}

.goods-list__container .null {
    display: none;
    text-align: center;
    padding: 160px 0;
    font-size: 14px;
    color: #999
}

.goods-list__container .null.block {
    display: block
}

.goods-list__container .null i {
    width: 132px;
    height: 135px;
    background: url("../images/pic.png") no-repeat;
    display: block;
    margin: 0 auto 10px
}

.look-list__goods {
    display: none
}

.look-list__goods .title {
    display: block
}

.look-list__goods .title h3 {
    color: #333;
    font-size: 30px;
    font-weight: normal;
    display: inline-block;
    margin-left: 10px;
    margin-right: 10px
}

.look-list__goods .title em {
    color: #9F835E;
    font-size: 18px;
    font-weight: 100;
    font-style: normal;
    background: -webkit-linear-gradient(90deg, #917134 0%, #B29452 53%, #7A5921 100%);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text
}

.look-list__goods li {
    height: 402px
}

.look-list__goods li:hover .item {
    height: 402px;
    box-shadow: none
}

@media screen and (width: 1850px),
screen and (min-width: 1850px) {
    .filter-brand__module .msg {
        width: 867px
    }

    .goods-list__container ul {
        width: 1620px
    }

    .goods-list__container li {
        width: 385px;
        height: auto;
        margin-right: 20px
    }

    .goods-list__container li .item {
        padding: 15px 15px 20px
    }

    .goods-list__container li:hover .item {
        height: auto
    }

    .goods-list__container li .good--img__card {
        height: 265px
    }

    .goods-list__container li .tag {
        top: 265px;
        left: 33px
    }

    .goods-list__container li .price {
        padding-top: 28px
    }

    .goods-list__container li .title {
        padding-top: 10px
    }

    .goods-list__container li .extra {
        padding-top: 10px;
        padding-left: 18px
    }

    .goods-list__container li .active {
        padding-top: 10px
    }

    .goods-list__container li .operate a {
        bottom: 20px;
        width: 150px
    }

    .look-list__goods li {
        height: 446px
    }

    .look-list__goods li:hover .item {
        height: 446px;
        box-shadow: none
    }

    .look-list__goods .title h3 {
        margin-left: 15px
    }
}

.good--img__card {
    position: relative;
    overflow: hidden;
    transform: translateZ(0)
}

.good--img__card .d_img {
    width: 100%;
    transition: transform 0.6s cubic-bezier(.215, .61, .355, 1) 0s;
    object-fit: cover;
    background: none;
    position: relative;
    z-index: 1
}

.goods-list__container li:hover .d_img {
    transform: scale(1.05)
}

.goods-list__container .goods_price_text {
    color: #9F835E;
    font-size: 15px;
    position: relative;
    top: -1px;
    margin: 0 0 0 -6px
}

@keyframes skeletonAn {
    from {
        background-color: #f5f5f5
    }

    to {
        background-color: #e9e9e9
    }
}

.skeleton {
    display: none;
    padding-bottom: 80px
}

.skeleton .skeleton_row {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    background-color: #f5f5f5;
    animation: skeletonAn 1s 0.2s linear infinite alternate
}

.goods-list__container .skeleton .price {
    padding: 16px 0 0
}

.skeleton .price .skeleton_row {
    width: 134px;
    height: 35px;
    border-radius: 6px
}

.goods-list__container .skeleton .title {
    padding: 16px 0 0;
    max-height: 72px
}

.skeleton .title .skeleton_row {
    width: 240px;
    height: 23px;
    margin-bottom: 10px
}

.skeleton .title .skeleton_row:first-child {
    width: 100%
}

.goods-list__container .skeleton .extra {
    padding: 16px 0 0
}

.skeleton .extra .skeleton_row {
    width: 63px;
    height: 25px;
    display: inline-block
}

.skeleton {}