twong329/view/xcx/pages/admin/order_statistics/index.wxss

.statistical-page .navs {
    width: 100%;
    height: 96rpx;
    background-color: #fff;
    overflow: hidden;
    line-height: 96rpx;
    position: fixed;
    top: 9.7%;
    left: 0;
    z-index: 99;
}

.statistical-page .navs .list {
    overflow-y: hidden;
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    width: 100%;
}

.statistical-page .navs .item {
    font-size: 32rpx;
    color: #282828;
    margin-left: 60rpx;
    display: inline-block;
    line-height: 96rpx;
}

.statistical-page .navs .on {
    color: #2291f8;
}

.statistical-page .navs .item .iconfont {
    font-size: 25rpx;
    margin-left: 13rpx;
}

.statistical-page .wrapper {
    width: 740rpx;
    background-color: #fff;
    border-radius: 10rpx;
    margin: 96rpx auto 0 auto;
    padding: 50rpx 60rpx;
    margin-top: 108rpx;
}

.statistical-page .wrapper .title {
    font-size: 30rpx;
    color: #999;
    text-align: center;
}

.statistical-page .wrapper .money {
    font-size: 72rpx;
    color: #fba02a;
    text-align: center;
    margin-top: 10rpx;
}

.statistical-page .wrapper .increase {
    font-size: 28rpx;
    color: #999;
    margin-top: 20rpx;
}

.statistical-page .wrapper .increase .red {
    color: #ff6969;
}

.statistical-page .wrapper .increase .green {
    color: #1abb1d;
}

.statistical-page .wrapper .increase .iconfont {
    font-size: 23rpx;
    margin-left: 15rpx;
}

.statistical-page .chart {
    width: 690rpx;
    height: 480rpx;
    background-color: #fff;
    border-radius: 10rpx;
    margin: 18rpx auto 0 auto;
    padding: 25rpx 22rpx 0 22rpx;
    position: relative;
}

.statistical-page .chart .company {
    font-size: 26rpx;
    color: #999;
}

.statistical-page .mc-body {
    padding-bottom: 0;
}

.statistical-page .mc-body tr {
    background-color: #edf8fe;
    border-top: 1px solid #fff;
    width: 100%;
}

.statistical-page .calendar-wrapper {
    min-width: 100%;
}

.statistical-page .calendar-wrapper table {
    margin: 0;
}

.statistical-page .calendar-wrapper td {
    border-right: 1px solid #fff;
    padding: 0;
    width: 14% !important;
}

.statistical-page .calendar-tools {
    box-shadow: unset;
    -webkit-box-shadow: unset;
    -o-box-shadow: unset;
    -moz-box-shadow: unset;
}

.statistical-page .mc-head-box div {
    font-size: 28rpx;
}

.statistical-page .calendar-wrapper td:not(.disabled) span.mc-date-red {
    color: unset;
}

.statistical-page .calendar-wrapper .mc-range-mode .mc-range-end span.calendar-date,
.statistical-page .calendar-wrapper .mc-range-mode .mc-range-begin span.calendar-date {
    border-radius: 0;
    background-color: #2291f8 !important;
}

.statistical-page .calendar-wrapper td.selected span.mc-date-red {
    color: #fff;
}

.statistical-page .mc-range-mode .selected .mc-range-bg {
    background-color: #a0dcf9;
}

.statistical-page .calendar-wrapper .mc-range-mode .mc-range-row-last .calendar-date,
.statistical-page .calendar-wrapper .mc-range-mode .mc-range-row-first .calendar-date {
    background-color: #a0dcf9;
}

.statistical-page .calendar-wrapper .mc-range-mode .selected.mc-range-second-to-last span {
    background-color: #a0dcf9;
}

.statistical-page .calendar-wrapper .mc-range-mode .mc-range-month-first.selected .calendar-date,
.statistical-page .calendar-wrapper .mc-range-mode .mc-range-month-last.selected .calendar-date {
    background-color: #a0dcf9;
}

.wrapperBox {
    width: 100%;
    border-radius: 10rpx;
    padding: 0 30rpx;
    box-sizing: border-box;
    margin-top: 18rpx;
}

.public-wrapper {
    background-color: #fff;
    width: 100%;
    padding: 38rpx 30rpx;
}

.public-wrapper .title {
    font-size: 30rpx;
    color: #282828;
    margin-bottom: 40rpx;
}

.public-wrapper .title .iconfont {
    color: #2291f8;
    font-size: 40rpx;
    margin-right: 19rpx;
    vertical-align: middle;
}

.public-wrapper .list .item {
    width: 33.33%;
    text-align: center;
    font-size: 24rpx;
    color: #999;
    margin-bottom: 45rpx;
}

.public-wrapper .list .item .num {
    font-size: 40rpx;
    color: #333;
    margin-bottom: 1rpx;
}

.public-wrapper .list .item .titles {
    color: #999;
}

.public-wrapper .nav {
    font-size: 24rpx;
    color: #999;
    border-bottom: 1px solid #f7f7f7;
    height: 70rpx;
    line-height: 70rpx;
}

.public-wrapper .data {
    width: 210rpx;
    text-align: left;
}

.public-wrapper .browse {
    width: 192rpx;
    text-align: right;
}

.public-wrapper .turnover {
    width: 227rpx;
    text-align: right;
}

.public-wrapper .conter .item {
    border-bottom: 1px solid #f7f7f7;
    height: 70rpx;
    font-size: 24rpx;
    line-height: 70rpx;
}

.public-wrapper .conter .item .turnover {
    color: #d84242;
}

.statistical-page .mc-today-element .calendar-date {
    border-radius: 0;
    background-color: unset;
}

.calendar-wrapper {
    position: fixed;
    bottom: 0;
    width: 100%;
    left: 0;
    background-color: #fff;
    z-index: 99999999;
    border-radius: 16rpx 16rpx 0 0;
    padding-bottom: 10rpx;
    transform: translate3d(0, 100%, 0);
    transition: all .3s cubic-bezier(.25, .5, .5, .9);
}

.onShow {
    transform: translate3d(0, 0, 0);
}

.echarts {
    width: 100%;
    height: 550rpx;
}

.box {
    width: 100%;
    height: 85%;
}

.cover-view {
    position: absolute;
    top: calc(50% - 150rpx);
    left: calc(50% - 300rpx);
}

.mask {
    z-index: 10000;
}

.mychart-one>div {
    z-index: 1;
}