@charset "utf-8";
.content{ min-width: 100%; overflow:  hidden;}
.center{ width: 100%; margin:  0 auto;height: 100%; position: relative;}
.hide{ display: none;}
.con_1{ width: 100%;  height:575px; background: url(/sw/qipai2017/images/con_1.jpg) no-repeat center; background-size:  auto 100%; }

.con_1 a{ position: absolute; top:25px}
.logo1{ background: url(/sw/qipai2017/images/logo.png) no-repeat center; width: 200px; height: 48px; left: 175px;}
.logo2{ background: url(/sw/qipai2017/images/logo1.png) no-repeat center; width: 150px; height: 45px; left: 0px;}
.con_1 i{ display: block; position: absolute; left: 0; right: 0; bottom: 27px; margin: auto; background: url(/sw/qipai2017/images/video1.png) no-repeat center; width: 59px; height: 59px; cursor: pointer; background-size:100% 100%;}
.con_1 i:hover{ width: 60px; height: 60px;}

/*新闻直播*/
.con_2{ width: 100%;  height:858px; background: url(/sw/qipai2017/images/con_2.jpg) no-repeat center; background-size:  auto 100%; }
.con_2 .bt{ padding: 45px 0;}
.con_2 .warp{ background: #e4d8ca; height: 671px; width: 1196px; border:1px solid #e4c283; position:relative;}
.con_2 .warp .shiping{ position: absolute; left: 0; right: 0; top:0; bottom: 0; margin: auto; width: 958px; height: 644px; overflow: hidden;}
.con_2 .warp .shiping img{ position: absolute; top:0; left: 0;}
.con_2 .warp .shiping .motai{ width: 100%; height: 100%; background: rgba(31,19,11,0.6); position: absolute; top:0; left: 0;}
.con_2 .warp .shiping .motai i{  background: url(/sw/qipai2017/images/video2.png) no-repeat center; width: 105px; height: 105px;  position: absolute; top:0; left: 0; bottom: 0; right: 0; margin: auto; cursor: pointer;}
.con_2 .warp .shiping .video2{ position: absolute; top:0; left: 0; width: 100%; height: 100%;text-align: center; line-height: 644px; font-size: 30px; color: #fff; background: #000; display: none;}
/*活动日程*/
.con_3{ width: 100%;  height:563px; background: url(/sw/qipai2017/images/con_3.jpg) no-repeat center; background-size:  auto 100%; font-size: 16px; color: #743d10; font-family: "宋体";}
.con_3 .bt2{ padding: 50px 0;}
.con_3 .top{height: 16px; padding:24px 0 10px 0;}
.con_3 .top li{ width: 65px; margin-left: 68px;   float: left; padding-right: 7px;}
.con_3 .con_3img{}
.con_3 ol{ padding-left: 48px;}
.con_3 ol li{max-width: 145px; float: left; text-align: center; }
.con_3 ol .li1{ padding-right: 29px;}
.con_3 ol .li2{ padding-right: 28px;}
.con_3 ol .li3{ padding-right: 20px;}
.con_3 ol .li4{ padding-right: 4px;}
.con_3 ol .li5{ padding-right: 12px;}
.con_3 ol .li6{ padding-right: 20px;}
.con_3 ol .li7{ padding-right: 11px;}

.con_3 ol li span{ display:block; padding-top: 7px;}
.con_3 ol li span .sp{ font-family: arial;}
/*2017爱玩棋牌游戏下载棋牌竞标赛*/
.con_4{ width: 100%;  height:762px; background: url(/sw/qipai2017/images/con_4.jpg) no-repeat center; background-size:  auto 100%; }
.con_4 .bt3{ padding: 50px 0  45px 0;}
.con_4 .nav{ width: 100%; height:79px; background: url(/sw/qipai2017/images/con_4ol.png) no-repeat center;}
.con_4 .nav li{width: 200px; color:#996633; font-size: 30px; line-height: 79px; text-align: center; position: relative; float: left; cursor: pointer;}
.con_4 .nav li:hover{opacity: 0.8;}
.con_4 .nav .ac{ background: #996633; color: #fff;}
.con_4 .nav .ac i{ background: url(/sw/qipai2017/images/i1.png) no-repeat center; display: block; position: absolute; bottom:-22px; left: 0; right: 0; margin: auto; width: 27px; height: 19px;}

.con_4 .warp{width: 1198px; height: 465px; background: #e3ccb1; border:1px solid #996633; margin-top: 32px;}

.con_4 .warp .item{padding-top: 20px; padding-left: 23px; position: relative;}
.con_4 .warp .item .left{ float: left; padding-right: 24px; border-right: 2px dashed #996633; width: 373px; height: 423px; margin-top: 6px;}
.con_4 .warp .item .left img{ max-width: 100%; display: block; margin: 0 auto; margin-top: 85px;}
.con_4 .warp .item .left span{ display: block; width: 177px; height: 55px; margin: 0 auto; margin-top: 37px; background: #dfac6f; color: #fff; font-size: 18px; line-height: 55px; text-align: center;
                                 cursor: pointer;}
.con_4 .warp .item .left span:hover{ opacity: 0.8;}
.con_4 .warp .item .text{ float: left; width: 740px; padding-left: 14px;}
.con_4 .warp .item .text span{ font-size: 26px; display: block; color: #757575; margin-top: -6px; margin-bottom: 5px;}
.con_4 .warp .item .text p{ font-size: 22px; line-height: 36px; font-family: "宋体"; color: #757575; text-align: justify;}
/*弹*/
.con_4 .warp .item .showdata{width: 966px; height: 425px; background:#efd9be; position: absolute; left: 0; right: 0; bottom: -477px; margin: auto; border:2px solid #996633;padding: 30px 20px 22px 14px; display: none;}
.con_4 .warp .item .showdata .close{ position: absolute; right: 20px; top:11px; cursor: pointer;}
.con_4 .warp .item .showdata .lef{width: 425px; float: left; padding-right: 25px; border-right: 2px dashed #996633; height: 100%;}
.con_4 .warp .item .showdata .lef img{margin-top: 70px; width: 100%; }
.con_4 .warp .item .showdata .rit{ float: left; width:497px; padding-left: 16px; height: 100%; position: relative;}
.con_4 .warp .item .showdata .rit span{ font-size: 26px; display: block; color: #757575; }
.con_4 .warp .item .showdata .rit p{ line-height: 30px; color: #757575;text-align: justify; font-size: 18px;font-family: "宋体"; padding-top: 10px; padding-bottom: 10px;}
.con_4 .warp .item .showdata .rit img{ position: absolute; left: 0; right:0; bottom: 0; margin: auto; width: 146px; height: 146px;}
.con_4 .warp .item .showdata .rit i{font-size: 15px; position: absolute; left: 0; right: 0; bottom: -22px; margin: auto; display: block; color: #757575; width: 146px; text-align: center;}

/*翻拍抽奖*/
.con_5{ width: 100%;  height:1076px; background: url(/sw/qipai2017/images/con_5.jpg) no-repeat center; background-size:  auto 100%; }
.con_5 .bt{ padding: 65px 0 55px 0;}
.con_5 .warp{ height: 868px; background: #e2caad; border: 1px solid #996633; padding: 0 50px 0 57px; position: relative;}
.con_5 .warp .p_bt{ font-size: 20px; color: #996633; padding-top: 20px;}
.con_5 .warp .sp{ font-size: 20px; font-family: "宋体"; padding-top: 15px; display: block; color: #4e4e4e; padding-bottom: 10px;}
.con_5 .warp .sp2{ font-size: 18px; font-family: "宋体"; padding-bottom: 10px;display: block; color: #4e4e4e;  width: 455px;}
.con_5 .warp .btn_click{ background: url(/sw/qipai2017/images/fanpai.png) no-repeat center; width: 121px; height: 46px; text-align: center; line-height: 46px; color: #fff; position: absolute; top:227px; left: 0; right: 0; 
               margin: auto; cursor:pointer; font-size: 20px;}
/*洗牌*/
.con_5 .warp .xipai{ width: 1060px; overflow: hidden; padding-top: 25px;}
.con_5 .warp .xipai ul{ width: 1260px;}
.con_5 .warp .xipai li{ width: 202px; height: 258px; float: left; margin-right: 80px; margin-bottom: 20px; position: relative; cursor:pointer;}
.con_5 .warp .xipai li .img1{ position: absolute; top:0; left: 0; }
.con_5 .warp .xipai li .img2{ position: absolute; top:0; left: 0;}
 .asa{ transform: rotateY(180deg);-webkit-transition: .6s ease-out;transform-style: preserve-3d;}
 .bsb{transform: rotateY(0deg);-webkit-transition: .6s ease-out;transform-style: preserve-3d;}


/*-------------------------------------------*/
.flip-container {perspective: 1000;
-webkit-perspective: 1000px; /*父类容器中 perspective 子类允许透视*/
-moz-perspective: 1000px;
-ms-perspective: 1000px;
-o-perspective: 1000px;
perspective: 1000px;
 transform:translate3d(0,0,0);transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; }
.flip-container .backa{transform: rotateY(0deg); -webkit-transform: rotateY(0deg);-moz-transform: rotateY(0deg);-ms-transform: rotateY(0deg);-o-transform: rotateY(0deg); z-index:2;}
.flip-container .fronta { transform: rotateY(180deg);-webkit-transform: rotateY(180deg);-moz-transform: rotateY(180deg);-ms-transform: rotateY(180deg);-o-transform: rotateY(180deg); z-index:1}

.flipper {transition:transform 0.6s ease-out;
transition: transform .5s ease-in-out;
-webkit-transition: transform .5s ease-in-out;
-moz-transition: transform .5s ease-in-out;
-ms-transition: transform .5s ease-in-out;
-o-transition: transform .5s ease-in-out;
-webkit-transform-style: preserve-3d; /*使其子类变换后得以保留 3d转换后的位置*/
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
transform-style: preserve-3d;
display:block;position: relative;}
.front, .back {backface-visibility: hidden;transition: 0.6s ease-out;-webkit-transition: .6s ease-out; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d;-o-transform-style: preserve-3d;transform-style: preserve-3d;position: absolute;top: 0;left: 0;}

.front {z-index: 2;transform: rotateY(0deg);transform: rotateY(0deg); -webkit-transform: rotateY(0deg);-moz-transform: rotateY(0deg);-ms-transform: rotateY(0deg);-o-transform: rotateY(0deg);}
.back { z-index:1;transform: rotateY(-180deg);transform: rotateY(-180deg);-webkit-transform: rotateY(-180deg);-moz-transform: rotateY(-180deg);
-ms-transform: rotateY(-180deg);-o-transform: rotateY(-180deg);}


/*---------
洗牌
---------*/
.move { -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); }
.move1.moveing { -webkit-transform:translate3d(282px,0,0);-moz-transform: translate3d(282px,0,0);;transform: translate3d(282,0,0);} 
.move2.moveing { -webkit-transform:translate3d(0,278px,0);-moz-transform: translate3d(0,278px,0);;transform: translate3d(0,278px,0);} 
.move3.moveing { -webkit-transform:translate3d(-282px,0,0);-moz-transform: translate3d(-282px,0,0);;transform: translate3d(-282px,0,0);} 
.move4.moveing { -webkit-transform:translate3d(0,-278px,0);-moz-transform: translate3d(0,-278px,0);;transform: translate3d(0,-278px,0);} 
.move5.moveing { -webkit-transform:translate3d(0,278px,0);-moz-transform: translate3d(0,278px,0);;transform: translate3d(0,278px,0);} 
.move6.moveing { -webkit-transform:translate3d(-282px,0,0);-moz-transform: translate3d(-282px,0,0);;transform: translate3d(-282px,0,0);} 
.move7.moveing { -webkit-transform:translate3d(282px,0,0);-moz-transform: translate3d(282px,0,0);;transform: translate3d(282px,0,0);}
.move8.moveing { -webkit-transform:translate3d(0,-278px,0);-moz-transform: translate3d(0,-278px,0);;transform: translate3d(0,-278px,0);}


/*----------------------------------*/


/*公益*/
.con_6{ width: 100%;  height:688px; background: url(/sw/qipai2017/images/con_6.jpg) no-repeat center; background-size:  auto 100%; }
.con_6 .bt{padding: 52px 0 65px 0;}
.con_6 .warp6{ background: #e3ccb1; height: 470px; border:1px solid #996633;}
.con_6 .warp6 p{ padding: 0 23px; font-family: "宋体"; font-size: 24px; line-height: 36px; color: #996633; padding-top: 18px; text-indent: 2em;}
.con_6 .warp6 ul{ padding-left: 90px; padding-top: 35px;}
.con_6 .warp6 ul li{ float: left; width: 312px; height: 217px; margin-right: 44px; overflow: hidden; cursor: pointer;}
.con_6 .warp6 ul li img{ width: 100%;}


/*盛典风采*/
.con_7{ width: 100%;  height:743px; background: url(/sw/qipai2017/images/con_7.jpg) no-repeat center; background-size:  auto 100%; }
.con_7 .bt{ padding: 75px 0 30px 0;}
.p_text{ text-align: center; font-size: 36px; color: #996633; cursor: pointer;}

 .box{width: 100%;height:459px;position: relative;  overflow:  hidden;margin-top: 30px;}
 .lista{width: 100%;height: 459px;overflow: hidden;position: absolute;top:0; left: 0;}


 .lista li{position: absolute;top: 0;left: 0;list-style: none;opacity: 0;transition: all 0.3s ease-out;}
 .lista  img{width: 720px;height: 459px;	border:none;float: left;}
/*.jia .lista .p1{transform:translate3d(-224px,0,0) scale(0.81);}*/
 .lista .p4{transform:translate3d(0px,0,0) scale(0.71);transform-origin:0 50%;opacity: 0.8;z-index: 2;}
 .lista .p5{transform:translate3d(200px,0,0) scale(1);z-index: 3;opacity: 1;}
 .lista .p6{transform:translate3d(449px,0,0) scale(0.71);transform-origin:100% 50%;opacity: 0.8;z-index: 2;}
.lista .p1{opacity: 0;}
.lista .p2{opacity: 0;}
.lista .p3{opacity: 0;}
.lista .p7{opacity: 0;}
.lista .p8{opacity: 0;}


/*盛典视频*/
.con_8{ width: 100%;  height:710px; background: url(/sw/qipai2017/images/con_8.jpg) no-repeat center; background-size:  auto 100%; }
.con_8 p{ text-align: center; color: #996633; font-size: 36px; padding: 29px 0  65px 0;}


.con_8 ul{ width: 100%;}
.con_8 ul li{ width: 16.66666%; height: 390px; float: left; position: relative;}
.con_8 ul li img{ position: absolute; top:0; left: 0; width: 100%; height: 100%;}
.con_8 ul li  .motai{ position: absolute; top:0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.6);}
.con_8 ul li  i{  background: url(/sw/qipai2017/images/imgjl.png) no-repeat center; display: block;height:73px;width:73px;background-position: 0 -101px;
                     position: absolute; top:0; left: 0; right: 0; bottom: 0; margin: auto;}
.con_8 ul li:hover img{height: 445px; top: -27.5px;}
.con_8 ul li:hover .motai{display: none;}
.con_8 ul li:hover i{background-position: 0 -28px;}

/*右侧的定位*/
.navfex{ position:fixed; right: 50px;top:30px; height: 240px; top:calc(50% - 120px); width: 110px;z-index: 50;}

.navfex li{font-size: 20px; font-family: "宋体"; color: #996633; padding-bottom: 15px; width: 85px; padding-left: 25px; height: 20px; position: relative; cursor: pointer; margin-bottom: 10px;}
.navfex li i{ background: url(/sw/qipai2017/images/imgjl.png) no-repeat center;height:14px;width:14px;background-position: 0 -14px; display: block; position: absolute;right: -18px; top:5px;}
.navfex .ac{ color: #fff;}
.navfex .ac i{background-position: 0 0;}
.navfex li span{ display: none;}
.navfex:hover span{ display: block; }
.navfex li:hover  i{background-position: 0 0;}
.navfex li:hover  span{color: #fff;}

/*1模态视频*/
.game_thumb {-webkit-animation: bounceIn .8s .2s ease both;-moz-animation: bounceIn .8s .2s ease both;}
@keyframes bounceIn{	
	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);}
}

.index_motai{width: 100%; height: 6140px; background: rgba(0,0,0,0.5); position: absolute; top:0; left: 0; z-index: 100; display: none;}

.index_motai .tan1{width: 384px;height: 540px;left: 42%; top: 19%; position: fixed; z-index: 51;  border-radius: 20px;  display: none;}
.index_motai .tan1 img{position: absolute; right: -10px; top:-8px; cursor: pointer;}
.iframe_warp {
    width: 100%;
    height: 100%;
    border: none;
}
.video_1{ width: 750px; height: 450px; background: #000; position: fixed; left: 300px; top:400px; left: calc(50% - 375px); top: calc(50% - 225px); text-align:  center; line-height: 450px; font-size: 30px; color: #fff; display: none;}
.video_1 img{ position: absolute; right: -30px; top:0px; cursor: pointer;}