<style>
.red {
  color: #b1191a;
}
.mt10 {
  margin-top: 10px;
}
.btn {
  border: none;
  background: #dfe2e6;
  height: 26px;
  line-height: 26px;
  text-align: center;
  width: 80px;
  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  -o-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
}
.popup {
  width: 100%;
  font-family: '宋体';
  position:fixed;
  right: 0;
  bottom:1px;
  z-index: 100;
  _position: absolute;
  _bottom: auto;
  _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
}
.popup_content {
  position: absolute;
  right: 0px;
  bottom: 0px;
  width:366px;
}
.popup_content .cont {
  width: 360px;
  border: 1px solid #bf1300;
  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  -o-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  margin: 0px auto;
  background: #d91600;
  position: relative;
  -webkit-border-radius: 10px 10px 0px 0px;
  -moz-border-radius: 10px 10px 0px 0px;
  -o-border-radius: 10px 10px 0px 0px;
  border-radius: 10px 10px 0px 0px;
}
.cont .cha {
  background: url(/images/window_image/cha1.png) no-repeat;
  width: 38px;
  height: 24px;
  background-size: 100% auto;
  display: block;
  position: absolute;
  top: 0px;
  right: 12px;
  cursor: pointer;
}
.cont .chaSmall {
  background: url(/images/window_image/top_pop.png) no-repeat;
  width: 21px;
  height: 11px;
  background-size: 100% auto;
  display: block;
  position: absolute;
  top: 13px;
  right: 12px;
  cursor: pointer;
}
.cont .top {
  background: url("/images/window_image/normal.png") no-repeat;
  height: 40px;
  line-height: 40px;
  width: 360px;
  -webkit-border-radius: 3px 3px 0px 0px;
  -moz-border-radius: 3px 3px 0px 0px;
  -o-border-radius: 3px 3px 0px 0px;
  border-radius: 3px 3px 0px 0px;
}
.cont .top .title {
  background: url("/images/window_image/title.png") no-repeat 5px 10px;
  width: 80px;
  height: 40px;
}
.cont .topSmall {
  background: url("/images/window_image/normal_bt.png") no-repeat;
}
.cont .info_wrap {
  position: relative;
}
.cont .info_cont {
  background: #fff;
  padding: 20px 20px 16px 16px;
  -webkit-border-radius: 10px 10px 0px 0px;
  -moz-border-radius: 10px 10px 0px 0px;
  -o-border-radius: 10px 10px 0px 0px;
  border-radius: 10px 10px 0px 0px;
  margin: 4px;
}
.cont .info {
  font-size: 12px;
  line-height: 24px;
  color: #333;
}
.cont .info .orange {
  color: #ff5a00;
}
.cont .checkDetailBtn {
  color: #2166f2;
  text-decoration: underline;
  cursor: pointer;
}
</style>


<script>
	$(function () {
		$(".cha").toggle(function(){
			$('#Awards .top').addClass('topSmall');
			$('#Awards .cha').addClass('chaSmall');	
            $(".info_cont").slideUp(600);
		},function(){
			$('#Awards .top').removeClass('topSmall');
			$('#Awards .cha').removeClass('chaSmall');
            $(".info_cont").slideDown(200);
		});
	})
</script>

<div id="Awards" class="popup" style="display: block;z-index: 100000;">
    <div class="popup_content">
        <div class="cont">
            <div class="top"><h3 class="title"></h3></div>
                <div class="info_cont">
                    <p class="info">恭喜您，请携带身份证和本机在工作日9:00到17:00之间到公司领取属于您的365礼包哦！</p>
					<p class="info">地址：建邺区云龙山路99号省建大厦B座5楼信息中心；</p>
					<p class="info">电话：025—84645315  83247162</p>
                    <a class="checkDetailBtn" href=""></a>
                </div>
            <div class="cha"></div>
        </div>
    </div>
</div>