.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);}
.pkTit{ display: block; margin: 109px auto 59px auto; }
/*.pkCont{ min-height: 3200px; }*/
.nav1{ position: relative; width: 680px; height: 81px; margin: 0 auto 78px auto; text-align: center; font-weight: bold; z-index: 1; }
.selNav{ position: absolute; top: 0; left: 0; width: 100%; height: 81px; line-height: 81px; background: url(../images/nav1.png) no-repeat 0 0; font-size: 33px; color: #FFF; z-index: 1; }
.nav1_list{ position: absolute; top: 64px; left: 0; width: 100%; box-sizing: border-box; padding: 28px 13px; border: 2px solid #abbde9; background: #FFF; display: none; }
.nav1_list li{ margin: 3px 0; width: 647px; height: 69px; line-height: 69px; background: #bcbcbc; font-size: 26px; color: #FFF; }
.nav1_list li:hover{ background: #abbde9; }
.winList{ width: 685px; margin: 0 auto 28px auto; display: flex; justify-content: space-between; }
.winbox{ position: relative; width: 160px; height: 165px; }
.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: -22px; left: -20px; width: 53px; height: 52px; background: url(../images/crown.png) no-repeat 0 0; }
.winbox dl{ margin-top: 80px; text-align: center; font-weight: bold; font-size: 16px; }
.winbox dt{ margin-bottom: 20px; color: #3c4f6b; }
.winbox dd{ color: #b2924f; }
.pkCont2{ width: 685px; margin: 0 auto 89px auto; display: flex; justify-content: space-between; }
.pkitem2{ position: relative; width: 340px; height: 274px; background: url(../images/pkitem2.png) no-repeat 0 0; }
.pkitem2 .tit{ position: absolute; top: 31px; left: 0; width: 100%; text-align: center; line-height: 18px; font-weight: bold; font-size: 16px; color: #000; }
.pkTeam2{ position: absolute; top: 109px; width: 282px; height: 123px; }
.pkTeam2:before{ content: ""; position: absolute; top: 50%; left: 50%; width: 41px; height: 73px; background: url(../images/pkTeam2.png) no-repeat 0 0; transform: translate(-50%,-50%); }
.pkTeam2 dl{ position: absolute; width: 134px; text-align: center; font-size: 14px; 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: -15px; transform: translate(0,-50%); width: 30px; height: 28px; background: url(../images/icon_win1.png) no-repeat 0 0; }
.pkTeam2 dt{ height: 22px; line-height: 22px; background: #475b8d; }
.pkTeam2 dd{ height: 33px; line-height: 33px; background: #abbde9; }
.nav3{ margin: 0 auto; width: 686px; display: flex; justify-content: space-between; background: url(../images/nav3.png) no-repeat 0 0; z-index: 1; position: relative; }
.nav3 a{ width: 340px; height: 106px; line-height: 88px; text-align: center; font-weight: bold; font-size: 37px; color: #FFF; }
.nav3.on{ background-position: 0 -106px; }
.pkCont1{ width: 686px; margin: -20px auto 0 auto; padding-top: 30px; background: #ebeef6; border: 3px solid #e2e4e9; box-sizing: border-box; display: none; }
.pkContMain{ display: flex; flex-wrap: wrap; justify-content: center;}
.pkitemWin{ width: 330px; margin-bottom: 14px; box-sizing: border-box; padding-top: 46px; }
.pkitemWin1{ margin-left: 4px; margin-right: 4px; height: 1164px; /*background: url(../images/pkitemWin1.png) no-repeat 0 0;*/ }
.pkitemWin2{ height: 452px; /*background: url(../images/pkitemWin2.png) no-repeat 0 0;*/ }
.pkCont1 .tit{ margin-bottom: 43px; height: 66px; text-align: center; line-height: 22px; font-weight: bold; font-size: 20px; color: #000; }
.pkTeamWin, .pkTeamLose{ position: relative; width: 214px; height: 198px; margin: 0 auto 42px auto; }
.pkTeamWin:before, .pkTeamLose:before{ content: ""; position: absolute; top: 50%; right: -29px; width: 33px; height: 116px; background: url(../images/pkTeamWin.png) no-repeat 0 0; transform: translate(0,-50%); }
.pkCont1 dl{ position: absolute; width: 100%; left: 0; text-align: center; font-size: 23px; color: #efefef; }
.pkTeamWin dl:nth-child(1), .pkTeamLose dl:nth-child(1){ top: 0; }
.pkTeamWin dl:nth-child(2), .pkTeamLose dl:nth-child(2){ bottom: 0; }
.pkCont1 .win{ color: #FFF; }
.pkTeamWin .win:after, .pkCont1 .win:after{ content: ""; position: absolute; top: 50%; left: -41px; transform: translate(0,-50%); width: 63px; height: 63px; background: url(../images/icon_win2.png) no-repeat 0 0; }
.pkCont1 dt{ height: 35px; line-height: 35px; background: #979797; }
.pkCont1 dd{ height: 52px; line-height: 52px; background: #BBB; }
.pkCont1 .win dt{ background: #475b8d; }
.pkCont1 .win dd{ background: #abbde9; }
.pkitemLose{ width: 330px; margin: 0 4px 14px 4px; box-sizing: border-box; padding-top: 0.2rem; padding-top: 46px; }
.pkitemLose1{ height: 1137px; /*background: url(../images/pkitemLose1.png) no-repeat 0 0;*/ }
.pkitemLose2{ height: 668px; /*background: url(../images/pkitemLose2.png) no-repeat 0 0;*/ }
.pkitemLose3{ height: 443px; /*background: url(../images/pkitemLose3.png) no-repeat 0 0;*/ }