.record-box .title{margin-bottom:30px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.record-box .title,.record-box .title .price-msg{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.record-box .title .price-msg{padding-top:6px;width:60%}.record-box .title .price-msg p{padding:0 20px 0 0}.record-box .title .price-msg p:first-child{color:#c0a5f8}.record-box .title .price-msg p:nth-child(2){color:#7dd9a5}.record-box .title .price-msg p:nth-child(3){color:#e64177}.record-box .title h1{color:var(--ThemeColor);font-size:16px;font-weight:700}.record-box .btns{display:-webkit-box;display:-ms-flexbox;display:flex}.record-box .btns i{color:var(--ThemeColor);font-size:16px;margin-top:2px}.record-box .btns h2{font-weight:700;font-size:14px;color:var(--ThemeColor);padding:0 10px;cursor:pointer}.record-box .msg-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;border-bottom:1px solid #f3f0f0}.record-box .msg-box h3{color:#222;font-weight:600;font-size:14px}.record-box .msg-box p{font-size:14px;color:#666;font-weight:700}.record-box .msg-box div{margin-right:20px}.record-box .data-box .data-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:20px 0}.record-box .data-box .data-item .item-left{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.record-box .data-box .data-item .item-left .detailed-price{color:#7dd9a5}.record-box .data-box .data-item .item-left .detailed-price:nth-child(2){cursor:pointer}.record-box .data-box .data-item .item-left h1{width:60px;height:60px;background-color:var(--ThemeColor);color:#fff;border-radius:50%;text-align:center;line-height:55px}.record-box .data-box .data-item .item-left p{color:#222;font-weight:700;font-size:14px;margin-left:20px}.record-box .data-box .data-item .item-right{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.record-box .data-box .data-item .item-right>p{font-weight:600}.record-box .data-box .data-item .item-right>div{margin-left:30px;height:80px;width:46px}.record-box .data-box .data-item .item-right>div div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.record-box .data-box .data-item .item-right>div div button{margin:6px 10px;background-color:var(--ThemeColor);color:#fff}.record-box .data-box .data-item .item-right>div div button:nth-child(2){background-color:#7dd9a5}