*{
    padding:0;
    margin:0;    
}
html{font-size:625%;}
body{
    width:100%;         
    font-size:14px;
    background: url('/skin/img/bg.jpg'); 
}
div,p,input,h1,h2,h3{box-sizing: border-box;}
ul,ol,li{list-style: none;box-sizing: border-box;}
a{
    text-decoration: none;
    color:#088ef0;    
}
h1,h2,h3{
    margin:0 auto;
    text-align: center;
}

.big {font-size:1.3em;}

p,div{
    font-size:16px;
    line-height: 2;
}

h1{    
    background-color: #4cc443;    
    width:99%;        
    max-width:750px;         
    margin-top:2px;  
    border-bottom:1px dashed #ddd;
    padding:.2rem 0;    
}
h1 a{
    font-size:.36rem; 
    color:#fff; 
    display: block;
    display: flex;
    align-items: center;
    justify-content: center;
}
h1 span.home{
    display: block;
    width:1rem;
    height:.45rem;
    background: url('/skin/img/icon/home.png') no-repeat center;
    background-size: contain;            
    flex-grow: 0;
}

h1 strong{
    flex-grow: 1;
}

.hidden{
    display:none;
}


/* #main  */
#main{
    width:99%;
    max-width:750px;
    margin:0px auto; 
    background-color: #fff;    
    padding:.2rem .15rem;    
}
#main  > p{             
    padding:.1rem;    
}

#main  > p strong{ color:#ff1022;}


#main  > p img{
    display: block;
    margin:.1rem auto;
    width:100%;
    border-radius: .05rem;    
}


#main h2{
    font-size:.18rem;
    text-align: left;    
}

#main .contact  p{
padding:.1rem .3rem;
}

#main  .contact  p span{
    font-size:12px;
    font-weight: normal;
    color:#666;    
}
#main .contact{
    border:1px dashed #ccc;      
    border-radius: 5px;
    display:flex;
    flex-wrap: wrap;  
    margin:.2rem auto;  
}

.contact .x{
    max-width: 2rem; display: block; margin: 5px auto 0 auto
}

#main  .contact  p img{
    max-width:3rem;
}

#main  .contact  p a{
    vertical-align: middle;
}


/* button */
body .button-primary, .button-primary-flat{
    font-weight: bold;
}


/* hd  */

    #hd {
        border: 1px dashed #ccc;
        border-top:none;
        border-radius: 5px;
        margin-top:.3rem;
        background-color:#efefef;
    }

    .swiper-container {
      width: 100%;
      height: auto;            
    }
    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;          

    }
    .swiper-container .swiper-slide img{
        width:100%;
        max-width:5rem;
        padding:.2rem 0;
        cursor: pointer;
    }
    #hd h2{
        color:red;
        font-size:.3rem;
        text-align: center;
        padding:.2rem 0;
    }

    #footer{
        width:99%;
    max-width:750px;
    margin:0px auto 1.01rem auto; 
        background-color:#efefef;
        padding:.2rem;   
        text-align: center; 
        font-size:.18rem;

    }


    #footer a:first-child{
        margin:.2rem 0;
    }

    #footer a:not(:first-child){
        color:#555;        
    }

    /* 工具栏 */
#toolbar{position: fixed;bottom: 0;width: 100%;z-index: 888;height: 1rem;left: 0;}
#toolbar .list{width: 100%;max-width: 750px; margin: 0 auto; background: #1d9b13; display: flex;}
#toolbar .list li{ width: 25%; text-align: center; box-sizing: border-box; border-left: 1px solid #bbb;}
#toolbar .list a{display: block; height: 1rem; line-height: 0.24rem; font-size: 0.26rem; padding-top: 0.2rem;}
#toolbar .list a span{text-align: center; color: #fff; display: block; font-size: 0.24rem;}
#toolbar .list a s{margin-left: auto; margin-right: auto; width: 0.32rem; height: 0.32rem; display: block;margin-bottom: .12rem;}

#toolbar .list li:nth-child(1){border-left: none;}
#toolbar .list li:nth-child(1) s {
    background: url('/skin/img/icon/home.png') no-repeat;
    background-size: .32rem;    
}

#toolbar .list li:nth-child(2) s {
    background: url('/skin/img/icon/qq.png') no-repeat;
    background-size: .32rem;
}

#toolbar .list li:nth-child(3) s {
    background: url('/skin/img/icon/wx.png') no-repeat;  
    background-size: .32rem;
}

#toolbar .list li:nth-child(4) s {
    background: url('/skin/img/icon/phone.png') no-repeat;  
    background-size: .32rem;
}

#toolbar .list li:hover{background: #f39800;}


/*微信弹窗*/
#wxnr{width:100%;height: 100%;max-width: 750px;min-width: 320px;
    position:fixed;top: 0;
    z-index:1000;display:none;
    background: rgba(0,0,0,.6); left:0; right:0; margin:auto;    
}
#wxnr > div{
    display: flex; align-items: center; justify-content: center;
    width:100%;height: 100%;    
}


#wxnr .nrdf{width: 6.6rem;height: 8rem;padding: 0.3rem;padding-top: 0.6rem;text-align:center;
    background-color: rgba(255, 255, 255, 0.8);box-shadow: 0px 2px 6px #777;-webkit-box-shadow: 0px 2px 6px #777;-moz-box-shadow: 0px 2px 6px #777;border-radius:10px;
    position: relative}
#wxnr img{width: 4.6rem;height: 4.6rem;display: block;margin: 0 auto;}
#wxnr p{font-size: 0.32rem;line-height: 0.5rem;text-align:center;}
#wxnr i{width: 0.4rem;height: 0.4rem;display: inline-block; font-size:.22rem;text-align:text;color: #fff;font-weight: bold;font-style: normal;background: #333;border-radius: 50%;
    cursor: pointer;
    position: absolute;
    top:.12rem;
    right:.12rem;
}
#wxnr span{display:inline-block;padding: 0.1rem 0.2rem;line-height: 0.35rem;background-color: #279c2c;color:#fff;border-radius: 0.1rem;cursor:pointer;}
#wxnr span.wx{padding-left: 0.5rem;background-image: url(../img/wx.png); background-size: 0.3rem;background-position: 0.1rem center;background-repeat: no-repeat;}
/*复制提示*/
#weixin{position: fixed;top: 50%;margin-top: -0.4rem;z-index: 9999999;font-size: 0.26rem;color: #fff;width: 90%;right: 5%;line-height: 0.8rem;text-align: center;background: rgba(0, 0, 0, 0.8);border: 2px solid #333;border-radius: 0.1rem;display: none;}

    /* history */
    #main h2.history_h2{
        font-size:.3rem;
        /* font-weight: normal; */
        color:#333;
        margin:.2rem 0 .2rem 0;
        padding-bottom:.2rem;
        border-bottom:1px solid #ccc;
    }
    #main>p>a{
        color:#000;
    }
    .history{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;        
        background-color: #fefefe;
        padding:0rem 0;
    }

    .history li{
        width:48%;
        height:.6rem;
        line-height: .6rem;
        border-bottom: 1px dashed #ccc;
        margin-bottom:.1rem;        
    }
    .history li a{
        color:#333;
        font-size:.25rem;
    }
    .history li a span{
        color:#f33;
        font-weight: bold;
        font-size:.25rem;
    }
    
    .history li:last-of-type{
        border-bottom:none;
        height:0;
    }


    /* 弹出layer图片 */
     #layer-img{                                
        max-width:750px;
    }
    body #layer-img img{
        max-width:96%;     
        display: block;                     
        margin:.15rem auto;
        border:1px solid #bbb;        
    }
    #layer_history_img{
        max-width:96vw;
        max-height: 70vh;
    }