@charset "utf-8";
/* CSS Document */
html,body {background: #efeff4;}
/*input输入相关*/
.frmbox {width: 100%;margin: 2% auto;border-radius: 6px;}
.frmtype {width: 100%;margin: auto;line-height: 30px;padding: 1% 2%;font-size: 14px;line-height: 20px;}
.frmbtn {width: 100%;margin: 4% auto;font-size: 14px;line-height: 24px;padding: 1% 2%;border: 1px solid #FF9900;border-radius: 6px;color: #FF9900;}
.frmbox {border: none;width: 90%;height: 100%;}
.frmactive {color: #fff;background-color: #FF9900;border: 1px solid #FF9900;}
.pull-right {float: right!important}
.pull-left {float: left!important}
.alignCenter {text-align: center;}
.displayNone {display: none;}
.displayBlock {display: block;}
/*圆角*/
/*头像、资源圆角*/
.headRadius {border-radius: 4px;}
.blockGroup {background: #fff;}
.mainbox {width: 96%;margin: 2% auto;}
.maincon {padding: 4% 2%;overflow: hidden;}

.listtit {font-size: 16px;line-height: 26px;color: #333333;}
.listtit2 {font-size: 15px;line-height: 20px;color: #666666;}
.listtit3 {font-size: 13px;line-height: 18px;color: #888888;}
.mui-ellipsis {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
/*资源图片*/
.ResImgBox {display: inline-block;text-align: center;max-width: 64px;width: 64px;height: 60px;padding: 1px;background: #FAFAFA;border: 1px solid #F8F8F8;overflow: hidden;padding: 2px;margin: 6px 0;border-radius: 4px;}
.ResImgBox2 {margin: 6px 0 6px 10px;}
.ResImgBox .resImg {max-width: 100%;max-height: 100%;vertical-align: middle;position: relative;}
.ResImgBox:before {content: ' ';display: inline-block;vertical-align: middle;width: 0;height: 100%;overflow: hidden;margin-left: -6px;}

/*咨询记录及等级*/
.peolevelbox {display: block;padding: 4% 16px;border-top: 1px #F0F0F0 solid;}
.peocountbox {width: 150px;}
.peocount {font-size: 13px;color: #888888;overflow: hidden;}
.peocount span em {font-size: 14px;padding: 0 3px;color: #FF9900;font-weight: 600;}
.peocount .dialogicon {display: block;width: 20px;height: 20px;background: url(../images/dialogue.png) center center no-repeat;background-size: 100% 100%;margin-right: 6px;}
.peocount:before {position: absolute;right: 0;top: 0;left: 15px;height: 1px;content: '';-webkit-transform: scaleY(.5);transform: scaleY(.5);background-color: #c8c7cc;}
.levelbox {margin: auto;overflow: hidden;}
.levelbox .iconfont {float: left;margin: 2px;width: 14px;height: 14px;}
.levelbox .icon-favor {background: url(../images/favoricon.png) 0 0 no-repeat;background-size: 100% auto;}
.levelbox .icon-favorfill {background: url(../images/favoricon.png) 0 -14px no-repeat;background-size: 100% auto;}
/*专家相关信息*/
.personinfo .listtit3 {font-size: 14px;line-height: 24px;color: #AAAAAA;margin: 0;}
.personinfo .listtit {font-size: 18px;line-height: 30px;color: #333333;}
.personinfo .listtit3 {font-size: 14px;line-height: 24px;color: #AAAAAA;margin: 0;}
.headbox .headimg {width: 100px;overflow: hidden;margin: auto;}

.infocontit {font-size: 14px;position: relative;}
.infocon {padding: 6px 10px;font-size: 13px;line-height: 27px;color: #888888;}	
.infocon ul {padding: 0;margin: 0;overflow: hidden;}		
.infocon .infoapply li {padding:0;margin:0;padding-left: 6px;padding-right: 2px;list-style: disc inside;width: 46%;float: left;}		
.infocon .infosubject li {list-style: none;padding: 2px 16px;margin: 4px;border: 1px solid #BBBBBB;border-radius: 6px;float: left;}
.personblock {position: absolute;left: 198px;padding: 0 3%;text-align: center;}
.personbox{margin:auto; width:80%;position:relative;}
				
.listitembox {position: static;width: 100%;}		
.listitembox .listitem {padding: 4px;padding-right: 0;}		
.listitembox .listitem .media-body {width: 73%;margin-left: 2%;}		
.listitembox .listitem .media-body .resbrief {width: 100%;}		
.listitembox .listitem .media-object {width: 30%;}	
.listitembox .listitem .media-object .iconposition {border-radius: 50%;max-width: 60px;height: 60px;margin: 1% 0;}		
.listitembox .listitem>a .mutlinebox {white-space: normal;overflow: auto;word-break: break-word;}		
.listbox {margin: 5px 0;max-width: 100%;overflow: hidden;}		
.listbrowse {border: 1px solid #FF9900;border-radius: 0 6px 6px 0;text-align: center;font-size: 13px;line-height: 27px;float: left;padding-right: 8px;max-width: 60%;overflow: hidden;}		
.like {display: block;float: left;width: 28px;font-size: 12px;background: #FF9900;color: #fff;line-height: 27px;margin-right: 5px;}		
.likenum {float: right;max-width: 130px;overflow: hidden;}		
.likenum .mui-icon {font-size: 24px;color: #CCCCCC;}		
.likepeople {width: 26px;height: 26px;line-height: 20px;float: left;overflow: hidden;margin-right: 5px;}
.likepeople img {width: 100%;height: 100%;}		
.likemore {display: block;width: 25px;height: 25px;border: 1px solid #CCCCCC;background: url(../images/likemore.png) center center no-repeat;}

/*文章*/
.art_topicBox {max-width: 640px;margin: 0 auto 4px ;}
.art_topicBox img {width: 100%;}
.art_img {height: 180px;}
.line01 {margin:10px 0 4px 0;border-top: 1px dashed #ddd;height: 1px;overflow: hidden;clear: both;width: 100%;}			
#artical_topic {font-size: 18px;line-height: 24px;}			
#artical_sth {font-size: 12px;line-height: 14px;color: #999999;}
.articalBox {max-width: 640px;margin: 6px auto 26px;padding: 4px 16px;color: #555555;}