@charset "utf-8";
/* CSS Document */
#footers{display: none;}
#footer{display: none;}
.search{position:fixed; left: 1%; width: 98%; display:flex; justify-content: center; align-items: center; background: #fff;}
.search .si{ flex: 1; display:flex; justify-content: center; align-items: center; background: #f6f6f6; border-radius: 20px; overflow: hidden;}
.search .si .sil{ width: 40px; text-align: center;}
.search .si .sir{flex:1;}
.search .si span{ font-size: 20px;color:#000;}
.search .si input{ width:calc(100% - 2px); border: #f6f6f6 1px solid;background: #f6f6f6; height: 32px;margin-right: 20px;}
.search .sb{   width: 45px; text-align: right;}
.search .sb span{ display: inline-block; width: 40px; line-height: 30px; background: #000; color:#fff; border-radius: 3px; font-size: 12px; cursor: pointer; text-align: center;}

.main{width: 100%; height: auto;}
.classlist{position:fixed;left:0px; bottom:49px; top:100px; width:100px;height:auto; overflow-x: hidden; overflow-y: auto; background:#f6f6f6; z-index:1;}
.classlist::-webkit-scrollbar{display:none;}
.classlist li{padding:12px 10px 12px 10px;cursor: pointer;word-break:break-all;}
.classlist .on{ background: #fff; font-weight: bolder;}

.list{ margin-left: 100px; padding: 20px 10px 60px 10px; height: auto; overflow: hidden;}
.list ul{display:block;float:left; margin-top:20px;width:31.33333%;padding:1%;height:auto;overflow:hidden;}
.list .p_pic{padding-bottom:50%;padding-top:50%;height:0; overflow: hidden; display: flex; justify-content: center; align-items: center; background:#FFF;}
.list .p_pic img{width:100%;}
.list .p_info{margin:5px;height:45px; line-height:15px;overflow:hidden; text-align:center;}


.nolist{margin-left: 100px; margin-top:20px; text-align:center; display:none;}
.nolist img{ width:150px;}
.nolist p{ margin-top:20px;color:#999;}

.search_list{ margin: 70px 10px 20px 10px;}
.search_list a{ padding: 5px 10px 5px 10px; border-radius: 3px; background: #f6f6f6; margin: 10px;}