.title{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-left:10px}.title .wid_2,.title .wid_l{width:200px;margin:10px 0 0 10px}.top-div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:20px 20px}.top-div .top-card{width:22%;height:108px;font-size:12px;color:#666}.top-div .top-card .top-info1{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.top-div .top-card .top-info1 .svg-position{padding-left:10px}.top-div .top-card .top-info1 .svg-position .svg-class{width:45px;height:45px}.top-div .top-card .top-info1 .content-info{text-align:center;line-height:18px;color:rgba(50,50,50,.9);font-size:17px;margin-top:12px}.top-div .top-card .top-info1 .top-item-info1 span{display:block;text-align:right;font-weight:700;font-size:28px}.top-div .top-card .top-info1 .top-item-info1 .card-panel-change-text{display:inline;font-size:.8rem;margin-right:5px;left:-80px;top:3px}.top-div .top-card .top-info1 .top-item-info1 .change-num{float:right;text-align:right;margin-top:15px;font-size:16px;display:inline-block}.mid-div{padding:20px 20px}.mid-div,.mid-div .todo-event{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.mid-div .todo-event{padding:10px 20px;width:90%}.mid-div .todo-event p{text-align:center;font-size:1.4rem;margin:5px auto}.mid-div .todo-event .red-class{color:red}.mid-div .todo-event span{color:#6f7180;font-size:.9rem}.mid-div .todo-title{color:#36a3f7;font-size:1.2rem}.mid-div .profit-statistic .title-select{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.mid-div .top-mar{margin-top:30px}.buttom-div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:20px 20px}.buttom-div .ranking-card{width:23%}.buttom-div .ranking-card .title-select{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:20px}.buttom-div .ranking-card .title-select .todo-title{color:#36a3f7;font-size:1.2rem}.buttom-div .ranking-card .title-select .rightr{float:right}.buttom-div .ranking-card .title-select .top-bu{margin-top:10px}.buttom-div .user-phone{width:49%}.buttom-div .user-phone .title-select{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:20px}.buttom-div .user-phone .title-select .todo-title{color:#36a3f7;font-size:1.2rem}.buttom-div .user-phone .table_and_chart{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.buttom-div .user-phone .table_and_chart .chart-platform{width:35%}.buttom-div .user-phone .table_and_chart .min-title{text-align:center;font-size:1.1rem;margin-bottom:10px}.buttom-div .user-phone .table_and_chart .table-phone{width:60%}.buttom-div .bikes-profit-card{width:49%}.buttom-div .bikes-profit-card .title-select{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:20px}.buttom-div .bikes-profit-card .title-select .todo-title{color:#36a3f7;font-size:1.2rem}