@charset "utf-8";

/* CSS Document */
body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,form,img,dl,dt,dd,table,th,td,blockquote,fieldset,div,strong,label,em{margin:0;padding:0;border:0;}
ul,ol,li{list-style:none;}
input,button{margin:0;font-size:12px;vertical-align:middle;}
body{font-size:12px;font-family:Arial, Helvetica, sans-serif;  text-align:left; margin:0 auto;}
table{border-collapse:collapse;border-spacing:0;}
b,em,i{ font-style:normal; font-weight:normal;}
h1,h2,h3,h4{ font-size:14px;}
h5{ font-size:12px;}
h6{ font-size:12px;font-style:normal;}
.fl{ float: left; display: inline;}

.box_css{ padding: 20px; background: #fff;}
.s_name{ font-size: 12px; color: #333; font-weight: bold;}
.star_ul_con{width: 100%;margin: 10px;overflow: hidden;}
.star_ul{background-image: url(../img/star.png); background-position:0 -200px; background-repeat: no-repeat; background-size: 200px 240px; width: 200px; height: 40px;margin: 0 auto; z-index: 10; position: relative; }
.star_ul li{ float: left;  margin-right:0;width: 40px; height: 40px; }
.star_ul li a{ display: block; height: 40px; position: absolute; left: 0; top: 0; text-indent: -999em;}
.star_ul li .active-star{background: url(../img/star.png) no-repeat;}
.star_ul li .one-star{width: 40px;background-position:0 -160px; z-index: 50;}
.star_ul li .two-star{width: 80px;background-position:0 -120px;z-index: 40;}
.star_ul li .three-star{width:120px; background-position:0 -80px;z-index: 30;}
.star_ul li .four-star{width:160px; background-position:0 -40px;z-index: 20;}
.star_ul li .five-star{width:200px; margin-right: 0; background-position:0 0;z-index: 10;}
.s_result{ margin-top: 10px; font-size: 16px; color: #999; text-align: center; font-weight: bold;}