body{
    min-height: 100%;
    background: #f9f9f9;
}
.yz_header,.yz_header.fixed_header{
    background-color: #0a8de5;
}
.navbar-nav>li>a:hover{
    opacity: .8;
    color: #fff !important;
}
/*.yz_wrap{*/
/*    padding-top: 100px;*/
/*}*/
.i-title{
    background-color: #fff;
}
.i-row{
    display: block;
    padding:2.5em 0;
}
.i-red{
    display: inline-block;
    margin-right: .5em;
    font-size: 1em;
    color:#f10000;
}
.i-label{
    margin-top:1em;
    color:#666;
    font-weight: normal;
    font-size: 1.2em;
    line-height: 2em;
}
.i-input{
    display: inline-block;
    position: relative;
    padding-left:2em;
}
.form-control[readonly]{
    background-color:#fff;
}
.i-icon{
    display: inline-block;
    position: absolute;
    left:2em;
    bottom:6px;
    z-index:3;
    vertical-align: middle;
    color:#757575;
    font-size:.8em;
}
.i-find-btn{
    margin-right:15px;
    margin-top:1em;
}
.i-td-first{
    display: inline-block;
    padding:0 2em 0 1em;
    line-height: 1.8em;
    background-color: #0a8de4;
    color: #fff;
    border-radius: 1.8em;
}
.i-td-first i{
    margin-right: .5em;
    font-size: 1em;
}
table tr th,table tr td{
    text-align: center;
}
.i-text-i{
    text-indent: 2em;
}
p{
    font-size: .8em;
    color: #666;
}

.container1130{
    width: 1130px;
}
.min-height{
    min-height: 200px;
}
.fix-footer{
    position:fixed;
    left:0;
    bottom:0;
    z-index:3;
    width:100%;
}
.t-find-box{
    margin-top: 2em;
    padding:1.5em 2em;
    box-sizing: border-box;
    -moz-box-sizing: border-box;  
    -webkit-box-sizing: border-box; 
    -o-box-sizing: border-box; 
    -ms-box-sizing: border-box;   
    background-color: #fff;
}
.t-inpt-box{
    position: relative;
    margin:0 auto;
    padding:1em 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    width: 60%;
    height:4em;
    background-color: #f1f1f1;
    border-top-right-radius:0;
    border-bottom-right-radius:0;
}
.t-inpt{
   height:2em;
   border: none;
   line-height: 2em;
    background-color: #f1f1f1;
    border: none;
    outline: none;
}
.t-btn{
   position: absolute;
   right:0;
   top: 0;
   z-index: 2;
   display: inline-block;
   width:80px;
   border-top-left-radius:0;
   border-bottom-left-radius:0;
   height:4em;
   line-height: 4em;
}
.t-ul{
    overflow: hidden;
    padding: 3em 0 3em 2em;
    box-sizing: border-box;
    -moz-box-sizing: border-box;  
    -webkit-box-sizing: border-box; 
    -o-box-sizing: border-box; 
    -ms-box-sizing: border-box; 
    line-height: 0;
    text-align: center;
}
.t-ul li{
    float: left;
    display: inline-block;
    position: relative;
    padding: 3em 1em;
    width: 32.5%;
    border-top:3px solid #bdbdbd;
}
.t-ul li:first-child{
    padding:3em 0;
    width:1px;
}
.t-ul li i{
    display: inline-block;
    position: absolute;
    top:-.6em;
    right:-.6em;
    z-index:4; 
    width:1.2em;
    height:1.2em;
    background: url(../images/t-dot.png) no-repeat center center;
    background-size: 100% auto;
}
.t-ul li i.t-f-dot{
    position: absolute;
    top:-.6em;
    left:-.6em;
    z-index:4; 
}

.t-ul li.t-cur i,.t-f-dot{
    background: url(../images/winto-left.png) no-repeat center center;
    background-size: 100% auto;
}
.t-ul .t-cur em{
    display: inline-block;
    position: absolute;
    top:-3px;
    left:0;
    z-index:3;
    width: 100%;
    height: 3px;
    background-color:#0a8de4;
}
.t-ul li h4{
    position: absolute;
    right:-1.5em;
    bottom:1;
    z-index:2;
}
.t-ul li:first-child h4{
    display: inline-block;
    position: absolute;
    left:-1.5em;
    bottom:1;
    z-index:2;
    width:4em;
}

.t-ul .t-cur h4{
    color:#0a8de4;
}
.t-row{
    display: block;
}
.t-row div{
    /*display: table-cell;*/
    padding:0 0 3em 1em;
    box-sizing: border-box;
    -moz-box-sizing: border-box;  
    -webkit-box-sizing: border-box; 
    -o-box-sizing: border-box; 
    -ms-box-sizing: border-box; 
}
.t-state{
    display: inline-block;
    width:5px;
    position: relative;
    /*padding:0 1em 1em 1em !important;*/
    text-align: right;
    display: inline-block;
    vertical-align: top;
}
.t-gro{
    margin-bottom: 2em;
}
.t-gro li:last-child .t-state,.t-gro li.t-finish .t-state{
    color:#0a8de4;
}
.t-state i{
    position: absolute;
    right:-100%;
    top:0;
    z-index:3;
    display: inline-block;
    width:1.4em;
    height: 1.4em;
}
.opt-btns {
    width: 100%;
}
.opt-btns .sbutton {
    width: 120px;
    margin-left: 26px;
}
.t-gro li:last-child .t-state i{
    background:url(../images/t-icon-fa.png) no-repeat center center;
    background-size: 100% auto;
    right:-100%;
}
.t-gro li.t-finish .t-state i{
    background:url(../images/t-icon-shou.png) no-repeat center center;
    background-size: 100% auto;
    right:-100%;
}
.t-msg{
    position: relative;
    display: inline-block;
    width:80%;
    border-left:1px dashed #bdbdbd;
}
.t-msg p{
    display: inline-block;
    width:100%;
    font-size: 1em;
}
/*.t-gro li:last-child .t-msg{*/
/*    border: none;*/
/*}*/
.t-icon{
    position: absolute;
    top:0;
    left:-.5em;
    z-index:2;
    font-size: .8em;
}
.t-map{
    height:540px ;
}
.t-input{
    border:none !important;
    box-shadow:0 0 0 transparent !important;
    outline:none !important;
}
#iframe{
    width:100%;
    height: 100%;
    border: 1px solid #bdbdbd;
    border-radius: 3px;
}
#tableId,#orderMsg,#noData{
    display: none;
}
.table>tbody>tr>th{
    padding:12px 8px;
    background-color: #e2eff7;
}
.table>tbody>tr>td{
    background-color: #fff;
}
.table{
    border: 1px solid #ddd;
}
#loading,#noData{
    display: none;
}
.yz_wrap{
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
}
.order_btn{
    text-align: right;
}
.t-c-city{
    overflow: hidden;
    position: relative;
    display: inline-block;
    padding:1em 0;
    box-sizing: border-box;
    width:100%;
    background: #FFFFFF;
    box-shadow: -6px 0px 8px 0px rgba(229,229,229,0.5);
}
.t-c-left,.t-c-right{
    float: left;
    display: inline-block;
    padding:0 1em;
    box-sizing: border-box;
    width:50%;
}
.t-c-left{
    padding-right: 1.5em;
}
.t-c-right{
    padding-left: 1.5em;
}
.t-c-left h4,.t-c-right h4{
    font-size: 1.1em;
    color: #333333;
    margin-bottom: .5em;
}
.t-c-center{
    position: absolute;
    top:1em;
    left: 50%;
    z-index:2;
    display: inline-block;
    margin-left: -1em;
    width:2em;
    height: 1em;
    background: url("../images/jiantou-qiehuanyou.png") no-repeat center center;
    background-size: 60% auto;
}
@media screen and (max-width: 767px){
    .t-map{
        height:300px ;
    }
    /*.yz_wrap{*/
    /*    padding-top: 60px*/
    /*}*/
    .i-td-first{
        min-width: 7em;
        padding:0 1em 0 .3em
    }
    .table>tbody>tr>th,.table>tbody>tr>td{
        font-size: 12px;
    }
    #tableId{
        padding:0 15px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
    }
    .tr.min_fl,.fr.min_fl{
        text-align: center;
        margin-right: 0;
    }
    .fl.min_fl,.fr.min_fl{
        float: none;
    }
}
@media screen and (min-width: 768px) and (max-width: 1199px){
    /*.yz_wrap{*/
    /*    padding-top: 80px*/
    /*}*/
    .t-map{
        height:400px ;
    }
}

/* 当屏幕宽度大于等于 1200px */
@media screen and (max-width:1200px){
    .conW{
        max-width:auto
    }
    .t-inpt-box{
        width:100%;
    }
    .t-find-box{
        padding:1em 1em;
    }
    .container1130{
        width:auto;
    }
    .i-row{
        padding-top: 1em;
    }

}
.icon-shuiluyunshu{
    font-size: smaller!important;
}