* {  margin: 0;  padding: 0  }
html, body {  width: 100%  }
img {  border: 0  }
i{font-style: normal}
ul li{  list-style: none  }
a {  text-decoration: none;  outline: 0  }
a, button, input, textarea, select {  -webkit-tap-highlight-color: transparent;  -webkit-appearance: none  }
@media screen and (min-width: 321px) and (max-width: 375px) {
    html {
        font-size: 11px
    }
}

@media screen and (min-width: 376px) and (max-width: 414px) {
    html {
        font-size: 12px
    }
}

@media screen and (min-width: 415px) and (max-width: 639px) {
    html {
        font-size: 15px
    }
}

@media screen and (min-width: 640px) and (max-width: 719px) {
    html {
        font-size: 20px
    }
}

@media screen and (min-width: 720px) and (max-width: 749px) {
    html {
        font-size: 22.5px
    }
}

@media screen and (min-width: 750px) and (max-width: 799px) {
    html {
        font-size: 23.5px
    }
}

@media screen and (min-width: 800px) {
    html {
        font-size: 25px
    }
}
.wall {  display: block;  position: relative;overflow: hidden; width: 5.96rem;margin: 0  auto; }
.wall-column {
    display: block;  position: relative;  width: 2.83rem;  float: left;  box-sizing: border-box
}
.wall .wall-column:last-child{
    margin-left: 0.22rem;
}
.article {
    display: block;  margin: 0 0 8%;  background: #fff;  border-radius: 0.13rem;  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);  overflow: hidden;  position: relative
}
.article a > img {
    display: block;  width: 100%;  ;width: 100%;
    height: 1.68rem;
    /* margin-bottom:0.21rem ; */
}
.art_s1{
    display: block;overflow: hidden;padding: 0 .1rem;
}
.art_s1 i{
    display: inline-block;
}
.art_s1_i1{
    /* display: inline-block;color: #000000;font-size: .24rem;float: left;line-height: .28rem;width: 1.9rem;overflow: hidden;height: .28rem; */
    display: block;
    text-align: left;
    color: #010424;
    height: .46rem;
    line-height: .46rem;
    font-size: 0.22rem;
    width: 2.57rem;
    margin: 0.15rem auto 0;
    overflow: hidden;
    text-overflow: ellipsis;
}
.art_s1_i2{
    display: inline-block;color: #b9b9b9;font-size: .18rem;float: right;text-indent: .35rem;background: url("/Public/img/find_eyes.svg") no-repeat 0 50%;
    background-size: .25rem auto;line-height: .28rem;
}
.art_s2{
    display: block;overflow: hidden;padding: 0 .1rem;padding-bottom: .18rem;
}
.art_s2 label{
    float: left;display: inline-block;width: .25rem;height: .25rem;overflow: hidden;border-radius: 50%;
}
.art_s2 label img{
    width: 100%;height: 100%;float: left;
}
.art_s1_i3{
    display: inline-block;float: left;color: #777777;font-size: .2rem;line-height: .25rem;margin-left: .1rem;height: .25rem;width: 1.2rem;
    overflow: hidden;
}
.art_s1_i4{
    display: inline-block;float: right;color: #b9b9b9;font-size: .18rem;line-height: .25rem;
}