.auto{left: 50%; -webkit-transform:translate(-50%,0); -moz-transform:translate(-50%,0); -ms-transform:translate(-50%,0); -o-transform:translate(-50%,0); transform:translate(-50%,0);}



.pkNav{display: flex; flex-wrap: wrap; justify-content: space-between;}
.pkNav a{width: 392px; height: 116px; text-align: center; background: url(../images/pktab.png) no-repeat right 0; cursor: pointer; color: #FFF; margin-bottom: 23px;}
.pkNav a strong{font-size: 40px; display: block; height: 70px; line-height: 70px; padding-top: 4px;}
.pkNav a span{min-width: 200px; padding: 0 30px; height: 30px; line-height: 30px; background: rgba(83,15,32,0.5); display: inline-block; margin: 0 auto; font-size: 24px; border-radius: 30px;}
.pkNav a.on{background-position: 0 0;}
.pkTips{text-align: center; font-size: 16px; color: #bd0e3b;}

.pkCont{background: #FFF; width: 1220px; padding-bottom: 220px; margin: 0 auto;}
.bangTab{height: 184px;}
.bangTab a{float: left; width: 610px; height: 130px; line-height: 130px; text-align: center; font-size: 60px; color: #655c2c; cursor: pointer; background: url(../images/bang_tab.jpg) no-repeat right 0;}
.bangTab a:hover,.bangTab a.on{background-position:0 0;}

.winList{ width: 952px; margin: 0 auto 37px auto; display: flex; justify-content: space-between; }
.winbox{ position: relative; width: 222px; height: 231px; }
.win1{ background: url(../images/win1.png) no-repeat 0 0; }
.win2{ background: url(../images/win2.png) no-repeat 0 0; }
.win3{ background: url(../images/win3.png) no-repeat 0 0; }
.win4{ background: url(../images/win4.png) no-repeat 0 0; }
.win1::after{ content: ""; position: absolute; top: -30px; left: -28px; width: 70px; height: 68px; background: url(../images/crown.png) no-repeat 0 0; }
.winbox dl{ margin-top: 114px; text-align: center; font-weight: bold; font-size: 19px; }
.winbox dt{ margin-bottom: 32px; color: #3c4f6b; }
.winbox dd{ color: #b2924f; }
.pkCont2{ width: 952px; margin: 0 auto 124px auto; display: flex; justify-content: space-between; }
.pkitem2{ position: relative; width: 472px; height: 295px; background:#ecf2f5;}
.pkitem2 .tit{ position: absolute; top: 31px; left: 0; width: 100%; text-align: center; line-height: 24px; font-weight: bold; font-size: 20px; color: #000; }
.pkTeam2{ position: absolute; top: 114px; width: 410px; height: 140px; }
.pkTeam2:before{ content: ""; position: absolute; top: 50%; left: 50%; width: 57px; height: 81px; background: url(../images/pkTeam2.png) no-repeat 0 0; transform: translate(-50%,-50%); }
.pkTeam2 dl{ position: absolute; width: 188px; text-align: center; font-size: 16px; color: #FFF; }
.pkTeam2 dl:nth-child(1){ top: 0; left: 0; }
.pkTeam2 dl:nth-child(2){ bottom: 0; left: 0; }
.pkTeam2 dl:nth-child(3){ top: 50%; right: 0; transform: translate(0,-50%); }
.pkTeam2 .win:after{ content: ""; position: absolute; top: 50%; left: -26px; transform: translate(0,-50%); width: 39px; height: 38px; background: url(../images/icon_win2.png) no-repeat 0 0; }
.pkTeam2 dt{ height: 26px; line-height: 26px; background: #bd0e3b; }
.pkTeam2 dd{ height: 34px; line-height: 34px; background: #077b8d; }
.pkCont1{ margin: 0 auto 33px auto; width: 1123px; display: flex; justify-content: space-between; }
.pkitemWin{ width: 338px; height: 853px; box-sizing: border-box; padding-top: 34px; background:#ecf2f5; }
.pkitemWin .tit{ margin-bottom: 32px; height: 66px; text-align: center; line-height: 22px; font-weight: bold; font-size: 20px; color: #000; }
.pkTeamWin{ position: relative; width: 282px; height: 124px; margin: 0 auto 56px auto; }
.pkTeamWin:before{ content: ""; position: absolute; top: 50%; left: 50%; width: 42px; height: 72px; background: url(../images/pkTeamWin.png) no-repeat 0 0; transform: translate(-50%,-50%); }
.pkTeamWin dl{ position: absolute; width: 133px; text-align: center; font-size: 14px; color: #efefef; }
.pkTeamWin dl:nth-child(1){ left: 0; top: 0; }
.pkTeamWin dl:nth-child(2){ left: 0; bottom: 0; }
.pkTeamWin dl:nth-child(3){ right: 0; top: 50%; transform: translate(0,-50%); }
.pkTeamWin .win{ color: #FFF; }
.pkTeamWin .win:after{ content: ""; position: absolute; top: 50%; left: -26px; transform: translate(0,-50%); width: 39px; height: 38px; background: url(../images/icon_win2.png) no-repeat 0 0; }
.pkTeamWin .win:nth-child(3):after{ display: none; }
.pkTeamWin dt{ height: 22px; line-height: 22px; background: #979797; }
.pkTeamWin dd{ height: 33px; line-height: 33px; background: #BBB; }
.pkTeamWin .win dt{ background: #bd0e3b; }
.pkTeamWin .win dd{ background: #077b8d; }
.pkitemLose{ width: 254px; height: 861px; box-sizing: border-box; padding-top: 33px; background:#ecf2f5;}
.pkitemLose .tit{ margin-bottom: 40px; height: 60px; text-align: center; line-height: 20px; font-weight: bold; font-size: 16px; color: #000; }
.pkTeamLose{ position: relative; width: 211px; height: 92px; margin: 0 auto 42px auto; }
.pkTeamLose:before{ content: ""; position: absolute; top: 50%; left: 50%; width: 33px; height: 54px; background: url(../images/pkTeamLose.png) no-repeat 0 0; transform: translate(-50%,-50%); }
.pkTeamLose dl{ position: absolute; width: 100px; text-align: center; font-size: 12px; color: #efefef; }
.pkTeamLose dl:nth-child(1){ left: 0; top: 0; }
.pkTeamLose dl:nth-child(2){ left: 0; bottom: 0; }
.pkTeamLose dl:nth-child(3){ right: 0; top: 50%; transform: translate(0,-50%); }
.pkTeamLose .win{ color: #FFF; }
.pkTeamLose .win:after{ content: ""; position: absolute; top: 50%; left: -20px; transform: translate(0,-50%); width: 30px; height: 28px; background: url(../images/icon_win1.png) no-repeat 0 0; }
.pkTeamLose .win:nth-child(3):after{ display: none; }
.pkTeamLose dt{ height: 16px; line-height: 16px; background: #979797; }
.pkTeamLose dd{ height: 24px; line-height: 24px; background: #BBB; }
.pkTeamLose .win dt{ background: #bd0e3b; }
.pkTeamLose .win dd{ background: #077b8d; }