锘縝ody, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
margin: 0;
padding: 0;
}

body {
background: #f5f5f5;
}

.content-con {
width: 1200px;
margin: 0px auto;
margin-top: 40px;
height: 1560px;
}

.content-con .content-left {
width: 400px;
float: left;
margin-right: 20px;
}

    .content-con .content-left .left-top {
        height: 284px;
        border: 2px solid #9c1816;
        background: #ffffff;
    }

.content-con .content-left .left-top .l-top {
background: #9c1816;
height: 60px;
width: 398px;
display: block;
padding-top: 15px;
}

.content-con .content-left .left-top .l-top .l-top-font {
font-weight: bold;
padding-left: 160px;
font-size: 25px;
color: #fef9bb;
font-family: "榛戜綋";
}

.content-con .content-left .left-top .l-con {
border: none;
background: #c82924;
margin-top: 10px;
height: 8px
}

.content-con .content-left .left-top .l-bom-a {
display: block;
width: 315px;
height: 40px;
line-height: 37px;
padding: 5px 20px;
background-color: #b9241e;
color: #fff;
white-space: nowrap;
text-align: center;
font-size: 25px;
border: none;
cursor: pointer;
border-radius: 15px;
margin-left: 20px;
margin-top: 10px;
}

.content-con .content-left .left-con {
margin-top: 20px;
margin-bottom: 40px;
background: #ffffff;
}

.content-con .content-left .left-con .l-img-top a img {
width: 400px;
}

.content-con .content-left .left-con .l-img-bom a img {
padding-top: 25px;
width: 400px;
}

.content-con .content-left .left-con .l-bom-k {
width: 400px;
height: 380px;
margin-top: 20px;
}

.content-con .content-left .left-con .l-bom-k .l-bom-top {
height: 60px;
background: #ebbfc0;
}

.content-con .content-left .left-con .l-bom-k .l-bom-top .l-bom-top-font {
font-size: 35px;
line-height: 55px;
padding-left: 130px;
}

.content-con .content-left .left-con .l-bom-k .l-bom-xia {
border: 2px solid #d4d4d4;
border-top: none;
height: 320px;
}

.content-con .content-left .left-con .l-bom-k .l-bom-xia ul {
padding-left: 65px;
}

.content-con .content-left .left-con .l-bom-k .l-bom-xia ul li {
height: 50px;
list-style-type: disc;
width: 300px;
color: #828181;
}

.content-con .content-left .left-con .l-bom-k .l-bom-xia ul li a {
color: #828181;
font-size: 18px;
white-space: nowrap;
text-overflow: ellipsis;
}

.content-con .content-left .left-con .l-bom-k .l-bom-xia ul li a:hover {
text-decoration: underline;
}

.content-con .content-left .left-con .l-bom-k .l-bom-xia ul li:first-child {
padding-top: 20px;
}






.content-con .content-right {
width: 740px;
float: left;
background: #ffffff;
padding-left: 10px;
padding-right: 10px;
}

.content-con .content-right .right-top {
height: 50px;
padding-top: 10px;
font-size: 18px;
}

.content-con .content-right .right-top .right-top-hr {
margin-top: 8px;
background-color: #b9241e;
height: 2px;
border: none;
}

.right-con {
/*height: 270px;*/
}

.con-search {
height: 50px;
}

.con-txt {
border: 2px solid #fdd031;
height: 34px;
width: 400px;
padding-left: 10px;
margin-left: 10px;
float: left;
color: #a6a4a5;
}

.con-btn {
width: 80px;
height: 32px;
margin-left: 15px;
margin-top: 2px;
float: left;
background: #e39519;
border: none;
color: white;
font-size: 18px;
cursor: pointer;
}

.con-search a {
float: left;
display: block;
margin-left: 35px;
font-size: 18px;
color: #9c1816;
margin-top: 5px;
}

.addcolor {
color: black;
}

.delcolor {
color: #a6a4a5;
}

.con-tj {
height: 160px;
border: 1px solid #d7d7d7;
padding: 15px 0px 15px 10px;
}

.tj-top {
/*height: 40px;*/
}

.tj-top-one {
/*font-weight: bold;*/
font-size: 17px;
/*width: 85px;
height: 40px;*/
/*float: left;*/
}

.tj-top-two {
border: 1px solid #a6a4a5;
width: 225px;
float: left;
height: 20px;
margin-top: 3px;
}

.two-s {
    /*width: 45px;*/
    padding-left: 5px;
    float: left;
    color: #01AAED;
}

.two-ss {
    width: 125px;
    float: left;
    color: red;
    overflow: hidden;
    text-overflow: ellipsis;
    
    white-space: nowrap;
}

.two-sss {
float: right;
width: 10px;
color: #a6a4a5;
cursor: pointer;
padding-top: 2px;
}

.tj-top-three {
    color: #FF5722;
    cursor: pointer;
    /*float: left;
    margin-left: 8px;
    margin-top: 2px;*/
    font-size: 16px;
    clear:both;
}

.tj-con {
height: 80px;
}

.con-ul {
width: 550px;
height: 60px;
float: left;
padding-top: 20px;
}

.con-ul ul li {
float: left;
margin-left: 30px;
font-size: 16px;
width: 65px;
height: 25px;
cursor: pointer;
}

.con-ul ul li:first-child {
margin-left: 0px;
}

.con-kuangs {
border: 1px solid #a6a4a5;
width: 60px;
height: 20px;
float: left;
text-align: center;
margin-left: 50px;
cursor: pointer;
margin-top: 20px;
}

.addborder {
border-bottom: 2px solid #b9241e;
}

tj-bom {
height: 40px;
}

.bom-area {
width: 130px;
height: 40px;
float: left;
}

.bom-area div:first-child {
width: 60px;
color: white;
height: 40px;
font-size: 18px;
text-align: center;
line-height: 40px;
float: left;
background: #9c1816;
}

.bom-area div:last-child {
font-size: 18px;
width: 70px;
height: 40px;
float: left;
}

.bom-area div:last-child select {
height: 40px;
width: 70px;
padding-left: 5px;
}

.bom-fan {
width: 145px;
height: 40px;
float: left;
margin-left: 40px;
}

.bom-fan div:first-child {
width: 60px;
color: white;
height: 40px;
font-size: 18px;
text-align: center;
line-height: 40px;
float: left;
background: #9c1816;
}

.bom-fan div:last-child {
font-size: 18px;
width: 85px;
height: 40px;
float: left;
}

.bom-fan div:last-child select {
height: 40px;
width: 85px;
padding-left: 5px;
}

.bom-lv {
width: 170px;
height: 40px;
float: left;
margin-left: 40px;
}

.bom-lv div:first-child {
width: 60px;
color: white;
height: 40px;
font-size: 18px;
text-align: center;
line-height: 40px;
float: left;
background: #9c1816;
}

.bom-lv div:last-child {
font-size: 18px;
width: 110px;
height: 40px;
float: left;
}

.bom-lv div:last-child select {
height: 40px;
width: 110px;
padding-left: 5px;
}

.bom-dates {
margin-left: 40px;
float: left;
width: 100px;
text-align: center;
color: white;
height: 40px;
line-height: 40px;
cursor: pointer;
background: #b9241e;
font-size: 18px;
}

.layui-inline {
margin-top: 20px;
height: 40px;
}


.right-con-s {
height: 1000px; /*222*/
display: none;
}

.con-s-top {
font-size: 18px;
color: #7f7d7e;
height: 28px;
}

.con-s-top-t {
    /*width: 90px;*/
    height: 28px;
    cursor: pointer;
    color: #393D49;
}

.con-s-bom {
height: 950px;
border: 1px solid #d4d4d4;
padding: 10px 10px 10px 5px;
}

.con-s-bom table tr td:not(.right) {
/*width: 360px;*/
height: 35px;
/*text-align: right;*/
font-size: 16px;
}

.con-s-bom table tr .right {
width: 400px;
height: 25px;
/*text-align: right;*/
font-size: 16px;
}

.td-input {
height: 24px;
width: 250px;
}

.td-select {
height: 30px;
width: 254px;
}

.td-date {
width: 120px;
height: 24px;
}

.con-s-btn {
margin-top: 5px;
border-top: 1px dashed #d4d4d4;
padding-top: 10px;
}

.con-s-btn a {
display: block;
float: left;
width: 100px;
background: #b9241e;
color: white;
border-radius: 5px;
height: 30px;
text-align: center;
line-height: 30px;
margin-left: 40px;
font-size: 17px;
}

.con-s-btn a:first-child {
margin-left: 240px;
}

.con-s-btn a:hover {
color: white;
}

.right-xia {
height: 1168px;
}

.xia-to {
margin-top: 10px;
height: 50px;
background: #f4f0f1;
}

.xia-to div:first-child {
padding-left: 20px;
height: 50px;
line-height: 50px;
font-size: 25px;
width: 100px;
float: left;
}

.xia-con {
float: left;
width: 300px;
height: 50px;
line-height: 60px;
}

.xia-con span {
color: red;
}

.xia-to div:last-child {
float: left;
height: 40px;
width: 320px;
/*padding-top: 10px;*/
}

.xia-to div:last-child input {
width: 310px;
height: 30px;
border: 1px solid #eebe73;
padding: 10px 10px 10px 10px;
color: #a6a4a5;
}

.xia-con-two ul li {
margin-top: 20px;
height: 80px;
width: 740px;
border-bottom: 1px solid #a6a4a5;
}

    .xia-con-two ul li div:first-child {
        color: #c47c7d;
        float: left;
        width: 20px;
        height: 80px;
        text-align: center;
        line-height: 25px;
    }

    .li-div {
        font-size: 18px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        height: 30px;
        padding: 0px 10px 0px 0px;
        /* line-height: 50px; */
        float: left;
        width: 700px;
    }

.li-divs {
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 40px;
    padding: 0px 10px 0px 0px;
    /*line-height: 30px;*/
    color: #393d49;
    float: left;
    width: 700px;
}

.xia-bom {
height: 70px;
width: 740px;
margin-top: 30px;
padding-left: 25px;
}

input[type="date"]::-webkit-clear-button {
display: none;
}

input[type="date"]::-webkit-inner-spin-button {
display: none;
}

.con-tb {
    width: 100%;
}

    .con-tb tr td {
        width: 50%;
        float: left;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        /*height: 40px;*/
    }

        .con-tb tr td font {
            color: #01AAED;
        }

.kDefault {
    /*margin-top:36px;*/
    /*float: left;*/
    /*width: 47%;*/
    _width: 45%;
    position: relative;
}

.kSearch {
    margin: 5px 0;
    height: 24px;
    line-height: 24px;
    width: 93%;
    padding: 0 25px 0 5px;
    border: 1px solid #c6c5c5;
}

.c-icon{
    position: absolute;
    top: 5px;
    right: 5px;
    width: 16px;
    border: 0;
    background: url("/v2/images/iconAll.png") no-repeat;
    height: 16px;
    background-position: -376px 0;
    text-indent: -99999px;
    padding: 0;
    cursor: pointer;
}

.kList{
    border: 1px solid #e3e1e1;
    overflow-y: auto;
    position: relative;
    left: 0;
    top: 0;
}

.kArrow {
    font-size: 40px;
    color: #a0a0a0;
    text-align: center;
    width: 4%;
    height: 400px;
    line-height: 380px;
    float: left;
}

.kChoose {
    float: left;
    width: 47%;
    _width: 45%;
    position: relative;
}

.kChoose p{
    line-height: 26px;
    margin: 5px 0px;
}

.tj-top-two {
    border: 1px solid #a6a4a5;
    /*width: 105px;*/
    float: left;
    height: 20px;
    margin-top: 3px;
    margin-left: 10px;
}

@media screen and (max-width:1024px) {
    .content-con {
        width: 1006px;
        margin: 0px auto;
        margin-top: 40px;
        margin-bottom: 10px;
    }

        .content-con .content-left {
            width: 304px;
            float: left;
            margin-right: 10px;
        }

            .content-con .content-left .left-top .l-top {
                background: #9c1816;
                height: 60px;
                width: 300px;
                display: block;
                padding-top: 15px;
            }

            .content-con .content-left .left-top .l-bom-a {
                display: block;
                width: 220px;
                height: 40px;
                line-height: 37px;
                padding: 5px 20px;
                background-color: #b9241e;
                color: #fff;
                white-space: nowrap;
                text-align: center;
                font-size: 25px;
                border: none;
                cursor: pointer;
                border-radius: 15px;
                margin-left: 22px;
                margin-top: 10px;
            }

            .content-con .content-left .left-top .l-top .l-top-font {
                font-weight: bold;
                padding-left: 115px;
                font-size: 25px;
                color: #fef9bb;
                font-family: "榛戜綋";
            }

            .content-con .content-left .left-con .l-img-top a img {
                width: 304px;
            }

            .content-con .content-left .left-con .l-img-bom a img {
                padding-top: 25px;
                width: 304px;
            }

        .content-con .content-right {
            width: 671px;
            float: left;
            background: #ffffff;
            padding-left: 10px;
            padding-right: 10px;
        }

            .content-con .content-right .right-con .con-bt {
                font-weight: bold;
                text-align: center;
                height: 60px;
                width: 676px;
                font-size: 25px;
            }

            .content-con .content-right .right-con .con-img {
                width: 690px;
                height: 230px;
                margin-left: -10px;
            }

                .content-con .content-right .right-con .con-img img {
                    width: 691px;
                }

            .content-con .content-right .right-con .con-a {
                display: none;
            }

            .content-con .content-right .right-con .con-font {
                display: none;
            }
    .xia-con-two ul li {
        margin-top: 20px;
        height: 80px;
        width: 676px;
        border-bottom: 1px solid #a6a4a5;
    }
    .li-div {
        font-size: 18px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        height: 30px;
        padding: 0px 10px 0px 0px;
        /* line-height: 50px; */
        float: left;
        width: 646px;
    }
    .li-divs {
        font-size: 14px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        height: 40px;
        padding: 0px 10px 0px 0px;
        /* line-height: 30px; */
        color: #393d49;
        float: left;
        width: 646px;
    }
    .xia-bom {
        height: 70px;
        width: 656px;
        margin-top: 30px;
        padding-left: 0px;
    }
}