.code-box{width:220px;height:200px;padding:30px;border:2px solid #ccc;border-radius:5px;margin-right:15px}.code-img{margin:15px 0;text-align:center}.code-flex,.flex-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.flex-box{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.replace-temp{margin-top:30px}.mode-box{display:-webkit-box;display:-ms-flexbox;display:flex}.mode-box .mode-item{position:relative;width:260px;height:360px;margin-right:30px;background:#fff;border-radius:10px;text-align:center;border:3px solid #ccc}.mode-box .mode-item .mode-title{margin:45px 0 15px 0;font-size:20px;font-weight:600}.mode-box .mode-item .mode-content{margin-bottom:15px}.mode-box .mode-item .img-box{width:120px;height:auto;cursor:pointer;margin:25px 0 15px}.mode-box .mode-item .mode-remark{font-size:14px;margin-bottom:15px}.mode-box .mode-item .start-btn{border-radius:20px;width:100px;color:#fff;background-color:#3540a5}.mode-box .unselect{position:absolute;top:0;left:-2px;width:100px;height:30px;background-color:#ccc;border-radius:10px 0 10px 0}.mode-box .unselect .start-text{margin-top:5px;display:inline-block;color:#fff;text-align:center;font-size:14px}.mode-box .selected{position:absolute;top:0;left:-2px;width:100px;height:30px;background-color:#3540a5;border-radius:10px 0 10px 0}.mode-box .selected .start-text{margin-top:5px;display:inline-block;color:#fff;text-align:center;font-size:14px}.mode-box .select-item{border:2px solid #3540a5}.mode-box .unselect-item{border:2px solid #ccc}.img-qrcode{width:50%;height:auto}.font-bold{font-weight:700}.transport-mode{margin-top:20px}.switch-flex{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:20px}.mr-20{margin-right:20px}.preview-img-box{width:30%;margin-right:50px}.page-btn{width:120px;height:40px;line-height:40px;border-radius:5px;background:#fff;border:1px solid #ccc;text-align:center;cursor:pointer}.page-btn.activeImg{color:#fff;background-color:#3540a5;border:1px solid #3540a5}.template-dialog{position:fixed;left:0;right:0;top:0;bottom:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;z-index:9;background:rgba(0,0,0,.5)}.dialog-container,.template-dialog{display:-webkit-box;display:-ms-flexbox;display:flex}.dialog-container{position:relative;width:90vw;height:95vh;max-width:1200px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.dialog-img-container{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}.dialog-content{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden;overflow-y:auto}.close-icon{position:absolute;top:50px;right:0;font-size:40px;cursor:pointer;text-align:right;z-index:9;color:#fff}.text-center{text-align:center}