.component-order-info{background-color:white}@media screen and (max-width: 1023px){.component-order-info{background-color:#f6f7f5}}.component-order-info>.collapse-btn{display:flex;justify-content:center;align-items:center;width:100%;padding:16px 24px;cursor:pointer}@media screen and (max-width: 1023px){.component-order-info>.collapse-btn{padding:10px 16px}}.component-order-info>.collapse-btn>.title{font-size:1.28571rem;font-weight:bold;line-height:1.56;letter-spacing:0.8px;color:#333}.component-order-info>.collapse-btn>.icon{display:flex;align-items:center;width:16px;height:16px;margin-left:6px}.component-order-info>.collapse-btn>.icon>img{width:100%}.component-order-info .info-body{padding:0 24px 24px}@media screen and (max-width: 1023px){.component-order-info .info-body{padding:0 16px 16px}}.component-order-info .info-body>.items-wrapper{width:100%;padding:24px;background-color:#f6f7f5}@media screen and (max-width: 1023px){.component-order-info .info-body>.items-wrapper{background-color:white;padding:16px}}.component-order-info .info-body>.items-wrapper>.item{display:flex;width:100%}@media screen and (max-width: 1023px){.component-order-info .info-body>.items-wrapper>.item{flex-direction:column}}.component-order-info .info-body>.items-wrapper>.item:not(:last-child){margin-bottom:16px}.component-order-info .info-body>.items-wrapper>.item>.field-name{width:160px;font-size:1.14286rem;font-weight:500;line-height:1.5;letter-spacing:0.8px;color:#666;flex-shrink:0;margin-right:16px}@media screen and (max-width: 1023px){.component-order-info .info-body>.items-wrapper>.item>.field-name{font-size:1rem;line-height:22px}}.component-order-info .info-body>.items-wrapper>.item>.value{font-size:1.14286rem;font-weight:500;line-height:1.5;letter-spacing:0.8px;color:#333;word-break:break-word}@media screen and (max-width: 1023px){.component-order-info .info-body>.items-wrapper>.item>.value{font-size:1rem;line-height:22px}}.component-order-info[data-expand='false'] .collapse-btn>.icon{transform:rotate(180deg)}