.order-detail{margin-top:40px}.order-detail .bg-marketing{margin-bottom:120px;padding:0}.order-detail .order-header .header-title{font-size:24px;font-weight:700;color:#364d70;text-align:center;line-height:24px}.order-detail .order-header .para-desc{font-size:14px;margin:0 auto 1rem}.order-detail .order-header .confirm-icon{width:94px;margin:36px auto 54px;display:block}.order-detail .order-header .confirm-process .icon-content{height:41px;width:41px;background-color:#3ad176;border-radius:50%;margin-bottom:24px}.order-detail .order-header .confirm-process .text{font-size:14px;color:#acb1b7;line-height:14px}.order-detail .order-header .confirm-process .text.process{color:#3a5173}.order-detail .order-header .confirm-process .wihite-icon{color:#fff;font-weight:600}.order-detail .order-header .confirm-process .middle-line{height:2px;width:70px;background-color:#3ad176;border-radius:1px;margin:20px 10px 0}.order-detail .order-header .confirm-process .lds-ring{display:inline-block;position:relative}.order-detail .order-header .confirm-process .lds-ring div{box-sizing:border-box;display:block;position:absolute;width:19px;height:19px;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 transparent transparent transparent}.order-detail .order-header .confirm-process .lds-ring div:first-child{-webkit-animation-delay:-.45s;animation-delay:-.45s}.order-detail .order-header .confirm-process .lds-ring div:nth-child(2){-webkit-animation-delay:-.3s;animation-delay:-.3s}.order-detail .order-header .confirm-process .lds-ring div:nth-child(3){-webkit-animation-delay:-.15s;animation-delay:-.15s}@-webkit-keyframes lds-ring{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes lds-ring{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.order-detail .service-reminder{padding:43px 16px 51px;background-color:#f8f9fc}.order-detail .service-reminder .service-title{text-align:center;margin-bottom:34px;font-size:32px;color:#151c2d;line-height:32px}.order-detail .service-reminder .service-list{max-width:800px;margin:0 auto}.order-detail .service-reminder .service-list .service-text{font-family:proxima-regular;font-size:14px;color:#8492a6;line-height:20px;margin-left:6px}.order-detail .service-reminder .line{height:1px;width:100%;background-color:#dee2e6;margin:46px auto 40px}.order-detail .service-reminder .select-quetion .select-title{text-align:center;font-size:18px;color:#151c2d;line-height:28px}.order-detail .service-reminder .select-quetion .input-filed{display:flex;justify-content:space-around;margin-top:41px}.order-detail .service-reminder .select-quetion .input-filed .offer-input{flex:1;max-width:521px}.order-detail .service-reminder .select-quetion .input-filed .offer-input .form-control{height:50px}.order-detail .service-reminder .select-quetion .input-filed .contact-button{margin-top:0!important}.order-detail .order-tips{background-color:#f8f9fc;border-top:1px solid #dee2e6;text-align:center}.order-detail .order-tips .tip-content{max-width:640px;margin:0 auto;line-height:24px;font-size:16px;color:#808c9e;line-height:30px}.order-detail .order-tips .tip-content .order-id{background-color:#ffe66c;border-radius:2px;color:#000;max-width:80%;margin:0 auto;word-break:break-all;display:inline-block}.order-detail .order-tips .tip-content .btn-primary.btn.account-dash{background-color:rgba(255,92,105,.15)!important;border:1px solid rgba(255,92,105,.19)!important;border-radius:4px;color:#ff5c69!important;box-shadow:0 2px 4px 0 #ffdee1;display:inline;padding:3px 6px;white-space:nowrap}.order-detail .user-follow .user-icon{height:40px;width:40px;border-radius:50%}.order-detail .user-follow .user-icon.like{border-radius:8px}.order-detail .row{margin-top:60px}.order-detail .left-item{height:18px;margin-bottom:40px}.order-detail .left-item.user-follow{height:40px}.order-detail .left-item.transaction_id-wrap{height:auto!important}.order-detail .left-item .left{font-size:18px;font-weight:600;color:#8492a6;line-height:18px}.order-detail .left-item .right{font-size:18px;font-weight:700;color:#364d70;text-align:right;line-height:18px}.order-detail .left-item .right.tansaction-id{max-width:60%;line-height:20px;flex-wrap:wrap;word-break:break-all}.order-detail .tip-item{margin-bottom:12px;font-size:16px;color:#8492a6;line-height:18px}.order-detail .tip-item p{margin-bottom:0;flex:1}.order-detail .tip-item .check-icon{color:#ff898f;font-weight:600;margin-right:6px}.order-detail .special-attention{display:none}@media(min-width:768px){.left-col{border-right:1px solid #dee2e6;padding-right:32px}.right-col{padding-left:32px}}@media(max-width:767px){.order-detail .bg-marketing{margin-bottom:60px}.order-detail .order-tips{padding:0 10px}.order-detail .order-tips .tip-content{font-size:12px;line-height:18px}.order-detail .left-col,.order-detail .right-col{border-top:1px solid #dee2e6;padding-top:27px}.order-detail .left-col .left-item{height:14px;margin-bottom:19px}.order-detail .left-col .left-item.user-follow{height:30px}.order-detail .left-col .left-item .left,.order-detail .left-col .left-item .right{font-size:14px}.order-detail .btn-primary{margin-top:12px}.order-detail .special-attention{font-size:16px;color:#364d70;line-height:18px;display:block;text-align:center;margin-bottom:16px}.order-detail .tip-item p{font-size:13px}}@media(max-width:568px){.order-detail .service-reminder .service-title{margin-bottom:25px;font-size:20px;line-height:20px}.order-detail .service-reminder .line{margin:25px auto 24px}}