/**
 * 2017.4.25--showdiv-kuku
 */
@charset "UTF-8";

/*-------------------------------CSS Reset-------------------------------*/
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td,
header,
nav,
section,
article,
aside,
footer,
figure,
figcaption,
menu,
button {
  margin: 0;
  padding: 0;
}

html {
  font-size: 56.25px!important;
}

body {
  font-family: "微软雅黑", sans-serif;
  line-height: 1.5;
  color: #131313;
  -webkit-user-select: none;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
  outline: 0;
  font-size: 14px;
  background-color: #F5F5F5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}
table{
	width:100%;
	text-align:center;
	border-collapse:collapse;
	border-spacing:0; 
}
table td{
	word-break: break-all; 
	word-wrap:break-word;
	border-right:1px solid #939598; 
	border-bottom:1px solid #939598;
	font:500 14px Arial
}

caption,
th {
  text-align: left;
}

fieldset,
img {
  border: 0;
}

li {
  list-style: none;
}

ins {
  text-decoration: none;
}

del {
  text-decoration: line-through;
}

input,
button,
textarea,
select,
optgroup,
option {
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  outline: 0;
  border: none;
}

button {
  -webkit-appearance: none;
  border: 0;
  background: none;
}

a {
  -webkit-touch-callout: none;
  text-decoration: none;
  color: #333;
}

:focus {
  outline: 0;
  -webkit-tap-highlight-color: transparent;
}

em,
i {
  font-style: normal;
}
.fl{
	float: left;
}
.fr{
	float: right;
}

.eim-f:before,.eim-f:after{
	content:"";
	display: table;
	clear: both;
}

body{
	background-color: #f2f2f2;
}
/*cont-style-我的名片页面*/

.card-inform{
	margin: 0.25rem;
	background-color: #FFFFFF;
	padding: 0.125rem;
}
.card-informCont{
	background-color: #fafafa;
	padding: 0.125rem;
}
.card-inform-perfl{
	color: #646464;
}
.card-inform-perfl{
	width:80%;
}
.card-inform-perfr{
	width: 20%;
	text-align: right;
}
.card-inform-perfr span{
	display: inline-block;
	width: 50px;
	height: 50px;
	border-radius: 10px;
	overflow: hidden;
}
.card-inform-perfr span img{
	width: 100%;
}
.card-inform-perfl h2{
	font-size: 0.44rem;
}
.card-tel,.card-comp,.card-Emali,.card-web,.card-add{
	margin: 6px 0;
	
}
.card-tel{
	font-size: 0.285rem;
}

.card-tel span{	
	display: inline-block;
	width: 22px;
	height: 22px;
	background:url("../images/card_ico.png") no-repeat 0 2px;
	background-size: 22px auto;
	margin-right: 10px;
	vertical-align: top;
	margin-bottom: 0;
}
.card-comp span{
   display: inline-block;
   	width: 22px;
	height: 20px;
	background: url("../images/card_ico.png") no-repeat 0 -26px;
	background-size: 22px auto;
	margin-right: 10px;
	vertical-align: top;
	margin-bottom: 0;
}
.card-Emali span{
	display: inline-block;
	width: 22px;
	height: 18px;
	background: url("../images/card_ico.png") no-repeat 0 -49px;
	background-size: 22px auto;	
	margin-right: 10px;
	vertical-align: top;
	margin-bottom: -1px;
}

.card-web span{
	display: inline-block;
	width: 22px;
	height: 22px;
	background: url("../images/card_ico-one01.png") no-repeat 0 -25px;
	background-size: 22px auto;	
	margin-right: 10px;
	vertical-align: top;
	margin-bottom: -1px;	
}
.card-add span{
	display: inline-block;
	width: 22px;
	height: 22px;
	background: url("../images/card_ico-one01.png") no-repeat 0 0;
	background-size: 22px auto;	
	margin-right: 10px;
	vertical-align: top;
	margin-bottom: -1px;		
}
.card-icoCom i{
	display: inline-block;
	width: 80%;
}


.card-more a {
	color: #536893;
}
.card-more a span{
	display: inline-block;
	width: 22px;
	height: 18px;
	background: url("../images/card_ico.png") no-repeat 0 -373px;
	background-size: 22px auto;	
	vertical-align: middle;
	margin-bottom: 3px;
}
.card-more a i{
	display: inline-block;
	width: 22px;
	height: 18px;
	background: url("../images/card_ico.png") no-repeat 0 -388px;
	background-size: 22px auto;	
	vertical-align: middle;
	margin-bottom: 3px;	
}
.card-pro{
	background-color: #FFFFFF;
	padding: 0.18rem 0.18rem;
}
.card-pro ul li{
	float: left;
	width: 33.333%;
	color: #1a1a1a;
	text-align: center;
}
.card-pro ul li span{
	display: block;
	border-right: 1px solid #e0e0e0;
	padding: 0.12rem 0;
}
.card-pro ul li:nth-last-child(1) span{
	border-right: none;
}

.card-pro ul li span i{
	display: inline-block;
	width: 22px;
	height: 23px;
	background-size: 22px auto !important;	
	vertical-align: middle;
	margin-top: -6px;	
}
.card-pro ul li:nth-child(1) span i{
	background: url("../images/card_ico.png") no-repeat 0 -74px;
}
.card-pro ul li:nth-child(2) span i{
	background: url("../images/card_ico.png") no-repeat 0 -102px;
}
.card-pro ul li:nth-child(3) span i{
	background: url("../images/card_ico.png") no-repeat 0 -126px;
}


.card-cont{
	margin-top: 0.18rem;
	background-color: #FFFFFF;
	padding: 0.18rem;
}

.card-cont-log img{
	width: 1.07rem;
	height: 1.07rem;
}
.card-cont-hed p{
	font-size:0.285rem;
	color:#1a1a1a ;
	text-align: center;
	margin: 0.09rem 0;
}
.card-cont-list i{
	display: inline-block;
	border: 1px solid #a3a3a3;
	border-radius: 5px;
	color: #a3a3a3;
	padding:0.01rem 0.07rem;
	margin-right: 0.089rem;
	
}

.card-cont-list{
	margin-top: 0.178rem;
}

.card-cont-hed{
	margin-bottom: 0.178rem;
}
.card-cont-about{
	color: #636363;
	padding: 0.178rem 0;
}
.card-cont-mod a{
	font-size: 0.21rem;
	color: #545a8a;
	display: inline-block;
	padding: 0.178rem 0;
}

.card-fun-cod span{
	display: inline-block;
	padding: 0.35rem 0rem 0.35rem 0.6rem;
	color: #636363;
	background: url("../images/card_ico-02.png") no-repeat 0 0.32rem;
	background-size: 25px auto;
}
.card-fun-send button{
	background-color: #1aad16;
	color: #FFFFFF;	
	border: 1px solid #009500;
	margin-bottom: 0.3rem;
}
.card-fun-send button,.card-fun-edit a{
	display: inline-block;
	width: 90%;
	padding: 0.15rem 0;
	border-radius: 5px;
	font-size: 0.32rem;
}
.card-fun-edit a{
	background-color: #FFFFFF;
	border:1px solid #c4c4c4;
	color: #000000;
}
.card-fun{
	padding-bottom: 1.25rem;
}

/*人气排行榜*/
.ranList-hed{
	background-color: #FFFFFF;
}
.ranList-hed-inform{
	padding:0.178rem 0.089rem;
	border: 1px solid #f0f0f0;
}
.ranList-hed-lf{
	width: 20%;
}
.ranList-hed-lf span{
	display: inline-block;
	width: 0.89rem;
	height: 0.89rem;
	border-radius:50%;
	overflow: hidden;
	margin-top: 0.089rem;
}
.ranList-hed-lf span img{
	width: 100%;
}
.ranList-hed-rf{
	width: 80%;
}
.ranList-hed-rf h4{
	font-size: 0.32rem;
	color: #121212;
	margin-left: 0.089rem;
	margin-top: 0.08rem;
}
.ranList-hed-rf p{
	color: #666666;
	margin-left: 0.089rem;
	padding: 0;
	display: inline-block;
}
.ranList-hed-clas ul li{
	float: left;
	width: 50%;
	text-align: center;

}
.ranList-hed-clas ul li a{
	padding: 0.267rem 0;
	display: block;
	color: #121212;
}

.ranList-hed-clas ul li:nth-child(1) a{
	border-right: 1px solid #f2f2f2;
}
.ranList-hed-clas ul li a i{
	display: inline-block;
	width: 24px;
	height: 22px;
	vertical-align: middle;
	margin-top: -5px;
	background-size:22px auto !important;
}
.ranList-hed-clas ul li:nth-child(1) a i{
	background: url("../images/card_ico.png") no-repeat -2px -459px;
}

.ranList-hed-clas ul li:nth-child(2) a i{
	background: url("../images/card_ico.png") no-repeat 1px -346px;
}

.ranList-hed-clas ul li:nth-child(1) a.active i{
	background: url("../images/card_ico.png") no-repeat -2px -406px;
}

.ranList-hed-clas ul li:nth-child(2) a.active i{
	background: url("../images/card_ico.png") no-repeat 1px -74px;
}



.ranList-cont{
	background-color: #FFFFFF;
	padding:0 0.089rem;
	margin-top: 0.178rem;
}
.ranList-cont ul li{
	padding:0.178rem 0;
	border-bottom: 1px solid #ededed;
}
.ranList-cont-left span{
	display: inline-block;
	width: 0.89rem;
	height: 0.89rem;
	border-radius:50%;
	overflow: hidden;
	margin-top: 0.089rem;
}
.ranList-cont-left span img{
	width: 100%;
}

.ranList-cont-left{
	width: 20%;
}
.ranList-cont-right{
	width: 80%;
}
.ranList-cont-right h4{
	font-size: 0.32rem;
	color: #121212;
	margin-left: 0.089rem;
	margin-top: 0.23rem;
	line-height: 0.35rem;
}
.ranList-cont-right p{
	color: #666666;
	margin-left: 0.089rem;
	padding: 0;	
	line-height: 0.35rem;
	display: inline-block;
}
.ranList-cont-ri{
	padding-right: 30px;
	background:url("../images/card_ico-05.png") no-repeat right 10px;
	background-size: 22px auto;
}




/*底部导航*/
.card-nav{
	padding: 0.15rem 0 0.08rem;
	background-color: #FFFFFF;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 9999;
}
.card-nav ul li{
	float: left;
	text-align: center;
	width: 25%;
	
	
}
.card-nav ul li a{
	color: #8d8d8d;
	display: inline-block;
}
.card-nav ul li a i{
	display: block;
	width: 22px;
	height: 24px;
	margin: 0 auto;
	background-size: 22px auto !important;
}

.card-nav ul li:nth-child(1) a i{
	background: url("../images/card_ico.png") no-repeat 0 -284px;
}
.card-nav ul li:nth-child(2) a i{
	background: url("../images/card_ico.png") no-repeat 0 -184px;
}
.card-nav ul li:nth-child(3) a i{
	background: url("../images/card_ico.png") no-repeat 0 -232px;
}
.card-nav ul li:nth-child(4) a i{
	background: url("../images/card_ico.png") no-repeat 0 -346px;
}

.card-nav ul li a.active{
	color: #12b40a;
}
.card-nav ul li:nth-child(1) a.active i{
	background: url("../images/card_ico.png") no-repeat 0 -258px;
}
.card-nav ul li:nth-child(2) a.active i{
	background: url("../images/card_ico.png") no-repeat 0 -155px;
}
.card-nav ul li:nth-child(3) a.active i{
	background: url("../images/card_ico.png") no-repeat 0 -210px;
}
.card-nav ul li:nth-child(4) a.active i{
	background: url("../images/card_ico.png") no-repeat 0 -316px;
}

/*发送名片弹窗*/
.sendCard-pop{
	position: fixed;
	background-color: rgba(0,0,0,0.6);
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	display: none;
}
.sendCard-pop p{
	font-size: 0.357rem;
	color: #FFFFFF;
	text-align: right;
	margin-right: 1.3rem;
	vertical-align: middle;
	margin-top:-30px;
}
.sendCard-pop div{
	text-align: right;
}
.sendCard-pop div img{
	width:1.07rem;
	margin-right: 0.178rem;
}

/*名片二维码弹窗*/
.code-pop{
	position: fixed;
	background-color: rgba(0,0,0,0.4);
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	visibility: hidden;

}
.code-pop-cont{
	background-color: #FFFFFF;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	border-radius: 5px;
	padding: 0.267rem 0.267rem 0.44rem 0.267rem ;
	text-align: center;
}
.code-pop-code {
    margin: 0.267rem 0;
    overflow: hidden;
}
#weixinImage img {
    max-width: 100%;
    max-height: 100%;
}
.code-pop-hed span {
    width: 1.07rem;
    height: 1.07rem;
    display: inline-block;
    overflow: hidden;
    border-radius: 50%;
    border: 1px solid #999999;
    background-color: #FFFFFF;
}
.code-pop-hed span img{
	width: 100%;
}
.code-pop-cont h4{
	font-size: 0.2857rem;
	color: #303030;
}
.code-pop-cont p{
	font-size: 0.232rem;
	color: #6a6a6a;
	margin: 0.056rem 0;
}

  /*删除名片弹窗*/
.esminl
{
    position:fixed;
    width:100%;
    height:100%;
    top:0;
    left:0;
    background-color:rgba(0,0,0,0.3);
    visibility:hidden;
}

.esminl-cont
{
    width:80%;
    margin-left:auto;
    margin-right:auto;
    background-color:#ffffff;
    border-radius:10px;    
}
    
.esminl-cont p
{
    color:#000000;
    font-size:0.2857rem;
    padding:0.357rem 0.535rem;
    border-bottom:1px solid #eeeeee;
}
        
.esminl-buton button
{
   color:#333333;
   font-size:0.321rem;
   text-align:center;
   width:49%;
   padding:0.178rem 0;
}
.esminl-buton button:nth-child(2)
{
   color:#13aa12;
}
    
    


/*底部高度调节*/
.card-height{
	height:1.03rem;
}



/*---------公共调用-public--------*/


/*color*/
.cor-13{
	color: #131313;
}
.cor-64{
	color: #646464;
}
.cor-13a{
	color: #13aa12;
}

/*margin*/
.mar-top-15{
	margin-top: 15px;
}

/*text-align*/
.txt-align-c{
	text-align: center;
}
.txt-align-r{
	text-align: right;
}
.txt-align-l{
	text-align: left;
}
.pub-img-ver {
    overflow: hidden;
    position: relative;
    text-align: center;
}

    .pub-img-ver:after {
        content: '';
        display: block;
    }

    .pub-img-ver img {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        max-width: 100%;
    }
#weixinImage:after{
    margin-top:120%;
}