.ui-sidebar{position:fixed;right:0;top:0;display:flex;align-items:center;}
.ui-sidebar ul{/*border-radius:0;*/margin-top:35px;}
.ui-sidebar ul li a{width:70px;line-height:60px;}
.ui-sidebar ul li a i{font-size:28px;}
.ui-sidebar ul li div{line-height:60px;font-size:16px;min-width:120px;}
.ui-sidebar ul li:hover div{right:80px;}
.ui-sidebar-color ul li a{color:#000;}
.ui-sidebar-color ul li a:hover{background:#000;border-color:#000;}
.ui-sidebar-color ul li.active a{background:#000;border-color:#000;}

.ui-card-book{border:1px solid #F2EDDA;border-radius:0 20px 0 0;}
.ui-card-book .ui-card-header{padding:15px 25px;line-height:30px;background:#FFFDF7;border-bottom:1px solid #F2EDDA;border-radius:0 20px 0 0;}
.ui-card-book .ui-card-header .ui-card-header-title{border:0;padding:0;}
.ui-card-book .ui-card-body{padding:20px 25px 25px 25px;word-break:break-all;}
.ui-card-book .ui-card-footer{border-top:0;padding:0 25px 20px 25px;}
.box{padding:20px 30px;box-shadow:0px 0px 30px rgba(28,31,33,0.1);background:#fff;position:relative;}
.ui-menu-color .ui-menu-name{color:#246FDD;border-bottom-color:#246FDD;font-weight:bold;}

@media screen and (max-width:1024px)
{
	 
	
	.ui-sidebar{position:fixed;bottom:120px;top:auto;display:block;}
	.ui-sidebar ul{margin-top:35px;}
	.ui-sidebar ul li a{width:40px;line-height:40px;}
	.ui-sidebar ul li a i{font-size:20px;}
	.ui-sidebar ul li div{line-height:40px;font-size:14px;min-width:100px;}
	.ui-sidebar ul li:hover div{right:70px;}
	.ui-sidebar-color ul li a{color:#246FDD;}
	.ui-sidebar-color ul li a:hover{background:#246FDD;border-color:#246FDD;}
	.ui-sidebar-color ul li.active a{background:#246FDD;border-color:#246FDD;}
	
	 
	
}
@media screen and (max-width:768px)
{
	.ui-post{}
	.ui-post .ui-col-2{display:none;}
	.ui-post .ui-col-10{flex:0 0 100%;max-width:100%;}
	.ui-post .ui-offset-2{margin-left:0;flex:0 0 100%;max-width:100%;}
	.ui-post .ui-offset-2 .ui-btn{display:block;width:100%;text-align:center;}
}