.w{

    padding: 0 10px;

}

    /*back*/

.back {

    height: 30px;

    padding:6px 0px;

    width: 100%;

    display: block;

}

.back img {

    width: 12.5px;

    display: block;

}

/*nav*/

.nav {

    display: flex;

    flex-direction: row;

    height: 35px;

    align-items: center;

    width: 100%;

    position: relative;

}

.nav s {

    font-size: 1.8rem;

    color: #333;

    margin-right: 26px;

}

.from-to span {

    font-size: 1.5rem;

    color: #333;

}

.from-to img {

    width: 12px;

}

.change  {

    position: absolute;

    right:10px;

    top:0;

    display: flex;

    flex-direction: row;

    align-items: center;

    height: 35px;

}

.change span {

    display: inline-block;

    color: #29166f;

    font-size: 1.5rem;

    margin-right: 10px;

}

.change img {

    width: 6px;

}

/*托运基本信息*/

.common-nav {

    width: 100%;

    height: 25px;

}

.common-nav span {

    background-color: #e77745;

    color: #fffefe;

    padding: 0 5px;

    height: 25px;

    line-height: 25px;

    width: 100%;

    font-size: 1.5rem;

    display: inline-block;

}

.ty-con {

    width: 100%;

    border: 1px solid #e6e6e6;

    margin-bottom: 15px;

}

.ty-con>ul {

    width: 100%;

    padding-bottom: 10px;

}

.ty-con>ul>li {

    width: 100%;

    height: 30px;

    display: flex;

    flex-direction: row;

    align-items: center;

}

.ty-con>ul>li>del {

    color: #333333;

    font-size: 1.3rem;

}

.ty-con>ul>li>span {

    display: inline-block;

    width: 45%;

    padding-left: 5px;

    font-size: 1.3rem;

    color: #828282;

}

.ty-con-bot span {

    width: 100px;

    height: 25px;

    display: inline-block;

    border-radius: 12.5px;

    background-color: #6ececa;

    color: #fff;

    font-size: 1.5rem;

    line-height: 25px;

    text-align: center;

}

.ty-con-bot a img {

    width: 6px;

}

.ty-con-bot a s {

    color: #29166f;

    font-size: 1.5rem;

    margin-right: 3px;

}

.ty-con-bot {

    height: 45px;

    padding: 0 10px;

    display: flex;

    flex-direction: row;

    justify-content: space-between;

    align-items: center;

}

/*详细描述*/

.info-con {

    padding: 10px 5px;

    margin-bottom: 10px;

    border: 1px solid #ddd;

}

.info-con li {

    font-size: 1.4rem;

    color: #333;

    height: 25px;

    line-height: 25px;

}

/*轿车图片*/

.car-con {

    width: 100%;

    margin-bottom:10px;

}

.car-con img {

    width: 100%;

}

/*订单详情*/

.order-con-tit p{

    line-height: 30px;

    width: 100%;

    background-color: #f0f0f0;

}

.order-con-tit p span {

    display: inline-block;

    line-height: 30px;

    width: 30%;

    font-size: 1.3rem;

    color: #333;

    padding-left: 7.5px;

}

.order-con-li {

    position: relative;

    border: 1px solid #ddd;
    margin: 10px 2px;
}

.order-con-li .new del {

    width: 62px;

    height: 20px;

    display: inline-block;

    border-radius: 10px;

    background-color: #6ececa;

    text-align: center;

    color: #fff;

}

.order-con-li .new {

    width: 50%;

    padding-left: 10px;

}

.order-con-li{

    display: block;

    width: 100%;

    padding: 20px 5px;

}

.order-con-li span {

    display: inline-block;

    width: 30%;

    font-size: 1.5rem;

    color: #333;

}

.order-con-li .pj .star{
     height: 13px;

    display: flex;

    flex-direction: row;

    align-items: center;

    /*margin-right: 5px;*/

}

.order-con-li .pj img {

    width: 13px;

    margin-right: 5px;

    display: block;

}

.order-con-li .pj {

    position: absolute;

    right: 0px;

    top: 20px;

    display: flex;

    flex-direction: row;

    align-items: center;

}

.order-li-p {

    height: 35px;

    line-height: 58px;

    position: relative;

}
.order-li-p a{
  color: gray;
}
.order-li-p img {

    width: 12px;

    position: absolute;

    right:10px;

    top:12px;

}

.order-li-p del {

    font-size: 1.5rem;

    color: #008aff;

    display: inline-block;

    padding-left: 10px;

}

.order-con-info span {

    font-size: 1.3rem;

    color: #828282;

    display: inline-block;

    width: 64%;

    margin: 10px 0;

}

.order-con-info del {

    display: inline-block;

    width: 34%;

}

.order-con-info li {

    height: 25px;

}

.order-con-info {

    padding: 0 5px 10px ;

    margin-top: -5px;

    font-size: 1.3rem;

    color: #828282;

    display: none;

    border: 1px solid #e5e5e5;

    margin: 10px 0;

}

.transform {

    transform:rotate(180deg);

    -ms-transform:rotate(180deg); 	/* IE 9 */

    -moz-transform:rotate(180deg); 	/* Firefox */

    -webkit-transform:rotate(180deg); /* Safari 和 Chrome */

    -o-transform:rotate(180deg);

}

.img180 {

    transition: 0.5s all;

}