.trade-cancel{background-color:#f7f7f7}.trade-cancel .box{padding-bottom:60px;position:relative;overflow:auto}.trade-cancel .box .banner{width:100%;height:220px;position:absolute}.trade-cancel .box .container{margin-top:20px}.trade-cancel .box .container .title-name{font-size:48px}.trade-cancel .box .container .title{font-size:30px;position:relative}.trade-cancel .box .container .title .tab{padding:0 32px;background-color:rgba(17,107,170,.64);width:180px;height:70px;font-weight:600;font-size:18px;color:#fff;margin-right:10px}.trade-cancel .box .container .title .tab-active{background-color:#fff;color:#116baa}.trade-cancel .box .container .filter{background-color:#fff}.trade-cancel .box .container .filter .menu-filter{margin-bottom:10px;border:1px solid #dbdbdb}.trade-cancel .box .container .filter .menu-filter .elc-menu{min-height:48px;border-bottom:1px solid #dbdbdb;position:relative}.trade-cancel .box .container .filter .menu-filter .elc-menu .menu{width:156px;padding:15px 0 15px 10px;background-color:#e1ecf4;color:#666;cursor:pointer}.trade-cancel .box .container .filter .menu-filter .elc-menu .active-type{width:calc(100% - 156px);height:100%;min-height:48px;padding:0 90px 8px 0}.trade-cancel .box .container .filter .menu-filter .elc-menu .active-type .btn{display:inline-flex;padding:0 8px;height:36px;margin:5px 5px 0 5px;color:#333;border:1px solid transparent}.trade-cancel .box .container .filter .menu-filter .elc-menu .active-type .btn:first-child{color:#116baa}.trade-cancel .box .container .filter .menu-filter .elc-menu .active-type .btn:hover{border:1px solid #e8ad32;color:#e8ad32}.trade-cancel .box .container .filter .menu-filter .elc-menu .active-type .active{background:#e8ad32;color:#fff!important}.trade-cancel .box .container .filter .menu-filter .elc-menu .one-line{height:48px!important;overflow:hidden}.trade-cancel .box .container .filter .menu-filter .elc-menu .toggle-btn{border:1px solid #ccc;font-size:12px;width:52px;position:absolute;right:13px;top:13px;cursor:pointer}.trade-cancel .box .container .filter .menu-filter .elc-menu:first-child .menu{background-color:#f3f8fb}.trade-cancel .box .container .filter .menu-filter .elc-menu:last-child{border-bottom:none}.trade-cancel .box .container .filter .type-filter{margin-bottom:10px}.trade-cancel .box .container .filter .type-filter>div>span{margin-right:10px}.trade-cancel .box .container .filter .type-filter>div .el-select{width:156px}.trade-cancel .box .container .filter .type-filter>div .el-select input{background-color:#f4f4f4}.trade-cancel .box .container .filter .search-filter>div>span{margin-right:10px}.trade-cancel .box .container .filter .search-filter>div .el-date-editor,.trade-cancel .box .container .filter .search-filter>div .el-input,.trade-cancel .box .container .filter .search-filter>div .el-select{width:146px;background-color:#f4f4f4}.trade-cancel .box .container .filter .search-filter>div .el-date-editor input,.trade-cancel .box .container .filter .search-filter>div .el-input input,.trade-cancel .box .container .filter .search-filter>div .el-select input{background-color:#f4f4f4;border:none}.trade-cancel .box .container .main{background-color:#fff;padding:20px 20px 30px}.trade-cancel .box .container .main .el-table thead th,.trade-cancel .box .container .main .el-table thead tr{background:#116baa;font-size:14px;color:#fff;padding:8px 0}.trade-cancel .box .container .main .el-table thead th{border-left:2px solid #fff}.trade-cancel .box .container .main .el-table thead th:first-child,.trade-cancel .box .container .main .el-table thead th:nth-child(2){border-left:none}.trade-cancel .box .container .main .el-table tbody td,.trade-cancel .box .container .main .el-table tbody tr{font-size:14px;color:#000;padding:2px 0}.trade-cancel .box .container .main .el-table--striped .el-table__body tr.el-table__row--striped td{background-color:#f3f3f3}.trade-cancel .icon-false{margin-right:2px}