@import url('');
body{
 background: url(../img/banner.png) no-repeat;
 background-size: 100% 100%; 
}
a{
    transition: all .3s ease;
}

img {
    object-fit: cover;
    transition: all 0.3s linear;
}
.uli12 li a:hover, .uli14 li a:hover,
a:hover
 {
    color: rgba(15, 159, 187,1);
}
#skip{
    display: none;
}
ul {
    padding: 0;
    margin: 0;
}
.logoer {
    width: 305px;
    display: block;
    margin-top: 5rem;
}
#logo img{
    width: 85%;
    display: block;
    margin: 5rem auto;
}
ul.pills-list{

background-color: #fff;

display: inline-table;

border-top-left-radius: 15px;

border-top-right-radius: 15px;
}
ul.pills-list li{
    
}
ul.pills-list li a{
    
font-size: 32px;
    
padding: 6px 30px;
    
background-color: #fff;
    
color: #323232;
}
ul.pills-list li.active a{
    
background-color: #00B7EE;
    
color: #fff;
}
ul.pills-list li:first-child a{
    border-top-left-radius: 15px;
}
ul.pills-list li:last-child a{
  

    border-top-right-radius: 15px;
}
.pills-content{
    background-color: #fff;
    min-height: 400px;
    border-radius: 28px;
    border-top-left-radius: 0px;
    padding: 15px;
    margin-bottom: 30px;
}
.tab-content>.active{
    max-height: 407px;
    overflow-y: auto;
}
ul.video-list {
    padding-left: 18px;

}
ul.video-list li{
    list-style: decimal-leading-zero;
    padding: 5px 0px;
    line-height: 1.5;
    font-size: 16px;
    color: #333;
}
ul.video-list li:hover{
    cursor: pointer;
}
ul.video-list li p{
    margin-left: 0px;
    font-size: 16px;
}
ul.video-list li p.title{
    
overflow: hidden;
    
display: block;
    
text-overflow: ellipsis;
    
white-space: nowrap;
}
ul.video-list li p.detail-txt{

display: none;
} 
ul.video-list li.active {
    color: #00B7EE;
}
.video-title{

font-weight: 800;

color: #333333;

font-size: 28px;

margin: 30px 0px 25px;
}
.video-title span{

}
.video-detail{
    
color: #333333;
    
font-size: 16px;
    
margin: 30px 0px 30px;
    
text-align: justify;
    
letter-spacing: 1px;
    
display: -webkit-box;
    
-webkit-box-orient: vertical;
    
-webkit-line-clamp: 2;
    
overflow: hidden;
    
text-overflow: ellipsis;
    
white-space: break-spaces;
}

.tab-pane{

background: #F1F2F3;

border-radius: 20px;

padding: 10px 20px;
}
.list-title{

font-size: 24px;

color: #333;
}
.list-title  span{

font-size: 16px;

color: #666;

float: right;
}
.list-title  span  img{

width: 11px;

margin-left: 2px;
}
.video-detail1{
    display: none;
}

ul.pills-list>li.active>a:focus,
ul.pills-list>li.active>a:hover{
    background-color: #00B7EE;
    color: #fff;
 }
 
 .fixed-rg-box {
    display: none;
}

@media (min-width: 1400px){
        .container {
            width: 1400px!important;
        }
        .wd67 {
          padding-right: 0;
        }
}
@media (min-width: 1200px){
        .container {
            width: 100%;
        }
}