@charset "utf-8";
/* CSS Document */
html,body,.Wrap,.Main{width:100%;height:100%; font-size:12px;font-family:"Microsoft Yahei";}
body{/*width:640px;*/margin:0 auto;height:100%;}
*{font-size:30px;font-family:"Microsoft Yahei";}
.Wrap{position:relative;top:0;left:0;}
.Main{position:absolute;top:0;left:0;}
.Position{position:absolute;} 
.PublicScenes{position:absolute;top:0;left:0;display:none;height:100%;width:100%;overflow:hidden;}
/*各场景背景*/
.Bg{width:100%;height:100%; position:absolute;top:0;left:0%;overflow:hidden;}    
.Bg img{width:100%;}     
.PublicScenes .Bg img{position:relative;}
.Inner{width:640px;margin:auto; position:relative;height:100%; }
/************************************Loading_star*********************************************/
.wrapper{position:absolute;width:100%;height:100%;top:0;left:0;z-index:1000;background:rgba(0,0,0,1);}
.wrapperInner{position:absolute;top:40%;left:0;width:100%;}
.wrapperInner h1{text-align:center;width:100%;color:#fff;}
.loadinner {  
    height: 99%;  
    width: 0%;  
    border-radius: inherit;  
    position: relative;  
    background: #c2d7ac;  
    background: linear-gradient(#e0f6c8, #98ad84);  
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 1),  0 1px 5px rgba(0, 0, 0, 0.3),  0 4px 5px rgba(0, 0, 0, 0.3);   
} 
.wrapper p a {color:#757575; text-decoration:none;}  
.wrapper .load-bar {  
    width: 60%;  
    height: 25px;  
    border-radius: 30px;  
    background: #dcdbd7;  
    position: relative;  
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8),  inset 0 2px 3px rgba(0, 0, 0, 0.2);  
    margin:auto;
}  
 
.wrapper .loadinner {  
    height: 99%;  
    width: 0%;  
    border-radius: inherit;  
    position: relative;  
    background: #c2d7ac;  
    background: linear-gradient(#e0f6c8, #98ad84);  
    background: -moz-linear-gradient(#e0f6c8, #98ad84);  
    background: -webkit-linear-gradient(#e0f6c8, #98ad84);  
    background: -o-linear-gradient(#e0f6c8, #98ad84);  
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 1),  0 1px 5px rgba(0, 0, 0, 0.3),  0 4px 5px rgba(0, 0, 0, 0.3);  
}  
.wrapper #counter {  
    position: absolute;  
    background: #eeeff3;  
    background: linear-gradient(#eeeff3, #cbcbd3);  
    background: -moz-linear-gradient(#eeeff3, #cbcbd3);  
    background: -webkit-linear-gradient(#eeeff3, #cbcbd3);  
    background: -o-linear-gradient(#eeeff3, #cbcbd3);  
    padding: 5px 10px;  
    border-radius: 0.4em;  
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 1),  0 2px 4px 1px rgba(0, 0, 0, 0.2),  0 1px 3px 1px rgba(0, 0, 0, 0.1);  
    top: -50px;  
    font-size:20px;  
    font-weight: bold;  
    width: 50px;   
    right:-20px;
    text-align:center;
}  
.wrapper #counter:after {  
    content: "";  
    position: absolute;  
    width: 8px;  
    height: 8px;  
    background: #cbcbd3;  
    transform: rotate(45deg);  
    -moz-transform: rotate(45deg);  
    -webkit-transform: rotate(45deg);  
    -o-transform: rotate(45deg);  
    left: 50%;  
    margin-left: -4px;  
    bottom: -4px;  
    box-shadow:  3px 3px 4px rgba(0, 0, 0, 0.2),  1px 1px 1px 1px rgba(0, 0, 0, 0.1);  
    border-radius: 0 0 3px 0;  
}  
.wrapper h1 {  
    font-size: 28px;  
    padding: 20px 0 8px 0;  
}  
.wrapper p {  
    font-size: 13px;  
}  
 @keyframes loader {  
 from {  
width: 0%;  
}  
to {  
    width: 100%;  
}  
}  
 @-moz-keyframes loader {  
 from {  
width: 0%;  
}  
to {  
    width: 100%;  
}  
}  
 @-webkit-keyframes loader {  
 from {  
width: 0%;  
}  
to {  
    width: 100%;  
}  
}  
 @-o-keyframes loader {  
 from {  
width: 0%;  
}  
to {  
    width: 100%;  
}  
}  
 
 @keyframes counter {  
 from {  
left: -25px;  
}  
to {  
    left: 323px;  
}  
}  
 @-moz-keyframes counter {  
 from {  
left: -25px;  
}  
to {  
    left: 323px;  
}  
}  
 @-webkit-keyframes counter {  
 from {  
left: -25px;  
}  
to {  
    left: 323px;  
}  
}  
 @-o-keyframes counter {  
 from {  
left: -25px;  
}  
to {  
    left: 323px;  
}  
} 
  
/************************************Loading_end*********************************************/
 
 
 



/************************************主要内容*********************************************/
.Head{ background:url(../images/head.jpg) no-repeat; width:100%; height:103px; position:absolute; top:0px; left:0px;}
.PhoneBtn{ width:20%; height:103px; position:absolute; top:0px; right:0px;}
.LeavingCapitalBox{ position:absolute; top:147px; left:0px; width:100%;}
.LeavingCapitalTitle{ position:absolute; top:0px; left:0px; width:100%; text-align:center;}
.LeavingCapital{ background:url(../images/liuzibufen2.png) no-repeat; width:579px; height:615px; position:absolute; top:50px; left:50%; margin-left:-289px;}
.LeavingCapital>div input,.LeavingCapital>div select{ width:100%; height:100%;background: none; background: transparent; -webkit-appearance: none; font-size:24px; color:#007aff;}
.LeavingCapital>div{ position:absolute; left:30px; width:425px; height:67px; line-height:83px;}
.Brand{ top:0px;}
.Models{ top:74px;}
.Province{ top:153px;}
.City{ top:227px;}
.Name{ top:304px;}
.Number{ top:379px;}
.SubmitIntentionBtn{ position:absolute; left:50%; top:725px; margin-left:-200px;}
.PromptText{ position:absolute; top:800px; left:0px; width:100%; text-align:center;}
.Footer{ background:url(../images/footer_bj.png) no-repeat; width:640px; height:105px;  position:absolute; bottom:0px; left:0px;}
.BottomNav{ width:100%; text-align:center;}
.BottomNav>div{ display:inline-block; width:125px; border-right:1px solid #444444; font-size:24px; color:#444444; height:30px; line-height:30px; margin-top:30px;}
.BottomNav>div:last-child{ border-right:0px solid #444444;}
.Time{ width:485px!important; top:454px; left:30px!important;}
.Time>select{ letter-spacing:3px; color:#007aff;}



.SelectTitle{ position:absolute; top:150px; left:0px; width:100%; text-align:center;}
.SelectLeavingCapitalBox{ background:url(../images/selectliuzibj.png) no-repeat; width:579px; height:308px; position:absolute; left:50%; top:275px; -webkit-transform:translate(-50%);}
::-webkit-input-placeholder { color:#007aff; font-size:24px;}  
.SecurityCodeBox>input{ color:#007aff; font-size:24px; width:350px; height:68px; position:absolute; top:0px; left:20px;}
.SecurityCodeBtn{ /*background:url(../images/selectbtn.png) no-repeat;*/ width:169px; line-height:53px; position:absolute; top:8px; left:410px;background-color: #007AFF;border-radius: 7%;  font-size: 24px;text-align: center;color: #fff;}
.SelectLeavingCapitalBox>select{ height:68px; width:520px; position:absolute; left:20px; top:78px; background: none; background: transparent; -webkit-appearance: none; color:#007aff; font-size:24px;}
.SelectLeavingCapitalBox>textarea{ width:520px; height:43px; position:absolute; left:20px; top:153px; border:0px; resize:none; color:#007aff; font-size:16px; outline:none; vertical-align:middle; padding:55px 0px; background:none;font-size:24px;}
.SelectSubmit{ position:absolute; left:50%; top:715px; -webkit-transform:translate(-50%);}
.SelectTxt{ position:absolute; left:50%; top:800px; -webkit-transform:translate(-50%);}
#GetPrizeTip{
		  position: absolute;
		  top: 595px;
		  width: 575px;
		  font-size: 24px;
		  left: 50px;
		  color: rgb(157, 157, 157);
		  display:none;
		}