/* Move down content because we have a fixed navbar that is 50px tall */
html { height:100% }
body { margin:auto; padding:0; font-family: 'Microsoft YaHei'; color:#313131; font-size:12px; width:100%; height:100% }


/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set widths on the form inputs since otherwise they're 100% wide */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="select"] {
    max-width: 500px;
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    .jumbotron {
        margin-top: 20px;
    }
    .body-content {
        padding: 0;
    }
}

.loginall {
    width: 100%;
    
    margin: 0;
    padding: 0;
}
.logintop {
    width:100%;
    padding: 0;
}
.logodiv {
    margin-left:10%;
    padding-top:18px;
    margin-bottom:18px;
}

.loginbody {
    width: 100%;
    z-index:-10;
    /*background-size:contain;
    min-height:420px;
    background: url(../images/loginbg.jpg) fixed center center no-repeat;*/
}
.logintable {

  position:absolute;
  top: 200px;
  left: 60%;
  margin:10px auto;
  z-index:1;
  zoom: 1;
  /*background-color: #fff;*/

  width:480px;height:560px;
}

.logintbtop {
    width:380px;
    height:50px;
    background-color:#1c2d61;
   
    border-top-left-radius:10px;
    border-top-right-radius:10px;
}
.tbtoptitle {
   
    height:50px;
    line-height:50px;
    margin-left:20px;
    color:#fff;
    font-size:16px;
    font-weight:bold;
}

.logintbmain {
     background-color:rgba(255,255,255,0.7);
     width:380px;
     height:460px;

     font-size:14px;
     border-bottom-left-radius:10px;
     border-bottom-right-radius:10px;
}

.inputdiv {
    width:90%;
    padding:13px 0;
    margin:auto;
}
.inputdiv2 {
    width:90%;
    padding:13px 0;
    margin:auto;
   
}

.loginbtn {
    
    width:330px;
    height:45px;
    border-radius:10px;
    background-color:#2996d1;
    color:#fff;
    border:0;
    margin:10px auto;
    cursor: pointer; 
}

.loginbtn2 {
    
    width:150px;
    height:35px;
    border-radius:10px;
    background-color:#2996d1;
    color:#fff;
    border:0;
    cursor: pointer; 
}

.user{
    
    border:solid 1px #d4d4d4;
    width:320px;height:35px;
    /*background:url(../images/user.png) no-repeat 0 center;
    background-size:8%;
    background-position-x:7px;*/
    
    background-color:#e7e7e7;
    border-radius:10px;
    
}
.user input{float:left;border:none;background:none;height:33px;line-height:33px;width:100%; text-indent:13px;}
.user select{float:left;border:none;background:none;height:33px;line-height:33px;width:100%; text-indent:13px;}


.pwd{
    
    border:solid 1px #d4d4d4;
    width:150px;height:35px;
    /*background:url(../images/pdw.png) no-repeat 0 center;
    background-size:8%;*/
    background-position-x:7px;
    
    background-color:#e7e7e7;
    border-radius:10px;
    float:left;
    margin:0px 7px;
}
.pwd input{float:left;border:none;background:none;height:33px;line-height:33px;width:100%; text-indent:13px;}

.ddttopl {
    float:left;margin:5px 15px;height:28px;line-height:28px;
}
    .ddttopl img {
        vertical-align:text-top;margin-top:-2px;
    }
.ddttopr {
    float:right;margin:5px 15px;height:28px;line-height:28px;font-size:14px;
}
    .ddttopr img {
        vertical-align:middle;margin-top:-3px;
    }

.ddtline {
    width:100%;height:1px;background-color:darkgray;clear:both; margin:5px auto;
    box-shadow: 2px 1px 1px darkgray;
}
.ddtts {
    width:100%;float:left;height:35px;line-height:35px;
}
.ddttsl {
    width:220px;font-size:18px; font-weight:600;float:left; margin-left:10px;
}
.ddttsr {
    font-size:14px; float:left;color:red;
}
    .ddttsr img {
        vertical-align:middle;
    }
    .ddttsr a {
        display: none;
    }

.ddtlinebule {
    width:100%;height:1px;background-color:#146fbe;clear:both;
}

.searchdiv {
    width:100%;
    padding:10px 10px;
    margin:auto;
}
.search{
    
    border:solid 1px #d4d4d4;
    width:260px;height:25px;
    background:url(../images/user.png) no-repeat 0 center;
    background-size:8%;
    background-position-x:230px;
    
    background-color:#e7e7e7;
    border-radius:10px;
    
}
.search input{float:left;border:none;background:none;height:23px;line-height:23px;width:100%; text-indent:3px;}

.searchBlock{
		width: 240px;
		border:solid 1px #ddd;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-khtml-border-radius: 5px;
        margin:3px 10px;
	}
	
	.searchBlock span{
		float: left;
	}
	.searchText{
		border: none;
		width: 206px;
		margin: 4px 5px;
		outline: 0 none;
	}
	.searchBtn{
		border: none;
		width: 20px;
		height: 20px;
		cursor: pointer;
		background-image: url("/images/search.png");
		background-repeat: no-repeat;
        background-position:2.5px 2.5px;
		display: inline;
		margin: 3px 2px;
	}

.xxkdiv {
    width:90%;
    padding:3px 10px;
    float:left;
}
.xxkdiv span {
    width:33%;
    float:left;
    height:25px;
    line-height:25px;
    text-align:center;
    cursor: pointer;
    font-weight:600;
}
.xxkdiv-item-s {
    width:33%;
    float:left;
    height:25px;
    line-height:25px;
    text-align:center;
    color:#448fb9;
    border-bottom:solid 1px #448fb9;
    cursor: pointer;
    font-weight:600;
}

.clxxkdiv {
    width:90%;
    padding:3px 10px;
    float:left;
}
.clxxkdiv span {
    width:50%;
    float:left;
    height:25px;
    line-height:25px;
    text-align:center;
    cursor: pointer;
    font-weight:600;
}
.clxxkdiv-item-s {
    width:50%;
    float:left;
    height:25px;
    line-height:25px;
    text-align:center;
    color:#448fb9;
    border-bottom:solid 1px #448fb9;
    cursor: pointer;
    font-weight:600;
}

.orderitem {
    width:90%;
    padding:3px 10px;
    float:left;
    cursor: pointer;
}
.orderitem-s {
    width:90%;
    padding:3px 10px;
    float:left;
    background-color:#e3eef5;
    background-image:url("/images/select.png");
    background-repeat: no-repeat;
    background-position:right top;
    
}

.textline-red {
    color:red;
    margin:2px 0px;
}

.textline-blue {
    color:#448fb9;
    margin:2px 0px;
}

.textline-black {
    color:#373737;
    margin:2px 0px;
}

.qdbox{
    height:37px;
    width:100%;
    /*margin:1px auto;*/
}
.qdbox img {
    vertical-align:middle; margin-top:5px; float:left;
}
.qdtext {
    font-size:12px;float:left;width:210px;
     vertical-align:middle;
     margin:0 5px;
}

.orderitemdetail {
    float:right;
    margin:2px 8px;
}
.detailtime {
    color:red;
    margin:0 5px;
}
.endline {
    width:100%;
    border:solid 1px #7B7A7A;
    clear:both;
    margin:5px auto;
}

.ssdiv {
    background-image: url("/images/dian.png");
    background-repeat:repeat-x;
    height:15px;
    border:solid 1px #7B7A7A;
    width:100%;
    clear:both;

}
.picBox {
 width:1%;
 background:#337ABB url(/images/right.gif) no-repeat center center;
 float:left; 
 /*_margin-right:-3px;*/ 
 height:600px;
}
.picBox2 {
 width:1%;
 background:#337ABB url(/images/left.gif) no-repeat center center;
 float:left; 
 /*_margin-right:-3px;*/ 
 height:600px;
}

/*司机信息样式*/
.carinfoleft {
    float:left;color:#fff; width:80px;height:44px;background-color:#448fb9; display:block;
    border-top-left-radius:8px;border-bottom-left-radius:8px;
    cursor:pointer;
}
.carinfoleft-red {
    float:left;color:#fff; width:80px;height:44px;background-color:#ba445a; display:block;
    border-top-left-radius:8px;border-bottom-left-radius:8px;
    cursor:pointer;
}

.carinfoleft-title {
    height:22px;line-height:22px;margin-left:5px;
}

.carinfocenter {
    width:128px;height:44px;float:left;background-color:#c3dae8;
    cursor:pointer;
}
.carinfocenter-red {
    width:128px;height:44px;float:left;background-color:#e3c6ca;
    cursor:pointer;
}

.carinfocenter-item {
    margin:auto 2px;height:22px;line-height:22px;color:#448fb9;display:block;
}
.carinfocenter-item-red {
    margin:auto 2px;height:22px;line-height:22px;color:#ba445a;display:block;
}

.carinfocenter-item-l {
    height:4px;width:60px;border:solid 1px #448fb9;float:left;margin:8px 1px;
}
.carinfocenter-item-l-red {
    height:4px;width:60px;border:solid 1px #ba445a;float:left;margin:8px 1px;
}

.carinfocenter-item-r {
    float:right;margin:auto 1px;
}

.carinforight {
    float:right;width:28px;height:44px;line-height:44px;background-color:#448fb9;border-top-right-radius:8px;border-bottom-right-radius:8px;
    cursor:pointer;
}
.carinforight-red {
    float:right;width:28px;height:44px;line-height:44px;background-color:#ba445a;border-top-right-radius:8px;border-bottom-right-radius:8px;
    cursor:pointer;
}

.carinforight-img {
    margin:17px 3px;
}
/*司机信息样式*/

       /*弹出层*/

        /* 半透明的遮罩层 */
        #overlay {
            background: #000;
            filter: alpha(opacity=50); /* IE的透明度 */
            opacity: 0.5;  /* 透明度 */
            display: none;
            /*position: absolute;*/
            position:fixed;
            right:0;
            bottom:0;
            top: 0px;
            left: 0px;
            width: 100%;
            height: 100%;
            z-index: 100; /* 此处的图层要大于页面 */
   
        }

        #RecordDetail {
        background:#FFFFFF;
        display: none;
        position: absolute;
        width: 700px;
        height:380px;

        z-index: 110; 
        margin:0 auto;
        }

        #SendMail {
            background:#FFFFFF;
        display: none;
        position: absolute;
        width: 380px;
        height:180px;

        z-index: 110; 
        margin:0 auto;
        }

        #OrderDetail {
            background:#FFFFFF;
            display: none;
            position: absolute;
            width: 480px;
            height:315px;

            z-index: 110; 
            margin:0 auto;
        }

        #loading {
            background:#FFFFFF;
            display: none;
            position: absolute;
            /*width: 125px;
            height:125px;*/
            z-index: 110; 
            margin:0 auto;
            font-size:16px;
            font-weight:600;
            text-align:center;
            /*line-height:35px;*/
        }
        #loading img{
            width:60px;
        }


        .windowtitle {
            width:100%;float:left;background-color:#448fb9;height:33px;line-height:33px;
        }
        .windowtt {
            float:left;margin:6px 6px;font-size:15px;font-weight:600;line-height:25px;height:25px;
            color:#fff;
        }

         .tbbox2 {
            width:100%;margin:auto;overflow-y:auto;height:200px;text-align:center;
        }
         #email {
            width:94%; margin:10px 20px;
            }
            #email tr {
                height:30px;line-height:30px; /*border-bottom:#DFDFDF solid 1px;*/
            }
        .tdr {
            text-align:left; margin:5px 8px;
        }

        


    /*弹出层*/

.ordertd {
            border-bottom:solid 1px #ddd;text-align:left;margin:8px 10px;
        }
.ordertd-center {
    border-bottom:solid 1px #ddd;text-align:center;margin:8px 10px;
}
            .ordertd-center img {
                margin:5px auto;width:90%;
            }
       
    .tdname {
        font-weight:600;
    }
        .tdvalue {
        color:#808080;
    }
.tdvright {
    float:right;
    text-align:right;
    font-weight:600;
}
.tdcred {
    color: red;
}

.timeline {
    width:100%;margin:0 auto;
}
    .timeline img {
        width:85%;margin:0 32px;
    }
.timemessage {
    width:100%;margin:0 auto; float:left;
}
.timemessage-item {
    width:25%; float:left;color:green;text-align:center;margin:1px auto;
}
.timemessage-item-t {
    width:25%; float:left;color:#000000;text-align:center;margin:3px auto;
}