@charset "utf-8";

  .lolname {
    float: left;
            text-align: left;
        line-height: 8px;
        font-weight: 600;
        margin: 10px 5px 5px 5px;
        font-size: 14px;
        color: #d6d6d6;
    }
    .ntc2 .desc .realtime3 {   float: right;
        text-align: center;
        font-size: 14px;
        background: linear-gradient(142deg, rgb(229 92 112) 0%, rgb(163 55 60) 100%);
        color: #fff;
        border-radius: 31px;
        padding: 3px 12px 3px 12px;


}

@media (min-width:1200px) {

    .ntc1 .slick-list {
        overflow: unset;
    }
    .lolname {
        float: left;
            text-align: left;
        line-height: 8px;
        font-weight: 600;
        margin: 10px 5px 5px 5px;
        font-size: 14px;
        color: #d6d6d6
    }

    .loltext {
        float: left;
    }

#top_banner > .notice { width:100%; height:35px;}
.ntc2 .slick-slide img{
width: 50px;
        height: auto;
        float: left;
        margin: 6px 16px 10px 1px;
        border-radius: 12px;
        border: none;
}
.ntc2 .desc .name5  {
    float: right;
    display: inline-block;
    margin-right:150px;
    width: 78px;
    height: 40px;
    line-height: 42px;
    border-radius: 13px;
    text-align: center;
    font-size: 18px !important;
    color: #000000 !important;
}

.ani_updown{
	animation: patten_updown 5s infinite;
}
@keyframes patten_updown{
	0% {
    	transform: translateY(0);
    }
	50% {
    	transform: translateY(-25px);
    }
	100%{
    	transform: translateY(0px);
    }
}

.arrow {
    position: absolute;
    display:none;
    top: 10px;
    right: 0;
    padding: 12px 16px;
}

.ntc2 .desc .realtime3 {   float: right;
        text-align: center;
        font-size: 14px;
        background: linear-gradient(142deg, rgb(229 92 112) 0%, rgb(163 55 60) 100%);
        color: #fff;
        border-radius: 31px;
        padding: 3px 12px 3px 12px;


}
.ntc2{position:relative;padding:6px 0;width:100%;height:255px;overflow:hidden}
.ntc2 .slick-list {overflow:unset;}
.ntc2:before{content:'';position:absolute;top:50%;left:0;margin-top:-10px;width:24px;height:20px;}
.ntc2 .desc{line-height:35px; margin-bottom:10px; border:0;font-size:17px;font-weight:400;color:rgb(16, 16, 16);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ntc2 .desc a{display:block;font-weight:600;color:#fff;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:16px !important;letter-spacing: -1px; pointer-events: none;font-weight: 600;color: #222;line-height: 28px;padding: 8.4px 0;}
.ntc2 .desc a:hover{color:#3a8afd;transition:all 0.5s;}

.ntc2 .realtime3 a {
    color: #f5f5f5 !important;
    background: #232323;
    border-radius: 20px;
    margin-top: 8px;
    line-height:14px !important;
    height: 30px;
}

.realtext .textimg2 {
    float:left;
    margin:0px 11px 6px 1px;
}




.realtext h2 {
    font-size: 13px;
    text-align: left;
    color: #222;
    line-height: 31px;
    font-weight: 500;
    border-bottom: 2px solid #484848;
}

}



@media (max-width:1200px) and (min-width:748px) {
    .ntc1 .slick-list {
        overflow: unset;
    }
    .ntc2 .slick-slide img{ 
width: 50px;
        height: auto;
        float: left;
        margin: 6px 16px 10px 1px;
        border-radius: 12px;
        border: none;

    }
    #top_banner > .notice { width:100%; height:35px;}
    .ntc2{position:relative;padding:6px 0;width:100%;height:248px;overflow:hidden}
    .ntc2:before{content:'';position:absolute;top:50%;left:0;margin-top:-10px;width:24px;height:20px;}
    .ntc2 .desc{line-height:35px;border:0;font-size:15px;font-weight:400;color:rgb(16, 16, 16);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
    .ntc2 .desc a{display:block;font-size:14px;font-weight:400;color:#fff;white-space:nowrap;pointer-events: none; text-overflow:ellipsis;overflow:hidden;font-size: 14px;letter-spacing: -1px;font-weight: 600;color: #222;line-height: 26px;padding: 8.4px 0;}
    .ntc2 .desc a:hover{color:#3a8afd;transition:all 0.5s;}

    .ntc2 .realtime3 a {
        color: #f5f5f5 !important;
        background: #232323;
        border-radius: 20px;
        margin-top: 0px;
        line-height:14px !important;
        height: 30px;
    }
    
    .realtext .textimg2 {
        float:left;
        margin:0px 11px 6px 1px;
    }
    
    
    .lolimg img {
        float:left;
        width:42px !important;
        height: 42px !important;
    }
    
    .loltext a {
        float:left;
    }
    .realtext h2 {
        font-size: 13px;
        text-align: left;
        color: #222;
        line-height: 31px;
        font-weight: 500;
        border-bottom: 2px solid #484848;
    }
    }

    @media (max-width:975px) { 
        .ntc1 .slick-list {
            overflow: unset;
        }
        .ntc2 .slick-slide img{ 
width: 50px;
        height: auto;
        float: left;
        margin: 6px 16px 10px 1px;
        border-radius: 12px;
        border: none;
        }
        #top_banner > .notice { width:100%; height:35px;}
        .ntc2{position:relative;padding:6px 0;width:100%;height:248px;overflow:hidden}
        .ntc2:before{content:'';position:absolute;top:50%;left:0;margin-top:-10px;width:24px;height:20px;}
        .ntc2 .desc{line-height:35px;border:0;font-size:15px;font-weight:400;color:rgb(16, 16, 16);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
        .ntc2 .desc a{display:block; pointer-events: none;font-size:14px;font-weight:400;color:#fff;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;letter-spacing: -1px;font-weight: 600;color: #222;line-height: 26px;padding: 1.4px 0;}
        .ntc2 .desc a:hover{color:#3a8afd;transition:all 0.5s;}
    
        .ntc2 .realtime3 a {
            color: #f5f5f5 !important;
            background: #232323;
            border-radius: 20px;
            margin-top: 0px;
            line-height:14px !important;
            height: 30px;
        }
        
        .realtext .textimg2 {
            float:left;
            margin:0px 11px 6px 1px;
        }
        
        
        .lolimg img {
            float:left;
            margin:6px 10px 12px 1px !important;
            width:42px !important;
            height: 42px !important;
        }
        
        .loltext a {
            float:left;
        }
        .realtext h2 {
            font-size: 13px;
            text-align: left;
            color: #222;
            line-height: 31px;
            font-weight: 500;
            border-bottom: 2px solid #484848;
        }
    }

@media (max-width:747px) {
    .ntc1 .slick-list {
        overflow: unset;
    }
    .ntc2 .slick-slide img{ 
width: 50px;
        height: auto;
        float: left;
        margin: 6px 16px 10px 1px;
        border-radius: 12px;
        border: none;
    }
#top_banner > .notice { width:100%; height: 34px;}
.ntc2{position:relative;padding:0px 0;width:100%;height:65px;overflow:hidden}
.ntc2:before{content:'';position:absolute;top:50%;left:0;margin-top:-10px;width:24px;height:20px;}
.ntc2 .desc{line-height:20px;border:0;font-size:17px;font-weight:400;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ntc2 .desc a:hover{color:#3a8afd;transition:all 0.5s;}
.ntc2 .desc a{
    color:#fff !important;
    font-weight: 600;
    font-size:11px !important;
    pointer-events: none;
}
.ntc2 .realtime3 a {
    color: #f5f5f5 !important;
    background: #232323;
    border-radius: 20px;
    margin-top: 8px;
    line-height:14px !important;
    height: 30px;
}.lolname {
        float: left;
    text-align: left;
    line-height: 4px;
    font-weight: 400;
    margin: 15px 5px 5px 5px;
    font-size: 10px;
    color: #d6d6d6;

}

    .ntc2.slick-initialized.slick-slider.slick-vertical {
    padding: 5px 15px !important;
    }

 .ntc2 .desc .realtime3  {
        padding: 0px 10px;
        font-size:10px;
        margin-top: 15px;
 }
.realtext .textimg2 {
    float:left;
    margin:0px 8px 0px -5px;
    width: 55px;
    height: auto;
}




.realtext h2 {
    font-size: 13px;
    text-align: left;
    color: #222;
    line-height: 31px;
    font-weight: 500;
    border-bottom: 2px solid #484848;
}

}