html,
body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
  padding: 0;
  margin: 0;
  width: 100%;
  color: #666;
  font-size: 1.4rem;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  background-color: #FAFAFA;
}

a:focus,
input:focus,
p:focus,
div:focus {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.container {
  margin: 2rem 2rem 10.3rem 2rem;
}

.titleContent {
  margin-top: 3.2rem;
}

.title {
  margin-left:.2rem;
  color: #333;
  font-weight: bold;
  font-size: 1.6rem;
  line-height: 2.4rem;
  vertical-align: middle;
}

.titleImg {
  width: .6rem;
  height: 1.8rem;
  vertical-align: middle;
}

.personInfo {
  padding: 2rem;
  background: url('../img/background.png') no-repeat;
  background-size: cover;
  border-radius: 1rem;
}

.personInfo p {
  margin: 1rem 0;
}

.tabButtonContent {
  margin-top: .5rem;
  text-align: center;
}

.tabButton {
  border: 0;
  background: transparent;
  font-size: 1.4rem;
  margin: 0 2.4rem;
  padding: .8rem 0;
  color: #666666;
  outline: transparent;
  padding-bottom: 0;
}

/* .tabButton:focus, */
.buttonFocus {
  font-weight: bold;
  color: #333333;
  padding-bottom: 0;
}

.buttonFocusHr {
  background-color: #254FA1;
  width: 2rem;
  height: .2rem;
  margin: .5rem auto 0;
  border: 0;
}

.line {
  opacity: 100%;
  border: .04rem solid #eee;
  margin: 0;
}

.personInfo .editMsg {
  display: none;
  border: .5rem solid #ccc;
  border-radius: .4rem;
  font-size: 1.2rem;
  line-height: 1.8rem;
  padding: .2rem .6rem;
  white-space: nowrap;
}

.personInfo .editImg {
  width: 1.8rem;
  height: 1.8rem;
}

.personInfo .user {
  display: flex;
  align-items: baseline;
  justify-content: flex-start;
  margin-bottom: 1rem;
}

.personInfo .userName {
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 3.6rem;
  margin-right: 1rem;
  max-width: 16.8rem;
  min-width: 4.8rem;
  color: #fff;
}

.personInfo .personTag {
  font-size: 1.2rem;
  color: #4D6EFF;
  background-color: #fff;
  border-radius: .2rem;
  display: inline-block;
  margin: 0 .8rem 1rem 0;
  line-height: 1.2rem;
  padding: .4rem;
  vertical-align: middle;
  white-space: nowrap;
  word-break: keep-all;
}

.personInfo .atvar {
  float: right;
  width: 6.4rem;
  height: 6.4rem;
  border-radius: 4.2rem;
}

.contactPhone {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
  color: #fff;
}

.cellPhone {
  margin-left: 2rem;
}

#photoUrl {
  display: none;
}

.personInfo .phone {
  font-size: 1.2rem;
  line-height: 1.12rem;
  font-weight: bold;
  color: #E4AA5D !important;
  vertical-align: middle;
  margin-left: -.3rem;
  text-decoration: none;
}

.personInfo .phoneImg {
  width: 1.8rem;
  height: 1.8rem;
  line-height: 1.8rem;
  color: #ffa123;
  display: none;
  vertical-align: middle;
}

.titleList {
  margin-bottom: -.8rem;
}

.expertise,
.prize,
.introduction{
  color:#666;
  font-size: 1.4rem;
  line-height: 2.6rem;
}

.expertise,
.introduction {
  white-space: pre-wrap;
}

#caseTotal,
#branchName,
.expertise,
.userName,
.introduction{
  word-break: break-all;
}

.prize {
  overflow: auto;
  white-space: nowrap;
}
.prizeContent {
  display: inline-block;
  width: 18rem;
  height: 14.6rem;
  margin-right: 2rem;
}
.prize>div:last-child {
  margin-right: 0;
}
.prizeImg {
  width: 18rem;
  height: 10.8rem;
}
.prizeName {
  margin: .5rem 0 -.5rem;
  color: #666;
  font-size: 1.4rem;
  line-height: 2.2rem;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
}

#caseNum {
  flex: 1;
  margin-right: 2.4rem;
  border-right: .1rem dotted #eee;
}

#caseTotal {
  color: #333;
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 3.6rem;
}

#case {
  display: none;
  margin-top: 1rem;
}

#caseTypes {
  flex: 2;
}

.caseTitle {
  color: #999;
  line-height: 2.4rem;
}

.caseTypesTag {
  display: inline-block;
  margin: 0 .8rem 1rem 0;
  padding: .4rem 1rem;
  color: #999;
  font-size: 1.2rem;
  line-height: 1.2rem;
  background-color: #f4f4f4;
  border-radius: 1.8rem;
  vertical-align: middle;
}

.singleCourt {
  margin: 2.4rem 0;
}
.singleCourt:first-child{
  margin-top: 0;
}
.singleCourt:last-child{
  margin-bottom: 0;
}

.courtNoImg {
  width: 2rem;
  margin:-.1rem .8rem 0 0;
  vertical-align: text-top;
}
.courtNo{
  float: right;
  color: #333;
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 1.8rem;
}

.courtTitle {
  color: #333;
  font-size: 1.4rem;
  line-height: 2rem;
  white-space: pre-wrap;
  word-break: break-all;
}

.courtNoUnit{
margin-left:.3rem;
color: #666;
font-weight: 400;
font-size: 1.3rem;
line-height: 1.8rem;
}

.hotImg {
  width: 1.6rem;
  margin-right: .8rem;
  vertical-align: middle;
}

#branchName,
#years {
  color: #fff;
}

.rankImg {
  width: 1.6252.6rem;
  height: 1.2rem;
  margin-left: 1rem;
  vertical-align: middle;
}

.addTitle {
  display: inline-block;
  color: #fff;
  font-size: 1.2rem;
  margin-bottom: 1rem;
  line-height: 1.2rem;
  padding: .4rem;
  vertical-align: middle;
}

.addImg {
  margin-bottom: 1rem;
  width: .8rem;
  height: .8rem;
  line-height: 1.2rem;
  padding: .4rem;
  vertical-align: middle;
}

.spaceLine {
  display: none;
  margin: 1rem 0;
  width: 5.8rem;
  opacity: 0.3;
}

.positionalTitle {
  display: inline-block;
  margin-bottom: 1rem;
  height: 1.92rem;
  white-space: nowrap;
  word-break: keep-all;
  border: .04rem dashed rgb(255, 255, 255, 0.5);
  border-radius: .2rem;
}

.arrowImg {
  margin: 3.6rem 1rem 1rem .4rem;
  width: 1.8rem;
  height: 1.8rem;
}

.partContent {
  margin-top: 2rem;
  padding: 4rem 2rem;
  background-color: white;
  border-radius: .4rem;
  box-shadow: 0 .2rem .6rem 0 rgba(0, 0, 0, 0.04);
}

.basePublicContent,
.schoolContent {
  width: 100%;
  margin-bottom: 3rem;
  overflow: hidden;
  word-break: break-all;
}
.basePublicContent:last-child{
  margin-bottom: 0;
}
.schoolContent:last-child{
  margin-bottom: 0;
}

.basePublicName,
.assistPublicName {
  font-size: 1.4rem;
  line-height: 2.2rem;
  color: #333;
  font-weight: bold;
}


.basePublicRight {
  float: right;
}

.basePublicLeft {
  float: left;
  width: calc(100% - 2rem);
}

.basePublicMajor,
.basePublicDate,
.assistPublicDate {
  font-size: 1.3rem;
  line-height: 2rem;
  color: #666;
  margin-top: .5rem;
  font-weight: 300;
}

.basePublicMajor {
  font-weight: 400;
}


.basePublicNext {
  float: right;
  width: 1.8rem;
  height: 1.8rem;
  margin:2.7rem 0;
}

.operation {
float: right;
margin-top:.3rem;
color: #254fa1;
font-weight: 500;
font-size: 1.2rem;
line-height: 1.8rem;
}

.operation > img{
  width: 1.6rem;
  vertical-align: text-top;
}
#baseInfo,
.assistInfo,
.teamInfo {
  display: none;
}

.assist,
.teamInfo,
#baseInfo {
  margin-top: 1.5rem;
}

.assistpublicContent {
  display: flex;
  padding: 2rem;
  background-color: white;
  border-radius: .4rem;
  box-shadow: 0 .2rem .6rem 0 rgba(0, 0, 0, 0.04);
  margin-bottom: 1rem;
}

.assistPublicLeft {
  flex: .5;
  width: 5rem;
}

.assistPublicRight {
  flex: 2;
  margin-left: 1rem;
}

.assistPublicImg {
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
}

.previewContent{
  position: fixed;
  bottom: 0;
  padding: 0 2rem;
  left: 0;
  right: 0;
  height: 8.3rem;
  background: white;
}

.previewBtn,
.previewBtn:focus {
  margin-top: 1rem;
  border: 0;
  height: 5rem;
  line-height: 4.8rem;
  color: white;
  background-color: #254FA1;
  border-radius: 2.4rem;
  font-size: 1.7rem;
  outline: transparent;
  text-align: center;
}
#banAnFenXi{
  font-size: 1.6rem;
}
.banAnFenXiEcharts {
  width: 29.5rem;
  height: 22rem;
}
.caseAnalysis{
  display: flex;
  align-items: center;
}
.banAnFenXiContent{
  opacity: 0.3;
}
.caseAnalysisBottom{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 1rem;
  padding-left: 1.6rem;
}

.caseAnalysisItem{
  width: 13rem;
  margin-bottom: 1.6rem;
}
.caseAnalysisItem:last-child{
  margin-bottom: 0;
}

.caseAnalysisIcon{
  display: inline-block;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
}
.caseAnalysisText{
display: inline-block;
margin-left: .8rem;
color: #333;
font-size: 1.4rem;
line-height: 2rem;
}

.empty {
  margin: 1.6rem auto;
  padding: 1.5rem 0;
  width: 7.6rem;
  color: #999;
  font-size: 1.3rem;
  text-align: center;
}

.previewHref {
  text-decoration: none;
  color: #fff;
}

.previewModel .positionalTitle,
.previewModel #expert,
.previewModel #glory,
.previewModel #jobExperience,
.previewModel #education,
.previewModel #personal,
.previewModel .basePublicNext,
.previewModel .arrowImg {
  display: none;
}

.shadow{
  width: 33.5rem;
}

.noContent {
  margin: 1.2rem auto;
}
.teamTitle{
max-width: 24rem;
font-size: 1.7rem;
font-weight: 600;
color: #030303;
line-height: 2.4rem;
margin-bottom: 2rem;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.leaderAvatar{
  width: 5.6rem;
  height:5.6rem;
}
.leader{
font-size: 1.4rem;
font-weight: 500;
text-align: left;
color: #333;
line-height: 2.4rem;
margin-bottom: 1rem;
}
#teams{
width: 29.5rem;
margin-top:2rem;
background: #fff;
padding: 2rem;
border-radius: .4rem;
box-shadow: 0 .2rem .6rem 0 rgba(0, 0, 0, 0.04);
}
.teamContent{
width: 29.5rem;
font-size: 1.3rem;
text-align: justify;
color: #666;
line-height: 2.4rem;
letter-spacing: .1rem;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.teamHeader{
  display: flex;
}
.leaderDuty{
  color:#666;
  font-weight: 400;
}
.left{
  flex:2;
}
.avatars{
  margin-top:2rem;
  display: flex;
  align-items: center;
}
.teamAvatar{
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
}

.switchButton{
  width: 3.3rem;
  height: 2rem;
  margin-left: .8rem;
  vertical-align: middle;
}
.switchText{
color: #999;
font-size: 1.2rem;
line-height: 1.7rem;
}
.switchOff{
  display: none;
}
.moreAvatar{
  width: 3.46rem;
  height: 3.46rem;
  border-radius: 50%;
}
.noDataIcon{
  width: 16rem;
  height: 7.8rem;
}
.noDataText{
font-size: 1.4rem;
text-align: center;
color: #999;
line-height: 2.4rem;
}
.noDataContent{
  margin: 0 auto;
  width: 16rem;
  height: 14.5rem;
}

#banAnFenXi,
#court,
#expertise,
#prize,
#workExperience,
#schoolExperience{
  background-position: top right, bottom left;
  background-repeat: no-repeat;
  background-size:  6rem 6rem ,9rem 9rem;
}

#banAnFenXi{
  background-image:url('/public/app/myOffice/img/icon_banan@2x.png'),
  url('/public/app/myOffice/img/bg_xiushi@2x.png');
}
#court{
  background-image:url('/public/app/myOffice/img/changqu@2x.png'),
  url('/public/app/myOffice/img/bg_xiushi@2x.png');
}
#expertise{
  background-image:url('/public/app/myOffice/img/icon_shanchang@2x.png'),
  url('/public/app/myOffice/img/bg_xiushi@2x.png');
}
#prize{
  background-image:url('/public/app/myOffice/img/icon_rongyu@2x.png'),
  url('/public/app/myOffice/img/bg_xiushi@2x.png');
}
#workExperience{
  background-image:url('/public/app/myOffice/img/icon_gongzuo@2x.png'),
  url('/public/app/myOffice/img/bg_xiushi@2x.png');
}
#schoolExperience{
  background-image:url('/public/app/myOffice/img/background_education.png'),
  url('/public/app/myOffice/img/bg_xiushi@2x.png');
}
#introduction{
  background-image:url('/public/app/myOffice/img/icon_jianjie@2x.png'),
  url('/public/app/myOffice/img/bg_xiushi@2x.png'),
  url('/public/app/myOffice/img/xiushi_jianjie@2x.png');
  background-position: top right, bottom left, center 10%;
  background-repeat: no-repeat;
  background-size:  6rem 6rem ,9rem 9rem,3.4rem 4.2rem;
}