hr{border:none;height:10px;width:100%;background:url(../../front/images/section-border.png) repeat-x;margin:15px 0}
.font{font-family:Merriweather}
h1{font-size:30px;color:#ff9d49}
.main-lf{float:left;width:220px;padding-top:20px}
.main-lf li{width:100%;height:35px;line-height:35px;cursor:pointer}
.main-lf li a{display:block;width:100%;height:100%;padding-left:10px;color:#999}
.main-lf li a:hover,.main-lf li.current a{color:#ff9d49}
.main-lf li a img{vertical-align:middle;width:20px;height:20px;}
.main-lf li a span{padding-left:15px;vertical-align:middle}
.main-rt{margin-left:250px}
.top-groups{margin-bottom:20px}
.top-groups li{padding-bottom:5px;position:relative}
.top-groups li a{display:block;line-height:26px;padding:10px 0 10px 50px}
.top-groups li a i{position:absolute;top:6px;left:0;width:40px;height:40px;overflow:hidden;vertical-align:middle;background:url(../../front/images/quanity.png) 0 -122px no-repeat}
.top-groups li a span{vertical-align:middle;color:#999;font-size:18px;font-weight:400}
.top-groups li a:hover span{color:#ff9d49}
.bottom-groups li{padding:20px 0 30px;position:relative}
.bottom-groups li:before{position:absolute;top:0;content:'';display:block;width:100%;height:10px;background:url(../../front/images/section-border.png) repeat-x}
.bottom-groups li .name{font-size:18px;font-weight:400;line-height:30px;margin-bottom:10px}
.bottom-groups .detail-box{color:#666 !important;font-family:'Helvetica Neue' !important;line-height:20px;}
.bottom-groups .detail-box p{color:#666 !important;font-family:'Helvetica Neue' !important;}
@media (max-width:767px){.main-lf{float:none;width:100%}
.main-lf li{float:left;width:49%}
.main-lf li:nth-child(2n+1){margin-right:2%}
.main-rt{margin-left:0;margin-top:30px;padding-top:20px;position:relative}
.main-rt:before{position:absolute;top:0;content:'';display:block;width:100%;height:10px;background:url(../../front/images/section-border.png) repeat-x}
}