html { font-size:625%; } 
body{ min-width:320px; margin:0 auto; padding:0; position:relative;font-size:.25rem; background-color:#fff;}
a,a:hover,a:active,a:visited,a:link,a:focus{
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
    outline:none;
    background: none;
    text-decoration: none;
}
a.disabled{color:#ccc}
.btn, a.btn{ display:inline-block; font-size:.25rem; background-color:#71A22C; color:#fff; text-align:center; border-radius:.06rem; padding:.06rem .15rem; }
.btn2, a.btn2{ display:inline-block; background-color:#71A22C; color:#fff; text-align:center; border-radius:.1rem; width:100%; height:.7rem; line-height:.7rem}
.box-shade{background-color:rgba(0,0,0,0.5); position: fixed; top:0; left:0; width:100%; height:100%; z-index:9999; display:none;}
.box-content{ display:none;position:absolute;  left:0; top:0; z-index:10000; width:100%; height:100%; color:#fff;}
.box-content .close{ position:absolute; left:0; bottom:2rem; text-align:center; display:block; width:100% }
.box-content .close i{font-size:.6rem}

.to-top{position:fixed; right:.15rem; bottom:1rem; transition: bottom .5s; display:none;}
.to-top.down{bottom:.2rem;}
.to-top .iconfont{font-size:.6rem; color:#71A22C;}

.container{position: relative; padding-top:1.44rem}
.container2{padding-top:.82rem}
.main-box{position: relative;}
/*header*/
header{ width:100%;    position:fixed; z-index:9999; overflow:hidden; top:0}
.header-ab{ position:absolute}
.bar-top{height:.82rem; line-height:.82rem; width:100%; background-color:#72A42E; padding:0 .25rem; color:#fff; overflow:hidden; font-size:.3rem;}
.bar-top .iconfont{ font-size:.48rem; color:#fff}
.bar-top .left,.bar-top .right{position:relative; z-index:1;color:#fff; }
.bar-top .left.select-city .iconfont{ font-size:.26rem; color:#fff}
.bar-top .left span{font-size:.26rem; margin-right:.1rem}
.bar-top .right{ float:right;}
.bar-top h1{ position:absolute; left:0; top:0; text-align:center; height:.82rem; width:100%; font-size:.32rem}
.nav-top{ height:.62rem; line-height:.62rem; width:100%; padding:0 .1rem; border-bottom:1px solid #DDD; background-color:#fff; position:relative}
.nav-top a{padding:0 .2rem; text-align: left; width:auto  }
.nav-top a:hover, .nav-top a.cur{ color:#72A42E}
.nav-top .mask{position:absolute; height:.6rem; top:0; right:0;width:.5rem; z-index:2;background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 80%);}
.nav-top .mask.left{left:0;background: linear-gradient(to left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 60%);}
.sub-nav{border-bottom:1px solid #DDD; background-color:#fff; line-height:1rem;}
.sub-nav a{display:block; padding-left:.3rem; font-size:.32rem; color:#333}
.sub-nav img{height:.6rem; margin-right:.2rem;}
.sub-nav .iconfont{font-size:.36rem; margin-right:.2rem}
.sub-nav a span{ font-size:.24rem; border:1px solid #72A42E; color:#72A42E; border-radius:.08rem; padding:.01rem .15rem; margin-left:.2rem; margin-top:-1px;}

.main-box1 .container{padding-top:2.4rem} /*有 top*/
.main-box1 .top-news{ padding:.3rem 0;padding-left:.3rem;border-bottom:1px solid #DDD; background-color:#fff}
.main-box1 .top-news a{font-size:.3rem; display:block}
.main-box1 .top-news span{font-size:.24rem; border:1px solid #72A42E; color:#72A42E; border-radius:.08rem; padding:.01rem .15rem; margin-left:.1rem; margin-top:-1px;}
.main-box2 .sub-nav{line-height:.4rem; padding:.1rem 0; }
.main-box2 .sub-nav a{font-size:.26rem;}
.main-box2 .container{padding-top:2.52rem}
.main-box3 .container{padding-top:2.92rem}
.main-box4 .container{padding-top:3.32rem}
.main-box5 .container{padding-top:3.72rem}
.main-box6 .container{padding-top:4.12rem}

/*feed*/
.feed-tab ul{ padding:.1rem .25rem 0; border-bottom:#eee solid 1px; }
.feed-tab ul li{  display:inline-block; font-size:.28rem; padding-right:.5rem}
.feed-tab ul li.cur a{color:#72A42E; display:inline-block; height:100%; border-bottom:1px solid #72A42E}

.feed-tab2 ul{border-bottom:none}
.feed-tab2 ul li{  display:block; font-size:.28rem; padding-right:0; width:33.33%; float:left; }
.feed-tab2 ul li a{display:block; width:100%; height:100%; text-align:center;}
.feed-tab2 ul li.cur a{color:#72A42E;border-bottom:1px solid #72A42E}

.feed{background-color:#fff; padding-bottom:.14rem}
.feed-item, .send-btn{ margin-top:.12rem; border-top:1px solid #DDD; border-bottom:1px solid #eaeaea; box-shadow:0px 0 .05rem #DDD;padding:.3rem .2rem}
.feed-item .top{height:.8rem;}
.feed-item .top img{ height:.8rem; width:.8rem; border-radius:50%; margin-right:.15rem; float:left}
.feed-item .top h2{padding-top:.05rem; font-size:.3rem}
.feed-item .top p{ color:#777}
.feed-item .top p a{margin-left:.2rem; color:#777}
.feed-item .middle{ padding-right:.2rem; margin-top:.1rem;  margin-left:.75rem;}
.feed-item .middle h2{ padding-left:.2rem; margin-bottom:.15rem}
.feed-item .middle h2 span{color:#1E4E90}
.feed-item .middle .img{padding-left:.2rem}
.feed-item .middle .img span{display: inline-block; width:1.6rem; height:1.6rem; margin-right:.15rem; margin-bottom:.15rem; background-position:center; background-repeat:no-repeat; background-size: cover;}
.feed-item .middle .img img{width:1.6rem; height:1.6rem; margin-right:.15rem; margin-bottom:.15rem}
.feed-item .middle .url{padding-left:.2rem; margin-bottom:.15rem;}
.feed-item .middle .url div{padding:.15rem .12rem; background-color:#E7E7E7; position:relative; }
.feed-item .middle .url .img{width:.62rem; height:.62rem;  position:absolute; left:.12rem;background-position:center; background-repeat:no-repeat; background-size: cover;}
.feed-item .middle .url p{height:.62rem; width:100%; overflow:hidden; padding-left:.76rem; }
.feed-item .middle .url p label{display:table;height:.62rem;}
.feed-item .middle .url p span{display:table-cell; vertical-align:middle}
.feed-item .middle .location{padding-left:.2rem; font-size:.20rem; color:#1E4E90; margin-bottom:.12rem}
.feed-item .middle .location .iconfont{ font-size:.24rem; color:#333; margin-right:.1rem; padding-top:.05rem}
.feed-item .middle .tag{padding-left:.2rem;  color:#777; text-align:right;margin-bottom:.15rem; }
.feed-item .middle .tag a{margin-right:.2rem; color:#777}
.feed-item .middle .transmit-box{ background-color:#E7E7E7; padding:.2rem .2rem .05rem 0; margin-bottom:.15rem}
.feed-item .middle .transmit-box .url div{background-color:#CFCFCF;}
.feed-item .middle .transmit-box .transmit-box{padding-right:0}
.feed-item .middle .transmit-box .transmit-box.deep{background-color:#CFCFCF;padding-right:.12rem; margin-left:.2rem;}
.feed-item .bottom {border-top:1px solid #E7E7E7; width:95%; margin:0 auto}
.feed-item .bottom li{float:left; width:33.33%; text-align:center; padding-top:.15rem}
.feed-item .bottom li .iconfont{ font-size:.3rem; margin-right:.05rem}
.feed-item .bottom li a.cur, .feed-item .bottom li a.cur:hover, .feed-item .bottom li a.cur .iconfont{color:#6EB62C;}
.feed-item .bottom li a:hover{color:#000}
.feed-item2{padding-left:.4rem; padding-right:.4rem}
.feed-item2 .top{height:.65rem}
.feed-item2 .top h2{color:#777}
.feed-item2 .top img{width:.56rem; height:.56rem}
.feed-item2 .middle{margin-left:0;}
.feed-item2 .middle .location span{color:#777;}
.feed-item2 .middle .location label{margin-right:.3rem}
.send-btn{padding:.1rem .2rem; position:fixed; bottom:0; width:100%; background-color:#fff; height:.92rem;z-index:10000; transition: bottom .5s; border-top:0; border-bottom:0; box-shadow: none;}
.send-btn.hide{bottom:-.92rem;}

.feed-banner{ margin-top:0rem}
.feed-banner img{width:100%}

.feed-statistics{ margin-top:.12rem; position:relative}
.feed-statistics p{padding-left:.3rem}
.feed-statistics p em{ margin-right:.2rem; text-decoration:underline}
.feed-statistics p em.cur{color:#72A42E}
.feed-statistics .tab{ position:absolute; top:.3rem; left:4.5rem}
.feed-statistics .tab li{text-decoration:underline; margin-bottom:.2rem}

.feed-notice{padding:.2rem 0 .1rem; display:none; text-align:center}
.feed-notice a{display:inline-block; background-color:#72A42E; padding:0 .1rem 0 .2rem; font-size:.24rem; color:#fff; border-radius:.3rem; line-height:.6rem}
.feed-notice a img{height:.5rem; width:.5rem; border-radius:50%; float:left; margin-top:.05rem}
.feed-notice a label{ display:inline-block; height:100%; float:left}
.feed-notice a span{margin:0 .08rem 0 .1rem;}
.feed-notice a .iconfont{ font-size:.28rem; float:left}

.feed-notice-list{ padding:0 .2rem;}
.feed-notice-list a{display:block; height:1.4rem; position:relative; border-bottom:1px solid #eee; color:#333;}
.feed-notice-list a img:first-of-type{height:.9rem; width:.9rem; border-radius:50%; float:left; margin-top:.25rem}
.feed-notice-list a .img{display:block; height:1rem; width:1rem; float:right; margin-top:.2rem; overflow:hidden; font-size:.24rem; line-height:.25rem; background-repeat:no-repeat; background-position:center; background-size:cover;}
.feed-notice-list a ul{position:absolute; left:0; top:0; width:100%; height:100%; padding:.1rem 0; padding-left:1.1rem; padding-right:1.2rem;}
.feed-notice-list a ul li{width:100%; height:.4rem; line-height:.4rem; overflow:hidden;}
.feed-notice-list a ul li:first-of-type{color:#1E4E90}
.feed-notice-list a ul li:last-of-type{color:#999}
.feed-notice-list a ul li .iconfont{font-size:.3rem}

.page-box{position:fixed; height:100%; width:100%; background-color:rgba(255,255,255,1); z-index:20000; top:0; display:none}
.page-container{ position:relative;}
.page-child{ display:none;overflow-y:scroll; height:300px; overflow-scrolling:touch;-webkit-overflow-scrolling: touch;}

.feed-send{padding:.15rem .3rem;}
.feed-send textarea, .feed-transmit textarea{ width:100%; font-size:.26rem; height:1.44rem; resize:none; border:0; margin-bottom:.3rem}
.feed-send .img li{float:left; width:1.5rem; height:1.5rem; margin-right:.2rem; margin-bottom:.2rem}
.feed-send .img li img{width:100%; height:100%}
.feed-send .img li.add{ border:1px solid #eee; background-color:#F2F2F2; text-align:center; padding-top:.2rem}
.feed-send .img li.add .iconfont{font-size:.8rem; color:#AAAAAA;}

.feed-transmit .con{padding:.15rem .3rem;}
.feed-transmit .con textarea{margin-bottom:0}
.feed-transmit .feed-item .middle{margin-left:.4rem}

.search{height:.7rem; line-height:.6rem; padding:.07rem .15rem;box-shadow:0px 0 .1rem #DDD; width:100%; z-index:10000;background-color:#F6F6F6; overflow:hidden; position:relative;}
.search div{ background-color:#e8e8e8; border-radius:.05rem; height:.6rem; display:inline-block; padding:0;  width:100%;  position:relative;text-align:center;}
.search div p{ position: absolute; left:0; padding-left:.15rem;  width:100%;  color:#ACACAC; z-index:0; width:100%;}
.search div p .iconfont{ font-size:.28rem; padding-right:.1rem }
.search div input{background-color:#e8e8e8; height:.5rem; border:0; margin-top:-.08rem; padding:0.1rem; margin-right:.1rem; width:100%; font-size:.26rem; padding-left:.5rem; display:none;  }
.search a{ margin-left:.5rem;font-size:.3rem; position:absolute; right:.15rem; top:.05rem; color:#72A42E; display:none}
.search.cur div{width:89.5%; text-align:left;}
.search.cur div p{overflow:hidden; width:.6rem;}
.search.cur div input{display: inline;  z-index:1}
.search.cur a{display:block;z-index:1}

.show-location{ margin-top:.3rem; padding:.25rem 0;  border-top:1px solid #E8E8E8; border-bottom:1px solid #E8E8E8; position:relative}
.show-location span{ font-size:.28rem; padding-left:.15rem;}
.show-location .iconfont{ font-size:.32rem}
.show-location label{ position: absolute; height:100%; right:0; }
.show-location.cur span{color:#1E4E90;}

.get-location{}
.get-location ul{ padding:.1rem .3rem; }
.get-location ul li{border-bottom:1px solid #ccc; padding:.1rem 0; font-size:.28rem; position:relative; padding-right:.4rem;}
.get-location ul.nk li:first-of-type,.get-location ul.nk li:nth-of-type(2){ padding:.25rem 0}
.get-location ul.nk li:first-of-type{color:#1E4E90}
.get-location ul li p:last-of-type{color:#686868; font-size:.2rem; margin-top:.03rem}
.get-location ul li label{ position: absolute; height:100%; right:0; top:0; display:none}
.get-location ul li label.show{display:flex; align-items:center;}
.get-location ul li label .iconfont{font-size:.3rem;color:#1E4E90}

.dialog-box{ width:70%; background-color:#FFF; border-radius:.2rem; padding:.2rem .2rem; position:relative;}
.dialog-box .close{ font-size:.36rem; position:absolute; right:.2rem; top:.2rem;}
.dialog-box h6{text-align:center; padding:.4rem 0;font-size:.4rem;}

.to-login p{ margin:.2rem 0; position:relative;}
.to-login p a{height:.68rem; line-height:.68rem;  display:block; position:absolute; right:0; top:0; color:#333}
.to-login p a span{ padding: .05rem .2rem ; border-left:1px solid #BEBEBE; font-size:.22rem;}
.to-login input, .to-login .btn2{width:100%; height:.68rem; line-height:.68rem; border:1px solid #BEBEBE; font-size:.26rem; border-radius:.34rem; padding:0 .3rem;}
.to-login .btn2{ border:0;}

/*feed-comment*/
.feed-comment{position: absolute; top:.68rem; border-bottom:1.04rem;overflow-y: scroll;overflow-scrolling: touch;-webkit-overflow-scrolling: touch; width: 100%; padding-top:0; height:600px}

.feed-comment .feed-item{ padding-bottom:.1rem}
.feed-comment .comment-list{padding:0rem;; border-bottom:0; box-shadow:none;box-shadow: 0 -.05rem .05rem -.05rem #DDD;}
.feed-comment .comment-list .num{ padding:0 .25rem;height:.6rem; line-height:.6rem; border-bottom:1px solid #DDD}
.feed-comment .comment-list .num li{width:50%; float:left; }
.feed-comment .comment-list .num li:last-child{ text-align:right;}
.feed-comment .comment-list .num li span{padding:0 .1rem}
.feed-comment .comment-list .num li:last-child span{color:#1E4E90}
.feed-comment .comment-list .list{padding:0 .25rem}
.feed-comment .comment-list .list li{padding-top:.2rem;}
.feed-comment .comment-list .list .img{width:.66rem; margin-right:.1rem; float:left}
.feed-comment .comment-list .list .img img{width:.66rem; height:.66rem; border-radius:50%}
.feed-comment .comment-list .list .con{width:6.24rem; float:left; border-bottom:1px solid #DDD;padding-bottom:.2rem;}
.feed-comment .comment-list .list .con p:first-child{color:#1E4E90; position:relative}
.feed-comment .comment-list .list .con p:first-child span{position:absolute; right:0; color:#848484; font-size:.22rem}
.feed-comment .comment-list .list .con p:last-child{margin-top:.05rem}

.feed-comment-send{height:.9rem; line-height:.7rem; padding:.1rem .25rem;box-shadow:0px 0 .1rem #DDD; position:fixed; bottom:0;width:100%; z-index:10000;background-color:#F6F6F6; overflow:hidden;}
.feed-comment-send div{ background-color:#E8E8E8; border-radius:.35rem; height:.7rem; display:inline-block; padding:0 .2rem; float:left}
.feed-comment-send div .iconfont{ font-size:.3rem}
.feed-comment-send div input{background-color:#E8E8E8; height:.7rem; border:0; margin-top:-.08rem; padding:0.1rem; margin-right:.1rem; width:4rem;}
.feed-comment-send a{ margin-left:.5rem;font-size:.32rem; display:block; float:left}
.feed-comment-send a .iconfont{ font-size:.46rem}
.feed-comment-send a:first-of-type{display:none; margin-left:.4rem;}
.feed-comment-send.long div input{width:5rem}
.feed-comment-send.long a:first-of-type{display:block}

/*member*/
.member-header{ background:url(../images/feed-member-bg.jpg) no-repeat left top; background-size:100% 1.65rem; min-height:1.65rem; border-bottom:1px solid #eee; box-shadow:0px 0 .05rem #DDD; position:relative;}
.member-header .bar-top{background-color:transparent}
.member-detail{margin-top:.83rem; padding:.25rem; padding-left:.5rem; padding-bottom:0; font-size:.2rem; position:relative}
.member-detail img, .member-detail .img{position:absolute; top:-.72rem; border:.03rem solid #fff; border-radius:50%; height:1.44rem;width:1.44rem; background-repeat:no-repeat; background-position:center; background-size:cover;}
.member-detail .operate{text-align:right}
.member-detail .operate .btn{ font-size:.26rem; padding:.08rem .3rem; margin-left:.2rem}
.member-detail .operate .unfavor.btn{ background-color:#ccc}
.member-detail .name{ margin-top:.3rem}
.member-detail .name span{ width:50%; display:inline-block}
.member-detail .name span:first-child{ width:50%; font-size:.32rem}
.member-detail .name span:last-child{text-align:right}
.member-detail .name span em{color:#72A42E}
.member-detail .num{font-size:.26rem; color:#777; margin-top:.1rem;}
.member-detail .num span{color:#4C5B92;}
.member-detail .num label{margin-right:.1rem}
.member-detail .iconfont{font-size:.26rem; color:#000;}
.member-header ul{margin:.1rem .25rem 0; padding:.1rem .25rem 0; border-top:#eee solid 1px; }
.member-header ul li{  display:inline-block; font-size:.28rem; padding-right:.5rem}
.member-header ul li.cur a{color:#72A42E; display:inline-block; height:100%; border-bottom:1px solid #72A42E}

.user-list{padding:0 .2rem;}
.user-list .user-item {padding:.2rem 0;  border-bottom:1px solid #E7E7E7; position:relative }
.user-list .user-item a{display:block; position:relative; width:100%;display:table; position:relative}
.user-list .user-item img{ height:.8rem; width:.8rem; border-radius:50%; margin-right:.15rem; float:left}
.user-list .user-item div{height:.8rem; display:table-cell; vertical-align:middle; width:100%;}
.user-list .user-item h2{font-size:.3rem;}
.user-list .user-item p{ color:#777;width:100%}
.user-list .user-item span{display:block; position:absolute; width:1.2rem; border:1px solid #71A22C; border-radius:.05rem; padding:.05rem 0; right:0; top:.35rem; text-align: center; color:#fff; background-color:#71A22C}
.user-list .user-item span.unfavor{color:#999;border:1px solid #eee; background-color:#fff;}

/*feed-hero*/
.feed-hero{}
.feed-hero .info{padding:.2rem .4rem; position:relative;  }
.feed-hero .info h2{font-size:.3rem}
.feed-hero .info .hero{padding:.2rem 0}
.feed-hero .info .hero .img{float:left; display: block; width:.8rem; height:.8rem; border-radius:50%;overflow:hidden; background-repeat:no-repeat; background-position:center; background-size:cover; margin-right:.2rem}
.feed-hero .info .hero p{padding-top:.05rem}
.feed-hero .info .hero p:last-of-type{ color:#7D7D7D; font-size:.22rem}
.feed-hero .info li{display:inline-block; text-decoration:underline; margin-right:.2rem}
.feed-hero .feed-statistics{position:absolute; background-color:#F0F0F0; padding:.15rem ; top:0rem; right:.5rem; font-size:.28rem}
.feed-hero .feed-statistics p{padding-left:0}
.feed-hero .feed-statistics p:last-of-type{margin-top:.05rem}
.feed-hero .list{padding:0 .2rem; width:100%; overflow:hidden }
.feed-hero .list .tab{position:relative}
.feed-hero .list .tab span{display:inline-block; padding:.1rem 0; text-align:center; color:#72A42E; font-size:.3rem; border-bottom:2px solid #72A42E; width:50%}
.feed-hero .list .tab .iconfont{color:#72A42E; font-size:.36rem; position: absolute; right:.2rem; top:.05rem;}
.feed-hero .list li{height:1.48rem;  width:100%; background-color:#F0F0F0; margin-bottom:.1rem}
.feed-hero .list li span{display:inline-block; height:100%; display:flex;align-items: center; width:25%; float:left; padding-right:.05rem; line-height:1.1; overflow:hidden;}
.feed-hero .list ul.s2 li span{width:75%;}
.feed-hero .list li span:first-of-type, .feed-hero .list ul.s2 li span:first-of-type{width:10%; text-align:center; justify-content: center; }
.feed-hero .list li span:nth-of-type(3){width:20%;}
.feed-hero .list li span:nth-of-type(4){width:30%;}
.feed-hero .list li span em{display:inline-block; background:#A5A5A5; color:#fff; height:.35rem; width:.35rem; line-height:.35rem}
.feed-hero .list li:first-child span em{ background-color:#D20700}
.feed-hero .list li:nth-child(2) span em{ background-color:#F6892C}
.feed-hero .list li:nth-child(3) span em{ background-color:#72AA23}
.feed-hero .list li span:last-of-type, .feed-hero .list ul.s2 li span:last-of-type{width:15%;}

/*bcard*/
.bcard{width:6.9rem; margin-left:.3rem; padding-top:.3rem;  }
.bcard section{box-shadow:0px 0px .25rem #aaa; border-radius:.15rem;position:relative;height:3.4rem;}
.bcard section .detail{padding-left:.4rem; font-size:.28rem; float:left; width:4.52rem; color:#3A3A3A;}
.bcard section .detail h1{ font-weight:normal; font-size:.55rem; margin:.38rem 0 .6rem; color:#000;}
.bcard section .detail h2{ font-weight:normal; margin-top:.4rem}
.bcard section .img{ float:right; width:2.38rem; height:3.4rem; background-color:#71A22C; text-align:center; color:#fff; border-radius:0 .15rem .15rem 0;}
.bcard section .img img{width:1.5rem; height:1.5rem; margin:.8rem 0 .32rem;/*box-shadow:0px 0px .1rem #aaa;*/}
.bcard section .img p{}

.bcard ul{margin-top:.5rem; font-size:.32rem}
.bcard ul li{ height:.85rem;  width:100%; overflow:hidden; border-bottom:1px solid #eee; position:relative; padding-left:0.02rem; display: flex;align-items:Center;}
.bcard ul li a{display:block}
.bcard ul li p{ padding-left:.4rem; padding-right:.25rem; line-height:1.2}
.bcard ul li i{ position:absolute}

.bcard ul li i{font-size:.3rem; margin-right:.15rem; color:#8C8C8C}
.bcard ul li i:first-of-type{top:.23rem;}
.bcard ul li .arrow{top:.25rem; right:-.2rem}
.bcard ul li .btn{position:absolute; top:.2rem; right:0; line-height:normal}

.bcard .follow{ height:1.57rem; width:100%;border-bottom:1px solid #eee; display:table;  }
.bcard .follow div{display: table-cell; vertical-align:middle; background:url(../images/logo.png) no-repeat; background-size:1.24rem 1.24rem; background-position:.02rem .17rem; padding-left:1.5rem;position:relative;}
.bcard .follow img{width:1.24rem; height:1.24rem}
.bcard .follow p:first-child{font-size:.34rem; color:#000}
.bcard .follow p:last-of-type{color:#494949}
.bcard .follow .btn{position:absolute; top:0.56rem; right:0}

.bcard .save{margin:.2rem 0}
.bcard .save a{display:block}

.qr-box{ display:table; width:100%; height:100%; text-align:center}
.qr-box section{display: table-cell; vertical-align:middle}
.qr-box section img{width:3rem;}
.qr-box section p{ font-size:.3rem; margin-top:.3rem}

.feed-tips{text-align:left; position:relative}
.feed-tips p{font-size:.3rem; line-height:1.3 }
.feed-tips h5{font-size:.2rem; margin:.2rem 0}
.feed-tips h6{color:#71A22C;font-size:.25rem}
.feed-tips .img{position:absolute; right:0; top:0; width:1.336rem; height:1.48rem; background:url(../images/jiangbei.png); background-size:cover;}

.bf-box{padding: .2rem 3%;}
.bf-title{position: relative; margin-left: .15rem; margin-bottom: .05rem; color: #72A42E;}
.bf-title::before{content:"";position: absolute; left: -0.15rem; top:10%;  width: .03rem; height: 80%; background-color: #72A42E;}
.bf-title .bf-btn{float:right; display: none;}
.bf-item{display: flex; margin-top: .3rem; border-bottom: 1px solid #000; padding-bottom: .2rem;}
.bf-item .img{width: 1.7rem; padding:0 0.25rem;}
.bf-item .img img{width: 1.2rem; height:1.2rem; object-fit: cover; border-radius: 50%; margin-top: .1rem;}
.bf-item dl{padding-left: .2rem;}
.bf-item dl dt{font-size: .28rem;}
.bf-item dl dd{margin-top: .08rem; font-size: .22rem;}
.bf-item dl dd a{color: #72A42E;}
.bf-bind ul{padding: 1rem 15%;}
.bf-bind ul li{margin-bottom: .3rem; display: flex;}
.bf-bind ul li input{border:0; border-radius: 0; border-bottom: 1px solid #666; width: 80%;}
.bf-bind ul li label{ width: 20%;}

/*audio*/
@keyframes rotate{
from {transform: rotate(0deg);}
to {transform: rotate(360deg);}
}
.play-icon{display:block; position: fixed; right:.2rem; top:1.65rem; z-index:10001}
.play-icon img{width:.5rem; height:.5rem; display: block; animation: rotate 2s linear infinite both running;}
.play-icon img.off{animation:none}

@media screen and (max-width: 414px) {
	html { font-size:345%; }
	.feed-notice-list a .img{line-height:.26rem;}
}
@media screen and (max-width: 375px) {
	html {font-size: 312.5%;}
	.feed-notice-list a .img{height:1.01rem;}
}
@media screen and (max-width: 360px) {
	html { font-size:300%; }
	.feed-notice-list a .img{}
}
