.title { width: 100%; height: 2em; color: #fff; font-size: 2em; line-height: 2em; background: #66c5e5; text-align: center;}
.title a { float: left; margin-left: 1em;}
.back-red { background: #ff176a;}

.banner { width: 100%; height: 15em; overflow: hidden; position: relative;}
.banner ul { height: 100%;}
.banner ul li { height: 100%;}
.banner ul li a img { width: 100%; height: 100%;}
.banner ol { position: absolute; left: 50%; bottom: 1em;}
.banner ol li { width: 2em; height: 0.6em; background: #fff;} 
.banner ol .back { background: #FF176A;}
.goodslst { overflow: hidden;}
.goodslst .goods { float: left; width: 290px; height: 390px; margin-left: 20px; margin-top: 20px; background: #fff;}
.goodslst .goods .img { display: block; width: 290px; height: 290px; text-align: center; line-height: 290px;}
.goodslst .goods .img img { max-width: 290px; max-height: 290px; width: auto; height: auto; vertical-align: middle;}
.goodslst .goods p { color: #2C2C2C; padding: 0 1em; height: 2em; overflow: hidden; line-height: 2em; font-size: 1.5em;}
.goodslst .goods font { display: block; color: #fff; margin: 0 auto; font-size: 2em; line-height: 1.4em;background: #ff176a; text-align: center;}