/* 清除浮动 */
.clear::after {
    content: "";
    display: block;
    clear: both;
}

.mainBlock{
    margin-top: 52px;
}

.navbar {
    background-color: rgb(51, 51, 51) !important;
}

.breadcrumb {
    margin-top: 20px;
}

.nav-block {
    background:rgba(255,255,255,1);
    box-shadow:0 2px 6px 0 rgba(204,217,234,0.76);
}


#rootwizard .nav-pills{
    position: static !important;
    height: 40px;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 25px;
}

#rootwizard .stepBlock{
    padding: 0;
}

.form-group label {
    color: #666666;
    font-weight: 400;
}

.nav-block .stepTitle{
    float: left;
    margin-top: 15px;
    margin-bottom: 15px;
    margin-left: 20px;
    font-size:18px;
    font-weight:500;
    color:rgba(51,51,51,1);
    line-height:30px;
}

.messageBlock{
    margin-top: 8px;
    margin-bottom: 40px;
    background:rgba(255,255,255,1);
    box-shadow:0px 2px 6px 0px rgba(204,217,234,0.76);
}

.circle {
    display: inline-block;
    width: 34px;
    height: 34px;
    border-radius: 17px;
    background-color: #B9B9B9;
    color: #FFFFFF;
    text-align: center;
    line-height: 34px;
}

.visited {
    color: #2386EE;
    background-color: transparent;
    border: 1px solid #2386EE;
}

.little-circle {
    display: inline-block;
    width: 16px;
    height: 16px;
    font-size: 12px;
    background:transparent;
    color: #000000;
    text-align: center;
    border-radius: 8px;
    border: 1px solid #000000;
    vertical-align: middle;
}

.blue {
    background-color: #2386EE;
}

.warning-tip {
    color: #ff1102 !important;
}

.bigFont {
    font-size:24px !important;
}

ul > li{
    list-style-type: none;
}

.messageBlock .messageBlock-bd {
    padding: 30px 40px;
}

.messageBlock .messageBlock-bd:not(:first-child) {
    border-top: 1px solid #CAD2E1;
}

.messageBlock .messageBlock-bd .title{
    font-size:24px;
    color:rgba(0,0,0,0.85);
    margin-bottom: 40px;
}


.stationBlock .radio-inline {
    padding: 10px 20px;
    border:1px solid rgba(204,204,204,1);
    border-radius: 3px;
}

.stationBlock .radio-inline input {
    clip: rect(0,0,0,0); /*裁剪图像*/
}



.stationBlock .btn:active,
.stationBlock .btn:focus {
    border: 1px solid #2386EE;
}

label.checked {
    border: 1px solid #2386EE !important;
}

label.unChecked {
    border: 1px solid #CCCCCC !important;
}

.stationBlock input[type="radio"]:checked ~ span {
    color: #2386EE;
}

.stationBlock input[type="radio"]:checked ~ span:after{
    content: "";
    display: block;
    position: absolute;
    width: 10px;
    height: 10px;
    bottom: 0;
    right: 0;
    border-left: 20px solid transparent;
    border-bottom: 20px solid #2386EE;
}

.icon {
    display: inline-block;
    width: 24px;
    height: 24px;
    vertical-align: text-bottom;
}


#studentLabel input[type="radio"]~i {
    background: url("../../img/student.png") no-repeat center;
}
#studentLabel input[type="radio"]:checked~i {
    background: url("../../img/student-active.png") no-repeat center;
}

#nonStudentLabel input[type="radio"]~i {
    background: url("../../img/nonStudent.png") no-repeat center;
}
#nonStudentLabel input[type="radio"]:checked ~i {
    background: url("../../img/nonStudent-active.png") no-repeat center;
}

.checkbox-inline+.checkbox-inline,
.radio-inline+.radio-inline {
    margin-left: 5px !important;
}

.address-box {
    padding-top: 50px;
    padding-left: 40px;
}


.nav-block li a{
    display: inline-block;
    padding: 0;
    pointer-events: none;
}


.nav-pills>li.active>a,
.nav-pills>li.active>a:focus,
.nav-pills>li.active>a:hover {
    color: #000000;
    background-color: #fff;
}


.nav-pills>li >a {
    color: #000000;
}

.nav-pills>li.active>a span:first-child,
.nav-pills>li.active>a:focus span:first-child,
.nav-pills>li.active>a:hover span:first-child {
    color: #fff;
    background-color: #2386EE;
}


.subtitle {
    position: relative !important;
    color: #999999;
    text-align: center;
}
.subtitle:before {
    content: "";
    position: absolute;
    width: 30%;
    height: 1px;
    top: 50%;
    background-color: #B9B9B9;
    left: 2%;
}
.subtitle:after {
    content: "";
    position: absolute;
    width: 30%;
    height: 1px;
    top: 50%;
    background-color: #B9B9B9;
    right: 2%;
}

.bootstrap-datetimepicker-widget {
    background-color: #FFFFFF !important;
}

.bootstrap-datetimepicker-widget {
    display: block!important;
    visibility: visible!important;
}

.certBlock {
    float: left;
    padding: 12px;
    background:rgba(241,255,242,1);
    color:rgba(51,51,51,1);
    font-size:14px;
    border-radius:2px;
    border:1px solid #5AC328;
    margin-bottom: 10px;
    margin-right: 10px;
}

.messageBlock-bottom {
    width: 100%;
    margin-top: 20px;
    border-top: 1px solid #CAD2E1;
}

.comfirmBlock label {
    display: inline-block;
    font-size:16px;
    width: 90px;
    text-align: right;
}

.comfirmBlock span {
    font-size:16px;
    font-weight:500;
    color:rgba(0,0,0,0.85);
}

.pager li {
    float: left !important;
    padding: 0 !important;
}

#inputFile {

}

.agreement-tip {
    vertical-align:top;
    margin-left: -8px;
    text-decoration: none !important;
    cursor: pointer;
}

#firstStep {
    width: 140px;
}

#secondStep {
    width: 290px;
}

#thirdStep {
    width: 310px;
}

.pager .previous,
.pager .next {
    width: 140px;
}

.pager .comfirm {
    width: 160px;
}

.comfirm .btn {
    padding: 5px 30px;
    border-radius: 0;
    background-color: #2386EE;
    color: #FFFFFF;
}

.pager li:not(:first-child) {
    margin-left: 10px;
}

.pager li > a,
.pager li > span {
    display: inline-block;
    width: 100%;
    color: #FFFFFF !important;
    background-color: #2386EE !important;
    border:1px solid rgba(36,134,238,1);
    border-radius: 1px;
}

.pager .previous > a,
.pager .previous > span {
    display: inline-block;
    width: 100%;
    color: #2386EE !important;
    background-color: transparent !important;
    border:1px solid rgba(36,134,238,1);
    border-radius: 1px;
}

.layui-laydate-footer {
    display: none;
}

.tip-popup {
    position: fixed;
    left: 0;
    line-height: 20px;
    top: 128px;
    font-weight: 700;
    border-radius: 2px;
    color: #ffffff;
    max-width: 425px;
    z-index: 16;
}
.tip-popup li {
    list-style: none;
}
input.error {
    border: 1px solid red;
}
select.error {
    border: 1px solid red;
}
label.error {
    background: red;
    padding: 8px 16px;
    color: #ffffff;
}

#partnerCheck .modal-body .resDetail {
    display: none;
    word-break: break-all
}
#partnerCheck .modal-body .showDetail {
    cursor:pointer;
    color: #2386EE;
    margin-top: 3px
}

@media (min-width: 1200px) {


}

@media (min-width: 992px) {


}

/*sm*/
@media (min-width: 768px) {

    .comfirmBlock ul li span:first-child{
        width: 100px;
    }

    .comfirmBlock ul {
        padding-left: 40px;
    }

    .nav-block .stepTitle {
        margin-top: 20px;
        margin-bottom: 20px;
        margin-left: 25px;
        font-size:18px;
        font-weight:500;
        color:rgba(51,51,51,1);
        line-height:40px;
    }
}