.contant { min-width: 1200px; overflow: hidden; }

.center { width: 1200px; margin: 0 auto; height: 100%; position: relative; }

.title_bt, .title_bt img { display: block; }


.con { background: no-repeat center; width: 100%; background-size: auto 100%; }
/*头部*/
.con1 { background-image: url("../images/con1.jpg"); height: 538px; }
.con1 a { display: block; position: absolute; left: -200px; }
.con1 .logo { top: 22px; }
.con1 .logo2 { top: 120px; }
@media screen and (max-width: 1600px) { 
	.con1 a{ left: 0; }
	 }
/*导航*/
.con2 { background-image: url("../images/con2.jpg"); height: 74px; }
.con2 ul { width: 100%; height: 74px; }
.con2 ul li { width: 171px; float: left; height: 60px; position: relative; text-align: center; line-height: 60px; padding-top: 14px; font-size: 28px; color: #fff; cursor: pointer; overflow: hidden; }
.con2 ul li a{ display: block; width: 100%;height: 100%; color: #fff;}
.con2 ul li span { width: 153px; height: 80px; display: inline-block; position: absolute; left: 10px; top: -25px; background: url("../images/a_tab_click.png") no-repeat center; display: none; }
.con2 ul li i, .con2 ul li em { width: 3px; height: 76px; display: block; position: absolute; top: 4px; background: url("../images/rit_tiao.png") no-repeat center; }
.con2 ul li em { right: 0; }
.con2 ul li i { left: 0; }
.con2 ul .on a{ color: #d93dff; }
.con2 ul .on span { display: block; }
/*专题列表*/
.con3 { background-image: url("../images/con3.jpg"); height: 546px; }
.con3 .lunbo_hda { padding-top: 67px; height: 400px; position: relative; }
.con3 .lunbo_hda .bd { height: 100%; overflow: hidden; width: 1200px; }
.con3 .lunbo_hda .bd ul li { border: 3px solid #7717fe; width: 1194px; height: 394px; overflow: hidden; }
.con3 .lunbo_hda .bd ul li .img, .con3 .lunbo_hda .bd ul li .img img { display: block; float: left; width: 735px; height: 100%; overflow: hidden; }
.con3 .lunbo_hda .bd ul li .tex { float: right; width: 459px; height: 100%; overflow: hidden; }
.con3 .lunbo_hda .bd ul li .tex .bt { display: block; height: 121px; width: 95%; margin: 0 auto; line-height: 121px; padding-top: 13px; font-size: 30px; color: #fff; font-weight: bold; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align: center; }
.con3 .lunbo_hda .bd ul li .tex p { width: 415px; margin: 0 auto; line-height: 43px; color: #e5d5ff; font-size: 20px; overflow: hidden; height: 258px; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; word-break: break-all; }
.con3 .lunbo_hda .hd { position: absolute; left: 0; bottom: 20px; width: 730px; height: 11px; margin: 0 auto; text-align: right; }
.con3 .lunbo_hda .hd ul li { cursor: pointer; display: inline-block; height: 11px; width: 11px; border-radius: 50%; margin: 0 3px; background: #9b99a8; opacity: 0.8; filter: alpha(opacity=80); }
.con3 .lunbo_hda .hd ul .on { background: #9765ff; opacity: 1; filter: alpha(opacity=100); }
/*新闻热点*/
.con4 { background-image: url("../images/con4.jpg"); height: 742px; }
.con4 .warp4 { padding-top: 42px; height: 500px; }
.con4 .warp4 .lunbo_lef { float: left; width: 700px; height: 500px; overflow: hidden; position: relative; }
.con4 .warp4 .lunbo_lef .bd { height: 100%; width: 100%; }
.con4 .warp4 .lunbo_lef .bd ul li { height: 500px; width: 700px; position: relative; }
.con4 .warp4 .lunbo_lef .bd ul li .img, .con4 .warp4 .lunbo_lef .bd ul li .img img { display: block; width: 700px; height: 500px; }
.con4 .warp4 .lunbo_lef .bd ul li .bt { position: absolute; bottom: 0; left: 0; height: 58px; line-height: 58px; width: 100%; overflow: hidden; background: transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000); zoom: 1; background: rgba(0, 0, 0, 0.6); }
.con4 .warp4 .lunbo_lef .bd ul li .bt a { max-width: 500px; overflow: hidden; display: inline-block; color: #fff; font-size: 18px; padding-left: 20px; max-height: 100%; white-space: nowrap; text-overflow: ellipsis; }
.con4 .warp4 .lunbo_lef .bd ul li .bt a:hover { color: #F0412A; }
.con4 .warp4 .lunbo_lef .hd { height: 8px; display: table; overflow: hidden; position: absolute; right: 10px; bottom: 25px; }
.con4 .warp4 .lunbo_lef .hd ul li { height: 6px; width: 6px; border-radius: 50%; border: 1px solid #854ef1; margin: 0 3px; float: left; }
.con4 .warp4 .lunbo_lef .hd ul .on { background: #854ef1; }
.con4 .warp4 .news_rit { float: right; width: 485px; background: #4009b1; height: 100%; }
.con4 .warp4 .news_rit .Min_top { height: 93px; background: url(../images/top_bt.jpg) no-repeat center; width: 100%; }
.con4 .warp4 .news_rit .Min_top .bt1 { color: #8b52ff; font-size: 20px; width: 96%; display: block; line-height: 38px; margin: 0 auto; text-align: center; height: 38px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-top: 10px; margin-bottom: 10px; }
.con4 .warp4 .news_rit .Min_top .a_list { height: 18px; line-height: 18px; width: 96%; text-align: center; margin: 0 auto; font-size: 16px; color: #a10307; height: 18px; overflow: hidden; }
.con4 .warp4 .news_rit .Min_top .a_list i { height: 100%; width: 1px; background: #a10307; display: inline-block; vertical-align: middle; margin: 0 6px; margin-top: -2px; }
.con4 .warp4 .news_rit .Min_top .a_list a { color: #a10307; }
.con4 .warp4 .news_rit .news_list { width: 100%; height: 370px; overflow-x: hidden; overflow-y: auto; }
.con4 .warp4 .news_rit .news_list::-webkit-scrollbar { width: 6px; height: 6px; background: #1b0360; }
.con4 .warp4 .news_rit .news_list::-webkit-scrollbar-button { width: 0; height: 0; }
.con4 .warp4 .news_rit .news_list::-webkit-scrollbar-corner { display: block; }
.con4 .warp4 .news_rit .news_list::-webkit-scrollbar-thumb { background-clip: padding-box; background-color: rgba(195, 34, 255, 0.8); border-radius: 10px; }
.con4 .warp4 .news_rit .news_list ul li { height: 37px; width: 450px; margin: 0 auto; overflow: hidden; line-height: 37px; font-size: 14px; }
.con4 .warp4 .news_rit .news_list ul li a { display: block; float: left; width: 390px; color: #f4eeff; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.con4 .warp4 .news_rit .news_list ul li span { float: right; width: 50px; overflow: hidden; height: 100%; display: block; text-align: right; color: #f4eeff; }
.con4 .warp4 .news_rit .btn_a{width: 100%; height: 33px; background: url(../images/click_a.jpg) no-repeat center; margin-top: 4px;}
.con4 .warp4 .news_rit .btn_a a{display: block; width: 100%; height: 100%;}
.con4 .warp4 .news_rit .news_list ul li:hover span{ color: #c322ff;}
.con4 .warp4 .news_rit .news_list ul li:hover a{ color: #c322ff;}
/*精彩直播*/
.con5 { background-image: url("../images/con5.jpg"); height: 1017px; }
.con5 .wapr5 { padding-top: 65px; }
.con5 .wapr5 .zhibo { position: relative; width: 1200px; height: 703px; background: url(../images/zhibo.png) no-repeat center; }
.con5 .wapr5 .zhibo .net { width: 1163px; height: 662px; position: absolute; left: 19px; top: 19px; overflow: hidden; border-radius: 43px; }
.con5 .wapr5 .zhibo .net .img, .con5 .wapr5 .zhibo .net .img img { width: 100%; height: 100%; }
.con5 .wapr5 .zhibo .net .motai { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000); zoom: 1; background: rgba(0, 0, 0, 0.7); }
.con5 .wapr5 .zhibo .net .motai i{ display: block; position: absolute; top:0; left: 0; right: 0; bottom: 0; margin: auto;width: 105px; height: 105px; background: url(../images/sp_i.png) no-repeat center; cursor: pointer;transition: all 0.2s linear;-webkit-transition: all 0.2s linear; }
.con5 .wapr5 .zhibo .net .motai i:hover{ transform: scale(1.1);}
.con5 .wapr5 .zhibo .net .zb_box { position: absolute; top: 0; left: 0; background: #000; width: 100%; height: 100%; display: none; }
/*活动流程*/
.con6 { background-image: url("../images/con6.jpg"); height: 468px; }
.con6 .warp6 { padding-top: 47px; }
.con6 .warp6 .box { width: 100%; height: 159px; background: url(../images/warp_box.png) no-repeat center; }
.con6 .warp6 .box p { font-size: 16px; text-align: center; color: #fff; padding-left: 33px; width: 105%; }
.con6 .warp6 .box p span { width: 145px; float: left; padding-right: 102px; }
.con6 .warp6 .box .p1 { padding-top: 30px; }
.con6 .warp6 .box .p2 { padding-top: 80px; }
/*视频回顾*/
.con7 { background-image: url("../images/con7.jpg"); height: 855px; }
.con7 .warp7 { padding-top: 34px; height: 542px; width: 100%; }
.con7 .warp7 .lef { float: left; width: 793px; height: 542px; position: relative; }
.con7 .warp7 .lef .kuang { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/video_kuang.png) no-repeat center; }
.con7 .warp7 .lef .motai { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000); zoom: 1; background: rgba(0, 0, 0, 0.7); }
.con7 .warp7 .lef .motai i{ display: block; position: absolute; top:0; left: 0; right: 0; bottom: 0; margin: auto;width: 105px; height: 105px; background: url(../images/sp_i.png) no-repeat center; cursor: pointer;transition: all 0.2s linear; -webkit-transition: all 0.2s linear; }
.con7 .warp7 .lef .motai i:hover{transform: scale(1.1);}
.con7 .warp7 .lef .video_box { width: 100%; height: 100%; position: absolute; top: 0; left: 0;background: #000;display: none;}
.con7 .warp7 .rit { float: right; width: 381px; height: 542px; padding: 0 13px; background: #4009b1; }
.con7 .warp7 .rit .bt { height: 20px; font-size: 20px; color: #e4d8fd; padding: 10px 0 20px; }
.con7 .warp7 .rit ul { overflow-x: hidden; overflow-y: auto; width: 100%; height: 475px; }
.con7 .warp7 .rit ul::-webkit-scrollbar { width: 6px; height: 6px; background: #1b0360; }
.con7 .warp7 .rit ul::-webkit-scrollbar-button { width: 0; height: 0; }
.con7 .warp7 .rit ul::-webkit-scrollbar-corner { display: block; }
.con7 .warp7 .rit ul::-webkit-scrollbar-thumb { background-clip: padding-box; background-color: rgba(195, 34, 255, 0.8); border-radius: 10px; }
.con7 .warp7 .rit ul li { width: 100%; padding-bottom: 20px; height: 100px; display: inline-block; position: relative; cursor: pointer; }
.con7 .warp7 .rit ul li:hover .img .motai { display: none; }
.con7 .warp7 .rit ul li:hover .text a { color: #d41c00; }
.con7 .warp7 .rit ul li .img { float: left; width: 170px; height: 100px; position: relative; }
.con7 .warp7 .rit ul li .img img { width: 100%; height: 100%; }
.con7 .warp7 .rit ul li .img .motai { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000); zoom: 1; background: rgba(0, 0, 0, 0.6); }
.con7 .warp7 .rit ul li .line { width: 1px; height: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; border-left: 1px dashed #672fdc; }
.con7 .warp7 .rit ul li .line i { display: block; width: 5px; height: 5px; border-radius: 50%; background: #672fdc; position: absolute; left: -3px; right: 0; bottom: 20px; top: 0; margin: auto; }
.con7 .warp7 .rit ul li .line em{ display: block; position: absolute; top:-1; left: -3px;width: 0; height: 0; border-left: 3px solid transparent; border-right: 3px solid transparent; border-bottom:6px solid #884eff; }
.con7 .warp7 .rit ul li .text { width: 170px; height: 100px; float: right; }
.con7 .warp7 .rit ul li .text a { display: block; color: #c6abff; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.con7 .warp7 .rit ul li .text .name1 { height: 30px; padding: 15px 0; font-size: 16px; line-height: 30px; }
.con7 .warp7 .rit ul li .text .name2 { font-size: 12px; height: 24px; line-height: 24px; height: 24px; }
.con7 .warp7 .rit ul .li2 .img { float: right; }
.con7 .warp7 .rit ul .li2 .text { float: left; }
.con7 .warp7 .rit ul li.on  .img .motai{display: none;}
.con7 .warp7 .rit ul li.on   .text a {color: #d41c00;}


/*热爱玩界大开*/
.con8 { background-image: url("../images/con8.jpg"); height: 1123px; }
.con8 .center2 { height: 147px; width: 1200px; margin: 0 auto; }
.con8 .warp8 { height: auto; width: 100%; position: relative;overflow: hidden;}
.con8 .warp8 .ul_list ul {width: 100%; overflow: hidden; max-height:800px; }
.con8 .warp8 .ul_list ul li { display:none; position: relative; opacity: 0;}
.con8 .warp8 .ul_list ul li.on{ display: block; opacity: 1;}
.con8 .warp8 .ul_list ul li .img, .con8 .warp8 .ul_list ul li .img .bj { display: inline-block;width: 1920px;height: 800px; overflow: hidden;}
.con8 .warp8 .ul_list ul li .cent{ width: 1200px; height: 100%; margin: 0 auto;}
.con8 .warp8 .ul_list ul li .item{position: absolute; top:0; left: 0; right: 0; bottom: 0; margin: auto;  width: 1222px;text-align: center; display: table;}
.con8 .warp8 .ul_list ul li .item .list{ height:263px; width:323px; display: inline-block; margin:48px 18px 0 0;}
.con8 .warp8 .ul_list ul li .item .list img{ width: 100%; height: 100%;}
.con8 .warp8 .ul_list ul li .item  .p{ }
.con8 .warp8 .ul_list ul li .tex{position: absolute; top:0; left: 0; right: 0; bottom: 0; margin: auto; height: 81px; width: 1200px;}
.con8 .warp8 .ul_list ul li .tex img{ display: block;position: absolute; top:0; left: 0; right: 0; bottom: 0; margin: auto;}
.con8 .warp8 .ul_list ul li .cent{ width: 100%; height: 100%; position:absolute; top:0; left: 0;}
.con8 .warp8 .ul_list ul li .cent .center{width: 1200px; margin: 0 auto; height: 100%;}
.con8 .warp8 .click_tab{ height:0;}
.con8 .warp8 .click_tab span{ display: block; position: absolute; background: red; width: 36px; height:100px;top:50%; margin-top:-40px;}
.con8 .warp8 .click_tab span.pev{ background: blue; left: 10px; background: url(../images/pl/btn_L.png) no-repeat center;}
.con8 .warp8 .click_tab span.nex{ background: red;right:10px;background: url(../images/pl/btn_R.png) no-repeat center;}
.con8 .warp8 .click_tab span:hover{opacity: 0.8;cursor: pointer;}

/*现场精彩图集*/
.con9 { background-image: url("../images/con9.jpg"); height: 886px; }
.con9 .warp9 { height:600px; padding-top: 102px; position: relative; }
.con9 .warp9 .lunbo { width: 1200px; height: 100%; position: relative; }
.con9 .warp9 .lunbo li{width: 790px; height: 495px;}
.con9 .warp9 .lunbo li img,.con9 .warp9 .lunbo li a{ width: 100%; height: 100%; display: block;}
.con9 .warp9 .lunbo li  .flip-content{ width: 100%; height: 100%;}
.animate1{
    -webkit-animation: fadeInUp .3s 3s ease both;
    -moz-animation: fadeInUp .3s 3s ease both;
}
.animate2{
    -webkit-animation: fadeInUp 3s .2s ease both;
    -moz-animation: fadeInUp 3s .2s ease both;
}

@keyframes fadeInUp{	
0% { opacity: 0;left: -600px;}
100% { opacity: 1; left:0px;}
}

.con10{background-image: url("../images/con10.jpg"); height:1251px;}
.con10 .nume{ height: 84px; line-height: 85px; width: 100%; overflow: hidden; font-size: 20px; color: #fff;}
.con10 .nume a{color: #e437ff;}
.con10 .nume a.on{ color: #fff;}
.con10 .nume span{padding: 0 10px;}

.con10 .news_list{ height: 935px; width: 100%; background: #4b1fca; overflow: hidden; padding:10px 0 20px;}
.con10 .news_list ul {height:935px; overflow: hidden;}
.con10 .news_list ul li{ width: 100%; height: 62px; position: relative;}
.con10 .news_list ul li a{ display: block; width: 100%; height: 100%; color: #fff;}
.con10 .news_list ul li .line{ width: 90%; height: 1px; border-bottom: 1px dashed #fff; position: absolute; top:0; left: 0; right: 0; bottom: 0; margin: auto; z-index: 0;}
.con10 .news_list ul li span{display: inline-block; position: relative; z-index: 1; line-height: 62px; background: #4b1fca; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.con10 .news_list ul li span.bt{padding:0 15px 0 20px; font-size: 16px; max-width: 950px; float: left;}
.con10 .news_list ul li span.time{ float: right;padding:0 20px 0 15px;font-size: 14px;height: 100%; text-align: right;}
.con10 .news_list ul li.on{ background: #b9a1ff;}
.con10 .news_list ul li.on span{background: #b9a1ff;}
.con10 .news_list ul li.on .line{ border-color: #ae0000;}
.con10 .news_list ul li.on a{color: #ae0000;}
.con10 .news_list ul li:hover{background: #b9a1ff;}
.con10 .news_list ul li:hover span{background: #b9a1ff;}
.con10 .news_list ul li:hover .line{ border-color: #ae0000;}
.con10 .news_list ul li:hover a{color: #ae0000;}
.tcdPageCode{     float: left; width: 100%;  height: 60px;margin: 30px auto; -webkit-user-select: none;-moz-user-select: none;-ms-user-select: none; user-select: none; text-align: center;}
.tcdPageCode span{ color:#fff;}
 .tcdPageCode .disabled{line-height: 30px;font-size: 14px; color: #fff;padding: 2px 7px;margin: 0 4px;  height: 30px; 
                           background: #4b1fca; cursor: pointer; border-radius: 4px; border:1px solid #422ec3;}  
 .tcdPageCode .current{line-height: 30px;font-size: 14px; color: #fff;padding: 2px 7px; margin: 0 4px;height: 30px;  
                            cursor: pointer; border-radius: 4px;  background: #2132fe; }
 .tcdPageCode .prevPage{line-height: 30px;font-size: 14px; color: #fff;padding: 2px 7px;margin: 0 4px;  height: 30px; 
                           background: #4b1fca; cursor: pointer; border-radius: 4px; border:1px solid #422ec3;}
 .tcdPageCode .nextPage{line-height: 30px;font-size: 14px; color: #fff;padding: 2px 7px;margin: 0 4px;  height: 30px; 
                           background: #4b1fca; cursor: pointer; border-radius: 4px; border:1px solid #422ec3;}
 .tcdPageCode .tcdNumber{line-height: 30px;font-size: 14px; color: #fff;padding: 2px 7px; margin: 0 4px;height: 30px;  
                            cursor: pointer; border-radius: 4px; border:1px solid #422ec3;}