/*css  动画*/
/*正转动*/
.zhuang_box{
	  -webkit-animation: zhuangbox 80s  linear infinite;
      -moz-animation: zhuangbox 80s  linear infinite;	
}
@keyframes zhuangbox{	
   0% {-webkit-transform: rotate(0deg);}
   100% {-webkit-transform: rotate(360deg);}
}
/*反转*/
.zhuang_box2{
	  -webkit-animation: zhuanbox_two 70s  linear infinite;
      -moz-animation: zhuanbox_two 70s  linear infinite;	
}
@keyframes zhuanbox_two{	
   0% {-webkit-transform: rotate(0deg);}
   100% {-webkit-transform: rotate(-360deg);}
}
/*字的漂浮*/
.charactar_box{
    -webkit-animation: fadeInUptop 3.7s  linear infinite;
    -moz-animation: fadeInUptop 3.7s  linear infinite;
}
.charactar_box1{
    -webkit-animation: fadeInUptop 4.7s  linear infinite;
    -moz-animation: fadeInUptop 4.7s  linear infinite;
}
.charactar_box2{
    -webkit-animation: fadeInUptop 2.7s  linear infinite;
    -moz-animation: fadeInUptop 2.7s  linear infinite;
}

@keyframes fadeInUptop{	
	0% {-webkit-transform: translateY(10px);}
	50% {-webkit-transform: translateY(0px);}
	100% {-webkit-transform: translateY(10px);}
}
/*内容*/
.contenr{ min-width: 100%; overflow:  hidden;}
.center{ width: 1160px; margin: 0 auto; height: 100%; position: relative;}
/*首页*/
.con_1{ width: 100%; height: 843px; background: url(/sw/dnfjnh/images/con_1.png) no-repeat center; background-size: auto 100%;}
.logo{width: 234px; height: 55px; background: url(/sw/dnfjnh/images/logo.png) no-repeat center; display: block; position: absolute; top:98px; left: -359px;}
.con1_1{ position: absolute; top:35px; left: -111px;}
.con1_2{ position: absolute; bottom:77px; left: -311px;}
.con1_3{ position: absolute; top:0px; right: 0px;}
.con1_4{ position: absolute; bottom:68px; right: -283px;}
.con1_5{ position: absolute; top:-141px; left: -3px; right: 0; bottom: 0; margin:  auto;}
.con1_6{ position: absolute; top:-141px; left: -8px; right: 0; bottom: 0; margin:  auto;}
.con1_8{ position: absolute; bottom:97px; left:365px;}
.con_1 ul{ background: url(/sw/dnfjnh/images/con1_7.png) no-repeat center; width: 963px; height: 70px; position: absolute; bottom: 0; left:8px; padding-left: 178px;}
.con_1 ul li{ line-height: 70px; padding-right: 47px; font-size: 24px; float:  left; cursor: pointer;}

/*赛事直播*/
.con_2{ width: 100%; height:700px; background: url(/sw/dnfjnh/images/con_2.png) no-repeat center; background-size: auto 100%; padding-top: 80px;}
.con_2 .warp{ width: 1190px; height:550px; margin: 0 auto; background:rgba(0,0,0,0.5); position: relative; padding: 100px 0 0 10px;}
.con_2 .warp .bt1{ position: absolute; top:28px; left: 27px;}
.con_2 .warp .bt2{ position: absolute; top:28px; right:127px;}
.con_2 .warp .item1{width: 779px; height: 524px; background:url(/sw/dnfjnh/images/con_2kuang.png) no-repeat center; position: relative; float:left;}
.con_2 .warp .item1 .videobj{ width:735px; height: 477px; background: url(/sw/dnfjnh/images/video_bj.png) no-repeat center; position: absolute; top:0; left: 0; right: 0; bottom: 0; margin: auto;}
.con_2 .warp .item1 .motai{ width:735px; height: 477px; background:rgba(0,0,0,0.5); position: absolute; top:0; left: 0; right: 0; bottom: 0; margin: auto;}
.con_2 .warp .item1 .motai i{ background: url(/sw/dnfjnh/images/bf_video.png) no-repeat center; display: block; width: 117px; height: 117px; position: absolute;
                                  top:0; left: 0; bottom:0; right: 0; margin: auto; cursor: pointer;}
 /*添加的视频*/                                 
.spshow{ width:735px; height: 477px;position: absolute; top:0; left: 0; right: 0; bottom: 0; margin: auto; background: #100F0B; display: none; font-size: 25px; color: #FFFFFF;text-align: center; line-height: 477px;}                                  
 
 /*新闻*/
.con_2 .warp .item2{ overflow-y: auto;float:  left;  width: 390px; height: 480px; background: rgba(0,0,0,0.5); padding-top: 10px; margin-top: 18px;}                                                                   
.con_2 .warp .item2 a{ display: block;padding-left: 40px; position: relative; height: 40px; line-height: 40px; color: #FFFFFF; font-size: 16px;}
.con_2 .warp .item2 a p{ width: 260px; overflow:hidden; height: 40px;}
.con_2 .warp .item2 a i{ display: block; background: url(/sw/dnfjnh/images/jlimg.png) no-repeat center;height:15px;width:14px;background-position: 0 0;position: absolute; top:14px; left: 15px;}
.con_2 .warp .item2 a span{display: block; width: 70px; overflow: hidden; position: absolute; top:0; right: 0; height: 40px;}                                 
.con_2 .warp .item2 a:hover{ color: #ffa962;}  
.con_2 .warp .item2 a:hover i{ background-position: -31px 0;}  

.con_2 .warp .item2::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    background: transparent;
}

.con_2 .warp .item2::-webkit-scrollbar-button {
    width: 0;
    height: 0;
}
.con_2 .warp .item2::-webkit-scrollbar-corner {
    display: block;
}
.con_2 .warp .item2::-webkit-scrollbar-thumb {
    background-clip: padding-box;
    background-color: rgba(44, 75, 121, 0.5);
    border-radius: 10px;}
.info{ overflow: hidden;}
                                
/*赛事流程*/
.con_3{ width: 100%; height:516px; background: url(/sw/dnfjnh/images/con_3.png) no-repeat center; background-size: auto 100%;}
.con_3 .bt3{ position: absolute; top:30px; left: 0px;}
.con_3img{position: absolute; top:0;left: 0; bottom: -30px; right: 0; margin:auto;}


/*许愿一个阿拉德*/
.con_4{ width: 100%; height:1155px; background: url(/sw/dnfjnh/images/con_4.png) no-repeat center; background-size: auto 100%;}
.con_4 .text{ float: left; width: 605px; padding-top: 15px;}
.con_4 .text .p1{ text-indent: 2em; font-size: 22px; color: #FFFFFF; line-height: 37px; padding-top: 15px; width: 580px;}
.con_4 .text .span1{font-size: 23px; color:#ffa962; line-height: 40px; display: block; padding-top: 10px;}
.con_4 .text .span2{font-size: 20px; color:#ffa962; line-height: 48px; display: block; padding-top: 10px;}
.con_4 .text .p2{  font-size: 22px; color: #FFFFFF; line-height: 42px; padding-top: 10px; font-family: "宋体";}
.con_4 .text .p3{ font-size: 20px; line-height: 36px; color: #FFFFFF;  font-family: "宋体";}

.con_4 .choujian{ float:  right; position: relative; width: 530px; height: 500px;}
.con_4 .tap{background: url(/sw/dnfjnh/images/jlimg.png) no-repeat  center;height:48px;width:100px; background-position: -247px 0; cursor: pointer;
    text-align: center; line-height: 44px; color:#FFFFFF; font-size: 17px;}
.con_4 .tap_a{ position: absolute; top:10px; right: 140px;}
.con_4 .tap_b{ position: absolute; top:10px; right: 10px;}
/*抽奖*/
.con_4 .chou{  width:535px; height: 535px; background: url(/sw/dnfjnh/images/choujianwarp.png) no-repeat center; margin-top: 55px;}

#lottery table{margin: 40px 0 0 43px;float: left;}
#lottery table td{position: relative;width:140px;height: 140px;}
#lottery table td.active .mask{display: block;}
#lottery .btn{width: 140px;  height: 140px; cursor: pointer;}
#lottery .mask{width: 141px;height: 131px;position: absolute;left: 6px;top: 6px;display: none; background: url(/sw/dnfjnh/images/xuan.png) no-repeat center; z-index: 1;}
#lottery .btn:hover{opacity: 0.8;}
#lottery .jpwrap{ height:140px;width:140px; margin: 5px; position: relative;}
#lottery .jpwrap img{ position: absolute; top:0; left: 0; right: 0; bottom: 0; margin:  auto; z-index: 2;}


/*回复*/
.con_4 .choujian .liu{ width: 506px; height: 224px; border:1px solid #0a497f; background: #0e1121; position: relative; margin-top: 10px;}
.con_4 .choujian .liu ul li{ height: 45px; line-height: 45px; font-size: 16px; color: #55565d; padding-left:15px;}
.con_4 .choujian .liu ul li .test{width: 350px; background: #0e1121; height: 45px; border:none; color: #55565d; font-size: 20px;}
.con_4 .choujian .liu ul .btn1{ position: absolute;bottom: -98px;left: 123px; background: url(/sw/dnfjnh/images/jlimg.png) no-repeat center;height:68px;width:245px;
                        background-position: 0 -107px; cursor: pointer;}
.con_4 .choujian .liu ul li textarea{width: 360px; height: 78px; float: right; margin-right: 30px;font-size: 20px; border:none; background: #0e1121; color:#55565d;
                                   resize:none; padding-top:10px;}
.con_4 .choujian .liu ul li textarea::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    background: transparent;
}
.con_4 .choujian .liu ul li textarea::-webkit-scrollbar-button {
    width: 0;
    height: 0;
}
.con_4 .choujian .liu ul li textarea::-webkit-scrollbar-corner {
    display: block;
}
.con_4 .choujian .liu ul li textarea::-webkit-scrollbar-thumb {
    background-clip: padding-box;
    background-color: rgba(44, 75, 121, 0.5);
    border-radius: 10px;}
    
    
/*年度计划发布*/
.con_5{ width: 100%; height:649px; background: url(/sw/dnfjnh/images/con_5.png) no-repeat center; background-size: auto 100%;}
.bt5{ position: absolute; top:30px; left: 0;}
.con_5 .warp{width: 100%;height:362px;position: relative; padding-top: 200px;}
.con_5 .warp .list{width: 1100px;height:362px;overflow: hidden;position: absolute;left: 50%;margin-left: -507px;}
.con_5 .warp li{position: absolute;top: 0;left: 0;list-style: none;opacity: 0;transition: all 0.3s ease-out;}
.con_5 .warp img{width: 561px;height:362px;border:none;float: left;}
.con_5 .warp .p1{transform:translate3d(449px,0,0) scale(0.81);transform-origin:100% 50%;opacity: 1;z-index: 2;}
.con_5 .warp .p2{transform:translate3d(0px,0,0) scale(0.81);transform-origin:0 50%;opacity:1;z-index: 2;}
.con_5 .warp .p3{transform:translate3d(224px,0,0) scale(1);z-index: 3;opacity: 1;}
.con_5 .warp  a .text{ width: 100%; height: 100%; position: absolute; top:0; left: 0; background: rgba(22,34,57,0.7); opacity: 0;}
.con_5 .warp  a .text p{ font-size: 24px; color: #FFFFFF; line-height: 67px; text-align: center;}
.con_5 .warp  a .text .pa{ padding-top: 115px;}
.con_5 .warp .p3 a .text{ opacity: 1;}


/*大咖表演互动*/
.con_6{ width: 100%; height:676px; background: url(/sw/dnfjnh/images/con_6.png) no-repeat center; background-size: auto 100%;}
.con_6 .warp{ padding-top: 197px; height:500px;}
.con_6 li{ width: 350px; height: 378px; position: relative; overflow: hidden; float: left;transition: all 0.3s linear;
		    -webkit-transition: all 0.3s linear;
		    -moz-transition: all 0.3s linear;
		    -o-transition: all 0.3s linear;transform: perspective(580px) rotateY(30deg) }
.con_6 li img{ width: 100%; height: 100%;}
.con_6 li h2{ height: 50px; width: 100%; background: rgba(0,0,0,0.5); text-align: center; line-height: 50px;color: #FFFFFF; font-size: 16px; font-weight: normal;
                     position: absolute; bottom: 0; left: 0; display: none;}
.con_6 ul .margin{ margin: 0 108px 0 0px;transform: perspective(580px) rotateY(-30deg) }
.con_6 .warp:hover li{transform: perspective(580px) rotateY(0deg) }
.con_6 .warp:hover h2{ display: block;}
.con_6 .warp:hover .li2{ margin: 0 54px;}


/*展区互动体验*/
.con_7{ width: 100%; height:781px; background: url(/sw/dnfjnh/images/con_7.png) no-repeat center; background-size: auto 100%;}
.htmleaf-content{padding-top: 210px;}
.Container {margin: 0 auto;padding: 0;}
.Button { display: inline-block;}
.Button.Block { width:619px;height: 412px;overflow: hidden;}
.Button.Block img{ width: 100%;}
.flipster { padding-bottom: 50px;}


/*fex 右侧的导航*/
.fex{ display: none;width: 172px; height: 482px;position: fixed; top:calc( 50% - 240px) ; right: 60px; background: url(/sw/dnfjnh/images/nav.png) no-repeat center; z-index: 50;}
.fex a{ display: block; position: absolute; background: url(/sw/dnfjnh/images/jlimg.png) no-repeat center;height:46px;width:121px;}
.fex .guang{background-position: 0 -61px; top: 58px; left: 30px;}
.fex .xiazai{background-position: 0 -15px; top: 109px; left: 30px;}
.fex ul{width: 94px; position: absolute; top:200px; left: 35px; font-size: 18px;}
.fex ul li{width: 100px; height: 34px; text-align: center; line-height: 34px; color: #FFFFFF; border-bottom: 1px solid #222c5e; cursor: pointer;}
.fex ul .on{ color: #2448ff;}
/*弹框*/
.tanshow{width: 100%; height: 5560px; position: absolute; top:0; left: 0; z-index: 100; min-width:100%; display: none;
            background:transparent; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000); zoom: 1;background: rgba(0,0,0,0.5); }
.tan1{ width:384px; height: 615px;left:42%;top: 19%;position: fixed;z-index: 51; border-radius: 20px; display: none;}
.tan1 img{ position: absolute; right: 20px; top:20px; cursor: pointer; width: 24px; height: 24px;}
.iframe_warp{ width: 100%; height: 100%; border:none}

/*中奖的信息*/
.tan2{ width: 316px ;position: fixed;left:42%;top: 35%; left: calc(50% - 180px);z-index: 51; border-radius: 8px; background:#0c131b; padding-top: 25px; display: none;}
.tan2 img{ position: absolute; right: 8px; top:8px;cursor: pointer; }
.tan2 p{ color: #FFFFFF; height: 43px; line-height: 43px; text-align: center;font-size: 19px; padding-bottom: 10px;}
.tan2 h6{color: #FFFFFF; height: 35px;  text-align: center; font-size: 15px;padding-bottom: 25px; font-weight: normal;}
.tan2 .btn{ width:134px; height: 38px; background:#ffa962; text-align: center; line-height: 34px; margin:  0 auto; font-size: 16px; color: #0c131b; 
                border-radius: 8px; margin-bottom: 20px; cursor:  pointer;}
/*中奖的信息*/
.tan4{ width: 316px ;position: fixed;left:42%;top: 35%; left: calc(50% - 180px);z-index: 51; border-radius: 8px; background:#0c131b; padding-top: 25px; display: none;}
.tan4 img{ position: absolute; right: 8px; top:8px;cursor: pointer; }
.tan4 p{ color: #FFFFFF; height: 43px; line-height: 43px; text-align: center;font-size: 19px; padding-bottom: 10px;}
.tan4 h6{color: #FFFFFF; height: 35px;  text-align: center; font-size: 15px;padding-bottom: 25px; font-weight: normal;}


/*填写资料啊*/
.tanshow .tan3{ position: fixed; left: 38%; left: calc(50% - 192px); top: 190px;  height: 550px;width:402px;  z-index: 1001; border: 0; border-radius: 20px;
                          background:#0c131b; padding-top: 6px;display: none;}
.tanshow .tan3 .toplist{ height: 75px; text-align: center;  color: #ffea00; font-size: 23px; width: 390px; margin: 0 auto;  margin-bottom: 26px;  font-weight: normal;
             border-bottom:2px solid #d0cdff; background:#000000; border-radius: 10px 10px 0 0;}
             
.tanshow .tan3 .toplist h2{ height: 45px; line-height: 45px; text-align: center; font-size: 23px; font-weight: 500; color: #ff9934;}
.tanshow .tan3 .toplist h3{ font-size: 14px; color: #ffffff; font-weight: 500;}
.tanshow .tan3 .inpu{ width: 325px; margin: 0 auto; height: 40px;  border-radius: 10px; background: #172637; line-height: 40px; color: #FFFFFF; padding: 0 10px; margin-top:  10px;}
.tanshow .tan3 input{ height: 36px; width: 210px; background: #172637;border:none; color: #FFFFFF; font-size: 18px;}
.tanshow .tan3 .pa{ color: #FF0000; font-size: 13px;  height: 20px; line-height: 20px;width: 325px; margin: 0 auto; text-align: center;}
.tanshow .tan3 .btn{ width: 320px;margin: 0 auto; height: 35px; background:#ffa962; border-radius: 10px; margin-top: 20px; border:none;
                                    text-align: center; line-height: 35px; color: #43280d; font-size: 19px; cursor: pointer; display:  block;}
.tanshow .tan3 .p1{ height: 35px; line-height: 35px; color: #ff9934; font-size: 25px; width: 345px; margin: 0 auto; margin-top: 20px; }
.tanshow .tan3 .p2{line-height: 38px; color:#FFFFFF; font-size: 19px; width: 344px; margin: 0 auto;}
.tanshow .tan3 img{position: absolute; top:20px; right: 20px; cursor: pointer; }