/* .page{width:100%;height: 100%;} */
body{background: #f4f6f6;}


.main{width:100%;height: 100vh;position: absolute;top:0;left: 0;z-index: 2000;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;box-sizing: border-box;padding: 0 0.4rem;background-color:#ffffff}
.main .img{width:1.6rem;height:auto;margin-bottom:0.2rem}
.main .img1{width:100%;height:auto;top: 5%;position:absolute;}
.main .img2{width:100%;height: auto;top: 20%;position:absolute;}
.search-con{width:5.7rem;height:0.79rem;background: #fff;border-radius: 0.1rem;overflow: hidden;display: flex;position:absolute;top: 55%;left:0.9rem;border:0.02rem solid #5e9eda;box-sizing:border-box}
.search-con .searchinp{width:100%;height: 0.75rem;border: none;border-radius: 0.1rem;font-size: 0.3rem;box-sizing: border-box;padding-left: 0.1rem; background-color:transparent;}

.search-con .btnGoInDetail{width:1rem;background-image: url("../images/search_1.png");background-repeat: no-repeat;background-size: 0.56rem 0.56rem;background-position: center;background-color: #ffffff;height:0.75rem;border: none;display: block;}



.footer-con{width:100%;height: auto;text-align: center;font-size: 0.22rem;color: #333333;line-height: 0.32rem;margin-top: 0.5rem;position:absolute;bottom:0.2rem}
.footer-con a{color:#333333;}


/*内页*/
.header-nav{width:100%;height: 1.1rem;background: #fff;padding: 0 0.3rem;box-sizing: border-box;position: fixed;top: 0;left: 0;z-index: 9;}
.header-nav .header-con{width:100%;height: 1.1rem; box-sizing: border-box;padding-left: 2rem;font-size: 0.3rem;line-height: 1.1rem;color: #000;background: url("../images/logo1.png") no-repeat;background-size: 1.84rem 0.78rem;background-position: left center;}
.header-nav .header-con .close{display: inline-block;width: 0.4rem;height: 0.4rem;background:url("../images/5.png") no-repeat;background-size: 0.36rem;background-position: center;float: right;margin-top: 0.35rem;}

.detail-main{width:100%;height: auto;margin-top: 1.1rem;}
.detail-main img{width:100%;height: auto;display: inline-block;}


 .clearfix::before, .clearfix::after {
            display: block;
            content: '';
            visibility: hidden;
            height: 100%;
            clear: both;
        }
.my-gallery {width:100%;margin: 0 auto;}
.my-gallery .img-dv {width:100%;}
.my-gallery .img-dv a {display:block;width:100%;text-align: center}
.my-gallery .img-dv a img {width:100%;display: inline-block;}