body {font-family:Microsoft YaHei,Helvetica Neue,Helvetica,STHeiTi,Arial,sans-serif;position: relative;font-size: .32rem;margin: 0 auto;max-width: 750px;padding: 0 0 0.8rem;}
img {display: block;width: 100%;}
li {list-style-type: none;}
.clearfix:after {content: '\0020';display: block;height: 0;clear: both;}

.info {margin: 0 auto;height: .5rem;background-color: #eef0f5;line-height: .5rem;padding-left: .4rem;padding-right: .4rem;box-sizing: border-box;font-size: .22rem}
.info .left {float: left;color: #8b8b8b;}
.info .right {float: right;color: #5e7fad;position: relative;}
.info .right::before {content: " ";width: .22rem;height: .22rem;background: url("//n1.sinaimg.cn/baby/search/icon.png") left center / .22rem auto no-repeat;display: inline-block;position: relative;top: .04rem;right: .1rem}

.sort_tip{position: absolute;width: 2.4rem;height: 1.97rem;right: -.2rem;background: url(//n.sinaimg.cn/auto/bcb2f64e/20200724/ico79.png);background-size: cover;padding-top: .2rem;box-sizing: border-box;display: none;z-index: 9999;}
.sort_tip a{font-size: .24rem;display: block;text-align: center;line-height: .8rem;color: #000;text-decoration: none;}
.sort_tip a.active{color: #fa5536;}

.fix-btns {transform: translate3d(-50%, 0, 0);position: fixed;bottom: 0;left: 50%;width: 7.5rem;height: .8rem;display: -webkit-flex;display: flex;z-index: 10;background: #fff;}
.fix-btns:before{position: absolute;content: '.';color: transparent;width: 1px;height: .3rem;background: #e6e6e6;left: 3.75rem;top: .25rem;}
.fix-btns .li{display: block;width: 50%;text-align: center;line-height: .8rem;height: .8rem;color: #565656;text-decoration: none;font-size: .28rem;}
.fix-btns .li.l0 span{padding: 0 0 0 .4rem;background: url(//n.sinaimg.cn/auto/efade7fd/20220525/rsicon.png) left center/.3rem auto no-repeat;}
.fix-btns .li.l0.act span{background: url(//n.sinaimg.cn/auto/efade7fd/20220525/rsiconon.png) left center/.3rem auto no-repeat;}
.fix-btns .li.l1 span{padding: 0 0 0 .4rem;background: url(//n.sinaimg.cn/auto/efade7fd/20220525/hticon.png) left center/.3rem auto no-repeat;}
.fix-btns .li.l1.act span{background: url(//n.sinaimg.cn/auto/efade7fd/20220525/hticonon.png) left center/.3rem auto no-repeat;}
.fix-btns .li.act{color: #FB7E86;}

.resou{position: relative; margin-top: .3rem;}

#click_shareimg {display: none;width: 1.23rem;height: 1.23rem;font-size: .2rem;color: #3526d9;line-height: .5rem;position: fixed;bottom: .2rem;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);text-align: center;border-radius: .12rem;z-index: 99;}

.hc2_imgTmp{max-width: 750px; width:100%; height:auto; position:fixed; top:0; left:0; z-index: 999; display:none; background: #fff;}
.hc2_imgTmp img{ width:100%; height:auto;  display:block; margin:0; padding:0;}
.hc2_imgTmp .con{ width: 100%; margin:0 auto; padding-bottom:.70rem; }
.hc2_imgTmp .con .str span{ position:relative; word-wrap: break-word; z-index:3;    display: block;text-align: justify; width:100%;}
.hc2_imgTmp .con .str em{ font-weight:bold; position:relative; padding-right:.3rem;}
.hc2_imgTmp .con .str em:after{ content:''; width:.04rem; height:100%; background-color:#1a1a1a; position:absolute; top:-.01rem; right:.14rem;}
.hc2_imgTmp .sharetit {position: absolute;top: .52rem; left: .6rem; font-size: .3rem; color: #323431; font-weight: bold;}
.hc2_imgTmp .codebox{ position: relative;}
.hc2_imgTmp .code{ padding: .08rem;width: 1.20rem;height: 1.20rem;background-color: #fff;position: absolute;top: .45rem;right: .35rem;}
.hc2_imgTmp .code .c{ width: 1.20rem;height: 1.20rem;}
.hc2_imgTmp .top-img{position: relative;width: 7.5rem;}
.hc2_imgTmp .top-img img{position: relative;width: 7.5rem;}
.hc2_imgTmp .top-img .txt{text-align: center;font-size: .24rem;color: #e23672;border-radius: .15rem;background: #fff;position: absolute;top: 2.05rem;left: 50%;margin-left: -1.1rem;width: 2.2rem;height: .3rem;line-height: .3rem;}
.hc2_imgTmp .top-img .txt2{font-size: .24rem;color: #a1a1a1;position: absolute;left: 0;right: 0;bottom: -0.3rem;background: #fff;height: 0.7rem;border-top-left-radius: 0.3rem;border-top-right-radius: 0.3rem;padding-left: 0.38rem;line-height: .8rem;}

.shareLongImg{ width:100%; max-width: 750px; transform: translateX(-50%); height:100%; background-color:rgba(0,0,0,0.8); z-index:999; position:fixed; top:0; left:50%; display:none;}
.shareLongImg .longimg_b{ width:86%; max-height:8.16rem; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}
.shareLongImg .longimg_b .longimg{ width:100%; max-height:8.16rem; overflow:hidden; overflow-y:auto; -webkit-overflow-scrolling:touch;}
.shareLongImg .longimg_b .close{ width:.29rem; height:.29rem; background:url(//n.sinaimg.cn/auto/chezhan2017/ss724_simg_close.png) 0 0/100% auto no-repeat; position:absolute; top:-.41rem; right:0;}
.shareLongImg .longimg_b span{ font-size:.22rem; color:#f3f7fa; text-align:center; line-height:.53rem; position:absolute; bottom:-.53rem; left:0; width:100%; height:.53rem;}
.shareLongImg .img_loading{ width:100%; height:100%; display:block; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); z-index:9;}
.shareLongImg .img_loading .loading_img{ width:.69rem; height:.69rem; margin:4.34rem auto 0; position:relative;}
.shareLongImg .img_loading .loading_img i{ width:100%; height:100%; display:block; background:url(//n.sinaimg.cn/auto/chezhan2017/zb_loading.png) 0 0/100% auto no-repeat; position:absolute; top:0; left:0; animation:loadimg 1.5s linear infinite;}
.shareLongImg .img_loading .loading_str{ width:2.86rem; margin:.5rem auto 0; font-family:PingFang SC; font-size:.3rem; color:#fff; text-align:center;}
.shareLongImg .img_loading .loading_str p{ line-height:.48rem;}
.shareLongImg .img_loading .fbi{display: none; width:2.45rem; height:.2rem; background: url(//n.sinaimg.cn/auto/bcb2f64e/20210615/ico202.png) center top/auto .2rem no-repeat; margin:.25rem auto;}
@keyframes loadimg{
    from{
        transform:rotate(0deg);
    }
    to{
        transform:rotate(360deg);
    }
}

.look_more {height: .9rem;margin: -1.2rem 0 0;position: relative;z-index: 5;position: absolute;bottom: 0;width: 100%;padding: 0 0;}
.look_more::before {content: '';height: .9rem;display: block;background-size: 100% 100%;margin-bottom: -.01rem;background-image: linear-gradient(-180deg, rgba(255,255,255,0) 0, #FFFFFF 100%);}
.look_more_div {top:.86rem;height: .8rem;line-height: 0.52rem;font-family: PingFangSC-Regular;font-size: .16rem;color: #fe350e;position: absolute;width: 2rem;margin: 0 auto;background: #fff;width: 100%;text-align: center;}
.look_more_div a {display: inline;color: #fb7e26;position: relative;font-size: .28rem;text-decoration: none;}
.look_more_span {display: block;height: .34rem;width: .34rem;background: url(//n.sinaimg.cn/auto/694a3da9/20221205/icon_hotshare01.png) no-repeat;background-size: .32rem .32rem;position: absolute;top: 54%;transform: translateY(-50%);-ms-transform: translateY(-50%);-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);-o-transform: translateY(-50%);right: -.4rem;cursor: pointer;}

.list a {margin: 0 auto;display: flex;color: #000;text-decoration: none;box-sizing: border-box;padding-left: .26rem;padding-right: .3rem;line-height: .92rem;border-bottom: .01rem solid #DCDDDE;}
.list a .left,.list a .right {flex: 1;}
.list a .left { padding-left: .55rem; position: relative;}
.list a .left img{width:.28rem; height:.28rem;margin-left: .05rem;position: relative;top:.03rem;display: inline-block;}
.list a .reco,.list a .hot,.list a .fei,.list a .new {color: #fff;margin-left: .08rem;padding: .02rem .06rem;border-radius: .06rem;font-size: .24rem;line-height: .24rem;position: relative; top: -.03rem;}
.list a .reco {background: #4db2fe;}
.list a .fei {background: #f76100;}
.list a .new {background: #fe4c63;}
.list a .hot {background: #fe9d00;}
.list a em {color: #ff8726; position: absolute; top: 0; left: 0; width: .4rem;height: 100%; text-align: center;}
.list a em.high {font-weight: bold;color:#f85c38;}
.list a em.low {color: #a1a1a1;}
.list a em.top {width: .23rem;height: 100%;background: url("//n1.sinaimg.cn/baby/search/icon2.png") left center/.23rem auto no-repeat;margin-right: .13rem;}
.list a .right {text-align: right;color: #a1a1a1;flex: none;font-size: .22rem;}
.list a.imgs div {flex: 1; max-width: 2rem;}
.list a.imgs div:nth-child(2) {margin: 0 .2rem;}
.list a.imgs img {border-radius: .14rem;}
.list a.imgdesc {font-size: .24rem;padding-top: 0.2rem;color: #8b8b8b;line-height: initial;}
.list .hasimgs {border-bottom: 1px solid #e9e6e6; padding-bottom: 0.2rem;}
.list .hasimgs a {border-bottom: none;}

.graphic .li{position: relative;height: 1.56rem;line-height: 1.56rem;overflow: hidden;display: -webkit-flex;display: flex;padding: 0.28rem .2rem 0.28rem .2rem;border-bottom: .01rem solid #DCDDDE;}
.graphic .li:last-child{ border-bottom: none;}
.graphic .li .num{font-style: italic;color: #ff8200;font-size: .32rem;text-align: center;width: 0.5rem; display: inline-block;}
.graphic .li.l1 .num{}
.graphic .li.l2 .num{}
.graphic .li.l3 .num{}
.graphic .li .img{position: relative;width: 1.56rem;height: 1.56rem;border-radius: 5px;overflow: hidden;margin: 0 0 0 .12rem;}
.graphic .li .img img{display: block;width: 100%;}
.graphic .li .txt{position: relative;padding-left: .3rem;color: #0f0f0f;font-size: .3rem;flex: 1;}
.graphic .li .txt .t1{position: relative;font-size: .32rem;height: .4rem;overflow: hidden;line-height: .4rem;}
.graphic .li .txt .t2{font-size: .24rem;margin: .12rem 0 0;max-height: .6rem;line-height: .31rem;overflow: hidden; color: #636363;}
.graphic .li .txt .t3{color: #999999;font-size: .22rem;height: 0.24rem;line-height: .24rem;position: absolute;bottom: 0;left: 0.3rem;}