@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;padding:0;}
.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;line-height:16px;padding: 3px 6px;font-size:12px;color: #999999;border-radius:2px;margin-right:10px;border: 1px solid #EDEDED;}
.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 #F9DDD0;margin:12px 0}
.productBox .detailBox .row{padding:3px 0 3px 80px;line-height:24px;position:relative;}
.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:#333333;margin-left: 15px}
.productBox .detailBox .row>em.ser{color:#93979F;display:inline-block;margin-right:20px;}
.productBox .detailBox .row>em.ser:before{width:20px;height:20px;margin-right:5px;background-position:-60px 0;vertical-align:text-top;}
.productBox .detailBox .price{height:24px}
.productBox .detailBox .price .rmb{font-weight:bold;}
.productBox .detailBox .price .icon{display:inline-block;font-size:0;height:24px;line-height:24px;vertical-align:text-top;}
.productBox .detailBox .price .icon:before{width:80px;height:24px;}
.productBox .detailBox .price .icon.i0:before{background-position:-295px -140px}
.productBox .detailBox .price .icon.i1:before{background-position:-295px -140px}
.productBox .detailBox .price .icon.i2:before{background-position:-295px -174px}
.productBox .detailBox .price .icon.i3:before{background-position:-295px -208px}
.productBox .detailBox .price .icon.i4:before{background-position:-295px -242px}
.productBox .detailBox .price .icon.i5:before{background-position:-295px -276px}
.productBox .detailBox .priceTag {position:absolute;top:0;left:88px;}
.productBox .detailBox .number{display:inline-block;width:96px;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;font-style:normal;line-height:20px;vertical-align:top;cursor:pointer}
.productBox .detailBox .number input{width:48px;border:none;line-height:22px;font-size:14px;vertical-align:top;text-align:center;color:#E15616;}
.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{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:#fff;cursor:pointer;border-radius:2px;font-size:16px;color:#E15616;margin:0 10px}
.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{padding:10px;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;background:#FFF;}
#productRecommend li .item a{display:block;width:100%;height:100%;color:#93979F}
#productRecommend li .item a:hover{color:#E15616}
#productRecommend li .item a:hover img{border: solid 1px #e15616;}
#productRecommend li .item img{display:block;width:153px;height:153px;border:solid 1px #e2e7ef;}
#productRecommend li .item span{max-height:44px;padding-top:4px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
#productRecommend .swiper-wrapper{height:205px;overflow:hidden;background:url(/img/base/placeholder.png) repeat-x center;background-size:166px;}
#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:#333333}
.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;margin-right: 30px; position: relative}

.wrap>.rgt{float:right;width:284px}
.wrap>.rgt .hd{height:40px;line-height:40px;padding:0 16px;font-size:18px;color:#fff;font-weight:bold;background:rgba(255,156,71,1)}
.shopBox{margin-bottom:16px;background:#FFF}
.shopBox .bd{padding:15px}
.shopBox .bd .name{line-height:20px;padding: 10px 0;font-weight:bold;color:#4A4F58;font-size:14px;border-bottom:1px solid #F7F7F7;position: relative}
.shopBox .bd .tit{line-height:30px;font-weight:bold;color:#4A4F58;font-size:14px}
.shopBox .bd .con{line-height:20px;color:#666;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:#fff;margin-top:12px;background: rgba(225,86,22,1)}
.wrap>.rgt .contact{background:#FFF}
.wrap>.rgt .contact .bd{padding:15px;line-height:24px;font-size:12px;color:#4A4F58;margin-bottom: 12px}
.wrap>.rgt .contact .bd div:nth-child(1){font-weight: bold;font-size: 14px;}
.wrap>.rgt .contact .bd div{margin-bottom: 12px}

.row img{width: 12px;height: 12px;display: inline-block;margin: -3px 5px}
.row .fuwu{margin-right: 15px}
    input[type="number"]{
    -moz-appearance: none;
    -webkit-appearance: none;
    }
    input::-webkit-outer-spin-button,
    input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    }
a.member-detail{
     cursor: pointer;
    margin-top: 5px;
    color: #fff;
    font-size: 14px;
    width: 153px;
    height: 36px;
    background: #E15616;
    text-align: center;
    line-height: 36px;
    border-radius: 2px;
    float: left;
}
.Boxtext{
    text-align: left;
    line-height: 25px;
    color: #333333;
    padding-bottom: 5px;
}
.item-tips{
    width: 312px;
    height: auto;
    padding: 12px;
    border: 1px solid rgba(225,86,22,0.30196078431372547);
    background: #ffffff;
    position: absolute;
    top: 28px;
    left: 93px;
}
.tip-tr{
    width: 100%;
    height: 42px;
    border-bottom: 1px solid rgba(225,86,22,0.30196078431372547);
}
.tips-content{
    width: 294px;
    height: auto;
    border: 1px solid rgba(225,86,22,0.30196078431372547);
    border-radius: 5px;
    margin: auto;
}
.tip-td{
    width: 146px;
    height: 100%;
    float: left;
    line-height: 42px;
    font-size: 14px;
    color: #E15616;
    text-align: center;
}
.tip-tr:last-child{
    border-bottom: none;
}
.tip-td:nth-child(1){
    border-right: 1px solid rgba(225,86,22,0.30196078431372547);
}
a.upgrade{
    width: 154px;
    height: 36px;
    background: #F94B4B;
    opacity: 1;
    border-radius: 2px;
    display: inline-block;
    text-align: center;
    line-height: 36px;
    color: #FFFFFF;
}
.activepro{
    width: 312px;
    overflow: hidden;
    cursor: pointer;
}
.activeimg{
    width: 68px;
    height: 68px;
    float: left;
    line-height: 68px
}
.activeimg img{
    width: 100%;
    height: 100%
}
.activeright{
    float: right;
    width: 230px
}
.activeright p{
        text-align: left;
    line-height: 20px;
    font-size: 12px
}
.loginWithParam{
    color: rgb(225, 86, 22);
    width: 100%;
    text-align: left
}
.vip-tips{
    width: 114px;
    height: 30px;
    background-color: #666;
    border-radius: 2px;
    line-height: 30px;
    font-size: 12px;
    color: #FFF;
    text-align: center;
    position: absolute;
    top: -29px;
    left: 81%;
    display: inline-block;
     opacity: 0;
    transition: all 1s;
    z-index: 999
}
.vip-tips:before {
    content: "";
    width: 10px;
    height: 10px;
    background: #666;
    position: absolute;
    bottom: -3px;
    left: 17px;
    transform: rotate(45deg);
}
.icon.shop:hover .vip-tips{
     opacity: 1;
}
.row .pricedeail{
    font-weight: bold;
}
.original-price{
    text-decoration:line-through;
}
.modalForm{
    opacity: 0
}
.show{
    opacity: 1;
}
.modal-back{
    display: block;
}
.activityBox{
left: 93px;
}
.commtext{
    width: 700px;
    height: 40px;
    background-color: #ffffff;
    border-radius: 2px;
    border: solid 1px #b8bfca;
    padding-left: 15px;
    font-size: 16px
}
.pingjia{
    margin-top: 25px;
    text-align: left;
}
.pingjia button{
    width: 128px;
	height: 40px;
	background-color: #4a4f58;
	box-shadow: 0px 3px 6px 0px
		rgba(147, 151, 159, 0.17);
	border-radius: 2px;
	color: #ffe6dc;
}
.comment-right{
    float: right;
    color: #93979f
}
