body{background:#fff}.logoTxt{font-family:STSongti-SC-Black;font-weight:900;font-size:27px;color:#7000ff;display:none}.logo{width:100px;height:30px;margin-right:8px}.subLogo{width:90px;height:30px}.menu{list-style-type:none;margin:0;padding:8px}.menu li{padding:8px;border:1px solid #ccc;border-radius:8px;margin-bottom:8px;display:flex;justify-content:center;align-items:center}body{background:#1D1D1D}.headerWrp{height:80px;background:#1D1D1D;box-shadow:0 1px 2px #000}.header{width:988px;height:80px;margin:0 auto;display:flex;align-items:center}.logoImg{width:100px;height:30px;background-color:transparent}.logoTxt{font-family:STSongti-SC-Black;font-weight:900;font-size:26.54px;color:#fff;display:none}.btnPrint{width:140px;height:40px;background-image:linear-gradient(180deg,#A900FF 0%,#7000FF 100%);border:2px solid #FFFFFF;box-shadow:0 0 2px 2px #1e1e1e;border-radius:12.73px;font-family:PingFangSC-Medium;font-weight:500;font-size:20.61px;color:#fff;display:flex;align-items:center;justify-content:center;margin-left:606px;cursor:pointer}.btnPrint img{width:22px;height:22px;margin-right:10px}.btnBack{width:85px;height:28px;border:1px solid #FFFFFF;border-radius:8px;font-family:PingFangSC-Medium;font-weight:500;font-size:12.36px;color:#fff;display:flex;align-items:center;justify-content:center;margin-left:60px;cursor:pointer}.btnBack img{width:16px;height:16px;margin-right:3px}.content{background:#525252;display:flex;justify-content:center}#printWrapper{display:flex;justify-content:center;flex-direction:column;margin:30px auto 0;padding:20px;background-color:#fff}#printWrapper .page{width:948px;height:initial;padding:0;margin:0;box-shadow:none}#printWrapper .page-break{height:32px}#printWrapper .page .page-head{display:block;margin-bottom:10px;font-size:24px;font-weight:700;border-bottom:1px solid #aaa}#printWrapper .page .page-foot{display:block;text-align:right;font-size:24px;font-weight:700;border-top:1px solid #aaa}@media print{body{padding:0;margin:0 auto;box-shadow:0;background-color:#fff}@page{size:auto;margin:5mm 10mm;box-shadow:0;box-sizing:border-box}.content{background-color:#fff}.headerWrp{display:none}#printWrapper{margin-top:0}.page{box-shadow:0;width:100%;height:initial;zoom:1}#settings{display:none}.page-head{display:block}.page-break{page-break-before:always;height:0}body{-webkit-print-color-adjust:exact;-moz-print-color-adjust:exact;-ms-print-color-adjust:exact;print-color-adjust:exact}}body{margin:0 auto;background-color:#fff}#root{margin:0 auto;height:100vh;min-height:100vh;min-width:100vw;box-sizing:border-box}.App{display:flex;flex-direction:row;align-items:stretch;min-height:100%;position:relative}#preview{height:100%;flex-grow:1;flex-grow:0;padding:45px;display:flex;flex-direction:column}.page{width:473px;height:668px;background-color:#fff;margin-bottom:6px;box-sizing:border-box;display:flex;flex-direction:column;padding:28px 36px 12px;box-shadow:0 0 4px 4px #d2d2d280}.page-head,.page-foot{display:none}.page-break{page-break-before:always}h1,h3{width:100%;margin:10px 0 0}@media (max-width: 760px){#preview{padding:8px;width:100vw}.page{margin:0 auto}}#error-page{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;font-size:24px}#error-page h1{display:flex;justify-content:center;align-items:center}#error-page p{font-size:16px}#settings{background-color:#fff;padding:30px;box-sizing:border-box;flex-grow:1;border-left:1px solid #eee}.head{font-family:PingFangSC-SNaNpxibold;font-weight:600;font-size:20px;color:transparent;background-image:linear-gradient(to right,#7000FF 70px,#ED2D70 180px);background-clip:text;-webkit-background-clip:text}.txtInputWrp{border:1px solid transparent;border-radius:10px;background-clip:padding-box,border-box;background-origin:padding-box,border-box;background-image:linear-gradient(to right,#7058FF,#7058FF),linear-gradient(to right bottom,#E5357E 40%,#7058FF);flex-grow:1;display:flex;padding:1px}.txtInputWrp textarea{background-Color:#fff;padding:10px;flex-grow:1;border:none;border-radius:10px;height:100%;min-height:110px}.wrp{display:flex}.setWrp{background:#FFFFFF;box-shadow:0 0 2px 1px #dfdfdf80;border-radius:21px;flex-grow:1;margin-right:30px;padding:19px;font-family:PingFangSC-Regular;font-weight:400;font-size:14px;color:#858585;min-height:412px;margin-top:30px;display:flex;flex-direction:column}.setWrp:last-child{margin-right:0}.printBtn{width:233px;height:66px;float:right;background-image:linear-gradient(180deg,#A900FF 0%,#7000FF 100%);box-shadow:0 0 2px 1px #dfdfdf80;border-radius:21px;font-family:PingFangSC-Medium;font-weight:500;font-size:34px;color:#fff;text-align:center;display:flex;align-items:center;padding:13px 24px;justify-content:space-between;min-width:233px;cursor:pointer;margin-top:30px}.printBtn img{width:40px;height:40px}.gezhiSelector{display:block;width:40px;height:40px;flex-shrink:0;margin-right:8px;box-sizing:border-box;overflow:hidden}.gezhiSelector img{width:40px;height:40px;margin:-1px 0 0 -1px}.color{width:18px;height:18px;border-radius:100%;cursor:pointer;margin-right:8px;box-sizing:border-box}.selected{box-shadow:#fff 0 0 0 1px,#1677ff 0 0 0 2px}.color .ant-radio{width:0px;height:0px;opacity:0}.colorSelector{display:block;width:32px;height:32px;border-radius:32px;margin-right:8px;box-sizing:border-box}.selected{border:2px solid black}.emptyRow{display:flex}.emptyRow span{display:block;background-color:#fafafa;border:1px solid #1677ff;display:flex;justify-content:center;align-items:center;padding:2px 4px;font-family:PingFangSC-Regular;font-weight:400;font-size:14px;color:#1677ff;text-align:center;width:32px}.emptyRow span:nth-child(1){border-top-left-radius:6px;border-bottom-left-radius:6px}.emptyRow span:nth-child(3){border-top-right-radius:6px;border-bottom-right-radius:6px}.emptyRow span:nth-child(2){border-left:none;border-right:none}@media (max-width: 1168px){.wrp{flex-direction:column}.setWrp{margin-right:0}}@media (max-width: 760px){#settings{width:100vw}.ant-layout-content,.wrp{flex-direction:column}.setWrp{margin-right:0}#preview .page{zoom:.6}}.row{display:flex;justify-content:center;align-items:center;margin-bottom:10px}.row-letter{display:flex;flex-direction:column}