/**************dashboard end****************/


.remove {
    position: absolute;
    top: 50%;
    right: 0;
    font-size: 19px;
    color: #919191;
    cursor: pointer;
    font-style: normal;
    display: none;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
}

/*****************cancelModal start********************/
.cancelModal .modal-dialog {
    width: 544px;
    box-sizing: border-box;
    padding: 0;
}

.cancelModal .modal-header {
    /* margin: 0 -16px; */
    /* padding: 0 16px 10px; */
    border-bottom: 1px solid #d8d8d8;
    font-size: 18px;
    font-weight: 600;
}

.cancelModal .modal-header img {
    height: 25px;
    width: 25px;
    vertical-align: middle;
    margin-right: 8px;
}

.cancelModal .modal-text {
    text-align: center;
    margin: 72px 0;
    font-size: 16px;
}

.cancelModal .modal-text span {
    color: #246efc;
}

.cancelModal .modal_btn {
    /* margin: 0 -16px; */
    padding: 16px;
}

/**************************download*************************/

.close-btn {
    background-color: transparent;
    color: #fff;
    position: absolute;
    right: 30px;
    z-index: 3;
    font-size: 24px;
    margin: 0;
    opacity: .75;
    outline: none;
    border: none;
    padding: 6px 12px;
    cursor: pointer;
}

.close-btn:hover,
.close-btn:focus {
    color: #fff;
    opacity: 10;
}

.popup-image-gallery .modal-dialog {
    margin: 0;
    background: transparent;
}

.popup-image-gallery .close-btn {
    box-sizing: border-box;
    background: #fff;
    color: #616161;
    width: 40px;
    height: 40px;
    line-height: 43px;
    padding: 0;
}

/***********************************校友方案**************************************/
#student_coupon {
    position: relative;
    width: 100%;
}

#student_coupon img {
      width: 100%;
  }



/******************申请校友*******************/



.setting-select {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    padding: 0;
    color: #000;
    text-shadow: none;
    font-size: 17px;
    border-radius: 4px;
    transition: box-shadow 0.25s ease;

    width: 100%;
}


/******************ä»·æ ¼**********************/
/*****************问答*****************/


/******************问答*******************/



/****************程度测验*******************/
.content_test1 {
    margin: 0 auto;
}

.content_test2 {
    margin: 0 auto;
    padding-bottom: 170px;
}

.content_test1_title {
    margin-bottom: 50px;
    font-size: 36px;
    font-weight: 500;
    color: #25292c;
    text-align: center;
}

.content_test1_text {
    color: #25292c;
    line-height: 1.3;
    text-align: center;
    font-size: 20px;
    margin-bottom: 120px;
}

.content_test1_text2 {
    color: #25292c;
    line-height: 1.3;
    text-align: center;
    font-size: 20px;
    margin-bottom: 30px;
}

.content_test1_img {
    width: 162px;
    height: 162px;
    line-height: 162px;
    border-radius: 22px;
    box-shadow: 0 0 12px 0 rgba(36, 110, 252, 0.3);
    background-color: #ffffff;
    display: inline-block;
    text-align: center;
    margin-left: 40px;
    margin-right: 40px;
}

.content_test1_img2 {
    display: inline-block;
    text-align: center;
    margin-left: 40px;
    margin-right: 40px;
}

.content_test1_img_box {
    text-align: center;
    margin-bottom: 120px;
}

.content_test1_img img, .content_test1_img2 img {
    vertical-align: middle;
}

.content_test1_audio {
    width: 610px;
    margin: 0 auto 120px auto;
}

.content_test1_text3 {
    font-size: 20px;
    font-weight: bold;
    line-height: 1.5;
    text-align: center;
    color: #246efc;
    margin-bottom: 30px;
}

.content_test1_link {
    text-align: center;
}

.content_test1_link a {
    width: 260px;
    height: 49px;
    line-height: 49px;
    border-radius: 28px;
    background-color: #246efc;
    font-size: 18px;
    font-weight: bold;
    color: #ffffff;
    display: inline-block;
    text-align: center;
}

.content_test1_link a:hover {
    background-color: #0645bc;
}

.test_ready {
    padding-bottom: 170px;
}

.content_test2 .content_test2_text {
    font-size: 20px;
    color: #246efc;
    margin-bottom: 85px;
    margin-top: 20px;
}

.content_test2_qa {
    margin-bottom: 60px;
}

.content_test2_qa .content_test2_qa_item {
    margin-bottom: 12px;
    color: #39424b;
    font-size: 20px;
    line-height: 1.6
}

.content_test2_qa2 {
    margin-bottom: 30px;
    background: #fff;
    width: 100%;
    padding-right: 2px;
    box-sizing: border-box;
}

.content_test2_qa2 .content_test2_qa2_item {
    margin-bottom: 12px;
    width: 100%;
    border: solid 2px #b4b9c6;
    background-color: #ffffff;
    font-size: 20px;
    color: #39424b;
    line-height: 1.3;
    padding: 18px 30px;
    cursor: pointer;
    box-sizing: border-box;
}

.content_test2_qa2 .content_test2_qa2_item_on {

    border-color: #104ec6;

    background-color: #edf3ff;

    color: #104ec6;

    box-sizing: border-box;
}

.content_test2_error {
    color: #eb2a2a;
    font-size: 18px;
    margin-bottom: 10px;
    visibility: hidden;
}

.content_test2_btn {
    text-align: right;
    margin-top: 10px;
    padding-right: 10px;
}
.content_test2_btn.disabled{
    opacity: 0.5;
}
.content_test2_btn a, .content_test2_btn .next_test {
    display: inline-block;
    width: 260px;
    height: 49px;
    line-height: 49px;
    border-radius: 28px;
    background-color: #246efc;
    text-align: center;
    color: #ffffff;
    font-size: 18px;
    cursor: pointer;
    font-weight: 500;
}

.content_test2_btn a:hover {
    background-color: #0645bc;
}

.test_content {
    display: flex;
    position: relative;
    left: 0;
    transition: left 0.5s;
    z-index: 50;
    background: #fff;

}

.test_box {
    width: 100%;
    flex-basis: auto;
    margin-right: 100px;
    font-size: 20px;
    background: #fff;
    position: relative;
    flex-shrink: 0;
}

.content_test3_btn {
    text-align: right;
    margin-top: 10px;
}

.content_test3_btn a {
    display: inline-block;
    width: 146px;
    height: 49px;
    line-height: 49px;
    border-radius: 28px;
    background-color: #246efc;
    text-align: center;
    color: #ffffff;
    font-size: 18px;
    font-weight: 500;
}

.content_test3_btn a:hover {
    background-color: #0645bc;
}

.content_test2_audio {
    width: 610px;
    margin-bottom: 30px;
}

.content_test4_text {
    font-size: 42px;
    font-weight: 600;
    text-align: center;
    color: #246efc;
}

.content_test4_text span {
    font-size: 70px;
    font-weight: 900;
}

.content_test4_text2 {
    font-size: 30px;
    font-weight: 600;
    text-align: center;
    margin-top: 28px;
    color: #25292c;
}

.content_test4_box {

    width: 954px;

    margin: 120px auto 120px auto;
}

.content_test4_box img {
    width: 100%;
}

.content_test4_item {
    width: 540px;
    height: 226px;
    border-radius: 10px;
    box-shadow: 0 0 12px 0 rgba(36, 110, 252, 0.3);
    background-color: #ffffff;
    float: left;
    margin-bottom: 30px;
    box-sizing: border-box;
}

.content_test4_item2 {
    width: 540px;
    height: 226px;
    border-radius: 10px;
    box-shadow: 0 0 12px 0 rgba(36, 110, 252, 0.3);
    background-color: #ffffff;
    float: right;
    margin-bottom: 30px;
}

.content_test4_item .item_title, .content_test4_item2 .item_title {
    text-align: center;
    color: #39424b;
    font-size: 30px;
    font-weight: 500;
    padding-top: 30px;
    margin-bottom: 20px;
}

.content_test4_item .item_text, .content_test4_item2 .item_text {
    text-align: center;
    color: #25292c;
    font-size: 20px;
    padding-left: 50px;
    padding-right: 50px;
    line-height: 1.3;
}

.content_test4_item_on {
    width: 534px;
    height: 220px;
    border-radius: 10px;

    background-color: #ffffff;
    box-shadow: 0 0 12px 0 rgba(36, 110, 252, 0.3);
    border: solid 3px #246efc;
}

.content_test4_item_on .item_title {

    color: #246efc;
}

.content_test4_btn {
    text-align: center;
    margin-top: 90px;
}

.content_test4_btn a {
    width: 240px;
    height: 49px;
    line-height: 49px;
    display: inline-block;
    border-radius: 28px;
    background-color: #246efc;
    color: #ffffff;
    font-size: 18px;
    font-weight: 500;
}

.content_test4_btn a:hover {
    background-color: #1153d2;
}

.content_test5_box1 {
    float: left;
    width: 445px;
    margin-top: 100px;
}

.content_test5_box1 .item_title_add {
    color: #ffffff;
    font-size: 22px;
    font-weight: 600;
    padding-top: 24px;
    padding-left: 40px;
    margin-bottom: 18px;
}

.item_title_add span {
    color: #8ac2f7;
    font-weight: normal;
    padding-left: 8px;
    font-size: 16px;
    color: rgba(255, 255, 255, 0.4);
}

.item_text_add {
    color: #ffffff;
    font-size: 16px;
    padding-left: 40px;
    padding-right: 40px;
    line-height: 28px;
}

.content_test5_box1_item {
    height: 132px;
    border-radius: 10px 10px 0 0;
    background-color: #20468e;
}

.content_test5_box2_item {
    height: 269px;
    background-color: #245cc9;
}

.content_test5_box3_item {
    height: 267px;
    background-color: #306de3;
}

.content_test5_box4_item {
    height: 269px;
    background-color: #5891ff;
}

.content_test5_box5_item {
    height: 265px;
    border-radius: 0 0 10px 10px;
    background-color: #76aff8;
}

.content_test5_box2 {
    float: left;
    width: 106px;
    margin-top: 50px;
    margin-left: 21px;
}

.content_test5_box2_sub01 {
    height: 50px;
    border-radius: 10px 10px 0 0;
    background-color: #12c39a;
    font-size: 20px;
    font-weight: 500;
    color: #ffffff;
    line-height: 50px;
    text-align: center;
}

.content_test5_box2_sub02 {
    text-align: center;
    color: #25292c;
    font-size: 20px;
    height: 130px;
    line-height: 130px;
    background-color: #f4f7fd;
}

.content_test5_box2_sub03 {
    text-align: center;
    color: #25292c;
    font-size: 20px;
    height: 130px;
    line-height: 130px;
    background-color: #f4f7fd;
    border-top: 4px solid #a7c6ec;
}

.content_test5_box2_sub04 {
    text-align: center;
    color: #25292c;
    font-size: 20px;
    height: 130px;
    line-height: 130px;
    background-color: #f4f7fd;
    border-top: 4px solid #a7c6ec;
    border-radius: 0 0 10px 10px;
}

.content_test5_box3 {
    float: left;
    width: 106px;
    margin-top: 50px;
    margin-left: 21px;
}

.content_test5_box4 {
    float: left;
    width: 106px;
    margin-top: 50px;
    margin-left: 21px;
}

.content_test5_box3_sub01 {
    height: 532px;
    line-height: 532px;
    background-color: #e0eeff;
    text-align: center;
    color: #25292c;
    font-size: 20px;
    border-top: 4px solid #b0ceeb;
}

.content_test5_box3_sub01_add {
    height: 398px;
    line-height: 398px;
    background-color: #f4f7fd;
    text-align: center;
    color: #25292c;
    font-size: 20px;
    border-top: 4px solid #a7c6ec;
}

.content_test5_box3_sub02 {
    height: 264px;
    line-height: 264px;
    background-color: #f4f7fd;
    border-top: 4px solid #b0ceeb;
    text-align: center;
    color: #25292c;
    font-size: 20px;
    border-radius: 0 0 10px 10px;
}

.content_test5_box5 {
    float: left;
    width: 106px;
    margin-top: 50px;
    margin-left: 21px;
}

.content_test5_box6 {
    float: left;
    width: 106px;
    margin-top: 50px;
    margin-left: 21px;
}

.content_test5_box6_sub01 {
    height: 102px;
    background-color: #f4f7fd;
    text-align: center;
    color: #25292c;
    font-size: 20px;
    padding-top: 28px;
}

.content_test5_box6_sub02 {
    height: 264px;
    line-height: 264px;
    background-color: #f4f7fd;
    border-top: 4px solid #a7c6ec;
    text-align: center;
    color: #25292c;
    font-size: 20px;
}

.content_test5_box6_sub03 {
    height: 398px;
    line-height: 398px;
    background-color: #f4f7fd;
    border-top: 4px solid #b0ceeb;
    text-align: center;
    color: #25292c;
    font-size: 20px;
}

.content_test5_box6_sub04 {
    height: 130px;
    line-height: 130px;
    background-color: #f4f7fd;
    border-top: 4px solid #b0ceeb;
    text-align: center;
    color: #25292c;
    font-size: 20px;
    border-radius: 0 0 10px 10px;
}

.content_test5_box5_sub02 {
    height: 40px;
    line-height: 40px;
    background-color: #f4f7fd;
    text-align: center;
    color: #25292c;
    font-size: 20px;
}

.content_test5_box5_sub03 {
    height: 41px;
    line-height: 41px;
    background-color: #f4f7fd;
    text-align: center;
    color: #25292c;
    border-top: 4px solid #a7c6ec;
    font-size: 20px;
}

.content_test5_box5_sub04 {
    height: 192px;
    line-height: 192px;
    background-color: #f4f7fd;
    text-align: center;
    color: #25292c;
    border-top: 4px solid #b0ceeb;
    font-size: 20px;
}

.content_test5_box5_sub05 {
    height: 155px;
    line-height: 155px;
    background-color: #f4f7fd;
    text-align: center;
    color: #25292c;
    border-top: 4px solid #a7c6ec;
    font-size: 20px;
}

.content_test5_box5_sub06 {
    height: 177px;
    line-height: 177px;
    background-color: #f4f7fd;
    text-align: center;
    color: #25292c;
    border-top: 4px solid #b0ceeb;
    font-size: 20px;
}

.content_test5_box5_sub07 {
    height: 200px;
    line-height: 200px;
    background-color: #f4f7fd;
    text-align: center;
    color: #25292c;
    border-top: 4px solid #b0ceeb;
    font-size: 20px;
}

.content_test5_box5_sub08 {
    height: 150px;
    line-height: 150px;
    background-color: #f4f7fd;
    text-align: center;
    color: #25292c;
    border-top: 4px solid #b0ceeb;
    font-size: 20px;
}

.content_test5_box5_sub09 {
    height: 174px;
    line-height: 174px;
    background-color: #f4f7fd;
    text-align: center;
    color: #25292c;
    border-top: 4px solid #b0ceeb;
    font-size: 20px;
    border-radius: 0 0 10px 10px;
}

.test_level {
    overflow: auto;
}

/*隐私协议*/
.form-control:not(select) {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.form-control:focus {
    border-color: #000;
    outline: none;
}

.privacy_left {
    box-sizing: border-box;
    border-bottom: none;
    background-color: #ffffff;
    /*height: 342px;*/
    border-top: 1px solid #d8d8d8;
}

.privacy_left_item {
    min-height: 56px;
    border-bottom: solid 1px #d8d8d8;
    line-height: 56px;
    padding: 0 16px;
    cursor: pointer;
    font-size: 14px;
    /*-webkit-transition: all 0.5s ease;*/
    /*transition: all 0.5s ease;*/
    border-left: solid 1px #d8d8d8;
    border-right: solid 1px #d8d8d8;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.privacy_left_item:not(.privacy_left_parent):hover {
    background-color: #ebf5ff;
    /*border-bottom: solid 1px #d8d8d8;*/
    color: #000;
}
.privacy_left_item.privacy_left_parent{

}
.privacy_left_child{
    margin: 0 -17px;
    display: none;
}
.privacy_left_child .privacy_left_item{
    border: 0;
    padding: 0 40px;
    /*border-bottom: solid 1px #d8d8d8;*/
}
.privacy_left_child .privacy_left_item:last-child{
    border-bottom: none;
}
.privacy_left_item_on {
    background-color: #026dd1;
    border-bottom: solid 1px #026dd1;
    color: #fff;
    font-size: 14px;
}

.privacy_right_box {
    box-sizing: border-box;
    padding-left: 30px;
}

.privacy_right {
    box-sizing: border-box;
    padding: 32px 24px;
    border: solid 1px #d8d8d8;
    background-color: #ffffff;
    line-height: 2.14;
}

.privacy_right_title {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    color: #333;
    margin-bottom: 32px;
}

.privacy_right_title2 {
    color: #000000;
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 8px;
    border-bottom: 1px solid #ccc;
    margin-top: 40px;
    margin-bottom: 16px;
}

.privacy_right_text {
    font-size: 14px;
}

/*跳转中转页*/
.checkmail {
    margin-top: 5%;
}

.checkmail .page_title {
    font-size: 30px;
    margin-bottom: 12px;
}

.checkmail img {
    width: 80px;
    height: 80px;
    margin-bottom: 20px;
}

/*结算页*/
.sattleBox {
    padding: 15px;
    box-sizing: border-box;
}
.sattleBox .clear{
    height:20px;
    clear: both;
}
.sattleContainer {
    height: 100%;
    border-radius: 4px;
    background-color: #ffffff;
    padding: 30px;
    font-size: 14px;
    box-sizing: border-box;
    box-shadow: 0 0 10px 0 rgba(218, 221, 236, 0.6);
    border: solid 1px #beccdb;
}

.web_Landing05_title {
    font-size: 32px;
    font-weight: 500;
    line-height: 0.94;
    color: #000000;
    margin-bottom: 32px;
}

.web_Landing05_text {
    font-size: 14px;
    color: #666;
    margin-bottom: 24px;
}

.web_Landing05_pay {
    width: 230px;
    height: 99px;
    border-radius: 5px;
    border: solid 1px #d3d3d3;
    background-color: #ffffff;
    text-align: center;
    line-height: 99px;
    float: left;
    margin-right: 12px;
    margin-bottom: 12px;
    cursor: pointer;
    position: relative;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.web_Landing05_pay img {
    width: 184px;
    height: 60px;
    vertical-align: middle;
}

.web_Landing05_pay:hover {
    border: solid 1px #026dd1;
}

.web_Landing05_pay_on {
    border: solid 1px #026dd1;
}

.web_Landing05_text_left {
    float: left;
}

.web_Landing05_text_right {
    float: right;
    font-weight: bold;
}

.web_Landing05_text_right2 {
    float: right;
    font-weight: bold;
    color: #666;
}

.web_Landing05_text_about {
    margin-top: 4px;
    color: #666;
    margin-bottom: 16px;
}

.web_Landing05_text_line {
    height: 1px;
    background-color: #f0f3f8;
    margin-bottom: 16px;
}

.web_Landing05_text_left_total {
    float: left;
    font-size: 16px;
    font-weight: bold;
    color: #000;
}

.web_Landing05_text_right_total {
    float: right;
    font-size: 16px;
    color: #026dd1;
    font-weight: bold;
}

.web_Landing05_pay_modal {
    margin-bottom: 40px;
    padding-left: 24px;
    padding-right: 24px;
    line-height: 30px;
}

.payContainer {
    background-color: #f7f9fd;
}

.settle .step_footer .btn_up {
    margin-right: 0;
}

.settle .step_footer .step_footer_box {
    width: auto;
}

.payCheckBox {
    border-radius: 4px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
    background-color: #ffffff;
    padding: 20px 30px 3px;
    box-sizing: border-box;
    font-size: 14px;
    position: relative;
    top: -30px;
    margin-left: -30px;
    margin-right: -30px;
}

.payCheckBox label {
    display: block;
    margin-bottom: 15px;
    padding-left: 32px;
    position: relative;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.payCheckBox label .radio {
    position: absolute;
    width: 19px;
    height: 19px;
    border: solid 1px #979ca9;
    border-radius: 50%;
    line-height: 19px;
    text-align: center;
    left: 0;
    box-sizing: border-box;
    top: 2px;
}
.payCheckBox label.active input+ .radio:before {
    content: "";
    height: 11px;
    width: 11px;
    background: #246efc;
    border-radius: 50%;
    display: inline-block;
}

/*.payCheckBox label input:checked + .radio:before {*/
/*content: "";*/
/*height: 11px;*/
/*width: 11px;*/
/*background: #246efc;*/
/*border-radius: 50%;*/
/*display: inline-block;*/
/*}*/

.payCheckBox label input {
    display: none;
}

.payCheckBox label .icon-card {
    height: 23px;
    display: inline-block;
    background: url("../img/icon.png");
    margin-right: 15px;
}

.payCheckBox label .icon-mastercard {
    width: 34px;
    background-size: 260px;
    background-position: -174px -61px;
    margin-left: 10px;
}

.payCheckBox label .icon-visa {
    width: 46px;
    background-size: 260px;
    background-position: -214px -61px;
}

.payCheckBox label .icon-amex {
    width: 31px;
    background-size: 260px;
    background-position: -79px -101px;
}

.payCheckBox label .icon-paypal {
    width: 76px;
    background-position: 1px -101px;
    background-size: 260px;
}

.settle .main_info_text {
    margin-top: 30px;
}

.settle .lockBox {
    color: #beccdb;
    margin-top: 91px;
}

.settle .lockBox svg {
    font-size: 16px;
    margin-right: 10px;
}

/*    购买方案页    */


.web_Landing02_title {
    font-size: 32px;
    font-weight: bold;
    line-height: 0.94;
    color: #000;
    margin-bottom: 40px;
}

.web_Landing02_radio_box {
    margin-bottom: 60px;
}

.web_Landing02_radio_box label {
    display: inline-block;
    width: 100%;
    position: relative;
    cursor: pointer;
    font-size: 16px;
    color: #000;
    margin-bottom: 20px;
}

.web_Landing02_radio_box label span {
    right: 0;
    font-size: 16px;

}



.web_Landing02_radio_box label span.c_num i {
    font-size: 16px;
    color: #026dd1;
    font-style: normal;
    font-weight: bold;
}

.web_Landing02_radio_box label input[type='radio'] {
    width: 22px;
    height: 22px;
    vertical-align: middle;
    margin-right: 15px;
    opacity: 0;

}

.web_Landing02_radio_box .spot {
    display: inline-block;
    width: 24px;
    height: 24px;
    position: absolute;
    left: 0;
    top: 50%;
    border: 1px solid #ccc;
    border-radius: 50%;
    transform: translateY(-50%);
}

.web_Landing02_radio_box label input:checked + .spot:before{
    content: "";
    width: 13.5px;
    height: 13.5px;
    background: #246efc;
    border-radius: 50%;
    position: absolute;
    top: 4px;
    left: 4px;
}

.web_Landing02_radio_box label input.c_num {
    width: 158px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    margin-right: 11px;
    display: inline-block;
}


.web_Landing02_text {
    font-size: 14px;
    color: #000000;
    margin-bottom: 25px;
}

.web_Landing02_text a {
    color: #026dd1;
    padding-left: 10px;
}




/*购买方案 新增*/


.step_footer {
    border-top: solid 1px #e0e0e0;
    text-align: center;
    padding: 40px 32px;
}

.step_footer .btn_up {
    width: 138px;
    height: 48px;
    line-height: 46px;
    border-radius: 25px;
    border: solid 2px #246efc;
    background-color: #ffffff;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    color: #246efc;
    cursor: pointer;
    -webkit-appearance: none;
    margin-right: 30px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    text-decoration: none;
    outline: 0;
}

.step_footer .btn {
    width: 160px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    text-decoration: none;
    outline: 0;
    margin-left: 16px;
}


.step_footer .step_footer_box {
    width: 600px;
    margin: 0 auto;
    text-align: right;
    position: relative;
}

#selectBirthday {
    height: 48px;
    border-radius: 4px;
    border: solid 0.5px #a6a6a6;
    background-color: #ffffff;
    width: calc(100% - 15px);
    padding-left: 17px;
    font-size: 16px;
    box-sizing: border-box;
    outline: none;
}


#step1 .setting-select .dropdown {

    box-sizing: border-box;

    width: calc(100% - 15px);

    border-color: #a6a6a6;
}



/*step 2*/
.content_step_file_up {
    width: 130px;
    height: 40px;
    background-color: #246efc;
    cursor: pointer;
    line-height: 40px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    margin: 0 auto;
    position: relative;
    cursor: pointer;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    text-decoration: none;
}

.content_step_file_up:hover {
    background-color: #0645bc;
}

.content_step_file_text {
    margin-top: 120px;
    text-align: center;
    font-size: 16px;
    color: #000000;
    margin-bottom: 40px;
}

.content_step_file {
    text-align: center;
    margin-bottom: 40px;
    position: relative;
}

.content_step_file .user_header_img {
    width: 122px;
    height: 122px;
    background-image: url("../img/flie.png");
    margin: 0 auto;
    border: 1px solid #E5E5E5;
}

.upload_img_file {
    position: absolute;
    width: 130px;
    height: 40px;
    opacity: 0;
    top: 0;
    left: 0;
    cursor: pointer;
    z-index: 1;
    display: block;
    -webkit-appearance: button;
}

.content_step_file_up2 {
    text-align: center;
    position: relative;
}

.content_step_file_up2 span {
    display: none;
}

.content_step_file_up2 span.y1 {
    position: absolute;
    left: 145px;
    top: 110px;
}

.content_step_file_up2 span.y2 {
    position: absolute;
    left: 315px;
    top: 110px;
}

.content_step_file_up2 span.y3 {
    position: absolute;
    right: 145px;
    top: 110px;
}

.content_step_file_up2 img {
    margin-right: 30px;
    margin-left: 30px;
    cursor: pointer;
    border: solid 5px #f0f3f8;
    border-radius: 50%;
}

.content_step_file_up2_on {
    border: solid 5px #12c39a !important;
}

.content_step04_title {
    margin-bottom: 14px;
    font-size: 16px;
    font-weight: 500;
    color: #000000;
}
.content_step04_other{
    margin-top: 9px;
    padding-top: 36px;
    border-top: 1px solid #bfcde4;
}
.content_step04_other .content_step_sbutitle4{
    margin: 20px 0 24px;
}
.content_step04_other textarea{
    resize: none;
    border: solid 1px #ccc;
    width: 100%;
    height: 120px;
    padding: 10px;
    box-sizing: border-box;
    outline: none;
    font-size: 16px;
    color: #000;
    border-radius: 4px;
}
.content_step04_box {
    overflow: hidden;
}

.content_step04_radio {
    margin-bottom: 27px;
    overflow: hidden;
    float: left;
}

.content_step04_radio span {
    width: 108px;
    height: 48px;
    line-height: 48px;
    background-color: #ffffff;
    font-size: 16px;
    cursor: pointer;
    text-align: center;
    display: inline-block;
    float: left;
    /*border: solid 0.5px #a6a6a6;*/
}

.content_step04_radio span.t1 {

    border-radius: 4px 0 0 4px;
    border-right: 1px solid #f0f3f8;
}

.content_step04_radio span.t2 {
    border-right: 1px solid #bfcde4;
}

.content_step04_radio span.t3 {
    border-radius: 0 4px 4px 0;
}

.content_step04_radio span.radio_on {
    background-color: #246efc;
    color: #fff;
}

.content_step04_level {
    color: #246efc;
    display: none;
}
.content_step04_level:before{
    content:"-";
    width:3px;
    height:1px;
    margin: 0 5px 0 4px;
}
.content_step05_text {
    font-size: 16px;
    color: #666;
}



.content_step05_item a {
    width: 148px;
    padding-left: 12px;
    height: 44px;
    line-height: 44px;
    border-radius: 4px;
    border: solid 1px #d2d2d2;
    background-color: #ffffff;
    display: inline-block;
    margin-right: 20px;
    margin-bottom: 16px;
    color: #000000;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    text-decoration: none;
    outline: 0;
    font-size: 16px;
}

.content_step05_item a:not(.disabled):hover {
    border: solid 1px #246efc;
    color: #246efc;
}

.content_step05_item a.on {
    border: solid 1px #246efc;
    color: #246efc;
}


/*******************pad 版********************/
@media screen and (max-width: 1024px) and (min-width: 768px) {

    /* Dashboard */
    #course_info .course_content {
        margin-bottom: 30px;
    }

    #course_info .course_content:last-child {
        margin-bottom: 0;
    }

    .course_content {
        width: 100%;
    }

    .banner_title {
        font-size: 35px;
    }

    .banner_text {
        font-size: 16px;
    }

    .banner_container .banner_btn {
        margin-top: 20px;
    }

    .banner_container {
        bottom: 7%;
        margin-left: 6%;
    }

    /* Booking  */


    .fc-icon, .fc-toolbar .fc-center {
        width: 100%;
    }


    .content_test4_text {
        font-size: 20px;
    }

    .content_test4_text span {
        font-size: 28px;
    }

    .content_test4_box {
        width: 100%;
        margin: 20px auto;
    }

    .content_test4_item, .content_test4_item2 {
        width: 100%;
        height: auto;
    }

    .content_test4_item .item_title, .content_test4_item2 .item_title {
        padding-top: 20px;
        font-size: 20px;
        font-weight: bold;
    }

    .content_test4_item .item_text, .content_test4_item2 .item_text {
        font-size: 16px;
        padding-left: 15px;
        padding-right: 15px;
        margin-bottom: 20px;
    }


    /*跳转中转页*/
    .checkmail {
        margin-top: 150px;
    }

    .checkmail .page_title {
        font-size: 26px;
        margin-bottom: 12px;
    }

    .checkmail img {
        margin-bottom: 20px;
    }

    /*  pricing    */
    #pricing .main_content > .page_title {
        font-size: 36px;
    }

    #pricing .main_content > .main_text {
        width: 85%;
    }

    #pricing .faqText {
        margin-bottom: 50px
    }
    #pricing .pricing_item {
        margin-bottom: 20px;
    }
    #news_swiper .swiper-slide {
        padding: 0 2%;
    }

    .news_title {
        font-size: 20px;
    }

    .news_text {
        font-size: 16px;
    }

    .news_box {
        padding-left: 75px;
    }
}

/***********************手机版 ***************************/
@media screen and (max-width: 767px) {

    .banner_text {
        font-size: 16px;
    }

    .banner_title {
        font-size: 28px;
    }

    .banner_container .banner_btn .btn_style {
        font-size: 16px;
    }

    #number_show .banner_title {
        font-size: 22px;
    }

    .news_title {
        font-size: 20px;
    }


    .popup-image-gallery .modal-body {
        padding: 0;
    }

    .popup-image-gallery .modal-dialog {
        margin-top: 20px;
    }

    .popup-image-gallery .close-icon {
        top: -20px;
    }

    .popup-slider-for .slick-prev {
        left: 12px;
    }

    .popup-slider-for .slick-next {
        right: 12px;
    }

    #group img {
        margin-bottom: 12px;
    }


    /*   注册   */
    .sign_up_box2 {
        margin: 0;
        width: 100%;
        box-sizing: border-box;
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 67px;
        padding-top: 29px;
        border: none;
        border-radius: 0px;
    }

    /*.form-control-feedback2 {*/
    /*top: 26px;*/
    /*}*/

    #signUp .btn {
        margin-top: 25px;
    }

    .sign_up_content #sendCode {
        margin-top: 0px;
    }

    #signUp .login_dialog_account {
        padding: 0;
        margin-top: -46px;
    }

    .sign_up_title {
        margin-bottom: 20px;
    }




    /*   程度测验   */


    .content_test1_title {
        font-size: 20px;
        margin: 20px auto;
        font-weight: bold;
    }

    .content_test1_text {
        font-size: 16px;
        margin-bottom: 50px;
    }

    .content_test1_img {
        width: 100px;
        height: 100px;
        padding: 15px;
        box-sizing: border-box;
        line-height: 1;
    }

    .content_test1_img img, .content_test1_img2 img {
        width: 100%;
    }

    .content_test1_img_box {
        margin-bottom: 50px;
    }

    .content_test1_text3 {
        font-size: 16px;
        margin-bottom: 50px;
    }

    .content_test1_link a {
        width: 100%;
        font-size: 16px;
        font-weight: normal;
        margin-bottom: 76px;
    }

    .content_test2 .content_test2_text {
        font-size: 16px;
        margin-bottom: 20px;
    }

    .content_test2_qa {
        margin-bottom: 30px;
    }

    .content_test2_qa2 {
        margin-bottom: 10px;
    }

    .content_test2_qa .content_test2_qa_item {
        font-size: 16px;

    }

    .content_test2_qa2 .content_test2_qa2_item {
        font-size: 18px;
        padding: 15px 20px;
    }

    .content_test2_btn a, .content_test2_btn .next_test {
        width: 100%;
    }

    .content_test2_btn .next_test {
        margin-bottom: 60px;
        font-size: 16px;
    }

    .content_test2_error {
        font-size: 16px;
        margin-bottom: 15px;
    }

    .content_test4_text {
        font-size: 20px;
    }

    .content_test4_text span {
        font-size: 28px;
    }

    .content_test4_box {
        width: 100%;
        margin: 20px auto;
    }

    .content_test4_item, .content_test4_item2 {
        width: 100%;
        height: auto;
    }

    .content_test4_item .item_title, .content_test4_item2 .item_title {
        padding-top: 20px;
        font-size: 20px;
        font-weight: bold;
    }

    .content_test4_item .item_text, .content_test4_item2 .item_text {
        font-size: 16px;
        padding-left: 15px;
        padding-right: 15px;
        margin-bottom: 20px;
    }

    .test_level_box {
        width: 768px;
    }

    .content_test5_box1 {
        width: 298px;
        margin-top: 0;
    }

    .content_test5_box6, .content_test5_box5, .content_test5_box4, .content_test5_box3, .content_test5_box2 {
        width: 78px;
        margin-left: 15px;
        margin-top: 0;
    }

    .item_text_add, .content_test5_box6 > div, .content_test5_box5 > div, .content_test5_box4 > div, .content_test5_box3 > div, .content_test5_box2 > div {
        font-size: 14px;
        box-sizing: border-box;
    }

    .item_text_add {
        line-height: 1.29;
        padding-left: 17px;
        padding-right: 17px;
    }

    .content_test5_box1 .item_title_add {
        font-size: 20px;
        margin-bottom: 10px;
        padding-left: 17px;
        padding-right: 17px;
    }

    .content_test5_box1_item {
        height: 97px;
    }

    .content_test5_box2_sub02 {
        line-height: 97px;
        height: 97px;
    }

    .content_test5_box6_sub01 {
        height: 97px;
        padding: 16px;
        /* box-sizing: border-box; */
    }

    .content_test5_box5_sub02, .content_test5_box5_sub03 {
        height: 32px;
        line-height: 30px;
    }

    .content_test5_box2_item, .content_test5_box3_item, .content_test5_box4_item {
        height: 193px;
    }

    .content_test5_box2_sub03, .content_test5_box2_sub04, .content_test5_box6_sub04 {
        height: 96px;
        line-height: 96px;
    }

    .content_test5_box6_sub02, .content_test5_box3_sub02 {
        height: 190px;
        line-height: 190px;
    }

    .content_test5_box5_item {
        height: 189px;
    }

    .content_test5_box3_sub01_add {
        height: 290px;
        line-height: 290px;
    }

    .content_test5_box5_sub09, .content_test5_box5_sub08, .content_test5_box5_sub07, .content_test5_box5_sub06, .content_test5_box5_sub05, .content_test5_box5_sub04 {
        height: 128px;
        line-height: 128px;
    }

    .content_test5_box6_sub03 {
        height: 289px;
        line-height: 289px;
    }

    /*隐私协议*/
    .privacy_box {
        padding: 0 20px;
        box-sizing: border-box;
        background: #fff;
    }

    .privacy_right_box {
        padding: 20px 0 70px;
    }

    .privacy_right {
        overflow: auto;
    }

    /*跳转中转页*/
    .checkmail {
        margin-top: 139px;
    }

    .checkmail .page_title {
        font-size: 20px;
        margin-bottom: 16px;
    }

    .checkmail img {
        margin-bottom: 40px;
    }

    /*   支付    */
    .sattleContainer .web_Landing05_text_right {
        float: left;
        margin-top: 8px;
    }

    .sattleBox .main_text {
        text-align: left;
        line-height: 1.2;
    }

    .sattleContainer {
        padding: 20px;
    }

    .payCheckBox {
        margin-left: -20px;
        margin-right: -20px;
        margin-top: 10px;
    }

    .sattleContainer .singup_privacy {
        margin-top: 15px;

    }

    .sattleContainer .singup_privacy a {
        font-size: 12px;

    }

    .settle .lockBox {
        margin-top: 50px;
    }


    /*   pricing   */
    #pricing .main_content {
        padding: 25px 20px 60px;
    }

    #pricing_select {
        width: auto;
        margin: 0 0 60px;
    }

    #pricing .pricing_item {

        margin-bottom: 20px;
    }

    #pricing .main_content > .page_title {
        font-size: 20px;
        margin-top: 15px;
        font-weight: bold;
    }

    #pricing .main_content > .main_text {
        width: 100%;
    }

    #pricing .levelInfo {
        left: 0;
        right: inherit;
        transform: translateY(-100%);
        top: -10px;
        width: 100%;
        padding: 15px;
    }

    #pricing .level:hover .levelInfo {
        display: block;
    }

    #pricing .levelInfo:before {
        position: absolute;
        left: calc(50% - 6px);
        top: initial;
        bottom: 0;
        transform: rotate(-45deg) translateY(8px);
    }

    #pricing .pricing_img {
        width: 155px;
        margin: 20px auto 20px;
        padding: 0;
    }

    #pricing .pricing_title {
        font-size: 22px;
    }

    #pricing .pricing_box {
        padding-left: 60px;
        padding-right: 60px;
    }

    #pricing .pricing_box .pricing_info {
        font-size: 16px;
        line-height: 1.8;
    }

    #pricing .pricing_box .pricing_text {
        font-size: 16px;
        padding-left: 0;
        padding-right: 0;
    }

    .news_box {
        flex-wrap: wrap;
        padding-left: 0;
    }

    .news_box .news_img {
        width: 51px;
        height: 51px;
        margin-right: 20px;
    }

    .news_text {
        font-size: 14px;
        margin-bottom: 20px;
    }
    .news_box>div{
        width: calc(100% - 80px);
        flex: auto;
        margin-right: 0;
    }
    .news_box .btn_style {
        padding: 0 20px;
        height: 42px;
        line-height: 40px;
        margin-top: 10px;
    }

    #news_swiper {
        height: auto;
        margin-bottom: 10px;
        padding: 0;
    }

    #news_swiper .swiper-slide {
        padding: 20px;
        font-size: 16px;
    }

    .header_small .icon.backIcon {
        background-image: url("../img/icon.png");
        background-size: 450px;
        background-position: -428px -62px;
    }

    /*   购买方案   */
    #payPlan .main_content {
        width: 100%;
        padding: 20px;

    }

    .step_footer .step_footer_box {
        width: 100%;
        display: flex;
        justify-content: space-between;
    }
    .step_footer .btn {
        width: calc(50% - 10px);
        margin: 0;
    }
    .step_footer {
        padding: 20px 20px 60px;
    }

    .web_Landing02_title {
        font-size: 20px;
        margin-bottom: 25px;
    }

    #shopping_step1 span:last-child {

        font-size: 14px;

    }

    .web_Landing02_radio_box label {
        font-size: 14px;
        margin-bottom: 20px;
    }


    .web_Landing02_radio_box label input {
        margin-right: 10px;
    }

    .web_Landing02_radio_box {
        margin-bottom: 20px;
    }

    .tag_area {
        margin-bottom: 60px;
    }



    .web_Landing02_radio_box label span {
        font-size: 14px;
    }

    .step_footer .btn_up {
        float: left;
        margin: 0;
    }

    .step_footer .btn_next, .step_footer .btn_up {
        width: 140px;
    }
    .e_book3_item .e_book3_item_list{
        width: 90%;
    }
    .e_book3_item .e_book3_item_list .e_book3_name{
        width: 260px;
    }
    .web_Landing05_text_left{
        width: 100%;
    }
    .news_box>div:first-child{
        flex: auto;
    }
    .news_box .news_text{
        display: none;
    }
}
.btn-light.disabled, .btn-light:disabled{
    border: solid 1px #979CA9;
}


/*隐私条款*/
.customers{
    border-collapse: collapse;
}
.customers tr:first-child{
    background:#f3f3f3;
}
.customers td{
    border:solid 1px #ddd;
    padding:5px;
    line-height:1.8;
}