html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td, input{ margin: 0;  padding: 0;}
BODY {background-color: #fff;color: #555; font-family:'Microsoft Yahei'; font-size:14px; line-height:1.6em;}
body,html{height:100%}
ul, li {list-style: none;}
a { text-decoration:none;color:#555;}
a:hover { color:#FF3300;}
.clear { clear:both;}
fieldset,legend{border:0;padding:0}
label{cursor:pointer}
label.disabled,label.disabled input{cursor:default}
img{border:0}
.clearfix:after,.clearfix:before{content:" ";display:table}
.clearfix:after{clear:both}
.clearfix{*zoom:1}

.toolwrap { width:320px; margin:0 auto; font-size:16px;  }
.toolwrap h3 { font-size:22px; line-height:34px; text-align:left; padding:20px 0 2px 15px;}


.step1 { background:url(/images/topbg.jpg) no-repeat center  bottom #FF5E52; height:320px; width:100%; position:relative; }
.godown { position:absolute; background:url(/images/shou.png) no-repeat center bottom; width:50px; height:50px; bottom:28%; left:50%; margin-left:-17px;}
.step1 div.adtit { text-align:center; font-size:26px; line-height:46px; color:#fff; padding:50px 0 0 0;}
.step1 h1 { font-size:36px; line-height:68px; text-shadow: 0px 0px 0px #3e3e6d;}
.step2 {  background:#E8F7E3;}
.step3 {  background:#FAF7EA; border-top:1px solid #fff;}
.step4 {   background:#FAF7EA; padding:20px 0 10px 0;}
.form-cell { margin:15px 0 0 0;}
.form-cell .name { width:170px; text-align:right; padding-right:6px; display:inline-block;}
.form-cell .in-a { margin-right:6px; border:1px solid #ddd; height:22px; line-height:22px; padding:5px 0 5px 6px; font-size:16px;font-family:'Microsoft Yahei'; color:#888; width:80px;}
.form-cell .in-b { margin-right:6px; border:1px solid #ddd; height:22px; line-height:22px; padding:5px 0 5px 6px; font-size:16px;font-family:'Microsoft Yahei'; color:#888; width:290px; background:#fff;}
.btn-all { border-radius:5px; color:#fff; display:block; width:200px; height:44px; line-height:44px; text-align:center; background:#f70; font-size:20px; margin:0 auto;}
.btn-all:hover { background:#f80; color:#fff;}
.btn-area { padding:30px 0 35px 0;}


.form-cell .jtbg { background:url(/images/ico-jt.gif) no-repeat 273px center #fff; cursor:pointer;font-size:12px;}
.form-cell .drag { position:relative; font-size:12px; padding:0 0 0 10px;}
.form-cell .drag .xiala { display:none; border:1px solid #ddd; border-top:0; position:absolute; top:33px; left:10px; width:296px; background:#fff; }
.form-cell .drag .xiala li a{ line-height:40px; padding-left:8px; display:block; width:288px; height:40px;color:#888;}
.form-cell .drag .xiala li a:hover { background-color:#f6f6f6; color:#555;}
.form-cell .tip { font-size:12px; color:#999; text-align:right; padding-right:10px;}
.last { font-size:18px; color:#555; padding:0 0 0 15px;  line-height:40px; margin-bottom:10px;}
.last .price { color:#F60; font-weight:bold; font-size:19px;}
.step4 .tip { font-size:12px; line-height:22px; color:#999; padding:0 15px;}

.bf-cell { margin:3px 0 0 15px; line-height:1.2em;}
.bf-cell.f16 { font-size:16px;}
.bf-cell.f22 { font-size:20px;}
.bf-cell.fgreen { color:#20b004}
.bf-cell.forange { color:#f70;}

.bf-cell .jiao { display:inline-block; width:68px; }
.bf-cell .shan { display:inline-block; width:83px; }
.bf-cell .zong { display:inline-block; width:95px;}
.bf-cell .fuhao { display:inline-block; width:25px; }
.toolwrap .zhuziwrap { margin:12px 0 6px 0;}
.toolwrap .zhuzi { height:32px; width:290px; margin:0 auto; font-size:18px; margin-top:1px; color:#fff;}
.toolwrap .zhuzi p { padding-left:12px;}
.toolwrap .zhuzibggreen {background:#20b004; padding:4px 0 5px 0;min-width:50%;width:50%;}
.toolwrap .zhuzibgorange {background:#f70; padding:4px 0 5px 0; min-width:50%;width:50%;}
.move { 
         -o-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -webkit-transition: all .6s ease-in-out;
         transition: all .6s ease-in-out;}
.form-cell.yesno { margin-top:20px;}
.yesno .green {background-color:#0a0;}
.yesno .gray { background-color:#b3d5a8;}
.yesno .yes{  color:#FFF; border-radius:5px 0 0 5px; padding:3px 20px; cursor:pointer; margin-left:7px;  }
.yesno .no {  color:#FFF;border-radius:0 5px 5px 0;padding:3px 14px;cursor:pointer;margin-right:7px; }
.displaynone { display:none;}
.mt25 { margin-top:20px;}
.footer {background:#FAF7EA; border-top:1px solid #ddd; font-size:12px; line-height:32px; color:#999; text-align:center;}
.footer a { color:#999;}
.footer a:hover { color:#F30;}

.godownbg { width:100px; height:100px; border-radius:100px; border:#fff 10px solid; background-color:#1a1a47;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=20);        opacity:0.2;
animation: quanbg 0.4s ease-in infinitee ; 
-moz-animation: quanbg 0.4s ease-in infinite;        
-webkit-animation: quanbg 0.4s ease-in infinite;    
-o-animation: quanbg 0.4s ease-in infinite ;

position:absolute; left:50%;  bottom:25%; margin-left:-50px;}
.godown{animation: regodown .3s  infinite; 
-moz-animation: regodown .3s   infinite ;    
-webkit-animation: regodown .3s  infinite;   
-o-animation: regodown .3s   infinite; }

@keyframes quanbg
{
0% {  filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=20); opacity:0.2;width:60px; height:60px;border-radius:60px;  margin-left:-30px;}
100%{ filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);   opacity:0;width:120px; height:120px;border-radius:120px;  margin-left:-60px;}
}
@-moz-keyframes quanbg
{
0% {  filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=20); opacity:0.2;width:60px; height:60px;border-radius:60px;  margin-left:-30px;}
100%{ filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);   opacity:0;width:120px; height:120px;border-radius:120px;  margin-left:-60px;}
}
@-webkit-keyframes quanbg
{
0% {  filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=20); opacity:0.2;width:60px; height:60px;border-radius:60px;  margin-left:-30px;}
100%{ filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);   opacity:0;width:120px; height:120px;border-radius:120px;  margin-left:-60px;}
}

@keyframes  regodown
{
0% { bottom:28%; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);    opacity:1;}
100%{bottom:29%; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);    opacity:0.7;}
}
@-moz-keyframes regodown
{
0% { bottom:28%; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);    opacity:1;}
100%{bottom:29%; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);    opacity:0.7;}
}
@-webkit-keyframes regodown
{
0% { bottom:28%; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);    opacity:1;}
100%{bottom:29%; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);    opacity:0.7;}
}

@media screen and (max-width:640px){
         .step1 { background:url(/images/topbg.jpg) no-repeat center bottom #FF5E52; height:100%;}
         .step2 { }



         }