/* pc端分享 */
#bdshare_weixin_qrcode_dialog{
	-webkit-box-sizing: content-box;	
	box-sizing: content-box;	
}
.share-mod{}
.share-label{ display: inline-block;}
.share-box{ float: left; text-align: center;}
.share-box:after{ content: ''; display: table; clear: both;}
.share-box .share-item{ position: relative; float: left; cursor: pointer;
	/*-webkit-transition: color .3s, background .3s;
	-moz-transition: color .3s, background .3s;
	transition: color .3s, background .3s;*/
	color: #FFFFFF;
}
.share-box a.share-item{
	margin: 0;
	padding-left: 0;
	height: auto;
	background-image: none;
	font-size: inherit;
	line-height: inherit;
}
.share-box .share-item:after{ content: ''; width: 24px; height: 20px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; background-size: cover !important;
background-position: center; background-repeat: no-repeat; }
/*.share-box a.icon-wchat:after{ background-image: url(../image/images/wxicon_03.png); }*/
/*.share-box a.icon-sinawb:after{ background-image: url(../image/images/wbicon_03.png); }*/
.share-box a:hover {opacity: 1 !important;color: #fff !important; }
.share-box .icon-qq:after{ content: '\e603';}
.share-box .icon-qzone:after{ content: '\e604';}
/*.share-box .icon-sinawb:after{ content: '\e605'; font-size: 22px;}*/
.share-box .icon-sinawb:hover::after{ color: #FFFFFF !important; opacity: 1 !important;}
.share-box .icon-txwb:after{ content: '\e606'; font-size: 22px;}
.share-box .icon-wchat:hover::after{ color: #FFFFFF !important; opacity: 1 !important;}
.share-box .icon-smore:after{ content: '\e600';}

.share-box a.icon-sinawb .code{ display: none; }

.share-item .code{ position: absolute; left: 50%; top: 100%; margin-left: -81px; margin-top: 10px; padding: 10px; width: 140px; height: 140px; background-color:#4d917b; border-radius: 5px; opacity: 0; visibility: hidden; pointer-events: none;
	-webkit-transform: translateY(50%);
	-moz-transform: translateY(50%);
	transform: translateY(50%);

	-webkit-transition: visibility .3s, opacity .3s, transform .3s;
	-moz-transition: visibility .3s, opacity .3s, transform .3s;
	transition: visibility .3s, opacity .3s, transform .3s;
}
.share-item .code:before, .share-item .code:after{ content: '0'; position: absolute; left: 0; right: 0; bottom: 100%; margin: auto; width: 0; height: 0; border: 10px solid transparent; font-size: 0;}
.share-item .code:before{ border-bottom-color: #4d917b;}
.share-item .code:after{ border-bottom-color: #4d917b; border-width: 9px;}
.share-item .code > img{ display: block; width: 100%; }

@media only screen and (max-width: 1366px ) {
	.icon-sinawb .code:before,.icon-sinawb .code:after{ left: auto; right: 10px; }
	.icon-sinawb .code{ left: auto; right: 0; margin-left: 0; }
}

.share-box a.share-item{ width: 40px; height: 40px; line-height: 40px; font-size: 20px;position: relative; }
/*.share-box a.share-item:hover{ background-color: coral; color: #fff; z-index: 1;}*/


@media screen  and (min-width:1230px){
	.share-item:hover .code{ visibility: visible; opacity: 1; -webkit-transform: translateY(0%); -moz-transform: translateY(0%); transform: translateY(0%); }
}

@media screen and (max-width: 750px){
	
	
	/*.share-box a.icon-wchat:after{ background-image: url(../image/images/wxiconp_03.png); }*/
	/*.share-box a.icon-sinawb:after{ background-image: url(../image/images/wbiconp_03.png); }*/
	
	/*.gotop{ right: 0.2rem; bottom: 0.2rem; width: 1.1rem; height: 1.1rem; background: url(../image/images/phonetop_03.png) no-repeat center; }*/
	

	
	/* 移动端分享 */
	.share-box a.name {font-family: "artfont" !important;width: 45px;line-height: 48px;font-size: 20px;color: #fff;display: inline-block;width: 0.75rem;margin: 0 0.1rem;padding: 0;background: none;height: auto;}
	.share-box a.share-item{ margin: 0 0.1rem; width: 0.75rem; font-size: 0.5rem;}
	
	.share-item .code{ position: fixed; left: 0; top: 0; margin: 0; padding: 0; width: 100%; height: 100%; border-radius: 0; background-color: rgba(0,0,0,0.8); pointer-events: all;}
	.share-item .code::before, .share-item .code::after{ display: none;}
	.share-item .code img{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; width: 2rem; height: 2rem;}
	.share-item.on{ position: relative; z-index: 5; }
	.share-item.on .code{ visibility: visible; opacity: 1; -webkit-transform: translateY(0%); -moz-transform: translateY(0%); transform: translateY(0%); }


	.share-box a.share-item:after{ font-size:0.4rem; }
/*	*****************************************************  */
	
}