@charset "utf-8";
img{ width: 100%; display:block; }
.clear:after,.style_list li:after,.style_list li p a{ content:''; display:block; clear: both; }
.style_list li p i,.style_list li a span:after{ background: url(../images/buystyle_ico.png) no-repeat; background-size:50px;  }
.stitle{text-align: center;  padding:20px 0;}
.stitle h2{ font-size: 18px; font-weight: bold; padding-bottom:10px; }
.stitle p{ font-size: 14px; }
.style_list{ margin: 0 8%; }
.style_list li{ position: relative; background: #f8f8f8; padding:10px; margin-bottom:15px; }
.style_list li p{ float: left; }
.style_list li p span{ display:block; }
.style_list li p i{ display: block; width: 26px; height: 26px; margin:5px auto; background-position:-27px 0; }
.style_list li p:nth-child(1){ position: relative; text-align: center; font-size: 12px; width: 30%; margin-left:10%; }
.style_list li p:nth-child(2){ padding-left:6%; width: 54%; line-height: 22px; }
.style_list li p:nth-child(1):after{ position: absolute; content: ""; display: block; right:0; top:20%; width: 1px; height: 30px; background: #fff; }
.style_list li p a{float:left; padding:0px 20px; margin-top:10px; height: 30px; line-height: 30px; text-align: center; color: #fff; background: #5d5757; border-radius:5px; }
.style_list li p a span{ position: relative; }
.style_list li a span:after{ content: ''; position: absolute; top: 10px; right: -11px; width: 10px; height:10px; background-position: 5px -173px; }
.style_list li .num{ position: absolute; left:-28%; top:0px; font-size: 18px; }
.style_list li:nth-child(2) p i{ background-position:0 0;  }
.style_list li:nth-child(3) p i{ background-position:0 -45px;  }
.style_list li:nth-child(4) p i{ background-position:2px -93px;  }
.style_list li:nth-child(5) p i{ background-position:0 -141px;  }
.style_list .back{ text-align: center; padding:10px 0 20px; }
.style_list .back a{ text-decoration: underline; color: #424242; }