.orders{
    margin-bottom:30px;
    min-height:200px;
}
.checktitle{
    font-size:24px;
}
.orders .nums{
    text-align: center;
}

.orders input{
    width:200px;
    padding:0;
    margin:10px 0 10px 0;
    background:#fff;
    border:0;
    line-height:30px;
    border-radius:4px;
    text-indent:10px;
}

.orders #check{
    width:200px;
    height:30px;
    line-height:30px;
    text-align: center;
    background:#120c86;
    color:#fff;
    margin:0 auto;
    border-radius:4px;
    cursor:pointer;
}

.orders .results{
    margin:10px 0;
    background:#fff;
    border-radius:10px;
    overflow:hidden;
}

.orders .item{
    padding:10px;
    margin:10px;
    width:calc(100% - 20px);
	overflow: hidden;
}

.orders .item p{
    font-size:16px;
    font-weight:bold;
    color:#000;
    margin-bottom:5px;
}

.orders .item p.hangduan{
    margin-top:20px;
}

.orders .item .info,
.orders .item .moreinfo{
    display: flex;
    justify-content:space-around;
    text-align: center;
    align-items: center;
    border:1px solid #ccc;
    width:100%;
	overflow-x:scroll;
	white-space: nowrap;
}

.orders .item .info.sec,
.orders .item .moreinfo.sec{
    border-top:0;
}

.orders .item .moreinfo b,
.orders .item .moreinfo span,
.orders .item .info b,
.orders .item .info span{
    text-align: center;
    display: inline-block;
	box-sizing: border-box;
}
.orders .item b{
    padding:10px 0;
    background:#eee;
}
.orders .item span{
    padding:5px 0;
}
.orders .item .info b,
.orders .item .info span{
    width:calc((100% - 4px) / 5);
    border-right:1px solid #ccc;
}

.orders .item .moreinfo b,
.orders .item .moreinfo span{
    width:calc((100% - 9px) / 10);
    border-right:1px solid #ccc;
}

.orders .item .moreinfo b:last-child,
.orders .item .moreinfo span:last-child,
.orders .item .info b:last-child,
.orders .item .info span:last-child{
    border-right:0;
}


.price{
    width:600px;
    margin:0 auto 30px auto;
}

.price form{
    margin-bottom:30px;
}

.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.col-lg-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}

.col-lg-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

.col-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

.form-group {
    margin-bottom: 10px;
}

label {
    display: inline-block;
    margin-bottom: 0.5rem;
}

.form-control {
    display: block;
    width: 100%;
    height:30px;
    padding: 0.375rem 0.75rem;
    font-size:14px;
    font-weight: 400;
    line-height:30px;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.price .btn-info{
    background:#ff0000;
    border:0;
}

@media screen and (max-width:960px){
    .price{
        width:100%;
        padding:0 15px;
        margin-top:15px;
    }
    .orders{
        margin-top:20px;
    }
    .orders .item{
        width:calc(100% - 20px);
    }
    .orders .nums p{
        margin-bottom:0;
    }
    .orders #check,
    .orders input{
        width:100%;
        height:40px;
        line-height:40px;
    }
    .orders .item .infos,
    .orders .item .moreinfos{
        width:100%;
        overflow-x:scroll;
    }
    .orders .item .moreinfo{
        min-width: 320%;
        width: max-content;
    }
}