.order-canvas{width:100%;height:100%;line-height:1;background:#fff;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.order-canvas .content{width:100vw;height:calc(100vh - 1rem);overflow:auto}.order-canvas .flex{background:#fff;width:13rem;max-height:80vh}.order-canvas #pdfDom{padding:0 30px 30px!important;width:600px}.order-canvas .logo{border-bottom:1px solid #333;display:-webkit-box;display:-ms-flexbox;display:flex;padding:20px 0 7px}.order-canvas .logo img{-webkit-box-flex:0;-ms-flex:none;flex:none;height:22px}.order-canvas .logo label{-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:right;color:#333;font-size:14px;margin-top:8px}.order-canvas .p1{padding:25px 0 12px;border-top:1px solid #333;margin-top:3px}.order-canvas .p1,.order-canvas .p2{color:#333;font-size:20px;text-align:center;font-weight:700}.order-canvas .p2{padding-bottom:32px}.order-canvas .form{-ms-flex-wrap:wrap;flex-wrap:wrap}.order-canvas .form,.order-canvas .form li{display:-webkit-box;display:-ms-flexbox;display:flex}.order-canvas .form li{-webkit-box-flex:0;-ms-flex:none;flex:none;width:260px;padding-bottom:10px;color:#333;font-size:14px}.order-canvas .form li label{-webkit-box-flex:0;-ms-flex:none;flex:none;width:58px;color:#666;text-align:justify;-moz-text-align-last:justify;text-align-last:justify}.order-canvas table{text-align:center;border-left:1px solid #999;border-top:1px solid #999;line-height:36px;color:#999;font-size:14px;width:100%;border-collapse:initial;border-color:#999;position:relative;z-index:10}.order-canvas table td{border-right:1px solid #999;border-bottom:1px solid #999}.order-canvas .tip{font-size:14px;color:#666;padding-top:9px;position:relative;z-index:10}.order-canvas .tip i{color:#e82434}.order-canvas .memo{display:-webkit-box;display:-ms-flexbox;margin-top:12px;color:#666;font-size:14px;line-height:22px;display:flex;position:relative;z-index:10}.order-canvas .memo label{-webkit-box-flex:0;-ms-flex:none;flex:none;width:40px}.order-canvas .span{border-bottom:1px dashed #ccc;padding:30px 0 36px;font-size:16px;color:#666;height:16px;text-align:right;line-height:16px;-webkit-box-sizing:initial;box-sizing:initial}.order-canvas .span .spanIn{width:auto;height:16px;display:-webkit-box;display:-ms-flexbox;display:flex;float:right}.order-canvas .span .seal{width:120px;height:120px;border:4px solid #fe3b3b;border-radius:100%;margin-top:-88px;position:relative;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}.order-canvas .span .seal img{width:58px}.order-canvas .span .seal .p10{width:100%;font-size:12px;line-height:40px;display:inline-block}.order-canvas .span .seal .p10,.order-canvas .span .seal .textList{position:absolute;bottom:0;left:0;color:#fe3b3b;text-align:center;font-weight:700;transform:scale(.9,1.6);-ms-transform:scale(.9,1.6);-webkit-transform:scale(.9,1.6);-moz-transform:scale(.9,1.6);-o-transform:scale(.9,1.6)}.order-canvas .span .seal .textList{width:20px;height:20px;line-height:20px;font-size:16px;font-stretch:condensed}.order-canvas .span .seal .textList.textList1{left:4px;bottom:44px;-webkit-transform:rotate(-99deg) scale(.7,1.2);transform:rotate(-99deg) scale(.7,1.2)}.order-canvas .span .seal .textList.textList10{left:auto;right:4px;bottom:44px;-webkit-transform:rotate(99deg) scale(.7,1.2);transform:rotate(99deg) scale(.7,1.2)}.order-canvas .span .seal .textList.textList2{left:4px;bottom:64px;-webkit-transform:rotate(-73deg) scale(.7,1.2);transform:rotate(-73deg) scale(.7,1.2)}.order-canvas .span .seal .textList.textList9{left:auto;right:4px;bottom:64px;-webkit-transform:rotate(73deg) scale(.7,1.2);transform:rotate(73deg) scale(.7,1.2)}.order-canvas .span .seal .textList.textList3{left:13px;bottom:80px;-webkit-transform:rotate(-51deg) scale(.7,1.2);transform:rotate(-51deg) scale(.7,1.2)}.order-canvas .span .seal .textList.textList8{left:auto;right:13px;bottom:80px;-webkit-transform:rotate(51deg) scale(.7,1.2);transform:rotate(51deg) scale(.7,1.2)}.order-canvas .span .seal .textList.textList4{left:25px;bottom:91px;-webkit-transform:rotate(-35deg) scale(.7,1.2);transform:rotate(-35deg) scale(.7,1.2)}.order-canvas .span .seal .textList.textList7{left:auto;right:25px;bottom:91px;-webkit-transform:rotate(35deg) scale(.7,1.2);transform:rotate(35deg) scale(.7,1.2)}.order-canvas .span .seal .textList.textList5{left:41px;bottom:97px;-webkit-transform:rotate(-14deg) scale(.7,1.2);transform:rotate(-14deg) scale(.7,1.2)}.order-canvas .span .seal .textList.textList6{left:auto;right:41px;bottom:97px;-webkit-transform:rotate(14deg) scale(.7,1.2);transform:rotate(14deg) scale(.7,1.2)}.order-canvas .span .seal .textList:first-of-type{left:9px!important;bottom:27px!important;-webkit-transform:rotate(-118deg) scale(.7,1.2)!important;transform:rotate(-118deg) scale(.7,1.2)!important}.order-canvas .span .seal .textList:last-of-type{left:auto!important;right:9px!important;bottom:27px!important;-webkit-transform:rotate(118deg) scale(.7,1.2)!important;transform:rotate(118deg) scale(.7,1.2)!important}.order-canvas .span .seal.sealText_14 .textList1{left:4px;bottom:42px;-webkit-transform:rotate(-102deg) scale(.7,1.2);transform:rotate(-102deg) scale(.7,1.2)}.order-canvas .span .seal.sealText_14 .textList12{left:auto;right:4px;bottom:42px;-webkit-transform:rotate(102deg) scale(.7,1.2);transform:rotate(102deg) scale(.7,1.2)}.order-canvas .span .seal.sealText_14 .textList2{left:4px;bottom:59px;-webkit-transform:rotate(-82deg) scale(.7,1.2);transform:rotate(-82deg) scale(.7,1.2)}.order-canvas .span .seal.sealText_14 .textList11{left:auto;right:4px;bottom:59px;-webkit-transform:rotate(82deg) scale(.7,1.2);transform:rotate(82deg) scale(.7,1.2)}.order-canvas .span .seal.sealText_14 .textList3{left:10px;bottom:75px;-webkit-transform:rotate(-59deg) scale(.7,1.2);transform:rotate(-59deg) scale(.7,1.2)}.order-canvas .span .seal.sealText_14 .textList10{left:auto;right:10px;bottom:75px;-webkit-transform:rotate(59deg) scale(.7,1.2);transform:rotate(59deg) scale(.7,1.2)}.order-canvas .span .seal.sealText_14 .textList4{left:19px;bottom:87px;-webkit-transform:rotate(-40deg) scale(.7,1.2);transform:rotate(-40deg) scale(.7,1.2)}.order-canvas .span .seal.sealText_14 .textList9{left:auto;right:19px;bottom:87px;-webkit-transform:rotate(40deg) scale(.7,1.2);transform:rotate(40deg) scale(.7,1.2)}.order-canvas .span .seal.sealText_14 .textList5{left:30px;bottom:94px;-webkit-transform:rotate(-26deg) scale(.7,1.2);transform:rotate(-26deg) scale(.7,1.2)}.order-canvas .span .seal.sealText_14 .textList8{left:auto;right:30px;bottom:94px;-webkit-transform:rotate(26deg) scale(.7,1.2);transform:rotate(26deg) scale(.7,1.2)}.order-canvas .span .seal.sealText_14 .textList6{left:43px;bottom:98px;-webkit-transform:rotate(-13deg) scale(.7,1.2);transform:rotate(-13deg) scale(.7,1.2)}.order-canvas .span .seal.sealText_14 .textList7{left:auto;right:43px;bottom:98px;-webkit-transform:rotate(13deg) scale(.7,1.2);transform:rotate(13deg) scale(.7,1.2)}.order-canvas .span .seal.sealText_13 .textList1{left:4px;bottom:42px;-webkit-transform:rotate(-102deg) scale(.7,1.2);transform:rotate(-102deg) scale(.7,1.2)}.order-canvas .span .seal.sealText_13 .textList11{left:auto;right:4px;bottom:42px;-webkit-transform:rotate(102deg) scale(.7,1.2);transform:rotate(102deg) scale(.7,1.2)}.order-canvas .span .seal.sealText_13 .textList2{left:4px;bottom:59px;-webkit-transform:rotate(-82deg) scale(.7,1.2);transform:rotate(-82deg) scale(.7,1.2)}.order-canvas .span .seal.sealText_13 .textList10{left:auto;right:4px;bottom:59px;-webkit-transform:rotate(82deg) scale(.7,1.2);transform:rotate(82deg) scale(.7,1.2)}.order-canvas .span .seal.sealText_13 .textList3{left:10px;bottom:75px;-webkit-transform:rotate(-59deg) scale(.7,1.2);transform:rotate(-59deg) scale(.7,1.2)}.order-canvas .span .seal.sealText_13 .textList9{left:auto;right:10px;bottom:75px;-webkit-transform:rotate(59deg) scale(.7,1.2);transform:rotate(59deg) scale(.7,1.2)}.order-canvas .span .seal.sealText_13 .textList4{left:20px;bottom:87px;-webkit-transform:rotate(-38deg) scale(.7,1.2);transform:rotate(-38deg) scale(.7,1.2)}.order-canvas .span .seal.sealText_13 .textList8{left:auto;right:20px;bottom:87px;-webkit-transform:rotate(38deg) scale(.7,1.2);transform:rotate(38deg) scale(.7,1.2)}.order-canvas .span .seal.sealText_13 .textList5{left:34px;bottom:95px;-webkit-transform:rotate(-19deg) scale(.7,1.2);transform:rotate(-19deg) scale(.7,1.2)}.order-canvas .span .seal.sealText_13 .textList7{left:auto;right:34px;bottom:95px;-webkit-transform:rotate(19deg) scale(.7,1.2);transform:rotate(19deg) scale(.7,1.2)}.order-canvas .span .seal.sealText_13 .textList6{left:50px;bottom:98px;-webkit-transform:rotate(0deg) scale(.7,1.2);transform:rotate(0deg) scale(.7,1.2)}.order-canvas .span .seal.sealText_11 .textList1{left:3px;bottom:45px;-webkit-transform:rotate(-98deg) scale(.7,1.2);transform:rotate(-98deg) scale(.7,1.2)}.order-canvas .span .seal.sealText_11 .textList9{left:auto;right:3px;bottom:45px;-webkit-transform:rotate(98deg) scale(.7,1.2);transform:rotate(98deg) scale(.7,1.2)}.order-canvas .span .seal.sealText_11 .textList2{left:5px;bottom:65px;-webkit-transform:rotate(-69deg) scale(.7,1.2);transform:rotate(-69deg) scale(.7,1.2)}.order-canvas .span .seal.sealText_11 .textList8{left:auto;right:5px;bottom:65px;-webkit-transform:rotate(69deg) scale(.7,1.2);transform:rotate(69deg) scale(.7,1.2)}.order-canvas .span .seal.sealText_11 .textList3{left:15px;bottom:82px;-webkit-transform:rotate(-48deg) scale(.7,1.2);transform:rotate(-48deg) scale(.7,1.2)}.order-canvas .span .seal.sealText_11 .textList7{left:auto;right:15px;bottom:82px;-webkit-transform:rotate(48deg) scale(.7,1.2);transform:rotate(48deg) scale(.7,1.2)}.order-canvas .span .seal.sealText_11 .textList4{left:29px;bottom:93px;-webkit-transform:rotate(-29deg) scale(.7,1.2);transform:rotate(-29deg) scale(.7,1.2)}.order-canvas .span .seal.sealText_11 .textList6{left:auto;right:29px;bottom:93px;-webkit-transform:rotate(29deg) scale(.7,1.2);transform:rotate(29deg) scale(.7,1.2)}.order-canvas .span .seal.sealText_11 .textList5{left:50px;bottom:98px;-webkit-transform:rotate(0deg) scale(.7,1.2);transform:rotate(0deg) scale(.7,1.2)}.order-canvas .span .seal.sealText_10 .textList1{left:3px;bottom:47px;-webkit-transform:rotate(-96deg) scale(.7,1.2);transform:rotate(-96deg) scale(.7,1.2)}.order-canvas .span .seal.sealText_10 .textList8{left:auto;right:3px;bottom:47px;-webkit-transform:rotate(96deg) scale(.7,1.2);transform:rotate(96deg) scale(.7,1.2)}.order-canvas .span .seal.sealText_10 .textList2{left:7px;bottom:70px;-webkit-transform:rotate(-64deg) scale(.7,1.2);transform:rotate(-64deg) scale(.7,1.2)}.order-canvas .span .seal.sealText_10 .textList7{left:auto;right:7px;bottom:70px;-webkit-transform:rotate(64deg) scale(.7,1.2);transform:rotate(64deg) scale(.7,1.2)}.order-canvas .span .seal.sealText_10 .textList3{left:21px;bottom:87px;-webkit-transform:rotate(-40deg) scale(.7,1.2);transform:rotate(-40deg) scale(.7,1.2)}.order-canvas .span .seal.sealText_10 .textList6{left:auto;right:21px;bottom:87px;-webkit-transform:rotate(40deg) scale(.7,1.2);transform:rotate(40deg) scale(.7,1.2)}.order-canvas .span .seal.sealText_10 .textList4{left:39px;bottom:96px;-webkit-transform:rotate(-17deg) scale(.7,1.2);transform:rotate(-17deg) scale(.7,1.2)}.order-canvas .span .seal.sealText_10 .textList5{left:auto;right:39px;bottom:96px;-webkit-transform:rotate(17deg) scale(.7,1.2);transform:rotate(17deg) scale(.7,1.2)}.order-canvas .span .seal.sealText_9 .textList1{left:3px;bottom:50px;-webkit-transform:rotate(-88deg) scale(.7,1.2);transform:rotate(-88deg) scale(.7,1.2)}.order-canvas .span .seal.sealText_9 .textList7{left:auto;right:3px;bottom:50px;-webkit-transform:rotate(88deg) scale(.7,1.2);transform:rotate(88deg) scale(.7,1.2)}.order-canvas .span .seal.sealText_9 .textList2{left:11px;bottom:75px;-webkit-transform:rotate(-63deg) scale(.7,1.2);transform:rotate(-63deg) scale(.7,1.2)}.order-canvas .span .seal.sealText_9 .textList6{left:auto;right:11px;bottom:75px;-webkit-transform:rotate(63deg) scale(.7,1.2);transform:rotate(63deg) scale(.7,1.2)}.order-canvas .span .seal.sealText_9 .textList3{left:28px;bottom:92px;-webkit-transform:rotate(-33deg) scale(.7,1.2);transform:rotate(-33deg) scale(.7,1.2)}.order-canvas .span .seal.sealText_9 .textList5{left:auto;right:28px;bottom:92px;-webkit-transform:rotate(33deg) scale(.7,1.2);transform:rotate(33deg) scale(.7,1.2)}.order-canvas .span .seal.sealText_9 .textList4{left:50px;bottom:98px;-webkit-transform:rotate(0deg) scale(.7,1.2);transform:rotate(0deg) scale(.7,1.2)}.order-canvas .span .seal.sealText_8 .textList1{left:3px;bottom:52px;-webkit-transform:rotate(-87deg) scale(.7,1.2);transform:rotate(-87deg) scale(.7,1.2)}.order-canvas .span .seal.sealText_8 .textList6{left:auto;right:3px;bottom:52px;-webkit-transform:rotate(87deg) scale(.7,1.2);transform:rotate(87deg) scale(.7,1.2)}.order-canvas .span .seal.sealText_8 .textList2{left:12px;bottom:78px;-webkit-transform:rotate(-54deg) scale(.7,1.2);transform:rotate(-54deg) scale(.7,1.2)}.order-canvas .span .seal.sealText_8 .textList5{left:auto;right:12px;bottom:78px;-webkit-transform:rotate(54deg) scale(.7,1.2);transform:rotate(54deg) scale(.7,1.2)}.order-canvas .span .seal.sealText_8 .textList3{left:35px;bottom:95px;-webkit-transform:rotate(-24deg) scale(.7,1.2);transform:rotate(-24deg) scale(.7,1.2)}.order-canvas .span .seal.sealText_8 .textList4{left:auto;right:35px;bottom:95px;-webkit-transform:rotate(24deg) scale(.7,1.2);transform:rotate(24deg) scale(.7,1.2)}.order-canvas .span .seal.sealText_7 .textList1{left:3px;bottom:56px;-webkit-transform:rotate(-82deg) scale(.7,1.2);transform:rotate(-82deg) scale(.7,1.2)}.order-canvas .span .seal.sealText_7 .textList5{left:auto;right:3px;bottom:56px;-webkit-transform:rotate(82deg) scale(.7,1.2);transform:rotate(82deg) scale(.7,1.2)}.order-canvas .span .seal.sealText_7 .textList2{left:19px;bottom:85px;-webkit-transform:rotate(-44deg) scale(.7,1.2);transform:rotate(-44deg) scale(.7,1.2)}.order-canvas .span .seal.sealText_7 .textList4{left:auto;right:19px;bottom:85px;-webkit-transform:rotate(44deg) scale(.7,1.2);transform:rotate(44deg) scale(.7,1.2)}.order-canvas .span .seal.sealText_7 .textList3{left:50px;bottom:98px;-webkit-transform:rotate(0deg) scale(.7,1.2);transform:rotate(0deg) scale(.7,1.2)}.order-canvas .span .seal.sealText_6 .textList1{left:5px;bottom:64px;-webkit-transform:rotate(-71deg) scale(.7,1.2);transform:rotate(-71deg) scale(.7,1.2)}.order-canvas .span .seal.sealText_6 .textList4{left:auto;right:5px;bottom:64px;-webkit-transform:rotate(71deg) scale(.7,1.2);transform:rotate(71deg) scale(.7,1.2)}.order-canvas .span .seal.sealText_6 .textList2{left:30px;bottom:93px;-webkit-transform:rotate(-29deg) scale(.7,1.2);transform:rotate(-29deg) scale(.7,1.2)}.order-canvas .span .seal.sealText_6 .textList3{left:auto;right:30px;bottom:93px;-webkit-transform:rotate(29deg) scale(.7,1.2);transform:rotate(29deg) scale(.7,1.2)}.order-canvas .address{padding-top:10px;font-size:12px;color:#666}.order-canvas .button{position:fixed;bottom:0;left:0;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}.order-canvas .button button{-webkit-box-flex:1;-ms-flex:1;flex:1;background:#f6a726;color:#fff;font-size:14px;line-height:1rem}.order-canvas .button button:first-of-type{-webkit-box-flex:2;-ms-flex:2;flex:2;background:#65b1fc}.order-canvas .finalImg{position:fixed;top:0;left:0;z-index:1000;background:rgba(0,0,0,.4);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;width:100%;height:100%}.order-canvas .finalImg div{position:relative}.order-canvas .finalImg img{width:100%;display:block;background:#fff}.order-canvas .finalImg i{position:absolute;bottom:1rem;left:calc(50% - .25rem);width:.5rem;height:.5rem;border:1px solid #fff;border-radius:100%;text-align:center;line-height:.52rem;color:#fff;font-size:14px}