/*全局样式*/

body{max-width:800px; min-width:320px; margin:0 auto;font-family: PingFangSC-Regular, PingFang SC, "Microsoft YaHei", sans-serif; background: #f5f5f5;}
a{text-decoration:none;bblr:expression(this.onFocus=this.blur());/*IE使用*/outline-style:none;/*FF使用*/; outline:none;}
a,input,img,:focus{ mayfish:expression(this.onfocus=this.blur); cursor:handbblr:expression(this.onFocus=this.blur());/*IE使用*/ outline-style:none;/*FF使用*/ } /*去除a标签带来的虚框*/
ul{list-style:none;}
img{border:0px; vertical-align:middle}
ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,p{padding:0;margin:0; font-weight:normal;}
h3,h4,h5{ font-weight:normal;}
h4 a:hover,h5 a:hover{ -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
hr{display:block;height:1px;border:0;background:#d8d8d8;padding:0;margin-bottom: 0;margin-top: 1.5rem;}
abbr,article,aside,audio,canvas,datalist,details,
dialog,eventsource,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,time,vide

body { background-color: #f5f5f5; display: flex; justify-content: center; }
.main{ padding: 0.9rem;}









input {
    outline: none;
    border: none;
    box-shadow: none;
}

input:focus {
    outline: none;
    border: none;
    box-shadow: none;
    color: #999999;
    font-size: 0.95rem;
}
label {
    outline: none;
    border: none;
    box-shadow: none;
}

label:focus {
    outline: none;
    border: none;
    box-shadow: none;
}
input::placeholder {
    color: #999999;
    font-size: 0.95rem;
}
.search-icon img{ width: 50%;}

.search-container {
            display: flex;
            align-items: center;
            background: #fff;
            border-radius: 3px;
            height: 3rem;
            line-height: 3rem;
         
}
.search-input {
            flex: 1;
            padding: 10px;
           
           
}
.search-input::placeholder{ font-size: 0.84rem;}
.search-icon {
            margin-left: 0px;
            cursor: pointer;
            background: #fff;
}
button{ border: none;}
.banner .swiper-slide img{ max-width: 100%;  }
.banner{ border: 3px solid #000000; margin-top: 1rem;}
.banner .swiper-pagination-bullet{ background: #fff; width: 12px; height: 12px;  opacity: .5;}
.banner .swiper-pagination-bullet-active{ opacity: 1;}



.rqdy{ background: #fff; padding: 1rem; margin-top: 1rem;}
.rqdy_tit{ font-size: 1.1rem; font-weight: bold; color: #222222;}

.rqdy_nr ul{display: flex;justify-content: space-between;gap:10px;}
.rqdy_nr ul li{ width: 25%; text-align: center; margin-top: 10px;}
.rqdy_nr_img{  height: 5.2rem; overflow: hidden;}
.rqdy_nr_img img{ max-width: 100%; border-radius: 0.8rem;}
.rqdy_nr_txt{ font-size: 0.84rem;color: #333;}

.tjpw{ margin-top: 20px;}
.tjpw_tit ul{display: flex;justify-content: space-between;  }
.tjpw_tit ul li {
    width: 50%;
    text-align: center;
    /*height: 4rem;*/
    /*line-height: 2.5rem;*/

    height: 3rem;
    line-height: 2.7rem;
}

.tjpw_tit{background: url(../images/bt1.png) no-repeat top center; width: 100%; height: 3rem; background-size: 100%;}
.tjpw_tit ul .one{ color: #fff; background: url(../images/bt2.png) no-repeat top center;background-size: 100%; }
.tjpw_tit ul .one:nth-child(2){ color: #fff; background: url(../images/bt3.png) no-repeat top center;background-size: 100%; }
.liwu_tit{ margin-top: 15px; margin-bottom: 15px;}

.tjpw_tit_n1_px{display: flex;justify-content: space-between; margin-top: 0.8rem;}
.tjpw_tit_n1_px_le{width: 50%; text-align: center; font-size: 0.94rem;color: #333;}
.tjpw_tit_n1_px_le img{margin-right: 8px;display: inline-block;vertical-align: -1px; width: 0.8rem;}

.tjpw_tit_n1_px_re{width: 50%; text-align: center; font-size: 0.94rem; color: #333;}
.tjpw_tit_n1_px_re img{margin-right: 8px;display: inline-block;vertical-align: -2px;width: 1rem;}

.tjpw_tit_n1_list ul li{ background: #fff; padding: 0.8rem; margin-top: 10px; padding-right: 0.6rem;}
.tjpw_tit_n1_list ul li a{display: flex;justify-content: space-between;}


.tjpw_tit_n1_list_re1{display: flex;}
.tjpw_tit_n1_list_re1_name{ font-size: 1.1rem; font-weight: bold; color: #222222; margin-top: 2px;}
.tjpw_tit_n1_list_re1_age{ text-align: center; border-radius: 30px; font-size: 0.84rem; width: 3.2rem; height: 1.4rem; line-height: 1.4rem; margin-left: 5px; margin-top: 3px; font-weight: bold;}
.tjpw_tit_n1_list_re1_age.bule{ background: #eff7ff; color: #339ffe;}
.tjpw_tit_n1_list_re1_age.red{ background: #fff0f8; color: #fe0088;}
.tjpw_tit_n1_list_re1_age img{margin-right: 3px;display: inline-block;vertical-align: -1px;height: 12px;}


.tjpw_tit_n1_list_le{ width: 6.5rem; margin-top:6px; 
    height: 112px;
    overflow: hidden;
}
.tjpw_tit_n1_list_re{ width: 66%; border-radius: 4px; overflow: hidden;}
.tjpw_tit_n1_list_le img{  max-width: 100%;border-radius: 4px; width:100%;}


.tjpw_tit_n1_list_re2{
    margin-top: 4px;
    overflow-x: auto;
    display: inline-block;
    width: 100%;
    white-space: nowrap;
    height: 26px;}
.tjpw_tit_n1_list_re2::-webkit-scrollbar {
    display: none;
}
.tjpw_tit_n1_list_re2 span{ border: 1px solid #e5e5e5; padding: 4px 3px; font-size: 0.72rem; color: #666666;margin: 0px 2px;}

.tjpw_tit_n1_list_re3{line-height: 30px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; color: #333333; font-size: 0.80rem;}


.tjpw_tit_n1_list_re4{display: flex; gap:4px}
.tjpw_tit_n1_list_re4 span{ 
    background: #f5f5f5; border-radius: 50px;padding: 4px 6px; font-size: 0.75em; color: #666666; 
    height: 1.5em;
    overflow: hidden;
}
.tjpw_tit_n1_list_re4 span img{margin-right: 3px;display: inline-block;vertical-align: -5px; width: 12px;}

.yhls_list2_right1{ margin-top: 0.80rem;}
.red_price{ color: #e13d3d; font-size: 1.1rem;  font-weight: bold;}


.liwu_nr1 a{ display: flex;justify-content: space-between;}
.liwu_nr1{ background: #fff;padding: 0.8rem; margin-top: 10px; padding-right: 0.6rem;}

.liwu_nr1_le{width: 31%; margin-top:4px;
    display: flex;
    align-items: center;
    
    height: 92px;
    overflow: hidden;
}
.liwu_nr1_re{ width: 66%; border-radius: 4px; overflow: hidden;}
.liwu_nr1_le img{  max-width: 100%;border-radius: 4px; height: auto;}


.liwu_nr1_re_1{display: flex;justify-content: space-between; }

 .liwu_nr1_re1{ color: #222222; font-size: 1.1rem; font-weight: bold;}
 .liwu_nr1_re2{ color: #e13d3d; font-size: 1.1rem; font-weight: bold;}
.liwu_nr1_re_2{ display: flex; margin-top: 5px; margin-bottom: 4px;}
.liwu_nr1_re_2 span{ background: #eeeeee; padding: 2px 10px; font-size: 0.85rem; color: #666666; border-radius: 60px;}
.liwu_nr1_re_3{
    margin-top: 4px; padding-left: 2px;
    height: 58px;
    overflow: hidden;
}
.liwu_nr1_re_3 p{ color: #333333; font-size: 0.84rem; margin-top:5px; }
.liwu_tit ul{ display: flex;}
.liwu_tit ul li{ width: 20%;text-align: center; font-size: 0.94rem; color: #666666; height: 2rem; line-height: 2rem; }
.liwu_tit ul .one{  background: #000000; border-radius: 60px; color: #fff;}



 .show-btn {
      display: inline-block;
      padding: 10px 20px;
      background-color: #000;
      color: #fff;
      text-decoration: none;
      margin: 20px;
    }

    .filter-popup {
      position: fixed;
      bottom: 0;
      left: 0;
      width: 100%;
      height: auto;
      max-height: 80vh;
      background-color: #fff;
      display: none;
      flex-direction: column;
      border-radius: 16px 16px 0 0;
      box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.1);
      animation: slideUp 0.3s ease;
      z-index: 999;
    }

    .filter-header {
      padding: 15px 20px;
      border-bottom: 1px solid #eee;
      display: flex;
      justify-content: space-between;
      align-items: center;
    }

    .filter-header h2 {
      font-size: 18px;
      margin: 0;
    }

    .close-btn {
      width: 30px;
      height: 30px;
      border: none;
      background: none;
      font-size: 24px;
      cursor: pointer;
      color: #999;
    }

    .filter-body {
      padding: 15px 20px;
      overflow-y: auto;
      flex: 1;
    }

    .filter-section {
      margin-bottom: 20px;
    }

    .filter-section h3 {
      font-size: 16px;
      margin-bottom: 10px;
    }

    .btn-group {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
    }

    .btn-group button {
      
      border: 1px solid #ccc;
      background: #fff;
      cursor: pointer;
      border-radius: 0px;
      font-size: 0.94rem;
      width: 23%;
      display: inline-block;
      color: #333;
      font-size: 0.82rem;
    }

    .btn-group button.active {
      background-color: #000;
      color: #fff;
      border-color: #000;
    }

    .action-btns {
      display: flex;
      gap: 10px;
      margin-top: 20px;
    }

    .action-btns button {
      flex: 1;
      padding: 10px;
      border: none;
      border-radius: 0px;
      cursor: pointer;
      font-size: 0.82rem;
    }

    .reset-btn {
      background-color: #f4f4f4;
      border: 1px solid #eee;
      color: #333;
    }

    .confirm-btn {
      background-color: #000;
      color: #fff;
    }

    @keyframes slideUp {
      from {
        transform: translateY(100%);
      }
      to {
        transform: translateY(0);
      }
    }

    .overlay {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.5);
      display: none;
      z-index: 998;
    }
    
@media (max-width: 435px){
	 .btn-group button{ width: 22%; height: 2.1rem;}
	
}


.lixq_banner img{ max-width: 100%; height: auto;}
.lixq_banner .swiper-pagination-bullet{ background: #000; width: 10px; height: 10px;  opacity: .3;}
.lixq_banner .swiper-pagination-bullet-active{ opacity: 1;}


.ny_main{ margin: 0.8rem; padding-bottom: 4rem;}
.lw_xiangq{  padding: 1rem;}
.lw_xiangq1{ display: flex;justify-content: space-between;}
.lw_xiangq1_price{ color: #e13d3d; font-size: 1.4rem; font-weight: bold; margin-top: 4px;}

.lw_xiangq1 span{ background: #eee; border-radius: 50px; padding: 5px 15px; font-size: 1rem; color: #666;}
.lw_xiangq1 h2{ font-size: 1.3rem; font-weight: bold;}


.lw_xiangq2{ background: #fff; padding: 1rem; border-radius:0.6rem;  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.06); margin-top: 1rem; padding-bottom: 1.4rem;}


.lw_xiangq2_title{  color: #222222;   background:url(../images/hx.png) no-repeat left center; padding-left: 10px; background-size: 3px;font-size: 1.1rem; font-weight: bold;}


.lw_xiangq2_nr{ font-size: 0.95rem; line-height: 26px; color: #484d54;}
.lw_xiangq2_nr p{ font-size: 0.95rem; line-height: 26px; color: #484d54;}
.lw_xiangq2_nr{ padding-top: 0.7rem;}
.lw_xiangq2_nr img{ max-width: 100%;}


.lxkh_bj{ background: #fff;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.21); height: 4rem; position: fixed; bottom: 0; left: 0; width: 100%; z-index: 999; padding: 0.6rem 1rem;box-sizing: border-box;}

.lxkh_bj a{ display: block; background: url(../images/hs_bm.png) no-repeat center center; background-size: 100%; text-align: center; color: #fff; font-size: 1rem; height: 3rem; line-height: 3rem; width: 100%;}

.pwxx_xq{ padding-top: 8px; margin-bottom:1.5rem;}
.pwxx_xq p{ font-size: 0.84rem; line-height: 25px; color: #484d54;}



.clear{ clear: both;}

.pwxx_xq1{ line-height: 1.5rem;}


.pwxx_xq1 span{  
    padding: 5px 10px;
    background: #f5f5f5;
    /* border-radius: 60px 0 0 60px; */
    font-size: 0.84rem;
    margin-right: 5px;
    width: 5em;
    text-align: center;
    border-radius: 6px;
}
.pwxx_xq1 .hsbj{
  /*background-image: -moz-linear-gradient( 118deg, rgb(13,13,13) 0%, rgb(64,64,64) 100%);
  background-image: -webkit-linear-gradient( 118deg, rgb(13,13,13) 0%, rgb(64,64,64) 100%);
  background-image: -ms-linear-gradient( 118deg, rgb(13,13,13) 0%, rgb(64,64,64) 100%);
  color: #fff;
  border-radius: 20px;*/

    border-radius: 6px;
    width: 17em;
    margin-right: 0;
    text-align: left;
  
}

.pwxx_xq1{     
    margin-right: 5px;
    display: flex;
    margin-bottom: 5px;
}
.pwxx_xq3{ 
    background: #f5f5f5;
    border-radius: 6px;
    line-height: 1.6rem;
    /* height: 3rem; */
    box-sizing: border-box;
  
    font-size: 0.84rem;
    padding: 10px;
}

.pwxq_n2{ border-top: 1px dashed #dcdcdc; padding-top: 10px; margin-top: 14px;}
.pwxq_n2 p{ color: #333333; font-size: 0.84rem; line-height: 25px; padding-left: 24px;}
.pwxq_n2_1{ background: url(../images/vg1.png) no-repeat left center; background-size: 16px;}
.pwxq_n2_2{ background: url(../images/vg2.png) no-repeat left center;background-size: 14px;}


.pwxq_n1_left{ width: 5rem; height: 5rem; border-radius: 50%; overflow: hidden;
    border: 3px solid #fff;}
.pwxq_n1_left img{  max-width: 100%;border-radius: 50%;width: 100%;height: 100%;}


.pwxq_n1_right1{}
.yingy{ background:#fff url(../images/ying.png) no-repeat top center; border-radius:0.6rem;  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.06);}
.pwxq_n1{ display: flex;}
.pwxq_n1_right1{ font-size: 1.4rem; font-weight: bold;align-items: center;
display: flex;
box-sizing: border-box;
margin-top: 10px;
}
.pwxq_n1_right1 span{ font-size: 1rem; color: #666666; padding-left: 5px;}

.pwxq_n1_right{ padding-left: 14px;}
/*.pwxq_n1_right2{display: flex;}*/


.pwxq_n1_right2 span{ padding: 4px 7px; font-size: 0.7rem; border-radius: 50px; margin: 2px 2px 0px 0px;
    display: inline-block;}
.style1{  background: #eff7ff; color: #008aff;}
.style1 img{
    margin-right: 3px;
    display: inline-block;
    vertical-align: -1px;
    width: 13px;
}
.style3 img{
    margin-right: 3px;
    display: inline-block;
    vertical-align: -1px;
    width: 10px;
    height: 13px;
}

.style2{  background: #f6f3f8; color: #aa89bd;}
.style3{  background: #fef5f5; color: #f29c9f;}
.style4{  background: #fef7ed; color: #f1a533;}

.pwxq_n1_right2{ margin-top: 5px;}
.video{ width: 100%;}



 /* 按钮样式 */
        #showBtn2 {
           
            color: #fff;
        }

        /* 弹窗背景样式 */
        .modal {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.5);
            z-index: 9999;
        }

        /* 弹窗内容样式 */
        .modal-content {
            position: relative;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 300px;
            background-color: #fff;
            border-radius: 5px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
            text-align: center;
            padding: 20px; padding-bottom: 40px;
            background: url(../images/diandian.png) no-repeat top center; background-size: cover;
        }

        /* 关闭按钮样式 */
        .close2 {
            position: absolute;
            top: 18px;
            right: 15px;
            font-size: 20px;
            cursor: pointer;
            border: none;
            color: #2c2c2c;
            background: transparent;
            border: 2px solid #2c2c2c;
            border-radius: 60px;
            width: 30px;
            height: 30px;
            font-weight: bold;
        }
        
.cssm{ text-align: center; margin-top: 2rem;}

.cssm img{ width: 10rem;  height: 10rem; border-radius: 10px; overflow: hidden; border: 2px solid #000;}
.cssm_wen1{ text-align: center; font-size: 1.2rem; font-weight: bold; margin-top: 1rem; margin-bottom: 0.1rem;}

.cssm_wen2{ font-size: 0.95rem;color: #333333;}
.cssm_wen3{ background: #000000; padding: 10px 20px; color: #fff; font-weight: bold; font-size: 1rem; border-radius: 60px;display: inline-block; margin-top: 1rem;}

.modal-content h2{ text-align: left; border-bottom: 1px solid #e5e5e5; margin-bottom: 1rem; padding-bottom: 1rem; font-size: 1.3rem; font-weight: bold;}


.sqpw_n{ background: url(../images/sqpw.png) no-repeat top center; background-size: 100%; padding-top: 15rem;}

.sqpw_n_n1{ background: #fff; border: 1px solid #000; width: 96%; margin: 0 auto;}
.sqpw_n_n1_bg{ background: #fff; border: 2px solid #000; width: 94%; margin: 0 auto; padding-top:6px; padding-bottom: 6px;}




.sqpw_n .container {
   padding: 14px;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    /*width: 93%;*/
    max-width: 600px;
}
.container .upload-img{width:40px; height:40px; background:url(img/add.png) no-repeat center; 
    background-size: 40px; border-radius:50%; cursor:pointer; overflow:hidden;  margin-top: 12px;}
.container .upload-img input{
    width: 40px !important;
    height: 40px;
    position: absolute;

 opacity:0; cursor:pointer;}
.container .view-img{position:relative; height:120px; margin-left:16px; border-radius:4px; cursor:pointer; overflow:hidden; display:none;}
.container .view-img img{height:120px;}
.container .view-img h3{position:absolute; left:0; right:0; top:0; height:120px; line-height:120px; background:rgba(0,0,0,.3); font-size:15px; text-align:center; color:#fff; overflow:hidden; display:none;}
.container .view-img:hover h3{display:block;}

.sqpw_n .form-group {
             display: flex;justify-content: space-between;
            border-bottom: 1px solid #ccc; height: 68px; line-height: 68px;
        }
        .sqpw_n .form-group span{ font-size: 0.84rem; font-weight: bold;
            color: #999;background: url(../images/yc_jt.png) no-repeat right center;
    background-size: 5px; padding-right: 10px;}
            
            
            
            
.sqpw_n .form-group label {
            display: block;
            margin-bottom: 5px;
            font-weight: bold;
            font-size: 0.84rem;
            color: #333333;
        }
.sqpw_n .form-group input, .sqpw_n .form-group select, .sqpw_n .form-group textarea {
            width: 56%;
            padding: 8px;
            text-align: right;
           
            border-radius: 4px;
            font-size: 0.85rem; color: #333333;
        }
        


.form-group input::placeholder {
    font-size: 0.84rem; /* 例如，设置字体大小为14px */
    color: #999; /* 也可以同时设置颜色 */
}

.form-group textarea{ border: none; font-family: "微软雅黑";box-sizing: border-box; padding-top: 26px!important;}



.sqpw_n .form-group::placeholder{ font-size: 0.92rem;}

        
.gender-select {
    display: inline-block;
    padding: 0rem 1.8rem;
    border-radius: 40px;
    font-size: 0.92rem;
    cursor: pointer;
    /* margin-left: 5px; */
    background: #fff;
    color: #000;
    border: 1px solid #a0a0a0;
    height: 38px;
    line-height: 36px;
}
.male {background: #000; color: #fff;}



.sqpw_n_n1 .container h2{ font-size: 1.1rem; font-weight: bold; color: #333; border-bottom: 1px solid #ccc; padding-bottom: 0.85rem;}



/* 遮罩层样式 */
        .mask {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.3);
            display: flex;
            justify-content: center;
            align-items: center;
        }

        /* 弹出框样式 */
        .popup {
            width: 100%;
            max-width: 100%;
            /*max-width: 400px;*/
            background-color: #fff;
            border-radius: 8px 8px 0 0;
            overflow: hidden;
            position: absolute;
            bottom: 0;
            left: 0;
        }

        .popup-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 12px 16px;
            border-bottom: 1px solid #eee;
        }

        .popup-header span {
            font-size: 16px;
            color: #333;
        }

        .popup-header .close {
            cursor: pointer;
            color: #999;
        }

        .popup-content {
            max-height: 230px;
            overflow-y: auto;
            padding: 12px 16px;
        }

        .popup-content p {
            margin: 8px 0;
            color: #666;
            height: 50px;
            line-height: 50px;
            text-align: center;
           
        }
        
#content .one_e{ color: #000; background: #eee;}
#content22 p,#content23 p{ width: 29%; border: 2px solid #000; display: inline-block; margin-right: 10px; margin-top: 10px; font-size: 0.84rem;}
#content22 p.one_e,#content23 p.one_e{ background: #000; color: #fff;}


 .tijiao{ background: url(../images/hs_bm.png) no-repeat top center; color: #fff; font-size: 1rem; font-weight: bold; background-size: 100%; height: 3rem; line-height: 20px!important; width: 96%; margin: 0 auto; margin-top: 10px; margin-left: 2%; margin-right: 2%;}

.tswz{ font-size: 0.82rem;  line-height: 25px; color: #333333; padding-left: 1rem; padding-right: 1rem; padding-top: 10px;}


.tswz_tyxy{ text-align: center; margin-top: 20px; margin-bottom: 20px;}
.tswz_tyxy label{ font-size: 0.84rem; color: #333333;}
.tswz_tyxy label a{ font-weight: bold;color: #333333; }
.tswz_tyxy checkbox{ border-radius: 50%;}
#bio{ font-size: 0.84rem; font-weight: bold;color: #999;}

.sqpw_n form{ background: url(../images/dbxdd.png) no-repeat bottom center; background-size: 100%; padding-bottom: 22px;}

#wdxz{ background: url(../images/yc_jt.png) no-repeat right center; background-size: 3%; padding-right: 15px;}
#ypgw{ background: url(../images/yc_jt.png) no-repeat right center; background-size: 3%; padding-right: 15px;}
#ys{ background: url(../images/yc_jt.png) no-repeat right center; background-size: 3%; padding-right: 12px;}


.shzt{ margin: 1rem; background: url(../images/sh_bj.png) no-repeat top center; background-size: 100%;}


.shzt1 ul{justify-content: space-between; display: flex;padding: 10px; padding-top: 5%;}
.shzt1 ul li{ width: 33%; text-align: center; position: relative; }
.shzt1 ul li:before{ content: ""; right: -1rem; top: 14px;  background: url(../images/ico04.png) no-repeat right center; background-size:100%;
position: absolute; width: 2rem; height: 2rem;
}
.shzt1 ul li:last-child:before{ display: none;}

.shzt1 ul .tbzt_noe .shzt1_img{ opacity: 0.6;}
.shzt1 ul .tbzt_noe .shzt1_txt1{ opacity: 0.6;}


.shzt1_img{ margin-top: 5px;}
.shzt1_img img{  width: 38%;}
.shzt1_txt1{ font-size: 0.85rem; font-weight: bold;  line-height: 25px; margin-top: 5px;}
.shzt1_txt2{font-size: 0.7rem; color: #a0a0a0;}

.shzt{ padding-bottom: 13rem;}

.shzt2_1{ text-align: center;}
.shzt2_1 img{ max-width:16%;}
.shzt2_2{ color: #222222; font-size: 1.1rem; font-weight: bold; text-align: center; margin-top:10px;}
.shzt2_3{ text-align: center; color: #808080; font-size: 0.82rem; line-height: 2rem;}

.shzt2_4{  text-align: center; margin-top: 20px; margin-bottom: 30px;}
.shzt2_4 a{ background: #1b1b1b; padding: 10px 20px; color: #fff; font-size: 0.85rem; border-radius: 30px;}


.shzt2{ padding-top: 4rem; padding-bottom: 3rem;}

.yhls{ display: flex;justify-content: space-between;}
.yhls_le img{ height: 8px;
margin-left: 5px;
display: inline-block;
vertical-align: -0px;
}
.yhls{ margin-bottom: 1rem;}
.yhls_re{ color: #666666; font-size: 1rem;}


.yhls_le{ background: url(../images/xjt.png) no-repeat right center; background-size: 10px;padding-right: 14px; font-size: 0.9rem; margin-top: 2px;}


.yhls_list2_right1{display: flex;justify-content: space-between;}
.yhls_list2{display: flex;justify-content: space-between;}

.yhls_list2_left{ 
	width: 30%;
    margin-top: 6px;
}
.yhls_list2_left img {
    max-width: 100%;
    border-radius: 4px;
     height: 7rem; 
}


.yhls_list ul li{ background: #fff; border-radius: 4px; margin-top: 10px; padding: 10px;}
.yhls_list1{ color: #333; font-size: 0.85rem; border-bottom: 1px dashed #dcdcdc; height: 30px; line-height: 30px;}

.yhls_list2{ margin-top: 10px;}
.yhls_list2_right{width: 67%;}

.tongy{ display: flex;}

.yhls_list2_right2 p{ font-size: 0.85rem; color: #666666; line-height: 25px;}
.yhls_list2_right2{ margin-top: 4px;}




/* 打开弹窗按钮 */
    .open-btn {
      display: block;
      margin: 20px auto;
      padding: 12px 24px;
      background: #1677ff;
      color: #fff;
      border: none;
      border-radius: 8px;
      font-size: 16px;
      cursor: pointer;
    }

    /* 弹窗遮罩层 */
    .popup-mask {
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: rgba(0,0,0,0.5);
      display: none; /* 默认隐藏 */
      z-index: 999;
    }

    /* 弹窗主体：固定在底部，支持滚动 */
    .popup-container {
      position: fixed;
      left: 0;
      right: 0;
      bottom: 0;
      background: #fff;
      border-radius: 16px 16px 0 0;
      transition: transform 0.3s ease;
      transform: translateY(100%); /* 默认滑出屏幕 */
      z-index: 1000;
      max-height: 40vh; /* 限制高度，避免占满屏幕 */
      overflow: hidden;
    }
    /* 弹窗显示时的状态 */
    .popup-container.show {
      transform: translateY(0);
    }

    /* 弹窗头部：取消/确定 */
    .popup-header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      height: 48px;
      padding: 0 16px;
      border-bottom: 1px solid #eee;
    }
    .popup-header button {
      background: transparent;
      border: none;
      padding: 0 12px;
      font-size: 16px;
      color: #333;
      cursor: pointer;
    }
    .popup-title {
      flex: 1;
      text-align: center;
      font-size: 17px;
      font-weight: 500;
    }

    /* 年份、月份滚动区域 */
    .scroll-wrap {
      display: flex;
      overflow-y: auto; /* 纵向滚动 */
      height: calc(40vh - 48px); /* 减去头部高度 */
    }
    .scroll-col {
      flex: 1;
      overflow-y: auto;
    }
    .scroll-item {
      height: 44px;
      line-height: 44px;
      text-align: center;
      font-size: 15px;
      color: #333;
    }
    /* 选中样式 */
    .scroll-item.active {
      color: #000;
      font-weight: 600;
    }

    /* 滚动条隐藏（可选，提升美观） */
    .scroll-col::-webkit-scrollbar {
      display: none;
    }
    
    .tb_dw{
    margin-top: -2.4rem;
    z-index: 999;
    position: absolute;
    left: 3%;
    width: 94%;
    }
    
    @media (max-width: 400px){
        .tjpw_tit_n1_list_re2 span{padding: 4px 5px;}
    }
     @media (max-width: 376px){
     	.pwxq_n1_left{ width: 5rem; height: 5rem;}
     	.tb_dw{margin-top: -2.5rem;}
     	.shzt1 ul{ padding-top: 2%;}
     	.shzt2 { padding-top: 3rem;}
     	
     	
     }
    
    @media (max-width: 320px){
    	
    	.rqdy_nr_img{ height: 4.2rem;}
    	.rqdy_nr_txt{ font-size: 0.85rem;}
    	.tjpw_tit_n1_list_le img{ height: 5rem;}
    	.tjpw_tit_n1_list_re2 span{padding: 4px 0px;}	
    	.tjpw_tit_n1_list_re3{ font-size: 0.85rem;}
        .tjpw_tit_n1_list_re1_name{ font-size: 1.2rem;}
        .tjpw_tit_n1_px{ margin-top: 0;}
        .tjpw_tit_n1_list_re2 span{ font-size: 0.75rem;}
    	.tb_dw {
    margin-top: -3rem;
    z-index: 999;
    position: absolute;
    left: 4%;
    width: 92%;
}

    	
    }