body {background-color: #f9f9f9 !important;}
.bg_bbtc {background:#f9f9f9 url(../images/bg_discount_05.png) repeat !important;}
.bg_jztc {background:#f9f9f9 url(../../v1/images/bg_jztc_01.png) repeat !important;}

.swiper-slide{background-position:center center;background-repeat:no-repeat;background-size:contain}
.gallery-big{width:690px;height:690px;overflow:hidden;float:left; position:relative;}
.gallery-big .tag {position: absolute; top:0; width:96px; height: 50px; line-height: 50px;   text-align: center; left:40px; background: #ff5c03;color: #fff;font-size: 18px; font-weight:bold; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px;  }
.gallery-thumbs{width:476px;height:440px;box-sizing:border-box;overflow:hidden;margin-top:9px; position: relative; padding-top: 15px;}
.gallery-thumbs .swiper-wrapper{margin: 5px 0;}
.gallery-thumbs .swiper-slide{height:200px !important;width:200px;opacity:0.9;float:none}
.gallery-thumbs .swiper-slide-thumb-active,.gallery-thumbs .active-nav{opacity:1}


.btn-prev,.btn-next{position:absolute;right:0;width:476px;height:16px;background:url(../../v1/images/icon_06.png) no-repeat;z-index:9999; cursor: pointer}
.btn-prev{top:0}
.btn-next{bottom:0;background-position-y:-16px}
.btn-prev.swiper-button-disabled{background:none;border-bottom:1px solid #9f9f9f; cursor: default;}
.btn-next.swiper-button-disabled{background:none;border-top:1px solid #9f9f9f; cursor: default;}

.info-box{margin-top:35px;padding-bottom:25px;/* border-bottom:2px solid #dbdada; */}
.info-box .area{width:1200px;margin:0px auto}
.package-header .area{background-color: #f9f9f9; }
.package-header .head-box{/*height:60px;*/color:#101010; overflow: hidden;margin:10px 0 0;}
.package-header .head-box h1{font-weight:400;font-size:42px;line-height:56px;/*padding:0 10px 0 0;width:auto;display:initial;float:left;*/font-family:"微软雅黑"; margin-top:2px;}
.package-header .head-box h5{font-weight:400;font-size:18px;line-height:20px; height: 20px; overflow: hidden; color: #7b7b7b; margin: 15px 0;font-family:"微软雅黑"; }
.package-header .head-box h5 span{display: inline-block; height: 20px; padding:0 15px; border-left:1px solid #7b7b7b;    }
.package-header .head-box h5 span:nth-child(1){padding-left:0px; border-left:none;    }
.package-header .head-box .center-box{float:left;margin-left:10px;line-height:24px; margin-top:2px;}
.package-header .head-box .center-box h4{font-size:16px}
.package-header .head-box .center-box h3{font-size:20px;font-weight:600;margin-top:8px}
.package-header .head-box .right-box{float:right;text-align:right;line-height:32px; margin-top:2px;}
.package-header .head-box .right-box .tags{display:flex;justify-content:right}
.package-header .head-box .right-box .tags p{margin-left:10px;color:#101010}
.info-des{width:100%;font-size:12px; border-bottom:1px solid #f0f0f0;border-top:1px solid #f0f0f0;color:#a7a7a7; padding:10px 0; margin-bottom:15px; }
.info-des .cont{max-height:60px;line-height:20px;overflow:hidden;}
.info-box .area{padding:15px 0 10px;}
.info-box .content-box dl{margin:7px 0;line-height:20px;overflow:hidden; display: none;}
.info-box .content-box dl:nth-child(1){display: block;}
.info-box .content-box dl dt{width:70px;float:left;color:#000}
.info-box .content-box dl dd{width:1130px;float:left;color:#a4a4a4}
.info-box .foot-box{padding-top:20px;padding-bottom:25px; overflow: hidden}
.info-box .btn-show{padding:4px 25px;border:1px solid #828282;color:#959595;border-radius:8px}
.tag-list .layui-btn {background-color: #5b5b5b; padding:0 10px; border-radius: 10px;}
.tag-list .layui-btn.grade {background-color: #cda56a !important; }
.package-header-right {width:476px; height: 690px; float: right; position:relative;}

.fixedTitleBox {width:100%;height: 50px; position: fixed; left: 0; top: 0; background: #f9f9f9; z-index: 9999; display: none; border-bottom: 1px solid #cdcdcd;}
.fixedTitleBox .leftTitleBox{width:840px;padding: 0 10px; float: left; background-color: #fff;}
.fixedTitleBox .layui-tab{margin: 0 !important;}

.fixedTitleBoxSpace {width:100%; height: 50px; overflow: hidden; display: none;}

.pgLeft {width:840px; padding: 0 10px 10px; float: left; background-color: #fff; overflow: hidden; position: relative}
/*.leftMain {overflow: hidden}*/
.pgLeft .layui-tab-title, .fixedTitleBox .layui-tab-title{width:100%;margin:0 auto;/*border-bottom:2px solid #bbb;*/ border-bottom: none; padding:0;height:50px;}
.pgLeft .layui-tab, .fixedTitleBox .layui-tab{margin:0 auto 10px; background: #fff;}
.pgLeft .layui-tab-title li, .fixedTitleBox  .layui-tab-title li{line-height:50px;color:#666; font-size: 14px; min-width: 65px; padding: 0 12px; }
.pgLeft .layui-tab-brief>.layui-tab-title .layui-this, .fixedTitleBox .layui-tab-brief>.layui-tab-title .layui-this{color:#000;font-size:18px; font-weight: bold}
.pgLeft .layui-tab-brief>.layui-tab-more li.layui-this:after, .pgLeft .layui-tab-brief>.layui-tab-title .layui-this:after, .fixedTitleBox .layui-tab-brief>.layui-tab-more li.layui-this:after, .fixedTitleBox .layui-tab-brief>.layui-tab-title .layui-this:after{border-bottom:none}
.pgLeft .layui-tab-content{background: #f9f9f9; }  

.fixedMode .goodsBox .mt {margin-top:50px;}
.goodsBox .mt {margin-top:0;}
.goodsBox.layui-tab-content{padding:10px 0;}
.goodsBox ul li a .num,#goodsCatList ul li h4 .num{width:20px;height:14px}
.goodsBox h2{height:26px;display:block;line-height:26px;text-indent:15px;border-bottom:2px solid #a8a8a8;font-size:26px;color:#101010;overflow:hidden;letter-spacing:2px;padding:12px 0;width:100%;margin:0 auto}
.goodsBox h2 span{float:right;height:24px;line-height:24px;font-size:13px;color:#000;display:block;text-align:right;margin-right:15px}

.goodsBox ul{margin:0 4px;overflow:hidden}
.goodsBox ul li{overflow:hidden;width:178px;height:297px;margin:7px;/*border:1px solid #fff;*/padding:8px;background:#fff;float:left;position:relative;border-radius:0px}
.goodsBox ul li img{width:176px;height:176px;margin:0 1px;display:block}
.goodsBox ul li h4{color:#282828;margin-top:9px}
.goodsBox ul li h4,.goodsBox ul li h4 b,.goodsBox ul li h4 span{font-weight:300;display:block;height:26px;line-height:26px;overflow:hidden}
.goodsBox ul li h4 b{width:176px;color:#282828;font-size:13px;float:left}
.goodsBox ul li h4 span{width:36px;color:#868686;font-size:12px;float:right}
.goodsBox ul li h5{color:#666;height:18px;line-height:18px;font-size:12px}
.goodsBox ul li p,.goodsBox ul li p span,.goodsBox ul li p del{height:18px;line-height:18px;font-size:12px}
.goodsBox ul li p span{float:right;font-size:12px; margin-left: 10px;}
._onSalePrice em{font-size: 12px; }
.goodsBox ul li p._onSalePrice { margin-bottom: 8px; font-size: 16px; }
.goodsBox ul li p._onSalePrice sup{vertical-align: 3px; font-size: 13px; }
.goodsBox ul li p del{font-size:12px;color:#aaa}
.goodsBox ul li .add{width:100%;height:100%;display:block;background:url(../../v1/images/icon_add.gif) center center no-repeat}
.goodsBox ul li .del{width:22px;height:22px; border-radius: 3px; display:none;position:absolute;top:9px;right:9px;cursor:pointer;background:#cca66b url(../../v1/images/icon_del_04.png) no-repeat center center;z-index:1}
.goodsBox ul li:hover .del{display:block}
.goodsBox ul li:hover {box-shadow:1px 5px 5px 1px #b4b4b4}
.goodsBox .yl-tip-nums{position:absolute;top:177px;background:rgba(0,0,0,0.8);color:white;line-height:30px;height:30px;width:100%;left:0px;text-align:center}
.popGoodsInfo{position:absolute;display:none;transition:all;padding:3%;/*border-radius:3px;*/width:100%;box-sizing: border-box; color:white;left:0px;height:184px;background:rgba(0,0,0,0.8);}
.popGoodsInfo p{height:auto!important;color:white!important}
.popGoodsInfo a{width:100%;height:200px;display:block; overflow: hidden}
.add_goods_by_package{width:69px;height:30px!important;color:white;display:inline-block;position:absolute;right:5px;text-align:center;top:215px;line-height:30px!important;background:rgba(229,28,36,0.9);border:1px solid #e40e16;border-radius:2px}
#showPG .goodsBox ul li{height:383px}
.showOrHideBtnLine{margin:20px 0 30px;text-align:center}
.showOrHideBtnLine button{width:150px;height:40px;background-color:transparent;border-radius:25px;border:1px solid #000000;cursor:pointer}
.liClass h4 b a,.goodsBox ul li.liClass p span{color:#757575}
.liClass h5 a,.liClass p{color:#8a8a8a}
.single-product{background:#ff901d;color:white;padding:9px 20px;border-radius:2px}
.selectedClass{box-shadow:1px 3px 3px 1px #a7a7a7;box-shadow:1px 3px 3px 1px #a7a7a7}
.selected-goods{background:#cca66b;color:white;padding:4px 8px;display:inline-block;border-radius:5px;position:absolute}
.selected-goods-wait{background:#b3b3b3;color:white;padding:4px 8px;display:inline-block;border-radius:5px;position:absolute}
.liClass h4 b a,.goodsBox ul li.liClass p span{color:#757575}

.pgRight, .fixedTitleBox .rightTitleBox {width:320px; padding:0 5px; float: right; background-color: #fff; position: relative}
.selectTip {line-height: 50px; font-size: 18px; color: #000; font-weight: 600; text-indent: 25px;}

.spaceTitleBox {height: 20px; padding: 10px; background-color: #efefef; line-height: 20px; }
.spaceTitleBox em{float: left; border-left: 1px solid #cd1110; color: #000; text-indent: 8px;}
.spaceTitleBox i{ margin-left: 10px;}
.spaceTitleBox span{float: right; background: url(../images/icon-add.png) no-repeat left center; text-indent: 15px; font-size: 12px; color: #101010; cursor: pointer; }
.spaceTitleBox ul{ background-color: #fff;}
.rightMain {overflow: hidden;}
.selectedGoodsBox {background-color: #f9f9f9; padding: 10px 7px;}
.selectedGoodsBox ul li{overflow:hidden;margin:5px 0;/* border:1px solid #cdcdcd; */padding:8px;background:#fff;position:relative;border-radius:2px}
.selectedGoodsBox ul li img{width:112px;height:112px;display:block; float: left;}
.selectedGoodsBox ul li .goodsInfo{width:168px; overflow:hidden; float: right; }
.selectedGoodsBox ul li h4{color:#282828;}
.selectedGoodsBox ul li h4,.selectedGoodsBox ul li h4 b,.selectedGoodsBox ul li h4 span{font-weight:300;display:block;height:32px;line-height:32px;overflow:hidden}
.selectedGoodsBox ul li h4 b{width:176px;color:#282828;font-size:13px;float:left}
.selectedGoodsBox ul li h4 span{width:36px;color:#868686;font-size:12px;float:right}
.selectedGoodsBox ul li h5{color:#666;height:18px;line-height:18px;font-size:12px}
.selectedGoodsBox ul li p{height:18px;line-height:18px;font-size:12px}
 .selectedGoodsBox ul li p span{font-size: 12px;color:#868686; margin-left: 6px;}
.selectedGoodsBox ul li p._onSalePrice {margin-top:6px; font-size: 16px; }
.selectedGoodsBox ul li p._onSalePrice sup{vertical-align: 3px; font-size: 13px; }
.selectedGoodsBox ul li p del{font-size:12px;color:#aaa}
.selectedGoodsBox ul li .add{width:100%;height:100%;display:block;background:url(../../v1/images/icon_add.gif) center center no-repeat}
.selectedGoodsBox ul li .del{width:22px;height:22px; border-radius: 3px; display:none;position:absolute;top:9px;right:9px;cursor:pointer;background:#cca66b url(../../v1/images/icon_del_04.png) no-repeat center center;z-index:1}
.selectedGoodsBox ul li:hover .del{display:block}

.selectedGoodsBox .btnBox {margin-top: 15px;} 
.jminputBg {
	float: left;
	width: 36px;
	text-align: center;
	margin: 0;
	border: none;
	height: 13px;
	line-height: 13px
}

.jm_cartnum {
	text-align: center;
	margin: 0 auto;
	padding: 0 auto;
	overflow: hidden;
    float: left;
}

.jm_cartnum span {
	float: left;
	cursor: pointer;
	width: 13px;
	height: 13px;
	margin: 0;
	padding: 0;
}

.jm_cartnum span.jmadd {
	background: url(../images/icon-add-02.png) no-repeat;
}

.jm_cartnum span.jmminu {
    background: url(../images/icon-sub.png) no-repeat;
}

.selectedGoodsBox .btnBox .iconDel{width:12px; height: 15px; display: block; float: right; background: url(../images/icon-del.png) no-repeat;}