.main-width {
    width: 1200px;
    margin: auto;
}

.shadow {
    background: rgb(255, 255, 255);
    box-shadow: 0px 6px 15px -4px rgba(0, 0, 0, 0.5);
}

.ant-affix {
    position: fixed;
    z-index: 10
}

.nav-tab-line {
    padding-bottom: 10px
}

.nav-tab-line span {
    font-size: 20px;
    font-weight: 700;
    margin-right: 50px;
    cursor: pointer
}

.nav-tab-line span:hover {
    color: var(--themeColor)
}

.nav-tab-line span.active {
    position: relative;
    color: var(--themeColor)
}

.nav-tab-line span.active:after {
    content: "";
    position: absolute;
    width: 20px;
    height: 4px;
    background: var(--themeColor);
    border-radius: 2px;
    bottom: -12px;
    left: 50%;
    transform: translateX(-50%)
}

.market-ad-wrap {
    position: relative;
    width: 100%;
    height: 100px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
}

.market-ad-wrap .iconguanbi {
    position: absolute;
    right: 30px;
    top: 15px;
    font-size: 14px;
    color: #fff;
    cursor: pointer;
    z-index: 1000
}

.crouse-right-title {
    position: relative;
    display: flex;
    align-items: center
}

.crouse-right-title .line {
    width: 4px;
    height: 18px;
    background: var(--themeColor);
    border-radius: 2px;
    margin-right: 5px
}

.crouse-right-title h3 {
    width: 150px;
    font-size: 18px;
    font-weight: 700;
    color: #2a2a2a
}

.crouse-right-title .time-order {
    position: absolute;
    right: 0;
    color: #666;
    font-size: 12px;
    padding: 4px 15px;
    border-radius: 16px;
    cursor: pointer;
    background: rgba(0, 0, 0, .05)
}

.crouse-right-title .time-order i {
    vertical-align: middle;
    font-size: 14px;
    margin-right: 2px
}

.crouse-right-title .time-order:hover {
    color: var(--themeColor);
    background: rgba(var(--themeRgba), .05)
}

.crouse-right-title .time-order:hover i {
    color: var(--themeColor)
}

.pagination {
    display: flex;
    align-items: center
}

.pagination p:not(:nth-child(2)) {
    width: 14px;
    height: 14px;
    background: #fff;
    border-radius: 2px;
    border: 1px solid #dadee0;
    text-align: center;
    color: #939ca5;
    line-height: 13px;
    cursor: pointer
}

.pagination p:not(:nth-child(2)):hover {
    color: var(--themeColor)
}

.pagination p:not(:nth-child(2)) .iconfont {
    display: block;
    font-size: 12px;
    transform: scale(.6)
}

.pagination .num {
    font-size: 12px;
    color: #939ca5;
    line-height: 17px;
    margin: 0 4px
}

.pagination .num .current-page {
    color: var(--themeColor)
}

.courses-teachers {
    padding: 20px 20px 30px;
    box-sizing: border-box;
    border-radius: 4px
}

.courses-teachers.bg-white {
    margin-bottom: 20px
}

.courses-teachers .courses-teachers-header {
    display: flex;
    justify-content: space-between
}

.courses-teachers .courses-teachers-list dl {
    cursor: pointer
}

.courses-teachers .courses-teachers-list dl dt {
    display: flex;
    margin-top: 30px
}

.courses-teachers .courses-teachers-list dl dt img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    flex: none;
    margin-right: 15px
}

.courses-teachers .courses-teachers-list dl dt > div span {
    display: block
}

.courses-teachers .courses-teachers-list dl dt > div span:first-child {
    width: 80px;
    margin-top: 7px;
    font-size: 16px;
    font-weight: 500;
    color: #2a2a2a;
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis
}

.courses-teachers .courses-teachers-list dl dt > div .star-wrap {
    display: flex;
    align-items: center
}

.courses-teachers .courses-teachers-list dl dt > div .star-wrap .half-chengdu .clip-star {
    position: absolute;
    overflow: hidden
}

.courses-teachers .courses-teachers-list dl dt .iconfont {
    color: #ffb033;
    font-size: 14px;
    margin-right: 6px
}

.courses-teachers .courses-teachers-list dl dd {
    font-size: 14px;
    color: #666;
    margin-top: 15px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden
}

.ant-avatar {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(0, 0, 0, .65);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5;
    list-style: none;
    -webkit-font-feature-settings: "tnum";
    font-feature-settings: "tnum", "tnum";
    position: relative;
    display: inline-block;
    overflow: hidden;
    color: #fff;
    white-space: nowrap;
    text-align: center;
    vertical-align: middle;
    background: #ccc;
    width: 32px;
    height: 32px;
    line-height: 32px;
    border-radius: 50%
}

.ant-avatar-image {
    background: transparent
}

.ant-avatar-string {
    position: absolute;
    left: 50%;
    -webkit-transform-origin: 0 center;
    -ms-transform-origin: 0 center;
    transform-origin: 0 center
}

.ant-avatar.ant-avatar-icon {
    font-size: 18px
}

.ant-avatar-lg {
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 50%
}

.ant-avatar-lg-string {
    position: absolute;
    left: 50%;
    -webkit-transform-origin: 0 center;
    -ms-transform-origin: 0 center;
    transform-origin: 0 center
}

.ant-avatar-lg.ant-avatar-icon {
    font-size: 24px
}

.ant-avatar-sm {
    width: 24px;
    height: 24px;
    line-height: 24px;
    border-radius: 50%
}

.ant-avatar-sm-string {
    position: absolute;
    left: 50%;
    -webkit-transform-origin: 0 center;
    -ms-transform-origin: 0 center;
    transform-origin: 0 center
}

.ant-avatar-sm.ant-avatar-icon {
    font-size: 14px
}

.ant-avatar-square {
    border-radius: 4px
}

.ant-avatar > img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.avatar-list .swiper-father {
    position: relative
}

.avatar-list .swiper-button-next, .avatar-list .swiper-button-prev {
    background-image: none;
    transform: translateY(-50%);
    margin-top: 0
}

.avatar-list .swiper-button-next:hover .iconfont, .avatar-list .swiper-button-prev:hover .iconfont {
    color: var(--themeColor)
}

.avatar-list .swiper-button-next .iconfont, .avatar-list .swiper-button-prev .iconfont {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 16px;
    color: #8a8a8a
}

.avatar-list .swiper-button-next:focus, .avatar-list .swiper-button-prev:focus {
    outline: none
}

.avatar-list .swiper-button-prev {
    left: 0
}

.avatar-list .avatar-item {
    display: flex;
    align-items: center
}

.avatar-list .avatar-item.avatar-item-col {
    flex-direction: column;
    text-align: center;
    align-items: center;
    display: inline-block
}

.avatar-list .avatar-item.avatar-item-col .ant-avatar {
    margin-right: 0
}

.avatar-list .avatar-item.avatar-item-col .avatar-item-intro span {
    display: inline-block;
    max-width: 60px;
    padding-top: 2px;
    color: #666;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.avatar-list .avatar-item.avatar-item-row {
    flex-direction: row
}

.avatar-list .avatar-item.avatar-item-row .avatar-item-intro span {
    position: relative;
    top: 1px;
    font-size: 14px
}

.avatar-list .avatar-item .ant-avatar {
    width: 42px;
    height: 42px;
    line-height: 42px;
    margin-right: 6px
}

.avatar-list .avatar-item .ant-avatar.avatar-item-large {
    width: 46px;
    height: 46px;
    line-height: 46px
}

.avatar-list .avatar-item .ant-avatar.avatar-item-default {
    width: 42px;
    height: 42px;
    line-height: 42px
}

.avatar-list .avatar-item .ant-avatar.avatar-item-small {
    width: 34px;
    height: 34px;
    line-height: 34px
}

.avatar-list .avatar-item .avatar-item-intro span {
    display: inline-block;
    width: 60px;
    color: #2a2a2a;
    font-size: 12px;
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: default
}

.avatar-list .avatar-item .avatar-item-intro p {
    margin-top: 2px;
    color: #939ca5;
    font-size: 12px
}

.student-change-item {
    display: flex;
    align-items: center;
    font-size: 12px;
    color: #939ca5;
    line-height: 17px;
    cursor: pointer
}

.student-change-item:hover {
    color: var(--themeColor)
}

.student-change-item .iconfont {
    margin-right: 5px
}

.courses-student {
    padding: 20px 20px 10px;
    box-sizing: border-box;
    border-radius: 4px
}

.courses-student, .courses-student.bg-white {
    margin-bottom: 20px
}

.courses-student .courses-student-header {
    margin-bottom: 30px;
    display: flex;
    justify-content: space-between
}

.courses-student .courses-student-list {
    display: flex;
    flex-wrap: wrap
}

.courses-student .courses-student-list .avatar-default-item {
    margin-right: 6px;
    width: 60px;
    margin-bottom: 12px
}

.courses-student .courses-student-list .avatar-default-item:nth-child(4n) {
    margin-right: 0
}

.courses-student .courses-student-list .avatar-default-item .avatar-item-intro span {
    height: 20px;
    font-size: 12px
}

.courses-student .courses-student-list .avatar-default-item .avatar-item-intro p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.courses-recourses {
    padding: 20px;
    border-radius: 4px;
    margin-bottom: 20px
}

.courses-recourses .courses-recourses-header {
    margin-bottom: 17px
}

.courses-recourses .courses-recourses-list dl {
    display: flex;
    margin-bottom: 20px;
    cursor: pointer
}

.courses-recourses .courses-recourses-list dl:last-of-type {
    margin-bottom: 10px
}

.courses-recourses .courses-recourses-list dl dt img {
    width: 90px;
    max-height: 90px;
    border-radius: 4px;
    margin-right: 10px
}

.courses-recourses .courses-recourses-list dl dd {
    width: 170px
}

.courses-recourses .courses-recourses-list dl dd h3 {
    font-size: 12px;
    font-weight: 500;
    color: #2a2a2a;
    height: 30px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    line-height: 15px;
    text-align: justify
}

.courses-recourses .courses-recourses-list dl dd p {
    font-size: 12px;
    color: #939ca5;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.courses-recourses .courses-recourses-list dl:hover dd h3 {
    color: var(--themeColor)
}

.re-course-list {
    margin-top: 25px
}

.re-course-list li {
    display: inline-block;
    width: 281px;
    cursor: pointer;
    padding-bottom: 20px
}

.re-course-list li:not(:nth-child(4n)) {
    margin-right: 25px
}

.re-course-list li .cover-info {
    position: relative
}

.re-course-list li .cover-info .cover {
    display: block;
    width: 100%;
    height: 156px;
    border-radius: 6px
}

.re-course-list li .cover-info .vip {
    position: absolute;
    width: 37px;
    height: 17px;
    right: 0;
    top: 0
}

.re-course-list li .cover-info > p {
    position: absolute;
    bottom: 11px;
    left: 9px
}

.re-course-list li .cover-info > p span {
    font-size: 10px;
    padding: 3px 7px;
    color: #fff;
    background: rgba(0, 0, 0, .6);
    border-radius: 11px;
    margin-right: 8px
}

.re-course-list li h3 {
    font-weight: 700;
    min-height: 54px;
    margin-top: 10px
}

.re-course-list li > .cover-teach-info {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.re-course-list li > .cover-teach-info > div .teachName {
    color: #666;
    line-height: 30px;
    margin-left: 12px
}

.re-course-list li > .cover-teach-info > span {
    color: #939ca5;
    font-size: 12px
}

.re-course-list li > .cover-teach-info > span i {
    margin-right: 3px
}

.re-course-list li:hover .cover-info .cover, .re-course-list li:hover h3 {
    transition: all .6s ease;
    transform: translateY(-5px)
}

.re-course-list li:hover .cover-info .cover {
    box-shadow: 0 5px 12px 0 rgba(0, 0, 0, .1)
}

.re-course-list li:hover .cover-info .vip, .re-course-list li:hover .cover-info > p {
    transition: all .6s ease;
    transform: translateY(-5px)
}

.stop-sell-com {
    padding-top: 114px;
    width: 100vw;
    height: calc(100vh - 190px);
    background-color: #fff
}

.stop-sell-com img {
    display: block;
    width: 280px;
    height: 177px;
    margin: auto
}

.stop-sell-com p {
    color: #5d6770;
    font-size: 14px;
    text-align: center
}

.stop-sell-com p span {
    color: var(--themeColor)
}

.stop-sell-com > div {
    margin-top: 22px;
    color: #5d6770;
    text-align: center
}

.stop-sell-com > div span {
    display: inline-block;
    cursor: pointer;
    color: var(--themeColor);
    line-height: 28px;
    padding: 0 13px;
    border: 1px solid var(--themeColor);
    border-radius: 21px
}

.student-action {
    margin-bottom: 20px;
    border-radius: 4px;
    padding: 20px
}

.student-action .title {
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px
}

.student-action ul li {
    display: flex;
    padding: 20px 0
}

.student-action ul li:not(:last-child) {
    border-bottom: 1px solid #f5f6f7
}

.student-action ul li > div {
    width: calc(100% - 56px);
    margin-left: 10px
}

.student-action ul li > div p.info {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px
}

.student-action ul li > div p.info .time {
    font-size: 12px;
    color: #939ca5
}

.student-action ul li > div p.content {
    font-size: 12px;
    color: #666
}

.student-action ul li > div p.content span {
    color: #939ca5
}

.ant-popover {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(0, 0, 0, .65);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5;
    list-style: none;
    -webkit-font-feature-settings: "tnum";
    font-feature-settings: "tnum", "tnum";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1030;
    font-weight: 400;
    white-space: normal;
    text-align: left;
    cursor: auto;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text
}

.ant-popover:after {
    position: absolute;
    background: hsla(0, 0%, 100%, .01);
    content: ""
}

.ant-popover-hidden {
    display: none
}

.ant-popover-placement-top, .ant-popover-placement-topLeft, .ant-popover-placement-topRight {
    padding-bottom: 10px
}

.ant-popover-placement-right, .ant-popover-placement-rightBottom, .ant-popover-placement-rightTop {
    padding-left: 10px
}

.ant-popover-placement-bottom, .ant-popover-placement-bottomLeft, .ant-popover-placement-bottomRight {
    padding-top: 10px
}

.ant-popover-placement-left, .ant-popover-placement-leftBottom, .ant-popover-placement-leftTop {
    padding-right: 10px
}

.ant-popover-inner {
    background-color: #fff;
    background-clip: padding-box;
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, .15);
    box-shadow: 0 2px 8px rgba(0, 0, 0, .15);
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .15) \9;
    box-shadow: 0 0 8px rgba(0, 0, 0, .15) \9
}

@media (-ms-high-contrast: none), screen and (-ms-high-contrast: active) {
    .ant-popover-inner {
        -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, .15);
        box-shadow: 0 2px 8px rgba(0, 0, 0, .15)
    }
}

.ant-popover-title {
    min-width: 177px;
    min-height: 32px;
    margin: 0;
    padding: 5px 16px 4px;
    color: rgba(0, 0, 0, .85);
    font-weight: 500;
    border-bottom: 1px solid #e8e8e8
}

.ant-popover-inner-content {
    padding: 12px 16px;
    color: rgba(0, 0, 0, .65)
}

.ant-popover-message {
    position: relative;
    padding: 4px 0 12px;
    color: rgba(0, 0, 0, .65);
    font-size: 14px
}

.ant-popover-message > .anticon {
    position: absolute;
    top: 8px;
    color: #faad14;
    font-size: 14px
}

.ant-popover-message-title {
    padding-left: 22px
}

.ant-popover-buttons {
    margin-bottom: 4px;
    text-align: right
}

.ant-popover-buttons button {
    margin-left: 8px
}

.ant-popover-arrow {
    position: absolute;
    display: block;
    width: 8.48528137px;
    height: 8.48528137px;
    background: transparent;
    border-style: solid;
    border-width: 4.24264069px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.ant-popover-placement-top > .ant-popover-content > .ant-popover-arrow, .ant-popover-placement-topLeft > .ant-popover-content > .ant-popover-arrow, .ant-popover-placement-topRight > .ant-popover-content > .ant-popover-arrow {
    bottom: 6.2px;
    border-color: transparent #fff #fff transparent;
    -webkit-box-shadow: 3px 3px 7px rgba(0, 0, 0, .07);
    box-shadow: 3px 3px 7px rgba(0, 0, 0, .07)
}

.ant-popover-placement-top > .ant-popover-content > .ant-popover-arrow {
    left: 50%;
    -webkit-transform: translateX(-50%) rotate(45deg);
    -ms-transform: translateX(-50%) rotate(45deg);
    transform: translateX(-50%) rotate(45deg)
}

.ant-popover-placement-topLeft > .ant-popover-content > .ant-popover-arrow {
    left: 16px
}

.ant-popover-placement-topRight > .ant-popover-content > .ant-popover-arrow {
    right: 16px
}

.ant-popover-placement-right > .ant-popover-content > .ant-popover-arrow, .ant-popover-placement-rightBottom > .ant-popover-content > .ant-popover-arrow, .ant-popover-placement-rightTop > .ant-popover-content > .ant-popover-arrow {
    left: 6px;
    border-color: transparent transparent #fff #fff;
    -webkit-box-shadow: -3px 3px 7px rgba(0, 0, 0, .07);
    box-shadow: -3px 3px 7px rgba(0, 0, 0, .07)
}

.ant-popover-placement-right > .ant-popover-content > .ant-popover-arrow {
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg)
}

.ant-popover-placement-rightTop > .ant-popover-content > .ant-popover-arrow {
    top: 12px
}

.ant-popover-placement-rightBottom > .ant-popover-content > .ant-popover-arrow {
    bottom: 12px
}

.ant-popover-placement-bottom > .ant-popover-content > .ant-popover-arrow, .ant-popover-placement-bottomLeft > .ant-popover-content > .ant-popover-arrow, .ant-popover-placement-bottomRight > .ant-popover-content > .ant-popover-arrow {
    top: 6px;
    border-color: #fff transparent transparent #fff;
    -webkit-box-shadow: -2px -2px 5px rgba(0, 0, 0, .06);
    box-shadow: -2px -2px 5px rgba(0, 0, 0, .06)
}

.ant-popover-placement-bottom > .ant-popover-content > .ant-popover-arrow {
    left: 50%;
    -webkit-transform: translateX(-50%) rotate(45deg);
    -ms-transform: translateX(-50%) rotate(45deg);
    transform: translateX(-50%) rotate(45deg)
}

.ant-popover-placement-bottomLeft > .ant-popover-content > .ant-popover-arrow {
    left: 16px
}

.ant-popover-placement-bottomRight > .ant-popover-content > .ant-popover-arrow {
    right: 16px
}

.ant-popover-placement-left > .ant-popover-content > .ant-popover-arrow, .ant-popover-placement-leftBottom > .ant-popover-content > .ant-popover-arrow, .ant-popover-placement-leftTop > .ant-popover-content > .ant-popover-arrow {
    right: 6px;
    border-color: #fff #fff transparent transparent;
    -webkit-box-shadow: 3px -3px 7px rgba(0, 0, 0, .07);
    box-shadow: 3px -3px 7px rgba(0, 0, 0, .07)
}

.ant-popover-placement-left > .ant-popover-content > .ant-popover-arrow {
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg)
}

.ant-popover-placement-leftTop > .ant-popover-content > .ant-popover-arrow {
    top: 12px
}

.ant-popover-placement-leftBottom > .ant-popover-content > .ant-popover-arrow {
    bottom: 12px
}

.member-wrap .member-img {
    width: 54px;
    height: 26px;
    margin-right: 5px
}

.member-wrap .price-span {
    position: relative;
    top: 2px;
    margin-right: 8px;
    font-size: 16px;
    font-weight: 500;
    color: #f7b24c;
    line-height: 22px
}

.member-wrap .more-span {
    padding: 3px 4px;
    background: rgba(249, 215, 32, .2);
    border-radius: 4px;
    font-size: 12px;
    color: #ffb033;
    cursor: pointer
}

.member-detail-item {
    margin-bottom: 10px
}

.member-detail-item img {
    width: 30px;
    height: 30px;
    margin-right: 10px
}

.member-detail-item span {
    font-size: 12px;
    font-weight: 500;
    color: #666;
    margin-right: 9px
}

.member-detail-item b {
    font-size: 12px;
    font-weight: 400;
    color: #2a2a2a
}

.share-type-list span {
    cursor: pointer;
    color: #666;
    padding: 4px 13px;
    border-radius: 13px;
    border: 1px solid #e0e3ea;
    margin-left: 16px
}

.share-type-list span i {
    margin-right: 5px
}

.share-type-list span i.iconnanyichengdu {
    color: #ffb033
}

.share-type-list .hover-span:hover {
    color: var(--themeColor);
    border: 1px solid var(--themeColor)
}

.erw-img div {
    color: var(--themeColor);
    margin-bottom: 5px
}

.erw-img p {
    color: #666;
    font-size: 12px;
    text-align: center
}

.erw-img img {
    display: block;
    width: 82px;
    height: 82px
}

.share-icon {
    height: 30px;
    line-height: 30px
}

.share-icon i {
    cursor: pointer;
    font-size: 34px
}

.share-icon i:hover {
    opacity: .8
}

.share-icon i.iconweixin {
    color: #6fb638
}

.share-icon i.iconQQ {
    color: #5ba6f2
}

.share-icon i.iconweibo {
    color: #f74c4c
}

.share-icon i:not(:last-child) {
    margin-right: 14px
}

.share-wx-mark .ant-modal-header {
    border-bottom: 1px solid #e6e6e6
}

.share-wx-mark .ant-modal-body {
    padding: 22px 30px 31px
}

.share-wx-mark .ant-modal-body .wx-qrcode {
    margin-bottom: 26px
}

.share-wx-mark .ant-modal-body p {
    text-align: center;
    color: #999
}

@-webkit-keyframes antCheckboxEffect {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: .5
    }
    to {
        -webkit-transform: scale(1.6);
        transform: scale(1.6);
        opacity: 0
    }
}

@keyframes antCheckboxEffect {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: .5
    }
    to {
        -webkit-transform: scale(1.6);
        transform: scale(1.6);
        opacity: 0
    }
}

.ant-checkbox {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(0, 0, 0, .65);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5;
    list-style: none;
    -webkit-font-feature-settings: "tnum";
    font-feature-settings: "tnum", "tnum";
    position: relative;
    top: -.09em;
    display: inline-block;
    line-height: 1;
    white-space: nowrap;
    vertical-align: middle;
    outline: none;
    cursor: pointer
}

.ant-checkbox-input:focus + .ant-checkbox-inner, .ant-checkbox-wrapper:hover .ant-checkbox-inner, .ant-checkbox:hover .ant-checkbox-inner {
    border-color: #1890ff
}

.ant-checkbox-checked:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #1890ff;
    border-radius: 2px;
    visibility: hidden;
    -webkit-animation: antCheckboxEffect .36s ease-in-out;
    animation: antCheckboxEffect .36s ease-in-out;
    -webkit-animation-fill-mode: backwards;
    animation-fill-mode: backwards;
    content: ""
}

.ant-checkbox-wrapper:hover .ant-checkbox:after, .ant-checkbox:hover:after {
    visibility: visible
}

.ant-checkbox-inner {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    width: 16px;
    height: 16px;
    background-color: #fff;
    border: 1px solid #d9d9d9;
    border-radius: 2px;
    border-collapse: separate;
    -webkit-transition: all .3s;
    transition: all .3s
}

.ant-checkbox-inner:after {
    position: absolute;
    top: 50%;
    left: 22%;
    display: table;
    width: 5.71428571px;
    height: 9.14285714px;
    border: 2px solid #fff;
    border-top: 0;
    border-left: 0;
    -webkit-transform: rotate(45deg) scale(0) translate(-50%, -50%);
    -ms-transform: rotate(45deg) scale(0) translate(-50%, -50%);
    transform: rotate(45deg) scale(0) translate(-50%, -50%);
    opacity: 0;
    -webkit-transition: all .1s cubic-bezier(.71, -.46, .88, .6), opacity .1s;
    transition: all .1s cubic-bezier(.71, -.46, .88, .6), opacity .1s;
    content: " "
}

.ant-checkbox-input {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    cursor: pointer;
    opacity: 0
}

.ant-checkbox-checked .ant-checkbox-inner:after {
    position: absolute;
    display: table;
    border: 2px solid #fff;
    border-top: 0;
    border-left: 0;
    -webkit-transform: rotate(45deg) scale(1) translate(-50%, -50%);
    -ms-transform: rotate(45deg) scale(1) translate(-50%, -50%);
    transform: rotate(45deg) scale(1) translate(-50%, -50%);
    opacity: 1;
    -webkit-transition: all .2s cubic-bezier(.12, .4, .29, 1.46) .1s;
    transition: all .2s cubic-bezier(.12, .4, .29, 1.46) .1s;
    content: " "
}

.ant-checkbox-checked .ant-checkbox-inner {
    background-color: #1890ff;
    border-color: #1890ff
}

.ant-checkbox-disabled {
    cursor: not-allowed
}

.ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner:after {
    border-color: rgba(0, 0, 0, .25);
    -webkit-animation-name: none;
    animation-name: none
}

.ant-checkbox-disabled .ant-checkbox-input {
    cursor: not-allowed
}

.ant-checkbox-disabled .ant-checkbox-inner {
    background-color: #f5f5f5;
    border-color: #d9d9d9 !important
}

.ant-checkbox-disabled .ant-checkbox-inner:after {
    border-color: #f5f5f5;
    border-collapse: separate;
    -webkit-animation-name: none;
    animation-name: none
}

.ant-checkbox-disabled + span {
    color: rgba(0, 0, 0, .25);
    cursor: not-allowed
}

.ant-checkbox-disabled:hover:after, .ant-checkbox-wrapper:hover .ant-checkbox-disabled:after {
    visibility: hidden
}

.ant-checkbox-wrapper {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(0, 0, 0, .65);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5;
    list-style: none;
    -webkit-font-feature-settings: "tnum";
    font-feature-settings: "tnum", "tnum";
    display: inline-block;
    line-height: unset;
    cursor: pointer
}

.ant-checkbox-wrapper.ant-checkbox-wrapper-disabled {
    cursor: not-allowed
}

.ant-checkbox-wrapper + .ant-checkbox-wrapper {
    margin-left: 8px
}

.ant-checkbox + span {
    padding-right: 8px;
    padding-left: 8px
}

.ant-checkbox-group {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(0, 0, 0, .65);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5;
    list-style: none;
    -webkit-font-feature-settings: "tnum";
    font-feature-settings: "tnum", "tnum";
    display: inline-block
}

.ant-checkbox-group-item {
    display: inline-block;
    margin-right: 8px
}

.ant-checkbox-group-item:last-child {
    margin-right: 0
}

.ant-checkbox-group-item + .ant-checkbox-group-item {
    margin-left: 0
}

.ant-checkbox-indeterminate .ant-checkbox-inner {
    background-color: #fff;
    border-color: #d9d9d9
}

.ant-checkbox-indeterminate .ant-checkbox-inner:after {
    top: 50%;
    left: 50%;
    width: 8px;
    height: 8px;
    background-color: #1890ff;
    border: 0;
    -webkit-transform: translate(-50%, -50%) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
    content: " "
}

.ant-checkbox-indeterminate.ant-checkbox-disabled .ant-checkbox-inner:after {
    background-color: rgba(0, 0, 0, .25);
    border-color: rgba(0, 0, 0, .25)
}

.ant-cascader {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(0, 0, 0, .65);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5;
    list-style: none;
    -webkit-font-feature-settings: "tnum";
    font-feature-settings: "tnum", "tnum"
}

.ant-cascader-input.ant-input {
    position: static;
    width: 100%;
    padding-right: 24px;
    background-color: transparent !important;
    cursor: pointer
}

.ant-cascader-picker-show-search .ant-cascader-input.ant-input {
    position: relative
}

.ant-cascader-picker {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(0, 0, 0, .65);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5;
    list-style: none;
    -webkit-font-feature-settings: "tnum";
    font-feature-settings: "tnum", "tnum";
    position: relative;
    display: inline-block;
    background-color: #fff;
    border-radius: 4px;
    outline: 0;
    cursor: pointer;
    -webkit-transition: color .3s;
    transition: color .3s
}

.ant-cascader-picker-with-value .ant-cascader-picker-label {
    color: transparent
}

.ant-cascader-picker-disabled {
    color: rgba(0, 0, 0, .25);
    background: #f5f5f5;
    cursor: not-allowed
}

.ant-cascader-picker-disabled .ant-cascader-input {
    cursor: not-allowed
}

.ant-cascader-picker:focus .ant-cascader-input {
    border-color: #40a9ff;
    border-right-width: 1px !important;
    outline: 0;
    -webkit-box-shadow: 0 0 0 2px rgba(24, 144, 255, .2);
    box-shadow: 0 0 0 2px rgba(24, 144, 255, .2)
}

.ant-cascader-picker-show-search.ant-cascader-picker-focused {
    color: rgba(0, 0, 0, .25)
}

.ant-cascader-picker-label {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 20px;
    margin-top: -10px;
    padding: 0 20px 0 12px;
    overflow: hidden;
    line-height: 20px;
    white-space: nowrap;
    text-overflow: ellipsis
}

.ant-cascader-picker-clear {
    position: absolute;
    top: 50%;
    right: 12px;
    z-index: 2;
    width: 12px;
    height: 12px;
    margin-top: -6px;
    color: rgba(0, 0, 0, .25);
    font-size: 12px;
    line-height: 12px;
    background: #fff;
    cursor: pointer;
    opacity: 0;
    -webkit-transition: color .3s ease, opacity .15s ease;
    transition: color .3s ease, opacity .15s ease
}

.ant-cascader-picker-clear:hover {
    color: rgba(0, 0, 0, .45)
}

.ant-cascader-picker:hover .ant-cascader-picker-clear {
    opacity: 1
}

.ant-cascader-picker-arrow {
    position: absolute;
    top: 50%;
    right: 12px;
    z-index: 1;
    width: 12px;
    height: 12px;
    margin-top: -6px;
    color: rgba(0, 0, 0, .25);
    font-size: 12px;
    line-height: 12px;
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s
}

.ant-cascader-picker-arrow.ant-cascader-picker-arrow-expand {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.ant-cascader-picker-label:hover + .ant-cascader-input {
    border-color: #40a9ff;
    border-right-width: 1px !important
}

.ant-cascader-picker-small .ant-cascader-picker-arrow, .ant-cascader-picker-small .ant-cascader-picker-clear {
    right: 8px
}

.ant-cascader-menus {
    position: absolute;
    z-index: 1050;
    font-size: 14px;
    white-space: nowrap;
    background: #fff;
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, .15);
    box-shadow: 0 2px 8px rgba(0, 0, 0, .15)
}

.ant-cascader-menus ol, .ant-cascader-menus ul {
    margin: 0;
    list-style: none
}

.ant-cascader-menus-empty, .ant-cascader-menus-hidden {
    display: none
}

.ant-cascader-menus.slide-up-appear.slide-up-appear-active.ant-cascader-menus-placement-bottomLeft, .ant-cascader-menus.slide-up-enter.slide-up-enter-active.ant-cascader-menus-placement-bottomLeft {
    -webkit-animation-name: antSlideUpIn;
    animation-name: antSlideUpIn
}

.ant-cascader-menus.slide-up-appear.slide-up-appear-active.ant-cascader-menus-placement-topLeft, .ant-cascader-menus.slide-up-enter.slide-up-enter-active.ant-cascader-menus-placement-topLeft {
    -webkit-animation-name: antSlideDownIn;
    animation-name: antSlideDownIn
}

.ant-cascader-menus.slide-up-leave.slide-up-leave-active.ant-cascader-menus-placement-bottomLeft {
    -webkit-animation-name: antSlideUpOut;
    animation-name: antSlideUpOut
}

.ant-cascader-menus.slide-up-leave.slide-up-leave-active.ant-cascader-menus-placement-topLeft {
    -webkit-animation-name: antSlideDownOut;
    animation-name: antSlideDownOut
}

.ant-cascader-menu {
    display: inline-block;
    min-width: 111px;
    height: 180px;
    margin: 0;
    padding: 4px 0;
    overflow: auto;
    vertical-align: top;
    list-style: none;
    border-right: 1px solid #e8e8e8;
    -ms-overflow-style: -ms-autohiding-scrollbar
}

.ant-cascader-menu:first-child {
    border-radius: 4px 0 0 4px
}

.ant-cascader-menu:last-child {
    margin-right: -1px;
    border-right-color: transparent;
    border-radius: 0 4px 4px 0
}

.ant-cascader-menu:only-child {
    border-radius: 4px
}

.ant-cascader-menu-item {
    padding: 5px 12px;
    line-height: 22px;
    white-space: nowrap;
    cursor: pointer;
    -webkit-transition: all .3s;
    transition: all .3s
}

.ant-cascader-menu-item:hover {
    background: #e6f7ff
}

.ant-cascader-menu-item-disabled {
    color: rgba(0, 0, 0, .25);
    cursor: not-allowed
}

.ant-cascader-menu-item-disabled:hover {
    background: transparent
}

.ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled), .ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled):hover {
    font-weight: 600;
    background-color: #fafafa
}

.ant-cascader-menu-item-expand {
    position: relative;
    padding-right: 24px
}

.ant-cascader-menu-item-expand .ant-cascader-menu-item-expand-icon, .ant-cascader-menu-item-loading-icon {
    display: inline-block;
    font-size: 12px;
    font-size: 10px \9;
    -webkit-transform: scale(.83333333) rotate(0deg);
    -ms-transform: scale(.83333333) rotate(0deg);
    transform: scale(.83333333) rotate(0deg);
    position: absolute;
    right: 12px;
    color: rgba(0, 0, 0, .45)
}

:root .ant-cascader-menu-item-expand .ant-cascader-menu-item-expand-icon, :root .ant-cascader-menu-item-loading-icon {
    font-size: 12px
}

.ant-cascader-menu-item .ant-cascader-menu-item-keyword {
    color: #f5222d
}

.live-room-modal .ant-modal-footer {
    border-top: none;
    padding: 14px 16px;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .12)
}

.live-room-modal .ant-modal-header {
    padding: 16px 24px 0
}

.live-room-modal .ant-modal-header .ant-modal-title p {
    color: #999;
    font-size: 14px;
    margin-top: 12px;
    font-weight: 400
}

.live-room-modal .ant-modal-body {
    height: 428px;
    overflow-y: auto
}

.protocol-modal .ant-modal-content {
    background: #ececec
}

.protocol-modal .ant-modal-content .ant-modal-footer {
    border-top: none;
    text-align: center;
    background: #ececec
}

.protocol-modal .ant-modal-content .ant-modal-header {
    padding: 16px 24px 0;
    text-align: center
}

.protocol-modal .ant-modal-content .ant-modal-body {
    padding: 0
}

.protocol-modal .ant-modal-content .ant-modal-body .content {
    padding: 30px;
    background-color: #fff;
    margin-bottom: 20px
}

.protocol-modal .ant-modal-content .ant-modal-body .checkbox {
    padding: 0 30px
}

.complete-extend .file-handle .iconfont {
    margin: 0 5px;
    cursor: pointer
}

.complete-extend .file-handle span {
    cursor: pointer
}

.live-room-slider-course {
    width: 340px;
    position: relative
}

.live-room-slider-course .slider-img-box {
    width: 100%;
    height: 120px;
    position: relative;
    margin-bottom: 20px
}

.live-room-slider-course .slider-img-box .slider-bg {
    width: 100%;
    height: 100%
}

.live-room-slider-course .slider-img-box .slider-drag {
    width: 50px;
    height: 50px;
    position: absolute;
    left: 0;
    top: 20px
}

.live-room-slider-course .slider-img-box i {
    position: absolute;
    top: 9px;
    right: 9px;
    color: #fff
}

.live-room-slider-course .slider-container {
    width: 100%;
    height: 40px;
    background: #f5f6f8;
    border-radius: 4px;
    border: 1px solid #dadee0;
    text-align: center;
    line-height: 40px;
    position: relative;
    color: #666
}

.live-room-slider-course .slider-container .slider-icon {
    width: 40px;
    height: 40px;
    border-radius: 4px;
    border: 1px solid #dadee0;
    position: absolute;
    left: -1px;
    top: -1px;
    background: #fff
}

.live-room-slider-course .slider-container.failure {
    border: 1px solid #f74c4c;
    background: rgba(247, 76, 76, .1);
    color: #f74c4c;
    font-weight: 700
}

.live-room-slider-course .slider-container .iconfont {
    margin-right: 8px
}

.live-room-slider-course .slider-mask {
    line-height: 38px;
    font-size: 14px;
    border-radius: 3px;
    text-align: center
}

.live-room-slider-course .slider-mask.success {
    font-weight: 700;
    color: #42ada0;
    background-color: #d8f2ef;
    border: 1px solid #8bbeb5
}

.live-room-slider-course .slider-mask .iconfont {
    margin-right: 8px
}

.detail-sel-input {
    position: relative
}

.detail-sel-input .ant-input {
    width: 540px
}

.detail-sel-input .num-span {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
    font-size: 12px;
    color: #b5b9bc;
    font-weight: 500
}

.detail-sel-number .ant-input, .detail-sel-select .ant-select {
    width: 540px
}

.detail-sel-radio {
    padding-top: 10px
}

.detail-sel-radio .ant-radio-group .ant-radio-wrapper {
    display: block
}

.detail-sel-radio .ant-radio-group .ant-radio-wrapper:not(:last-of-type) {
    margin-bottom: 20px
}

.detail-sel-checkbox {
    padding-top: 10px
}

.detail-sel-checkbox .ant-checkbox-group .ant-checkbox-wrapper {
    display: block
}

.detail-sel-checkbox .ant-checkbox-group .ant-checkbox-wrapper:not(:last-of-type) {
    margin-bottom: 20px
}

.detail-sel-cascader .ant-cascader-picker {
    width: 540px
}

.detail-sel-file .ant-btn {
    border: 1px solid #dadee0
}

.detail-sel-file .ant-btn .iconshangchuan {
    position: relative;
    top: -1px;
    padding-right: 7px;
    color: var(--themeColor);
    font-size: 18px;
    vertical-align: middle
}

.detail-sel-file .ant-btn > span {
    color: #2a2a2a
}

.detail-sel-file .ant-progress-outer {
    width: 216px;
    margin-top: 25px
}

.detail-sel-file .ant-progress-text {
    margin-left: 12px
}

.detail-sel-file .detail-file-name {
    padding-top: 20px
}

.detail-sel-file .detail-file-name > span {
    display: inline-block;
    width: 152px;
    margin-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--themeColor)
}

.detail-sel-file .detail-file-name .iconguanbi1 {
    position: relative;
    top: -3px;
    font-size: 16px;
    color: #939ca5;
    cursor: pointer
}

.detail-sel-file .detail-file-name .iconguanbi1:hover {
    color: var(--themeColor)
}

.detail-sel-file .file-err-text {
    color: #f74c4c
}

.img-group-wrap .detail-sel-img {
    float: left
}

.img-group-wrap .detail-sel-img:not(:last-of-type) {
    margin-right: 30px
}

.detail-sel-img {
    padding-top: 10px
}

.detail-sel-img .img-uploader .ant-upload.ant-upload-select-picture-card {
    width: 140px;
    height: 140px;
    margin: 0;
    border: 1px dashed #c0ccda;
    border-radius: 6px;
    background: #fbfdff
}

.detail-sel-img .img-uploader .ant-upload.ant-upload-select-picture-card > .ant-upload {
    position: relative
}

.detail-sel-img .img-uploader .iconguanbi {
    display: block;
    transform: rotate(45deg);
    font-size: 40px;
    color: #b5b9bc
}

.detail-sel-img .img-uploader .ant-upload-text {
    font-size: 12px;
    color: #666
}

.detail-sel-img .img-uploader .retry-btn {
    display: none;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 68px;
    height: 24px;
    border-radius: 12px;
    background: var(--themeColor);
    font-size: 12px;
    color: #fff;
    line-height: 24px;
    text-align: center;
    cursor: pointer
}

.detail-sel-img .img-uploader.loading-img-uploader .ant-upload.ant-upload-select-picture-card {
    background: #fff;
    border: 1px solid #c0ccda
}

.detail-sel-img .img-uploader.have-img-uploader .ant-upload.ant-upload-select-picture-card {
    border: none
}

.detail-sel-img .img-uploader.have-img-uploader .ant-upload.ant-upload-select-picture-card > .ant-upload {
    padding: 0
}

.detail-sel-img .img-uploader.have-img-uploader .ant-upload.ant-upload-select-picture-card > .ant-upload img {
    width: 140px;
    height: 140px;
    border-radius: 6px
}

.detail-sel-img .img-uploader.have-img-uploader:hover .retry-btn {
    display: block
}

.detail-sel-img .example-p {
    display: flex;
    justify-content: space-between
}

.detail-sel-img .example-p span {
    display: inline-block;
    width: 80px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
    color: #2a2a2a
}

.detail-sel-img .example-p b {
    color: var(--themeColor);
    font-size: 12px;
    font-weight: 400;
    cursor: pointer
}

.ant-calendar-picker-container {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(0, 0, 0, .65);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5;
    list-style: none;
    -webkit-font-feature-settings: "tnum";
    font-feature-settings: "tnum", "tnum";
    position: absolute;
    z-index: 1050;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"
}

.ant-calendar-picker-container.slide-up-appear.slide-up-appear-active.ant-calendar-picker-container-placement-topLeft, .ant-calendar-picker-container.slide-up-appear.slide-up-appear-active.ant-calendar-picker-container-placement-topRight, .ant-calendar-picker-container.slide-up-enter.slide-up-enter-active.ant-calendar-picker-container-placement-topLeft, .ant-calendar-picker-container.slide-up-enter.slide-up-enter-active.ant-calendar-picker-container-placement-topRight {
    -webkit-animation-name: antSlideDownIn;
    animation-name: antSlideDownIn
}

.ant-calendar-picker-container.slide-up-appear.slide-up-appear-active.ant-calendar-picker-container-placement-bottomLeft, .ant-calendar-picker-container.slide-up-appear.slide-up-appear-active.ant-calendar-picker-container-placement-bottomRight, .ant-calendar-picker-container.slide-up-enter.slide-up-enter-active.ant-calendar-picker-container-placement-bottomLeft, .ant-calendar-picker-container.slide-up-enter.slide-up-enter-active.ant-calendar-picker-container-placement-bottomRight {
    -webkit-animation-name: antSlideUpIn;
    animation-name: antSlideUpIn
}

.ant-calendar-picker-container.slide-up-leave.slide-up-leave-active.ant-calendar-picker-container-placement-topLeft, .ant-calendar-picker-container.slide-up-leave.slide-up-leave-active.ant-calendar-picker-container-placement-topRight {
    -webkit-animation-name: antSlideDownOut;
    animation-name: antSlideDownOut
}

.ant-calendar-picker-container.slide-up-leave.slide-up-leave-active.ant-calendar-picker-container-placement-bottomLeft, .ant-calendar-picker-container.slide-up-leave.slide-up-leave-active.ant-calendar-picker-container-placement-bottomRight {
    -webkit-animation-name: antSlideUpOut;
    animation-name: antSlideUpOut
}

.ant-calendar-picker {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(0, 0, 0, .65);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5;
    list-style: none;
    -webkit-font-feature-settings: "tnum";
    font-feature-settings: "tnum", "tnum";
    position: relative;
    display: inline-block;
    outline: none;
    cursor: text;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.ant-calendar-picker-input {
    outline: none
}

.ant-calendar-picker-input.ant-input {
    line-height: 1.5
}

.ant-calendar-picker-input.ant-input-sm {
    padding-top: 0;
    padding-bottom: 0
}

.ant-calendar-picker:hover .ant-calendar-picker-input:not(.ant-input-disabled) {
    border-color: #40a9ff
}

.ant-calendar-picker:focus .ant-calendar-picker-input:not(.ant-input-disabled) {
    border-color: #40a9ff;
    border-right-width: 1px !important;
    outline: 0;
    -webkit-box-shadow: 0 0 0 2px rgba(24, 144, 255, .2);
    box-shadow: 0 0 0 2px rgba(24, 144, 255, .2)
}

.ant-calendar-picker-clear, .ant-calendar-picker-icon {
    position: absolute;
    top: 50%;
    right: 12px;
    z-index: 1;
    width: 14px;
    height: 14px;
    margin-top: -7px;
    font-size: 12px;
    line-height: 14px;
    -webkit-transition: all .3s;
    transition: all .3s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.ant-calendar-picker-clear {
    z-index: 2;
    color: rgba(0, 0, 0, .25);
    font-size: 14px;
    background: #fff;
    cursor: pointer;
    opacity: 0;
    pointer-events: none
}

.ant-calendar-picker-clear:hover {
    color: rgba(0, 0, 0, .45)
}

.ant-calendar-picker:hover .ant-calendar-picker-clear {
    opacity: 1;
    pointer-events: auto
}

.ant-calendar-picker-icon {
    display: inline-block;
    color: rgba(0, 0, 0, .25);
    font-size: 14px;
    line-height: 1
}

.ant-input-disabled + .ant-calendar-picker-icon {
    cursor: not-allowed
}

.ant-calendar-picker-small .ant-calendar-picker-clear, .ant-calendar-picker-small .ant-calendar-picker-icon {
    right: 8px
}

.ant-calendar {
    position: relative;
    width: 280px;
    font-size: 14px;
    line-height: 1.5;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #fff;
    border-radius: 4px;
    outline: none;
    -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, .15);
    box-shadow: 0 2px 8px rgba(0, 0, 0, .15)
}

.ant-calendar-input-wrap {
    height: 34px;
    padding: 6px 10px;
    border-bottom: 1px solid #e8e8e8
}

.ant-calendar-input {
    width: 100%;
    height: 22px;
    color: rgba(0, 0, 0, .65);
    background: #fff;
    border: 0;
    outline: 0;
    cursor: auto
}

.ant-calendar-input::-moz-placeholder {
    color: #bfbfbf;
    opacity: 1
}

.ant-calendar-input:-ms-input-placeholder {
    color: #bfbfbf
}

.ant-calendar-input::-webkit-input-placeholder {
    color: #bfbfbf
}

.ant-calendar-input:-moz-placeholder-shown {
    text-overflow: ellipsis
}

.ant-calendar-input:-ms-input-placeholder {
    text-overflow: ellipsis
}

.ant-calendar-input:placeholder-shown {
    text-overflow: ellipsis
}

.ant-calendar-week-number {
    width: 286px
}

.ant-calendar-week-number-cell {
    text-align: center
}

.ant-calendar-header {
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-bottom: 1px solid #e8e8e8;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.ant-calendar-header a:hover {
    color: #40a9ff
}

.ant-calendar-header .ant-calendar-century-select, .ant-calendar-header .ant-calendar-decade-select, .ant-calendar-header .ant-calendar-month-select, .ant-calendar-header .ant-calendar-year-select {
    display: inline-block;
    padding: 0 2px;
    color: rgba(0, 0, 0, .85);
    font-weight: 500;
    line-height: 40px
}

.ant-calendar-header .ant-calendar-century-select-arrow, .ant-calendar-header .ant-calendar-decade-select-arrow, .ant-calendar-header .ant-calendar-month-select-arrow, .ant-calendar-header .ant-calendar-year-select-arrow {
    display: none
}

.ant-calendar-header .ant-calendar-next-century-btn, .ant-calendar-header .ant-calendar-next-decade-btn, .ant-calendar-header .ant-calendar-next-month-btn, .ant-calendar-header .ant-calendar-next-year-btn, .ant-calendar-header .ant-calendar-prev-century-btn, .ant-calendar-header .ant-calendar-prev-decade-btn, .ant-calendar-header .ant-calendar-prev-month-btn, .ant-calendar-header .ant-calendar-prev-year-btn {
    position: absolute;
    top: 0;
    display: inline-block;
    padding: 0 5px;
    color: rgba(0, 0, 0, .45);
    font-size: 16px;
    font-family: Arial, "Hiragino Sans GB", "Microsoft Yahei", "Microsoft Sans Serif", sans-serif;
    line-height: 40px
}

.ant-calendar-header .ant-calendar-prev-century-btn, .ant-calendar-header .ant-calendar-prev-decade-btn, .ant-calendar-header .ant-calendar-prev-year-btn {
    left: 7px;
    height: 100%
}

.ant-calendar-header .ant-calendar-prev-century-btn:after, .ant-calendar-header .ant-calendar-prev-century-btn:before, .ant-calendar-header .ant-calendar-prev-decade-btn:after, .ant-calendar-header .ant-calendar-prev-decade-btn:before, .ant-calendar-header .ant-calendar-prev-year-btn:after, .ant-calendar-header .ant-calendar-prev-year-btn:before {
    position: relative;
    top: -1px;
    display: inline-block;
    width: 8px;
    height: 8px;
    vertical-align: middle;
    border: 0 solid #aaa;
    border-width: 1.5px 0 0 1.5px;
    border-radius: 1px;
    -webkit-transform: rotate(-45deg) scale(.8);
    -ms-transform: rotate(-45deg) scale(.8);
    transform: rotate(-45deg) scale(.8);
    -webkit-transition: all .3s;
    transition: all .3s;
    content: ""
}

.ant-calendar-header .ant-calendar-prev-century-btn:hover:after, .ant-calendar-header .ant-calendar-prev-century-btn:hover:before, .ant-calendar-header .ant-calendar-prev-decade-btn:hover:after, .ant-calendar-header .ant-calendar-prev-decade-btn:hover:before, .ant-calendar-header .ant-calendar-prev-year-btn:hover:after, .ant-calendar-header .ant-calendar-prev-year-btn:hover:before {
    border-color: rgba(0, 0, 0, .65)
}

.ant-calendar-header .ant-calendar-prev-century-btn:after, .ant-calendar-header .ant-calendar-prev-decade-btn:after, .ant-calendar-header .ant-calendar-prev-year-btn:after {
    display: none;
    position: relative;
    left: -3px;
    display: inline-block
}

.ant-calendar-header .ant-calendar-next-century-btn, .ant-calendar-header .ant-calendar-next-decade-btn, .ant-calendar-header .ant-calendar-next-year-btn {
    right: 7px;
    height: 100%
}

.ant-calendar-header .ant-calendar-next-century-btn:after, .ant-calendar-header .ant-calendar-next-century-btn:before, .ant-calendar-header .ant-calendar-next-decade-btn:after, .ant-calendar-header .ant-calendar-next-decade-btn:before, .ant-calendar-header .ant-calendar-next-year-btn:after, .ant-calendar-header .ant-calendar-next-year-btn:before {
    position: relative;
    top: -1px;
    display: inline-block;
    width: 8px;
    height: 8px;
    vertical-align: middle;
    border: 0 solid #aaa;
    border-width: 1.5px 0 0 1.5px;
    border-radius: 1px;
    -webkit-transform: rotate(-45deg) scale(.8);
    -ms-transform: rotate(-45deg) scale(.8);
    transform: rotate(-45deg) scale(.8);
    -webkit-transition: all .3s;
    transition: all .3s;
    content: ""
}

.ant-calendar-header .ant-calendar-next-century-btn:hover:after, .ant-calendar-header .ant-calendar-next-century-btn:hover:before, .ant-calendar-header .ant-calendar-next-decade-btn:hover:after, .ant-calendar-header .ant-calendar-next-decade-btn:hover:before, .ant-calendar-header .ant-calendar-next-year-btn:hover:after, .ant-calendar-header .ant-calendar-next-year-btn:hover:before {
    border-color: rgba(0, 0, 0, .65)
}

.ant-calendar-header .ant-calendar-next-century-btn:after, .ant-calendar-header .ant-calendar-next-decade-btn:after, .ant-calendar-header .ant-calendar-next-year-btn:after {
    display: none
}

.ant-calendar-header .ant-calendar-next-century-btn:after, .ant-calendar-header .ant-calendar-next-century-btn:before, .ant-calendar-header .ant-calendar-next-decade-btn:after, .ant-calendar-header .ant-calendar-next-decade-btn:before, .ant-calendar-header .ant-calendar-next-year-btn:after, .ant-calendar-header .ant-calendar-next-year-btn:before {
    -webkit-transform: rotate(135deg) scale(.8);
    -ms-transform: rotate(135deg) scale(.8);
    transform: rotate(135deg) scale(.8)
}

.ant-calendar-header .ant-calendar-next-century-btn:before, .ant-calendar-header .ant-calendar-next-decade-btn:before, .ant-calendar-header .ant-calendar-next-year-btn:before {
    position: relative;
    left: 3px
}

.ant-calendar-header .ant-calendar-next-century-btn:after, .ant-calendar-header .ant-calendar-next-decade-btn:after, .ant-calendar-header .ant-calendar-next-year-btn:after {
    display: inline-block
}

.ant-calendar-header .ant-calendar-prev-month-btn {
    left: 29px;
    height: 100%
}

.ant-calendar-header .ant-calendar-prev-month-btn:after, .ant-calendar-header .ant-calendar-prev-month-btn:before {
    position: relative;
    top: -1px;
    display: inline-block;
    width: 8px;
    height: 8px;
    vertical-align: middle;
    border: 0 solid #aaa;
    border-width: 1.5px 0 0 1.5px;
    border-radius: 1px;
    -webkit-transform: rotate(-45deg) scale(.8);
    -ms-transform: rotate(-45deg) scale(.8);
    transform: rotate(-45deg) scale(.8);
    -webkit-transition: all .3s;
    transition: all .3s;
    content: ""
}

.ant-calendar-header .ant-calendar-prev-month-btn:hover:after, .ant-calendar-header .ant-calendar-prev-month-btn:hover:before {
    border-color: rgba(0, 0, 0, .65)
}

.ant-calendar-header .ant-calendar-prev-month-btn:after {
    display: none
}

.ant-calendar-header .ant-calendar-next-month-btn {
    right: 29px;
    height: 100%
}

.ant-calendar-header .ant-calendar-next-month-btn:after, .ant-calendar-header .ant-calendar-next-month-btn:before {
    position: relative;
    top: -1px;
    display: inline-block;
    width: 8px;
    height: 8px;
    vertical-align: middle;
    border: 0 solid #aaa;
    border-width: 1.5px 0 0 1.5px;
    border-radius: 1px;
    -webkit-transform: rotate(-45deg) scale(.8);
    -ms-transform: rotate(-45deg) scale(.8);
    transform: rotate(-45deg) scale(.8);
    -webkit-transition: all .3s;
    transition: all .3s;
    content: ""
}

.ant-calendar-header .ant-calendar-next-month-btn:hover:after, .ant-calendar-header .ant-calendar-next-month-btn:hover:before {
    border-color: rgba(0, 0, 0, .65)
}

.ant-calendar-header .ant-calendar-next-month-btn:after {
    display: none
}

.ant-calendar-header .ant-calendar-next-month-btn:after, .ant-calendar-header .ant-calendar-next-month-btn:before {
    -webkit-transform: rotate(135deg) scale(.8);
    -ms-transform: rotate(135deg) scale(.8);
    transform: rotate(135deg) scale(.8)
}

.ant-calendar-body {
    padding: 8px 12px
}

.ant-calendar table {
    width: 100%;
    max-width: 100%;
    background-color: transparent;
    border-collapse: collapse
}

.ant-calendar table, .ant-calendar td, .ant-calendar th {
    text-align: center;
    border: 0
}

.ant-calendar-calendar-table {
    margin-bottom: 0;
    border-spacing: 0
}

.ant-calendar-column-header {
    width: 33px;
    padding: 6px 0;
    line-height: 18px;
    text-align: center
}

.ant-calendar-column-header .ant-calendar-column-header-inner {
    display: block;
    font-weight: 400
}

.ant-calendar-week-number-header .ant-calendar-column-header-inner {
    display: none
}

.ant-calendar-cell {
    height: 30px;
    padding: 3px 0
}

.ant-calendar-date {
    display: block;
    width: 24px;
    height: 24px;
    margin: 0 auto;
    padding: 0;
    color: rgba(0, 0, 0, .65);
    line-height: 22px;
    text-align: center;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 2px;
    -webkit-transition: background .3s ease;
    transition: background .3s ease
}

.ant-calendar-date-panel {
    position: relative;
    outline: none
}

.ant-calendar-date:hover {
    background: #e6f7ff;
    cursor: pointer
}

.ant-calendar-date:active {
    color: #fff;
    background: #40a9ff
}

.ant-calendar-today .ant-calendar-date {
    color: #1890ff;
    font-weight: 700;
    border-color: #1890ff
}

.ant-calendar-selected-day .ant-calendar-date {
    background: #bae7ff
}

.ant-calendar-last-month-cell .ant-calendar-date, .ant-calendar-last-month-cell .ant-calendar-date:hover, .ant-calendar-next-month-btn-day .ant-calendar-date, .ant-calendar-next-month-btn-day .ant-calendar-date:hover {
    color: rgba(0, 0, 0, .25);
    background: transparent;
    border-color: transparent
}

.ant-calendar-disabled-cell .ant-calendar-date {
    position: relative;
    width: auto;
    color: rgba(0, 0, 0, .25);
    background: #f5f5f5;
    border: 1px solid transparent;
    border-radius: 0;
    cursor: not-allowed
}

.ant-calendar-disabled-cell .ant-calendar-date:hover {
    background: #f5f5f5
}

.ant-calendar-disabled-cell.ant-calendar-selected-day .ant-calendar-date:before {
    position: absolute;
    top: -1px;
    left: 5px;
    width: 24px;
    height: 24px;
    background: rgba(0, 0, 0, .1);
    border-radius: 2px;
    content: ""
}

.ant-calendar-disabled-cell.ant-calendar-today .ant-calendar-date {
    position: relative;
    padding-right: 5px;
    padding-left: 5px
}

.ant-calendar-disabled-cell.ant-calendar-today .ant-calendar-date:before {
    position: absolute;
    top: -1px;
    left: 5px;
    width: 24px;
    height: 24px;
    border: 1px solid rgba(0, 0, 0, .25);
    border-radius: 2px;
    content: " "
}

.ant-calendar-disabled-cell-first-of-row .ant-calendar-date {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.ant-calendar-disabled-cell-last-of-row .ant-calendar-date {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.ant-calendar-footer {
    padding: 0 12px;
    line-height: 38px;
    border-top: 1px solid #e8e8e8
}

.ant-calendar-footer:empty {
    border-top: 0
}

.ant-calendar-footer-btn {
    display: block;
    text-align: center
}

.ant-calendar-footer-extra {
    text-align: left
}

.ant-calendar .ant-calendar-clear-btn, .ant-calendar .ant-calendar-today-btn {
    display: inline-block;
    margin: 0 0 0 8px;
    text-align: center
}

.ant-calendar .ant-calendar-clear-btn-disabled, .ant-calendar .ant-calendar-today-btn-disabled {
    color: rgba(0, 0, 0, .25);
    cursor: not-allowed
}

.ant-calendar .ant-calendar-clear-btn:only-child, .ant-calendar .ant-calendar-today-btn:only-child {
    margin: 0
}

.ant-calendar .ant-calendar-clear-btn {
    position: absolute;
    top: 7px;
    right: 5px;
    display: none;
    width: 20px;
    height: 20px;
    margin: 0;
    overflow: hidden;
    line-height: 20px;
    text-align: center;
    text-indent: -76px
}

.ant-calendar .ant-calendar-clear-btn:after {
    display: inline-block;
    width: 20px;
    color: rgba(0, 0, 0, .25);
    font-size: 14px;
    line-height: 1;
    text-indent: 43px;
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}

.ant-calendar .ant-calendar-clear-btn:hover:after {
    color: rgba(0, 0, 0, .45)
}

.ant-calendar .ant-calendar-ok-btn {
    position: relative;
    display: inline-block;
    font-weight: 400;
    white-space: nowrap;
    text-align: center;
    background-image: none;
    -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, .015);
    box-shadow: 0 2px 0 rgba(0, 0, 0, .015);
    cursor: pointer;
    -webkit-transition: all .3s cubic-bezier(.645, .045, .355, 1);
    transition: all .3s cubic-bezier(.645, .045, .355, 1);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    height: 32px;
    color: #fff;
    background-color: #1890ff;
    border: 1px solid #1890ff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .12);
    -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, .045);
    box-shadow: 0 2px 0 rgba(0, 0, 0, .045);
    height: 24px;
    padding: 0 7px;
    font-size: 14px;
    border-radius: 4px;
    line-height: 22px
}

.ant-calendar .ant-calendar-ok-btn > .anticon {
    line-height: 1
}

.ant-calendar .ant-calendar-ok-btn, .ant-calendar .ant-calendar-ok-btn:active, .ant-calendar .ant-calendar-ok-btn:focus {
    outline: 0
}

.ant-calendar .ant-calendar-ok-btn:not([disabled]):hover {
    text-decoration: none
}

.ant-calendar .ant-calendar-ok-btn:not([disabled]):active {
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.ant-calendar .ant-calendar-ok-btn.disabled, .ant-calendar .ant-calendar-ok-btn[disabled] {
    cursor: not-allowed
}

.ant-calendar .ant-calendar-ok-btn.disabled > *, .ant-calendar .ant-calendar-ok-btn[disabled] > * {
    pointer-events: none
}

.ant-calendar .ant-calendar-ok-btn-lg {
    height: 40px;
    padding: 0 15px;
    font-size: 16px;
    border-radius: 4px
}

.ant-calendar .ant-calendar-ok-btn-sm {
    height: 24px;
    padding: 0 7px;
    font-size: 14px;
    border-radius: 4px
}

.ant-calendar .ant-calendar-ok-btn > a:only-child {
    color: currentColor
}

.ant-calendar .ant-calendar-ok-btn > a:only-child:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    content: ""
}

.ant-calendar .ant-calendar-ok-btn:focus, .ant-calendar .ant-calendar-ok-btn:hover {
    color: #fff;
    background-color: #40a9ff;
    border-color: #40a9ff
}

.ant-calendar .ant-calendar-ok-btn:focus > a:only-child, .ant-calendar .ant-calendar-ok-btn:hover > a:only-child {
    color: currentColor
}

.ant-calendar .ant-calendar-ok-btn:focus > a:only-child:after, .ant-calendar .ant-calendar-ok-btn:hover > a:only-child:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    content: ""
}

.ant-calendar .ant-calendar-ok-btn.active, .ant-calendar .ant-calendar-ok-btn:active {
    color: #fff;
    background-color: #096dd9;
    border-color: #096dd9
}

.ant-calendar .ant-calendar-ok-btn.active > a:only-child, .ant-calendar .ant-calendar-ok-btn:active > a:only-child {
    color: currentColor
}

.ant-calendar .ant-calendar-ok-btn.active > a:only-child:after, .ant-calendar .ant-calendar-ok-btn:active > a:only-child:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    content: ""
}

.ant-calendar .ant-calendar-ok-btn-disabled, .ant-calendar .ant-calendar-ok-btn-disabled.active, .ant-calendar .ant-calendar-ok-btn-disabled:active, .ant-calendar .ant-calendar-ok-btn-disabled:focus, .ant-calendar .ant-calendar-ok-btn-disabled:hover, .ant-calendar .ant-calendar-ok-btn.disabled, .ant-calendar .ant-calendar-ok-btn.disabled.active, .ant-calendar .ant-calendar-ok-btn.disabled:active, .ant-calendar .ant-calendar-ok-btn.disabled:focus, .ant-calendar .ant-calendar-ok-btn.disabled:hover, .ant-calendar .ant-calendar-ok-btn[disabled], .ant-calendar .ant-calendar-ok-btn[disabled].active, .ant-calendar .ant-calendar-ok-btn[disabled]:active, .ant-calendar .ant-calendar-ok-btn[disabled]:focus, .ant-calendar .ant-calendar-ok-btn[disabled]:hover {
    color: rgba(0, 0, 0, .25);
    background-color: #f5f5f5;
    border-color: #d9d9d9;
    text-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.ant-calendar .ant-calendar-ok-btn-disabled.active > a:only-child, .ant-calendar .ant-calendar-ok-btn-disabled:active > a:only-child, .ant-calendar .ant-calendar-ok-btn-disabled:focus > a:only-child, .ant-calendar .ant-calendar-ok-btn-disabled:hover > a:only-child, .ant-calendar .ant-calendar-ok-btn-disabled > a:only-child, .ant-calendar .ant-calendar-ok-btn.disabled.active > a:only-child, .ant-calendar .ant-calendar-ok-btn.disabled:active > a:only-child, .ant-calendar .ant-calendar-ok-btn.disabled:focus > a:only-child, .ant-calendar .ant-calendar-ok-btn.disabled:hover > a:only-child, .ant-calendar .ant-calendar-ok-btn.disabled > a:only-child, .ant-calendar .ant-calendar-ok-btn[disabled].active > a:only-child, .ant-calendar .ant-calendar-ok-btn[disabled]:active > a:only-child, .ant-calendar .ant-calendar-ok-btn[disabled]:focus > a:only-child, .ant-calendar .ant-calendar-ok-btn[disabled]:hover > a:only-child, .ant-calendar .ant-calendar-ok-btn[disabled] > a:only-child {
    color: currentColor
}

.ant-calendar .ant-calendar-ok-btn-disabled.active > a:only-child:after, .ant-calendar .ant-calendar-ok-btn-disabled:active > a:only-child:after, .ant-calendar .ant-calendar-ok-btn-disabled:focus > a:only-child:after, .ant-calendar .ant-calendar-ok-btn-disabled:hover > a:only-child:after, .ant-calendar .ant-calendar-ok-btn-disabled > a:only-child:after, .ant-calendar .ant-calendar-ok-btn.disabled.active > a:only-child:after, .ant-calendar .ant-calendar-ok-btn.disabled:active > a:only-child:after, .ant-calendar .ant-calendar-ok-btn.disabled:focus > a:only-child:after, .ant-calendar .ant-calendar-ok-btn.disabled:hover > a:only-child:after, .ant-calendar .ant-calendar-ok-btn.disabled > a:only-child:after, .ant-calendar .ant-calendar-ok-btn[disabled].active > a:only-child:after, .ant-calendar .ant-calendar-ok-btn[disabled]:active > a:only-child:after, .ant-calendar .ant-calendar-ok-btn[disabled]:focus > a:only-child:after, .ant-calendar .ant-calendar-ok-btn[disabled]:hover > a:only-child:after, .ant-calendar .ant-calendar-ok-btn[disabled] > a:only-child:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    content: ""
}

.ant-calendar-range-picker-input {
    width: 44%;
    height: 99%;
    text-align: center;
    background-color: transparent;
    border: 0;
    outline: 0
}

.ant-calendar-range-picker-input::-moz-placeholder {
    color: #bfbfbf;
    opacity: 1
}

.ant-calendar-range-picker-input:-ms-input-placeholder {
    color: #bfbfbf
}

.ant-calendar-range-picker-input::-webkit-input-placeholder {
    color: #bfbfbf
}

.ant-calendar-range-picker-input:-moz-placeholder-shown {
    text-overflow: ellipsis
}

.ant-calendar-range-picker-input:-ms-input-placeholder {
    text-overflow: ellipsis
}

.ant-calendar-range-picker-input:placeholder-shown {
    text-overflow: ellipsis
}

.ant-calendar-range-picker-input[disabled] {
    cursor: not-allowed
}

.ant-calendar-range-picker-separator {
    display: inline-block;
    min-width: 10px;
    height: 100%;
    color: rgba(0, 0, 0, .45);
    white-space: nowrap;
    text-align: center;
    vertical-align: top;
    pointer-events: none
}

.ant-calendar-range {
    width: 552px;
    overflow: hidden
}

.ant-calendar-range .ant-calendar-date-panel:after {
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
    content: "."
}

.ant-calendar-range-part {
    position: relative;
    width: 50%
}

.ant-calendar-range-left {
    float: left
}

.ant-calendar-range-left .ant-calendar-time-picker-inner {
    border-right: 1px solid #e8e8e8
}

.ant-calendar-range-right {
    float: right
}

.ant-calendar-range-right .ant-calendar-time-picker-inner {
    border-left: 1px solid #e8e8e8
}

.ant-calendar-range-middle {
    position: absolute;
    left: 50%;
    z-index: 1;
    height: 34px;
    margin: 1px 0 0;
    padding: 0 200px 0 0;
    color: rgba(0, 0, 0, .45);
    line-height: 34px;
    text-align: center;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    pointer-events: none
}

.ant-calendar-range-right .ant-calendar-date-input-wrap {
    margin-left: -90px
}

.ant-calendar-range.ant-calendar-time .ant-calendar-range-middle {
    padding: 0 10px 0 0;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.ant-calendar-range .ant-calendar-today :not(.ant-calendar-disabled-cell) :not(.ant-calendar-last-month-cell) :not(.ant-calendar-next-month-btn-day) .ant-calendar-date {
    color: #1890ff;
    background: #bae7ff;
    border-color: #1890ff
}

.ant-calendar-range .ant-calendar-selected-end-date .ant-calendar-date, .ant-calendar-range .ant-calendar-selected-start-date .ant-calendar-date {
    color: #fff;
    background: #1890ff;
    border: 1px solid transparent
}

.ant-calendar-range .ant-calendar-selected-end-date .ant-calendar-date:hover, .ant-calendar-range .ant-calendar-selected-start-date .ant-calendar-date:hover {
    background: #1890ff
}

.ant-calendar-range.ant-calendar-time .ant-calendar-range-right .ant-calendar-date-input-wrap {
    margin-left: 0
}

.ant-calendar-range .ant-calendar-input-wrap {
    position: relative;
    height: 34px
}

.ant-calendar-range .ant-calendar-input, .ant-calendar-range .ant-calendar-time-picker-input {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 32px;
    color: rgba(0, 0, 0, .65);
    font-size: 14px;
    line-height: 1.5;
    background-color: #fff;
    background-image: none;
    border-radius: 4px;
    -webkit-transition: all .3s;
    transition: all .3s;
    height: 24px;
    padding: 4px 0;
    line-height: 24px;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.ant-calendar-range .ant-calendar-input::-moz-placeholder, .ant-calendar-range .ant-calendar-time-picker-input::-moz-placeholder {
    color: #bfbfbf;
    opacity: 1
}

.ant-calendar-range .ant-calendar-input:-ms-input-placeholder, .ant-calendar-range .ant-calendar-time-picker-input:-ms-input-placeholder {
    color: #bfbfbf
}

.ant-calendar-range .ant-calendar-input::-webkit-input-placeholder, .ant-calendar-range .ant-calendar-time-picker-input::-webkit-input-placeholder {
    color: #bfbfbf
}

.ant-calendar-range .ant-calendar-input:-moz-placeholder-shown, .ant-calendar-range .ant-calendar-time-picker-input:-moz-placeholder-shown {
    text-overflow: ellipsis
}

.ant-calendar-range .ant-calendar-input:-ms-input-placeholder, .ant-calendar-range .ant-calendar-time-picker-input:-ms-input-placeholder {
    text-overflow: ellipsis
}

.ant-calendar-range .ant-calendar-input:placeholder-shown, .ant-calendar-range .ant-calendar-time-picker-input:placeholder-shown {
    text-overflow: ellipsis
}

.ant-calendar-range .ant-calendar-input:hover, .ant-calendar-range .ant-calendar-time-picker-input:hover {
    border-color: #40a9ff;
    border-right-width: 1px !important
}

.ant-calendar-range .ant-calendar-input:focus, .ant-calendar-range .ant-calendar-time-picker-input:focus {
    border-color: #40a9ff;
    border-right-width: 1px !important;
    outline: 0;
    -webkit-box-shadow: 0 0 0 2px rgba(24, 144, 255, .2);
    box-shadow: 0 0 0 2px rgba(24, 144, 255, .2)
}

.ant-calendar-range .ant-calendar-input-disabled, .ant-calendar-range .ant-calendar-time-picker-input-disabled {
    color: rgba(0, 0, 0, .25);
    background-color: #f5f5f5;
    cursor: not-allowed;
    opacity: 1
}

.ant-calendar-range .ant-calendar-input-disabled:hover, .ant-calendar-range .ant-calendar-time-picker-input-disabled:hover {
    border-color: #d9d9d9;
    border-right-width: 1px !important
}

.ant-calendar-range .ant-calendar-input[disabled], .ant-calendar-range .ant-calendar-time-picker-input[disabled] {
    color: rgba(0, 0, 0, .25);
    background-color: #f5f5f5;
    cursor: not-allowed;
    opacity: 1
}

.ant-calendar-range .ant-calendar-input[disabled]:hover, .ant-calendar-range .ant-calendar-time-picker-input[disabled]:hover {
    border-color: #d9d9d9;
    border-right-width: 1px !important
}

textarea.ant-calendar-range .ant-calendar-input, textarea.ant-calendar-range .ant-calendar-time-picker-input {
    max-width: 100%;
    height: auto;
    min-height: 32px;
    line-height: 1.5;
    vertical-align: bottom;
    -webkit-transition: all .3s, height 0s;
    transition: all .3s, height 0s
}

.ant-calendar-range .ant-calendar-input-lg, .ant-calendar-range .ant-calendar-time-picker-input-lg {
    height: 40px;
    padding: 6px 11px;
    font-size: 16px
}

.ant-calendar-range .ant-calendar-input-sm, .ant-calendar-range .ant-calendar-time-picker-input-sm {
    height: 24px;
    padding: 1px 7px
}

.ant-calendar-range .ant-calendar-input:focus, .ant-calendar-range .ant-calendar-time-picker-input:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.ant-calendar-range .ant-calendar-time-picker-icon {
    display: none
}

.ant-calendar-range.ant-calendar-week-number {
    width: 574px
}

.ant-calendar-range.ant-calendar-week-number .ant-calendar-range-part {
    width: 286px
}

.ant-calendar-range .ant-calendar-decade-panel, .ant-calendar-range .ant-calendar-month-panel, .ant-calendar-range .ant-calendar-year-panel {
    top: 34px
}

.ant-calendar-range .ant-calendar-month-panel .ant-calendar-year-panel {
    top: 0
}

.ant-calendar-range .ant-calendar-decade-panel-table, .ant-calendar-range .ant-calendar-month-panel-table, .ant-calendar-range .ant-calendar-year-panel-table {
    height: 208px
}

.ant-calendar-range .ant-calendar-in-range-cell {
    position: relative;
    border-radius: 0
}

.ant-calendar-range .ant-calendar-in-range-cell > div {
    position: relative;
    z-index: 1
}

.ant-calendar-range .ant-calendar-in-range-cell:before {
    position: absolute;
    top: 4px;
    right: 0;
    bottom: 4px;
    left: 0;
    display: block;
    background: #e6f7ff;
    border: 0;
    border-radius: 0;
    content: ""
}

.ant-calendar-range .ant-calendar-footer-extra {
    float: left
}

div.ant-calendar-range-quick-selector {
    text-align: left
}

div.ant-calendar-range-quick-selector > a {
    margin-right: 8px
}

.ant-calendar-range .ant-calendar-decade-panel-header, .ant-calendar-range .ant-calendar-header, .ant-calendar-range .ant-calendar-month-panel-header, .ant-calendar-range .ant-calendar-year-panel-header {
    border-bottom: 0
}

.ant-calendar-range .ant-calendar-body, .ant-calendar-range .ant-calendar-decade-panel-body, .ant-calendar-range .ant-calendar-month-panel-body, .ant-calendar-range .ant-calendar-year-panel-body {
    border-top: 1px solid #e8e8e8
}

.ant-calendar-range.ant-calendar-time .ant-calendar-time-picker {
    top: 68px;
    z-index: 2;
    width: 100%;
    height: 207px
}

.ant-calendar-range.ant-calendar-time .ant-calendar-time-picker-panel {
    height: 267px;
    margin-top: -34px
}

.ant-calendar-range.ant-calendar-time .ant-calendar-time-picker-inner {
    height: 100%;
    padding-top: 40px;
    background: none
}

.ant-calendar-range.ant-calendar-time .ant-calendar-time-picker-combobox {
    display: inline-block;
    height: 100%;
    background-color: #fff;
    border-top: 1px solid #e8e8e8
}

.ant-calendar-range.ant-calendar-time .ant-calendar-time-picker-select {
    height: 100%
}

.ant-calendar-range.ant-calendar-time .ant-calendar-time-picker-select ul {
    max-height: 100%
}

.ant-calendar-range.ant-calendar-time .ant-calendar-footer .ant-calendar-time-picker-btn {
    margin-right: 8px
}

.ant-calendar-range.ant-calendar-time .ant-calendar-today-btn {
    height: 22px;
    margin: 8px 12px;
    line-height: 22px
}

.ant-calendar-range-with-ranges.ant-calendar-time .ant-calendar-time-picker {
    height: 233px
}

.ant-calendar-range.ant-calendar-show-time-picker .ant-calendar-body {
    border-top-color: transparent
}

.ant-calendar-time-picker {
    position: absolute;
    top: 40px;
    width: 100%;
    background-color: #fff
}

.ant-calendar-time-picker-panel {
    position: absolute;
    z-index: 1050;
    width: 100%
}

.ant-calendar-time-picker-inner {
    position: relative;
    display: inline-block;
    width: 100%;
    overflow: hidden;
    font-size: 14px;
    line-height: 1.5;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    outline: none
}

.ant-calendar-time-picker-column-1, .ant-calendar-time-picker-column-1 .ant-calendar-time-picker-select, .ant-calendar-time-picker-combobox {
    width: 100%
}

.ant-calendar-time-picker-column-2 .ant-calendar-time-picker-select {
    width: 50%
}

.ant-calendar-time-picker-column-3 .ant-calendar-time-picker-select {
    width: 33.33%
}

.ant-calendar-time-picker-column-4 .ant-calendar-time-picker-select {
    width: 25%
}

.ant-calendar-time-picker-input-wrap {
    display: none
}

.ant-calendar-time-picker-select {
    position: relative;
    float: left;
    height: 226px;
    overflow: hidden;
    font-size: 14px;
    border-right: 1px solid #e8e8e8
}

.ant-calendar-time-picker-select:hover {
    overflow-y: auto
}

.ant-calendar-time-picker-select:first-child {
    margin-left: 0;
    border-left: 0
}

.ant-calendar-time-picker-select:last-child {
    border-right: 0
}

.ant-calendar-time-picker-select ul {
    width: 100%;
    max-height: 206px;
    margin: 0;
    padding: 0;
    list-style: none
}

.ant-calendar-time-picker-select li {
    width: 100%;
    height: 24px;
    margin: 0;
    line-height: 24px;
    text-align: center;
    list-style: none;
    cursor: pointer;
    -webkit-transition: all .3s;
    transition: all .3s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.ant-calendar-time-picker-select li:last-child:after {
    display: block;
    height: 202px;
    content: ""
}

.ant-calendar-time-picker-select li:hover {
    background: #e6f7ff
}

.ant-calendar-time-picker-select li:focus {
    color: #1890ff;
    font-weight: 600;
    outline: none
}

li.ant-calendar-time-picker-select-option-selected {
    font-weight: 600;
    background: #f5f5f5
}

li.ant-calendar-time-picker-select-option-disabled {
    color: rgba(0, 0, 0, .25)
}

li.ant-calendar-time-picker-select-option-disabled:hover {
    background: transparent;
    cursor: not-allowed
}

.ant-calendar-time .ant-calendar-day-select {
    display: inline-block;
    padding: 0 2px;
    color: rgba(0, 0, 0, .85);
    font-weight: 500;
    line-height: 34px
}

.ant-calendar-time .ant-calendar-footer {
    position: relative;
    height: auto
}

.ant-calendar-time .ant-calendar-footer-btn {
    text-align: right
}

.ant-calendar-time .ant-calendar-footer .ant-calendar-today-btn {
    float: left;
    margin: 0
}

.ant-calendar-time .ant-calendar-footer .ant-calendar-time-picker-btn {
    display: inline-block;
    margin-right: 8px
}

.ant-calendar-time .ant-calendar-footer .ant-calendar-time-picker-btn-disabled {
    color: rgba(0, 0, 0, .25)
}

.ant-calendar-month-panel {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    background: #fff;
    border-radius: 4px;
    outline: none
}

.ant-calendar-month-panel > div {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%
}

.ant-calendar-month-panel-hidden {
    display: none
}

.ant-calendar-month-panel-header {
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-bottom: 1px solid #e8e8e8;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative
}

.ant-calendar-month-panel-header a:hover {
    color: #40a9ff
}

.ant-calendar-month-panel-header .ant-calendar-month-panel-century-select, .ant-calendar-month-panel-header .ant-calendar-month-panel-decade-select, .ant-calendar-month-panel-header .ant-calendar-month-panel-month-select, .ant-calendar-month-panel-header .ant-calendar-month-panel-year-select {
    display: inline-block;
    padding: 0 2px;
    color: rgba(0, 0, 0, .85);
    font-weight: 500;
    line-height: 40px
}

.ant-calendar-month-panel-header .ant-calendar-month-panel-century-select-arrow, .ant-calendar-month-panel-header .ant-calendar-month-panel-decade-select-arrow, .ant-calendar-month-panel-header .ant-calendar-month-panel-month-select-arrow, .ant-calendar-month-panel-header .ant-calendar-month-panel-year-select-arrow {
    display: none
}

.ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn, .ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn, .ant-calendar-month-panel-header .ant-calendar-month-panel-next-month-btn, .ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn, .ant-calendar-month-panel-header .ant-calendar-month-panel-prev-century-btn, .ant-calendar-month-panel-header .ant-calendar-month-panel-prev-decade-btn, .ant-calendar-month-panel-header .ant-calendar-month-panel-prev-month-btn, .ant-calendar-month-panel-header .ant-calendar-month-panel-prev-year-btn {
    position: absolute;
    top: 0;
    display: inline-block;
    padding: 0 5px;
    color: rgba(0, 0, 0, .45);
    font-size: 16px;
    font-family: Arial, "Hiragino Sans GB", "Microsoft Yahei", "Microsoft Sans Serif", sans-serif;
    line-height: 40px
}

.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-century-btn, .ant-calendar-month-panel-header .ant-calendar-month-panel-prev-decade-btn, .ant-calendar-month-panel-header .ant-calendar-month-panel-prev-year-btn {
    left: 7px;
    height: 100%
}

.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-century-btn:after, .ant-calendar-month-panel-header .ant-calendar-month-panel-prev-century-btn:before, .ant-calendar-month-panel-header .ant-calendar-month-panel-prev-decade-btn:after, .ant-calendar-month-panel-header .ant-calendar-month-panel-prev-decade-btn:before, .ant-calendar-month-panel-header .ant-calendar-month-panel-prev-year-btn:after, .ant-calendar-month-panel-header .ant-calendar-month-panel-prev-year-btn:before {
    position: relative;
    top: -1px;
    display: inline-block;
    width: 8px;
    height: 8px;
    vertical-align: middle;
    border: 0 solid #aaa;
    border-width: 1.5px 0 0 1.5px;
    border-radius: 1px;
    -webkit-transform: rotate(-45deg) scale(.8);
    -ms-transform: rotate(-45deg) scale(.8);
    transform: rotate(-45deg) scale(.8);
    -webkit-transition: all .3s;
    transition: all .3s;
    content: ""
}

.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-century-btn:hover:after, .ant-calendar-month-panel-header .ant-calendar-month-panel-prev-century-btn:hover:before, .ant-calendar-month-panel-header .ant-calendar-month-panel-prev-decade-btn:hover:after, .ant-calendar-month-panel-header .ant-calendar-month-panel-prev-decade-btn:hover:before, .ant-calendar-month-panel-header .ant-calendar-month-panel-prev-year-btn:hover:after, .ant-calendar-month-panel-header .ant-calendar-month-panel-prev-year-btn:hover:before {
    border-color: rgba(0, 0, 0, .65)
}

.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-century-btn:after, .ant-calendar-month-panel-header .ant-calendar-month-panel-prev-decade-btn:after, .ant-calendar-month-panel-header .ant-calendar-month-panel-prev-year-btn:after {
    display: none;
    position: relative;
    left: -3px;
    display: inline-block
}

.ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn, .ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn, .ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn {
    right: 7px;
    height: 100%
}

.ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn:after, .ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn:before, .ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn:after, .ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn:before, .ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn:after, .ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn:before {
    position: relative;
    top: -1px;
    display: inline-block;
    width: 8px;
    height: 8px;
    vertical-align: middle;
    border: 0 solid #aaa;
    border-width: 1.5px 0 0 1.5px;
    border-radius: 1px;
    -webkit-transform: rotate(-45deg) scale(.8);
    -ms-transform: rotate(-45deg) scale(.8);
    transform: rotate(-45deg) scale(.8);
    -webkit-transition: all .3s;
    transition: all .3s;
    content: ""
}

.ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn:hover:after, .ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn:hover:before, .ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn:hover:after, .ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn:hover:before, .ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn:hover:after, .ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn:hover:before {
    border-color: rgba(0, 0, 0, .65)
}

.ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn:after, .ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn:after, .ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn:after {
    display: none
}

.ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn:after, .ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn:before, .ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn:after, .ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn:before, .ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn:after, .ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn:before {
    -webkit-transform: rotate(135deg) scale(.8);
    -ms-transform: rotate(135deg) scale(.8);
    transform: rotate(135deg) scale(.8)
}

.ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn:before, .ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn:before, .ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn:before {
    position: relative;
    left: 3px
}

.ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn:after, .ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn:after, .ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn:after {
    display: inline-block
}

.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-month-btn {
    left: 29px;
    height: 100%
}

.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-month-btn:after, .ant-calendar-month-panel-header .ant-calendar-month-panel-prev-month-btn:before {
    position: relative;
    top: -1px;
    display: inline-block;
    width: 8px;
    height: 8px;
    vertical-align: middle;
    border: 0 solid #aaa;
    border-width: 1.5px 0 0 1.5px;
    border-radius: 1px;
    -webkit-transform: rotate(-45deg) scale(.8);
    -ms-transform: rotate(-45deg) scale(.8);
    transform: rotate(-45deg) scale(.8);
    -webkit-transition: all .3s;
    transition: all .3s;
    content: ""
}

.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-month-btn:hover:after, .ant-calendar-month-panel-header .ant-calendar-month-panel-prev-month-btn:hover:before {
    border-color: rgba(0, 0, 0, .65)
}

.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-month-btn:after {
    display: none
}

.ant-calendar-month-panel-header .ant-calendar-month-panel-next-month-btn {
    right: 29px;
    height: 100%
}

.ant-calendar-month-panel-header .ant-calendar-month-panel-next-month-btn:after, .ant-calendar-month-panel-header .ant-calendar-month-panel-next-month-btn:before {
    position: relative;
    top: -1px;
    display: inline-block;
    width: 8px;
    height: 8px;
    vertical-align: middle;
    border: 0 solid #aaa;
    border-width: 1.5px 0 0 1.5px;
    border-radius: 1px;
    -webkit-transform: rotate(-45deg) scale(.8);
    -ms-transform: rotate(-45deg) scale(.8);
    transform: rotate(-45deg) scale(.8);
    -webkit-transition: all .3s;
    transition: all .3s;
    content: ""
}

.ant-calendar-month-panel-header .ant-calendar-month-panel-next-month-btn:hover:after, .ant-calendar-month-panel-header .ant-calendar-month-panel-next-month-btn:hover:before {
    border-color: rgba(0, 0, 0, .65)
}

.ant-calendar-month-panel-header .ant-calendar-month-panel-next-month-btn:after {
    display: none
}

.ant-calendar-month-panel-header .ant-calendar-month-panel-next-month-btn:after, .ant-calendar-month-panel-header .ant-calendar-month-panel-next-month-btn:before {
    -webkit-transform: rotate(135deg) scale(.8);
    -ms-transform: rotate(135deg) scale(.8);
    transform: rotate(135deg) scale(.8)
}

.ant-calendar-month-panel-body {
    -ms-flex: 1;
    flex: 1 1
}

.ant-calendar-month-panel-footer {
    border-top: 1px solid #e8e8e8
}

.ant-calendar-month-panel-footer .ant-calendar-footer-extra {
    padding: 0 12px
}

.ant-calendar-month-panel-table {
    width: 100%;
    height: 100%;
    table-layout: fixed;
    border-collapse: separate
}

.ant-calendar-month-panel-selected-cell .ant-calendar-month-panel-month, .ant-calendar-month-panel-selected-cell .ant-calendar-month-panel-month:hover {
    color: #fff;
    background: #1890ff
}

.ant-calendar-month-panel-cell {
    text-align: center
}

.ant-calendar-month-panel-cell-disabled .ant-calendar-month-panel-month, .ant-calendar-month-panel-cell-disabled .ant-calendar-month-panel-month:hover {
    color: rgba(0, 0, 0, .25);
    background: #f5f5f5;
    cursor: not-allowed
}

.ant-calendar-month-panel-month {
    display: inline-block;
    height: 24px;
    margin: 0 auto;
    padding: 0 8px;
    color: rgba(0, 0, 0, .65);
    line-height: 24px;
    text-align: center;
    background: transparent;
    border-radius: 2px;
    -webkit-transition: background .3s ease;
    transition: background .3s ease
}

.ant-calendar-month-panel-month:hover {
    background: #e6f7ff;
    cursor: pointer
}

.ant-calendar-year-panel {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    background: #fff;
    border-radius: 4px;
    outline: none
}

.ant-calendar-year-panel > div {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%
}

.ant-calendar-year-panel-hidden {
    display: none
}

.ant-calendar-year-panel-header {
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-bottom: 1px solid #e8e8e8;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative
}

.ant-calendar-year-panel-header a:hover {
    color: #40a9ff
}

.ant-calendar-year-panel-header .ant-calendar-year-panel-century-select, .ant-calendar-year-panel-header .ant-calendar-year-panel-decade-select, .ant-calendar-year-panel-header .ant-calendar-year-panel-month-select, .ant-calendar-year-panel-header .ant-calendar-year-panel-year-select {
    display: inline-block;
    padding: 0 2px;
    color: rgba(0, 0, 0, .85);
    font-weight: 500;
    line-height: 40px
}

.ant-calendar-year-panel-header .ant-calendar-year-panel-century-select-arrow, .ant-calendar-year-panel-header .ant-calendar-year-panel-decade-select-arrow, .ant-calendar-year-panel-header .ant-calendar-year-panel-month-select-arrow, .ant-calendar-year-panel-header .ant-calendar-year-panel-year-select-arrow {
    display: none
}

.ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn, .ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn, .ant-calendar-year-panel-header .ant-calendar-year-panel-next-month-btn, .ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn, .ant-calendar-year-panel-header .ant-calendar-year-panel-prev-century-btn, .ant-calendar-year-panel-header .ant-calendar-year-panel-prev-decade-btn, .ant-calendar-year-panel-header .ant-calendar-year-panel-prev-month-btn, .ant-calendar-year-panel-header .ant-calendar-year-panel-prev-year-btn {
    position: absolute;
    top: 0;
    display: inline-block;
    padding: 0 5px;
    color: rgba(0, 0, 0, .45);
    font-size: 16px;
    font-family: Arial, "Hiragino Sans GB", "Microsoft Yahei", "Microsoft Sans Serif", sans-serif;
    line-height: 40px
}

.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-century-btn, .ant-calendar-year-panel-header .ant-calendar-year-panel-prev-decade-btn, .ant-calendar-year-panel-header .ant-calendar-year-panel-prev-year-btn {
    left: 7px;
    height: 100%
}

.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-century-btn:after, .ant-calendar-year-panel-header .ant-calendar-year-panel-prev-century-btn:before, .ant-calendar-year-panel-header .ant-calendar-year-panel-prev-decade-btn:after, .ant-calendar-year-panel-header .ant-calendar-year-panel-prev-decade-btn:before, .ant-calendar-year-panel-header .ant-calendar-year-panel-prev-year-btn:after, .ant-calendar-year-panel-header .ant-calendar-year-panel-prev-year-btn:before {
    position: relative;
    top: -1px;
    display: inline-block;
    width: 8px;
    height: 8px;
    vertical-align: middle;
    border: 0 solid #aaa;
    border-width: 1.5px 0 0 1.5px;
    border-radius: 1px;
    -webkit-transform: rotate(-45deg) scale(.8);
    -ms-transform: rotate(-45deg) scale(.8);
    transform: rotate(-45deg) scale(.8);
    -webkit-transition: all .3s;
    transition: all .3s;
    content: ""
}

.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-century-btn:hover:after, .ant-calendar-year-panel-header .ant-calendar-year-panel-prev-century-btn:hover:before, .ant-calendar-year-panel-header .ant-calendar-year-panel-prev-decade-btn:hover:after, .ant-calendar-year-panel-header .ant-calendar-year-panel-prev-decade-btn:hover:before, .ant-calendar-year-panel-header .ant-calendar-year-panel-prev-year-btn:hover:after, .ant-calendar-year-panel-header .ant-calendar-year-panel-prev-year-btn:hover:before {
    border-color: rgba(0, 0, 0, .65)
}

.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-century-btn:after, .ant-calendar-year-panel-header .ant-calendar-year-panel-prev-decade-btn:after, .ant-calendar-year-panel-header .ant-calendar-year-panel-prev-year-btn:after {
    display: none;
    position: relative;
    left: -3px;
    display: inline-block
}

.ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn, .ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn, .ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn {
    right: 7px;
    height: 100%
}

.ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn:after, .ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn:before, .ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn:after, .ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn:before, .ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn:after, .ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn:before {
    position: relative;
    top: -1px;
    display: inline-block;
    width: 8px;
    height: 8px;
    vertical-align: middle;
    border: 0 solid #aaa;
    border-width: 1.5px 0 0 1.5px;
    border-radius: 1px;
    -webkit-transform: rotate(-45deg) scale(.8);
    -ms-transform: rotate(-45deg) scale(.8);
    transform: rotate(-45deg) scale(.8);
    -webkit-transition: all .3s;
    transition: all .3s;
    content: ""
}

.ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn:hover:after, .ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn:hover:before, .ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn:hover:after, .ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn:hover:before, .ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn:hover:after, .ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn:hover:before {
    border-color: rgba(0, 0, 0, .65)
}

.ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn:after, .ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn:after, .ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn:after {
    display: none
}

.ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn:after, .ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn:before, .ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn:after, .ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn:before, .ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn:after, .ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn:before {
    -webkit-transform: rotate(135deg) scale(.8);
    -ms-transform: rotate(135deg) scale(.8);
    transform: rotate(135deg) scale(.8)
}

.ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn:before, .ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn:before, .ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn:before {
    position: relative;
    left: 3px
}

.ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn:after, .ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn:after, .ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn:after {
    display: inline-block
}

.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-month-btn {
    left: 29px;
    height: 100%
}

.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-month-btn:after, .ant-calendar-year-panel-header .ant-calendar-year-panel-prev-month-btn:before {
    position: relative;
    top: -1px;
    display: inline-block;
    width: 8px;
    height: 8px;
    vertical-align: middle;
    border: 0 solid #aaa;
    border-width: 1.5px 0 0 1.5px;
    border-radius: 1px;
    -webkit-transform: rotate(-45deg) scale(.8);
    -ms-transform: rotate(-45deg) scale(.8);
    transform: rotate(-45deg) scale(.8);
    -webkit-transition: all .3s;
    transition: all .3s;
    content: ""
}

.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-month-btn:hover:after, .ant-calendar-year-panel-header .ant-calendar-year-panel-prev-month-btn:hover:before {
    border-color: rgba(0, 0, 0, .65)
}

.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-month-btn:after {
    display: none
}

.ant-calendar-year-panel-header .ant-calendar-year-panel-next-month-btn {
    right: 29px;
    height: 100%
}

.ant-calendar-year-panel-header .ant-calendar-year-panel-next-month-btn:after, .ant-calendar-year-panel-header .ant-calendar-year-panel-next-month-btn:before {
    position: relative;
    top: -1px;
    display: inline-block;
    width: 8px;
    height: 8px;
    vertical-align: middle;
    border: 0 solid #aaa;
    border-width: 1.5px 0 0 1.5px;
    border-radius: 1px;
    -webkit-transform: rotate(-45deg) scale(.8);
    -ms-transform: rotate(-45deg) scale(.8);
    transform: rotate(-45deg) scale(.8);
    -webkit-transition: all .3s;
    transition: all .3s;
    content: ""
}

.ant-calendar-year-panel-header .ant-calendar-year-panel-next-month-btn:hover:after, .ant-calendar-year-panel-header .ant-calendar-year-panel-next-month-btn:hover:before {
    border-color: rgba(0, 0, 0, .65)
}

.ant-calendar-year-panel-header .ant-calendar-year-panel-next-month-btn:after {
    display: none
}

.ant-calendar-year-panel-header .ant-calendar-year-panel-next-month-btn:after, .ant-calendar-year-panel-header .ant-calendar-year-panel-next-month-btn:before {
    -webkit-transform: rotate(135deg) scale(.8);
    -ms-transform: rotate(135deg) scale(.8);
    transform: rotate(135deg) scale(.8)
}

.ant-calendar-year-panel-body {
    -ms-flex: 1;
    flex: 1 1
}

.ant-calendar-year-panel-footer {
    border-top: 1px solid #e8e8e8
}

.ant-calendar-year-panel-footer .ant-calendar-footer-extra {
    padding: 0 12px
}

.ant-calendar-year-panel-table {
    width: 100%;
    height: 100%;
    table-layout: fixed;
    border-collapse: separate
}

.ant-calendar-year-panel-cell {
    text-align: center
}

.ant-calendar-year-panel-year {
    display: inline-block;
    height: 24px;
    margin: 0 auto;
    padding: 0 8px;
    color: rgba(0, 0, 0, .65);
    line-height: 24px;
    text-align: center;
    background: transparent;
    border-radius: 2px;
    -webkit-transition: background .3s ease;
    transition: background .3s ease
}

.ant-calendar-year-panel-year:hover {
    background: #e6f7ff;
    cursor: pointer
}

.ant-calendar-year-panel-selected-cell .ant-calendar-year-panel-year, .ant-calendar-year-panel-selected-cell .ant-calendar-year-panel-year:hover {
    color: #fff;
    background: #1890ff
}

.ant-calendar-year-panel-last-decade-cell .ant-calendar-year-panel-year, .ant-calendar-year-panel-next-decade-cell .ant-calendar-year-panel-year {
    color: rgba(0, 0, 0, .25);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.ant-calendar-decade-panel {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    background: #fff;
    border-radius: 4px;
    outline: none
}

.ant-calendar-decade-panel-hidden {
    display: none
}

.ant-calendar-decade-panel-header {
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-bottom: 1px solid #e8e8e8;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative
}

.ant-calendar-decade-panel-header a:hover {
    color: #40a9ff
}

.ant-calendar-decade-panel-header .ant-calendar-decade-panel-century-select, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-decade-select, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-month-select, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-year-select {
    display: inline-block;
    padding: 0 2px;
    color: rgba(0, 0, 0, .85);
    font-weight: 500;
    line-height: 40px
}

.ant-calendar-decade-panel-header .ant-calendar-decade-panel-century-select-arrow, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-decade-select-arrow, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-month-select-arrow, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-year-select-arrow {
    display: none
}

.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-month-btn, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-century-btn, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-decade-btn, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-month-btn, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-year-btn {
    position: absolute;
    top: 0;
    display: inline-block;
    padding: 0 5px;
    color: rgba(0, 0, 0, .45);
    font-size: 16px;
    font-family: Arial, "Hiragino Sans GB", "Microsoft Yahei", "Microsoft Sans Serif", sans-serif;
    line-height: 40px
}

.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-century-btn, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-decade-btn, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-year-btn {
    left: 7px;
    height: 100%
}

.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-century-btn:after, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-century-btn:before, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-decade-btn:after, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-decade-btn:before, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-year-btn:after, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-year-btn:before {
    position: relative;
    top: -1px;
    display: inline-block;
    width: 8px;
    height: 8px;
    vertical-align: middle;
    border: 0 solid #aaa;
    border-width: 1.5px 0 0 1.5px;
    border-radius: 1px;
    -webkit-transform: rotate(-45deg) scale(.8);
    -ms-transform: rotate(-45deg) scale(.8);
    transform: rotate(-45deg) scale(.8);
    -webkit-transition: all .3s;
    transition: all .3s;
    content: ""
}

.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-century-btn:hover:after, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-century-btn:hover:before, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-decade-btn:hover:after, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-decade-btn:hover:before, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-year-btn:hover:after, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-year-btn:hover:before {
    border-color: rgba(0, 0, 0, .65)
}

.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-century-btn:after, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-decade-btn:after, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-year-btn:after {
    display: none;
    position: relative;
    left: -3px;
    display: inline-block
}

.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn {
    right: 7px;
    height: 100%
}

.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn:after, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn:before, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn:after, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn:before, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn:after, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn:before {
    position: relative;
    top: -1px;
    display: inline-block;
    width: 8px;
    height: 8px;
    vertical-align: middle;
    border: 0 solid #aaa;
    border-width: 1.5px 0 0 1.5px;
    border-radius: 1px;
    -webkit-transform: rotate(-45deg) scale(.8);
    -ms-transform: rotate(-45deg) scale(.8);
    transform: rotate(-45deg) scale(.8);
    -webkit-transition: all .3s;
    transition: all .3s;
    content: ""
}

.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn:hover:after, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn:hover:before, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn:hover:after, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn:hover:before, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn:hover:after, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn:hover:before {
    border-color: rgba(0, 0, 0, .65)
}

.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn:after, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn:after, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn:after {
    display: none
}

.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn:after, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn:before, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn:after, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn:before, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn:after, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn:before {
    -webkit-transform: rotate(135deg) scale(.8);
    -ms-transform: rotate(135deg) scale(.8);
    transform: rotate(135deg) scale(.8)
}

.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn:before, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn:before, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn:before {
    position: relative;
    left: 3px
}

.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn:after, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn:after, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn:after {
    display: inline-block
}

.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-month-btn {
    left: 29px;
    height: 100%
}

.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-month-btn:after, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-month-btn:before {
    position: relative;
    top: -1px;
    display: inline-block;
    width: 8px;
    height: 8px;
    vertical-align: middle;
    border: 0 solid #aaa;
    border-width: 1.5px 0 0 1.5px;
    border-radius: 1px;
    -webkit-transform: rotate(-45deg) scale(.8);
    -ms-transform: rotate(-45deg) scale(.8);
    transform: rotate(-45deg) scale(.8);
    -webkit-transition: all .3s;
    transition: all .3s;
    content: ""
}

.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-month-btn:hover:after, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-month-btn:hover:before {
    border-color: rgba(0, 0, 0, .65)
}

.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-month-btn:after {
    display: none
}

.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-month-btn {
    right: 29px;
    height: 100%
}

.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-month-btn:after, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-month-btn:before {
    position: relative;
    top: -1px;
    display: inline-block;
    width: 8px;
    height: 8px;
    vertical-align: middle;
    border: 0 solid #aaa;
    border-width: 1.5px 0 0 1.5px;
    border-radius: 1px;
    -webkit-transform: rotate(-45deg) scale(.8);
    -ms-transform: rotate(-45deg) scale(.8);
    transform: rotate(-45deg) scale(.8);
    -webkit-transition: all .3s;
    transition: all .3s;
    content: ""
}

.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-month-btn:hover:after, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-month-btn:hover:before {
    border-color: rgba(0, 0, 0, .65)
}

.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-month-btn:after {
    display: none
}

.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-month-btn:after, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-month-btn:before {
    -webkit-transform: rotate(135deg) scale(.8);
    -ms-transform: rotate(135deg) scale(.8);
    transform: rotate(135deg) scale(.8)
}

.ant-calendar-decade-panel-body {
    -ms-flex: 1;
    flex: 1 1
}

.ant-calendar-decade-panel-footer {
    border-top: 1px solid #e8e8e8
}

.ant-calendar-decade-panel-footer .ant-calendar-footer-extra {
    padding: 0 12px
}

.ant-calendar-decade-panel-table {
    width: 100%;
    height: 100%;
    table-layout: fixed;
    border-collapse: separate
}

.ant-calendar-decade-panel-cell {
    white-space: nowrap;
    text-align: center
}

.ant-calendar-decade-panel-decade {
    display: inline-block;
    height: 24px;
    margin: 0 auto;
    padding: 0 6px;
    color: rgba(0, 0, 0, .65);
    line-height: 24px;
    text-align: center;
    background: transparent;
    border-radius: 2px;
    -webkit-transition: background .3s ease;
    transition: background .3s ease
}

.ant-calendar-decade-panel-decade:hover {
    background: #e6f7ff;
    cursor: pointer
}

.ant-calendar-decade-panel-selected-cell .ant-calendar-decade-panel-decade, .ant-calendar-decade-panel-selected-cell .ant-calendar-decade-panel-decade:hover {
    color: #fff;
    background: #1890ff
}

.ant-calendar-decade-panel-last-century-cell .ant-calendar-decade-panel-decade, .ant-calendar-decade-panel-next-century-cell .ant-calendar-decade-panel-decade {
    color: rgba(0, 0, 0, .25);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.ant-calendar-month .ant-calendar-month-header-wrap {
    position: relative;
    height: 288px
}

.ant-calendar-month .ant-calendar-month-panel, .ant-calendar-month .ant-calendar-year-panel {
    top: 0;
    height: 100%
}

.ant-calendar-week-number-cell {
    opacity: .5
}

.ant-calendar-week-number .ant-calendar-body tr {
    cursor: pointer;
    -webkit-transition: all .3s;
    transition: all .3s
}

.ant-calendar-week-number .ant-calendar-body tr:hover {
    background: #e6f7ff
}

.ant-calendar-week-number .ant-calendar-body tr.ant-calendar-active-week {
    font-weight: 700;
    background: #bae7ff
}

.ant-calendar-week-number .ant-calendar-body tr .ant-calendar-selected-day .ant-calendar-date, .ant-calendar-week-number .ant-calendar-body tr .ant-calendar-selected-day:hover .ant-calendar-date {
    color: rgba(0, 0, 0, .65);
    background: transparent
}

.ant-time-picker-panel {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(0, 0, 0, .65);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5;
    list-style: none;
    -webkit-font-feature-settings: "tnum";
    font-feature-settings: "tnum", "tnum";
    position: absolute;
    z-index: 1050;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"
}

.ant-time-picker-panel-inner {
    position: relative;
    left: -2px;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border-radius: 4px;
    outline: none;
    -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, .15);
    box-shadow: 0 2px 8px rgba(0, 0, 0, .15)
}

.ant-time-picker-panel-input {
    width: 100%;
    max-width: 154px;
    margin: 0;
    padding: 0;
    line-height: normal;
    border: 0;
    outline: 0;
    cursor: auto
}

.ant-time-picker-panel-input::-moz-placeholder {
    color: #bfbfbf;
    opacity: 1
}

.ant-time-picker-panel-input:-ms-input-placeholder {
    color: #bfbfbf
}

.ant-time-picker-panel-input::-webkit-input-placeholder {
    color: #bfbfbf
}

.ant-time-picker-panel-input:-moz-placeholder-shown {
    text-overflow: ellipsis
}

.ant-time-picker-panel-input:-ms-input-placeholder {
    text-overflow: ellipsis
}

.ant-time-picker-panel-input:placeholder-shown {
    text-overflow: ellipsis
}

.ant-time-picker-panel-input-wrap {
    position: relative;
    padding: 7px 2px 7px 12px;
    border-bottom: 1px solid #e8e8e8
}

.ant-time-picker-panel-input-invalid {
    border-color: #f5222d
}

.ant-time-picker-panel-narrow .ant-time-picker-panel-input-wrap {
    max-width: 112px
}

.ant-time-picker-panel-select {
    position: relative;
    float: left;
    width: 56px;
    max-height: 192px;
    overflow: hidden;
    font-size: 14px;
    border-left: 1px solid #e8e8e8
}

.ant-time-picker-panel-select:hover {
    overflow-y: auto
}

.ant-time-picker-panel-select:first-child {
    margin-left: 0;
    border-left: 0
}

.ant-time-picker-panel-select:last-child {
    border-right: 0
}

.ant-time-picker-panel-select:only-child {
    width: 100%
}

.ant-time-picker-panel-select ul {
    width: 56px;
    margin: 0;
    padding: 0 0 160px;
    list-style: none
}

.ant-time-picker-panel-select li {
    width: 100%;
    height: 32px;
    margin: 0;
    padding: 0 0 0 12px;
    line-height: 32px;
    text-align: left;
    list-style: none;
    cursor: pointer;
    -webkit-transition: all .3s;
    transition: all .3s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.ant-time-picker-panel-select li:focus {
    color: #1890ff;
    font-weight: 600;
    outline: none
}

.ant-time-picker-panel-select li:hover {
    background: #e6f7ff
}

li.ant-time-picker-panel-select-option-selected {
    font-weight: 600;
    background: #f5f5f5
}

li.ant-time-picker-panel-select-option-selected:hover {
    background: #f5f5f5
}

li.ant-time-picker-panel-select-option-disabled {
    color: rgba(0, 0, 0, .25)
}

li.ant-time-picker-panel-select-option-disabled:hover {
    background: transparent;
    cursor: not-allowed
}

li.ant-time-picker-panel-select-option-disabled:focus {
    color: rgba(0, 0, 0, .25);
    font-weight: inherit
}

.ant-time-picker-panel-combobox {
    zoom: 1
}

.ant-time-picker-panel-combobox:after, .ant-time-picker-panel-combobox:before {
    display: table;
    content: ""
}

.ant-time-picker-panel-combobox:after {
    clear: both
}

.ant-time-picker-panel-addon {
    padding: 8px;
    border-top: 1px solid #e8e8e8
}

.ant-time-picker-panel.slide-up-appear.slide-up-appear-active.ant-time-picker-panel-placement-topLeft, .ant-time-picker-panel.slide-up-appear.slide-up-appear-active.ant-time-picker-panel-placement-topRight, .ant-time-picker-panel.slide-up-enter.slide-up-enter-active.ant-time-picker-panel-placement-topLeft, .ant-time-picker-panel.slide-up-enter.slide-up-enter-active.ant-time-picker-panel-placement-topRight {
    -webkit-animation-name: antSlideDownIn;
    animation-name: antSlideDownIn
}

.ant-time-picker-panel.slide-up-appear.slide-up-appear-active.ant-time-picker-panel-placement-bottomLeft, .ant-time-picker-panel.slide-up-appear.slide-up-appear-active.ant-time-picker-panel-placement-bottomRight, .ant-time-picker-panel.slide-up-enter.slide-up-enter-active.ant-time-picker-panel-placement-bottomLeft, .ant-time-picker-panel.slide-up-enter.slide-up-enter-active.ant-time-picker-panel-placement-bottomRight {
    -webkit-animation-name: antSlideUpIn;
    animation-name: antSlideUpIn
}

.ant-time-picker-panel.slide-up-leave.slide-up-leave-active.ant-time-picker-panel-placement-topLeft, .ant-time-picker-panel.slide-up-leave.slide-up-leave-active.ant-time-picker-panel-placement-topRight {
    -webkit-animation-name: antSlideDownOut;
    animation-name: antSlideDownOut
}

.ant-time-picker-panel.slide-up-leave.slide-up-leave-active.ant-time-picker-panel-placement-bottomLeft, .ant-time-picker-panel.slide-up-leave.slide-up-leave-active.ant-time-picker-panel-placement-bottomRight {
    -webkit-animation-name: antSlideUpOut;
    animation-name: antSlideUpOut
}

.ant-time-picker {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-variant: tabular-nums;
    list-style: none;
    -webkit-font-feature-settings: "tnum";
    font-feature-settings: "tnum", "tnum";
    width: 128px;
    outline: none;
    cursor: text;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.ant-time-picker, .ant-time-picker-input {
    color: rgba(0, 0, 0, .65);
    line-height: 1.5;
    position: relative;
    display: inline-block
}

.ant-time-picker-input {
    width: 100%;
    height: 32px;
    padding: 4px 11px;
    font-size: 14px;
    background-color: #fff;
    background-image: none;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    -webkit-transition: all .3s;
    transition: all .3s
}

.ant-time-picker-input::-moz-placeholder {
    color: #bfbfbf;
    opacity: 1
}

.ant-time-picker-input:-ms-input-placeholder {
    color: #bfbfbf
}

.ant-time-picker-input::-webkit-input-placeholder {
    color: #bfbfbf
}

.ant-time-picker-input:-moz-placeholder-shown {
    text-overflow: ellipsis
}

.ant-time-picker-input:-ms-input-placeholder {
    text-overflow: ellipsis
}

.ant-time-picker-input:placeholder-shown {
    text-overflow: ellipsis
}

.ant-time-picker-input:focus, .ant-time-picker-input:hover {
    border-color: #40a9ff;
    border-right-width: 1px !important
}

.ant-time-picker-input:focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 2px rgba(24, 144, 255, .2);
    box-shadow: 0 0 0 2px rgba(24, 144, 255, .2)
}

.ant-time-picker-input-disabled {
    color: rgba(0, 0, 0, .25);
    background-color: #f5f5f5;
    cursor: not-allowed;
    opacity: 1
}

.ant-time-picker-input-disabled:hover {
    border-color: #d9d9d9;
    border-right-width: 1px !important
}

textarea.ant-time-picker-input {
    max-width: 100%;
    height: auto;
    min-height: 32px;
    line-height: 1.5;
    vertical-align: bottom;
    -webkit-transition: all .3s, height 0s;
    transition: all .3s, height 0s
}

.ant-time-picker-input-lg {
    height: 40px;
    padding: 6px 11px;
    font-size: 16px
}

.ant-time-picker-input-sm {
    height: 24px;
    padding: 1px 7px
}

.ant-time-picker-input[disabled] {
    color: rgba(0, 0, 0, .25);
    background-color: #f5f5f5;
    cursor: not-allowed;
    opacity: 1
}

.ant-time-picker-input[disabled]:hover {
    border-color: #d9d9d9;
    border-right-width: 1px !important
}

.ant-time-picker-open {
    opacity: 0
}

.ant-time-picker-clear, .ant-time-picker-icon {
    position: absolute;
    top: 50%;
    right: 11px;
    z-index: 1;
    width: 14px;
    height: 14px;
    margin-top: -7px;
    color: rgba(0, 0, 0, .25);
    line-height: 14px;
    -webkit-transition: all .3s cubic-bezier(.645, .045, .355, 1);
    transition: all .3s cubic-bezier(.645, .045, .355, 1);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.ant-time-picker-clear .ant-time-picker-clock-icon, .ant-time-picker-icon .ant-time-picker-clock-icon {
    display: block;
    color: rgba(0, 0, 0, .25);
    line-height: 1
}

.ant-time-picker-clear {
    z-index: 2;
    background: #fff;
    opacity: 0;
    pointer-events: none
}

.ant-time-picker-clear:hover {
    color: rgba(0, 0, 0, .45)
}

.ant-time-picker:hover .ant-time-picker-clear {
    opacity: 1;
    pointer-events: auto
}

.ant-time-picker-large .ant-time-picker-input {
    height: 40px;
    padding: 6px 11px;
    font-size: 16px
}

.ant-time-picker-small .ant-time-picker-input {
    height: 24px;
    padding: 1px 7px
}

.ant-time-picker-small .ant-time-picker-clear, .ant-time-picker-small .ant-time-picker-icon {
    right: 7px
}

@media not all and (min-resolution: 0.001dpcm) {
    @supports (-webkit-appearance:none) and (stroke-color:transparent) {
        .ant-input {
            line-height: 1.5
        }
    }
}

.ant-tag {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: rgba(0, 0, 0, .65);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5;
    list-style: none;
    -webkit-font-feature-settings: "tnum";
    font-feature-settings: "tnum", "tnum";
    display: inline-block;
    height: auto;
    margin: 0 8px 0 0;
    padding: 0 7px;
    font-size: 12px;
    line-height: 20px;
    white-space: nowrap;
    background: #fafafa;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    cursor: default;
    opacity: 1;
    -webkit-transition: all .3s cubic-bezier(.78, .14, .15, .86);
    transition: all .3s cubic-bezier(.78, .14, .15, .86)
}

.ant-tag:hover {
    opacity: .85
}

.ant-tag, .ant-tag a, .ant-tag a:hover {
    color: rgba(0, 0, 0, .65)
}

.ant-tag > a:first-child:last-child {
    display: inline-block;
    margin: 0 -8px;
    padding: 0 8px
}

.ant-tag .anticon-close {
    display: inline-block;
    font-size: 12px;
    font-size: 10px \9;
    -webkit-transform: scale(.83333333) rotate(0deg);
    -ms-transform: scale(.83333333) rotate(0deg);
    transform: scale(.83333333) rotate(0deg);
    margin-left: 3px;
    color: rgba(0, 0, 0, .45);
    font-weight: 700;
    cursor: pointer;
    -webkit-transition: all .3s cubic-bezier(.78, .14, .15, .86);
    transition: all .3s cubic-bezier(.78, .14, .15, .86)
}

:root .ant-tag .anticon-close {
    font-size: 12px
}

.ant-tag .anticon-close:hover {
    color: rgba(0, 0, 0, .85)
}

.ant-tag-has-color {
    border-color: transparent
}

.ant-tag-has-color, .ant-tag-has-color .anticon-close, .ant-tag-has-color .anticon-close:hover, .ant-tag-has-color a, .ant-tag-has-color a:hover {
    color: #fff
}

.ant-tag-checkable {
    background-color: transparent;
    border-color: transparent
}

.ant-tag-checkable:not(.ant-tag-checkable-checked):hover {
    color: #1890ff
}

.ant-tag-checkable-checked, .ant-tag-checkable:active {
    color: #fff
}

.ant-tag-checkable-checked {
    background-color: #1890ff
}

.ant-tag-checkable:active {
    background-color: #096dd9
}

.ant-tag-hidden {
    display: none
}

.ant-tag-pink {
    color: #eb2f96;
    background: #fff0f6;
    border-color: #ffadd2
}

.ant-tag-pink-inverse {
    color: #fff;
    background: #eb2f96;
    border-color: #eb2f96
}

.ant-tag-magenta {
    color: #eb2f96;
    background: #fff0f6;
    border-color: #ffadd2
}

.ant-tag-magenta-inverse {
    color: #fff;
    background: #eb2f96;
    border-color: #eb2f96
}

.ant-tag-red {
    color: #f5222d;
    background: #fff1f0;
    border-color: #ffa39e
}

.ant-tag-red-inverse {
    color: #fff;
    background: #f5222d;
    border-color: #f5222d
}

.ant-tag-volcano {
    color: #fa541c;
    background: #fff2e8;
    border-color: #ffbb96
}

.ant-tag-volcano-inverse {
    color: #fff;
    background: #fa541c;
    border-color: #fa541c
}

.ant-tag-orange {
    color: #fa8c16;
    background: #fff7e6;
    border-color: #ffd591
}

.ant-tag-orange-inverse {
    color: #fff;
    background: #fa8c16;
    border-color: #fa8c16
}

.ant-tag-yellow {
    color: #fadb14;
    background: #feffe6;
    border-color: #fffb8f
}

.ant-tag-yellow-inverse {
    color: #fff;
    background: #fadb14;
    border-color: #fadb14
}

.ant-tag-gold {
    color: #faad14;
    background: #fffbe6;
    border-color: #ffe58f
}

.ant-tag-gold-inverse {
    color: #fff;
    background: #faad14;
    border-color: #faad14
}

.ant-tag-cyan {
    color: #13c2c2;
    background: #e6fffb;
    border-color: #87e8de
}

.ant-tag-cyan-inverse {
    color: #fff;
    background: #13c2c2;
    border-color: #13c2c2
}

.ant-tag-lime {
    color: #a0d911;
    background: #fcffe6;
    border-color: #eaff8f
}

.ant-tag-lime-inverse {
    color: #fff;
    background: #a0d911;
    border-color: #a0d911
}

.ant-tag-green {
    color: #52c41a;
    background: #f6ffed;
    border-color: #b7eb8f
}

.ant-tag-green-inverse {
    color: #fff;
    background: #52c41a;
    border-color: #52c41a
}

.ant-tag-blue {
    color: #1890ff;
    background: #e6f7ff;
    border-color: #91d5ff
}

.ant-tag-blue-inverse {
    color: #fff;
    background: #1890ff;
    border-color: #1890ff
}

.ant-tag-geekblue {
    color: #2f54eb;
    background: #f0f5ff;
    border-color: #adc6ff
}

.ant-tag-geekblue-inverse {
    color: #fff;
    background: #2f54eb;
    border-color: #2f54eb
}

.ant-tag-purple {
    color: #722ed1;
    background: #f9f0ff;
    border-color: #d3adf7
}

.ant-tag-purple-inverse {
    color: #fff;
    background: #722ed1;
    border-color: #722ed1
}

.custom-info-modal .ant-modal-body {
    height: 500px;
    overflow-y: auto
}

.custom-info-modal .ant-modal-body .sub-p {
    font-size: 12px;
    font-weight: 500;
    color: #939ca5
}

.custom-info-modal .ant-modal-body .ant-form-item-control {
    line-height: unset
}

.custom-info-modal .ant-modal-body .ant-form {
    padding: 0 16px 20px
}

.custom-info-modal .ant-modal-body .ant-form .ant-form-item {
    margin-bottom: 0
}

.custom-info-modal .ant-modal-body .detail-sel-container {
    margin-top: 30px
}

.custom-info-modal .ant-modal-body .detail-sel-container .detail-sel-title {
    display: block;
    margin-bottom: 6px;
    color: #2a2a2a;
    font-weight: 500
}

.custom-info-modal .ant-modal-body .detail-sel-container .detail-sel-title > b {
    color: #f74c4c
}

.custom-info-modal .ant-modal-body .detail-sel-container .remind-span {
    display: block;
    margin-bottom: 10px;
    font-size: 12px;
    color: #939ca5
}

.custom-info-modal .ant-modal-body .detail-sel-container .ant-form-item {
    margin-bottom: 0
}

.custom-info-modal .ant-modal-body .detail-sel-container .ant-form-item-control {
    line-height: unset
}

.custom-info-modal .ant-modal-body .detail-sel-container .ant-cascader-picker, .custom-info-modal .ant-modal-body .detail-sel-container .ant-input, .custom-info-modal .ant-modal-body .detail-sel-container .ant-input-number, .custom-info-modal .ant-modal-body .detail-sel-container .ant-select {
    width: 540px
}

.custom-info-modal .ant-modal-body .detail-sel-container .detail-sel-checkbox, .custom-info-modal .ant-modal-body .detail-sel-container .detail-sel-img, .custom-info-modal .ant-modal-body .detail-sel-container .detail-sel-radio {
    padding-top: 0
}

.custom-info-modal .ant-modal-body .other-file {
    padding-left: 10px
}

.custom-info-modal .ant-modal-body .other-file i {
    padding-left: 20px;
    font-size: 12px;
    font-weight: 400;
    color: var(--themeColor);
    cursor: pointer
}

.custom-info-modal .ant-modal-footer {
    height: 60px;
    padding: 0 30px;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .12);
    line-height: 60px
}

.course-button-group { /*display:flex;align-items:flex-end;margin-top:10px*/
}

.course-button-group > div {
    margin-right: 15px
}

.course-button-group .render-btn-wrap .dbk-btn {
    margin-left: 10px
}

.course-button-group .to-exam-btn {
    width: 120px;
    line-height: 46px;
    height: 46px;
    padding-left: 45px;
    background: linear-gradient(189deg, #ddeaff, #fff);
    border-radius: 39px;
    color: #008dff;
    font-size: 18px;
    font-weight: 500;
    cursor: pointer;
    background-image: url(/s/pc/static/media/toExamBg.2446efbb.png);
    background-size: 100% 100%
}

.course-button-group button {
    display: inline-block;
    height: 44px;
    padding: 0 20px;
    line-height: 44px;
    text-align: center;
    border-radius: 23px;
    color: #fff;
    border: none;
    font-size: 18px;
    outline: none
}

.course-button-group button:hover {
    opacity: .8
}

.course-button-group button.color-red {
    background: linear-gradient(90deg, #fe6969, red);
    box-shadow: 0 4px 16px 0 rgba(247, 76, 76, .35)
}

.course-button-group button.color-red:hover {
    opacity: .8
}

.course-button-group button.color-theme {
    background: var(--themeColor);
    box-shadow: 0 6px 10px 0 rgba(var(--themeRgba), .2)
}

.course-button-group button.color-theme:hover {
    opacity: .8
}

.course-button-group button.color-gray {
    background: #d3d6d8
}

.course-button-group .price-wrap .price-info-wrap {
    display: flex;
    align-items: flex-end;
    margin-bottom: 11px
}

.course-button-group .price-wrap .price-num-span {
    position: relative;
    line-height: normal
}

.course-button-group .price-wrap .price-num-span .pointer-num-span {
    position: relative
}

.course-button-group .price-wrap .price-num-span .popover-wrap {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -45px;
    padding: 3px 7px;
    background: linear-gradient(270deg, #fa541c, #ff7a45);
    box-shadow: 0 2px 5px 0 rgba(252, 0, 0, .25);
    border-radius: 6px;
    z-index: 3;
    color: #fff;
    font-size: 12px;
    word-break: keep-all
}

.course-button-group .price-wrap .price-num-span .popover-wrap:before {
    content: " ";
    display: block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -11px;
    margin-top: -16px;
    border: 6px solid transparent;
    border-top-color: #f74c4c;
    z-index: 1
}

.course-button-group .price-wrap .price-num-span b {
    padding-right: 10px;
    font-size: 32px;
    color: #f74c4c
}

.course-button-group .price-wrap .price-num-span b span {
    font-size: 18px
}

.course-button-group .price-wrap .price-num-span i {
    margin-right: 16px;
    font-size: 20px;
    font-style: normal;
    text-decoration: line-through;
    color: #b5b9bc
}

.course-button-group .study-wrap .progress-wrap {
    position: relative;
    margin-bottom: 26px;
    width: 200px
}

.course-button-group .study-wrap .progress-wrap .progress-title {
    margin-left: 12px;
    color: #939ca5;
    font-size: 12px
}

.course-button-group .study-wrap .progress-wrap .ant-progress {
    position: relative
}

.course-button-group .study-wrap .progress-wrap .ant-progress .ant-progress-inner {
    width: 200px
}

.course-button-group .study-wrap .progress-wrap .ant-progress .ant-progress-text {
    position: absolute;
    top: 7px;
    left: 0;
    margin-left: 0;
    font-size: 18px;
    font-weight: 500;
    color: var(--themeColor)
}

.course-button-group .study-wrap .progress-wrap .ant-progress .ant-progress-inner {
    margin-top: 30px
}

.course-button-group .study-wrap .progress-wrap .ant-progress .ant-progress-bg, .course-button-group .study-wrap .progress-wrap .ant-progress .ant-progress-success-bg {
    background-color: var(--themeColor)
}

.course-button-group .study-wrap .btn {
    float: left
}

.course-button-group .price-info-free {
    padding-left: 5px;
    padding-right: 10px;
    white-space: nowrap;
    font-size: 24px;
    font-weight: 700
}

.course-button-group.course-button-right-group {
    align-items: unset
}

.course-button-group.course-button-right-group .study-wrap {
    display: flex;
    align-items: center
}

.course-button-group.course-button-right-group .study-wrap .progress-wrap {
    margin: 0 50px 0 0
}

.course-button-group.course-button-right-group .price-wrap {
    display: flex;
    position: static
}

.course-button-group.course-button-right-group .price-wrap .price-info-wrap {
    margin: 0
}

.course-button-group.course-button-right-group .price-wrap .price-info-wrap .price-num-span {
    position: relative;
    top: -4px
}

.course-button-group.course-button-right-group .price-wrap .btn {
    margin-top: 0
}

.course-button-group.course-member-top-group .price-wrap .price-info-wrap {
    display: block;
    transform: scaleY(-1)
}

.course-button-group.course-member-top-group .price-wrap .price-info-wrap .member-wrap, .course-button-group.course-member-top-group .price-wrap .price-info-wrap .price-num-span {
    z-index: 2;
    transform: scaleY(-1)
}

.course-button-group.course-member-top-group .price-wrap .price-info-wrap.all-price-info-wrap {
    display: flex;
    align-items: flex-end
}

.course-button-group .btn-share {
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.course-button-group .btn-share .dbk-btn {
    margin-left: 10px
}

.course-info-has-img {
    position: relative;
    box-shadow: 0 2px 20px 0 rgba(0, 0, 0, .1);
    border-radius: 8px;
    display: flex;
    height: 290px;
    overflow: hidden;
    margin-bottom: 40px;
    background: url(/s/pc/static/media/course-bg.963750ce.png) no-repeat;
    background-size: 100% 100%
}

.course-info-has-img > img {
    width: 515px
}

.course-info-has-img > div {
    padding: 18px 24px;
    width: 100%
}

.course-info-has-img > div > .title {
    height: 135px
}

.course-info-has-img > div > .title > h3 {
    font-size: 26px;
    line-height: 34px;
    font-weight: 700;
    margin-bottom: 10px
}

.course-info-has-img > div > .title > p span {
    color: #939ca5;
    margin-right: 5px
}

.course-info-has-img > div > .title > p span:not(:first-child) {
    margin-left: 15px
}

.course-info-has-img > div .course-price-press {
    margin-top: 37px;
    margin-bottom: 12px
}

.course-info-has-img .share-type-list {
    margin-top: 15px
}

.course-info-has-img .share-type-list span {
    margin-left: 0;
    margin-right: 16px
}

.course-com-info {
    min-height: 400px;
    margin-bottom: 20px;
    padding: 20px;
    border-radius: 6px;
}

.course-com-info > h2 {
    font-size: 24px;
    margin-bottom: 10px
}

.course-com-info .avatar-list .ant-avatar, .course-com-info .avatar-list .avatar-item-intro span {
    cursor: pointer
}

.course-com-info .info {
    color: #666;
    margin-bottom: 20px
}

.course-com-info .info span {
    font-size: 12px;
    color: var(--themeColor);
    padding: 2px 5px;
    margin-right: 5px;
    border: 1px solid var(--themeColor);
    border-radius: 2px 6px 2px 6px
}

.course-com-info .info span:last-child {
    margin-right: 15px
}

.course-com-info .price-info {
    margin-top: 40px
}

.course-com-info .price-info .price {
    font-size: 32px;
    color: #f74c4c;
    margin-right: 8px
}

.course-com-info .price-info .orign {
    color: #939ca5;
    font-size: 16px;
    margin-right: 20px;
    text-decoration: line-through
}

.course-com-info .course-button-group .render-btn-wrap {
    left: 20px;
    bottom: 40px
}

.course-com-info .course-button-group .price-info-free p {
    margin: 53px 0 15px
}

.course-com-info .course-button-group .price-wrap .price-info-wrap {
<!-- margin: 45 px 0 15 px-- >
}

.course-com-info .course-button-group .study-wrap .progress-wrap {
    margin-top: 44px
}

.course-com-info .course-button-group .share-type-list {
    bottom: 50px
}

.ant-list {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(0, 0, 0, .65);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5;
    list-style: none;
    -webkit-font-feature-settings: "tnum";
    font-feature-settings: "tnum", "tnum";
    position: relative
}

.ant-list * {
    outline: none
}

.ant-list-pagination {
    margin-top: 24px;
    text-align: right
}

.ant-list-pagination .ant-pagination-options {
    text-align: left
}

.ant-list-more {
    margin-top: 12px;
    text-align: center
}

.ant-list-more button {
    padding-right: 32px;
    padding-left: 32px
}

.ant-list-spin {
    min-height: 40px;
    text-align: center
}

.ant-list-empty-text {
    padding: 16px;
    color: rgba(0, 0, 0, .25);
    font-size: 14px;
    text-align: center
}

.ant-list-items {
    margin: 0;
    padding: 0;
    list-style: none
}

.ant-list-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 12px 0
}

.ant-list-item-content {
    color: rgba(0, 0, 0, .65)
}

.ant-list-item-meta {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1;
    flex: 1 1;
    -ms-flex-align: start;
    align-items: flex-start;
    font-size: 0
}

.ant-list-item-meta-avatar {
    margin-right: 16px
}

.ant-list-item-meta-content {
    -ms-flex: 1 0;
    flex: 1 0
}

.ant-list-item-meta-title {
    margin-bottom: 4px;
    color: rgba(0, 0, 0, .65);
    font-size: 14px;
    line-height: 22px
}

.ant-list-item-meta-title > a {
    color: rgba(0, 0, 0, .65);
    -webkit-transition: all .3s;
    transition: all .3s
}

.ant-list-item-meta-title > a:hover {
    color: #1890ff
}

.ant-list-item-meta-description {
    color: rgba(0, 0, 0, .45);
    font-size: 14px;
    line-height: 22px
}

.ant-list-item-action {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-left: 48px;
    padding: 0;
    font-size: 0;
    list-style: none
}

.ant-list-item-action > li {
    position: relative;
    display: inline-block;
    padding: 0 8px;
    color: rgba(0, 0, 0, .45);
    font-size: 14px;
    line-height: 22px;
    text-align: center;
    cursor: pointer
}

.ant-list-item-action > li:first-child {
    padding-left: 0
}

.ant-list-item-action-split {
    position: absolute;
    top: 50%;
    right: 0;
    width: 1px;
    height: 14px;
    margin-top: -7px;
    background-color: #e8e8e8
}

.ant-list-footer, .ant-list-header {
    background: transparent
}

.ant-list-footer, .ant-list-header {
    padding-top: 12px;
    padding-bottom: 12px
}

.ant-list-empty {
    padding: 16px 0;
    color: rgba(0, 0, 0, .45);
    font-size: 12px;
    text-align: center
}

.ant-list-split .ant-list-item {
    border-bottom: 1px solid #e8e8e8
}

.ant-list-split .ant-list-item:last-child {
    border-bottom: none
}

.ant-list-split .ant-list-header {
    border-bottom: 1px solid #e8e8e8
}

.ant-list-loading .ant-list-spin-nested-loading {
    min-height: 32px
}

.ant-list-something-after-last-item .ant-spin-container > .ant-list-items > .ant-list-item:last-child {
    border-bottom: 1px solid #e8e8e8
}

.ant-list-lg .ant-list-item {
    padding-top: 16px;
    padding-bottom: 16px
}

.ant-list-sm .ant-list-item {
    padding-top: 8px;
    padding-bottom: 8px
}

.ant-list-vertical .ant-list-item {
    -ms-flex-align: initial;
    align-items: normal
}

.ant-list-vertical .ant-list-item-main {
    display: block;
    -ms-flex: 1;
    flex: 1 1
}

.ant-list-vertical .ant-list-item-extra {
    margin-left: 40px
}

.ant-list-vertical .ant-list-item-meta {
    margin-bottom: 16px
}

.ant-list-vertical .ant-list-item-meta-title {
    margin-bottom: 12px;
    color: rgba(0, 0, 0, .85);
    font-size: 16px;
    line-height: 24px
}

.ant-list-vertical .ant-list-item-action {
    margin-top: 16px;
    margin-left: auto
}

.ant-list-vertical .ant-list-item-action > li {
    padding: 0 16px
}

.ant-list-vertical .ant-list-item-action > li:first-child {
    padding-left: 0
}

.ant-list-grid .ant-col > .ant-list-item {
    display: block;
    max-width: 100%;
    margin-bottom: 16px;
    padding-top: 0;
    padding-bottom: 0;
    border-bottom: none
}

.ant-list-item-no-flex {
    display: block
}

.ant-list:not(.ant-list-vertical) .ant-list-item-no-flex .ant-list-item-action {
    float: right
}

.ant-list-bordered {
    border: 1px solid #d9d9d9;
    border-radius: 4px
}

.ant-list-bordered .ant-list-footer, .ant-list-bordered .ant-list-header, .ant-list-bordered .ant-list-item {
    padding-right: 24px;
    padding-left: 24px
}

.ant-list-bordered .ant-list-item {
    border-bottom: 1px solid #e8e8e8
}

.ant-list-bordered .ant-list-pagination {
    margin: 16px 24px
}

.ant-list-bordered.ant-list-sm .ant-list-item {
    padding-right: 16px;
    padding-left: 16px
}

.ant-list-bordered.ant-list-sm .ant-list-footer, .ant-list-bordered.ant-list-sm .ant-list-header {
    padding: 8px 16px
}

.ant-list-bordered.ant-list-lg .ant-list-footer, .ant-list-bordered.ant-list-lg .ant-list-header {
    padding: 16px 24px
}

@media screen and (max-width: 768px) {
    .ant-list-item-action, .ant-list-vertical .ant-list-item-extra {
        margin-left: 24px
    }
}

@media screen and (max-width: 576px) {
    .ant-list-item {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .ant-list-item-action {
        margin-left: 12px
    }

    .ant-list-vertical .ant-list-item {
        -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse
    }

    .ant-list-vertical .ant-list-item-main {
        min-width: 220px
    }

    .ant-list-vertical .ant-list-item-extra {
        margin: auto auto 16px
    }
}

.ant-comment {
    position: relative
}

.ant-comment-inner {
    display: -ms-flexbox;
    display: flex;
    padding: 16px 0
}

.ant-comment-avatar {
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 12px;
    cursor: pointer
}

.ant-comment-avatar img {
    width: 32px;
    height: 32px;
    border-radius: 50%
}

.ant-comment-content {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-width: 1px;
    font-size: 14px;
    word-wrap: break-word
}

.ant-comment-content-author {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-bottom: 4px;
    font-size: 14px
}

.ant-comment-content-author > a, .ant-comment-content-author > span {
    padding-right: 8px;
    font-size: 12px;
    line-height: 18px
}

.ant-comment-content-author-name {
    color: rgba(0, 0, 0, .45);
    font-size: 14px;
    -webkit-transition: color .3s;
    transition: color .3s
}

.ant-comment-content-author-name > *, .ant-comment-content-author-name > :hover {
    color: rgba(0, 0, 0, .45)
}

.ant-comment-content-author-time {
    color: #ccc;
    white-space: nowrap;
    cursor: auto
}

.ant-comment-content-detail p {
    white-space: pre-wrap
}

.ant-comment-actions {
    margin-top: 12px;
    padding-left: 0
}

.ant-comment-actions > li {
    display: inline-block;
    color: rgba(0, 0, 0, .45)
}

.ant-comment-actions > li > span {
    padding-right: 10px;
    color: rgba(0, 0, 0, .45);
    font-size: 12px;
    cursor: pointer;
    -webkit-transition: color .3s;
    transition: color .3s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.ant-comment-actions > li > span:hover {
    color: #595959
}

.ant-comment-nested {
    margin-left: 44px
}

.load-more-com {
    text-align: center;
    color: var(--themeColor);
    font-size: 12px
}

.load-more-com span {
    cursor: pointer
}

.load-more-com .look-more {
    display: inline-block;
    margin: auto;
    line-height: 34px;
    padding: 0 26px;
    border-radius: 17px;
    background-color: rgba(var(--themeRgba), .05)
}

.load-more-com .look-more:hover {
    background-color: rgba(var(--themeRgba), .1)
}

.load-more-com .loading {
    color: #999
}

.load-more-com .no-more {
    color: #999;
    cursor: default
}

.custom-loading {
    font-size: 35px;
    margin: 70px auto;
    color: #0af !important;
    display: block !important
}

.no-wrapper {
    text-align: center;
    width: 100%;
    min-height: 400px;
    position: relative
}

.no-wrapper .no-content {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.no-wrapper .no-content .no-icon {
    display: block;
    margin: 20px auto;
    height: 160px
}

.no-wrapper .no-content .no-data {
    display: block;
    font-size: 14px;
    color: #939ca5;
    margin-bottom: 20px
}

.no-wrapper .no-content .ant-btn-primary {
    box-shadow: none;
    text-shadow: none
}

.course-detail-comment {
    margin-bottom: 80px
}

.course-detail-comment .input-com-list {
    display: flex;
    position: relative;
    margin-bottom: 15px
}

.course-detail-comment .input-com-list .label {
    width: 40px;
    line-height: 30px
}

.course-detail-comment .rate-list {
    padding-left: 40px;
    margin-bottom: 10px
}

.course-detail-comment .rate-list .rate-item {
    display: inline-block;
    word-wrap: break-word;
    word-break: break-all;
    margin-bottom: 5px;
    margin-right: 30px
}

.course-detail-comment .rate-list .rate-item > span {
    margin-right: 7px;
    color: #939ca5;
    font-size: 12px
}

.course-detail-comment .comment-text-len {
    position: absolute;
    bottom: 7px;
    right: 8px;
    font-size: 12px;
    color: #b5b9bc
}

.course-detail-comment .comfirm {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
    margin-bottom: 30px;
    padding-left: 40px
}

.course-detail-comment .comfirm .optrion-btn Button:first-child {
    margin-right: 15px
}

.course-detail-comment .comfirm .ant-checkbox-wrapper span:hover {
    color: var(--themeColor)
}

.course-detail-comment .comfirm .ant-checkbox-checked .ant-checkbox-inner {
    background: var(--themeColor);
    border-color: var(--themeColor)
}

.course-detail-comment .comfirm .ant-checkbox-input:focus + .ant-checkbox-inner, .course-detail-comment .comfirm .ant-checkbox-wrapper:hover .ant-checkbox-inner, .course-detail-comment .comfirm .ant-checkbox:hover .ant-checkbox-inner {
    border-color: var(--themeColor)
}

.course-detail-comment .comfirm .ant-checkbox-checked:after {
    border: 1px solid var(--themeColor)
}

.course-detail-comment .ant-comment-avatar img {
    width: 100%;
    height: 100%
}

.course-detail-comment .ant-rate-star-full i {
    color: #ffb033
}

.course-detail-comment .comment-list .ant-comment-content-author .ant-comment-content-author-name {
    width: 100%
}

.course-detail-comment .comment-list .comment-title div:first-child {
    display: flex;
    justify-content: space-between
}

.course-detail-comment .comment-list .comment-title div:first-child div h4 {
    font-size: 16px;
    font-weight: 700;
    margin-right: 20px
}

.course-detail-comment .comment-list .comment-title div:first-child .comment-cx {
    color: #939ca5;
    cursor: pointer
}

.course-detail-comment .comment-list .comment-title div:first-child .comment-cx i {
    font-size: 16px;
    vertical-align: bottom;
    color: var(--themeColor);
    margin-right: 3px
}

.course-detail-comment .comment-list .comment-title div:first-child .comment-cx:hover {
    color: var(--themeColor)
}

.course-detail-comment .comment-list .comment-title p {
    color: #939ca5;
    font-size: 12px;
    line-height: 32px
}

.course-detail-comment .comment-list .comment-content {
    padding-bottom: 25px;
    border-bottom: 1px solid #f0f0f0
}

.course-detail-comment .comment-list-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px
}

.course-detail-comment .comment-list-title h3 {
    font-size: 16px;
    font-weight: 700
}

.course-detail-comment .comment-list-title p {
    width: 98px;
    height: 34px;
    line-height: 34px;
    background: var(--themeColor);
    border-radius: 17px;
    font-weight: 500;
    color: #fff;
    text-align: center;
    cursor: pointer
}

.course-detail-comment .rate-wrap {
    display: flex
}

.course-detail-comment .half-chengdu {
    position: relative;
    top: 1px;
    margin-left: 8px
}

.course-detail-comment .half-chengdu .clip-star {
    position: absolute;
    overflow: hidden
}

.course-detail-comment .ant-rate-star > div:focus, .course-detail-comment .ant-rate-star > div:hover {
    transform: none;
    transition: none
}

.course-detail-comment .ant-rate-star:not(:last-child) {
    margin-right: 4px
}

.nav-tab-com span {
    display: inline-block;
    padding: 0 16px;
    line-height: 30px;
    color: #666;
    margin-right: 8px;
    cursor: pointer
}

.nav-tab-com span.active {
    border-radius: 15px
}

.nav-tab-com span.active, .nav-tab-com span.active:hover {
    color: #fff;
    background-color: var(--themeColor)
}

.nav-tab-com span:hover {
    color: var(--themeColor);
    border-radius: 15px
}

.course-item-list {
    display: flex;
    align-items: flex-start;
    padding: 5px 15px;
    border-radius: 4px;
    margin-bottom: 10px
}

.course-item-list.end {
    opacity: .6;
    cursor: default
}

.course-item-list.end > div > .title h3 span {
    color: #939ca5
}

.course-item-list > span {
    line-height: 22px;
    color: #939ca5;
    margin-right: 10px;
    padding: 0 3px 0 4px;
    border-radius: 7px;
    background-color: #f1f2f3
}

.course-item-list > div {
    width: 100%
}

.course-item-list > div > .title {
    display: flex;
    justify-content: space-between;
    line-height: 20px;
    margin-bottom: 2px
}

.course-item-list > div > .title .homeExer {
    color: #939ca5;
    margin-left: 15px;
    font-size: 16px;
    vertical-align: top;
    font-weight: 500;
    cursor: pointer
}

.course-item-list > div > .title .homeExer:first-child {
    margin-left: 10px
}

.course-item-list > div > .title span {
    font-size: 12px
}

.course-item-list > div > .title span.hover-bold:hover {
    font-weight: 700
}

.course-item-list > div > .title h3 {
    position: relative;
    font-weight: 400;
    color: #2a2a2a
}

.course-item-list > div > .title h3 i {
    display: inline-block
}

.course-item-list > div > .title h3 i.free {
    width: 43px;
    height: 27px;
    vertical-align: middle;
    background: url(data:image/png;base64,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) no-repeat;
    background-size: 100% 100%
}

.course-item-list > div > .title h3 i.try {
    width: 40px;
    height: 25px;
    vertical-align: middle;
    background: url(data:image/png;base64,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) no-repeat;
    background-size: 100% 100%
}

.course-item-list > div > .title h3 span {
    margin-left: 15px;
    color: var(--themeColor)
}

.course-item-list > div > .title .status span {
    font-size: 12px;
    color: #666;
    display: flex;
    align-items: baseline
}

.course-item-list > div > .title .status span.status-font-color {
    color: var(--themeColor)
}

.course-item-list > div > .title .status span.hover-bold:hover {
    font-weight: 700;
    cursor: pointer
}

.course-item-list.active {
    cursor: pointer
}

.course-item-list.active:hover {
    color: var(--themeColor);
    background-color: #f8f9fa
}

.course-item-list.active:hover > span {
    color: var(--themeColor);
    background: rgba(var(--themeRgba), .07)
}

.course-item-list.active:hover > div .course-title-info, .course-item-list.active:hover > div > .title .status span, .course-item-list.active:hover > div > .title h3, .course-item-list.active:hover > div > .title h3 .homeExer {
    color: var(--themeColor)
}

.course-item-list .live-icon {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    width: 20px;
    height: 20px;
    left: 7px;
    top: 11px;
    padding: 0 4px 4px;
    margin-right: 3px
}

.course-item-list .live-icon li {
    height: 8px;
    width: 2px;
    border-radius: 10px;
    background-color: var(--themeColor)
}

.course-item-list .live-icon li:first-child {
    animation: anfirst .7s linear infinite
}

.course-item-list .live-icon li:nth-child(2) {
    animation: anSecond 1s linear infinite
}

.course-item-list .live-icon li:nth-child(3) {
    animation: anSecond .9s linear infinite
}

.course-item-list .live-icon li:last-child {
    animation: anThir .5s linear infinite
}

@keyframes anfirst {
    0% {
        height: 0
    }
    to {
        height: 10px
    }
}

@keyframes anSecond {
    0% {
        height: 0
    }
    to {
        height: 8px
    }
}

@keyframes anThir {
    0% {
        height: 0
    }
    to {
        height: 12px
    }
}

.course-model-yk h3 {
    color: #2a2a2a;
    font-size: 14px;
    margin-bottom: 20px
}

.course-model-yk ul {
    display: flex;
    flex-wrap: wrap
}

.course-model-yk ul li {
    color: #939ca5;
    font-size: 14px;
    padding: 0 18px;
    line-height: 34px;
    cursor: pointer;
    border-radius: 17px;
    margin-right: 15px;
    margin-bottom: 15px;
    background: rgba(0, 0, 0, .05)
}

.course-model-yk ul li.active, .course-model-yk ul li:hover {
    color: var(--themeColor);
    background: rgba(var(--themeRgba), .05)
}

.course-model-yk .comment-text-len {
    position: absolute;
    bottom: 7px;
    right: 8px;
    font-size: 12px;
    color: #b5b9bc
}

.ant-collapse {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(0, 0, 0, .65);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5;
    list-style: none;
    -webkit-font-feature-settings: "tnum";
    font-feature-settings: "tnum", "tnum";
    background-color: #fafafa;
    border: 1px solid #d9d9d9;
    border-bottom: 0;
    border-radius: 4px
}

.ant-collapse > .ant-collapse-item {
    border-bottom: 1px solid #d9d9d9
}

.ant-collapse > .ant-collapse-item:last-child, .ant-collapse > .ant-collapse-item:last-child > .ant-collapse-header {
    border-radius: 0 0 4px 4px
}

.ant-collapse > .ant-collapse-item > .ant-collapse-header {
    position: relative;
    padding: 12px 16px 12px 40px;
    color: rgba(0, 0, 0, .85);
    line-height: 22px;
    cursor: pointer;
    -webkit-transition: all .3s;
    transition: all .3s
}

.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow {
    color: inherit;
    font-style: normal;
    line-height: 0;
    text-align: center;
    text-transform: none;
    vertical-align: -.125em;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 50%;
    left: 16px;
    display: inline-block;
    font-size: 12px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow > * {
    line-height: 1
}

.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow svg {
    display: inline-block
}

.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow:before {
    display: none
}

.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow .ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow-icon {
    display: block
}

.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow svg {
    -webkit-transition: -webkit-transform .24s;
    transition: -webkit-transform .24s;
    transition: transform .24s;
    transition: transform .24s, -webkit-transform .24s
}

.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-extra {
    float: right
}

.ant-collapse > .ant-collapse-item > .ant-collapse-header:focus {
    outline: none
}

.ant-collapse > .ant-collapse-item.ant-collapse-no-arrow > .ant-collapse-header {
    padding-left: 12px
}

.ant-collapse-icon-position-right > .ant-collapse-item > .ant-collapse-header {
    padding: 12px 40px 12px 16px
}

.ant-collapse-icon-position-right > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow {
    right: 16px;
    left: auto
}

.ant-collapse-anim-active {
    -webkit-transition: height .2s cubic-bezier(.215, .61, .355, 1);
    transition: height .2s cubic-bezier(.215, .61, .355, 1)
}

.ant-collapse-content {
    overflow: hidden;
    color: rgba(0, 0, 0, .65);
    background-color: #fff;
    border-top: 1px solid #d9d9d9
}

.ant-collapse-content > .ant-collapse-content-box {
    padding: 16px
}

.ant-collapse-content-inactive {
    display: none
}

.ant-collapse-item:last-child > .ant-collapse-content {
    border-radius: 0 0 4px 4px
}

.ant-collapse-borderless {
    background-color: #fafafa;
    border: 0
}

.ant-collapse-borderless > .ant-collapse-item {
    border-bottom: 1px solid #d9d9d9
}

.ant-collapse-borderless > .ant-collapse-item:last-child, .ant-collapse-borderless > .ant-collapse-item:last-child .ant-collapse-header {
    border-radius: 0
}

.ant-collapse-borderless > .ant-collapse-item > .ant-collapse-content {
    background-color: transparent;
    border-top: 0
}

.ant-collapse-borderless > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box {
    padding-top: 4px
}

.ant-collapse .ant-collapse-item-disabled > .ant-collapse-header, .ant-collapse .ant-collapse-item-disabled > .ant-collapse-header > .arrow {
    color: rgba(0, 0, 0, .25);
    cursor: not-allowed
}

.course-contents-content {
    padding-bottom: 50px;
    margin-top: -10px;
    padding-right: 10px
}

.course-contents-content .nav-tab-com {
    margin-bottom: 17px
}

.course-contents-content .nav-tab-com span {
    color: #2a2a2a
}

.course-contents-content .nav-tab-com span:hover {
    color: var(--themeColor)
}

.course-contents-content .nav-tab-com span.active {
    color: #fff;
    font-weight: 500
}

.course-contents-content .content-left-line {
    margin: 30px 0
}

.course-contents-content .course-detail-zj .zj-video-auth {
    color: #999;
    font-size: 12px;
    text-align: center;
    margin-top: 40px
}

.course-contents-content .course-detail-zj .ant-collapse {
    border: none
}

.course-contents-content .course-detail-zj .ant-collapse-content {
    border-top: none !important;
    overflow: inherit !important
}

.course-contents-content .course-detail-zj .ant-collapse-item {
    border: none !important
}

.course-contents-content .course-detail-zj .ant-collapse-item .ant-collapse-header {
    border-bottom: 1px solid #f5f6f7 !important
}

.course-contents-content .course-detail-zj .ant-collapse-item .ant-collapse-header .ant-collapse-arrow {
    right: 0 !important;
    color: #666 !important
}

.course-contents-content .course-detail-zj .ant-collapse-item.ant-collapse-item-active .ant-collapse-header {
    border-bottom: none !important
}

.course-contents-content .course-detail-zj .ant-collapse > .ant-collapse-item:last-child, .course-contents-content .course-detail-zj .ant-collapse > .ant-collapse-item:last-child > .ant-collapse-header {
    border-radius: 0 !important
}

.course-contents-content .course-detail-zj .ant-collapse-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fff;
    font-weight: 700;
    color: #2a2a2a;
    padding: 0 40px 0 0 !important
}

.course-contents-content .course-detail-zj .ant-collapse-header .header-p {
    display: inline-block;
    padding: 18px 0;
    font-size: 16px;
    font-weight: 500;
    color: #2a2a2a
}

.course-contents-content .course-detail-zj .ant-collapse-header .header-p span {
    font-size: 14px;
    color: #999
}

.course-contents-content .course-detail-zj .ant-collapse-header .no-buy-extra {
    display: flex;
    align-items: center
}

.course-contents-content .course-detail-zj .ant-collapse-header .no-buy-extra .price-num-span {
    font-size: 14px;
    color: #999
}

.course-contents-content .course-detail-zj .ant-collapse-header .no-buy-extra .price-num-span b {
    padding: 0 5px;
    font-size: 22px;
    color: #f74c4c
}

.course-contents-content .course-detail-zj .ant-collapse-header .no-buy-extra .price-num-span b span {
    font-size: 12px
}

.course-contents-content .course-detail-zj .ant-collapse-header .no-buy-extra .price-num-span i {
    font-size: 14px;
    font-style: normal;
    text-decoration: line-through;
    color: #999
}

.course-contents-content .course-detail-zj .ant-collapse-header .no-buy-extra button {
    display: inline-block;
    width: 100px;
    height: 36px;
    margin-left: 16px;
    line-height: 36px;
    background: #f74c4c;
    color: #fff;
    border-radius: 18px;
    border: none;
    font-size: 14px;
    outline: none
}

.course-contents-content .course-detail-zj .ant-collapse-header .progress-wrap {
    display: flex;
    align-items: center;
    width: 265px
}

.course-contents-content .course-detail-zj .ant-collapse-header .progress-wrap .progress-title {
    position: relative;
    top: 3px;
    flex: none;
    padding-right: 5px
}

.course-contents-content .course-detail-zj .ant-collapse-header .progress-wrap .ant-progress-show-info .ant-progress-outer {
    margin-right: 0;
    padding-right: 0
}

.course-contents-content .course-detail-zj .ant-collapse-header .progress-wrap .ant-progress {
    position: relative
}

.course-contents-content .course-detail-zj .ant-collapse-header .progress-wrap .ant-progress .ant-progress-text {
    position: absolute;
    left: 0;
    margin-left: 0;
    font-size: 14px;
    color: #008aff
}

.course-contents-content .course-detail-zj .ant-collapse-header .progress-wrap .ant-progress .ant-progress-inner {
    margin-top: 14px
}

.course-contents-content .course-detail-zj .ant-collapse-header .final-wrap {
    color: #939ca5
}

.course-contents-content .course-detail-zj .ant-collapse-content-box {
    zoom: 1;
    padding: 0 !important
}

.course-contents-content .course-detail-zj .ant-collapse-content-box:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
    overflow: hidden
}

.course-contents-content .course-detail-zj .stage-course-item {
    float: left;
    width: 50%
}

.course-contents-content .course-title-info {
    font-size: 12px;
    color: #939ca5
}

.course-contents-content .course-title-info i {
    vertical-align: middle;
    margin-right: 5px
}

.course-contents-content .course-title-info i:not(:first-child) {
    margin-left: 20px
}

.course-contents-content .course-title-info span {
    vertical-align: middle
}

.course-contents-content .course-title-info span.last-learn {
    color: var(--themeColor);
    margin-left: 15px;
    vertical-align: top
}

.course-contents-content .late-learn {
    padding: 0 20px;
    margin: 15px 0;
    line-height: 50px;
    background: #fff;
    box-shadow: 0 2px 15px 0 rgba(0, 0, 0, .08);
    border-radius: 8px
}

.course-contents-content .late-learn i {
    font-size: 12px;
    vertical-align: bottom;
    color: var(--themeColor)
}

.course-contents-content .late-learn i.iconshijian {
    font-size: 16px
}

.course-contents-content .late-learn b {
    margin: 0 20px 0 7px
}

.course-contents-content .late-learn span {
    margin-left: 16px;
    cursor: pointer;
    color: var(--themeColor)
}

.course-contents-content .late-learn span.title {
    display: inline-block;
    max-width: calc(100% - 270px);
    color: #2a2a2a;
    vertical-align: top;
    margin-left: 0
}

.course-contents-content .late-learn .close i {
    color: #939ca5
}

.course-contents-content .late-learn .close:hover i {
    color: var(--themeColor)
}

.course-contents-content .load-more-com {
    margin-top: 20px
}

.course-details-des .des {
    position: relative;
    padding: 18px 14px 18px 20px;
    background: #f8f9fa;
    border-radius: 6px;
    margin-bottom: 40px;
    white-space: pre-wrap;
    display: flex
}

.course-details-des .des span {
    white-space: nowrap
}

.course-details-des .des span:after {
    content: "";
    position: absolute;
    width: 2px;
    height: 20px;
    left: 10px;
    top: 20px;
    background: var(--themeColor)
}

.course-details-des .des p {
    width: calc(100% - 70px)
}

.course-details-des > div {
    word-break: break-word
}

.course-details-des .detail-desc img {
    max-width: 820px;
    height: auto !important
}

.course-details-des .detail-desc li, .course-details-des .detail-desc ul {
    margin: revert;
    padding: revert
}

.course-details-des .detail-desc li {
    list-style: unset
}

.material-contanier {
    margin-bottom: 40px
}

.material-contanier .material-list {
    margin-bottom: 10px
}

.material-contanier .material-list li {
    margin-top: 30px;
    width: 826px;
    height: 80px;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .08);
    border-radius: 6px;
    display: flex;
    justify-content: space-between;
    padding: 15px 22px
}

.material-contanier .material-list li:hover {
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1)
}

.material-contanier .material-list li .iconfont {
    margin-right: 9px
}

.material-contanier .material-list li .left {
    display: flex
}

.material-contanier .material-list li .left h3 {
    font-size: 14px;
    font-weight: 700;
    color: #2a2a2a;
    line-height: 20px;
    margin-top: 5px;
    margin-bottom: 2px
}

.material-contanier .material-list li .left span {
    font-size: 12px;
    color: #939ca5;
    line-height: 17px;
    margin-right: 20px
}

.material-contanier .material-list li .right {
    display: flex;
    align-items: center
}

.material-contanier .material-list li .right p {
    display: flex
}

.material-contanier .material-list li .right p .line {
    display: inline-block;
    width: 1px;
    height: 17px;
    background: #939ca5;
    margin: 0 8px
}

.material-contanier .material-list li .right p span {
    font-size: 12px;
    color: #939ca5;
    line-height: 17px
}

.material-contanier .material-list li .right button.ant-btn {
    margin-left: 60px;
    border-color: var(--themeColor);
    color: var(--themeColor)
}

.material-contanier .material-list li .right button.ant-btn span {
    margin-left: 2px
}

.material-contanier .material-list li .right button.ant-btn:hover {
    background: var(--themeColor);
    color: #fff !important
}

.material-contanier .material-list .ppt {
    color: #ff7739;
    font-size: 24px
}

.material-contanier .material-list .pic {
    color: #008aff;
    font-size: 24px
}

.material-contanier .material-list .txt {
    color: #7c7df3;
    font-size: 24px
}

.material-contanier .material-list .xsl {
    color: #0fb47d;
    font-size: 24px
}

.material-contanier .material-list .pdf {
    color: #ff5a5a;
    font-size: 24px
}

.material-contanier .material-list .doc {
    color: #008aff;
    font-size: 24px
}

.mce-edit-area label {
    color: #b5b9bc !important
}

.container .richUpload {
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 170px;
    border-radius: 5px;
    cursor: pointer;
    border: 1px dashed rgba(0, 0, 0, .2)
}

.container .ali-upload .uploaded, .container .richUpload img {
    display: block;
    width: 100%;
    height: 100%
}

.container .ali-upload.ant-upload {
    margin-top: 25px;
    width: 100%;
    height: 100%;
    padding: 0
}

.container .ali-upload.ant-upload .ant-upload-container {
    width: 100%;
    height: 100%
}

.container .ali-upload.ant-upload .ant-upload-container .over-btn {
    display: none
}

.container .ali-upload.ant-upload .ant-upload-container:hover .img-over {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .5
}

.container .ali-upload.ant-upload .ant-upload-container:hover .over-btn {
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    color: #fff;
    text-align: center;
    display: inline-block;
    width: 90px;
    height: 34px;
    padding: 0;
    font-size: 13px;
    border-radius: 4px;
    line-height: 34px;
    background-color: #008aff !important
}

.container .ali-upload.ant-upload.ant-upload-drag p.ant-upload-drag-icon {
    margin-bottom: 0;
    margin-top: 20px
}

.container .ali-upload.ant-upload.ant-upload-drag p.ant-upload-drag-icon .icontupian {
    font-size: 35px;
    color: #666
}

.container .ali-upload.ant-upload.ant-upload-drag p.ant-upload-drag-icon .add-font {
    font-size: 60px;
    color: #b5b9bc;
    line-height: 1;
    font-weight: 250
}

.container .ali-upload.ant-upload.ant-upload-drag .ant-upload-drag-container {
    display: block
}

.container .ali-upload .ant-upload-text {
    color: #666
}

.container .avatar-crop-uploading {
    background: var(--themeColor) !important;
    border-radius: 17px;
    color: #fff
}

.container .avatar-crop-uploading, .container .upload-border {
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 34px;
    cursor: pointer
}

.container .upload-border {
    border-radius: 17px;
    color: #b5b9bc;
    border: 1px solid #b5b9bc
}

.container .upload-border:hover {
    color: var(--themeColor) !important;
    border: 1px solid var(--themeColor) !important
}

.container .upload-progress {
    width: 140px;
    height: 140px;
    background: #fff;
    border-radius: 6px;
    border: 1px solid #c0ccda;
    position: absolute;
    right: -170px;
    top: 0;
    padding: 10px
}

.captcha {
    display: inline-block
}

.captcha .captcha-code {
    display: inline-block;
    width: 115px;
    height: 32px;
    margin: 0 10px 0 20px
}

.captcha .captcha-code img {
    width: 100%;
    height: 100%
}

.captcha .icongengxin {
    color: #999;
    cursor: pointer
}

.captcha .icongengxin:hover {
    color: var(--themeColor)
}

.question-answer-box {
    min-height: 500px
}

.question-answer-box .qa-title {
    display: flex;
    align-items: center;
    height: 40px;
    margin-bottom: 30px
}

.question-answer-box .qa-title .ant-form-explain {
    position: absolute
}

.question-answer-box .qa-title .ant-form-item {
    margin-bottom: 0
}

.question-answer-box .qa-title .counter-color {
    position: absolute;
    right: 10px;
    font-size: 12px;
    color: #b5b9bc
}

.question-answer-box .qa-content {
    display: flex
}

.question-answer-box .qa-content .tinymce-container {
    width: 780px
}

.question-answer-box .qa-content .desctiption {
    font-size: 14px;
    color: #b5b9bc;
    line-height: 20px
}

.question-answer-box .qa-content > p, .question-answer-box .qa-title > p {
    flex: none;
    margin-right: 16px;
    font-size: 14px;
    color: #2a2a2a;
    line-height: 20px
}

.question-answer-box .ant-btn.ant-btn-primary {
    float: right;
    margin-top: -64px;
    margin-right: 55px
}

.question-answer-box .question-list-box .nav-tab-com {
    margin-top: 50px
}

.question-answer-box .question-list-box .nav-tab-com span {
    color: #2a2a2a
}

.question-answer-box .question-list-box .nav-tab-com span:hover {
    color: var(--themeColor)
}

.question-answer-box .question-list-box .nav-tab-com span.active {
    color: #fff;
    font-weight: 500
}

.question-answer-box .question-list-box .qa-list .qa {
    width: 826px;
    border-top: 1px solid #f5f6f7;
    padding: 25px 0
}

.question-answer-box .question-list-box .qa-list .qa:first-child {
    border-top: 1px solid #fff
}

.question-answer-box .question-list-box .qa-list .qa .qa-top {
    display: flex;
    align-items: center;
    margin-bottom: 12px
}

.question-answer-box .question-list-box .qa-list .qa .qa-top p {
    width: 30px;
    height: 20px;
    background: rgba(247, 76, 76, .05);
    border-radius: 4px;
    border: 1px solid #f74c4c;
    color: #f74c4c;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    margin-right: 9px
}

.question-answer-box .question-list-box .qa-list .qa .qa-top h3 {
    font-size: 18px;
    font-weight: 700;
    color: #2a2a2a;
    line-height: 25px;
    cursor: pointer
}

.question-answer-box .question-list-box .qa-list .qa .qa-top h3:hover {
    color: var(--themeColor)
}

.question-answer-box .question-list-box .qa-list .qa .qa-center {
    display: flex;
    justify-content: space-between
}

.question-answer-box .question-list-box .qa-list .qa .qa-center > p {
    display: flex;
    align-items: center
}

.question-answer-box .question-list-box .qa-list .qa .qa-center > p span:first-child {
    font-size: 14px;
    color: #939ca5;
    margin-right: 10px
}

.question-answer-box .question-list-box .qa-list .qa .qa-center > p span:last-child {
    width: 600px;
    font-size: 14px;
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.question-answer-box .question-list-box .qa-list .qa .qa-center .qa-center-right {
    display: flex;
    align-items: center
}

.question-answer-box .question-list-box .qa-list .qa .qa-center .qa-center-right .line {
    width: 1px;
    height: 24px;
    background: #f5f6f7;
    margin: 0 15px
}

.question-answer-box .question-list-box .qa-list .qa .qa-center .qa-center-right div p:first-child {
    font-size: 16px;
    font-weight: 700;
    color: #2a2a2a;
    line-height: 22px;
    text-align: center
}

.question-answer-box .question-list-box .qa-list .qa .qa-center .qa-center-right div p:last-child {
    text-align: center;
    font-size: 12px;
    color: #939ca5;
    line-height: 17px
}

.question-answer-box .question-list-box .qa-list .qa .qa-bottom {
    display: flex;
    align-items: center
}

.question-answer-box .question-list-box .qa-list .qa .qa-bottom img {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    margin-right: 12px
}

.question-answer-box .question-list-box .qa-list .qa .qa-bottom .name {
    font-size: 14px;
    color: #2a2a2a;
    line-height: 20px;
    margin-right: 20px
}

.question-answer-box .question-list-box .qa-list .qa .qa-bottom .date {
    font-size: 12px;
    color: #939ca5;
    line-height: 17px
}

.question-spining {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 99999;
    background: rgba(0, 0, 0, .2)
}

.course-detail .detail-breadcrumb {
    padding: 12px 0;
    color: #939ca5
}

.course-detail .detail-breadcrumb span {
    font-size: 12px;
    color: #939ca5;
    cursor: pointer
}

.course-detail .detail-breadcrumb span:hover {
    color: var(--themeColor)
}

.course-detail .detail-breadcrumb b {
    font-size: 12px;
    font-weight: 400;
    color: #666
}

.course-detail .type-left-right {
    width: 100%;
    display: flex;
    justify-content: space-between
}

.course-detail .type-left-right .type-left {
    width: 880px;
    padding-right: 20px;
}

.course-detail .type-left-right .type-left .course-com-info {
    padding: 20px;
    margin-bottom: 20px;
    border-radius: 6px;
    background-color: #fff
}

.course-detail .type-left-right .type-right {
    width: 300px
}

.course-detail .info-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.course-detail .main-content {
    min-height: 500px;
    padding: 30px;
    border-radius: 6px;
    margin-bottom: 30px
}

.course-detail .router-tab {
    margin-bottom: 30px
}

.course-detail .bg-white {
    background-color: #fff
}

.course-detail.type-top-bottom {
    background-color: #fff !important
}

.course-detail.type-top-bottom .course-contents-content {
    padding-right: 10px
}

.course-detail.type-top-bottom .type-bottom {
    display: flex;
    justify-content: space-between
}

.course-detail.type-top-bottom .type-bottom .type-left {
    width: 880px
}

.course-detail.type-top-bottom .type-bottom .type-right {
    width: 300px
}

.course-detail .ant-affix {
    width: 100vw !important;
    height: 70px !important;
    left: 0;
    background: #fff;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .08)
}

.course-detail .ant-affix .affix-nav-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 1200px;
    height: 70px;
    margin: 0 auto
}

.course-detail .ant-affix .affix-nav-wrap .nav-tab-line {
    margin-bottom: 0
}

.course-detail .ant-affix .affix-nav-wrap .study-wrap .btn {
    margin-top: 12px
}

.course-detail .ant-affix .affix-nav-wrap .course-button-group {
    position: relative;
    height: 70px
}

.course-detail .ant-affix .affix-nav-wrap .course-button-group .render-btn-wrap {
    left: auto;
    right: 0;
    top: 12px;
    bottom: auto
}

.course-detail .ant-affix .affix-nav-wrap .course-button-group .price-info-free {
    margin: 5px 20px 0 0
}

.course-detail .ant-affix .affix-nav-wrap .course-button-group .btn-share button {
    white-space: nowrap
}

.course-detail .swiper-container .swiper-slide {
    width: 100% !important
}

/*# sourceMappingURL=35.d9bbf8e1.chunk.css.map */