html,body,h1,h2,h3,h4,h5,h6,p,ul,li,dl,dd,dt,table,thead,tbody,tr,th,td,input,form,textarea,p {margin: 0;padding: 0;border-spacing: 0; }
html,body,a{font-size: 100%;font-family: 'microsoft yahei', '微软雅黑', "Helvetica Neue", Arial, Helvetica, sans-serif; }
body{padding-top: 60px;background: #f6f9f9;}
img{border: 0;}
li{list-style: none;}
audio, canvas, iframe, img, svg, video { vertical-align: middle;  }
fieldset { border: 0; margin: 0; padding: 0;  }
textarea { resize: vertical; }
a{text-decoration: none;}
a {outline: none;}
/*a:active {star:expression_r(this.onFocus=this.blur());}*/
:focus { outline:0; }
.fl {float: left;}
.fr {float: right;}
.pull_right{text-align: right;}
.float_right{float: right;}
.hidden {display: none !important;}
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.invisible { visibility: hidden; }
.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

.wrap{width: 1000px;height: auto;margin: 0 auto;}

.shadow{
	-moz-box-shadow: 0px 2px 8px 0 rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0px 2px 8px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0px 2px 8px 0 rgba(0, 0, 0, 0.1);
	border: 1px solid #e0e0e0;
}

/*页头样式开始*/
.primary-header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
    height: 57px;
    border-top: 3px solid #37cb58;
    background-color: #fff;
    color: #4e5c46;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    opacity: 1;
    filter: alpha(opacity=100);
    visibility: visible;
    -moz-box-shadow: 2px 0 14px rgba(0,0,0,0.2);
    -webkit-box-shadow: 2px 0 14px rgba(0,0,0,0.2);
    box-shadow: 2px 0 14px rgba(0,0,0,0.2);
}

.primary-header.setOn{
    position: static;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow:none;
}

.primary-header a {
    color: #4e5c46;
    text-decoration: none;
}

.primary-header .site-logo {
    margin-top: 14px;
    margin-left: 60px;
}

.primary-header .site-logo .md-logo {
    width: 92px;
    height: 30px;
}

.primary-header .primary-nav {
    margin-left: 132px;
}

.primary-header .primary-nav .site-nav{
    padding-left: 40px;
}

.primary-header .primary-nav .site-nav li {
    float: left;
}

.primary-header .primary-nav .site-nav li a {
    display: block;
    padding: 0 20px;
    height: 57px;
    line-height: 57px;
    font-weight: bold;
    font-size:14px;
    font-family:"微软雅黑";
}

.primary-header .primary-nav .site-nav li a:hover, .primary-header .primary-nav .site-nav li a.cur {
    color: #37cb58;
}

.primary-header .primary-nav .header-user .user-nav li {
    float: left;
}

.primary-header .primary-nav .header-user .user-nav li a {
    display: block;
    padding: 0 20px;
    height: 57px;
}

.primary-header .user-nav li a.lookMail,.primary-header .user-nav li a.addFriend{
    width: 24px;
}

.primary-header .primary-nav .header-user .user-nav li a i {
    font-size: 20px;
    margin-top: 18px;
}
.primary-header .user-nav li a.lookMail{
    background: url("http://i1.modian.com/new/images/icon2.png") -68px -115px no-repeat;
}
.primary-header .user-nav li a.lookMail:hover{
    background-position: -68px -183px;
}
.primary-header .user-nav li a.addFriend{
    background: url("http://i1.modian.com/new/images/icon2.png") -131px -116px no-repeat;
}
.primary-header .user-nav li a.addFriend:hover{
    background-position: -131px -184px;
}
.primary-header .primary-nav .header-user .user-nav li a:hover {
    color: #37cb58;
}
.primary-header .primary-nav .header-user .user-nav li a img{
    width: 24px;
    height: 24px;
    margin-top: 16px;
}

.primary-header .primary-nav .header-user .user-nav li a.avatar img {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    margin-top: 12px;
}

.primary-header .primary-nav .header-user .user-nav li a.avatar:hover {
    padding: 0 18px
}

.primary-header .primary-nav .header-user .user-nav li a.avatar:hover img{
    border:2px solid #37cb58;
    margin-top: 10px;
}
.primary-header .primary-nav .header-user .no-login{
    padding-right: 40px;
}
.primary-header .primary-nav .header-user .no-login li {
    float: left;
}
.primary-header .primary-nav .header-user .no-login li.no-login-border{
    width: 1px;
    height: 14px;
    background-color: #7a8574;
    margin-top: 22px;
}
.primary-header .primary-nav .header-user .no-login li a {
    display: block;
    padding: 0 20px;
    height: 57px;
    line-height: 57px;
    font-weight: bold;
    font-size:14px;
}

.primary-header .primary-nav .header-user .no-login li a:hover {
    color: #37cb58;
}

.primary-header.out {
    top: -60px;
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden;
}

/*页头样式结束*/

/*页脚样式开始*/
.primary-footer {
	color: #64705d;
	font-size: 12px;
	background: url("http://i1.modian.com/new/images/footBg.jpg") 0 10px!important;
	padding-bottom: 20px;
	border-top: 4px solid #37cb58;
	-webkit-box-shadow: 0px 4px 23px 1px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 4px 23px 1px rgba(0,0,0,0.2);
	box-shadow: 0px 4px 23px 1px rgba(0,0,0,0.2);
}

.primary-footer .container {
	width: 940px;
	margin: 0 auto;
}
.primary-footer a {
	color: #64705d;
	text-decoration: none;
}

.primary-footer .footer-links{
	padding-top: 4px;
}

.primary-footer .footer-links li {
	float: left;
	margin-right: 150px;
}

.primary-footer .footer-links li h4 {
	margin: 1em 0;
	color: #4e5c46;
	font-weight:bold;
}

.primary-footer .footer-links li p {
	margin-top: 5px;
}

.primary-footer .footer-links li p i{
	width: 14px;
	height: 14px;
	float: left;
	margin:2px 10px 0 0;
	background: url("http://i1.modian.com/new/images/icon-map.png") no-repeat;	
}

.primary-footer .footer-links li p i.footQQ{
	margin-top:3px;
	background-position: -158px -618px;
}

.primary-footer .footer-links li p i.footWeibo{
	width: 16px;
	height: 12px;
	margin-top: 5px;
	background-position: -158px -542px;
}

.primary-footer .footer-links li p i.footWeixin{
	width: 16px;
	height: 12px;
	margin-top: 3px;
	background-position: -158px -461px;
}

.primary-footer .footer-links li p i.footLink{
	margin-top:3px;
	background-position: -158px -381px;
}

.primary-footer .footer-links li p a:hover{
	color: #37cb58;
}

.primary-footer .footer-links li p a:hover i.footQQ{
	background-position: -238px -618px;
}

.primary-footer .footer-links li p a:hover i.footWeibo{
	background-position: -238px -542px;
}

.primary-footer .footer-links li p a:hover i.footWeixin{
	background-position: -238px -461px;
}

.primary-footer .footer-links li p a:hover i.footLink{
	background-position: -238px -381px;
}

.primary-footer .outher .copyright i.footMobile{
	width: 8px;
	height: 12px;
	float: left;
	margin:5px 3px 0 0;
	background: url("http://i1.modian.com/new/images/icon-map.png") -158px -305px no-repeat;	
}

.primary-footer .outher .copyright a.moveVersion:hover i.footMobile{
	background-position: -238px -305px;
}

.primary-footer .footer-links li p a:hover{
	color: #37cb58;
}

.primary-footer .footer-links li p a:hover,.primary-footer .footer-links li p a:hover i{
	color: #37cb58;
}

.primary-footer .footer-links li p i{
	margin-right: 10px;
	color: #a7ada3;
	
}

.primary-footer .outher {
	padding-top: 15px;
	margin-top: 20px;
	border-top: 2px dashed #37cb58;
	background: url('http://i1.modian.com/new/images/footer-logo.png') no-repeat right 20px;
}

.primary-footer .outher p {
	margin-top: 5px;
}

.primary-footer .outher p.icp {
	height: 12px;
	line-height: 12px;
	margin-top: 7px;
}

.primary-footer .outher p.icp a {
	display: inline-block;
	height: 12px;
	line-height: 12px;
}

.primary-footer .outher p a.icpLink{
	padding-right: 15px;
	margin-right: 15px;
	border-right: 1px solid #a7ada3;
}

.primary-footer .outher p a.eyasPlan{
	padding-left: 15px;
	margin-left: 15px;
	border-left: 1px solid #a7ada3;
}

.primary-footer .outher .copyright{
	font-weight: bold;
}

.primary-footer .outher .copyright .moveVersion{
	border-bottom: 1px solid #a7ada3;
	display: inline-block;
	margin-left: 8px;
	font-weight:bold;
}

.primary-footer .outher .copyright .moveVersion:hover,.primary-footer .outher .copyright .moveVersion:hover i{
	color: #37cb58;
	border-color: #37cb58;
}

.primary-footer .outher .copyright i {
	font-size: 16px;
	margin-right:5px;
}

.primary-footer section.setOn ul.footer-links{
	display: none;
}

.primary-footer section.setOn .outher{
	padding-top:0 ;
	border-top: none;
	background-position: right 2px;
}
/*页脚样式结束*/


.footer {background:url(http://i1.modian.com/new/img/foot-bg.jpg) repeat;min-width: 1040px}
.footer .wrap {width:960px}
.footlinks {padding:25px 0 20px;border-bottom: 1px solid #3e4043}
.footlinks ul li {width:290px;float:left;font-size:14px;min-height:70px}
.footlinks ul li h6 {color:#8d8d8d;margin-bottom:10px;font-size:16px}
.footlinks ul li div {line-height:24px}
.footlinks ul li div a {color:#5b5b5b;font-size:12px;line-height:24px}
.footlinks ul li div a:hover{color:#b2b2b2;}

.footlinks ul li div i {margin:0 8px;font-size:12px;font-style:normal;color:#5b5b5b}
.footlinks ul li.last {padding-top:7px;width:160px}

.friendlink {border-top:1px solid #262626;padding:20px 0 20px 0;color:#5b5b5b}
.friendlink b {font-weight:normal;line-height:20px}
.flcols {margin-top:10px;padding-right:220px}
.flcols a {color:#5b5b5b;margin:5px 20px 5px 0;line-height:20px;display: inline-block;}
.copy {color:#5b5b5b;padding-top:10px}
.copy a:hover{color:#b2b2b2;}

/*右上角登录信息*/
#userNav{
	margin-right: 40px;	
}
#userNav a{
	font: 12px/1.5 "u5faeu8f6fu96c5u9ed1","\5FAE\8F6F\96C5\9ED1",tahoma,arial,"\5B8B\4F53",sans-serif;
  	line-height: 20px;
  	color: #666;
  	text-decoration: none;
}
#userNav li{
	position: relative;
}

#userNav .bubble{
	position: absolute;
	top: 57px;
	left: -88px;
	width: 300px;
	height: 116px;
	border: 1px solid #e0e0e0;
	-moz-box-shadow: 0px 4px 23px 1px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 4px 23px 1px rgba(0,0,0,0.2);
	box-shadow: 0px 4px 23px 1px rgba(0,0,0,0.2);
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius: 2px;
	display: none;
}
#userNav .bubbleBox{
	position: absolute;
	top: 0;
	left: 0;
	width: 300px;
	height: 116px;
	background: #ffffff;
}
#userNav .bubbleArrow{
	position: absolute;
	left: 108px;
	top: -24px;
}

#userNav .bubbleArrow span{
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
}
#userNav .bubbleArrow .bubbleTop{
	border-width: 12px;
	border-color: transparent transparent #e0e0e0 transparent;
}

#userNav .bubbleArrow .bubbleBottom{
	top: 4px;
	left: 2px;
	border-width: 10px;
	border-color: transparent transparent #fff transparent;
}
#userNav .bubbleCon{
	padding-top:10px;
}

/*私信开始*/

#userNav .emailPic{
	position:relative;
}
#userNav .emailDot{
	position:absolute;
	top:17px;
	left: 38px;
	width: 8px;
	height: 8px;
	background: #ea5a4e;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius: 4px;
	display: none;
}
#userNav a.setOn .emailDot{
	display: block;
}
#userNav .bubbleCon .noReadList{

	height: 34px;
	padding: 14px 0 0 0px;
}
#userNav .bubbleCon .noReadList:hover{
	color: #4e5c46;
	background-color: #f6f9f9;
}
#userNav .bubbleCon .noReadList .noReadLink{
	width: 104px;
	height: 20px;
	padding: 0;
	margin: 0 auto;
}

#userNav .bubbleCon .noReadList .noReadNum{
	/*display: inline-block;*/
	width: auto;
	height: 16px;
	background: #ea5a4e;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 8px;
	color: #ffffff;
	text-align: center;
	margin: 3px 0 0 12px;
	padding: 0 4px;
}
#userNav .bubbleCon .noReadList .noReadNum strong{
	display: inline-block;
	height: 16px;
	text-align: center;
	line-height: 17px;
	float: left;
    font-weight:normal;
}
#userNav .bubbleCon .noReadList .noReadNum em{
    font-style:normal;
    float: left;
	display: none;
}
#userNav .bubbleCon .noReadList .noReadNum em.setOn{
	display: inline-block;
}
/*私信结束*/

/*好友开始*/
#userNav .addFrid .bubble{
	height: 116px;
	background: #ffffff;
	left: -152px;
}
#userNav .addFrid .bubbleCon{
	background: #ffffff;
	padding-top:11px ;
}
#userNav .addFrid .bubbleArrow{
	left: 175px;
}
#userNav .addFridList li{
	float: none;
	height: 48px;
}
#userNav .addFridList li a{
	color: #4e5c46;
	height: 36px;
	padding: 0;
	padding-top: 12px;
}
#userNav .addFridList li a:hover{
	background-color: #f6f9f9;
}
#userNav .addFridList li a span{
	width: 24px;
	height: 24px;
	margin: 0 20px 0 70px;
	float: left;
	background: url("http://i1.modian.com/new/images/addFriend.png") 0 0 no-repeat;
}
#userNav .addFridList li.addQQ a span{
	background-position: -50px 0;
}
#userNav .addFridList li.add163 a span{
	background-position: -96px 0;
}
#userNav .addFridList li.addLinked a span{
	background-position: -143px 0;
}
#userNav .addFridList li a p{
	line-height: 24px;
	float: left;
}
/*好友结束*/

/*个人信息开始*/
#userNav .userInfo .bubble{
	height: 214px;
	background: #ffffff;
	left: -216px;
}
#userNav .userInfo .bubbleBox{
	height: 214px;
	}
#userNav .userInfo .bubbleCon{
	background: #ffffff;
	padding-top:0px ;
}
#userNav .userInfo .bubbleArrow{
	left: 240px;
}
#userNav .userInfo .userInfoBox{
	height: 124px;
	padding-top: 30px;
}
#personalInfo{
	width: 90px;
	height: 114px;
	margin:0 30px;
	float: left;
	padding: 0;
}
#personalInfo:hover{
	background-color: #ffffff;
}
#personalInfo .infoImg{
	display: block;
	width: 90px;
	height: 90px;
}
#personalInfo .infoImg img{
	-moz-border-radius: 45px;
	-webkit-border-radius: 45px;
	border-radius: 45px;
	margin-top:0;
}
#personalInfo .personalId{
        width:124px;
        margin-left:-18px;
	line-height: 14px;
	text-align: center;
	color: #37cb58;
	margin-top: 12px;
        font-size:14px;
        font-weight:normal;
}
#userNav .userProject{
	width: 149px;
	height: 120px;
	border-left: 1px solid #cccccc;
	
}
#userNav .userProject a.proList{
	height: 40px;
	line-height: 40px;
	padding: 0;
	text-align: center;
}
#userNav .userProject a.proList:hover{
	background-color: #f6f9f9;
	color: #4e5c46;
}
#userNav a.logOff{
	display: block;
	height: 40px;
	line-height: 40px;
	margin-top: 19px;
	color: #223318;
	background: #f6f9f9;
	text-align: center;
	border-top: 1px solid #c5c7c7;
}
#userNav a.logOff:hover{
	color: #223318;
}