#rfq{background-color: #616471;padding-bottom: 15px;}
#rfq .wrap{position: relative;}
#rfq .navigation a{color:#FFFFFF;}
#rfq h1{font-size: 22px;line-height: 50px;color: #FFFFFF;margin-top: 30px;}
#rfq .tips{color: #FFFFFF;line-height: 18px;padding-bottom: 40px;position: relative;}
#rfq .tips a{color: #FF6D0C;}
/*serach empty*/
#rfq .searchEmpty{background-color: #FFFFFF;padding: 30px 20px;color: #9B9B9B;line-height: 18px;}
#rfq .searchEmpty h2{color: #404040;font-size: 16px;margin-bottom: 10px;}
#rfq .searchEmpty h2 i{font-style: normal;color: #1465B0;font-weight: bold;}
#rfq .searchEmpty a{color: #246FB5;}
#rfq .searchEmpty + h1{margin-top: 0;}
/*process*/
#rfq ul.process{position: absolute;right: 20px;top: -28px;line-height: 12px;}
#rfq ul.process li{font-size: 10px;float: left;color: #FFFFFF;padding-top: 64px;position: relative;width: 86px;margin-left: 20px;text-align: center;}
#rfq ul.process li:before{width: 54px;height: 54px;line-height: 54px;font-size: 29px;border: 2px solid #DEDFE1;border-radius: 50%;top: 0;position: absolute;left: 50%;margin-left: -27px;color: #DEDFE1;}
#rfq ul.process li:after{content: '\e80a';font-family: "infinite";font-style: normal;font-weight: normal;position: absolute;font-size: 20px;left: -20px;top: 20px;}
#rfq ul.process li:first-child{margin-left: 0;}
#rfq ul.process li:first-child:after{display: none;}
#rfq .main{background-color: #FFFFFF;padding-left: 50%;width: 100%;margin-left: -50%;padding-top: 17px;border-bottom: 17px;border-radius: 10px;position: relative;}
#rfq .main:before,#rfq .main:after{content:"";background-image: url("../images/rfq_bg.png");background-repeat: no-repeat;position: absolute;right: -16px;}
#rfq .main:before{height: 100%;width: 16px;top:0;}
#rfq .main:after{width: 26px;background-position: -16px 0;height: 132px;bottom: 0;}
#rfq table{padding-right: 10px;}
#rfq th{height: 38px;background-color: #EEEEEE;color: #323131;text-align: left;padding-left: 10px;}
#rfq td{padding-right: 10px;}
#rfq td:last-child{padding-right:0;position: relative;overflow: hidden;}
#rfq td input{width: 95%;height: 42px;border: none;border-bottom: 1px solid #BDBDBD;padding-left: 5%;}
#rfq td i{position: absolute;right: -52px;text-align: center;font-size: 25px;cursor: pointer;top: 5px;transition: all .2s ease 0s;-webkit-transition: .2s;-moz-transition: .2s;-o-transition: .2s;}
#rfq td i:hover{color: #FF6D0C;}
#rfq tr:hover td i{right:5px;}
#rfq .addbtn i{background-color: #848484;height: 34px;line-height: 34px;border-radius: 3px;color: #FFFFFF;font-size: 0.875rem;padding: 0 20px;position: relative;overflow: hidden;padding-left: 50px;cursor: pointer;font-style: normal;display: inline-block;margin-right: 10px;}
#rfq .addbtn i:before{content:"+";position: absolute;line-height: 30px;left: 10px;z-index: 2;font-size: 1.2rem;}
#rfq .addbtn i:after{content:"";background-color: #A5A5A5;width: 70px;height: 70px;position: absolute;border-radius: 50%;right: 100%;margin-right: -39px;bottom: -4px;}
#rfq .addbtn i:hover{background-color: #FF0C10;}
#rfq .addbtn i:hover:after{background-color: #232325;}
#rfq .addbtn{text-align: right;padding-top: 10px;border-bottom: 1px solid #616471;position: relative;left: -50%;width: 100%;padding-left: 50%;padding-bottom: 20px;}
#rfq .rfqForm h4{font-size: 14px;line-height: 50px;color: #666666;}
#rfq .rfqForm ul{float: left;width: 1140px;}
#rfq .rfqForm li{border-bottom: 1px solid #BDBDBD;position: relative;float: left;width: 49%;margin-right: 1%;}
#rfq .rfqForm li i{color: #323131;font-style: normal;font-weight: bold;position: absolute;top: 15px;left: 5px;}
#rfq .rfqForm li.msg{float: none;width: auto;clear: both;height: auto;margin-bottom: 20px;}
#rfq .rfqForm li input{height: 46px;border: none;width: 80%;padding-left: 20%;color: #949494;}
#rfq .rfqForm li textarea{border: none;height: 115px;width: 1016px;padding-top: 5px;line-height: 24px;color: #949494;padding-left: 112px;display: block;}
#rfq .rfqForm ul li #Country{height: 46px;width: 100%;border: none;padding-left: 20%;}
#rfq .rfqForm .btn,#rfq .rfqForm .loading{height: 102px;background-color: #FF6D0C;border-radius: 5px 0 0 5px;float: right;width: 160px;padding-left: 60px;text-align: center;position: relative;margin-top: 152px;}
#rfq .rfqForm .btn:before{font-size: 50px;color: #FFFFFF;position: absolute;left: 40px;top: 30px;}
#rfq .rfqForm .btn:after{content:"@";color: #FFFFFF;width: 34px;height: 20px;border-left: 2px solid #FFFFFF;border-right: 2px solid #FFFFFF;border-top: 2px solid #FFFFFF;position: absolute;font-weight: bold;left: 45px;font-size: 20px;top: 25px;background-color: #FF6D0C;border-radius: 3px 3px 0 0;}
#rfq .rfqForm .btn input{position: absolute;left: 0;top: 0px;width: 100%;height: 100%;padding-left: 60px;cursor: pointer;color: #FFFFFF;font-size: 20px;font-weight: bold;text-transform: uppercase;background-color: transparent;border: none;}
#rfq .rfqForm .btn:hover{background-color: #E93A00;}
#rfq .rfqForm .btn:hover:after{background-color: #E93A00;}
#rfq .rfqForm .loading{display:none;margin-top: -102px;color: #FFFFFF;padding-left: 0;width: 220px;background-color: transparent;font-size: 20px;line-height: 100px;overflow: hidden;}
#rfq .rfqForm .loading:before{content:"";width: 100%;height: 100%;background-color: #000000;position: absolute;left: 0;opacity: 0.8;z-index: 1;}
#rfq .rfqForm .loading:after{content: "loading...";position: relative;z-index: 2;}
#rfq .rfqForm .loading.finish:before{border-left: 220px solid #FF6D0C;}
@media screen and (max-width: 767px)
{
	#rfq .wrap{margin: 0 0.3rem;}
	#rfq h1{margin-top: 0;}
	#rfq .tips{padding-bottom: 10px;}
	/*serach empty*/
	#rfq .searchEmpty{padding: 20px 10px;}
	#rfq .searchEmpty h2{text-align: center;}
	/*process*/
	#rfq ul.process{display: none;}
	#rfq .main{width: auto;padding-left: 0;margin-left: 0;}
	#rfq .main:before,#rfq .main:after{display: none;}
	#rfq table{padding-left: 10px;}
	#rfq th{display: none;}
	#rfq td{display: block;padding-right:0;}
	#rfq td input{width:100%;}
	#rfq td i{position: static;margin: 0 auto;background-color: #FF6D0C;color: #FFFFFF;display: block;right: auto;margin-bottom: 5px;padding-top: 5px;height: 40px;margin-top: 4px;}
	#rfq .addbtn{width: auto;margin-left: 0;left: auto;padding-left: 0;text-align: center;}
	#rfq .rfqForm{padding-bottom:15px;padding-left: 7px;padding-right: 7px;}
	#rfq .rfqForm ul{float: none;width: auto;}
	#rfq .rfqForm li{float: none;width: auto;}
	#rfq .rfqForm li input{padding-left: 30%;}
	#rfq .rfqForm li textarea{padding-left: 30%;width: 100%;}
	#rfq .rfqForm .btn,#rfq .rfqForm .loading{float: none;height: 60px;border-radius: 5px;margin: 15px auto 0 auto;width: 50%;}
	#rfq .rfqForm .btn:before{font-size: 30px;left: 20px;top: 20px;}
	#rfq .rfqForm .btn:after{width: 18px;font-size: 12px;height: 12px;top: 17px;left: 24px;}
	#rfq .rfqForm .loading{line-height: 60px;margin-top: -60px;}
}