.calendar-chart {
    display: flex;
    align-items: center;
    justify-content: center
}

.calendar-chart .chart-init {
    width: 93px;
    height: 46px
}

.calendar-chart .no_actual, .cont_right .no_actual {
    color: var(--tg-icon-color);;
    text-align: center
}

.calendar-chart .chart-content, .cont_right .chart-content {
    margin-left: 8px;
    width: 155px;
    flex-shrink: 0
}

.calendar-chart .chart-content .select-list, .cont_right .chart-content .select-list {
    border: 1px solid #dcdcdc;
    color: var(--tg-icon-color);;
    cursor: pointer;
    position: relative;
    width: 155px !important;
    box-sizing: border-box;
    text-align: left;
    float: none;
    height: auto !important;
    margin-top: 10px;
    border-radius: 100px;
    font-size: 12px;
    line-height: 20px !important
}

.calendar-chart .chart-content .select-list.equal, .cont_right .chart-content .select-list.equal {
    border-color: #f6bc4f !important
}

.calendar-chart .chart-content .select-list.equal .iconfont, .calendar-chart .chart-content .select-list.equal > span, .cont_right .chart-content .select-list.equal .iconfont, .cont_right .chart-content .select-list.equal > span {
    color: #f6bc4f !important
}

.calendar-chart .chart-content .select-list span, .cont_right .chart-content .select-list span {
    color: #1f2533;
    display: inline-block;
    width: 100%;
    padding: 2px 18px 2px 9px !important;
    line-height: 20px !important;
    box-sizing: border-box;
    min-height: 24px !important;
    height: auto !important
}

.calendar-chart .chart-content .select-list .iconfont, .cont_right .chart-content .select-list .iconfont {
    font-size: 12px;
    position: absolute;
    right: 7px !important;
    top: 50% !important;
    line-height: 20px !important;
    transform: translateY(-50%) scale(.8333);
    -ms-transform: translateY(-50%) scale(.8333);
    -moz-transform: translateY(-50%) scale(.8333);
    -webkit-transform: translateY(-50%) scale(.8333);
    -o-transform: translateY(-50%) scale(.8333)
}

.calendar-chart .chart-content .select-list.top_fix .select-list-main, .cont_right .chart-content .select-list.top_fix .select-list-main {
    top: auto !important;
    bottom: 27px
}

.calendar-chart .chart-content .select-list .select-list-main, .cont_right .chart-content .select-list .select-list-main {
    position: absolute;
    width: 155px !important;
    display: none;
    left: 0;
    background: #fff;
    box-shadow: 0 2px 12px 0 rgba(154, 154, 154, .4);
    box-sizing: border-box;
    top: 27px !important;
    z-index: 22;
    border-radius: 8px;
    overflow: hidden
}

.calendar-chart .chart-content .select-list .select-list-main ul, .cont_right .chart-content .select-list .select-list-main ul {
    padding: 5px 0;
    max-height: none !important
}

.calendar-chart .chart-content .select-list .select-list-main ul li, .cont_right .chart-content .select-list .select-list-main ul li {
    line-height: 24px !important;
    height: 24px !important;
    font-size: 12px;
    color: #1f2533;
    padding: 0 9px !important
}

.calendar-chart .chart-content .select-list .select-list-main ul li.active, .cont_right .chart-content .select-list .select-list-main ul li.active {
    background: #f5f5f5
}

.calendar-chart .chart-content .select-list .select-list-main ul li:hover, .cont_right .chart-content .select-list .select-list-main ul li:hover {
    background: #f9fafb
}

.calendar-chart .chart-content .select-list.active .select-list-main, .cont_right .chart-content .select-list.active .select-list-main {
    display: block !important
}

.calendar-chart .chart-content .gailv, .cont_right .chart-content .gailv {
    font-size: 12px;
    color: var(--tg-icon-color);;
    margin-top: 4px;
    line-height: 22px;
    text-align: center
}

.calendar-chart .chart-content .gailv.error_box, .cont_right .chart-content .gailv.error_box {
    display: none
}

.calendar-chart .chart-content .gailv_box, .cont_right .chart-content .gailv_box {
    font-size: 12px;
    line-height: 22px;
    display: flex;
    justify-content: center
}

.calendar-chart .chart-content .gailv_box .iconfont, .cont_right .chart-content .gailv_box .iconfont {
    font-size: 12px;
    margin-right: 5px
}

.calendar-chart .chart-content .gailv_box.equal .iconfont, .calendar-chart .chart-content .gailv_box.error_box .iconfont, .cont_right .chart-content .gailv_box.equal .iconfont, .cont_right .chart-content .gailv_box.error_box .iconfont {
    display: none
}

.calendar-chart .chart-content .gailv_box.risecolor .icon-bl-icon-right-up, .cont_right .chart-content .gailv_box.risecolor .icon-bl-icon-right-up {
    display: block
}

.calendar-chart .chart-content .gailv_box.risecolor .icon-bl-icon-right-down, .cont_right .chart-content .gailv_box.risecolor .icon-bl-icon-right-down {
    display: none
}

.calendar-chart .chart-content .gailv_box.fallcolor .icon-bl-icon-right-up, .cont_right .chart-content .gailv_box.fallcolor .icon-bl-icon-right-up {
    display: none
}

.calendar-chart .chart-content .gailv_box.fallcolor .icon-bl-icon-right-down, .cont_right .chart-content .gailv_box.fallcolor .icon-bl-icon-right-down {
    display: block
}

.rise-container .risebg {
    animation: riseBgAnimate .4s ease;
    -webkit-animation: riseBgAnimate .4s ease;
    -ms-animation: riseBgAnimate .4s ease
}

.rise-container .fallbg {
    animation: fallBgAnimate .4s ease;
    -webkit-animation: fallBgAnimate .4s ease;
    -ms-animation: fallBgAnimate .4s ease
}

.rise-container .riseicon:before {
    border-bottom: 6px solid #26a69a !important;
    border-top: 0
}

.rise-container .fallicon:before {
    border-top: 6px solid #ef5350 !important;
    border-bottom: 0
}

.rise-container .risecolor {
    color: #26a69a !important
}

.rise-container .risecolor.select-symbleop {
    border-color: #26a69a !important
}

.rise-container .risecolor.select-symbleop .iconfont, .rise-container .risecolor.select-symbleop > span {
    color: #26a69a !important
}

.rise-container .risebdcolor {
    color: #26a69a !important;
    border: 1px solid #26a69a !important
}

.rise-container .risebdbg {
    background-color: #26a69a !important;
    border: 1px solid #26a69a !important
}

.rise-container .fallbdbg {
    background-color: #ef5350 !important;
    border: 1px solid #ef5350 !important
}

.rise-container .fallcolor {
    color: #ef5350 !important
}

.rise-container .fallcolor.select-symbleop {
    border-color: #ef5350 !important
}

.rise-container .fallcolor.select-symbleop .iconfont, .rise-container .fallcolor.select-symbleop > span {
    color: #ef5350 !important
}

.rise-container .fallbdcolor {
    color: #ef5350 !important;
    border: 1px solid #ef5350 !important
}

.rise-container .messagered {
    color: #ef5350 !important
}

.rise-container .messagegreen {
    color: #26a69a !important
}

.rise-container .risecolorop {
    color: #26a69a !important;
    opacity: .07
}

.rise-container .fallcolorop {
    color: #ef5350 !important;
    opacity: .07
}

.rise-container .risecoloropbg {
    background: #e0f2f1 !important
}

.rise-container .fallcoloropbg {
    background: #fceeed !important
}

.rise-container .risecoloropbgra {
    background-color: rgba(38, 166, 154, .1) !important
}

.rise-container .fallcoloropbgra {
    background-color: rgba(226, 86, 84, .1) !important
}

.index-container .index-section {
    margin: 0 auto;
}

{
    flex: 1;
    box-sizing: border-box;
    height: fit-content
}

.index-container .index-section .news-main-box {
    margin-top: 13px
}

.index-container .index-section .news-main-box .fixed-header {
    position: fixed !important;
    padding: 14px 16px !important;
    top: 56px;
    background: #fff;
    width: 813px;
    z-index: 23
}

.index-container .index-section .news-main-box .main-header {
    padding: 14px 0;
    height: 62px
}

.index-container .index-section .news-main-box .main-header .beginner-guide {
    position: absolute;
    z-index: 1001;
    right: 0;
    top: 52px
}

.index-container .index-section .news-main-box .main-header .beginner-guide .tag-setting-tip {
    position: absolute;
    right: 258px;
    background-repeat: no-repeat
}

.index-container .index-section .news-main-box .main-header .beginner-guide .note-setting-tip {
    background-repeat: no-repeat
}

.index-container .index-section .news-main-box .main-header .beginner-guide .tip-item {
    display: none;
    width: 198px;
    padding: 30px 44px 38px;
    box-shadow: 0 2px 20px 0 rgba(154, 154, 154, .4);
    background-color: #1a1a1a;
    border-radius: 12px
}

.index-container .index-section .news-main-box .main-header .beginner-guide .tip-item:before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-left: 16px solid transparent;
    border-right: 16px solid transparent;
    border-bottom: 18px solid #1a1a1a;
    z-index: 2;
    right: 6px;
    top: -10px
}

.index-container .index-section .news-main-box .main-header .beginner-guide .tip_head {
    display: flex;
    color: #fff;
    align-items: center;
    line-height: 32px
}

.index-container .index-section .news-main-box .main-header .beginner-guide .tip_head .iconfont {
    font-size: 24px;
    margin-right: 6px
}

.index-container .index-section .news-main-box .main-header .beginner-guide .tip_head .tip_title {
    font-size: 24px;
    font-weight: 700
}

.index-container .index-section .news-main-box .main-header .beginner-guide .tip-text {
    font-size: 14px;
    line-height: 1.57;
    color: #c4c3cc;
    margin: 8px 0 26px
}

.index-container .index-section .news-main-box .main-header .beginner-guide .tip-btns {
    font-size: 14px;
    font-weight: 600;
    display: flex;
    flex-direction: column
}

.index-container .index-section .news-main-box .main-header .beginner-guide .tip-btns .skip-btn {
    height: 22px;
    display: block;
    color: #c4c3cc;
    border: solid 1px var(--tg-icon-color);;
    text-align: center;
    line-height: 22px;
    border-radius: 20px
}

.index-container .index-section .news-main-box .main-header .beginner-guide .tip-btns .setting-btn {
    height: 22px;
    display: block;
    color: #1f2533;
    border: solid 1px #fff;
    background-color: #fff;
    text-align: center;
    margin: 0 0 16px 0;
    line-height: 22px;
    border-radius: 20px
}

.index-container .index-section .news-main-box .main-header .date-day {
    width: 44px;
    height: 44px;
    box-sizing: border-box;
    text-align: center;
    position: absolute;
    top: 52px;
    left: 12px;
    z-index: 3;
    font-family: Roboto, Sans-serif
}

.index-container .index-section .news-main-box .main-header .date-day .iconfont {
    font-size: 44px;
    color: #1f2533
}

.index-container .index-section .news-main-box .main-header .date-day p:nth-of-type(1) {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 28px;
    line-height: 24px;
    font-size: 24px;
    font-family: Roboto, Sans-serif;
    font-weight: 600;
    color: var(--tg-heading-font-color);
}

.index-container .index-section .news-main-box .main-header .date-day p:nth-of-type(2) {
    font-size: 12px;
    position: absolute;
    top: 42px;
    width: 100%;
    transform: scale(.8333);
    -ms-transform: scale(.8333);
    -moz-transform: scale(.8333);
    -webkit-transform: scale(.8333);
    -o-transform: scale(.8333);
    color: var(--tg-icon-color);;
    font-family: Roboto, Sans-serif

}

.index-container .index-section .news-main-box .main-header .main-vip-box {
    position: absolute;
    width: 100%;
    height: 44px;
    top: 62px;
    left: 0;
    font-size: 15px;
    z-index: 2;
    background-color: #fff;
    padding-top: 10px;
    border-radius: 12px
}

.index-container .index-section .news-main-box .main-header .main-vip-box .main-vip {
    display: flex;
    line-height: 20px;
    margin-left: 60px;
    border-radius: 8px
}

.index-container .index-section .news-main-box .main-header .main-vip-box .main-vip .main-vip-tip {
    padding: 12px 58px 12px 16px;
    display: flex;
    align-items: center;
    background: linear-gradient(313deg, #e0bd83 0, #fee1b7 100%);
    border-radius: 8px
}

.index-container .index-section .news-main-box .main-header .main-vip-box .main-vip .main-vip-tip img {
    width: 14px;
    height: 14px;
    margin-right: 4px;
    vertical-align: text-top
}

.index-container .index-section .news-main-box .main-header .main-vip-box .main-vip .main-vip-btn {
    padding: 0 14px 0 0;
    line-height: 20px;
    color: #ffca7f;
    background: #060606;
    border-radius: 0 8px 8px 0;
    cursor: pointer;
    margin-left: -1px;
    white-space: nowrap;
    display: flex;
    align-items: center
}

.index-container .index-section .news-main-box .main-header .main-vip-box .main-vip .main-vip-center {
    margin-left: -26px
}

.index-container .index-section .news-main-box .main-header .main-nav {
    display: inline-block
}

.index-container .index-section .news-main-box .main-header .main-nav ul li {
    color: var(--tg-icon-color);;
    font-weight: 600;
    display: inline-block;
    margin-right: 27px;
    padding-left: 5px;
    position: relative
}

.index-container .index-section .news-main-box .main-header .main-nav ul li a.text {
    cursor: pointer
}

.index-container .index-section .news-main-box .main-header .main-nav ul li a.text:hover {
    color: #F97303
}

.index-container .index-section .news-main-box .main-header .main-nav ul li a.text:hover .iconfont {
    color: #F97303
}

.index-container .index-section .news-main-box .main-header .main-nav ul .active {
    color: #1f2533;
    display: flex
}

.index-container .index-section .news-main-box .main-header .red-point::after {
    content: '';
    width: 5px;
    height: 5px;
    background: #ef5350;
    border-radius: 5px;
    position: absolute;
    top: 1px;
    right: -5px
}

.index-container .index-section .news-main-box .main-header .header-right {
    float: right;
    display: flex
}

.index-container .index-section .news-main-box .main-header .header-right .audio-enter {
    display: inline-block;
    margin-right: 30px
}

.index-container .index-section .news-main-box .main-header .header-right .audio-enter span {
    font-size: 14px;
    font-weight: 600;
    color: #F97303;
    cursor: pointer
}

.index-container .index-section .news-main-box .main-header .header-right .set-news-tag {
    display: inline-block
}

.index-container .index-section .news-main-box .main-header .header-right .set-news-tag .set-setting {
    position: static
}

.index-container .index-section .news-main-box .main-header .header-right .set-news-tag .set-setting .setting-text .icon-bl-icon-screen-def {
    font-size: 12px;
    line-height: 20px;
    margin-right: 4px;
    color: #5d5c66
}

.index-container .index-section .news-main-box .main-header .header-right .set-news-tag .set-setting .icon-bl-icon-down-def {
    color: #c4c3cc;
    line-height: 20px
}

.index-container .index-section .news-main-box .main-header .header-right .set-news-tag .set-setting .setting-main {
    position: absolute;
    z-index: 1002;
    top: 54px;
    left: 0;
    width: 100%;
    padding: 10px 24px 24px;
    border-radius: 12px;
    cursor: auto
}

.index-container .index-section .news-main-box .main-header .header-right .set-news-tag .set-setting .setting-main #fast_taglist_box {
    max-height: 500px
}

.index-container .index-section .news-main-box .main-header .header-right .set-news-tag .set-setting .setting-main #fast_taglist_box:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    top: 0;
    box-sizing: border-box;
    width: 177px;
    height: -moz-calc(100% - 63px);
    height: -webkit-calc(100% - 63px);
    height: calc(100% - 63px);
    background-color: #f9fafb;
    background-clip: content-box;
    border-radius: 12px 0 0 0
}

.index-container .index-section .news-main-box .main-header .header-right .set-news-tag .set-setting .setting-main .scroll-color {
    right: 5px !important
}

.index-container .index-section .news-main-box .main-header .header-right .set-news-tag .set-setting .setting-main:before {
    right: 265px
}

.index-container .index-section .news-main-box .main-header .header-right .set-news-tag .set-setting .setting-main .news-categorys {
    padding: 14px 0 0 0;
    border-bottom: 1px solid #f0f0f0;
    position: relative
}

.index-container .index-section .news-main-box .main-header .header-right .set-news-tag .set-setting .setting-main .news-categorys .category-item {
    float: left;
    width: 152px;
    margin-right: 24px;
    margin-bottom: 14px;
    cursor: pointer;
    display: flex;
    align-items: center;
    padding-left: 1px
}

.index-container .index-section .news-main-box .main-header .header-right .set-news-tag .set-setting .setting-main .news-categorys .category-item .active {
    color: #F97303
}

.index-container .index-section .news-main-box .main-header .header-right .set-news-tag .set-setting .setting-main .news-categorys .category-item i {
    font-size: 16px;
    color: #bebdc7;
    vertical-align: middle;
    margin-right: 6px;
    top: 0
}

.index-container .index-section .news-main-box .main-header .header-right .set-news-tag .set-setting .setting-main .news-categorys .category-item .category-name {
    font-size: 14px;
    font-weight: 600;
    color: #1f2533;
    vertical-align: middle
}

.index-container .index-section .news-main-box .main-header .header-right .set-news-tag .set-setting .setting-main .news-categorys .category-item.active .category-select {
    color: #F97303
}

.index-container .index-section .news-main-box .main-header .header-right .set-news-tag .set-setting .setting-main .news-categorys .category-item .category-select {
    color: #c4c3cc;
    vertical-align: middle
}

.index-container .index-section .news-main-box .main-header .header-right .set-news-tag .set-setting .setting-main .news-categorys .open_close {
    position: absolute;
    right: 0;
    top: 14px;
    border: 1px solid rgba(0, 0, 0, .12);
    border-radius: 20px;
    padding: 0 9px;
    display: flex;
    align-items: center;
    cursor: pointer
}

.index-container .index-section .news-main-box .main-header .header-right .set-news-tag .set-setting .setting-main .news-categorys .open_close .open_close_name {
    margin-right: 4px
}

.index-container .index-section .news-main-box .main-header .header-right .set-news-tag .set-setting .setting-main .news-categorys.open_more .open_close .iconfont {
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg)
}

.index-container .index-section .news-main-box .main-header .header-right .set-news-tag .set-setting .setting-main .news-categorys.open_more .news-tags {
    max-height: none
}

.index-container .index-section .news-main-box .main-header .header-right .set-news-tag .set-setting .setting-main .news-categorys .news-tags {
    overflow: hidden;
    margin: 0 0 0 47px;
    padding-right: 70px;
    max-height: 72px
}

.index-container .index-section .news-main-box .main-header .header-right .set-news-tag .set-setting .setting-main .news-categorys .news-tags .tags-item {
    float: left;
    margin: 0 24px 14px 0;
    cursor: pointer;
    display: flex;
    align-items: center
}

.index-container .index-section .news-main-box .main-header .header-right .set-news-tag .set-setting .setting-main .news-categorys .news-tags .tags-item.active .tags-select {
    color: #F97303
}

.index-container .index-section .news-main-box .main-header .header-right .set-news-tag .set-setting .setting-main .news-categorys .news-tags .tags-item .tags-select {
    color: #c4c3cc;
    vertical-align: middle;
    margin-right: 6px
}

.index-container .index-section .news-main-box .main-header .header-right .set-news-tag .set-setting .setting-main .news-categorys .news-tags .tags-item .tags-name {
    font-size: 14px;
    font-weight: 400;
    color: #343242;
    vertical-align: middle
}

.index-container .index-section .news-main-box .main-header .header-right .set-news-tag .set-setting .setting-main .news-categorys .js-tags-more {
    display: none;
    float: right
}

.index-container .index-section .news-main-box .main-header .header-right .set-news-tag .set-setting .setting-main .news-categorys .js-tags-more .tags-more-text {
    font-size: 12px;
    font-weight: 600;
    color: var(--tg-icon-color);;
    vertical-align: middle
}

.index-container .index-section .news-main-box .main-header .header-right .set-news-tag .set-setting .setting-main .news-categorys .js-tags-more .tags-more-icon {
    font-size: 12px;
    color: #c4c3cc !important;
    vertical-align: middle
}

.index-container .index-section .news-main-box .main-header .header-right .set-news-tag .set-setting .setting-main .news-btns {
    text-align: center;
    padding: 14px 0 0 0
}

.index-container .index-section .news-main-box .main-header .header-right .set-news-tag .set-setting .setting-main .news-btns .news-btn-sure {
    display: inline-block;
    padding: 0 15px;
    height: 24px;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    background-color: #F97303;
    color: #fff;
    margin: 0 19px 0 0;
    line-height: 24px;
    border-radius: 20px
}

.index-container .index-section .news-main-box .main-header .header-right .set-news-tag .set-setting .setting-main .news-btns .news-btn-cancel {
    display: inline-block;
    padding: 0 14px;
    height: 22px;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    background-color: #fff;
    border: solid 1px #bebdc7;
    color: var(--tg-icon-color);;
    line-height: 24px;
    border-radius: 20px
}

.index-container .index-section .news-main-box .main-header .header-right .set-important {
    display: inline-block;
    color: var(--tg-icon-color);;
    line-height: 12px;
    cursor: pointer;
    margin: 0 0 0 14px;
    padding: 6px 16px;
    line-height: 20px;
    border-radius: 18px;
    border: solid 1px #dcdcdc
}

.index-container .index-section .news-main-box .main-header .header-right .set-important .important_box {
    display: flex;
    align-items: center
}

.index-container .index-section .news-main-box .main-header .header-right .set-important .important_box i {
    line-height: 20px;
    margin-right: 4px;
    font-size: 12px;
    color: #5d5c66
}

.index-container .index-section .news-main-box .main-header .header-right .set-important .important_box span {
    font-weight: 600;
    color: var(--tg-heading-font-color);
    font-size: 14px
}

.index-container .index-section .news-main-box .main-header .header-right .set-important.active {
    border-color: #F97303;
    color: #F97303
}

.index-container .index-section .news-main-box .main-header .header-right .set-important.active span {
    color: #F97303
}

.index-container .index-section .news-main-box .main-header .header-right .set-important.active .iconfont {
    color: #F97303 !important
}

.index-container .index-section .news-main-box .main-header .header-right .set-setting {
    display: inline-block;
    color: var(--tg-icon-color);;
    margin-left: 14px;
    position: relative;
    line-height: 20px;
    border-radius: 18px;
    border: solid 1px #dcdcdc
}

.index-container .index-section .news-main-box .main-header .header-right .set-setting .setting-text {
    padding: 6px 16px;
    cursor: pointer;
    display: flex;
    align-items: center
}

.index-container .index-section .news-main-box .main-header .header-right .set-setting .setting-text .icon-bl-icon-down-def {
    color: #c4c3cc
}

.index-container .index-section .news-main-box .main-header .header-right .set-setting .setting-text span {
    line-height: 20px;
    color: #5d5c66;
    margin: 0 8px 0 0
}

.index-container .index-section .news-main-box .main-header .header-right .set-setting .setting-text .icon-bl-icon-setting-def {
    margin-right: 4px;
    font-size: 12px;
    color: #5d5c66
}

.index-container .index-section .news-main-box .main-header .header-right .set-setting.active {
    border-color: #F97303
}

.index-container .index-section .news-main-box .main-header .header-right .set-setting.active .setting-text {
    color: #F97303
}

.index-container .index-section .news-main-box .main-header .header-right .set-setting.active .setting-text span {
    color: #F97303
}

.index-container .index-section .news-main-box .main-header .header-right .set-setting.active .setting-text .iconfont {
    color: #F97303 !important
}

.index-container .index-section .news-main-box .main-header .header-right .set-setting span {
    font-size: 14px;
    line-height: 22px
}

.index-container .index-section .news-main-box .main-header .header-right .set-setting .icon-bl-icon-down-def, .index-container .index-section .news-main-box .main-header .header-right .set-setting .icon-bl-icon-up-def {
    line-height: 20px;
    font-size: 12px;
    position: relative;
    top: 1px
}

.index-container .index-section .news-main-box .main-header .header-right .set-setting .setting-main::before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-left: 16px solid transparent;
    border-right: 16px solid transparent;
    border-bottom: 18px solid #fff;
    z-index: 2;
    right: 40px;
    top: -10px
}

.index-container .index-section .news-main-box .main-header .header-right .set-setting .setting-main {
    position: absolute;
    z-index: 3;
    box-shadow: 0 2px 20px 0 rgba(154, 154, 154, .4);
    background-color: #fff;
    width: 210px;
    padding: 20px 16px;
    box-sizing: border-box;
    right: 0;
    top: 38px;
    border-radius: 12px
}

.index-container .index-section .news-main-box .main-header .header-right .set-setting .setting-main .socket-setting {
    margin: 0 0 25px 0;
    display: flex;
    justify-content: space-between
}

.index-container .index-section .news-main-box .main-header .header-right .set-setting .setting-main .socket-setting:last-child {
    margin: 0
}

.index-container .index-section .news-main-box .main-header .header-right .set-setting .setting-main .socket-setting span {
    font-size: 14px;
    color: #1f2533;
    vertical-align: middle;
    margin: 0 24px 0 0
}

.index-container .index-section .news-main-box .main-header .header-right .set-setting .setting-main .socket-setting .setting-switch {
    position: relative;
    display: inline-block;
    width: 44px;
    height: 22px;
    border-radius: 40px;
    background-color: #f0f0f0;
    transition: all .2s;
    vertical-align: middle;
    flex-shrink: 0
}

.index-container .index-section .news-main-box .main-header .header-right .set-setting .setting-main .socket-setting .setting-switch::before {
    content: "";
    position: absolute;
    width: 18px;
    height: 18px;
    left: 2px;
    top: 2px;
    border-radius: 18px;
    background-color: #fff;
    transition: all .2s
}

.index-container .index-section .news-main-box .main-header .header-right .set-setting .setting-main .socket-setting .setting-switch.active {
    background-color: #F97303
}

.index-container .index-section .news-main-box .main-header .header-right .set-setting .setting-main .socket-setting .setting-switch.active::before {
    left: 24px
}

.index-container .index-section .news-main-box .main-header .header-right .set-setting .setting-main .setting-list h6 {
    color: var(--tg-icon-color);
}

.index-container .index-section .news-main-box .main-header .header-right .set-setting .setting-main .setting-list ul li {
    display: inline-block;
    font-weight: 600;
    color: var(--tg-icon-color);;
    margin-top: 10px;
    margin-right: 14px
}

.index-container .index-section .news-main-box .main-header .header-right .set-setting .setting-main .setting-list ul li i {
    position: relative;
    top: 4px;
    font-weight: 200;
    color: #c4c3cc
}

.index-container .index-section .news-main-box .main-header .header-right .set-setting .setting-main .setting-list ul li span {
    color: #1f2533;
    font-weight: 400 !important;
    font-size: 14px
}

.index-container .index-section .news-main-box .main-header .header-right .set-setting .setting-main .setting-list ul .active i {
    color: #F97303
}

.index-container .index-section .news-main-box .main-header .header-right .set-setting .setting-main .setting-list + .setting-list {
    margin-top: 16px
}

.index-container .index-section .news-main-box .main-header.en_head .header-right .set-news-tag .set-setting .setting-main:before {
    right: 340px
}

.index-container .index-section .news-main-box .main-header.en_head .beginner-guide .tag-setting-tip {
    right: 330px
}

.index-container .index-section .news-main-box .main-header.ms_head .header-right .set-news-tag .set-setting .setting-main:before {
    right: 420px
}

.index-container .index-section .news-main-box .main-header.ms_head .beginner-guide .tag-setting-tip {
    right: 400px
}

.index-container .index-section .title-right {
    float: right;
    margin-top: 8px
}

.index-container .index-section .title-right p {
    font-weight: 600;
    color: #F97303
}

.index-container .index-section .main-list-vip {
    padding-top: 60px !important
}

.index-container .index-section .main-content {
    height: 100%;
    position: relative;
    padding: 0 24px 24px 15px;
    border-radius: 12px;
    box-shadow: 0 2px 24px 0 rgba(0, 0, 0, .12);
    background: #fff;
}

.index-container .index-section .main-content .loading {
    background: #fff;
    position: relative;
    text-align: center;
    padding: 10px 0;
    display: none
}

.index-container .index-section .main-content .loading img {
    width: 50px
}

.index-container .index-section .main-content .content-box {
    position: relative;
    padding: 14px 0 0 16px
}

.index-container .index-section .main-content .content-box .content-list {
    position: relative;
    display: block;
    margin-left: 10px
}

.index-container .index-section .main-content .content-box .content-list .flex_left {
    display: flex;
    justify-content: space-between
}

.index-container .index-section .main-content .content-box .content-list .flex_left .cont_other {
    display: none;
    line-height: 18px;
    align-items: center;
    margin-right: 16px
}

.index-container .index-section .main-content .content-box .content-list .flex_left .cont_other .fast_copy {
    cursor: pointer;
    color: var(--tg-icon-color);;
    margin-right: 15px;
    display: flex;
    align-items: center
}

.index-container .index-section .main-content .content-box .content-list .flex_left .cont_other .fast_copy .iconfont {
    font-size: 12px;
    margin-right: 4px;
    position: relative;
    top: -1px
}

.index-container .index-section .main-content .content-box .content-list .flex_left .cont_other .fast_copy:hover {
    color: #F97303
}

.index-container .index-section .main-content .content-box .content-list .flex_left .cont_other .cont_shear {
    position: relative
}

.index-container .index-section .main-content .content-box .content-list .flex_left .cont_other .cont_shear .shear_boxs {
    display: flex;
    align-items: center;
    cursor: pointer;
    color: var(--tg-icon-color);
}

.index-container .index-section .main-content .content-box .content-list .flex_left .cont_other .cont_shear .shear_boxs .icon-bl-icon-share-def {
    font-size: 12px;
    margin-right: 4px;
    position: relative;
    top: -1px
}

.index-container .index-section .main-content .content-box .content-list .flex_left .cont_other .cont_shear .shear_box {
    position: absolute;
    display: none;
    padding: 0 20px 20px;
    width: 210px;
    right: 0;
    top: 24px;
    box-sizing: border-box;
    flex-flow: wrap;
    z-index: 1;
    background: #fff
}

.index-container .index-section .main-content .content-box .content-list .flex_left .cont_other .cont_shear .shear_box .trans {
    height: 8px;
    width: 100%;
    position: absolute;
    top: -8px;
    left: 0
}

.index-container .index-section .main-content .content-box .content-list .flex_left .cont_other .cont_shear .shear_box .shear_type {
    margin-top: 19px;
    font-size: 28px;
    margin-left: 19px;
    color: #1a1a1a;
    cursor: pointer
}

.index-container .index-section .main-content .content-box .content-list .flex_left .cont_other .cont_shear .shear_box .shear_type:nth-child(4n+2) {
    margin-left: 0
}

.index-container .index-section .main-content .content-box .content-list .flex_left .cont_other .cont_shear .shear_box .shear_type .icon-bl-icon-mailbox-def {
    font-size: 28px
}

.index-container .index-section .main-content .content-box .content-list .flex_left .cont_other .cont_shear .shear_box .shear_type:hover.icon-bl-icon-facebookshare-def {
    color: #3b5998
}

.index-container .index-section .main-content .content-box .content-list .flex_left .cont_other .cont_shear .shear_box .shear_type:hover.icon-bl-icon-twittershare-def {
    color: #00aced
}

.index-container .index-section .main-content .content-box .content-list .flex_left .cont_other .cont_shear .shear_box .shear_type:hover.icon-bl-icon-linkedinshare-def {
    color: #007bb6
}

.index-container .index-section .main-content .content-box .content-list .flex_left .cont_other .cont_shear .shear_box .shear_type:hover.icon-bl-icon-lineshare-def {
    color: #00c300
}

.index-container .index-section .main-content .content-box .content-list .flex_left .cont_other .cont_shear .shear_box .shear_type:hover .icon-bl-icon-mailbox-def {
    color: #F97303
}

.index-container .index-section .main-content .content-box .content-list .flex_left .cont_other .cont_shear .shear_box .shear_type:hover.icon-bl_whatsapp {
    color: #25d366
}

.index-container .index-section .main-content .content-box .content-list .flex_left .cont_other .cont_shear .shear_box .shear_type:hover.icon-bl_telegram {
    color: #2e87ca
}

.index-container .index-section .main-content .content-box .content-list .flex_left .cont_other .cont_shear .shear_box .shear_type:hover.icon-bl-icon-wechatshare-def {
    color: #26a69a
}

.index-container .index-section .main-content .content-box .content-list .flex_left .cont_other .cont_shear .shear_box .shear_type:hover.icon-bl-icon-weiboshare-def {
    color: #ef5350
}

.index-container .index-section .main-content .content-box .content-list .flex_left .cont_other .cont_shear .shear_box .shear_type:hover.icon-bl-icon-q-qshare-def {
    color: #1777e6
}

.index-container .index-section .main-content .content-box .content-list .flex_left .cont_other .cont_shear .shear_box .shear_type:hover.icon-bl-icon-q-qspaceshare-def {
    color: #f6bc4f
}

.index-container .index-section .main-content .content-box .content-list .flex_left .cont_other .cont_shear .shear_box:before {
    right: 8px;
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-left: 16px solid transparent;
    border-right: 16px solid transparent;
    border-bottom: 16px solid #fff;
    z-index: 2;
    top: -8px
}

.index-container .index-section .main-content .content-box .content-list .flex_left .cont_other .cont_shear:hover .shear_boxs {
    color: #F97303
}

.index-container .index-section .main-content .content-box .content-list .flex_left .cont_other .cont_shear:hover .shear_box {
    display: flex
}

.index-container .index-section .main-content .content-box .content-list .flex_left .cont_other .cont_shear.top_fix .shear_box {
    top: auto;
    bottom: 24px
}

.index-container .index-section .main-content .content-box .content-list .flex_left .cont_other .cont_shear.top_fix .shear_box .trans {
    top: auto;
    bottom: -8px
}

.index-container .index-section .main-content .content-box .content-list .flex_left .cont_other .cont_shear.top_fix .shear_box:before {
    top: auto;
    bottom: -8px;
    border-top: 16px solid #fff;
    border-bottom: none
}

.index-container .index-section .main-content .content-box .content-list .flex_left .cont_other .cont_href {
    padding: 0 8px;
    border-radius: 20px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    background: #F97303;
    margin-left: 16px
}

.index-container .index-section .main-content .content-box .content-list .flex_left .cont_other {
    padding-top: 12px
}

.index-container .index-section .main-content .content-box .content-list:hover .flex_left .cont_other {
    display: none;
}

.index-container .index-section .main-content .content-box .content-list .flex_right {
    flex: 1
}

.index-container .index-section .main-content .content-box .content-list .content-operate {
    display: none;
    position: absolute;
    bottom: 12px;
    right: 0;
    color: var(--tg-icon-color);
}

.index-container .index-section .main-content .content-box .content-list .content-operate .collect {
    display: inline-block;
    cursor: pointer
}

.index-container .index-section .main-content .content-box .content-list .content-operate .collect i {
    position: relative;
    top: 1px
}

.index-container .index-section .main-content .content-box .content-list .content-operate .collect .icon-bl-icon-star-def {
    color: #f6bc4f
}

.index-container .index-section .main-content .content-box .content-list .content-operate .share {
    display: inline-block;
    margin-left: 16px;
    cursor: pointer
}

.index-container .index-section .main-content .content-box .content-list .content-operate .share i {
    position: relative;
    top: 1px
}

.index-container .index-section .main-content .content-box .content-list .content-operate .share span {
    font-weight: 600
}

.index-container .index-section .main-content .content-box .content-list .point {
    background: #fff;
    padding: 2px 0;
    margin-top: 10px;
    height: 23px;
    position: absolute;
    left: -10px
}

.index-container .index-section .main-content .content-box .content-list .point span {
    display: inline-block;
    height: 6px;
    width: 6px;
    border-radius: 50%;
    background: #F97303
}

.index-container .index-section .main-content .content-box .content-list .date {
    color: var(--tg-icon-color);;
    margin-left: 22px;
    margin-top: 12px;
    margin-bottom: 7px;
    font-size: 13px;
    width: 60px;
    height: 18px;
    overflow: hidden
}

.index-container .index-section .main-content .content-box .content-list .list-content {
    padding-top: 0;
    margin-left: 22px;
    padding-bottom: 12px;
    box-sizing: border-box;
    border-bottom: 1px solid #f0f0f0;
    flex: 1;
    display: flex
}

.index-container .index-section .main-content .content-box .content-list .list-content .cont_right {
    flex: 1;
    padding-left: 46px;
    position: relative
}

.index-container .index-section .main-content .content-box .content-list .list-content .cont_right .cont_top {
    display: flex
}

.index-container .index-section .main-content .content-box .content-list .list-content .cont_right .cont_top .list_leftbox {
    margin-right: 20px;
    flex: 1
}

.index-container .index-section .main-content .content-box .content-list .list-content .cont_right .cont_top .list_leftbox .title {
    display: flex;
    align-items: center
}

.index-container .index-section .main-content .content-box .content-list .list-content .cont_right .cont_top .list_leftbox .title .go_calendar {
    font-weight: 700;
    font-size: 14px;
    line-height: 22px
}

.index-container .index-section .main-content .content-box .content-list .list-content .cont_right .cont_top .list_leftbox .title .go_calendar:hover {
    color: #F97303
}

.index-container .index-section .main-content .content-box .content-list .list-content .cont_right .cont_top .list_leftbox .title .national-flag {
    width: 30px;
    display: flex;
    position: absolute;
    left: 0;
    top: 2px
}

.index-container .index-section .main-content .content-box .content-list .list-content .cont_right .cont_top .list_leftbox .title .national-flag img {
    width: 30px;
    height: 20px;
    border-radius: 4px
}

.index-container .index-section .main-content .content-box .content-list .list-content .cont_right .cont_top .list_leftbox .title .star {
    margin-left: 10px;
    display: flex
}

.index-container .index-section .main-content .content-box .content-list .list-content .cont_right .cont_top .list_leftbox .title .star i {
    font-size: 13px;
    margin-left: 1px
}

.index-container .index-section .main-content .content-box .content-list .list-content .cont_right .cont_top .list_leftbox .title .star .star-yellow {
    color: #f6bc4f
}

.index-container .index-section .main-content .content-box .content-list .list-content .cont_right .cont_top .list_leftbox .title .star .star-red {
    color: #ef5350
}

.index-container .index-section .main-content .content-box .content-list .list-content .cont_right .cont_top .list_leftbox .title .star .star-grey {
    color: #e1e1e6
}

.index-container .index-section .main-content .content-box .content-list .list-content .cont_right .cont_top .list_leftbox .calendar_value {
    min-width: 100px;
    display: flex
}

.index-container .index-section .main-content .content-box .content-list .list-content .cont_right .cont_top .list_leftbox .calendar_value .value_p {
    margin-top: 7px;
    color: var(--tg-icon-color);;
    white-space: nowrap
}

.index-container .index-section .main-content .content-box .content-list .list-content .cont_right .cont_top .list_leftbox .calendar_value .value_p span {
    color: var(--tg-icon-color);
}

.index-container .index-section .main-content .content-box .content-list .list-content .cont_right .cont_top .list_leftbox .calendar_value .value_p span.consensus, .index-container .index-section .main-content .content-box .content-list .list-content .cont_right .cont_top .list_leftbox .calendar_value .value_p span.previous {
    color: #1f2533
}

.index-container .index-section .main-content .content-box .content-list .list-content .cont_right .cont_top .list_leftbox .calendar_value .value_p:first-child {
    margin-right: 17px
}

.index-container .index-section .main-content .content-box .content-list .list-content .cont_right .cont_top .list_leftbox .calendar_value .value_p.previous-main {
    position: relative;
    margin-right: 27px
}

.index-container .index-section .main-content .content-box .content-list .list-content .cont_right .cont_top .list_leftbox .calendar_value .value_p.previous-main .yellow-point {
    position: absolute;
    display: inline-block;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color: #f6bc4f;
    right: -10px;
    top: -2px;
    flex-shrink: 0
}

.index-container .index-section .main-content .content-box .content-list .list-content .cont_right .cont_top .list_leftbox .calendar_value .value_p.previous-main .change-main {
    position: absolute;
    display: none;
    left: -21px;
    top: 22px;
    padding: 2px 8px;
    border-radius: 8px;
    background-color: #fff;
    border: 1px solid #f3f3f3;
    z-index: 99;
    text-align: center
}

.index-container .index-section .main-content .content-box .content-list .list-content .cont_right .cont_top .list_leftbox .calendar_value .value_p.previous-main .change-main p {
    color: #f6bc4f !important;
    white-space: nowrap
}

.index-container .index-section .main-content .content-box .content-list .list-content .cont_right .cont_top .list_leftbox .calendar_value .value_p.previous-main:hover .change-main {
    display: block
}

.index-container .index-section .main-content .content-box .content-list .list-content .cont_right .cont_top .star_box .calendar-chart .chart-init {
    height: 70px
}

.index-container .index-section .main-content .content-box .content-list .list-content .cont_right .cont_top .star_box .announce {
    font-weight: 700;
    color: var(--tg-icon-color);;
    font-size: 14px;
    line-height: 22px;
    white-space: nowrap;
    text-align: center
}

.index-container .index-section .main-content .content-box .content-list .list-content .cont_right .cont_top .star_box .announce span {
    color: #1f2533
}

.index-container .index-section .main-content .content-box .content-list .list-content .cont_right .no_actual {
    display: none
}

.index-container .index-section .main-content .content-box .content-list .list-content .content-text {
    font-weight: 500;
    color: #1f2533;
    line-height: 1.57;
    font-size: 13px;
}

.index-container .index-section .main-content .content-box .content-list .list-content .content-text a {
    color: #F97303;
    display: inline-block
}

.index-container .index-section .main-content .content-box .content-list .list-content .content-text a .iconfont {
    vertical-align: middle;
    font-size: 14px
}

.index-container .index-section .main-content .content-box .content-list .list-content .content-text .choice_vip {
    height: 16px;
    display: inline-block;
    position: relative;
    top: 3px
}

.index-container .index-section .main-content .content-box .content-list .list-content .content-text .title_name {
    color: #1f2533
}

.index-container .index-section .main-content .content-box .content-list .list-content .content-text .title_name:hover {
    color: #F97303 !important
}

.index-container .index-section .main-content .content-box .content-list .list-content .img-box {
    width: 120px;
    height: 80px;
    margin-top: 4px;
    margin-right: 4px;
    overflow: hidden;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
    float: left;
    cursor: pointer;
    border-radius: 8px
}

.index-container .index-section .main-content .content-box .content-list .list-content .content-img {
    width: 100%
}

.index-container .index-section .main-content .content-box .content-list .list-content .content-img.heightimg {
    width: 100%
}

.index-container .index-section .main-content .content-box .content-list .list-content .content-img.widthimg {
    width: auto;
    height: 100%
}

.index-container .index-section .main-content .content-box .content-list .list-content .unscramble_box {
    margin-top: 8px;
    background: #f7f8fa;
    padding: 12px 16px;
    border-radius: 8px
}

.index-container .index-section .main-content .content-box .content-list .list-content .unscramble_box .unscramble_top {
    display: flex;
    align-items: center;
    color: var(--tg-icon-color);;
    font-size: 12px;
    line-height: 20px
}

.index-container .index-section .main-content .content-box .content-list .list-content .unscramble_box .unscramble_top .iconfont {
    font-size: 12px;
    margin-right: 6px
}

.index-container .index-section .main-content .content-box .content-list .list-content .unscramble_box .unscramble_cont {
    margin-top: 2px
}

.index-container .index-section .main-content .content-box .content-list .list-content .unscramble_box .unscramble_cont .unscramble_text {
    line-height: 22px;
    margin-right: 4px
}

.index-container .index-section .main-content .content-box .content-list .list-content .unscramble_box .unscramble_cont .unscramble_qua {
    padding: 3px 12px;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 700;
    line-height: 18px;
    display: inline-block
}

.index-container .index-section .main-content .content-box .content-list .list-content .rate {
    width: 146px;
    height: 28px;
    line-height: 28px;
    font-weight: 600;
    text-align: center;
    margin-top: 16px;
    margin-left: 29px;
    float: right
}

.index-container .index-section .main-content .content-box .content-list .list-content .border-green {
    border: 1px solid #26a69a;
    color: #26a69a
}

.index-container .index-section .main-content .content-box .content-list .list-content .bg-green {
    border: 1px solid #26a69a;
    color: #fff;
    background: #26a69a
}

.index-container .index-section .main-content .content-box .content-list .list-content .border-red {
    border: 1px solid #ef5350;
    color: #ef5350
}

.index-container .index-section .main-content .content-box .content-list .list-content .bg-red {
    border: 1px solid #ef5350;
    color: #fff;
    background: #ef5350
}

.index-container .index-section .main-content .content-box .content-list .list-content .border-yellow {
    border: 1px solid #f6bc4f;
    color: #f6bc4f
}

.index-container .index-section .main-content .content-box .content-list .list-content .bg-yellow {
    border: 1px solid #f6bc4f;
    color: #fff;
    background: #f6bc4f
}

.index-container .index-section .main-content .content-box .content-list .list-content .drop-down {
    cursor: pointer;
    position: relative
}

.index-container .index-section .main-content .content-box .content-list .list-content .drop-down i {
    position: relative;
    font-size: 8px;
    top: 1px
}

.index-container .index-section .main-content .content-box .content-list .list-content .drop-down .drop-main {
    position: absolute;
    top: 28px;
    left: 0;
    width: 146px;
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, .23);
    background-color: #fff;
    z-index: 2;
    display: none;
    padding: 4px 0
}

.index-container .index-section .main-content .content-box .content-list .list-content .drop-down .drop-main p {
    line-height: 28px;
    font-weight: 600
}

.index-container .index-section .main-content .content-box .content-list .list-content .drop-down .drop-main i {
    font-size: 8px
}

.index-container .index-section .main-content .content-box .content-list .list-content .drop-down .drop-main .color-red {
    color: #ef5350
}

.index-container .index-section .main-content .content-box .content-list .list-content .drop-down .drop-main .color-green {
    color: #26a69a
}

.index-container .index-section .main-content .content-box .content-list .list-content.vi .cont_right .chart-content {
    width: 170px
}

.index-container .index-section .main-content .content-box .content-list .list-content.vi .cont_right .chart-content .select-list {
    width: 170px !important
}

.index-container .index-section .main-content .content-box .content-list .list-content.vi .cont_right .chart-content .select-list .select-list-main {
    width: 170px !important
}

.index-container .index-section .main-content .content-box .content-list .text-image {
    position: relative;
    min-height: 110px
}

.index-container .index-section .main-content .content-box .content-list .text-image .content-text {
    width: 499px
}

.index-container .index-section .main-content .content-box .content-list .text-image .content-img {
    position: absolute;
    right: 0;
    top: 12px
}

.index-container .index-section .main-content .content-box .content-list.news-list .list-content {
    flex-flow: column !important
}

.index-container .index-section .main-content .content-box .calendar-bottom .revised {
    float: left;
    margin-left: 56px;
    margin-top: 9px;
    color: #f6bc4f
}

.index-container .index-section .main-content .content-box .calendar-bottom .author {
    float: left;
    color: var(--tg-icon-color);;
    margin-top: 8px
}

.index-container .index-section .main-content .content-box .day-list {
    position: relative
}

.index-container .index-section .main-content .content-box .day-list .date-day {
    width: 44px;
    height: 44px;
    box-sizing: border-box;
    text-align: center;
    position: relative;
    position: absolute;
    top: 0;
    left: -28px;
    background: #fff;
    z-index: 1;
    font-family: Roboto, Sans-serif
}

.index-container .index-section .main-content .content-box .day-list .date-day .iconfont {
    font-size: 44px;
    color: #1f2533
}

.index-container .index-section .main-content .content-box .day-list .date-day p:nth-of-type(1) {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 10px;
    line-height: 24px;
    font-size: 16px;
    font-family: Roboto, Sans-serif
}

.index-container .index-section .main-content .content-box .day-list .date-day p:nth-of-type(2) {
    font-size: 12px;
    position: absolute;
    top: 26px;
    width: 100%;
    transform: scale(.8333);
    -ms-transform: scale(.8333);
    -moz-transform: scale(.8333);
    -webkit-transform: scale(.8333);
    -o-transform: scale(.8333);
    color: var(--tg-icon-color);;
    font-family: Roboto, Sans-serif
}

.index-container .index-section .main-content .content-box .content-important .point span {
    background: #ef5350 !important
}

.index-container .index-section .main-content .content-box .content-important .content-text .title_name, .index-container .index-section .main-content .content-box .content-important .date, .index-container .index-section .main-content .content-box .content-important .national-flag p, .index-container .index-section .main-content .content-box .content-important .title, .index-container .index-section .main-content .content-box .content-important .title p, .index-container .index-section .main-content .content-box .content-important .title span {
    color: #ef5350 !important
}

.index-container .index-section .main-content .no-loading-more {
    text-align: center;
    color: var(--tg-icon-color);;
    padding-top: 16px;
    clear: both
}

.index-container .index-section .main-content::before {
    content: "";
    top: 13px;
    left: 33px;
    width: 0;
    height: -moz-calc(100% - 80px);
    height: -webkit-calc(100% - 80px);
    height: calc(100% - 80px);
    border-left: 2px solid #f0f0f0;
    position: absolute
}

.index-container .index-section .content-important .content-text .title_name {
    color: #ef5350
}

.index-container .index-section .content-important .go_calendar {
    color: #ef5350
}

.index-container .index-section .content-important .date {
    color: #ef5350
}

.fast_calendar {
    display: flex
}

.calendar_box, .fast_box {
    width: 100%;
    position: relative;
    height: 100%;
}

.calendar_box .fast_title, .fast_box .fast_title {
    padding: 0 5px 14px;
    color: #F97303;
    font-size: 24px;
    line-height: 26px;
    display: flex;
    justify-content: space-between;
    font-weight: 600
}

.calendar_box .fast_title .more, .fast_box .fast_title .more {
    font-size: 14px;
    display: flex;
    align-items: center;
    color: #1f2533;
    font-weight: 700
}

.calendar_box .fast_title .more .iconfont, .fast_box .fast_title .more .iconfont {
    margin-left: 3px;
    font-size: 12px;
    color: #c4c3cc;
    font-weight: 400
}

.calendar_box .fast_title .more:hover, .fast_box .fast_title .more:hover {
    color: #F97303
}

.calendar_box .fast_title .more:hover .iconfont, .fast_box .fast_title .more:hover .iconfont {
    color: #F97303
}

.calendar_box .news-boxs, .fast_box .news-boxs {
    position: relative;
    height: -moz-calc(100vh - 470px);
    height: -webkit-calc(100vh - 470px);
    height: calc(100vh - 470px)
}

.calendar_box .news-boxs .scroll-color, .fast_box .news-boxs .scroll-color {
    right: -10px !important
}

.calendar_box .more_box, .fast_box .more_box {
    position: absolute;
    bottom: -24px;
    color: var(--tg-icon-color);;
    width: 100%;
    padding-bottom: 8px
}

.calendar_box .more_box:hover, .fast_box .more_box:hover {
    color: #F97303
}

.calendar_box .more_box .more_bg, .fast_box .more_box .more_bg {
    height: 9px;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) -13%, #fff)
}

.calendar_box .more_box .more_text, .fast_box .more_box .more_text {
    line-height: 27px;
    text-align: center;
    background: #fff
}

.calendar_box .news_box, .fast_box .news_box {
    position: absolute;
    top: 0;
    bottom: 0;
    overflow: hidden;
    width: 100%;
    padding-bottom: 10px
}

.calendar_box .news-list, .fast_box .news-list {
    position: relative;
    padding: 8px 5px
}

.calendar_box .news-list:before, .fast_box .news-list:before {
    content: '';
    height: 1px;
    background: #f0f0f0;
    position: absolute;
    width: -moz-calc(100% - 10px);
    width: -webkit-calc(100% - 10px);
    width: calc(100% - 10px);
    top: 0;
    left: 5px
}

.calendar_box .news-list .time, .fast_box .news-list .time {
    min-height: 18px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.calendar_box .news-list .time .time_left, .fast_box .news-list .time .time_left {
    color: var(--tg-icon-color);;
    font-size: 12px;
    line-height: 18px;
    display: flex;
    align-items: center
}

.calendar_box .news-list .time .time_left .choice_vip, .fast_box .news-list .time .time_left .choice_vip {
    height: 16px;
    margin-left: 8px
}

.calendar_box .news-list .time .cont_other, .fast_box .news-list .time .cont_other {
    display: none;
    line-height: 18px;
    align-items: center;
    margin-right: 16px
}

.calendar_box .news-list .time .cont_other .fast_copy, .fast_box .news-list .time .cont_other .fast_copy {
    cursor: pointer;
    color: var(--tg-icon-color);;
    margin-right: 15px;
    display: flex;
    align-items: center
}

.calendar_box .news-list .time .cont_other .fast_copy .iconfont, .fast_box .news-list .time .cont_other .fast_copy .iconfont {
    font-size: 12px;
    margin-right: 4px;
    position: relative;
    top: -1px
}

.calendar_box .news-list .time .cont_other .fast_copy:hover, .fast_box .news-list .time .cont_other .fast_copy:hover {
    color: #F97303
}

.calendar_box .news-list .time .cont_other .cont_shear, .fast_box .news-list .time .cont_other .cont_shear {
    position: relative
}

.calendar_box .news-list .time .cont_other .cont_shear .shear_boxs, .fast_box .news-list .time .cont_other .cont_shear .shear_boxs {
    display: flex;
    align-items: center;
    cursor: pointer;
    color: var(--tg-icon-color);
}

.calendar_box .news-list .time .cont_other .cont_shear .shear_boxs .icon-bl-icon-share-def, .fast_box .news-list .time .cont_other .cont_shear .shear_boxs .icon-bl-icon-share-def {
    font-size: 12px;
    margin-right: 4px;
    position: relative;
    top: -1px
}

.calendar_box .news-list .time .cont_other .cont_shear .shear_box, .fast_box .news-list .time .cont_other .cont_shear .shear_box {
    position: absolute;
    display: none;
    padding: 0 20px 20px;
    width: 210px;
    right: 0;
    top: 24px;
    box-sizing: border-box;
    flex-flow: wrap;
    z-index: 1;
    background: #fff
}

.calendar_box .news-list .time .cont_other .cont_shear .shear_box .trans, .fast_box .news-list .time .cont_other .cont_shear .shear_box .trans {
    height: 8px;
    width: 100%;
    position: absolute;
    top: -8px;
    left: 0
}

.calendar_box .news-list .time .cont_other .cont_shear .shear_box .shear_type, .fast_box .news-list .time .cont_other .cont_shear .shear_box .shear_type {
    margin-top: 19px;
    font-size: 28px;
    margin-left: 19px;
    color: #1a1a1a;
    cursor: pointer
}

.calendar_box .news-list .time .cont_other .cont_shear .shear_box .shear_type:nth-child(4n+2), .fast_box .news-list .time .cont_other .cont_shear .shear_box .shear_type:nth-child(4n+2) {
    margin-left: 0
}

.calendar_box .news-list .time .cont_other .cont_shear .shear_box .shear_type .icon-bl-icon-mailbox-def, .fast_box .news-list .time .cont_other .cont_shear .shear_box .shear_type .icon-bl-icon-mailbox-def {
    font-size: 28px
}

.calendar_box .news-list .time .cont_other .cont_shear .shear_box .shear_type:hover.icon-bl-icon-facebookshare-def, .fast_box .news-list .time .cont_other .cont_shear .shear_box .shear_type:hover.icon-bl-icon-facebookshare-def {
    color: #3b5998
}

.calendar_box .news-list .time .cont_other .cont_shear .shear_box .shear_type:hover.icon-bl-icon-twittershare-def, .fast_box .news-list .time .cont_other .cont_shear .shear_box .shear_type:hover.icon-bl-icon-twittershare-def {
    color: #00aced
}

.calendar_box .news-list .time .cont_other .cont_shear .shear_box .shear_type:hover.icon-bl-icon-linkedinshare-def, .fast_box .news-list .time .cont_other .cont_shear .shear_box .shear_type:hover.icon-bl-icon-linkedinshare-def {
    color: #007bb6
}

.calendar_box .news-list .time .cont_other .cont_shear .shear_box .shear_type:hover.icon-bl-icon-lineshare-def, .fast_box .news-list .time .cont_other .cont_shear .shear_box .shear_type:hover.icon-bl-icon-lineshare-def {
    color: #00c300
}

.calendar_box .news-list .time .cont_other .cont_shear .shear_box .shear_type:hover .icon-bl-icon-mailbox-def, .fast_box .news-list .time .cont_other .cont_shear .shear_box .shear_type:hover .icon-bl-icon-mailbox-def {
    color: #F97303
}

.calendar_box .news-list .time .cont_other .cont_shear .shear_box .shear_type:hover.icon-bl_whatsapp, .fast_box .news-list .time .cont_other .cont_shear .shear_box .shear_type:hover.icon-bl_whatsapp {
    color: #25d366
}

.calendar_box .news-list .time .cont_other .cont_shear .shear_box .shear_type:hover.icon-bl_telegram, .fast_box .news-list .time .cont_other .cont_shear .shear_box .shear_type:hover.icon-bl_telegram {
    color: #2e87ca
}

.calendar_box .news-list .time .cont_other .cont_shear .shear_box .shear_type:hover.icon-bl-icon-wechatshare-def, .fast_box .news-list .time .cont_other .cont_shear .shear_box .shear_type:hover.icon-bl-icon-wechatshare-def {
    color: #26a69a
}

.calendar_box .news-list .time .cont_other .cont_shear .shear_box .shear_type:hover.icon-bl-icon-weiboshare-def, .fast_box .news-list .time .cont_other .cont_shear .shear_box .shear_type:hover.icon-bl-icon-weiboshare-def {
    color: #ef5350
}

.calendar_box .news-list .time .cont_other .cont_shear .shear_box .shear_type:hover.icon-bl-icon-q-qshare-def, .fast_box .news-list .time .cont_other .cont_shear .shear_box .shear_type:hover.icon-bl-icon-q-qshare-def {
    color: #1777e6
}

.calendar_box .news-list .time .cont_other .cont_shear .shear_box .shear_type:hover.icon-bl-icon-q-qspaceshare-def, .fast_box .news-list .time .cont_other .cont_shear .shear_box .shear_type:hover.icon-bl-icon-q-qspaceshare-def {
    color: #f6bc4f
}

.calendar_box .news-list .time .cont_other .cont_shear .shear_box:before, .fast_box .news-list .time .cont_other .cont_shear .shear_box:before {
    right: 8px;
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-left: 16px solid transparent;
    border-right: 16px solid transparent;
    border-bottom: 16px solid #fff;
    z-index: 2;
    top: -8px
}

.calendar_box .news-list .time .cont_other .cont_shear:hover .shear_boxs, .fast_box .news-list .time .cont_other .cont_shear:hover .shear_boxs {
    color: #F97303
}

.calendar_box .news-list .time .cont_other .cont_shear:hover .shear_box, .fast_box .news-list .time .cont_other .cont_shear:hover .shear_box {
    display: flex
}

.calendar_box .news-list .time .cont_other .cont_shear.top_fix .shear_box, .fast_box .news-list .time .cont_other .cont_shear.top_fix .shear_box {
    top: auto;
    bottom: 24px
}

.calendar_box .news-list .time .cont_other .cont_shear.top_fix .shear_box .trans, .fast_box .news-list .time .cont_other .cont_shear.top_fix .shear_box .trans {
    top: auto;
    bottom: -8px
}

.calendar_box .news-list .time .cont_other .cont_shear.top_fix .shear_box:before, .fast_box .news-list .time .cont_other .cont_shear.top_fix .shear_box:before {
    top: auto;
    bottom: -8px;
    border-top: 16px solid #fff;
    border-bottom: none
}

.calendar_box .news-list .time .cont_other .cont_href, .fast_box .news-list .time .cont_other .cont_href {
    padding: 0 8px;
    border-radius: 20px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    background: #F97303;
    margin-left: 16px
}

.calendar_box .news-list:hover .time .cont_other, .fast_box .news-list:hover .time .cont_other {
    display: flex
}

.calendar_box .news-list .news-list-content, .fast_box .news-list .news-list-content {
    margin-top: 4px;
    overflow: hidden
}

.calendar_box .news-list .news-list-content .content-title, .fast_box .news-list .news-list-content .content-title {
    color: #1f2533
}

.calendar_box .news-list .news-list-content .content-title a, .fast_box .news-list .news-list-content .content-title a {
    color: #F97303
}

.calendar_box .news-list .news-list-content .content-title a .iconfont, .fast_box .news-list .news-list-content .content-title a .iconfont {
    vertical-align: middle;
    font-size: 14px
}

.calendar_box .news-list .news-list-content .content-title .title_name, .fast_box .news-list .news-list-content .content-title .title_name {
    color: #1f2533
}

.calendar_box .news-list .news-list-content .content-title .title_name:hover, .fast_box .news-list .news-list-content .content-title .title_name:hover {
    color: #F97303 !important
}

.calendar_box .news-list .unscramble_box, .fast_box .news-list .unscramble_box {
    margin-top: 8px;
    background: #f7f8fa;
    padding: 12px 16px;
    border-radius: 8px
}

.calendar_box .news-list .unscramble_box .unscramble_top, .fast_box .news-list .unscramble_box .unscramble_top {
    display: flex;
    align-items: center;
    color: var(--tg-icon-color);;
    font-size: 12px;
    line-height: 20px
}

.calendar_box .news-list .unscramble_box .unscramble_top .iconfont, .fast_box .news-list .unscramble_box .unscramble_top .iconfont {
    font-size: 12px;
    margin-right: 6px
}

.calendar_box .news-list .unscramble_box .unscramble_cont, .fast_box .news-list .unscramble_box .unscramble_cont {
    margin-top: 2px
}

.calendar_box .news-list .unscramble_box .unscramble_cont .unscramble_text, .fast_box .news-list .unscramble_box .unscramble_cont .unscramble_text {
    line-height: 22px;
    margin-right: 4px
}

.calendar_box .news-list .unscramble_box .unscramble_cont .unscramble_qua, .fast_box .news-list .unscramble_box .unscramble_cont .unscramble_qua {
    padding: 3px 12px;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 700;
    line-height: 18px;
    display: inline-block
}

.calendar_box .news-list .content-img-box, .fast_box .news-list .content-img-box {
    overflow: auto
}

.calendar_box .news-list .content-img-box .img-box, .fast_box .news-list .content-img-box .img-box {
    float: left;
    width: 80px;
    height: 60px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    margin: 8px 0;
    margin-left: 5px;
    border-radius: 8px
}

.calendar_box .news-list .content-img-box .img-box img, .fast_box .news-list .content-img-box .img-box img {
    width: 100%
}

.calendar_box .news-list .content-img-box .img-box img.heightimg, .fast_box .news-list .content-img-box .img-box img.heightimg {
    width: 100%
}

.calendar_box .news-list .content-img-box .img-box img.widthimg, .fast_box .news-list .content-img-box .img-box img.widthimg {
    width: auto;
    height: 100%
}

.calendar_box .news-list .content-img-box .img-box:nth-child(3n+1), .fast_box .news-list .content-img-box .img-box:nth-child(3n+1) {
    margin-left: 0
}

.calendar_box .news-list .content-height-limit, .fast_box .news-list .content-height-limit {
    max-height: 110px
}

.calendar_box .news-list .news-bottom, .fast_box .news-list .news-bottom {
    overflow: auto
}

.calendar_box .news-list .news-bottom .load-more, .fast_box .news-list .news-bottom .load-more {
    margin-top: 8px;
    float: right;
    color: #F97303;
    display: none;
    cursor: pointer
}

.calendar_box .news-list .website-name, .fast_box .news-list .website-name {
    color: var(--tg-icon-color);;
    float: left
}

.calendar_box .news-list .website-name span, .fast_box .news-list .website-name span {
    margin-left: 8px;
    color: #c4c3cc
}

.calendar_box .calendar_item, .fast_box .calendar_item {
    display: flex;
    padding: 8px 0;
    border-top: 1px solid #eeeef0
}

.calendar_box .calendar_item .calendar_time, .fast_box .calendar_item .calendar_time {
    width: 43px;
    color: var(--tg-icon-color);;
    line-height: 16px;
    font-size: 12px
}

.calendar_box .calendar_item .calendar_item_infor, .fast_box .calendar_item .calendar_item_infor {
    flex: 1
}

.calendar_box .calendar_item .calendar_item_infor .title_box img, .fast_box .calendar_item .calendar_item_infor .title_box img {
    width: 18px;
    height: 12px;
    margin-right: 5px
}

.calendar_box .calendar_item .calendar_item_infor .title_box .title_name, .fast_box .calendar_item .calendar_item_infor .title_box .title_name {
    line-height: 20px;
    font-size: 13px;
    color: #1f2533
}

.calendar_box .calendar_item .calendar_item_infor .title_box .title_name.import, .fast_box .calendar_item .calendar_item_infor .title_box .title_name.import {
    color: #ef5350
}

.calendar_box .calendar_item .calendar_item_infor .list-bottom, .fast_box .calendar_item .calendar_item_infor .list-bottom {
    display: flex;
    flex-wrap: wrap
}

.calendar_box .calendar_item .calendar_item_infor .list-bottom .p, .fast_box .calendar_item .calendar_item_infor .list-bottom .p {
    display: flex;
    margin-top: 5px;
    color: var(--tg-icon-color);;
    font-size: 12px;
    margin-right: 12px;
    line-height: 17px
}

.calendar_box .calendar_item .calendar_item_infor .list-bottom .p:last-child, .fast_box .calendar_item .calendar_item_infor .list-bottom .p:last-child {
    margin-right: 0
}

.calendar_box .calendar_item .calendar_item_infor .list-bottom .p.act_value, .fast_box .calendar_item .calendar_item_infor .list-bottom .p.act_value {
    font-weight: 700
}

.calendar_box .calendar_item .calendar_item_infor .list-bottom .p .value, .fast_box .calendar_item .calendar_item_infor .list-bottom .p .value {
    color: #1f2533;
    margin-left: 3px
}

.calendar_box .calendar_item .calendar_item_infor .list-bottom .p .value.act, .fast_box .calendar_item .calendar_item_infor .list-bottom .p .value.act {
    font-weight: 700
}

.calendar_box .calendar_item .calendar_item_infor .list-bottom .previous-main, .fast_box .calendar_item .calendar_item_infor .list-bottom .previous-main {
    position: relative
}

.calendar_box .calendar_item .calendar_item_infor .list-bottom .previous-main .yellow-point, .fast_box .calendar_item .calendar_item_infor .list-bottom .previous-main .yellow-point {
    position: relative;
    display: inline-block;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color: #f6bc4f;
    top: -7px;
    flex-shrink: 0
}

.calendar_box .calendar_item .calendar_item_infor .list-bottom .previous-main .change-main, .fast_box .calendar_item .calendar_item_infor .list-bottom .previous-main .change-main {
    position: absolute;
    display: none;
    right: 0;
    max-width: 100px;
    min-width: 60px;
    bottom: 20px;
    padding: 2px 8px;
    border-radius: 8px;
    background-color: #fff;
    border: 1px solid #f3f3f3;
    z-index: 99;
    text-align: center
}

.calendar_box .calendar_item .calendar_item_infor .list-bottom .previous-main .change-main p, .fast_box .calendar_item .calendar_item_infor .list-bottom .previous-main .change-main p {
    color: #f6bc4f !important
}

.calendar_box .calendar_item .calendar_item_infor .list-bottom .previous-main:hover .change-main, .fast_box .calendar_item .calendar_item_infor .list-bottom .previous-main:hover .change-main {
    display: block
}

.calendar_box .calendar_item:hover .calendar_item_infor .title_box .title_name, .fast_box .calendar_item:hover .calendar_item_infor .title_box .title_name {
    color: #F97303
}

.calendar_box .news-date, .fast_box .news-date {
    margin-top: 7px;
    padding: 5px 8px;
    line-height: 16px;
    font-size: 12px;
    color: var(--tg-icon-color);;
    background: #f6f6f6;
    text-align: center
}

.calendar_box .important-list .content-title .title_name, .calendar_box .important-list .date, .calendar_box .important-list .list-bottom .p, .calendar_box .important-list .list-bottom .p span, .calendar_box .important-list .list-header span, .calendar_box .important-list .time, .calendar_box .important-list .website-name, .fast_box .important-list .content-title .title_name, .fast_box .important-list .date, .fast_box .important-list .list-bottom .p, .fast_box .important-list .list-bottom .p span, .fast_box .important-list .list-header span, .fast_box .important-list .time, .fast_box .important-list .website-name {
    color: #ef5350 !important
}

.fast_box .type_title {
    padding: 0 5px
}

.fast_box .news-boxs {
    position: relative;
    height: -moz-calc(100vh - 470px);
    height: -webkit-calc(100vh - 470px);
    height: calc(100vh - 470px)
}

.fast_box .news-boxs .scroll-color {
    right: -5px !important
}

.calendar_box .loading {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    width: 50px
}

.calendar_box .loading img {
    width: 100%
}

.index-container .index-section .news-main-box {
    margin-top: 0;
    position: relative
}

.more_center {
    text-align: center;
    background: #fff
}

.more_center .loading-more {
    color: #1f2533;
    margin-top: 16px;
    cursor: pointer;
    display: inline-block;
    justify-content: center;
    font-size: 12px;
    position: relative;
    padding: 4px 9px 4px 11px;
    background: #fff;
    border-radius: 20px;
    border: solid 1px #dcdcdc
}

.more_center .loading-more span {
    line-height: 20px;
    font-size: 12px;
    margin-right: 2px
}

.more_center .loading-more i {
    margin-left: 2px;
    transform: scale(.8333);
    -ms-transform: scale(.8333);
    -moz-transform: scale(.8333);
    -webkit-transform: scale(.8333);
    -o-transform: scale(.8333);
    position: relative;
    color: #dcdcdc;
    top: 2px
}

.more_center .loading-more:hover {
    border-color: #F97303
}

.more_center .loading-more:hover i, .more_center .loading-more:hover span {
    color: #F97303
}

.abstract {
    padding: 24px 32px;
    border: 1px dashed #979797;
    margin: 45px 0 40px;
    border-radius: 4px;
    position: relative;
    font-size: 16px;
    line-height: 24px
}

.abstract .abstract_name {
    position: absolute;
    left: 22px;
    top: -14px;
    background: #fff;
    padding: 0 12px 0 10px;
    color: var(--tg-icon-color);
}

.abstract .abstract_text {
    color: var(--tg-icon-color);
}
.entry-main-content{
    padding-bottom: 30px;
}
.fast_calendar .index-section{
    height: 700px;
    overflow: hidden;
}
.fast_calendar .cont_other{
    display: none;
}
.fast_calendar .news-list{
    border-bottom: 1px solid #f0f0f0;
    padding: 10px 5px;
}
.fast_calendar .news-list:hover{
    background-color: #F9F9F9;
}
.fast_calendar .title_name{
    font-weight: 500;
    color: var(--tg-heading-font-color);
    font-size: 13px;
}
.fast_calendar .date{
    color: var(--tg-icon-color);
    font-size: 13px;
}

.calendar-container .loading {
    padding: 250px 0;
    text-align: center
}

/*.calendar-container .calendar-box {*/
/*    max-width: 1200px;*/
/*    padding: 0 16px;*/
/*    margin: 0 auto;*/
/*    display: flex*/
/*}*/
.calendar-container{
    overflow: hidden;
}
.calendar-container .calendar-main {
    position: relative;
    width: 100%;
    flex: 1;
    background: #fff;
    padding: 13px 0 24px 0;
    box-sizing: border-box;
    float: left;
    margin-top: 27px;
    min-height: 849px
}

.calendar-container .calendar-main .main-header {
    padding: 12px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap
}

.calendar-container .calendar-main .main-header .label-title {
    padding: 0 0 12px 0;
    margin-right: 24px;
    line-height: 34px
}

.calendar-container .calendar-main .main-header .label-title .title_text {
    margin-right: 11px;
    font-size: 24px;
}

.calendar-container .calendar-main .main-header .label-title .tips {
    font-size: 14px;
    color: #333;
    font-weight: 400
}

.calendar-container .calendar-main .main-header .header-right {
    display: flex;
    padding: 0 0 12px 0
}

.calendar-container .calendar-main .main-header .header-right .right-date {
    cursor: pointer;
    position: relative;
    line-height: 20px;
    border-radius: 18px;
    border: solid 1px #dcdcdc;
    display: flex;
    min-width: 135px;
    box-sizing: border-box
}

.calendar-container .calendar-main .main-header .header-right .right-date .iconfont {
    font-size: 12px;
    color: #c4c3cc;
    position: absolute;
    line-height: 34px;
    top: -1px
}

.calendar-container .calendar-main .main-header .header-right .right-date .iconfont.icon-bl-icon-calendar-def {
    left: 16px
}

.calendar-container .calendar-main .main-header .header-right .right-date .iconfont.icon-bl-icon-down-def, .calendar-container .calendar-main .main-header .header-right .right-date .iconfont.icon-bl-icon-up-def {
    right: 16px
}

.calendar-container .calendar-main .main-header .header-right .right-date span {
    font-size: 12px;
    font-weight: 600;
    color: #333;
    padding: 6px 36px 6px 32px;
    position: relative;
    min-width: 100%;
    box-sizing: border-box;
    z-index: 2;
    white-space: nowrap
}

.calendar-container .calendar-main .main-header .header-right .right-filter {
    position: relative;
    margin-right: 24px;
    line-height: 20px;
    border-radius: 18px;
    border: solid 1px #dcdcdc
}

.calendar-container .calendar-main .main-header .header-right .right-filter i {
    font-size: 12px;
    color: #c4c3cc
}

.calendar-container .calendar-main .main-header .header-right .right-filter .filter-text {
    cursor: pointer;
    display: flex;
    padding: 6px 16px
}

.calendar-container .calendar-main .main-header .header-right .right-filter .filter-text span {
    font-size: 12px;
    font-weight: 600;
    color: #333;
    margin: 0 8px 0 4px;
    white-space: nowrap
}

.calendar-container .calendar-main .main-header .header-right .right-filter .icon-bl-icon-label-checkbox-sel {
    color: var(--tg-primary-color); !important
}

.calendar-container .calendar-main .main-header .header-right .right-filter .setting-main::before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 10px solid #fff;
    z-index: 2;
    right: 160px;
    top: -9px
}

.calendar-container .calendar-main .main-header .header-right .select-list {
    border: 1px solid #f0f0f0;
    display: inline-block;
    color: #333;
    cursor: pointer;
    position: relative;
    width: 171px;
    box-sizing: border-box;
    text-align: left;
    border-radius: 20px
}

.calendar-container .calendar-main .main-header .header-right .select-list .select_name {
    color: #1f2533;
    display: block;
    position: relative;
    z-index: 2;
    padding: 5px 12px;
    box-sizing: border-box;
    height: 32px
}

.calendar-container .calendar-main .main-header .header-right .select-list .iconfont {
    font-size: 12px;
    position: absolute;
    right: 12px;
    top: 11px
}

.calendar-container .calendar-main .main-header .header-right .select-list .scroll-color {
    top: 0 !important;
    right: 5px !important
}

.calendar-container .calendar-main .main-header .header-right .select-list .select-list-main {
    position: absolute;
    width: 170px;
    display: none;
    left: 0;
    background: #fff;
    box-shadow: 0 2px 12px 0 rgba(154, 154, 154, .4);
    box-sizing: border-box;
    top: 48px;
    z-index: 22;
    border-radius: 8px;
    overflow: hidden
}

.calendar-container .calendar-main .main-header .header-right .select-list .select-list-main ul {
    padding: 5px 0;
    max-height: 248px
}

.calendar-container .calendar-main .main-header .header-right .select-list .select-list-main li {
    color: #1f2533;
    padding: 0 18px !important;
    line-height: 38px !important;
    height: 39px
}

.calendar-container .calendar-main .main-header .header-right .select-list .select-list-main li:hover {
    background: #f9fafb
}

.calendar-container .calendar-main .main-header .header-right .select-list .select-list-main .active {
    background: #f0f0f0
}

.calendar-container .calendar-main .main-header .header-right .select-list {
    border: 1px solid #dcdcdc;
    height: 32px;
    display: inline-block;
    color: #333;
    cursor: pointer;
    position: relative;
    box-sizing: border-box;
    text-align: left;
    border-radius: 20px
}

.calendar-container .calendar-main .main-header .header-right .select-list .select_name {
    color: #333;
    height: 30px;
    display: block;
    width: 100%;
    padding: 5px 32px 5px 16px;
    box-sizing: border-box;
    font-size: 12px;
    line-height: 20px;
    position: relative;
    z-index: 2;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    word-wrap: normal;
    min-width: 60px
}

.calendar-container .calendar-main .main-header .header-right .select-list > .iconfont {
    line-height: 30px;
    top: 1px;
    color: #c4c3cc;
    font-size: 12px;
    position: absolute;
    right: 12px
}

.calendar-container .calendar-main .main-header .header-right .select-list .select-list-main {
    position: absolute;
    width: 100%;
    display: none;
    left: 0;
    background: #fff;
    box-shadow: 0 2px 6px 0 rgba(154, 154, 154, .4);
    box-sizing: border-box;
    z-index: 10;
    top: 34px;
    border-radius: 8px;
    overflow: hidden
}

.calendar-container .calendar-main .main-header .header-right .select-list .select-list-main ul {
    padding: 5px 0;
    overflow-y: hidden;
    max-height: 248px
}

.calendar-container .calendar-main .main-header .header-right .select-list .select-list-main li {
    font-size: 12px;
    line-height: 22px;
    color: #1f2533;
    padding: 10px 18px
}

.calendar-container .calendar-main .main-header .header-right .select-list .select-list-main li:hover {
    background: #f9fafb
}

.calendar-container .calendar-main .main-header .header-right .select-list .select-list-main .active {
    background: #f0f0f0
}

.calendar-container .calendar-main .main-header .header-right .select-list {
    margin-right: 24px;
    height: 34px;
    width: auto
}

.calendar-container .calendar-main .main-header .header-right .select-list .select_name {
    height: 32px;
    line-height: 22px;
    font-weight: 700
}

.calendar-container .calendar-main .main-header .header-right .select-list .select-list-main li {
    color: #333;
    font-weight: 700
}

.calendar-container .calendar-main .main-header .header-right .select-list > .iconfont {
    line-height: 32px
}

.calendar-container .calendar-main .calendar-filter-popver {
    display: none;
    position: absolute;
    z-index: 3;
    box-shadow: 0 4px 30px 0 rgba(0, 0, 0, .12);
    background-color: #fff;
    width: 100%;
    box-sizing: border-box;
    left: 0;
    top: 77px;
    padding: 0 24px;
    border-radius: 16px
}

.calendar-container .calendar-main .calendar-filter-popver::before {
    position: absolute;
    width: 0;
    height: 0;
    top: -24px;
    right: 195px;
    content: "";
    border: 13px solid #fff;
    border-top-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent
}

.calendar-container .calendar-main .calendar-filter-popver .setting-nav {
    height: 62px;
    line-height: 62px;
    background-color: #fff;
    border-bottom: 1px solid #f0f0f0;
    box-sizing: border-box
}

.calendar-container .calendar-main .calendar-filter-popver .setting-nav li {
    display: inline-block;
    color: #343242;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
    margin-right: 24px;
    border-radius: 20px;
    cursor: pointer
}

.calendar-container .calendar-main .calendar-filter-popver .setting-nav li.active {
    padding: 6px 16px;
    background-color: var(--tg-primary-color);;
    color: #fff;
    margin-right: 24px
}

.calendar-container .calendar-main .calendar-filter-popver .setting-body {
    padding: 0 0 32px
}

.calendar-container .calendar-main .calendar-filter-popver .setting-body .setting-list {
    display: none
}

.calendar-container .calendar-main .calendar-filter-popver .setting-body .country-setting, .calendar-container .calendar-main .calendar-filter-popver .setting-body .more-setting {
    position: relative
}

.calendar-container .calendar-main .calendar-filter-popver .setting-body .country-setting::before, .calendar-container .calendar-main .calendar-filter-popver .setting-body .more-setting::before {
    content: "";
    position: absolute;
    z-index: -1;
    left: -24px;
    top: 0;
    box-sizing: border-box;
    width: 152px;
    height: 100%;
    background-color: #f9fafb;
    background-clip: content-box
}

.calendar-container .calendar-main .calendar-filter-popver .setting-body .country-setting #country-setting, .calendar-container .calendar-main .calendar-filter-popver .setting-body .country-setting #more-setting, .calendar-container .calendar-main .calendar-filter-popver .setting-body .more-setting #country-setting, .calendar-container .calendar-main .calendar-filter-popver .setting-body .more-setting #more-setting {
    max-height: 440px
}

.calendar-container .calendar-main .calendar-filter-popver .setting-body .state-list-wrap {
    display: flex;
    padding: 14px 0;
    border-bottom: 1px solid #f0f0f0
}

.calendar-container .calendar-main .calendar-filter-popver .setting-body .state-title {
    flex: 0 0 128px;
    font-size: 14px;
    font-weight: 600;
    line-height: 22px;
    color: #1f2533
}

.calendar-container .calendar-main .calendar-filter-popver .setting-body .state-list {
    display: flex;
    flex-wrap: wrap;
    background-color: #fff
}

.calendar-container .calendar-main .calendar-filter-popver .setting-body .state-item {
    display: flex;
    align-items: center;
    height: 22px;
    margin-left: 23px;
    cursor: pointer
}
.calendar-container .calendar-main .calendar-filter-popver .setting-body .state-item span{
    padding-top: 8px;
}

.calendar-container .calendar-main .calendar-filter-popver .setting-body .state-item > .iconfont {
    width: 16px;
    height: 16px;
    margin-right: 8px;
    color: #c4c3cc
}

.calendar-container .calendar-main .calendar-filter-popver .setting-body .state-item > .iconfont.icon-bl-icon-label-checkbox-sel {
    color: var(--tg-primary-color);
}

.calendar-container .calendar-main .calendar-filter-popver .setting-body .state-item > .text {
    font-size: 12px;
    line-height: 1;
    color: #1f2533
}

.calendar-container .calendar-main .calendar-filter-popver .setting-body .state-item > .start-list {
    display: flex
}

.calendar-container .calendar-main .calendar-filter-popver .setting-body .state-item .icon-bl-icon-star-def {
    font-size: 13px
}

.calendar-container .calendar-main .calendar-filter-popver .setting-body .state-item .icon-bl-icon-star-def.star-grey {
    color: #e1e1e6
}

.calendar-container .calendar-main .calendar-filter-popver .setting-body .state-item .icon-bl-icon-star-def.star-yellow {
    color: #f6bc4f
}

.calendar-container .calendar-main .calendar-filter-popver .setting-body .state-item .icon-bl-icon-star-def.star-red {
    color: #ef5350
}

.calendar-container .calendar-main .calendar-filter-popver .setting-body .state-item .icon-bl-icon-star-def:nth-of-type(n+2) {
    margin-left: 4px
}

.calendar-container .calendar-main .calendar-filter-popver .setting-body .country-item {
    display: flex;
    border-top: 1px solid #f0f0f0;
    padding: 12px 0 4px
}

.calendar-container .calendar-main .calendar-filter-popver .setting-body .country-item:first-child {
    border: none
}

.calendar-container .calendar-main .calendar-filter-popver .setting-body .country-item .all-select {
    flex: 0 0 128px;
    display: flex;
    align-items: center;
    height: 22px;
    margin-right: 24px;
    color: #343242;
    padding-left: 1px
}

.calendar-container .calendar-main .calendar-filter-popver .setting-body .country-item .all-select.active i {
    color: var(--tg-primary-color);
}

.calendar-container .calendar-main .calendar-filter-popver .setting-body .country-item .all-select i {
    width: 16px;
    height: 16px;
    margin-right: 8px;
    color: #c4c3cc
}

.calendar-container .calendar-main .calendar-filter-popver .setting-body .country-item .all-select span {
    font-size: 12px;
    font-weight: 600
}

.calendar-container .calendar-main .calendar-filter-popver .setting-body .country-item ul {
    flex: 1;
    margin: 0
}

.calendar-container .calendar-main .calendar-filter-popver .setting-body .country-item span {
    font-size: 12px;
    margin-top: 5px
}

.calendar-container .calendar-main .calendar-filter-popver .setting-body .all-select {
    cursor: pointer
}

.calendar-container .calendar-main .calendar-filter-popver .setting-body ul {
    margin-top: 15px
}

.calendar-container .calendar-main .calendar-filter-popver .setting-body ul li {
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    height: 22px;
    margin-right: 24px;
    margin-bottom: 8px;
    color: #343242
}

.calendar-container .calendar-main .calendar-filter-popver .setting-body ul li.active i {
    color: var(--tg-primary-color);
}

.calendar-container .calendar-main .calendar-filter-popver .setting-body ul li i {
    margin-right: 8px;
    width: 16px;
    height: 16px;
    color: #c4c3cc
}

.calendar-container .calendar-main .calendar-filter-popver .setting-body ul li span {
    font-size: 14px
}

.calendar-container .calendar-main .calendar-filter-popver .setting-body .btn-group {
    text-align: center;
    margin-top: 24px
}

.calendar-container .calendar-main .calendar-filter-popver .setting-body .btn a {
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    line-height: 21px;
    padding: 1px 15px
}

.calendar-container .calendar-main .calendar-filter-popver .setting-body .btn-group .sure-btn {
    border: solid 1px var(--tg-primary-color);;
    background-color: var(--tg-primary-color);;
    color: #fff;
    margin-right: 19px;
    border-radius: 20px;
    padding: 5px 30px;
    font-size: 16px;
    font-weight: bold;
}

.calendar-container .calendar-main .calendar-filter-popver .setting-body .btn-group .clear-btn {
    border: solid 1px #bebdc7;
    background-color: #fff;
    color: #333;
    border-radius: 20px;
    padding: 5px 30px;
    font-size: 16px;
    font-weight: bold;
}

.calendar-container .calendar-main .main-week {
    border-top: 1px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0;
    padding: 4px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.calendar-container .calendar-main .main-week .week-operate {
    display: flex;
    position: relative;
    cursor: pointer;
    align-items: center
}

.calendar-container .calendar-main .main-week .week-operate i {
    color: var(--tg-primary-color);;
    position: relative;
    top: 1px;
    left: -2px
}

.calendar-container .calendar-main .main-week .week-operate span {
    font-size: 13px;
    font-weight: 500;
    color: #1f2533;
    padding: 2px
}

.calendar-container .calendar-main .main-week .week-operate.week-right span {
    text-align: right
}

.calendar-container .calendar-main .main-week .week-operate.week-right i {
    left: 1px
}

.calendar-container .calendar-main .main-week .week-main {
    display: inline-block;
    flex: 1
}

.calendar-container .calendar-main .main-week .week-main ul {
    display: flex;
    justify-content: space-around
}

.calendar-container .calendar-main .main-week .week-main ul li {
    display: inline-block;
    width: 55px;
    height: 55px;
    text-align: center;
    cursor: pointer;
    padding-top: 3px;
    box-sizing: border-box;
    border-radius: 4px
}

.calendar-container .calendar-main .main-week .week-main ul li p {
    font-weight: 600;
    text-align: center;
    color: #333;
    margin-bottom: 0px
}

.calendar-container .calendar-main .main-week .week-main ul .active {
    background-color: var(--tg-primary-color);
}

.calendar-container .calendar-main .main-week .week-main ul .active p {
    color: #fff
}

.calendar-container .calendar-main .no-data {
    width: 100%;
    text-align: center;
    clear: both;
    padding: 50px 0;
    display: none
}

.calendar-container .calendar-main .no-data img {
    width: 232px
}

.calendar-container .calendar-main .no-data p {
    text-align: center;
    color: #333;
    margin-top: 12px
}

.calendar-container .calendar-main .fixed-box .table-header {
    position: fixed;
    top: 56px
}

.calendar-container .calendar-main .main-table {
    margin-top: 16px;
    width: 100%;
    color: #1f2533;
    font-size: 13px;
}

.calendar-container .calendar-main .main-table .thead {
    text-align: center
}

.calendar-container .calendar-main .main-table .thead .tr {
    display: flex;
    align-items: center
}

.calendar-container .calendar-main .main-table .thead .tr .th {
    display: inline-block;
    padding: 0;
    color: #5d5c66
}

.calendar-container .calendar-main .main-table .thead .tr .th.actual_nub {
    width: 11%
}

.calendar-container .calendar-main .main-table .thead .tr .th .effct_tip {
    position: relative;
    padding-right: 18px;
    display: inline-block;
    cursor: pointer
}

.calendar-container .calendar-main .main-table .thead .tr .th .effct_tip .effct_tipname {
    font-weight: 700
}

.calendar-container .calendar-main .main-table .thead .tr .th .effct_tip .iconfont {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 12px;
    color: #c4c3cc
}

.calendar-container .calendar-main .main-table .thead .tr .th .effct_tip .effect_tipbpx {
    position: absolute;
    display: none;
    width: 268px;
    padding-top: 10px;
    z-index: 7;
    right: -100px;
    top: 20px;
    color: #1f2533;
    font-weight: 400;
    cursor: default;
    font-size: 14px;
    text-align: left;
    border-radius: 6px
}

.calendar-container .calendar-main .main-table .thead .tr .th .effct_tip .effect_tipbpx .tip_textbox {
    padding: 10px 20px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 2px 12px 0 rgba(154, 154, 154, .4)
}

.calendar-container .calendar-main .main-table .thead .tr .th .effct_tip .effect_tipbpx:before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
    z-index: 2;
    right: 96px;
    top: 0
}

.calendar-container .calendar-main .main-table .thead .tr .th .effct_tip:hover .effect_tipbpx {
    display: block
}

.calendar-container .calendar-main .main-table .tbody {
    text-align: center
}

.calendar-container .calendar-main .main-table .tbody .gailv {
    display: none
}

.calendar-container .calendar-main .main-table .tbody .gailv_box {
    margin-top: 2px
}

.calendar-container .calendar-main .main-table .tbody .tr-body, .calendar-container .calendar-main .main-table .tbody .tr-header {
    display: inline-block
}

.calendar-container .calendar-main .main-table .tbody .tr-body-main {
    flex: 1
}

.calendar-container .calendar-main .main-table .tbody .tr {
    padding: 0 24px
}

.calendar-container .calendar-main .main-table .tbody .tr.gay_cor {
    background: #f6f6f6
}

.calendar-container .calendar-main .main-table .tbody .tr .tr_more {
    border-bottom: 1px solid #eeeef0
}

.calendar-container .calendar-main .main-table .tbody .tr .tr_box {
    display: flex;
    align-items: center
}

.calendar-container .calendar-main .main-table .tbody .tr .tr_box .tr-body {
    border-top: 1px solid #eeeef0
}

.calendar-container .calendar-main .main-table .tbody .tr .tr_box:nth-child(1) .tr-body {
    border-top: none
}

.calendar-container .calendar-main .main-table .tbody .tr .td {
    display: inline-block;
    vertical-align: middle
}

.calendar-container .calendar-main .main-table .tbody .tr-header {
    height: 100%;
    width: 72px;
    display: flex;
    align-items: center;
    position: relative;
    top: 2px
}

.calendar-container .calendar-main .main-table .tbody .tr-body {
    padding: 7px 0 6px;
    min-height: 47px;
    display: flex;
    align-items: center
}

.calendar-container .calendar-main .main-table .table-headerbox {
    width: 100%;
    min-height: 42px
}

.calendar-container .calendar-main .main-table .table-header {
    background: #edeef0;
    font-weight: 600;
    color: #5d5c66;
    z-index: 23;
    box-sizing: border-box
}

.calendar-container .calendar-main .main-table .table-header .tr {
    padding: 10px 24px;
    box-sizing: border-box
}

.calendar-container .calendar-main .main-table .table-header .tr .tr_head {
    width: 72px;
    display: flex;
    align-items: center
}

.calendar-container .calendar-main .main-table .table-header .tr .tr-head-main {
    flex: 1;
    display: flex;
    align-items: center
}

.calendar-container .calendar-main .main-table .table-body .star {
    display: flex;
    justify-content: center
}

.calendar-container .calendar-main .main-table .table-body .star i {
    font-size: 13px;
    margin: 0 1px
}

.calendar-container .calendar-main .main-table .table-body .star .star-yellow {
    color: #f6bc4f
}

.calendar-container .calendar-main .main-table .table-body .star .star-red {
    color: #ef5350
}

.calendar-container .calendar-main .main-table .table-body .star .star-grey {
    color: #e1e1e6
}

.calendar-container .calendar-main .main-table .table-body .color-red {
    padding: 0 12px 0 0
}

.calendar-container .calendar-main .main-table .table-body .color-red img {
    width: 28px
}

.calendar-container .calendar-main .main-table .table-body .parent_ul {
    padding: 14px 0;
    overflow: auto;
    clear: both;
    border-bottom: 1px solid #f0f0f0
}

.calendar-container .calendar-main .main-table .table-body .effect {
    line-height: 28px
}

.calendar-container .calendar-main .main-table .table-body .effect .chart-wrap {
    display: flex;
    padding-top: 10px
}

.calendar-container .calendar-main .main-table .table-body .effect .chart-wrap .explanation {
    margin: 3px 10px
}

.calendar-container .calendar-main .main-table .table-body .effect .effect-content {
    width: 146px;
    height: 28px;
    margin: 0 auto;
    box-sizing: border-box
}

.calendar-container .calendar-main .main-table .table-body .effect .effect-main {
    position: relative;
    cursor: pointer
}

.calendar-container .calendar-main .main-table .table-body .effect .effect-main .drop-main {
    position: absolute;
    top: 27px;
    left: 0;
    width: 100%;
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, .23);
    background-color: #fff;
    z-index: 2;
    display: none;
    padding: 4px 0
}

.calendar-container .calendar-main .main-table .table-body .effect .effect-main .drop-main p {
    line-height: 28px;
    font-weight: 600
}

.calendar-container .calendar-main .main-table .table-body .effect .effect-main .drop-main p:hover {
    opacity: .8
}

.calendar-container .calendar-main .main-table .table-body .effect .effect-main .drop-main i {
    font-size: 8px
}

.calendar-container .calendar-main .main-table .table-body .effect .effect-main .drop-main .color-red {
    color: #ef5350
}

.calendar-container .calendar-main .main-table .table-body .effect .effect-main .drop-main .color-green {
    color: #26a69a
}

.calendar-container .calendar-main .main-table .table-body .effect .chart-content .select-list {
    margin-top: 0
}

.calendar-container .calendar-main .main-table .table-body .previous-hover {
    cursor: pointer
}

.calendar-container .calendar-main .main-table .table-body .previous-main {
    position: relative;
    display: inline-block
}

.calendar-container .calendar-main .main-table .table-body .previous-main .previous-box {
    position: relative;
    display: flex;
    align-items: center
}

.calendar-container .calendar-main .main-table .table-body .previous-main .yellow-point {
    position: absolute;
    display: inline-block;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color: #f6bc4f;
    left: -8px;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    top: 50%;
    flex-shrink: 0
}

.calendar-container .calendar-main .main-table .table-body .previous-main .change-main {
    position: absolute;
    display: none;
    left: -26px;
    top: 22px;
    padding: 2px 8px;
    border-radius: 8px;
    background-color: #fff;
    border: 1px solid #f3f3f3;
    z-index: 99
}

.calendar-container .calendar-main .main-table .table-body .previous-main .change-main p {
    color: #f6bc4f;
    white-space: nowrap
}

.calendar-container .calendar-main .main-table .table-body .previous-main:hover .change-main {
    display: block
}

.calendar-container .calendar-main .main-table .border-green {
    border: 1px solid #26a69a;
    color: #26a69a
}

.calendar-container .calendar-main .main-table .bg-green {
    border: 1px solid #26a69a;
    color: #fff;
    background: #26a69a
}

.calendar-container .calendar-main .main-table .border-red {
    border: 1px solid #ef5350;
    color: #ef5350
}

.calendar-container .calendar-main .main-table .bg-red {
    border: 1px solid #ef5350;
    color: #fff;
    background: #ef5350
}

.calendar-container .calendar-main .main-table .border-yellow {
    border: 1px solid #f6bc4f;
    color: #f6bc4f
}

.calendar-container .calendar-main .main-table .bg-yellow {
    border: 1px solid #f6bc4f;
    color: #fff;
    background: #f6bc4f
}

.calendar-container .calendar-main .main-table .bg-no {
    color: #333
}

.calendar-container .calendar-main .main-table .content-important .color-red {
    color: #ef5350 !important
}

.calendar-container .calendar-main .main-table .content-important .border-green {
    background: #26a69a;
    color: #fff
}

.calendar-container .calendar-main .main-table .date {
    width: 100%;
    flex-shrink: 0;
    font-size: 14px;
    text-align: left;
    box-sizing: border-box;
    color: #333
}

.calendar-container .calendar-main .main-table .date span {
    display: block
}

.calendar-container .calendar-main .main-table .nation {
    width: 40px;
    flex-shrink: 0
}

.calendar-container .calendar-main .main-table .nation img {
    width: 24px;
    height: 16px;
    border-radius: 4px;
    display: block
}

.calendar-container .calendar-main .main-table .name {
    text-align: left;
    width: 45%
}

.calendar-container .calendar-main .main-table .name.even_name {
    width: 82%
}

.calendar-container .calendar-main .main-table .name.holiday_name {
    width: auto;
    flex: 1;
    color: #8a8f99 !important
}

.calendar-container .calendar-main .main-table .name.holiday_name .name-text1 {
    color: #8a8f99 !important
}

.calendar-container .calendar-main .main-table .name .name-text1, .calendar-container .calendar-main .main-table .name a, .calendar-container .calendar-main .main-table .name span {
    color: #1f2533
}

.calendar-container .calendar-main .main-table .name .name-text {
    cursor: pointer;
    display: flex;
    align-items: center
}

.calendar-container .calendar-main .main-table .name .name-text .event_img {
    width: 32px;
    height: 32px;
    border-radius: 32px;
    margin-right: 8px
}

.calendar-container .calendar-main .main-table .name .name-text:hover {
    color: var(--tg-primary-color); !important
}

.calendar-container .calendar-main .main-table .name .name-text:hover span {
    color: var(--tg-primary-color); !important
}

.calendar-container .calendar-main .main-table .name.content-important {
    font-weight: 700
}

.calendar-container .calendar-main .main-table .name.content-important {
    font-weight: 700
}

.calendar-container .calendar-main .main-table .important {
    width: 75px;
    flex-shrink: 0;
    text-align: left
}

.calendar-container .calendar-main .main-table .important .star {
    justify-content: normal
}

.calendar-container .calendar-main .main-table .value {
    width: 9%;
    text-align: left
}

.calendar-container .calendar-main .main-table .value.value_nub {
    font-size: 14px
}

.calendar-container .calendar-main .main-table .value.value_nub.actual_nub {
    font-size: 14px;
    font-weight: 700;
    width: 11%
}

.calendar-container .calendar-main .main-table .value.value_nub.actual_nub .waitend {
    font-size: 13px;
    color: #333 !important;
    font-weight: 400
}

.calendar-container .calendar-main .main-table .value.value_nub.actual_nub .iswait {
    font-size: 13px;
    font-weight: 400;
    color: #333 !important
}

.calendar-container .calendar-main .main-table .effect {
    width: 22%
}

.calendar-container .calendar-main .main-table .effect .color-red span {
    color: #ef5350 !important
}

.calendar-container .calendar-main .main-table .effect .calendar-chart .no_actual {
    display: none
}

.calendar-container .calendar-main .main-table .explanation {
    width: 17%;
    display: none !important;
    justify-content: center;
    align-items: center
}

.calendar-container .calendar-main .main-table .explanation .iconfont {
    color: #c4c3cc;
    padding: 9px;
    cursor: pointer
}

.calendar-container .calendar-main .main-table .explanation .iconfont.icon-bl-icon-warnadd-def {
    color: var(--tg-primary-color);
}

.calendar-container .calendar-main .main-table .explanation .iconfont.icon-bl-icon-warnclose-def {
    cursor: not-allowed
}

.calendar-container .calendar-main .main-table .explanation .iconfont:hover {
    background: #f6f6f6;
    color: var(--tg-primary-color);
}

.calendar-container .calendar-main .main-table .explanation .no_warn {
    width: 16px;
    height: 16px;
    padding: 9px
}

.calendar-container .calendar-main .main-table .explanation .more {
    padding: 6px 23px;
    background: var(--tg-primary-color);;
    color: #fff;
    border-radius: 20px;
    margin-left: 12px;
    display: block;
    white-space: nowrap
}

.calendar-container .calendar-main .main-table.vi .calendar-chart .chart-content .select-list > span {
    transform: scale(.8333);
    -ms-transform: scale(.8333);
    -moz-transform: scale(.8333);
    -webkit-transform: scale(.8333);
    -o-transform: scale(.8333);
    margin-left: -15px;
    width: 120%
}

.create-warn-popup-main {
    width: 480px;
    height: auto;
    text-align: left;
    padding: 40px 24px;
    box-sizing: border-box;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    bottom: auto;
    right: auto;
    margin: 0
}

.create-warn-popup-main .warn-title {
    font-size: 18px;
    color: #1f2533;
    font-weight: 700
}

.create-warn-popup-main .create-main .create-text {
    color: #1f2533;
    border-bottom: 1px solid #f0f0f0;
    font-weight: 700;
    padding: 24px 0 12px 0;
    margin-bottom: 80px
}

.create-warn-popup-main .create-main .list-select {
    border: 1px solid #f0f0f0;
    padding: 0 16px;
    height: 32px;
    box-sizing: border-box;
    line-height: 32px;
    cursor: pointer;
    position: absolute;
    bottom: 40px;
    left: 24px;
    border-radius: 20px
}

.create-warn-popup-main .create-main .list-select .select-text {
    color: #1f2533
}

.create-warn-popup-main .create-main .list-select .select-text .iconfont {
    font-size: 12px;
    position: relative;
    top: 1px;
    margin-left: 5px;
    color: #333
}

.create-warn-popup-main .create-main .list-select .select-main {
    width: 100%;
    position: absolute;
    display: none;
    padding: 5px 0;
    box-sizing: border-box;
    box-shadow: 0 2px 12px 0 rgba(154, 154, 154, .4);
    background-color: #fff;
    z-index: 2;
    top: 32px;
    left: 0;
    border-radius: 8px
}

.create-warn-popup-main .create-main .list-select .select-main p {
    line-height: 22px;
    font-size: 12px;
    color: #1f2533;
    padding: 8px 16px
}

.create-warn-popup-main .create-main .list-select .select-main p:hover {
    background: #f9fafb
}

.create-warn-popup-main .create-main .create-warn-btn {
    width: 80px;
    height: 40px;
    background: var(--tg-primary-color);;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
    line-height: 40px;
    text-align: center;
    position: absolute;
    bottom: 40px;
    right: 24px;
    margin-top: 42px;
    border-radius: 20px
}

.calender-list-mobile {
    display: none
}

.calender-list-mobile .list-item {
    position: relative;
    border-bottom: 1px solid #edeef0;
    padding: 12px 0px
}

.calender-list-mobile .list-item.holiday, .calender-list-mobile .list-item.isDetermine {
    background: #f6f6f6
}

.calender-list-mobile .list-item .item_top {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.calender-list-mobile .list-item .item_top .top_left {
    display: flex;
    align-items: center;
    flex: 1;
    margin-bottom: 7px
}

.calender-list-mobile .list-item .item_top .top_left .time {
    font-size: 13px;
    color: #333;
    margin-right: 8px;
    white-space: nowrap
}

.calender-list-mobile .list-item .item_top .top_left .holiday_time {
    font-size: 13px;
    color: #c4c3cc
}

.calender-list-mobile .list-item .item_top .top_left .star {
    display: flex
}

.calender-list-mobile .list-item .item_top .top_left .star i {
    font-size: 12px;
    margin: 0 1px
}

.calender-list-mobile .list-item .item_top .top_left .star .star-red {
    color: #ef5350
}

.calender-list-mobile .list-item .item_top .top_left .star .star-yellow {
    color: #f6bc4f
}

.calender-list-mobile .list-item .item_top .top_left .star .star-grey {
    color: #e1e1e6
}

.calender-list-mobile .list-item .item_top .top_left .explanation {
    width: auto;
    margin-left: 7px
}

.calender-list-mobile .list-item .item_top .top_left .explanation .iconfont {
    color: #c4c3cc;
    padding: 3px 2px
}

.calender-list-mobile .list-item .item_top .top_left .explanation .iconfont.icon-bl-icon-warnadd-def {
    color: var(--tg-primary-color);
}

.calender-list-mobile .list-item .item_top .top_left .explanation .iconfont.icon-bl-icon-warnclose-def {
    cursor: not-allowed
}

.calender-list-mobile .list-item .item_top .top_left .explanation .iconfont:hover {
    background: 0 0;
    color: var(--tg-primary-color);
}

.calender-list-mobile .list-item .item_top .top_right {
    flex: 1;
    margin-bottom: 7px;
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.calender-list-mobile .list-item .item_top .top_right .calendar-chart .chart-content .select-list {
    margin-top: 0
}

.calender-list-mobile .list-item .item_top .top_right .calendar-chart .chart-content .no_actual {
    display: none
}

.calender-list-mobile .list-item .item_top .top_right > .iconfont {
    padding: 3px 5px;
    position: relative;
    cursor: pointer;
    left: 5px;
    color: #c4c3cc
}

.calender-list-mobile .list-item .item_top .top_right > .iconfont:hover {
    color: var(--tg-primary-color);
}

.calender-list-mobile .list-item .title_country img {
    width: 24px;
    height: 16px;
    margin-right: 8px;
    display: inline-block;
    position: relative;
    top: 3px
}

.calender-list-mobile .list-item .title_country .name-text1 {
    display: inline;
    font-size: 14px;
    color: #1f2533;
    line-height: 18px
}

.calender-list-mobile .list-item .title_country .name-text {
    display: inline;
    font-size: 14px;
    color: #1f2533;
    line-height: 18px
}

.calender-list-mobile .list-item .title_country .name-text.important-text {
    color: #ef5350
}

.calender-list-mobile .list-item .title_country .name-text:hover {
    color: var(--tg-primary-color);
}

.calender-list-mobile .list-item .content_boxs {
    margin-top: 5px;
    display: flex;
    flex-wrap: wrap
}

.calender-list-mobile .list-item .content_boxs .value_box {
    margin-top: 5px;
    line-height: 18px;
    display: flex;
    align-items: center;
    white-space: nowrap;
    margin-right: 8px;
    position: relative
}

.calender-list-mobile .list-item .content_boxs .value_box:last-child {
    margin-right: 0
}

.calender-list-mobile .list-item .content_boxs .value_box:nth-child(1) {
    min-width: 33%
}

.calender-list-mobile .list-item .content_boxs .value_box:nth-child(2) {
    flex: 1
}

.calender-list-mobile .list-item .content_boxs .value_box.act_value {
    font-weight: 700
}

.calender-list-mobile .list-item .content_boxs .value_box span {
    font-size: 12px
}

.calender-list-mobile .list-item .content_boxs .value_box span.value_name {
    color: #8a8f99
}

.calender-list-mobile .list-item .content_boxs .value_box span.nub {
    color: #1f2533;
    margin-left: 3px
}

.calender-list-mobile .list-item .content_boxs .value_box .yellow-point {
    position: relative;
    display: inline-block;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color: #f6bc4f;
    top: -7px;
    flex-shrink: 0
}

.calender-list-mobile .list-item .content_boxs .value_box .change-main {
    position: absolute;
    display: none;
    right: 0;
    max-width: 100px;
    min-width: 60px;
    bottom: 20px;
    padding: 2px 8px;
    border-radius: 8px;
    background-color: #fff;
    border: 1px solid #f3f3f3;
    z-index: 99;
    text-align: center
}

.calender-list-mobile .list-item .content_boxs .value_box .change-main p {
    color: #f6bc4f !important
}

.calender-list-mobile .list-item .content_boxs .value_box:hover .change-main {
    display: block
}

@media screen and (max-width: 890px) {
    .data-table .table-body, .data-table .table-headerbox {
        display: none
    }

    .calender-list-mobile {
        display: block
    }
}

@media screen and (max-width: 600px) {
    .calendar-container .calendar-main .main-week .week-operate span {
        display: none
    }
}
@media only screen and (max-width:480px){
    .calendar-container .calendar-main{
        margin-top: 0px;
    }
    .calendar-container .calendar-main .calendar-filter-popver{
        top: 153px;
        padding: 0px 10px;
        border-radius: 0;
    }
    .calendar-container .calendar-main .calendar-filter-popver .setting-body .country-item .all-select{
        flex: 0 0 80px;
    }
    .calendar-container .calendar-main .calendar-filter-popver .setting-nav li{
        font-size: 14px;
    }
    .calendar-container .calendar-main .calendar-filter-popver .setting-body .btn-group .sure-btn{
        font-size: 14px;
    }
    .calendar-container .calendar-main .calendar-filter-popver .setting-body .btn-group .clear-btn{
        font-size: 14px;
    }
    .calendar-container .calendar-main .main-week .week-operate i{
        top: -5px;
    }
    .calendar-container .calendar-main .main-week .week-main ul li p{
        font-weight: 400;
        font-size: 11px;
    }
    .calendar-container .calendar-main .main-week .week-main ul li{
        height: 45px;
        width: 45px;
    }
    .calendar-container .calendar-main .calendar-filter-popver .setting-body .country-setting::before, .calendar-container .calendar-main .calendar-filter-popver .setting-body .more-setting::before{
        width: 105px;
    }
    .calendar-container .calendar-main .main-header .header-right .right-filter{
        margin-right: 5px;
    }
    .calendar-container .calendar-main .main-header .header-right .select-list{
        margin-right: 5px;
    }
    .calender-list-mobile .list-item{
        padding: 12px 0px;
    }
    .index-container .index-section .main-content{
        box-shadow: none;
        padding: 0px;
    }
    .index-container .index-section .main-content .content-box .content-list{
        margin-left: 0px;
    }
    .index-container .index-section .main-content::before{
        left: 8px;
    }
    .index-container .index-section .main-content .content-box .content-list .point{
        margin-top: 0px;
        top: 7px;
    }
    .index-container .index-section .main-content .content-box .content-list .list-content{
        margin-left: 0px;
    }
    .index-container .index-section .main-content .content-box .content-list .date{
        margin-left: 0px;
    }
    .index-container .index-section .news-main-box .main-header .date-day{
        left: 12px;
        top: 115px;
    }
    .index-container .index-section .news-main-box .main-header .main-vip-box{
        display: none;
    }
    .main-nav .title{
        padding-bottom: 10px !important;
    }
    .index-container .index-section .news-main-box .main-header{
        height: 120px;
    }
    .index-container .index-section .news-main-box .main-header .header-right .set-setting{
        margin-left: 0px;
    }
    .index-container .index-section .news-main-box .main-header .header-right .set-setting span{
        font-size: 12px;
    }
    .index-container .index-section .news-main-box .main-header .header-right .set-important .important_box span{
        font-size: 12px;
    }
    .index-container .index-section .main-content .content-box .content-list .list-content .content-text{
        margin-bottom: 0px;
    }
    .index-container .index-section .news-main-box .main-header .date-day .iconfont{
        font-size: 55px;
    }
    .index-container .index-section .news-main-box .main-header .date-day p:nth-of-type(1){
        left: 5px;
    }
    .index-container .index-section .news-main-box .main-header .date-day p:nth-of-type(2){
        left: 5px;
        top: 48px;
    }
}