.detail-top{display:box;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;background:#fff;margin:20px;padding:20px;justify-content:center;position:relative;align-items:flex-start;margin-top:0;}
.bannerwarp{position: sticky;width:65%;-ms-flex-negative:0;flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;display:flex;padding-bottom:40px;z-index:998;top:0;height:auto;text-align:center;justify-content:center}
#banner{position:relative;width:600px;-ms-flex-negative:0;flex-shrink:0;background:#fff;-ms-flex-negative:0;flex-shrink:0;display:flex}
.bannerwrap{width:800px;height:800px;overflow:hidden;border:1px solid #e6ecf2}
#bannerlist li{display:flex;align-items:center;justify-content:center;cursor:zoom-in}
#bannerlist li img{max-width:100%;max-height:100%}
.btnwrap{text-align:center;overflow:hidden;position:relative;padding-right:20px}
.small_box{width:145px;height:800px;overflow:hidden}
.small_list{position:relative;width:125px;height:760px;overflow:hidden}
.small_list ul{height:800px;overflow:hidden;width:125px}
.small_list ul li{position:relative;display:flex;align-items:center;justify-content:center;margin-bottom:8px;width:120px;height:120px;padding:2px;border:1px solid #e6ecf2;cursor:pointer}
.small_list ul li img{display:block;max-width:100%;max-height:100%}
.small_list ul li.on{border-color:#ff7519;opacity:1}
.small_list ul li.on:after{content:"";position:absolute;right:-6px;top:40%;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:6px solid #ff7519}
.arrow{display:block;width:125px;height:20px;text-align:center;color:#fff;cursor:pointer;position:relative}
#prev:after{content:'';position:absolute;left:40%;top:6px;width:16px;height:16px;border-right:4px solid #bbb;border-bottom:4px solid #bbb;transform:rotate(225deg);-webkit-transform:rotate(225deg)}
#next:after{content:'';position:absolute;left:40%;right:0;bottom:0;top:-8px;width:16px;height:16px;border-right:4px solid #bbb;border-bottom:4px solid #bbb;transform:rotate(45deg);-webkit-transform:rotate(45deg)}
.bignext,.bigprev{cursor:pointer;z-index:9999;position:relative;top:50%;}
.bignext:after{content:'';position:absolute;right:80px;top:80px;width:40px;height:40px;border-left:2px solid #fff;border-bottom:2px solid #fff;-webkit-transform:rotate(-135deg)}
.bigprev:after{content:'';position:absolute;left:100px;top:80px;width:40px;height:40px;border-left:2px solid #fff;border-bottom:2px solid #fff;-webkit-transform:rotate(45deg)}
/*.bannerbigImg{max-width:94%;max-height:94%}*/
.bannerbigImgwarp{width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;height:770px;}
.img-boxwarp {position: absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center;}
.bannerbigImgwarp img{max-width:100%;max-height:100%;position:absolute;cursor:all-scroll;}
#imgtip{position:absolute;background:#333;color:#fff;width:200px;text-align:center;line-height:40px;border-radius:2px;font-size:15px;}
#smallimg{display:flex;width:100%;margin:20px auto 0;justify-content:center}
#smallimg li{width:7%!important;height:100px!important;line-height:100px!important;margin-right:1%;display:flex;align-items:center;justify-content:center;border:1px solid #ddd;padding:2px;position:relative;cursor:pointer;background:#fff;}
#smallimg li:last-child{margin-right:0}
#smallimg li img{max-width:100%;max-height:100%}
#smallimg li.on{border-color:#ff7519;opacity:1}
#smallimg li.on:after{content:"";position:absolute;left:45%;top:-6px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #ff7519}
.bannerclose{position:absolute;right:0;top:0;cursor:pointer;width:100px;height:100px;z-index:99999;}
.bannerclose::before,.bannerclose::after{content:'';width:40px;height:2px;display:block;background-color:#fff;position:absolute;right:0;top:40px}
.bannerclose::after{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}
.bannerclose::before{transform:rotate(45deg);-webkit-transform:rotate(45deg)}
.info{width:35%;padding:0 20px;position:relative;font-size:14px;position:sticky;top:0;}
.info>h1{font-weight:700;font-size:18px;margin-bottom:20px;line-height:28px}
.infowarp{border:1px solid #e5e5e5;padding-top:0;}
.info-item{display:box;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;line-height:40px;font-size:14px;border-bottom:1px solid #e5e5e5;}
.infowarp .info-item:last-child{border-bottom:0;}
.info-item span{font-weight:400;background:#f1f1f1;border-right:1px solid #e5e5e5;width:20%;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.brandli{width:80%;display:flex;align-items:center;justify-content:center;}
.brandli a{color:#1b75bc;}
.brandli a:hover{text-decoration:underline;}
.info-item i{width:80%;display:flex;align-items:center;justify-content:center;}
.price-item{margin-bottom:20px;position:relative;}
.price-item i{margin-right:20px;color:#585858;font-weight:400}
.oprice{text-decoration:line-through;margin:0 10px;}
.savetext { color: #4C7C01;margin-left: 20px;}
.subprice{color: #4C7C01;}
.price-item .save{margin-top: 10px;font-size:14px;font-weight:normal;}
.pricebox{position:absolute;top: -70px;left: 70px;padding: 10px;width: 180px;background: #fff;border: 1px solid #e5e5e5;border-radius: 6px;display:none;font-size:12px;}
.pricebox:after{content:"";position:absolute;bottom: -5px;width:10px;height:10px;left:48%;background:#fff;border-right: 1px solid #e4e7ed;border-bottom: 1px solid #e4e7ed;transform:rotate(45deg);-webkit-transform:rotate(45deg);}
.pricebox div:first-child{margin-bottom:10px;}
.pricebox div span{color:red;font-weight:bold;margin-left:10px;}
.price{font-weight:700;font-size:20px;color:#000;}
.price2{font-weight:700;font-size:20px;color:#000;}
.price-item .price{cursor:pointer;}
.price-item .price2{cursor:pointer;}
.formitem{margin-bottom:20px;}
.formitem label{display:flex;align-items:center;line-height:30px;}
.formitem label input{margin-right:10px;}
.formitem p{margin-bottom:10px;}
.instocktxt{margin-right:10px;}
.lablewarp{display:flex;align-items:center;}
.lablewarp .disable{color:grey;}
.lablewarp label{margin-right:60px;}
.lablewarp label:last-child{margin-right:0;}
.colornav{display:flex;flex-wrap:wrap;margin:20px 0;}
.colornav .selectbox{display:flex;align-items:center;margin-bottom:10px;}
.Decorimg{width:80px;height:80px;display:flex;align-items:center;justify-content:center;border:1px solid #c5c5c5;margin-right:20px;border-radius:8px;padding:2px;overflow:hidden;}
.Decorimg img{max-width:100%;max-height:100%;}
.colornav i{margin-left:10px;}
.formitem select{width:100%;height:40px;line-height:40px;border-color:#ddd;border-radius:4px;padding:0 20px;outline:0;}
.formitem select option{}
.count-item{display:flex;align-items:center;margin-bottom:20px;}
.count-item>span{margin-right:20px;}
.count-item>i{margin-left:20px;}
.btnwarp{display:flex;margin:30px 0}
.btnwarp .btnotem{display:flex;align-items:center;width:48%;margin-right:2%;margin-bottom:20px;}
.btnwarp .btnotem:nth-child(1),.btnwarp .btnotem:nth-child(2){background:#1b75bc;}
.btnwarp .btnotem:nth-child(2n){margin-right:0;}
.btnwarp .btnotem02{margin-right:0;width:98%}
.btnotem .btn-addquestion{background:#1b75bc;color:#fff;border:2px solid #1b75bc;padding:8px 10px;border-radius:4px;text-align:center;display:block;font-size:15px;line-height:24px;cursor:pointer;width:100%}
.btn-addquestion:hover{text-decoration:underline;opacity:.9;}
.detail-content{padding:20px;margin:20px;background:#fff;}
.detail-content .title{font-weight:bold;font-size:16px;margin:20px 0;}
.detailbox{width:100%;border:1px solid #e5e5e5;font-size:14px;}
.detailitem{line-height:40px;display:flex;align-items:center;flex-wrap:wrap;}
.detailitem:last-child{border-bottom:0;}
.detailitem p{display:flex;align-items:center;width: 50%;border-bottom:1px solid #e5e5e5;border-right:1px solid #e5e5e5;}
.detailitem p:last-child{border-bottom:0;}
.detailitem p:nth-child(2n){border-right:0;}

.detailitem p span{width: 30%;border-right:1px solid #eee;text-align:center;background:#f1f1f1;}
.detailitem p:first-child span{border-left:0;}
.detailitem p i{text-align:center;width:70%;}
.productitem{margin-bottom:20px;}
.productitem img{max-width:100%;}

.bar{line-height:50px;color:#333;background: #ffffff;padding:0 20px;font-size:16px;cursor:move;display:flex;align-items:center;border-bottom: 1px solid #eee;}
.bar span{margin-left:auto;}
.bar span::before,.bar span::after{content:'';width:20px;height:1px;display:block;background-color:#333;position:absolute;right:0;top:10px}
.bar span::before{transform:rotate(45deg);-webkit-transform:rotate(45deg)}
form.content{padding:40px;position:relative;max-height:744px;overflow-y:scroll;overflow-x:hidden}
form.content::-webkit-scrollbar{width:0}
form.content::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2);opacity:.2;background:fade(@primary-color,60%)}
form.content::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2);border-radius:0;background:fade(@primary-color,30%)}
.dialogform-item{display:flex;font-size:14px;line-height:36px;margin-bottom:20px;}
.dialogform-item .ltxt{margin-right:20px;width:100px;text-align:right;-ms-flex-negative:0;flex-shrink:0;}
.dialogform-item select{width:450px;height:36px;outline:none;border:1px solid #ddd;border-radius:4px;}
.sampleDialog{font-size:14px;opacity:1;z-index:9999;box-shadow:0 20px 20px 0 rgb(0 0 0/15%);position:fixed;top:6%;left:30%;right:0;background:#fff;width:40%}
.Sampleitem{padding: 20px;display: flex;background: #f1f1f1;margin-bottom: 20px;align-items: center;border-radius: 4px;}
.litem{width: 40%;}
.litem p:first-child{margin-bottom: 20px;}
.ritem{width: 60%;}
.ritem .Samplelist{display: flex;align-items: center;margin-bottom: 20px;}
.ritem .Samplelist:last-child{margin-bottom: 0;}
.ritem .Samplelist>span{margin-right: 20px;width:auto!important;}
.ritem .Samplelist>i{margin-right: 20px;font-weight: bold;}
.ritem .shop-num{width:40%;margin-left:auto;}
.Totaltxt{text-align: right;margin-bottom: 20px;}
.btnbox{text-align: center;}
.btnbox span{width: 120px;}
.btninfo{margin:20px 0;color:#1b75bc;cursor:pointer;text-decoration:underline;}
.dialog{width:500px;margin:0 auto;z-index:999;box-shadow:0 20px 20px 0 rgb(0 0 0 / 15%);position:fixed;top:20%;background:#fff;left:0;right:0;display:none;}
.dialog-title{line-height:50px;color: #333;background: #fff;border-bottom:1px solid #eee;padding:0 20px;font-size: 16px;display: flex;justify-content: space-between;align-items: center;}
.dialog-title .close{width: 30px;height: 30px;cursor:pointer;vertical-align:middle;font-size:0;position:relative;}
.dialog-title .close::before,.dialog-title .close::after{content:'';width: 28px;height: 1px;display:block;background-color: #555;position:absolute;right:0;top: 16px;}
.dialog-title .close::before{transform:rotate(45deg);}
.dialog-title .close::after{transform:rotate(-45deg);}
.dialog-content{padding:20px;min-height:50px;text-align:center;}
.dialog-content p{margin:10px 0;font-size:15px;}
.dialog-footer{text-align:center;margin: 20px auto;}
.registbtn{display:inline-block;font-size:13px;}
.registbtn a{text-decoration:underline;color:#3081c4;}
.btn{color:#fff;font-size:14px;line-height:32px;background:#3081c4;text-align:center;font-weight:700;cursor:pointer;display:inline-block;padding:0 26px;border-radius: 4px;;border:0;outline:0;margin-right:20px;}
.wbtn{color:#333;font-size:14px;line-height:32px;background:#fff;text-align:center;font-weight:700;cursor:pointer;display:inline-block;padding:0 26px;border-radius: 4px;;border:1px solid #ddd;outline:0;}
.dialog-footer .btn:last-child{margin-right:0;}
.btn:hover{opacity: .9;}
.wbtn:hover{color:#fff;background:#3081c4;}
.loading{position:fixed;left:0;top:0;width:100%;height:100%;background:#00000045;display:none;text-align:center;z-index:99999;}
.loading img{margin-top:14%;}
/*定制弹窗*/
.shop-num{line-height:40px;border:1px solid #e4e4e4;border-radius:4px;display:flex;align-items:center;background:#fff;}
.shop-num span{font-size: 24px;cursor:pointer;width:30px;text-align:center;flex-shrink:0;color: #999;font-weight: lighter;}
.shop-num span:first-child{border-right:1px solid #e4e4e4}
.shop-num span:last-child{border-left:1px solid #e4e4e4}
.shop-num input{width:100%;height:40px;line-height:40px;border:none;outline:none;text-align:center;border:0;}
.btn-whatsapp{width:100%;height:46px;text-align:center;line-height:46px;display:block;background:#fff;border:2px solid #4DC247;border-radius:8px;color:#4DC247;font-size:14px;font-weight:bold;position:relative;cursor:pointer;display: flex;justify-content: center;align-items: center;}
.btn-whatsapp>img{width:30px;height:30px;}
@media screen and (max-width:1600px) {
	.bannerwarp{width:870px!important;}
	.small_box{width:130px!important;height:740px!important;}
	.small_list{width:110px!important;height:700px!important;}
	.small_list ul{width:110px!important;}
	.small_list ul li{width:110px!important;height:110px!important;line-height:110px!important;}
	.arrow{width:110px!important;}
	#banner{width:740px!important;}
	#bannerlist li{width:740px!important;}
	#bannerlist li video{width:740px!important;height:740px!important;line-height:740px!important;}
	}
@media screen and (max-width:1366px) {
	.bannerwarp{width:660px!important;}
	.small_box{width:100px!important;height:560px!important;}
	.small_list{width:100px!important;height:520px!important;}
	.small_list ul{width:100px!important;}
	.small_list ul li{width:80px!important;height:80px!important;line-height:80px!important;}
	.arrow{width:80px!important;}
	#banner{width:560px!important;}
	#bannerlist li{width:560px!important;}
	#bannerlist li video{width:560px!important;height:560px!important;line-height:560px!important;}
	.sampleDialog{left:25%;width:50%}
	.info {width: 46%!important;}
	}