.custom-nav{margin:0 20px;line-height:50px;}
.custom-nav a{display:inline-block;color:#525252;}
.custom-nav a:first-child{color:#555;}
.custom-nav a:hover{color:#225c8b;}
.custom-nav i{display:inline-block;position:relative;width:5px;height:14px;vertical-align:middle;margin:0 10px;}
.custom-nav i:after{content:'';position:absolute;right:0;top:2px;width:5px;height:5px;border-right:1px solid #333;border-bottom:1px solid #333;transform:rotate(-45deg);}
.detail-top{display: -webkit-flex;display: -moz-flex;display: -ms-flexbox;display: flex;background:#fff;margin:0 20px 20px 20px;padding:20px;}
.bannerwarp{position:relative;width:600px;-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;}
#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;}
.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;}
.bannerbigImgwarp img{max-width:100%;max-height:100%;}
#smallimg{display:flex;width:100%;margin:20px auto 0 auto;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;}
#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;}
.bannerclose::before,.bannerclose::after{content:'';width:40px;height:2px;display:block;background-color:#ffffff;position:absolute;right:0;top:40px;}
.bannerclose::after{transform:rotate(-45deg);-webkit-transform:rotate(-45deg);}
.bannerclose::before{transform:rotate(45deg);-webkit-transform:rotate(45deg);}
.fav-share-wrap{display: box;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;align-items:center;justify-content:center;margin-top:20px;line-height:24px;}
.fav-share-wrap .nofollow {padding: 0 30px;background: url(images/icon-nofollow.png)left center no-repeat;margin-right: 20px;border-right: 1px solid #dedede;cursor:pointer;}
.fav-share-wrap .nofollow:hover{background-image:url(images/icon-nofollow-h.png);color:#ff7519;}
.fav-share-wrap .followed{padding:0 30px;background:url(images/icon-followed.png)left center no-repeat;margin-right:20px;border-right:1px solid #dedede;cursor:pointer;}
.fav-share-wrap .share{cursor:pointer;padding-left:30px;background:url(images/icon-share.png)left center no-repeat;position:relative;}
.fav-share-wrap .share:hover{background-image:url(images/icon-share-h.png);color:#ff7519;}
.share-box{display:none;line-height:16px;border:1px solid #ced3d9;border-radius:3px;box-shadow:2px 2px 3px rgb(7 10 12 / 10%);position:absolute;z-index:1;padding:10px;background:#fff;white-space:nowrap;top:24px;left:0;}
.fav-share-wrap .share:hover .share-box{display:block;}
.share-box:before,.share-box:after{content:"";position:absolute;width:0;height:0;border:6px solid transparent;}
.share-box:before{border-bottom-color:#ced3d9;top:-13px;left:24px;}
.share-box:after{border-bottom-color:#fff;top:-12px;left:24px;}
.share-box a{display:inline-block;width:16px;height:16px;background-position:0 0;background:url(images/share-icon.png);margin-right:6px;}
.share-box a.twitter{background-position-y:-32px;}
.share-box a.pinterest{background-position-y:-64px;}
.share-box a.linkedin{background-position-y:-96px;}
.share-box a.email{background-position-y:-128px;margin-right:0}
.share-box a:hover{opacity:.8;}
.info{width:40%;padding:20px;position:relative;}
.info-item{display: -webkit-flex;display: -moz-flex;display: -ms-flexbox;display: flex;margin-bottom:22px;}
.info .price{font-weight:700;font-size:18px;color:#d31515;margin-bottom:20px;}
.aftersale{font-weight:bold;padding-top:20px;border-top:1px  dashed #dedede;margin-top:20px;}
.info>h1{font-weight:bold;font-size:16px;margin-bottom:30px;}
.info-item span{margin-right:20px;color:#585858;}
.info-item i{font-style:normal;display: -webkit-inline-box;display: -ms-inline-flexbox;display: -webkit-inline-flex;display: inline-flex; align-items:center;flex-wrap:wrap;}
.info-item i em:last-child{display:none;}
.info-item img{height:12px;margin-right:10px;width:18px;}
.info-item em{display:inline-block;position:relative;width:5px;height:14px;vertical-align:middle;margin:0 6px;}
.info-item em:after{content:'';position:absolute;right:2px;top:4px;width:5px;height:5px;border-right:1px solid #333;border-bottom:1px solid #333;transform:rotate(-45deg);}
.info .btn-contact{width:100%;height:36px;text-align:center;line-height:36px;display:block;background: #1b75bc;border-radius:4px;color:#fff;font-size:14px;cursor:pointer;}
.btn-contact:hover{box-shadow:0 4px 8px 0 rgb(0 0 0 / 30%);}
.btn-contact span{width:20px;height:20px;line-height:20px;display:inline-block;background:url(images/email-icon.png)center no-repeat;vertical-align:middle;margin-right:10px;}
.div-buttons { display: flex;align-content:center;align-items:center;}
.div-buttons p {margin-right: 10px;}
.info .btn-order {width: 100%;height: 36px;text-align: center;line-height: 36px;display: inline-block;background: #1b75bc;border-radius: 4px;color: #fff;font-size: 14px;cursor: pointer;}
.btn-order:hover {box-shadow: 0 4px 8px 0 rgb(0 0 0 / 30%);text-decoration: underline;}
.btn-order span {width:20px;height: 20px;line-height: 20px;display: inline-block;background: url(images/post.png)center no-repeat;vertical-align: middle;margin-right: 10px;}
.brand{padding:0;text-align:left;}
.brand .imgbox{width:100%;height:116px;line-height:110px;border:1px solid #dedede;text-align:center;}
.brand .imgbox img{max-width:100%;max-height:100%;vertical-align:middle;}
.brand .title{margin: 20px 0;font-weight:700;}
.brand p{white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;color:#585858;text-align:left;margin-bottom:20px;}
.brand p i{font-style:normal;margin-left:20px;}
.brand  .country img{height:12px;margin-right:10px;width:18px;}
.brand .btn-view{background:#fff;border:1px solid #225c8b;border-radius:4px;width:100%;line-height:36px;display:block;color:#225c8b;font-size:14px;margin-top:50px;}
.brand .btn-view:hover{background: #1b75bc;color:#fff;}
.postmachine{display:block;padding:20px;text-align:center;line-height:1;background: #1b75bc;box-shadow:0 5px 10px 0 rgb(10 33 51 / 30%);margin-bottom:40px;margin-top:20px;color:#fff;}
.postmachine:hover{text-decoration:underline;box-shadow:0 5px 10px 0 rgb(10 33 51 / 60%);}
.postmachine .icon{width:20px;height:40px;vertical-align:middle;display:inline-block;background:url(images/post.png)center no-repeat;background-size:100%;margin-right:10px;}
.warp-content{padding:20px;margin:0 20px 20px 20px;background:#fff;}
.item{margin-bottom:50px;}
.item>p{line-height:24px;margin-bottom:10px;}
.recommended-box{border-top:1px dashed #dedede;padding-top:20px;margin-top:100px;}
.recommended-box .title{font-weight:bold;font-size:14px;margin-bottom:20px;}
.recommended-wrap{display: -webkit-flex;display: -moz-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap;flex-wrap: wrap;width: 80%;}
.recommended-wrap .recommended-item{width:23%;margin-right:20px;margin-bottom:20px;box-shadow:0 2px 4px 0 rgb(0 0 0 / 15%);display:inline-block;}
.recommended-wrap .recommended-item:nth-child(4n){margin-right:0;}
.recommended-wrap .recommended-item:hover{box-shadow:0 8px 17px 0 rgb(0 0 0 / 15%);}
.recommended-wrap .imgbox{width:100%;height:270px;line-height:270px;border:1px solid #dedede;text-align:center;display:block;}
.recommended-wrap .imgbox img{max-width:100%;max-height:100%;vertical-align:middle;}
.recommended-wrap .recomname{margin:20px;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;height:36px;overflow:hidden;}
.recommended-wrap .recomname a{font-size:14px;line-height:18px;}
.recommended-wrap .recomname:hover a{color:#225c8b;}
.recommended-wrap a .price{font-size:14px;color:#cd0808;font-weight:700;margin-right:20px;border-right:1px solid #eee;padding-right:20px;}
.recommended-wrap a .company{margin:0 20px 20px 20px;display: -webkit-flex;display: -moz-flex;display: -ms-flexbox;display: flex;align-items:center;}
.recommended-wrap a .company img{height:12px;margin-left:10px;}
.warp-content .title{color:#666;font-size:14px;font-weight:bold;margin-bottom:20px;border-left:2px solid #225c8b;padding-left:10px;}
.warp-content h5{margin-bottom:20px;}
.warp-content p{color:#666;margin-bottom:20px;}
.video-box{display: -webkit-flex;display: -moz-flex;display: -ms-flexbox;display: flex;}
.video-item{margin-right:40px;}
.video-title{height:50px;border:1px solid #dedede;text-align:center;line-height:50px;background:#eee;}
.payment{display:flex;flex-wrap:wrap;}
.payment span{margin-right:20px;}
.payment img{height:12px;margin-right:20px;margin-bottom:10px;}
.detail-youlike {
	display: box;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	background: #fff;
	margin: 0 20px 20px 20px;
	padding: 20px;
	width: 97.5%;
}
.youlike-box {
	padding-top: 20px;
	width: 97.5%;
}
.detail-youlike .youlike-box .title {
	color: #666;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 20px;
	border-left: 2px solid #225c8b;
	padding-left: 10px;
}
.youlike-wrap {
	display: box;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
}
.youlike-wrap .youlike-item {
		width: 19.2%;
		margin-right: 1%;
		margin-bottom: 20px;
		box-shadow: 0 2px 4px 0 rgb(0 0 0 / 15%);
		display: inline-block;
	}
.youlike-wrap .youlike-item:nth-child(5n){margin-right:0;}
.youlike-wrap .imgbox {
		width: 100%;
		height: 225px;
		line-height: 225px;
		border: 1px solid #dedede;
		text-align: center;
		display: block;
	}
.youlike-wrap .imgbox img {
	max-width: 100%;
	max-height: 100%;
	vertical-align: middle;
}
.youlike-wrap .recomname {
	margin: 20px;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	height: 36px;
	overflow: hidden;
}
.youlike-wrap .recomname a {
	font-size: 14px;
	line-height: 18px;
}
@media screen and (max-width:1600px){
	.info{width:48%;}
	.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;height:740px!important;}
	#bannerlist li{width:740px!important;height:740px!important;line-height:740px!important;}
	#bannerlist li video{width:740px!important;height:740px!important;line-height:740px!important;}
}
@media screen and (max-width:1366px) {
	.info .btn-contact{bottom:60px;}
	.info{width:48%;}
	.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;height:560px!important;}
	#bannerlist li{width:560px!important;height:560px!important;line-height:560px!important;}
	#bannerlist li video{width:560px!important;height:560px!important;line-height:560px!important;}
}