#wrap{
  width:320px;
  margin:0 auto;
}
.module{
  height:364px;
  margin:4px;
  background-color:#FE53B3;
  border:2px solid #FE53B3;
  border-radius:6px;
  text-align:center;
}
.module .body{
  height:320px;
  background-color:#FDF0FA;
  border-radius:4px;
  padding:0 0;
}
.module h2{
  height:44px;
  line-height:44px;
  color:#FFFFFF;
  font-size:32px;
  font-weight:bold;
}
.module h3{
  line-height:32px;
  font-size:24px;
}
.module p{
  line-height:16px;
  font-size:16px;
}

img.thumb{
  width:120px;
  height:120px;
  margin:8px;
  background-color:#FE53B3;
  border-radius:4px;
}
ul a{
  display:block;
  width:100%;
  height:100%;
  text-decoration:none;
  color:currentColor;
}

ul img{
  background-color:#FE53B3;
  border-radius:4px;
}

ul.items{
  width:304px;
  padding:3px 2px;
}
ul.items:after{
  display:block;
  content:"";
  clear:both;
}

ul.items li{
  width:72px;
  height:72px;
  margin:2px;
  background-color:#FE53B3;
  border-radius:4px;
  color:#FFFFFF;
  float:left;
}
ul.items li img{
  width:72px;
  height:72px;
}

ul.select{
  width:308px;
  padding:4px 0;
  margin:auto;
}
ul.select.ok{
  width:152px;
}
ul.select:after{
  display:block;
  content:"";
  clear:both;
}

ul.select li{
  width:148px;
  height:40px;
  line-height:40px;
  margin:2px;
  background-color:#FE53B3;
  border-radius:4px;
  color:#FFFFFF;
  float:left;
}

ul.list{
  width:100%;
}
ul.list:after{
  display:block;
  content:"";
  clear:both;
}

ul.list li{
  height:78px;
  border-top:2px solid #FE53B3;
  text-align:left;
  clear:both;
}
ul.list li:first-child{
  border-top:2px solid transparent;
}
ul.list li a{
  margin:6px;
}
ul.list li img{
  width:64px;
  height:64px;
  margin-right:8px;
  float:left;
}