@charset "utf-8";html,body,div,img,ul,li,a,p,h1,h2,h3,h4,h5,h6,i,input,textarea {margin:0;padding:0;font-family:"San Francisco",\5FAE\8F6F\96C5\9ED1,'微软雅黑',"Helvetica Neue",Helvetica,Arial,sans-serif;}
ul,li {list-style:none;}
.img {display:block;border:none;}
a {text-decoration:none;}
.fl {float:left;}
.fr {float:right;}
.clearfix:after,.clearfix:before {display:table;content:"";}
.clearfix:after {clear:both;}
.clearfix {zoom:1;}

/*  导航栏  */ 
.navb {width:100%;height:54px;background:rgba(250,250,250,0.5);}
.navb .cont {position:relative;width:1000px;margin:0 auto;}
.navb .cont .logo {position:absolute;float:left;height:100%;width:180px;}
.navb .cont .logo img {position:absolute;display:block;top:7px;left:5px;z-index:10;width:72px;}
.navb .cont .logo .logo_text {margin-left:90px;width:140px;padding-top:5px;}
.navb .cont .logo .logo_text h1 {font-weight:500;font-size:20px;}
.navb .cont .logo .logo_text p {font-size:14px;color:#555;}
.navb .cont .nav_list {float:left;height:56px;margin-left:263px;line-height:56px;}
.navb .cont .nav_list a,.navb .cont .nav_list span{display:inline-block;font-size:20px;color:#555;width:179px;cursor: pointer;}
.navb .cont .nav_list a img {position:absolute;top:0;left:422px;width:180px;}
.navb .cont .nav_list a.active {color:#d45743;}
.navb .cont .nav_list p {position:absolute;width:90px;height:50px;font-size:14px;background:#000;color:#fff;border-radius:5px;top:0;right:0;}
.navb .cont .nav_list .game_FAQ:hover .FAQ{display:block;}
.navb .cont .nav_list .mag-list{display:none;position:absolute;top:54px;width:120px;background-color:#FFFFFF;border:1px solid #303233;border-bottom: none;}
.navb .cont .nav_list .FAQ{right:245px;}
.navb .cont .nav_list .notice ul li,.navb .cont .nav_list .FAQ ul li{font-size: 16px;text-align: center;height: 45px;line-height: 45px;border-bottom:1px solid #303233;}
.navb .cont .nav_list .notice ul li a,.navb .cont .nav_list .FAQ ul li a{width: 120px;}
.navb .cont .nav_list .notice ul li a:hover,.navb .cont .nav_list .FAQ ul li a:hover{color: #93433b;}

.navb .cont .nav_list .service:hover .QQ {display:block;}
.navb .cont .QQ {position:absolute;border:1px solid #303233;text-align:center;line-height:2rem;top:54px;right:85px;width:113px;font-size:16px;color:#000;background:#fff;display:none;}

/*横向手风琴特效*/
/*最外层载体*/

.pagecont {position:relative;width:1200px;height:100%;margin:0 auto;display:block;}
/*第二层载体 */

.p3-showboxout {width:1200px;height:470px;position:absolute;}
.p3-showboxout-2 {width:1200px;height:470px;position:relative;overflow:hidden;}
.p3-showboxin {width:2200px;height:470px;position:absolute;overflow:hidden;left:0px;top:40px;}
.p3-showboxin .ani {background:none;}
.p3-showcont {width:168px;height:450px;position:relative;float:left;transition:all 0.5s ease;opacity:1;}
.p3-showboxin li {-webkit-animation:fadeInRight 0.75s 0s ease forwards;-moz-animation:fadeInRight 0.75s 0s ease forwards;-ms-animation:fadeInRight 0.75s 0s ease forwards;animation:fadeInRight 0.75s 0s ease forwards;overflow:hidden;cursor:pointer;}
.p3-showcont1 {background:url(../../ryimg/lb/p3-swi-cont1.png) no-repeat;padding-top:35px;}
.p3-showcont2 {background:url(../../ryimg/lb/p3-swi-cont2.png) no-repeat;}
.p3-showcont3 {background:url(../../ryimg/lb/p3-swi-cont3.png) no-repeat;padding-top:35px;}
.p3-showcont4 {background:url(../../ryimg/lb/p3-swi-cont2.png) no-repeat;}
.p3-showcont1 b {background:url(../../ryimg/lb/p3-swi-title1.png) no-repeat;background-size:90%;}
.p3-showcont2 b {background:url(../../ryimg/lb/p3-swi-title2.png) no-repeat;background-size:90%;}
.p3-showcont3 b {background:url(../../ryimg/lb/p3-swi-title3.png) no-repeat;background-size:90%;}
.p3-showcont4 b {background:url(../../ryimg/lb/p3-swi-title4.png) no-repeat;background-size:90%;}
.p3-showboxin .on b {-webkit-transform:translate3d(-100%,0,0);-moz-transform:translate3d(-100%,0,0);-ms-transform:translate3d(-100%,0,0);-o-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);opacity:0;filter:alpha(opacity=0);}
.p3-showboxin .on {width:610px;}
.p3-showboxin b {display:block;width:168px;height:460px;text-indent:-9999em;-webkit-transition:all .7s;-moz-transition:all .7s;-ms-transition:all .7s;-o-transition:all .7s;transition:all .7s;margin-top:0;}
@-webkit-keyframes fadeInRight {0% {opacity:0;-webkit-transform:translate3d(200%,0,0);transform:translate3d(200%,0,0);}
100% {opacity:1;-webkit-transform:none;transform:none;}
}
/*礼包*/
/*.f-gift>img {animation:yu .5s .4s linear infinite;-webkit-animation:yu .5s .4s linear infinite;}
@keyframes yu {0% {transform:rotate(0)}
20% {transform:rotate(1deg)}
40% {transform:rotate(-1deg)}
60% {transform:rotate(1deg)}
80% {transform:rotate(-1deg)}
100% {transform:rotate(0deg)}
}
@-webkit-keyframes yu {0% {-webkit-transform:rotate(0)}
20% {-webkit-transform:rotate(1deg)}
40% {-webkit-transform:rotate(-1deg)}
60% {-webkit-transform:rotate(1deg)}
80% {-webkit-transform:rotate(-1deg)}
100% {-webkit-stransform:rotate(0deg)}
}
/*视频及礼包弹窗*/
#video {padding-top:1px;width:205px;height:110px;background:url(../../ryimg/video_box.png) no-repeat;margin:84px auto 0 auto;-webkit-animation:show2 .6s both;animation:show2 .6s both;-moz-animation:show2 .6s both;float:right;position:relative;right:55px;}
@keyframes circle {0% {transform:rotate(0);transform-origin:13px 15px;}
100% {transform:rotate(360deg);transform-origin:13px 15px;}
}
@-webkit-keyframes circle {0% {-webkit-transform:rotate(0);transform-origin:13px 15px;}
100% {-webkit-transform:rotate(360deg);transform-origin:13px 15px;}
}
.btn-video {width:29px;height:29px;background:url(../../ryimg/circle.png) no-repeat;margin-left:87px;margin-top:39px;cursor:pointer;-webkit-animation:circle 3s .6s  linear infinite;animation:circle 3s .6s  linear infinite;-moz-animation:circle 3s .6s  linear infinite;}
.pop-bg {position:fixed;z-index:9999;width:100%;top:0;left:0;bottom:0;right:0;background:#000000;opacity:.7;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";display:none;}
.video {width:600px;height:400px;position:fixed;top:25%;margin-top:-200px;left:50%;margin-left:-300px;z-index:10000;display:none;}
.video .mp4 {width:460px;height:815px;}
.pop-gift {position:fixed;left:55%;top:55%;margin-left:-450px;margin-top:-260px;z-index:10000;width:627px;height:349px;background:url(../../ryimg/pop_gift.jpg) no-repeat;display:none;}
.close {float:right;margin-top:12px;margin-right:14px;width:22px;height:22px;cursor:pointer;}
.gift-code {width:225px;margin:0 auto;margin-top:110px;height:59px;text-align:center;line-height:59px;color:#fff;font-size:24px;}
.gift-code+img {margin-left:375px;}

/*敬请期待*/
.mask {width:100%;text-align:center;position:fixed;top:0;background:#000;opacity:0.8;height:100%;z-index:9999;display:none;}
.mask p {font-size:100px;text-align:center;color:#fff;margin-top:20%;}