.container[data-v-2feb8c56] {
    width: 100%;
    height: 100%;
    font-size: .16rem;
    position: relative;
    overflow: hidden
}

.baseDetail-left[data-v-2feb8c56] {
    width: 3.8rem;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    background: #04101c
}

.returnButton[data-v-2feb8c56] {
    display: block;
    width: .48rem;
    height: .48rem;
    border: 0;
    /*background: url(/img/bottom_icon_back_48.721f8b5.png) 50% 50%/100% 100% no-repeat;*/
    position: absolute;
    top: .08rem;
    left: .16rem;
    z-index: 10
}

.baseDetail-right[data-v-2feb8c56] {
    width: calc(100% - 3.8rem);
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 2
}

.baseDetail-right-enter[data-v-2feb8c56] {
    right: 0;
    transition: all .8s
}

.baseDetail-right-leave[data-v-2feb8c56] {
    right: calc(-100% + 3.8rem);
    transition: all .8s
}

.baseDetail-right-head[data-v-2feb8c56] {
    position: relative;
    width: 100%;
    height: .8rem;
    background: #04101c;
    padding: .16rem
}

.baseDetail-right-head .time[data-v-2feb8c56] {
    width: 3.68rem;
    height: .48rem;
    float: left;
    margin-right: .16rem
}

.baseDetail-right-head .period[data-v-2feb8c56] {
    float: left;
    display: block;
    height: .48rem;
    border: 1px solid #002242;
    border-radius: 4px;
    overflow: hidden
}

.baseDetail-right-head .period button[data-v-2feb8c56] {
    float: left;
    display: block;
    padding: 0 .24rem;
    line-height: .48rem;
    border: 0;
    border-right: 1px solid #002242;
    background: none;
    color: #0071a5;
    font-size: .16rem
}

.baseDetail-right-head .period button[data-v-2feb8c56]:last-child {
    border-right: 0
}

.baseDetail-right-head .period .active[data-v-2feb8c56] {
    color: #2df;
    background: #002242
}

.baseDetail-right-head .packUpBtn[data-v-2feb8c56] {
    position: absolute;
    top: .16rem;
    right: .16rem;
    width: .48rem;
    height: .48rem;
    border: 0;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAAEgBckRAAAAAXNSR0IArs4c6QAAAdVJREFUaAXtWTtOxDAQtVdIsOICtDhAQ0GJuAKcgZ4L0IGEhETFJTjEItFyBCoaJ6woEBWigiLsMAmaKEQT52d2s2QiRY7Hno+fZ2KPrZS3R5MkYwHSb60eQqP3iL64MrGIrKJyDtZkiCS6XHrDQP/q67TNJcjJONjGDNvAwgRd85BDotEccAKctJ0pmHyHFaoUZ5PMiGNlsU9mOvWXUhDII8A6iMvP88zFb3K+Ir3fdRPCXRJGxVDyavV2BPt/qsBlLTvJba1Zzkl2wSNtgsCSIOAtklHQrQ30UXHcoyKhbR33ST+7+LYC/jcfLjr3+L5xo8w2d1xjFW03go2PmXpJ0dfqk+vPKqhaD+i//6XUGifUOw3hecSdyLt3wcMQ6O1XkcBFkz8M6GSUgoAgIAgIAkNBgF0sucFX7ZI4ni40WXi7oDdY3guA0VYIx+YJ2NNqDpjaMcAx+6KZCE4wdbnGdz2ViSkMXgKN68hn0xqOse35ZiKrLHEOQrjEe6szNeM01qN5S75d6soSc2v0+dioVbxKusJRYprX/OmFC5HZB88wfo3VKRo1tZv6huhS9hmB2i7UJYibAoBGsadlnJy5BDGn2EUrC3oXj7QJAoKAILAYBL4BUgWOwPfLRjQAAAAASUVORK5CYII=) 50% 50%/100% 100% no-repeat
}

.baseDetail-right-head .packUpBtn[data-v-2feb8c56]:hover {
    opacity: .8
}

.baseDetail-right-main[data-v-2feb8c56] {
    position: relative;
    width: 100%;
    height: calc(100% - .8rem);
    padding: .16rem
}

.container[data-v-22a60523] {
    width: 100%;
    height: 100%;
    font-size: .16rem;
    position: relative;
    overflow: hidden
}

.switchModeBtn[data-v-22a60523] {
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    width: .64rem;
    height: .64rem;
    border: 0;
    background: url(../img/btn_switch.45d4f6c.png) 50% 50%/.64rem .64rem no-repeat
}

.switchModeBtn[data-v-22a60523]:hover {
    opacity: .8
}

.head-menu-btn[data-v-22a60523] {
    width: .48rem;
    height: .48rem;
    position: absolute;
    top: .08rem;
    right: .64rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAAEgBckRAAAAAXNSR0IArs4c6QAAATBJREFUaAXtmFESgjAMRMGjyG2U46q3watg1zFMDSk4krbobH9KW0yWl9IEm8attbB0HMYxtnjv2ud8PFfnGsq0usxKpifvhvE6dO0ZfcBz0n7LUdqhJA3Dfzx76NQ+qBAHSIFbS1I5OWA+UQpSLsF1b0nCjWVlwSNbksAUNbnjdcZgU/WYS505cr/uGV1NpP7YDDJkIamgZ5BBgY0Edk5g9iZL/hfdqaQr63EfjN3kBJD5g1x49KFWfavmPWzSxnYCbruIyX57MHJZcAsyBPKoyBUm2iUBEiABEqhJYJYstZi4rraqnnhd/9ZjbPn0sEsbJPAvBFZfYvmby6pmAUHWPYCkfCzZ/vjju8SHdQkfSzC4RgK/SGD1FIpLBSutx+s5AFg+c/ihTRIgARL4jsADG1iGB2k41h4AAAAASUVORK5CYII=) 50% 50%/.48rem .48rem no-repeat;
    border: 0;
    padding: 0;
    z-index: 101
}

.head-menu-btn[data-v-22a60523]:hover {
    opacity: .8
}

.search[data-v-22a60523] {
    width: .48rem;
    height: .48rem;
    cursor: pointer;
    position: absolute;
    top: .1rem;
    left: .7rem;
    z-index: 101;
    /*background: url(/img/search_icon_search_48.314e110.png) 50% 50%/.48rem .48rem no-repeat*/
}

.color-indicator[data-v-22a60523] {
    position: absolute;
    bottom: .4rem;
    left: .4rem;
    background: #04101c;
    border-radius: .04rem;
    border: .02rem solid rgba(0, 153, 221, .3);
    padding: .16rem;
    display: flex;
    align-items: center;
    font-size: .16rem;
    color: #2df
}

.color-indicator .indicator-img[data-v-22a60523] {
    width: 1.8rem;
    height: .16rem;
    /*background: url(/img/icon_color_180x16.3b127b0.png) 50% 50%/100% 100% no-repeat;*/
    margin: 0 .16rem
}

.select-item[data-v-22a60523] {
    width: 3.2rem;
    height: .48rem;
    float: left;
    margin-left: .16rem;
    padding: 0 .16rem;
    font-size: .16rem;
    line-height: .48rem;
    border: 0;
    color: #2df;
    outline: none;
    background: #002242
}

.ant-select-selection__placeholder[data-v-22a60523] {
    color: #0071a5
}