@charset "utf-8";

@media (min-width: 576px) {
    .col-sm-1-0 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 8%;
        margin-right: 2%;
    }
    .col-sm-7-0 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 70%;
        margin-right: 2%;
    }
    .col-sm-2-0 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 18%;
    }

}

.ctn_left_li{
    /*width: 100%;*/
    height: 100%;
    min-height: 55px;
    border-top: 1px #e2e8f9 solid;
    border-right: 1px #d1daf2 solid;
    padding-right: 15px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    font-size: 16px;
    /*font-family: sourcehansanscn-regular-, sourcehansanscn-regular;*/
    font-weight: normal;
    color: #374568;
    border-radius: 0px 0px 0px 0px;
}

.new_active {
    border-right: 2px #3860f4 solid;
    color: #0059eb;
    /*background: linear-gradient(90deg, #eff1fc 0%, #fdfdfe 46%, #fdfdfe 100%);*/
    border-radius: 0px 0px 0px 0px;
    opacity: 1;
}

.new_active a{
    /*border-right: 2px #3860f4 solid;*/
    color: #0059eb;
    /*background: linear-gradient(90deg, #eff1fc 0%, #fdfdfe 46%, #fdfdfe 100%);*/
    border-radius: 0px 0px 0px 0px;
    opacity: 1;
}

.new_flag {
    font-size: 18px;
    font-weight: normal;
    color: #0059eb;
    margin-top: 10px;
    margin-bottom: 10px;
}

.new_item {
    border: 1px #e1e6f0 solid;
    margin-bottom: 20px;
    border-radius: 5px;
}

.new_item_img {
    border-radius: 5px 5px 0px 0px;
    width: 100%;
    height: 170px
}

.new_item_flag {
    background: #d6e2ff;
    opacity: 1;
    color: #0059eb;
    width: 30%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 15px;
    margin-top: 10px;
    font-size: 15px;
    border-radius: 5px;
}

.new_item_flag_null {
    opacity: 1;
    width: 30%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 15px;
    margin-top: 10px;
    font-size: 15px;
    border-radius: 5px;
}

.new_txt{padding:10px 15px 10px 15px;}
.new_txt a{font-size:18px;display:block;height:80px;overflow: hidden;}
.new_txt a:hover{color:var(--theme-colors);}

.new_time {
    color: #747474;
    font-size: 12px;
    margin-left: 15px;
    margin-bottom: 30px;
}

.new_case_float{
    width: 235px;
    height: 115px;
    background-size: contain;
    border-radius:5px;
    z-index:9;
    margin-bottom: 20px;
    /*margin-top: 48px;*/
}

.new_case_float .txt {
    font-size: 14px;
    color: rgba(0, 0, 0, 0.9);
    font-weight: bold;
    position: relative;
}
.new_case_span {position: absolute; top:20px;left: 20px;z-index:10;}

.new_case_bg{
    position: absolute;
    top:0;
    width: 235px;
    height: 115px;
    padding:20px;
    background: #ddf1e3ff;
    background-size: contain;
    border-radius:5px;
    z-index:9;
    opacity: 0.5;
}

.btn-primary2 {
    font-size: 14px;
    background-color: #4dc570;
    border: 1px #4dc570 solid;
}

.btn-primary2:hover {
    font-size: 14px;
    background-color: #42ab61;
    border: 1px #42ab61 solid;
}


.hot_zixun {
    width: 235px;
    margin-top: 18px;
    background: #ffffff;
    border-radius: 2px 2px 2px 2px;
    opacity: 1;
    padding-bottom: 20px;
}

.hot_zixun_title {
    font-size: 20px;
    color: #1a202c;
    padding: 10px 15px;
    border-bottom: 1px #e5e6eb solid;
}

.hot_zixun_content {
    /*display: flex;*/
    /*justify-content: space-between;*/
    /*justify-items: center;*/
    /*align-items: center;*/
    /*padding: 10px 15px;*/
}

.hot_zixun_content a {
    display: flex;
    justify-content: space-between;
    justify-items: center;
    align-items: center;
    padding: 10px 15px;
}

.hot_zixun_content span {
    font-size: 14px;
    display: block;
    overflow: hidden;
    padding-left: 10px;
    color: #262626;
}

.hot_zixun_content a:hover {
    color: var(--theme-colors);
}

.newest_zixun {
    width: 235px;
    margin-top: 18px;
    background: #ffffff;
    border-radius: 2px 2px 2px 2px;
    opacity: 1;
    /*border: 1px #f2b1ab solid;*/
    padding-bottom: 20px;
}

.newest_zixun_title {
    font-size: 20px;
    color: #1a202c;
    padding: 10px 15px;
    border-bottom: 1px #e5e6eb solid;
    margin-bottom: 10px;
}

.newest_zixun_content {
    display: flex;
    justify-items: center;
    align-items: center;
    padding-left: 10px;
    padding-right: 10px;
}

.newest_zixun_content a {
    font-size: 14px;
    display: block;
    overflow: hidden;
    padding-left: 10px;
    color: #262626;
}

.newest_zixun_content a:hover {
    color: var(--theme-colors);
}

.newest_line{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

.vertical_line {
    content: "";
    width: 2px;
    height:30px;
    background: #f3f3f3;
}

.bd_flag {
    border: 4px solid #046ef9;
    color: #000;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    /*font: 14px arial, sans-serif;*/
    justify-content: center;
    align-items: center;
    text-align: center;
    content: "";
}

.hot_label {
    width: 235px;
    margin-top: 18px;
    background: #ffffff;
    border-radius: 2px 2px 2px 2px;
    opacity: 1;
    /*border: 1px #f2b1ab solid;*/
    padding-bottom: 20px;
    margin-bottom: 30px;
}

.hot_label_title {
    font-size: 20px;
    color: #1a202c;
    padding: 10px 15px;
    border-bottom: 1px #e5e6eb solid;
    margin-bottom: 10px;
}

.hot_label_content {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: space-between;
    /*padding-left: 10px;*/
    /*padding-right: 10px;*/
    padding: 10px 15px;
}

.hot_label_content a {
    height: 36px;
    border: 1px #e0e0e5 solid;
    border-radius: 5px;
    font-size: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    color: #000000;
    margin-right: 10px;
    margin-bottom: 10px ;

}

.hot_label_content a:hover {
    color: var(--theme-colors);
}