.c-panel.is-pratice.is-oss .c-panel__caption .container:before {
    background-image: url(../v1/img/v2/pactice-bg23.png);
}
.label-oss {
    width: 270px;
    height: 49px;
    position: absolute;
    left: 0px;
    top: 0px;
    border-radius: 5px;
}
.banner-oss {
    background-color: rgba(238.00000101327896, 250.00000029802322, 255, 1);
    width: 100%;
    height: 180px;
    /* position: absolute; */
    border-bottom-left-radius: 100px;
}
.title-oss {
    padding-left: 80px;
    /* padding-right: 275px; */
    padding-top: 60px;
    padding-bottom: 37px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.title-category {
    height: 40px;
    font-family: 'Google Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 40px;
    color: #262626;
}
.desc-category {
    padding-top: 10px;
    height: 23px;
    font-family: 'Google Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    color: #262626;
}
.oss-avatar {
    box-sizing: border-box;
    border: 1px solid #CCCCCC;
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2);
    position: absolute;
    width: 130px;
    height: 130px;
    margin-top: 50px;
    left: -50px;
    border-radius: 50%;

}
.oss-avatar img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    padding: 10px;
}
.no-padding {
    padding-left: 0px;
    padding-right: 0px;
}
.tab-category {
    margin-top: 50px;
    margin-left: 120px;
    min-height: 970px;
    margin-right: 60px;
}
.content-category {
    /* height: 100%; */
    margin-top: 30px;
    margin-right: 120px;
}
.tab-oss {
    width: 270px;
    height: 49px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    padding: 13px 0px;
    border-radius: 5px;
    margin: auto;
    margin-bottom: 20px;
    background: #FFFFFF;
/* Blue */
    border: 1px solid #007DAB;
    border-radius: 5px;
}
.tab-oss:hover, .tab-oss.active {
    background: #FF9900 !important;
    border: none;
    cursor: pointer;
}
.tab-oss:hover .title-tab-oss, .tab-oss.active .title-tab-oss {
    color: #FFFFFF;;
}
.title-tab-oss {
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    font-family: 'Google Sans';
    font-style: normal;
    color: #007DAB;

}
.content-title {
    padding-bottom: 15px;
    border-bottom: 2px solid #EEEEEE;
}
.content-title span {
    font-family: 'Google Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 30px;
    color: #262626;
}
.content-item {
    min-height: 150px;
    border-bottom: 2px solid #EEEEEE;
}
.content-item > .row {
    margin-left: 0px !important;
    margin-right: 0px !important;
    justify-content: space-between;
}
.content-item > .row .describe {
    display: flex;
}
.content-item .row .image {
    width: 90px;
    padding: 20px;
    padding-bottom: 80px;
}
.content-item .row .image > img {
    height: 50px;
    width: 50px;
}
.content-item .row .item {
    padding: 20px;
    display: grid;
}
.content-item .row .item .item-title {
    height: 20px;
}
.content-item .row .item .item-title > span{
    font-size: 16px;
    line-height: 20px;
    font-family: 'Google Sans';
    font-style: normal;
    font-weight: 500;
    color: #007DAB;
}
.content-item .row .item .item-time i {
    margin-right: 10px;
}
.content-item .row .action {
    width: 141px;
    justify-content: center;
    align-self: center;
}
.action .button  {
    background: #FFFFFF;
    border: 1px solid #007DAB;
    border-radius: 30px;
    display: block;
    width: 101px;
    height: 39px;
    margin: auto;
    padding: 10px 20px 10px 20px;
    box-shadow: 2px 2px 5px rgb(0 0 0 / 25%);
}
.more .button {
    background: #FFFFFF;
    border: 1px solid #007DAB;
    border-radius: 30px;
    display: block;
    width: 135px;
    height: 40px;
    margin: auto;
    padding: 8px 29px 8px 29px;
    box-shadow: 2px 2px 5px rgb(0 0 0 / 25%);
}
.more {
    margin-top: 28px;
}
.more .button > div {
    font-size: 16px;
    color: #262626;
    font-family: 'Google Sans';
    font-style: normal;
}
.button i {
    width: 13px !important;
    height: 16px !important;
    color: #007DAB;
}
.button > div > span {
    font-family: 'Google Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 19px;
    color: #007DAB;
    padding-left: 6px;
    
}
.action a:hover {
    text-decoration: none;
}
.action a:hover .button, .more:hover .button {
    background: #007DAB;
    cursor: pointer;
}
.action a:hover .button > div > span, .action a:hover .button i, .more:hover .button > div {
    color: #FFFFFF;
}
.content-item.no-label {
    border-bottom: unset !important;
    text-align: center;
    padding-top: 50px;
    font-size: 15px;
    font-family: 'Google Sans';
    font-style: normal;
}
.gray-background  {
    background-color: #F8F8F8 !important;
}
@media (max-width:992px) {
    .tab-category {
        margin-left: 65px;
    }
    .tab-oss {
        width: 170px;
    }
    .content-item .row .item{
        min-width: 512px !important;
    }
    .content-item > .row {
        justify-content: center;
    }
    .content-item .action {
        margin-top: -15px;
        margin-bottom: 15px;
    }
    .content-category {
        margin-right: 0px;
    }
    .col-sm-8 .c-box__content {
        margin-top: 35px;
    }
}

@media (min-width:992px) and (max-width:1025px) {
    .oss-content .c-practice-og>ul>li {
        width: 33.3333% !important;
    }
    .content-item .row .item{
        min-width: 512px !important;
    }
    .c-practice-og>ul>li:nth-child(3) {
        padding-top: 130px;
    }
    .tab-category {
        margin-left: 65px;
    }
    .c-practice-og>ul>li:nth-child(5) {
        padding-top: 220px;
    }
    .c-practice-og>ul>li:nth-child(6) {
        padding-top: 0px !important;
    }
    .oss-content .c-practice-og>ul>li:nth-child(4) {
        padding-top: 0px !important;
    }
    .c-practice-og .c-circle-item.is-head {
        margin-left: -100px !important;
        margin-top: -140px !important;
    }
    .tab-oss {
        width: 170px;
    }
    .content-item > .row {
        justify-content: center;
    }
    .content-item .action {
        margin-top: -15px;
        margin-bottom: 15px;
    }
    .content-category {
        margin-right: 0px;
    }
    .col-sm-8 .c-box__content {
        margin-top: 35px;
    }
}

@media (min-width: 1025px) {
    .oss-content .c-practice-og>ul>li {
        width: 33.3333% !important;
    }
    .c-practice-og>ul>li:nth-child(3) {
        padding-top: 130px;
    }
    .c-practice-og>ul>li:nth-child(5) {
        padding-top: 220px;
    }
    .c-practice-og>ul>li:nth-child(6) {
        padding-top: 0px !important;
    }
    .oss-content .c-practice-og>ul>li:nth-child(4) {
        padding-top: 0px !important;
    }
    .oss-content .c-box__content {
        margin-right: 120px;
    }
}
.content-item:nth-child(even){
    background-color: #F8F8F8 !important;
} 
.oss-content .c-circle-item.is-head .c-circle-item__bg {
    background: radial-gradient(50% 50% at 50% 50%, #009ED8 0%, #007DAB 100%);
}
.oss-content .c-circle-item.is-head {
    border-color: #007DAB;
}
.oss-content .c-circle-item__text {
    border: 1px dashed #007DAB;
}