.p-tit {height: 33px; border-bottom: 1px solid #ddd;}
.p-tit .title {float: left; height: 32px; line-height: 32px; font-size: 17px; padding: 0 15px; margin-right: 20px;}
.p-tit .active {border-bottom: 2px solid #0087cb; color: #0087cb;}
.p-tit .more {float: right; padding-right: 5px; height: 32px; line-height: 32px; font-size: 14px; color: #a2a2a2;}
.p-tit .more:hover {color: #0087cb;}

.m-location {height: 40px; line-height: 40px; padding-left: 35px; background: url(imageslocation_bg.png) 10px center no-repeat; font-size: 14px; color: #0087cb;}
.m-location a {font-size: 14px; color: #0087cb;}

.m-hfxd {height: 500px; padding: 10px 20px 0; background: #fff; margin-bottom: 15px;}
.l-hfxd {float: left; width: 690px;}
.l-hfxd .p-tit .more {color: #666; margin-left: 10px;}
.l-hfxd .p-tit .more:hover {color: #d90000;}
.l-hfxd .top {margin-top: 20px; height: 40px; line-height: 40px; background: #efefef;}
.l-hfxd .top span {font-size: 15px; color: #333; float: left;}
.l-hfxd .top .key {padding-left: 50px; width: 365px;}
.l-hfxd .top .unit {width: 195px;}
.l-hfxd .top .time {width: 70px;}
.l-hfxd .list {margin-top: 10px; height: 300px;}
.l-hfxd .list li {height: 30px; line-height: 30px; padding-left: 20px; background: url(imageslist_bg.png) 8px center no-repeat;}
.l-hfxd .list li a {float: left; width: 300px; line-height: 30px;}
.l-hfxd .list li span {float: left; width: 270px; text-align: center; line-height: 30px; font-size: 14px; color: #333;}
.l-hfxd .list li em {float: right; width: 100px; font-style: normal; font-size: 13px; color: #999; text-align: center;}

.l-hfxd .bottom {margin-top: 25px; height: 40px; line-height: 40px; background: #efefef; font-size: 13px; color: #333; padding-left: 20px;}
.l-hfxd .bottom a {color: #0087cb; font-size: 14px;}
.l-hfxd .bottom span {color: #d90000;}

.r-hfxd {float: right; width: 445px;}

.r-hfxd .login{width:100%;}
.r-hfxd .login .p-tit{margin-bottom:10px;}
.r-hfxd .login  form{position:relative;}
.r-hfxd .login label{display:block;margin-bottom:10px;}
.r-hfxd .login .cxm{width:210px;height:30px;line-height:30px;border:1px solid #ddd;}
.r-hfxd .login .yzm{width:150px;height:30px;line-height:30px;border:1px solid #ddd;}

.r-hfxd .login  .sub{position:absolute;right:10px;top:10px;width:100px;}
.r-hfxd .login  .sub input{width:100px;border:none;text-align:center;height:40px;line-height:40px;color:#fff;background:#0087cb;margin:5px auto;font-size:16px;}
.r-hfxd .login  .sub input:hover{background:#F39C11;}

.r-hfxd .slqk {height: 315px;}
.r-hfxd .slqk .top {height: 42px; line-height: 40px; font-size: 16px; color: #333;}
.r-hfxd .slqk .ask {float: left; padding-left: 20px;}
.r-hfxd .slqk .request {float: right; padding-right: 70px;}
.r-hfxd .slqk .top span em {color: #ed1414; font-size: 14px; font-style: normal;}
.r-hfxd .slqk .list li {padding-left: 20px;height: 38px; margin-bottom: 5px;}
.r-hfxd .slqk .list li a {float: left; width: 58px; height: 34px; padding-top: 4px; background: url(imagesinteractionkey_bg.png) 0 0 no-repeat; margin-right: 55px; text-align: center; color:#333;}
.r-hfxd .slqk .list li span {float: left; width: 135px; height: 34px; padding-top: 4px;}
.r-hfxd .box {height: 63px;}
.r-hfxd .box a {font-size: 18px; color: #0087cb;}
.r-hfxd .box .box1 {width: 207px; height: 63px; line-height: 63px; background: url(imagesinteractionslqk_box.png) 0 0 no-repeat; text-indent: 95px;}
.r-hfxd .box .box2 {width: 207px;height: 63px; line-height: 63px; background: url(imagesinteractionslqk_box.png) 0 -63px no-repeat; text-indent: 95px;}

.r-hfxd .hpdb .cnt {height: 120px; margin-top: 10px;}
.r-hfxd .hpdb .btn {float: left; width: 110px; margin-right: 15px;}
.r-hfxd .hpdb .btn li {height: 30px; line-height: 30px; padding-left: 18px; background: url(imagesinteractionhpdb_tit.png) right -40px no-repeat;}
.r-hfxd .hpdb .btn .active {background-position: right 12px;}
.r-hfxd .hpdb .btn .active a {color: #ffbe78;}
.r-hfxd .hpdb .btn li a {font-size: 16px; color: #333;}
.r-hfxd .hpdb .list-box {float: right; width: 300px; height: 120px; position: relative; overflow: hidden;}
.r-hfxd .hpdb .list-wrap {position: absolute; left: 0; top: 0; width: 300px;}
.r-hfxd .hpdb .list-wrap .list {height: 120px; width: 300px;}
.r-hfxd .hpdb .list li {height: 30px; line-height: 30px; }
.r-hfxd .hpdb .list li span {float: right; font-size: 13px; color: #999;}

.m-talk {height: 270px; padding: 10px 20px 0; background: #fff; margin-bottom: 10px;}
.l-talk {float: left; width: 685px;}
.l-talk .cnt .pic {float: left; position: relative; margin-top: 22px; width: 370px; height: 190px; padding-left: 10px;}
.l-talk .cnt .pic .talk_icon {position: absolute; width: 48px; height: 39px; top: 0; right: 0; background: url(imagesinteractiontalk_bg.png) 0 0 no-repeat;}
.l-talk .cnt .detail {float: right; width: 290px; padding-top: 15px;}
.l-talk .cnt .detail dt {float: left; width: 50px; line-height: 30px; font-size: 14px; color: #d90000;}
.l-talk .cnt .detail dd {float: right; width: 240px; line-height: 30px; font-size: 14px; color: #333;}

.r-talk {width: 442px; float: right;}
.r-talk .list {padding-top: 12px; height: 210px;}
.r-talk .list li {height: 30px; line-height: 30px; padding-left: 20px; background: url(imageslist_bg.png) 8px center no-repeat;}
.r-talk .list li span {float: right; font-size: 13px; color: #999; padding-right: 8px;}

.m-people {height: 215px; padding: 10px 20px 0; background: #fff; margin-bottom: 10px;}
.l-people {float: left; width: 685px;}
.r-people {float: right; width: 445px;}
.m-people .list {padding-top: 10px;}
.m-people .list li {height: 30px; line-height: 30px; padding-left: 20px; background: url(imageslist_bg.png) 8px center no-repeat;}
.m-people .list li span {float: right; padding-right: 5px; font-size: 14px; color: #999;}