@import url(base.css);
.banner{position: relative; height: 2.4rem;}
.banner img{width: 100%;height:3rem;display: block;}
.content{width:7.10rem;margin:0 auto;}
.cover{width:7.10rem;height:3.1rem;box-shadow:-2px 5px 10px rgba(0,0,0,.08); position: relative; overflow: hidden;margin-bottom:0.1rem;background:#fff;margin:0 auto;border-radius:0.2rem;}
.cover img{width:2.6rem;height:2.6rem;margin-top:0.28rem;margin-left:0.3rem;float:left;}
.cover .right{width:3.72rem;height:2.6rem;float: left;margin-left:0.3rem;}
.cover .right h1{font-size:0.3rem;color: #333;text-align: center;margin-top:0.5rem;}
.cover .right .line{width:0.64rem;height:0.04rem;margin-left:1.53rem;margin-right:1.53rem;display: block;margin-top:0.10rem;margin-bottom:0.10rem;} 
.cover .right p{font-size:0.24rem;line-height:0.3rem;}
.title{font-size:0.32rem; padding: .3rem 0; text-align: center;}
.title a{margin:0 .3rem;color:#999;}
.title a.cur{color:#333;font-weight:bold;}
.button{width:2.40rem;height:0.45rem;font-size:0.22rem;background:#000;border-radius:0.225rem;color: #fff;line-height: 0.45rem;text-align: center; margin: .3rem auto;box-shadow:-2px 2px 5px rgba(0,0,0,0.5);}
.content ul{margin-top:0.2rem;overflow: hidden;    display: flex;flex-wrap: wrap;justify-content: space-between;}
.content ul li{width:3.45rem;height:4rem;float:left;position: relative;margin-bottom:0.2rem; overflow: hidden;}
.content ul li img{width:100%; min-height: 100%; }
.content ul li p{width:100%;height:0.4rem;background:rgba(0,0,0,0.5);color: #fff;font-size:0.22rem;position: absolute;left:0;bottom:0;text-align:center;    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
	    line-height: 0.4rem;}
.content ul li.no-margin{margin-right:0;}