*{margin: 0; padding: 0;font-family: "微软雅黑";}
li{list-style: none;}
img{border: none;}
.clear{ clear: both;}

.activitybox{ width: 100%; padding-bottom: 30px; background: #e8443f;}
.activitybox .activity_top{width: 100%;}
.activitybox .activity_top img{width: 100%;}
.p-white{ line-height: 26px; font-size: 14px; color: #fff;}
.p-white span{ color: #f4e827;}
.p-black{ line-height: 26px; font-size: 14px; color: #000;}
.p-black span{ color: #fff;}

.activitybox .activity_bot{width: 94%; margin: 0 auto;}
.activitybox .box{ width:  82%; margin: 40px auto;padding:20px 4%; box-shadow:0 0 5px #fff;background:rgba(255,255,255,0.20);}

.activitybox .item1{ width: 100%;}
.activitybox .item1 .title{ width: 90%;margin: 0 auto;}
.activitybox .item1 .title img{ display: block; width: 100%;}
.activitybox .item1 .con{ margin-top: 20px;  }
.activitybox .item1 .link{ width: 300px; margin: 20px auto; }
.activitybox .item1 .link a{float: left; display: block; width: 120px; padding: 10px 0px; margin: 0 15px; background-color: #24427d;border-radius: 10px; text-align: center; text-decoration: none; font-size: 18px; color: #fff; font-weight: bold;}

.activitybox .item2{ width: 100%;}
.activitybox .item2 .title{  width: 90%;margin: 0 auto;}
.activitybox .item2 .title img{ display: block; width: 100%;}
.activitybox .item2 .con{ margin-top: 20px;  }
.activitybox .item2 .link{ width: 300px; margin: 20px auto; }
.activitybox .item2 .link a{float: left; display: block; width: 120px; padding: 10px 0px; margin: 0 15px; background-color: #24427d;border-radius: 10px; text-align: center; text-decoration: none; font-size: 18px; color: #fff; font-weight: bold;}

.activitybox .item3{ width: 100%;}
.activitybox .item3 .title{  width: 90%;margin: 0 auto;}
.activitybox .item3 .title img{ display: block; width: 100%;}
.activitybox .item3 .con{position: relative; width: 100%;margin: 20px auto 0;}
.activitybox .item3 .con img{ display: block; width:160px; margin: 20px auto 0; }

.activitybox .item4{ width: 100%;}
.activitybox .item4 .title{ width: 90%;margin: 0 auto;}
.activitybox .item4 .title img{ display: block; width: 100%;}
.activitybox .item4 .con{position: relative;width: 100%; margin: 20px auto 0;}

.activitybox .item5{ width: 100%;}
.activitybox .item5 .title{  width: 90%;margin: 0 auto;}
.activitybox .item5 .title img{ display: block; width: 100%;}
.activitybox .item5 .con{ margin-top: 20px; text-align: center; }
.activitybox .item5 ul{ width: 100%;}
.activitybox .item5 ul li{ float: left; width: 50%; margin: 30px 0 0;}
.activitybox .item5 ul li img{ display: block; height: 80px;margin: 0 auto;}

.activitybox .item6{ width: 100%;}
.activitybox .item6 .title{  width: 90%;margin: 0 auto;}
.activitybox .item6 .title img{ display: block; width: 100%;}
.activitybox .item6 .con{margin-top: 20px; }

.activitybox .item7{ width: 100%;}
.activitybox .item7 .title{  width: 100%;margin: 0 auto;}
.activitybox .item7 .title img{ display: block; width: 100%;}
.activitybox .item7 .con{margin-top: 20px; }
.activitybox .item7 .con img{ display: block; width:120px; margin: 20px auto 0; }

.bargain-goods{ width: 90%; margin: 0 auto; }
.bargain-goods .bt{display: block; width: 90%;margin: 0 auto 20px;}
.bargain-goods ul{ width: 100%;}
.bargain-goods ul li{ float: left; width: 50%;}
.bargain-goods ul li img{display: block; width: 100%; }