.form-item-hidden{display:none !important;}

.top-banner{background-repeat:no-repeat;background-size:100% 100%;}
.top-banner .banner-content{min-height:347px;padding-top:130px;overflow:hidden;}
.top-banner .banner-content .banner-content-title{float:left;font-size:60px;color:#1f5c99;font-weight:bold;}
.top-banner .banner-content .banner-content-desc{float:left;line-height:24px;font-size:16px;color:#6b6b6b;padding:54px 0 0 42px;}

.enroll{padding:60px 0 76px;background-image: linear-gradient(to right, #f0f5fa, #e4edf7);}
.enroll-panel{width:640px;border-radius:18px;background:#f6f6f6;margin:0 auto;overflow:hidden;}

/*.enroll-panel .enroll-tab{overflow:hidden;}*/
/*.enroll-panel .tab-item{float:left;width:25%;height:72px;font-size:0;color:#7d7d7d;text-align:center;padding:0 5px;cursor:pointer;}*/
/*.enroll-panel .tab-item span{display:inline-block;font-size:20px;vertical-align:middle;}*/
/*.enroll-panel .tab-item:before{display:inline-block;width:0;height:100%;content:'';vertical-align:middle;}*/

.enroll-panel .enroll-tab{display:flex;overflow:hidden;}
.enroll-panel .tab-item{display:flex;align-items:center;justify-content:center;width:25%;min-height:72px;color:#7d7d7d;text-align:center;padding:5px;cursor:pointer;}
.enroll-panel .tab-item span{font-size:20px;}

.enroll-panel .tab-item.active{position:relative;color:#1f5c99;font-weight:bold;}
.enroll-panel .tab-item.active:after{position:absolute;bottom:0;left:0;width:100%;height:6px;content:'';border-radius:3px;background:#1f5c99;}
.enroll-panel .enroll-tab-content{border-radius:18px 18px 0 0;background:#fff;}
.enroll-panel .enroll-tab-content>div{display:none;}
.enroll-panel .enroll-tab-content>div.active{display:block;}
.enroll-panel .form-header{padding:36px 50px 26px;border-bottom:1px solid #e5f7ff;}
.enroll-panel .form-title{font-size:30px;color:#1f5c99;font-weight:bold;text-align:center;}
.enroll-panel .form-desc{line-height:24px;font-size:16px;color:#1f5c99;padding-top:30px;}
.enroll-panel .form-main{padding:40px 50px 0;}
.enroll-panel .submit-btn-wrapper{padding:15px 50px 60px;background:#fff;}
.enroll-panel .item-label{font-size:18px;color:#333;padding-bottom:20px;}
.enroll-panel .item-label .require-label{color:#39a2ec;}
.enroll-panel .item-main{padding-bottom:20px;}
.enroll-panel .form-input input{display:block;width:100%;height:46px;padding:10px 15px;border:2px solid #e4edf2;border-radius:10px;-webkit-appearance:none;appearance:none;}
.enroll-panel .submit-btn{display:block;width:100%;height:50px;line-height:44px;font-size:18px;color:#fff;text-align:center;border:3px solid #39a2ec;border-radius:10px;background:#1f5c99;}
.enroll-panel .form-textarea textarea{display:block;width:100%;height:150px;padding:10px 15px;border:2px solid #e4edf2;border-radius:10px;resize:none;}
.enroll-panel .custom-select{position:relative;}
.enroll-panel .custom-select .search-input{display:block;width:100%;height:46px;padding:10px 15px;border:2px solid #e4edf2;border-radius:10px;-webkit-appearance:none;appearance:none;}
.enroll-panel .custom-select .custom-select-dropdown-options{
    display:none;
    position:absolute;
    z-index:1000;
    width:100%;
    max-height:200px;
    overflow-y:auto;
    border:1px solid #e4edf2;
    background:#fff;
}
.custom-select-dropdown-option{
    display:none;
    height:40px;
    line-height:40px;
    font-size:16px;
    color:#333;
    padding:0 15px;
    cursor:pointer;
}
.custom-select-dropdown-option:hover{
    color:#fff;
    background:#68adcd;
}

.form-radio-group,.form-checkbox-group{overflow:hidden;}
.form-radio,.form-checkbox{float:left;padding-right:5px;margin:0 20px 10px 0;cursor:pointer;}
.form-radio-row,.form-checkbox-row{float:none;margin:0 0 10px 0;}
.form-radio input,.form-checkbox input{display:none;}
.form-radio-main,.form-checkbox-main{position:relative;min-height:36px;line-height:24px;font-size:16px;color:#333;padding:6px 0 6px 30px;}
.form-radio-main i,.form-checkbox-main i{position:absolute;top:6px;left:0;width:24px;height:24px;border:2px solid #39a2ec;border-radius:50%;background:#f2f8ff;}
.form-radio-chosen i:before{position:absolute;top:50%;left:50%;width:16px;height:16px;content:'';border-radius:50%;margin:-8px 0 0 -8px;background:#1f5c99;}
.form-checkbox-chosen i:before{position:absolute;top:50%;left:50%;width:16px;height:16px;content:'';border-radius:4px;margin:-8px 0 0 -8px;background:#1f5c99;}
.form-checkbox-main i{border-radius:4px;}

.form-fake-checkbox-group{overflow:hidden;}
.form-fake-checkbox{float:left;padding-right:5px;margin:0 20px 10px 0;cursor:pointer;}
.form-fake-checkbox-row{float:none;margin:0 0 10px 0;}
.form-fake-checkbox-main{position:relative;min-height:36px;line-height:24px;font-size:16px;color:#333;padding:6px 0 6px 30px;}
.form-fake-checkbox-main i{position:absolute;top:6px;left:0;width:24px;height:24px;border:2px solid #39a2ec;border-radius:50%;background:#f2f8ff;}
.form-fake-checkbox-chosen i:before{position:absolute;top:50%;left:50%;width:16px;height:16px;content:'';border-radius:4px;margin:-8px 0 0 -8px;background:#1f5c99;}
.form-fake-checkbox-main i{border-radius:4px;}

.enroll-panel .form-header-other .form-desc{float:left;}
.enroll-panel .change-register-form{float:right;height:46px;line-height:40px;font-size:16px;color:#1f5c99;font-weight:bold;padding:0 15px;border:3px solid #39a2ec;border-radius:12px;margin-top:10px;background:#e1f2fa;}



@media (max-width: 768px) {
    .top-banner{background-repeat:no-repeat;background-size:100% 100%;}
    .top-banner .banner-content{min-height:174px;text-align:center;padding-top:50px;overflow:hidden;}
    .top-banner .banner-content .banner-content-title{float:none;font-size:30px;color:#1f5c99;font-weight:bold;}
    .top-banner .banner-content .banner-content-desc{float:none;line-height:24px;font-size:16px;color:#6b6b6b;padding:14px 10px 10px;}

    .enroll{padding:30px 0 38px;background-image: linear-gradient(to right, #f0f5fa, #e4edf7);}
    .enroll-panel{width:340px;border-radius:18px;background:#f6f6f6;margin:0 auto;overflow:hidden;}
    .enroll-panel .enroll-tab{overflow:hidden;}
    .enroll-panel .tab-item{float:left;width:25%;height:72px;font-size:0;color:#7d7d7d;text-align:center;padding:0 5px;cursor:pointer;}
    .enroll-panel .tab-item span{display:inline-block;font-size:16px;vertical-align:middle;}
    .enroll-panel .tab-item:before{display:inline-block;width:0;height:100%;content:'';vertical-align:middle;}
    .enroll-panel .tab-item.active{position:relative;color:#1f5c99;font-weight:bold;}
    .enroll-panel .tab-item.active:after{position:absolute;bottom:0;left:0;width:100%;height:6px;content:'';border-radius:3px;background:#1f5c99;}
    .enroll-panel .enroll-tab-content{border-radius:18px 18px 0 0;background:#fff;}
    .enroll-panel .enroll-tab-content>div{display:none;}
    .enroll-panel .enroll-tab-content>div.active{display:block;}
    .enroll-panel .form-header{font-size:0;text-align:center;padding:36px 50px 26px;border-bottom:1px solid #e5f7ff;}
    .enroll-panel .form-title{font-size:30px;color:#1f5c99;font-weight:bold;}
    .enroll-panel .form-desc{float:none;line-height:24px;font-size:16px;color:#1f5c99;padding-top:30px;}
    .enroll-panel .change-register-form{display:inline-block;float:none;margin-top:30px;}
    .enroll-panel .form-main{padding:20px 25px 0;}
    .enroll-panel .submit-btn-wrapper{padding:15px 25px 60px;background:#fff;}
    .enroll-panel .item-label{font-size:18px;color:#333;padding-bottom:20px;}
    .enroll-panel .item-label .require-label{color:#39a2ec;}
    .enroll-panel .item-main{padding-bottom:20px;}
    .enroll-panel .form-input input{display:block;width:100%;height:46px;padding:10px 15px;border:2px solid #e4edf2;border-radius:10px;-webkit-appearance:none;appearance:none;}
    .enroll-panel .submit-btn{display:block;width:100%;height:50px;line-height:44px;font-size:18px;color:#fff;text-align:center;border:3px solid #39a2ec;border-radius:10px;background:#1f5c99;}
    .enroll-panel .form-select select{display:block;width:100%;height:46px;padding:0 15px;border:2px solid #e4edf2;border-radius:10px;}
    .enroll-panel .form-textarea textarea{display:block;width:100%;height:150px;padding:10px 15px;border:2px solid #e4edf2;border-radius:10px;resize:none;}
}




