body{background-color:#EEEEEE; font-size:14px; line-height:1.2; font-family: Arial, Helvetica, Microsoft YaHei, SimSun, Sans-serif;}
a{ text-decoration:none;}
.clearfix { *zoom:1;}
.clearfix:before , .clearfix:after{content: ""; display: table; }
.clearfix:after{ clear: both; }
.shareButtonList li{-moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}
.sharebox{ margin:2% auto; width:100%; max-width:540px; overflow:hidden;}
.sharebox>p{text-align:center; color:#fff; background:#dfdfdf; font-size:20px; font-weight:bold; line-height:100px; height:100px; border:1px solid #EEEEEE; text-shadow:0px 0px 15px rgba(0,0,0,0.18);}
.shareButtonList{border-right:1px solid #eee; }
.shareButtonList li{ width:33.33333%; float:left; border-left:1px solid #EEEEEE; border-bottom:1px solid #EEEEEE;}
.shareButtonList li a{ display:block; text-align:center; height:120px;white-space: nowrap; color:#fff; font-size: 0;}
.shareButtonList li a:after , .shareButtonList li a:before{ display:inline-block; vertical-align:middle;}
.shareButtonList li a:after{content:''; height:100%; width:0px; overflow:hidden; }
.shareButtonList li a:before { font-family: icomoon; font-size: 28px;}
.shareButtonList li.fb a:before { content: '\e62c'; }
.shareButtonList li.tw a:before { content: '\e62b'; }
.shareButtonList li.in a:before { content: '\e630'; }
.shareButtonList li.gl a:before { content: '\e62d'; }
.shareButtonList li.yt a:before { content: '\e633'; }
.shareButtonList li.pin a:before { content: '\e62e'; }
.shareButtonList li.mail a:before { content: '\e67f'; font-size: 22px;}
.shareButtonList li:hover{ opacity:0.7;}
.shareButtonList li.fb{ background:#305891;}
.shareButtonList li.gl{ background:#ce4d39;}
.shareButtonList li.in{ background:#4498c8;}
.shareButtonList li.tw{ background:#2ca8d2;}
.shareButtonList li.pin{ background:#c82828;}
.shareButtonList li.mail{ background:#738a8d;}
@media screen and (max-width:750px){.sharebox{ margin:0 auto;}}
@media screen and (max-width:450px){
.shareButtonList li{ width:50%;}
}
.shareComp{ padding:20px 0; text-align:center;}
.shareComp img{ max-width:200px; max-height:100px;}
.shareComp p{ font-size:15px;}
.shareComp p a{ display:inline-block; padding:8px 0; color:#888; font-weight:bold; text-transform:capitalize; }