@charset "utf-8";


.m_header_height{
    height: 64px;
}
.m_header_bg{
    position: fixed;
    top:0;
    left:0;
    z-index: 666;
    width: 100%;
    padding: 0 15px;
    background: #fff;
}
.m_header{
    position: relative;
    width: 100%;
    height: 64px;


    display: flex;
    align-items: center;
    justify-content:space-between;
}
.m_header_logo{
    display: flex;
    align-items: center;
}
.m_header_logo .ico{
}

.m_header_logo .ico img{
    max-height: 37px;
}
.m_header_logo .txt{
    font-size: 14.5px;
    margin-left:8px;
}
.m_header_r{

}
.m_header_chat{
    height: 30px;
    border-radius: 20px;
    background: #db005c;
    display: flex;
    padding:0 10px;
    align-items: center;
    color: #fff;
}
.m_header_chat:hover{
    color: #fff;
    opacity: 0.85;
}
.m_header_chat .tit{
    font-size: 13px;

}
.m_header_chat .ico img{
    width: 12px;
    margin-left:3px;
    vertical-align: middle;
}


/**/
.xxi_menu_bg{
    padding: 0 15px;
    margin-top: 20px;
}
.xxi_menu{}

.xxi_menu_ul{
    display: none;
}
.xxi_menu_ul li{
    padding:0 10px;
    float:left;
    width: 50%;
}
.xxi_menu_ul li a{
    display: flex;
    align-items: center;
    background: #a16d8f;
    height: 66px;
    padding:0 10px;
    color: #fff;
    border-radius:12px ;
}
.xxi_menu_ul li:nth-of-type(1) a{
    background: url(../images/tu3.png) no-repeat center center;
    background-size: cover;
}
.xxi_menu_ul li:nth-of-type(2) a{
    background: url(../images/tu4.png) no-repeat center center;
    background-size: cover;
}
.xxi_menu_ul li:nth-of-type(3) a{
    background: url(../images/tu5.png) no-repeat center center;
    background-size: cover;
}
.xxi_menu_ul .ico{}
.xxi_menu_ul .ico img{
    width: 33px;
}
.xxi_menu_ul .pd{
    margin-left: 10px;
}
.xxi_menu_ul .title{
    font-size: 15px;
}
.xxi_menu_ul .descr{
    font-size: 12px;
    margin-top: 5px;
    opacity: 0.85;
}

/**/
.swiper_pro00{}
.swiper_pro00 .swiper-slide{}
.swiper_pro00 .swiper-slide a{
    display: flex;
    align-items: center;
    background: #a16d8f;
    height: 66px;
    padding:0 10px;
    color: #fff;
    border-radius:12px ;
}
.swiper_pro00 .swiper-slide a:hover{
    opacity: 0.85;
}
.swiper_pro00 .swiper-slide:nth-of-type(1) a{
    background: url(../images/tu3.png) no-repeat center center;
    background-size: cover;
}
.swiper_pro00 .swiper-slide:nth-of-type(2) a{
    background: url(../images/tu4.png) no-repeat center center;
    background-size: cover;
}
.swiper_pro00 .swiper-slide:nth-of-type(3) a{
    background: url(../images/tu5.png) no-repeat center center;
    background-size: cover;
}
.swiper_pro00 .ico{}
.swiper_pro00 .ico img{
    width: 33px;
}
.swiper_pro00 .pd{
    margin-left: 10px;
}
.swiper_pro00 .title{
    font-size: 15px;
}
.swiper_pro00 .descr{
    font-size: 12px;
    margin-top: 5px;
    opacity: 0.85;
}


/**/
.xxi_chat_bg{
    padding: 0 15px;
    margin-top: 26px;
}
.xxi_chat{}

.xxi_chat_ul{}
.xxi_chat_ul li{
    /* padding:0 10px; */
    margin-bottom: 20px;
}
.xxi_chat_ul li a{
    display: flex;
    align-items: center;
    height: 54px;
}
.xxi_chat_ul .ico{
    width: 54px;
    height: 54px;
    flex: 0 0 54px;
    position: relative;

}
.xxi_chat_ul .ico:after{
    content:'';
    position: absolute;
    right:2px;
    bottom:2px;
    width: 10px;
    height: 10px;
    border-radius: 10px;
}
.xxi_chat_ul li.online .ico:after{
    background: #1be500;
}
.xxi_chat_ul li.offline .ico:after{
    background: #d3d3d3;
}
.xxi_chat_ul .ico img{
    width: 54px;
    height: 54px;
    border-radius: 50px;
}
.xxi_chat_ul .pd{
    margin-left: 10px;
    /* width: 100%; */
    flex: 1 1 auto;
    min-width: 0; /* 防止内容溢出 */
}
.xxi_chat_ul .txt{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
.xxi_chat_ul .title{
    font-size: 16px;
    flex: 1 1 auto;
    overflow: hidden;
    word-wrap: normal;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.xxi_chat_ul .date{
    /* opacity: 0.85; */
    flex-shrink: 0;
    margin-left:10px;
    color: #a2a2a2;
}

.xxi_chat_ul .descr{
    font-size: 13px;
    margin-top: 8px;
    /* opacity: 0.85; */
    overflow: hidden;
    word-wrap: normal;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
    color: #a2a2a2;
}




/**/
.m_fxtool_height{
    height: 68px;
}
.m_fxtool_bg{
    position: fixed;
    bottom:0;
    left:0;
    z-index: 666;
    width: 100%;
    background: #fff;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;

}

.m_fxtool_bg li{float:left; width: 20%;}
.m_fxtool_bg .item{
    display: flex;
    align-items: center;
    justify-content: center;
    height:68px;
    position: relative;
}
/*.m_fxtool_bg .item:after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 1px;
    height: 24px;
    background: #e0e0e0;
}*/
.m_fxtool_bg .pd{text-align: center}
.m_fxtool_bg .item .icon{}
.m_fxtool_bg .item .icon img{height:24px;}
.m_fxtool_bg .item .icon1{}
.m_fxtool_bg .item .icon2{display: none}
.m_fxtool_bg li.cur .item .icon1{display: none}
.m_fxtool_bg li.cur .item .icon2{display: block}
.m_fxtool_bg .item .title{margin-top: 6px; font-size: 13px}


/**/
.mask_bg{
    position: fixed;
    top:0;
    left:0;
    z-index: 800;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.35);
    display: none;
}
.pop_wrap{
    position: fixed;
    left:0;
    z-index: 900;
    width: 100%;
    max-height: 100vh;
    overflow-y: scroll;
    background: #fff;
    border-top-left-radius: 18px;
    border-top-right-radius: 18px;
    min-height: 100px;
    bottom: -100%;
    transition: bottom 0.2s ease-in-out; /* 添加过渡动画 */
}
.pop_wrap.pop_visible{
    bottom: 0
}

.pop_con{
    padding:15px;
}
.pop_close{
    text-align: right;
}
.pop_close img{
    width: 16px;
}
.pop_title{
    text-align: center;
}
.pop_title .t1{
    font-size: 15.5px;
    font-weight: bold;
    position: relative;
    padding-bottom: 10px;
}
.pop_title .t1:before{
    content: '';
    position: absolute;
    left:50%;
    bottom:0;
    margin-left:-15px;
    width: 30px;
    height:2px ;
    background: #db005c;
}

.pop_title .t2{
    font-size: 13px;
    color: #aaa;
    margin-top: 6px;
}
.pop_pd{
    margin-top: 20px
}
.pop_wrap .wx_img{
    text-align: center;
}
.pop_wrap .wx_img img{
    width: 160px;
}

.pop_pd2{
    padding: 20px 0 10px 0;
    line-height: 1.5;
    max-height:320px ;
    overflow-y: scroll;
    font-size: 13px;
}
.pop_pd2 p{
    margin-bottom: 4px;
}
.pop_pd2 img{
    max-width: 100%;
}
.pop_pd2 strong,
.pop_pd2 b{
    font-weight: bold;
}
.pop_xieyi_btnbox{

    background: #fff;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    padding: 17px 0;
}
.pop_xieyi_chk{
    text-align: center;
}
.pop_xieyi_bt{
    text-align: center;
    margin-top: 12px;
}
.pop_xieyi_btn{
    border:none;
    width: 80%;
    min-width: 200px;
    max-width: 300px;
    margin: 0 auto;
    background: #db005c;
    font-size: 15px;
    color: #fff;
    padding:12px 0;
    border-radius: 8px;
    transition: all 0.2s ; /* 添加过渡动画 */
}
.pop_xieyi_btn:active{
    opacity: 0.8;
}

.pop_title2{
    text-align: center;
}
.pop_title2 .t1{
    border-radius: 20px;
    background: #db005c;
    display: inline-block;
    padding: 10px 14px;
    color: #fff;
    font-size: 15px;
}
.pop_title3{
    text-align: center;
}
.pop_title3 .t1 {
    font-size: 13px;
    color: #aaa;
    margin-top: 8px;
}

.pop_prt{
    text-align: center;
    font-size: 15px;
    margin-top: 15px;
}
.pop_pr{
    text-align: center;
    font-size: 30px;
    color: #D20001;
    font-family: Arial;
    font-weight: bold;
    margin-top: 2px;
}
.pop_selpd{
    background: #f5f5f5;
    margin-top: 20px;
    border-radius: 12px;
    padding:5px 12px;
}
.pop_selpd_ul{}
.pop_selpd_ul li{
    border-bottom: 1px solid #ccc;
}
.pop_selpd_ul li:last-child{
    border:none;
}
.pop_selpd_ul .item{
    display: flex;
    justify-content: space-between;
    padding: 14px 0;
    min-width: 0;
}
.pop_selpd_ul .item_l{
    color: #555;
    flex-shrink: 0;
}
.pop_selpd_ul .item_r{
    text-align: right;

}
.pop_selpd_ul .item_r_sel{
    display: flex;
    align-items: center;
    position: relative;
}
.pop_selpd_ul .item_r_sel .sele{
    border:none;
    font-size: 14px;
    background: #fff;
    color: #333;
    appearance: none;
    position: absolute;
    top:0;
    right: 0;
    width: 150px;
    opacity: 0;
    z-index: 2;
    height: 100%;

}
/**/
.pop_selpd_ul .item_wx{
    display: flex;
    padding: 14px 0;
    align-items: center;

}
.pop_selpd_ul .item_wx_title{
    margin-right: 8px;
}
.pop_selpd_ul .item_wx_inp .inp{
    border:none;
    background: none;
    /*border-bottom:1px solid #ccc*/
}

.pop_czhi_btnbox{
    text-align: center;
    margin-top: 22px;
}

.pop_czhi_btn{
    border: none;
    width: 80%;
    min-width: 200px;
    max-width: 300px;
    margin: 0 auto;
    background: #db005c;
    font-size: 15px;
    color: #fff;
    padding: 12px 0;
    border-radius: 8px;
    transition: all 0.2s;
}
.pop_czhi_btn:active{
    opacity: 0.8;
}
/**/
.pop_txtpd{
    margin-top:20px;
    background: #f5f5f5;
    border-radius: 12px;
    padding: 15px 15px;
}
.pop_txtpd_con{

}
.pop_txtpd_tex{}
.pop_txtpd_tex .tex{
    width: 100%;
    height: 60px;
    border:none;
    background: none;
}
.pop_txtpd_imglist{

}
.pop_txtpd_img_item{
    float:left;
    width:  80px;

    margin-top: 10px;
    margin-right: 10px;
    position: relative;
}
.pop_txtpd_img_close{
    position: absolute;
    background: rgba(0,0,0,0.5);
    width: 100%;
    top:0;
    left:0;
    color: #fff;
    text-align: center;
}

.pop_txtpd_img_item .img img{
    width:  80px;
    height: 80px;
    object-fit: cover;
}
.pop_txtpd_img_add{
    float:left;
    width:  80px;
    height: 80px;
    margin-top: 10px;
}
.pop_txtpd_img_add .img{

}
.pop_txtpd_img_add .img img{
    border:1px solid #ccc;
    width:  100%;
    height:100%;
    object-fit: cover;

}



/**/
.swiper0{
    margin:0 auto;
    position:relative;
    z-index: 88;
    width: 100%;
    overflow: hidden;

}
.swiper0 .swiper-slide img { width: 100%;}

.swiper0 .swiper-pagination-bullets{
    bottom: 6px;
}
.swiper0 .swiper-pagination-bullet{
    width: 8px;
    height:  8px;
    border-radius:20px;
    display: inline-block;
    background: #fff;
    border:none;
    opacity: 1;
}
.swiper0 .swiper-pagination-bullet-active{  background: #db005c;}

.swiper0 .swiper0-prev,
.swiper0 .swiper0-next{right:50px;position: absolute;z-index: 1; cursor: pointer}

.swiper0 .swiper0-prev{bottom:110px;}
.swiper0 .swiper0-next{bottom:55px;}



/**/
.wxq_menu_bg{
    padding: 0 15px;
    margin-top: 20px;
}
.wxq_menu .item{
    float:left;
    margin: 0 20px 0 0;
}
.wxq_menu .item a{
    font-size: 16px;
    color: #999;
    display:block;
    padding-bottom: 12px;
    position: relative;
    font-weight: bold;
}
.wxq_menu .item.cur a{
    color: #000;
}
.wxq_menu .item.cur a:before {
    content: '';
    background: #75265b;
    height: 3px;
    position: absolute;
    bottom: 0;
    width: 100%;
}

/**/
.wxq_ditulist_bg{
    padding: 0 15px;
    margin-top: 26px;
}
.wxq_ditulist_ul{margin: 0 -10px}
.wxq_ditulist_ul li{
    padding: 0 10px 20px 10px;
    float:left;
    width: 20%;
}
.wxq_ditulist_ul a{
    display: block;
    padding:3px;
}
.wxq_ditulist_ul a:hover{
    background: #eee;
}
.wxq_ditulist_ul .ico{
    height: 33px;
    text-align: center;
}
.wxq_ditulist_ul .ico img{
    height: 33px;
}
.wxq_ditulist_ul .title{
    font-size: 14.5px;
    text-align: center;
    margin-top: 6px;
}


/**/
.wxq_hotlist_bg{
    padding: 0 15px;
    margin-top: 26px;
}
.wxq_hotlist{}

.wxq_hotlist_ul{}
.wxq_hotlist_ul li{

    margin-bottom: 20px;
}
.wxq_hotlist_ul .item{
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 54px;
}
.wxq_hotlist_ul .item_l{
    flex: 1 1 auto;
    min-width: 0; /* 防止内容溢出 */
    display: flex;
    align-items: center;
}
.wxq_hotlist_ul .item_r{
    flex-shrink: 0;
    margin-left: 10px;

}

.wxq_hotlist_ul .rq_btn{
    height: 30px;
    border-radius: 20px;
    background: #75265b;
    display: flex;
    padding:0 10px;
    align-items: center;
    color: #fff;

}
.wxq_hotlist_ul .rq_btn:hover{
    color: #fff;
    opacity: 0.85;
}
.m_header_chat .tit{
    font-size: 13px;

}

.wxq_hotlist_ul .ico{
    width: 54px;
    height: 54px;
    flex: 0 0 54px;
    position: relative;

}
.wxq_hotlist_ul .ico:after{
    content:'';
    position: absolute;
    right:-2px;
    top:-2px;
    width: 10px;
    height: 10px;
    border-radius: 10px;
}
.wxq_hotlist_ul li.new .ico:after{
    background: #fa5051;
}

.wxq_hotlist_ul .ico img{
    width: 54px;
    height: 54px;
    border-radius: 5px;
    border:3px solid #ccc;
}
.wxq_hotlist_ul .pd{
    margin-left: 10px;
    /* width: 100%; */
    flex: 1 1 auto;
    min-width: 0; /* 防止内容溢出 */
}
.wxq_hotlist_ul .txt{

}
.wxq_hotlist_ul .title{
    font-size: 16px;
    flex: 1 1 auto;
    overflow: hidden;
    word-wrap: normal;
    white-space: nowrap;
    text-overflow: ellipsis;
}


.wxq_hotlist_ul .descr{
    font-size: 13px;
    margin-top: 8px;
    /* opacity: 0.85; */
    overflow: hidden;
    word-wrap: normal;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
    color: #a2a2a2;
}


/**/
.inx_bg{

    min-height: calc( 100vh - 132px );
    background: #9d2469;
    background: url(../images/inxbg.png) no-repeat center top;
    /*background-size: cover;*/
    background-size: 100%;
}

.inx_bar{
    width: 100%;
    padding-bottom: 62%;
}

.inx_main_bg{
    padding:0 15px 18px 15px;

}
.inx_main{
    background: #ffddde;
    border-radius: 16px;
    padding: 10px 15px 15px 15px;
}
.inx_main .htit{
    position: relative;

}
.inx_main .htit .t1{
    font-size: 15px;
    text-decoration: underline;
    /*font-weight: bold;*/
}
.inx_main .htit .t22{
    position: absolute;
    z-index: 2;
    top: -10px;
    right: -15px;
    width: 200px;
    height: 48px;
    background: url(../images/a3.png) no-repeat left top;
    background-size: cover;

}
.inx_main .htit .t22pd{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 39px;

}
.inx_main .htit .tb{
    font-size: 15px;
    /*font-weight: bold;*/
}
.inx_main .htit .tb:active{
    font-weight: bold;
}
.inx_main .htit .icoimg{
    width: 14px;
    margin-left: 3px;
    vertical-align: middle;
}
.inx_main .con{
    background: #fff;
    border-radius: 16px;
    padding: 15px 10px 5px 17px;
    margin-top: 10%;
    position: relative;
}
.inx_main .img{
    width: 85px;
    position: absolute;
    top: -15%;
    left: 17px;
    /*  position: relative;
      top:-30px;
    transform: translateY(-24%);
    */
}
.inx_main .img img{
    width: 85px;
    height: 106px;
    border-radius: 6px;
}
.inx_main .txt{
    width: calc( 100% - 85px );
    float:right;
    padding: 0 0 0 10px;
    position: relative;
    z-index: 2;
}
.inx_main_ul{

}
.inx_main_ul li{
    float:left;
    width: 50%;
    padding:0 8px 12px 8px;
}
.inx_main_ul .ite{
    border-radius: 4px;
    background: #ffddde;
    text-align: center;
    font-size: 14px;
    line-height: 32px;
}
.inx_main_ul .ite:active{
    background: #FF64AD;
}

.inx_main_women{
    background: url(../images/a1.png) no-repeat center center;
    background-size: cover;
}

.inx_main_men{
    background: url(../images/a2.png) no-repeat center center;
    background-size: cover;
}

/**/
.inx_linkbtn_bg{
    padding:0 15px 5px 15px;
}
.inx_linkbtn{
    margin:0 -8px;
}
.inx_linkbtn .item{
    float:left;
    padding:0  8px;
    width: 50%;
}
.inx_linkbtn .title{
    display:block;
    text-align: center;
    color:#fff;
    font-size: 14px;
    padding:8px 0;
    border-radius: 4px;
}
.inx_linkbtn .title:hover{
    opacity: 0.85;
}
.inx_linkbtn .item:nth-of-type(1) .title{
    background: #db005c;
}
.inx_linkbtn .item:nth-of-type(2) .title{
    background: #d0008f;
}


/**/
.inx_footer_bg{
    padding:30px 0 25px 0;
    color: #fff;
}
.inx_footer_bg a{
    color: #fff;
}
.inx_footer_bg_black a,
.inx_footer_bg_black{
    color: #333;
}

.inx_footer1{
    text-align: center;
}
.inx_footer1 span{
    padding:0 3px
}
.inx_footer2{
    margin-top: 10px;
    text-align: center;
    opacity: 0.8;
}



/**/
.da_body{

    background: #9d2469;
    background: url(../images/c1.png) no-repeat center top;
    background-size: cover;
    background-attachment: fixed;
}

.da_main_bg{
    /*  background: #9d2469;
      background: url(../images/c1.png) no-repeat center top;
      background-size: 100%;
      height: 100%;*/
}

.da_infolist_bg{
    margin-top:20px;
    padding:0 15px;
}
.da_infolist{

}
.da_infolist_ul{

}
.da_infolist_ul .dai{
    margin-bottom: 20px;
}
.da_infolist_ul .item{
    background: #f0e4ed;
    padding:15px;

    border-radius: 16px;
}

/**/
.da_infolist_ul .item_t{
    display: flex;
    min-height: 54px;
}
.da_infolist_ul .item_t .ico{
    width: 54px;
    height: 54px;
    flex: 0 0 54px;
    position: relative;

}
.da_infolist_ul .item_t .ico img{
    width: 54px;
    height: 54px;
    border-radius: 50px;
}
.da_infolist_ul .item_t .pd{
    margin-left: 8px;
    /* width: 100%; */
    flex: 1 1 auto;
    min-width: 0; /* 防止内容溢出 */
}
.da_infolist_ul .item_t .txt{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
.da_infolist_ul .item_t .title{
    font-size: 15px;
    font-weight: bold;
    width: 60px;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    word-wrap: normal;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.da_infolist_ul .item_t .tpd{
    display: flex;
    align-items: center;
    flex: 1 1 auto;
}
.da_infolist_ul .item_t .sex{
    height: 20px;
    padding:0 5px;
    border-radius: 20px;
    background: #DB005C;
    color: #fff;
    margin-left: 7px;
}
.da_infolist_ul .mdai .item_t .sex{
    background: #2B0E21;

}
.da_infolist_ul .item_t .sex img{
    height: 14px;
    margin-right: 2px;
}
.da_infolist_ul .item_t .pos{
    margin-left: 7px;
    color: #525252;
}
.da_infolist_ul .item_t .pos img{
    height: 14px;
    margin-right: 2px;
}
.da_infolist_ul .item_t .distance{
    flex-shrink: 0;
    color: #525252;
}
.da_infolist_ul .item_t .descr{
    margin-top: 8px;
    line-height: 1.4;
    display: -webkit-box !important;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #444;
}

/**/
.da_infolist_ul .item_m{
    margin-top: 4px;
}
.da_infolist_item_m_ul{
    margin:0 -4px
}
.da_infolist_item_m_ul li{
    padding: 10px 4px 0 4px;
    width: 25%;
    float:left;

}
.da_infolist_item_m_ul .ite{
    background: #fff;
    font-size: 13px;
    text-align: center;
    width: 100%;
    height:28px ;
    line-height: 28px;
    overflow: hidden;
    word-wrap: normal;
    white-space: nowrap;
    text-overflow: ellipsis;
    border-radius: 4px;

}

/**/
.da_infolist_ul .item_m2{
    margin-top: 14px;
}
.da_infolist_item_m2_ul{
    margin:0 -4px;
    position: relative;

}
.da_infolist_item_m2_ul li{
    padding: 0 4px 0 4px;
    width: 25%;
    float:left;
}
.da_infolist_item_m2_ul .ite{

}
.da_infolist_item_m2_ul .imgbox {
    border:1px solid #ddd;
}
.da_infolist_item_m2_ul .img {

    padding-bottom: 100%;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    border-radius: 4px;
}


/**/

.da_infolist_ul .item_b{
    margin:0 -8px;
    margin-top: 14px;
}
.da_infolist_ul .item_b .ite{
    float:left;
    padding:0  8px;
    width: 50%;
}
.da_infolist_ul .item_b .title{
    display:flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    color:#fff;
    font-size: 14px;
    padding:8px 0;
    border-radius: 20px;
}
.da_infolist_ul .item_b .title img{
    height: 17px;
    margin-right: 5px;
}
.da_infolist_ul .item_b .title:active{
    opacity: 0.85;
}
.da_infolist_ul .item_b .ite:nth-of-type(1) .title{
    background: #DB005C;
}
.da_infolist_ul .item_b .ite:nth-of-type(2) .title{
    background: #BD7090;
}

.da_infolist_ul .mdai .item_b .ite:nth-of-type(1) .title{
    background: #2B0E21;
}
.da_infolist_ul .mdai .item_b .ite:nth-of-type(2) .title{
    background: #6D5665;
}


/**/
.da_shaixuan_bg{
    padding:0 15px;
    margin-top: 20px;
}
.da_shaixuan{
    padding:8px 15px;
    border-radius: 20px;
    background: #fff;
    display: flex;
    justify-content: space-between;
    font-size: 16px;
    line-height: 1.15;
}
.da_shaixuan_item{
    display: flex;
    align-items: center;
    position: relative;
}
.da_shaixuan_item .ico1{
    margin-right: 3px;
}
.da_shaixuan_item .ico1 img{
    height: 16px;
    vertical-align: top;
}
.da_shaixuan_item .ico2{
    margin:0 6px;
}
.da_shaixuan_item .ico2 img{
    height: 14px;
    margin-top: -2px;
}
.da_shaixuan_item .ico3{
    margin-left: 3px;
}
.da_shaixuan_item .ico3 img{
    height: 4px;
}
.da_shaixuan_item .selet{
    color: #888;
    max-width: 90px;
    display: -webkit-box !important;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.da_shaixuan_item .sele{
    /* display: none; */
    border: none;
    font-size: 14px;
    background: #fff;
    color: #333;
    appearance: none;
    position: absolute;
    top: 0;
    /* right: 0; */
    width: 100%;
    opacity: 0;
    z-index: 2;
    /* height: 100%; */
}
.da_shaixuan_line{}
.da_shaixuan_line img{
    height: 20px;
}

/**/
.da_biaoqian_bg{
    padding:22px 15px 0 15px;
}
.da_biaoqian{}

.da_biaoqian_ul{
    width: 100%;
    overflow-x: scroll;
    /*-webkit-overflow-scrolling: touch;*/
    white-space: nowrap;
    padding-bottom:15px;
}
/* 自定义滚动条样式 */
.da_biaoqian_ul::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}

.da_biaoqian_ul::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.1);
    border-radius: 3px;
}

.da_biaoqian_ul::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.6);
    border-radius: 3px;
}

.da_biaoqian_ul::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, 0.8);
}

.da_biaoqian_ul li{
    width: 17%;

    display: inline-block;
}
.da_biaoqian_ul .item{
    opacity: 0.7;
    text-align: center;
}
.da_biaoqian_ul .img img{
    height:30px ;
}
.da_biaoqian_ul .title{
    font-size: 15px;
    color: #fff;
    margin-top: 6px;
}

.da_biaoqian_ul li.cur .item{
    opacity: 1
}

/**/
.mask_enlarge_image{
    display:none;
    position:fixed;
    z-index: 800;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:#000;
}
#enlarge_image{
    display:none;
    position:fixed;
    z-index: 900;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:#000;
}
#enlarge_image .swiper-slide{
    overflow: hidden;
}
#enlarge_image .swiper-slide img{
    width:100%;
    height: auto;
    vertical-align:middle;

}
#enlarge_image .swiper-pagination{
    top:20px;
    bottom:auto;
    color:#fff;
    font-size: 15px;
}
#enlarge_image .swiper-slide .swiper-zoom-container img{
    /*transition-duration: 0ms!important;*/
}

.close_enlarge_image{
    position:fixed;
    z-index: 920;
    top:20px;
    right:20px;
    color: #fff;

}
.close_enlarge_image .fa{
    font-size: 26px;
}


/**/
.enlarge_image2{
    display: none;
    position: fixed;
    z-index: 900;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
}
.enlarge_image2 img{
    width: 100%;
    height: auto;
}


/**/
.fixed_addad{
    position: fixed;
    z-index: 666;
    right:10px;
    bottom:100px;
    width: 48px;
    height: 48px;
    /*background: #db005c;*/
    background: linear-gradient(to bottom, #db005c, #7d0c91);
    border-radius: 50px;

}
.fixed_addad a{
    display: flex;
    width: 48px;
    height: 48px;
    align-items: center;
    justify-content: center;
}
.fixed_addad img{
    width:20px;
    display: block;
}



/**/
.my_main_bg{
    /*background: #9d2469;
    background: url(../images/c1.png) no-repeat center top;
    background-size: 100%;
    height: 100%;*/
}

.agent_top{
    width: 100%;
    position: relative;

}
.agent_top_pd{
    padding: 25px 15px 0 15px;
    display: flex;
}

.agent_top_pd .img{ width: 68px;height: 68px;overflow: hidden;
    flex: 0 0 70px;
}
.agent_top_pd .img img{ width: 100%;height: 100%;border-radius: 50%;border: 1px solid #fff;}


.agent_top_pd .txt{
    color:#fff;
    flex: 1 1 auto;
    padding: 8px 10px 0 12px;
}
.agent_top_pd .name{/* margin-top: 10px; */}
.agent_top_pd .name span{
    font-size: 17px;
    display: block;
    float:left;
    margin-right:6px;
    line-height: 1.15;
}
.agent_top_pd .sex{
    float:left;
    height: 20px;
    padding:0 5px;
    border-radius: 20px;
    background: #DB005C;
    color: #fff;
    margin-left: 7px;
}
.agent_top_pd .sex_female{
    background: #DB005C;

}
.agent_top_pd .sex_male{
    background: #2B0E21;

}
.agent_top_pd .sex img{
    height: 14px;
    margin-right: 2px;
}
.agent_top_pd .descr {
    font-size: 15px;
    margin-top: 6px;
    color: #fff;
}

.agent_top_pd .rt {
    padding-top: 8px;
    flex: 0 0 24px;
}
.agent_top_pd .rt .ic{
    width: 24px;
}


/**/
.agent_menu_bg{
    margin-top:22px;
    padding:0 15px
}
.agent_menu_t{

}
.agent_menu_t .t{
    font-size: 17px;
    font-weight: bold;
    color: #fff;
}
.agent_menu {
    background: #f0e4ed;
    padding:20px 0 15px 0;
    border-radius: 12px;
    margin-top:12px;
}
.agent_menu_pd{

}
.agent_menu_pd_ul{
    display: flex;
    justify-content: space-between;
}
.agent_menu_pd_ul li{
    width: 50%;
    border-right:1px solid #A1A1A1;
}
.agent_menu_pd_ul li:last-child{
    border:none
}
.agent_menu_pd_ul .item{
    display: block;
}
.agent_menu_pd_ul .ico{
    text-align: center;
    position: relative;
}
.agent_menu_pd_ul .icoo{
    display: inline-block;
    position: relative;
}
.agent_menu_pd_ul .ico img{
    height: 34px;
}
.agent_menu_pd_ul .title{
    text-align: center;
    font-size: 14px;
    margin-top: 8px;
}
.agent_menu_pd_ul .biao{
    background: #D0008F;
    display: inline-block;
    position: absolute;
    top:-8px;
    right:-10px;
    font-size: 12px;
    padding:2px 4px;
    border-radius: 20px;
    color: #fff;

}


/**/
.agent_mlist_bg{
    padding:0 15px;

}
.agent_mlist{}
.agent_mlist_pd{}
.agent_mlist_pd_ul{}
.agent_mlist_pd_ul li{
    margin-top: 20px;
}
.agent_mlist_pd_ul .item{
    background: #f0e4ed;
    padding: 16px 15px ;
    border-radius: 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;

}
.agent_mlist_pd_ul .item_l{
    display: flex;
    align-items: center;
}
.agent_mlist_pd_ul .item_l .ico{
    margin-right: 7px;
}
.agent_mlist_pd_ul .item_l .ico img{
    height: 22px;
}
.agent_mlist_pd_ul .item_r{}
.agent_mlist_pd_ul .item_r .ico img{
    height: 9px;
}


/**/

.m_htop_bg{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 666;

    width: 100%;
    padding: 0 15px;
    background: #fff;
    border-bottom: 1px solid #eee;

}
.m_htop_height{
    width: 100%;
    height: 56px;
}
.m_htop{
    position: relative;
    width: 100%;
    height: 56px;
}
.m_htop_back{
    position: absolute;
    top:0;
    left:0;
    height: 56px;
    display: flex;
    align-items: center;
}
.m_htop_back .ico{
    margin-right: 4px;
}
.m_htop_back .ico img{
    height: 6px;
}
.m_htop_back .title{}
/**/
.m_htop_title{
    width: 100%;
    text-align: center;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
}

/**/
.cq_zhilist_bg{
    padding:0 15px;
}
.cq_zhilist{}
.cq_zhilist_ul{}
.cq_zhilist_ul li{
    margin-top: 20px;
}
.cq_zhilist_ul .item{
    display: flex;
    background: #f0e4ed;
    padding:10px;
    border-radius: 8px;
}
.cq_zhilist_ul .img{
    width: 68px;
    height: 68px;
    overflow: hidden;
    flex: 0 0 70px;
    margin-right: 9px;
}
.cq_zhilist_ul .img img{
    width: 68px;
    height: 68px;
    object-fit: cover;
    border-radius: 8px;
}
.cq_zhilist_ul .txt{
    flex: 1 1 auto;
    padding:0 6px 0 0;
    line-height: 1.15;
}
.cq_zhilist_ul .txt_item{
    margin-top: 6px;
}


.cq_zhilist_ul .txt_item:first-child{
    margin-top: 0;
}
.cq_zhilist_ul .sex{
    display: inline-block;

    padding:2px 5px;
    border-radius: 20px;
    background: #DB005C;
    color: #fff;


}
.cq_zhilist_ul .sex_female{
    background: #DB005C;

}
.cq_zhilist_ul .sex_male{
    background: #2B0E21;

}
.cq_zhilist_ul .sex img{
    height: 14px;
    margin-right: 2px;
}

.cq_zhilist_ul .rt{
    flex-shrink: 0;

    display: flex;
    align-items: center;
}

.cq_zhilist_ul .txt_item .t3{
    font-size: 16px;
}
.cq_zhilist_ul .jl_t{
    color: #DA005B;
}



/**/
.qz_dalist_bg{
    padding:0 15px;
}
.qz_dalist{}
.qz_dalist_ul{}
.qz_dalist_ul li{
    margin-top: 20px;
}
.qz_dalist_ul .item{
    background: #f0e4ed;
    padding: 15px;
    border-radius: 16px;
}
.qz_dalist_ul .item_d{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
/**/
.qz_dalist_ul .item_t{
    display: flex;
    min-height: 54px;
    margin-top: 15px;
}
.qz_dalist_ul .item_t .ico{
    width: 54px;
    height: 54px;
    flex: 0 0 54px;
    position: relative;

}
.qz_dalist_ul .item_t .ico img{
    width: 54px;
    height: 54px;
    border-radius: 50px;
}
.qz_dalist_ul .item_t .pd{
    margin-left: 8px;
    /* width: 100%; */
    flex: 1 1 auto;
    min-width: 0; /* 防止内容溢出 */
}
.qz_dalist_ul .item_t .txt{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
.qz_dalist_ul .item_t .title{
    font-size: 15px;
    font-weight: bold;
    width: 60px;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    word-wrap: normal;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.qz_dalist_ul .item_t .tpd{
    display: flex;
    align-items: center;
    flex: 1 1 auto;
}
.qz_dalist_ul .item_t .sex{
    height: 20px;
    padding:0 5px;
    border-radius: 20px;
    background: #DB005C;
    color: #fff;
    margin-left: 7px;
}
.qz_dalist_ul .item_t .sex_male{
    background: #2B0E21;
}
.qz_dalist_ul .mdai .item_t .sex{
    background: #2B0E21;

}
.qz_dalist_ul .item_t .sex img{
    height: 14px;
    margin-right: 2px;
}
.qz_dalist_ul .item_t .pos{
    margin-left: 7px;
    color: #525252;
}
.qz_dalist_ul .item_t .pos img{
    height: 14px;
    margin-right: 2px;
}
.qz_dalist_ul .item_t .distance{
    flex-shrink: 0;
    color: #525252;
}
.qz_dalist_ul .item_t .descr{
    margin-top: 8px;
    line-height: 1.4;
    display: -webkit-box !important;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #444;
}
/**/
.qz_dalist_ul .item_b{
    margin-top: 16px;
}
.qz_dalist_ul .daz_btn{
    display:flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    color:#fff;
    font-size: 14px;
    padding:8px 0;
    border-radius: 20px;
    background: #BD7090;
}
.qz_dalist_ul .daz_btn_male{
    background: #6D5665;
}
.qz_dalist_ul .daz_btn img{
    height: 17px;
    margin-right: 5px;
}
.qz_dalist_ul .daz_btn:active{
    opacity: 0.85;
}


/**/
.dianpuEditor_bg{
    padding: 8px 15px 0 15px;
}
.dianpuEditor{}
.dianpuEditor_t{
    text-align: center;
    font-size: 17px;
    padding-top: 10px;
    color: #fff;
}
.dianpuEditor_pd{ }
.dianpuEditor .describe{color:#888;padding:20px 15px; font-size: 13px;}

.dianpuEditor .dian_i{
    margin-top: 15px;
}
.dianpuEditor .item{
    padding: 15px;
    background: #f0e4ed;
    border-radius: 12px;
    display: flex;
}
.dianpuEditor .spp{
    flex: 0 0 70px;
    display: block;
    font-size: 14px;
    /* padding-top:4px; */
}
.dianpuEditor .input_block{
    flex: 1 1 auto;
    min-width: 0;
}
.dianpuEditor .input_block {margin-left:12px;}
.dianpuEditor .input_block input {
    height: 20px;
    line-height: normal;
    border: 0 none;
    width: 100%;
    -webkit-appearance: none;
    vertical-align: top;
    /* color: #000; */
    background: none;
}
.dianpuEditor .input_block .sel {
    height: 20px;
    line-height: normal;
    width: auto;
    background: none;
    border: none;
    border:1px solid #333;
}
.dianpuEditor .input_block .sp_disabled{
    display: inline-block;
    line-height: 20px;
    background: #eee;
    padding:2px 6px;
}
.dianpuEditor .input_block textarea {
    line-height: 1.5;
    -webkit-appearance: none;
    width: 100%;
    border: none;
    resize: none;
}
.dianpuEditor .item_radio{
    padding:10px
}
.dianpuEditor .item_radio label{ width: auto;}
.dianpuEditor .item_radio span{margin:0 10px 0 2px}

/**/
.bqiao_pd{
    border-radius: 12px;
    padding: 15px 15px;
    background: #f0e4ed;
}
.bqiao_pd_t{

}
.bqiao_pd_t .icoimg{
    height: 14px;
    margin-right: 5px;
}
.bqiao_pd_con{
    margin-top: 4px;
}
.bqiao_pd_ul{
    margin: 0 -4px;
}
.bqiao_pd_ul li{
    padding:8px 4px 0 4px;
    float:left;
    width: 25%;
}
.bqiao_pd_ul .ite{
    border-radius: 4px;
    width: 100%;
    height: 34px;
    line-height: 34px;
    overflow: hidden;
    word-wrap: normal;
    white-space: nowrap;
    text-overflow: ellipsis;
    background: #dfc6d9;
    text-align: center;
}
.bqiao_pd_ul li.cur .ite{
    background: #db005c;
    color: #fff;
}


.dian_bt{
    text-align: center;
    margin-top: 20px;
}
.dian_btn{
    border:none;
    width: 100%;
    min-width: 200px;
    max-width: 400px;
    margin: 0 auto;
    background: #db005c;
    font-size: 15px;
    color: #fff;
    padding:12px 0;
    border-radius:30px;
    transition: all 0.2s ; /* 添加过渡动画 */
}
.dian_btn:active{
    opacity: 0.8;
}


/**/
.tcwxq_info_bg{}
.tcwxq_info{}
.tcwxq_info_t0{
    text-align: center;
    line-height: 55px;
    color: #db005c;
    background: #fff;
}
.tcwxq_info_pd{
    background: #f5f5f5;
    padding:20px;
}
.tcwxq_info_cn{
    border-radius: 12px;
    background: #fff;
    padding: 20px   0
}
.tcwxq_info_cont{
    display: flex;
    align-items: center;
    justify-content: center;
}
.tcwxq_info_cont .ico {
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    position: relative;
}
.tcwxq_info_cont .ico:after{
    content:'';
    position: absolute;
    right:0px;
    top:0px;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    background: #fa5051;
}
.tcwxq_info_cont .ico img{
    width: 48px;
    height: 48px;
    border-radius: 5px;
    border:3px solid #ccc;
}
.tcwxq_info_cont .title{
    font-size: 15px;
    flex: 1 1 auto;
    padding-left:10px
}
.tcwxq_info_cont .tc{
    display: flex;
    align-items: center;
}

.tcwxq_info_wxx{
    width: 200px;
    height: 200px;
    position: relative;
    margin:25px auto 0 auto;
}
.tcwxq_info_wxx .ico{}
.tcwxq_info_wxx .ico img{
    width: 100%;
}
.tcwxq_info_wxx .pricebox{
    position: absolute;
    left:0;
    top:0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0,0,0,0.8);
    background: rgb(45 45 45 / 92%);
}
.tcwxq_info_wxx .pricebox_con{
    color: #fff;
    font-size: 16px;
}
.tcwxq_info_wxx .pricebox_con span{
    color: #D20001;
    font-weight: bold;
}





/* 聊天 */
.eee_body{
    background: #eee;
}
.eee_body .m_htop_bg{
    box-shadow: 0px 0px 6px 0px rgb(0 0 0 / 0.05);
}

.chat_wrap{
    /* background: url(../images/10.png) center center no-repeat;
     background-size: 65% auto;
     background-attachment:fixed;
     min-height: 100vh;
     padding: 50px 0 60px 0*/

    padding: 0 0 60px 0
}



.chat_wrap_ul{padding:22px 14px 5px 14px}
.chat_wrap_ul li{ width: 100%;padding-bottom: 22px;}

.chat_item{ display: flex;}
.chat_wrap_ul li.chat_left .chat_item{flex-direction:row}
.chat_wrap_ul li.chat_right .chat_item{flex-direction:row-reverse}

.chat_img{
    width: 40px;
    flex: 0 0 40px;
}
.chat_img img{width: 40px;height: 40px;border-radius: 3px;overflow: hidden;}

.chat_txt{
    padding:0 0 0 11px;
    flex: 0 1 auto;
}
.chat_wrap_ul li.chat_right .chat_txt{
    padding:0 11px 0 0;
}
.chat_ti{
    padding:9px 10px;
    min-height: 40px;
    position: relative;
    line-height: 1.4;
    background: #fff;
    border-radius: 3px;
    font-size: 15.5px;
}

.chat_wrap_ul li.chat_right .chat_ti{
    background: #dfc6d9;
    color:#333;
}
.chat_ti:before{
    content: '';
    border-radius: 2px;
    width: 12px;
    height: 12px;
    background: #fff;
    position: absolute;
    z-index: -1;
    left:-3px;
    top:14px;
    transform: rotate(45deg);

}
.chat_wrap_ul li.chat_right .chat_ti:before{
    left: unset;
    right:-3px;
    background: #dfc6d9;
}

.chat_status{
    flex: 0 0 50px;
    padding:0 0 0 10px;
    display: flex;
    align-items:flex-end;
    position: relative;
    top:-2px
}
.chat_wrap_ul li.chat_right .chat_status{
    padding:0 10px 0 0;
    justify-content: flex-end;

}
.chat_status .status_1{
    color: #c8c8c8;
    font-size: 12.5px;
}
.chat_status .status_2{
    color: #c8c8c8;
    font-size: 12.5px;
}

/* 发送消息 底部 */
.fixed_s_message_height{
    height: 60px;
    display: none;
}
.fixed_s_message{
    background: #f9f9f9;
    padding:10px 12px;
    position: fixed;
    z-index: 555;
    bottom: 0;
    left: 0;
    width: 100%;
    border-top: 1px solid #e9e9e9;
    box-shadow: 0px 0px 6px 0px rgb(0 0 0 / 0.05);
}

.fixed_s_message_pd{
    display: flex;
}
.fixed_s_message_pd .inpbox{
    flex: 1 1 auto;
    padding:0 10px 0 0;
}
.fixed_s_message_pd .inpbox .inp{
    width: 100%;
    height: 40px;
    border:none;
    background:#fff;
    border-radius: 3px;
    padding:0 10px;
    border: 1px solid #e9e9e9;
}
.fixed_s_message_pd .btnbox{
    flex: 0 0 70px;
}
.fixed_s_message_pd .btnbox .btn{
    width: 100%;
    border: none;
    background: #db005c;
    color:#fff;
    height: 40px;
    border-radius: 3px;
}

/**/
.xq_zhilist_bg{
    padding:0 15px;
}
.xq_zhilist{

}
.xq_zhilist_pd{

}

.xq_zhilist_ul{

}

.xq_zhilist_ul .xqi{
    margin-top: 20px;
}
.xq_zhilist_ul .item{
    background: #fff;
    padding:15px;
    border-radius: 15px;
}
.xq_zhilist_ul .imgbox{
    border-radius: 15px;
    overflow: hidden;
}
.xq_zhilist_ul .imgbox img{
    height:220px;
    width: 100%;
    object-fit: cover;
}
.xq_zhilist_ul .item_addr{

    margin-top: 12px;
}
.xq_zhilist_ul .item_addr_shen{
    margin-right: 10px;
    color: #525252;
    display: flex;
    align-items: center;
    float:left;
}
.xq_zhilist_ul .item_addr_shen img{
    height: 14px;
    margin-right: 2px;
}
.xq_zhilist_ul .item_addr_xue{
    color: #525252;
    float:left;
}
.xq_zhilist_ul .item_in{

    margin-top: 11px;
}
.xq_zhilist_ul .ntitle{
    font-size: 16px;
    font-weight: bold;
    margin-right: 8px;
    float:left
}
.xq_zhilist_ul .item_in_wx{
    float:left
}
.xq_zhilist_ul .sex{
    height: 20px;
    padding:0 5px;
    border-radius: 20px;
    background: #DB005C;
    color: #fff;
    margin-right: 8px;
    display: flex;
    align-items: center;
    float:left
}
.xq_zhilist_ul .sex_female{
    background: #DB005C;

}
.xq_zhilist_ul .sex_male{
    background: #2B0E21;

}
.xq_zhilist_ul .sex img{
    height: 14px;
    margin-right: 2px;
}
.xq_zhilist_ul .descr {

    line-height: 1.4;
    display: -webkit-box !important;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #333;
}
.xq_zhilist_ul .item_btn{
    display:flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    padding:8px 0;
    border-radius: 20px;
    background: #DB005C;
    color: #fff;

}
.xq_zhilist_ul .item_btn img{
    height: 17px;
    margin-right: 5px;
}
.xq_zhilist_ul .item_b .title:active{
    opacity: 0.85;
}


/**/
.swiper_zhi{}
.swiper_zhi .swiper-slide img{
    width: 100%;
    height: 200px;
    object-fit: cover;
}
.swiper_zhi .swiper-pagination_zhi{
    left: unset;
    right: 10px;
    background: rgba(0,0,0,0.8);
    padding:3px 8px;
    border-radius: 20px;
    color: #fff;
    width: auto;
    font-size: 13px;
}



/**/
.battery_status_wrap_bg{
    padding:20px 6% 0 6%;
    /*padding:30px 30px 0 30px;*/
    line-height: 1.15;
}
.battery_status_wrap{
    display: flex;
    justify-content: space-between;
}
.battery_status_lt{
    width:50% ;
}
.battery_status_rt{
    width:48% ;
}
.battery_status_lt_item{
    min-height: 50px;
    padding-left:28px;
    position: relative;
    margin-top: 33px;
}
.battery_status_lt_item:first-child{
    margin-top: 0;
}
.battery_status_lt_item .ico{
    position: absolute;
    top:0;
    left:0;
}
.battery_status_lt_item .ico img{
    width: 18px;

}
.battery_status_lt_item .t1{
    font-size: 18px;
    color: #fff;
}
.battery_status_lt_item .t2{
    font-size: 24px;
    color: #38B7FE;
    margin-top: 6px;
    font-weight: bold;
}
.battery_status_lt_item .t3{
    font-size: 15px;
    color: #fff;
    margin-top: 6px;
}
/**/
.battery_status_power{
    background: #1F1F1F;
    padding:20px 0;
    border-radius: 8px;
}
.battery_status_power .t1{
    font-size: 18px;
    color: #fff;
    text-align: center;
}
.battery_status_power .t2{
    font-size: 40px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    margin-top: 20px;
}
.battery_status_power .t3{
    font-size: 15px;
    color: #fff;
    margin-top: 20px;
    text-align: center;
}
.battery_status_power_progress{
    width: 80%;
    margin: 0 auto;
    margin-top: 20px;
    height: 12px;
    border-radius: 20px;
    background: #3A3A3A;
    overflow: hidden;
}
.battery_status_power_s{
    background: #38B7FE;
    background: linear-gradient(to bottom, #38B7FE, #07679d);
    height: 12px;
}
.battery_status_rt_2{
    margin-top:15px;
}
.battery_status_rt_2 .btn{
    width: 100%;
    padding:6px 10px;
    font-size: 14px;
    text-align: center;
    border-radius: 50px;
    background: #38B7FE;
}
.battery_status_rt_3{
    margin-top:15px;
    font-size: 14px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}
.battery_status_rt_3 .ii{
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 20px;
    background: #38B7FE;
    margin-right: 5px;

}
.battery_status_rt_3 .tt{
    display: block;
}
.battery_status_rt_3 .zx{
    display: block;
    color: #38B7FE;
}

/**/
.battery_menu_bg{
    padding:0 15px;
    margin-top: 17px;
}
.battery_menu{}
.battery_menu_ul{
    background: #fff;
    padding: 3px 12px;
    border-radius: 6px;
}
.battery_menu_ul li{
    border-bottom: 1px solid #d7d7d7;
}
.battery_menu_ul li:last-child{
    border:none
}
.battery_menu_ul .item{

}
.battery_menu_ul .item_l{
    display: flex;
    align-items: center;
    padding: 11px 0;
    font-size: 14.5px;
}
.battery_menu_ul .ico{
    margin-right: 5px;
}
.battery_menu_ul .ico img{
    height: 15px;
}

.battery_menu_ul .item_l .p1{
    font-weight: bold;
}


/**/
.battery_sta_bg{
    padding:0 15px;
    margin-top: 17px;
}
.battery_sta{
    background: #1F1F1F;
    padding: 15px 0;
    border-radius: 6px;
}
.battery_sta_ul{
    display: flex;
}
.battery_sta_ul li {
    width: 50%;
    border-right: 1px solid #686561;
}
.battery_sta_ul li:last-child{
    border-right: unset;
}
.battery_sta_ul .item{
    text-align: center;
}
.battery_sta_ul .ico{

}
.battery_sta_ul .ico img{
    height: 18px;
}
.battery_sta_ul .t1{
    font-size: 24px;
    color: #38B7FE;
    margin-top: 6px;
    font-weight: bold;
}
.battery_sta_ul .t2{
    font-size: 15px;
    color: #fff;
    margin-top: 6px;
}
/**/
.battery_status_top_bg{
    padding:10px 15px;
}
.battery_status_top{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.battery_status_top_lt{
    display: flex;
    align-items: center;
    color: #fff;
    font-size: 16px;
}
.battery_status_top_lt img{
    margin-right: 6px;
    width: 36px;
    height: 36px;
    border-radius: 60px;
}
.battery_status_top_rt{

}
.battery_status_top_rt .a1{
    font-size: 16px;
    color: #c2bdbd;
}