@charset "UTF-8";
.container{position: relative;max-width: 1920px;margin: 0 auto;background: #620f23;}
.wrap1{background: url(../images/d12pf_02.jpg) center top no-repeat;}
.wrap2{background: url(../images/d12pf_03.gif) center 757px no-repeat;}
.wrap3{background: url(../images/d12pf_04.gif) center 1115px no-repeat;}
.wrap4{background: url(../images/d12pf_05.gif) center 1961px  no-repeat;}
.wrap5{background: url(../images/d12pf_06.gif) center 3498px  no-repeat;}
.wrap6{background: url(../images/d12-p3_07.gif) center 3262px no-repeat;}
.content{position: relative;margin: 0 auto;width: 1050px;height: 4867px;}

.pdlist{ position: absolute; width: 1152px; height: 1357px; left: -50px; top:2879px; background: url(../images/pdlist.gif) center top no-repeat;}
.pdlistbtn{ position: absolute; width: 265px; height: 255px;}
.pdlistbtn1{ left: 29px; top:144px;}
.pdlistbtn2{ left: 304px; top:144px;}
.pdlistbtn3{ left: 579px; top:144px;}
.pdlistbtn4{ left: 854px; top:144px;}
.pdlistbtn5{ left: 29px; top:419px;}
.pdlistbtn6{ left: 304px; top:419px;}
.pdlistbtn7{ left: 579px; top:419px;}
.pdlistbtn8{ left: 854px; top:419px;}
.pdlistbtn9{ left: 29px; top:692px;}
.pdlistbtn10{ left: 304px; top:692px;}
.pdlistbtn11{ left: 579px; top:692px;}
.pdlistbtn12{ left: 854px; top:692px;}
.pdlistbtn13{ left: 29px; top:966px;}
.pdlistbtn14{ left: 304px; top:966px;}
.pdlistbtn15{ left: 579px; top:966px;}
.pdlistbtn16{ left: 854px; top:966px;}
.qrcode{position: absolute;width: 180px;height: 70px;}
.hdrule{position: absolute;width: 120px;height: 40px;}
.bt1{top:915px;right:204px;}
.bt2{top:1330px;right:227px;}
.bt3{top:1468px;right:227px;}

.bt4{top:1606px;right:227px;}
.bt5{top:1744px;right:220px;}

.bt55{top:2269px;right:220px;}

.bt6{top:2425px;right:220px;}
.bt7{top:2545px;right:220px;}

.bt71{top:2898px;right:220px;}
.bt72{top:3048px;right:220px;}
.bt73{top:3173px;right:220px;}
.bt77{top: 2707px;right: 346px;width: 323px;}


.bt8{top:1015px;right:454px;}
.bt9{top:1889px;right:457px;}
.bt10{top:2782px;right:447px;}
.bt11{top:2782px;right:476px;}
.bt12{top:3820px;right:454px;}
.qrcode-box{display:none;position: absolute;margin:-230px 0 0 0;width: 164px;height: 220px;background: url(../images/qrcode.png) center top no-repeat;}
.shade-box{display:none;position: fixed;top:0;left:0;width: 100%;height: 100%;background: #000;opacity: .5;filter:Alpha(opacity=50); z-index: 9000;}
.rule-box{display:none;position: fixed;top:30%;left:50%;margin-left:-508px;padding:30px;width: 1016px;background: #750c00;z-index: 9999;}
.rule-box .title{height: 38px;background: url(../images/btn1.png) center top no-repeat;}
.rule-box .con{margin: 20px 0;font-family: 'Microsoft Yahei';font-size: 20px;color: #fff;}
.rule-box .con p{margin:5px 0;}
.rule-box .bottom{text-align: center;}
.rule-box .close-btn{display: inline-block;width: 171px;height: 64px;background: url(../images/btn1.png) center bottom no-repeat;}
.content .bg1,.content .bg2,.content .bg3{position: absolute;}/*
.content .bg1{top:815px;left:-65px;width: 55px;height: 57px;background: url(../images/bg1.png) no-repeat;}
.content .bg2{top:1211px;right:-128px;width: 104px;height: 95px;background: url(../images/bg2.png) no-repeat;}
.content .bg3{top:1647px;left:-231px;width: 198px;height: 201px;background: url(../images/bg3.png) no-repeat;}*/