/*xxxxxxxxxxxxxxxxxx*/
 body {
       font-family: Microsoft Yahei,Verdana,Arial,Helvetica,sans-serif;
        font-size: 14px;
        line-height: 1.428571429;
        color: #333;
        background-color: #3C3838;
    }

    .content_total {
    width: 100%;
    /* background-color: #3c3838; */
    margin: 0 auto;
}

    .content_first {
    width: 100%;
    /* background-color: #e4c20a; */
    margin: 0 auto;
}

    .header {
    line-height: 0.4rem;
    text-align: center;
    color: #FFFFFF;
    font-size: 0.3rem;
    margin-top: 0.6rem;
}
       
/*xxxxxx Index xxxxxx*/
 .Index-content {
    width: 100%;
    /* background-color: #3c3838; */
    /* margin-top: 1.7rem; */
    position: absolute;
    /* top: 50%; */
}
 .forGroupIndex {
    padding: 1.3rem 0.5rem 0rem 0.5rem;
}

    .Input-text1 {
    width: 100%;
    line-height: 0.5rem;
    border: none;
    border-radius: 0.09rem;
    margin-bottom: 0.2rem;
    font-size: 0.15rem;
    padding: 0px 0.1rem;
}

    .Input-text2 {
    width: 78%;
    line-height: 0.5rem;
    border: none;
    border-radius: 0px 0.09rem 0.09rem 0px;
    margin-bottom: 0.2rem;
    font-size: 0.15rem;
    padding: 0px 0.6rem 0px 0.1rem;
    /* margin-left: -0.04rem; */
    float: left;
    height: 0.5rem;
}
    .Input-text3 {
    width: 100%;
    line-height: 0.5rem;
    border: none;
    border-radius: 0.09rem;
    margin-bottom: 0.1rem;
    font-size: 0.25rem;
    background-color: #f39800;
    color: #3C3838;
}

        .Index-searchIconCarNo {
    position: relative;
    left: 90%;
    top: -0.6rem;
    display: inline-block;
    font-size: 0.3rem;
}

    .carsbox {
        position: absolute;
        width: 70%;
        height: 80%;
        background-color: rgba(220, 169, 53, 0.95);
        top: 10%;
        left: 16%;
        z-index: 999999;
        display: none;
        border-radius: 10px;
        align-content: center;
        box-shadow: 0px 0px 15px -1px #000;
    }
        h3.carsbox-title {
            text-align: center;
            font-size: 35px;
            position: relative;
            margin-top: 30px;
            font-weight: bolder;
            color: #FFFFFF;
            letter-spacing: 6px;
        }
      .carsbox-ul {
    width: 100%;
    display: block;
    position: absolute;
    left: 0px;
    margin: 0px;
    padding: 0px;
    max-height: 80%;
    overflow-y: scroll;
    background: rgb(189, 149, 55);
}

      .carsbox-li {
    border-bottom: 0px solid #4A4A4A;
    font-size: 0.15rem;
    padding: 0.09rem;
    margin: 0.1rem 0.2rem;
    display: block;
    background-color: hsl(51, 100%, 90%);
    border-radius: 0.1rem;
    border-width: 0px;
    color: #3C3838;
    box-shadow: 0px 0px 9px -2px #271C02;
}
          .carsbox-li:hover {
    background-color: rgb(255, 237, 125);
    text-decoration: none;
}

        a:hover {
   
    text-decoration: none;
}
        .carsbox-ul a {
            color: #565656;
        }


        button:hover {
            background-color: #f8d608;
            text-decoration: none;
        }
        button {
            background-color: rgba(220, 169, 53, 0.95);
            width: 27px;
            height: 27px;
            float: right;
            background-image: url(/Content/img/ico-table-delete.png);
            background-size: 100% auto;
            background-repeat: no-repeat;
        }
        .carimg-box {
    width: 15%;
    display: inline-block;
}
        .carimg-box>img {
            vertical-align: middle;
            width: 100%;
        }
           .carsbox-name, .carsbox-phone, .carsbox-carno {
    padding: 0px 0.05rem;
}
/*xxxxx New xxxxx*/ 
       .New-content {
    width: 100%;
    /* background-color: #3c3838; */
    /* margin-top: 1.6rem; */
    line-height: 0.5rem;
    padding: 0px 0.2rem;
}

        .forGroupNew {
    white-space: nowrap;
    margin-bottom: 0.4rem;
    display: table;
    width: 100%;
    position: relative;
}

     .input-text-1 {
    width: 48%;
    border-radius: 0.09rem;
    line-height: 0.4rem;
    font-size: 0.15rem;
    border: none;
    padding: 0px 0.1rem;
}

        .input-text-2 {
    width: 48%;
    border-radius: 0.09rem;
    line-height: 0.4rem;
    margin-left: 4%;
    font-size: 0.15rem;
    border: none;
    padding: 0px 0.1rem;
}
   
      select {
    background: #fff;
}
     .select-1 {
    width: 22%;
    border-radius: 0.09rem;
    padding: 0.1rem;
    font-size: 0.15rem;
    border: none;
}
        .select-2 {
    width: 22%;
    border-radius: 0.09rem;
    padding: 0.1rem;
    margin-left: 4%;
    font-size: 0.15rem;
    border: none;
}

        .select-3 {
            width: 22%;          
            border-radius: 0.09rem;
            padding: 0.1rem;
            margin-left: 4%;
            font-size: 0.15rem;
            border: none;
        }

        .select-4 {
            width: 22%;        
            border-radius: 0.09rem;
            padding: 0.1rem;
            margin-left: 4%;
            font-size: 0.15rem;
            border: none;
        }
            .search-select {
    width: 22%;
    border-radius: 0.09rem 0px 0px 0.09rem;
    padding: 0.1rem;
    font-size: 0.15rem;
    border: none;
    height: 0.5rem;
    line-height: 0.5rem;
    float: left;
}
        .input-text-3 {
    /*width: 48%;*/
    width:100%;
    border-radius: 0.09rem;
    line-height: 0.43rem;
    text-align: center;
    font-size: 0.16rem;
    border: none;
}

        .input-text-4 {
    width: 48%;
    border-radius: 0.09rem;
    line-height: 0.43rem;
    margin-left: 4%;
    font-size: 0.2rem;
    background-color: #E4C20A;
    color: #6B6868;
    border: none;
}

        .input-text-5 {
    width: 100%;
    border-radius: 0.09rem;
    line-height: 0.43rem;
    font-size: 0.26rem;
    background-color: #f39800;
    color: rgb(60, 56, 56);
    border: none;
}

        .New-searchIconCarNo {
    position: absolute;
    /*right: 54%;*/
    right:4%;
    top: 0.09rem;
    display: inline-block;
    font-size: 0.3rem;
}

        .New-searchIconCarH {
    position: absolute;
    right: 41%;
    top: 0.09rem;
    display: inline-block;
    font-size: 0.3rem;
} 
/*xxxxx Scan xxxxx*/
 .Scan-img {
    vertical-align: middle;
    width: 3.5rem;
    height: 3.5rem;
    box-shadow: 0px 0px 40px 5px rgb(76, 76, 76);
}
                
     .close-btn {
    position: absolute;
    right: 0.1rem;
    top: 0.1rem;
    font-size: 0.3rem;
    color: #FFF8CC;
    /* text-shadow: 0px 0px 4px #FFF8CC; */
    z-index: 1;
}         
   #searchbox {
        position: absolute;
        /* top: 0px; */
        /* background: #ddd; */
        margin-top: -0.2rem;
        width: 100%;
        left: 0px;
        /* transform: translate(-50%); */
        z-index: 1;
        padding: 0rem 0.7rem 0rem 0.7rem;
        display:none;
    }

    .search-ul {
        background: #FFF;
        border-radius: 0px 0px 0.09rem 0.09rem;
        box-shadow: 0px 2px 5px 0px #000;
        padding: 0rem 0.1rem 0.2rem;
        position: relative;
    }

        .search-ul > li {
    display: block;
    /* height: 0.4rem; */
    border-bottom: 1px solid #ddd;
    line-height: 0.25rem;
    cursor: pointer;
}
          .search-ul > li:hover {
   border-bottom: 1px solid #f39800;
}

    .search-img {
        width: 100%;
        vertical-align: top;
        border-radius: 100%;
        border: 1px solid #E8E8E8;
    }

    .search-img-box {
        width: 12%;
        padding: 0.05rem;
        /* height: 0.5rem; */
        display: inline-block;
        /* border: 1px solid #E4E4E4; */
        /* overflow: hidden; */
        border-radius: 100px;
        vertical-align: middle;
        /* float: left; */
        display: table-cell;
    }
    .search-text-box {
        display: table-cell;
        width: 45%;
        padding: 0.12rem;
        vertical-align: middle;
    }
    .search-ul:before {
        content: "";
        width: 0.15rem;
        height: 0.15rem;
        box-shadow: 0px -0.1rem 0px 0px #FFF;
        position: absolute;
        top: 0px;
        border-radius: 100%;
        left: -0.15rem;
        -ms-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -o-transform: rotate(45deg);
    }
    .search-ul:after {
        content: "";
        width: 0.15rem;
        height: 0.15rem;
        box-shadow: -0.1rem 0px 0px 0px #FFF;
        position: absolute;
        top: 0px;
        border-radius: 100%;
        right: -0.15rem;
        -ms-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -o-transform: rotate(45deg);
    }
    .search-carNumber {
    /* line-height: 0.5rem; */
    border: 2px solid #FFF;
    padding: 0.05rem 0.1rem;
    background: #336EBD;
    color: #FFF;
    font-size: 0.25rem;
    border-radius: 0.05rem;
    box-shadow: 0px 0px 0px 1px #C1C1C1;
    text-align: center;
    display: inline-block;
}