.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);-webkit-transform:rotate(-45deg);}
.home-quotation{height:350px;margin-bottom:20px;width:100%;display: -webket-flex;display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align:center;-webkit-align-items:center;position:relative;}
.home-quotation>div{display:inline-block;vertical-align:middle;}
.home-quotation .bg{position:absolute;left:0;top:0;z-index:-1;padding:0 20px;height:350px;width:100%;overflow:hidden;}
.home-quotation .bg img{height:100%;width:100%;}
.quotation-left {padding-left: 80px;width: 58%;}
.quotation-left .title{font-size:28px;color:#fff;margin-bottom:70px;}
.quotation-left ul li{display:inline-block;margin-right:40px;margin-bottom:20px;width:210px;}
.quotation-left ul li:last-child{margin-right:0;}
.numtext{display:inline-block;}
.quotation-left ul li .icon{width:60px;height:60px;flex-shrink:0;margin-right:20px;display:inline-block;}
.quotation-left ul li .icon img{width:60px;height:60px;}
/*.quotation-left ul li .icon-01{background:url(images/quotation-icon-01.png);}
.quotation-left ul li .icon-02{background:url(images/quotation-icon-02.png);}
.quotation-left ul li .icon-03{background:url(images/quotation-icon-03.png);}*/
.numtext .counter,.numtext span{font-size:24px;color:#fff;display:inline-block;font-weight:bold;}
.numtext .counter{min-width:104px;}
.numtext p{font-size:16px;color:#fff;margin-top:6px;}
.quotation-right .warp{width:480px;margin:0 auto;}
.quotation-right p{color:#fff;font-size:24px;margin-bottom:20px;}
.quotation-right p.error-tip{color:red;font-size:14px;margin-bottom:10px;display:none}
.quotation-right{width:40%;}
.quotation-right input{margin-bottom:10px;border:0;outline:0;height:40px;line-height:40px;width:100%;padding:0 20px;}
.quanity-item{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;}
.quanity-item input{width:230px;margin-right:20px;display:inline-block;float:left;}
.quotation-btn{width:230px;height:36px;line-height:36px;background: #1b75bc;display:block;text-align:center;color:#fff;border-radius:18px;font-size:14px;}
.quotation-btn:hover{box-shadow:0 8px 17px 0 rgb(0 0 0 / 15%);}
.quotation-right  select{width:230px;border:0;outline:0;height:40px;line-height:40px;}
.custom-filter .mtitle{border-bottom:1px dashed #dedede;}
.custom-filter h1{color:#666666;font-weight:bold;font-size:18px;display:inline-block;}
.custom-filter .mtitle span{color:#585858;font-size:12px;margin-left:20px;}
.custom-filter{line-height:36px;margin:0 20px;background:#fff;padding:20px;}
.custom-filter h5{color:#666666;font-weight:bold;font-size:18px;border-bottom:1px dashed #dedede;}
.custom-filter h5 span{color:#585858;font-size:12px;margin-left:20px;}
.custom-filter span.filer-title{width:80px;display:inline-block;color:#666;font-weight:bold;margin-left:0;}
.custom-filter a{display:inline-block;line-height:22px;color:#333;margin-right:20px;font-size:14px;}
.custom-filter a:hover{color:#225c8b;}
.custom-filter a.active{padding:0 20px;color:#225c8b;border:1px solid #225c8b;font-weight:bold;padding-right:30px;}
.custom-filter .close{margin-left:-50px;margin-right:30px;cursor:pointer;}
.close{width:20px;height:20px;vertical-align:middle;font-size:12px;display:inline-block;position:relative;margin-left:10px;cursor:pointer;}
.close::before,.close::after{content:'';width:10px;height:1px;display:block;background-color:#225c8b;position:absolute;right:0;top:8px;}
.close::before{transform:rotate(45deg);-webkit-transform:rotate(45deg);}
.close::after{background: #1b75bc;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);}
.category-filer{border-bottom:1px dashed #dedede;}
.country-filer{width:100%;position:relative;}
.country-filer .country-list{position:relative;display:inline-block;width:82%;vertical-align:top;}
.country-filer .dropdown{position:absolute;display:inline-block;right:12px;top:0;}
#countryNow{display:none;}
.country-filer .dropdown ul{position:absolute;z-index:1;background:#fff;padding:0 20px;display:none;border:1px solid #e4e7ed;border-radius:4px;box-shadow:0 2px 12px 0 rgb(0 0 0 / 10%);height:400px;overflow-y:scroll;min-width:270px;right:0;padding-right:0;}
.country-filer .dropdown ul::before{content:"";position:absolute;top:-5px;width:10px;height:10px;left:44px;background:#fff;border-left:1px solid #e4e7ed;border-top:1px solid #e4e7ed;transform:rotate(45deg);-webkit-transform:rotate(45deg);}
.country-filer .dropdown ul li{line-height:36px;cursor:pointer;}
.country-filer .dropdown ul a{margin-right:0;display: block;}
.country-filer .dropdown ul .close{margin-right:0;margin-left:-36px;}
.country-filer .country{height:12px;margin-right:10px;vertical-align:middle;width:18px;}
.country-filer a i{display:inline-block;color:#585858;font-style:normal;margin-left:10px;}
.warp-content{width:100%;min-height:400px;padding:0 20px;margin:20px auto;position:relative;display:flex;}
.left-content{width:78%;padding:20px;background:#fff;margin-right:20px;display:inline-block;}
.requestlist li{margin-bottom:20px;padding-bottom:20px;border-bottom:1px dashed #73ace6;font-size:14px;}
.buyerinfo{padding:20px 0;border-bottom:1px dashed #dedede;}
.buyerinfo>div{display:inline-block;}
.buyerinfo>span{display:inline-block;}
.buyerinfo>span.postto{margin-left:100px;}
.buyerinfo span{color:#585858;margin-right:20px;}
.buyerinfo span.buyer{color:#225c8b;font-weight:bold;font-size:14px;}
.buyerinfo i,.buyerinfo em{font-style:normal;font-weight:normal;font-size:12px;margin:0 4px;}
.buyerinfo i{width: 40px; text-overflow: ellipsis;display: inline-block;vertical-align: middle; overflow: hidden; white-space: nowrap; position: relative;font-weight:bold;}
.buyerinfo img{vertical-align:middle;height:12px;margin:0 10px;width:18px;}
.buyerinfo span.suppliertext{-ms-flex-negative: 0;flex-shrink: 0;color:#225c8b;font-weight:bold;margin-right:0;float:right;}
.suppliertext i{width:40px;text-overflow:ellipsis;display:inline-block;vertical-align:middle;overflow:hidden;white-space:nowrap;font-weight:bold;position:relative;}
.suppliertext em{color:#585858;}
.emailcontent{margin:10px 0px;line-height:25px;color:#666;}
.right-content{width:300px;text-align:center;-ms-flex-negative: 0;flex-shrink: 0;display:inline-block;vertical-align:top;float:right;}
.rtop>.title{font-size:16px;font-weight:bold;margin-bottom:20px;color:#225c8b;}
.right-content img{width:154px;height:699px;}
.pagination{text-align:center;}
.pagination li{display:inline-block;width:30px;height:30px;line-height:30px;text-align:center;margin-right:10px;background:#fff;border:1px solid #ededed;color:#585858;cursor:pointer;}
.pagination li:hover{text-decoration:underline;}
.pagination li:first-child,.pagination li:last-child{width:50px;}
.pagination li.active{background: #1b75bc;padding:0;}
.pagination li.active span,.pagination li.active a{color:#fff;}
.orderbox{display:flex;align-items:center;}
.orderbox span{margin-right:20px;font-size:14px;cursor:pointer;display:flex;align-items:center;}
.orderbox span.act{color: #d81e06;}
.orderbox i {font-size: 16px;color: #333;margin-left:10px;}
.orderbox span.act i {color: #d81e06;}
.down-arrow,.up-arrow{width:18px;height:18px;display:inline-block;}
.down-arrow{background:url(images/down-arrow.png)}
.up-arrow{background:url(images/up-arrow.png)}
.buyerinfo-top{margin-top:20px;}
.buyerinfo-top .title{font-weight: 700;font-size: 15px;}
.buyerinfo-top .buyer{display:inline-flex;align-items:center;}
.buyerinfo-top .tip {color: #fff;background: #aaaaaa;padding:2px 6px;border-radius:2px;margin-left:20px;}
.buyer i{font-style:normal;width:40px;text-overflow:ellipsis;display:inline-block;vertical-align:middle;overflow:hidden;white-space:nowrap;position:relative;font-weight:700;margin-right:20px;}
.buyer em{font-style:normal;font-weight:400;font-size:12px;margin:0 4px;}
.buyer em img{vertical-align:middle;width:18px;height:12px;}
.buyerinfo-content{display:flex;align-items:center;justify-content:space-between;}
.buyer-left{width:80%;}
.date{margin-bottom:10px;}
.date span{margin-right:20px;}
.buyer-imgbox{display:flex;}
.buyer-imgbg{width:50px;height:50px;display:flex;margin-right:10px;align-items:center;justify-content:center;border:1px solid #ddd;}
.buyer-imgbg img{max-width:100%;max-height:100%;}
.buyer-right{text-align:center;}
.btn-quote{color:#fff;background:#1b75bc;padding:10px 0;width:110px;text-align:center;cursor:pointer;margin-bottom:10px;border-radius:4px;}
.btn-quote.disabled{background: #aaaaaa;cursor:auto;}
#ReplyNow.disabled {background: #aaaaaa;cursor: not-allowed;}
#SendMessage.disabled {background: #aaaaaa;cursor: not-allowed;}
.btn-quote.quoted{background: #aaaaaa;}
.QuoteDialog {z-index: 9999;box-shadow: 0 20px 20px 0 rgb(0 0 0 / 15%);position: fixed;top: 4%;left: 20%;background: #fff;width: 60%;}
.bar{line-height:40px;color:#fff;background:#4da8f3;padding:0 20px;font-size:14px;cursor:move;font-weight:bold;}
.bar span{display:inline-block;float:right;}
.bar span::before,.bar span::after{content:'';width:20px;height:1px;display:block;background-color:#ffffff;position:absolute;right:0;top:20px;}
.bar span::before{transform:rotate(45deg);-webkit-transform:rotate(45deg);}
.content-top{text-align:center;padding-bottom:20px;margin-bottom:20px;border-bottom:1px dashed #ddd;}
.topimg{width:150px;height:150px;display:flex;align-items:center;justify-content:center;margin:0 auto;border:1px solid #ddd;}
.topimg img{max-width:100%;max-height:100%;}
.toptitle{color: #0033b2;text-align: center;font-size: 18px;width: 100%;display: block;white-space: normal;word-break: normal;word-wrap: break-word;line-height: 28px;font-weight:bold;margin:20px 0;}
.toptitle a{font-weight:normal;font-size:14px;text-decoration:underline;}
.contenttxt{text-align:left;font-size:14px;line-height:18px;margin-bottom:10px;}
.content-top .date{text-align:right;}
.content-buyer{padding-bottom:20px;margin-bottom:40px;border-bottom:1px dashed #ddd;font-size:14px;}
.content-buyer p.tit{font-weight:bold;margin-bottom:10px;}
.content-buyer span{margin-right:20px;vertical-align:middle;display:inline-flex;align-items:center;}
.content-buyer span i{font-style:normal;}
.content-buyer span i img{vertical-align:middle;height:12px;margin:0 10px;width:18px;}
.QuoteDialog .content{padding:20px;position:relative;max-height:744px;overflow-y:scroll;overflow-x:hidden;}
.QuoteDialog .content::-webkit-scrollbar{width:4px;}
.QuoteDialog .content::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);opacity:0.2;background:fade(@primary-color,60%);}
.QuoteDialog .content::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);border-radius:0;background:fade(@primary-color,30%);}

#Quotedcontent{overflow-y:scroll;max-height:700px;}
.QuoteDialog .form-item{margin-bottom:16px;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;position:relative;}
.QuoteDialog .form-item span{margin-right:20px;text-align:right;-ms-flex-negative:0;flex-shrink:0;}
.QuoteDialog .form-item .right-item{width:93%;}
.QuoteDialog .form-item i{color:red;font-style:normal;margin-right:10px;display:inline-block;}
.QuoteDialog .form-item .PopUpTextarea{width:100%;min-height:120px;padding:10px;border:1px solid #dedede;overflow:hidden;}
.QuoteDialog .form-item .PopUpTextarea:focus{border-color:transparent;outline:1px solid #4da8f3;}
.errortip{color:#f56c6c;font-size:12px;line-height:1;font-weight:bold;width:auto!important;margin-left:10px;}
.QuoteDialog .form-item span.uploadicon{color:#4da8f3;cursor:pointer;font-size:14px;margin:0;display:block;width:180px;text-align:left;margin-bottom:10px;}
.QuoteDialog .form-item span.uploadicon img{vertical-align:middle;margin-right:6px;}
.QuoteDialog .form-item .auto-tip li span{margin-right:0;}
.img-cont{display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;}
.img-cont>div{position:relative;}
.img-cont>div>div{height:100px;width:100px;line-height:100px;margin-right:20px;text-align:center;border:1px solid #dedede;overflow:hidden;}
.img-cont img{max-width:100%;max-height:100%;vertical-align:middle;}
.img-cont .close{background:#d62c2c;border-radius:50%;position:absolute;top:0;right:10px;width:20px;height:20px;vertical-align:middle;font-size:12px;display:inline-block;cursor:pointer;}
.img-cont .close::before{transform:rotate(45deg);-webkit-transform:rotate(45deg);}
.img-cont .close::after{background: #1b75bc;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);}
.img-cont .close::before,.img-cont .close::after{content:'';width:12px;height:2px;display:block;background-color:#fff;position:absolute;right:4px;top:9px;}
.img-contlist{display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;}
.img-contlist>div{position:relative;}
.img-contlist>div>div{height:100px;width:100px;line-height:100px;margin-right:20px;text-align:center;border:1px solid #dedede;overflow:hidden;}
.img-contlist img{max-width:100%;max-height:100%;vertical-align:middle;}
.img-contlist .close{background:#d62c2c;border-radius:50%;position:absolute;top:0;right:10px;width:20px;height:20px;vertical-align:middle;font-size:12px;display:inline-block;cursor:pointer;}
.img-contlist .close::before{transform:rotate(45deg);-webkit-transform:rotate(45deg);}
.img-contlist .close::after{background: #1b75bc;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);}
.img-contlist .close::before,.img-contlist .close::after{content:'';width:12px;height:2px;display:block;background-color:#fff;position:absolute;right:4px;top:9px;}
.numinfo{text-align:center;margin:20px 0;font-size:14px;}
.warninginfo{text-align:center;color:red;margin:20px 0;font-size:14px;}
.QuoteDialog .btn-submit{color:#fff;font-size:14px;line-height:40px;background: #1b75bc;text-align:center;font-weight:700;cursor:pointer;display:inline-block;width:280px;text-align:center;border:0;outline:0;margin: 0 auto;border-radius:4px;}
.QuoteDialog .btn-submit.disabled{color: #256ba9;border: 1px solid #256ba9;background:#fff;}
.message-list{border-bottom:1px solid #eee;padding:30px;margin-bottom:20px;}
.message-list .buyer,.message-list .supplier{color:#666;overflow:hidden;margin-bottom:20px;}
.message-list .message-content:before{content:"";position:absolute;width:10px;height:10px;top:-5px;border-top:1px solid #eee;border-left:1px solid #eee;background:#f5f5f5;-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.container .message-list .buyer .message-content:before{content:"";border-top:1px solid #c1e1ff;border-left:1px solid #c1e1ff;background:#d6ebff;right:30px;}
.message-list .message-content .message{border-bottom:1px solid #dedede;padding-bottom:10px;}
.container .message-list .buyer .message-content .message{border-bottom:1px solid #f4faff;}
.message-list .buyer .message-role{text-align:right;}
.message-list .buyer span{color:#333;font-weight:700;}
.message-list .message-content{display:inline-block;min-width:40%;padding:20px 10px 10px;background:#f5f5f5;margin-top:20px;line-height:27px;border-radius:5px;border:1px solid #eee;position:relative;}
.message-list .buyer .message-content{background:#d6ebff;border:1px solid #c1e1ff;float:right;}
.message-content .replay-time{text-align:right;font-size:12px;}
.buyer-imgbg img{cursor:pointer;}
.maskbg{position:fixed;left:0;top:0;right:0;bottom:0;background-color:#000;opacity:.5;filter:Alpha(opacity=50);z-index:10000;transition:all 1s;display:none;text-align:center;}
.mask{position:fixed;left:0;top:0;right:0;bottom:0;z-index:10001;display:none;text-align:center;}
.mask .imgbox{display:flex;align-items:center;justify-content:center;margin:0 auto;margin-top:100px;position:relative;}
.mask .bigimg{max-width:100%;max-height:100%;}
.countryTaiwanChina{display:none!important;}
.logobg{width:70px;height:50px;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;align-items:center;justify-content:center;border:1px solid #eee;-ms-flex-negative:0;flex-shrink:0;margin-right:10px}
.logobg img{max-width:90%;max-height:90%}
.companyinfo{display:flex;align-items:center}
.companyinfo .country{color:#585858;margin-top:10px;text-align:left;}
.companyinfo p img{height:12px;margin-right:10px;width:18px}
.companyinfo .title{word-wrap:break-word;word-break:normal;white-space:normal;width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:700;text-align:left;}
.rtop{padding:20px;background:#fff;margin-bottom:20px;}
.hot-supplier{padding:20px;background:#fff;}
.hot-supplier>a{padding-bottom:20px;margin-bottom:20px;border-bottom:1px dashed #ddd;display:block;}
.hot-supplier>a:last-child{border-bottom:0;margin-bottom:0;}
.ibox{display:flex;align-items:center;justify-content:center;width:100%;height:260px;margin:10px 0;border:1px solid #eee;} 
.ibox img{max-width:100%;max-height:100%;width:auto;height:auto;}
.hot-supplier a .mainproduct{color:#666;word-wrap:break-word;word-break:normal;white-space:normal;width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;text-align:left;}
.hot-supplier a span{color:#333;margin-bottom:10px;display:inline-block;font-weight:700}
.stitle {color: #666;font-size: 14px;font-weight: bold;margin-bottom: 20px;border-left: 2px solid #225c8b;padding-left: 10px;text-align:left;}
@media screen and (max-width:1600px) {
	.QuoteDialog .content{max-height: 620px;}

}
@media screen and (max-width:1440px) {
	.right-content {width: 278px;}
	.QuoteDialog .content{max-height: 620px;}
	}
@media screen and (max-width:1366px){
	.QuoteDialog .content{max-height: 500px;}
	.country-filer .country-list{width:76%;}
	.quotation-left {padding-left: 50px;}
	.buyerinfo>span.postto{margin-left:30px;}
	.right-content {width: 260px;}
	#Quotedcontent{max-height:510px;}
	.ibox {height:220px;}
	}
@media screen and (max-height:700px){
	#Quotedcontent{max-height:400px;}
	}
@media screen and (max-width:1280px) {
	.left-content {padding: 10px;}
	.quotation-left {padding-left: 40px;width:62%;}
	.quotation-right { width: 35%;}
	.quotation-right .warp {width: 420px;}
	.quanity-item input {width: 200px;}
	.quotation-right select {width: 200px;}
	}
@media screen and (max-width:1080px) {
	.right-content{width:200px;}
	.quotation-right .warp {width: 340px;}
	.quanity-item input {width: 160px;}
	.quotation-right select {width: 160px;}
	.quotation-left ul li {margin-right: 10px;width: 194px;}
	.quotation-left ul li .icon {margin-right: 6px;}
	.numtext .counter {min-width: 94px;}
}
@media screen and (max-width:1024px){
	.right-content{width:180px;}
	.buyerinfo span{margin-right:16px;}
	.quotation-right .warp {width: 300px;}
	.quanity-item input {width: 140px;}
	.quotation-right select {width: 140px;}
	.quotation-left {padding-left: 30px;width: 64%;}
	}