@charset "utf-8";
/* CSS Document */
body{ background: #f3f4f8;}
.search{margin: 0.2rem;display:flex; justify-content: center; align-items: center;background: #f6f6f6;border-radius: 0.2rem; color: #999;}
.search .si{ width: 0.6rem; text-align: center;}
.search .si span{font-size: 0.36rem}
.search .sin{ flex: 1;}
.search .sin input{width: calc(100% - 0.04rem); border: #f6f6f6 1px solid;background: #f6f6f6; height: 0.56rem;}
.search .sb{ width: 1rem; height: 0.6rem; text-align: center;display:flex; justify-content: center; align-items: center;background: #ff8800; border-bottom-right-radius:0.2rem;border-top-right-radius: 0.2rem;}
.search .sb span{ color:#fff;font-size: 0.24rem; cursor: pointer;}


.main{margin: 0.2rem;height: auto;height: auto;}
.list{height: auto;}

.list0{ overflow: hidden;display: flex; align-items: center; justify-content: center;}
.list0 .li{flex: 1; cursor:pointer; text-align: center;}
.list0 .pic{ margin: auto; width: 80%; height: auto;}
.list0 .p{height:0px; padding-bottom: 100%; background:no-repeat center center;background-size:cover;border-radius:50%;}
.list0 .info{margin-top:0.2rem;}
.list0 .name{height: auto;font-size: 0.32rem; line-height: 0.5rem;}
.list0 .time{ margin-top: 0.2rem;font-size: 0.26rem;color: #999;}

.list1{ overflow: hidden;}
.list1 .li{ margin-bottom: 0.2rem; padding:0.2rem;cursor:pointer;background: #fff; border-radius: 0.2rem;}
.list1 .pic{height: auto; position: relative;}
.list1 .p{padding-bottom: 56%;height:0; overflow: hidden; display: flex; justify-content: center; align-items: center; background:#f1f3f2; border-radius: 0.1rem;background:no-repeat center center;background-size:cover;}
.list1 .view{position: absolute; right:0.2rem; top: 0.2rem; padding: 0.1rem; width: 1rem;  text-align: center; background-color: rgba(0, 0, 0, 0.5); color: #fff; font-size: 0.2rem; border-radius: 0.2rem; cursor: pointer; z-index: 5;}
.list1 .info{margin-top:0.2rem;}
.list1 .name{height: auto;font-size: 0.32rem; line-height: 0.5rem;}
.list1 .time{ margin-top: 0.2rem;}
.list1 .time p{font-size: 0.26rem;color: #ff8800;}
.list1 .time span{padding-top: 0.1rem;font-size: 0.26rem;color: #999;}
.list1 .li:last-child{border-bottom:none;}

.list2{ overflow: hidden;}
.list2 .li{padding:0.4rem 0 0.4rem 0;border-bottom:#f6f6f6 0.2rem solid;cursor:pointer;display: flex; }
.list2 .pic{flex:1; margin-right: 0.2rem;}
.list2 .p{height:0px; padding-bottom: 66.67%; background:no-repeat center center;background-size:cover;border-radius: 0.1rem;}
.list2 .info{flex:2;}
.list2 .name{height: auto;font-size: 0.32rem; line-height: 0.5rem;}
.list2 .time{ margin-top: 0.2rem;}
.list2 .time p{font-size: 0.26rem;color: #ff8800;}
.list2 .time span{padding-top: 0.1rem;font-size: 0.2rem;color: #999;}
.list2 .li:last-child{border-bottom:none;}

.list3{ overflow: hidden;}
.list3 .li{padding:0.4rem 0 0.4rem 0; float: left; width: 25%;  border-bottom:#f6f6f6 0.2rem solid;cursor:pointer; text-align: center;}
.list3 .pic{ height: auto; width: 60%; margin: auto;}
.list3 .p{height:0px; padding-bottom: 100%; background:no-repeat center center;background-size:cover;border-radius: 50%;}
.list3 .info{ margin-top: 0.2rem;}
.list3 .name{height: auto;font-size: 0.24rem; line-height: 0.5rem;}
.list3 .time{ margin-top: 0.2rem;}
.list3 .time p{font-size: 0.26rem;color: #ff8800;}
.list3 .time span{padding-top: 0.1rem;font-size: 0.2rem;color: #999;}
.list3 .li:last-child{border-bottom:none;}


.nolist{margin-top:0.4rem; text-align:center; display:none;}
.nolist img{ width:3rem;}
.nolist p{ margin-top:0.4rem;color:#999;}