@charset "utf-8";
/* CSS Document */
#bigcontent{ position: relative;}
.contant{ min-width: 100%; overflow: hidden;}
.center{ width: 100%; margin: 0 auto; height: 100%; position: relative;}
.hide{ display: none;}
/*首屏*/
.con_1,.con_2,.con_3,.con_4,.con_5,.con_6,.con_7{width: 100%; background:no-repeat center; background-size:auto 100%;}
.text_top{ width: 1020px;font-size: 20px; line-height: 36px; color: #b18c55;  margin: 0 auto; padding-top: 80px;}
/*首屏*/
.con_1{ height: 1080px; background-image: url(/sw/poes3/images/con_1.jpg);}
.con_1 .logo{ position: absolute; left:145px;top:113px;}
.con_1 .a{ display: block;position: absolute; top:-2px; background: url(/sw/poes3/images/ico_img.png) no-repeat center; width: 153px; height: 52px;}
.con_1 .a1{ background-position: 0 -217px; right: 0;}
.con_1 .a2{ background-position: 0 -269px; right: 150px;}
.con_1 a:hover{ opacity:0.8; filter:alpha(opacity=80);}

/*2视频*/
.con_2{ height:977px; background-image: url(/sw/poes3/images/con_2.jpg);}
.con_2 .text_top{text-indent: 2em;}
.con_2 .warp{width: 1049px; height: 581px; margin: 0 auto; padding-top: 73px; position: relative;}
.con_2 .warp .bt{position: absolute; left: -89px; top: 56px;}
.con_2 .warp .img{ width: 100%; height: 100%;}
.con_2 .warp .sp{ transition: 0.4s transform;display: block; position: absolute; left: 0; right: 0; bottom: 0; top:40px; margin: auto; background: url(/sw/poes3/images/sp.png); width: 88px; height: 92px; cursor: pointer;}
.con_2 .warp .video2{ width: 100%; height: 581px; position: absolute; left: 0; top:73px; background: #000;overflow: hidden; display: none;}
.con_2 .warp .sp:hover{cursor: pointer;transform:scale(1.1);}
.con_2 .warp .video2 video{ width: 100%; height: 100%;}
/*晒图赢奖励*/
.con_3{ height: 1001px; background-image: url(/sw/poes3/images/con_3.jpg);}
.con_3 .text_top{ padding-top: 45px; padding-bottom: 30px;}
.con_3 .warp{ width: 1185px; height: 638px; background: url(/sw/poes3/images/con_3warp.png) no-repeat center;}
.con_3 .warp .lef{ float: left; width: 505px; padding-left: 100px; padding-top: 50px;}
.con_3 .warp .lef p{color: #eecda6; font-size: 20px;line-height: 60px;}
.con_3 .warp .lef span{ color: #b18c55;font-weight: bold;}
.con_3 .warp .lef .p1{ height: 69px; line-height: 69px; }
.con_3 .warp .lef .p2{ line-height: 36px; }
.con_3 .warp .rit{ float: left; width: 510px; padding-left: 20px;}
.con_3 .warp .rit .tab_list{ height: 64px; width: 448px; margin: 0 auto; padding-top: 75px;}
.con_3 .warp .rit .tab_list .tab{ position: relative;cursor: pointer; float: left; background: url(/sw/poes3/images/ico_img.png)no-repeat center;background-position: 0 -321px; line-height: 60px;height:64px;width:154px; font-weight: bold; text-align: center; color: #fff; margin: 0 35px;}
.con_3 .warp .rit .tab_list .tab input { opacity: 0;position: absolute; top: 0;left: 0;width: 100%;height: 100%;cursor: pointer;filter: alpha(opacity=0);}
.con_3 .warp .rit .rwrap{width:505px; height:386px; margin-top: 40px;}
#lottery table td{position: relative;width:154px;height: 117px;}
#lottery table td.active .mask{display: block;}
#lottery .btn{width: 154px;  height: 117px; cursor: pointer; position: relative; background: url(/sw/poes3/images/chou.png)no-repeat;}
#lottery .btn span{ display: block; background: url(/sw/poes3/images/btn1.png) no-repeat center; position: absolute; top:0px;left: -21px; right: 0; bottom: 21px; margin: auto; width: 60px; height: 69px;}
#lottery .mask{width: 154px;height: 117px;position: absolute;left: 0px;top: 0px; z-index: 1; background: url(/sw/poes3/images/black.png) no-repeat center; display: none;}
#lottery .btn:hover span{background-image:url(/sw/poes3/images/btn2.png);}
#lottery .jpwrap{ height:117px;width:154px;  position: relative;margin:0 24px 20px 0; background: url(/sw/poes3/images/chou.png) no-repeat; }
#lottery .jpwrap img{ position: absolute; top:0px; left: 0; right: 0; bottom: 0; margin:  auto; z-index: 2;}


/*全新赛季内容*/
.con_4{ height: 874px; background-image: url(/sw/poes3/images/con_4.jpg);}
.con_4 .bt{ position: absolute; left: -4px; top:104px}
.con_4 .tab_warp{ height: 51px; padding-top: 113px; width: 1073px; margin: 0 auto;}
.con_4 .tab_warp li{ float: left; background: url(/sw/poes3/images/ico_img.png) no-repeat center;height:51px;width:136px;background-position: 0 -115px; text-align: center; line-height: 52px; margin: 0 66px; color: #f2cb90; font-size: 22px; cursor: pointer;}
.con_4 .tab_warp .tex{ font-size: 16px;}
.con_4 .tab_warp .on{ background-position: 0 -166px; color: #cf000c;}
.con_4 .item{ width: 1080px; height: 535px; margin: 0 auto; position: relative; padding-top: 13px;}
.con_4 .item .lef{ width: 360px; position: absolute; left: 15px; top:20px;  animation: fadeInUp 1s .2s ease both;}
.con_4 .item .lef span{ font-size: 20px; color: #cf000c; display: block; line-height: 36px; padding-top: 6px;}
.con_4 .item .lef p{ line-height: 36px; font-size: 16px; color: #fceec4;}
.con_4 .item .lef em{font-size: 14px;padding: 0 10px;}
.con_4 .item .lef .span2{padding-top: 40px; font-size: 24px;}
.con_4 .item .lef .span3{padding-top: 95px; font-size: 24px;}
.con_4 .item .lef .tex{ font-size: 20px;line-height: 36px;color: #fceec4; width: 340px; }
.con_4 .item .lef .a2{ width: 111px; height: 37px; border-radius: 25px; color: #cf000c; border:1px solid #cf000c; display: block; text-align: center; line-height: 37px; font-size: 18px; margin-top: 15px;}
.con_4 .item .lef .tex2{ padding: 20px 0;}
.con_4 .item .rit{ width: 663px; height: 431px; position: absolute; right: 19px; top:70px;     animation: fadeInUp 1s .2s ease both;}
.con_4 .item .rit .img,.con_4 .item .rit .img img{ width: 100%; height: 100%;}
.con_4 .item .rit .btn1{ display: block; width: 119px; height: 42px; line-height: 42px; text-align: center; color: #f20101; border:1px solid #f20101; border-radius: 25px; position: absolute; right: 22px; bottom: 18px;}
.con_4 .item .rit .btn1:hover{ opacity: 0.8;}
.con_4 .item .rit .i{  transition: 0.4s transform; position: absolute;left: 0; bottom: 0; right: 0; top:0;margin: auto; height: 91px; background: url(/sw/poes3/images/sp_i1.png) no-repeat center;width:91px;}
.con_4 .item .rit .i:hover{ background-image: url(/sw/poes3/images/sp_i2.png) ; cursor: pointer;transform: scale(1.1);}
.con_4 .item .rit .gif{ width: 190px; height: 110px; position: absolute; right: 0; bottom: 0; }
@keyframes fadeInUp{
0% {opacity: 0;transform: translateY(20px);}
100% {opacity: 1;transform: translateY(0);}
}

/*游戏特色*/
.con_5{ height:820px; background-image: url(/sw/poes3/images/con_5.jpg); padding-top: 48px;}
.con_5 .warp{ background: url(/sw/poes3/images/con_5warp.png) no-repeat center; width: 1195px; height:729px;}
.con_5 .warp .item{ width: 1040px; height: 600px; overflow: hidden; margin-left: 100px; padding-top: 40px;}
.con_5 .warp .item ul{ width: 110%;}
.con_5 .warp .item ul li{ float: left; width: 333px; height: 285px; position: relative; margin: 0 20px 20px 0;}
.con_5 .warp .item ul li p{ position: absolute; width: 100%;left: 0;top: 65px;text-align: center;color: #ddad66;line-height: 20px;  font-size: 16px;}
.con_5 .warp .item ul li .i{ transition: 0.4s transform;display: block; position: absolute; left: 0; right: 0; bottom: 0; top:0; margin: auto; width: 91px; height: 91px;  background: url(/sw/poes3/images/sp_i1.png) no-repeat center;transform: scale(0.8);}
.con_5 .warp .item ul li .i:hover{transform: scale(0.9); cursor: pointer; background-image: url(/sw/poes3/images/sp_i2.png) ;}

/*弹窗的动画效果*/
.game_thumb {-webkit-animation: tan_data .8s .2s ease both;-moz-animation: tan_data .8s .2s ease both;}
@keyframes tan_data{	
	0% {  opacity: 0;-webkit-transform: scale(.8);}
	50% {  opacity: 1; -webkit-transform: scale(1.01);}
	70% {  -webkit-transform: scale(.99);}
	100% {-webkit-transform: scale(1);}
}
/*弹框显示*/
.tanshow{ width: 100%; height:4960px; position: absolute; left: 0; top:0; display: none;}
.tanshow .bg{ width: 100%; height: 100%; position: absolute; left: 0; right: 0; background: #000; opacity: 0.5;filter:alpha(opacity=50);}
.tanshow .tana{ width: 464px; height: 569px; background: url(/sw/poes3/images/tana.png) no-repeat center; position: fixed; left: 50%;top:50%; margin-left:-232px;  margin-top: -285px; display: none;z-index:1000;}
.tanshow .tana .img{ position: absolute; right: 45px; top:65px; cursor: pointer;}
.tanshow .tana .logo{ width: 176px; height: 136px; margin:0 auto; padding-top: 80px;}
.tanshow .tana .bt{ color: #e8c77b; text-align: center; font-size: 38px; height: 86px; line-height: 86px;}
.tanshow .tana .p{ width: 400px; font-size: 22px; line-height:36px; margin: 0 auto; color: #e8c77b; text-align: center;}
.tanshow .tana .libao{margin: 0 auto; width: 165px; height: 167px; padding-top: 25px;}
.tanshow .tana .a{ background: url(/sw/poes3/images/ico_img.png) no-repeat center;height:45px;width:254px;background-position: 0 -542px; margin: 0 auto; position: relative; z-index: 1000; margin-top: -35px; text-align: center; line-height: 45px; font-size: 22px; color: #fff; cursor: pointer;}

/*中奖的信息*/
.tan2{ width: 316px ;position: fixed;left:50%;top: 50%; margin-left: -160px; margin-top: -100px;z-index: 51; border-radius: 8px; background:#fff; padding-top: 25px;  display: none;}
.tan2 img{ position: absolute; right: 8px; top:8px;cursor: pointer; }
.tan2 p{ color: #683714; height: auto;  text-align: center;font-size: 19px; padding-bottom: 10px;}
.tan2 span{color: #683714; height: 35px;  text-align: center; font-size: 15px;padding-bottom: 25px; font-weight: normal; display: block;}
.tan2 .btn{ width:134px; height: 38px; background:#1aa4d3; text-align: center; line-height: 34px; margin:  0 auto; font-size: 16px; color: #fff; 
                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:#fff; padding-top: 25px;  display: none;}
.tan4 img{ position: absolute; right: 8px; top:8px;cursor: pointer; }
.tan4 span{color: #683714; height: 155px;  text-align: center; font-size: 25px;padding-bottom: 25px; font-weight: normal; display: block; line-height: 115px;}*/

/*填写资料啊*/
.tanshow .tan3{ position: fixed; left: 50%; top: 50%;  height: 550px;width:376px;  z-index: 1001; border: 0; border-radius: 20px; margin-top: -190px; margin-left: -275px;
                          background:#fff; padding-top: 6px; display: none;}
.tanshow .tan3 .toplist{ height: 75px; text-align: center;  color: #ffea00; font-size: 23px; width: 100%; margin: 0 auto;  margin-bottom: 26px;  font-weight: normal;
             border-bottom:2px solid #683714; 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: #683714; font-weight: 500;}
.tanshow .tan3 .inpu{ width: 325px; margin: 0 auto; height: 40px;  border-radius: 10px; background: #fff; line-height: 40px; color: #683714; padding: 0 10px; margin-top:  10px; border: 1px solid #683714;}
.tanshow .tan3 input{ height: 36px; width: 210px; background: #fff;border:none; color: #683714; font-size: 18px;}
.tanshow .tan3 .pa{ color: #683714; 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:#1aa4d3; border-radius: 10px; margin-top: 20px; border:none;
                                    text-align: center; line-height: 35px; color: #fff; font-size: 19px; cursor: pointer; display:  block;}
.tanshow .tan3 .p1{ height: 35px; line-height: 35px; color: #683714; font-size: 25px; width: 345px; margin: 0 auto; margin-top: 20px; }
.tanshow .tan3 .p2{line-height: 38px; color:#683714; font-size: 19px; width: 344px; margin: 0 auto;}
.tanshow .tan3 img{position: absolute; top:20px; right: 20px; cursor: pointer; }
.tanshow .tan{-webkit-box-shadow: 1px 6px 36px rgba(0,0,0,.5);
    -moz-box-shadow: 1px 6px 36px rgba(0,0,0,.5);
    box-shadow: 1px 6px 36px rgba(0,0,0,.5);
    -webkit-border-radius: 5px 5px 3px 3px;
    -moz-border-radius: 5px 5px 3px 3px;
    border-radius: 5px 5px 3px 3px;}
/*视频框*/
.tanshow .video{ position: fixed; left: 50%; top:50%; width: 800px; height: 453px; margin-left: -400px; margin-top: -225px; z-index: 1001; background: #000; display: none;}
.tanshow .video .img{ display: block; width: 40px;height: 40px; text-align: center; line-height: 40px;position: absolute;right: -45px; top: -15px;font-family: Tahoma; font-size: 50px; color: #8c313a; text-decoration: none; transition: all 0.2s;}
.tanshow .video .img:hover{cursor: pointer;color: #fff;text-decoration: none; transform: scale(1.2);}
.tanshow .video .net{ width: 100%; height: 100%; position: absolute; left: 0; top:0;}
.tanshow .video .net video{width: 100%; height: 100%;}
.tan4,.tan5{ width: 316px ;position: fixed;left:50%;top: 50%; margin-left: -160px; margin-top: -100px;z-index: 51; border-radius: 8px; background:#fff; padding-top: 25px;  display: none;}
.tan4 img,.tan5 img{ position: absolute; right: 8px; top:8px;cursor: pointer; }
.tan4 span{color: #683714; height: 155px;  text-align: center; font-size: 25px;padding-bottom: 25px; font-weight: normal; display: block; line-height: 115px;}
.tan5 span{color: #683714; text-align: center; font-size: 25px;padding-bottom: 25px; font-weight: normal; display: block; padding-top: 30px;height: 50px;line-height: 50px;}
.tan5 p{height: 50px;text-align: center;font-size: 20px; overflow: hidden; width: 100%;}