@charset "utf-8";
/* 
类型：番茄财经个人中心样式
作者：杨涛
日期：2016-05-05 22:27
心情：★★★☆☆
兼容：ie(9+)、webkit、moz 
备注：
*/
html,body{ background:#ccd3d7;}
.person{ margin:60px auto; background:white; overflow:hidden; *position:relative; padding-bottom:40px;}
.person_head{ padding:20px; padding-left:40px; border-bottom:2px solid #eee; }
.person_head .left{ float:left; font-size:20px;}
.person_head .left .home{  display:inline-block; width:40px; height:40px; margin:0 auto; background:url(../icon/per_ico.png) no-repeat; vertical-align:middle; margin-right:10px; position:relative; top:-3px;}
.person_head .right{ float:right;}
.person_head .right a{ color:#20a2d6; font-size:16px; text-decoration:underline;}
.person_left{ position:relative; z-index:1; float:left; width:120px; background:#e9ecee; padding-top:20px; margin-bottom:-9999px; padding-bottom:9999px;}
.person_left li a{ display:block; width:100%; height:85px; padding-top:15px; text-align:center; font-size:16px; background-color:transparent; color:#a8b3c2;
	transition:all 0.5s ease 0s;
	-moz-transition:all 0.5s ease 0s;
	-webkit-transition:all 0.5s ease 0s;
	-o-transition:all 0.5s ease 0s;
}
.person_left li a:hover{ background:white; color:#385675;text-decoration:none;}
.person_left li a span{ display:block; width:40px; height:40px; margin:0 auto; margin-bottom:10px; background:url(../icon/per_ico.png) no-repeat;
	transition:all 0.2s ease 0s;
	-moz-transition:all 0.2s ease 0s;
	-webkit-transition:all 0.2s ease 0s;
	-o-transition:all 0.2s ease 0s;
}
.person_left li a.on{ background-color:white !important; color:#385675;}
.person_left li a.my_shoucang span{ background-position:0 -40px;}
.person_left li a.my_jilu span{ background-position:0 -80px;}
.person_left li a.my_guanzhu span{ background-position:0 -120px;}
.person_left li a.my_guanli span{ background-position:0 -160px;}
.person_left li a.on span,.person_left li a:hover span{ background-position-x:-40px !important;}
.person_right{ float:left; width:100%; margin-left:-120px; position:relative; z-index:0;}
.pr_body{ padding:20px; padding-left:160px;}
.info_title{ border-bottom:1px solid #ddd; font-size:16px; font-weight:400; color:#444; margin-bottom:40px; position:relative;}
.info_title span{ display:inline-block; padding:13px 20px; margin:0 15px; position:relative; border:1px solid transparent; border-radius:4px 4px 0 0; cursor:pointer;}
.info_title span.on{ top:1px; color:#20a2d6; background:white; border-color:#ddd; border-bottom-color:white;}
.info_title .abs{ position:absolute; top:0; right:0;}
.person_slide{ display:none;}
.person_slide.on{ display:block;}
.info_input li{ position:relative; margin-bottom:30px;}
.info_input li:last-child{ margin-bottom:0;}
.info_input li input{ position:relative; height:48px; width:438px; font-size:16px; border:1px solid #dddddd; padding-left:20px; color:#666; margin-left:15px;}
.info_input li input.submit{ width:458px;  border:0; padding-left:0; background:#20a2d6; color:#fff; font-size:20px; cursor:pointer;margin-left:60px;}
.info_input li input.submit.left80{ margin-left:85px;}
.info_input li .error{ position:absolute; left:60px; top:55px; color:red; display:none;}
.info_input li .error.left80{ left:85px;}
.info_input li label{ display:inline-block; *float:left; vertical-align:middle; height:48px; line-height:48px;}
.ie .info_input li input{ line-height:48px;}
.ec_upload{ display:inline-block; margin-left:15px; *margin-top:-15px; *left:14px; width:458px; height:48px; line-height:48px; position:relative; color:#333; font-size:16px; text-align:center; cursor:pointer; margin-right:15px;border: 1px solid #ddd; background: #fff; cursor:pointer;}
.info_input li input.upload_img{ position:absolute; width:458px; height:48px; margin:0; padding:0; left:0; top:0;opacity: 0; cursor:pointer;}
.ec_info{ margin-left:60px;}
.ec_info img{ width:100px; height:100px; border:1px solid #ddd; display:none;}

.zb_bd{ margin-top:20px;}
.zb_bd li{ float:left; width:273px; width:33.33%; *width:33.3%; margin-bottom:20px; overflow:hidden;}
.zb_bd li .zb_bd_box{ margin-right:20px; padding-bottom:20px; border:1px solid #eee; background:#f6f6f6;}

.zb_bd li a{ display:block; position:relative;}
.bigimg_box{ display:block; width:100%; height:150px; overflow:hidden;}
.zb_bd li .big_img{ width:100%; height:150px;}
.zb_bd li a:hover .big_img{ transform:scale(1.5,1.5); -webkit-transform:scale(1.2,1.2);}

.zb_bd li .small_img{ position:absolute; right:10px; bottom:-30px; width:80px; height:80px; border:4px solid #fff; border-radius:100%;}
.zb_bd_name{ padding:5px 10px; padding-bottom:10px; font-size:16px;}
.zb_bd_info{ padding-left:5px;}
.zb_bd_info span{ display:inline-block; margin:0 5px;}
.zb_bd_info .personico{ width:22px; height:22px; background-position:0 -288px;}
.zb_bd_info .time{ width:22px; height:22px; background-position:0 -310px;}
.page{ padding-top:20px;}
.page a{ display:inline-block; padding:8px 15px; background:#fff; border:1px solid #eee; margin:0 3px;}
.page a.on,.page a:hover{ background:#20a2d6; color:#fff; border-color:#20a2d6;}