.w3-sidebar a {
    font-family: "Roboto", sans-serif
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
.w3-wide {
    font-family: "Roboto", sans-serif;
    overflow-x: hidden;
}

.logo {
    text-decoration: none;
    /* color: #0052D9; */
    font-weight: lighter;
}

#list .date {
    font-family: monospace, sans-serif;
    width: 12rem;
    letter-spacing: -2px;
}

#info_box a {
    color: blue;
    font-weight: bold;
    text-decoration: none;
}

#info_box a:hover {
    text-decoration: underline;
}

.btn_clear {
    line-height: 40px;
    width: 3rem;
    text-align: center;
    cursor: pointer;
    font-size: 1.5rem;
}

.inputclear {
    line-height: 40px;
    width: 3rem;
    text-align: center;
    cursor: pointer;
    font-size: 1.5rem;
}

.info th {
    font-weight: lighter !important;
}

#info_box {
    display: none;
}

.input_OrderId {
    width: 100% !important;
    min-height: 8rem !important;
    line-height: 1rem;
}

.title {
    cursor: pointer;
}

/** select 美化 */
#language {
    border: none;
    outline: none;
    /* color: inherit; */
    background: transparent;
}

.unselectable {
    -webkit-user-select: none;
    /* Safari 3.1+ */
    -moz-user-select: none;
    /* Firefox 2+ */
    -ms-user-select: none;
    /* IE 10+ */
    user-select: none;
}

.w3-full {
    width: 100%;
}

.copytext {
    cursor: pointer;
}

.el-message-box {
    display: flex;
    flex-direction: column;
    align-items: center;

    justify-content: flex-start;
    width: 360px;
    margin-top: 20px;
    padding: 20px;
    border-radius: 4px;
    /* box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
    background-color: #fff; */
    pointer-events: none;
}

.el-message-box .el-message {
    margin-bottom: 10px;
    padding: 10px 15px;
    border-radius: 4px;
    font-size: 14px;
    line-height: 1.5;
}

.el-message-box .el-message--info {
    color: #409EFF;
    background-color: #ecf5ff;
}

.el-message-box .el-message--success {
    color: #67c23a;
    background-color: #f0f9eb;
}

.el-message-box .el-message--warning {
    color: #e6a23c;
    background-color: #fdf6ec;
}

.el-message-box .el-message--error {
    color: #f56c6c;
    background-color: #fef0f0;
}

.el-message-box .el-message {
    opacity: 0;
    transform: translateY(-20px);
    transition: opacity 0.3s, transform 0.3s;
}

.el-message-box .el-message.show {
    opacity: 1;
    transform: translateY(0);
}

.OA-none {
    display: none;
}

/* 时间轴 */
.timeline-list {
    margin: 0px 22px 10px;
    font-size: 1rem;
    list-style: none;
}

.timeline-item:last-child .timeline-item_tail {
    display: none;
}

.timeline-item {
    position: relative;
}

.timeline-item_tail {
    position: absolute;
    left: 4px;
    top: 10px;
    height: 100%;
    border-left: 2px solid rgba(109, 209, 201, 0.3);
}

.timeline-item_node {
    position: absolute;
    background-color: #FFFFFF;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    left: -6px;
    width: 22px;
    height: 22px;
    background: #fff;
    border: 3px solid #6DD1C9;
    top: 6px;
}

/* .green .timeline-item_node {
    border-color: #4CAF50;
}
.green.timeline-item:first-child .timeline-item_node {
    background: #4CAF50;
}

.blue .timeline-item_node {
    border-color: #2196F3;
}
.blue.timeline-item:first-child .timeline-item_node {
    background: #2196F3;
}

.yellow .timeline-item_node {
    border-color: #2196F3;
}
.yellow.timeline-item:first-child .timeline-item_node {
    background: #2196F3;
} */


.timeline-item_wrapper {
    margin-left: 25px;
    border-radius: 5px;
    position: relative;
    padding: 0.4rem;
}

.timeline-item_wrapper:hover {
    background-color: #fbfbfb;
}

.timeline-item_timestamp {
    color: #38254D;
    font-weight: bold;
    font-size: 1rem;
    line-height: 32px;
}

.timeline-item_content {
    display: flex;
    flex-direction: column;
}

.timeline-item_content .box {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}

.timeline-item_date {
    width: 10rem;
    display: inline-block;
    white-space: nowrap;
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    font-family: "Roboto", sans-serif
}



.timeline-item_content text {
    font-size: 1.2rem;
    color: #574966;
    line-height: 40px;
}

.timeline-item_content .btn {
    align-self: flex-end;
    font-size: 1.2rem;
    color: #F06245;
    line-height: 60px;
    text-align: center;
    margin-top: -40px;
    width: 140px;
    height: 60px;
    border: 1px solid #F06245;
    border-radius: 30px;
}

.priceInfo {
    /* 两行 多的省略号 */
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
    word-wrap: break-word;
    height: 2rem;
    line-height: 1rem;
}




/**  如果页面宽度小于768px Detailed 设置缩放 字体大小改为12px */
@media (max-width: 767px) {

    /* 当页面宽度小于768px时执行，根据具体需要修改 */
    .Detailed {
        font-size: 12px;
        /* 将字体大小设置为12px */
        transform-origin: top left;
        /* 设置缩放中心为页面左上角 */
        /* transform: scale(0.8);将页面缩小为原来的一半 */
    }

    .timeline-item_date {
        display: block;
        font-size: 14px;
    }

    .timeline-item_content .box {
        flex-direction: column;
    }



}