.header{
    width:100%;
    border-bottom:1px solid  #356ec8;
}


.main_warp{
    width:100%;
}
.main{
    width:1200px;
    margin:0 auto;
}
.main .level{
    margin-top: 108px;
}
.level_title{
    width:1128px;
    margin:0 auto;
    position: relative;
}
.occupationWrapper{
    width:1200px;
    margin:0 auto;
}
.occupationBox{
    margin-top:22px;
    margin-bottom:100px;
}
.occupationUl{
    width:100%;
}
.occupationUl>li{
    width:25%;
    height:300px;
    margin-bottom:30px;
    float: left;
    position:relative;
    overflow:hidden;
    cursor:pointer;

}
.occupationUl>li>img{
    width:100%;
}
.imgMark{
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    bottom: 0;
    left:0;
    background:rgba(0,0,0,.4);
    text-align: center;

}
.markCont>img{
    width:60px;
    margin-top:90px;
}
.markLine{
    width:44px;
    height:2px;
    display: block;
    margin: 14px auto;
    background:#fff;
}
.markTit{
    font-size:24px;
    color:#fff;
    margin-top:122px;
    letter-spacing:1px;
    font-weight:bold;
}
.markMain{
    width:100%;
    height:100%;
    background:rgba(59,111,187,.8);
    position:absolute;
    top: 300px;
    left:0;
    bottom:0;
    z-index:99;
    text-align: center;
    -webkit-transition: all .6s;
       -moz-transition: all .6s;
        -ms-transition: all .6s;
         -o-transition: all .6s;
            transition: all .6s;
}
.markMain>a{
    width:100%;
    height:100%;
    display: block;
}
.markMain>a>img{
    margin-top:44px;
}
.markMainTit{
    margin-top:98px;
    color:#fff;
    font-size:24px;
    letter-spacing:1px;
    font-weight:bold;
}
.markMainList{
    margin-top: 26px;
    font-size:24px;
    color:#fff;
    letter-spacing:1px;
    font-weight:bold;
    text-align: center;
}
.occupationUl>li:hover .markMain{
    top:0px;
    -webkit-transition: all .6s;
       -moz-transition: all .6s;
        -ms-transition: all .6s;
         -o-transition: all .6s;
            transition: all .6s;
}
.markCont{
    -webkit-transition: all .6s;
       -moz-transition: all .6s;
        -ms-transition: all .6s;
         -o-transition: all .6s;
            transition: all .6s;
}
.occupationUl>li:hover .imgMark .markCont{
    opacity:0;
    -webkit-transition: all .6s;
       -moz-transition: all .6s;
        -ms-transition: all .6s;
         -o-transition: all .6s;
            transition: all .6s;

}
.level_step{
    width:58px;
    text-align: center;
}
.step_index{
    display: block;
    width:24px;
    height: 24px;
    background:url(../img/step1.png) no-repeat;
    margin:0 auto;
    margin-bottom: 10px;
}
.step_desc{
    font-size:14px;
    color:#a4a4a4;
}
.desc_c{
    color:#3b4;
}
.level_line{
    width:94px;
    height: 10px;
    background: url(../img/reg-icon.png) no-repeat;
    background-position: -30px -100px;
    position: absolute;
    top:7px;
    left:56px;
}
.level_step2{
    margin-left:94px;
}
.level_step2:last-child .desc_c {
    width: 85px;
    margin-left: -12px;
}
.step_index2{
    background:url(../img/step2.png) no-repeat;
}
.level_line2{
    left:206px;
}
.step_index3{
    background: url(../img/reg-icon.png) no-repeat;
    background-position: -45px -200px;
    width: 24px;
    height: 24px;
    line-height: 24px;
    color:#ccc;
    font-size:14px;
    font-weight:700;
    text-align:center;
}
.level_line3{
    left:359px;
}
.step_index4{
    background:url(../img/step4.png) no-repeat;
}
.level_line4{
    left:510px;
}
.step_index5{
    background:url(../img/step5.png) no-repeat;
}
.level_line5{
    left:665px;
}
.step_index6{
    background:url(../img/step6.png) no-repeat;
}
.level_line6{
    left:816px;
}
.step_index7{
    background:url(../img/step7.png) no-repeat;
}
.level_line7{
    left:967px;
}
.level_search{
    margin-top:30px;
}
.search{
    // width:299px;
    height: 38px;

}
.search_input{
    border:1px solid #9c9c9c;
    height: 38px;
    float: left;
}
.search input{
    width:244px;
    height: 38px;
    border:0px;
    outline: none;
    margin-left:12px;

}
.search input:-ms-input-placeholder{font-size:16px;color:#676767;}
.search input::-webkit-input-placeholder{font-size:16px;color:#676767;}
.search input::-moz-input-placeholder{font-size:16px;color:#676767;}
.search button{
    width:54px;
    height: 40px;
    border:0px;
    background:#fa7674;
    border-radius: 5px;
    margin-left:-4px;
    cursor: pointer;
    outline:none;
}
.level_cont{
    margin-top:50px;
    margin-bottom:132px;
}
.apply_list{
    text-align: center;
}

.declare_step2,.declare_step1{
    background:url(../img/reg-icon.png) no-repeat;
    background-position: 0 -200px;
    color:#fff;
    font-size:14px;
    width: 24px;
    height: 24px;
    text-align:center;
    line-height:24px;
    font-weight:700;
}
.declare_line{
    background: url(../img/reg-icon.png) no-repeat;
    background-position: 0 -130px;
}
.declare_cont{
    width:1200px;
    margin:0 auto;
    margin-top:42px;
}
.declare_main{
    text-align: left;
}
.applyBox{
    margin-top:60px;
}
.declare_main .strip{
    height: 34px;
    display:block;
    width:10px;
    background: #356ec8;
    vertical-align: sub;
    margin-right: 20px;
    font-size: 0;
    float: left;
}
.declare_main h3{
     height: 34px;
     line-height:34px;
     margin-bottom:26px;
}
.declare_main h3 span:last-child{
    font-size:18px;
    color:#2d2d2d;
    font-weight:normal;
    display:inline-block;
}
.curse ul{
    margin-left:32px;
}
.curse ul li{
    font-size:14px;
    color:#2d2d2d;
    line-height: 20px;
}
.curse ul li~li{
    margin-top:12px;
}
.curse{
    margin-bottom:42px;
}
.declare_main article{
    display: block;
    height: 17px;
    background: url(../img/separate.png) no-repeat center;
    background-size: contain;
    padding: 0px;
    margin-bottom:50px;
}
.nexts{
    width:174px;
    margin-bottom:66px;
}
.nexts span{
    font-size:12px;
}
.nexts input:first-child{
    height: 12px;
    width:12px;
    vertical-align: middle;
}
.nexts input:last-child{
    display: block;
    color:#fff;
    border:0;
    width:174px;
    height: 50px;
    font-size:24px;
    background:gray;
    cursor:pointer;
    outline:none;
    border-radius:2px;
    margin-top:12px;
}
.institution_step3{
    background:url(../img/institution_step3.png) no-repeat;
}
.institution{
    margin-top:44px;
    border-top:2px solid #ececec;
}
.inst_list{
    margin-top:66px;
    margin-bottom:140px;
    // margin-left:32px;
}
.inst_list ul li{
    width:390px;
    border:1px solid #cccccc;
    margin-right:8px;
}
.tion{
    width: 50%;
    float: left;
}
.tion>span{
    display: block;
    margin-bottom:10px;
}
.batches_cont{
    width: 50%;
    float: left;
    margin-top:40px;
}
// .inst_list ul li~li{
//     margin-top:52px;
// }

.sub-li a.job-info p.job-text1{
    font-size: 18px;
    padding-left: 23px;
    padding-right: 23px;
    padding-top:16px;
    margin-bottom: 5px;
}
.sub-li a.job-info p.job-text{
    font-size: 14px;
    color: #61687c;
    border-bottom: dashed 1px #e3e7ed;
    padding-left: 23px;
    padding-right: 0;
    line-height: 35px;
}
.vline{
    display: inline-block;
    width: 1px;
    height: 12px;
    vertical-align: middle;
    background: #e0e0e0;
    margin: 0 10px;
}
.sub-li a.user-info{
    padding: 7px 0 9px 0;
    display: block;
}
.sub-li .user-info p{
    font-size: 14px;
    padding-left: 23px;
    padding-right: 23px;
    line-height:35px;
}
.sub-li .user-info .user-text{
    margin-left: 10px;
    font-size: 12px;
    color: #8d92a1;
}
.inst_list ul li:hover .job-text1{
    color:#009afd;
}
.inst_list ul li:hover{
    -webkit-box-shadow: #ddd 0px 0px 10px;
   -moz-box-shadow: #ddd 0px 0px 10px;
   box-shadow: #ddd 0px 0px 10px;
   cursor:pointer;
}
.batches_step4{
    background:url(../img/batches_step4.png) no-repeat;
}
.batches{
    margin-top:94px;
}
.batches_con{
    width:49%;
    min-width: 592px;
    margin-right:1%;
    margin-bottom:140px;
}
.page-tt{
    line-height:1.2;
    text-align: left;
    margin-bottom:15px;
    font-weight:normal;
}
.title-main{
    font-size:24px;
    font-weight:400;
}
.below-line{
    margin-bottom:38px;
}
.below-line .line-item{
    font-size:14px;
    color:#646464;
    float: left;
}
.below-line .icon-sep{
    float: left;
    margin: 4px 20px 0px;
    display: inline-block;
    vertical-align: middle;
    width: 1px;
    height: 14px;
    background: #646464;
}
.class-content{
    border-top: 1px solid #e5e5e5;
    border: 1px solid #e5e5e5;
    padding: 5px 15px 6px;
    position: relative;
}
.hidden-clip{
    position: absolute;
    clip: inherit;
    top: -20px;
    font-size: 16px;
    background-color: #fff;
    line-height: 35px;
    padding: 0px 5px;
    font-weight: 400;
    margin: 0;
    color: #333;
}
.class-content .ant-radio-wrapper{
    display: inline-block;
    position: relative;
    white-space: nowrap;
    cursor: pointer;
}
.class-content .ant-radio{
    display: inline-block;
    position: relative;
    white-space: nowrap;
    cursor: pointer;
    outline: none;
    line-height: 1;
    vertical-align: text-bottom;
}
.ant-radio-wrapper input[type=radio]{
    width: 14px;
    height: 14px;
}
.class-content .ant-radio-input{
    position: absolute;
    left: 0;
    z-index: 1;
    cursor: pointer;
    opacity: 0;
    top: 0;
    bottom: 0;
    right: 0;
}
.class-content .ant-radio-inner{
    position: relative;
    top: 0;
    left: 0;
    display: block;
    width: 14px;
    height: 14px;
    border-radius: 14px;
    border: 1px solid #d9d9d9;
    background-color: #fff;
    transition: all .3s;
}
.ant-radio-checked .ant-radio-inner {
    border-color:#009afd;
}
.ant-radio-checked .ant-radio-inner, .ant-radio-checked:hover .ant-radio-inner {
    border-color: #009afd;
}
.ant-radio-checked .ant-radio-inner:after {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    transition: all .3s cubic-bezier(.78,.14,.15,.86);
}
.ant-radio-checked .ant-radio-inner:after{
    background-color: #009afd;
}
.ant-radio-inner:after{
    position: absolute;
    width: 8px;
    height: 8px;
    left: 3px;
    top: 3px;
    border-radius: 14px;
    display: table;
    border-top: 0;
    border-left: 0;
    content: " ";
    background-color: #fa7674;
    opacity: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    transition: all .3s cubic-bezier(.78,.14,.15,.86);
}
.class-content1{
    font-size:13px;
    text-align: right;
}
.js-course-price{
    margin-top: 15px;
    background-color: #f4f4f4;
}
.course-price-info{
    height: 40px;
    font-size: 22px;
    margin: 0;
    margin-left: 15px;
    text-align: left;
    line-height: 40px;
}
.course-price-info span{
    font-size: 22px;
    text-align: left;
    vertical-align: middle;
    color: #e85308;
}
.oper-bar{
    margin-top:36px;
}
.oper-bar .btn-join{
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    border: 0;
    width: 150px;
    line-height: 50px;
    font-size: 18px;
    border-radius: 2px;
    background-color: #009afd;
    color: #fff;
    cursor: pointer;
}
.reqister_index5{
    background:url(../img/reqister_index5.png) no-repeat;
}
.upload_step6{
    background:url(../img/upload.png) no-repeat;
}
.success_step7{
    background:url(../img/ste.png) no-repeat;
}
.success{
    margin-top:117px;
    text-align: center;
}
.success_img h4{
    margin-top:22px;
    font-size:30px;
    font-weight:bold;
    color:#009afd;
}
.success_msg{
    margin-top:44px;
}
.success_msg ul li{
    font-size: 14px;
    color:#5a5a5a;
}
.success_msg ul li~li{
    margin-top:12px;
}
.success_login{
    display: block;
    margin:0 auto;
    margin-top:42px;
    width: 152px;
    height: 42px;
    color:#fff;
    background:#009afd;
    line-height:42px;
}
.success_list{
    margin-top:24px;
    margin-bottom:165px;
}
.success_list p{
    color: #5a5a5a;
}
.success_list ul{
    margin-top:32px;
}
.success_list ul li~li{
    margin-top:18px;
}
.error{
    text-align: center;
}
.error_img{
    margin-top:105px;
}
.prompt_list{
    margin-top:10px;
}
.prompt_list h4{
    font-size:22px;
    font-weight:bold;
}
.prompt_list p{
    color:#3a3230;
    margin-top:15px;
    letter-spacing:2px;
}
.prompt_list .error_back{
    display: block;
    width: 274px;
    height: 50px;
    background:#59c1da;
    font-size:22px;
    color:#000;
    text-align: center;
    line-height:50px;
    margin:0 auto;
    margin-top:47px;
}
.identification{
    text-align:center;
    margin-top:50px;
}
.identification p,.search-ts p{
    margin-top:60px;
    color:#c5161d;
    font-size:22px;
    letter-spacing:3px;
}

.inst_list ul li{
    float: left;
    margin-bottom:52px;
}
// .inst_list ul li:nth-child(even){
//     margin-left:100px;
// }
.inst_list>span{
    display: block;
    margin-bottom:16px;
}
.search-ts{
    text-align:center;
    margin-top:60px;
}


.level_center{
    margin:0 auto;
    width: 780px;
    position:relative;
}

.form_control{
    width:300px;
    height: 40px;
    line-height:40px;
    border:1px solid #ccc;
    padding-left: 7px;
    font-size:14px;
    border-right:0px;
}
.ant-btn-primary{
    background:#009afd;
    height: 42px;
    float: right;
    width: 50px;
    outline: medium;
    border:0;
    font-size: 18px;
    border-radius: 0 3px 3px 0;
    text-align: center;
    color: #fff;
    cursor:pointer;
}
.btnBox{
    width:358px;
    margin-bottom:30px;
}
/*暂无数据*/
.noDataAvailable {
	width: 100%;
	text-align: center;
	padding: 250px 0 50px 0;
	background:url(../img/promt-pc.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}