@charset "utf-8";
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
address, caption, cite, code, dfn, em, strong, th, var,i { font-weight: normal; font-style: normal; }
ol, ul { list-style: none; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; }
q:before, q:after { content: ''; }
fieldset, img, abbr, acronym { border: 0; }
/*页面样式*/ 
.c:before, .c:after { content: ""; display: table; }
.c:after { clear: both; }
.c { zoom: 1; }
.none { display: none; }
.pr { position: relative; }
.pa { position: absolute; }
.fl { float: left; }
.fr { float: right; }
.show{ display: block !important; }
.full-img img,.full-img{display:block}
.full-img img{width:100%; height: 100%;}
.t{text-indent:-9999em;overflow:hidden;font-size: 0; display: block;}
body { font: 12px/1.5 '\5FAE\8F6F\96C5\9ED1'; text-align: justify; min-width: 1500px; position: relative; }
a { text-decoration: none; overflow: visible; transition: filter .2s; }
body { background-color: #97c5e2; }
html, body, .wrap { width: 100%; overflow-x: hidden;  margin: 0 auto; }
.wrap { position: relative;  max-width: 1920px; margin: 0 auto; }
.head { height: 1080px; background: url("../img/head_bg.jpg") no-repeat center top; position: relative; }
.head .logo {position: absolute; top: 24px; left: 50%;margin-left: -750px; width: 208px;height: 96px;background: url("../img/logo.png") no-repeat center top;  }
.vbg {
    top: 0;
    width: 1920px;
    height: 1080px;
    left: 50%;
    margin-left: -960px;
		position: absolute;
}
.vbg video {
    width: 100%;
    height: 100%;
}
.content {  position: relative;padding-top: 1px; box-sizing: border-box; }
.section{display: none;}
.content.s1{
    height: 2638px; background: url("../img/cont_bg1.jpg") no-repeat center top;
}
.content.s2{
    height: 2071px; background: url("../img/cont_bg2.jpg") no-repeat center top;
}
.content.s3{
    height: 4520px; background: url("../img/cont_bg3.jpg") no-repeat center top;
}
.title{background: url("../img/title_spr.png"); width: 1000px;height: 154px;margin: 0 auto;}
.content .nav_list{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 1342px;
    height: 220px;
    background: url("../img/nav_list_bg.png") no-repeat center top;
    margin: -70px auto 0;
    padding: 9px 173px 0;
    box-sizing: border-box;
}
.content .nav_list li{
    cursor: pointer;
}
.content .nav_list .nav1{
    width: 434px;
    height: 96px;
    background: url("../img/nav1.png") no-repeat center top;
}
.content .nav_list .nav2{
    position: absolute;
    left: 50%;
    margin-left: -127px;
    width: 265px;
    height: 226px;
    background: url("../img/nav2.png") no-repeat center top;
}
.content .nav_list .nav3{
    width: 420px;
    height: 96px;
    background: url("../img/nav3.png") no-repeat center top;
}
.content .nav_list .nav1.on{
    background: url("../img/nav1-on.png") no-repeat center top;
}
.content .nav_list .nav2.on{
    background: url("../img/nav2-on.png") no-repeat center top;
}
.content .nav_list .nav3.on{
    background: url("../img/nav3-on.png") no-repeat center top;
}
/* section1 */
.part_prize .s1_title1{
    background-position: 0 -400px;
    margin-top: 42px;
}
.ranking_prize_box{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 1420px;
    margin: 60px auto 0;
    
}
.ranking_prize {
    width: 467px;
    height: 820px;
    padding-top: 46px;
    box-sizing: border-box;
}
.ranking_prize.ranking_prize1{
    position: absolute;
    top: -45px;
    left: 50%;
    margin-left: -247px;
    width: 495px;
    height: 912px;
    background: url("../img/ranking_one_bg.png") no-repeat center top;
}
.ranking_prize.ranking_prize2{
    background: url("../img/ranking_two_bg.png") no-repeat center top;
}
.ranking_prize.ranking_prize3{
    background: url("../img/ranking_three_bg.png") no-repeat center top;
}
.ranking1{
    width: 197px;
    height: 37px;
    background: url("../img/ranking_one.png") no-repeat center top;
    margin: 0 auto;
}
.ranking2{
    width: 190px;
    height: 35px;
    background: url("../img/ranking_two.png") no-repeat center top;
    margin: 0 auto;
}
.ranking3{
    width: 248px;
    height: 35px;
    background: url("../img/ranking_three.png") no-repeat center top;
    margin: 0 auto;
}
.ranking_ti{
    width: 342px;
    height: 47px;
    margin: 10px auto 0;
}
.ranking_ti2{
    width: 324px;
    height: 43px;
    margin: 10px auto 0;
}
.ranking_ti3{
    width: 323px;
    height: 43px;
    margin: 0 auto;
}
.prize_tips{
    font-size: 18px;
    color: #684721;
    text-align: center;
    line-height: 1.5;
}
.prize_tips.tips2{
    color: #3f4b74;
}
.prize_tips.tips3{
    color: #7a4a3c;
}
.prize_tips span{
    color: #a44516;
}
.prize{
    position: relative;
    width: 268px;
    height: 241px;
    margin: 20px auto;
}
.prize2,.prize3{
    position: relative;
    width: 254px;
    height: 228px;
    margin: 20px auto;
}
.prize em{
    position: absolute;
    font-size: 18px;
    color: #684721;
    line-height: 1;
}
.prize em:nth-of-type(1){
    left: 10px;
    top: 94px;
}
.prize em:nth-of-type(2){
    right: 10px;
    top: 94px;
}
.prize em:nth-of-type(3){
    left: 10px;
    top: 222px;
}
.prize em:nth-of-type(4){
    right: 10px;
    top: 222px;
}
.prize2 em,
.prize3 em{
    position: absolute;
    font-size: 17px;
    color: #3f4b74;
    line-height: 1;
}
.font-c em{
    color: #7a4a3c;
}
.prize2 em:nth-of-type(1){
    left: 10px;
    top: 90px;
}
.prize2 em:nth-of-type(2){
    right: 10px;
    top: 90px;
}
.prize2 em:nth-of-type(3){
    left: 7px;
    top: 210px;
}
.prize2 em:nth-of-type(4){
    right: 7px;
    top: 210px;
}
.weapon_name{
    width: 298px;
    height: 46px;
    margin: 0 auto;
}
.weapon_name2{
    width: 280px;
    height: 43px;
    margin: 0 auto;
}
.weapon{
    width: 196px;
    height: 194px;
    margin: 10px auto 0;
}
.weapon2{
    width: 180px;
    height: 177px;
    margin: 10px auto 0;
}
.btn_fsj{
    display: block;
    width: 45px;
    height: 41px;
    background: url("../img/btn_fdj.png") no-repeat center top;
    margin: 5px auto 0;
}
.ranking_prize_box2{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: flex-start;
    width: 1438px;
    height: 1087px;
    background: url("../img/prize_box_bg.png") no-repeat center top;
    margin: 72px auto 0;
    padding: 30px 63px 0;
    box-sizing: border-box;
}
.ranking_prize4{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 648px;
    height: 216px;
    background: url("../img/ranking_bg.png") no-repeat center top;
    margin-bottom: 26px;
}
.ranking_prize5{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 648px;
    height: 155px;
    background: url("../img/ranking_bg2.png") no-repeat center top;
    margin-bottom: 26px;
}
.ranking4{
    width: 22%;
    text-align: center;
    font-size: 28px;
    color: #ffebbc;
    line-height: 1.4;
}
.prize_cont{width: 78%;height: 100%;padding-top: 20px; box-sizing: border-box;}
.ranking_prize5 .prize_cont{padding-top: 30px;}
.prize_list {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 480px;
    margin: 15px auto 0;
}
.prize_list2 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 256px;
    margin: 15px auto 0;
}
.ranking_prize5 .prize_list2 {
    margin-top: 0;
}
.ranking_prize5 .ranking_ti3{margin-top: 10px;}
.prize_img_box{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 77px;
    height: 66px;
    background: url("../img/prize_bg.png") no-repeat center top;
}
.prize_list img{
    display: block;
    width: 48px;
    width: 48px;
}
.przie_name{
    font-size: 17px;
    text-align: center;
    color: #3f4b74;
}
.ranking_prize6{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 648px;
    height: 155px;
    background: url("../img/ranking_bg4.png") no-repeat center top;
}
.ranking_prize6 .ranking4{
    width: 38%;
}
.ranking_prize6 .prize_cont{
    width: 62%;
}
.ranking_prize7{
    width: 1319px;
    height: 363px;
    background: url("../img/ranking_bg3.png") no-repeat center top;
}
.ranking5{
    text-align: center;
    font-size: 34px;
    color: #ffebbc;
    line-height: 116px;
}
.prize_list3 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 1159px;
    margin: 35px auto 0;
}
.prize_list3 li{
    position: relative;
}
.prize_img_box2{
    width: 329px;
    height: 175px;
    background: url("../img/prize_bg2.png") no-repeat center top;
}
.prize_img_box2 img{
    width: 329px;
    height: 117px;
}
.przie_name2{
    position: absolute;
    width: 120%;
    top: 110px;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    font-size: 20px;
    color: #fff;
    line-height: 1.2;
}

/* section2 */
.part_champion{
    height: 730px;
}
.part_champion .s2_titl1{
    background-position: 0 0;
    margin-top: 42px;
}
.part_champion .sel_box{
    position: absolute;
    left: 50%;
    margin-left: 500px;
    width: 228px;
    height: 50px;
    background: url("../img/sel_bg.png") no-repeat center top;
}
.part_champion .sel{
    width: 100%;
    height: 100%;
    background: transparent;
    border: none;
    outline: none;
    appearance: none;
  -webkit-appearance: none; /* Safari/Chrome */
  -moz-appearance: none;    /* Firefox */
  font-size: 20px;
  color: #243050;
  padding: 0 76px 0 45px;
}
.part_champion .championTeamList{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 1450px;
    margin: 110px auto 0;
}
.part_champion .championTeamList .teamList_item{
    position: relative;
    background: url("../img/teamList_item_bg.png") no-repeat center top;
    width: 232px;
    height: 369px;
    padding-top: 206px;
    box-sizing: border-box;
}
.part_champion .championTeamList .teamList_item::before{
    content: '';
    position: absolute;
    left: 50%;
    margin-left: -19px;
    top: 195px;
    display: block;
    background: url("../img/teamList_item_icon.png") no-repeat center top;
    width: 47px;
    height: 9px;
    z-index: 2;
}
.part_champion .championTeamList .team_profession{
    position: absolute;
    top: -61px;
    left: -32px;
    width: 347px;
    height: 319px;
}
.part_champion .championTeamList .team_profession img{
    display: block;
    width: 100%;
    height: 100%;
}
.part_champion .championTeamList .team_tips{
    
    font-size: 18px;
    color: #b8d1e5;
    text-align: center;
    margin-top: 34px;
}
.part_champion .championTeamList .team_info{
    display: none;
    padding: 0 40px;
    box-sizing: border-box;
}
.part_champion .championTeamList p{
    font-size: 15px;
    color: #b8d1e5;
    line-height: 1.5;
    text-align: left;
}
.part_champion .championTeamList i{
    display: block;
    background: url("../img/team_info_line.png") no-repeat center top;
    width: 162px;
    height: 7px;
    margin: 0 auto;
}
.part_champion .championTeamList .name{
    font-size: 17px;
    color: #fff0ab;
    text-align: center;
}
.part_schedule .s2_title2{
    background-position: 0 -200px;
}

.bracket-grid {
    width: 1510px;
    height: 680px;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: center;
    gap: 0;
    position: relative;
    margin: 74px auto 0;
}

.half {
    position: relative;
    height: 100%;
    flex: 1 1 0;
    display: flex;
    flex-direction: row;        /* 改为行，让轮次水平排列 */
    align-items: center;
    justify-content: center;
    gap: 30px;
}

.half-left {
    /* 从左向右排列：第一轮在左，冠军在右 */
    flex-direction: row;
    padding-right: 4px;
}

.half-right {
    flex-direction: row-reverse;
    padding-left: 4px;
}

.sc {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    flex-shrink: 0;
    height: 100%;
    z-index: 2;
}
.grouping_name_box{
    position: absolute;
    right: -75px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 11px 0;
    box-sizing: border-box;
}
.half-left .grouping_name_box{
    left: -75px;
}
.grouping_name_box p{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 67px;
    height: 150px;
    color: #ffe8ba;
    font-size: 30px;
    text-align: center;
    border:1px solid #6d7691 ;
}


.team {
    background: url("../img/team_box_bg.png") no-repeat center top;
    width: 151px;
    height: 63px;
    text-align: center;
    font-size: 18px;
    color: #7b572b;
    display: flex;
    justify-content: center;
    align-items: center;
}

.champion-area {
    position: absolute;
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 3;
}
.line_box{
    position: absolute;
    display: flex;
    height: 100%;
    flex-direction: column;
    justify-content: space-around;
}
.line_box.left_box1{
    left: 130px;
}
.left_line1{
    display: block;
    background: url("../img/left_line1.png");
    width: 84px;
    height: 86px;
}
.line_box.left_box2{
    left: 314px;
}
.left_line2{
    display: block;
    background: url("../img/left_line2.png");
    width: 82px;
    height: 172px;
}
.line_box.left_box3{
    left: 493px;
}
.left_line3{
    display: block;
    background: url("../img/left_line3.png");
    width: 92px;
    height: 342px;
}

.line_box.right_box1{
    top: -2px;
    right: 130px;
}
.right_line1{
    display: block;
    background: url("../img/right_line1.png");
    width: 84px;
    height: 86px;
}
.line_box.right_box2{
    top: -2px;
    right: 314px;
}
.right_line2{
    display: block;
    background: url("../img/right_line2.png");
    width: 82px;
    height: 172px;
}
.line_box.right_box3{
    top: -2px;
    right: 493px;
}
.right_line3{
    display: block;
    background: url("../img/right_line3.png");
    width: 92px;
    height: 342px;
}
.trophy{
    width: 179px;
    height: 206px;
}
.trophy img{
    width: 100%;
    height: 100%;
}
.team.champion-team {
    position: relative;
    background: url("../img/champion_team_box_bg.png") no-repeat center top;
    width: 240px;
    height: 73px;
    text-align: center;
    font-size: 24px;
    color: #7b572b;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: -5px;
    z-index: 2;
}
.center_line_box{
    position: absolute;
    top: 255px;
}
.center_line{
    display: block;
    background: url("../img/cent_line.png");
    width: 186px;
    height: 95px;
}
/* section3 */
.part_stage{
    height: 356px;
}
.part_stage .s3_title1{
    background-position: 0 -600px;
    margin-top: 42px;
}
.stage_box{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 1402px;
    margin: 33px auto 0;
}
.stage{
    margin-left: -8px;
}
.stage:first-child{
    margin-left: 0;
}
.stage img{
    display: block;
    width: 239px;
    height: 75px;
}
.stage_time{
    font-size: 17px;
    color: #cee5f8;
    text-align: center;
    padding-right: 10px;
    line-height: 1.8;
    box-sizing: border-box;
}
.part_grouping{
    position: relative;
    height: 1560px;
}
.part_grouping .s3_title2{
    background-position: 0 -800px;
}
.grouping_tips{
    text-align: center;
    font-size: 17px;
    color: #b8d1e5;
    line-height: 53px;
}
.btn_grouping_rule{
    position: absolute;
    top: 162px;
    left: 50%;
    margin-left: 500px;
    width: 131px;
    height: 38px;
    background: url("../img/btn_grouping_rule.png") no-repeat center top;
}
.grouping_nav_list{
    width: 1400px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 47px auto 0;
}
.grouping_nav_list li{
    width: 162px;
    height: 60px;
    background: url("../img/grouping_nav.png") no-repeat ;
    cursor: pointer;
}
.grouping_nav_list .grouping_nav1{
    background-position: 0 0;
}
.grouping_nav_list .grouping_nav2{
    background-position: -177px 0;
}
.grouping_nav_list .grouping_nav3{
    background-position: -354px 0;
}
.grouping_nav_list .grouping_nav4{
    background-position: -531px 0;
}
.grouping_nav_list .grouping_nav5{
    background-position: -708px 0;
}
.grouping_nav_list .grouping_nav6{
    background-position: -884px 0;
}
.grouping_nav_list .grouping_nav7{
    background-position: -1061px 0;
}
.grouping_nav_list .grouping_nav8{
    background-position: -1238px 0;
}
.grouping_nav_list .grouping_nav1.on{
    background-position: 0 -60px;
}
.grouping_nav_list .grouping_nav2.on{
    background-position: -177px -60px;
}
.grouping_nav_list .grouping_nav3.on{
    background-position: -354px -60px;
}
.grouping_nav_list .grouping_nav4.on{
    background-position: -531px -60px;
}
.grouping_nav_list .grouping_nav5.on{
    background-position: -708px -60px;
}
.grouping_nav_list .grouping_nav6.on{
    background-position: -884px -60px;
}
.grouping_nav_list .grouping_nav7.on{
    background-position: -1061px -60px;
}
.grouping_nav_list .grouping_nav8.on{
    background-position: -1238px -60px;
}
.grouping_box{
    width: 1438px;
    height: 1141px;
    background: url("../img/grouping_box.png") no-repeat center top;
    margin: 34px auto 0;
    padding: 64px 74px 60px;
    box-sizing: border-box;
}
.grouping_item{
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: space-between;
}
.grouping_team{
    display: flex;
    align-items: center;
    width: 290px;
    height: 87px;
    background: url("../img/grouping_team.png") no-repeat center top;
}
.grouping_team_num{
    width: 24%;
    font-size: 39px;
    text-align: center;
    color: #7399d2;
}
.grouping_team_info{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 76%;
    font-size: 0;
    padding-right: 40px;
    box-sizing: border-box;
}
.grouping_team_info span{
    display: block;
    font-size: 20px;
    text-align: left;
    line-height: 1.5;
    color: #3f4b74;
}
.part_rule .s3_title3{
    background-position: 0 -1000px;
}
.table_box{
    width: 1399px;
    height: 755px;
    background: url("../img/table_bg.jpg") no-repeat center top;
    margin: 0 auto;
}
.time_table{
    width: 100%;
    height: 100%;
}
.part_rule thead th{
    font-size: 22px;
    color: #3f4b74;
    padding: 22px 40px;
    background: #c2d2ee;
    border: 1px #6278a6 solid;
    text-align: center;
}
.part_rule tbody td{
    font-size: 22px;
    color: #b8d1e5;
    border: 1px #6278a6 solid;
    text-align: center;
    line-height: 1.5;
}
.part_rule tbody td span{
    margin: 0 10px;
}
.part_rule tbody td.bg-col1{
    background: #cbf1ef;
    color: #2a3e60;
}
.part_rule tbody td.bg-col2{
    background: #b9eeff;
    color: #2a3e60;
}
.part_rule tbody td.bg-col3{
    background: #ffedb0;
    color: #2a3e60;
}
.part_rule tbody td.bg-col4{
    background: #ffcaad;
    color: #2a3e60;
}
.sc_box{
    width: 1399px;
    height: 1103px;
    background: url("../img/sc_bg.jpg") no-repeat center top;
    margin: 0 auto;
}
.sc_table{
    width: 100%;
    height: 100%;
}

.sc_table thead th{
    font-size: 18px;
    color: #3f4b74;
    padding: 10px 30px;
    background: #c2d2ee;
    border: 1px #6278a6 solid;
    
}
.sc_table tbody td{
    position: relative;
    font-size: 17px;
    color: #b8d1e5;
    border: 1px #6278a6 solid;
    text-align: left;
    line-height: 1.5;
    
}
.sc_table tbody tr td:first-child{
    text-align: center;
}
.sc_table tbody tr td:nth-child(2)
{
    padding:43px 50px 0;
    box-sizing: border-box;
}
.sc_table tbody tr td:nth-child(3){
    padding: 10px 10px 10px 40px;
}
.sc_table tbody tr:nth-child(1) td:nth-child(2){
    padding-top: 0;
}
.sc_table tbody tr:first-child td:nth-child(2){
    vertical-align:middle;
}
.sc_table tbody em{
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    display: block;
    height: 41px;
    line-height: 41px;
    background: #3f5c8b;
    padding-left: 50px;
}
.sc_table tbody td:nth-child(2) span{
    margin: 0;
}
.sc_table tbody td:nth-child(2) span:nth-of-type(odd){
    margin: 0 10px 0   0;
}
.sc_table tbody td:nth-child(1) span{
    color: #e0cb94;
}
.rule_btn{
    width: 184px;
    height: 47px;
    margin: 0 auto;
}
.rule_btn.btn_zdxb{
    background: url("../img/btn_zdxb.png") no-repeat center top;
}
.rule_btn.btn_tpxj{
    background: url("../img/btn_tpxj.png") no-repeat center top;
}
.rule_btn.btn_yxs{
    background: url("../img/btn_yxs.png") no-repeat center top;
}
.rule_btn.btn_zjs{
    background: url("../img/btn_zjs.png") no-repeat center top;
}
.rule_ti{width: 1399px;text-align: left;font-size: 24px; color: #b8d1e5; margin: 50px auto 14px;}



/* pop */
.pop{
    position: relative;
    display: none;
    margin: 0;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%);
}
.pop_weapon{
    width: 1022px;
    height: 576px;
}
.pop_weapon .popcont{
    width: 1022px;
    height: 576px;
}
.pop_weapon .popcont img{
    width: 100%;
    height: 100%;
}
.btn_popclose1{
    position: absolute;
    top: -24px;
    right: -24px;
    width: 84px;
    height: 84px;
    background: url("../img/pop_close.png") no-repeat center top;
    cursor: pointer;
}
.btn_popclose2{
    position: absolute;
    top: 10px;
    right: 10px;
    width: 74px;
    height: 74px;
    background: url("../img/pop_close2.png") no-repeat center top;
    cursor: pointer;
}
.pop_rule1{
    width: 702px;
    height: 517px;
    background: url("../img/pop_bg1.png") no-repeat center top;
    padding: 42px 40px 0;
    box-sizing: border-box;
}
.pop_title1{
    width: 340px;
    height: 36px;
    background: url("../img/pop_ti1.png") no-repeat center top;
    margin: 0 auto 20px;
}
.pop_rule2{
    width: 702px;
    height: 381px;
    background: url("../img/pop_bg2.png") no-repeat center top;
    padding: 42px 40px 0;
    box-sizing: border-box;
}
.pop_rule3,
.pop_rule4,
.pop_rule5{
    width: 702px;
    height: 689px;
    background: url("../img/pop_bg3.png") no-repeat center top;
    padding: 42px 20px 0;
    box-sizing: border-box;
}
.pop_title2{
    width: 340px;
    height: 37px;
    background: url("../img/pop_ti2.png") no-repeat center top;
    margin: 0 auto 29px;
}
.pop_title3{
    width: 239px;
    height: 36px;
    background: url("../img/pop_ti3.png") no-repeat center top;
    margin: 0 auto 29px;
}
.pop_title4{
    width: 239px;
    height: 36px;
    background: url("../img/pop_ti4.png") no-repeat center top;
    margin: 0 auto 29px;
}
.pop_title5{
    width: 239px;
    height: 36px;
    background: url("../img/pop_ti5.png") no-repeat center top;
    margin: 0 auto 29px;
}
.rule_list li{
    font-size: 22px;
    color: #3f4b74;
    line-height: 1.6;
    text-align: left;
    margin-bottom: 35px;
}
.rule_list li span{
    color: #a0721a;
}
.rule_list li strong{
    font-weight: 600;
    color: #a0721a;
}
.rule_list li em{
    font-weight: 600;
}
.pop_rule4 .rule_list li{
    margin-bottom: 25px;
    font-size: 20px;
}
.rule_list li:last-child{
    margin-bottom: 0;
}
.pop_rule5 .rule_list p{
    text-indent: 2em;
}
.scroll{ height: 520px; overflow-y: auto; padding-right: 3px; box-sizing: border-box; }
.scroll::-webkit-scrollbar {
  width: 5px;  
}

.scroll::-webkit-scrollbar-track {
  background: #b9c6e9;
  border-radius: 10px;    
}

.scroll::-webkit-scrollbar-thumb
 {
  background: #3b57a8;     
  border-radius: 10px;   
}

#confetti{position: relative;z-index: 10000000000;}