* {
    margin: 0;
    padding: 0;
    -webkit-text-size-adjust:none;
}

html {
    font-size: 50px;
}

.menu img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    margin: 0 auto;
    pointer-events: none;
    user-select: none;
    display: block;
}

body {
    background: rgba(248, 248, 248, 1);
    margin: .30rem auto;
    padding: 0 .30rem;
    -webkit-overflow-scrolling: touch;
}
@font-face {
    font-family: "iconfont";
    src: url("//img.58cdn.com.cn/dist/jxedt/h5/products/m/font//iconfont.eot");
    /* IE9*/
    src: url("//img.58cdn.com.cn/dist/jxedt/h5/products/m/font//iconfont.eot") format("embedded-opentype"), /* IE6-IE8 */ url("//img.58cdn.com.cn/dist/jxedt/h5/products/m/font//iconfont.woff") format("woff"), /* chrome, firefox */ url("//img.58cdn.com.cn/dist/jxedt/h5/products/m/font//iconfont.ttf") format("truetype"), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/ url("//img.58cdn.com.cn/dist/jxedt/h5/products/m/font//iconfont.svg") format("svg");
    /* iOS 4.1- */
}
.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.wrapper {
    width: 100%;
    box-sizing: border-box;
}
.wrapper .header .bg{
    background:url(../image/bg.png) no-repeat center;
    background-size:cover !important;
    width:100%;
    height:3.4rem;
    overflow: hidden;
}
.wrapper .headerInfo{
    background:white;
    box-sizing: border-box;
    width:100%;
    padding:0 .3rem;
    font-size:.3rem;
    color:#666;
    padding-top:.2rem;
}
.wrapper .headerInfo .tip{
    font-size:.24rem;
    color:#bfbfbf;
    margin-top:.2rem;
}
.wrapper .headerInfo .tip span{
    margin-right:.6rem;
}
.wrapper .header img{
    width:4.2rem;
    height:1.9rem;
    margin:.76rem auto;
}
.wrapper header {
    height: 1rem;
    display: flex;
    align-items: center;
    padding: 0 .3rem;
    font-size: .36rem;
    background:white;
    font-weight: bold;
}

.wrapper .menus {
    width: 100%;
    margin: 0 auto;
    display: flex;
    height: 3.76rem;
    justify-content: space-between;
    font-size: .3rem;
    align-items: center;
    color: #333;
    flex-wrap: wrap;
    text-align: center;
    background:white;
    /*兼容iOS8*/
    display: -webkit-flex;
    -webkit-justify-content: space-between;
    -webkit-align-items: center;
    -webkit-flex-wrap: wrap;
}

.wrapper .menus .menu {
    width: 23%;
    font-size: .3rem;
    justify-content: center;
    color: #333;
    margin: 0 .2rem;
}

.wrapper .menus .menu img {
    width: .8rem;
    height: .8rem;
    margin: 0 auto .1rem;
}

.listWrapper {
    width: 100%;
    padding: 0 .3rem;
    background: white;
    box-sizing: border-box;
    margin-top:.2rem;
}

.listWrapper .list {
    display: block;
    overflow: hidden;
}

.listWrapper .top {
    width: 100%;
    justify-content: space-between;
    display: flex;
    padding-top: .2rem;
    align-items: center;
}

.listWrapper .top .icon {
    width: .7rem;
    height: .7rem;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    overflow: hidden;
}

.listWrapper .top .info {
    margin-right: auto;
    margin-left: .3rem;
}

.listWrapper .top .info .author {
    color: #4F7572;
    font-size: .3rem;
}

.listWrapper .top .info .postTime {
    color: #808080;
    font-size: .24rem;
}

.listWrapper .list:not(nth-last-child) {
    border-bottom: 1px solid #f2f2f2;
}

.listWrapper .top .tag {
    font-size: .16rem;
    color: #b2b2b2;
    position: relative;
    top: -.1rem;
    border-radius:1px 6px 1px 6px;
    border:1px solid #B2B2B2;
    padding:0px 8px;
}

.listWrapper .content {
    font-size: .3rem;
    color: #333;
    margin-left: 1rem;
    margin-top: .2rem;
}


.listWrapper .content .showMore{
    color:#24c27d;
    font-size:.3rem;
    cursor: pointer;
}
.listWrapper .content .image {
    width: 4.2rem;
    height: 1.9rem;
    margin-top: .2rem;
    display: inline-block;
    overflow-x: hidden;
}

.listWrapper .content .image.multiple {
    width: 100%;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    height: auto;
}

.listWrapper .content .image.multiple img {
    width: 1.9rem;
    height: 1.9rem;
}

.listWrapper .content .image.multiple img:nth-child(3n + 2):last-child {
    margin-right: auto;
    margin-left: .1rem;
}

.listWrapper .bottom-icon {
    margin: .3rem 0;
    display: flex;
    justify-content: space-between;
}

.listWrapper .bottom-icon .icon {
    font-size: .22rem;
    color: #808080;
    display: flex;
    align-items: center;
}

.listWrapper .bottom-icon .icon img {
    width: .4rem;
    height: .4rem;
    margin-right:.1rem;
}

.listWrapper .bottom-icon .icon:last-child {
    margin-right: .44rem;
}