@charset "utf-8";

/* 货态查询单号输入框 */
.stateSearch {
    width: auto;
    height: auto;
    overflow: hidden;
    background: #f7f7f7;
    border: 1px solid #e1e1e1;
    margin-bottom: 20px;
    padding: 10px 10px 5px 10px;
}

.stateSearchBody {
    width: 560px;
    margin: 0 auto;
}

    .stateSearchBody span {
        display: inline-block;
        float: left;
        width: 90px;
        height: 30px;
        line-height: 30px;
    }

    .stateSearchBody input {
        border: 1px solid #cccccc;
        height: 30px;
        line-height: 30px;
        padding: 0 5px;
        float: left;
        margin-right: 5px;
        width: 80px;
        margin-bottom: 5px;
    }

        .stateSearchBody input.searchNo {
            width: 200px;
        }

        .stateSearchBody input.keys {
            width: 60px;
        }

    .stateSearchBody img {
        width: 80px;
        height: 32px;
        float: left;
        margin-right: 5px;
        cursor: pointer;
    }

    .stateSearchBody input[type="submit"] {
        height: 32px;
        line-height: 32px;
        background: #f60;
        border: 1px solid #f60;
        color: #ffffff;
        padding: 0 10px;
        margin-bottom: 5px;
        font-size: 14px;
        cursor: pointer;
    }

/*货态列表*/
.stateList {
    width: auto;
    min-height: 300px;
}

    .stateList table {
        width: 600px;
        border: 1px solid #cccccc;
        font-size: 12px;
        margin: 0 auto;
    }

        .stateList table tr {
            height: 50px;
        }

            .stateList table tr td, .stateList table tr th {
                padding: 10px;
                color: #878787;
                border-bottom: 1px solid #d8d8d8;
                background-color: #fbfbfb;
            }

            .stateList table tr:last-child td {
                border-bottom: 0;
            }

            .stateList table tr th i {
                float: right;
                margin-right: 15px;
                width: 2px;
                height: 30px;
                background: #d8d8d8;
            }

            .stateList table tr .time {
                width: 140px;
                text-align: right;
            }

            .stateList table tr .ZT {
                color: #FF8c00;
            }

            .stateList table tr .status-first {
                width: 30px;
                background: url("../images/ico_status.gif") 0 center no-repeat #fbfbfb;
            }

            .stateList table tr .status {
                width: 30px;
                background: url("../images/ico_status.gif") -50px center no-repeat #fbfbfb;
            }

            .stateList table tr .status-second {
                width: 30px;
                background: url("../images/ico_status.gif") -100px center no-repeat #fbfbfb;
            }

            .stateList table tr .status-last {
                width: 30px;
                background: url("../images/ico_status.gif") -150px center no-repeat #fbfbfb;
            }


/*在线客服的样式*/
.serviceList {
    width: auto;
    height: auto;
    overflow: hidden;
    padding: 0 20px 0 20px;
}

    .serviceList .groupTitle {
        display: block;
        height: 40px;
        line-height: 40px;
        font-size: 11pt;
    }

    .serviceList a {
        display: inline-block;
        text-align: center;
        margin-right: 10px;
    }

        .serviceList a span {
            font-size: 9pt;
            line-height: 22px;
            color: #666;
            text-align: center;
        }



@media screen and (max-width:980px) {

    .stateSearchBody {
        width: auto;
    }

        .stateSearchBody input.searchNo {
            width: 90%;
            margin-right: 0px;
        }

        .stateSearchBody span {
            display: none;
        }

    .stateList table {
        width: 100%;
    }

        .stateList table tr .time {
            width: 100px;
        }
}