.request-page h2{font-size: 20px;font-weight: bold;color: #000000;line-height: 30px;}
.request-page h2 +p{font-size: 13px;color: #838383;padding: 0 10px 10px 10px;}

.request-page .breadcrumbs a{color: #fff;}
.request-page .head{color: #fff;background: #373844 url('../images/rfq-bg.jpg') no-repeat center;background-size: 100% 100%;padding-bottom: 120px;margin-bottom: 40px;position: relative;z-index: 0;min-height: 430px;}

.request-page .materials{background-color: #373844;margin-top: 15px;}
.request-page .materials .intro-left{width: 39%;margin-bottom: 20px;float: left;}
.request-page .materials .intro-left h1{font-size: 32px;font-weight: bold;font-style: italic;letter-spacing: 2px;color: #818395;font-family: "435";text-shadow: 2px 3px 5px rgb(0 0 0 / 46%);background: linear-gradient( 0deg, rgba(255, 255, 255, 0.6) 10%, #fff 100% );margin-bottom: 10px;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.request-page .materials .intro-left li{list-style: disc;margin-left: 20px;color: #a2a6b1;font-size: 14px;}
.request-page .materials .intro-left li a{color: #fff;}
.request-page .materials .intro-right{width: 59%;display: flex;float: right;margin-top: 40px;}
.request-page .materials .intro-right ul{display: flex;align-items: center;width: 100%;position: relative;z-index: 1;}
.request-page .materials .intro-right ul::before{content: '';width: 100%;height: 10px;border-radius: 10px;border-bottom: 1px solid #e7e7e7;background-color: #2a2b32;position: absolute;top: calc(50% - 31px);z-index: -1;left: 0;right: 0;}
.request-page .materials .intro-right ul li{width: 33%;text-align: center;max-width: 154px;font-size: 13px;color: #b8bdcc;font-weight: bold;margin: 10px auto;position: relative;padding-top: 35px;height: 32px;}
.request-page .materials .intro-right ul li::before{content: '1';position: absolute;top: -32px;left: 0;right: 0;    margin: 0 auto;display: block;width: 48px;height: 50px;line-height: 50px;text-align: center;font-size: 24px;color: #fff;background-image: url('../images/step-bg.png');background-size: 100% 100%;}
.request-page .materials .intro-right ul li:nth-child(2):before{content: '2';}
.request-page .materials .intro-right ul li:nth-child(3):before{content: '3';}

.request-page .materials table{border-collapse: collapse;text-align: left;}
.request-page .materials th{height: 42px;background-color: #2e2f3b;font-size: 14px;color: #fff;padding-left: 8px;}
.request-page .materials th:last-child{border-right: none;width: 180px;}
.request-page .materials th:nth-child(6){width: 150px;}
.request-page .materials th:nth-child(2):before,.request-page .materials th:nth-child(5):before{content:"*";color: #fff;}
.request-page .materials td{height: 54px;position: relative;text-align: center;color: #fff;font-size: 15px;padding-top: 24px;}
.request-page .materials td s{text-decoration: none;}
.request-page .materials td b{display: none;}
.request-page .materials td input{border: none;border-bottom: 1px solid #5c5e6e;width: 98%;height: 30px;padding-left: 2%;outline: none;text-align: left;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;background-color: transparent;color: #fff;}
.request-page .materials td input:focus,.request-page .materials td.done input{border-bottom: 1px solid #ff6d0c;text-align: left;color: #fff;}
.request-page .materials td input:focus::placeholder{opacity: 0;}
.request-page .materials td.error input{border-bottom: 1px solid #E6070E;text-align: left;}
.request-page .materials td.error input::placeholder{color: #E6070E;font-weight: bold;}
.request-page .materials td i.plus{display: none;}
.request-page .materials td i.icon-cancel{text-indent: 100px;overflow: hidden;width: 30px;height: 30px;text-align: center;position: absolute;right: 0;top: 20px;cursor: pointer;border-radius: 3px;}
.request-page .materials td i.icon-cancel:before{position: absolute;left: 50%;top: 50%;font-size: 20px;margin-left: -105px;margin-top: -10px;}
.request-page .materials td i.icon-cancel:hover{background-color: #ff6d0c;color: #FFFFFF;}
.request-page .materials button{display: block;margin: 30px auto 0;color: #fff;background: none;border: none;border-radius: 20px;box-shadow: inset -2px -2px 10px -2px rgb(255 255 255 / 75%);min-width: 159px;height: 32px;text-align: center;padding: 0 20px;font-size: 13px;font-weight: bold;cursor: pointer;}
.request-page .materials button::before{font-size: 20px;margin-right: 6px;}
.request-page .materials button:hover{background-color: #ff6d0c;color: #FFFFFF;}

.request-page .form-container{background-color: #FFFFFF;margin-top: 15px;padding: 0 12px;}
.request-page .form-container .body{display: flex;flex-wrap: wrap;justify-content: space-between;}
.request-page .form-container ul.form-group{width: 49%;}
.request-page .form-container ul.form-group li label{color: #6f7082;}
.request-page .form-container ul.form-group li.message{flex-direction: column;}
.request-page .form-container ul.form-group li.message textarea{padding-left: 0;line-height: 2;}
.request-page .form-container .submit_btn button{background-color: #6d718a;font-size: 19px;box-shadow: none;}


.request-page .information .submit_btn button{width: 247px;cursor: pointer;max-width: 90%;height: 50px;background: linear-gradient(-9deg, #6c7089, #9a9fb9);font-size: 19px;font-weight: bold;color: #ffffff;border-radius: 50px;box-shadow: inset -2px -2px 10px -2px rgb(255 255 255 / 75%);border: none;margin-bottom: 20px;}
.request-page .information .submit_btn button:hover{background: linear-gradient(4deg, #6c7089, #9a9fb9);}
.request-page .information .submit_btn button::before{margin-right: 8px;font-size: 24px;}



@media screen and (max-width: 768px)
{
	/* rfq */
	.request-page .head{background: #373844;}
	.request-page .head .limit{width: 100%;padding: 0 8px;}
	.request-page .materials .intro-left{width: 100%;}
	.request-page .materials .intro-right{width: 100%;margin: 30px 0 80px;}

	.request-page .materials{width: 100%;margin-top: 0;}
	.request-page .materials table{margin-top: 0;padding: 0;}
	.request-page .materials table th{display: none;}
	.request-page .materials table td{float: left;width: 50%;display: block;height: auto;padding-left: 7px;padding-top: 7px;}
	.request-page .materials table td:first-child{display: none;}
	.request-page .materials table td:last-child{padding-bottom: 86px;}
	.request-page .materials table td:nth-child(3){margin-right: 0;}
	.request-page .materials table td:nth-child(6){margin-right: 0;}
	.request-page .materials table td:nth-child(2),.request-page .materials td:nth-child(3){padding-top: 10px;}
	.request-page .materials table td:nth-child(6),.request-page .materials td:nth-child(7){padding-bottom: 56px;border-bottom: 10px solid #4c4d5e;}
	.request-page .materials table td:nth-child(6):after,.request-page .materials td:nth-child(7):after{bottom: auto;top: 33px;}
	.request-page .materials table td:nth-child(7):after{right: 5px;}
	.request-page .materials table td b{display: block;color: #fff;font-weight: normal;text-align: left;font-size: 12px;padding-top: 5px;}
	.request-page .materials table td input{height: 30px;width: 100%;text-align: left;}
	.request-page .materials table td i{top: 52px !important;font-style: inherit;padding: 0 30px 0 16px;line-height: 28px;border-radius: 30px !important;}
	.request-page .materials table td i:before{top: 63px;}
	.request-page .materials table td i.plus{position: absolute;left: 10px;display: block;border: 1px solid #269D81;color: #269D81;}
	.request-page .materials table td i.plus:before{content: "+";color: #269D81;position: absolute;left: 13px;top: -2px;font-size: 20px;}
	.request-page .materials table td i.icon-cancel{text-indent: 0;right: 10px;color: #fff;width: auto;border: 1px solid #5F5F5F;}
	.request-page .materials table td i.icon-cancel:before{top: 50%;left: 12px;margin: -10px 0 0 0;}
	.request-page .materials button{display: none;}
	.request-page .form-container{width: 100%;}
	.request-page .form-container .body{flex-direction: column;}
	.request-page .form-container ul{width: 100% !important;margin-bottom: 0;}
	
}