html,body,h1,h2,h3,h4,h5,h6,div,ul,ol,li,dl,dt,dd,iframe,textarea,input,button,p,span,a,em,i,s,img,s,b,strong,form,label,table,tbody,tfoot,thead,tr,th,td,hr,video,dfn{margin:0;padding:0}

body{font:14px/1.8 "\5FAE\8F6F\96C5\9ED1",Tahoma,Arial,sans-serif;color:#333; min-width:1200px;background: #f5f5f5;}

h1,h2,h3,h4,h5,h6,button,input,select,textarea{font-size:100%;font-weight:normal;}

table {border-collapse:collapse;border-spacing:0;}

em,i,s,b{font-style:normal;}

ol,ul{list-style: none;}

img{border:none;}

video{outline: none;}

a,textarea,select,input{resize:none;outline:none; font-family:"\5FAE\8F6F\96C5\9ED1",Tahoma,Arial,sans-serif;}

a{color:#444;text-decoration:none;-webkit-transition:all .2s ease-out 0s;-moz-transition:all .2s ease-out 0s; transition:all .2s ease-out 0s;}

a:hover {text-decoration:none;color:#0364d8;}

a:hover img{opacity: 0.9;filter:alpha(opacity=90);}

::-webkit-input-placeholder {color:#aaa;} 

:-moz-placeholder {color:#aaa;} 

::-moz-placeholder {color:#aaa;} 

:-ms-input-placeholder {color:#aaa;}

.clearfix:after {content:"\200B"; display:block; height:0; clear:both;}

.clearfix {*zoom:1;}

.icons{background: url(../images/icons.png);background-repeat: no-repeat;}

.wrap{width: 1060px; margin:0 auto;}

.box700{width:700px;}

.box340{width:340px;}

.fl{float:left;}

.fr{float:right;}

.mt20{margin-top:20px;}

.bgwhite{background:#fff;}





.top{position:relative;height:40px;background:#264391;color:#eee;z-index:1;}

.top-meau{ position:relative;float:left;height:40px;}

.top-meau ul li{float:left;height:40px; line-height:40px;}

.top-meau ul li a{display:inline-block;height:40px; padding:0 10px;line-height:40px;color:#eee;}

.top-meau ul li a:hover{color:#fff;}

.top-meau ul li.more{position:relative;}

.top-meau ul li.more a{padding:0 18px 0 10px;}

.top-meau ul li.more a i{position:relative;left: 8px;top: -2px; display:inline-block; width:7px;height:4px;background-position:0 -48px;-webkit-transition: -webkit-transform ease .2s;transition: transform ease .2s;}

.top-meau ul li.more:hover a{color:#fff;}

.top-meau ul li.more.on >a{background-color:#3863c9;color:#fff;}

.top-meau ul li.more:hover a i{-webkit-transform: rotate(180deg);transform: rotate(180deg);}

.top-meau ul li.more ul{display:none;position:absolute; top:40px; right:0;padding:5px;width:168px; background:#3863c9;z-index:9;}

.top-meau ul li.more ul li{ text-align:center;}

.top-meau ul li.more ul li a:hover{background:#264391;}

.top-nav{float:right;height:40px;}

.top-nav ul li{float:left;height:40px;line-height:40px;}

.top-nav ul li a{display:inline-block;height:40px; padding:0 14px;line-height:40px;color:#eee;}

.top-nav ul li.mobile a{background:url(../images/icons.png) no-repeat 10px 14px;padding-left:26px;}

.header{padding:20px 0;background:#fff;-webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,.12); box-shadow: 0 1px 4px 0 rgba(0,0,0,.12)}

.logo{float:left;width:136px;height:48px;margin:3px 0;}

.logo img{width:100%;height:100%;}

.search-box{float:right;}

.search{position: relative;width:280px;height:34px;border:1px solid #eee;margin-top:6px;}

.search-text{float:left;width:190px;height:24px; line-height:24px;padding:5px 10px;border:0 none;}

.search-btn{float:left;width:70px;height:34px;background:#eee; font-size:16px;border:0 none; color:#888;cursor: pointer;}





.profile-header {margin: 20px 0; background: #fff; overflow: hidden;}

.profile-header .bg-header {display: block;width: 100%;height: 160px;filter:blur(5px);-webkit-filter:blur(5px);-moz-filter:blur(5px);-ms-filter:blur(5px);-o-filter:blur(5px);}

.profile-header .content{position: relative; min-height: 84px; padding: 16px 0 0 134px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box}

.profile-header .content .avatar-box{position: absolute;left: 20px;top: -36px}

.profile-header .content .avatar-box:before {content: ""; position: absolute;left: 1px; top: 1px;width: 100px; height: 100px;border-radius: 50%;background: rgba(0,0,0,.08)}

.profile-header .content .avatar {width: 100px;height: 100px;border: 1px solid hsla(0,0%,100%,.2);border-radius: 100px}

.profile-header .content .title {display: block; text-decoration: none;font-size: 24px;color: #222; letter-spacing: 0; line-height: 24px}

.profile-header .content .title span {font-weight: 700;display: table-cell;color: #222}
.profile-header .content .title p{font-size:12px;color:#999;padding-top:5px;}
.profile-header .content .title p i{display:inline-block;width:18px;height:18px;margin-right:8px;margin-top:-2px;background:url(https://www.phb123.com/member/templets/images/ava_v.png) no-repeat; vertical-align: middle;}

.profile-header .content .btn-publish { position: absolute; top: 20px; right: 20px; font-size: 16px; font-weight: 400; color: #fff; line-height: 37px;width: 164px; background: #2a90d7;  text-align: center; border: 1px solid #2a90d7; padding: 0; border-radius: 6px; cursor: pointer}
.profile-header .content .btn-publish  em{padding:0 5px;font-size:16px;font-weight: bold;}







.profile-bar{height: 46px;margin-bottom:2px;border-bottom: 1px solid #eee;}

.profile-bar ul li{float: left;width: 120px;height: 48px;line-height: 48px;text-align: center;font-size: 16px; cursor: pointer}

.profile-bar ul li.on span {height: 45px; border-bottom: 3px solid #264391;color: #264391;}

.profile-bar ul li span{display:inline-block;color: #333;}



.latest-news{display: none}

.latest-news.disb{display:block;}

.latest-news ul li{border-bottom: 1px solid #f3f3f3;padding: 20px; overflow:hidden;}

.latest-news ul li .img{float:left;display:inline-block;width:140px;height:96px; overflow:hidden;}

.latest-news ul li .img img{-webkit-transition: all .5s ease-out .1s;-moz-transition: all .5s ease-out .1s; transition: all .5s ease-out .1s;}

.latest-news ul li .img:hover img{-webkit-transform: matrix(1.05,0,0,1.05,0,0);transform: matrix(1.05,0,0,1.05,0,0);-webkit-backface-visibility: hidden; backface-visibility: hidden}

.latest-news .more{display:block;width:90%;height:48px;margin:20px auto; line-height:48px; font-size:20px; text-align:center; border:1px solid #ccc;}

.latest-news .more:hover{border:1px solid #c00;}

.latest-news .more:hover i{-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);transform: rotate(90deg);background-position:0 -48px;}

.latest-news .more i{display: inline-block;width: 20px;height: 20px;margin:0 20px; background: url(../images/add.png) no-repeat 0 0;-webkit-transition: transform .2s;-moz-transition: transform .2s;transition: transform .2s;}

.latest-news ul li .chara{float:right; width: 500px;}

.latest-news ul li .chara p{height: 58px;line-height: 28px;font-size: 22px;margin-top: 2px; overflow:hidden;}

.ln-info{margin-top:6px;}

.ln-info a{float: left;padding: 2px 14px; margin-right: 10px;border: 1px solid #e3e3e3;-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;}

.ln-info a:hover{border: 1px solid #264391;background:#264391; color:#fff;}

.ln-info .time{float:left;margin-left:10px;padding: 2px 10px;color:#999; font-size:12px;}

.ln-info .views{float:right;margin-left:10px; padding: 2px 0px 2px 10px;color:#999; font-size:12px;}

.latest-news ul li.figures .figures-box{ padding:10px 0 5px 0;overflow:hidden}

.latest-news ul li.figures .figures-box ul li{float:left;width:210px;height:140px;border-top:0;padding:0;diaplay:inline-block;margin-right:10px;}

.latest-news ul li.figures .figure-title{padding-bottom:5px;line-height: 28px;font-size: 24px;}

.latest-news .more.nomore{color:#999;}

.latest-news .more.nomore:hover{color:#ccc;border:1px solid #ccc;}

.latest-news .loading{padding:10px 0; text-align:center;}

.loadover{padding:10px 0; text-align:center; color:#999;}

.relation dl {display: table; width: 100%;background: #fff;    margin-bottom: 20px}

.relation dl h3 {font-size: 24px;color: #222;font-weight: 700}

.relation dl p {font-size: 14px;color: #777;margin-top: 4px}

.relation dl dd,.relation dl dt {display: table-cell;width: 50%; text-align: center; padding: 18px 0; position: relative}

.relation dl dt:after {content: " ";display: block; position: absolute; background: #e8e8e8; height: 72px; width: 1px;left: 100%; top: 18px}



.profile-title{ padding: 13px 0 9px 20px;border-top: 2px solid #264391; border-bottom: 1px solid #ddd; font-size: 18px;font-weight: 700;color: #222;}





.news-frist ul li{padding:15px; border-bottom:1px solid #f4f4f4;overflow: hidden;}

.news-frist ul li a img{float:left;width:108px;height:72px;}

.news-frist ul li a .chara{float:right;width:186px;}

.news-frist ul li a .chara .bt{display: block;font-size:14px;line-height:24px; color: #333; max-height: 48px; overflow: hidden;}

.news-frist ul li a .chara p{ overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size:14px;line-height:24px;margin-top:4px;color: #999;}





.footer{padding:20px 0;border-top:1px solid #ddd;background:#f3f3f3;clear: both;}

.foot-logo{float:left;width:112px;height:39px;}

.foot-chara{float:left;width:640px; padding:0 20px;text-align:center;color:#666;line-height:24px; font-size:12px; font-family:"\5B8B\4F53";}

.foot-pm{float:right;}