.data-trantion-viewss{position:absolute;left:0;top:0;width:100%;height:100%;background:#fff;z-index:99999999999999}.flex-fool{display:-ms-flexbox;display:flex}.flex-fool .border-fool{width:1px;height:219px;margin:0 35px;border:1px dashed #999}.fool-enter,.fool-leave-to{opacity:0;transform:translateX(150px)}.fool-enter-to,.fool-leave{opacity:1;transform:translateX(0)}.fool-enter-active{transition:all 1.8s ease}.fool-leave-active{transition:all .8s ease-in}.tran-bg{width:100%;height:100%;background:#fff;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.tran-bg .tran-main-box{text-align:center}.tran-bg .tran-main-box .head-fool{width:50%;color:#fff;font-size:42px;text-align:center;margin:0 auto;border-radius:15px}.tran-bg .tran-main-box .head-fool img{width:100%}.tran-bg .tran-main-box .head-fool .head-fool-tips{font-weight:800;margin:0;padding:70px 15px}.tran-bg .tran-main-box .head-fool-img{width:70%;text-align:center;margin:0 auto}.tran-bg .tran-main-box .head-fool-img img{width:100%}.tran-bg .tran-main-box .tran-content-tips{margin:0;font-size:60px;font-weight:800}.tran-bg .tran-main-box .card-fool{margin:10px 0}.tran-bg .tran-main-box .date-fool{font-size:42px}.tran-bg .tran-main-box .card-erro-fool{width:300px;font-size:30px;display:inline-block;margin:10px auto;white-space:2;overflow:hidden;text-overflow:ellipsis}.tran-bg .tran-main-box .back-btn{width:40%;border-radius:5px;margin:50px auto;cursor:pointer;background:#00c4ac;border-color:#00c4ac;color:#fff}