.person-my-orders .card{background-color:#fff}.person-my-orders .card .card-head{height:48px;border-bottom:1px solid #ccc;padding:0 30px}.person-my-orders .card .card-head .ico-help{width:18px;height:18px;margin-left:10px}.person-my-orders .card .card-head .tab{height:100%;margin-right:30px}.person-my-orders .card .card-head .active{color:#116baa;position:relative}.person-my-orders .card .card-head .active:after{content:"";position:absolute;width:60px;height:3px;display:inline-block;bottom:0;background-color:#116baa;left:calc(50% - 30px)}.person-my-orders .card .grid-head{height:auto;padding:12px 30px 0;border:none}.person-my-orders .card .grid-head .labs .lab{width:104px;height:34px;border:1px solid #116baa;color:#116baa;cursor:pointer}.person-my-orders .card .grid-head .labs .lab:not(:last-child){border-right:0}.person-my-orders .card .grid-head .labs .active{background-color:#116baa;color:#fff}.person-my-orders .card .grid-head .el-input .el-input__inner{background-color:#f4f4f4;border:none;font-size:16px;color:#333}.person-my-orders .card .grid-head .el-input .el-input__inner:-webkit-input-placeholder,.person-my-orders .card .grid-head .el-input .el-input__inner::placeholder{color:#999}.person-my-orders .card .grid-head .el-date-editor--datetimerange.el-input,.person-my-orders .card .grid-head .el-date-editor--datetimerange.el-input__inner{width:350px}.person-my-orders .card .grid-head .el-date-editor,.person-my-orders .card .grid-head .el-date-editor input{background-color:#f4f4f4}.person-my-orders .card .tabs>div{display:flex;align-items:center;cursor:pointer}.person-my-orders .card .tabs>div div:nth-child(2){min-width:52px}.person-my-orders .card .tabs .pn{position:relative;margin-right:10px}.person-my-orders .card .tabs .pn img{width:23px;height:23px}.person-my-orders .card .tabs>div:hover>div:nth-child(2){color:#f22f2f}.person-my-orders .card .grid-box{padding:0 30px 30px}.person-my-orders .card .grid-box .el-table .cell{padding:0 5px}.person-my-orders .card .grid-box .el-table thead th,.person-my-orders .card .grid-box .el-table thead tr{background:#dfe9f4;font-size:14px;color:#333;padding:10px 0}.person-my-orders .card .grid-box .el-table tbody td,.person-my-orders .card .grid-box .el-table tbody tr{font-size:12px;color:#333;padding:2px 0}.person-my-orders .card .grid-box .el-table--striped .el-table__body tr.el-table__row--striped td{background-color:#f3f3f3}.person-my-orders .card .grid-box .btn{font-size:12px;min-width:110px;height:24px;border-radius:4px;margin:0 0 10px 0}.person-my-orders .card .grid-box .btn:last-child{margin-bottom:0}.person-my-orders .card .grid-box #offline .btn{min-width:94px}.person-my-orders .card .grid-box .btn-side-success{border:1px solid #77b20e;color:#77b20e}.person-my-orders .card .grid-box .btn-side-success:hover{background-color:#77b20e;color:#fff}.person-my-orders .card .grid-box .btn-side-danger{border:1px solid #f22f2f;color:#f22f2f}.person-my-orders .card .grid-box .btn-side-danger:hover{background-color:#f22f2f;color:#fff}.person-my-orders .card .grid-box .btn-side-b:hover{background-color:#116baa;color:#fff}.person-my-orders .card .grid-box .btn-side-y:hover{background-color:#e8ad32;color:#fff}.person-my-orders .card .grid-box table{width:100%;border:none;border-spacing:0}.person-my-orders .card .grid-box table td,.person-my-orders .card .grid-box table th{text-align:left}.person-my-orders .card .grid-box table thead tr{height:32px;background-color:#116baa;color:#fff}.person-my-orders .card .grid-box table thead tr th{font-size:14px;padding:0 15px}.person-my-orders .card .grid-box table thead tr th:last-child{text-align:center}.person-my-orders .card .grid-box table tbody{font-size:12px}.person-my-orders .card .grid-box table tbody tr td .in-padding{border:1px solid #116baa;margin-bottom:8px}.person-my-orders .card .grid-box table tbody tr td .span-col-1{height:40px;background-color:#f5faff}.person-my-orders .card .grid-box table tbody tr td table td{padding:10px 15px}.person-my-orders .card .grid-box table tbody tr td table td:first-child div:hover{-webkit-text-decoration-color:#116baa;text-decoration-color:#116baa}.person-my-orders .card .grid-box .pagination{margin-top:30px}.person-my-orders .beans-cover{min-width:468px}.person-my-orders .beans-cover .mode-radio{border-radius:15px;border:1px solid #116baa;overflow:hidden}.person-my-orders .beans-cover .mode-radio span{font-size:14px;width:86px;height:30px;color:#116baa;cursor:pointer}.person-my-orders .beans-cover .mode-radio .active{background-color:#116baa;color:#fff}