body{background-color:#f1f2f3;}
*{padding: 0;margin: 0;webkit-user-select:none;user-select:none;}
        .body{ background-color: #f1f2f3;display: flex; justify-content: center;height:auto;
padding-top:100px;

        }


.change2{color:#f00!important;background-color:#eee;border-radius:16px;}  

.change2:before{content: "→";
    display: block;
    right: 0px;

    position: absolute;
 
    transition: all 0.2s;}   

        .box{margin-top:10px;
             width: 80vw;/* 划分多少列 */
            column-count: 7;/* 列之间的间隙 */
            column-gap: 20px; transition: all 0.3s;}
        .oImg{margin-bottom: 14px; background:#f1f2f3; overflow:hidden;border-radius:10px;position:relative;}
        .oImg img{width: 100%;  transform: scale(1.016); transition:all 0.5s;}
        .oImg img:hover { transform: scale(1.05);cursor:pointer;filter:grayscale(0.2);}
        .oImg a span{cursor:pointer;color:#fff;position:absolute;width:100%;height:45px;line-height:45px;text-align: center;background-color: rgba(0,0,0,.5);left:0;bottom:-50px;transition:all 0.8s   }
        .oImg:hover span{bottom:0;}
.nav{width: 100%;height: 60px;position: fixed;top: 0;background:#ddd;z-index: 2;

display:none;


 }
.wnav{position: relative;width:10vw;margin-right:25px;}
.rt_box{width:80vw}
.cnav{width:10vw;height: 85%;background-color: #fff;border-radius:10px;position: fixed;z-index: 10}
.banner{width:80vw;height:280px;margin-bottom: 20px;border-radius:10px;background-color:#fcfcfc;display:flex;justify-content:space-between;overflow: hidden}
.banimg{width:10%;background-color:#ddd;transition:width .9s ease;position: relative;cursor:pointer}
.banimg span{width:100%;height:146px;background:linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.8));position:absolute;bottom: 0;text-align: center;line-height:256px;font-size:15px;color: #fff}
.active{width:69.7%!important;}
.banner .banimg:nth-child(1){background: url(../img/banner.png) no-repeat center;height:280px;background-size: cover; }
.banner .banimg:nth-child(2){background: url(../img/banner1.jpg) no-repeat center;height:280px;background-size: cover;}
.banner .banimg:nth-child(3){background: url(../img/banner2.png) no-repeat center;height:280px;background-size: cover;}
.banner .banimg:nth-child(4){background: url(../img/banner3.jpg) no-repeat center;height:280px;background-size: cover;}
.menu{height:auto;;padding:25px 0;}
.menu div{width:5vw;text-align: center;height:30px;padding: 0 4px;border-radius:15px;transition:all 0.4s;cursor: pointer;}
.menu div:hover{background-color: #eee;}
.menu div:hover a{color:#f20}
.menu:nth-child(2){width:40vw;display: inline-flex;justify-content: space-around;position:relative;left:-2vw}
.menu:nth-child(2) a{text-decoration:none;color:#333;line-height:30px;width:5vw;height:30px; }
.menu a{display: inline-block;}
.menu:nth-child(3){width:20vw;padding:21px 0}
.menu:nth-child(4){width:10vw;position:relative;padding: 20px 0}
.shuru,.anniu{height: 36px;border-radius: 18px;background-color:#eee;border:none;}
.anniu{position:absolute;right:16px;cursor:pointer;background: url(img//search.png) no-repeat;
    background-size: 13px 13px;
    position: absolute;
    background-position: left;
    left:290px;
    right:0px;
    cursor: pointer;opacity:.7}
    .anniu:hover{opacity: 1}
.shuru{padding-left:20px;border:none;outline:none}
.ctrl{width:80vw;height:60px;background-color:#fff;border-radius:10px;display:flex;justify-content:space-between;}
.ctrl .cleft{width:10vw;}
.ctrl .cright{width:3vw;;position: relative;}
.ctrl .cright button{border:none;position:absolute;background-color:#fff}
.ctrl .cright button:nth-child(1){margin-right: 24px;}
.ctrl .cright button:nth-child(2){}
.ctrl .cright button i{font-size:22px;line-height:60px;color:#999;cursor: pointer;;transition:all 0.3s ease}
.ctrl .cright button i:hover{color:#333;}

.cnav ul{width:8vw;height:20px;margin:0 auto;margin-top:30px;}
.cnav ul li{width:7vw;margin-bottom: 8px;height: 32px;line-height: 32px;text-align: left;list-style: none;cursor: pointer;position: relative;font-size: 14px;}
.cnav ul li：hover{}
.cnav ul li a{text-decoration:none;color:#333;display:inline-block;width:100%;height:100%;padding: 0 10px;transition:all 0.2s}
.cnav ul li a:hover{color:#f00!important;background-color:#eee;border-radius:16px;}  
.noads{bottom: -92px;width:100%;height: 92px;background-color: #f1f2f3;position:absolute;line-height:92px;text-align:center;font-size:15px;color:#999}
.borrow{display:none}
#borrow{height:100%;border-radius:10px;overflow:hidden;background-color:#fff}
.seedshow{display: block;}

.nav .mid{width: 86vw;margin: 0 auto;text-align: center;}
.nav .mid span{display: block;width:8vw;height: 40px;;line-height:40px;border-radius: 10px;float: left;margin-right: 40px;cursor: pointer;margin-top:10px;}
.change1{background:#f60;color: #fff}
.xs{position: fixed;bottom: 40px;right:15px;cursor: pointer;z-index:20}
.home,.home1{width: 38px;height: 38px;border-radius: 5px;border: none;position: fixed;right: 17px;bottom: 104px;cursor: pointer;z-index: 2;}
.fa-home{color:#555;font-size:30px;} 
button{background:none}

.animate{width:42px;height:42px;border-radius:50%;background:url(../img/logo_.jpg) no-repeat;background-size:contain;position: absolute;right: 13px;cursor:pointer;animation:animate 1s;}
@keyframes animate{
  0%{ transform: rotateZ(0) scale(0); }
  100%{ transform: rotateZ(720deg) scale(1); }
}
@media screen and (min-width: 1101px) {.box{ column-count: 5; column-gap: 20px;}.home1{display: none;}}
@media screen and (min-width: 1400px) {.box{ column-count: 7;column-gap: 14px;}.home1{display: none;}.lightboxOverlay{padding-top:-30px;}}
@media screen and (max-width: 1100px) {.box{column-count: 4; column-gap: 20px;}.home1{display: none;}}
@media screen and (max-width: 800px) {.box{column-count: 3; column-gap: 12px;width: 92vw;} .oImg{margin-bottom: 12px; }.nav .mid span{width:20vw;margin-right: 0px; line-height: 34px;height: 34px;margin-top: 12px;} .xs{opacity: 0.85; box-shadow: 2px 3px 4px #9b9b9b;padding:6px;width:32px;background: #fff;border-radius: 50%;}.oImg a span{font-size: 12px;height: 34px;line-height: 34px; }.home{display: none} .home1{right: 16px;box-shadow:2px 3px 4px #9b9b9b;background-color:#fff;opacity: 0.85; width: 45px;height: 45px;border-radius: 50%;display: block;}.fa-home{font-size: 24px}.nav{display: none;}.banner,.dnav,.ctrl{display:none}.box{margin-top: -25px;margin: 0 auto}.lightboxOverlay{padding-top: 50px;}.cnav{width:100%;height:60px;position:fixed;top: 0;border-radius: 0}.cnav ul{display:flex;justify-content:space-evenly;width:100%;margin-top: 12px}.cnav ul li{text-align:center;width:16%;height:36px;line-height:36px;border-radius:18px;font-size:14px}.change2:before{content: none;}.body{display: block;padding-top: 80px;}.noads{font-size:12px;}#seed,#zp,.borrow,.banner,.ctrl{display:none}}
    </style>