.contain{background-color:#fff;height:100%}.contain .contain-header .head{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:70px;background:#f6f6f6;border-bottom:1px solid #ddd;padding-left:10px}.contain .contain-header .head .item{padding:10px 20px;margin-left:10px;min-width:80px;text-align:center;border-radius:20px;font-size:14px;background:#f7ebdd;-webkit-box-shadow:0 1px 4px rgba(0,0,0,.1);box-shadow:0 1px 4px rgba(0,0,0,.1);cursor:pointer;-webkit-transition:background-color .3s ease;transition:background-color .3s ease}.contain .contain-header .head .item:active{-webkit-transform:translateY(1px);transform:translateY(1px);-webkit-box-shadow:0 1px 3px rgba(0,0,0,.2);box-shadow:0 1px 3px rgba(0,0,0,.2)}.contain .contain-header .head .active{color:#fff!important;background:-webkit-gradient(linear,left bottom,right top,color-stop(10%,#dac402),to(#f5ad02));background:linear-gradient(to top right,#dac402 10%,#f5ad02);font-weight:700}.contain .contain-body .form{height:calc(100vh - 165px);border:1px solid #ddd;overflow-x:auto;overflow-y:auto;width:100%}.contain .contain-body .form .card-list{padding:20px 10px;white-space:nowrap;display:-webkit-box;display:-ms-flexbox;display:flex}.contain .contain-body .form .card-list .card{display:inline-block;width:260px;min-width:260px;height:150px;font-size:18px;opacity:0;-webkit-transform:translateY(100px);transform:translateY(100px);-webkit-animation:floatUp .6s forwards;animation:floatUp .6s forwards;margin:0 10px}.contain .contain-body .form .card-list .card .card-head{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:16px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#333;height:20px;background:#f8ecdb;padding:10px;border:1px solid #f5ad02;border-top-left-radius:5px;border-top-right-radius:5px;color:#f5ad02;letter-spacing:.8px;-webkit-box-shadow:0 3px 8px rgba(245,172,2,.5137254901960784);box-shadow:0 3px 8px rgba(245,172,2,.5137254901960784)}.contain .contain-body .form .card-list .card .card-body{margin:0 1.5px;padding:20px 10px;border:1px solid #eeecec;background:#f5f5f5;-webkit-box-shadow:0 3px 8px rgba(0,0,0,.1);box-shadow:0 3px 8px rgba(0,0,0,.1);border-bottom-left-radius:5px;border-bottom-right-radius:5px;overflow-y:auto}.contain .contain-body .form .card-list .card .card-body .item{display:-webkit-box;display:-ms-flexbox;display:flex}.contain .contain-body .form .card-list .card .card-body .item .input{-webkit-box-flex:1;-ms-flex:1;flex:1}.contain .contain-body .form .card-list .card .card-body .item .unit{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start;margin-left:10px;min-width:50px}.contain .contain-body .form .card-list .card .card-body .item .unit,.contain .contain-foot{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.contain .contain-foot{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:20px;height:50px}.contain .contain-foot .btn-txt{display:block!important;float:right!important}.preview{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:20px;padding:15px}.preview .preview-left{width:50%}.preview .preview-left .head{-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:40px;border:1px solid #ff9407;background:#fff3e2;border-top-left-radius:10px;border-top-right-radius:10px;color:#ff9407;letter-spacing:1.5px}.preview .preview-left .body,.preview .preview-left .head{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.preview .preview-left .body{height:500px;border:1px solid #ffecec;border-bottom-left-radius:5px;border-bottom-right-radius:5px;padding:10px 0 20px 0}.preview .preview-left .body .input{width:270px}.preview .preview-left .body .unit{background:#f4f4f4;width:50px;border:1px solid #ddd;height:calc(100% - 2px);color:#333}.preview .preview-left .body .input-w{width:270px}.preview .preview-left .body .unit-w{background:#f4f4f4;width:70px;border:1px solid #ddd;height:calc(100% - 2px);color:#333}.preview .preview-left .body .el-input__suffix{right:0}.preview .preview-left .body .btn{width:100%;height:35px}.preview .preview-left .body .el-select .el-input{width:270px}.preview .preview-right{width:50%}.preview .preview-right .head{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:40px;border:1px solid #ff9407;background:#fff3e2;border-top-left-radius:10px;border-top-right-radius:10px;color:#ff9407;letter-spacing:1.5px}.preview .preview-right .body{height:500px;border:1px solid #ffecec;border-bottom-left-radius:5px;border-bottom-right-radius:5px;padding:10px 30px 20px 30px;color:rgba(0,0,0,.8470588235294118)}.preview .preview-right .body .item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:52px}.preview .preview-right .body .item .red{color:red}.preview .preview-right .body .buttom-item{font-size:18px;margin-top:35px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;border-top:1px solid #ff9407;height:50px;border-bottom:1px solid #ff9407;color:#ff9407}.driver-day,.preview .preview-right .body .buttom-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.driver-day .driver-day-label{margin-left:20px;margin-right:10px;width:60px}.driver-day .driver-day-input{width:140px}@-webkit-keyframes floatUp{0%{opacity:0;-webkit-transform:translateY(100px);transform:translateY(100px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes floatUp{0%{opacity:0;-webkit-transform:translateY(100px);transform:translateY(100px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}