@charset "UTF-8";
/**
 * 
 * @authors Your Name (you@example.org)
 * @date    2016-05-19 09:52:07
 * @version $Id$
 */

 .demand{position: fixed;bottom:0;width: 100%;z-index:2;}
 .demand-wrap{padding: 10px 0; position: absolute; bottom: 0; width: 100%; background: rgba(0,0,0,0.7);
 	filter: progid:DXImageTransform.Microsoft.gradient(gradientType = 0, startColorstr = #99000000, endColorstr = #99000000)\9;}
 .demand-box{width: 1200px;margin:auto; position: relative;}
 .demand-box .left{margin: 0 20px 0 40px;float: left;position: relative;}
 .demand-box .left p{font-size:15px;font-style:italic;color:#fff;line-height: 2;text-indent: 40px;}
 .demand-box .left p:before{content: '';background: url(http://pres.vobao.com/Images/base/demandFrame/demand-icon.png) no-repeat;width: 38px;height: 20px; position: absolute;top: 4px;left: 0;}
 .demand-box .left span , .demand .thumbnail p span{ color: #ffcb15; }
 .demand-box .infor{float: left;width: 350px;*width:360px; *float:left; margin-top: 2px;font-size: 0;}
 .demand-box input{border-radius: 3px;line-height: 22px; height: 42px; *height:22px; padding: 10px 8px; *padding:10px 0px; *float:left; font-size: 14px;border:0; margin: 13px 9px 0 0; *margin: 30px 9px 34px 0;  box-sizing: border-box;}
 .demand-box input.name{width: 350px; margin: 13px 0 0;}
 .demand-box input.content{width: 143px;}
 .demand-box input.code{width: 100px;}
 .demand-box input.yzm{background: #aeaeae;color: #fff;width: 89px; height:42px; margin: 13px 0; *margin: 30px 0; cursor: pointer;}
 .demand-box input.yzm1:hover{ background: #ffcb15; }
 .demand-box textarea{border-radius: 3px;line-height: 22px;padding: 10px 8px;font-size: 14px;border:0;margin: 15px 12px 0 16px;width: 230px;height: 97px; box-sizing: border-box; *float:left;}
.demand-box .subimt{border-radius: 3px;color: #fff;font-size: 36px;width: 100px;line-height: 1.1;text-align: center;background: #ffcb15;border:0;vertical-align: top;margin: 15px 0 0;cursor: pointer; *float:left;display: inline-block;padding: 10px 0;}
 .demand-box .subimt:hover{ background: #fcaf17; }

 .demand-box .WeChat{padding: 5px;border-radius: 3px;width: 90px;height: 87px;display: inline-block; *float:left; background: #fff;margin: 15px 12px 0;vertical-align: top;color: #bababa;line-height: 2.2;font-size: 12px;text-align: center;}
 .demand-box .close{position: absolute; top: 10px; right: 20px; cursor: pointer; 
 	transition:All 0.4s ease-in-out; 
 	-webkit-transition:All 0.4s ease-in-out; 
 	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;
}
 .demand-box .close:hover{ 
 	transform:rotate(360deg);
 	-webkit-transform:rotate(360deg);
	-moz-transform:rotate(360deg);
	-o-transform:rotate(360deg);
 	-ms-transform:rotate(360deg);
 }

 .demand .thumbnail{background: url(http://pres.vobao.com/Images/base/demandFrame/thumbnail.png) no-repeat;width: 272px;height: 130px;position: absolute;bottom: 16px; left:-272px; cursor: pointer;}
 .demand .thumbnail p{ font-size: 13px; position: absolute; top: 102px; left: 76px; color: #fff; font-style: italic; transform: rotate(-4deg); -webkit-transform: rotate(-4deg);-moz-transform: rotate(-4deg); -o-transform: rotate(-4deg); -ms-transform: rotate(-4deg);}



.animated {
	-webkit-animation-duration:0.5s;
	animation-duration:0.5s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both
}
@-webkit-keyframes fadeOutRightBig {
	0% {
	opacity:0;
	-webkit-transform:translateX(-2000px);
	transform:translateX(-2000px)
}
100% {
	opacity:1;
	-webkit-transform:translateX(0);
	transform:translateX(0)
}
}@keyframes fadeOutRightBig {
	0% {
	opacity:0;
	-webkit-transform:translateX(-2000px);
	-ms-transform:translateX(-2000px);
	transform:translateX(-2000px)
}
100% {
	opacity:1;
	-webkit-transform:translateX(0);
	-ms-transform:translateX(0);
	transform:translateX(0)
}
}.fadeOutRightBig {
	-webkit-animation-name:fadeOutRightBig;
	animation-name:fadeOutRightBig
}