*{
    margin: 0;
    padding: 0;
}
body{
    background-color: #ecf0f5;
    font-family: 'Microsoft YaHei';
}
.text-danger{
    color:#ED5E61 !important;

}
.text-warning{
    color:#FF9A33 !important;
}
.text-success{
    color:#27BD9F !important;
}
.text-default{
    color:#737373 !important;
}

.text-info{
    color:#23A1F1 !important;

}
.register-progress-box{
    padding: 0;
    -webkit-box-shadow: 0 5px 40px #eee;
    box-shadow: 0 5px 40px #eee;
    border-radius: 5px;
    overflow: hidden;
}

.register-progress-form form {
    max-width:330px;
    margin:0 auto;
}

.register-progress{
    border-radius: 5px;
    /*border: 1px solid red;*/
}
.register-progress.breadcrumb{
    overflow: hidden;
    padding: 0;
    margin-bottom: 0;
    border-radius: 0;
    margin-right: -1px;
}
.register-progress.breadcrumb>li{
    position: relative;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 33.3%;
    line-height: 30px;
    background-color: #87c5ee;
    /*opacity: 0.5;*/
    text-align: center;
    color: #fff;
   /* border: 1px solid red;*/
    border-radius: 0;
    float: left;
}
.register-progress.breadcrumb>li.active{
    background-color: #199be6;
}
.register-progress.breadcrumb>li:before,
.register-progress.breadcrumb>li:after{
    content: " ";
    position: absolute;
    top: -4px;
    border-width: 30px;
    border-style: solid;
}
.register-progress.breadcrumb>li:before{
    right: -50px;
    /*border-color: transparent transparent transparent #199be6;*/
    border-color: transparent transparent transparent #87c5ee;
    z-index: 9;
}
.register-progress.breadcrumb>li.active:before{
    right: -50px;
    /*border-color: transparent transparent transparent #199be6;*/
    border-color: transparent transparent transparent #199be6;
    z-index: 9;
}
.register-progress.breadcrumb>li:after{
    right: -55px;
    /* border-color: #87c5ee #87c5ee #87c5ee #fff;*/
    border-color: transparent transparent transparent #fff;
    z-index: 5;
}
.register-progress.breadcrumb>li.active:after{
    right: -55px;
   /* border-color: #87c5ee #87c5ee #87c5ee #fff;*/
    border-color: transparent transparent transparent #fff;
    z-index: 5;
}

.register-progress.breadcrumb>li+li:before {
     padding: 0;
 }
.register-progress.breadcrumb>li:last-child:before,
.register-progress.breadcrumb>li:last-child:after{
    display: none;
}
/**/
.form-group-fedback .form-control{
    padding-right: auto;
    /*line-height: 22px;
    height: 42px;*/
}
.form-group-fedback .form-control-feedback{
    left: 5px;
    top: 2px;
    color: #aaa;
    font-size: 16px;
}
.form-group-fedback .form-control-line{
    position: absolute;
    top: 8px;
    left: 43px;
    width: 1px;
    height: 18px;
    border-right: 1px solid #ccc;
}
.form-group-fedback .btn{
    position: absolute;
    right: 0px;
    top: 0px;
}
.btn-verification-code,
.btn-verification-code:hover,
.btn-verification-code:focus{
    border-radius: 0;
    border: 1px solid #ccc;
    color: #199be6;
    outline: none;
    border-bottom-right-radius:5px;
    border-top-right-radius: 5px;
}
.btn-verification-code[disabled],
.btn-verification-code[disabled]:hover{
    background-color: #87c5ee;
}
.margin-top15{
    margin-top: 15px;
}
.register-progress-form{
    padding: 100px 0 40px;
    /*height: 400px;*/
    /*border: 1px solid #dedede;*/
    background-color: #fff;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.reset-password-box{
    display: table;
    vert-align: top;
    width: 170px;
    margin: 0 auto;
}
.reset-password-box .reset-password-icon,
.reset-password-box .reset-password-remark{
    display: table-cell;
    vertical-align: top;
}
.reset-password-box .reset-password-icon{
    font-size: 30px;
    padding-right: 10px;
    color: #42ad6d;
}
@media (min-width: 768px) {
    .register-progress-box{
        margin-top: 9%;
        margin-bottom: 5%;
        max-width: 800px;
    }
    .register-progress-form form{
        /*width: 330px;*/
        margin: 0 auto;
    }
}
@media (max-width: 768px) {
    .register-progress-box{
        padding-right: 0;
        padding-left: 0;
        margin:5% 3% 0;
    }
    .register-progress.breadcrumb>li{
        font-size: 1rem;
    }
    .register-progress-form{
        padding:50px 20px;
    }
}