@charset "utf-8";
*{
  margin: 0;
  padding: 0;
}


.bcard2{
/*
  width: calc(100% - 32px);
  max-width: 736px;
  */
  border-radius: 20px;
  margin: 0 auto 20px;
  margin-bottom:100px;
  overflow: hidden;
  box-shadow:0px 10px 20px 0px rgba(40,40,40,0.15);
}
.bcard2_top{
  	padding: 40px 0 0px;
	text-align: center;
  	box-sizing: border-box;
	background: -moz-linear-gradient(top,  #3757cc 0px, #ffffff 250px);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0px,#3757cc), color-stop(250px,#ffffff));
	background: -webkit-linear-gradient(top,  #3757cc 0px,#ffffff 250px);
	background: -o-linear-gradient(top,  #3757cc 0px,#ffffff 250px);
	background: -ms-linear-gradient(top,  #3757cc 0px,#ffffff 250px);
	background: linear-gradient(top,  #3757cc 0px,#ffffff 250px);
}

.caidanse{

  color: #3757cc;
  border: 1px solid #cccccc;
  
  /*
  background-color:#9067b5;
   color:#ffffff;
   */
}

.bcard2_top span.avatar{
  display: inline-block;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  overflow: hidden;
}
.bcard2_top span.avatar img{
  display: block;
  width: 100%;
  height: 100%;
  border: none;
}
.bcard2_top .info{
  color: white;
  margin-top: 5px;
  width:95%;
  margin-left:5px;

}
.bcard2_top .info strong.name{
  font-size: 22px;
  line-height: 50px;
}
.bcard2_top .info p span{
padding-left:20px
}
.bcard2_top .info p.zhiwei{
  font-size: 14px;
  margin-top:10px;
  text-align:left;
  padding-left:10px;
  padding-right:10px;
  line-height:25px;
  color:#646262;
}

.bcard2_top .info p .zhiwei .liebiao{
  line-height:16px;
}

.bcard2 .bcard_detial{

  color: #333333;

  background-color: #fff;
  padding-left:15px;
  
  height: 430px; 
  overflow: auto; 
}

.bcard2 .bcard_detial ul{
  list-style: none;
  margin: 10px 0 0;
  padding: 0;
}
.bcard2 .bcard_detial ul li{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  font-size: 14px;
  color: #787878;
  padding: 15px 0;
  border-bottom: 1px solid #eeeeee;
  box-sizing: border-box;
}
.bcard2 .bcard_detial ul li:last-child{
  border-bottom: none;
}
.bcard2 .bcard_detial ul li span{
  min-width:60px;
  margin-right:5px;
}
.bcard2 .bcard_detial ul li p{
  flex: 1;
  color: #333333;
  text-align:left;
}
.bcard2 .bcard_detial ul li i{
  display: inline-block;
  flex: 0 0 22px;
  height: 22px;
  margin-left: 15px;
  background-repeat: no-repeat;
  background-size: 18px auto;
  background-position: 0 50%;
}
.bcard2 .bcard_detial ul li i.icon-phone{
  background-image: url('/dianmian/man/7/top_phone.png');
}
.bcard2 .bcard_detial ul li i.icon-copy{
  background-image: url('/dianmian/man/7/top_copy.png');
}
.bcard2 .bcard_detial ul li i.icon-daohang{
  background-image: url('/dianmian/man/7/top_daohang.png');
}


.bcard2_f{
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  color: #3858CC;
  padding: 8px 16px;
  margin-bottom: 20px;
  background-color: #fff;
  box-sizing: border-box;
}
.bcard2_f span{
  flex: 0 0 30%;
  line-height: 32px;
  font-size: 14px;
  text-align: center;
  border-radius: 20px;
  box-shadow:1px 3px 10px 0px rgba(40,40,40,0.2);
  border-radius:16px;
}
.bcard2_f span.active{
  box-shadow:none;
  border: 1px solid #3858CC;
}


.success_copy{
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  color: white;
  font-size: 14px;
  padding: 6px 15px;
  border-radius: 5px;
  background-color: #999999;
  opacity: 0;
  z-index: -10;
  transition: all 1s ease;
}
.success_copy.show{
  opacity: 1;
  z-index: 10;
}
#copy_content{
  position: fixed;
  top: 0;
  left: 0;
  opacity: 0;
  z-index: -10;
}


.bcard_menu{
  position: fixed;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 8px 16px;
  margin-bottom: 20px;
  box-sizing: border-box;
  letter-spacing:3px;
  font-weight:600;
}
.bcard_menu span{
  flex: 0 0 30%;
  line-height: 32px;
  font-size: 14px;
  text-align: center;
  border-radius: 20px;
  background-color:#FFFFFF;
  box-shadow:1px 3px 10px 0px rgba(40,40,40,0.2);
  border-radius:16px;
}

.bcard_menu a{
  flex: 0 0 30%;
  line-height: 32px;
  font-size: 14px;
  text-align: center;
  border-radius: 20px;
  background-color:#FFFFFF;
  box-shadow:1px 3px 10px 0px rgba(40,40,40,0.2);
  border-radius:16px;
}
.bcard_menu span.active{
  box-shadow:none;
}

.p_tishi{
 font-size:10px;
}