.floor { width:320px; height:500px; overflow:hidden; position:absolute; left:50%; top:50%; margin:-250px 0 0 -160px; }


.floor-1 {  }
.floor-1 .img-1 { width:100%; position:relative; top:20px; }


.floor-2 {  }
.floor-2 h2 { font-size:20px; padding:20px 0 20px; font-weight:400; text-align:center;  }
.floor-2 .list { width:100%; }
.floor-2 .list dd { float:left; width:30.66666%; margin:0 0 2% 2%; text-align:center; }
.floor-2 .list i { display:block; width:64px; height:64px; padding:5px; border-radius:50%; border:2px solid #ee4d53; background:#FFF; margin:0 auto; }
.floor-2 .list i:before { content:''; width:50px; height:50px; background:url(../../images/shop/ico.png) 0 0 no-repeat; display:block; }
.floor-2 .list h3 { font-weight:400; font-size:14px; line-height:2; }
.floor-2 .list i.icon-1:before { background-position:0 0; background-size:100px; }
.floor-2 .list i.icon-2:before { background-position:0 -50px; background-size:100px; }
.floor-2 .list i.icon-3:before { background-position:0 -100px; background-size:100px; }
.floor-2 .list i.icon-4:before { background-position:0 -150px; background-size:100px; }
.floor-2 .list i.icon-5:before { background-position:0 -200px; background-size:100px; }
.floor-2 .list i.icon-6:before { background-position:0 -250px; background-size:100px; }
.floor-2 .list i.icon-7:before { background-position:0 -300px; background-size:100px; }
.floor-2 .list i.icon-8:before { background-position:0 -350px; background-size:100px; }
.floor-2 .list i.icon-9:before { background-position:0 -400px; background-size:100px; }
.floor-2 .list i.icon-10:before { background-position:0 -450px; background-size:100px; }
.floor-2 .list i.icon-11:before { background-position:0 -500px; background-size:100px; }


.floor-3 {  }
.floor-3 h2 { font-size:20px; padding:20px 0 20px; font-weight:400; text-align:center;  }
.floor-3 .tab { width:300px; margin:0 auto 20px; }
.floor-3 .tab li { height:35px; line-height:31px; text-align:center; width:140px; border:2px solid #e24a49; color:#e24a49; float:right; border-radius:35px; font-size:10px; }
.floor-3 .tab li:first-child { float:left; }
.floor-3 .tab li.current { background:#e24a49; color:#FFF; }
.floor-3 .main {}
.floor-3 .rows { display:none; }
.floor-3 .rows:first-child { display:block; }
.floor-3 .rows dt {  }
.floor-3 .rows img { display:block; width:200px; margin:0 auto 20px; border:2px solid #fff; }
.floor-3 .rows dd { line-height:14px; margin:0 20px; padding:3px 0 3px 25px; position:relative; margin-bottom:5px; }
.floor-3 .rows dd span { position:absolute; left:0; top:0; width:20px; height:20px; line-height:18px; text-align:center; border-radius:50%; background:none; border:1px solid #ff3b6d; color:#ff3b6d; }


.floor-4 { }
.floor-4 h2 { font-size:20px; padding:20px 0 20px; font-weight:400; text-align:center;  }
.floor-4 .des { margin:0 30px; height:40px; line-height:40px; background:#e6221a; color:#FFF; border-radius:40px; font-size:16px; text-align:center; margin-bottom:20px; }
.floor-4 .table { background:#FFF; margin:0 20px; border-left:1px solid #ddd; border-top:1px solid #ddd; }
.floor-4 .table .cell { width:100%; display:table; }
.floor-4 .table .cell li { display:table-cell; margin:-1px 0 0 -1px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:8px 5px; width:33.333333%; }


.floor-5 { }
.floor-5 h2 { font-size:24px; font-weight:400; text-align:center; line-height:1.1; padding-top:20px; margin-bottom:20px; }
.floor-5 .list { margin-bottom:10px; }
.floor-5 .list dd { float:left; width:44%; margin:0 0 0 4%; }
.floor-5 .list figure { width:100%; padding:0 0 62%; position:relative; overflow:hidden; }
.floor-5 .list img { position:absolute; width:100%; height:auto; }
.floor-5 .list h3 { height:30px; line-height:30px; font-size:13px; font-weight:400; }
.floor-5 .more { margin:0 10%; height:40px; line-height:40px; text-align:center; background:#e24949; border-radius:40px; font-size:16px; }
.floor-5 .more a { color:#FFF; }
.floor-5 .more:active { background:#cb1919; }