.exportDialog{background:#fff}.exportDialog .el-dialog__header{padding:12px 30px}.exportDialog .export-header{display:flex;align-items:center;justify-content:space-between}.exportDialog .export-header .export-title{display:flex;align-items:center;font-size:16px;color:#666}.exportDialog .export-header .export-title span{display:inline-block;vertical-align:middle}.exportDialog .export-header .export-title:before{content:"";display:inline-block;vertical-align:middle;margin-right:6px;width:16px;height:16px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAEKADAAQAAAABAAAAEAAAAAA0VXHyAAABjklEQVQ4EaWSu0vDUBSH8+iUgHYRB0FFEHQWRVx0EgRBKFrwgY+ltoVSHBT8F4rSrU0RBCcxdPAFFbSLi7gLDi5Oji6hGkvS+l1toI1BKR643Ht+5/fdnHtvJOmfIbfDx2KxA/yDuq5Hstnsq2CVdjbA28mYrFQqV6lUqkOwf3ZgmqZaLpfnZFkeqdVqyzB9X6As36mqOv3rBolEYtx13UOAYQEFRElOJpOjmNYonhUKhWvPFI/Hp/jiJbnuab7ZpqtZxXGcYr1eXyHp8QzpdLob2GzAVWonrLeYnxqeKu1H+GA5hNDLWDcM46hRlGzb3mfdBfCAMZrL5R5FjVeYYOpHW8jn8yWhea/wJhIRmIaYFhmnmqaNebCoES6bLgGff6eSJDpoCQybHOklHA6vZjKZ9+aioii7dPrcojUnYg08j9EAtvw1PyzqQR3scIFFP+zPeeIZ/sjbHxtws8d+c1DO019YlhUNceYP2t7g8rQgY5AGMwCjclQnxGIP0zZjJsgcpMEI+Z4uboLqbWmf9eSMz+6O1CoAAAAASUVORK5CYII=) no-repeat 50%}.exportDialog .export-header .btn-close{width:26px;height:26px;font-size:22px;transition:all .4s;cursor:pointer;color:#000}.exportDialog .export-header .btn-close:hover{transform:rotate(180deg)}.exportDialog .el-dialog__body{position:relative;display:flex;justify-content:center;padding:60px 0;width:100%;height:calc(100% - 50px);overflow-y:visible}.exportDialog .tab_main{float:right;width:800px;height:605px}.exportDialog .tab_main .export_main{position:relative;display:block;width:700px;height:100%;margin-left:100px;text-align:left}.exportDialog .tab_main .export_main .modes{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:40px}.exportDialog .tab_main .export_main .modes .mode{display:inline-block;vertical-align:top;width:320px;height:220px;padding-top:39px;background-color:#fff;border-radius:10px;border:1px solid #8ebdf8;text-align:center;cursor:pointer;transition:all .3s}.exportDialog .tab_main .export_main .modes .mode .cover{height:80px;margin-bottom:10px}.exportDialog .tab_main .export_main .modes .mode .name{margin-bottom:4px;font-size:20px;height:26px;line-height:26px;font-weight:700;color:#333}.exportDialog .tab_main .export_main .modes .mode .remarks{font-size:14px;height:19px;line-height:19px;color:#666}.exportDialog .tab_main .export_main .modes .mode.checked,.exportDialog .tab_main .export_main .modes .mode:hover{background-color:#eff4fb;box-shadow:0 5px 10px 0 rgba(130,139,159,.14);border:1px solid rgba(28,124,244,.46)}.exportDialog .tab_main .export_main .options{margin-bottom:25px}.exportDialog .tab_main .export_main .options .title{height:21px;line-height:21px;margin-bottom:14px;font-weight:700;font-size:16px}.exportDialog .tab_main .export_main .options .select{position:relative;width:100%;height:62px;line-height:62px;background-color:#fff;display:block;overflow:hidden;cursor:pointer}.exportDialog .tab_main .export_main .options .select:hover .option,.exportDialog .tab_main .export_main .options .select:hover .selected{border-color:var(--mainColor)}.exportDialog .tab_main .export_main .options .select.error{border-color:red}.exportDialog .tab_main .export_main .options .select.open{overflow:visible}.exportDialog .tab_main .export_main .options .select.open .option{opacity:1}.exportDialog .tab_main .export_main .options .select .selected{position:relative;width:100%;height:60px;padding:0 3em 0 1em;line-height:60px;background-color:#fff;border-radius:4px;border:1px solid #cdd5df;font-size:14px;color:#666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:all .2s}.exportDialog .tab_main .export_main .options .select .selected:after{content:"";position:absolute;top:50%;right:20px;margin-top:-3px;width:0;height:0;border:6px solid #c7cfd8;border-left-color:transparent;border-right-color:transparent;border-bottom-color:transparent}.exportDialog .tab_main .export_main .options .select .option{position:absolute;top:59px;left:0;z-index:1;width:100%;max-height:176px;background-color:#fff;box-shadow:0 5px 10px 0 rgba(130,139,159,.14);border-radius:4px;border:1px solid #cdd5df;opacity:0;overflow-x:hidden;overflow-y:auto;transition:all .2s}.exportDialog .tab_main .export_main .options .select .option li{position:relative;width:100%;height:30px;padding:0 1em;line-height:30px;font-size:12px;color:#2d3135;background-color:transparent;transition:all .3s}.exportDialog .tab_main .export_main .options .select .option li.check:after{content:"";position:absolute;right:20px;top:50%;margin-top:-7px;width:12px;height:12px;border-radius:4px;border:1px solid #cdd5df;background-color:#fff;background-position:50%}.exportDialog .tab_main .export_main .options .select .option li.check.checked{background-color:#f6f8fb}.exportDialog .tab_main .export_main .options .select .option li.check.checked:after{border-color:var(--mainColor);background-color:var(--mainColor);background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAICAYAAAAvOAWIAAAAlElEQVQoU4XPMQ5BYRCF0TOJsAJKCZ3YA7VCYSk2IFEqaS1CKZGQWIPV0Iz84r08CiaZZua7d+6EP5WZfQwi4hq/2Mwc44IuhpGZLYwi4tYUNsAejpgXeIU1tlhGlFHtWIGLiLiXzQQndLDDHmd8gOXqK3NmznB4Cx5ov0+/HKt49YNfgpLxA6ydK2VmTlF603Ss9k/E3TcmxvLmswAAAABJRU5ErkJggg==)}.exportDialog .tab_main .export_main .radios{width:100%}.exportDialog .tab_main .export_main .radios .title{font-size:14px;color:#3f4349;line-height:18px}.exportDialog .tab_main .export_main .radios .radio{display:inline-block;vertical-align:top;width:auto;line-height:20px;cursor:pointer}.exportDialog .tab_main .export_main .radios .radio span{font-size:12px;color:#2d3135}.exportDialog .tab_main .export_main .radios .radio .remarks{margin-left:1.5em;color:#8c929a}.exportDialog .tab_main .export_main .radios .radio.checked:before{border-color:var(--mainColor);background-color:var(--mainColor);background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAICAYAAAAvOAWIAAAAlElEQVQoU4XPMQ5BYRCF0TOJsAJKCZ3YA7VCYSk2IFEqaS1CKZGQWIPV0Iz84r08CiaZZua7d+6EP5WZfQwi4hq/2Mwc44IuhpGZLYwi4tYUNsAejpgXeIU1tlhGlFHtWIGLiLiXzQQndLDDHmd8gOXqK3NmznB4Cx5ov0+/HKt49YNfgpLxA6ydK2VmTlF603Ss9k/E3TcmxvLmswAAAABJRU5ErkJggg==)}.exportDialog .tab_main .export_main .radios .radio:before{content:"";display:inline-block;vertical-align:middle;margin-right:4px;width:14px;height:14px;background-color:#fff;background-position:50%;background-repeat:no-repeat;border-radius:4px;border:1px solid rgba(98,102,107,.46);transition:border .2s}.exportDialog .tab_main .export_main .buttons{position:absolute;left:240px;bottom:0;width:220px;height:60px;line-height:60px;font-size:16px;border-radius:10px}.exportDialog .tab_main .export_main .buttons .export_btn{display:inline-block;width:178px;height:50px;line-height:50px;background-color:var(--mainColor);border-radius:4px;font-size:16px;color:#fff;text-align:center;cursor:pointer;transition:all .3s}.exportDialog.exporting_container{width:790px;height:530px;border-radius:4px}.exportDialog.exporting_container .exporting{display:flex;flex-direction:column;justify-content:center;position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;background-color:#fff;text-align:center}.exportDialog.exporting_container .exporting .title{margin-bottom:50px;font-size:30px;color:#242424;font-weight:300}.exportDialog.exporting_container .exporting .loading{margin:0 auto;width:40px;height:40px;margin-bottom:10px;border:8px solid var(--mainColor);border-left-color:transparent;border-radius:50%;-webkit-animation:rotateA .8s ease infinite;animation:rotateA .8s ease infinite}.exportDialog.exporting_container .exporting .remarks{font-size:14px;color:#aaa}@-webkit-keyframes rotateA{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes rotateA{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.exportWaitDialog{height:158px;background:#fff;border-radius:5px;margin-top:39vh!important}.exportWaitDialog .el-dialog__header{padding:0!important;margin:0!important}.exportWaitDialog .el-dialog__body{padding:20px 20px 30px 20px!important}.exportWaitDialog .title-first{margin-top:30px;font-family:PingFangSC-Semibold;font-size:18px;color:#242529;letter-spacing:0;font-weight:600;text-align:center}.exportWaitDialog .title-second{margin-top:20px;font-family:PingFangSC-Regular;font-size:14px;color:#242529;letter-spacing:0;font-weight:400;text-align:center}.exportWaitDialog .btn-close{display:flex;justify-content:center;align-items:center;height:24px;width:24px;padding-left:0;padding-right:0;border-radius:24px;position:absolute;top:-1px;right:-35px;background:hsla(0,0%,100%,.7);transition:all .3s ease;padding:0!important}.exportWaitDialog .btn-close span{position:absolute}.exportWaitDialog .btn-close i{margin:auto;font-size:14px;font-weight:700}.exportWaitDialog .btn-close:hover{transform:rotate(180deg);color:#5f6063}.exportWaitDialog .dot{display:inline-block;height:1em;line-height:1;text-align:left;vertical-align:-.25em;overflow:hidden}.exportWaitDialog .dot:before{display:block;content:"...\A..\A.";white-space:pre-wrap;-webkit-animation:dot 3s step-start infinite both;animation:dot 3s step-start infinite both}@-webkit-keyframes dot{33%{transform:translateY(-2em)}66%{transform:translateY(-1em)}}@keyframes dot{33%{transform:translateY(-2em)}66%{transform:translateY(-1em)}}.preview-wrap{width:100%;height:100vh;overflow:hidden}.preview-wrap .pre-tools{position:relative;display:flex;justify-content:space-between;align-items:center;width:100%;height:80px;background:url(../../../../isz/tool/static/img/title-bg.7042bc44.png) no-repeat #0b0b0b}.preview-wrap .pre-tools .logo-wrap{flex:0 0 317px;height:80px;text-align:left}.preview-wrap .pre-tools .logo-wrap img{margin-left:21px;margin-top:29px;height:22px}.preview-wrap .pre-tools .pre-tools-btn{display:flex;align-items:center}.preview-wrap .pre-tools .pre-tools-btn .qr-btn-wrap-dis{display:inline-block}.preview-wrap .pre-tools .pre-tools-btn .qr-btn-wrap-dis .qr-btn-wrap{visibility:hidden;opacity:0}.preview-wrap .pre-tools .pre-tools-btn .qr-btn-wrap-dis .qr-btn-wrap .qr-wrap{display:flex;flex-direction:column;justify-content:center;align-items:center;position:absolute;right:30px;top:85px;width:205px;height:205px;background:#fff}.preview-wrap .pre-tools .pre-tools-btn .qr-btn-wrap-dis .qr-btn-wrap .qr-wrap #qrcode{margin-bottom:15px}.preview-wrap .pre-tools .pre-tools-btn .qr-btn-wrap-dis .qr-btn-wrap .qr-wrap span{font-size:14px}.preview-wrap .pre-tools .pre-tools-btn .qr-btn-wrap-dis:hover .qr-btn-wrap{visibility:visible;opacity:1;transition:.5s}.preview-wrap .pre-tools .pre-tools-btn .lg-btn,.preview-wrap .pre-tools .pre-tools-btn .qr-btn{width:60px;height:40px;margin-right:20px;padding:0;border-radius:5px}.preview-wrap .pre-tools .pre-tools-btn .qr-btn{background-color:#292929;border-color:#292929}.preview-wrap .pre-tools .pre-tools-btn .qr-btn:hover{opacity:.8}.preview-wrap .pre-tools .pre-tools-btn .lg-btn{background-color:#0037c6;border-color:#0037c6}.preview-wrap .pre-tools .pre-tools-btn .lg-btn:hover{opacity:.8}.preview-wrap .pre-tools .pre-tools-btn .user-logo{position:relative;width:40px;height:40px;margin-right:20px;cursor:pointer}.preview-wrap .pre-tools .pre-tools-btn .user-logo .partner-head{width:100%;height:100%;border-radius:50%}.preview-wrap iframe{width:100%;height:calc(100% - 80px)}.preview-wrap .errorMsg{padding:25px}