@charset "utf-8";
/**
 * PC端
 */
li{list-style:none;}
.productBox{width:100%;margin:16px 0;background:#FFF;box-sizing:border-box;padding:15px}
.productBox .imageBox{float:left;width:452px;height:545px;position:relative}
.productBox .detailBox{float:right;width:686px}
.productBox img{width:100%;height:100%;display:block}
.productBox .bigImage{width:452px;height:452px;background:#F3F7FE}
.productBox .bigImage .mask{display:none;position:absolute;left:0;top:0;width:215px;height:215px;border:1px solid #aaa;background:rgba(255,208,22,.4);opacity:.5;filter:alpha(opacity:50);cursor:move}
.productBox .smallImage{height:79px;padding-top:14px;overflow:hidden}
.productBox .smallImage ul{width:452px}
.productBox .smallImage li{float:left;box-sizing:border-box;width:79px;height:79px;margin-left:14px;background:#F3F7FE;opacity:.5;-moz-transition:.5s;-webkit-transition:.5s;transition:.5s}
.productBox .smallImage li.on{opacity:1;border:1px solid #E15616}
.productBox .smallImage li:first-child{margin-left:0}
.productBox .zoomImage{display:none;overflow:hidden;position:absolute;right:-466px;top:0;width:452px;height:452px;border:1px solid #e4e4e4;z-index:9999;background:#FFF}
.productBox .zoomImage img{width:950px;height:950px;margin-right:10px;display:block}

.productBox .detailBox .crumbs{height:28px;line-height:28px;font-size:14px;overflow:hidden;color:#93979F}
.productBox .detailBox .crumbs a{color:#93979F}
.productBox .detailBox .crumbs a:hover{color:#E15616}
.productBox .detailBox .title{font-size:18px;font-weight:bold;line-height:24px;padding:5px 0;color:#4A4F58}
.productBox .detailBox .tags{padding:2px 0}
.productBox .detailBox .tags span{display:inline-block;height:16px;line-height:16px;padding:0 6px;font-size:12px;color:#FFF;background:#86B2FF;border-radius:2px;margin-right:10px}
.productBox .detailBox .detail{box-sizing:border-box;padding:14px 20px;font-size:14px;color:#93979F;background:#F3F7FE;border-radius:2px;margin:10px 0;position:relative;}
.productBox .detailBox .detail hr{border:none;border-top:1px dashed #BEC2C9;margin:12px 0}
.productBox .detailBox .row{position:relative;padding:3px 0 3px 80px;line-height:24px}
.productBox .detailBox .row .l{display:inline-block;min-width:60px;height:24px;text-align:justify;vertical-align:top;margin-left:-80px;}
.productBox .detailBox .row .l:after{content:'';display:inline-block;width:100%}
.productBox .detailBox .row>i{font-style:normal;}
.productBox .detailBox .row em{font-style:normal;color:#4A4F58}
.productBox .detailBox .row em.ser{color:#93979F;display:inline-block;margin-right:20px}
.productBox .detailBox .row em.ser:before{content:'\2713';display:inline-block;width:12px;height:12px;text-align:center;line-height:12px;font-size:12px;background:#E15616;border-radius:6px;color:#FFF;margin-right:5px}
.productBox .detailBox .price{height:24px}
.productBox .detailBox .price .icon{display:inline-block;font-size:0;width:24px;height:24px;line-height:24px;position:relative;vertical-align:top}
.productBox .detailBox .price .icon.on{position:absolute;left:0;top:0;margin:0}
.productBox .detailBox .price .icon:before{width:24px;height:24px;background-position:-146px -251px}
.productBox .detailBox .price .icon.on:before{background-position:-116px -251px}
.productBox .detailBox .number{display:inline-block;width:130px;line-height:24px;height:24px;box-sizing:border-box;border:1px solid #FFE6DC;border-radius:2px;font-size:0;white-space:nowrap;text-align:center;overflow:hidden;vertical-align:top;}
.productBox .detailBox .number>em{display:inline-block;width:24px;height:22px;background:#FFE6DC;font-size:20px;line-height:20px;vertical-align:top;cursor:pointer}
.productBox .detailBox .number input{width:80px;border:none;line-height:22px;font-size:14px;vertical-align:top;text-align:center;color:#E15616;}

.productBox .detailBox .detail .flag{position:absolute;right:0;top:0;font-size:0}
.productBox .detailBox .detail .flag:before{display:inline-block;width:115px;height:115px;background-position:0 -453px}
.productBox .detailBox .detail .btn{position:absolute;right:20px;top:20px;height:32px;line-height:32px;padding:0 16px;background:#F94B4B;font-size:14px;color:#FFF;border-radius:2px}
.productBox .detailBox .detail .row .btn{top:6px;right:0}
.productBox .detailBox .btnBox{text-align:center;padding:15px 0}
.productBox .detailBox .btnBox .cart,.productBox .detailBox .btnBox .buy{display:inline-block;width:160px;height:40px;line-height:40px;text-align:center;border:1px solid #E15616;background:#FFE6DC;cursor:pointer;border-radius:2px;font-size:16px;color:#E15616;margin:0 15px}
.productBox .detailBox .btnBox .cart:before{display:inline-block;width:20px;height:20px;vertical-align:middle;background-position:-30px -1px;margin-right:2px}
.productBox .detailBox .btnBox .buy{background:#E15616;color:#FFF}
.productBox .detailBox .detail .btn:hover,.productBox .detailBox .btnBox .cart:hover,.productBox .detailBox .btnBox .buy:hover{opacity:.8}
.productBox .detailBox .concatBox{height:120px;padding:15px}
.productBox .detailBox .concatBox img{height:120px;width:auto}

.recommendBox{margin-bottom:16px;overflow: hidden;}
.recommendBox .hd{font-size:16px;color:#4A4F58;font-weight:bold;padding:16px 32px}
#productRecommend{width:100%;min-height:205px;padding:15px 7px;background:#FFF}
#productRecommend li{float:left;width:167px;height:205px;overflow:hidden;}
#productRecommend li .item{width:153px;height:205px;margin:0 auto;line-height:22px}
#productRecommend li .item a{display:block;width:100%;height:100%;color:#93979F}
#productRecommend li .item a:hover{color:#E15616}
#productRecommend li .item img{display:block;width:153px;height:153px}
#productRecommend li .item span{max-height:44px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
#productRecommend .swiper-wrapper{height:205px;}
#productRecommend .swiper-pagination{width:100%;height:14px;z-index:1;text-align:center;font-size:0;}
#productRecommend .swiper-pagination span{display:inline-block;width:14px;height:4px;border:5px solid transparent;cursor:pointer;opacity:.2;}
#productRecommend .swiper-pagination span:before{content:"";display:inline-block;width:100%;height:4px;background:#E15616;border-radius:2px}
#productRecommend .swiper-pagination span.on{width:28px;opacity:1;}

.wrap>.productInfo{float:left;box-sizing:border-box;padding:0 16px;width:884px;background:#FFF}
.productInfo .tabTit{height:40px;line-height:40px;border-bottom:1px solid #E15621;font-size:16px;color:#93979F}
.productInfo .tabTit span{display:inline-block;box-sizing:border-box;min-width:130px;text-align:center;height:100%;padding:0 32px;cursor:pointer}
.productInfo .tabTit span:hover{color:#E15621}
.productInfo .tabTit span.on,.productInfo .tabTit span.on:hover{background:#E15621;color:#FFF}
.productInfo .tabCon{padding:16px 0;text-align:center}
.productInfo .tabCon img{max-width:100%;}
.productInfo .tabCon table{width:100%;text-align:left}
.productInfo .tabCon td{padding:10px 12px;line-height:20px}
.productInfo .tabCon td:nth-of-type(1){width:20%;color:#93979F}
.productInfo .tabCon td:nth-of-type(2){width:80%;color:#4A4F58}
.productInfo .comment{color:#93979F;padding:40px 0}

.wrap>.rgt{float:right;width:284px}
.wrap>.rgt .hd{height:40px;line-height:40px;padding:0 16px;font-size:16px;color:#E15616;font-weight:bold;background:#FEF6F3}
.shopBox{margin-bottom:16px;background:#FFF}
.shopBox .bd{padding:0 16px 16px}
.shopBox .bd .name{line-height:20px;padding: 10px 0;font-weight:bold;color:#4A4F58;font-size:14px;border-bottom:1px solid #F7F7F7}
.shopBox .bd .tit{line-height:30px;font-weight:bold;color:#4A4F58;font-size:14px}
.shopBox .bd .con{line-height:20px;color:#93979F;font-size:12px;margin-bottom:12px}
.shopBox .bd .btn{display:block;width:100%;height:36px;line-height:36px;text-align:center;box-sizing:border-box;border-radius:2px;border:1px solid #E15616;font-size:14px;color:#E15616;margin-top:12px}
.wrap>.rgt .contact{background:#FFF}
.wrap>.rgt .contact .bd{padding:10px 16px 16px;line-height:24px;font-size:14px;color:#4A4F58;font-weight:bold}
