/* 
 *会员中心
 * 
 */
	body{background: #f4f4f4;color: #282828;}
	a{color: #282828;}
	.bodyContent{width: 1205px;}
	.container_area{margin: 20px auto 40px;overflow: hidden;}

/* 左侧 */
	.container_left .personal_card{
		text-align: center;
    	padding: 30px 0 20px;
	}
	.personal_card,.personal_menu{
		width: 210px;
    	background: #fff;
    	border-radius: 4px;
    	overflow: hidden;
    	margin-bottom: 10px;
    	box-shadow: 1px 2px 6px rgba(100, 100, 100, 0.3);
    }
    .container_left .avatar_container{
    	margin: 0 auto;
    	width: 80;
    }
    .container_left .avatar_container img{border-radius: 50%;width: 80px;height: 80px;}
    .container_left .personal_info{margin: 16px 0 0;}
    .container_left .author_name{font-size: 16px;font-weight: 600;}
    .container_left .author_info{margin-bottom: 24px;margin-top: 5px;font-size: 12px;color: #bbb;}
    .container_left .create_btn{
    	text-align: center;padding: 0 20px;
    }
    .container_left .create_btn a{
    	display: inline-block;
    	width: 160px;
    	height: 36px;
	    line-height: 36px;
	    font-size: 14px;
	    padding: 0 20px;
	    color: #fff;
	    background: #1ab394;
	    border: 1px solid #1ab394;
	    border-radius: 4px;
	    cursor: pointer;
	    text-align: center;
    }
    .container_left .create_btn a:hover{background-color: #45c1a8;}
    .personal_menu .menu_list:not(:last-child) {
	    border-bottom: 1px solid #eee;
	}
	.personal_menu .menu_list li{position: relative;}
	.personal_menu .menu_list li:hover{background: #1ab394;}
	.personal_menu .menu_list li.active i {
	    display: inline-block;
	    position: absolute;
	    left: 0;
	    top: 10px;
	    width: 3px;
	    height: 32px;
	    background: #1ab394;
	    vertical-align: middle;
	}
	.personal_menu .menu_list li a{
		display: block;
	    color: #333;
	    height: 52px;
	    line-height: 52px;
	    padding: 0 30px;
	    position: relative;
	}
	.container_left .ad_box{width: 210px;height: 120px;background: #1ab394;border-radius: 4px;box-shadow: 1px 2px 6px rgba(100, 100, 100, 0.3);}
/* 右侧 */
	.container_right .right_box{width: 970px;margin-left: 230px;}
	/* tab */
	.container_right .tab_menu{border-radius: 4px;background: #fff;box-shadow: 1px 2px 6px rgba(100, 100, 100, 0.3);}
	.container_right .tab_menu ul{height: 56px;font-size: 14px;color: #999;padding: 0 30px;position: relative;}
	.container_right .tab_menu ul li{    
		float: left;
	    height: 56px;
	    line-height: 59px;
	    margin-right: 40px;
	    cursor: pointer;
	    font-size: 16px;
	    margin-bottom: -1px;
	}
    .container_right .tab_menu ul li.active,.container_right .tab_menu ul li:hover{
    	border-bottom: 2px solid #444;
    	color: #444;
    }
    .container_right .tab_menu ul li a{color: #999;}
    .container_right .tab_menu ul li.active a,.container_right .tab_menu ul li:hover a{
    	color: #444;
    }
    /* title */
    .container_right .before_content{margin-top: 15px;margin-bottom: 20px;box-sizing: border-box;position: relative;height: 20px;}
    .container_right .content_title{font-size: 14px;color: #666;}
    .container_right .content_select{height: 40px;font-size: 14px;color: #666;cursor: pointer;position: absolute;right: 0px;}
    .container_right .content_select:hover .select_list{display: block;}
    .container_right .content_select i{font-size: 19px;}
    .container_right .content_select .select_list{
    	display: none;
    	position: absolute;
    	min-width: 122px;
	    max-height: 612px;
	    top: 30px;
	    right: 0px;
	    z-index: 10;
	    background: #fff;
	    border-radius: 4px;
	    overflow: hidden;
	    box-shadow: 0 0 6px rgba(0,0,0,.2);
	    padding: 6px 0;
	}
	.container_right .content_select .select_list .li{
		cursor: pointer;
		height: 40px;
    	line-height: 40px;
    	text-align: center;
	}
	.container_right .content_select .select_list li.active a{
		color:#1ab394;
	}
	.container_right .content_select .select_list li a{
		padding: 0 30px;
		height: 40px;
	    line-height: 40px;
	    display: block;
	    cursor: pointer;
	    text-align: left;
	}
/* content */
	.container_right .tab_content{overflow: hidden;margin-right: -30px;}
	.container_right .tab_content .card_box{
		width: 227px;
		float: left;
	    position: relative;
	    background: #fff;
	    border-radius: 4px;
	    margin: 0 20px 20px 0;
	    box-shadow: 1px 2px 6px rgba(100, 100, 100, 0.3);
	}
	.container_right .tab_content .card_img{
		width: 227px;
    	height: 158px;
    	position: relative;
    	border-radius: 4px 4px 0 0;
	}
	.container_right .tab_content .card_img img{
		width: 227px;
    	height: 158px;
    	vertical-align: middle;
	    border: none;
	    border-radius: 4px 4px 0 0;
	    -webkit-transition: .1s linear;
	    transition: .1s linear;
	    display: block;
	}
	.container_right .tab_content .card_info{
		border-bottom: 1px solid #eee;
	    padding: 11px 16px 13px;
	    position: relative;
	}
	.container_right .tab_content .card_info .card_info_title{
		margin-bottom: 5px;
	    position: relative;
	    height: 20px;
	    line-height: 20px;
	}
	.container_right .tab_content .card_info .card_info_title a{
		width: 168px;
		display: inline-block;
	    float: left;
	    vertical-align: middle;
	    white-space: nowrap;
	    text-overflow: ellipsis;
	    overflow: hidden;
	}
	.container_right .tab_content .card_info .card_info_title_icon{
		margin-left: 6px;
	}
	.container_right .tab_content .card_info .card_info_desc{
		font-size: 12px;
	    color: #bbb;
	    margin-bottom: 7px;
	    height: 18px;
	}
	.container_right .tab_content .card_info .card_info_view{
		font-size: 12px;
	    color: #bbb;
	    
	}
	.container_right .tab_content .card_info .card_info_view span{
		margin-right: 10px;
	}
	.container_right .tab_content .card_author{
		height: 50px;
	    line-height: 50px;
	    padding: 0 16px;
	    font-size: 12px;
	    position: relative;
	}
	.container_right .tab_content .card_author .card_author_avatar{
		width: 120px;
	    white-space: nowrap;
	    text-overflow: ellipsis;
	    overflow: hidden;
	}
	.container_right .tab_content .card_author .card_author_avatar a{color: #333;}
	.container_right .tab_content .card_author .card_author_avatar a>img{
		border-radius: 50%;
    	margin-right: 10px;
    	width: 24px;
	    height: 24px;
	    border: none;
	    vertical-align: middle;
	}
	.container_right .tab_content .card_author .card_create_date{
		color: #bbb;
	}
	/* 没有内容 */
	.tab_content .content_null{padding-top: 115px;padding-bottom: 40px;text-align:center;}
    .tab_content .content_null .null_img{display: inline-block;background: url(/img/user/null_img.png) no-repeat;width: 280px;height: 165px;background-size: 280px;vertical-align: middle;}
    .tab_content .content_null .null_desc{color: #444;font-size: 16px;margin-top: 30px;text-align: center;}
	/* 分页 */
	.pagination>li>a,.pagination>li>span{
		border-radius: 5px!important;
	    margin: 0 3px;
	}    
	.pagination>.active>span{
		background-color: #009688;
		border-color: #009688;
	}