.crumbs {
  font-size: 12px;
  color: #999999;
  width: 1200px;
  height: 33px;
  margin: 0 auto;
}
.orderLeft {
  float: left;
  width: 807px;
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
}
.orderRight {
  float: right;
  width: 373px;
}
.orderTitle {
  height: 60px;
  line-height: 60px;
  padding: 0px 20px;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
}
.orderTitle h3 {
  float: left;
  font-size: 18px;
  color: #333333;
}
.orderTitle .reload {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(/img/shuaxin.png) no-repeat;
  cursor: pointer;
  margin-left: 15px;
  position: relative;
  top: 3px;
}
.orderTitle p {
  float: right;
  font-size: 16px;
  color: #333333;
}
.orderTitle .dropDown {
  display: inline-block;
  width: 11px;
  height: 6px;
  background: url(/img/xiala.png) no-repeat;
  cursor: pointer;
  margin-left: 10px;
}
.orderList {
  width: 767px;
  padding: 0px 20px;
}
.orderDetail {
  float: left;
  width: 624px;
  word-break: break-word;
}
.orderOperation {
  float: right;
}
.orderOperation a {
  margin-top: 30px;
}
.orderList li {
  padding: 30px 0px;
  border-bottom: 1px solid #e7e7e7;
}
.orderList li:last-child {
  border: none;
}
.orderList li .price,
.orderList li .price span {
  font-size: 18px;
  color: #fe841d;
  margin-right: 3px;
}
.orderList li .childCategory {
  font-size: 16px;
  color: #333333;
  margin-right: 20px;
}
.orderList li .parentCategory {
  display: inline-block;
  width: 119px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  background: #fe841d;
  border-radius: 12px;
  font-size: 12px;
  color: #ffffff;
}
.orderList li .l2 {
  font-size: 14px;
  color: #666666;
  margin: 14px 0px;
}
.orderList li .l2 a {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  word-wrap: break-word;
  margin-bottom: 13px;
}
.orderList li .zhidingTag {
  display: inline-block;
  width: 34px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  background: #fe841d;
  border-radius: 12px;
  font-size: 12px;
  color: #ffffff;
  margin-right: 20px;
}
.orderList li .date {
  font-size: 12px;
  color: #999999;
  margin-right: 20px;
}
.orderList li .noServiceArea {
  font-size: 12px;
  color: #999999;
}
.orderList li .serviceArea {
  font-size: 12px;
  color: #fe841d;
}
.sound {
  display: inline-block;
  width: 143px;
  height: 33px;
  line-height: 33px;
  padding-right: 5px;
  font-size: 12px;
  color: #fff !important;
  text-align: right;
  background: url(/img/yuyin.png) no-repeat;
  background-size: 148px auto;
  margin-top: 2px;
  margin-bottom: 15px;
}
.zhidingBtn {
  display: inline-block;
  width: 88px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  background: #fe841d;
  border-radius: 18px;
  font-size: 16px;
  color: #ffffff;
  cursor: pointer;
}
.qiangBtn {
  display: inline-block;
  width: 88px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  background: #0b367a;
  border-radius: 18px;
  font-size: 16px;
  color: #ffffff;
  cursor: pointer;
}
.beiqiangBtn {
  display: inline-block;
  width: 88px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  background: #dddddd;
  border-radius: 18px;
  font-size: 16px;
  color: #ffffff;
}
.orderTips {
  margin-top: 20px;
  height: 85px;
  padding: 15px 20px;
  box-shadow: 0px -20px 0px 0px rgba(0, 0, 0, 0.05);
}
.orderTips > h3 {
  font-size: 18px;
  color: #333333;
  margin-bottom: 12px;
}
.orderTips p {
  font-size: 14px;
  color: #666666;
}
.orderTips p a {
  color: #0b367a;
}
.tradeFlow {
  width: 333px;
  padding: 30px 20px;
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
}
.tradeFlowTitle {
  margin-bottom: 28px;
}
.tradeFlowTitle h3 {
  display: inline-block;
  font-size: 18px;
  color: #333333;
}
.tradeFlowTitle a {
  float: right;
  font-size: 14px;
  color: #999999;
  line-height: 30px;
}
.stepOneImage,
.stepTwoImage,
.stepThreeImage {
  float: left;
  width: 60px;
}
.stepOneShow,
.stepTwoShow,
.stepThreeShow {
  float: right;
  width: 240px;
}
.stepOneShow h3,
.stepTwoShow h3,
.stepThreeShow h3 {
  margin: 6px 0px;
  font-size: 16px;
  color: #333333;
}
.stepOneShow p,
.stepTwoShow p,
.stepThreeShow p {
  font-size: 12px;
  color: #999999;
}
.tradeFlow .line {
  margin-left: 25px;
}
.serviceGuide {
  margin: 20px 0px;
  width: 333px;
  padding: 30px 20px;
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
}
.serviceGuide > h3 {
  font-size: 18px;
  color: #333333;
}
.serviceGuide li {
  position: relative;
  margin: 30px 0px;
  padding-left: 40px;
}
.serviceGuide li::before {
  background: #fe841d;
  border-radius: 50%;
  content: "问";
  font-size: 13px;
  height: 30px;
  line-height: 30px;
  width: 30px;
  text-align: center;
  position: absolute;
  color: #fff;
  left: 0px;
  top: 0px;
}
.serviceGuide li > h3 {
  display: inline-block;
  font-size: 16px;
  font-weight: normal;
  color: #333333;
  width: 282px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer;
  background: url(/img/xiala.png) no-repeat right center;
}
.serviceGuide .answer {
  display: none;
}
.typeSelect {
  float: right;
  position: relative;
  background: url(/img/xiala.png) no-repeat right center;
  padding-right: 20px;
}
.typeSelect:hover .typeBox {
  display: block;
}
.typeBox {
  display: none;
  position: absolute;
  top: 45px;
  left: 0;
  right: 0;
  min-width: 120px;
  padding: 10px;
  background: #fff;
  z-index: 2;
  box-shadow: 0 0 5px #ddd;
}
.typeSelect .typeBox a {
  display: block;
  height: 28px;
  line-height: 28px;
  font-weight: normal;
  text-align: left;
}
.typeSelect .typeBox a:hover {
  color: #ffac22;
  text-decoration: underline;
}

/* 律师站接单广场CSS */

#lawyer_takeorder {
  padding-top: 53px;
  height: 727px;
}

#lawyer_takeorder .tit,
#home_consult .tit {
  text-align: center;
  font-size: 36px;
  font-family: MicrosoftYaHei-Bold, MicrosoftYaHei;
  font-weight: bold;
  color: #333333;
  line-height: 47px;
  margin-bottom: 20px;
}

.lawyerservice {
  min-width: 1190px;
}
.lawyerservice .orderList {
  height: 528px;
  overflow-y: auto;
  align-items: center;
  justify-content: center;
  position: relative;
  box-shadow: none;
  background-color: #fff;
  margin-top: 2px;
}
.lawyerservice .orderTitle {
  background-color: #fff;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
}
#lawyerdynamicle {
  width: 373px;
  height: 588px;
  background: rgba(255, 255, 255, 1);
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
  float: left;
  margin-left: 10px;
}
#lawyerdynamicle > p {
  margin-top: 26px;
  padding-bottom: 20px;
}

.lawyerservice .typeSelects {
  position: absolute;
  top: 0;
  right: 14px;
  font-size: 14px;
  color: #666;
  margin-right: 20px;
}
.lawyerservice .typeSelects::after {
  content: " ";
  width: 8px;
  height: 14px;
  display: inline-block;
  background: url(/img/pchome/headerright.png) no-repeat center right;
  position: relative;
  top: 3px;
  left: 10px;
}

#lawyerdynamicle .trend_box .twoRightBottom {
  width: 90%;
}

.hotIssues {
  margin-top: 80px;
}
.soundBtn {
  position: relative;
}
.soundBtn .sy {
  width: 11px;
  height: 17px;
  display: block;
  position: absolute;
  top: 2px;
  left: 18px;
  background: url(/img/consult_sound_noword_sy.jpg) 0 0 no-repeat;
  background-size: 100%;
}
.soundBtn .dt {
  width: 11px;
  height: 17px;
  display: block;
  position: absolute;
  top: 2px;
  left: 18px;
  background: url(/img/consult_sound_noword_dt.gif) 0 0 no-repeat;
  background-size: 100%;
}