﻿.mar{margin:3px 6px 3px 0px}
.mar_nrl{margin:3px 0 3px 0px}
.mar_b{margin-bottom:5px;}

#shop_skin_index{width:100%; overflow:hidden; margin:0 auto;}
#shop_skin_index .img img{width:100%; height:auto;}
#shop_skin_index .shop_skin_index_list{overflow:hidden; position:relative; z-index:1;}
#shop_skin_index .banner{width:100%; height:160px; margin-top:4px;}
#shop_skin_index .banner *{width:100%; height:100%;}

#shop_skin_index .header{width:100%; height:50px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; overflow:hidden; position:relative; background:#f3f3e9;}
#shop_skin_index .header .logo{width:130px; height:50px; overflow:hidden; position:absolute; left:0; top:0;}
#shop_skin_index .header .search{height:30px; border-radius:5px; border:1px solid #d7d7d6; overflow:hidden; background:#ffffff; position:relative; margin:8px 5px 0 0; width:58%; float:right}
#shop_skin_index .header .search .input{width:90%; height:18px; line-height:18px; padding:0 8px 0 8px; box-sizing:border-box; margin:6px 0; border:none;}
#shop_skin_index .header .search .submit{width:40px; height:30px; overflow:hidden; position:absolute; top:0px; right:0px; background:url(../../../images/shop/009/search_btn.jpg) center center no-repeat #e7e7e7; background-size:16px 16px; cursor:pointer; border-top-right-radius:5px; border-bottom-right-radius:5px;}

#shop_skin_index .menu{height:80px; border-top:1px solid #d1d1c9; border-bottom:2px solid #dedbd2; background:#fcfbf9; overflow:hidden;}
#shop_skin_index .menu li{width:25%; *width:24%; height:80px; overflow:hidden; float:left; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; border-left:1px solid #e2e1df;}
#shop_skin_index .menu li a{display:block; width:100%; height:80px; line-height:135px; overflow:hidden; text-align:center;}
#shop_skin_index .menu li:nth-child(1){background:url(../../../images/shop/009/c0.jpg) center 12px no-repeat; background-size:38px 38px; border:0;} 
#shop_skin_index .menu li:nth-child(2){background:url(../../../images/shop/009/c1.jpg) center 12px no-repeat; background-size:38px 38px;}
#shop_skin_index .menu li:nth-child(3){background:url(../../../images/shop/009/c2.jpg) center 12px no-repeat; background-size:38px 38px;}
#shop_skin_index .menu li:nth-child(4){background:url(../../../images/shop/009/c3.jpg) center 12px no-repeat; background-size:38px 38px;}

#shop_skin_index .box{padding-bottom:12px; background:#f0ece1; overflow:hidden;}
#shop_skin_index .box .item{width:49%; height:88px; float:left; overflow:hidden}
#shop_skin_index .box .item a{display:block; padding:4px; height:100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; overflow:hidden; text-decoration:none; background:#FFF;}
#shop_skin_index .box .item .rbar{float:left; width:46%; margin-left:5px;}
#shop_skin_index .box .item .img{width:70px; height:70px; overflow:hidden; float:left;}
#shop_skin_index .box .item .img img{width:auto; height:auto; max-width:100%; max-height:100%;}
#shop_skin_index .box .item strong{display:block; width:100%; max-height:54px; line-height:18px; overflow:hidden; font-weight:lighter;}
#shop_skin_index .box .item span{display:block; padding-top:5px; color:#FF6600;}
#shop_skin_index .box .item span.roePrice {color:#808080;}

.special_box .sb_lbar,.special_box .sb_rbar{width:49%; float:left;}
.special_box .sb_lbar{margin:3px 6px 0px 0px}
.special_box .sb_rbar{margin:3px 0px 0px 0px}
#shop_skin_index .box .special_box .sb_rbar .item{width:100%; height:85px;}

