.batch-file-size-text,.file-size-text{margin-right:15px;vertical-align:middle}.batch-control-div,.batch-result-div,.canvas-row,.control-div,.inner-canvas-div,.upload-row{border-radius:10px}.batch-upload-button{font-size:20px;margin-top:30px;margin-bottom:30px;margin-left:calc(50% - 65px);background-color:#06f}.batch-control-div{height:700px;background:#fff}.batch-file-size-form{margin-left:calc(50% - 115px)}.batch-file-size-text{display:inline-block;margin-top:6px;margin-left:-25px;line-height:28px}.batch-download-button{margin-top:30px;margin-left:calc(50% - 52px);background-color:#06f}.batch-result-div{display:flex;flex-wrap:wrap;align-items:flex-start;height:auto;min-height:700px;background-color:#dcf0ff}.batch-one-result-canvas{margin:10px}.batch-one-result-buttons-div{display:flex;flex-wrap:wrap;justify-content:space-between;padding:0 20px}.batch-one-delete-button{background-color:gray}.batch-mat-locate-div{position:absolute;margin-left:10px;margin-top:10px;z-index:2;display:none}.batch-one-result-div:hover>.batch-mat-locate-div{display:block}.batch-locate-btn,.batch-mat-btn{display:block;margin-top:5px;margin-left:5px!important;background-color:#06f}.upload-row{height:430px;background-color:#fff}.upload-row h1{text-align:center;font-size:40px;margin-top:80px;margin-bottom:40px;font-weight:700;color:#06f}.upload-row h2{text-align:left;margin-left:150px;margin-top:10px;margin-bottom:10px;color:#424853}.upload-button,.upload-row p{margin-left:calc(50% - 100px)}.upload-row .ok-icon{font-size:20px;color:#f1403c}.upload-button{font-size:30px;margin-top:20px;margin-bottom:20px;background-color:#06f}.upload-row p{font-size:15px;margin-top:10px;margin-bottom:10px;color:#8590a6}.canvas-row{height:550px;background:#fff;margin-top:10px}.inner-canvas-div{margin-top:20px;background-color:#dcf0ff;height:510px}.canvas-col{height:510px}.upload-pic-info{height:30px;text-align:center;position:absolute}.result-canvas{position:absolute;top:0;left:0}.control-div{height:550px;background:#fff;margin-top:10px}.title{padding:16px}.title .side-text{text-align:left;font-size:16px;font-weight:700;line-height:16px;color:#424853}.advantage-title,.company-col,.contact-col,.credit-note-div,.my-credit-div,.page-sub-title,.page-title,.pays-box .choose,.progress-title{text-align:center}.color-list{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:12px;margin-bottom:12px;padding:0 80px}.company-row,.contact-row{padding-bottom:300px}.color-list .color{width:32px;height:32px;display:block;border-radius:5px;border:1px solid #ddd;margin-bottom:4px;position:relative;box-sizing:border-box}.advantage-row,.company-row,.contact-row,.credit-row{border-radius:10px}.color-list .color:hover{border-color:#00f!important}.size-form-item{margin-bottom:5px}.file-size-form,.size-input-block{margin-left:calc(50% - 150px)}.file-size-text{display:inline-block;margin-top:6px;margin-left:-25px;line-height:28px}.download-button{margin-top:10px;margin-left:-89px;background-color:#06f}.account-row,.advantage-row,.company-row,.contact-row,.credit-row{padding-top:50px;background:#fff}.layui-form-item .custom-size-radio{width:auto;margin-right:5px}.layui-form-item .custom-size-text{width:50px;margin-right:5px}.layui-form-item .custom-size-input{height:30px;padding-left:3px;margin-top:5px}.layui-form-item .custom-size-aux{margin-right:5px;color:#000!important}.advantage-row{margin-top:10px}.advantage-icon{margin-top:20px;margin-left:175px;font-size:30px;font-weight:700;color:#ffc800}.advantage-title{margin-top:20px;font-size:25px;font-weight:700;color:#424853}.advantage-text{margin:40px;font-size:15px;color:#424853}.page-title{margin-top:50px;margin-bottom:50px}.page-sub-title{margin-top:30px;margin-bottom:30px}.company-col h2,.contact-col h2{margin-top:40px;margin-bottom:20px}.contact-col img,.credit-note-div,.my-credit-div{margin-top:20px}.credit-row{padding-bottom:100px}.credit-input-block{margin-left:calc(50% - 85px)}.account-row{padding-bottom:400px}@media screen and (max-width:768px){.canvas-row,.control-div,.inner-canvas-div,.upload-row{border-radius:10px}body,html{overflow-x:hidden}body{position:relative}.layui-main{width:auto;margin:0 10px}.header .logo{top:18px;font-size:16px}.header a{font-size:12px}.upload-row{height:500px}.upload-row h1{font-size:36px;margin-top:40px;margin-bottom:20px}.upload-row h2{margin-left:calc(50% - 150px);margin-top:10px;margin-bottom:10px;font-size:16px}.upload-row .ok-icon{font-size:20px}.upload-button{font-size:30px;margin-top:30px;margin-bottom:20px;margin-left:calc(50% - 85px)}.upload-row p{font-size:15px;margin-left:calc(50% - 100px);margin-top:10px;margin-bottom:10px}.canvas-row{height:390px;margin-top:10px}.inner-canvas-div{height:350px;margin-top:20px}.canvas-col{height:350px}.result-canvas{position:absolute;top:0;left:0}.control-div{height:560px;margin-top:0}.advantage-icon,.advantage-row,.color-list,.download-button{margin-top:10px}.title{padding:20px}.title .side-text{font-size:16px;line-height:16px}.color-list{display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:20px;padding:0 80px}.company-row,.contact-row{padding-bottom:300px}.color-list .color{width:32px;height:32px;display:block;border-radius:5px;border:1px solid #ddd;margin-bottom:4px;position:relative;box-sizing:border-box}.advantage-row,.company-row,.contact-row{padding-top:50px;border-radius:10px}.download-button{margin-left:-89px}.advantage-icon{margin-left:40px;font-size:30px}.advantage-title{text-align:center;margin-top:20px;font-size:25px}.advantage-text{margin:15px;font-size:14px}.company-col p,.contact-col p{margin-left:10px;margin-right:10px}.page-title{text-align:center;margin-top:40px;margin-bottom:20px}.company-col{text-align:center}.company-col h2{margin-top:30px;margin-bottom:30px}.contact-col{text-align:center}.contact-col h2{margin-top:40px;margin-bottom:20px}.contact-col img{margin-top:20px}}@media screen and (max-width:320px){.upload-row h1{font-size:32px}.upload-row h2{margin-left:10px;font-size:14px}.size-input-block .layui-form-radio *{font-size:13px}}.loader-container{position:absolute;z-index:3;left:-25px;top:calc(50% - 25px)}.batch-loader-container{left:calc(50% - 25px)}.loader{border:10px solid #f3f3f3;border-radius:50%;border-top:10px solid #2153f3;width:30px;height:30px;-webkit-animation:load 2s linear infinite;animation:load 2s linear infinite}@-webkit-keyframes load{0%{-webkit-transform:rotate(0)}100%{-webkit-transform:rotate(360deg)}}@keyframes load{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@media screen and (max-width:768px){.top-message-text{line-height:60px;font-weight:700}.middle-message-text{color:red;border-color:gray;border-style:solid;border-width:1px 0}.bottom-message-text{color:gray}}.pays-window{z-index:9999999;position:fixed;right:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.5)}.mat-locate-div,.pays-box,.pays-close,.progress-box,.progress-window{position:absolute}.pays-box{top:20%;margin-left:50%;transform:translateX(-50%);width:850px;height:600px;background-color:#fff;display:flex;border-radius:10px;overflow:hidden}.pays-form{margin-top:30px}.pays-title{font-size:16px;color:#000}.pays-close{top:15px;right:15px;font-size:20px}.pays-close-icon{width:20px}.pays-qrcode-div{height:100px}#pays-qrcode{width:128px;height:128px;margin-right:1.5rem}.pays-text{font-size:14px;margin-top:1rem;color:rgba(140,139,153)}.pays-title span{font-size:40px}.pays-text span{font-weight:400;font-size:12px;margin-left:15px}.pays-info{color:#040404;padding:1.125rem 1.5rem;border:2px solid rgba(140,139,153,.2);border-radius:14px;display:flex;justify-content:space-between;cursor:pointer;margin-bottom:1.5rem;box-shadow:0 5px 10px 0 rgba(170,183,217,.25);background:#fff}.pays-info.active{border:2px solid #1772f6;background:linear-gradient(0deg,rgba(255,255,255,.85),rgba(255,255,255,.85)),linear-gradient(90deg,#5ea9f9 1.05%,#0a6af5 98.95%)}.pays-qrcode-div{display:flex;margin-left:18%}#credit-title{cursor:pointer;color:#696785;font-size:22px}#membership-title{cursor:pointer;color:#1772f6;margin-right:30px;border-bottom:4px solid #1772f6;font-size:22px}.fs-16{font-size:16px}.fs-18{font-size:18px}.fw-600{font-weight:600}.fw-700{font-weight:700}.pays-box .tips{margin-top:3rem;font-weight:400;color:rgba(105,103,133);font-size:14px;padding:0 20px}.pays-box .choose,.pays-box .choose-box{padding-left:2.5rem}.pays-box .scheme{width:350px;background:linear-gradient(0deg,rgba(255,255,255,.9),rgba(255,255,255,.9)),linear-gradient(131.63deg,#5ea9f9 20.59%,#0a6af5 91.67%);padding-top:2rem}.pays-box .choose{font-size:22px;padding-right:2.5rem;color:rgba(45,45,51);font-weight:700}.pays-box .choose-content{font-weight:400;color:rgba(105,103,133);font-size:18px;margin-top:.5rem}.pays-box .choose-content img{margin-right:5px}.pays-box .choose-title{margin-top:3rem;font-size:20px;color:#1772f6;font-weight:700}.mat-locate-div{margin-left:20px;margin-top:40px;z-index:3}.pro-btn{margin-top:10px;background-color:#06f}.progress-window{z-index:99;right:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.5)}.progress-box{top:30%;left:calc(50% - 150px);width:300px;height:100px;padding:10px;background-color:#fff;border-radius:6px}.leftside,.leftsideMo{box-shadow:10px 10px 20px rgba(0,0,0,.2);position:fixed;z-index:900;background:#fff;border-radius:22px}.progress-title{margin:10px;font-size:18px}.progress-bar{width:200px;margin-left:calc(50% - 100px);margin-top:20px}.centerBox{display:flex;justify-content:center}.icon{width:40px;height:40px}.leftside,.leftside a{width:60px}.leftside{right:50px;top:80%;margin-top:-125px}.leftside .way1,.leftside .way2,.leftside .way4{display:flex;justify-content:center;margin-top:12px;margin-bottom:4px}.iconMo{width:30px;height:30px}.leftsideMo{width:44px;right:10px;top:80%;margin-top:-125px}.leftsideMo a{width:44px}.leftsideMo .way1,.leftsideMo .way2,.leftsideMo .way5{display:flex;justify-content:center;margin-top:12px;margin-bottom:4px}