.success-loading{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width:100vw;height:100vh}.success-loading img{width:100px;height:100px}.main-page-wrapper{display:none}.pay-result{margin-top:70px;padding-top:75px}.pay-info .title{margin-bottom:55px;font-family:Lato,sans-serif;font-weight:700;font-size:22px;color:#313131;line-height:22px}.pay-info .status-icon{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;position:relative;margin-bottom:24px;width:41px;height:41px;border-radius:50%;background-color:#3ad176}.status-icon div{-webkit-box-sizing:border-box;box-sizing:border-box;display:block;position:absolute;width:19px;height:19px;margin:8px;border:2px solid #fff;border-radius:50%;-webkit-animation:lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;animation:lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;border-color:#fff rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0)}.status-icon div:first-child{-webkit-animation-delay:-.45s;animation-delay:-.45s}.status-icon div:nth-child(2){-webkit-animation-delay:-.3s;animation-delay:-.3s}.status-icon div:nth-child(3){-webkit-animation-delay:-.15s;animation-delay:-.15s}@-webkit-keyframes lds-ring{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes lds-ring{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.pay-result-status .separate-line{margin:-50px 13px 0;width:70px;height:2px;background-color:#3ad176;border-radius:1px}.pay-result-status .status-label{font-family:Lato,sans-serif;font-weight:400;font-size:14px;color:#3a5173;line-height:14px}.pay-result-status .status-label-inactive{color:#acb1b7!important}.pay-delivery-tips{margin:32px 0 51px;font-family:Lato,sans-serif;font-weight:400;font-size:14px;color:#808c9e;text-align:center;line-height:14px}.action-buttons{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin-bottom:56px}.action-buttons button{outline:none}.action-buttons .back{margin-right:22px;padding:17px 36px;background-color:#ff3946;border-radius:6px;-webkit-box-shadow:0 10px 24px 0 rgba(163,48,53,.25);box-shadow:0 10px 24px 0 rgba(163,48,53,.25);font-size:16px;color:#fff;text-transform:capitalize;line-height:16px}.action-buttons .back,.action-buttons .retry{font-family:Lato,sans-serif;font-weight:400;text-align:center}.action-buttons .retry{padding:17px;background-color:#fff;border:1px solid #ff5c69;border-radius:8px;font-size:14px;color:#ff3946;line-height:14px}.pay-info .desc{margin:0 12% 55px;padding:20px 20%;width:auto;background-color:#f4f7fe;word-break:break-word;color:#808c9e;line-height:30px}.pay-info .desc,.pay-info .desc .number{font-family:Lato,sans-serif;font-weight:400;font-size:16px}.pay-info .desc .number{background-color:#ffe66c;border-radius:2px;color:#000}.pay-info .desc-btn{padding:6px 7px;font-family:Lato,sans-serif;font-weight:400;font-size:16px;line-height:16px;color:#fff;background-color:#ff3946;border-radius:4px;-webkit-box-shadow:0 4px 10px 0 rgba(163,48,53,.25);box-shadow:0 4px 10px 0 rgba(163,48,53,.25);cursor:pointer}.top-separate-line{display:none}.order-info{margin:0 12%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.order-info .order-detail,.order-info .order-tips{-webkit-box-flex:.45;-webkit-flex:.45;-ms-flex:.45;flex:.45}.order-info-no-tips .order-detail{-webkit-box-flex:1!important;-webkit-flex:1!important;-ms-flex:1!important;flex:1!important}.order-info-no-tips .order-tips,.order-info-no-tips .separate-line{display:none!important;-webkit-box-flex:0!important;-webkit-flex:0!important;-ms-flex:0!important;flex:0!important}.order-info .order-detail li{margin-bottom:50px}.order-info .order-detail li:first-child{margin-bottom:32px}.order-detail .left,.order-detail .left span{font-family:Lato,sans-serif;font-weight:400;font-size:18px;color:#808c9e;line-height:18px}.order-detail .left .avatar{margin-right:6px;height:40px;width:40px;background-color:hsla(0,0%,84.7%,.6);overflow:hidden}.order-detail .left .avatar-user{border-radius:40px}.order-detail .left .avatar-post{border-radius:8px}.order-detail .right{font-family:Lato,sans-serif;font-weight:700;font-size:18px;color:#364d70;text-align:right;text-transform:capitalize;line-height:18px}.order-info .separate-line{-webkit-box-flex:.1;-webkit-flex:.1;-ms-flex:.1;flex:.1;position:relative}.order-info .separate-line:after{position:absolute;top:2%;left:50%;display:block;content:"";width:2px;height:85%;background-color:hsla(0,0%,91%,.5)}.order-tips .title{display:none}.order-tips li{margin-bottom:24px}.order-tips i{margin-top:2px;margin-right:12px;color:#ff898f}.order-tips span{font-family:Lato,sans-serif;font-weight:400;font-size:16px;color:#808c9e;line-height:18px}@media (max-width:991px){.pay-result{margin-top:44px;padding-top:26px}.pay-info .title{margin-bottom:23px;font-size:14px}.pay-info .status-icon{margin-bottom:18px;height:32px;width:32px}.pay-result-status .separate-line{margin:-30px 13px 0;width:36px}.pay-result-status .status-label{font-size:12px;line-height:12px}.pay-delivery-tips{margin:32px 60px;font-size:12px;line-height:18px}.action-buttons{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin-bottom:12px}.action-buttons .back{margin-right:0;margin-bottom:20px;padding:13px 24px;font-size:15px;line-height:15px}.action-buttons .retry{padding:13px;font-size:14px;line-height:14px}.pay-info .desc{margin:28px 21px 23px;padding:20px 10%;font-size:12px;line-height:18px;text-align:center}.pay-info .desc-btn{padding:2px 3px;display:inline-block}.top-separate-line{display:block;margin:0 auto 23px;width:340px;height:1px;background-color:#d8d8d8}.order-info{margin:0 19px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.order-info .order-detail,.order-info .order-tips{-webkit-box-flex:1;-webkit-flex:auto;-ms-flex:auto;flex:auto}.order-info .separate-line{display:none}.order-detail{margin-bottom:20px;border-bottom:1px solid hsla(0,0%,84.7%,.4)}.order-info .order-detail li{margin-bottom:26px}.order-info .order-detail li:first-child{margin-bottom:19px}.order-detail .left,.order-detail .left span{font-size:14px;line-height:14px}.order-detail .left .avatar{width:30px;height:30px}.order-detail .right{font-size:14px;line-height:14px}.order-tips{padding:22px 16px 26px;background-color:#f7f9ff;border-radius:4px}.order-tips .title{display:block;text-align:center;margin-bottom:16px;font-family:Lato,sans-serif;font-weight:700;font-size:16px;color:#364d70;line-height:18px}.order-tips li{margin-bottom:14px}.order-tips i{margin-right:8px}.order-tips span{font-size:13px;line-height:16px}}