html {
    overflow-x: hidden;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
    .modal {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0,0,0,0.9);
            z-index: 1000;
        }

        /* 图片容器 */
        .modal-content {
            position: absolute;
            top: 20%;
            left: 5%;
            /*transform: translate(-50%, -50%);*/
            max-width: 90%;
            max-height: 90%;
            touch-action: none;
            cursor: grab;
          
        }
        /*  .modal-content{*/
        /*  position: absolute;*/
        /*  right: 0;*/
        /*  left: 0;*/
        /*  top: 0;*/
        /*  bottom: 0;*/
        /*  margin: auto;*/
        /*}*/

        .modal-content:active {
            cursor: grabbing;
        }

.popH5{
    width: 100vw;
    height: 100vh;
    display: none;
    background-color: rgb(51, 51, 51,0.8);
    position: fixed;
    top: 0;
    z-index: 999;
}
.container {
    width: 100vw;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
  }
#zoomImage{
     position: fixed;
            top: 50%;
            left: 50%;
            transform-origin: center center;
            touch-action: none;
            cursor: grab;
            /* 初始状态为原图大小 */
            transform: translate(-50%, -50%) scale(1);
}
   .top_yd {
        display: none;
    }

.contentList {
    background-image: url("../image/nrBgm.png");
    background-repeat: no-repeat;
    background-color: #FBF4DD;
    background-size: 100%;
    padding-bottom: 100rem;

}

.zwBox {
    height: 70rem;
}

.ruImgLsit {
    display: flex;
    padding: 0 14% 0 14%;
    flex-wrap: wrap;

}

.itemRuru {
    width: 30%;
    height: 384rem;
    background: #FAF1D4;
    border-radius: 0px 0px 0px 0px;
    /*margin-left: 1%;*/
     margin: 1% 1.6% 1% 1.6%;
    cursor: pointer;
}

.topImg {
    width: 100%;
    height: 302rem;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid #E8DDBF;
}

.topImg img {
    width: 100%;
    /*height: 239rem;*/
    transition: all 0.6s;

}

.topImg img:hover {
  transform: scale(1.1);
}

.wb_content {
    font-family: PingFang SC, PingFang SC;
    font-weight: 500;
    font-size: 20rem;
    color: #333333;
    font-style: normal;
    text-transform: none;
    display: flex;
    align-items: center !important;
    justify-content: center;
    height: calc(417rem - 330rem);
}

.navImg {
    width: 427rem;
    height: 114rem;
    background-image: url("../image/ryfc.png");
    background-size: 100%;
    margin: auto;
    /* margin-top: 70rem; */
    font-family: HelloFont WenYiHei, HelloFont WenYiHei;
    font-weight: 400;
    font-size: 46rem;
    color: #FBF4DD;
    line-height: 114rem;
    text-align: center;
    font-style: normal;
    text-transform: none;
    margin-bottom: 60rem;
}

.poput_content {
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    background-color: rgb(51, 51, 51, .5);
    display: none;
}

.popImg {
    /*width: 400rem;*/
    /*height: 230rem;*/
    transform: scale(0.5);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 100%;
}

.popImgBox{
     background-color: rgb(51, 51, 51,0.8);
       position: fixed;
    bottom: ;: 0rem;
    left: 0;
    margin: auto;
    right: 0;
    bottom: 0;
    text-align: center !important;
    font-size: 30rem;
    color: #fff;
    cursor: pointer;
    z-index: 999;

    display: flex;
    width: 100%;
    justify-content: center;
    
}
.sizeImg{
    width: 60rem;
    height: 60rem;
    /*margin-right: 20rem;*/
      margin-top: 20rem;
        margin-bottom: 20rem;

}

@media not all and (min-width: 750px) {

    .popImgBox{

    display: none;
    
}
.ruImgLsit {
    display: flex;
    padding: 0 14% 0 14%;
    flex-wrap: wrap;
    justify-content: center;

}
    .contentList {
    background-image: url("../image/nrBgm.png");
    background-repeat: no-repeat;
    background-color: #FBF4DD;
    background-size: 100%;
    padding-bottom:0;
    

}
    .popImg {
     width: 150rem !important;
      height: 100rem;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
       .top_yd {
        display: block;
    }
/*.ruImgLsit {*/
/*    display: flex;*/
/*    padding: 0 14% 0 14%;*/
/*    flex-wrap: wrap;*/
/*    justify-content: center;*/

/*}*/
.topImg {
    width: 340rem;
    height: 302rem;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid #D6BF82;
}
.topImg img {
    width: 290rem !important;
    height: 239rem;
    transition: all 0.6s;

}

.topImg img:hover {
    transform: scale(1.3);
}

.wb_content {
    font-family: PingFang SC, PingFang SC;
    font-weight: 500;
    font-size: 16rem;
    color: #333333;
    font-style: normal;
    text-transform: none;
    display: flex;
    align-items: center !important;
    justify-content: center;
    height: calc(417rem - 330rem);
}
.itemRuru {
    width: 360rem;
    height: 386rem;
    background: #F8E7BA;
    border-radius: 0px 0px 0px 0px;
    margin-left: 1%;
    margin: 1%;
    cursor: pointer;
    margin-bottom: 20rem;
}
.zwBox {
    height: 20rem;
}
    .navImg {
    width: calc(100vw - 20%);
    height: 80rem;
    background-image: url("../image/ryfc.png");
    background-size: 100%;
    margin: auto;
    /* margin-top: 70rem; */
    font-family: HelloFont WenYiHei, HelloFont WenYiHei;
    font-weight: 400;
    font-size: 28rem;
    color: #FBF4DD;
    line-height: 80rem;
    text-align: center;
    font-style: normal;
    text-transform: none;
    background-repeat: no-repeat;
    margin-bottom: 20rem;
}

    .avatcPc{
        display: none;
    }
    .pcdStyle {
        background-image: url("../image/indexImg.png");
        width: 100vw;
        min-height: 100vh;
        background-size: 100%;
        background-repeat: no-repeat;
        background-position: 0 -3rem;

    }

    .top_yd {
        width: 100vw;
        height: 100rem;
    }

    .lytz {
        position: absolute;
        top: 9rem;
        right: 16rem;
        width: 17rem;
        height: 13rem;
    }

    .close {
        position: absolute;
        top: 9rem;
        right: 16rem;
        width: 13rem;
        height: 13rem;
        display: none;
    }

     .ulBox {
        font-size: 14rem;
        position: fixed;
        top: 50rem;
     z-index: 99;
        height: calc(100vh - 30rem);
        visibility: hidden; 
        width: 100vw;
        /*background: rgb(0,0,0,0.8) !important;*/        background:  transparent !important;
        display: flex;
        justify-content:flex-end;
     
  
    }
       .active {
            background: #fff;

            visibility: visible; /* 显示元素 */
      
        
          }
       .ulactive{
             opacity: 1; /* 完全不透明 */
            visibility: visible; /* 显示元素 */
     
            z-index: 99;
       }
        ul{
            opacity: 0; 
            visibility: hidden; 
       
            width: 155rem;
            height: 190rem;
            background: #FCEEBE;
            border-radius: 0rem 0rem 0rem 0rem;
             z-index: 99;
        }
        ul li{
                   width: 100%;
            height: 60rem;
            line-height: 60rem;
           display: flex;
           justify-content: center !important;
         
        }
        ul li a{
                    width: 100%;
                    height: 60rem;
                    line-height: 60rem;
                   display: flex;
                   justify-content: center !important;
                              color: #333333;
                text-decoration: none;
        }


      ul li:nth-child(4) {
           background: #B61E12 ;
           color: #fff !important;
    }
    ul li:nth-child(4) a {
        
           color: #fff !important;
    } 


}