@import url(comm.css);
@import url(header.css);
@import url(footer.css);
@import url(sign-comm.css);


.step{height:auto;text-align:center;}
.step-cells{overflow:hidden;margin:0 -64px 0;display:inline-block;position:relative;}
.step-cells .step-cell{width:100px;text-align:center;float:left;margin:0 21px;position:relative;}
.step-cells .step-cell .icon{width:52px;height:52px;margin-left:24px;float:left;}
.step-cells .step-cell span{display:block;text-align:center;color:#ccc;clear:both;font-size:16px;line-height:1em;margin-top:11px;float:left;width:100%;}
.step-cells .step-line{position:absolute;top:25px;left:95px;right:95px;height:0;border-top:1px dashed #d3d3d3;}
.step-cells .step-line-b{position:absolute;top:25px;left:95px;right:100%;height:0;border-top:1px solid #ffbb22;}

.step-cells-1 .step-cell-1 .icon{background-position:0 -545px;}
.step-cells-1 .step-cell-2 .icon{background-position:-60px -605px;}
.step-cells-1 .step-cell-3 .icon{background-position:-120px -605px;}
.step-cells-1 .step-cell-4 .icon{background-position:-180px -605px;}

.step-cells-1 .step-cell-1 span{font-weight:bold;color:#ffbb22;}



.step-cells-2 .step-cell-1 .icon{background-position:0 -665px;}
.step-cells-2 .step-cell-2 .icon{background-position:-60px -545px;}
.step-cells-2 .step-cell-3 .icon{background-position:-120px -605px;}
.step-cells-2 .step-cell-4 .icon{background-position:-180px -605px;}

.step-cells-2 .step-cell-1 span{color:#ffbb22;}
.step-cells-2 .step-cell-2 span{font-weight:bold;color:#ffbb22;}
.step-cells-2 .step-line-b{right:370px;}


.step-cells-3 .step-cell-1 .icon{background-position:0 -665px;}
.step-cells-3 .step-cell-2 .icon{background-position:-60px -665px;}
.step-cells-3 .step-cell-3 .icon{background-position:-120px -545px;}
.step-cells-3 .step-cell-4 .icon{background-position:-180px -605px;}

.step-cells-3 .step-cell-1 span,
.step-cells-3 .step-cell-2 span{color:#ffbb22;}
.step-cells-3 .step-cell-3 span{font-weight:bold;color:#ffbb22;}
.step-cells-3 .step-line-b{right:220px;}


.step-cells-4 .step-cell-1 .icon{background-position:0 -665px;}
.step-cells-4 .step-cell-2 .icon{background-position:-60px -665px;}
.step-cells-4 .step-cell-3 .icon{background-position:-120px -665px;}
.step-cells-4 .step-cell-4 .icon{background-position:-180px -545px;}

.step-cells-4 .step-cell-1 span,
.step-cells-4 .step-cell-2 span,
.step-cells-4 .step-cell-3 span{color:#ffbb22;}
.step-cells-4 .step-cell-4 span{font-weight:bold;color:#ffbb22;}
.step-cells-4 .step-line-b{right:95px;}


.step-cells-5 .step-cell-1 .icon{background-position:0 -485px;}
.step-cells-5 .step-cell-2 .icon{background-position:-60px -485px;}
.step-cells-5 .step-cell-3 .icon{background-position:-120px -485px;}
.step-cells-5 .step-cell-4 .icon{background-position:-180px -485px;}

.step-cells-5 .step-cell-1 span,
.step-cells-5 .step-cell-2 span,
.step-cells-5 .step-cell-3 span,
.step-cells-5 .step-cell-4 span{color:#ffbb22;}


.ptt{font-size:32px;line-height:1em;text-align:center;padding:77px 0 105px;}
.row{overflow:hidden;margin:0 -280px 40px -130px;}
.lbl{float:left;text-align:left;width:130px;height:48px;line-height:48px;font-size:24px;color:#666;}
.ipt{float:left;height:46px;width:442px;border:1px solid #ddd;border-radius:3px;padding:0 18px;background-color:#f7f7f7;font-size:18px;}

.btnSubmit{border:0;height:48px;width:100%;color:#fff;background-color:#ff7722;border-radius:4px;font-size:18px;margin-top:60px;}
.mn{text-align:center;padding:100px 0 232px;}
.form-mn{width:480px;display:inline-block;}
.img-vc{float:left;margin:0 23px 0 10px;}
.bk1{float:left;height:48px;line-height:48px;font-size:14px;color:#999;}
.bk1 a{color:#ff7722;}

.mn-2{}
.mn-2 .bk2{line-height:48px;text-align:left;font-size:24px;}
.mn-2 .row{margin-left:-246px;}
.mn-2 .lbl{width:246px;}

.mn-2 .telvc{width:286px;}
.mn-2 .getVC{display:block;float:left;color:#999;font-size:14px;text-align:center;height:46px;width:130px;border:1px solid #ddd;line-height:48px;background-color:#f7f7f7;margin-left:24px;border-radius:4px;}
.mn-2 .getVC:hover {color:#999;}
.mn-2 .aside{border-top:1px dashed #ddd;margin-top:80px;padding:41px 0 30px;}
.mn-2 .aside .bk3{text-align:left;display:inline-block;width:480px;line-height:24px;font-size:14px;color:#999;}
.bktt{font-size:16px;color:#666;}
.bkcnt{margin-right:-200px;}

.mn-3 .row{margin-left:-224px;}
.mn-3 .lbl{width:224px;}
.mn-3 .rcf{line-height:14px;margin-top:-20px;color:#999;}
.mn-3 .cf{font-size:14px;float:left;margin-left:224px;}


.mnb {text-align:center;padding:98px 0 286px;}
.mnb .icon-state {width:80px;height:80px;}
.success .icon-state {background-position: -300px 0;}
.mnb .tt1 {font-size:24px;line-height:1em;margin: 52px 0 30px;}
.mnb .tt2 {font-size:18px;line-height:1em;margin-bottom: 30px;}
.mnb .tt3 {font-size:16px;line-height:1em;margin-bottom: 34px;}
.mnb .tt3 a {color:#ff7722;}
.mnb .mnbbtn {font-size:18px;border-radius:4px;line-height:48px;height:48px;width:200px;text-align:center;line-height:48px;border:0;background-color:#ff7722;color:#fff;}

.level-mn {height: 18px;display: inline-block;margin-right: 12px;}
.level {display:inline-block;background-color:#ddd;width:134px;height:16px;border-radius:3px;overflow:hidden;float: left;margin-top: 4px;}
.level-bar {float:left;height:16px;width:50%;background-color:#68d845;margin-right: 12px;}

.getVC.active {color:#fff;background-color:#444;border:1px solid #444;}
.getVC.active:hover {color:#fff;}