/*重置样式start*/
* {
    margin: 0;
    padding: 0;
}

body {
    font-size: 14px;
    color: #333;
    min-width: 100%;
    background: #fff;
    font-family: "Microsoft YaHei" !important;
    overflow-x: hidden;
}

    body.english {
        font-family: Arial !important;
    }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, input, fieldset, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
    border: 0;
}

table {
    border-collapse: collapse;
}

th {
    font-weight: 300;
    font-size: 14px;
}

ul, li {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

input[type=button]:focus, button:focus, input[type=text]:focus, input[type=password]:focus {
    outline: none;
}

input[type="button"], input[type="submit"], input[type="reset"], textarea {
    -webkit-appearance: none;
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset !important;
}

a {
    text-decoration: none;
    color: #666;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
}

    a img {
        border: none;
    }

.lf {
    float: left;
}

.rt {
    float: right;
}

.bc-ff {
    background-color: #fff;
}

.clear {
    clear: both;
    height: 0;
    overflow: hidden;
}
/*重置样式end*/


/*公共样式start*/
.container {
    width: 100%;
    padding: 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.bg {
    background: #f2f2f2;
}
/*弹窗样式start*/
.mark {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.3);
}

    .mark.none {
        display: none;
    }

.alertBox, .alertBoxeds {
    position: fixed;
    top: 50%;
    left: 0;
    z-index: 30;
    width: calc(100% - 60px);
    padding: 15px 10px 0;
    margin: 0 30px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #ffffff;
}

.alertBoxeds {
    position: absolute;
    max-height: 90vh;
    overflow-y: auto;
}

    .alertBox p, .alertBoxeds p {
        width: 100%;
        line-height: 35px;
        color: #000;
        font-size: 18px;
        text-align: center;
    }

    .alertBox .alertMsg, .alertBoxeds .alertMsg {
        padding: 5px 0 10px;
    }

        .alertBox .alertMsg p, .alertBoxeds .alertMsg p {
            line-height: 30px;
            font-size: 16px;
            color: #333333;
        }

.alertBox button.ok, .alertBox button.alertBox_OK {
    width: 100%;
    padding: 15px 0 18px;
    color: #009f4b;
    font-size: 16px;
    border: 0;
    border-top: 1px solid #e6e6e6;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    background: #ffffff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.alertBox button.alertCheLiang_OK {
    width: 100%;
    padding: 15px 0 18px;
    color: #009f4b;
    font-size: 16px;
    border: 0;
    border-top: 1px solid #e6e6e6;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    background: #ffffff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/*弹窗样式end*/



/*公共样式end*/



/*登录页面start*/
.container.login {
    padding: 7.5%;
}

.logoBox {
    width: 100%;
    text-align: center;
}

    .logoBox img {
        width: 100%;
        height: 100%;
        padding: 0 30%;
        margin: 50px auto;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

.form-group {
    position: relative;
    width: 100%;
    height: 100%;
}

    .form-group label {
        position: absolute;
        top: 11px;
        left: 21px;
        display: block;
        width: 23px;
        height: 23px;
    }

        .form-group label.iden {
            top: 16px;
        }

        .form-group label.carIcon {
            top: 13px;
        }

        .form-group label img {
            width: 100%;
        }

        .form-group label.psd {
            left: 23px;
            width: 19px;
        }

input.form-control, button.form-control {
    width: 100%;
    padding: 13px 0 13px 60px;
    margin-bottom: 25px;
    color: #999999;
    font-size: 16px;
    border: 1px solid #ccc;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

button.form-control {
    padding: 13px 0;
    margin-top: 20px;
    color: #ffffff;
    border: 0;
    /*background: linear-gradient(to right,#04ccab,#00c75e);*/
    background: linear-gradient(to right,#3dcc90,#3dcc90);
}

.icon {
    position: absolute;
    top: 13px;
    left: 21px;
    display: block;
    width: 21px;
    height: 21px;
}

.showHidden {
    left: calc(100% - 46px);
    background: url("../images/pswOpen.png") no-repeat center;
    -webkit-background-size: 100%;
    background-size: 100%;
}

    .showHidden.hidden {
        background: url("../images/pswClose.png") no-repeat center -4px;
    }


/*登录页面end*/


/*工作台start*/
.operatingPlatform, .personBox {
    position: relative;
    width: 100%;
}

.operatingPlatformBg {
    width: 100%;
    height: 135px;
    background: url("../images/indexBg.png") no-repeat;
    -webkit-background-size: 100%;
    background-size: 100%;
    overflow: hidden;
}

.operatingPlatformBox, .personList {
    position: absolute;
    top: 100px;
    width: 100%;
    padding: 0 15px;
    margin-bottom: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .operatingPlatformBox .item {
        display: block;
        width: 49%;
        padding: 5px 0 15px;
        margin-bottom: 15px;
        -webkit-border-radius: 7px;
        -moz-border-radius: 7px;
        border-radius: 7px;
        background: #ffffff;
        -webkit-box-shadow: 0 0 11px 1px #f1f3f4;
        -moz-box-shadow: 0 0 11px 1px #f1f3f4;
        box-shadow: 0 0 11px 1px #f1f3f4;
    }

        .operatingPlatformBox .item:nth-child(2n+1) {
            float: left;
        }

        .operatingPlatformBox .item:nth-child(2n+2) {
            float: right;
        }

.iconBox {
    width: 100%;
    padding: 10px 40%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .iconBox img {
        width: 100%;
    }

.operatingPlatformBox .item h2 {
    width: 100%;
    font-size: 17px;
    text-align: center;
}

.operatingPlatformBox .item p {
    width: 100%;
    line-height: 35px;
    text-align: center;
    color: #999;
}


/*工作台end*/

/*我的人员start*/
.personTab {
    width: 100%;
    padding: 15px 0 45px;
    background: linear-gradient(to right,#54de8b,#00deb9);
    -webkit-background-size: 100%;
    background-size: 100%;
    overflow: hidden;
}

    .personTab li {
        float: left;
        width: 50%;
        padding: 15px 40px;
        text-align: center;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .personTab li a {
            display: block;
            width: 100%;
            padding: 10px;
            font-size: 17px;
            color: #ffffff;
            -webkit-border-radius: 45px;
            -moz-border-radius: 45px;
            border-radius: 45px;
        }

            .personTab li a.active {
                color: #009f4b;
                background: #ffffff;
            }

.personList .item {
    position: relative;
    padding: 15px 20px;
    margin-bottom: 15px;
    background: #ffffff;
    box-sizing: border-box;
    border-radius: 10px;
}

    .personList .item .line {
        height: 37px;
        line-height: 37px;
    }

        .personList .item .line span {
            float: left;
            min-width: 65px;
            height: 31px;
            line-height: 31px;
            font-size: 16px;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }

            .personList .item .line span:nth-child(2) {
                display: inline-block;
                width: calc(100% - 70px);
                padding-left: 10px;
                overflow: hidden;
            }

        .personList .item .line.green {
            color: #00c35c;
            font-weight: bold;
        }

.txtBox {
    width: 100%;
    padding-right: 30px;
    box-sizing: border-box;
    overflow: hidden;
}

.trash {
    position: absolute;
    top: 36px;
    right: 21px;
    display: block;
    width: 20px;
    height: 20px;
    background: url("../images/trash.png") no-repeat;
    -webkit-background-size: 100%;
    background-size: 100%;
}

.trashTwo {
    position: absolute;
    top: 151px;
    right: 21px;
    display: block;
    width: 20px;
    height: 20px;
    background: url("../images/trash.png") no-repeat;
    -webkit-background-size: 100%;
    background-size: 100%;
}
/*我的人员end*/

/*录入送货单信息start*/
.MsgWrite {
    width: 100%;
    padding: 0 15px;
    margin-bottom: 35px;
    /*overflow: hidden;*/
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow-x: hidden;
}

.MsgGoodsW {
    margin-bottom: 35px;
}

    .MsgGoodsW .line {
        padding-top: 5px;
    }

        .MsgGoodsW .line:after {
            display: block;
            content: '';
            width: 100%;
            height: 1px;
            background: #eee;
        }

.selectBox.messageBox .item .line:after, .result.messageBox .item .line:after {
    background: transparent;
}

.MsgGoodsW .line p {
    width: 100%;
    height: 33px;
    line-height: 33px;
    color: #000;
    font-size: 15px;
    overflow: hidden;
}

.MsgGoodsW .lineP {
    position: relative;
    width: 100%;
    height: 33px;
    line-height: 33px;
    padding-bottom: 5px;
    /*overflow: hidden;*/
}

.lineP input {
    width: 100%;
    height: 35px;
    line-height: 35px;
    font-size: 16px;
    color: #333333;
    outline: none;
    background: transparent;
}

.selectedBox .selectBox .line, .alertList .selectBox .line {
    line-height: normal;
}

.selectedBox .line input, .alertList .line input {
    height: auto;
    line-height: normal;
}

.lineP input[type="file"] {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 111;
    opacity: 0;
    background: transparent;
}

.lineP .fileTxt {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 16px;
}

.arrowRight {
    position: absolute;
    top: 11px;
    right: 0;
    width: 18px;
    height: 18px;
    background: url("../images/arrowRight.png") no-repeat;
    -webkit-background-size: 100%;
    background-size: 100%;
}

.file {
    background: url("../images/file.png") no-repeat;
    -webkit-background-size: 100%;
    background-size: 100%;
}

.MsgWrite button.submit {
    width: 100%;
    padding: 10px 0;
    margin-top: 25px;
    color: #ffffff;
    font-size: 18px;
    border: 0;
    outline: none;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    background: linear-gradient(to right,#04ccab,#00c75e);
}
/*录入送货单信息end*/


/*我的余额start*/
.cardContent {
    width: 100%;
    padding: 7.5% 7.5%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.cardBox {
    position: relative;
}

.cardNO {
    position: absolute;
    padding: 20px 25px;
    color: #ffffff;
    text-align: center;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.cardNO1 {
    width: calc(100% - 20%);
    z-index: 1;
    top: 0;
    margin: 0 10%;
    background: linear-gradient(to right,rgba(0,222,111,.15),rgba(0,217,173,.15));
}

.cardNO2 {
    width: calc(100% - 10%);
    z-index: 2;
    top: 10px;
    margin: 0 5%;
    background: linear-gradient(to right,rgba(0,222,111,.3),rgba(0,217,173,.3));
}

.cardNO3 {
    z-index: 3;
    top: 20px;
    width: 100%;
    background: linear-gradient(to right,#00de6f,#00d9ad);
    -webkit-box-shadow: 0 5px 27px 0 #00c761;
    -moz-box-shadow: 0 5px 27px 0 #00c761;
    box-shadow: 0 5px 27px 0 #00c761;
}

.cardNO h1 {
    line-height: 35px;
    font-size: 17px;
    font-weight: normal;
}

.cardNO p {
    line-height: 50px;
    font-size: 18px;
}

.cardNO b {
    font-size: 29px;
}

.moneyMsg {
    overflow: hidden;
}

.cardNO .moneyMsg span {
    float: left;
    font-size: 14px;
}

.cardNO .moneyMsg b {
    font-size: 20px;
    font-weight: normal;
}

.cardNO .moneyMsg a {
    float: right;
    margin-top: 2px;
    font-size: 14px;
    color: #ffffff;
}

.submitBox {
    padding: 285px 0 10px;
}

button.btn {
    width: 100%;
    padding: 16px 0;
    margin-top: 20px;
    font-size: 18px;
    color: #ffffff;
    border: 1px solid transparent;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    button.btn.ok, .alertBox btn.alertBox_OK {
        background: linear-gradient(to right,#04ccab,#00c75e);
    }

.alertBox btn.alertCheLiang_OK {
    background: linear-gradient(to right,#04ccab,#00c75e);
}

button.btn.cancel {
    color: #333333;
    background: #fff;
    border-color: #ccc;
}
/*我的余额end*/




/*我的送货单信息start*/
.searchBox {
    position: relative;
    z-index: 11;
    width: 100%;
    padding: 15px 0;
    text-align: center;
    background: #fff;
}

    .searchBox span {
        position: relative;
        padding-right: 15px;
        font-size: 15px;
        color: #999999;
    }

    .searchBox.click span {
        color: #00c35c;
    }

    .searchBox.click i {
        top: 3px;
        border: 5px solid transparent;
        border-top: 5px solid transparent;
        border-bottom: 5px solid #00c35c;
    }

    .searchBox span i {
        position: absolute;
        top: 8px;
        right: 0;
        display: block;
        border: 5px solid transparent;
        border-top: 5px solid #999;
    }

.searchInput {
    position: absolute;
    top: 50px;
    z-index: 11;
    width: 100%;
    padding: 15px 20px;
    border-top: 1px solid #ccc;
    background: #ffffff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: none;
}

    .searchInput.block {
        display: block;
    }

    .searchInput input, .searchInput button {
        width: 100%;
        padding: 15px;
        margin-bottom: 15px;
        text-align: center;
        font-size: 15px;
        color: #333;
        border: 1px solid #ccc;
        -webkit-border-radius: 25px;
        -moz-border-radius: 25px;
        border-radius: 25px;
        background: #f5f5f5;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .searchInput ::-webkit-input-placeholder {
        color: #aaa;
        text-align: center;
    }

    .searchInput :-moz-placeholder {
        color: #aaa;
        text-align: center;
    }

    .searchInput ::-moz-placeholder {
        color: #aaa;
        text-align: center;
    }

    .searchInput :-ms-input-placeholder {
        color: #aaa;
        text-align: center;
    }

    .searchInput ::-ms-input-placeholder {
        color: #aaa;
        text-align: center;
    }

    .searchInput button {
        width: calc(100% - 40%);
        margin: 0 20%;
        color: #ffffff;
        border: 0;
        /* background: linear-gradient(to right,#3dcc90,#3dcc90);*/
        background: linear-gradient(180deg,#fa7a43,#ff5646);
    }

.messageBox {
    /*margin-top: 15px;*/
    /*background: #ffffff;*/
}

.alertList .messageBox .item {
    margin-top: 0;
}

.messageBox .item {
    margin-top: 7px;
    background: #ffffff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.messageBox.messageBoxRadio .item {
    position: relative;
    padding-left: 40px;
}

.messageBox.messageBoxRadio .radioBtn {
    position: absolute;
    top: 50%;
    left: 7px;
    width: 25px;
    height: 25px;
    background: url('../../../../Content/images/check.png') no-repeat 0 0;
    background-size: 100%;
}

    .messageBox.messageBoxRadio .radioBtn.checked {
        background: url('../../../../Content/images/checked.png') no-repeat 0 0;
        background-size: 100%;
    }

.messageBox .item .line {
    position: relative;
    padding: 15px 10px;
    border-bottom: 1px solid #eee;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.messageBox .item ul.line {
    width: 100%;
    overflow: hidden;
}

    .messageBox .item ul.line li {
        float: left;
        width: 40%;
        padding: 15px 5px;
        margin-right: 20%;
        color: #FFFFFF;
        text-align: center;
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        border-radius: 15px;
        overflow: hidden;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .messageBox .item ul.line li:last-child {
            margin-right: 0;
            background: #f5b315;
        }

        .messageBox .item ul.line li:first-child {
            background: #00d994;
        }

        .messageBox .item ul.line li:nth-child(2) {
            background: #0094d9;
        }

.messageBox .item .line:last-child {
    border-bottom: 1px solid transparent;
}

.messageBox .item a:last-child .line {
    border-bottom: 1px solid transparent;
}

.messageBox .item .line:after {
    content: '';
    display: block;
    width: 100%;
    overflow: hidden;
}

.messageBox .item .line span {
    float: left;
    color: #999999;
}

.messageBox .item .line input {
    float: right;
    width: auto;
    text-align: right;
}

.messageBox .item .line span, .messageBox .item .line input {
    font-size: 16px;
}

    .messageBox .item .line input:disabled {
        background: #ffffff;
    }

    .messageBox .item .line input.green, .messageBox .item .line span.green {
        color: #00c35c;
    }

    .messageBox .item .line span.green {
        font-weight: 600;
    }

        .messageBox .item .line span.green + a {
            float: right;
            color: #cccccc;
        }
/*我的送货单信息end*/

/*我的担保书start*/

.searchBoxNo {
    position: relative;
    width: calc(100% - 30px);
    height: 41px;
    line-height: normal;
    margin: 0 15px;
    padding: 10px;
    text-align: center;
    background: #ffffff;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .searchBoxNo span {
        position: relative;
        width: 100%;
        padding-left: 23px;
        font-size: 16px;
        color: #999999;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .searchBoxNo input {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 11;
        width: calc(100% - 30px);
        margin: 0 15px;
        padding: 10px;
        font-size: 16px;
        text-align: center;
        background: transparent;
        overflow: hidden;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .searchBoxNo input:focus + span {
            display: none;
        }

.searchImg {
    position: absolute;
    top: 3px;
    left: 0;
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-right: 5px;
    background: url("../images/search.png") no-repeat;
    -webkit-background-size: 100%;
    background-size: 100%;
}
/*我的担保书end*/



/*人员维护start*/
.bgGreen {
    height: 100%;
    min-height: 100vh;
    background: linear-gradient(to bottom,#54de8b,#04ccab);
}

.personPrevent {
    width: 100%;
    padding: 30px 25px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.personContent {
    padding: 35px 0;
}

    .personContent .personBox {
        position: relative;
        padding: 35px 15px 10px;
        margin: 40px 0 0;
        text-align: center;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        background: #ffffff;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .personContent .personBox img {
            position: absolute;
            top: -62px;
            left: calc(50% - 69px);
            width: 138px;
            height: 84px;
        }

        .personContent .personBox p {
            line-height: 35px;
            font-size: 15px;
            color: #999999;
        }

        .personContent .personBox .personLists {
            /*margin: 20px 0 0;*/
        }

.personLists ul {
    width: 100%;
    overflow: hidden;
}

    .personLists ul li {
        position: relative;
        display: inline-block;
        padding: 5px 0;
        font-size: 18px;
    }

        .personLists ul li.active {
            color: #009f4b;
        }

            .personLists ul li.active i {
                position: absolute;
                left: 13px;
                bottom: 0;
                width: 45px;
                height: 2px;
                background: #009f4b;
            }

        .personLists ul li:first-child {
            margin-right: 15%;
        }

        .personLists ul li:last-child {
            margin-left: 15%;
        }

.personPrevent button.creat {
    width: 100%;
    padding: 10px 0;
    color: #009f4b;
    font-size: 18px;
    border: 0;
    outline: none;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    background: #ffffff;
}

.personContent .form-control {
    position: relative;
    width: 100%;
    height: 50px;
}

    .personContent .form-control input {
        position: absolute;
        left: 0;
        width: 100%;
        line-height: 50px;
        padding-left: 65px;
        font-size: 16px;
        border: 1px solid #cccccc;
        background: #fafafa;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .personContent .form-control span.more + input, .personContent .form-control span.more + div.selectDownBox input {
        padding-left: 95px;
    }

    .personContent .form-control:first-child input {
        border-bottom: 0;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
    }

    .personContent .form-control:last-child input {
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
    }

    .personContent .form-control > span {
        position: absolute;
        top: 14px;
        left: 18px;
        z-index: 11;
        font-size: 16px;
    }
/*人员维护end*/

/*录入担保书start*/
.state {
    line-height: 35px;
    color: #f02e2e;
    font-size: 16px;
}

.btnBox {
    width: 100%;
}

.btns {
    float: left;
    width: calc(50% - 10%);
    padding: 10px 0;
    margin: 0 5%;
    color: #ffffff;
    font-size: 18px;
    border: 0;
    outline: none;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.submitBtn {
    background: linear-gradient(to right,#04ccab,#00c75e);
}

.saveBtn {
    background: linear-gradient(to right,#ff7200,#ffc600);
}

/*录入担保书end*/

/*司机认证start*/
.carBox.messageBox {
    margin-bottom: 80px;
}

.carBox .item {
    padding: 0 15px;
    margin-top: 0;
}

.carBox.btnBox {
    position: fixed;
    bottom: 0;
    left: 0;
    padding: 15px 10px;
    background: #ffffff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
/*司机认证end*/
.selectBox .item {
    padding: 0 15px;
}



/*选择弹窗start*/
.selectPop, .popSelect, .selectPoped {
    position: fixed;
    top: 0;
    left: 100%;
    z-index: 11;
    width: 100%;
    height: 100vh;
    min-height: 100vh;
    display: none;
    background: rgba(0,0,0,.3);
    overflow-y: auto;
}

.selectPoped {
    left: 0;
    top: auto;
    bottom: -100%;
    display: block;
}

.alertSelect {
    position: fixed;
    top: 0;
    left: calc(100% + 30px);
    z-index: 111;
    width: calc(100% + 30px);
    min-height: 100vh;
    display: none;
    background: rgba(0,0,0,.3);
}

.selectedBox {
    background: #f2f2f2;
}

.selectPoped .selectedBox {
    position: absolute;
    bottom: -100%;
    width: 100%;
    background: #f2f2f2;
}

.selectPoped .messageBox .item {
    margin-top: 0;
}

.alertList {
    position: absolute;
    top: 38px;
    left: calc(100% + 30px);
    z-index: 777;
    display: none;
    width: calc(100% + 30px);
}

.popSelect .selectedBox {
}

.popSelect .btnBox {
    padding: 15px 10px;
    background: #ffffff;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.popSelect .line.select {
    background: #f2f2f2;
}

.popSelect .item .line.select input:disabled {
    background: #f2f2f2;
}
/*选择弹窗end*/

.messageBox .itemCar {
    position: absolute;
    top: 51px;
    left: -15px;
    z-index: 111;
    display: none;
    width: calc(100% + 30px);
    padding: 5px 0;
    background: #fff;
}

    .messageBox .itemCar .item {
        padding: 0 15px;
        margin: 0 15px;
        border: 1px solid #ccc;
    }

    .messageBox .itemCar.show {
        display: block;
    }

    .messageBox .itemCar .item .line {
        padding: 10px 0;
    }

        .messageBox .itemCar .item .line input {
            max-width: 194px;
            line-height: 21px;
        }

.messageBox.result .item .line input:disabled {
    line-height: 21px;
}

.selectPop .selectBox > .item > .line > span {
    width: 100%;
    text-align: center;
}

.MsgGoodsW .lineP .result .line {
    line-height: normal;
}

.messageBox.result .item {
    padding: 0 15px;
}


/*微信端input为空时错误样式*/
.errorInfo::-webkit-input-placeholder {
    color: #f00;
}

.errorInfo:-moz-placeholder {
    color: #f00;
}

.errorInfo::-moz-placeholder {
    color: #f00;
}

.errorInfo:-ms-input-placeholder {
    color: #f00;
}

.errorInfo::-ms-input-placeholder {
    color: #f00;
}

/*设置长按钮 例如车队维护，车辆维护页面*/
.longbtns {
    float: left;
    width: calc(100% - 10%);
    padding: 10px 0;
    margin: 0 5%;
    color: #ffffff;
    font-size: 18px;
    border: 0;
    outline: none;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
/*选择弹窗end*/

/*暂无数据页面start*/
.noDate {
    width: 100%;
    height: 100%;
    min-height: 310px;
    background: url("../images/noDate.png") no-repeat center;
    -webkit-background-size: 50%;
    background-size: 50%;
}
/*暂无数据页面end*/



/*上传文件插件样式更改start*/
.fileBox .webuploader-container {
    width: 100%;
    height: 39px;
}

.fileBox .webuploader-pick {
    padding: 0;
}

    .fileBox .webuploader-pick + div {
        width: 25px !important;
        height: 33px !important;
        position: absolute;
        right: 0 !important;
        left: auto !important;
        z-index: 111111;
    }

.fileBox .webuploader-pick, .fileBox .webuploader-pick-hover {
    width: 25px;
    height: 33px;
    background: transparent;
    text-align: left;
    color: #333;
    font-size: 16px;
    color: transparent;
    position: absolute;
    right: 0 !important;
    left: auto !important;
    z-index: 111111;
}

.control-label, #FilePath {
    display: none;
}

.fileBox #FileName {
    position: absolute;
    left: 0;
    top: 0;
    width: 90%;
}

    .fileBox #FileName:disabled {
        background: #fff;
    }
/*上传文件插件样式更改end*/

.personListUpdateTop {
    top: 20px;
}



















.alertPopped .alertMsg > span, .alertPopped .alertMsg > input {
    display: inline-block;
    width: calc(100% - 85px);
    height: 35px;
    line-height: 35px;
    padding: 0 10px;
    font-size: 16px;
    color: #333333;
    outline: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.alertPopped .alertMsg > span {
    width: 80px;
    padding: 0;
    text-align: right;
}

.alertPopped .alertMsg > .selectAlert {
    display: none;
}

    .alertPopped .alertMsg > .selectAlert input {
        width: 100%;
        height: 35px;
        line-height: 35px;
        padding: 0 10px;
        font-size: 16px;
        text-align: center;
        color: #333333;
        outline: none;
        border-bottom: 1px solid #e6e6e6;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .alertPopped .alertMsg > .selectAlert input:last-child {
            border-bottom: 0;
        }

.alertPopped button {
    float: left;
    width: 50%;
    padding: 15px 0 18px;
    color: #009f4b;
    font-size: 16px;
    border: 0;
    border-left: 1px solid #e6e6e6;
    border-top: 1px solid #e6e6e6;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    background: #ffffff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
}

.alertPopped .buttonBox button:first-child {
    border-left: 0;
    border-bottom-right-radius: 0;
}

.alertPopped .buttonBox button:last-child {
    border-bottom-left-radius: 0;
}

.alertPopped {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 11;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.3);
}

.messageBox .item .line.centerInput input {
    text-align: center;
    width: 100%;
}

.alertPopped .alertBoxeds .alertMsg p {
    padding-bottom: 5px;
}

.alertPopped .alertMsg > input.placeholderRed::-webkit-input-placeholder {
    color: #f00;
}

.alertPopped .alertMsg > input.placeholderRed::-moz-placeholder {
    color: #f00;
}

.alertPopped .alertMsg > input.placeholderRed::-ms-input-placeholder {
    color: #f00;
}






.messageBox .item .line.editBox i {
    position: absolute;
    top: 16px;
    right: 0;
    display: block;
    width: 18px;
    height: 18px;
}

    .messageBox .item .line.editBox i.edites {
        right: 30px;
        background: url('../../../../Content/images/edit.png') no-repeat 0 0;
        background-size: 100%;
    }

    .messageBox .item .line.editBox i.deletes {
        background: url('../../../../Content/images/deleteImg.png') no-repeat 0 0;
        background-size: 100%;
    }

.messageBox .item .line.editBox input {
    width: calc(100% - 80px);
    padding-right: 45px;
    box-sizing: border-box;
}
/* 红色代表报到后已排队*/
.paidui_yipaidui {
    background-color: red;
    font-size: 22px;
}
/*白色代表还未报到*/
.paidui_weipaidui {
    background-color: white;
    color: black;
    font-size: 22px;
}
/* 绿色代表请入厂*/
.paidui_qingruchang {
    background-color: green;
    font-size: 22px;
}

/*关于我们start*/
.aboutBG {
    position: relative;
    text-align: center;
    background: url("../../../../Content/images/SMGZ.png") no-repeat;
    -webkit-background-size: 100%;
    background-size: 100%;
}

.aboutImg {
    position: absolute;
    top: 0;
    left: 50%;
    width: 35%;
    padding: 10px;
    margin-top: 54.9vh;
    margin-left: -16.0%;
    -webkit-background-size: 100%;
    background-size: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
}

.aboutWord {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 25vh;
    /*background: #e33633 url("../../../../Content/images/about_word.png") no-repeat;*/
    -webkit-background-size: 100%;
    background-size: 100%;
}

.aboutImg img {
    width: 100%;
}

.cancelBtn {
    float: right;
    display: inline-block;
    /*width: 160px;*/
    /*height: 70px;*/
    /*line-height: 70px;*/
    text-align: center;
    padding: 4px 23px;
    margin: 10px 4% 28% 0;
    font-size: 1.2em;
    color: #fff;
    border: 1px solid #fff;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    background: transparent;
}


/*单位样式start*/
.dan {
    position: absolute;
    top: 15px;
    right: 12px;
    font-style: normal;
}

    .dan.dan1 {
        position: absolute;
        top: 0;
        right: 12px;
        font-style: normal;
    }

    .dan + input {
        padding-right: 36px;
    }
/*单位样式end*/
.cancelYongHu {
    float: left;
    display: inline-block;
    /*width: 160px;*/
    /*height: 70px;*/
    /*line-height: 70px;*/
    text-align: center;
    padding: 5px 23px;
    margin: 10px 4% 28% 0;
    font-size: 1.2em;
    color: #fff;
    /* border: 1px solid #fff;*/
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    background: transparent;
}



/*当主页显示头像图标时，后面用户名换作下面的样式cancelYongHu1*/
.cancelYongHuImg {
    float: left;
    display: inline-block;
    width: 35px;
    height: 35px;
    /*line-height: 70px;*/
    margin: 10px 0 0 6%;
    background: transparent;
}

.cancelYongHu1 {
    float: left;
    display: inline-block;
    text-align: center;
    padding: 8px 0px;
    margin: 10px 4% 28% 2%;
    font-size: 1.1em;
    color: #fff;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    background: transparent;
}



/*补充调整公共样式start*/
.bg_bottom {
    margin-bottom: 80px;
}


#txtBox-line-span-juese {
    height: auto;
}

.YuJingNeiRong {
    float: right;
    /*width: calc(100% - 90px);*/
    font-size: 16px;
    /*color: #666;*/
    color: rgb(84, 84, 84);
    font-family: Arial;
}

/*补充调整公共样式start*/




/*库区概况start*/
h3.kQTitle {
    font-size: 21px;
    line-height: 35px;
    text-align: center;
}

div.kQContent {
    line-height: 27px;
    padding: 10px 15px;
    text-indent: 20px;
    font-size: 16px;
    box-sizing: border-box;
}

/*库区概况end*/


/*设置查看详情文本样式*/
.linspan {
    float: right !important;
    width: auto !important;
    text-align: right !important;
    color: red !important;
}




/*新增加筛选条件下拉样式start*/
.selectDownBox{
    position:relative;
}
.selectPopeds {
    position:absolute;
    top:44px;
    left:-20px;
    width:calc(100% + 40px);
    display:none;
    z-index:1;
}


.submitBtn_TaiGang {
    background: linear-gradient(to right,#fe5f45,#fe5f45);
}

.DuoHangNote{
      font-size: 1.064em !important;
}
/*用于微信下拉换行显示*/
.decoration_span {
    float: left !important;
    width: auto !important;
    text-align: left !important;
    color: #212121 !important;
    font-size: 14px;
}