.fl {
    float: left
}

.fr {
    float: right
}

.clearfix:after {
    content: '';
    display: block;
    height: 0;
    clear: both;
    overflow: hidden
}

.clearfix {
    zoom: 1
}

.layout-big-search {
    width: 1184px;
    font-size: 0;
    text-align: center;
    margin: 0 auto
}

.layout-big-search .mod-big-search {
    display: inline-block;
    height: 48px;
    margin: 0 auto;
    z-index: 11;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 2px solid #316ccb;
    background-color: #fff;
    text-align: left;
    font-size: 12px
}

.layout-big-search .mod-big-search .big-search-type {
    position: relative;
    width: 98px;
    line-height: 44px;
    color: #656565;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-right: 1px solid #e1e1e1
}

.layout-big-search .mod-big-search .big-search-type .big-type {
    background: #fff;
    height: 44px;
    position: relative;
    z-index: 1;
    padding-left: 20px;
    opacity: .9
}

.layout-big-search .mod-big-search .big-search-type .big-type .type {
    display: inline-block;
    font-size: 12px;
    line-height: 44px;
    color: #353535
}

.layout-big-search .mod-big-search .big-type .arrow-down {
    width: 7px;
    height: 4px;
    position: absolute;
    top: 19px;
    right: 20px
}

.layout-big-search .mod-big-search .big-type .arrow-down-reverse {
    transform: rotate(180deg)
}

.layout-big-search .mod-big-search .big-search-type .change-type {
    height: 0;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 0 16px 0 hsla(0, 0%, 77%, .5);
    transition: all .2s linear;
    position: absolute;
    top: 46px;
    left: -2px;
    width: 100px;
    box-sizing: border-box;
    z-index: 9
}

.layout-big-search .big-search-type .change-type li {
    padding-left: 20px
}

.layout-big-search .mod-big-search .change-type.bd-show {
    height: 90px;
    border-top: 1px solid #f5f5f5
}

.layout-big-search .change-type.bd-show li {
    width: 100%;
    box-sizing: border-box;
    padding-left: 20px
}

.layout-big-search .change-type.bd-show li:first-child {
    border-bottom: 1px solid #f1f1f1
}

.layout-big-search .mod-big-search .big-search-input {
    background: #fff;
    position: relative;
    width: 581px
}

.layout-big-search .mod-big-search .big-search-input .big-autocompletion {
    width: 100%;
    top: 46px;
    z-index: 11
}

.layout-big-search .mod-big-search .big-autocompletion>li {
    height: 40px;
    box-sizing: border-box;
    line-height: 24px;
    padding: 8px 16px
}

.layout-big-search .mod-big-search .big-autocompletion>li:first-child {
    margin-top: 8px
}

.layout-big-search .mod-big-search .big-autocompletion>li:last-child {
    margin-bottom: 8px
}

.layout-big-search .mod-big-search .big-search-input .big-search-keywords {
    float: left;
    width: 581px;
    border: none;
    box-sizing: border-box;
    padding: 0 19px 0 16px;
    height: 44px;
    color: #656565;
    font-size: 12px;
    line-height: 17px
}

.layout-big-search .mod-big-search .big-search-input .big-history {
    top: 32px;
    width: 100%;
    z-index: 11
}

.layout-big-search .mod-big-search .big-history>li {
    display: block;
    height: 40px;
    box-sizing: border-box;
    width: 100%;
    color: #656565;
    font-size: 12px;
    line-height: 24px;
    padding: 8px 16px;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.layout-big-search .mod-big-search .big-history>li:first-child {
    margin-top: 8px
}

.layout-big-search .mod-big-search .big-history>li:last-child {
    margin-bottom: 8px
}

.layout-big-search .mod-big-search .big-search-input .big-history>li:hover {
    background-color: #f1f1f1
}

.middle-history {
    width: 389px;
    top: 34px;
    left: 72px;
    letter-spacing: 0
}

.layout-min-search .middle-history>li {
    color: #656565
}

.layout-min-search .middle-history>li:first-child {
    margin-top: 8px
}

.layout-min-search .middle-history>li:last-child {
    margin-bottom: 8px
}

.middle-history>li:hover {
    background-color: #f1f1f1
}

.layout-big-search .big-search-btn-wrap {
    display: inline-block;
    vertical-align: top;
    font-size: 12px;
    width: 98px;
    height: 48px
}

.layout-big-search .big-search-btn-wrap .big-search-btn {
    font-family: -apple-system, BlinkMacSystemFont, Hiragino Sans GB, Microsoft YaHei, sans-serif;
    font-size: 14px;
    text-align: center;
    color: #fff;
    background: #316ccb;
    width: 100%;
    outline: 0;
    border: none;
    height: 48px;
    cursor: pointer;
    border-radius: 0
}

.layout-big-search .big-search-btn-wrap .big-search-btn:hover {
    background: #407fe7
}

.layout-big-search .hot-sbox {
    width: 784px;
    margin: 0 auto;
    box-sizing: border-box;
    padding-left: 100px;
    margin-top: 8px
}

.layout-big-search .hot-search {
    display: inline-block;
    vertical-align: top;
    width: 70%;
    text-align: left;
    font-size: 0;
    font-family: -apple-system, BlinkMacSystemFont, Hiragino Sans GB, Microsoft YaHei, sans-serif
}

.layout-big-search .sbox-link {
    display: inline-block;
    vertical-align: top;
    width: 30%;
    text-align: right;
    font-size: 12px;
    color: #316ccb
}

.layout-big-search .sbox-link:hover {
    color: #407fe7;
    text-decoration: none
}

.layout-big-search .sbox-key {
    display: inline-block;
    max-width: 96px;
    vertical-align: top;
    text-align: left;
    border-bottom: 1px solid #316ccb
}

.layout-big-search .hot-search>li {
    display: inline-block;
    font-size: 12px;
    line-height: 18px;
    margin-left: 16px;
    cursor: pointer
}

.layout-big-search .hot-search .hot-text {
    color: #656565
}

.layout-big-search .hot-search .light {
    color: #316ccb
}

.layout-big-search .hot-search .hot-text:hover {
    color: #316ccb;
    text-decoration: none
}

.layout-big-search .hot-search>li:first-child {
    margin-left: 0
}

.layout-banner a {
    text-decoration: none
}

.layout-banner a:hover {
    text-decoration: none
}

.layout-banner {
    width: 1184px;
    height: 80px;
    margin: 0 auto;
    background: url(//img.wuage.com/151358460972034age-recommendBack.png) no-repeat center;
    background-size: 1184px 80px;
    position: relative
}

.layout-banner .age-recommend-icon {
    position: absolute;
    top: 0;
    left: 24px;
    width: 80px;
    height: 28px
}

.layout-banner .banner-recommend {
    width: 193px;
    height: 66px;
    position: absolute;
    top: 8px;
    left: 46px
}

.layout-banner .banner-main {
    display: inline-block;
    height: 35px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    padding: 0 25px 0 27px;
    color: #fff;
    margin-top: 24px;
    margin-left: 336px
}

.layout-banner .banner-main>span {
    display: inline-block;
    font-size: 24px;
    line-height: 33px
}

.layout-banner .banner-guide {
    position: absolute;
    top: 22px;
    right: 72px
}

.layout-banner .banner-guide .guide-content {
    color: #fff;
    font-size: 16px;
    line-height: 22px
}

.layout-banner .banner-guide .guide-button {
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 17px 0 16px;
    line-height: 36px;
    color: #fff;
    border: 1px solid #fff;
    margin-right: 17px;
    background-color: #4c90ff
}

.mod-list>li {
    position: relative
}

.mod-list>li .item-recommend {
    width: 28px;
    height: 32px;
    position: absolute;
    top: 19px;
    left: 14px;
    z-index: 9
}

.mod-img>li {
    position: relative
}

.mod-img>li .item-recommend {
    width: 28px;
    height: 32px;
    position: absolute;
    top: 19px;
    left: 14px;
    z-index: 3
}

.search-tip {
    width: 1184px;
    margin: 0 auto;
    height: 40px;
    background-color: #fff5e8;
    box-sizing: border-box;
    padding: 0 16px;
    margin-bottom: -16px
}

.search-tip .icon-tip {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(/search/pages/good/i/sprite/warn.png) no-repeat;
    background-size: 16px 16px;
    position: relative;
    top: 12px;
    vertical-align: top
}

.search-tip .tip-content {
    display: inline-block;
    font-size: 12px;
    color: #353535;
    line-height: 17px;
    margin-left: 8px;
    margin-top: 12px;
    vertical-align: top
}

.search-tip .tip-keywords {
    color: #316ccb
}

.search-tip .tip-keywords:hover {
    color: #407fe7;
    text-decoration: none
}

[sem=sem] .sem-a .mod-img>li,
[sem=sem] .sem-b .mod-img>li {
    margin-right: 16px
}

[sem=sem] .mod-img>li:nth-child(5n) {
    margin-right: 0
}

::-ms-clear,
::-ms-reveal {
    display: none
}

a,
a:hover {
    text-decoration: none
}

body {
    background: #f1f1f1;
    font: 12px/1.5 -apple-system, BlinkMacSystemFont, Hiragino Sans GB, Microsoft YaHei, sans-serif;
    min-width: 1184px
}

html {
    color: #000;
    overflow-y: scroll;
    background: #f1f1f1
}

font[color=red] {
    color: #ff7300
}

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

.dis-no {
    display: none !important
}

.fe-col {
    letter-spacing: normal;
    display: inline-block;
    font-size: 12px
}

.fe-row {
    display: block;
    font-size: 0;
    letter-spacing: -4px;
    vertical-align: top
}

.mod-img .fe-col[data-ad]::after {
    right: 24px;
    bottom: 28px
}

.mod-list .fe-row[data-ad]::after {
    top: 49px;
    right: 16px
}

.item-merchants .identity-icon.identity-icon-brand {
    border-right: 0
}

.mod-img .fe-col[data-ad]::after,
.mod-list .fe-row[data-ad]::after,
.mod-recommend-merchants .item-merchants[data-ad]::after {
    content: '广告';
    display: inline-block;
    position: absolute;
    width: 32px;
    height: 16px;
    line-height: 16px;
    letter-spacing: 0;
    font-size: 12px;
    border: 1px solid #e5e5e5;
    color: #959595;
    text-align: center;
    box-sizing: border-box;
    text-align: center
}

.mod-img .fe-col[data-ad]::after {
    bottom: 8px;
    right: 8px
}

.mod-recommend-merchants .item-merchants::after {
    right: 8px;
    bottom: 6px
}

.fe-col-row {
    display: inline-block;
    font-size: 0;
    letter-spacing: -4px;
    vertical-align: top
}

.layout-top {
    width: 100%;
    height: 60px;
    text-align: center;
    position: relative;
    z-index: 98;
    background: -webkit-linear-gradient(left, #4074c9, #365ccd);
    background: -o-linear-gradient(left, #4074c9, #365ccd);
    background: -moz-linear-gradient(left, #4074c9, #365ccd);
    background: -ms-linear-gradient(left, #4074c9, #365ccd)
}

.layout-top>img {
    width: 1184px;
    height: 100%
}

.d-icon {
    display: inline-block;
    background: url(../images/sprite.png) no-repeat;
    background-size: 99px
}

.layout-spu {
    width: 1184px;
    margin: auto;
    background: #fff;
    padding: 0 48px;
    box-sizing: border-box;
    padding-top: 10px;
    padding-bottom: 16px;
    position: relative
}

.layout-spu h3 {
    color: #656565
}

.layout-spu .container {
    width: 1088px;
    overflow: hidden
}

.layout-spu .functionbar {
    display: none
}

.layout-spu ul {
    font-size: 0;
    left: 0;
    white-space: nowrap;
    margin-top: 16px;
    position: relative;
    transition: all 1s ease-in-out
}

.layout-spu ul>li {
    display: inline-block;
    margin-right: 16px
}

.layout-spu .imgauthor {
    display: inline-block;
    vertical-align: top;
    margin-right: 6px
}

.layout-spu .imgauthor img {
    width: 64px;
    height: 64px;
    object-fit: cover;
    box-sizing: border-box;
    border: 1px solid #f1f1f1
}

.layout-spu .info {
    display: inline-block;
    vertical-align: top;
    font-size: 12px;
    color: #656565
}

.layout-spu a {
    text-decoration: none
}

.layout-spu .info a:hover {
    color: #316ccb
}

.layout-spu .info .name1,
.layout-spu .info .name2,
.layout-spu .info .name3 {
    color: #656565;
    display: block;
    width: 96px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 3px
}

.layout-spu .d-icon.scroll-left,
.layout-spu .d-icon.scroll-left.dis:hover {
    position: absolute;
    top: 58px;
    left: 0;
    width: 24px;
    height: 40px;
    background-position: 0 0
}

.layout-spu .d-icon.scroll-left:hover {
    width: 24px;
    height: 40px;
    background-position: -75px 0;
    cursor: pointer
}

.layout-spu .d-icon.scroll-right,
.layout-spu .d-icon.scroll-right.dis:hover {
    position: absolute;
    top: 58px;
    right: 0;
    width: 24px;
    height: 40px;
    background-position: -25px 0;
    cursor: pointer
}

.layout-spu .d-icon.scroll-right:hover {
    width: 24px;
    height: 40px;
    background-position: -50px 0
}

.middle-sn {
    margin-bottom: 16px
}

.layout-sn {
    background: #fff
}

.layout-sn a {
    text-decoration: none;
    color: #555
}

.layout-sn button {
    border: none;
    background: inherit
}

.area-content button,
.layout-sn button {
    width: 48px;
    height: 20px;
    border: 1px solid #e5e5e5;
    color: #959595;
    cursor: pointer;
    font-size: 12px;
    background: 0 0
}

.area-content button:hover,
.layout-sn button:hover {
    color: #316ccb;
    border-color: #316ccb
}

.layout-sn a:hover {
    color: #316ccb
}

.layout-sn .head {
    height: 41px;
    line-height: 41px;
    padding-left: 24px;
    padding-right: 20px;
    color: #656565
}

.layout-sn .head .hot-sn {
    display: none;
    width: 266px;
    height: 32px;
    box-sizing: border-box;
    border: 1px solid #e5e5e5;
    margin-top: 8px;
    vertical-align: top;
    font-size: 0;
    margin-left: 21px;
    cursor: pointer
}

.layout-sn .head .hot-sn:hover {
    border: 1px solid #316ccb;
    color: #316ccb
}

.layout-sn .head .hot-sn:hover .hot-line {
    border-right: 1px solid #316ccb
}

.layout-sn .head .hot-sn:hover .d-icon.funnel {
    display: block;
    margin: 8px auto;
    width: 12px;
    height: 13px;
    background-position: -68px -58px
}

.layout-sn .head .hot-icon {
    width: 49px;
    height: 100%;
    display: inline-block;
    vertical-align: top;
    font-size: 12px;
    line-height: 30px;
    text-align: center
}

.d-icon.funnel {
    display: block;
    margin: 8px auto;
    width: 12px;
    height: 13px;
    background-position: -81px -58px
}

.layout-sn .head .hot-line {
    border-right: 1px solid #dedede;
    display: inline-block;
    vertical-align: top;
    height: 16px;
    margin-top: 7px
}

.layout-sn .head .hot-box {
    display: inline-block;
    vertical-align: top;
    line-height: 30px;
    margin-left: 12px;
    list-style: none
}

.layout-sn .head .hot-box>li {
    width: 48px;
    box-sizing: border-box;
    border: none;
    font-size: 12px;
    line-height: 32px;
    vertical-align: top;
    text-align: center
}

.layout-sn .head .hot-box>li:first-child {
    text-align: center
}

.layout-sn .head .item-msg {
    float: right
}

.layout-sn .item-msg .strong {
    color: #353535
}

.layout-sn .item-tag {
    padding: 2px 8px;
    line-height: 15px;
    font-size: 12px;
    color: #316ccb;
    border: #e5e5e5 solid 1px;
    cursor: pointer
}

.layout-sn .item-tag h1 {
    display: inline-block
}

.layout-sn .d-icon.close {
    width: 9px;
    height: 9px;
    background-position: -83px -75px
}

.layout-sn .item-tag:hover {
    border-color: #316ccb
}

.layout-sn .item-tag:hover .d-icon.close {
    width: 9px;
    height: 9px;
    background-position: -73px -75px
}

.mod-sn-list {
    display: none;
    font-size: 0
}

.mod-sn-list>li {
    font-size: 12px;
    padding: 0 24px;
    border-top: solid 1px #f5f5f5;
    line-height: 44px
}

.mod-sn-list>li .tag {
    transition: all .3s linear;
    overflow: hidden;
    max-height: 44px
}

.mod-sn-list>li.expand .tag {
    max-height: 189px;
    overflow: auto
}

.mod-sn-list .option {
    float: right
}

.mod-sn-list .il {
    display: inline-block;
    vertical-align: top
}

.mod-list-com .mod-sn-list .tag {
    font-size: 0;
    width: 896px
}

.mod-sn-list .tag>li {
    font-size: 12px;
    display: inline-block;
    width: 104px;
    margin-right: 24px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle
}

.area-content .top-list input,
.mod-sn-list .tag>li input {
    display: none
}

.top-list label {
    cursor: pointer
}

.top-list label:hover .checkbox {
    border-color: #316ccb !important
}

.area-content .top-list input:checked+.d-icon.checkbox,
.mod-sn-list .tag>li input:checked+.d-icon.checkbox {
    width: 11px;
    height: 11px;
    background-position: -25px -75px;
    border: none
}

.area-content .top-list input:checked[data-half]+.d-icon.checkbox {
    width: 11px;
    height: 11px;
    background-position: -13px -75px
}

.mod-sn-list .d-icon.close {
    width: 9px;
    height: 9px;
    background-position: -83px -75px
}

.mod-sn-list .tag-item:hover .d-icon.close {
    width: 9px;
    height: 9px;
    background-position: -73px -75px
}

.mod-nava li input[type=checkbox]:not(:checked)+.d-icon.checkbox,
.mod-sn-list .tag>li input[type=checkbox]:not(:checked)+.d-icon.checkbox {
    background-image: none
}

.mod-sn-list .tag>li .d-icon.checkbox {
    background-color: #fff;
    width: 11px;
    height: 11px;
    box-sizing: border-box;
    border: solid 1px #c5c5c5;
    position: relative;
    top: 1px;
    margin-right: 3px
}

.mod-sn-list .tag>li label:hover .d-icon.checkbox {
    border-color: #316ccb
}

.mod-sn-list .name {
    margin-right: 36px;
    color: #959595
}

.mod-sn-list .toolbar {
    font-size: 12px;
    line-height: 1.5;
    border-top: solid 1px #f5f5f5;
    color: #959595;
    display: none
}

.mod-sn-list .tool-head {
    margin-top: 10px;
    font-size: 0
}

.mod-sn-list .tool-head .label {
    display: inline-block;
    font-size: 12px;
    vertical-align: top;
    margin-right: 10px
}

.mod-sn-list .tool-head .choose-tag {
    display: inline-block;
    font-size: 12px;
    vertical-align: top;
    font-size: 0;
    width: 710px
}

.mod-sn-list .d-icon.expand-arrow {
    width: 8px;
    height: 5px;
    background-position: -54px -87px;
    position: relative;
    top: -2px
}

.mod-sn-list .d-icon.expand-arrow.collapse {
    transform: rotate(180deg)
}

.mod-sn-list button:hover .d-icon.expand-arrow {
    width: 8px;
    height: 5px;
    background-position: -63px -87px
}

.mod-sn-list .tool-head .tag-item {
    color: #316ccb;
    border: 1px solid #e5e5e5;
    padding: 0 6px;
    font-size: 12px;
    margin-right: 8px;
    margin-bottom: 8px;
    display: inline-block;
    cursor: pointer
}

.mod-sn-list .tool-head .tag-item:hover {
    border-color: #316ccb
}

.area-content .btn-group,
.mod-sn-list .btn-group {
    position: relative;
    padding: 17px 0;
    text-align: center;
    font-size: 0
}

.area-content .btn-group {
    display: none;
    line-height: normal
}

.area-content .btn-group button {
    height: 24px !important
}

.area-content .btn-group button,
.mod-sn-list .btn-group button {
    display: inline-block;
    font-size: 12px;
    width: 60px;
    height: 32px;
    border: solid 1px #316ccb;
    color: #316ccb;
    margin-right: 32px
}

.area-content .btn-group button.primary,
.area-content .btn-group button:hover,
.mod-sn-list .btn-group button.primary,
.mod-sn-list .btn-group button:hover {
    color: #fff;
    background: #316ccb
}

.mod-sn-list .btn-group button.primary:hover {
    background: #407fe7;
    border-color: #407fe7
}

.mod-sn-list .btn-group .tip {
    display: inline-block;
    width: 0;
    white-space: nowrap;
    vertical-align: middle;
    color: #ff7300;
    font-size: 12px
}

.layout-holder {
    margin-top: 16px;
    height: 0
}

.flex .layout-min-search-top .layout-holder {
    height: 49px;
    display: block
}

.flex .layout-min-search-top .mod-nava .max-hide {
    display: none
}

.mod-nava .min-hide {
    display: none
}

.flex .layout-min-search-top .mod-nava .min-hide {
    display: inline-block
}

.layout-min-search {
    margin-top: 16px;
    position: relative
}

.layout-min-search a {
    text-decoration: none;
    color: #555
}

.layout-min-search a:hover {
    color: #316ccb
}

.layout-min-search .min-hide a {
    background-color: #ff9d4c;
    color: #fff
}

.layout-min-search-top .layout-min-search {
    display: none
}

.flex .layout-min-search-top .layout-min-search {
    display: block
}

.flex .layout-min-search-top .layout-min-search {
    background: #fff;
    position: fixed;
    top: 0;
    margin-top: 0;
    width: 100%;
    z-index: 20
}

.flex .layout-min-search-top {
    background: #fff;
    position: fixed;
    top: 0;
    margin-top: 0;
    width: 100%;
    height: 60px;
    box-shadow: 0 0 16px 0 rgba(53, 53, 53, .2);
    z-index: 19
}

.flex .layout-min-search-top .mod-nava {
    width: 1184px;
    margin: 0 auto
}

.mod-nava {
    background: #fff;
    padding: 0 24px;
    height: 60px;
    box-sizing: border-box;
    font-size: 0
}

.mod-nava .error-holder {
    position: absolute;
    top: 32px;
    right: 20px;
    line-height: normal;
    font-size: 12px;
    color: #ff7300
}

.layout-min-search .mod-nava>li {
    height: 60px;
    line-height: 60px;
    box-sizing: border-box
}

.mod-nava>li {
    font-size: 12px;
    color: #656565;
    display: inline-block;
    vertical-align: middle;
    margin-right: 24px;
    position: relative
}

.mod-nava>li.option {
    margin-right: 0
}

.mod-nava>li .d-icon.arrow-top {
    width: 8px;
    height: 11px;
    background-position: -46px -75px;
    position: relative;
    top: 1px
}

.mod-nava>li .active .d-icon.arrow-top,
.mod-nava>li a:hover .d-icon.arrow-top {
    width: 8px;
    height: 11px;
    background-position: -64px -75px
}

.mod-nava>li .down .d-icon.arrow-top {
    width: 8px;
    height: 11px;
    background-position: -55px -75px
}

.mod-nava>li .active.down .d-icon.arrow-top,
.mod-nava>li .down:hover .d-icon.arrow-top {
    width: 8px;
    height: 11px;
    background-position: -37px -75px
}

.mod-nava>li .area .d-icon.area-arrow {
    position: relative;
    top: -2px;
    width: 8px;
    height: 5px;
    background-position: -54px -87px;
    margin-left: 6px
}

.mod-nava>li .area {
    cursor: pointer;
    padding: 0 20px
}

.mod-nava>li .area .area-content {
    display: none;
    z-index: 10
}

.mod-nava>li .area .area-content {
    position: absolute;
    top: 49px;
    box-shadow: 0 0 16px 0 rgba(53, 53, 53, .2);
    width: 388px;
    box-sizing: border-box;
    left: 0;
    background: #fff;
    font-size: 0
}

.mod-nava>li .area .area-content {
    padding: 16px 24px 40px 24px
}

.mod-nava.multi>li .area .area-content {
    padding: 16px 24px 24px 24px
}

.mod-nava>li .area-item.area-head {
    float: left;
    margin-left: 0;
    margin-top: 16px
}

.mod-nava>li .area-item.all-area-choosed {
    color: #316ccb
}

.mod-nava>li .area-item {
    text-decoration: none;
    color: #656565;
    display: inline-block;
    font-size: 12px;
    line-height: 1.5;
    vertical-align: middle;
    width: 60px;
    margin-left: 30px;
    position: relative
}

.mod-nava .top-list .city-part {
    width: 100%;
    position: relative;
    display: none
}

.mod-nava .top-list .city-part.active {
    display: block
}

.mod-nava>li .d-icon.trangle {
    display: block;
    width: 17px;
    height: 9px;
    background-position: -60px -75px;
    background-size: 17px 9px
}

.mod-nava>li .list-holder {
    width: 11px;
    height: 2px;
    background-color: #fcfcfc;
    z-index: 200
}

.mod-nava>li .area-item.hover {
    color: #316ccb
}

.mod-nava>li .area-item:hover {
    color: #316ccb
}

.mod-nava .max-hide .checkbox {
    background-image: none
}

.mod-nava>li .area:hover .area-holder {
    height: 10px;
    background: #fff;
    position: absolute;
    top: -10px;
    width: 121px;
    left: 0
}

.mod-nava>li .area .same-city {
    font-size: 12px;
    line-height: 18px;
    margin-top: 4px;
    color: #656565
}

.mod-nava>li .area .area-seperate {
    height: 0;
    width: 100%;
    border-bottom: 1px solid #e5e5e5;
    margin-top: 16px;
    margin-bottom: 16px
}

.mod-nava>li .area .same-city-value {
    color: #316ccb;
    margin-left: 4px
}

.mod-nava>li .area .history-area {
    font-size: 0;
    line-height: 18px;
    margin-top: 16px;
    color: #656565
}

.mod-nava>li .area .history-area>label {
    font-size: 12px;
    display: inline-block;
    vertical-align: middle
}

.mod-nava>li .area .history-area .history-list {
    display: inline-block;
    vertical-align: middle;
    max-width: 260px;
    white-space: nowrap;
    overflow: hidden;
    font-size: 0;
    margin-left: 4px;
    text-overflow: ellipsis
}

.mod-nava>li .area .history-area .history-item {
    width: 44px;
    overflow: hidden;
    display: inline-block;
    font-size: 12px;
    line-height: 18px;
    vertical-align: middle;
    margin-right: 8px;
    white-space: nowrap
}

.mod-nava>li .area .history-area .history-item a {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.mod-nava>li .area .history-area .history-item:hover {
    color: #316ccb
}

.mod-nava>li .area .history-area .history-item:last-child {
    margin-right: 0
}

.mod-nava .top-list .province-item {
    width: 54px;
    font-size: 12px;
    line-height: 18px;
    margin-right: 16px;
    margin-top: 16px;
    color: #656565;
    position: relative
}

.mod-nava .top-list-wrap.single .top-list .province-item:hover {
    color: #316ccb
}

.mod-nava .down-list .city-item {
    font-size: 12px;
    line-height: 18px;
    margin-right: 16px;
    margin-bottom: 8px;
    color: #656565;
    white-space: nowrap;
    overflow: hidden
}

.mod-nava .down-list .city-item:hover {
    color: #316ccb
}

.mod-nava .down-list {
    width: 336px;
    box-sizing: border-box;
    border: 1px solid #e5e5e5;
    background-color: #fcfcfc;
    padding: 8px 15px 0 15px
}

.mod-nava .down-list.hidden {
    display: none
}

.mod-nava .down-list.active {
    display: block
}

.mod-nava>li .area #choosed-city {
    display: none;
    width: 64px;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: middle;
    text-overflow: ellipsis
}

.mod-nava>li .area #choosed-city.show {
    display: inline-block
}

.mod-nava>li .area:hover {
    color: #316ccb;
    position: relative;
    z-index: 12;
    box-shadow: 0 0 16px 0 rgba(53, 53, 53, .2)
}

.mod-nava>li .area:hover .d-icon.area-arrow {
    transform: rotate(180deg);
    width: 8px;
    height: 5px;
    background-position: -63px -87px
}

.mod-nava .option {
    float: right
}

.mod-nava .right {
    font-size: 0
}

.mod-nava .right>li {
    display: inline-block;
    vertical-align: middle;
    font-size: 12px
}

.mod-nava .active {
    color: #316ccb
}

.mod-nava .d-icon.checkbox {
    width: 11px;
    height: 11px;
    box-sizing: border-box;
    border: solid 1px #c5c5c5;
    position: relative;
    top: 1px;
    margin-right: 6px
}

.mod-nava .d-icon.checkbox-ed {
    width: 11px;
    height: 11px;
    background-position: -25px -75px;
    position: relative;
    top: 1px;
    margin-right: 6px
}

.mod-nava .active .d-icon.checkbox,
.mod-nava a:hover .d-icon.checkbox {
    border-color: #316ccb
}

.mod-nava .city-part.active .d-icon.checkbox,
.mod-nava .province-item.active:not(:hover) .d-icon.checkbox {
    border-color: #c5c5c5
}

.mod-nava .option-list .d-icon.list {
    width: 16px;
    height: 16px;
    background-position: -51px -58px;
    position: relative;
    top: 5px
}

.mod-nava .active .d-icon.list,
.mod-nava .option-list:hover .d-icon.list {
    width: 16px;
    height: 16px;
    background-position: -34px -58px
}

.mod-nava .option-img .d-icon.img {
    width: 16px;
    height: 16px;
    background-position: -17px -58px;
    position: relative;
    top: 5px
}

.mod-nava .active .d-icon.img,
.mod-nava .option-img:hover .d-icon.img {
    width: 16px;
    height: 16px;
    background-position: 0 -58px
}

.mod-nava .option-img {
    padding: 0 16px;
    border-right: 1px solid #f5f5f5;
    border-left: 1px solid #f5f5f5
}

.mod-nava .option-list {
    padding: 0 16px;
    border-left: 1px solid #f5f5f5
}

.mod-nava .mini-page {
    padding-left: 16px;
    color: #959595
}

.mod-nava .strong {
    color: #353535
}

.mod-nava .d-icon.hot {
    display: inline-block;
    position: absolute;
    right: -12px;
    top: 5px;
    width: 13px;
    height: 16px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAgCAMAAAA7dZg3AAAAn1BMVEUAAAD/dAD/dAD/dAD/cwD/cwD/gAD/cwD/////dQX/0q3/+vf/lkD//Pn/2bv/q2b/tXn/7+L/3MD/1bP/nk//iSn/gx7/9u//6tr/6Nb/y6H/uoP/snT/hyX/gRr/fRT/7N7/5M7/xZb/olf/m0n/mET/jC7/hSH/eQv/+PL/8un/8uj/5tP/zqb/von/r23/pl7/kzr/jzP/38b/tntJoXkCAAAAB3RSTlMA9dWgXyoK9BvHZQAAAQBJREFUKM+9ktluwyAQRd11wJiCwftW24kdZ22a9v+/rSCi4kT4sb0SDOKgO4vwYFF/ht58veNttIjQ6g59cp4dOE8YQz1jrJmhjzAkJAzXhCCqVuAyfFfXiRtd0MaBBPPrckUxNDcoKuUW7YsoJa02Xc9Qlx9bqWKT0rNuACe/CF9zRchH3xBWSXpfxpRLqOjmKIPMInbe9TCJtAaIYaDCt+hrJ0aIs4txqPLAIhgbk7JWFXIVLcJ5AUOLYUA1jKScIZ3c9HM4qYmiYDZ5qh92PQDfKzeRYTsNqc+nAiDuYrUVk0H/+KOUrvjh2buRRY8v3gJ6evVcMmZOGTOn3GY/APsfLbnIkYEAAAAASUVORK5CYII=) no-repeat center;
    background-size: 13px 16px
}

.mod-nava .d-icon.page-left,
.mod-nava .d-icon.page-left.dis:hover {
    width: 7px;
    height: 10px;
    background-position: -38px -87px;
    position: relative;
    top: 1px
}

.mod-nava .d-icon.dis {
    cursor: default;
    opacity: .5
}

.mod-nava .d-icon.page-right,
.mod-nava .d-icon.page-right.dis:hover {
    width: 7px;
    height: 10px;
    background-position: -30px -87px;
    position: relative;
    top: 1px
}

.mod-nava .d-icon.page-left:hover {
    width: 7px;
    height: 10px;
    background-position: -22px -87px
}

.mod-nava .d-icon.page-right:hover {
    width: 7px;
    height: 10px;
    background-position: -46px -87px
}

.mod-nava .push-hub {
    display: inline-block;
    width: 120px;
    height: 36px;
    line-height: 36px;
    border-radius: 2px;
    background-color: #ff8f32;
    color: #fff;
    text-align: center;
    box-sizing: border-box
}

.mod-nava .push-hub .pencil {
    display: inline-block;
    height: 20px;
    width: 20px;
    background: url(https://img.wuage.com/public/153570094788363530543_40_40.png) no-repeat;
    background-size: 20px 20px;
    position: relative;
    top: 5px;
    right: 4px
}

.mod-nava .slide-down-search {
    padding-left: 114px;
    height: 49px;
    font-size: 0;
    margin-right: 16px
}

.mod-nava .slide-down-input {
    border: 2px #316ccb solid;
    border-right: none;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    height: 36px;
    box-sizing: border-box;
    width: 458px;
    font-size: 0
}

.mod-nava .slide-down-search button {
    display: inline-block;
    font-size: 14px;
    color: #fff;
    background: #316ccb;
    vertical-align: middle;
    border: none;
    width: 77px;
    height: 36px;
    line-height: 36px;
    position: relative;
    cursor: pointer;
    border-radius: 0
}

.mod-nava .slide-down-search button:hover {
    background: #407fe7
}

.mod-nava .slide-down {
    display: inline-block;
    font-size: 12px;
    line-height: 32px;
    height: 32px;
    vertical-align: top;
    width: 86px;
    box-sizing: border-box;
    padding-left: 16px;
    color: #353535;
    border-right: #e5e5e5 solid 1px;
    cursor: pointer
}

.mod-nava .slide-down:after {
    position: absolute;
    top: 32px;
    left: 0;
    content: '';
    display: inline-block;
    width: 86px;
    height: 2px
}

.mod-nava .min-label {
    display: inline-block;
    vertical-align: middle;
    width: 48px
}

.mod-nava .d-icon.sarrow {
    width: 8px;
    height: 5px;
    background-position: -54px -87px;
    position: relative;
    top: 0;
    left: 5px;
    transition: all .2s linear;
    display: inline-block;
    vertical-align: middle
}

.mod-nava .slide-down:hover .d-icon.sarrow {
    transform: rotate(180deg)
}

.mod-nava .search-input {
    display: inline-block;
    font-size: 12px;
    line-height: 28px;
    padding-left: 12px;
    border: none;
    height: 26px;
    vertical-align: top;
    width: 358px;
    margin-top: 1px
}

::placeholder {
    color: #c5c5c5
}

.mod-nava .slide-down:hover .slide-down-sub {
    display: block
}

.mod-nava .slide-holder {
    background: 0 0;
    height: 2px;
    width: 72px;
    position: absolute;
    top: 28px;
    left: 0
}

.mod-nava .slide-down-sub {
    display: none;
    position: absolute;
    top: 34px;
    width: 86px;
    background: #fff;
    color: #656565;
    left: 0;
    box-sizing: border-box;
    box-shadow: 0 0 16px 0 rgba(53, 53, 53, .2)
}

.mod-nava .slide-down-sub>li {
    padding-left: 16px
}

.mod-nava .slide-down-sub>li:first-child {
    border-bottom: 1px solid #f1f1f1
}

.mod-nava .fe-autocompletion.middle.goods {
    width: 389px;
    top: 34px;
    right: -6px
}

.mod-nava .fe-autocompletion.middle.goods>li:first-child {
    margin-top: 8px
}

.mod-nava .fe-autocompletion.middle.goods>li:last-child {
    margin-bottom: 8px
}

.layout-list {
    width: 944px;
    margin: auto;
    background: #fff
}

.mod-list {
    font-size: 0
}

.mod-list>li {
    border-bottom: 1px solid #e5e5e5;
    padding: 16px 36px 16px 24px;
    background: #fff;
    font-size: 0;
    cursor: pointer;
    white-space: nowrap
}

.mod-list>li .list-item-con {
    display: block
}

.mod-list .img {
    display: inline-block;
    vertical-align: middle;
    width: 64px;
    height: 64px;
    margin-right: 16px;
    overflow: hidden;
    border: 1px solid #f1f1f1;
    box-sizing: border-box
}

.mod-list .img img {
    width: 64px;
    height: 64px;
    object-fit: cover
}

.mod-list .img img:hover {
    transform: scale(1.1, 1.1);
    transition: .2s all linear
}

.mod-list .info {
    width: 220px;
    display: inline-block;
    font-size: 14px;
    vertical-align: middle
}

.mod-list .rule-box {
    margin-left: 40px;
    width: 120px;
    vertical-align: middle;
    font-size: 14px
}

.mod-list .rule-box .rule-text {
    color: #555
}

.mod-list .rule-box .rule-num {
    color: #316ccb;
    font-size: 12px
}

.mod-list h3 {
    color: #353535;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 700
}

.mod-list .info p {
    margin-top: 2px;
    color: #959595;
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.mod-list .info p a {
    color: #959595
}

.mod-list .info p a:hover {
    color: #316ccb
}

.mod-list .info p .reviews {
    color: #316ccb
}

.mod-img .company-name,
.mod-list .company-name {
    cursor: pointer;
    position: relative
}

.mod-img .company-name:hover,
.mod-list .company-name:hover {
    color: #316ccb
}

.mod-list .info .bootom {
    margin-top: 25px;
    font-size: 0
}

.mod-list .info .bootom>li {
    display: inline-block;
    font-size: 12px;
    margin-right: 24px;
    color: #353535
}

.mod-list .info .num {
    color: #316ccb
}

.mod-list .info .store {
    margin-right: 0
}

.mod-list a {
    color: inherit;
    text-decoration: none
}

.mod-list a:hover,
.mod-list a:hover h3 {
    color: #316ccb
}

.mod-list .price-box {
    width: 130px;
    color: #555;
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 20px
}

.spot-market-identify {
    width: 36px;
    height: 16px;
    display: inline-block;
    background: #ff7300;
    border: 1px solid #ff7300;
    margin: 0 5px 0 0;
    text-align: center;
    line-height: 16px;
    font-size: 13px;
    color: #fff
}

.mod-list .price-box .price-line {
    color: #ff7300
}

.mod-list .price-box .product-address {
    color: #959595;
    font-size: 12px
}

.mod-list .price-box .price {
    font-size: 15px
}

.mod-list .price-box .price,
.mod-rec-box .price-box .price {
    color: #ff7300;
    font-size: 18px;
    display: inline-block;
    vertical-align: sub
}

.mod-list .d-icon.down,
.mod-list .d-icon.up {
    display: inline-block;
    vertical-align: middle;
    width: 14px;
    height: 14px;
    position: relative;
    margin-left: 4px;
    cursor: pointer
}

.mod-list .d-icon.normal {
    display: inline-block;
    vertical-align: middle;
    width: 14px;
    height: 14px;
    cursor: pointer;
    position: relative;
    margin-left: 4px
}

.mod-img h4 .com-name-hover:hover .hover-box,
.mod-list .d-icon.down:hover .hover-box,
.mod-list .d-icon.normal:hover .hover-box,
.mod-list .d-icon.up:hover .hover-box,
.mod-list h4 .com-name-hover:hover .hover-box {
    display: block
}

.mod-list .d-icon.up {
    width: 10px;
    height: 12px;
    background-position: -11px -87px
}

.mod-list .d-icon.down {
    width: 10px;
    height: 12px;
    background-position: 0 -87px
}

.mod-list .d-icon.normal {
    width: 14px;
    height: 14px;
    background-position: -85px -41px
}

.mod-img .hover-box,
.mod-list .hover-box {
    display: none;
    position: absolute;
    bottom: 25px;
    left: -57px;
    box-shadow: 0 0 16px 0 rgba(53, 53, 53, .2);
    width: 128px;
    z-index: 14;
    font-style: normal
}

.mod-img .hover-box .hover-holder,
.mod-list .hover-box .hover-holder {
    width: 128px;
    height: 8px;
    background-color: transparent;
    position: absolute;
    bottom: -8px;
    z-index: 11
}

.mod-img .hover-box .triangle-slide,
.mod-list .hover-box .triangle-slide {
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-right-color: #fff;
    border-bottom: 0;
    border-left: 0;
    transform: rotate(45deg);
    margin: 0 auto;
    position: absolute;
    bottom: -5px;
    left: 58px;
    box-shadow: 0 0 16px 0 rgba(53, 53, 53, .2)
}

.mod-list .hover-con {
    width: 100%;
    height: 58px;
    color: #353535;
    font-size: 12px;
    line-height: 58px;
    position: relative;
    text-align: center;
    z-index: 19;
    background-color: #fff
}

.mod-list .shop {
    display: inline-block;
    font-size: 0;
    width: 260px;
    vertical-align: middle;
    margin-left: 29px
}

.mod-list h4 {
    color: #353535
}

.mod-img h4 .com-name-hover,
.mod-list h4 .com-name-hover {
    display: inline-block;
    vertical-align: middle;
    position: relative
}

.mod-img .com-name-hover .hover-box.name-box,
.mod-list .com-name-hover .hover-box.name-box {
    width: 280px;
    left: -42px;
    color: #353535;
    background-color: #fff;
    box-shadow: 0 0 16px 0 rgba(53, 53, 53, .2);
    cursor: default
}

.mod-list .com-name-hover .hover-box.name-box.company-js-top {
    top: -175px
}

.mod-img .com-name-hover .hover-box.name-box.img-name-box {
    left: -52px
}

.mod-img .com-name-hover .name-con,
.mod-list .com-name-hover .name-con {
    background-color: #fff;
    position: relative;
    z-index: 19
}

.mod-img .com-name-hover .triangle-slide.name-slide,
.mod-list .com-name-hover .triangle-slide.name-slide {
    left: 135px
}

.mod-img .com-name-hover .hover-holder.name-hodler,
.mod-list .com-name-hover .hover-holder.name-hodler {
    width: 280px
}

.mod-img .partner-img,
.mod-list .partner-img {
    width: 280px;
    height: 40px
}

.mod-img .partner-list,
.mod-list .partner-list {
    box-sizing: border-box;
    padding-bottom: 4px;
    margin: 16px 16px 0 16px;
    background-color: #fff;
    border-bottom: 1px solid #f1f1f1
}

.mod-img .partner-list .item,
.mod-list .partner-list .item {
    font-size: 0;
    margin-bottom: 4px
}

.mod-img .partner-list .lab-key,
.mod-list .partner-list .lab-key {
    font-size: 12px;
    color: #959595;
    line-height: 18px;
    width: 48px;
    text-align: left;
    margin-right: 8px;
    display: inline-block;
    vertical-align: top
}

.mod-img .partner-list .lab-value,
.mod-list .partner-list .lab-value {
    font-size: 12px;
    line-height: 18px;
    width: 192px;
    display: inline-block;
    vertical-align: top;
    word-break: break-all
}

.mod-list .partner-list .lab-value[partner-pro] {
    white-space: pre-wrap
}

.mod-img .partner-tip,
.mod-list .partner-tip {
    width: 100%;
    box-sizing: border-box;
    font-size: 0;
    line-height: 18px;
    color: #353535;
    padding: 8px 16px 16px 16px
}

.mod-list .partner-tip>span {
    display: inline-block;
    background-color: #feefdb;
    font-size: 12px;
    vertical-align: top
}

.mod-img .partner-tip>a,
.mod-list .partner-tip>a {
    display: inline-block;
    font-size: 12px;
    vertical-align: top;
    color: #316ccb
}

.mod-list h4 .company-name {
    max-width: 196px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    vertical-align: bottom;
    font-size: 14px;
    vertical-align: middle
}

.mod-list .d-icon-new.im {
    width: 16px;
    height: 16px;
    background-position: -68px -41px;
    position: relative;
    top: 1px;
    left: 4px
}

.mod-list .data-tracelog {
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
    margin-left: 4px
}

.mod-list .d-icon.im {
    width: 16px;
    height: 16px;
    background-position: -51px -41px;
    position: relative;
    vertical-align: middle
}

.mod-img .pattern:hover .hover-box,
.mod-list .pattern:hover .hover-box {
    display: block
}

.mod-img .hover-box.pattern-box,
.mod-list .hover-box.pattern-box {
    position: absolute;
    top: -84px;
    left: -124px;
    width: 280px;
    height: 76px;
    line-height: 18px;
    background-color: #fff
}

.mod-img .hover-box .triangle-slide.pattern-slider,
.mod-list .hover-box .triangle-slide.pattern-slider {
    right: 58px
}

.mod-img .hover-box>p,
.mod-list .hover-box>p {
    box-sizing: border-box;
    padding: 20px 16px;
    font-size: 12px;
    line-height: 18px;
    color: #353535;
    font-style: normal;
    background-color: #fff;
    position: relative;
    z-index: 19;
    margin-top: 0;
    height: auto;
    cursor: default
}

.mod-img .hover-box>p:hover {
    color: #353535
}

.mod-img .hover-box .hover-holder.pattern-holder,
.mod-list .hover-box .hover-holder.pattern-holder {
    position: relative;
    width: 280px;
    top: 0
}

.mod-list .tag2 {
    display: inline-block;
    margin-right: 8px;
    height: 14px;
    border: solid 1px #ff7300;
    font-size: 12px;
    color: #ff6a00;
    vertical-align: top;
    cursor: pointer
}

.mod-list .tag2>span {
    display: inline-block;
    vertical-align: top;
    position: relative;
    top: -1px
}

.mod-list .d-icon.credibility {
    width: 16px;
    height: 16px;
    background-position: -34px -41px;
    vertical-align: top;
    position: relative;
    top: -1px
}

.mod-list .d-icon.borrow-new {
    width: 16px;
    height: 16px;
    background-position: -17px -41px;
    vertical-align: top
}

.mod-list .option {
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 160px;
    height: 96px;
    background-image: linear-gradient(rgba(255, 255, 255, 0), #fff);
    transition: all .5s
}

.mod-list .option a {
    position: absolute;
    right: 24px;
    top: 50%;
    transform: translateY(-50%);
    padding: 4px 12px;
    font-size: 14px;
    border: 1px solid #316ccb;
    color: #316ccb;
    box-sizing: border-box
}

.mod-list .charge:hover {
    color: #fff;
    background-color: #316ccb
}

.mod-list a.question {
    background-color: #fff;
    border: none;
    color: #316ccb;
    width: 82px;
    border: 1px solid #316ccb;
    box-sizing: border-box
}

.mod-list a.question:hover {
    background-color: #316ccb
}

.mod-list>li:hover {
    box-shadow: 0 0 16px 0 rgba(53, 53, 53, .2);
    position: relative;
    z-index: 1
}

.mod-list>li:hover .option {
    opacity: 1
}

.mod-img {
    font-size: 0;
    width: 944px;
    box-sizing: border-box;
    padding: 16px;
    padding-bottom: 8px
}

.mod-img>li {
    display: inline-block;
    vertical-align: top;
    font-size: 12px;
    width: 216px;
    height: 391px;
    background: #fff;
    margin-bottom: 16px;
    margin-right: 16px;
    box-sizing: border-box;
    border: 1px solid #e5e5e5
}

.mod-img>li:hover {
    transition: all .2s ease-in-out;
    border-color: #316ccb
}

.mod-img>li:nth-child(4n) {
    margin-right: 0
}

.mod-img a {
    color: inherit;
    text-decoration: none;
    border: none !important
}

.mod-img .img {
    display: block;
    position: relative;
    height: 214px;
    overflow: hidden;
    box-sizing: border-box
}

.mod-img .img .tip {
    position: absolute;
    width: 100%;
    max-height: 106px;
    background: rgba(35, 35, 35, .6);
    left: 0;
    bottom: -106px;
    z-index: 1
}

.mod-img .img:hover .tip {
    transition: all .5s ease-in-out;
    bottom: 0
}

.mod-img .tip>ul {
    font-size: 0;
    padding: 8px 12px;
    padding-right: 0
}

.mod-img .tip>ul>li {
    display: inline-block;
    font-size: 12px;
    color: #fff;
    width: 70px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-right: 12px
}

.mod-img .tip .bottom-title {
    background: rgba(35, 35, 35, .6);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #fff;
    padding: 0 12px;
    height: 30px;
    line-height: 30px
}

.mod-img .img>img {
    width: 214px;
    height: 214px;
    object-fit: cover
}

.mod-img .img img:hover {
    transform: scale(1.1, 1.1);
    transition: all .2s linear
}

.mod-list .price-line {
    font-size: 0
}

.mod-img .price-box {
    color: #ff7300;
    font-size: 0
}

.mod-img .price-pre,
.mod-list .price-pre {
    font-size: 14px
}

.mod-img .price-suffix,
.mod-list .price-suffix {
    font-size: 12px
}

.mod-img .price {
    font-size: 18px;
    color: #ff7300
}

.mod-img .price-line {
    height: 25px
}

.mod-img .reviews-box {
    height: 18px;
    color: #959595
}

.mod-img .reviews-box .reviews {
    color: #316ccb
}

.mod-img p {
    margin-top: 8px;
    height: 35px;
    overflow: hidden;
    padding-left: 8px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box
}

a.identity-icon.identity-icon-pattern.short-suffix {
    border: none
}

.mod-img p:hover a {
    color: #316ccb
}

.mod-img .company {
    margin-top: 10px;
    height: 18px;
    margin-bottom: 4px;
    padding-left: 8px
}

.mod-img .company h4 {
    display: inline-block;
    max-width: 146px
}

.mod-img .company .company-name {
    max-width: 146px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    font-size: 12px;
    color: #959595
}

.mod-img .company .d-icon.im {
    width: 16px;
    height: 16px;
    background-position: -51px -41px
}

.mod-img .company .d-icon-new.im {
    width: 16px;
    height: 16px;
    background-position: -68px -41px;
    float: right
}

.mod-img .tags {
    font-size: 0;
    padding-left: 8px;
    cursor: pointer
}

.mod-img .pattern {
    display: inline-block;
    margin-right: 4px;
    padding: 0 4px;
    height: 16px;
    background: #feefdb;
    font-size: 0;
    color: #ff7300;
    position: relative;
    margin-right: 6px
}

.mod-img .pattern em {
    font-size: 12px
}

.mod-img .identity-icon:not(:last-child).identity-icon-brand {
    border: none
}

.mod-img .pattern .star {
    background: url(//img.wuage.com/public/153061301471189956782_20_20.png) no-repeat;
    background-size: 10px 10px;
    margin-left: 2px;
    display: inline-block;
    width: 10px;
    height: 10px
}

/*!*diqye@url(../i/sprite/bao.png)*!*/
/*!*diqye@url(../i/sprite/pin.png)*!*/
.mod-img .tag2 {
    display: inline-block;
    margin-right: 8px;
    height: 14px;
    border: solid 1px #ff7300;
    font-size: 12px;
    color: #ff6a00;
    vertical-align: top;
    cursor: pointer
}

.mod-img .tag2>span {
    display: inline-block;
    vertical-align: top;
    position: relative;
    top: -1px
}

.mod-img .d-icon.credibility {
    width: 16px;
    height: 16px;
    background-position: -34px -41px;
    vertical-align: top;
    position: relative;
    top: -1px
}

.mod-img .d-icon.borrow {
    width: 16px;
    height: 16px;
    background-position: 0 -41px;
    vertical-align: top
}

.mod-img .d-icon.borrow-new {
    width: 16px;
    height: 16px;
    background-position: -17px -41px;
    vertical-align: top
}

.mod-img .charge {
    display: inline-block;
    width: 100%;
    height: 32px;
    box-sizing: border-box;
    line-height: 28px;
    color: #316ccb;
    background-color: #fff;
    text-align: center;
    border: 1px solid #316ccb;
    cursor: pointer
}

.mod-img .charge:hover {
    background-color: #316ccb;
    color: #fff
}

.mod-img .d-icon.star {
    width: 12px;
    height: 11px;
    background-position: 0 -75px;
    margin-right: 4px
}

.mod-empty {
    padding-top: 50px;
    text-align: center;
    background: #fff;
    padding-bottom: 50px
}

.mod-empty img {
    width: 100px;
    height: 140px
}

.mod-empty p {
    display: block;
    margin-top: 30px;
    font-size: 14px
}

.mod-empty .free-good {
    color: #316ccb;
    border: solid 1px #316ccb;
    text-align: center;
    width: 90px;
    height: 30px;
    line-height: 30px;
    display: block;
    display: inline-block;
    text-decoration: none
}

.mod-empty .free-good:hover {
    color: #fff;
    background: #316ccb
}

.mod-ad-banner img {
    width: 944px;
    object-fit: cover;
    display: inline-block
}

.mod-ad-banner a {
    display: block;
    font-size: 0
}

.mod-ad-banner {
    padding-bottom: 16px;
    text-align: center
}

.fe-page a {
    text-decoration: none
}

.D_Priced-Order {
    margin-top: 20px;
    background-color: #316ccb;
    border: none;
    color: #fff;
    text-align: center;
    width: 82px;
    height: 30px;
    line-height: 30px;
    display: block;
    cursor: pointer
}

.D_Priced-Order:hover {
    background-color: #407fe7
}

.mod-img>li .item-bargain {
    width: 36px;
    height: 25px;
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 9
}

.mod-list>li .item-bargain {
    width: 36px;
    height: 25px;
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 9
}

.s-toast {
    position: fixed;
    top: calc(50% - 32px);
    left: 50%;
    transform: translateX(-50%);
    width: 300px;
    line-height: 64px;
    background-color: #5d5d5d;
    display: none;
    font-size: 12px;
    color: #fff;
    z-index: 20;
    text-align: center
}

.s-toast>img,
.s-toast>span {
    vertical-align: middle;
    font-size: 14px
}

.s-toast>img {
    display: none;
    width: 16px;
    height: 16px
}

.s-toast>span {
    margin-left: 10px
}

.layout-recommend {
    width: 1184px;
    margin: 0 auto;
    color: #353535;
    margin-bottom: 50px
}

.layout-recommend .head {
    width: 100%;
    box-sizing: border-box;
    padding-left: 24px;
    font-size: 14px;
    height: 54px;
    line-height: 54px;
    background-color: #fff;
    box-shadow: inset 0 -1px 0 0 #f1f1f1;
    font-weight: 600
}

.layout-recommend ul {
    padding: 24px;
    background: #fff;
    font-size: 0
}

.layout-recommend ul::after {
    clear: both;
    display: table;
    content: ''
}

.layout-recommend li img {
    width: 121px;
    height: 121px;
    margin-bottom: 12px;
    border: solid 1px #f1f1f1;
    cursor: pointer
}

.layout-recommend li p:nth-child(2) {
    font-size: 12px;
    height: 34px;
    overflow: hidden;
    word-break: break-all;
    word-wrap: break-word
}

.layout-recommend li p:nth-child(2):hover {
    color: #316ccb
}

.layout-recommend li {
    width: 121px;
    display: inline-block;
    margin-left: 24px;
    float: left;
    cursor: pointer
}

.layout-recommend li:nth-child(1) {
    margin-left: 0
}

.layout-recommend li .price-line {
    color: #ff7300;
    font-size: 12px
}

.layout-recommend li .price-line:hover {
    color: #316ccb
}

.layout-recommend li .price-pre {
    font-size: 14px
}

.layout-recommend li .price {
    font-size: 18px
}

.layout-recommend li .price-suffix {
    font-size: 12px
}

.mod-rec-box .b-item .recommend-link {
    color: #555;
    text-decoration: none
}

.mod-rec-box .b-item .recommend-link:hover {
    color: #316ccb;
    text-decoration: none
}

.mod-rec-box .r-item {
    margin-right: 64px;
    font-size: 0
}

.mod-rec-box .r-item:last-child {
    margin-right: 0
}

.mod-rec-box .img {
    display: inline-block;
    vertical-align: top;
    width: 80px;
    height: 80px;
    margin-right: 16px;
    overflow: hidden;
    border: 1px solid #f1f1f1;
    box-sizing: border-box
}

.mod-rec-box .img>img {
    width: 80px;
    height: 80px;
    object-fit: cover
}

.mod-rec-box .info {
    display: inline-block;
    vertical-align: top;
    width: 240px;
    font-size: 14px;
    line-height: 20px;
    color: #959595
}

.mod-rec-box .info>a {
    cursor: pointer
}

.mod-rec-box .info>a:hover h3 {
    color: #316ccb
}

.mod-rec-box .info>p {
    margin-top: 2px
}

.mod-rec-box .shop {
    display: block;
    margin-top: 18px;
    cursor: pointer
}

.mod-rec-box h3 {
    color: #353535;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.mod-rec-box .price-box {
    display: block;
    margin-top: 40px;
    cursor: pointer
}

.mod-middle {
    width: 1184px;
    margin: auto;
    padding-bottom: 32px
}

.mod-middle:after {
    display: table;
    content: '';
    clear: both
}

.mod-middle .middle-left {
    float: left;
    width: 944px
}

.mod-middle .middle-right {
    float: right;
    background: #f1f1f1
}

.mod-recommend-merchants {
    width: 224px;
    background: #fff;
    position: relative;
    padding: 0 16px;
    padding-top: 16px;
    box-sizing: border-box
}

.mod-recommend-merchants .recommend-icon {
    width: 46px;
    height: 46px;
    background: url(//img.wuage.com/public/153499298823830184178_94_94.png) no-repeat;
    background-size: 46px 46px;
    position: absolute;
    top: 0;
    right: 0
}

.mod-recommend-merchants p.top-tit {
    font-size: 12px;
    font-weight: 400;
    color: #656565;
    padding-bottom: 16px
}

.mod-recommend-merchants .cover-line {
    width: 176px;
    height: 1px;
    background-color: #f1f1f1
}

.mod-recommend-merchants .item-merchants {
    position: relative;
    width: 100%;
    text-align: center;
    cursor: pointer;
    min-height: 308px;
    border: 1px solid #e5e5e5;
    margin-bottom: 16px;
    box-sizing: border-box
}

.mod-recommend-merchants .item-merchants img {
    width: 153px;
    height: 158px;
    margin: 0 auto;
    margin-top: 8px;
    margin-bottom: 12px
}

.mod-recommend-merchants .item-merchants p:nth-child(3) {
    color: #353535
}

.mod-recommend-merchants .item-merchants p {
    font-size: 12px;
    text-align: left;
    color: #959595;
    padding-left: 8px
}

.mod-recommend-merchants .item-merchants p:nth-child(3):hover {
    color: #316ccb
}

.mod-recommend-merchants .item-merchants span.main-tit {
    font-size: 12px;
    color: #959595;
    display: inline-block;
    width: 48px;
    vertical-align: middle
}

.mod-recommend-merchants .item-merchants span.sub-tit {
    font-size: 12px;
    width: 120px;
    vertical-align: middle;
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.mod-recommend-merchants .tag {
    width: 176px;
    min-height: 40px;
    text-align: left;
    font-size: 0;
    padding-left: 8px
}

.mod-recommend-merchants .tag .identity-icon-digital {
    margin-bottom: 4px
}

.empty-recommendMerchants {
    width: 176px;
    height: 155px;
    line-height: 300px;
    box-sizing: border-box;
    text-align: center
}

#contentList {
    padding-bottom: 16px
}

#contentList .cover {
    width: 176px;
    height: 0;
    margin-bottom: 16px
}

#contentList .want-here,
.empty-recommendMerchants .want-here {
    height: 36px;
    line-height: 36px;
    box-sizing: border-box;
    display: block;
    border-radius: 2px;
    border: solid 1px #e1e1e1;
    cursor: pointer;
    font-size: 12px;
    color: #353535;
    text-align: center
}

#contentList .want-here:hover,
.empty-recommendMerchants .want-here:hover {
    color: #316ccb
}

.empty-recommendMerchants .no-tip {
    width: 100%;
    height: 110px;
    border-top: 1px solid #f1f1f1;
    line-height: 113px;
    box-sizing: border-box;
    font-size: 12px;
    color: #959595
}

.mod-img .identity-icon-brand .identity,
.mod-img .identity-icon-pattern .identity {
    margin-right: 2px
}

.mod-recommend-merchants .identity-icon-brand .identity,
.mod-recommend-merchants .identity-icon-pattern .identity {
    margin-right: 2px
}

a.identity-icon,
span.identity-icon {
    margin-bottom: 4px
}

.mod-img .goods-mask {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    cursor: pointer
}

.mod-img .fe-col>p {
    position: relative
}