li{list-style-type:none;}


.side{position:fixed;width:54px;height:275px;right:0;top:214px;z-index:100;}
.side ul li{width:54px;height:54px;float:left;position:relative;border-bottom:1px solid #444;}
.side ul li .sidebox{position:absolute;width:54px;height:54px;top:0;right:0;transition:all 0.3s;background:#000;opacity:0.8;filter:Alpha(opacity=80);color:#fff;font:14px/54px "微软雅黑";overflow:hidden;}
.side ul li .sidetop{width:54px;height:54px;line-height:54px;display:inline-block;background:#000;opacity:0.8;filter:Alpha(opacity=80);transition:all 0.3s;}
.side ul li .sidetop:hover{background:#ae1c1c;opacity:1;filter:Alpha(opacity=100);}
.side ul li img{float:left;}

.popup_box{}
.poput_back{width:100%;height:100%;position: fixed;top:0;left:0;background: rgba(0,0,0,0.5);z-index: 100;}
.popup{width:500px;padding:10px 20px;border-radius: 4px;background: #fff;position: absolute;top:50%;left:50%;z-index: 105;margin-top: -200px;margin-left:-250px;}
.popup_head{overflow: hidden;border-bottom: 1px solid #ddd;}
.popup_head h4{font-size: 14px;font-weight: 500;line-height: 40px;}
.popup_head .over_btn{display: inline-block;width:40px;height:40px;text-align: center;position: relative;}
.popup_head .over_btn:after,.popup_head .over_btn:before{content: "";width:20px;height:2px;background: #555;top:15px;left:10px;position: absolute;}
.popup_head .over_btn:after{transform:rotate(45deg);-ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); }
.popup_head .over_btn:before{transform:rotate(-45deg);-ms-transform:rotate(-45deg);-moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -o-transform:rotate(-45deg); }
.popup_centent{padding:10px 0;}

.popup_footer{overflow: hidden;padding:5px 0;border-top: 1px solid #ddd;text-align: center;}
.popup_footer .btn{color: #08b30d; width: 100%; line-height: 2; float: initial; display: block; padding-top: 10px;}
.btn-cancel{background: #ccc;color:#fff;}
.btn-cancel:hover{background: #adabab;}

.reward_fen{font-size: 28px;text-align: center;color:#f20;line-height: 3;border-bottom: 1px solid #ddd;}
.reward_url{}
.reward_url_title{font-size: 16px;line-height: 2;}

.reward_url_url span{display: inline-block;width:62%;overflow: hidden; padding:5px 15px;border:1px solid #ddd;border-radius: 4px;font-size: 14px;}
.reward_url_url a{display: inline-block;width:25%;background: #08b30d;font-size: 14px;float: right;line-height: 32px;border-radius: 3px;text-align: center;color:#fff;}
.reward_url_remacks{width:100%;font-size: 14px;margin-top: 10px;color:#888;}
.wechat_share_box{width: 140px; height: 140px;display:none;    padding: 10px; background: #fff; position: absolute; right: 50px; top: -40px; z-index:222222224}


.wechat_share_btn:hover .wechat_share_box{display:block;}
 @media screen and (min-width: 320px)and (max-width: 720px){

  .popup{    width: 80%; left: inherit; margin: 0 8%; margin-top: -200px; padding: 10px 3%;}
 .reward_url_url a{font-size: 12px;}

}