/* 二手房房源重置 */
body{
    -webkit-overflow-scrolling: touch;
}
/* 房源图片 */
.photo-wrap {height:5.62rem; overflow:hidden; }
.photo-wrap ul li,.photo-wrap ul a{display: block; width: 100%; height:5.62rem; position:relative; }
.photo-wrap ul img{ width: 100%; position: absolute; margin:auto; top:0; left:0; bottom: 0; right: 0;}
.photo-wrap .vr-mask{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 1;
    background: rgba(0,0,0,0.30);
}
.photo-wrap ul li .b {
    position: absolute;
    width:100%;
    left: 0;
    top: 64.4%;
    text-align: center;
    font-size: .34rem;
    color: #FFFFFF;
    line-height:.48rem;
}
.photo-wrap ul li .p {
    position: absolute;
    width:100%;
    left: 0;
    top: 73.7%;
    text-align: center;
    font-size: .26rem;
    color: #FFFFFF;
    line-height:.36rem;
}
/* 标题 */
.title-wrap {padding: 0.26rem 0.3rem 0; border-bottom:none;}
.title-wrap .esf-title {position: relative;display: block;font-size: 0.44rem;font-weight: bold;line-height:0.56rem;margin:0;padding-right: 1rem;padding-bottom:0.4rem;color:  #515151; }
.title-wrap .price { color: #e03236; margin-top: 4px;}
.title-wrap .price .number { font-size: 3.6rem; }
.title-wrap .price .unit { font-size: 2rem; position: relative; top: -2px; left:5px; }

.title-wrap .esf-title .collect {
    font-weight: 400;
    font-size: 0.2rem;
    position: absolute;
    right: -0.2rem;
    top: 0;
    width: 0.8rem;
    padding-left: 0.1rem;
    line-height: 1;
    color: #999;
    text-align: center;
    background: #fff;
}
.title-wrap .esf-title .collect:before{
    position: absolute;
    left: 0;
    top: 0.04rem;
    content: '';
    bottom: 0;
    display: block;
    width: 1px;
    background-color: #E8E8E8;
    transform: scaleX(0.5);
}
.title-wrap .esf-title .collect i {
    display: block;
    width: 0.4rem;
    height: 0.4rem;
    margin: 0 auto 0.08rem;
    background: url('../../images/houses/fangyuan_col_default.png') no-repeat;
    background-size: contain;
}
.title-wrap .esf-title .collected i{
    background: url('../../images/houses/fangyuan_col_sel.png') no-repeat;
    background-size: contain
}
/* 标签 */
.tags-wrap{padding-top:16px;}
/* 详情 */
.fangyuan-info-detail .area-price:before {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    width: 100%;
    height: 1px;
    background: #e8e8e8;
    transform: scaleY(0.5);
}
.fangyuan-info-detail .area-price:after{
    content: "";
    position: absolute;
    display: block;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: #e8e8e8;
    transform: scaleY(0.5);
}
/*.area-price ul li {padding-left:17px;}*/
.area-price ul li:first-child{padding-left:0;}
.fangyuan-info-detail{
    position: relative;padding: 0 0.3rem 0.4rem;margin:0;border-top:none;background: #fff;}
.fangyuan-info-detail:after{
    content: "";
    position: absolute;
    display: block;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: #e8e8e8;
    transform: scaleY(0.5);
}
.fangyuan-info-detail ul.floor-orientation { padding: 0.16rem 0 0;}
ul.floor-orientation li { font-size: 0.3rem;
    float: left;
width: 50%;
    height: 0.36rem;
    line-height: 0.36rem;
    color: #333;
    padding-top: 0.24rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;}
ul.floor-orientation li {}
ul.floor-orientation li.danjia,
ul.floor-orientation li.ditie,
ul.floor-orientation li.jiaoyu{
    width: 100%;
}
ul.floor-orientation li.jiaoyu{
    position: relative;
    margin: 0.24rem 0 0.09rem;
}
ul.floor-orientation li.jiaoyu:after{
    content: "";
    position: absolute;
    display: block;
    top: 0;
    width: 100%;
    height: 1px;
    background: #e8e8e8;
    transform: scaleY(0.5);
}
ul.floor-orientation li .title {    float: left; color: #999; }
ul.floor-orientation li.ditie,
ul.floor-orientation li.jiaoyu{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    height: auto;
}
ul.floor-orientation li.ditie .content,
ul.floor-orientation li.jiaoyu .content{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
ul.floor-orientation li.ditie .content span,
ul.floor-orientation li.jiaoyu .content span{
    margin-bottom: 0.24rem;
    white-space: nowrap;
    overflow: hidden;
    /*display: block;*/
    text-overflow: ellipsis;
    /*width: 5.9rem;*/
}
ul.floor-orientation li.ditie .content span:last-child,
ul.floor-orientation li.jiaoyu .content span:last-child{
    margin-bottom: 0;
}
ul.floor-orientation li.ditie .content em,
ul.floor-orientation li.jiaoyu .content em{
    color: #999;
    margin-left: 0.1rem;
}
ul.floor-orientation li.ditie .content{
    display: block;
    position: relative;
}
ul.floor-orientation li.ditie #dt-cnt{
    display: inline-block;
}
ul.floor-orientation li.ditie #dt-cnt span{
    display: block;
    height: .42rem !important;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 5rem;
}
ul.floor-orientation li.ditie #dt-cnt .icon-dt{
    position:absolute;
    right: 0;
    top: 0;
    text-align: center;
    font-size: .24rem;
    color:#D9D9D9
}
ul.floor-orientation li.ditie #dt-cnt .icon-dt .arrow-esf-detail{
    transform: rotate(90deg);
}

/* 公共 */
.fangyuan-feature,
.yezhu-owner,
.education-match,
.position-environ,
.property-info,
.showing-record,
.recommend,
.transaction-record{
    position: relative; background: #fff;margin-top: 0.2rem; overflow-x: hidden;}

.fangyuan-feature:before,
.yezhu-owner:before,
.education-match:before,
.position-environ:before,
.property-info:before,
.showing-record:before,
.recommend:before,
.transaction-record:before{
    content: "";
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: #e8e8e8;
    transform: scaleY(0.5)
}

.fangyuan-feature:after,
.yezhu-owner:after,
.education-match:after,
.position-environ:after,
.property-info:after,
.showing-record:after,
.recommend:after,
.transaction-record:after{
    content: "";
    position: absolute;
    display: block;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: #e8e8e8;
    transform: scaleY(0.5)
}

.fangyuan-feature .fangyuan-feature-title,
.yezhu-owner .yezhu-owner-title,
.education-match .education-match-title,
.loupan-summary .summary-title,
.huxing .huxing-title, .price-trend .summary-title,
.safety-index .safety-index-title,
.edu .edu-title,.xq-expert,
.price-chart .price-chart-title {
    position: relative;
    padding: 0.24rem 0.3rem;
    overflow: hidden;
}
.fangyuan-feature .fangyuan-feature-title:after,
.yezhu-owner .yezhu-owner-title:after,
.education-match .education-match-title:after,
.loupan-summary .summary-title:after,
.safety-index .safety-index-title:after,
.edu .edu-title:after,
.price-chart .price-chart-title:after {
    content: "";
    position: absolute;
    display: block;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: #e8e8e8;
    transform: scaleY(0.5)
}
.fangyuan-feature .fangyuan-feature-title .title,
.yezhu-owner .yezhu-owner-title .title,
.education-match .education-match-title .title,
.loupan-summary .summary-title .title,
.huxing .huxing-title .title,
.safety-index .safety-index-title .title,
.edu .edu-title .title,.price-trend .title,
.price-chart .price-chart-title .title,.xq-expert .title,
.wenda .recommend-title .title{ font-size: 0.32rem; line-height: 0.48rem; font-weight: bold;color: #515151; }
.education-match .education-match-title .more i{ display: block; width: 0.48rem; height: 0.48rem; background: url('../../images/houses/arrow_more.png') no-repeat; }

/* 房源特色 */
.fangyuan-feature .feature-info{padding:0.3rem;}
.fangyuan-feature .tags-blocks{
    max-height: 0.8rem;
    margin-top: 0.12rem;
    margin-bottom: 0.28rem;
    overflow: hidden;
}
.fangyuan-feature .tags-block {
    height: 0.3rem;
    margin-right: 0.14rem;
    margin-bottom: 0.14rem;
    padding: 0 0.1rem;
    font-size: 0.22rem;
    line-height: 0.32rem;
    background: rgba(240,45,44,0.05);
    color: #F55848;
}
.fangyuan-feature .tags-block:nth-child(5n+1){
    background: #feefef;
    color: #e03236;
}
.fangyuan-feature .tags-block:nth-child(5n+2){
    background: #fdf7ee;
    color: #F6A623;
}
.fangyuan-feature .tags-block:nth-child(5n+3){
    background: #eff9ff;
    color: #38ADFF;
}
.fangyuan-feature .tags-block:nth-child(5n+4){
    background: rgba(126,211,33,0.05);
    color:#7ED321;
}
.fangyuan-feature .tags-block:nth-child(5n){
    background: rgba(254,116,96,0.05);
    color:#F5A623;
}

.feature-info .info-box{height: auto;overflow:hidden;}
.feature-info .fold{max-height:20.2rem;}
.feature-info strong{display:block;font-size: 0.32rem;color: #999;margin-bottom: 0.16rem;}
.feature-info p{font-size: 0.32rem;
    position: relative;
    color: #333;
    line-height: 0.52rem;
    margin-bottom: 0.32rem;
    padding-bottom: 0.32rem;
    word-break: break-all;
}
.feature-info p:last-child{
    margin-bottom: 0;
    padding-bottom: 0;
}
.feature-info p:after{
    content: "";
    position: absolute;
    display: block;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: #e8e8e8;
    transform: scaleY(0.5)
}
.feature-info p:last-child:after{
    display: none;
}
.feature-info .read-more{display: block;margin-top:15px;height:44px;line-height:44px;font-size: 16px;color: #8D9FB5;background: #F8F8F8;text-align: center;}

/* 业主自荐 */
.yezhu-owner .date{line-height: 24px;font-size:1.4rem;color: #9B9B9B;}
.yezhu-owner .owner-info{padding:14px 15px 17px;}
.owner-info p{font-size: 1.6rem;color: #4A4A4A;line-height: 2.6rem;}
.owner-info p .link{color: #5496e3;}
.owner-img a{float:left;width:23%;margin-right:2.3%;margin-top:8px; }
.owner-img a.hidden{display: none;}
.owner-img a:nth-child(4n+4){margin-right:0;}
.owner-img a img{width: 100%;}
.yezhu-owner .disclaimer{padding:8px 15px;background: #F7F5F5;font-size: 1.2rem;color: #9B9B9B;line-height: 2rem;}

/* 位置及交通 */
.position-environ .position-info { padding: 0.3rem; display: -moz-flex; display: -webkit-flex;display: flex;}
.position-info .title { font-size: 0.3rem; color: #999; }
.position-info .content { display: block; font-size: 0.3rem; color: #333; -webkit-box-flex: 1; box-flex: 1; }
#position-map { width: 100%; height: 3.4rem; }
.position-environ .nearby-info{padding:0 10px;}
.nearby-info > div{padding:15px 0 8px;display: box; display: -moz-box; display: -webkit-box;border-bottom:1px solid #e8e8e8;}
.nearby-info > div:last-child{border-bottom:none;}
.nearby-info .title { font-size: 16px;color: #3D4245;line-height:2.6rem;margin-right:17px;font-weight: bold;}
.nearby-info .title i{display: inline-block;width: 25px;height:25px;float: left;}
.nearby-ditie .title i{background: url(../../images/houses/esf-ditie.png) no-repeat; background-size: contain;}
.nearby-gj .title i{background: url(../../images/houses/esf-gj.png) no-repeat; background-size: contain;}
.nearby-info .content { display: block; font-size: 1.6rem; color: #4a4a4a; -webkit-box-flex: 1; box-flex: 1; }
.nearby-info .content span{display: block;line-height:2.6rem;margin-bottom:5px;}
.nearby-info .content em{color: #9b9b9b;display: inline-block;}
.contact-btn{background-image: linear-gradient(90deg, #FB8181 0%, #E82E29 100%);border-radius: .44rem;position: relative;width: 6.90rem;height: .88rem;margin: .2rem auto .4rem;text-align: center;line-height: .88rem;font-size: .34rem;color: #FFFFFF;}
.contact-btn .arr-right{width: .4rem;height: .4rem;position: absolute;top: 50%;transform: translateY(-50%);right: .18rem;background: url(../../images/houses/arrow-right-white@2x.png) no-repeat center center;background-size: .16rem auto;}

/* 教育配套 */
.education-match .education-info{padding:15px 10px 0;}
.education-info .education-detail{display: box; display: -moz-box; display: -webkit-box;}
.education-detail .title { font-size: 16px;color: #3D4245;line-height:2.6rem;margin-right:17px;font-weight: bold;}
.education-detail .title i{display: inline-block;width: 24px;height:24px;float: left;}
.education-detail .title i.icon1{background: url(../../images/houses/esf-xx.png) no-repeat; background-size: contain;}
.education-detail .title i.icon2{background: url(../../images/houses/esf-zx.png) no-repeat; background-size: contain;}
.education-detail .content { display: block; font-size: 1.6rem; color: #4a4a4a; -webkit-box-flex: 1; box-flex: 1; }
.education-detail .content em{display: block;line-height:2.6rem;}
.education-detail .content .name{font-size:1.6rem;}
.education-detail .content .attr{font-size:1.4rem;color: #9b9b9b;margin-bottom:10px;}

.swiper-container img {
    text-indent: -999999px;
}
#show-photo .photo-no, .show-photo .photo-no{
    position: absolute;
    bottom: 1rem;
    text-align: center;
    width: 100%;
    z-index: 1;
}
#show-photo .swiper-container{
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: 0.88rem auto;
    font-size: 0.28rem;
    color: #000000;
}
#show-photo .swiper-wrapper, .show-photo .swiper-wrapper{
    margin-top:0;
}
.swiper-center {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
}

.button-block {
    display: box;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    flex-direction: row;
    height: 1.6rem;
    box-shadow: 0px -1px 5px 0px rgba(213,213,213,0.3);
    padding: 0.3rem 0.2rem;
    background-color: #fff;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.button-block .flex-1{
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
}
.button-block .avatar-box{
    width: 100%;
}
.esf-operation{
    padding-top: 0.1rem;
    border: none;
}
.esf-operation:after{
    background: transparent;
}

.esf-operation .yuekan:after{
    content: "";
    position: absolute;
    display: block;
    top: 0.1rem;
    bottom: 0.1rem;
    right: 0;
    width: 1px;
    background: #e8e8e8;
    transform: scaleX(0.5)
}
.esf-operation .yuekan i{
    display: block;
    width: 0.4rem;
    height: 0.4rem;
    margin: 0 auto 0.04rem;
    background: url("../../images/houses/fangyuan-yk.png") center top no-repeat;
    background-size: contain;
}
.esf-operation .collect i {
    display: block;
    width: 0.4rem;
    height: 0.4rem;
    margin: 0 auto 0.04rem;
    background: url("../../images/houses/fangyuan_col_default.png") no-repeat;
    background-size: contain;
}
.button-block .imAgentChat-btn,
.button-block .yuyue-fang,
.button-block .grap-btn,
.button-block .im-chat-new,
.button-block .im-btn{
    width: 1.72rem;
    height: 1rem;
    font-size: 0.32rem;
    line-height: 1rem;
    text-align: center;
    border-radius: .08rem;
    position: relative;
    background: #FF9E00;
    font-weight: 500;
}
.esf-operation .collected i{
    background: url("../../images/houses/fangyuan_col_sel.png") no-repeat;
    background-size: contain
}
.esf-operation .yuyue-fang i {
    display: block;
    width: 0.4rem;
    height: 0.4rem;
    margin: 0 auto 0.04rem;
    background: url("../../images/houses/yuekan.png") no-repeat;
    background-size: contain;
}

.contact-agent {
    font-size: 0.32rem;
    width: 1.72rem;
    height: 1rem;
    line-height: 1rem;
    text-align: center;
    margin-left: 0.2rem;
    border-radius: .08rem;
    background: #E03236;
    font-weight: 500;
}

.contact-agent i {
    display: inline-block;
    position: relative;
    top: 0.08rem;
    width: 0.4rem;
    height: 0.4rem;
    background: url("../../images/houses/button_phone.png") no-repeat;
    background-size: contain;
    margin-right: 0.06rem;
}

.agent-recommend{
    float: left;
    padding: .05rem 0.2rem;
}

.agent-recommend .star-em{

}
.agent-recommend span,
.agent-recommend .avatar-img{
    float: left;
    width: 0.76rem;
    height: 0.76rem;
    margin-right: .3rem;
    overflow: hidden;
    border-radius: 50%;
}
.agent-recommend p{
    font-size: 0.26rem;
    color: #9F9F9F;
    margin-top: .05rem;
}
.agent-recommend strong{
    font-weight: 700;
    font-size: 0.32rem;
    line-height: 0.45rem;
    color: #000;
}
.agent-recommend .star-box{
    font-size: 0.24rem;
    font-weight: 700;
    color: #F58E17;
    line-height: 0.33rem;
}

.agent-info-list .agent-info-cont .card-icon,
.agent-recommend .card-icon{
    margin-left: .08rem;
}

.button-block .grap-btn-new{
    width: 5.08rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.button-block .avatar-normal{
    width: 0.6rem;
    height: 0.6rem;
    margin-right: 0.1rem;
    background: url('../../images/customer_portrait1.png') no-repeat;
    background-size: 100%;
}
/* 参考价 */
.opreference-box{
    padding: .15rem .20rem;
    position: relative;
    margin-top: -1px;
    background: #fff;
}
.opreference-box::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    box-sizing: border-box;
    width:200%;
    height:200%;
    border:1px solid #e8e8e8;
    border-radius: .08rem;
    transform: scale(0.5);
    transform-origin: 0 0;
    pointer-events: none;
}
.opreference-box .reference-item{
    display: flex;
    align-items: center;
    line-height:.40rem;
    position: relative;
}
.opreference-box .reference-tit{
    font-size: .22rem;
    color: #333333;
}
.opreference-box .reference-sp{
    letter-spacing:0.143em;
}
.opreference-box .reference-price{
    font-size: .28rem;
    font-weight: 600;
    color: #E03026;
}
.opreference-box .reference-item .cyan{
    color:#999;
    font-size:0.22rem;
}
.opreference-box .reference-link{
    margin-left:.13rem;
    font-size: .24rem;
    color: #3D5688;
    display: flex;
    align-items: center;
    white-space: nowrap;
}
.opreference-box .reference-link .icon{
    width: .20rem;
    height: .20rem;
}

/* 网签 */
.wq-img-box{
    display: flex;
    align-items: center;
    color:#333;
    font-size:0.2rem;
    line-height: 0.28rem;
    padding-bottom:0.24rem;
}
.wq-img-box .wq-item{
    display: flex;
    align-items: center;
}
.wq-img-box .wq-item:not(:last-child){
    margin-right:0.32rem;
}
.wq-img-box .icon{
    width:0.38rem;
    height:0.26rem;
    margin-right:0.06rem;
}
.wq{
    display: flex;
    align-items: center;
}
.wq .wq-code .icon{
    width:1rem;
    height:1rem;
    margin-right:0.16rem;
}
ul.floor-orientation li.wq-code{
    display: flex;
    width:100%;
    height:auto;
}
.wq-code .content{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex:1;
}
.wq-code .content .code{
    width:0.4rem;
    height:0.4rem;
}
.wq-code .content .arrow-box{
    width:auto;
    height:auto;
    display: flex;
    margin-top:0;
    align-items: center;
}
.wq-code .content .icon{
    width: 0.36rem;
    height: 0.36rem;
}

.section .title-h1{
    font-size:0.32rem;
    line-height: 0.45rem;
    color:#000;
    width:100%;
    box-sizing: border-box;
}
/* 房源发布信息 */
.wq-info{
    display: flex;
    align-items: center;
    position: relative;
    padding-top:0.32rem;
    padding-bottom:0.32rem;
}
.wq-info:after{
    content:'';
    position: absolute;
    bottom:0;
    left:0;
    width:100%;
    height:1px;
    background:#eee;
    transform: scaleY(0.5);
}
.wq-info .code{
    margin-right:0.2rem;
}
.wq-info .code .code-tips{
    font-size:0.2rem;
    line-height: 0.28rem;
    color:#999;
    margin-top:0.1rem;
}
.wq-info .infos{
    flex:1;
}
.wq-info .infos .info-item{
    font-size:0.26rem;
    color:#333;
    line-height: 0.36rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.wq-info .infos .info-item .text{
    padding-right:0.1rem;
}
.wq-info .infos .info-item:not(:last-child){
    margin-bottom:0.2rem;
}
.wq-info .infos .info-item .wq-arrow{
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
}
.wq-info .infos .info-item .wq-arrow .btn{
    color:#999;
    white-space: nowrap;
}
.wq-info .infos .info-item .icon{
    width:0.24rem;
    height:0.24rem;
}
.wq-info .code .icon{
    width:1rem;
    height:1rem;
}
.wq-box{
    background:#fff;
    margin-top:0.2rem;
    margin-bottom:-0.2rem;
    padding:0.32rem 0.32rem 0 0.32rem;
    background:#fff;
}
#wq-img-preview .swiper-container{
    position: relative;
    top:50%;
    transform: translateY(-50%);
}
/*实地核验*/
.sdhy{
    height:0.9rem;
    width:100%;
    display: flex;
    padding:0 0.32rem;
    box-sizing: border-box;
    align-items: center;
    justify-content: space-between;
    border-radius: 0.2rem 0.2rem 0 0;
    background: linear-gradient(360deg, #FFFFFF 0%, #FFE9E9 100%);
    color:#E03236;
    font-size:0.26rem;
    font-weight: 500;
    position: relative;
    top:-0.2rem;
    z-index: 99;
    margin-bottom:-0.2rem;
}
.sdhy .left{
    flex:1;
    display: flex;
}
.sdhy .item{
    display: flex;
}
.sdhy .bg{
    width:1.36rem;
    height:0.31rem;
}
.sdhy .icon{
    width:0.3rem;
    height:0.3rem;
    margin-right:0.08rem;
    margin-left: 0.52rem;
}
.sdhy-dialog{
    height:100%;
    width:100%;
    position: fixed;
    top:0;
    bottom:0;
    left:0;
    background:rgba(0,0,0,0.7);
    animation: bgLinener 0.5s ease;
    z-index: 9999;
    font-size:0.28rem;
    display: none;
}
.sdhy-dialog .content{
    position: absolute;
    bottom:0;
    width:100%;
    padding:0 0.3rem;
    box-sizing: border-box;
    border-radius: 0.08rem 0.08rem 0 0;
    background:#fff;
    animation: translateDialog 0.5s ease forwards;
}
.sdhy .context{
    height:6.6rem;
    overflow-y: auto;
}
.sdhy-dialog .content .title{
    font-size:0.32rem;
    font-weight: bold;
    color:#000;
    line-height: 0.45rem;
    text-align: center;
    margin:0.4rem 0;
}
.sdhy-dialog .sdhy-close{
    width:100%;
    color:#fff;
    height:1.2rem;
    font-size: 0.32rem;
    line-height: 0.4rem;
    border-radius: 0.04rem;
    box-sizing: border-box;
    text-align: center;
    padding:0.2rem 0;
    box-sizing: border-box;
}
.sdhy-dialog .context .p-title{
    font-size:0.28rem;
    line-height: 0.4rem;
    color:#333;
    font-weight: 500;
    margin-bottom:0.08rem;
}
.sdhy-dialog .context .p-text{
    font-size:0.26rem;
    line-height: 0.42rem;
    color:#666;
    margin-bottom:0.32rem;
}
.sdhy-dialog .sdhy-close .text{
    width:100%;
    background:#E03236;
    padding:0.2rem 0;
    border-radius: 0.04rem;
}
.sdhy-dialog .content .tag-item .icon{
    width:0.3rem;
    height:0.3rem;
    margin-right:0.1rem;
}
.sdhy-dialog .content .tags{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom:0.4rem;
}
.sdhy-dialog .content .tags .tag-item{
    display: flex;
    color:#666;
    font-size:0.24rem;
    line-height: 0.33rem;
    margin-bottom:0.15rem;
    margin-right:0.56rem;
}
@keyframes bgLinener {
    0%{
        opacity: 0;
    }
    100%{
        opacity: 1;
    }
}
@keyframes translateDialog {
    0%{
        transform: translateY(100%);
    }
    100%{
        transform: translateY(0);
    }
}
.bmhf-layer {
    position: relative;
    width: 100%;
    margin: auto;
    padding: 0.2rem 0.2rem 0 0.24rem;
    color: #fff;
    font-size: 0.24rem;
    line-height: 0.33rem;
    font-weight: 600;
    height: 0.8rem;
    overflow: hidden;
    border-radius: 0.2rem 0.2rem 0 0;
    box-sizing: border-box;
}
.bmhf{
    position: relative;
    top:-0.2rem;
    z-index:99;
    margin-bottom:-0.2rem;
}
.bmhf-layer .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1.04rem;
}

.bmhf-layer .content {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center
}

.bmhf-layer .title-icon {
    width: 1.5rem;
    height: 0.4rem;
    margin-right: 0.72rem;
}

.bmhf-layer .item-box {
    display: flex;
    align-items: center
}

.bmhf-layer .item-box .item {
    margin-right: 0.2rem;
    display: flex;
    align-items: center
}

.bmhf-layer .item-box .item-icon {
    width: 0.24rem;
    height: 0.24rem;
    margin-right: 0.06rem
}
.has-sdhy .bmhf-layer{
    height:1.04rem;
}
.bmhf-flag {
    /*top: -2.4rem;*/
}