body{width: 100%;
    height: 1080px;
    overflow-x: hidden;}
.wrap{height: 1080px; background: url(../images/bg4.jpg) center no-repeat; min-width: 1300px;}
/*.wrap{ background: url(../images/fb_ymj/boss1.png) center top no-repeat; }*/
.wrap::before{ position: absolute; top:0; left: 0;  content:"";width: 100%; height: 100%;
    background: url(../images/bg3.jpg) center top no-repeat; min-width: 1300px;animation:flash 3s infinite; -webkit-animation:flash 3s infinite;}

.logo{ width:211px; height:98px; position:absolute; left:96px; top:50px; z-index:10;}
.logo a{ display:block; width:100%; height:100%; background:url(../images/logo.png) center no-repeat}
.cen{ width: 1300px; margin: 0 auto; height: 100%;z-index: 13; }
.ppt{ height:760px; width: 907px; margin: 0 auto; position: relative; top:35px; z-index: 10}
.ppt-cont{height:760px;  background:url(../images/t_bg.png) center top no-repeat}
/*
.ppt .smalltitle ul { position: absolute; top:582px; left:-195px;width: 1300px; }
.ppt .smalltitle ul li{ width: 200px; height: 195px; position: absolute; cursor: pointer}
.ppt .smalltitle ul li.act_1{ background: url(../images/a1.png) center no-repeat; top:0; left: 0}
.ppt .smalltitle ul li.act_2{ background: url(../images/a2.png) center no-repeat; top:104px; left: 190px}
.ppt .smalltitle ul li.act_3{ background: url(../images/a3.png) center no-repeat; top:196px; left: 423px}
.ppt .smalltitle ul li.act_4{ background: url(../images/a4.png) center no-repeat; top:196px; left: 686px}
.ppt .smalltitle ul li.act_5{ background: url(../images/a5.png) center no-repeat; top:104px; left: 914px}
.ppt .smalltitle ul li.act_6{ background: url(../images/a6.png) center no-repeat; top:0px; left: 1105px}
.ppt .smalltitle ul li.act_1:hover,.ppt .smalltitle ul li.act_1.thistitle{ background: url(../images/a1_on.png) center no-repeat}
.ppt .smalltitle ul li.act_2:hover,.ppt .smalltitle ul li.act_2.thistitle{ background: url(../images/a2_on.png) center no-repeat}
.ppt .smalltitle ul li.act_3:hover,.ppt .smalltitle ul li.act_3.thistitle{ background: url(../images/a3_on.png) center no-repeat}
.ppt .smalltitle ul li.act_4:hover,.ppt .smalltitle ul li.act_4.thistitle{ background: url(../images/a4_on.png) center no-repeat}
.ppt .smalltitle ul li.act_5:hover,.ppt .smalltitle ul li.act_5.thistitle{ background: url(../images/a5_on.png) center no-repeat}
.ppt .smalltitle ul li.act_6:hover,.ppt .smalltitle ul li.act_6.thistitle{ background: url(../images/a6_on.png) center no-repeat}
*/

.ppt .smalltitle div{ width: 200px; height: 195px; position: absolute; cursor: pointer; z-index: 13}
.ppt .smalltitle .act_1{ background: url(../images/a1.png) center no-repeat;top: 581px;left: -196px;}
.ppt .smalltitle .act_2{ background: url(../images/a2.png) center no-repeat; top:687px; left: -5px}
.ppt .smalltitle .act_3{ background: url(../images/a3.png) center no-repeat; top:778px; left: 228px}
.ppt .smalltitle .act_4{ background: url(../images/a4.png) center no-repeat; top:778px; left: 490px}
.ppt .smalltitle .act_5{ background: url(../images/a5.png) center no-repeat; top:687px; left: 720px}
.ppt .smalltitle .act_6{ background: url(../images/a6.png) center no-repeat; top:581px; left: 910px}
.ppt .smalltitle .act_1:hover,.ppt .smalltitle .act_1.thistitle{ background: url(../images/a1_on.png) center no-repeat}
.ppt .smalltitle .act_2:hover,.ppt .smalltitle .act_2.thistitle{ background: url(../images/a2_on.png) center no-repeat}
.ppt .smalltitle .act_3:hover,.ppt .smalltitle .act_3.thistitle{ background: url(../images/a3_on.png) center no-repeat}
.ppt .smalltitle .act_4:hover,.ppt .smalltitle .act_4.thistitle{ background: url(../images/a4_on.png) center no-repeat}
.ppt .smalltitle .act_5:hover,.ppt .smalltitle .act_5.thistitle{ background: url(../images/a5_on.png) center no-repeat}
.ppt .smalltitle .act_6:hover,.ppt .smalltitle .act_6.thistitle{ background: url(../images/a6_on.png) center no-repeat}




/*左右按钮*/
.ppt .pre{ position: absolute; width:76px; height: 151px; background: url(../images/left.png) center no-repeat; top:306px; left: -13px; cursor: pointer }
.ppt .next{ position: absolute; width:76px; height: 151px; background: url(../images/right.png) center no-repeat; top:306px; right: -2px; cursor: pointer}

.con{ width: 546px; height:700px; position: relative; top: 36px; left: 171px; overflow: hidden; }
.con .oUlplay{ width: 4000px; height: 100%; position:absolute; left:0px}
.con .oUlplay li{ width: 546px; height: 100%; float: left;  }
.con .oUlplay li .title{ text-align: center; padding-top: 10px; margin-bottom: 5px;}
.matter{ padding: 20px 0 20px 20px;}
.matter .btn{ width: 220px; height: 46px; background: url(../images/btn5.png) center no-repeat; margin: 30px auto 0 auto; cursor: pointer }
.matter .btn:hover{ background: url(../images/btn5_on.png) center no-repeat; }

.matter .small_btn{display:inline-block; height: 46px; background: url(../images/btn5.png) center no-repeat; margin: 30px auto 0 auto; cursor: pointer }
.matter .small_btn:hover{ background: url(../images/btn5_on.png) center no-repeat; }

.matter1 .btn{ width: 204px; height: 44px; background: url(../images/btn3.png) center no-repeat; margin: 60px 0 0 120px; cursor: pointer ; }
.matter1 .btn:hover{ background: url(../images/btn3_on.png) center no-repeat; }
.matter .item,.matter1 .item{ position: relative; padding-left:110px; line-height: 30px ;font-size: 18px; color: #391d06; margin-bottom: 8px; }
.matter .item.item_h{ height: 30px;margin-bottom: 0px;}
.matter .item span,.matter1 .item span{ position: absolute; width:96px; height: 28px; left: 0; line-height: 28px; text-align: center; font-weight: bold; background: url(../images/title.png) center no-repeat  }
p.wz{font-size: 18px; color: #391d06;  padding-left: 20px; line-height: 30px}
p.wz a{ color: #cd1206; text-decoration: underline}
p.color{ color: #cd1206 }

p.ps{ font-weight: bold; font-size: 18px; color:#cd1206; padding-left: 5px; border-radius: 8px; }
#back{ width: 77px; height:40px; background: url(../images/back_on.png) center no-repeat; cursor: pointer; position: absolute; bottom: -5px; left:400px}
#back:hover{ background: url(../images/back.png) center no-repeat}
#act51{ display: none}
.matter1{ padding: 60px 0 20px 50px; }
.matter1 .item{ height: auto}

/*奖励详情*/
.xq_c{ width: 875px; height: 841px; background: url(../images/tg_bg.png) center no-repeat; position: absolute;left: 50%; margin-left: -437px; top:-30px}
#act_3,#act_4,#act_5{ display: none;
    z-index:12;}
.win_box{
    width: 100%;
    padding: 60px 70px 0 90px;
    z-index: 999;
}
.content {
    color: #f5f5f7;
    overflow: auto;
    position: relative;
    padding: 10px 14px 20px 0px;
    background: transparent;
    width: 715px;
    max-width: 97%;
    height: 520px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0px 10px 60px 0px;
}
.win_box .title{ width: 143px; height: 49px; background: url(../images/xq.png) center no-repeat; margin-left: 271px; margin-bottom: 25px;}
.content h2{ font-size: 20px; font-weight: bold; color: #391d06;padding: 0 10px; line-height: 30px}
.content .wz{ margin-bottom: 10px;}

.content .wz_p{ color: #391d06; padding: 0 10px; font-size: 16px; line-height: 25px; font-family: "Microsoft Yahei UI", "Microsoft Yahei", "宋体", "黑体", Arial }
.content .table_left,.content .table_cen{ width: 330px; border: 2px solid #cc6633; background: #ff9933; margin-bottom: 15px; }
.content .table_left h3,.content .table_cen h3{ text-align: center; height: 30px; color: #993300; font-size: 18px; line-height: 30px; font-weight: bold}
.content .table_left .table_l,.content .table_cen .table_l{ background: #ffcc99; padding: 5px 16px;}
.content .t_l{width:100%;border: 1px solid #fff;}
.content .t_l tr th,.content .t_l tr td{border: 1px solid #fff; text-align: center;color: #9c5021; font-size: 14px; font-weight:bold; padding: 5px 0 }
/*.content table .first_td{ width: 80px; color: #fff; background: #b38444; border-bottom: 2px solid #e6c9a1; font-size: 14px; border-right: 3px solid #e6c9a1; text-align: center; font-weight: bold}
.content table .two_td{ padding: 8px; color: #925e19; background: #ecd7ba; border-bottom: 2px solid #e6c9a1; font-size: 14px; line-height: 22px }
.content table tr th,.content table tr td{

    border: 1px solid #140a55;
}


.content table tr{
    height: 40px;
    background: #24276b;
}*/
@keyframes flash{
    0%{ opacity:1;}
    50%{ opacity:0;}
    100%{ opacity:1;}
}
@-webkit-keyframes flash{
    0%{ opacity:1;}
    50%{ opacity:0;}
    100%{ opacity:1;}
}

.content .t_color{ color: #cd1206 }
.t_back{ cursor: pointer; width: 105px; height: 36px; background: url(../images/t_back.jpg) no-repeat; margin-left: 295px}
.tab_wrap{ height: auto; overflow:hidden}
.content .table_cen{ width: 65%;margin: 0 auto 15px auto}
#mask{ width:100%; height: 100%; position: fixed; top:0; left: 0; background: #000; opacity: 0.5; z-index: 11; display: none}