.ant-message {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(0, 0, 0, .85);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    position: fixed;
    top: 8px;
    left: 0;
    z-index: 1010;
    width: 100%;
    pointer-events: none
}

.ant-message-notice {
    padding: 8px;
    text-align: center
}

.ant-message-notice-content {
    display: inline-block;
    padding: 10px 16px;
    background: #fff;
    border-radius: 2px;
    box-shadow: 0 3px 6px -4px rgba(0, 0, 0, .12), 0 6px 16px 0 rgba(0, 0, 0, .08), 0 9px 28px 8px rgba(0, 0, 0, .05);
    pointer-events: all
}

.ant-message-success .anticon {
    color: #52c41a
}

.ant-message-error .anticon {
    color: #ff4d4f
}

.ant-message-warning .anticon {
    color: #faad14
}

.ant-message-info .anticon, .ant-message-loading .anticon {
    color: #1890ff
}

.ant-message .anticon {
    position: relative;
    top: 1px;
    margin-right: 8px;
    font-size: 16px
}

.ant-message-notice.ant-move-up-leave.ant-move-up-leave-active {
    animation-name: MessageMoveOut;
    animation-duration: .3s
}

@keyframes MessageMoveOut {
    0% {
        max-height: 150px;
        padding: 8px;
        opacity: 1
    }
    100% {
        max-height: 0;
        padding: 0;
        opacity: 0
    }
}

.ant-message-rtl {
    direction: rtl
}

.ant-message-rtl span {
    direction: rtl
}

.ant-message-rtl .anticon {
    margin-right: 0;
    margin-left: 8px
}

.college-card {
    color: #222;
    font-size: 14px;
    font-weight: 500;
    width: 100%;
    height: 100%
}

.college-card .select-title-style {
    min-width: 84px
}

.action-steps {
    width: 100%;
    background: #fff;
    z-index: 1024;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 10px
}

.action-steps .ignore-btn, .action-steps .next-step {
    width: 132px;
    height: 32px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    line-height: 32px;
    font-weight: 400;
    border-radius: 8px;
    border: 1px solid rgba(6, 10, 38, .06);
    cursor: pointer
}

.action-steps .ignore-btn {
    background: #fff;
    color: #060a26
}

.action-steps .next-step {
    background: #0d53ff;
    margin-right: 8px
}

@keyframes fadeIn {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes fadeOut {
    from {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes slideInUp {
    from {
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }
    to {
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slideOutBottom {
    from {
        transform: translate3d(0, 0, 0)
    }
    to {
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }
}

.animate__animated {
    animation-duration: .3s;
    animation-fill-mode: both
}

.animate__fadeInfast {
    animation-duration: .2s;
    animation-name: fadeIn
}

.animate__fadeIn {
    animation-name: fadeIn
}

.animate__fadeOut {
    animation-name: fadeOut
}

.animate__slideInUp {
    animation-name: slideInUp
}

.animate__slideOutBottom {
    animation-name: slideOutBottom
}

.action-step__slide {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, .3);
    z-index: 1023
}

.action-step__slide .step-slide__container {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    max-height: 94vh;
    min-height: 42vh;
    background: #fff;
    padding: .24rem 0 0;
    border-radius: .16rem .16rem 0 0;
    -webkit-border-radius: .16rem .16rem 0 0;
    overflow: hidden;
    font-size: .14rem;
    font-weight: 500
}

.action-step__slide .step-slide__container .step-slide__title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    flex-wrap: flex-wrap;
    flex-direction: row;
    border-bottom: 1px solid #f7f7f7;
    font-size: .18rem;
    padding: 0 .2rem 16px
}

.action-step__slide .step-slide__container .step-slide__title .clear-btn {
    width: .24rem;
    height: .24rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABIAgMAAAAog1vUAAAADFBMVEUAAAAkJCQiIiIiIiIef7+8AAAAA3RSTlMAB7aXNUSgAAAAhklEQVQ4y+2SuwmAQBBENbEJm7EjW7Ejm7EJE9cDl33IA0Ojm2DgFuZx+xm6/tS4pKNpS0fzkY7WMx3Ufi3plGJrqGglgnE0VBDM1xrgn8yTfsEKBaxQwAoFrFDACgWsUMAKBQyUSw4a70/4q27ou20PxyP0oL0OL82r9QH4THxMPrmuH3UDXY12DaoR5CAAAAAASUVORK5CYII=) 50% 50% no-repeat;
    background-size: contain
}

.action-step__slide .step-slide__container .step-slide__content {
    max-height: 94vh;
    min-height: 44vh;
    overflow: hidden;
    display: flex;
    background-color: #fff
}

.action-step__slide .step-slide__container .step-slide__type {
    width: 1.14rem;
    max-height: 94vh;
    background-color: #f8f8f8
}

.action-step__slide .step-slide__container .step-slide__type .type-item-wrap {
    position: relative
}

.action-step__slide .step-slide__container .step-slide__type .type-item-wrap .type-item {
    height: .5rem;
    display: flex;
    justify-content: flex-start;
    padding-left: .2rem;
    align-items: center;
    font-size: .14rem
}

.action-step__slide .step-slide__container .step-slide__type .type-item-wrap .type-item .type-item-title {
    color: #999;
    font-weight: 400
}

.action-step__slide .step-slide__container .step-slide__type .type-item-wrap .type-item .item-title-active {
    color: #222;
    font-weight: 500
}

.action-step__slide .step-slide__container .step-slide__type .type-item-wrap .type-item .type-item-length {
    margin-left: .04rem;
    color: #0d53ff;
    font-weight: 500
}

.action-step__slide .step-slide__container .step-slide__type .type-item-wrap .type-item-active {
    background-color: #fff
}

.action-step__slide .step-slide__container .step-slide__type .type-item-wrap .type-item-wrap-top {
    position: absolute;
    right: 0;
    top: -12px;
    z-index: 0;
    width: 12px;
    height: 12px;
    background-color: #fff
}

.action-step__slide .step-slide__container .step-slide__type .type-item-wrap .type-item-wrap-top .item-top {
    width: 100%;
    height: 100%;
    background-color: #f8f8f8;
    border-radius: 0 0 12px 0
}

.action-step__slide .step-slide__container .step-slide__type .type-item-wrap .type-item-wrap-bottom {
    position: absolute;
    right: 0;
    bottom: -12px;
    z-index: 0;
    width: 12px;
    height: 12px;
    background-color: #fff
}

.action-step__slide .step-slide__container .step-slide__type .type-item-wrap .type-item-wrap-bottom .item-bottom {
    width: 100%;
    height: 100%;
    background-color: #f8f8f8;
    border-radius: 0 12px 0 0
}

.action-step__slide .step-slide__container .step-slide__list {
    padding: .14rem 0 calc(80px + var(--immersive-area-inset-bottom, "0px"));
    display: flex;
    justify-content: flex-start;
    align-content: flex-start;
    flex-wrap: wrap;
    flex-direction: row;
    max-height: calc(94vh - 1.2rem);
    max-width: 2.46rem;
    margin-left: .14rem;
    overflow-y: auto
}

.action-step__slide .step-slide__container .step-slide__list .step-slide__item {
    position: relative;
    width: 1.1rem;
    height: .34rem;
    line-height: .34rem;
    text-align: center;
    border-radius: .08rem;
    -webkit-border-radius: .08rem;
    margin-bottom: .08rem;
    background: #f8f8f8;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 .06rem;
    font-size: .14rem;
    color: #222;
    font-weight: 500
}

.action-step__slide .step-slide__container .step-slide__list .step-slide__item:not(:nth-child(2n)) {
    margin-right: .08rem
}

.action-step__slide .step-slide__container .step-slide__list .step-slide__item .delete-icon {
    position: absolute;
    width: .16rem;
    height: .16rem;
    bottom: 0;
    right: 0;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAOVBMVEX/W0wAAAD/XEv/WU3/W03/W03/XEv/XEv/Xk3/XUz/W0v/XU3/ZEf/W03/WU3/XEr/W0//VVX/WU3NLugNAAAAEnRSTlNDAEvRPy87Nh8PJRgGG/RTFQkAVV7EAAAA/UlEQVRIx5XTWa6DMBBE0dtJe2IIJPtf7OPlxyCbQNUXLdWRhQfsR8o8hBTd2eUUTDnU4jUYA1tug+ycR6y3oCRQwAAKeCckUBwJrI4EZpDAigaKa+DtaCChgQENFHZ5PJqhAWlfeT4fx6EF+dD/fL6lOrTAj+Bbqt8tyNCKtl+B0xX9/gZG6Iml399AoCte/T42QVf0+45lOlle/2ss9ECQVoiYo/xDoICySwMzIJzDuhG4f9JuhLN+VwQjseX2bR2NSM3le/DJcGouX1y2Cu4k2gaUzCJIpoE4iaCYBkbTwGgSiMUkkCZTQJzNBODZ7D7wME52D7jHMKzW5A/o7gub3ZvYAwAAAABJRU5ErkJggg==) 50% 50% no-repeat;
    background-size: contain
}

.action-step__slide .step-slide__container .step-slide__list .step-slide__city {
    width: .7rem
}

.action-step__slide .step-slide__container .step-slide__list .step-slide__city:not(:nth-child(3n)) {
    margin-right: .08rem
}

.action-step__slide .step-slide__container .step-slide__list .step-slide__major {
    width: 1.06rem
}

.action-step__slide .step-slide__container .step-slide__list .step-slide__major:not(:nth-child(3n)) {
    margin-right: .08rem
}

.action-step__slide .step-slide__container .step-slide__list .empty-list {
    max-height: calc(94vh - 1.2rem);
    padding-left: .55rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.action-step__slide .step-slide__container .step-slide__list .empty-list .empty-list-img {
    width: 1.2rem;
    height: 1.2rem;
    background: url(data:image/png;base64,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) no-repeat 0 0;
    background-size: contain
}

.action-step__slide .step-slide__container .step-slide__list .empty-list .empty-list-text {
    font-size: 12px;
    color: rgba(0, 0, 0, .4);
    line-height: .16rem;
    font-weight: 400
}

.action-step__slide .step-slide__container .step-slide__list .empty-mlist {
    min-width: calc(100vw - .2rem);
    padding-left: 0
}

.action-step__slide .step-slide__container .step-slide__mlist {
    margin-left: .2rem;
    max-width: 100vw;
    min-width: calc(100vw - .2rem)
}

.intention-page {
    width: 100%;
    height: 100%;
    padding: 24px;
    background: #fff;
    border: 1px solid rgba(6, 10, 38, .12);
    min-height: 324px;
    border-radius: 8px;
    box-shadow: 0 32px 64px -12px rgba(6, 10, 38, .24);
    overflow: hidden
}

.intention-page .top-title {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f7f7f7;
    height: 34px;
    width: 69%;
    max-width: 260px;
    min-width: 220px;
    padding: 2px;
    border-radius: 10px;
    position: absolute;
    top: calc(.14rem - 5px);
    left: 0;
    right: 0;
    bottom: 0;
    margin: var(--immersive-area-inset-top, 0) auto 0
}

.intention-page .top-title .switch-active-block {
    background: #fff;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, .08);
    border-radius: 8px;
    height: 30px;
    position: absolute;
    top: 2px;
    left: 2px;
    z-index: 1;
    transition: left .2s ease-in-out;
    transform: translateZ(0);
    will-change: left
}

.intention-page .top-title .absolute-title {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 1
}

.intention-page .top-title .title-item-text {
    flex: 1;
    font-weight: 500;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    text-align: center;
    border-radius: 8px;
    color: #222
}

.intention-page .top-title .item-text-active {
    color: #0d53ff;
    transition: color .2s ease
}

.intention-page .layout-header-wrapper .title.center {
    height: 52px;
    bottom: 0;
    top: unset;
    left: 0;
    right: 0;
    margin: auto;
    transform: none;
    text-align: center;
    font-size: 16px;
    color: rgba(0, 0, 0, .86);
    font-family: unset
}

.intention-page .layout-header-wrapper .back {
    margin-left: 20px
}

.intention-page .layout-header-wrapper .layout-header.fixed {
    padding: var(--immersive-area-inset-top, 0) 0 0;
    top: 0;
    min-height: 52px;
    height: auto;
    box-sizing: content-box
}

.intention-page .layout-header-wrapper .header-placeholder_ {
    padding: var(--immersive-area-inset-top, 0) 0 0;
    min-height: 52px;
    box-sizing: content-box;
    height: auto
}

.intention-page .list-loading {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 262px
}

.intention-page .page-tip {
    height: 14px;
    background: #fff
}

.intention-page .page-tip-city {
    height: 18px
}

.intention-page .action-steps_mask {
    height: 100%;
    background-color: rgba(0, 0, 0, .3);
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2000
}

.intention-page .action-steps_box {
    background-color: #fff;
    width: 100%;
    border-radius: .12rem .12rem 0 0;
    padding: .28rem .24rem;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 3000
}

.intention-page .action-steps_box .action-steps_box_title {
    font-weight: 500;
    font-size: .18rem;
    color: #222;
    letter-spacing: 0;
    margin-bottom: .5rem
}

.intention-page .action-steps_box .action-steps_box_msg {
    font-weight: 500;
    font-size: .16rem;
    color: #222;
    letter-spacing: 0;
    margin-bottom: .5rem
}

.intention-page .action-steps_box .action-steps_box_btnBox {
    display: flex;
    justify-content: space-between
}

.intention-page .action-steps_box .action-steps_box_btnBox .action-steps_box_btnBox_cel {
    width: 1.34rem;
    height: .5rem;
    border-radius: .12rem;
    background-color: rgba(244, 244, 244, .6);
    font-weight: 500;
    font-size: .16rem;
    color: #222;
    letter-spacing: 0;
    text-align: center;
    line-height: .5rem
}

.intention-page .action-steps_box .action-steps_box_btnBox .action-steps_box_btnBox_del {
    width: 1.34rem;
    height: .5rem;
    border-radius: .12rem;
    background-color: #3a6dff;
    font-weight: 500;
    font-size: .16rem;
    color: #fff;
    letter-spacing: 0;
    text-align: center;
    line-height: .5rem
}
