.layui-laydate .layui-this {
    background-color: red !important;
}

.layui-flow-more {
    display: none;
}

#main {
    margin-top: 30px;
}

.xz {
    display: flex;

}

.xz span {
    margin-right: 30px;
    font-size: 16px;
    font-weight: 600;
    text-align: left;
    color: #323232;
    line-height: 54px;

}

.xz ul {
    display: inline-block;
    width: 1034px;
    position: relative;
    border-bottom: 1px dashed rgb(2 55 149 / 15%);
    height: 42px;
    overflow: hidden;
    padding-top: 16px;
    cursor: pointer;

}

.xz ul li {
    margin-right: 12px;
    float: left;
    line-height: 26px;
    padding-left: 13px;
    padding-right: 13px;
    margin-bottom: 16px;
    color: #666;
    font-size: 14px;
    font-weight: 400;
    /* margin-bottom: ; */
}

.hy ul li:nth-last-child(1) {
    /* display: none; */
}

.xz ul li.xs_change,
.xz ul li.sd_change,
.xz ul li.hy_change,
.xz ul li.ly_change {
    background: rgba(234, 0, 0, 0.08);
    color: #ea0000;

}

.ly ul {
    border-bottom: none;

}

#test6 {
    width: 1034px;
    display: flex;
    border-bottom: 1px dashed rgb(2 55 149 / 15%);
}

#test6 input {
    height: 26px;
    margin-top: 16px;
    margin-bottom: 16px;
    font-size: 14px;
}

.layui-mid {
    float: left;
    display: block;
    line-height: 54px;
    margin-right: 10px;
    margin-left: 10px;
}

.hy,
.ly {
    position: relative;

}

.xz3 {
    height: 108px;
}

.xz #gd,
#lygd {
    position: absolute;
    right: 10px;
    top: 20px;
    /* width: 16px; */
    height: 16px;
}

#lygd {
    display: none;
}

#gd {
    display: none;
}

.xz #gd i,
#lygd i {
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    color: #ea0000;
    line-height: 20px;
    font-style: inherit;
}

.xz #gd img,
#lygd img {
    width: 16px;
    transform-origin: center center;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transition: transform 0.2s;
    -moz-transition: -moz-transform 0.2s;
    -moz-transition: -moz-transform 0.2s;
    -o-transition: -o-transform 0.2s;
    -ms-transition: -ms-transform 0.2s;
}

.xz #gd img .rotate1 #lygd img.rotate1 {
    transform-origin: center center;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transition: transform 0.2s;
    -moz-transition: -moz-transform 0.2s;
    -moz-transition: -moz-transform 0.2s;
    -o-transition: -o-transform 0.2s;
    -ms-transition: -ms-transform 0.2s;
}

.tab {
    width: 1100px;
    margin-top: 20px;

}

.tab ul {
    background: #f5f7fa;
    height: 43px;
    margin-bottom: 26px;
    padding-left: 20px;
}

.tab ul li {
    margin: 6px 10px 20px;
    display: inline-block;
    padding: 5px 17px;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    color: #333333;
    cursor: pointer;

}

.tab .tab_change {
    background: #001f99;
    color: #ffffff;
}

.tab_ment a.tab_ment_A {
    width: 263px;
    height: 300px;
    background: linear-gradient(180deg, #f5f6f8, #ffffff);
    box-shadow: 0px 8px 20px 0px rgba(55, 99, 170, 0.10), 2px 2px 0px 0px #ffffff inset;
    display: block;
    float: left;
    margin-right: 16px;
    margin-bottom: 23px;
}

.tab_ment a.tab_ment_A:nth-child(4n+5) {
    margin-right: 0px;
}

.tab_ment a.tab_ment_A dl dt {
    height: 161px;
}
.tab_ment a.tab_ment_A dl dt img{
    width: 100%;
    height: 100%;
}
.tab_ment a.tab_ment_A dl dd {
    padding: 12px 16px 0px;
}

.tab_ment a.tab_ment_A dd h3 {
    height: 48px;
    font-size: 16px;
    font-weight: 400;
    text-align: justify;
    color: #333333;
    line-height: 24px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 15px;
}

.tab_ment a.tab_ment_A dd p {
    font-size: 13px;
    font-weight: 400;
    text-align: justify;
    color: #999999;
    line-height: 18px;
    margin-bottom: 10px;
}

.tab_ment a.tab_ment_A dd p img {
    width: 16px;
    height: 16px;
    margin-right: 10px;
}

.tab_ment_B {
    width: 1048px;
    /* height: 186px; */
    padding: 11px 34px 11px 14px;
    background: linear-gradient(276deg, #f3f5f8 0%, #ffffff 94%);
    border: 2px solid #ffffff;
    box-shadow: 4px 4px 20px 0px rgba(55, 99, 170, 0.05) inset;
    margin-bottom: 20px;
}
.tab_ment_B a{
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.tab_ment_B dt {
    width: 263px;
    height: 161px;
}
.tab_ment_B dt img{
    width: 263px;
    height: 161px;
}

.tab_ment_B dd {
    width: 765px;
}

.tab_ment_B dd h3 {
    font-size: 18px;
    font-weight: 700;
    text-align: left;
    color: #333333;
    line-height: 28px;
}

.tab_ment_B dd p {
    font-size: 14px;
    font-weight: 400;
    text-align: justify;
    color: #666666;
    line-height: 24px;
    margin: 20px 0px 15px 0px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.tab_ment_B dd .base .check {
    width: auto;
    padding-left: 12px;
    padding-right: 22px;
    text-align: center;
    height: 28px;
    line-height: 28px;
    background: #ffffff;
    border: 1px solid #d8d8d8;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    color: #c1c1c1;
    background-image: url(https://files.yuanian.com/yuanian/page_image/index/tab_ment_main_left_hide.png);
    background-repeat: no-repeat;
    background-size: 9px 8px;
    background-position: 74px;
    cursor: pointer;
    float: left;
}
.not-show{
    display: none !important;
}
.tab_ment_B dd .base .right{
    float: right;
    line-height: 30px;
}

.tab_ment_B dd .base .right img {
    width: 16px;
    height: 16px;
    margin-left: 25px;
}

.tab_ment_B dd .base .right span {
    font-size: 13px;
    font-weight: 400;
    text-align: justify;
    color: #999999;
    line-height: 18px;
}



.tab_ment_B:hover h3 {
    color: #003793;
}
.tab_ment_B:hover .check {
    border: 1px solid #01349d !important;
    color: #01349d !important;
    background-image: url(https://files.yuanian.com/yuanian/page_image/index/tab_ment_main_left_show.png) !important;
}

.bm_Zt {
    width: 56px;
    height: 21px;
    display: inline-block;
    text-align: center;
    float: right;
    color: #ffff;
    line-height: 21px;

}

.red {
    background: #ea0000;
}

.hs {
    background: #cccccc;
}
.NoData p {
    margin: 0 auto;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    color: #999999;
    line-height: 20px;
}

.NoData p span {
    color: #D0171B;
}

.NoData a {
    display: block;
    width: 78px;
    padding-left: 12px;
    margin: 0 auto;
    margin-top: 30px;
    height: 28px;
    background-image: url(https://files.yuanian.com/yuanian/page_image/Hy/allb_image/right.png);
    background-repeat: no-repeat;
    background-position: 73px 10px;
    background-size: 9px 8px;
    background-color: #ffffff;
    border: 1px solid #d8d8d8;
    font-size: 14px;
    font-weight: 400;
    /* text-align: center; */
    color: #c1c1c1;
    line-height: 28px;
    margin-bottom: 60px;
}
@media screen and (max-width: 1024px) {


    .banner {
        height: 260px;
        /* background-image: url(https://files.yuanian.com/yuanian/page_image/Hd/all_image/Yd_banner.jpg) !important; */
    }
    .banner_container {
        height: 100%;
    }

    .xz span {
        line-height: 58px;

    }

    .xz ul {
        width: 80%;
        /* display: -webkit-box;
        overflow-x: scroll; */
        margin-top: 0px;

    }

    .xz ul li {
        /* margin: 6px; */
        display: block;
        height: 26px;

    }

    #gd {
        display: block;
    }

    .ly ul,
    .hy ul {
        display: block;
        margin-bottom: 10px;
    }

    .ly ul li {
        width: 25%;
        padding: 0px;
        text-align: center;
    }

    .hy ul li {
        /* width: 30%; */
        margin-right: 0px;
    }

    #test6 {
        width: 80%;
    }

    #test6 input {
        width: 100%;
    }

    .layui-laydate-range {
        width: 70%;
    }

    .tab {
        width: 100%;
        padding: 0%;

    }

    .tab ul {
        display: -webkit-box;
        overflow-x: scroll;
    }

    .tab ul li {
        line-height: 20px;
        display: block;
        height: 19px;
        margin: 6px;
        height: auto;
    }


    .tab_ment a.tab_ment_A {
        width: 100%;
        height: auto;
        margin: 0 auto;
        float: initial;
        margin-bottom: 20px;

    }

    .tab_ment a.tab_ment_A dl dt {
        height: auto;
    }

    .tab_ment a.tab_ment_A dl dd {
        padding: 12px 16px 10px;
    }
    .tab_ment_B {
        width: auto;
        padding: 5%;
    }
    .tab_ment_B a {
        display: inherit;
    }
    .tab_ment_B dd h3 {
        padding-top: 15px;
    }
    .tab_ment_B dd {
        width: 100%;
    }
    .tab_ment_B dd p {
        -webkit-line-clamp: 10;
    }
    .tab_ment_B dd .base .right img {
        margin-left: 15px;
    }
}