@media screen and (min-width: 767.98px){
   
    #navbarNav{
        border-top:1px solid rgba(255,255,255,.3);
    }
    .dropdown-toggle::after{
        content: ""!important;
        border-top:0!important;
    }
    #navbarNav li:hover {
        background-color:#0021dc;
    }
 
    #navbarNav>ul>li{
        width: 140px;
        text-align: center;
		font-size: 20px; 
    }
    #navbarNav>ul>li ul{
        background-color:rgba(53,129,216,.4);
    }
    #navbarNav>ul>li .dropdown-item{
        color: white;
		min-width: 160px;
		font-size: 18px; 
    }
    #navbarNav>ul>li .dropdown-item:hover{
        background-color:#0021dc;
		min-width: 160px;
    }
    #bodycon{
        width: 80%;
    }
	.nav-url{
		width: 100%;
		justify-content: center;
	}
				
    #main{
		width:75%;
	}
}
		.categories {
            margin-bottom: 70px;
        }
        .categories h3{
            font-size: 20px;
        }
        .content-list a{
            text-decoration: none;
        }
        .categories .sidebar-title {
            color:white;
            padding: 10px;
		    margin:0;
        }
		.list-title{
			background: linear-gradient(to right,#0A3B84,#14abf6);
		}
		.list-title a:hover{
			opacity:.5;
		}
        .categories ul {
            margin: 0;
            padding: 0;
            list-style: none;
        }
        
        .categories ul li {
            display: block;
            position: relative;
            margin-bottom: 10px;
        }
        
        .categories ul li a {
            display: flex;
            align-items: center;
            position: relative;
            height: 45px;
            font-size: 16px;
            background: transparent;
            border-radius: 4px;
            color: #777;
            padding: 5px 45px 5px 25px;
            transition: .3s;
        }
        
        .categories ul li a:hover {
            color: #699df3;
            background: #fff;
            box-shadow: 1px 1px 60px rgba(0,0,0,0.1);
        }
        
        .categories ul li a .categories-text {
            position: relative;
            padding-left: 15px;
            display: inline-block;
            padding-right: 35px;
        }
        /* 设置前面的小图标 */
        .categories ul li a .categories-text:before {
            content: "\2691"; /* 实体字符,更多可以参考https://blog.csdn.net/qq_39314291/article/details/81079699 */
            position: absolute;
            top: 50%;
            left: 0;
            transform: translate(0,-50%);
            font-family: 'FontAwesome';
            font-size: 15px;
            line-height: 8px;
        }
        
        .categories ul li a span:last-child {
            position: absolute;
            top: 5px;
            right: 5px;
            width: 35px;
            height: 35px;
            display: inline-flex;
            justify-content: center;
            align-items: center;
            background: #e1e1e1;
            border-radius: 4px;
            color: #777;
            transition: .3s;
        }
        .categories ul li a:hover .datebox {
            
            color: black
        }
        #navbarNav li:hover .dropdown-menu{
            display: block;
        }
        a{
            text-decoration: none;
        }
		.datebox{
			position: absolute;
			top: 2.5px;
            right: 5px;
			height: 40px;
			flex-direction: column;
			line-height: 40px;
			transition: .3s;
			color: #777;
		}

		.datebox p:first-child{
			font-size: 12px;
			text-align: center;
			line-height: 14px;
			margin: 0;
		}
		.datebox p:last-child{
			font-size: 10px;
			line-height: 14px;
			text-align: center;
		}
		.datebox hr{
			height: 1px;
			margin: 0;
			padding: 0;
			border: 1px solid red;
		}
		.lunbo-text{
			margin: 0;
			padding: 0;
			text-align: center;
			font-size: 16px;
			line-height: 24px;
		}
		i{
				margin:0 4px;
		}
.PrevDisabled{
     height:20px!important;
}
.Next{
    height:20px!important;