.audio_warp { display: none;position: absolute; right: 83px; top: 119px; height: 48px; width: 51px; z-index: 99999; background: url(/sw/nba2kol2h5/images/ico/audio_img.png) no-repeat center; height: 48px; width: 48px; background-position: 0 -135px; }
.audio_warp i { display: block; background: url(/sw/nba2kol2h5/images/ico/audio_img.png) no-repeat center; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; -webkit-animation: zhuanbox_two 3s  linear infinite; -moz-animation: zhuanbox_two 3s  linear infinite;}
.audio_warp .play { height: 35px; width: 33px; background-position: 0 0;  }
.audio_warp .pause { height: 48px; width: 48px; background-position: 0 -60px;  animation-play-state: paused; }

#video1 { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }

.fell_nav { position: fixed; right: 65px; height: 380px; width: 90px; top: 50%; margin-top: -190px; z-index: 100; }
.fell_nav .lq_box { margin: 0 auto; display: block; background: url(/sw/nba2kol2h5/images/ico/ico_img.png) no-repeat center; }
.fell_nav .tab_a { height: 57px; width: 57px; background-position: 0 -260px; }
.fell_nav .tab_b { height: 56px; width: 70px; background-position: 0 -342px; margin: 10px auto; }
.fell_nav ul { position: relative; width: 100%; height: 320px; }
.fell_nav ul li { width: 100%; height: 29px; position: relative; line-height: 29px; font-size: 20px; margin-bottom: 31px; }
.fell_nav ul li span { width: 100%; height: 100%; position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto; -webkit-transition: -webkit-transform .6s ease; transition: -webkit-transform .6s ease; transition: transform .6s ease; transition: transform .6s ease,-webkit-transform .6s ease; -webkit-transform: scale(0, 1); -ms-transform: scale(0, 1); transform: scale(0, 1); text-align: center; }
.fell_nav ul .last_a span { color: #fff; display: block; text-align: center; -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); }
.fell_nav ul .last_b a { width: 100%; height: 100%; color: #d29829; }
.fell_nav ul .li { color: #d29829; }
.fell_nav ul .li i { display: inline-block; background: url(/sw/nba2kol2h5/images/ico/ico_img.png) no-repeat center; height: 13px; width: 13px; background-position: 0 0; margin: 0 auto; line-height: 29px; position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto; }
.fell_nav ul .li:hover i { display: none; }
.fell_nav ul .li:hover span { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); }
.fell_nav ul .on i { display: none; }
.fell_nav ul .on span { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); }
.fell_nav ul .line { position: absolute; left: 0; right: 0; bottom: 0; top: 0; margin: auto; width: 1px; height: 260px; }
.fell_nav ul .line i { display: block; background: url(/sw/nba2kol2h5/images/ico/line1.png) no-repeat center; height: 31px; margin-bottom: 29px; }

.cont1 { width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
.cont1 .img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
.cont1 .img img { width: 100%; height: 100%; }
.cont1 .tab_list { position: absolute; left: 0; bottom: 150px; right: 0; margin: auto; width: 317px; }
.cont1 .tab_list .tab { width: 100%; margin-top: 23px; text-align: center; position: relative; height: 51px; width: 317px; font-size: 25px; line-height: 51px; color: #fff; }
.cont1 .tab_list .tab span { width: 100%; height: 100%; position: absolute; left: 0; top: 0; display: block; }
.cont1 .tab_list .tab i { display: block; position: absolute; left: 0px; top: 0px; height: 51px; width: 317px; background: url(/sw/nba2kol2h5/images/ico/ico_img.png) no-repeat center; background-position: 0 -430px; -webkit-transition: -webkit-transform .6s ease; transition: -webkit-transform .6s ease; transition: transform .6s ease; transition: transform .6s ease,-webkit-transform .6s ease; -webkit-transform: scale(0, 1); -ms-transform: scale(0, 1); transform: scale(0, 1); }
.cont1 .tab_list .tab:hover i { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); }
.cont1 .tab_list .on_tab i { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); }
.cont1 .bottom_box { height: 30px; line-height: 30px; text-align: center; position: absolute; left: 0; bottom: 90px; width: 100%; }
.cont1 .bottom_box .linbox { display: inline-block; vertical-align: middle; }
.cont1 .bottom_box .zan { background: url(/sw/nba2kol2h5/images/ico/ico_img.png) no-repeat center; height: 25px; width: 27px; background-position: 0 -172px; margin-top: -2px; }
.cont1 .bottom_box .zan:hover { opacity: 0.8; }
.cont1 .bottom_box .zan_on:hover { background-position: 0 -106px; opacity: 1; }
.cont1 .bottom_box .nober { font-size: 25px; color: #fff; padding: 0 10px; }
.cont1 .bottom_box .bdsharebuttonbox a { background: url(/sw/nba2kol2h5/images/ico/ico_img.png) no-repeat center; padding-left: 0; margin: 0 14px 0 0; }
.cont1 .bottom_box .bdsharebuttonbox .bds_tsina { height: 22px; width: 28px; background-position: 0 -135px; }
.cont1 .bottom_box .bdsharebuttonbox .bds_weixin { height: 23px; width: 29px; background-position: 0 -212px; }
.cont1 .bottom_box .bdsharebuttonbox .bds_sqq { height: 22px; width: 22px; background-position: 0 -33px; }
.cont1 .bottom_box .bdsharebuttonbox .bds_qzone { height: 23px; width: 25px; background-position: 0 -65px; }
.cont1 .bottom_box .gif { position: absolute; right: 283px; bottom: 0px; }

.cont2 { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(/sw/nba2kol2h5/images/con2.jpg) no-repeat center; background-size:100% 100% ;}
.cont2 .bj_show { width: 100%; height: 100%; position: relative; z-index: 1;}
.cont2 .bj_show img { width: 100%; height: 100%; }
.cont2 .tab_top { left: 130px; top: 28px; background: url(/sw/nba2kol2h5/images/ico/tab_top.png) no-repeat center; width: 251px; height: 65px; position: absolute; z-index: 100; }
.cont2 .box_ren { width: 685px; height: 685px; overflow: hidden; position: absolute; right: 160px; top: 170px; z-index: 1;}
.cont2 .box_ren ul { width: 110%; height: 110%; }
.cont2 .box_ren ul li { float: left; width: 220px; height: 220px; margin: 0 14px 13px 0; position: relative; }
.cont2 .box_ren ul li i { position: absolute; left: 0; top: 0; width: 210px; height: 210px; border: 5px solid #fff; display: none; }
.cont2 .box_ren ul li .img { width: 100%; height: 100%; }
.cont2 .box_ren ul li .img img { width: 100%; height: 100%; }
.cont2 .box_ren ul li:hover i { display: block; }
.cont2 .box_ren ul .on i { display: block; }
.cont2 .tab_last { position: absolute; bottom: 100px; right: 160px; width: 224px; height: 71px; text-align: center; line-height: 71px; color: #fff; font-size: 25px; background: #5f0809; transition: all 0.2s linear; -webkit-transition: all 0.2s linear; z-index: 1; }
.cont2 .tab_last span { position: absolute; width: 100%; height: 100%; display: block; z-index: 1; top: 0; left: 0; }
.cont2 .tab_last i { display: block; position: absolute; left: 0px; top: 0px; height: 100%; width: 100%; background: #9d010c; background-position: 0 -430px; -webkit-transition: -webkit-transform .4s ease; transition: -webkit-transform .4s ease; transition: transform .4s ease; transition: transform .4s ease,-webkit-transform .4s ease; -webkit-transform: scale(0, 1); -ms-transform: scale(0, 1); transform: scale(0, 1); z-index: 0; }
.cont2 .tab_last:hover i { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); }
.cont2 .video_box { position: absolute; left: 0; bottom: 0; width: 810px; height: 980px; z-index: 0; }
.cont2 .video_box .video_bj { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(/sw/nba2kol2h5/images/img_a/video_bj.png) no-repeat center; z-index: 10; }
.cont2 .video_box .video_list { width: 100%; position: absolute; left: 0; bottom: 0; }
.cont2 .video_box .video_list video { width: 100%; height: 100%; }

.cont3 { width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
.cont3 .bt2 { position: absolute; left: 130px; top: 28px; background: url(/sw/nba2kol2h5/images/ico/bt2.png) no-repeat center; width: 299px; height: 65px; z-index: 10; }
.cont3 .tab_warp { position: absolute; right: 196px; top: 220px; z-index: 10; width: 200px; text-align: right; color: #fff; }
.cont3 .tab_warp ul li { height: 30px; width: 100%; overflow: hidden; position: relative; margin: 30px 0; }
.cont3 .tab_warp ul li .bt { font-size: 28px; font-style: italic; line-height: 30px; height: 30px; position: relative; }
.cont3 .tab_warp ul li .bt i { display: inline-block; background: url(/sw/nba2kol2h5/images/ico/ico_img.png) no-repeat center; height: 25px; width: 25px; background-position: -135px 0; vertical-align: middle; margin-top: -2px; margin-left: 8px; }
.cont3 .tab_warp ul li .li_list { margin-top: 10px; position: relative; margin-right: 6px; }
.cont3 .tab_warp ul li .li_list .line { height: 100%; position: absolute; right: 5px; top: 0px; border: 1px dashed #d29829; }
.cont3 .tab_warp ul li .li_list .item { transition: all 1s linear; -webkit-transition: all 1s linear; width: 100%; height: 100%; }
.cont3 .tab_warp ul li .li_list .item .list { height: 50px; line-height: 50px; color: #eeeeee; font-size: 20px; position: relative; padding-right: 23px; }
.cont3 .tab_warp ul li .li_list .item .list i { display: none; position: absolute; right: 0; top: 18px; background: url(/sw/nba2kol2h5/images/ico/ico_img.png) no-repeat center; width: 13px; height: 13px; background-position: 0 0; }
.cont3 .tab_warp ul li .li_list .item .list:hover { color: #d29829; }
.cont3 .tab_warp ul li .li_list .item .list:hover i { display: inline-block; }
.cont3 .tab_warp ul li .li_list .item .ac { color: #d29829; }
.cont3 .tab_warp ul li .li_list .item .ac i { display: inline-block; }
.cont3 .tab_warp ul .on { height: auto; }
.cont3 .tab_warp ul .on .bt { color: #d29829; }
.cont3 .tab_warp ul .on .bt i { background-position: -96px 0; }
.cont3 .img_warp { width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
.cont3 .img_warp .img_item { width: 100%; height: 100%; }
.cont3 .img_warp .img_item img { width: 100%; height: 100%; }
.cont3 .tab_list { position: absolute; right: 160px; bottom: 110px; height: 52px; text-align: center; color: #fff; font-size: 25px; text-align: center; line-height: 52px; width: 530px; z-index: 10; }
.cont3 .tab_list .tab { width: 225px; height: 52px; position: relative; float: left; margin-left: 40px; }
.cont3 .tab_list .tab i { position: absolute; display: block; width: 100%; height: 100%; left: 0; top: 0; background: #9d010c; -webkit-transition: -webkit-transform .3s ease; transition: -webkit-transform .3s ease; transition: transform .3s ease; transition: transform .3s ease,-webkit-transform .3s ease; -webkit-transform: scale(0, 1); -ms-transform: scale(0, 1); transform: scale(0, 1); z-index: 0; }
.cont3 .tab_list .tab span { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; }
.cont3 .tab_list .tab:hover i { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); }
.cont3 .tab_list .tab_frst { background: #b2b2b2; }
.cont3 .tab_list .tab_last { background: #5f0809; }
.cont3 .gif_box { position: absolute; right: 436px; top: 230px; width: 376px; height: 638px; z-index: 3; }

.cont4 { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.cont4 .bt3 { position: absolute; left: 163px; top: 28px; background: url(/sw/nba2kol2h5/images/ico/bt3.png) no-repeat center; width: 306px; height: 65px; z-index: 5; }
.cont4 .img_show { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.cont4 .img_show ul { white-space: nowrap; height: 100%; }
.cont4 .img_show ul li { width: 1920px; height: 1080px; display: inline-block; }
.cont4 .img_show ul li img { width: 100%; height: 100%; }
.cont4 .warp4 { width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
.cont4 .warp4 .net { width: 1597px; height: 786px; overflow: hidden; position: absolute; top: 111px; left: 161px; z-index: 10; }
.cont4 .warp4 .net .item { width: 100%; height: 100%; }
.cont4 .warp4 .net .infor { width: 105%; height: 100%; }
.cont4 .warp4 .net .infor .list { height: 100%; width: 360px; margin-right: 53px; float: left; z-index: 10; }
.cont4 .pages_on { width: 100%; text-align: center; height: 37px; position: absolute; left: 0; bottom: 123px; }
.cont4 .pages_on .click { display: inline-block; background: url(/sw/nba2kol2h5/images/ico/ico_img.png) no-repeat center; height: 38px; width: 21px; vertical-align: mmiddle; }
.cont4 .pages_on .click:hover { opacity: 0.8; }
.cont4 .pages_on .nex { background-position: -102px -37px; }
.cont4 .pages_on .pev { background-position: -141px  -37px; }
.cont4 .pages_on ul { display: inline-block; vertical-align: middle; line-height: 37px; height: 100%; margin-top: -31px; }
.cont4 .pages_on ul li { display: inline-block; background: #7a7d7e; border-radius: 50%; width: 10px; height: 10px; margin: 0 6px 0 19px; }
.cont4 .pages_on ul .on { background: #fff; }
.cont4 .tab_list { position: absolute; right: 160px; bottom: 110px; height: 52px; text-align: center; color: #fff; font-size: 25px; text-align: center; line-height: 52px; width: 530px; z-index: 10; }
.cont4 .tab_list .tab { width: 225px; height: 52px; position: relative; float: left; margin-left: 40px; }
.cont4 .tab_list .tab i { position: absolute; display: block; width: 100%; height: 100%; left: 0; top: 0; background: #9d010c; -webkit-transition: -webkit-transform .3s ease; transition: -webkit-transform .3s ease; transition: transform .3s ease; transition: transform .3s ease,-webkit-transform .3s ease; -webkit-transform: scale(0, 1); -ms-transform: scale(0, 1); transform: scale(0, 1); z-index: 0; }
.cont4 .tab_list .tab span { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; }
.cont4 .tab_list .tab:hover i { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); }
.cont4 .tab_list .tab_first { background: #b2b2b2; }
.cont4 .tab_list .tab_last { background: #5f0809; }

.cont5 { width: 100%; height: 100%; background: url(/sw/nba2kol2h5/images/con4.jpg) no-repeat center; background-size: 100% 100%; position: absolute; left: 0; top: 0; }
.cont5 .nav_list { position: absolute; width: 150px; height: auto; top: 310px; left: 286px; text-align: right; }
.cont5 .nav_list ul li { position: relative; padding-right: 26px; height: 20px; line-height: 20px; font-size: 20px; margin-bottom: 30px; color: #eeeeee; }
.cont5 .nav_list ul li i { display: block; background: url(/sw/nba2kol2h5/images/ico/ico_img.png) no-repeat center; height: 11px; width: 11px; background-position: -71px 0; position: absolute; right: 0; top: 5px; z-index: 2; }
.cont5 .nav_list ul li:hover { color: #d29829; }
.cont5 .nav_list ul li:hover i { background-position: -48px 0; }
.cont5 .nav_list ul .on { color: #d29829; }
.cont5 .nav_list ul .on i { background-position: -48px 0; }
.cont5 .nav_list .line { position: absolute; right: 5px; top: -20px; background: url(/sw/nba2kol2h5/images/ico/line2.png) no-repeat center; width: 1px; height: 100%; z-index: 1; }
.cont5 .jieshao { position: absolute; width: 760px; top: 283px; right: 474px; }
.cont5 .jieshao .gif_box { width: 738px; height: 414px; padding: 11px; background: #000; overflow: hidden; }
.cont5 .jieshao .gif_box video { width: 100%; height: 100%; }
.cont5 .jieshao .text_box { padding-top: 6px; width: 100%; }
.cont5 .jieshao .text_box p { font-size: 20px; color: #999999; line-height: 36px; }
.cont5 .tab_on { position: absolute; right: 250px; bottom: 150px; height: 52px; width: 225px; text-align: center; color: #fff; font-size: 20px; line-height: 52px; z-index: 10; background: #5f0809; }
.cont5 .tab_on i { position: absolute; display: block; width: 100%; height: 100%; left: 0; top: 0; background: #9d010c; -webkit-transition: -webkit-transform .3s ease; transition: -webkit-transform .3s ease; transition: transform .3s ease; transition: transform .3s ease,-webkit-transform .3s ease; -webkit-transform: scale(0, 1); -ms-transform: scale(0, 1); transform: scale(0, 1); z-index: 0; }
.cont5 .tab_on span { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; }
.cont5 .tab_on:hover i { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); }

.cont_zl { width: 100%; height: 100px; position: absolute; left: 0; top: 0; }
.cont_zl .last_top { position: absolute; left: 140px; top: 30px; background: url(/sw/nba2kol2h5/images/ico/fanhui.png) no-repeat center; width: 102px; height: 92px; z-index: 10; }

.cot_2 { position: absolute; right: 125px; top: 35px; height: 65px; width: 756px; z-index: 10; }
.cot_2 .tab { float: left; width: 224px; height: 65px; text-align: center; margin-left: 28px; text-align: center; color: #fff; font-size: 20px; line-height: 65px; position: relative; background: #999999; }
.cot_2 .tab i { position: absolute; display: block; width: 100%; height: 100%; left: 0; top: 0; background: #9d010c; -webkit-transition: -webkit-transform .3s ease; transition: -webkit-transform .3s ease; transition: transform .3s ease; transition: transform .3s ease,-webkit-transform .3s ease; -webkit-transform: scale(0, 1); -ms-transform: scale(0, 1); transform: scale(0, 1); z-index: 0; }
.cot_2 .tab span { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; }
.cot_2 .tab:hover i { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); }
.cot_2 .on i { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); }

.fell_fan { position: absolute; left: 140px; top: 30px; background: url(/sw/nba2kol2h5/images/ico/fanhui.png) no-repeat center; width: 102px; height: 92px; z-index: 10; }

.changyang_box { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(/sw/nba2kol2h5/images/con2.jpg) no-repeat center; -webkit-transition: all .25s ease; transition: all .25s ease; -webkit-transform: translate(100px, 0); -ms-transform: translate(100px, 0); transform: translate(100px, 0); opacity: 0; visibility: hidden; z-index: 0; }
.changyang_box .close { width: 43px; height: 43px; background: url(/sw/nba2kol2h5/images/ico/xx.png) no-repeat center; background-size: 100% 100%; position: absolute; right: 350px; top: 107px; z-index: 100; }
.changyang_box .close:hover { width: 43px; height: 43px; background-image: url(/sw/nba2kol2h5/images/ico/xx2.png); }
.changyang_box .warp_changynag { width: 100%; height: 100%; position: relative; overflow-y: auto; overflow-x: hidden; }
.changyang_box .warp_changynag::-webkit-scrollbar { background: #000200; order: 2px solid #8e9d9a; }
.changyang_box .warp_changynag::-webkit-scrollbar-corner { display: block; }
.changyang_box .warp_changynag::-webkit-scrollbar-thumb { background-clip: padding-box; background-color: #b2c4b8; border-radius: 10px; }
.changyang_box .warp_changynag .warp_chang { width: 1000px; margin: 0 auto; height: auto; background: #000000; padding: 40px; margin-top: 100px; margin-bottom: 40px; display: none; }

.usr_chang { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); visibility: visible; opacity: 1; visibility: visible; z-index: 100; }
.usr_chang .warp_changynag .warp_chang { display: block; }

.cont_video { width: 100%; height: 100%; position: absolute; z-index: 1000; left: 0; top: 0; }
.cont_video video { width: 100%; height: 100%; }
.cont_video .video_bf { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1000; }
.cont_video .video_zt { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1002; }

.kedow_key { position: absolute; right: 565px; bottom: 86px; background: url(/sw/nba2kol2h5/images/ico/ball.png) no-repeat left; height: 136px; width: 136px; display: none; border-radius: 65px; z-index: 9999; overflow: hidden; }
.kedow_key .tab { position: relative; width: 85px; height: 85px; display: none; overflow: hidden; float: left; margin: 0 20px; }
.kedow_key .tab img { display: block; position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto; }
.kedow_key .tab .xz { animation: change 2.5s  linear infinite; opacity: 0; }
.kedow_key .tab_img_warp { display: table; height: 85px; position: absolute; right: 73px; top: 0px; text-align: center; }
.kedow_key .p { display: none; position: absolute; right: 30px; font-size: 20px; color: #fff; bottom: 0px; height: 60px; line-height: 30px; padding-bottom: 0px; width: 585px; }

@keyframes change { 0% { opacity: 0; }
  50% { opacity: 1; }
  100% { opacity: 0; } }
@keyframes zhuanbox_two { 0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(-360deg); } }
@keyframes beg { 0% { -webkit-transform: scale(1.5); }
  100% { -webkit-transform: scale(1); } }
.cont_show { animation: beg 2s  linear; }


.video_warp ,.video_box_a ,.video_box_b ,.video_item{position: absolute; left: 0; top:0; width: 100%; height: 100%; display: none;}
.video_warp {z-index: 1000; background: #000;}
.video_box_a {z-index: 1000;}
.video_box_b {z-index: 1002;}