.stepbox{color:var(--Middle_Color,#838384);display:flex;font-size:12px;margin-top:18px;padding-bottom:30px;text-align:center}@media (min-width:675px){.stepbox{font-size:14px}}@media (min-width:768px){.stepbox{margin-top:16px}}.stepbox .step-column{display:block;flex:1 0 0px;padding:0 2vw;position:relative}@media (min-width:576px){.stepbox .step-column{align-items:center;display:flex;justify-content:center}}.stepbox .step-column.now{color:var(--Primary_Color,#70a733);pointer-events:none}.stepbox .step-column:after{border-right:2px solid var(--Middle_Color,#838384);border-top:2px solid var(--Middle_Color,#838384);bottom:2em;content:'';display:block;height:15px;margin:auto;position:absolute;right:-3.75px;top:0;transform:rotate(45deg);width:15px}@media (min-width:992px){.stepbox{font-size:16px}.stepbox .step-column{padding-left:20px;padding-right:20px}.stepbox .step-column:after{height:20px;width:20px}}.stepbox .step-column:last-child:after{content:none}.stepbox .step{align-items:center;border:2px solid var(--Middle_Color,#838384);border-radius:50%;display:flex;height:35px;justify-content:center;margin-bottom:.5em;margin-left:auto;margin-right:auto;width:35px}@media (min-width:576px){.stepbox .step-column:after{bottom:0}.stepbox .step{margin-bottom:0;margin-left:0;margin-right:2vw}}@media (min-width:675px){.stepbox .step{height:40px;width:40px}}@media (min-width:992px){.stepbox .step{height:50px;margin-right:10px;width:50px}}@media (min-width:1200px){.stepbox .step-column{padding-left:25px;padding-right:25px}.stepbox .step{margin-right:15px}}.stepbox .now .step{border-color:var(--Primary_Color,#70a733);color:var(--Primary_Color,#70a733)}article p,p{margin:.5em 0 0}article p:first-child,p:first-child{margin-top:0}.order-detail{margin-bottom:20px;margin-top:20px}.addOfficeMask,.mask{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:1000;padding:10px}.mask-close{position:absolute;top:0;right:0;width:40px;height:40px;line-height:40px;z-index:10;cursor:pointer}.mask-content{position:relative;width:300px;height:300px;background-color:#fff;margin:15% auto 0;border-radius:5px;padding:25px 0;text-align:center}.content-title{font-size:20px;padding:25px 0;font-weight:bolder}.content-title-success{font-size:20px;padding:70px 0 20px;font-weight:bolder}.content-str{color:grey;font-size:12px}.content-button{width:80%;border:0;padding:10px;letter-spacing:10px;font-size:20px;border-radius:5px;margin-top:20px;color:#fff;background-color:#00c300}.lineicon{height:23px;vertical-align:bottom}.officeBox{background-color:#fff5f6;min-height:150px;margin-top:25px;text-align:center;display:flex;align-items:center;justify-content:center}.officeBox .str{margin:10px;font-weight:bolder;font-size:18px}.officeBox .addbtn{width:180px;padding:10px;margin:0 10px;color:#fff}.officeBox .addbtn.office{background-color:#ff8791}.officeBox .addbtn.fb{background-color:#3c5a9a}.officeBox .addbtn.line{background-color:#00b900}.officeBox .addbtn .fa-facebook{margin-right:5px;padding-right:10px;border-right:1px solid #fff}.officeBox .addbtn .fa-line{width:29px;height:16px;top:3px;right:10px;margin-left:13px;position:relative;border-right:1px solid #fff;background:url(https://cdn-mihong-v1.shang-yu.com/images/common/line-login.svg) no-repeat;background-size:contain}@media (max-width:575.98px){.officeBox .addbtn{margin:5px 0}}@media (max-width:449.98px){.officeBox .btnBox{padding:10px}.officeBox .btnBox .addbtn{width:100%}}.addOfficeMask{display:none;align-items:center;justify-content:center}.addOfficeMask .addOffice{width:300px;height:300px;background-color:#fff;border-radius:10px}.addOfficeMask .addOffice .addContain{padding:10px}.addOfficeMask .addOffice .addContain .title{height:50px;font-size:24px;border-bottom:1px solid #ff8791;background-color:#fff5f6;position:relative;text-align:center;display:flex;justify-content:center;align-items:center}.addOfficeMask .addOffice .addContain .pwd{margin-top:30px}.addOfficeMask .addOffice .addContain .pwd .pwdInput{width:100%;height:40px;margin-bottom:25px;border-radius:5px}.addOfficeMask .addOffice .addContain .pwd .pwdInput::placeholder{color:#ddd;opcaity:1}.addOfficeMask .addOffice .addContain .send{width:100px;margin:0 auto;text-align:center;background-color:#ff8791;border:1px solid #ff8791;border-radius:10px;color:#fff;font-size:20px}.addOfficeMask .addOffice .addContain .send .sendBtn{border:0;background-color:#ff8791;padding:10px}