body {
    height: 100vh;
    overflow: hidden;
    font-weight: 400;
    margin: 0px;
    font-family: MicrosoftYaHei, Helvetica, sans-serif;
}

.header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 3.1rem;
    line-height: 3.1rem;
    z-index: 3;
    background: #000;
    background: linear-gradient(180deg, #0e1b52, #12377c);
    color: #fff;
    padding: 2px 0px;
}

.header .left {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header > .left > .logo {
    width: 16.13rem;
    height: 3.1rem;
    background: url('/assets/img/logo_w.png');
    background-size: 100%;
    background-repeat: no-repeat;
    margin-right: 4.5rem;
    cursor: pointer;
    position: relative;
    top: .1rem;
}

.header > .left > .logo > span {
    font-size: 1.48rem;
    font-weight: 700;
    display: inline-block;
    line-height: 3.1rem;
    margin-left: 3rem;
}

.header > .left .title {
    display: flex;
    align-items: center;
}

.header > .left .title > img {
    margin: 0 .1rem;
    cursor: pointer;
}

.header > .right > div {
    display: flex;
    align-items: center;
}

.header > .right > div > .view {
    cursor: pointer;
    color: rgb(255, 255, 255);
}

.header > .right > div > span {
    display: inline-block;
    padding: .2rem;
}






.border-box-content {
    color: rgb(66,185,131);
    font-size: 15px;
    font-weight: bold;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
}




.sidebarcolor {
    color: rgb(250, 205, 137);
}

.row {
    /*height: calc(100vh - 3.6rem);*/
    height: 100vh;
    overflow: hidden;
    color: #fff;
}

.row > .left {
    position: absolute;
    top: 3.1rem;
    left: 0;
    z-index: 2;
    background: linear-gradient(90deg, #0e1b52, rgba(14, 27, 82, .2));

}

.row > div {
    height: 100vh;
    width: 24%;
}

.row > div > div {
    height: 30%;
    width: 100%;
}

.row > .left > .left_1 {
    display: flex;
    border: none;
    flex-wrap: wrap;
    justify-content: space-evenly;
    background: url(../../static/img/date_xk_img.66c5522.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position-y: bottom;
}

.row > .left > div {
    height: 30%;
    width: 100%;
    border: .1rem solid rgba(126, 206, 244, .1);
    margin: .1rem 0;
    text-align: center;
}

.row > .left > .left_1 > .left_1_info {
    width: 45%;
    height: 5.88rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAM4AAABgCAYAAABVCU1aAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjUxMEE3OTg1OUNDNDExRUI4NTY2RUQzNzE1MDEyODQwIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjUxMEE3OTg2OUNDNDExRUI4NTY2RUQzNzE1MDEyODQwIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NTEwQTc5ODM5Q0M0MTFFQjg1NjZFRDM3MTUwMTI4NDAiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NTEwQTc5ODQ5Q0M0MTFFQjg1NjZFRDM3MTUwMTI4NDAiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7las80AAANtklEQVR42uyd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);
    background-size: cover;
    background-repeat: no-repeat;
}
.row > .left > .left_1 > .left_1_info span {
    font-size: 1.3rem;
    font-weight: 700;
    margin-right: .3rem;
}




.row > .left > .left_2,.row > .right > .right_1,.row > .right > .right_2,.row > .right > .right_3 {
    height: 30%;
    width: 100%;
    border: 1px solid rgba(126, 206, 244, .1);
    margin: .1rem 0;
}

.row > .left > .left_1 .title,.row > .left > .left_2 .title,.row > .left > .left_3 .title,.row > .right > .right_1 .title,.row > .right > .right_2 .title,.row > .right > .right_3 .title{
    width: 100%;
    background: linear-gradient(90deg, #3a6aa5, rgba(58, 106, 165, 0) 100%, hsla(0, 0%, 100%, 0) 0);
    line-height: 1.32rem;
    font-size: 1rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    box-sizing: border-box;
    padding: .2rem;
    border-left: 3px solid #7ecef4;
    margin-left: .2rem;
    margin-top: 0.3rem;
}

.row > .left > .left_2 .title>span:nth-child(2),.row > .left > .left_3 .title>span:nth-child(2)  {
    font-size: .8rem;
    color: hsla(0, 0%, 100%, .5);
}






.row > .right {
    position: absolute;
    top: 3.1rem;
    right: 0;
    z-index: 2;
    background: linear-gradient(-90deg, #0e1b52, rgba(14, 27, 82, .2));
}


.right_1_1{
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
}

.row > .right>.right_1>.right_1_1>div {
    /*display: inline-block;*/
    width: 38%;
    margin: .45rem .1rem 0;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.row > .right>.right_1>.right_1_1>div>img {
    height: 10vh;
    margin-bottom: .1rem;
}
.row > .right>.right_1>.right_1_1>div>div {
    width: 100%;
    height: 5.34rem;
    background-color: #d98f00;
    border-radius: .6rem;
    text-align: center;
    line-height: .7rem;
}
.row > .right>.right_1>.right_1_1>div>div>p {
    font-weight: 700;
    padding: .03rem 0;
    font-size: 1.13rem;
}
.row > .right>.right_1>.right_1_1>div>div>span {
    font-weight: 700;
    font-size: 16px;
}














.row > .main {
    position: absolute;
    width: 100vw;
    top: 3.1rem;
    left: 0;
    z-index: 1;
    height: 100%;
    overflow: hidden;

}

.input-item{
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    line-height: 1.5;
    font-weight: 300;
    color: #111213;
}

#container {
    height: 100%;

}







.lengend{
    width: 280px;
    height: auto;
    background-color: rgba(0,0,0,.4);
    padding: 10px;
    border-radius: 5px;
    padding-bottom: 5px;
    position: fixed;
    bottom: 52px;
    /*right: 30%;*/
    z-index: 99;
    transition: right .3s;
}
.l-show{
    right: 26%;
}
.l-item{
    width: 100%;
    height: auto;
}
.l-head{
    width: 100%;
    height: auto;
}
.f-item{
    width: auto;
    height: 25px;
    margin-bottom: 5px;
}
input[type=checkbox]{
    display: none;
}
.f-item label{
    width: auto;
    display: inline-block;
    height: 25px;
    line-height: 25px;
    color: #fff;
    position: relative;
    padding-left: 20px;
    cursor: pointer;
}
.l-cont{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
.l-cont .f-item{
    width: 50%;
}
.f-item label:before{
    position: absolute;
    left: 0;
    display: inline-block;
    content: "";
    width: 14px;
    height: 14px;
    top: 5px;
    border: 1px solid #BFBFBF;
    border-radius: 50%;
}
.f-item input:checked+label:before{
    background-image: url('/web/static/icon/check.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    border-color: #4679ff;
}

.f-item label span{
    font-size: 14px;
    display: inline-block;
    height: 25px;
    line-height: 25px;
}
.f-item label i{
    display: inline-block;
    width: 22px;
    height: 14px;
    margin:  0 3px;
}
.f-item label img{
    width: 22px;
    height: 22px;
    vertical-align: sub;
}
.app-vis {
    width: 32px;
    height: 32px;
    margin: 10px 0;
    float: right;
    cursor: pointer;
    position: fixed;
    bottom: 40px;
    right: 24%;
    z-index: 1;
}
.app-vis >#vis{
    display: none;
}
.app-vis label {
    display: inline-block;
    width: 100%;
    height: 100%;
    background-image: url('/caicai/icon/icon_tili_p@2x.png');
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
}

.app-vis input:checked+label {
    background-image: url('/caicai/icon/icon_tili_n@2x.png');
}
.car-search{
    width: 300px;
    height: 40px;
    position: fixed;
    left: 20px;
    top: 20px;
    z-index: 99;
    background-color: rgba(255,255,255,.6);
    border-radius: 5px;
    display: flex;
}
.car-search input{
    flex-grow: 1;
    border:none;
    background-color: transparent;
    padding-left: 10px;
    outline: none;
}
.car-search i{
    color: #fff;
    position: absolute;
    right: 70px;
    display: inline-block;
    height: 20px;
    width: 20px;
    background-color: #999;
    border-radius: 50%;
    top: 10px;
    background-image: url('icon/icon_close@2x.png');
    text-align: center;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px;
    cursor: pointer;

}
.car-search span{
    display: inline-block;
    width: 60px;
    height: 100%;
    color: #333;
    line-height: 40px;
    text-align: center;
    border-left: 1px solid #ccc;
    cursor: pointer;

}