﻿.container { margin:0 0 20px; }
.container .cnr { background:#fff; width:1000px; min-height:480px; margin:20px auto; padding:30px; border:1px solid #EDEDED;  }

.container .step { color:#666; }
.container .step ul{ overflow:hidden; }
.container .step li{ z-index:100; position:relative; float:left; width:25%; padding:5px; box-sizing:border-box; text-align:center;  }
.container .step li i { display:inline-block; width:30px; height:30px; line-height:30px; border-radius:50%; background:#cacaca; color:#fff; }
.container .step li span { display:block; padding:5px 0; }
.container .step li b{ z-index:-1; width:50%; height:1px; position:absolute; top:20px; display:block; background:#e4e4e4; }
.container .step li .lline { left:0; }
.container .step li .rline { right:0; }
.container .step li.prestep i{ background:#d3c09d; }
.container .step li.prestep span { color:#c2aa7e; }
.container .step li.prestep b { background:#d8c8aa; }
.container .step li.curstep i{ background:#d3c09d; }
.container .step li.curstep span { color:#c2aa7e; }
.container .step li.curstep b{ background:#d8c8aa; }

.container .stepcont { color:#888; text-align:center; margin:60px 0 0; } 
.container .stepcont h2{ font-size:14px; font-weight:normal; }
.container .stepcont h2 span { text-align:left; display:inline-block; }
.container .stepcont h4 { height:120px; background:url(../img/pwupsuc.png) center center no-repeat; }
.container .stepcont p .btn{ display:inline-block; border-radius:3px; margin:0 0 0 13px; padding:8px 15px; width:127px; box-sizing:border-box; border:1px solid #E6E6E6; color:#88b1b5; }
.container .stepcont input{ padding:10px 8px; border-radius:3px; } 
.container .stepcont .nextstep{ display:inline-block; margin:10px 0 0; padding:10px 8px; border-radius:3px; background:#cbbca1; color:#fff; }
.container .stepcont .info { color:#53835f; font-size:14px; }
.container .step1 { } 

