@charset "utf-8";

 .share{/*! width: 233px; *//*! padding: 17px 0; *//*! float: right; */}
 .share_btn{float: left;line-height: 33px;font-weight: normal;}
 .share .bdsharebuttonbox{font-size: 0;}
 .share .bdsharebuttonbox  > a{padding-left: 0;margin: 0 0 0 12px !important;height: 32px;text-indent: 0;width: 32px;line-height: 32px;text-align: center;background: none;font-size: 23px;display: inline-block;*display: inline;*zoom:1;vertical-align: middle;}
 .share .bdsharebuttonbox > a.bds_weixin{*background:url(../images/wechat.png) no-repeat center ;color:#7dd43c}
 .share .bdsharebuttonbox  > a.bds_tsina{*background:url(../images/sina.png) no-repeat center;color:#e83437}
 .share .bdsharebuttonbox  > a.bds_qzone{*background:url(../images/z_qone.png) no-repeat center ;color:#fece00}
 .share .bdsharebuttonbox  > a.bds_more{background:url(../images/share-more.png) no-repeat center ;color:#a3bfd9}
 .shareBox {width: 260px;background-color: #fff;position: fixed;top: 50%;left: 50%;margin: -150px 0 0 -130px;z-index: 9998;height: 310px;border: 6px solid #8F8F8F;border-radius: 8px;box-shadow: 0 0 7px #aaa;display: none;}
 .shareBox { font-size: 14px;}
 .shareBox .title {   background: #f6f6f6;  font-size: 14px;  font-weight: bold;  padding: 10px 15px !important;}
 .shareClose {   position: absolute;    right: 0;    top: 0; cursor: pointer;font-size: 18px;width: 20px;; }
 .sharelist {  position: static;   height: 250px;  overflow-y: auto;padding-left: 17px !important;}
 .sharelist li {    float: left;    width: 130px;     padding: 2px;     margin-left: 6px;     _margin-left: 3px;     height: 28px;     overflow: hidden;     list-style: none; }
 .sharelist li a {     color: #565656;     font: 12px '宋体';     display: block;        text-decoration: none;     border: 1px solid #fff;     line-height: 18px; width: auto;height: auto;text-indent: 0;}
 .weChatBox{width: 280px;height:300px;background-color:#fff;border:solid 1px #d8d8d8;padding:10px;position: fixed;left: 50%;top: 50%;margin:-150px 0 0 -140px;z-index: 9998;display: none;box-shadow: 0 0 10px rgba(0,0,0,0.25);}
 .weChatBox .w-title{font-size: 12px;font-weight: bold;padding:0 0 10px 0;}
 .w-close{width: 20px;height: 20px;line-height: 20px;text-align: center;font-size: 20px;position: absolute;right: 0;top: 0;color:#333;cursor: pointer;}
 .qrcode{width: 200px;height: 200px;margin:10px auto;background: #ccc;}
 .w-footer{font-size: 12px;line-height: 1.5;color:#999;}
 #qrodeText{opacity: 0;position: absolute;left: 0;top: 0;z-index: 0;visibility:hidden;}
 
 .share  .alert_box{display: none;position: fixed;left: 50%;top: 50%;transform:translateX(-50%) translateY(-50%);padding: 10px;border: 1px solid #d8d8d8;background: #fff;width: 280px;bottom: auto;}
.share  .alert_box.on{display: block;z-index: 1;}
.share  .close{width: 24px;height: 24px;line-height: 24px;display: block;float: right;font-size: 16px;color: #333;}
.share  .close::before{content: 'x';}
.share  .title{line-height: 24px;font-weight: bold;font-size: 14px;text-align: left;margin: 0 0 10px;color: #333;}
.share  .bottom{color: #666;line-height: 22px;text-align: left;font-size: 12px;margin: 10px 0 0;}

@media screen and (max-width: 992px) {
	.share_box {position: fixed;right: 10px;bottom: 40px;top: initial;}
	.share .share_wechat .alert_box { left: 0px; top: auto; bottom: 100%; } 
}