@font-face { font-family: 'SourceHanSerifSC'; src: url("../fonts/SourceHanSerifSC1.ttf"); }

/* *{font-family: 'SourceHanSerifSC';} */

#login{width: 100%; height: 100vh; background-image: url(../images/login-bg.jpg); display: flex; align-items: center; justify-content: center; background-size: cover; background-position: center; position: relative;}

#kai{width: 100%; height: 100vh; background-image: url(../images/kai-bg.png); display: flex; align-items: flex-end; justify-content: center; background-size: cover; background-position: center; position: relative; padding-bottom: 65px;}

#kai.login-bg{background-image: url(../images/login-bg.jpg);}

.login-box{max-width: 1590px; position: relative; margin-left: auto; margin-right: auto; position: relative; z-index: 60;}

.login-logo{display: block; margin: 0 auto 26px;}

.login-box .form{position: absolute; left: 55%; top: 50%; transform: translateY(-50%); width: 43%;}

.login-img{display: block; width: 100%;}

.login-box .t{display: flex; align-items: center; justify-content: space-between; font-size: 30px; font-weight: bold; margin-bottom: 40px;}

.login-box .t::after,.login-box .t::before{content: ''; display: block; flex: 1; height: 1px; background-color: #af262a; }

.login-box .t .sp{margin: 0 50px; color: #af262a;}

.login-box .div{width: 80%; }

.login-box .form-div{box-shadow: 0 0 10px #ddd; padding: 36px 50px 70px; background-color: #fff;}

.login-box .item{background-color: #eeeeee; border-radius: 40px; position: relative; display: flex; align-items: center; justify-content: space-between;padding-left: 25px; margin-bottom: 30px;}

.login-box  .text{height: 50px; background-color: transparent; flex: 1; margin-left: 16px; font-size: 16px; font-weight: bold;}

.login-form-btn{width: 100%; display: flex; align-items: center; justify-content: center; background-color: #af262a; color: #fff; font-weight: bold; font-size: 24px; border-radius: 8px; height: 63px; border: none;}

.wap-login-img{display: none;}

.kai-btn{display: flex; align-items: center; justify-content: center;position: relative;}

.kai-btn img{display: block; height: 97px;}

.kai-btn .txt{position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 20; display: flex; align-items: center; justify-content: center;color: #fff; font-weight: bold; font-size: 30px; animation: scaleAnimation 1.5s ease-in-out infinite;}

.text-primary{color: #af262a;}

.color-999{color: #999;}

/* 定义放大缩小动画 */

@keyframes scaleAnimation {

  0% {

    transform: scale(1); /* 正常大小 */

  }

  50% {

    transform: scale(1.1); /* 放大到 1.2 倍 */

  }

  100% {

    transform: scale(1); /* 回到正常大小 */

  }

}

#header{position: relative; z-index: 999; background-color: #ececec; background-image: url(../images/heder-bg.png); background-size: cover; background-position: center; overflow: hidden;}

#header .box{display: flex; height: 92px; position: relative;}

#header .nava{background-position: center; background-repeat: no-repeat; background-size: 100% 100%; background-image: url(../images/icon-nav2.png); margin: 0 33px;}

#header .nava.on{background-image: url(../images/icon-nav1.png);}

#header .nava img{display: block; height: 50px; }

#header .nava.no img{filter: grayscale(100%);}

#header .ri .iconfont{font-size: 20px;}

#header .ri .btn{display: flex; align-items: center; justify-content: center; font-size: 18px; border: 1px solid #af262a; width: 84px; height: 24px; border-radius: 4px; line-height: 1; margin-left: 20px;}

#header .logo img{max-height: 66px;}

.header-form{width: 280px; height: 50px; background-color: #fff; border: 1px solid #ededed; padding-right: 6px; border: 1px solid #ededed; position: absolute; right: 0; top: 100%; display: flex; opacity: 0; transform: translateY(20px); transition: all ease .3s;}

#header.on{overflow: visible; }

.on .header-form{opacity: 1; transform: translateY(0);}

.header-form #keywords{width: 100%; flex: 1; height: 100%; display: block; padding: 0 16px; font-size: 16px;}

.header-form .btn{display: flex; align-items: center; justify-content: center; width: 34px; height: 100%; cursor: pointer;}







.cur{cursor: pointer;}

.location{background-color: #f6f0e0; line-height: 46px;}

.location .sp{font-size: 12px; margin: 0 4px;}

.location{font-size: 16px;}

.location .icon-shouye6{margin-right: 10px;}



.riji-detail{max-width: 1080px;}





.riji-detail{padding-top: 45px;}

.riji-main1{padding: 0 0 30px; border-bottom: 1px solid #ededed; margin-bottom: 30px;}

.riji-main1 .imgW{width: 100px; height: 100px; border-radius: 50%; min-width: 100px;}

.riji-main1 .name{font-weight: bold; font-size: 24px; color: #416673; margin-bottom: 6px; line-height: 1;}

.riji-main1 .intro{font-size: 16px; line-height: 1.8;}

.riji-main1 .div{margin-left: 16px;}



.riji-main2{padding-bottom: 40px; border-bottom: 1px solid #ededed; margin-bottom: 35px; align-items: flex-start;}

.riji-main2 .name{font-weight: bold; font-size: 18px; color: #416673; margin-bottom: 6px; line-height: 1.4;}

.riji-main2 .imgW{width: 165px; min-width: 165px;}

.riji-main2 .time{margin-bottom: 20px;}

.riji-main2 .label{font-weight: bold; font-size: 16px; line-height: 1; margin-bottom: 6px;}

.riji-main2 .intro{line-height: 1.8;}

.riji-main2 .div{margin-left: 16px; }



.riji-main3 .p1{margin-bottom: 6px; font-size: 16px; line-height: 1.6;}

.riji-main3 .list1 .a{display: flex; align-items: center; justify-content: center; background-color: #ededed; height: 33px; border-radius: 4px; margin: 0 10px 10px 0; padding: 0 16px;}

.riji-main3 .list1 .a.on{background-color: #4b7d66; color: #fff;}

.riji-main3 .list1{margin-bottom: 30px;}

.riji-main3 .list2{margin-bottom: 30px;}

.riji-main3 .list2 .sp{color: #666; margin-right: 26px; margin-bottom: 10px;}

.riji-main3 .list3 .item .div{position: relative;}

.riji-main3 .list3 .item{padding: 30px 0; border-bottom: 1px solid #ededed; position: relative; display: flex; flex-wrap: wrap;}

.riji-main3 .list3 .item .icon{display: flex; align-items: center; justify-content: center; padding: 0 20px; height: 44px; background-color: rgba(0,0,0,0.5); color: #fff; font-size: 16px; position: absolute; right: 20px; top: 20px; font-style: normal; border-radius: 40px;}

.riji-main3 .list3 .a{color: #4b7d66;}

.riji-main3 .list3 img{display: block; max-width: 100%;}

.riji-main3 .list3 .item.last-sibling{border-bottom: none;}

.riji-more{display: flex; align-items: center; justify-content: center; color: #fff; background-color: #b19770; border-radius: 4px; width: 100%; height: 45px; font-size: 16px;}

.riji-more .sp{margin-left: 10px;}



.fy{padding: 50px 0 90px; font-size: 16px;}

.fy .a{margin-top: 6px; display: block;}

.fy .a:hover{text-decoration: underline; color: #4b7d66;}

.page{display: flex; align-items: center; justify-content: center; font-size: 16px; padding: 50px 0 ;}

.page .a{width: 40px; height: 40px; border-radius: 50%; margin: 0 2px; display: flex;align-items: center; justify-content: center;}

.page .a.on{background-color: #4b7d66; color: #fff;}

.page .a.iconfont{color: #666;}


.page {
    margin-top: 49px;
    text-align: center;
}



.page li {
    vertical-align: top;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 3px;
    margin: 0 4px;
    border: 1px solid #4b7d66;
    font-size: 18px;
    color: #333333;
}

.page .active{
    background-color: #16aa57;
    border: 1px solid #16aa57;
    color: #ffffff;
}
.fa-b{font-weight: bold;}

.wrap{flex-wrap: wrap;}

.imgW{overflow: hidden;}

.imgW .img{width: 100%; height: 100%; object-fit: cover;}



.ft-bg{width: 100%; height: 20px; background-position: center; background-repeat: repeat-x; background-size: auto 100%; background-image: url(../images/ft.png);}





.detail{padding-left: 280px; background-position: 0 0; background-repeat: repeat-y; background-size: 280px; background-image: url(../images/detail-le.jpg);}

.location1{padding:0 40px;}

.detail-main{padding:40px 40px 0; background-position: center; background-size: cover; background-image: url(../images/detail-ri.jpg);}

.detail-main .tx{width: 195px; height:195px; border-radius: 50%; overflow: hidden; margin: 0 auto 15px;}

.detail-main .top .name{font-size: 30px; color: #4b7d66; font-weight: bold; text-align: center; margin-bottom: 10px;}

.detail-main .top .intro{line-height: 1.6; text-align: center; font-size: 16px;}

.detail-main .top .intro2{margin-bottom: 40px;}

.detail-select{flex-wrap: wrap; margin-bottom: 30px;}

.detail-select .a{margin-right: 40px; margin-bottom: 20px; font-size: 20px; display: flex; align-items: center;}

.detail-select .a.on{color: #4b7d66;}

.detail-select .iconfont{font-size: 26px;margin-right: 6px; color: #999;}

.detail-select .a.on .iconfont{color: #4b7d66;}

.detail-select2{margin-bottom: 40px;}

.detail-select2 .a{display: flex; align-items: center; justify-content: center; padding: 0 14px; border-radius: 5px; background-color: #fff; font-size: 16px; margin-bottom: 10px; margin-right: 10px;}

.detail-select2 .a.on{background-color: #4b7d66 !important; color: #fff;}

.detail-select2 .item{margin-bottom: 10px; display: flex; align-items: flex-start; line-height: 35px; flex-wrap: wrap;}

.detail-select2 .label{color: #4b7d66;}

.detail-list{display: flex; align-items: center; flex-wrap: wrap; margin-right: -2%;}

.detail-list .item{width: 18%; text-align: center; margin-right: 2%; margin-bottom: 30px;}

.detail-list .name{font-size: 18px; padding: 16px 0 5px;}

.detail-list .time{}

.detail-list .imgW{width: 100%; height: 205px; border-radius: 10px; overflow: hidden; position: relative;}

.detail-list .btn{width: 100%; height: 100%; position: absolute; left: 0%; top: 0%; background-position: center; background-repeat: no-repeat; background-size: 53px;

  /*background-image: url(../images/play.png);*/

  z-index: 50;}

.page1 .a{background-color: #fff; margin: 0 5px;}

.search-box{max-width: 1100px; padding: 40px 0;}



.search-form{margin-bottom: 45px; max-width: 950px;}

.search-form .div{border: 1px solid #ededed; border-radius: 4px; height: 36px; padding-left: 30px; flex: 1;}

.search-form .text{display: block; flex: 1; height: 100%; padding: 0 10px;}

.search-form .submit-btn{background-color: #4b7d66; color: #fff; height: 36px; width: 100px; border-radius: 4px; margin-left: 24px;}

.search-form *{font-size: 16px;}

.search-box .detail-select2{margin-bottom: 20px;}

.search-box .detail-select2 .a{background-color: #ededed;}

.detail-list2 .item{width: 23%;}



.search-p1{font-size: 16px; margin-bottom: 10px; font-weight: bold;}

.search-p2{font-size: 16px; display: flex; flex-wrap: wrap;}

.search-p2 .a{margin: 0 25px 10px 0; padding-bottom: 2px; border-bottom: 1px solid transparent; color: #666666;}

.search-p2 .a.on{color: #4b7d66; border-bottom-color: #4b7d66;}



.search-list{margin-bottom: 40px;}

.search-list .item{display: flex; align-items: center; padding: 30px 0; border-bottom: 1px solid #ededed;}

.search-list .icon{padding-left: 30px; background-size: auto 25px; background-repeat: no-repeat; background-position: 0 center; font-size: 17px; color: #4b7d66; font-weight: bold; display: inline-block; vertical-align: middle; line-height: 25px; cursor: pointer;}

.search-list .imgW{width: 70px; height: 70px; border-radius: 50%; overflow: hidden;}

.search-list .div{margin: 0 16px; flex: 1;}

.search-list .icon1{background-image: url(../images/icon1.png); padding-left: 35px; margin-right: 40px;}

.search-list .icon2{background-image: url(../images/icon2.png); padding-left: 25px;}

.pup-tip{font-size: 12px;}

.pup-tip .icon{background-image: url(../images/icon1.png); padding-left: 20px; background-repeat: no-repeat; background-position: 0 center; color: #4b7d66; background-size: auto 16px; font-weight: bold; margin-top: 10px; display: block;}

.pup-tip .icon2{background-image: url(../images/icon2.png); padding-left: 10px; margin-left: 16px;}

.pup-tip .div{position: relative; z-index: 8;}



.info-main1{padding-bottom: 0px; border-bottom: none;}

.info-main2 img{display: block; width: 100%;}

.info-main2 .h1{text-align: center; font-size: 24px; font-weight: bold; margin-bottom: 20px;}

.info-main2 .intro{font-size: 16px; line-height: 1.6;}



.info-line{height: 14px; width: 100%;background-position: 0 center; background-repeat: repeat-x; background-image: url(../images/line.png); margin: 50px 0;}



.renwu-h1{font-size: 24px; text-align: center; font-weight: bold;margin-bottom: 2px;}

.renwu-p1{font-size: 16px; color: #666; text-align: center; margin-bottom: 16px;}

.renwu .item{font-size: 17px; font-weight: bold; display: flex; align-items: center; flex-wrap: wrap;}

.renwu .name{margin-bottom: 15px; position: relative; margin-right: 25px; padding-bottom: 20px; cursor: pointer; padding-right: 10px;}

.renwu .name::after{content: ''; display: block; width: calc(100% - 10px); background-position: center; background-repeat: no-repeat; background-image: url(../images/yun.png); height: 15px; background-size: auto 15px; opacity: 0; transition: all ease .3s; position: absolute; bottom: 0; left: 0;}

.renwu .name .iconfont{opacity: 1; position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; font-size: 26px;}

.renwu .man{color: #7f979f;}

.renwu .woman{color: #aa7d66;}

.renwu .name:hover{z-index: 98;}

.renwu .name:hover .pup-tip{display: block;}

.renwu .name:hover::after{opacity: 1;}





.pup-tip {

  padding: 15px 7px; min-height: 90px; margin: 7px; width: 180px; position: absolute; left: calc(100% - 10px); top: -10px; display: none;

  background-color: #b19770; color: #333;

  clip-path: polygon(

    7px 0%, 

    calc(100% - 7px) 0, 

    100% 7px,  

    100% calc(100% - 7px), 

    calc(100% - 7px) 100%,

    7px 100%,

    0 calc(100% - 7px),

    0 7px

  );

}



.pup-tip::after{

  content: ''; display: block; width: 100%; height: 100%; left: 0; top: 0; position: absolute; background-color: #f7edd6;

  clip-path: polygon(

    7px 1px, 

    calc(100% - 7px) 1px, 

    calc(100% - 1px) 7px,  

    calc(100% - 1px) calc(100% - 7px), 

    calc(100% - 7px) calc(100% - 1px),

    7px calc(100% - 1px),

    1px calc(100% - 7px),

    1px 7px

  );

}



#zupuMain1{height: calc(100vh - 132px); background-color: #f1edea; padding-top: 40px; background-size: contain;background-repeat: no-repeat; background-position: center;}

#zupuMain1 .zoom-container{ width: 100%; height: calc(100% - 50px); }

.zoom-container{position: relative; overflow: hidden;}

.zoom-box{position: absolute; left: 0; top: 0; transform-origin: 0 0; min-width: 100%; padding: 50px 200px; opacity: 0;}

.zoom-box.on{opacity: 1;}

.zoom-item{ min-width:100%; position: relative; display: flex; align-items: flex-start; justify-content: center;}

.zoom-box .zoom-parent .p{font-size:22px; width:30px; text-align:center; margin:0 4px; height:auto}

.zoom-child{display: flex; justify-content: center; align-items: flex-start;  position: relative; padding: 0 1px;}



.zoom-box .man{color: #416673;}

.zoom-box .woman{color: #aa7d66;}

.zoom-box .line{width:1px; height:20px; background-color: #aa7d66; position: absolute; left: 50%; bottom: 0;}

.zoom-parent{padding-bottom: 30px;}



.pup-tip-box{position: absolute; bottom: -20px; padding:0 10px; text-align: left;}

.zoom-box .p{position: relative; word-wrap: break-word;     /* 兼容老浏览器 */
  overflow-wrap: break-word; /* 标准属性，推荐使用 */}

.zoom-box .p .pup-tip{position: relative; left: auto; top: auto; }

.zoom-box .p:hover .pup-tip{display: block;}

.zoom-box .p::after{content: ''; display: block; width: 22px; background-position: center; background-repeat: no-repeat; background-image: url(../images/yun.png); height: 15px; background-size: auto 15px; opacity: 0; transition: all ease .3s; position: relative; top: 2px; left: 50%; transform: translateX(-50%);}

.zoom-box .p:hover::after{opacity: 1;}

.zoom-box .p.on .pup-tip{display: block;}

.zoom-box .p.on::after{opacity: 1;}

.on1{z-index: 10;}

.zoom-child .p{font-size: 16px; width:18px; text-align:center; margin:0 5px;height: 100px; position: relative; z-index: 8;}

.zoom-box .p.man::after{transform: translateX(-50%) rotateY(180deg);}

.man .pup-tip-box{right: 96%;}

.woman .pup-tip-box{left: 96%;}

.zoom-child-item{display: flex; justify-content: center; align-items: stretch; padding-top:25px; position: relative; padding-left: 2px; padding-right: 2px;}

.zoom-box .is_home{font-weight: bold;}

.zoom-box .item{position: relative; z-index: 1;}

.zoom-box .item:hover{z-index: 20;}



/* 线条 */

.zoom-child-line .top-line{display: block; width: 1px; background-color:#aa7d66; position: absolute; left: 50%; top: 0; height: 20px;}

.zoom-child-line .top-line::after,.more-wife-line::after{content: ''; position: absolute; left: 50%; bottom: 0; transform: translate(-50%, 100%); width: 5px; height: 5px; border-radius: 50%; border: 1px solid #aa7d66; display: block;}

.more-wife-line::after{bottom: auto; top: 0; transform: translate(-50%, 0);}

.zoom-child-line::before{ position: absolute; width: 100%; height: 1px; display: block; background-color: #aa7d66; top: 0; left: 0; content: '';}

.zoom-child-line.first-sibling::before{width: 50%; left: 50%;}

.zoom-child-line.last-sibling::before{width: 50%;}

.zoom-box .no-child .line{display: none;}

.zoom-child-line.first-sibling.last-sibling::before{display: none;}

.zoom-child-line.first-sibling.last-sibling .top-line{left: 50%;}

/* 线条 */

.zoom-couple-item{padding-top: 16px;}

.zoom-couple-item::before{display: none;}



/* .zoom-box .p{height: auto; padding-bottom: 20px;} */





.relative{position: relative;}

.pup.on{display: flex;}

.pup{position: fixed; display: none; align-items: center; justify-content: center; background-color: rgba(0,0,0,0.8); right: 0; bottom: 0; z-index: 9990; height: calc(100vh - 92px);  width: calc(100% - 280px);}

.pup-box{position: relative; background-color: #fefbf6; border-radius: 10px; width: calc(80% - 100px); height: calc(100% - 180px); background-color: #fff; padding: 30px; background-position: center; background-repeat: no-repeat; background-size: cover; background-image: url(../images/pup-bg.jpg); }

.pup-close{position: absolute; width: 60px; height: 60px; background-position: center; background-repeat: no-repeat; background-size: 100%; background-image: url(../images/close2.png); left: 0; top: 0; transform: translate(-100%, -100%); cursor: pointer;}

.pup .zoom-container{width: 100%; height: calc(100% - 30px);}

.pup .zoomTips{height: 30px; padding-top: 10px;}

#showToast{position: fixed; left: 50%; top: 50%; max-width: 300px; background-color: rgba(0,0,0,0.8); color: #fff; font-size: 14px; opacity: 0; transform: translate(-50%, 50px); transition: all ease .3s; border-radius: 4px;}

#showToast.on{  padding: 5px 10px; opacity: 1;  transform: translate(-50%, 0px);}

#zupuZoom1 .zoom-child-item .p{cursor: pointer;}



.zoomTips{display: flex; align-items: center; height: 50px; padding: 0 20px;}

.zoomTips .icon{display: flex; align-items: center; margin-right: 25px;}

.zoomTips .icon::before{width: 11px; height: 11px; border-radius: 50%; content: ''; display: block; margin-right: 8px;}

.zoomTips .icon.man{color: #416573;}

.zoomTips .icon.man::before{background-color: #416573;}

.zoomTips .icon.woman{color: #814727;}

.zoomTips .icon.woman::before{background-color: #814727;}

.zoomTips .icon.man.die{color: #7f979f;}

.zoomTips .icon.man.die::before{background-color: #7f979f;}

.zoomTips .icon.woman.die{color: #a97d65;}

.zoomTips .icon.woman.die::before{background-color: #a97d65;}

.zoom-box .man.die{color: #7f979f;}

.zoom-box .woman.die{color: #a97d65;}

.zoom-child-box:hover,.zoom-child-item:hover,.zoom-child-box:hover{z-index:90}



/* 拓展xin样式 */
.zoom-box-tuozhan .zoom-child-item{padding-top: 16px; align-items: flex-start;}
.zoom-box-tuozhan .child-line{position: absolute; height: 16px; border-top: 1px solid #aa7d66; top:-26px}
/* .zoom-box-tuozhan .child-line.child-line-right{right:10px; border-right: 1px solid #aa7d66;} */
.child-line-left::before,.child-line-left::after,.child-line-right::before,.child-line-right::after,.single-line::after,.mid-line::after{content: ''; position: absolute; bottom: -6px; width: 6px; height: 6px; border-radius: 50%; border: 1px solid #aa7d66; display: block; background-color: #f1eee9;}
.zoom-box-tuozhan .child-line.child-line-left{border-left: 1px solid #aa7d66; left: 9px;}
.zoom-box-tuozhan .child-line-left::after{left: -1px; transform: translateX(-50%);}
.zoom-box-tuozhan .child-line-left::before{display:none}
.zoom-box-tuozhan .line{bottom: 10px;}


.zoom-box-tuozhan .child-line.child-line-right{border-right: 1px solid #aa7d66; right: 9px;}
.zoom-box-tuozhan .child-line-right::after{display:none; left: -1px; transform: translateX(-50%);}
.zoom-box-tuozhan .child-line-right::before{right: 0; transform: translateX(50%);}



.zoom-box-tuozhan .mid-line{border-left: 1px solid #aa7d66; left: 10px; border-top: none !important;}
.zoom-box-tuozhan .mid-line::after{left: 0px; transform: translateX(-50%);}
.man>.child-line.single-line{border-right: 1px solid #aa7d66; left: auto; right: 100%; transform: translateX(10px);}
.man>.child-line.single-line::after{left: auto;right: 0; transform: translateX(50%);}

.woman>.child-line.single-line{left: 9px; border-left: 1px solid #aa7d66;}
.woman>.child-line.single-line::after{transform: translateX(-50%); left: 0;}
.big-line{position: absolute; left: -1px; border-top: 1px solid #aa7d66; top: -1px;}
.borderTopNo1{border-top: none !important;}
/* .flex-end{justify-content: flex-end !important;} */
.zoom-child .p.noName{
  position: absolute !important; top: 0; left: 50%; transform: translateX(-50%); margin: 0 !important; z-index:0;
  /* background-color: red; height: 60px !important; */
}
.zoom-box-tuozhan .child-line.no-border{border-top: none;}
/* .first-sibling.last-sibling>div>div>div>div.child-line{border-top: none;} */
/* .first-sibling.last-sibling>div>div>div.line{display:none} */


.zoom-box{cursor: grab; }
.zoom-box:active{cursor: grabbing;}
.zoom-box,.zoomTips{
  -webkit-user-select: none; /* Safari */
  -moz-user-select: none;    /* Firefox */
  -ms-user-select: none;     /* Internet Explorer/Edge */
  user-select: none;         /* 标准语法 */
}

.zoom-child-item2{position: relative;}
.zoom-child-item2::after,.zoom-child-item2::before{width: 100%; flex: 1; height: 1px; background-color: #aa7d66; content: ''; display: block; margin-top: 20px; min-width: 10px;}
.sib-line:first-child>.zoom-child-item2::before,.sib-line:last-child>.zoom-child-item2::after{background-color: transparent;}
.zoom-child-item{padding-left: 0; padding-right: 0;}
.zoom-child{padding: 0;}
.one-wife-line{width: 16px; height:1px;background-color: #aa7d66; position: relative; top: 20px;}
.noName::after{display:none !important;}
.zoom-box .p:hover{z-index:90}
.sib-line-le{margin-left:44px}
.sib-line-ri{margin-right:44px}



/* 全屏遮罩 */
.detail{position: relative; height:calc(100vh - 92px);     overflow: hidden;}
.detail-main{height: calc(100% - 68px); overflow-y:auto}
#pageLoading {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    transition: opacity 0.4s ease-out;
}

/* 隐藏时淡出 */
#pageLoading.hidden {
    opacity: 0;
    pointer-events: none;
}

/* 脉冲圆点容器 */
.loader-dots {
    display: flex;
    gap: 8px;
}

.loader-dots div {
    width: 12px;
    height: 12px;
    background-color: #b3b3b3;
    border-radius: 50%;
    /* 启用硬件加速，提升动画性能 */
    transform: translateZ(0);
}

/* 三个圆点的脉冲动画 */
.loader-dots div:nth-child(1) {
    animation: pulse 1.4s ease-in-out infinite;
}

.loader-dots div:nth-child(2) {
    animation: pulse 1.4s ease-in-out infinite 0.2s; /* 延迟播放 */
}

.loader-dots div:nth-child(3) {
    animation: pulse 1.4s ease-in-out infinite 0.4s; /* 延迟播放 */
}

/* 脉冲关键帧：缩放实现“呼吸”效果 */
@keyframes pulse {
    0%, 100% {
        transform: scale(0.4);
        opacity: 0.6;
    }
    50% {
        transform: scale(1);
        opacity: 1;
    }
}






@media screen and (min-width: 980px){

  

}



@media screen and (max-width: 1600px){

  .login-box{width: 1200px;}

  .login-box .form-div{padding: 30px 30px;}

  .login-box .t{margin-bottom: 20px;}

  .login-box .t .sp{margin: 0 30px; font-size: 24px;}

  .login-logo{height: 60px;}

}





@media screen and (max-width: 1450px){

  .detail-list .item{width: 23%;}

}



@media screen and (max-width: 1369px){

  .wap-login-img{display: block; margin: 0 auto; max-width: 100%;}

  .login-img{display: none;}

  .login-box{width: 500px; }

  .login-box .form{width: 100%; position: static; transform: translate(0);}

  .login-box .div{width: 100%;}

  .detail{padding-left: 220px; background-size: 220px;}

  .pup{

    width: calc(100% - 220px);

  }

  

}

@media screen and (max-width: 1280px){

  .box{max-width: 960px;}

  .detail-list .item{width: 31.3%;}

  .renwu .pup-tip{left: 50%; transform: translateX(-50%); top: 100%;}

}

@media screen and (max-width: 1080px){

  .detail{padding-left: 0; background-image: none;}

  .pup{

    width: 100%;

  }

}



@media screen and (max-width: 980px){

  .box{width: 94%;}

  #header .logo img{max-width: 100px;}

  #header .nava img{height:36px}

  #header .nava{margin: 0 16px;}

  #header .ri .btn{width: 60px; font-size: 14px; margin-left: 12px;}

  #header .ri .iconfont{font-size:16px}

  #header .box{height: 70px;}
.detail{height: calc(100vh - 70px);}
  .pup{

    height: calc(100vh - 70px);

  }

}



@media screen and (max-width: 790px){

  .login-box{width: 92%; max-width: 500px;}

  .login-box .t .sp{font-size: 20px;}

  .login-form-btn{font-size: 18px; height: 40px;}

  .login-box .item{padding-left: 16px; margin-bottom: 16px;}

  .login-box .text{margin-left: 8px; height: 40px;}

  .login-box .icon{width: 20px;}

  .login-box .form-div{padding-bottom: 50px;}

  #login::before{content: ''; display: block; width: 100%; height: 100%; left: 0; top: 0; z-index: 0; background-color: rgba(0,0,0,0.5); position: absolute;}

  .login-box .form-div{box-shadow: none;}

  .kai-btn img{height: 80px;}

  .kai-btn .txt{font-size: 26px;}

  .riji-main2{display: block;}

  .riji-main2 .imgW{width: 100%; width: 200px; margin-bottom: 20px;}

  .fy{display: block;}

  .fy .div{padding: 8px 0;}

  .detail-list{margin-right: 0; justify-content: space-between;}

  .detail-list .item{width: 48.5%; margin-right: 0;}

  .search-form .div{padding-left: 10px;}

  .search-form .text{padding-left: 0;}

  .search-form .submit-btn{margin-left: 10px; width: 80px;}

  .detail-select2 .item{line-height: 30px;}

  .detail-select2 .a{padding: 0 10px;}

  .pup-close{width: 30px;  height: 30px;}

  .pup{padding-top: 30px;}

  .pup-box{

    width: calc(100% - 90px);

    height: calc(100% - 60px);

  }

}



@media screen and (max-width: 590px){

  .kai-btn img{ height: 60px;}

  .kai-btn .txt{font-size: 22px;}

  

  #header .box{height: 60px;}

  #header .logo{display: none;}

  #header .logo img{max-width: 80px;}

  #header .nava img{height:30px}

  #header .nava{margin: 0; margin-right: 16px;}

  #header .ri .iconfont{font-size:16px}

  .detail-main{padding: 30px 18px 0;}

  .page{padding: 10px 0 30px;}

  .page .a{width: 30px; height: 30px;}

  .search-list .icon{display: block; background-size: auto 18px; padding-left: 26px; font-size: 15px;}

  .search-list .icon2{background-position: 8px center;}

}