.paymentDetailsReport{height:100%;padding:10px;padding-top:0}.paymentDetailsReport .info-box{height:100%;background:#fff}.paymentDetailsReport .filter-box{border-bottom:1px solid #eaeaea;padding:12px 0;display:flex}.paymentDetailsReport .filter-box .filter-bnts{flex:1}.paymentDetailsReport .filter-box .filter-bnts .bnt{text-align:center;display:inline-block;background:#f8f8f8;border:1px solid #d2d2d2;border-radius:2px;height:35px;font-size:10px;color:#666;margin-right:5px;width:70px;vertical-align:middle;cursor:pointer}.paymentDetailsReport .filter-box .filter-bnts .bnt .title{line-height:16px;display:inline-block}.paymentDetailsReport .filter-box .filter-bnts .bnt.selected{background:#487bb1;color:#fff}.paymentDetailsReport .filter-box .filter-bnts .bnt.el-dropdown{width:120px;border:none;background-color:transparent;border-radius:0}.paymentDetailsReport .filter-box .filter-bnts .bnt.el-dropdown.selected .el-button{background:#487bb1;color:#fff}.paymentDetailsReport .filter-box .filter-bnts .bnt.el-dropdown .el-button-group{display:flex;height:35px}.paymentDetailsReport .filter-box .filter-bnts .bnt.el-dropdown .el-button{min-height:35px;height:35px}.paymentDetailsReport .filter-box .filter-bnts .bnt.el-dropdown .el-button:first-child{padding:0 10px;padding-right:5px}.paymentDetailsReport .filter-box .filter-bnts .bnt.bnt-select{width:120px;border:none;background-color:transparent;border-radius:0}.paymentDetailsReport .filter-box .filter-bnts .bnt.bnt-select .el-input__icon,.paymentDetailsReport .filter-box .filter-bnts .bnt.bnt-select .el-input__suffix{line-height:35px}.paymentDetailsReport .filter-box .filter-bnts .bnt.bnt-select .el-input__inner{height:35px;font-size:14px}.paymentDetailsReport .filter-box .filter-bnts .bnt.bnt-select.selected .el-input__inner{background:#487bb1;color:#fff}.paymentDetailsReport .filter-box .filter-bnts .inline-block{display:inline-block;vertical-align:middle;margin:5px 0}.paymentDetailsReport .filter-box .filter-bnts .inline-block .from-date{width:200px;font-size:10px;color:#000;padding-right:0;vertical-align:middle;height:35px;border:1px solid #a7a7a7;box-shadow:inset 2px 2px 3px 0 rgba(0,0,0,.13)}.paymentDetailsReport .filter-box .filter-bnts .inline-block .from-date .el-range-separator{width:auto}.paymentDetailsReport .filter-box .filter-bnts .inline-block .from-date .el-input__inner{height:35px;padding-left:25px;padding-right:5px}.paymentDetailsReport .filter-box .filter-bnts .inline-block .from-date .el-input__prefix{font-size:14px;left:2px}.paymentDetailsReport .filter-box .filter-bnts .inline-block .from-date .el-range__close-icon{display:none}.paymentDetailsReport .filter-box .filter-bnts .inline-block .from-date.timerange{width:280px;display:flex;align-items:center;padding:10px}.paymentDetailsReport .filter-box .filter-bnts .inline-block .from-date.timerange .el-range-separator{height:auto}.paymentDetailsReport .filter-box .filter-bnts .inline-block .from-date.timerange .el-range-input{flex:1}.paymentDetailsReport .filter-box .filter-bnts .inline-block input{border:none;box-shadow:none}.paymentDetailsReport .filter-box .filter-bnts .search-flex{display:flex}.paymentDetailsReport .filter-box .filter-bnts .search-flex .search-input{width:120px;height:35px;background:#fff;border:1px solid #a7a7a7;border-right:0;box-shadow:inset 2px 2px 3px 0 rgba(0,0,0,.13);border-radius:2px 0 0 2px;display:inline-block}.paymentDetailsReport .filter-box .filter-bnts .search-flex .search-input input{width:100%;height:100%;border:none;padding:0 10px}.paymentDetailsReport .filter-box .filter-bnts .search-flex .bnt-search{height:35px;line-height:35px;display:inline-block;background:#487bb1;border-radius:0 4px 4px 0;color:#fff;width:50px;text-align:center;cursor:pointer;vertical-align:middle}.paymentDetailsReport .filter-box .filter-bnts .select{margin-right:10px;width:150px;display:inline-flex;border:1px solid #dbe2ea;box-shadow:inset 2px 2px 3px 0 rgba(0,0,0,.13);border-radius:5px;height:35px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.paymentDetailsReport .filter-box .filter-bnts .select input{height:35px;width:100%;padding:10px 20px 10px 10px}.paymentDetailsReport .filter-box .filter-bnts .orderChannel{margin-right:10px}.paymentDetailsReport .filter-box .filter-bnts .orderChannel .lable-txt{display:inline-block;line-height:35px;padding-left:5px}.paymentDetailsReport .filter-box .filter-bnts .orderChannel .from-input{display:inline-block;vertical-align:middle;width:130px;height:35px;background:#fff;border:1px solid #dcdcdc;box-shadow:inset 2px 2px 3px 0 rgba(0,0,0,.13);border-radius:2px;position:relative}.paymentDetailsReport .filter-box .filter-bnts .orderChannel .from-input input{width:100%;height:100%;border:none;padding:10px 20px 10px 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.paymentDetailsReport .filter-box .filter-bnts .orderChannel .from-input .iconfont{position:absolute;top:0;right:0;width:35px;height:33px;line-height:33px;text-align:center;font-size:18px;color:#487bb1;font-weight:700}.paymentDetailsReport .filter-box .right-bnts{margin-top:5px;height:35px;line-height:35px}.paymentDetailsReport .filter-box .right-bnts .bnt{font-size:11px;color:#487bb1;display:inline-block;cursor:pointer;margin-left:10px}.paymentDetailsReport .filter-box .right-bnts .bnt .iconfont{margin-right:5px}.paymentDetailsReport .bottom-record-box{min-height:224px;height:calc(35% - 12px);background:#fff;padding:22px 16px;padding-top:12px}.paymentDetailsReport .bottom-record-box .nav-box{border-bottom:1px solid #ececec;height:41px;margin-bottom:12px}.paymentDetailsReport .bottom-record-box .nav-box .nav-li{display:inline-block;min-width:45px;text-align:center;margin:0 12px;padding:0 20px;height:42px;line-height:42px;border-bottom:3px solid transparent;font-size:11px;color:#666}.paymentDetailsReport .bottom-record-box .nav-box .nav-li.selected{color:#487bb1;border-bottom:3px solid #487bb1}.paymentDetailsReport .bottom-record-box .table-box.grey-table .el-table .success-row{background:#f5f5f5}.paymentDetailsReport .bottom-record-box .table-box.grey-table .el-table{font-size:11px;color:#333}.paymentDetailsReport .bottom-record-box .table-box.grey-table .el-table .rigths{display:inline-block;width:100%;text-align:right}.paymentDetailsReport .bottom-record-box .table-box.grey-table .el-table .lefts{display:inline-block;width:100%;text-align:left}.paymentDetailsReport .bottom-record-box .tab-pane{height:calc(100% - 42px)}.paymentDetailsReport .content-box{height:70%}.paymentDetailsReport .content-box .nav-box{border-bottom:1px solid #ececec;height:41px;margin-bottom:12px}.paymentDetailsReport .content-box .nav-box .nav-li{display:inline-block;width:90px;text-align:center;margin:0 12px;height:42px;line-height:42px;border-bottom:3px solid transparent;font-size:11px;color:#666}.paymentDetailsReport .content-box .nav-box .nav-li.selected{color:#487bb1;border-bottom:3px solid #487bb1}.paymentDetailsReport .content-box .table-box{padding-top:15px;width:100%;height:100%}.paymentDetailsReport .content-box .table-box.grey-table .el-table .el-table__footer-wrapper .cell,.paymentDetailsReport .content-box .table-box.grey-table .el-table .el-table__footer-wrapper td:first-child .cell{font-weight:600}.paymentDetailsReport .content-box .table-box.grey-table .el-table .success-row{background:#f5f5f5}.paymentDetailsReport .content-box .table-box.grey-table .el-table{font-size:11px;color:#333}.paymentDetailsReport .content-box .table-box.grey-table .el-table .el-table__body-wrapper,.paymentDetailsReport .content-box .table-box.grey-table .el-table .el-table__fixed-body-wrapper{height:calc(100% - 100px)}.paymentDetailsReport .content-box .table-box.grey-table .el-table.el-table--border th,.paymentDetailsReport .content-box .table-box.grey-table .el-table.el-table__fixed-right-patch{border-bottom:1px solid #e2e2e2}.paymentDetailsReport .content-box .table-box.grey-table .el-table td{font-size:12px;color:#000}.paymentDetailsReport .content-box .table-box.grey-table .el-table th{height:35px}.paymentDetailsReport .content-box .table-box.grey-table .el-table th.is-leaf{border-bottom:1px solid #e2e2e2}.paymentDetailsReport .content-box .table-box.grey-table .el-table .el-table__thead{color:#333}.paymentDetailsReport .content-box .table-box.grey-table .el-table .el-table__body{color:#666}.paymentDetailsReport .content-box .table-box.grey-table .el-table th,.paymentDetailsReport .content-box .table-box.grey-table .el-table thead tr{background-color:#eaebed}.paymentDetailsReport .content-box .table-box.grey-table .el-table .link{color:#4382b9;text-decoration:underline}.paymentDetailsReport .content-box .table-box.grey-table .el-table .rigths{display:inline-block;width:100%;text-align:right}.paymentDetailsReport .content-box .table-box.grey-table .el-table .lefts{display:inline-block;width:100%;text-align:left}.paymentDetailsReport .content-box .table-box.grey-table .tag{font-size:10px;color:#fff;border-radius:4px;width:16px;height:16px;line-height:16px;display:inline-block;margin:2px 4px}.paymentDetailsReport .content-box .table-box.grey-table .tag-give{background-color:#ed9e36}.paymentDetailsReport .content-box .table-box.grey-table .tag-tao{background-color:#82af5f}.paymentDetailsReport .content-box .table-box.grey-table .tag-ji{background-color:#93a8a5}.paymentDetailsReport .content-box .table-box.grey-table .tag-discount{background-color:#ed9e36}.paymentDetailsReport .content-box .table-box.grey-table .red{color:#dd0505}