.orderContent{
    padding-top:8px;
}.orderHeader{
    background: #fff;
    box-shadow: 0px 0px 10px #ddd;
}
.orderSearch{
    height:40px;
    padding-top:5px;
    background: #3971fa;
    width:100%;
}
.searchOrder{
    width: 84%;
    padding: 0 5%;
    margin: 10px 3% 5px;
    float: left;
    height: 35px;
    text-align: center;
    border: none;
    color: #eee;
    font-size: 15px;
    border-radius: 17px;
    background: rgba(255,255,255,0.2);
    margin-top:-5px;
}
.searchOrder::placeholder{color:  #eee;}
.searchOrder::-webkit-input-placeholder { /* WebKit browsers */
    color: #eee;
}
.searchOrder::-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #eee;
}
.searchOrder::-moz-placeholder { /* Mozilla Firefox 19  */
    color: #eee;
}
.searchOrder::-ms-input-placeholder { /* Internet Explorer 10  */
    color: #eee;
}
.searchOrderBtn{
    width: 22px;
    margin-top: -35px;
    float: right;
    margin-right: 9%;
    display: none;
}
.orderChooses{
    width: 95%;
    padding: 0 3%;
    height: 35px;
    line-height: 35px;
    position: relative;
    z-index: 1;
    background:#fff;
}
.orderChoose{
    float: left;
    width: 25%;
    text-align: center;
    font-size: 15px;
    color: #999;
    list-style: none;
}

.ordershow{
    z-index:100;
    background: #fff;
    width: 88%;
    padding:0 6%;
    font-size:13px;
    color:#666;
}
.ordershow1,.ordershow2,.ordershow3,.ordershow4{
    background: #fff;
    display: none;
    padding-bottom:10px;
}
.ordershowLi{
    width:100%;
    list-style: none;
    height:30px;
    line-height:30px;
    text-align: left;
}
.showO{
    float:right;margin-right:60%;font-weight: 700;
}



.orderUl{
    width:88%;
    margin:0 2%;
    padding:10px 4%;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0px 0px 10px #ddd;
    margin-bottom: 10px;
}

.orderUl1{
    line-height: 30px;
    font-size:15px;
    height:110px;
}

.order0{
    width:100%;
    height:30px;
    line-height:30px;
    border-bottom:1px solid #ddd;
    color: #111;
    font-size: 13px;
    font-weight: 700;
    margin-bottom:5px;
}
.copyTag{
    background: #fff;
    border:none;
    margin:0 5px;
}
.copyTag img{
    width:20px;
    vertical-align: bottom;
}
.statusTag1{
    background: #8a05f4;
    color: #fff;
    border: none;
    font-size:13px;
    padding:2px 10px;
    margin-left:5px;
}
.statusTag2{
    /*8a05f4*/
    background: #cf0efb;
    color: #fff;
    border: none;
    font-size:13px;
    padding:2px 10px;
    margin-left:5px;
}
.order1{
    float:left;
    width:60px;
    text-align: left;
    color: #111;
}
.order1 .orderMaster{
    width:60px;
    height: 60px;
    border-radius: 5px;
}
.order2{
    width:77.7%;
    width:calc(100% - 70px);
    margin-left:70px;
    color:#666;
    height:65px;
    line-height: 20px;
    font-size: 13px;
}
.twoHidden{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
    width:100%;
    height: 15px;
    line-height: 15px;
}

.orderUl2{
    width:110%;
    margin-left:-5%;
    height:45px;
}
.orderUl2 li{
    float:left;
    text-align: center;
    width:33%;
    color:#000;
    font-size:15px;
    height:45px;
    line-height: 18px;

}
.orderIcon{
    width:20px;
}