.panels{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative}.fast-payment-list,.panels{width:100%;height:100%;overflow:hidden}.fast-payment-list{-webkit-transition:width .3s ease-in-out;transition:width .3s ease-in-out}.fast-payment-list.is-order-open{width:calc(100% - 500px)}.fast-payment-list .signed{color:#00cca6}.fast-payment-list .need-sign{color:#e62d3e}.fast-payment-list .order-canceled{color:#737682}.fast-payment-detail-wrapper{position:absolute;right:-500px;width:500px;height:100%;opacity:0;margin-left:10px;border-left:10px solid #e4edf9;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-box-sizing:content-box;box-sizing:content-box;z-index:1001}.fast-payment-detail-wrapper:after{content:"";position:absolute;top:0;left:-50px;width:40px;height:100%;background:-webkit-gradient(linear,left top,right top,from(hsla(0,0%,100%,0)),to(#fff));background:linear-gradient(90deg,hsla(0,0%,100%,0),#fff);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=$obTable-showMore_ms_gradient_start,endColorstr=$obTable-showMore_ms_gradient_end,GradientType=1);z-index:1001;pointer-events:none}.fast-payment-detail-wrapper.is-order-open{opacity:1;right:0}.fast-payment-detail-wrapper .fast-payment-order-detail{position:relative;width:100%;height:100%;overflow-y:auto}.fast-payment-detail-wrapper .fast-payment-order-detail .close-button{display:none}.fast-payment-detail-wrapper .fast-payment-order-detail .btn-close-box{position:absolute;top:0;right:0;z-index:1000;background:#fff}.tabs .ob-tabs__panel{width:100%}