.register_wrap{background:#151f6c url(../images/bg-cloud.jpg) no-repeat top center;padding-top: 15px;overflow: hidden;padding-bottom: 90px;background-size: cover;box-sizing: border-box;}
.register_wrap *{box-sizing: border-box;}
.register_wrap .flow{width: 1200px;background: url(../images/register_step1.png) no-repeat top center;padding-top: 50px;padding-left: 368px;padding-bottom: 38px;}
.register_wrap .flow2{background-image: url(../images/register_step2.png);}
.register_wrap .flow span{font-size: 18px;font-weight: 500;color: #fff;line-height: 30px;}
.register_wrap .flow span:first-child{padding-right: 300px;}
.register_wrap .flow .active{color: #5FD8ED;}
.register_wrap .register_c{background: #000C40;}
.register_c h2{height: 80px;padding-left: 72px;padding-right: 36px; display: flex;align-items: center;justify-content: space-between;background: linear-gradient(270deg, rgba(57,58,211,0) 0%, rgba(15,35,127,1) 51%, rgba(59,59,213,0) 100%);}
.register_c h2 span{font-size: 18px;color: #fff;font-weight: 500;}
.register_c h2 span i{font-style: normal;color: rgba(66,189,248,.8);font-size: 14px;padding-left: 17px;margin-left: 15px;position: relative;}
.register_c h2 span i::before{content: '';display: block;width: 1px;height: 17px;background: #4CA6FF;opacity: 0.2;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.register_c h2 a{font-size: 16px;color: #FF8334;font-weight: 500;text-decoration: none;}
.register_c .form_wrap{font-size: 0;padding: 45px 42px;} 
.register_c .input_group{padding-bottom: 24px;}
.register_c .input_group label{width: 310px;display: inline-block;padding-right: 10px;font-size: 14px;color: #fff;line-height: 40px;text-align: right;vertical-align: middle;}
.register_c .input_group input{width: 252px;height: 40px;border:1px solid #4CA6FF;padding-left: 13px;vertical-align: middle;font-size: 14px;color: #fff;border-radius: 4px;outline: none;background: none;line-height: 38px;}
.register_c .input_group input:hover{border-color: #00ddff;}
.register_c .input_group .pic_code{vertical-align: middle;margin-left: 20px;width: 80px;height: 40px;}
.register_c .input_group input.state2{width: 152px;}
.register_c .input_group input.sms_btn{border: none;width: 88px;height: 40px;line-height: 40px;background: url(../images/btn2_on.png) no-repeat 0 0;margin-left: 12px;font-size: 14px;font-weight: 700;color: #00DDFF;padding: 0;cursor: pointer;}
.register_c .input_group input.sms_btn:hover{background-image: url(../images/btn2_on_hover.png);}
.register_c .input_group .remind{font-size: 14px;color: rgba(216,234,255,0.6);line-height: 40px;padding-left: 24px;vertical-align: middle;}
.register_c .input_group .remind::before{display: inline-block;width: 16px;height: 16px;background: url(../images/icon_tip.png) no-repeat 0 0;vertical-align: middle;margin-right: 4px;content: '';}
.register_c .input_group .error::before{background-image: url(../images/icon_error.png);}
.register_c .input_group .success::before{background-image: url(../images/icon_success.png);}
.register_btn a{display: block; width: 252px;height: 40px;margin-left: 310px;background: url(../images/register_btn.png) no-repeat 0 0;text-align: center;font-size: 14px;color: #FF8334;font-weight: 700;text-decoration: none;line-height: 40px;}
.register_btn a:hover{background-image: url(../images/register_btn_hover.png);}
/* 密码强度 */
.pw-strength{ overflow:hidden; zoom:1;padding: 8px 0 0 310px;}
.pw-strength li{width: 79px;height: 18px;line-height: 18px;font-size: 12px;color: #fff;text-align: center;margin-right: 7px;float: left;background: url(../images/strength_bg1.png) no-repeat 0 0;}
.pw-strength li#d1{background-image: url(../images/strength_bg2.png);}
.pw-strength li#d2{ background-image: url(../images/strength_bg3.png);}
.pw-strength li#d1.in{background-image: url(../images/strength_bg1.png);}
.pw-strength li#d2.in{background-image: url(../images/strength_bg1.png);}
.pw-strength li.in{ transition: background-image 0.4s linear 0s;}


/* 注册第二步 */
.reg_step2 .input_group label{width: 260px;}
.input_group .input-box{display: inline-block;vertical-align: middle;}
.reg_step2 .register_c .input_group .remind{padding-left: 40px;}
.reg_step2 .register_c .input_group .schoolName{width: 286px;background: rgba(22,146,242,0.1);cursor: pointer;}
.reg_step2 .register_c .input_group .schoolName:hover{border-color: #00ddff;}

.reg_step2 .register_c .input_group{padding-bottom: 32px;}
/* 模拟下拉框样式 */
.input_group .select-box {
    width: 286px;
    position: relative;
  }
  .zs_unit{margin-left: 28px;margin-right: 28px;}
  .zs_unit .select-box{width: 280px;}
  .select-box .select-txt {
    height: 40px;
    line-height: 40px;
    border-radius: 4px;
    border: 1px solid #4ca6ff;
    padding-left: 12px;
    background: rgba(22, 146, 242, 0.1) url(../images/arrow_close.png) no-repeat
      center right 16px;
    cursor: pointer;
    overflow: hidden;
    box-sizing: border-box;
  }
  .select-box .select-txt:hover {
    border: 1px solid #00ddff;
    background-image: url(../images/arrow_close_hover.png);
  }
  .select-box.cur .select-txt {
    border: 1px solid #00ddff;
    background-image: url(../images/arrow_open.png);
  }
  .select-box.cur .select-txt:hover{background-image: url(../images/arrow_open_hover.png);}
  .select-box .select-name {
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: rgba(66, 189, 248, 0.6);
  }
  .select-box .select-name.active{color: #fff;}
  .select-box .select-drop {position: absolute;width: 100%;max-height: 218px;overflow-y: auto;border-radius: 4px;background: #122759;padding: 4px 0;margin-top: 4px;z-index: 99;box-sizing: border-box;display: none;}
  .select-box .select-drop::-webkit-scrollbar {
    width: 4px;
  }
  .select-box .select-drop::-webkit-scrollbar-track {
    border-radius: 8px;
  }
  .select-box .select-drop::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background: rgba(179, 191, 255, 0.2);
  }
  .select-box .select-drop li {
    height: 40px;
    line-height: 40px;
    padding: 0 12px;
    font-size: 14px;
    color: rgba(66, 189, 248, 0.6);
    cursor: pointer;
  }
  .select-box .select-drop li:hover,
  .select-box .select-drop li.cur {
    background: rgba(66, 189, 248, 0.2);
    color: #fff;
  }


.stu_classify{display: flex;padding: 20px 74px;justify-content: space-between;font-size: 14px;}
.stu_classify .stu_btn{overflow: hidden;display: flex;align-items: center;padding-bottom: 19px;}
.stu_classify .stu_btn .state{display: block;width: 138px;height: 44px;background: url(../images/reg_step2_bg1.png) no-repeat 0 0;color: #FF8334;font-size: 14px;line-height: 44px;text-align: center;padding-right: 48px;font-weight: 700;}
.stu_classify .stu_btn a{display: block;width: 260px;height: 40px;text-align: center;line-height: 40px;font-size: 16px;text-decoration: none;background: url(../images/reg_step2_btn1.png) no-repeat 0 0;color: #42BDF8;font-weight: 700;font-size: 14px;}
.stu_classify .stu_btn a:hover{background-image: url(../images/reg_step2_btn1_hover.png);}
.stu_classify .det_box{width: 409px;background: url(../images/reg_step2_bg2.png) no-repeat 0 0;padding-top: 13px;}
.stu_classify .stu_unapplied .stu_btn a{color: #36D987;background-image: url(../images/reg_step2_btn2.png);width: 200px;}
.stu_classify .stu_unapplied .stu_btn a:hover{background-image: url(../images/reg_step2_btn2_hover.png);}
.stu_classify .stu_unapplied{padding-left: 48px;}
.stu_classify .det_box .center_con{background: url(../images/reg_step2_bg3.png) repeat-y 0 0;padding-left: 31px;padding-bottom: 15px;}
.stu_classify .det_box .s_tit{font-size: 16px;color: #FF8334;font-weight: 700;padding-left: 23px;background: url(../images/reg_step2_star.png) no-repeat left center;line-height: 24px;padding-top: 15px;padding-bottom: 10px;}
.stu_classify .det_box p{color: #fff;font-size: 14px;line-height: 24px;}
.stu_classify .det_box .bottomBg{height: 6px;background: url(../images/reg_step2_bg4.png) no-repeat top center;}
.stu_classify .jhm{display: block;align-items: center;font-size: 14px;color: #fff;padding-top: 10px;width: 320px;display: none;}

.stu_classify .jhm input.jhm_text{width: 152px;height: 40px;border-radius: 4px;border:1px solid #1692F2;font-size: 14px;background: none;margin-left: 12px;padding-left: 12px;outline: none;color: #fff;}
.stu_classify .jhm input.jhm_text:hover{border-color: #00ddff;}
.stu_classify .jhm .act_btn{display: flex;text-decoration: none;float: right;}
.blue_btn{display: flex;}
.blue_btn::before{content: '';width: 7px;height: 40px;background: url(../images/blueBtn_left.png) no-repeat 0 0;}
.blue_btn span{display: block;height: 40px;padding: 0 20px;background: url(../images/blueBtn_center.png) repeat-x 0 0;line-height: 40px;color: #00DDFF;font-size: 14px;font-weight: 700;}
.blue_btn::after{content: '';width: 7px;height: 40px;background: url(../images/blueBtn_right.png) no-repeat 0 0;}
.blue_btn:hover::before{background-image: url(../images/blueBtn_left_hover.png);}
.blue_btn:hover span{background-image: url(../images/blueBtn_center_hover.png);color: #42BDF8;}
.blue_btn:hover::after{background-image: url(../images/blueBtn_right_hover.png);}



/* placeholder颜色 */
input::-moz-placeholder{color: rgba(66,189,248,0.6);}
input:-ms-input-placeholder{color: rgba(66,189,248,0.6);}
input::-webkit-input-placeholder{color: rgba(66,189,248,0.6);}
input::placeholder{color: rgba(66,189,248,0.6);}
     







/* 弹框样式 */
.register_mask{width: 100%;height: 100%;background: rgba(0,0,0,0.6);position: fixed;top: 0;left: 0;z-index: 1000;}
.reg_popup{background: #333666;border-radius: 4px;overflow: hidden;position: fixed;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 1001;box-sizing: border-box;}
.reg_popup *{box-sizing: border-box;}
.reg_popup1{width: 526px;}
.reg_popup2{width: 576px;border:2px solid #3377FF;border-radius: 7px;padding-bottom: 12px;}
.reg_popup3{width: 500px;border:2px solid #3377FF;}
.reg_popup h2{width: 100%;height: 56px;background: #404480;font-size: 18px;font-weight: 700;color: #fff;padding-left: 20px;line-height: 56px;}
.reg_popup .popup_con{padding: 32px 20px;}
.reg_popup .popup_con p{text-indent: 2em;font-size: 14px;line-height: 24px;color: #fff;}
.reg_popup .popup_con p a{color: #4DA7FF;text-decoration: none;}
.reg_popup .popup_con p a:hover{color: #00DDFF;}
.pt30{padding-top: 30px;}
.reg_popup .btns{height: 56px;border-top: 1px solid rgba(64,68,128,.5);padding: 10px 13px;text-align: right;font-size: 0;}
.reg_popup .btns a{display: inline-block;vertical-align: middle;text-align: center;width: 130px;height: 36px;line-height: 34px;border-radius: 4px;border:1px solid #42BDF8;font-size: 14px;color: #42BDF8;text-decoration: none;}
.reg_popup .btns a.ensure{background: #42BDF8;color: #fff;font-weight: 700;margin-left: 16px;}
.reg_popup .btns a:hover{border-color: #00DDFF;color: #00DDFF;}
.reg_popup .btns a.ensure:hover{background: #00DDFF;color: #fff;}

.reg_popup .warning_con{display: flex;justify-content: space-between;padding: 30px 32px;font-size: 16px;color: #fff;font-weight: 700;}
.reg_popup2 .btns{border-top: none;}
.reg_popup3 .update_con{font-size: 14px;text-align: center;color: #fff;padding: 32px 0;}
.reg_popup3 h2{padding-left: 20px;}
.reg_popup3 .btns a{width: 128px;}


/* 选择学校弹框 */
.schoolList_popup{width: 930px;background: #000C40;border:2px solid #4CA6FF;border-radius: 8px;}
.schoolList_popup .close_btn{width: 40px;height: 40px;background: url(../images/follow_close.png) no-repeat 0 0;position: absolute;top: 8px;right: 8px;cursor: pointer;}
.schoolList_popup .close_btn:hover{background-image: url(../images/follow_close_hover.png);}
.schoolList_popup h2{background: rgba(1,118,254,0.3);}
.schoolList_popup .school_list_con{padding: 0 32px;}
.schoolList_popup .school_list_con .zm_tit{display: flex;align-items: center;height: 48px;}
.schoolList_popup .school_list_con .zm_tit a{margin-right: 20px;font-size: 18px;color: #fff;}
.schoolList_popup .school_list_con .zm_tit a.active,.schoolList_popup .school_list_con .zm_tit a:hover{color: #00DDFF;}
.schoolName_list{background: rgb(7,21,78);padding-left: 24px;padding-top: 16px;padding-right: 6px;}
.schoolName_list ul{display: flex;flex-wrap: wrap;overflow-y: auto;max-height: 324px;}
.schoolName_list ul li{padding-right: 80px;padding-bottom: 12px;}
.schoolName_list ul li:nth-child(3n){padding-right: 0;}

.schoolName_list ul a{display: block;width: 210px;font-size: 16px;color: #fff;line-height: 24px;}
.schoolName_list ul a:hover{color: #00DDFF;}
.schoolList_popup .close_btn2{float: right;margin-top: 20px;margin-bottom: 20px;}
a{text-decoration: none !important;}
.schoolName_list ul li.active a{color: #00DDFF;}

.schoolName_list ul::-webkit-scrollbar {
  /*滚动条整体样式*/
  width : 10px;  /*高宽分别对应横竖滚动条的尺寸*/
  height: 12px;
  }
  .schoolName_list ul::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 10px;
  box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
  background   : rgba(66,189,248,.3);
  }
  .schoolName_list ul::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  background   : rgb(7,21,78);
  }

.super-four-header{overflow: hidden;}