/*通用样式*/
*{
    margin:0;
    padding:0;
    font-family:'微软雅黑 Light','PingFang SC', 'Helvetica Neue', 'Helvetica', 'STHeitiSC-Light','Arial', sans-serif;
	font-weight: 100;
	line-height: 100%;
}
html,body{
    position:relative;
    width:100%;
    height:100%;
    min-width:1260px;
}
button,
input{
	outline:0 none;
    border:0 none;
    font-size:18px;
}
input{
    border:1px solid #CCC;
}
input:focus {
    border: 1px solid #F74D61;
    box-shadow:0 0 5px #F74D61;
}
input::-ms-clear{
    display: none;
}
/*头部栏*/
.header{
    height:70px;
    width:100%;
    box-shadow:0 1px 50px #ddd;
}
#logoImg{
    width:132px;
    height:37px;
    display:inline-block;
    margin-top:16.5px;
    margin-left:190px;
}
/*主体部分*/
.container{
    width:1200px;
    position:relative;
    margin:70px auto 0;
}
.step-bar{
    height:70px;
    width:1200px;
    background-color:#F8F8F8;
}
.step-line{
    width:400px;
    height:70px;
    float:left;
    position:relative;
}
.thisStep{
    background-color:#F74D61;
}
.thisStep:after{
    content:"";
    display:block;
    position:absolute;
    width:0;
    height:0;
    border:35px solid transparent;
    border-left-color:#F74D61;
    top:0;
    right:-70px;
}
.lastStep{
    background-color:#F74D61;
}
.step-content{
    text-align:center;
}
.step-content img,
.step-content span{
    line-height:70px;
    vertical-align:middle;
}
.step-content img{
    width:34px;
    height:34px;
}
.step-line span{
    color:#858585;
    font-size:18px;
    margin-left:10px;
}
.thisStep span,
.lastStep span{
    color:#FFF !important;
}


/*翻页区域*/
.page{
    margin-top:88px;
    width:100%;
}
.form-group{
    width:1200px;
    margin-bottom:20px;
    position:relative;
}
.form-area{
    height:50px;
    width:530px;
    margin:0 auto;
    position:relative;
}
.form-control{
    height:50px;
}
.form-title,
.form-input{
    width:350px;
    display:inline-block;
    line-height:50px;
    vertical-align:middle;
}
.form-title{
    width:130px;
    text-align:right;
    font-size:18px;
}
.form-input{
    margin-left:45px;
}
.form-input input{
    width:350px;
    height:48px;
    padding: 0 15px;
}
.warn-area{
    margin:10px auto 0;
    width:530px;
}
.warn-area span{
    margin-left:175px;
    color:#F74D61
}
.btnArea{
    width:530px;
    margin:20px auto 0;

}
.btn-disable {
    background-color: #C4C4C4;
}
.btn-enable {
    background-color: #F74D61;
}
.warn-area{
    display:none;
}
/*第一页*/
#picCodeImg{
    position:absolute;
    top:0px;
    right:2px;
    width:100px;
    height:48px;
    cursor:pointer;
}
#msgCodeBtn{
    position:absolute;
    top:1px;
    right:-200px;
    width:180px;
    height:50px;
    color:#FFF;
    font-size:18px;
    cursor:pointer;
}
.msg-enable{
    background-color:#F74D61;
}
.msg-disable{
    background-color:#F6B9C0;
}
.checkboxArea {
    width:530px;
    margin:0 auto 20px;
    position:relative;
}
.checkboxArea span {
    display: inline-block;
    margin-left: 10px;
    font-size: 18px;
    color: #858585;
    vertical-align: middle;
}
.checkboxArea span a{
    color:#2B93E2;
    cursor:pointer;
}
.checkboxArea .fakeCheckbox {
    display: inline-block;
    margin-left: 194px;
    width: 18px;
    height: 18px;
    border: 1px #C8C8C8 solid;
    border-radius: 4px;
    vertical-align: middle;
    cursor: pointer;
}
.checkboxArea .checkbox-unchecked {
    background: #FFF;
}
.checkboxArea .checkbox-checked {
    background: url("../img/succ_default.png") no-repeat;
    background-position: center;
    background-size: cover;
}

#page-1 hr{
    border: 0 none;
    height: 1px;
    width: 720px;
    background-color: #C4C4C4;
    margin: 0 auto;
}
#next-1{
    width:350px;
    height:50px;
    color:#FFF;
    font-size:18px;
    margin-left:194px;
    cursor:pointer;
}

/*第二页*/
.dropdown-toggle{
    height:50px;
    border-radius:0;
}

.filter-option{
    font-size:18px;
}
.selectOption{
    font-size:18px;
    width:350px;
    padding:10px 0;
}
.selectOption img{
    right:20px;
    top:10px;
    position:absolute;
}
.optionContent{
    margin-right:200px;
}
.optionContent+img{
    position:absolute;
    right:30px;
}

.sex-select{
    width:50px;
    height:50px;
    border:1px solid #AAA;
    color:#000;
    float:left;
    margin-right:20px;
    font-size:18px;
    text-align:center;
    line-height:50px;
    cursor:pointer;
}

.sex-checked{
    color:#FFF;
    border:1px solid #F74D61;
    background-color:#F74D61;
}
#next-2{
    width:350px;
    height:50px;
    color:#FFF;
    font-size:18px;
    margin-left:194px;
    cursor:pointer;
}


/*第三页*/
#wait{
	position: relative;
	text-align: center;
}
#waitLogo{
	display: inline-block;
	border-radius: 50%;
	width: 50px;
	height: 50px;
    vertical-align:middle;
}
#wait h1{
	display: inline-block;
	font-size: 40px;
	font-weight: 500;
	color: #4EB420;
	vertical-align: middle;
    margin:0;
    margin-left:20px;
}
#page-3 h3{
	color: #4EB420;
	font-size: 20px;
	margin: 20px auto 0;
    text-align:center;
}
hr{
	width: 350px;
	height: 1px;
    border: none;
    background: #c4c4c4;
    margin: 30px auto 0;
}
table{
	margin: 30px auto 0;
	font-size: 20px;
}
.tbTitle{
	color:#858585;
}
.tbData{
	color:#242424;
}
td{
	padding-top: 20px;
}
#firstTr td{
	padding: 0;
}
#download{
    display:block;
	width:350px;
    height:50px;
    color:#FFF;
    font-size:18px;
    margin:40px auto;
    cursor:pointer;
}


@media screen and (max-width:1440px){
    
/*通用样式*/
	button,
    input {
	    font-size: 14.4px;
    }
    /*头部栏*/
	    .header {
	    height: 56px;
    }
    #logoImg {
	    width: 105.6px;
	    height: 29.6px;
	    margin-top: 13.2px;
	    margin-left: 152px;
    }
    /*主体部分*/
	    .container {
	    width: 960px;
	    margin: 56px auto 0;
    }
    .step-bar {
	    height: 56px;
	    width: 960px;
    }
    .step-line {
	    width: 320px;
	    height: 56px;
    }
    .thisStep:after {
	    content: "";
	    display: block;
	    position: absolute;
	    width: 0;
	    height: 0;
	    border: 28px solid transparent;
	    border-left-color: #F74D61;
	    top: 0;
	    right: -56px;
    }
    .step-content img,
    .step-content span {
	    line-height: 56px;
    }
    .step-content img {
	    width: 27.2px;
	    height: 27.2px;
    }
    .step-line span {
	    color: #858585;
	    font-size: 14.4px;
	    margin-left: 8px;
    }
    /*翻页区域*/
	    .page {
	    margin-top: 70.4px;
    }
    .form-group {
	    width: 960px;
	    margin-bottom: 16px;
    }
    .form-area {
	    height: 40px;
	    width: 424px;
    }
    .form-title,
    .form-input {
	    line-height: 40px;
    }
    .form-title {
	    width: 104px;
	    font-size: 14.4px;
    }
    .form-input {
	    margin-left: 35px;
    }
    .form-input input {
	    width: 280px;
	    height: 39px;
	    padding: 0 12px;
    }
    .warn-area {
	    margin: 8px auto 0;
	    width: 424px;
    }
    .warn-area span {
	    margin-left: 143px;
    }
    .btnArea {
	    width: 424px;
	    margin: 16px auto 0;
    }
    /*第一页*/
	#picCodeImg {
	    width: 80px;
	    height: 38.4px;
        top:1px;
    }
    #msgCodeBtn {
	    right: -160px;
	    width: 144px;
	    height: 40px;
	    font-size: 14.4px;
    }
    .checkboxArea {
	    width: 424px;
	    margin: 0 auto 16px;
    }
    .checkboxArea span {
	    margin-left: 8px;
	    font-size: 14.4px;
    }
    .checkboxArea .fakeCheckbox {
	    margin-left: 157.7px;
	    width: 14.4px;
	    height: 14.4px;
	    border-radius: 3.2px;
    }
    #page-1 hr {
	    width: 576px;
    }
    #next-1 {
	    width: 280px;
	    height: 40px;
	    font-size: 14.4px;
	    margin-left: 157.7px;
    }
    /*第二页*/
	    .dropdown-toggle {
	    height: 40px;
    }
    .filter-option {
	    font-size: 14.4px;
    }
    .selectOption {
	    font-size: 14.4px;
	    width: 280px;
	    padding: 8px 0;
    }
    .form-input{
        width:280px;
    }
    .form-input .bootstrap-select{
        width:280px;
        height:39px;
    }
    .selectOption img {
	    right: 16px;
	    top: 6px;
    }
    .optionContent {
	    margin-right: 155px;
    }
    .sex-select {
	    width: 40px;
	    height: 40px;
	    margin-right: 16px;
	    font-size: 14.4px;
	    line-height: 40px;
    }
    #next-2 {
	    width: 280px;
	    height: 40px;
	    font-size: 14.4px;
	    margin-left: 157.7px;
    }
    /*第三页*/
	    #waitLogo {
	    width: 40px;
	    height: 40px;
    }
    #wait h1 {
	    font-size: 32px;
	    margin-left: 16px;
    }
    #page-3 h3 {
	    font-size: 16px;
	    margin: 16px auto 0;
    }
    hr {
	    width: 280px;
	    margin: 24px auto 0;
    }
    table {
	    margin: 24px auto 0;
	    font-size: 16px;
    }
    td {
	    padding-top: 16px;
    }
    #download {
	    width: 280px;
	    height: 40px;
	    font-size: 14.4px;
	    margin: 32px auto;
    }

}