body {margin:0px; background:#fff !important; font-family:'微软雅黑'; -moz-appearance:none; -webkit-appearance: none;}
ul,li {padding:0px; margin:0px;}
.good_topbar { width:100%;position:fixed; top:0px; height:40px;z-index: 8;line-height:35px;}
.good_topbar .left { float:left; width:30px;height:30px;margin-left:10px;margin-top:5px;}
.good_topbar .right { float:right; width:80px;height:30px;margin-left:10px;margin-top:5px;}

.good_topbar .btn { background:rgba(237,237,237,0.5); width:30px;height:30px;margin-left:5px;border-radius:30px;float:left;background:#efefef;color:#333;line-height:30px;text-align:center; }
.good_img_wrp{float: left;}
.good_share{    margin-top: 20px;font-size: 0;}
.good_share a{font-size: 14px;color: #666;padding: 0 20px;border-right: 1px solid #ddd;}
.good_share a:hover{color: #f15353;}
.good_share a:last-child{border-right: none;}
.good_share a i{margin-right: 6px;font-size: 18px; padding: 0 !important;}
.good_img {height:300px; width:100%; background:#ccc;float: none;}
.good_img img {height:100%; width:100%;}
.good_info1 {height:auto; width:100%; width:560px !important; padding-left:30px;/* border-bottom:1px solid #e2e2e2;*/}
.good_info1 .info1 {width:100%;height: auto;padding-top: 0px; border-bottom:1px dashed #999; padding-bottom:10px;}
.good_info1 .info1 .name {font-size:18px; color:#333; float: none;}
.fx_sub1 {height:40px; float:left;  width:150px; background:#ff6500; border-radius:4px; color:#fff; text-align:center;  line-height:40px;cursor: pointer;}
.fx_sub1 i {margin-right: 5px;color: #ffffff;font-size: 16px;}
.fx_num { float:left; margin-top:10px; line-height:38px;}
.fx_num em { color:#ec0405;}
.good_info1 .info2  {height:38px; width:100%; border-bottom:1px dashed #f3f3f3; padding:11px 0px;color:#666;}
.good_info1 .price {background-color: #F3F3F3;padding: 10px;background-color: #F3F3F3;margin-top: 10px; width:100%;  font-size:18px; color:#ff6500; }
.good_info1 .price span {font-size:12px; color:#999;}
.good_info1 .other { /*height:34px; */width:100%;  line-height:34px; font-size:14px; color:#999;margin-top: 10px;}
.good_info1 .other .left { float:left; text-align:right;}
.good_info1 .other .right { float:right; text-align:right;}
.good_info1 .other1 { border-top:1px dashed #f3f3f3; width:100%;  font-size:14px; color:#999; height:auto; overflow:hidden;line-height:22px;padding:2px 0}
.good_info1 .other1 .left { float:left; text-align:left; width:80px;}
.good_info1 .other1 .right { float:right; text-align:left; margin-left:-80px; width:100%;}
.good_info1 .other1 .right .inner { margin-left:80px;}

.good_speci_wrp{margin-bottom: 10px;}
.good_speci {height:40px; width:100%; overflow: hidden; background:#f15353; padding:0px 10px; border-bottom:1px solid #ddd;  line-height:40px; color:#fff; font-size:14px;}

.good_shop {height:118px; width:100%; padding:0 8px; background:#fff; padding:0px 1%; margin-top:-1px; margin-bottom:10px; border:1px solid #ededed;}
.good_shop .shop1 {height:70px; width:100%; padding:10px 8px; }
.good_shop .shop1 img {height:50px; width:50px; margin-right:10px; float:left;}
.good_shop .shop1 .shop_info {
	    height: 50px;
    width: 148px;
    float: left;
    font-size: 16px;
    color: #333;
    line-height: 25px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.good_shop .shop1 .shop_info span {font-size:14px; color:#666;}
.good_shop .shop2 {height:59px; width:100%;  padding:0 8px;}
.good_shop .shop2 .sub1 {height:37px; width:49%; float:left; border:1px solid #e2e2e2; border-radius:3px; text-align:center; line-height:37px; font-size:16px; color:#999;cursor: pointer;}
.good_shop .shop2 .sub2 {height:37px; width:49%; float:right; border:1px solid #e2e2e2; border-radius:3px; text-align:center; line-height:37px; font-size:16px; color:#999;cursor: pointer;}

.good_info2 {height:auto; width:100%;  }
.good_info2 .menu {height:40px; width:100%;}
.good_info2 .menu .nav {height:40px; width:25%;  float:left; font-size:14px; color:#666; text-align:center; line-height:40px;cursor: pointer;border-top: 2px solid #f5f5f5; border-left: 1px solid #f5f5f5;}
.good_info2 .menu .nav:first-child{border-left: none;}
.good_info2 .menu .navon {color: #f15353 !important;height: 40px;line-height: 40px;border-top: 2px solid #f15353 !important;}
.good_info2 .tab_con {height:auto; width:100%; overflow: hidden;padding: 0;}
.good_info2 .tab_con .con {height:auto; display:none;color:#333;word-break:break-all;padding: 20px;}
.good_info2 .tab_con .con .param { width:50%; float:left; padding:10px; border-bottom:1px solid #ccc}
.good_info2 .tab_con #con_1 img { width:100%;outline-width:0px;  vertical-align:top; display:block}
.tab_con p{ margin:0 }

.good_bottom { width:100%;/* background:#ff6801;  bottom:0px; left:0px;*/margin-top: 10px;padding-left: 75px;}
.good_bottom span {font-size:14px; line-height:10px;color: #888}
.good_bottom .buy {
    height: 40px;
    width: 150px;
    background: #f15353 !important;
    float: left;
    font-size: 16px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    cursor: pointer;
    border-radius: 4px;
     margin: 0;
}
.good_bottom .add {
    height: 40px;
    width: 150px;
    background: #ff8f22 !important;
    float: left;
    font-size: 16px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    margin: 0;
    margin-right: 10px;
    cursor: pointer;
    border-radius: 4px;
}
.good_bottom .add .fa{
    font-size: 18px;
    margin-right: 6px;
}
.good_bottom .cart {height:42px; width:15%; background:#fdfdfd; float:left; padding-top:7px; border-top:1px solid #e1e1e1; text-align:center; font-size:20px; color:#666;line-height:10px; position:relative;}
.good_bottom .cs{height:40px; width:50px; background:#fdfdfd; float:left; padding-top:0; border-top:1px solid #e1e1e1; text-align:center; cursor: pointer;font-size:20px; color:#666;line-height:10px; position:relative;    border-right: 1px solid hsl(0, 0%, 88%);}
.good_bottom .cart b {height:16px; width:16px; background:#f30; border-radius:8px; position:absolute; top:2px; right:5px; font-size:12px; color:#fff; line-height:16px; font-weight:100;}
.good_bottom .like {
    height: 40px !important;
    width: 14%;
    background: #fdfdfd;
    float: left;
    padding-top: 0;
    border-top: 1px solid #e1e1e1;
    border-right: 1px solid #e1e1e1;
    text-align: center;
    font-size: 20px;
    color: #666;
    line-height: 10px;
    cursor: pointer;
}

.good_copyright {font-size:14px; line-height:14px; padding:10px 0px; text-align:center; color:#aaa; padding-bottom:60px;}

/**以下是图片轮播代码**/
.good_img{overflow:hidden;position:relative;width:100%; margin:0 !important;}
.main_image{width:100%;position:relative;top:0;left:0;width:100%;}
.main_image ul{;position:absolute;top:0;left:0;width:100%;}
.main_image li{float:left;width:100%;}
.main_image li .img{width:100%;}
.main_image li a{display:block;width:100%;}
 
div.flicking_con{position:absolute;bottom:9px;z-index:1;width:100%;height:12px;}
div.flicking_con .inner { width:100%;height:9px;text-align:center;}
div.flicking_con a{position:relative; width:9px;height:9px;background:url('/addons/vslai_shop/template/mobile/default/static/images/dot.png') 0 0 no-repeat;display:inline-block;text-indent:-1000px}
div.flicking_con a.on{background-position:0 -9px}
 
.comment {border-bottom: 1px solid #e6e6e6;overflow:hidden;position: relative;padding-left: 80px;}
.comment .info { padding:0 5px;height:30px;width:100%;}
/*.comment .info .head-img { float:left; width:30px;height:30px;padding: 0}
.comment .info .head-img img { width:100%;height:100%; }*/
/*.comment .info .nickname {width:100%;height:30px;line-height:30px;overflow:hidden;text-align: center;}
*/.comment .info .nickname .inner { margin-left:35px;margin-right:100px;overflow:hidden; }
.comment .info .level { width:82px;float:left;text-align:right;height:30px;line-height:30px;color:#ff6600}
.comment .info .level i {width:13px;}
.pj-imgpos{ position: absolute;;left: 0;top: 0;width: 80px}
.pj-imgpos .head-img{ width: 40px;height: 40px;border-radius: 50px;margin: 10px 20px}
.pj-imgpos .head-img img{ width: 40px;height: 40px;border-radius: 50px}
.pj-imgpos .nickname{width:100%;height:auto;overflow:hidden;}

.comment .content { overflow:hidden;color:#555;font-size:14px;padding:5px;}
.comment .time { padding:5px; color:#999;font-size:12px;padding-left:5px;}
.comment .imgs { overflow:hidden;padding-top:5px;padding-left:5px;}
.comment .imgs img { padding:1px;border:1px solid #ccc;float:left;margin-right:5px;}
#comment_loading { width:100%;padding:10px;color:#666;text-align: center;} 
#recommand_container  {height:auto; width:100%; background:#fff; overflow:hidden;float:left;} 
#recommand_container .good {height:auto; width:260px; padding:10px; float:left;box-sizing: border-box;}
#recommand_container .good img {height:260px; width:100%;}
#recommand_container .good .name {height:20px; width:100%; font-size:14px; line-height:20px; color:#666; overflow:hidden;}
#recommand_container .good .price {height:20px; width:100%; color:#f03; font-size:14px;    text-align: left;}
#recommand_container .good .price span {color:#aaa; font-size:12px; text-decoration:line-through;float: right;}
    
.store {height:75px;  background:#fff; padding:5px; border-bottom:1px solid #eaeaea;}
.store .info .ico { float:left;  height:50px; width:30px; line-height:30px; font-size:16px; text-align:center; color:#666}
.store .info .info1 {height:54px; width:100%; float:left;margin-left:-30px;margin-right:-60px;}
.store .info .info1 .inner { margin-left:30px;margin-right:60px;overflow:hidden;}
.store .info .info1 .inner .user {height:25px; width:100%; font-size:14px; color:#333; line-height:25px;overflow:hidden;}
.store .info .info1 .inner .tel {height:20px; width:100%; font-size:13px; color:#999; line-height:20px;overflow:hidden;}
.store .info .info1 .inner .address {height:20px; width:100%; font-size:13px; color:#999; line-height:20px;overflow:hidden;}
.store .info .ico2 {height:50px; width:30px;padding-top:15px; float:right; font-size:24px; text-align:center; color:#ccc;}
.store .info .ico3 {height:50px; width:30px;padding-top:15px; float:right; font-size:24px; text-align:center; color:#ccc;} 
.store_more {height:auto;  background:#fff; font-size:14px; color:#999; line-height:20px; padding:5px; border-bottom:1px solid #eaeaea; text-align: center;}

.timestate span {color:#ff6600;font-size:16px; font-weight:bold;}

.sort_list {height:90px; width:90px;padding:5px; background:rgba(64,69,72,0.9); border-radius:5px; display:none; position:absolute; top:40px; right:5%; z-index:999}
.sort_list .nav {height:30px; padding:0px 10px; border-bottom:1px solid #696d6f; color:#c6c7c8; line-height:30px; font-size:13px;}
.label-free {background:#ff6801;color:#fff;padding:3px;border-radius: 5px; font-size:12px;}

/*增加--CSSS*/
.crumb span, .crumb a { display: inline-block; color:#666; vertical-align: middle; }
.crumb .c { white-space: nowrap; overflow: hidden; display: block;  display: inline-block; }
.crumb .divide { font-family: Simsun; margin: 0 5px; }
.detail_col { width:1200px; margin:20px auto;}
.detail_lc { width:1000px; float:left;}
.detail_rc { float:right; width:200px;}
.detail_extrc{float: right; width: 180px;}
.detail_cc {width:958px; float:left;}
.detail_lcol { width:232px; margin-right:10px; float:left;}
.goods-side-warp  {border-left:#ddd 1px solid; }
.goods-side {  width: 120px; text-align: center;margin: 0 auto; }
.goods-side-tit { position: relative; line-height: 40px; }
.goods-side-tit span { position: relative; display: inline-block; padding: 0 10px; background: #fff; color: #999; }
.goods-side-tit s { position: absolute; top: 20px; width: 100%; right: 0; height: 0; overflow: hidden; border-top: 1px dashed #999; }
.goods-side-bd { padding-bottom: 4px; }
.goods-side-slides-wrap { position: relative; height: 450px; overflow: hidden; }
.goods-side-bd ul { width: 100%;position: absolute; left: 0;top:0;transition: .5s;-webkit-transition: .5s;-ms-transition: .5s;-moz-transition: .5s; }
.goods-side-bd li { position: relative; width: 120px; height: 140px; margin: 0 auto 10px; }
.goods-side-bd .slidepic { width: 120px; height: 120px; background: #fff; position: relative; }
.goods-side-bd .slidepic img { max-width: 100%; max-height: 100%; margin: auto; position: absolute; left: 0; right: 0; top: 0; bottom: 0; }
.goods-side-bd .slideprice { position: relative; width:120px; margin-top: -20px; height: 20px; text-align: center; overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; font-family: Arial; font-size: 12px; line-height: 20px; color: #000; background: #fff; opacity: 0.8; filter: alpha(opacity=80);  }
.goods-side-bd .slideprice span { padding-left: 4px; }
.goods-side-bd .slidename { height: 20px; text-align: center; overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; font-size: 12px; line-height: 24px; }
.goods-side-slides-nav { margin: auto; font-size: 0; }
.goods-side-slides-nav .prev, .goods-side-slides-nav .next { width: 50%; height: 25px; display: inline-block; *display: inline; *zoom: 1; background: url("/addons/vslai_shop/template/pc/default/static/images/hdside-nav.png") no-repeat ; cursor: pointer; }
.goods-side-slides-nav .next { background-position: 100% 0; }
.detailshop_hd,.detail_hd { height:40px; line-height:40px; padding:0 10px; background-color:#f15353; color:#fff; }
/*.detail_hd { height:40px; line-height:40px; padding:0 10px; background-color:#f15353; color:#fff; }*/
.hot_goods_list { border:#ededed 1px solid; margin-top:-1px; padding:8px; margin-bottom:10px;}
.hot_goods_list .item_pic img { width:100%; }
.hot_goods_list .item_price { line-height:26px;}
.hot_goods_list .item_price em { color:#ec0405; font-size:12px;}
.hot_goods_list .item_price .price { float:left;}
.hot_goods_list .item_price .sales { float:right;}
.hot_goods_list .item_title { max-height:32px; overflow:hidden; margin-bottom:10px; }
.category_warp { border:#ededed 1px solid; margin-top:-1px; margin-bottom:10px;}
.category_warp .level1 a { display:block; height:34px; line-height:34px; background-color:#f4f4f4; padding:0 12px; color:#333;}
.category_warp .level2 { padding:3px 8px 3px 12px;  }
.category_warp .level2 a { display:block; height:28px; line-height:28px; background-color:#fff; color:#666;}
.category_warp .level2 .divide { font-family: Simsun; margin: 0 5px; }
/*-------------*/
.crumb{background: #f6f6f6;}
.crumb>div{width: 1200px;margin: 0 auto;}
.good_info1 .info3{
    line-height: 24px;
    background-color: #F3F3F3;
    margin-top: 10px;
    padding: 10px;
}
.good_info1 .info3 .count{position: relative;}
.good_info1 .info3 .count .fl{
    position: absolute;
    line-height: 18px;
    color: #999;
}
.good_info1 .info3 .other{margin-top: 6px;line-height: 20px; padding-left: 65px;}
.good_info1 .price{
    line-height: 24px;
    position: relative;
    background: none;
    padding: 0;
    margin: 0;
    text-align: left;
}
.good_info1 .price .price_wrp{font-size: 13px;color: #565656;}
.good_info1 .price .price_wrp .label{font-weight: 400;font-size: 13px;margin-right: 20px;padding: 0;}
.good_info1 .price .price_wrp #marketprice{color: #f15353;font-size: 20px;font-weight: 800;}
.good_info1 .price .price_wrp #productprice{font-size: 12px;text-decoration: line-through;color: #999;}
.good_info1 .price .total_sales{position: absolute;right: 0;top: 0;}
.good_info1 .price .total_sales p{color: #999;font-size: 13px;}
.good_info1 .price .total_sales p span{color: #f15353;}

#recommand_container .goods_list{padding: 10px 0;}
#recommand_container .goods_list .goods_li{cursor: pointer;border-color: #ddd;}
.no_conmment{text-align: center;}
.no_recommend{text-align: center;padding: 20px;}
.hot_x_goods .goods_list .goods_li{border-color: #ddd;}
.good_img .imgDir{position: absolute;top: 50%;margin-top:-25px;display: block;width: 38px;height: 50px;background: rgba(0,0,0,0.2);font-size: 20px;color: #fff;text-align: center;line-height: 50px;}
.good_img .imgDir.prev{left: 0;}
.good_img .imgDir.next{right: 0;}
.good_img .imgDir:hover{background: rgba(0,0,0,.5);}