*{
  box-sizing: border-box;
}
.service{
  background: #f9f8fd;
  padding: 20px 0;
}
.service__content{
  width: 1200px;
  background: #FFF;
  margin: 0 auto;
}
.service__tabs{
  background: #f9f8fd;
  display: flex;
  justify-content: left;
  align-items: center;
}
.service__tabs>p{
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px 40px;
  cursor: pointer;
  font-weight: bold;
  font-size: 18px;
  color: #000;
}
.service__tabs>p>img{
  width: 30px;
  margin-right: 10px;
}
.service__tabs>.active{
  background: #FFF;
}
.service__name{
  width: calc(100% - 40px);
  margin: 20px;
  background: url('../images/goods_adv1.png') 0 0 no-repeat;
  background-size: 100% 100%;
  color: #643C05;
  padding: 16px;
}
.service__name >img{
  margin-right: 8px;
}
.service__info{
  display: flex;
  justify-content: space-between;
  padding: 30px ;
}
.service__info>.left,.service__info>.left2{
  width: calc(50% - 40px);
}
.service__info>.left>p{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 40px;
}
.service__info>.left>p>span:nth-child(1){
  font-size: 18px;
  font-weight: bold;
  color: #000;
}
.service__info>.left>p>span:nth-child(2){
  font-size: 14px;
  color: #FDA823;
  cursor: pointer;
}
.service__info>.left>p>span:nth-child(2)>img{
  width: 20px;
}
.left__list .item1:hover{
  background: #F8F9FB;
}
.left__list .item1{
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 6px;
  border: 1px solid #EDEEEF;
  margin: 14px 0;
  padding: 14px;
  cursor: pointer;
}
.left__list .item1>img{
  width: 80px;
  height: 80px;
  border-radius: 50%;
}
.left__list .item1>div{
  width: calc(100% - 100px);
}
.left__list .item1>div>p{
  width: 100%;
  color: #414141;
  font-size: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.left__list .item1>div>span{
  color: #93999F;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.left__list .item1>div>div{
  color: #2EAE6E;
  width: 100%;
  display: flex;
  justify-content: left;
  align-items: center;
}
.left__list .item1>div>div>img{
  width: 20px;
}
.left__list .item1>div>div>span{
  display: inline-block;
  padding: 2px 10px;
  border-radius: 7px;
  background: #ECFBF3;
  border: 1px solid #CEF5E0;
}
.service__info>.right{
  width: calc(50% - 40px);
}
.service__info>.right>p{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}
.service__info>.right>p>span:nth-child(1){
  font-size: 18px;
  font-weight: bold;
  color: #000;
}
.service__info>.right .right__list>p{
  display: flex;
  align-items: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #414141;
  border-bottom: 1px solid #EDEEEF;
  padding: 18px 0;
  cursor: pointer;
}
.service__info>.right .right__list>p:hover{
  background: #F8F9FB;
}
.service__info>.right .point{
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #1C9CF7;
  margin-right: 8px;
}
.service__info>.right .right__list>p>:nth-child(2){
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: calc(100% - 60px);
  color: #000;
}
.service__info>.left2{
  background: url('../images/service_bg.png') 0 0 no-repeat;
  background-size: 100% 100%;
  border-radius: 14px;
  padding: 100px 80px;
  color: #FFF;
}
.service__info>.left2>div{
  color: #FFF;
  font-size: 20px;
  font-weight: bold;
  display: flex;
  align-items: center;
}
.service__info>.left2>div>img{
  width: 50px;
  margin-right: 14px;
}
.service__info>.left2>p{
  margin-top: 20px;
  margin-bottom: 100px;
  color: rgba(255, 255, 255, 0.7);;
}
.service__info>.left2>span{
  text-align: center;
  display: inline-block;
  color: rgba(255, 255, 255, 0.6);
  border: 1px solid rgba(255, 255, 255, 0.4);
  border-radius: 36px;
  font-size: 16px;
  padding: 10px 20px;
  cursor: pointer;
}
.service__info>.left2>span>img{
  width: 16px;
}