@charset "utf-8";
.diy-cont { margin-top:30px;overflow: hidden; font-size:12px;}
.diy-lcol { float: left; position:relative; width:74%; }
.diy-rcol {float:right; width:24%;max-width:288px;}
.diy-rbox{width:100%; max-width:288px;z-index:1;box-shadow: 0 2px 20px 0 #ebf8ff;background: #fff; padding:20px; border-radius:8px;}
.diy-ritem-title{color:#222;font-size:16px;line-height:32px;border-bottom:1px #f7f7f7 solid; font-weight:bold;margin-bottom:16px; text-align: center; background: #f7f7f7;;}
.rbox-fixed{position: fixed; top:80px;}
.diy-title{ width:100%; float:left;}
.diy-title h4{ font-size:18px; line-height:46px; float:left;}
.diy-title h4 span{ color:#999; font-size:12px; padding-left:8px; font-weight:normal;}
.title-btn{ float:right; margin-top:9px; margin-left:16px;}
.clear, .clr { display: block; overflow: hidden; clear: both; height: 0;line-height: 0;font-size: 0;}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0;}
.box{ font-family: "Microsoft YaHei";}
.productNum{background-color: #eee;border: 0px;width: 15%;}
@media (max-width:1199px) {
	.diy-title{padding-left:20px}
	.diy-rbox{ max-width:228px;}
}
 @media (max-width:991px) {
	.diy-lcol {width:100%; }
	.diy-rcol {width:100%;max-width:767px; margin:20px 0;}
	.rbox-fixed{position:static}
	.diy-rbox{ max-width:100%;}
}
@media (max-width:767px) {

}
@media (max-width:479px) {

}

/*推荐配置*/
.recommend-box{padding:30px 0 16px 0; clear:both; margin-top:40px; float:left; width:86%; margin:0 7%; border-top:#dfdfdf 1px dashed;}
.recommend-box  h3{font-size:16px; margin-bottom:20px;font-weight:400;text-align:center}
.recommend-list li{line-height:36px; height:36px; padding:6px 2%; margin:0 ;font-family: "Microsoft YaHei"; font-size:13px;border-bottom: #f1f1f1 1px solid;}
.recommend-list li a{ color:#777; width:70%; display:inline-block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.recommend-list li a:hover{ color:#222;}
.recommend-list li span{ float:right; display:inline-block; text-align:right; width:26%; color:#ea0000;}
/*推荐配置*/
/*下拉菜单-配置单*/
.select-box{width:226px;float:right; margin-top:8px;}
.nice-select{width: 204px;padding: 0 10px;height:30px;border: 1px solid #eee;position: relative;box-shadow: 0 0 2px #eee;background: #fff url(../Resource/IMG/reception/a2.jpg) no-repeat right center;}
.nice-select input{display: block;width: 100%;height: 30px;line-height: 30px;border: 0;outline: 0;background: none;}
.nice-select ul{width: 100%;display: none;position: absolute;left: -1px;top: 30px;overflow: hidden;background-color: #fff;max-height: 150px;overflow-y: auto;border: 1px solid #eee;border-top: 0;	box-shadow: 0 2px 3px #eee;	z-index: 9999;}
.nice-select ul li{height: 30px;line-height: 30px;overflow: hidden;padding: 0 10px;cursor: pointer;}
.nice-select ul li.on{background-color: #e0e0e0;}
/*下拉菜单-配置单*/
.diy-goods-item{display:inline-block;display:block;}
.diy-goods-item:after{content:".";display:block;height:0;clear:both;visibility:hidden}
* html .diy-goods-item{height:1%}
*+html .diy-goods-item{min-height:1%}
.diy-gitem-title{ color:#222;font-size:16px;line-height:32px;border-left:8px #48c7ec solid; font-weight:bold; background: #f7f7f7; padding-left:10px; margin:20px 0 8px;}
.diy-rbox .diy-gitem-title{font-size:14px;line-height:24px;border-left:none; background: #fff; padding-left:0; margin:0px 0 8px;}
.diy-gitem-title input,.diy-gitem-title button,.inputLeft input{ display:inline-block;font-size: 12px; line-height:24px; font-weight: normal;}
.diy-gitem-title input{ border: #e7e7e7 1px solid; padding:0 8px; float:left;margin-top:4px;}
.diy-gitem-title button{ background: #48c7ec; padding:0 12px; color: #fff; margin:0px 20px 0 12px;}
.diy-item-list{box-shadow: 0 2px 20px 0 #ebf8ff;background: #fff; padding:12px 16px; border-radius:8px; margin:10px 0; float:left;width:100%;}
.diy-goods-item .p-type{line-height:23px;color:#666; float:left; margin-top:26px; width:15%; text-align:center; font-size:16px;}
.diy-goods-item .p-type em{font-weight:bold; font-family:Verdana, Geneva, sans-serif; }
.diy-goods-item .p-type em i{margin-right:2px; cursor: pointer; font-style: normal;}
.diy-goods-item .p-list{ width:85%; float:right; height:80px; padding: 10px 0; background:#fff;border-top: #e7e7e7 1px dashed;}
.diy-goods-item .p-list:hover{ background:#fafafa;}
.diy-goods-item .p-list:first-of-type{border-top:0}
.diy-goods-item .p-img{float:left;width:10%; margin:0 2%; width:60px;height:60px;border:#eee 1px solid;_display:inline;overflow:visible; position: relative;}
.diy-goods-item .p-img img{ max-width:58px; max-height:58px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.diy-goods-item .p-name{float:left;width:32%;height:60px;line-height:40px;padding:10px 0 0 0;_display:inline;overflow:hidden}
.diy-goods-item .p-name a{color:#666}
.diy-goods-item .p-price{float:left;font-size:14px; width:44%; padding-left:20px; line-height:18px;font-family:arial; text-align: center;}
.diy-goods-item .p-price span.tprice{ display:block;color:#999; font-size: 12px;}
.diy-goods-item .p-price span.price{float:left; width:50%;color:#ea0000;font-size:12px; padding-top: 16px; }
.diy-goods-item .p-price span.price em{ font-size:16px; font-weight:bold; }
.diy-goods-item .p-price span.num{float:left;width:50%;_display:inline; line-height:60px;}
.diy-goods-item .p-num .decrement:hover{box-shadow:1px 1px 1px 0 #ccc}
.diy-goods-item .p-price input{display:inline-block;*display:inline;width:28px;height:30px;line-height:28px; text-align:center; background:#fff; color:#666; border:#f0f0f0 1px solid; letter-spacing:0;vertical-align:middle; padding:0; outline:none; font-size: 16px;}
.diy-goods-item .p-price input:nth-of-type(1){border-radius:8px 0 0 8px; border-right:0; font-size:20px; color:#999;}
.diy-goods-item .p-price input:nth-of-type(3){border-radius:0 8px 8px 0; border-left:0;font-size:20px; color:#999;}
.diy-goods-item .p-price input.productNum{ width:40px; background:#f7f7f7;}
.diy-goods-item .p-price input:hover{color:#222;}
.diy-goods-item:hover .p-price input.productNum{background: #fff;}
.diy-goods-item .p-price .disabled input{ visibility:hidden;}
.diy-goods-item .p-price .disabled input.productNum{ background:#fff;}
.diy-goods-item .p-li-delete{float:right;width:10%; text-align:center;line-height:36px; padding:10px;}
.diy-goods-item .p-li-delete i{font-size: 24px;cursor:pointer; opacity:0.6; line-height:40px;}
.diy-goods-item .p-li-delete i:hover{ opacity:1}
.diy-goods-item .p-li-delete button{color:#2893f7;width:40px;line-height:36px; text-indent:-999px; overflow:hidden; display:table-cell; background:url(../images/icons/delete.png) no-repeat center center;cursor:pointer; opacity:0.6; border:none;outline:none;}
.diy-goods-item .p-li-delete button:hover{color:#333; opacity:1}
/* .diy-goods-item .p-none{ height:50px;}
.diy-goods-item .p-none .p-img{ text-align:center; margin-top:0; display:flex;align-items: center;}
.diy-goods-item .p-none .p-img img{ width: auto; height:auto;display: inline-block; vertical-align: middle; margin:0 auto;}
.diy-goods-item .p-none .p-name{color:#999;width:80%;}*/
/* .diy-goods-item .p-none .p-li-delete{ padding:0 10px; margin:13px 0; line-height:24px;} */
.diy-goods-item .p-none:hover{ background:#fff;}
.diy-goods-item .p-none .p-li-delete a{ font-size:14px; color:#48c7ec; width:100%; height:100%; display:block;}
.diy-goods-item .p-none .p-li-delete a:hover{color:#19b7e5}
.diy-goods-item .p-empty-txt{float:left;width:585px;text-align:center;line-height:60px;color:#999;margin:13px 0 0}
.diy-goods-item .diy-other-price{ overflow:hidden;}
.diy-goods-item .diy-other-price p{ line-height:24px; color:#666; font-family:"Microsoft YaHei"; font-size:12px;}
.diy-goods-item .diy-other-price p .num{ display:none;}
.diy-goods-item .diy-other-price p span{float:right}
.inputLeft .p-list{height:50px; line-height:50px; border:0}
.inputLeft input{ float:left; margin:0 6px 0 12px;border: #e7e7e7 1px solid; padding:2px 8px; }
.inputLeft .p-type{margin-top: 0; font-size:14px; height:50px; line-height: 30px; padding: 10px 0;}
.inputLeft .p-name{ margin-top:0; line-height: 30px; height: 30px; padding:0}
p.total{text-align:center; color: #222; font-size:14px;line-height:20px; padding:10px 0; margin-bottom:16px; border-bottom: #f7f7f7 1px solid;}
p.total span{color:#ea0000}
.diy-item-save{ background:#f7f7f7;padding:16px 0 30px 0; text-align:center;}
a.diy-btn{display:inline-block;padding:2px 16px;border:#48c7ec 1px solid; background: #fff; color:#48c7ec; border-radius:3px; font-size: 12px;margin: 20px 80px}
a.diy-btn:hover{background:#48c7ec; color:#fff;}
#testing {
    margin: 0px;
}

p.item-price{ }
.p-focus-fixed .p-name a{color:#333!important}.p-focus-fixed .p-price{color:#e4393c!important}.packing-item-hover{background:#f1f1f1}.packing-item-hover .decrement,.packing-item-hover .increment{background:#fff;border:1px solid #f0f0f0;width:25px!important;height:25px!important}.packing-item-hover .change-btn{color:#fff!important;background:#40a3ff;display:block;width:100%;height:88px;margin:0;line-height:88px}
.packing-item-hover .p-li-delete{top:0; display:block;}
.third-coupon{display:inline-block;background:#e4393c;color:#fff;font-size:12px;height:16px;line-height:16px;padding:0 2px;margin:0 5px 0 0}/
.third-title-span{color:#b1b1b1;padding:0 2px;background:#f2f2f2;width:28px!important}

.diy-filter-sort .diy-filter .f-list{width:665px}

.diy-rcol .diy-goods-item{ background:#fff;}
@media (max-width:1199px) {
	.diy-goods-item .p-price input{width:20px;}
}
 @media (max-width:991px) {
	.diy-goods-item .diy-other-price p{width:50%; float: left; padding-right:4%; border-bottom: #f3f3f3 1px dashed;}
}
@media (max-width:767px) {

}
@media (max-width:479px) {
	/* .diy-goods-item .p-img{float:left;width:82px; margin:0 2%;height:82px; position: relative;}
	.diy-goods-item .p-img img{ max-width:60px; max-height:60px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
	.diy-goods-item .p-name{float:left;width:26%;height:60px;line-height:40px;padding:10px 0 0 0;_display:inline;overflow:hidden}
	.diy-goods-item .p-name a{color:#666}
	.diy-goods-item .p-price{float:left;font-size:14px; width:50%; padding-left:20px; line-height:60px;font-family:arial; text-align: center;}
	.diy-goods-item .p-price span.price{ display:block; float:left; width:33%; font-size: 12px;}
	.diy-goods-item .p-price span.tprice{float:left; width:33%;color:#ea0000;font-size:12px; }
	.diy-goods-item .p-price span.tprice em{ font-size:16px; font-weight:bold; }
	.diy-goods-item .p-price span.num{float:left;width:33%;_display:inline}

	.diy-goods-item .p-type{font-size: 14px; margin-left: 10px;}
	.diy-goods-item .p-price{ padding-left:10px;} */
}
/*底部结算*/
.price_info{padding:10px 0; overflow: hidden;}
.price_info p{ font-size:14px;font-family: "Microsoft YaHei", 微软雅黑; text-align:center; margin-bottom:16px;}
.price_info p a{ float:left;}
.price_info button{line-height:32px; width:120px;text-align: center;background:#ea0000; cursor:pointer; color:#fff; border-width:0;border-radius:4px; outline:none;}
.price_info button:hover{ background:#d60000;}
.price_info p em{font-family: verdana; color: #ea0000; font-weight: 700; font-size:14px;}
.price_info p span{color: #ea0000;font-weight:bold; font-size:18px;}
/*底部结算*/
.cd-tabs { position:relative; max-width:1200px; margin: 0 auto;}
.cd-tabs:after {content: "";display: table;clear: both;}
.cd-tabs::after {  position: absolute; top: 0; right: 0;height: 60px;width: 50px;z-index: 1;pointer-events: none; background: -webkit-linear-gradient( right , #f8f7ee, rgba(248, 247, 238, 0)); background: linear-gradient(to left, #f8f7ee, rgba(248, 247, 238, 0)); visibility: visible;opacity: 1;-webkit-transition: opacity .3s 0s, visibility 0s 0s;-moz-transition: opacity .3s 0s, visibility 0s 0s; transition: opacity .3s 0s, visibility 0s 0s;}
.filter-close{position:absolute;right:0;top:0; z-index:99;}
.reveal-modal .filter-close .close-reveal-modal{display:block;background:#333 url(../Resource/IMG/reception/close-icon-w.png) no-repeat center center; opacity:.6;width:60px;height:60px; top:0; right:0;}
.reveal-modal .filter-close .close-reveal-modal:hover{ opacity:1;}
.no-cssgradients .cd-tabs::after { display: none;}
.cd-tabs.is-ended::after {visibility: hidden;opacity: 0; -webkit-transition: opacity .3s 0s, visibility 0s .3s;-moz-transition: opacity .3s 0s, visibility 0s .3s;transition: opacity .3s 0s, visibility 0s .3s;}
.cd-tabs nav { overflow: auto; padding-right:60px; -webkit-overflow-scrolling: touch; background: #f8f7ee; box-shadow: inset 0 -2px 3px rgba(203, 196, 130, 0.06);position: relative; float: none;background: transparent; box-shadow: none;}
.cd-tabs-navigation { width:100%;}
.cd-tabs-navigation:after {  content: ""; display: table; clear: both;}
.cd-tabs-navigation li { float: left; width:10%; text-align:center;}
.cd-tabs-navigation a {position:relative; display:block; height:60px; line-height:60px; width:100%; text-align:center; font-size:12px;color:#333;}
.no-touch .cd-tabs-navigation a:hover {color:#333; background-color:#eee;}
.cd-tabs-navigation a.selected { background-color: #ffffff !important; box-shadow: inset 0 2px 0 #828282; color: #333;}
.cd-tabs-navigation a:before { position: absolute; top: 12px; left: 50%;display: inline-block;height: 20px;width: 20px;}
.cd-tabs-navigation {width:100%; background-color: #c4c4c4; box-shadow: inset 0 -2px 3px rgba(203, 196, 130, 0.06);}
.cd-tabs-navigation a {width: auto; font-size: 14px; }
.cd-tabs-navigation a:before {top: 50%; margin-top: -10px; margin-left: 0; left: 38px;}

.cd-tabs-content {background: #ffffff; width:100%;}
.conditions { background: #fff; width:1160px; margin:0 auto;padding:20px; display: block; -webkit-animation: cd-fade-in 0.5s; -moz-animation: cd-fade-in 0.5s; animation: cd-fade-in 0.5s;}
@-webkit-keyframes cd-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes cd-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes cd-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}


/*first*/
.list-box{ width:100%;}
/*.list-title {height: 50px;background-image: linear-gradient(#f6f6f6 0%, white 45%);}*/
/*1.1*/
#J_CityArea { float: left;}
/*1.2*/
.H3search { position: relative; z-index:4; margin-top:6px; display: inline-block;width: fit-content; width: -webkit-fit-content; width: -moz-fit-content;float: right;}
.H3search-form-search {height: 28px;line-height: 24px; width:204px; padding: 0 5px; margin: 0; border: 0; display: inline-block; vertical-align: middle; overflow: hidden; position: relative; padding-right:40px; border: 1px solid #ebebeb;}
.H3search-form-btn1 { position: absolute; z-index: 20;right:6px;top:-4px;height: 36px;width:30px; background-color: transparent; border: none;outline: none;}
/*second*/
/* .param-filter { margin-bottom:16px;} */
/*2.1*/
#sel-cond { height: auto; padding:0 6px 0 90px;}
.sel-cond-hide {display: none;}
.filter-type { position: absolute; left: 0; top:9px; width: 90px; height: 18px; font: 12px/18px arial; color: #666; text-align: right; display: inline-block;}
#J_FilterSelected {
    position: relative; max-width: 560px; /*display: inline-block;float: left;*/}
.param-selected { padding: 1px 0 6px 9px;}
.param-selected a{position:relative; float:left; margin:5px 10px 0 0; color:#666;padding:0 32px 0 12px; height:26px; line-height:26px; border:1px solid #e0e0e0; background:#f3f3f3; cursor:pointer;}
.param-selected a i{position: absolute; right:6px; top: 8px; width:10px;height:10px;}
.param-selected i{ background-image:url(../Resource/IMG/reception/close-icon.png); background-repeat: no-repeat;}
#J_ManuFilter{ max-height: 186px; overflow: hidden;}
.filter-brand, .filter-item { position:relative; padding: 0 0 0 90px; border-bottom: 1px dashed #e6e6e6; z-index: 1;}

.brand-list, .param-value-list{ padding: 3px 16px 3px 52px; position: relative; zoom: 1; overflow: hidden;line-height: 26px;}
.brand-list a, .param-value-list a{color: #222;font-size:12px; height: 18px; line-height: 18px;padding:0 3px;margin:6px 12px 6px 0;white-space: nowrap;}
.filter-brand .brand-list .all, .param-value-list .all{float:left;height:18px;line-height:18px;padding:0 3px;margin:4px 0 2px -43px;}
.filter-brand .brand-list .active, .param-value-list .active{ background-color:#48c7ec; color:#fff; text-decoration: none;}
.selectable .active { background-color: #48c7ec; color:#fff;}

.pro-list .tip{padding: 40px 0; font-size: 16px;}

/* 产品展示box*/
.iframe-classity{ width:1200px; margin: 0 auto; padding: 0; border: 0;}
.iframe-products{ width:1200px; margin: 0 auto; padding: 0; border: 0;height: 700px;}
.list-box{ zoom:1;}
.list-box .plist{  height:auto; margin-bottom:30px;}
.pitem{padding:8px 0; width:1160px; margin:0 auto;border-bottom: 1px solid #f0f0f0; position:relative; overflow: hidden;}
.pitem .pic{ width:80px;overflow: hidden; float:left;}
.pitem .pic img{ width:100%;}
.price-box{float:right; text-align:right; width:146px; position: relative;}
.pro-intro{ margin:0 146px 0 92px;}
.pro-intro h3 a {font-size: 14px;font-weight: 700;display: inline-block;}
.pro-intro h3 {height:24px; font-family:'Microsof YaHei';overflow:hidden;display:block; word-break:break-all; word-wrap:break-word; margin:12px 0 4px 0;}
.paramet{ width:100%;}
.paramet span{display:inline-block; float:left; font-size:12px; height: 20px; color:#999; width:20%; line-height:20px;}
.paramet span em{ color:#333;}
.price-box .tprice {display: block; color: #ef0000;font-family: arial;font-size:22px;margin:8px 0 12px 0; font-weight:bold;}
.price-box .tprice em{ font-size:18px;font-family: verdana; font-weight:normal;}
.price-box .add,.price-box .used {display: block; float:right; text-align:center;font-family: "Microsoft YaHei";width:100px;height:30px;font-size:14px;border-radius:3px;line-height:30px;text-decoration: none; border:1px #2893f7 solid;color:#2893f7;background #fff;}
.price-box .add:hover{ background:#2893f7; color:#fff;}
.price-box .used{border-color:#dfdfdf; color:#999; cursor:default;}

/*翻页*/
.page-box{ position:relative; margin-top:20px;zoom:1; clear:both;}
.pagebar { font-size: 14px;font-family: arial; line-height: 34px; text-align: center;}
.pagebar span.sel, .pagebar span.historySel { font-family: arial;}
.pagebar .sel, .pagebar a:hover { background: #4595e6; color: #fff; border-color: #4595e6;}
.pagebar a, .pagebar .sel, .pagebar .historySel { display: inline-block; border: 1px solid #e6e6e6; padding: 0 7px; height: 34px; min-width: 20px; _width: 20px; white-space: nowrap; margin: 0 3px 0 2px; vertical-align: top; _vertical-align: baseline;}
.pagebar .next, .pagebar .prev { padding: 0 24px 0 12px; position: relative; _width: 25px; _top: -1px;}
.page-box .pagebar .hide{ display: none;}
.reveal-modal-bg {position:fixed;height:100%;width:100%;z-index:100;display: none;top:0;left: 0;background: rgba(00, 00, 00, 0.8)}
.reveal-modal {visibility: hidden;top:50px;left: 50%;margin-left: -600px;width: 1200px;position: absolute;z-index: 101;	-moz-border-radius: 5px;-webkit-border-radius: 5px;	border-radius: 5px;-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);-box-shadow: 0 0 10px rgba(0,0,0,.4);background-color: #FFF;}
.reveal-modal .close-reveal-modal {cursor: pointer;}
.reveal-modal .close-rotate{font-size:36px;line-height: 0.5;position: absolute;top: 28px;right: 28px;color: #333;cursor: pointer; display:block;-webkit-transition:.3s all;transition:.3s all;}
.reveal-modal .close-rotate:hover{-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-transition:.3s all;transition:.3s all; color:#48c7ec;}
@media screen and (min-width:768px){
	.max-width-820{ width:850px; margin-left:-425px;}
	.max-width-500{ width:600px; margin-left:-300px;}
}
@media screen and (max-width:767px){
	.max-width-820,.max-width-500{ width:100%;}
}
.reveal-modal .layui-form-label{width:120px;}
.reveal-modal .layui-form-item .layui-input-inline{ width:240px;}
/*清单*/
.inventory-box{ width:100%; background:#fff; padding:0 30px 30px 30px;}
.inventory-box h4,.inventory-box h1{ font-size:20px; line-height:30px; margin:20px 0;}
.inventory-box hr{ display:none;}
.inventory-box table,.inventory-box table tr th,.inventory-box table tr td { border:1px solid #dfdfdf; background:#fff; border-collapse:collapse;}
.inventory-box table tr:nth-child(even) td{ background:#f7f7f7;}
.inventory-box table tr td{ border:#eee 1px dashed; padding:8px 12px;}
.inventory-box table tr th{ background-color: #eaeaea; height:36px; padding:12px 12px;}
.inventory-box table tr td:nth-child(3){ word-break:break-all;}
.inventory-box td:first-child{ color:#999;}
.inventory-box td:last-child{ color:#e4393c;}
.datalist{ width:70%; float:left; font-size: 12px;font-family: "Microsoft Yahei";}
.datalist td:nth-child(n+4),.datalist th:nth-child(n+4),.otherlist td:nth-child(2),.otherlist th:nth-child(2){ text-align:center;font-family: "Microsoft Yahei";}
.otherlist{ width:28%; float:right; font-size: 12px;}
.inventory{ text-align:center; margin-bottom:40px;}
.inventory a{ margin:0 8px;}
.inventory p{ text-align:center; margin:30px 0; font-size:18px;font-family: "Microsoft Yahei";}
.inventory p span{ color:#e4393c; font-weight:bold;}
.img-box{ max-height:300px; margin:20px;}
.img-box td{ padding:0 20px; text-align:center;}
.img-box img{ max-height:260px; margin-bottom:20px;}
/*清单*/

.tip-box{ margin:0 20px 30px 20px; border:#ea0000 1px solid; padding:20px;}
.tip-box h5{ text-align:center; line-height:24px; font-size:14px; margin-bottom:10px;}
.tip-box p{ line-height:21px; margin-bottom:6px;}

@media (max-width:479px){
  .diy-cont { border:none; padding:15px; margin-top:10px;}
  .diy-lcol { width:100%; border:none;}
  .diy-title{ padding:10px 0; width:90%; float:left;}
  .diy-title h4{ font-size:16px; line-height:36px; float:none;}
  .select-box{ float:left;}
  .diy-gitem-title{padding-left:3%;border-left:8px #48c7ec solid;}
  .diy-goods-item .p-type{ padding:3px 10px 8px;width:100%; text-align:left; margin-top: 0;}
  .diy-goods-item .p-list{ width:100%; padding:0 0 0 100px; height: 102px; float:left; position: relative;}
  .diy-goods-item .p-img{width:82px; height: 82px; position: absolute; top:10px;left:0px;}
  .diy-goods-item .p-img img{ max-width:60px; max-height:60px;}
  .diy-goods-item .p-name{margin:0; padding:20px 0 0 0; height:68px; line-height: 24px; text-overflow:ellipsis;overflow:hidden;width:100%; padding-right: 40px;}
  .diy-goods-item .p-price{ width:100%; padding: 0;}
  .diy-goods-item .p-price span.price{text-align: left; padding: 0;}
  .diy-goods-item .p-price span.tprice{ display: none;}
  .diy-goods-item .p-price span.p-num{margin:0;}
  .diy-goods-item .p-price span.num{ line-height: 24px; text-align: right;}
  .diy-goods-item .p-price input{width:24px;height:24px;line-height:25px;}
  .diy-goods-item .p-price input.productNum{ width:30%;}
  .diy-goods-item .p-li-delete{width:40px; padding:0 0; position: absolute; right: 0; top:16px;}
  .diy-goods-item .p-li-delete button{margin:0 0 0 8px;}
  .diy-goods-item .p-list:hover{background: #fff;}
  .diy-goods-item:hover .p-price input.productNum{background: #f7f7f7;}
  .diy-goods-item .p-none{ padding: 0; height:40px;}
  .diy-goods-item .p-none .p-li-delete{ padding:0; margin:0; line-height:24px;}
  .inputLeft .diy-item-list{}
  .inputLeft .p-list{height:50px; line-height:50px; border:0; width:65%; float: left;}
  .inputLeft input{}
  .inputLeft .p-type{width:34%; float: left; text-align: right; padding: 10px 0;}
  .inputLeft .p-name{padding:10px 0; height:50px;line-height: 30px;}
  .diy-rcol { width:100%;}
  p.total{padding-right:20px;}
  .price_info { padding:40px 20px;}

  .recommend-box { width:94%; margin: 0 3%;}
  .reveal-modal {left:3%;margin-left:0;width:94%; margin-bottom:30px;}
  .inventory-box{ width:98%; padding:0 1%;}
  .inventory-box .yun-box-white{ padding:20px 0;}
  .inventory-box .layui-form-label{ padding:9px 0;}
  .img-box{ max-height:300px; margin:0;}
  .img-box td{ padding:0 10px;}
  .img-box img{ margin-bottom:10px;}
  .reveal-modal .layui-form-label{width:90px;}
  .inventory-box p.tips{margin:20px; text-align: center;}
  .reveal-modal .layui-form-item .layui-input-inline{}
  .reveal-modal .layui-form-item .layui-input-inline,.reveal-modal .layui-form-item .layui-inline,.layui-button{display:block;float:none;left:0px;width:auto;margin:0 20px 10px 102px;}
  .adress-list .layui-form-label{ text-align:left; margin-top:20px;}
  .label-absolute .layui-input-inline{ position:absolute;}
  .reveal-modal .adress-list .layui-input-inline, .reveal-modal .adress-list .layui-inline{ margin-left:10px;}
  .datalist{ width:100%;}
  .otherlist{ width:100%; margin-top:16px;}
  /*清单*/
  /*商品列表*/
	.iframe-classity{width:100%;}
	.iframe-products{width:100%;height:1150px}
	.cd-tabs { max-width:100%;}
  .cd-tabs nav { overflow: auto; padding-right:50px; }
  .cd-tabs-navigation a {width: auto; font-size: 12px; height:50px; line-height:50px; }
  .conditions {width: 100%; padding: 10px 0;}
  .reveal-modal .filter-close .close-reveal-modal{width:50px;height:50px; top:0; right:0; background-size:20px}
  #sel-cond{ clear:both; overflow:hidden;margin-top:16px;}
  .pitem{ width:100%;}
  .paramet span{ width:100%;}
  .price-box{text-align:right; width:82px;/* margin-right:4%;*/ bottom:10px; right:0; position:absolute;}
  .price-box .tprice{ font-size:18px;}
  .price-box .add, .price-box .used{ width:80px; font-size:12px;}
  .pro-intro{ margin:0 82px 0 92px;}

}
@media (max-width:480px){
  .reveal-modal {left:0;width:100%;}
  .cd-tabs nav {padding-right:30px; }
  .cd-tabs-navigation a {height:40px; line-height:40px; }
  .reveal-modal .filter-close .close-reveal-modal{width:30px;height:40px;}
}


/*-----------------------Vip----------------------------*/
.vip-banner{ background: #eaebef;}
.vip-bannerText { word-spacing:4px; padding: 60px 0;background:#eaebef url(../images/banner/3.jpg) no-repeat bottom right;background-size:contain;}
.vip-bannerText .banners-tips {fonilt-famy: PingFangSC-Semibold;font-size:20px;line-height:28px; color: #666}
.vip-bannerText p{font-size: 14px;color:#666;margin-top:12px;line-height:24px;}
.vip-bannerText strong {font-size:30px!important;font-weight:600;}
.vip-bannerText strong span{ background-image: linear-gradient(135deg,#fcd7a2 0,#c69a6b 100%);-webkit-background-clip:text;color: transparent;text-shadow:none;}
.vip-title h3{	text-align: center;	font-size:16px; margin:40px 0 20px 0; font-weight:400;}
.vip-tab-list li{width:31%; margin:0 1%;height:176px;border: 2px solid #E2E2E2;border-radius:10px;box-sizing: border-box;cursor: pointer;position: relative;background: #fff;display: inline-block;vertical-align: middle;}
.vip-tab-list li.vip-tab-active,.vip-tab-list li:hover{border:2px solid #cc995c;}
.vip-tab-list li.vip-tab-active:after{content: "";width: 45px;height: 46px;background: url(../images/icons/icon-select-red.png) 0 0 no-repeat;	position: absolute;	bottom:-1px;right:-1px;}
.vip-recomend{position: absolute;top: 0;left: 0;width: 81px;height: 81px;background: url(../images/icons/icon-tuijian.png) 0 0 no-repeat;}
.vip-mark{background: linear-gradient(135deg,#fcd7a2 0,#c69a6b 100%);color: #773c07; position: absolute; left: 0;top: 0;height: 20px;line-height: 20px;padding: 0 4px;font-size: 12px;-webkit-border-radius: 6px 0;border-radius: 6px 0;}
.vip-tab-list li p{ text-align: center; font-family:PingFangSC-Regular,sans-serif,PingFangSC-Light,sans-serif,"Microsoft YaHei",arial;; font-weight: 400;}
.vip-tab-list li .vip-tab-title {font-size: 12px;padding-top: 20px; color: rgba(0,0,0,.65); margin-bottom: 6px;}
.vip-tab-list li .vip-tab-title strong {font-size: 16px;font-weight: 700;color: rgba(0,0,0,.65);}
.vip-tab-list li .vip-tab-price {font-size: 14px;color: rgba(0,0,0,.65);}
.vip-tab-list li .vip-tab-price strong {font-size: 36px;}
.vip-tab-list li .vip-tab-price2 {font-size: 12px;color: rgba(0,0,0,.65);}
.vip-tab-list .vip-tab-price2 em {	text-decoration: line-through;	color: #9B9B9B;	margin-right: 10px;	position: relative;}
.vip-tab-list li .vip-tab-bottom {width: 90%;height: 42px;color: rgba(0,0,0,.65);line-height: 42px;font-size: 12px;	margin: 0 auto;	border-top: 1px solid #BEBEBE;	margin-top: 10px;}
.vip-tab-list li.vip-tab-active .vip-tab-title,.vip-tab-list li.vip-tab-active .vip-tab-price strong{color:#cc995c;}
.vip-pay-box{margin-top: 30px;}
.vip-pay-box ul{display: none;}
.vip-pay-box p{font-weight: 400; color: rgba(0,0,0,.65);}
.vip-pay-box .pay-money {text-align: center;font-size: 16px;color: rgba(0,0,0,.65);}
.vip-pay-box .pay-money span {font-size: 24px;color:#e4393c;}
.vip-pay-box .pay-docs {text-align: center;	font-size: 12px; line-height:16px;color: rgba(0,0,0,.5);margin-top:8px;}
.vip-pay-box .pay-docs a {color: rgba(0,0,0,.5); margin-right:4px;}
.vip-pay-box .pay-code {margin: 30px auto; text-align: center;}
.vip-pay-box .pay-code .code-model{ width: 190px;display: inline-block; margin: 20px;}
.vip-pay-box .pay-code .pay-img-code{ padding: 15px;width: 190px;height: 190px;}
.vip-pay-box .pay-code .pay-img-code canvas{width: 160px; height: 160px;}
.pay-wx,.pay-ali{margin-top: 10px;width: 100%;height: 40px;line-height: 40px;text-align: center;	font-size: 16px;color: #fff;background-color: #4BB414;}
.pay-wx i{color: #fff; margin-right: 8px;}
.pay-ali{ background-color: #2C95FF;}
.pay-img-code{width: 160px; height: 160px;}
.vip-text{ margin-bottom:40px;}
.vip-text p{font-weight: 400; color: rgba(0,0,0,.65); margin-top: 8px;}
.reveal-vip,.reveal-tip { width: 800px; max-width: 100%;  height: 600px; padding: 30px; position:fixed; z-index: 1000; left: 50%; top:50%!important; margin-left:auto;transform: translate(-50%, -50%); -webkit-border-radius: 3px; border-radius: 3px; background: #fff;  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .4);  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .4);  -box-shadow: 0 0 10px rgba(0, 0, 0, .4);}
.reveal-vip h4,.reveal-tip h4{text-align: center; font-size: 24px; color: #333;padding-bottom: 26px;}
.reveal-vip .close-reveal-modal,.reveal-tip .close-reveal-modal {  position: absolute; font-size: 40px; color: #b3b3b3; right:20px; top: 0px; text-shadow: 0 -1px 1px rbga(0, 0, 0, .6); cursor: pointer;}
.reveal-vip .model-box { width:100%;  margin: 0 auto; border: 1px #efefef solid; max-height: 520px; overflow: auto;}
.reveal-vip .model-box p,.reveal-tip p {  font-size: 14px; color: #040000; line-height: 28px; padding: 6px 14px;}
.reveal-tip{ height:200px; top: 30%;}
.reveal-tip p {max-height:300px; text-align: center;}
.reveal-tip p a{ color:#e4393c; margin-left: 20px; font-size: 14px; display: block}
.reveal-tip p a:hover{ text-decoration: underline;}

@media screen and (max-width:992px){
  .vip-tab-list li{width: 30.5%;}
}
@media screen and (max-width:480px){
  .vip-banner .container{padding: 0;}
  .vip-bannerText { padding:30px 15px;background:linear-gradient(135deg,#fff 0,#eaebef 100%);}
  .vip-bannerText .banners-tips {font-size:16px;line-height:20px;}
  .vip-bannerText p{font-size:12px;margin-top:12px;line-height:20px;}
  .vip-bannerText strong {font-size:24px!important;}
  .vip-tab-list li{width:47%; margin-bottom: 20px;}
  .vip-recomend{width:60px;height:60px;background-size:60px;}
  .vip-pay-box .pay-code .code-model{ width:150px; margin:10px;}
  .vip-pay-box .pay-code .pay-img-code{ padding:10px;width: 150px;height: 150px;}
  .vip-pay-box .pay-code .pay-img-code canvas{width: 130px; height: 130px;}
}

.exclamation-alert{position: relative; font-size: 12px; margin-top: 6px;}
.exclamation-alert i{color:#31B9F8; font-size: 16px; vertical-align: middle; cursor: pointer;}
.alert-tip { display:none;padding:15px 20px; line-height: 40px; position:absolute; z-index: 1000; left:30px; top:30px; -webkit-border-radius: 3px; border-radius: 3px; background: #fff;  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .4);  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .4);  -box-shadow: 0 0 10px rgba(0, 0, 0, .4);}
.alert-tip i{ font-size:40px; margin-right: 10px; color: #fcc106;}

.btn-vip span,.btn-vip:before {background:#fbc782;background:-webkit-linear-gradient(left,#fbc782 0%,#b07949 80%,#b07949 100%);background:linear-gradient(to right,#fbc782 0%,#b07949 80%,#b07949 100%);}
.btn-vip { display:inline-block; margin:30px; font-size:18px; letter-spacing:0.03em; text-transform:uppercase; color:#fff;text-shadow: 2px 1px 1px #cc995c; font-weight: 600; position:relative;}
.btn-vip:before { content:''; display:inline-block; height:40px; position:absolute; bottom:-5px; left:30px; right:30px; z-index:-1; border-radius:30em; -webkit-filter:blur(20px) brightness(0.95); filter:blur(20px) brightness(0.95);webkit-transform-style:preserve-3d; transform-style:preserve-3d; -webkit-transition:all 0.3s ease-out; transition:all 0.3s ease-out;}
.btn-vip span {  display:inline-block; padding:14px 40px; border-radius:50em; position:relative; z-index:2; will-change:transform,filter; -webkit-transform-style:preserve-3d; transform-style:preserve-3d; -webkit-transition:all 0.3s ease-out;  transition:all 0.3s ease-out;}
.btn-vip:focus,.btn-vip:active,.btn-vip:hover{ color:#fff;}
.btn-vip:hover span { -webkit-filter:brightness(1.05) contrast(1.05); filter:brightness(1.05) contrast(1.05); -webkit-transform:scale(0.95); transform:scale(0.95);}
.btn-vip:hover:before { bottom:0; -webkit-filter:blur(10px) brightness(0.95); filter:blur(10px) brightness(0.95);}
.btn-vip:before { opacity:0; bottom:10px;}
.btn-vip:hover:before { bottom:-7px; opacity:1; -webkit-filter:blur(20px); filter:blur(20px);}
.btn-vip:hover span { -webkit-transform:scale(1.04); transform:scale(1.04);}
.btn-vip:hover:active span { -webkit-filter:brightness(1) contrast(1); filter:brightness(1) contrast(1); -webkit-transform:scale(1); transform:scale(1); -webkit-transition:all 0.15s ease-out; transition:all 0.15s ease-out;}
.btn-vip:hover:active:before { bottom:0; -webkit-filter:blur(10px) brightness(0.95); filter:blur(10px) brightness(0.95); -webkit-transition:all 0.2s ease-out; transition:all 0.2s ease-out;}


.title-h2{ margin: 30px 0 10px 0;}
.quick-check{ position:relative; visibility: visible; margin: 20px auto;}
.quick-check .conditions,.quick-check .pitem { width:100%; box-sizing:border-box}
.quick-check .pitem{ background: #fff; margin-top: 20px;}

.reveal-company{ width: 800px; max-width: 100%;  height: 600px; padding: 30px; position:fixed; z-index: 1000; left: 50%; top:50%!important; margin-left:auto;transform: translate(-50%, -50%); -webkit-border-radius: 3px; border-radius: 3px; background: #fff;  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .4);  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .4);  -box-shadow: 0 0 10px rgba(0, 0, 0, .4);}
.reveal-company h4{text-align: center; font-size:18px; color: #333;padding-bottom: 26px;}
.reveal-company .close-reveal-modal{  position: absolute; font-size: 40px; color: #b3b3b3; right:20px; top: 20px; text-shadow: 0 -1px 1px rbga(0, 0, 0, .6); cursor: pointer;}
.reveal-company .model-box { width:100%;  margin: 0 auto;}
.reveal-company .table{width: 100%;}
.reveal-company .table li{ padding: 10px; border: #e7e7e7 1px solid; vertical-align: middle;}
.reveal-company .thead li{ background: #f7f7f7;}

.pro-list{width:100%; box-sizing:border-box; margin:20px auto;}
.pro-list dl{width:100%; padding:8px; margin-bottom: 16px; box-sizing: border-box; background:#fff; float: left;box-shadow: 0 2px 10px 0 #f3f3f3; border-radius: 8px;}
.pro-list dl .table{width:25%; float: left;}
.pro-list dl .table li{display: table-cell; padding: 10px; vertical-align: middle;}
.pro-list dl .table li:first-child{width:80px;overflow: hidden; padding: 0;}
.pro-list dl .table li:first-child img{ width:100%;}
.pro-list dd{ font-size: 12px;float: left;}
.pro-list .pro-info{ padding-top:10px; width:50%;}
.pro-list .pro-info li{margin-bottom:4px; width: 50%; float: left;}
.pro-list .pro-info span.item-label {width:80px;opacity: .6; display: inline-block; text-align: right;}
.pro-list .pro-info span.item-value{width: calc(100% - 80px); color: #333;}
.pro-list .price{width:25%; backgrund: #fafafa;}
.pro-list .price p{font-weight: 400;color: #333; line-height: 24px;}
.pro-list .price .price-integer{ font-size:20px;}
.pro-list .price span.price-integer{margin: 0 4px;}
.pro-list .price .small{background:#e4393c; border-radius: 6px; padding: 2px 4px;color: #fff; margin-right: 4px;}
.pro-list .price a{float:right; border-radius: 8px; border: #ddd 1px solid; padding: 0 6px; margin-right: 10px;}

@media (max-width:959px){
  .pro-list dl .table{width:35%;}
  .pro-list .pro-info{width:65%;}
  .pro-list .price{width:100%; text-align: right; border-top: #eee 1px solid; padding:10px 0 6px 0;}
  .pro-list .price p{ display: inline-block; line-height: 20px;}
  .pro-list .price .price-integer{ font-size:16px;}
  .pro-list .price .small,.pro-list .price a{margin-left: 20px;}
}
@media (max-width:640px){
  .pro-list{ margin: 10px 0;}
  .pro-list dl{ margin-bottom: 10px;box-shadow:none; border-radius:0; background: #fafafa}
  .pro-list dl .table{width:40%;}
  .pro-list .pro-info{width:60%;}
  .pro-list .pro-info li{width:auto; display: inline-block;}
  .pro-list .pro-info span.item-label {width:auto;}
  .pro-list .pro-info span.item-value{width:auto; margin-right:20px;}
}
@media (max-width:479px){
  .pro-list dl .table{width:100%;}
  .pro-list dl .table li:first-child{width:60px;}
  .pro-list .pro-info{width:100%;}
  .pro-list .price{text-align:left;}
  .pro-list .price p:last-child{display: block;}
  .pro-list .price .small,.pro-list .price a{margin-left:0;}
  .pro-list .price .small,.pro-list .price a{margin-right:0px;}

  .H3search {margin-top:0px;width:100%;}
  .H3search-form-search {width:100%; box-sizing: border-box}
  #sel-cond {padding:0;}
  #J_FilterSelected {max-width:100%;}
  .param-selected{padding:12px 0 8px 0;}
  .filter-type {text-align:left; position:relative; margin-bottom: 2px;}
  .filter-brand, .filter-item { padding:0px;}
  .brand-list, .param-value-list{padding: 0;margin:8px 0px; line-height: 24px; max-height: 120px; overflow-y: scroll;}
  .brand-list a, .param-value-list a{ height: 18px; line-height: 18px;padding:0 3px;margin:2px 8px 2px 0;white-space: nowrap;}
  .param-value-list a{ font-size: 12px;}
  #J_ManuFilter{ max-height:auto;}

}



.formbox form{
  display: flex;
}
.formbox form .layui-form-item{
  margin-bottom: 0px;
}
.select .layui-form-label{
  padding:6px 7px;
  width: 100px;
}
.select .layui-form-select .layui-select-title input {
  height: 32px;
  font-size: 14px;
}
.select .layui-form-select dl dd{
  text-align: left;
}
.select .sortselect{
  width: 100px !important;
}

@media (max-width: 960px){
  /* .formbox form{
    display: block;
  } */
  .formbox form .layui-form-item{
    margin-bottom: 10px;
  }
  .formbox form .layui-form-item,.formbox form .layui-inline{
    width: auto;
    background: none;
  }
  .layui-form-item .layui-input-inline {
    margin: 0 0 10px 7px;
  }
  .layui-form-item .selectValline {
    float: left;
  }
  .programme-form .layui-input-inline {
    margin: 0;
  }
  .formbox .layui-form-label{
    padding:6px 7px;
    max-width: 74px;
  }

  .formbox .selectValtitle{
    margin-bottom: 0;
  }
}