@charset "utf-8";
/* CSS Document */
body{background:#fff; }

.main{ margin-top:0rem; height: auto;}

.index_search{margin:0.2rem; padding: 0.0rem 0 0.0rem 0; height: auto; overflow: hidden; z-index: 11; border-radius: 0.2rem;background: #fff;}
.index_search .search{margin: 0.2rem;display:flex; justify-content: center; align-items: center;}
.index_search .search .sl{width: auto; text-align: left; margin-right: 0.2rem;}
.index_search .search .sl span{font-size: 0.5rem;color:#999; cursor: pointer;}
.index_search .search .si{ flex: 1; display:flex; justify-content: center; align-items: center; background: #fff; border-radius: 0.2rem;border: #ccc 0.01rem solid;}
.index_search .search .si span{ margin-left: 0.2rem;margin-right: 0.2rem; font-size: 0.4rem;}
.index_search .search .si input{width: 80%; border: #fff 0.01rem solid;background: #fff; height: 0.64rem;margin-right: 0.4rem;}
.index_search .search .sb{margin-left: 0.2rem; margin-top: -0.05rem; width: auto; text-align: right;}
.index_search .search .sb span{ padding: 0.17rem 0.4rem 0.17rem 0.4rem;background:repeating-linear-gradient(to top right ,#ff8800,#ff6600);  color: rgba(255, 255, 255, 0.7);border-radius: 0.4rem; font-size: 0.3rem; cursor: pointer;}


.list{ overflow: hidden;}
.list .li{margin-bottom: 0.2rem; padding:0.4rem;cursor:pointer;background: #fff;border-bottom:#f6f6f6 0.2rem solid;}
.list .li:last-child{border-bottom:none;}
.list .content{height: auto;line-height: 0.5rem;}
.list .pic{margin-top:0.2rem;display: flex;justify-content: left;gap: 0.2rem;flex-wrap: wrap;}
.list .pic li{width: calc(20% - 0.2rem);}
.list .pic .p{height:0; padding-bottom: 100%; background:no-repeat center center;background-size:cover;border-radius:0.2rem;}
.list .button{margin-top: 0.2rem;color: #0088ff;font-size: 0.3rem;}