/* CSS Document */
/*
弹出插件 AND 分享插件
autho：smohan
http://www.smohan.net
*/

/* sb */
body {
	/*margin: 0;*/
	/*padding: 0;*/
	/*font-size: 14px;	*/
	/*color: #333333;*/
}

/*h3{ width:600px; height:60px; margin:50px auto 0 auto; text-align:center; line-height:60px; font-size:30px; font-weight:600; text-shadow:0px 1px 0px rgba(255,255,255,1);}*/
/*h4{ width:800px; height:20px; line-height:20px; margin:0 auto; font-size:16px; text-align:right;}*/
h4 a {
	color: #363636;
	text-decoration: none;
}

div.demo {
	width: 600px;
	height: 320px;
	line-height: 20px;
	padding-top: 20px;
	border-top: 2px dashed #cecece;
	margin: 30px auto;
}



/*Layer*/
.Smohan_Layer_Shade {
	position: fixed;
	_position: absolute;
	zoom: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background: url(../image/hei.png) repeat;
	z-index: 99900;
}

.Smohan_Layer_box {
	min-width: 300px;
	height: auto;
	padding: 20px;
	background: #ffffff;
	position: fixed;
	_position: absolute;
	top: 50%;
	left: 50%;
	overflow: hidden;
	z-index: 99999;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
}

.Smohan_Layer_box h3 {
	display: block;
	width: 100%;
	height: 30px;
	line-height: 30px;
	padding: 0px 0px 10px 0px;
	margin: 0;
	border-bottom: 1px solid #cccccc;
	overflow: hidden;
}

.Smohan_Layer_box h3 .text {
	float: left;
	font-size: 16px;
	font-family: 'Microsoft JhengHei','Microsoft YaHei', Arial, sans-serif;
	font-weight: 600;
	color: #84c017;
	text-indent: 0.5em;
	display: block;
}

.Smohan_Layer_box h3 .close {
	display: block;
	width: 30px;
	height: 30px;
	background: url(../image/Smohan.layer.close.png) 0px 0px no-repeat;
	float: right;
}

.Smohan_Layer_box h3 .close:hover {
	background-position: 0px -31px;
}

.Smohan_Layer_box .layer_content {
	display: block;
	width: 100%;
	height: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 0;
	overflow: hidden;
	position: relative;
}

.Smohan_Layer_box .layer_content .loading {
	display: block;
	width: 36px;
	height: 36px;
	background: url(../image/Load.gif) center center no-repeat;
	position: absolute;
	top: 0;
	left: 0;
}

.pl1-dashed{
	width: 100%;
	height: 1px;
	background-image: url(../image/dashed.png) ;
}

/*微信二维码*/
.none {
	display: none;
}

/* .qrcode {
	width: 180px;
	height: 240px;
	padding: 20px;
	position: fixed;
	left: 50%;
	top: 50%;
	margin-left: -120px;
	margin-top: -140px;
	background: #fff;
	z-index: 100000;
	box-sizing: initial
} */

.home{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background:rgba(0,0,0,0.5);
    z-index: 99999;
}

.home .qrcode {
    width: 180px;
    /* height: 240px; */
    padding: 20px;
    box-sizing: initial;
    background: #fff;
    margin:200px auto;
}

.qrcode img {
	max-width: 100%;
	max-height: 100%;
}

.weixin_close {
	background: #7CBDD0;
	display: inline-block;
	width: 100%;
	height: 30px;
	line-height: 30px;
	text-align: center;
	color: #fff;
	text-decoration: none
}
.share-wrapperTarg::after{
	content: "";
	display: block;
	clear: both;
}
.share-wrapperTarg li{
	float: left;
	width: 40px;
}
.share-wrapperTarg li:nth-of-type(2){
	margin: 0 10px !important;
}
.share-wrapperTarg li a{
	cursor: pointer;
 }
 .share-wrapperTarg li a::before{
	 font-size: 40px;
	 border-radius: 50%;
	 z-index: 9999;
	 color: #000;
 }
 .share-wrapperTarg-30 li a::before{
	 font-size: 30px !important;
 }
 .share-wrapperTarg-30 li{
	width: 30px!important;
 }
 .share-wrapperTarg li a:hover::before{
	 color: #FC4147!important;
 }
/*Share*/
#Share {
	display: none;
	width: 100%;
	height: 124px;
	position: relative;
	/* padding: 15px 10px; */
}

#Share ul {
	position: relative;
	float: left;
	margin-top: 26px;
	margin-left: 20px;
	/* border: solid red 1px; */
	width: 280px;
	height: 66px;
}
#Share ul::after{
	content: "";
	display: block;
	clear: both;
}
#Share ul div{
	position: absolute;
	top: 46px;
	font-size: 14px;
	color: #999;
}
/* #Share ul li {
	float: left;
	width: 40px;
	height: 40px;
	margin-right: 5px;
	cursor: pointer;
	position: relative;
	border: solid 1px #000;
	border-radius: 50%;
} */

#Share ul li a {
	/* display: block; */
	/* margin: 10px; */
	width: 20px;
	height: 20px;
}

#Share ul li span {
	display: block;
	width: 40px;
	height: 10px;
	background: url(../image/share_shade.png) 0px 0px no-repeat;
	position: absolute;
	left: 5px;
	bottom: 0px;
}
#Share .dashed{
	width: 100%;
	height: 1px;
	background-image: url(../image/dashed.png) ;
}
.share-active-color{
	border-color: #FC4147 !important;
}
.share-active-color1{
	color: #FC4147 !important;
}
.praise-active{
	background-image: url(../image/collect-red.png) !important;
}