/**
 * PC端
 */
  li {list-style: none;zoom: 1;}
@media screen and (min-width:768px) {
    #fleaMarketList {
        margin-top: 20px
    }
    .ListImg img {
        width: 100%
    }

    .secondTitle {
        width: 1184px;
        height: 40px;
        background-color: #ffffff;
        border-bottom: 1px solid #E15616;
        margin-top: 20px
    }

    .ClassA {
        width: 128px;
        height: 40px;
        display: inline-block;
        text-align: center;
        line-height: 40px;
        font-size: 16px;
        cursor: pointer;
        color: #333333;
        border: 0;
    }

    .active {
        background: #E15621;
        color: #fff;
    }
    .activeImg{
        opacity: 0.5;
    }

    .fabu {
        float: right;
        text-align: center;
        color: #e15616;
        border-bottom: 1px solid #e15616;
        height: 32px;
        margin-right: 30px
    }

    .fabu a {
        line-height: 40px;
        color: #e15616
    }

    .mainTab {
        background: #fff;
        width: 128px;
        position: absolute;
        z-index: 1;
    }

    .Listitem:nth-of-type(4n) {
        margin-right: 0;
    }

    .mainTab li {
        height: 40px;
        line-height: 40px;
        text-align: center;
        color: #627386;
        cursor: pointer;
    }

    .mainTab li.addstyle {
        background: #ffe6dc;
        color: #e15616;
    }

    .shopList {
        width: 1184px;
        margin: 20px auto;
        font-size: 0;
    }

    .Listitem {
        width: 284px;
        display: inline-block;
        margin: 0 16px 20px 0;
    }

    .itemImg {
        display: block;
        position: relative;
        width: 100%;
        height: 284px;
        margin-right: 20px;
        background-color: #fff;
        cursor: pointer;
    }

    .itemImg .bigImg {
        width: 100%;
        height: 100%;
    }

    .infotag {
        font-size: 10px;
        width: 58px;
        height: 22px;
        line-height: 22px;
        text-align: center;
        display: inline-block;
        border-radius: 2px;
        flex: auto;
        margin: 0 3px
    }

    .ItemInfo tag {
        display: flex;
    }

    .infotag.news {
        border: solid 1px #f94b4b;
        color: #f94b4b;
        background-color: #fadbdb
    }

    .infotag.brand {
        border: solid 1px #f9a24b;
        color: #f9a24b;
        background-color: #faefdb;
    }

    .infotag.sold {
        border: solid 1px #9aa5b5;
        color: #9aa5b5;
        background-color: #e3ebf7;
    }

    .infotag.other {
        border: solid 1px #1890f9;
        color: #1890f9;
        background-color: #e3ebf7;
    }

    .ItemInfo {
        background: #fff;
        padding: 10px
    }

    .targetprice {
        font-size: 16px;
        color: #f94b4b;
        cursor: pointer;
    }

    .productname {
        font-size: 16px;
        color: #22272e;
        text-align: justify;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        margin: 8px 0;
    }

    .shijian {
        font-size: 12px;
        color: #9aa5b5;
        text-align: justify;
        margin: 8px 0;
        position: relative;
    }

    .shijian div {
        display: inline-block;
    }

    .shijian div:nth-child(1) {
        margin-right: 60px
    }

    .dizhi {
        font-size: 12px;
        color: #9aa5b5;
        margin-bottom: 8px;
        position: relative;
        margin-right: 20px
    }
     .icon.shijian:before {
        background-position: -117px -328.5px;
        width: 20px;
        height: 23px;
        position: absolute;
        right: 3px;
        top: -4px
     }
    .icon.liulanliang:before {
        background-position: -187px -326.5px;
        width: 20px;
        height: 20px
    }

    .icon.dizhi:before {
            background-position: -326px -326.5px;
            width: 20px;
            height: 23px;
            position: absolute;
            right: -20px;
            top: -5px
    }

    .isShow {
        display: block;
    }

    .no-content {
        padding: 180px 0 160px;
        background-color: #fff;
        opacity: 0;
    }

    .no-content img {
        display: block;
        margin: 0 auto;
    }

    .error-message {
        font-size: 16px;
        text-align: center;
        margin-top: 50px;
    }

    .show {
        opacity: 1 !important;
    }

    .page-area {
        width: 1190px;
        height: 60px;
        padding-top: 20px;
        font-size: 14px;
        text-align: center;
        clear: both;
        background: #fff;
        margin: 5px auto;
    }

    .page-area a {
        border: 1px solid #EFEFEF;
        color: #636262;
        line-height: 14px;
        padding: 4px 10px;
        background: #fff;
        border-radius: 3px;
        -moz-border-radius: 3px;
        vertical-align: inherit;
    }

    .page-area a:hover {
        border: 1px solid #ccc;
        color: #666;
        text-decoration: none;
    }
}

/* 移动端*/
@media screen and (max-width:768px){
#fleaMarketList{width: 100%;overflow: hidden}
.shopList{background: #fff}
.Listitem{height:33vw;padding: 10px;border-bottom: .24vw solid #F0F2F4}
.ListImg{
    width: 100%;
    height: 35.3vw
}
.ListImg img {
   width: 100%;
   height: 100%;
}
 .secondTitle {
        width: 100%;
        height: 10vw;
        background-color: #ffffff;
        border-bottom: .24vw solid #F0F2F4;
        position: relative
    }

    .ClassA {
        width: 32vw;
        height: 10vw;
        display: inline-block;
        text-align: center;
        line-height: 10vw;
        font-size: 3.86vw;
        cursor: pointer;
        color: #9aa5b5;
        border: 0;
        position: relative;
    }
     .mainTab {
        background: #fff;
        width: 29vw;
        position: absolute;
        z-index: 1;
    }
       .Listitem:nth-of-type(4n) {
        margin-right: 0;
    }

    .mainTab li {
        height: 9.6vw;
        line-height: 9.6vw;
        text-align: center;
        color: #627386;
        cursor: pointer;
    }
     .active {
        color: #E15621;
    }
    .line{
        width: 10vw;
        margin:0 auto;
        height: .48vw;
        background-color: #e15616;
        display: block
    }
    .mainTab li.addstyle{
        color: #e15616;
    }
    .itemImg{
        width:31.2vw;
        height:31.2vw;
        float: left;
        background: #000;
    }
    .activeImg{
        opacity: 0.5;
    }
    .itemImg img{
        width: 100%;
        height: 100%;
    }
    .ItemInfo{
      float: right;
     width: 60vw
    }
    .infotag {
        font-size:  0.4vw;
        width: 11.6vw;
        height: 4.8vw;
        line-height:  4.8vw;
        text-align: center;
        display: inline-block;
        border-radius: .48vw;
        flex: auto;
        margin: 0 .72vw
    }
    .infotag.news {
        border: solid 1px #f94b4b;
        color: #f94b4b;
        background-color: #fadbdb
    }

    .infotag.brand {
        border: solid 1px #f9a24b;
        color: #f9a24b;
        background-color: #faefdb;
    }

    .infotag.sold {
        border: solid 1px #9aa5b5;
        color: #9aa5b5;
        background-color: #e3ebf7;
    }

    .infotag.other {
        border: solid 1px #1890f9;
        color: #1890f9;
        background-color: #e3ebf7;
    }
     .targetprice {
        font-size: 4vw;
        color: #f94b4b;
        cursor: pointer;
    }
    .productname{
        color: #627386;
        letter-spacing: 1px;
        font-size: 4vw;
        margin: 1.2vw 0;
    }
    .shijian {
        font-size: 3.46vw;
        color: #9aa5b5;
        text-align: justify;
        margin-bottom: 1.2vw ;
        position: relative;
    }

    .shijian div {
        display: inline-block;
    }

    .shijian div:nth-child(1) {
        margin-right:16vw;
    }
    .dizhi {
        font-size:  3.46vw;
        color: #9aa5b5;
        margin-bottom: 1.2vw;
        position: relative;
        margin-right: 20px
    }

    .mIcon.liulanliang:before {
        background-position: -28.8vw -15.5vw;
        width: 5.3vw;
        height: 5.3vw;
    }

    .mIcon.shijian:before {
        background-position: -36.8vw -15.5vw;
        width: 4.9vw;
        height: 6vw;
        position: absolute;
        right: .24vw;
        top: -1.45vw;
    }
    .mIcon.dizhi:before {
        background-position: -87.7vw -38.4vw;
        width: 5.3vw;
        height: 5.3vw;
        position: absolute;
        right: -6vw;
        top: -1.3vw
    }
    .mIcon.off:before{
        background-position: -68vw .53vw;
        width: 5.3vw;
        height: 5.3vw;
        position: absolute;
        right: 5vw;
        top: 1.7vw;
    }
    .mIcon.open:before{
        background-position: -60.3vw .53vw;
        width: 5.3vw;
        height: 5.3vw;
        position: absolute;
        right: 5vw;
        top: 1.7vw;
    }
    .no-content{
        padding:26.6vw 5.3vw;
        background-color: #fff;
        margin: auto;
        }
   .no-content img{
        width: 50%;
        display: block;
        margin: 0 auto;
        padding: 0.5rem 0;
        }
   .error-message{
        text-align: center;
        margin-top: 5.3vw;
        font-size: 3.7vw;
        color: #53504D
        }
    .fabu{
        background: #e15616;
        height: 56px;
        width: 100%;
        text-align: center;
        line-height: 56px;
        font-size: 19px;
        position: fixed;
        bottom: 0;
        z-index: 1
    }
    .fabu a{color: #fff}
}
