#side_menu { height: 100%; position: fixed; background-color: #444851; width: 200px; transition: 1000ms all cubic-bezier(0.19, 1, 0.22, 1); transform: translateX(-100%); left: 60px; z-index: 5; }
#side_menu.expanded { transform: translateX(0%); left: 0px; }
.menu-inner { width: 100%; height: 100%; position: relative; }
#blob { top: 0; z-index: -1; right: 60px; transform: translateX(100%); height: 100%; position: absolute; }
#blob-path { height: 100%; fill: #444851; }
.hamburger { right: 20px; position: absolute; width: 20px; height: 20px; margin-top: -60px; }
.hamburger .line { width: 100%; height: 4px; background-color: #fff; position: absolute; }
.hamburger .line:nth-child(2) { top: 50%; margin-top: -2px; }
.hamburger .line:nth-child(3) { bottom: 0; }
.side_menu .h1 { position: fixed; right: 0; margin: 0; }
.side_menu .ul { padding: 0; list-style: none; width: 80%; margin-left: 10%; position: absolute; top: 10px; }
.side_menu .ul .li { color: #fff; font-family: sans-serif; padding: 20px 0; }
.side_menu .h2 { position: absolute; left: 50%; color: #fff; margin: 0; font-size: 16px; font-family: sans-serif; font-weight: 100; }

.menu-inner li a {
    float: left;
    margin: 0 5px;
    width: 140px;
    height: 36px;
    font-size: 14px;
    line-height: 36px;
    text-align: left;
    padding-left: 36px;
    margin-top: 10px;
    color: #fff;
}

.menu-inner li a:hover {
    background-color: #93b523;
    border-radius: 5px;
}

.menu-inner li a:focus {
    background-color: #93b523;
    color: #ffffff;
    border-radius: 5px;
    text-decoration: none;
}



.channel-box{
font-family:"Hiragino Sans GB","arial","Tahoma";border-radius:5px;background:#f3f3f3;padding-left:20px;
color:#888;padding-bottom:18px;
}
.channel-box h2{
font-weight:normal;
}
ul.channel{
padding:0;
}
ul.channel li{
float:left;list-style-type:none;font-size:15px;width:50%;line-height:30px;cursor:pointer;
}
ul.channel li a{
color:#888;
}
ul.channel li a:hover{
text-decoration:underline;
}
ul.channel li a.active{
color:#00a3d8;
}

.pic-container{
    max-width: 1450px;
    padding-right: 10px;
    padding-left: 10px;
    margin-right: auto;
    margin-left: auto;
}

/*.pic-container .cards {
    padding-top: 130px;
}*/

.of_hide{
	display: block;
    overflow: hidden;
    text-overflow: ellipsis;
}
.card ul.channel li{
	line-height: 28px;
}
.picture_nav{
	width:100%;
	height:50px;
	border-bottom:1px solid #d8d8d8;
	margin-top:50px;
}
.picture_container{
	width:61%;
	height:48px;
	color:#333;
	margin:0 auto;
	position:relative;
	font-size: 15px;
}
.picture_container .p_c_left{
	float:left;
	border-bottom:3px solid #427afb;
	height:50px;
	line-height:50px;
	width:70px;
	position:absolute;
	left:0;
	top:0;
	text-align:center
}
.picture_container .p_c_right{
	float:right;
	width:540px;
	border-right:1px solid #d8d8d8;
	border-left:1px solid #d8d8d8;
	background:#f3f3f3;
	position:absolute;
	right:0;
	top:0;
	height:48px;
	line-height:48px;
}
.p_c_right div{
	width:100%;
	height:48px;
	line-height:50px;
}
.p_c_right .p_c_content img{
	position:absolute;
	right:210px;
	top:33px;
} 
.p_c_right .p_c_content .new_right{
	position:absolute;
	left:250px;
	top:0;
	height:48px;
	line-height:48px;
}
.p_c_right .p_c_content>a{
	position:absolute;
	left:327px;
	top:0;
	color:#333;
}
.p_c_right .p_c_content ul{
	width:300px;
	border:1px solid #d8d8d8;
	border-top:0;
	position:absolute;
	left:140px;
	top:50px;
	z-index:4;
	background:#fff;
	padding:10px;
	border-radius: 0 0 5px 5px;
}
.p_c_right ul li{
	float:left;
	margin: 0 10px;
	height:30px;
	line-height:30px;
}
.p_c_right ul li a{
	color:#333;
}
.p_c_right ul li a:hover{
	color:#427afb;
	cursor:pointer;
}
.picture_container .new_best{
	width:120px;
	border-right:1px solid #d8d8d8;
	height:48px;
	line-height:48px;
	text-align:center;
	position:absolute;
	left:0;
	top:0;
	background:#fff;
	cursor:pointer;
}
.picture_container .new_pic{
	width:120px;
	height:48px;
	line-height:48px;
	text-align:center;
	position:absolute;
	left:120px;
	top:0;
	background:#fff;
	border-right:1px solid #f8f8f8;
}
.picture_container .new_pic a{
	color:#333;
}
.picture_container .new_pic a:hover{
	color:#427afb;
}
.new_pic ul{
	width:100px;
	position:absolute;
	left:10px;
	top:50px;
	border:1px solid #d8d8d8;
	z-index:4;
	background:#fff;
	border-top:0;
	padding:5px;
	border-radius: 0 0 5px 5px;
}
.new_pic img{
	position:absolute;
	left:30px;
	top:33px;
}
.new_right{
	position:absolute;
	left:250px;
	top:0;
	height:48px;
	line-height:48px;
}
.uhide{
	display:none
}

.index-pictures .card {
    padding-bottom: 0px;
}

.index-pictures .piclike3 {
    padding-right: 0px;
    padding-left: 0px;
}

.index-pictures .card-heading {
    padding-right: 0px;
    padding-left: 0px;
}

@media (max-width: 768px){
	.picture_container{
		width:100%;
	}
	
	.piclike {
        display: none;
    }
    
    .piclike2 {
        display: none;
    }
    
     .piclike3 {
        padding-right: 0px !important;
        padding-left: 0px !important;
	}
	
	.piclike3 .col-md-5 {
        padding-right: 0px;
        padding-left: 5px;
	}
	
	.picture_container .p_c_content{
		display:none
		}
	.picture_container .new_right{
		display:none
		}
	.picture_container .p_c_left{
		width:20%;
		margin-left:10px;
		}
	.picture_container .p_c_right{
		width:60%
		}
		.mui-mbar-tabs{
	display:none
	}
	
	.pic-fenlei {
    width: 96%;
    margin: 0 10px 0 7px;
    }
    
    .pic-fenlei li a {
    float: left;
    margin: 0 5px;
    width: 30%;
    height: 26px;
    font-size: 14px;
    line-height: 30px;
    }
    
    .pic-container .cards {
    padding-top: 10px;
    }
    
    .pic-container {
    margin-left: 60px;
   }
   
   .card .index-card {
    height: 100px;
   }
}