﻿﻿
.supplierinfo h5{color:#172e54;font-size:14px;font-weight:bold;}
.supplierinfo{display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;}
.supplierinfo .left{width:100px;-ms-flex-negative:0;flex-shrink:0;margin-right:20px;}
.supplierinfo .left .img-box{width:100px;height:100px;line-height:100px;text-align:center;border:1px solid #dedede;}
.supplierinfo .left .img-box img{max-width:96%;max-height:96%;vertical-align:middle;}
.supplierinfo .left a{width:100%;height:30px;line-height:30px;color:#fff;background:#1b75bc;display:block;text-align:center;margin-top:10px;}
.supplierinfo .right{width:80%;}
.supplierinfo .right h5{margin-bottom:20px;}
.supplierinfo .right p{margin-bottom:10px;}
.type{color:#585858;}
.webSite{margin-top:20px;}
.supplierinfo .right p a{text-decoration:underline;color:#225c8b;}
.supplierinfo .right p span{color:#585858;}
.supplierinfo .right img{height:12px;margin-right:10px;}
.menunav{display:box;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;width:100%;}
.menunav li{-webkit-box-flex:1;-moz-box-flex:1;width:20%;-webkit-flex:1;-ms-flex:1;flex:1;line-height:30px;text-align:center;background:#fff;font-size:14px;cursor:pointer;border:1px solid #dedede;}
.menunav li:nth-child(2){border-right:0;border-left:0;}
.menunav li.act{border-top-color:#225c8b;border-bottom:0;border-left:0;font-weight:bold;color:#225c8b;}
.menunav li:last-child.act{border-right:0;border-left:1px solid #dedede;}
.menunav li.act a{font-weight:bold;color:#225c8b;}
.tabs{background:#fff;padding:20px 0;}
.productlist{display:box;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-lines:multiple;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;-o-flex-wrap:wrap;flex-wrap:wrap;}
.productlist li{width:18.7%;margin-right:20px;margin-bottom:20px;display:inline-block;}
.productlist li:nth-child(5n){margin-right:0;}
.productlist li:hover{box-shadow:0 8px 17px 0 rgb(0 0 0 / 15%);}
.productlist li .img-box{width:100%;height:273px;display:flex;align-items:center;justify-content:center;margin:0 auto;text-align:center;border:1px solid #dedede;overflow:hidden;}
.productlist li .img-box img{max-width:98%;max-height:98%;vertical-align:middle;}
.productlist li .pname{display:-webkit-box;overflow:hidden;font-weight:700;font-size:14px;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:25px;margin-bottom:10px;height:50px;}
.productlist li .pname a{overflow:hidden;font-weight:700;font-size:14px;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:25px;margin-bottom:10px;height:50px;}
.productlist li .pname:hover a{color:#225c8b;text-decoration:underline;}
.productlist li .cname{display:block;margin-bottom:10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.productlist li .company{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#666;}
.productlist li .company:hover{text-decoration:underline;color:#225c8b;}
.slabsproductlist li{width:21.7%;margin-right:14px;margin-bottom:5px;display:inline-block;}
.slabsproductlist li .img-box{width:100%;height:132px;line-height:128px;margin:0 auto;text-align:center;border:1px solid #dedede;overflow:hidden;display:block;}
.slabsproductlist li .img-box img{max-width:98%;max-height:98%;vertical-align:middle;}
.slabsproductlist li .pname{display:-webkit-box;overflow:hidden;font-weight:700;font-size:12px;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:10px;margin-bottom:3px;height:20px;}
.slabsproductlisttext-box{padding:10px;}
.text-box{padding:20px;}
.text-box .textinfo{color:#585858;line-height:20px;margin-bottom:20px;margin-top:10px;height:30px;}
.text-box .textinfo img{vertical-align:middle;}
.DiamondMember img{width:30px;height:30px;}
.text-box .textinfo span{position:relative;}
.text-box p{color:#585858;}
.textinfo .notes{display:none;position:absolute;background-color:white;border:1px solid #dedede;left:-80px;top:20px;color:#585858;width:186px;word-wrap:break-word;padding:10px;visibility:hidden;z-index:9;font-style:normal;}
.textinfo .notes:before{content:"";position:absolute;top:-5px;width:10px;height:10px;left:90px;background:#fff;border-left:1px solid #e4e7ed;border-top:1px solid #e4e7ed;transform:rotate(45deg);-webkit-transform:rotate(45deg);}
.textinfo span:hover .notes{visibility:visible;}
.textinfo .idicon,.textinfo .level{}
.textinfo .idicon img{height:20px;width:17px;}
.textinfo .DiamondMember img{height:30px;vertical-align:middle;margin:0 10px;width:30px;}
.textinfo .quarryid img{height:20px;vertical-align:middle;margin-right:10px;}
.textinfo .country{color:#585858;}
.textinfo .country img{height:12px;margin-right:10px;width:18px;}
.tabs .btn-contact{width:80%;height:30px;text-align:center;line-height:30px;display:block;background:#1b75bc;border-radius:4px;color:#fff;font-size:14px;cursor:pointer;}
.tabs .btn-contact:hover{box-shadow:0 4px 8px 0 rgb(0 0 0 / 30%);text-decoration:underline;}
.tabs .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;}
.moreview{float:right;font-style:normal;position:relative;padding-right:20px;font-weight:bold;color:#225c8b;cursor:pointer;}
.moreview:after{content:'';position:absolute;right:0;top:3px;width:5px;height:5px;border-left:1px solid #333;border-bottom:1px solid #333;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);}
.moreview:hover{text-decoration:underline;}
.pricelist li{display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;margin-bottom:20px;padding:20px 0;}
.pricelist li .img-box{width:18%;-ms-flex-negative:0;flex-shrink:0;height:228px;line-height:228px;text-align:center;border:1px solid #dedede;}
.pricelist li .img-box img{max-width:100%;max-height:100%;vertical-align:middle;}
.pricelist li .price-box{width:64%;margin:0 20px;}
.pricelist li .price-box .pname{margin-bottom:20px;}
.pricelist li .price-box .pname a{overflow:hidden;font-weight:700;font-size:14px;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:25px;margin-bottom:10px;height:50px;}
.pricelist li .price-box .pname:hover a{color:#225c8b;text-decoration:underline;}
.pricelist li .price-box .title span{margin-right:10px;}
.pricelist li .price-box .title i{font-style:normal;margin-left:10px;color:#585858;}
.pricelist li .company-box{width:18%;}
.pricelist li .company-box .companyname{display:-webkit-box;width:100%;overflow:hidden;font-size:14px;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:20px;}
.pricelist li .company-box .companyname a{width:100%;overflow:hidden;font-size:14px;-webkit-box-orient:vertical;-webkit-line-clamp:2;height:50px;line-height:20px;}
.pricelist li .company-box .companyname a:hover{text-decoration:underline;color:#225c8b;}
.pricelist li .company-box p{margin-bottom:30px;}
.pricelist li .company-box p img{height:14px;margin-right:10px;vertical-align:middle;}
.pricelist li .company-box p .idicon{height:20px;margin-left:10px;}
.pricelist li .company-box p .level{position:relative;}
.pricelist li .company-box p .DiamondMember img{height:30px;width:30px;}
.pricelist li .company-box p .goldlevel img{height:23px;}
.pricelist li .company-box p .DiamondMember .notes{display:none;position:absolute;background-color:white;border:1px solid #dedede;left:-120px;top:20px;color:#585858;width:210px;word-wrap:break-word;padding:10px;visibility:hidden;z-index:9;font-style:normal;}
.pricelist li .company-box p .DiamondMember .notes:before{content:"";position:absolute;top:-5px;width:10px;height:10px;left:128px;background:#fff;border-left:1px solid #e4e7ed;border-top:1px solid #e4e7ed;transform:rotate(45deg);-webkit-transform:rotate(45deg);}
.pricelist li .company-box p .DiamondMember:hover .notes{visibility:visible;}
table{border:1px solid #dedede;width:100%;margin-bottom:10px;border-collapse:collapse;}
table td,table th{padding:0 20px;line-height:30px;text-align:center;margin:0;border-right:1px solid #dedede;}
table td{border-top:1px solid #dedede;}
table td span{color:#f00;margin-right:6px;font-weight:bold;}
table th{color:#585858;}
.request-warp{border-top:1px solid #dedede;padding:20px 0;margin-top:20px;position:relative;min-height:354px;display:flex;}
.postrequest-box{width:50%;flex-shrink:0;margin-right:20px;}
.stitle{display:block;margin-bottom:20px;font-size:15px;font-weight:bold;border-left:2px solid #225c8b;padding-left:10px;color:#000;}
.instocktxt{font-weight:normal;margin-left:30px;color:#333;margin-right:20px;}
.instocktxt i{margin-left:10px;color: #64a102; }
.viewtxt {  font-style: normal;  position: relative; padding-right: 16px; font-weight: normal; color: #308bc4; cursor: pointer;}
.viewtxt:after { content: ''; position: absolute; right: 0; top: 3px; width: 8px;  height: 8px;  border-left: 1px solid #308bc4; border-bottom: 1px solid #308bc4; transform: rotate(-135deg); -webkit-transform: rotate(-135deg);}
.slist .pname{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;font-size:14px;font-weight:700;margin:10px 0;height:32px;padding:0 20px;}
.slist .pname a:hover{color:#3083c6;text-decoration:underline;}
.slist .price{font-size:16px;color:#000;margin-right:10px;font-weight:bold;}
.slist .oprice{text-decoration:line-through;color:#585858;}
.slist .size{margin-top:10px;color:#585858;display:flex;flex-wrap:wrap;align-items:center;}
.slist .size span{margin-bottom:10px;}
.slist .size span:first-child{margin-right:10px;}
.slist .save{color: #585858;margin: 10px 0;padding:0 20px;}
.slist .save .savetext{color: #64a102;margin-left: 10px;}
.postrequest-box .form-item{margin-bottom:20px;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;position:relative;}
.postrequest-box .form-item span{margin-right:20px;width:182px;text-align:right;-ms-flex-negative:0;flex-shrink:0;line-height:32px;}
.postrequest-box .form-item i{color:red;font-style:normal;margin-right:10px;display:inline-block;}
.postrequest-box .form-item input,.form-item textarea{width:80%;border:1px solid #dedede;outline:none;}
.postrequest-box .form-item .right-item{width:80%;position:relative;}
.postrequest-box .form-item .right-item .tip{position:absolute;left:-200px;top:40px;background:#fff;padding:10px 20px;border:1px solid #90AFC6;box-shadow:0 2px 2px 2px rgb(0 0 0 / 15%);}
.postrequest-box .form-item .right-item .tip:before{content:"";position:absolute;top:20px;width:10px;height:10px;right:-6px;left:auto;background:#ffffff;border-right:1px solid #90afc6;border-top:1px solid #90afc6;transform:rotate(45deg);-webkit-transform:rotate(45deg);}
.postrequest-box .form-item .right-item .tip p{color:#333;text-align:left;line-height:36px;font-weight:700;}
.postrequest-box .form-item .right-item .tip p span{color:#666;font-weight:normal;display:block;text-align:left;line-height:24px;margin:0;width:auto;}
.postrequest-box .form-item textarea{height:120px;padding:20px;width:100%;}
.postrequest-box .form-item input:focus,.form-item textarea:focus{border-color:transparent;outline:1px solid #4da8f3;}
.postrequest-box .form-item  .btn-send{width:164px;height:30px;text-align:center;line-height:30px;display:block;background:#1b75bc;border-radius:4px;color:#fff;font-size:14px;margin-left:200px;cursor:pointer;}
.postrequest-box .form-item  .btn-send:hover{box-shadow:0 4px 8px 0 rgb(0 0 0 / 30%);text-decoration:underline;}
.requestlist{max-height:276px;overflow-y:scroll;-ms-overflow-style:none;overflow:-moz-scrollbars-none;}
.requestlist::-webkit-scrollbar{width:0!important}
.request-item{margin-bottom:20px;}
.request-item .buyer{color:#585858;margin-bottom:10px;}
.request-item .buyer img{height:12px;width:18px;margin-right:10px;vertical-align:middle;}
.request-item .buyer span{color:#003399;font-weight:600;margin-right:10px;}
.request-content{line-height:20px;}
.similar-box{border-top:1px solid #dedede;padding-top:20px;}
.similarlist{display:box;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;-o-flex-wrap:wrap;flex-wrap:wrap;}
.similarlist li{width:19.2%;margin-right:1%;margin-bottom:20px;}
.similarlist li:nth-child(5n){margin-right:0;}
.similarlist li .img-box{width:100%;height:280px;display:flex;align-items:center;justify-content:center;text-align:center;border:1px solid #dedede;}
.similarlist li .img-box img{max-width:98%;max-height:98%;vertical-align:middle;}
.similarlist li  p{padding:0 20px;font-size:14px;text-align:center;line-height:32px;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;}
.similarlist li:hover{box-shadow:0 8px 17px 0 rgb(0 0 0 / 15%);}
.slist li  p{text-align:left;}

/*.requestdialog{opacity: 1;z-index: 9999;box-shadow:0 20px 20px 0 rgb(0 0 0 / 15%);position:absolute;top:10%;left:20%;background:#fff;width:60%;}
.requestdialog h4{line-height:40px;color:#fff;background:#4da8f3;padding:0 20px;font-size:14px;cursor:move;}
.requestdialog h4 span{display:inline-block;float:right;}
.requestdialog .content{padding:20px;}
.requestdialog .content h5{line-height:36px;border-top:1px solid #dedede;border-bottom:1px solid #dedede;margin-bottom:20px;}
.requestdialog .content h5 span{display:inline-block;margin-left:10px;color:#585858;}
.requestdialog .form-item{margin-bottom:20px;display:flex;position:relative;}
.requestdialog .form-item span{margin-right:20px;width:100px;text-align:right;-ms-flex-negative: 0;flex-shrink: 0;line-height:32px;}
.requestdialog .form-item i{color:red;font-style:normal;margin-right:10px;display:inline-block;}
.requestdialog .form-item .right-item{width:90%;}
.requestdialog .form-item .PopUpTextarea{width:100%;height:100px;padding:10px;border:1px solid #dedede;}
.requestdialog .form-item .PopUpTextarea:focus{border-color:transparent;outline:1px solid #4da8f3;}*/
.content2{padding:20px;text-align:center;}
.content2 h5{line-height:28px;font-size:16px;font-weight:bold;margin-bottom:50px;}
.content2 h6{color:#0A7E2F;font-size:18px;line-height:28px;font-weight:bold;margin-bottom:10px;}
.content2 h5 img{height:16px;margin:0 6px;vertical-align:middle;}
.content2 p{text-align:left;margin-left:50px;font-weight:bold;color:#585858;margin-bottom:30px;}
.content2 .btn-close{color:#fff;font-size:14px;line-height:32px;background:#1b75bc;text-align:center;font-weight:700;cursor:pointer;display:inline-block;padding:0 26px;margin:50px 0 30px 0;cursor:pointer;}
.requestbox2{padding-top:80px;}
.requestbox2 h5{color:#0A7E2F;font-weight:bold;font-size:20px;line-height:32px;}
.requestbox2 h5 img{height:26px;margin-right:10px;vertical-align:middle;}
.requestbox2 a{background:#f18d05;width:164px;height:30px;text-align:center;line-height:30px;display:block;border-radius:4px;color:#fff;font-size:14px;margin-top:60px;}
.sendcontent2{padding:40px 20px;text-align:center;}
.sendcontent2 h5{color:#0A7E2F;font-weight:bold;font-size:20px;line-height:32px;margin-bottom:30px;}
.sendcontent2 h5 img{height:26px;margin-right:10px;vertical-align:middle;}
.sendcontent2 p{color:#585858;font-size:14px;margin-bottom:20px;}
.sendcontent2 p span{color:#e7a96c;font-weight:bold;font-size:16px;}
.sendcontent2 p i{font-style:normal;margin-right:10px;display:inline-block;font-weight:normal;}
.sendcontent2 p.skype{font-weight:bold;color:#225c8b;}
.sendcontent2 p.skype span{display:inline-block;width:24px;height:24px;vertical-align:middle;display:inline-block;background:url(images/serviceicon.png)top -72px center no-repeat;}
.fileupload{opacity:0}
.uploadicon{color:#4da8f3;cursor:pointer;font-size:14px;margin:10px 0;display:block;width:150px!important;}
.uploadicon img{vertical-align:middle;margin-right:6px;}
.uploadiconsprojectshow{color:#4da8f3;cursor:pointer;font-size:14px;margin:0px -60px;display:block;}
.uploadiconsprojectshow img{vertical-align:middle;margin-right:6px;}
.reviewuploadiconsprojectshow{color:#4da8f3;cursor:pointer;font-size:14px;margin:0px -60px;display:block;}
.reviewuploadiconsprojectshow img{vertical-align:middle;margin-right:6px;}
.img-cont{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: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;}
.form-item02{align-items:center;}
.requestdialog h4 .close{width:20px;height:20px;cursor:pointer;vertical-align:middle;font-size:12px;display:inline-block;position:relative;margin-left:10px;}
.requestdialog h4 .close::before,.requestdialog h4  .close::after{content:'';width:20px;height:2px;display:block;background-color:#fff;position:absolute;right:0;top:18px;}
.requestdialog h4 .close::before{transform:rotate(45deg);-webkit-transform:rotate(45deg);}
.requestdialog h4 .close::after{background:#fff;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);}
.form-item02 span{width:200px;}
.form-item02 input{width:492px;height:32px;border:1px solid #b7b7b7;padding:0 5px;outline:none;}
.form-item02 .row1{width:100px;}
.form-item02 .sex{width:100px;height:32px;outline:none;border:1px solid #b7b7b7;}
.form-item02 .sex:focus{border-color:transparent;outline:1px solid #4da8f3;}
.form-item02 .selectcountry{width:492px;height:32px;outline:none;border:1px solid #b7b7b7;}
.form-item02 .selectcountry:focus{border-color:transparent;outline:1px solid #4da8f3;}
.form-item02 .row2{width:368px;}
.form-item02 i{margin:0 10px;}
.form-item02 input:focus{border-color:transparent;outline:1px solid #4da8f3;}
.form-item02 .btn-submit{color:#fff;font-size:14px;line-height:32px;background:#1b75bc;text-align:center;font-weight:700;cursor:pointer;display:inline-block;padding:0 26px;width:100px;margin-left:220px;border:0;outline:0;}
.multiple-select{width:80%;}
.close-wrap{position:relative;}
.ms-choice{height:32px;}
.ms-choice:focus{border-color:transparent;outline:1px solid #4da8f3;}
.ms-drop input[type="radio"],.ms-drop input[type="checkbox"]{position:static;margin:0;vertical-align:middle;}
.ms-drop.bottom{top:110%;padding:20px;padding-bottom:80px;}
.ms-drop ul li{display:inline-block;width:33.3%;float:left;}
.ms-drop ul li.ms-select-all{width:100%;}
.requestdialog .ms-choice>span{width:auto;text-align:left;}
.other-country-name .ms-drop ul li span{margin-left:30px;display:inline-block;text-align:left;width:auto;}
.other-country-name .othercountry-select{width:80%;}
.ms-drop{overflow:auto;}
.cb{clear:both;}
.other-country-name .ms-drop ul{display:block;overflow:auto;height:250px;}
.other-country-name .ms-drop ul li{width:100%;}
.other-country-name{z-index:-1;margin-top:20px;display:flex;position:absolute;bottom:-320px;left:140px;opacity:0;}
.other-country-name .ms-drop.bottom{padding-bottom:20px;}
.senddialog-content{padding:20px;}
.senddialog-content .menunav li:nth-child(2){border-right:1px solid #dedede;}
.senddialog-content .menunav li:last-child.act{border-right:0;border-left:1px solid #dedede;}
.emailinfo{padding:20px;}
.emailinfo .tabs{min-height:280px;padding:0;}
.forgetpassword{margin-left:100px;color:#585858;}
.forgetpassword:hover{color:#225c8b;text-decoration:underline;}
.senddialog .form-item3{display:block;text-align:center;}
.senddialog .form-item3 span{display:block;text-align:left;margin-left:96px;}
.senddialog .form-item input{width:492px;height:32px;line-height:32px;}
.senddialog .form-item .right-item{width:492px;}
.senddialog .form-item .right-item input{width:100%;height:32px;margin-bottom:10px;}
.senddialog .form-item .right-item p{color:#f00;}

/*.dialog-footer{text-align:center;}
.dialog-footer a{width:164px;display:inline-block;height:36px;text-align:center;line-height:36px;background: #1b75bc;border-radius:4px;color:#fff;font-size:14px;margin-right:20px;}
.dialog-footer a:hover {box-shadow: 0 4px 8px 0 rgb(0 0 0 / 30%);}
.emaildialog .content h5 span{display:inline-block;margin-left:10px;color:#4da8f3;font-size:14px;}
.emaildialog .content p{margin-bottom:20px;color:#585858;}
.emaildialog .content p span{margin-left:10px;}
.emaildialog .content p img{height:12px;margin-right:10px;vertical-align:middle;}
.emaildialog .form-item02 .btn-submit{width: auto;padding: 0 20px;}*/
.DiamondMember{position:relative;}
.DiamondMember img{width:30px;height:30px;}
.levelnum{position:absolute;right:6px;bottom:-10px;color:#308bc4;font-weight:bold;text-transform:capitalize;font-style:normal;font-weight:bold;font-size:12px;}
.Customerbox{margin:20px 0;}
.Customerbox .stitle{display:flex;justify-content:space-between;align-items:center;}
.Customerbox .stitle a{width:140px;margin:0;}
.Customertitle{display:flex;justify-content:space-between;margin-bottom:20px;}
.Customertitle p{color:#1b75bc;font-size:16px;font-weight:bold;border-left:2px solid #225c8b;padding-left:10px;}
.Customertitle span{cursor:pointer;color:#225c8b;font-size:14px;text-decoration:underline;}
.Customeritem{margin-bottom:20px;padding-bottom:20px;border-bottom:1px dashed #ddd;}
.Customerinfo{display:flex;align-items:center;}
.Customername{margin-right:40px;margin-left:10px;}
.showstars{list-style:none;margin:0;color:#ccc;margin-bottom:10px;}
.showstars span{font-size:22px;color:#bbb;}
.showstars span.show{color:#f9bc1b;}
.showstars span:after{content:'\2605';}
.showstars .show:after{content:'\2605';}
.Customertxt{line-height:24px;margin-bottom:0px;}
.Customerbox button{text-align:center;display:inline-block;padding:6px 20px;background:#fff;border:1px solid #225c8b;border-radius:4px;color:#225c8b;font-size:14px;margin-right:20px;cursor:pointer;font-weight:bold;}
.Customerbox button:hover{text-decoration:underline;}
.Customerbox button.unlikes{background:url(images/icon-unlikes.png)left center no-repeat;background-size:24%;padding-left:30px;border:0;outline:0;vertical-align:middle;margin-right:10px;border-right:2px solid #ddd;border-radius:0;}
.Customerbox button.likes{background:url(images/icon-likes.png)left center no-repeat;background-size:24%;color:#f9bc1b;}
.Customerbox button.reply{background:url(images/icon-messages.png)left center no-repeat;background-size:26%;padding-left:30px;border:0;outline:0;}
.Questiondialog{display:none;z-index:9999;box-shadow:0 20px 20px 0 rgb(0 0 0 / 15%);position:fixed;top:4%;left:0;right:0;background:#fff;width:640px;margin:0 auto;}
.Questiondialog h1{line-height:40px;color:#fff;background:#4da8f3;padding:0 20px;font-size:14px;}
.Questiondialog h1 span{display:inline-block;float:right;}
.Questiondialog h1 span::before,.Questiondialog h1 span::after{content:'';width:20px;height:1px;display:block;background-color:#ffffff;position:absolute;right:0;top:20px;}
.Questiondialog .content{padding:20px;position:relative;max-height:744px;overflow-y:scroll;overflow-x:hidden;}
.Questiondialog .content::-webkit-scrollbar{width:4px;}
.Questiondialog .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%);}
.Questiondialog .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%);}

.Questiondialog .form-item{margin-bottom:16px;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;position:relative;}
.Questiondialog .form-item02{align-items:center;}
.Questiondialog .form-item span{margin-right:20px;width:100px;text-align:right;flex-shrink:0;}
.Questiondialog .form-item span.output-num {margin-right:0;}
.Questiondialog .form-item span.countryimgbox{width:auto;}
.Questiondialog .form-item i{color:red;font-style:normal;margin-right:10px;display:inline-block;}
.Questiondialog .form-item .right-item{width:90%;}
.Questiondialog .form-item .PopUpTextarea{width:300px;min-height:120px;padding:10px;border:1px solid #dedede;overflow:hidden;}
.Questiondialog .form-item input{width:300px;height:32px;border:1px solid #b7b7b7;padding:0 5px;outline:none;flex-shrink:0;}
.Questiondialog .form-item .selectcountry{width:300px;height:32px;outline:none;border:1px solid #b7b7b7;flex-shrink:0;}
.Questiondialog .form-item02 .btn-submit{color:#fff;font-size:14px;line-height:32px;background:#1b75bc;text-align:center;font-weight:700;cursor:pointer;display:inline-block;padding:0 26px;width:100px;margin-left:120px;border:0;outline:0;}
.Questiondialog .stars{list-style:none;margin:0;color:#ccc;margin-bottom:10px;}
.Questiondialog .stars span{font-size:36px;color:#bbb;margin-right:0;}
.Questiondialog .stars span.show{color:#f9bc1b;}
.Questiondialog .stars span:after{content:'\2605';}
.Questiondialog .stars .show:after{content:'\2605';}
.questionImage{display:flex;margin:10px 0;}
.questionImage span{display:inline-block;float:left;margin-right:12px;margin-bottom:10px;width:80px;height:80px;line-height:76px;text-align:center;background:#fff;border:1px solid #e6ecf2;cursor:pointer;}
.questionImage span:nth-child(6n){margin-right:0;}
.questionImage span img{max-width:100%;max-height:100%;vertical-align:middle;overflow:hidden;}
.maskbg{position:fixed;left:0;top:0;right:0;bottom:0;background-color:#000;opacity:.5;filter:Alpha(opacity=50);z-index:120;transition:all 1s;display:none;text-align:center;}
.mask{position:fixed;left:0;top:0;right:0;bottom:0;z-index:130;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%;}
.projectshowdialog{display:none;z-index:9999;box-shadow:0 20px 20px 0 rgb(0 0 0 / 15%);position:fixed;top:4%;left:0;right:0;background:#fff;width:900px;height:600px;margin:0 auto;}
.projectshowdialog h1{line-height:40px;color:#fff;background:#4da8f3;padding:0 20px;font-size:14px;}
.projectshowdialog h1 span{display:inline-block;float:right;}
.projectshowdialog h1 span::before,.projectshowdialog h1 span::after{content:'';width:20px;height:1px;display:block;background-color:#ffffff;position:absolute;right:0;top:20px;}
.projectshowdialog .content{padding:20px;position:relative;}
.projectshowdialog .form-item{margin-bottom:16px;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;position:relative;}
.projectshowdialog .form-item02{align-items:center;}
.projectshowdialog .form-item span{margin-right:20px;width:150px;text-align:right;flex-shrink:0;}
.projectshowdialog .form-item span.countryimgbox{width:auto;}
.projectshowdialog .form-item i{color:red;font-style:normal;margin-right:10px;display:inline-block;}
.projectshowdialog .form-item .PopUpTextarea{width:300px;height:100px;padding:10px;border:1px solid #dedede;}
.projectshowdialog .form-item input{width:300px;height:32px;border:1px solid #b7b7b7;padding:0 5px;outline:none;flex-shrink:0;}
.projectshowdialog .form-item .selectcountry{width:300px;height:32px;outline:none;border:1px solid #b7b7b7;flex-shrink:0;}
.projectshowdialog .form-item02 .btn-submit{color:#fff;font-size:14px;line-height:32px;background:#1b75bc;text-align:center;font-weight:700;cursor:pointer;display:inline-block;padding:0 26px;width:100px;margin-left:120px;border:0;outline:0;}
.projectshowdialog .form-item02 .btn-submit2{color:#fff;font-size:14px;line-height:32px;background:#1b75bc;text-align:center;font-weight:700;cursor:pointer;display:inline-block;padding:0 26px;width:200px;border:0;outline:0;}
.projectshowdialog .stars{list-style:none;margin:0;color:#ccc;margin-bottom:10px;}
.projectshowdialog .stars span{font-size:36px;color:#bbb;margin-right:0;}
.projectshowdialog .stars span.show{color:#f9bc1b;}
.projectshowdialog .stars span:after{content:'\2605';}
.projectshowdialog .stars .show:after{content:'\2605';}
.projectshowtitle{font-weight:bold;font-size:16px;margin-bottom:10px;text-align:center;}
.projectshow p{text-align:center;}
.projectshowbtnwarp{display:flex;}
.projectshowbtn-sell{background:#1b75bc;color:#fff;}
.projectshowbtn-contact{width:200px;height:30px;text-align:center;line-height:30px;display:inline-block;border:1px solid #225c8b;border-radius:4px;font-size:14px;margin-right:20px;margin-top:20px;}
.selectstonelibrarydialog{display:none;z-index:9999;box-shadow:0 20px 20px 0 rgb(0 0 0 / 15%);position:fixed;top:4%;left:0;right:0;background:#fff;width:1000px;margin:0 auto;}
.selectstonelibrarydialog h1{line-height:40px;color:#fff;background:#4da8f3;padding:0 20px;font-size:14px;}
.selectstonelibrarydialog h1 span{display:inline-block;float:right;}
.selectstonelibrarydialog h1 span::before,.selectstonelibrarydialog h1 span::after{content:'';width:20px;height:1px;display:block;background-color:#ffffff;position:absolute;right:0;top:20px;}
.selectstonelibrarydialog .content{padding:20px;position:relative;}
.selectstonelibrarydialog .form-item{margin-bottom:16px;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;position:relative;}
.selectstonelibrarydialog .form-item02{align-items:center;}
.selectstonelibrarydialog .form-item span{margin-right:20px;width:150px;text-align:right;flex-shrink:0;}
.selectstonelibrarydialog .form-item span.countryimgbox{width:auto;}
.selectstonelibrarydialog .form-item i{color:red;font-style:normal;margin-right:10px;display:inline-block;}
.selectstonelibrarydialog .form-item .PopUpTextarea{width:300px;height:100px;padding:10px;border:1px solid #dedede;}
.selectstonelibrarydialog .form-item input{width:300px;height:32px;border:1px solid #b7b7b7;padding:0 5px;outline:none;flex-shrink:0;}
.selectstonelibrarydialog .form-item .selectcountry{width:300px;height:32px;outline:none;border:1px solid #b7b7b7;flex-shrink:0;}
.selectstonelibrarydialog .form-item02 .btn-submit{color:#fff;font-size:14px;line-height:32px;background:#1b75bc;text-align:center;font-weight:700;cursor:pointer;display:inline-block;padding:0 26px;width:100px;margin-left:120px;border:0;outline:0;}
.selectstonelibrarydialog .form-item02 .btn-submit2{color:#fff;font-size:14px;line-height:32px;background:#1b75bc;text-align:center;font-weight:700;cursor:pointer;display:inline-block;padding:0 26px;width:200px;border:0;outline:0;}
.selectstonelibrarydialog .stars{list-style:none;margin:0;color:#ccc;margin-bottom:10px;}
.selectstonelibrarydialog .stars span{font-size:36px;color:#bbb;margin-right:0;}
.selectstonelibrarydialog .stars span.show{color:#f9bc1b;}
.selectstonelibrarydialog .stars .show:after{content:'\2605';}
.selectstonelibraryTitle{font-weight:bold;font-size:16px;margin-bottom:10px;text-align:center;}
.selectstonetype{width:100px;height:32px;outline:none;border:1px solid #b7b7b7;flex-shrink:0;}
.selectlolor{width:100px;height:32px;outline:none;border:1px solid #b7b7b7;flex-shrink:0;}
.selectcountry2{width:200px;height:32px;outline:none;border:1px solid #b7b7b7;flex-shrink:0;}
.searchkeyword{width:300px;height:32px;border:1px solid #b7b7b7;padding:0 5px;outline:none;flex-shrink:0;}
.searchstonelibrary{color:#fff;font-size:14px;line-height:32px;background:#1b75bc;text-align:center;font-weight:700;cursor:pointer;display:inline-block;padding:0 26px;width:100px;border:0;outline:0;}
.stonelibrarylist{display:box;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-lines:multiple;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;-o-flex-wrap:wrap;flex-wrap:wrap;}
.stonelibrarylist li{width:17.7%;margin-right:20px;margin-bottom:20px;display:inline-block;}
.stonelibrarylist li:nth-child(5n){margin-right:0;}
.stonelibrarylist li:hover{box-shadow:0 8px 17px 0 rgb(0 0 0 / 15%);}
.stonelibrarylist li .img-box{width:100%;height:180px;line-height:180px;margin:0 auto;text-align:center;border:1px solid #dedede;overflow:hidden;display:block;}
.stonelibrarylist li .img-box img{max-width:98%;max-height:98%;vertical-align:middle;}
.stonelibrarylist li .pname{display:-webkit-box;overflow:hidden;font-weight:700;font-size:14px;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:25px;margin-bottom:10px;height:50px;}
.stonelibrarylist li .pname a{overflow:hidden;font-weight:700;font-size:14px;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:25px;margin-bottom:10px;height:50px;}
.stonelibrarylist li .pname:hover a{color:#225c8b;text-decoration:underline;}
.stonelibrarylist li .cname{display:block;margin-bottom:10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.stonelibrarylist li .company{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#666;}
.stonelibrarylist li .company:hover{text-decoration:underline;color:#225c8b;}
.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;}
.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;}
.knowledgeItem{display:flex;margin-bottom:20px;position:relative;padding-bottom:20px;}
.contentWarp{width:96%;max-height:78px;overflow:hidden;position:relative;}
.knowledgeItem .content{width:100%;line-height:20px;font-size:13px;}
.knowledgeItem .contentAll{width:100%;overflow:visible;display:block;line-height:20px;font-size:13px;}
.knowledgeItem .showbtn{height:16px;text-align:right;position:absolute;right:60px;bottom:-20px;}
.knowledgeItem .showbtn span{color:#225c8b;cursor:pointer;display:none;position: relative;}
.knowledgeItem .showbtn span::after{content:'';position:absolute;right:-20px;top:3px;width:5px;height:5px;border-left:1px solid #225c8b;border-bottom:1px solid #225c8b;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);}
.knowledgeItem .showbtn .hide::after{right:-16px;top:6px;transform:rotate(135deg);-webkit-transform:rotate(135deg);}
#showProductSlabStoneList{display:none!important;}
@media screen and (max-width:1600px) {
    .textinfo .notes{left:-180px;}
    .textinfo .notes:before{left:180px;}
    .Questiondialog .content{max-height:620px;}
    .info{width:47%!important;}
    .bannerwarp{width:720px!important;}
    .small_box{width:100px!important;height:620px!important;}
    .small_list{width:90px!important;height:580px!important;}
    .small_list ul{width:90px!important;}
    .small_list ul li{width:90px!important;height:90px!important;line-height:90px!important;}
    .arrow{width:90px!important;}
    #banner{width:620px!important;height:620px!important;}
    #bannerlist li{width:620px!important;height:620px!important;line-height:620px!important;}
    #bannerlist li .TopImg{width:620px!important;height:620px!important;line-height:620px!important;}
    #bannerlist li:first-child{width:620px!important;height:620px!important;}
    #bannerlist li:first-child img{width:620px!important;height:620px!important;}
}
@media screen and (max-width:1440px){
    .Questiondialog .content{max-height:620px;}
    .productlist li{width:23.7%;}
    .productlist li .img-box{height:273px;line-height:273px;}
    .textinfo .notes{width:160px;}
    .info{width:45%!important;}
    .bannerwarp{width:720px!important;}
    .small_box{width:100px!important;height:620px!important;}
    .small_list{width:90px!important;height:580px!important;}
    .small_list ul{width:90px!important;}
    .small_list ul li{width:90px!important;height:90px!important;line-height:90px!important;}
    .arrow{width:90px!important;}
    #banner{width:620px!important;height:620px!important;}
    #bannerlist li{width:620px!important;height:620px!important;}
    #bannerlist li:first-child{width:620px!important;height:620px!important;}
    #bannerlist li:first-child img{width:620px!important;height:620px!important;}
}
@media screen and (max-width:1430px){
    .info-item-02{width:100%;}
}
@media screen and (max-width:1400px){
    .info{width:45%!important;}
}
@media screen and (max-width:1366px){
    .Questiondialog .content{max-height:500px;}
    .info{width:50%!important;}
    .brand{width:16%;}
    .pricetable td,.pricetable th{padding:0 10px;}
    .info-item-TradeTerms img{margin-right:6px;}
    .info-item{margin-bottom:20px;}
    .tradeshow-list{width:100%;}
    .productlist li{width:18.5%;}
    .productlist li .img-box{height:207px;line-height:204px;}
    .textinfo .notes{width:140px;}
    .pricelist li .company-box p .DiamondMember .notes{width:160px;}
    .bannerwarp{width:590px!important;}
    .small_box{width:80px!important;height:500px!important;}
    .small_list{width:70px!important;height:460px!important;}
    .small_list ul{width:70px!important;}
    .small_list ul li{width:70px!important;height:70px!important;line-height:70px!important;}
    .arrow{width:70px!important;}
    #banner{width:500px!important;height:500px!important;}
    #bannerlist li{width:500px!important;height:500px!important;line-height:500px!important;}
    #bannerlist li .TopImg{width:500px!important;height:500px!important;line-height:500px!important;}
    #bannerlist li:first-child{width:500px!important;height:500px!important;}
    #bannerlist li:first-child img{width:500px!important;height:500px!important;}
}
@media screen and (max-width:1024px){
    #banner{width:350px;}
    .bannerwrap{width:350px;height:350px;}
    #bannerlist{height:350px;line-height:350px;}
    #bannerlist a{line-height:350px;width:350px;height:350px;}
    #bannerbtn span{width:48px;height:48px;line-height:48px;}
    .productlist li{width:23%;}
    .productlist li .img-box{height:158px;line-height:158px;}
    .info-item{margin-bottom:12px;line-height:24px;}
    .info > .title{margin-bottom:20px;}
}