@media (max-width:767px) {

    /*pc端 css*/
    html {
        font-size: calc(100vw/7.5);
    }

    .thumbs {
        height: 70px
    }

    #iframe {
        display: block;
        width: 100%;
        height: 100%;
        margin: 0 auto;
    }

    .closeIframe {
        top: 0.3rem;
        right: 0.3rem;
        width: .6rem;
        position: fixed;
    }
    .close {
        width: 0.5rem;
        position: absolute;
        right: 0.3rem;
        top: 0.35rem;
        cursor: pointer;
        z-index: 100;
    }
    .lytitle {
        width: calc(6.1rem - 40px);
        text-align: center;
        color: #fff;
        font-weight: 700;
        font-size: 18px;
        margin: .4rem auto 0;
        height: .7rem;
        line-height: .5rem;
        border-bottom: .5px solid rgba(255, 255, 255, 0.8)
    }

    details:first-child {
        margin-top: 20px
    }

    .wcontent {
        width: 6.1rem;
        min-height: 4rem;
        min-width: 3rem;
        padding: 0 0.2rem 1rem;
        position: absolute;
        top: 50%;
        overflow: auto;
        font-size: 14px;
        background: #a22c2a;
        margin: 0 auto;
        left: 50%;
        transform: translate(-50%, -50%);
        border-radius: 0.05rem;
    }

    .details {
        font-size: 14px;
        line-height: 22px;
        padding: 0 12px;
        color: #fff;
        margin: 0;
        text-align: justify;
        margin-top:0.35rem;
        letter-spacing: 1.5px;
        text-indent: calc(2em + 3px);
    }
    .chaunds{position:fixed;overflow:hidden;display:none;width:100%;height:100%;top:0;right:0;bottom:0;left:0;z-index:5001;-webkit-overflow-scrolling:touch;outline:0;background-color:rgba(55,55,55,.6);}.copyImg{width:5.69rem;}.centercontent{width:95%;height:4.5rem;position:absolute;top:50%;left:50%;background-color:#fff;border-radius:6px;transform:translate(-50%,-50%);box-shadow:0 4px 12px rgba(255,255,255,.15);}.centercontent .topc{padding-top:5.333vw;text-align:center;font-size:16px;font-weight:bold;color:#333;}.center>div img{width:13.333vw;height:13.333vw;}.center>div .text{text-align:center;font-size:14px;color:#333;}.center{margin-top:35px;}.flex-center{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}.bottom{text-align:center;font-size:16px;color:#333;margin:0.65rem auto 0;width:1.75rem;border:1px solid #000;height:0.55rem;line-height:0.5rem;border-radius:5px;}
    .wechatShareB{
        z-index: 5500;
    }

    .home{
        z-index: 5000;
        display: block;
        background: #dad0c6 url(../images/bg.jpg) no-repeat center top;
        background-size: 7.5rem 13.34rem;
    }
    
    .dox{
        z-index: 5000;
    }
    
    .hshare {
        background-image: url(../images/hshare.png);
        position: absolute;
        left: 1.25rem;
        top: 10.5rem;
        width: 2.14rem;
        height: 0.53rem;
        background-size:2.14rem 0.53rem;
        z-index: 199;
      }
      .comeOn {
        background-image: url(../images/comeOn.png);
        position: absolute;
        left: 4.13rem;
        top: 10.5rem;
        width: 2.14rem;
        height: 0.53rem;
        background-size: 2.14rem 0.53rem;
        z-index: 200;
      }
      
      .xiangdao{
          width: 5.9rem;
          position: absolute;
          top: 3.79rem;
          left: 50%;
          transform: translateX(-50%);
      }
}