*{margin:0;padding:0}
body{background:#fff;font-family:'微软雅黑';padding:0;margin:0}
body a{transition:.5s all;-webkit-transition:.5s all;-o-transition:.5s all;-moz-transition:.5s all;-ms-transition:.5s all}
ul{padding:0;margin:0;list-style:none}
h1,h2,h3,h4,h5,h6,label,p{margin:0}
@font-face{font-family:Philosopher-Bold;src:url(../fonts/Philosopher-Bold.ttf) format('truetype')}
@font-face{font-family:nobile;src:url(../fonts/nobile.ttf) format('truetype')}
i{font-style:normal}
.header{height:85px}
.header-top{background-color:#2f3032;min-width:1200px}
.header-top .container{width:100%}
.header-top .container .head-top{width: 1200px; margin: 0 auto;}
.logo{float:left;height:85px;line-height:85px}
.logo h1{font-size:3em;font-family:Philosopher-Bold;height:100%}
.logo h1 a{text-decoration:none;color:#fff;display:table-cell;height:85px;line-height:85px}
.top-nav{float:right}
.top-nav ul li{float:right;list-style:none}
.top-nav span.menu{display:none}
.top-nav ul li a{display:inline-block;font-weight:bold;color:#fff;text-decoration:none;font-size:15px;height:85px;line-height:85px;padding:0 36px}
.top-nav ul li a:hover,.top-nav ul li.active a{color:#2f3032;background:#fff;background: -webkit-linear-gradient(top, #ffffff 0%,#f3f3f3 100%);}
.swiper-pagination-bullet-active{background:#fbad1a!important}
.ban-grid,.ban-grid1,.ban-grid2,.ban-grid3{position:relative}
.ban-grid img{position:absolute;left:0}
.ban-grid1 img{position:absolute;left:272px}
.ban-grid2 img{position:absolute;left:554px}
.ban-grid3 img{position:absolute;left:821px}
.content-top{padding:4em 0 0}
.col-top-bottom{background:#434343;padding:3.1em;text-align:center;margin:2em 1em 0}
h3.menber{font-size:3em;text-shadow:1px 1px 9px #000;font-family:Philosopher-Bold;color:#fff;float:left}
a.now-in{padding:.3em .7em;display:block;font-size:1.2em;color:#fff;margin:0 auto;float:right;border:2px solid #fff;text-align:center;text-decoration:none;background:#434343}
a.now-in:hover{background:#ea4c89;border:2px solid #ea4c89}
.per{position:relative}
.six{position:absolute;top:0;background:rgba(234,76,137,.38);padding:12em 1em 0;width:90%;height:100%;text-align:center;display:none}
.six h4{font-size:3.5em;color:#fff;font-family:Philosopher-Bold}
.top-col{padding:0}
.per:hover .six{display:block}
.black{position:relative}
.col{position:absolute;top:0;background:rgba(234,76,137,.38);padding:6em 1em 0;width:93%;height:100%;text-align:center;display:none}
.col h4{font-size:3.5em;color:#fff;font-family:Philosopher-Bold}
.black:hover .col{display:block}
.bottom-content h4{font-size:1.8em;color:#ea4c89;margin-bottom:.5em;font-family:Philosopher-Bold}
.bottom-content ul li{list-style:none}
.bottom-content ul li a{text-decoration:none;color:#7c7c7c;font-size:.95em;margin:.7em 0 0;display:block}
.bottom-content ul li a:hover{color:#ea4c89}
.bottom-content1 iframe{border:none;width:100%;min-height:300px}
.content-bottom{padding:4em 0}
i.glyphicon.glyphicon-ok{color:#ea4c89;font-size:14px;margin-right:10px}
.sap_tabs{clear:both;padding:0 0 2em}
.tab_box{background:#fd926d;padding:2em}
.top1{margin-top:2%}
.resp-tabs-list{list-style:none;padding:0;margin:0 auto}
.resp-tab-item{width:260px;height:50px;line-height:50px;float:left;background-color:#f6eede;text-align:center;font-size:30px;letter-spacing:1px;color:#323231;font-family:'微软雅黑';cursor:pointer}
.resp-tab-active{background:#4f4e4b;text-shadow:none;color:#fff}
.resp-tabs-container{padding:0;background-color:#fff;clear:left}
h2.resp-accordion{cursor:pointer;padding:5px;display:none}
.resp-tab-content{display:none}
.resp-accordion-active,.resp-content-active{display:block}
.img-top{float:left;width:33.33%;position:relative}
.tab_desc{background:rgba(234,76,137,.43);position:absolute;top:0;width:100%;height:100%;padding:17em 2em 0;display:none}
ul.round-top{text-align:center}
.round-top li{display:inline-block}
.round-top li i{color:#fff;font-size:1.2em;background:#000;width:50px;height:50px;border-radius:100px;line-height:3em}
.round-top li i.glyphicon.glyphicon-link{color:#000;background:#fff}
.img-top:hover .tab_desc{display:block}
.footer{background:#2f3032;padding:4em 0;text-align:center}
.top-footer ul li{display:inline-block}
.top-footer ul li i{background:url(../images/img-sprite.png) -1px 0;width:52px;height:52px;display:inline-block;vertical-align:middle}
.top-footer ul li i.youtube{background-position:-56px 0}
.top-footer ul li i.facebook{background-position:-110px 0}
.top-footer ul li a{display:inline-block;color:#fff;font-size:1.5em;text-decoration:none;margin:0 0 0 5%}
.footer-grid li{display:inline-block}
.footer-grid li a{display:inline-block;color:#fff;font-size:1.1em;text-decoration:none;margin:0 1em}
.footer-grid li a:hover{color:#ea4c89}
.footer p{color:#fff;font-size:1.1em}
.footer p a{color:#ea4c89;text-decoration:none}
.footer p a:hover{color:#fff}
ul.footer-grid{padding:2em 0}
@keyframes hvr-wobble-top{16.65%{-webkit-transform:skew(-12deg);transform:skew(-12deg)}
33.3%{-webkit-transform:skew(10deg);transform:skew(10deg)}
49.95%{-webkit-transform:skew(-6deg);transform:skew(-6deg)}
66.6%{-webkit-transform:skew(4deg);transform:skew(4deg)}
83.25%{-webkit-transform:skew(-2deg);transform:skew(-2deg)}
100%{-webkit-transform:skew(0);transform:skew(0)}
}
.contact{padding:4em 0}
.contact h3{font-size:3.5em;color:#000;font-family:Philosopher-Bold;text-align:center}
.contact-grids{padding:3em 0 0}
.gamelist{width:100%;background:#fffaf0;padding:40px 0 62px}
.gamelist .sap_tabs{padding:0}
.gamelist .resp-tabs-list{margin-bottom:23px}
.boutique-title,.more-game{width:100%;text-align:center;margin:42px 0 45px}
.more-game h3{display:inline-block;width:244px;height:62px;line-height:62px;border-radius:31px;background:#fff7e7;font-size:22px}
.more-game h3 span{display:inline-block;background-image:-webkit-linear-gradient(bottom,#e1dcd2,#868585,#797878);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.footer{font-size:12px;min-width:1200px}
.footer p{color:#bbb;margin-bottom:5px}
.footer-list{list-style-type:none;display:block;width:100%;clear:both;text-align:center;margin-bottom:5px}
.footer-list li{display:inline-block;margin-right:5px;padding-right:5px;border-right:1px solid #ccc;color:#ddd}
.footer-list li:last-child{border:none}
.footer-list li a{color:#fff}
.swiper-container-game{background-color:#fffaf0}
.swiper-container-game1 .swiper-slide{width:367px!important;height:550px;overflow:hidden}
.swiper-container-game .swiper-slide img{width:100%}
.slide-wrapper{position:relative}
.slide-div{position:absolute;left:0;right:0;bottom:0;padding:53px 20px 40px;background:#fff;text-align:left;color:#323231}
.gamelist2 .slide-cont .title1,.slide-div .title1{display:inline-block;font-size:27px;font-weight:700;padding-bottom:7px}
.slide-div .title1 {display: block;}
.slide-div .title1 a {font-size: 15px;float: right;margin-top: 10px;}
.gamelist2 .slide-cont .content1,.gamelist2 .slide-cont .download1,.slide-div .content1{color:#666;font-size:14px;line-height:23px;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}
.slide-wrapper{cursor:pointer}
.col-top-bottom{padding:0;background-color:#fff}
.game-boutique{padding:5px}
.game-boutique .content-top{padding-top:8em}
.game-boutique .slide-div{opacity:.85;padding:25px 20px 40px;margin:0 9px}
.game-boutique .slide-wrapper{padding:0 9px}
.game-boutique .col-top-bottom{margin:20px 0 0}
.game-boutique .per{height:609px}
.game-boutique .per span{width:100%;height:100%;background-color:#ede4e4;display:block}
.game-boutique .per .slide-div{margin-left:10px;height:143px}
.boutique-cat{position:absolute;right:10px;bottom:0;max-width:200%;width:380px}
.gamelist1 .swiper-button-next,.gamelist2 .swiper-button-next{right:-50px;background-image:url(../images/btn-prev.png);height:24px;width:14px;background-size:cover;-webkit-background-size:cover}
.gamelist1 .swiper-button-prev,.gamelist2 .swiper-button-prev{left:-50px;background-image:url(../images/btn-next.png);height:24px;width:14px;background-size:cover;-webkit-background-size:cover}
.swiper-container-game .newimg-wrapper{display:block;width:100%}
.gamelist1 .resp-tabs-container,.gamelist2 .resp-tabs-container{position:relative}
.gamelist2 .slide-cont{padding:14px 12px;background-color:#f8eedc;text-align:left}
.gamelist2 .slide-cont .title1{margin:40px 20px 0}
.gamelist2 .slide-cont .content1{margin:15px 20px}
.gamelist2 .slide-cont .download1{margin:0 20px}
.gamelist2 .slide-cont .download1 a{color:#866d3f}
.more-game2{margin-top:32px;margin-bottom:30px}
.more-game3{margin-top:12px;margin-bottom:40px}
.banner-regular{min-width:1200px;position:relative;overflow:hidden;height:350px}
.banner-regular img{width:1920px;height:100%;position:absolute;left:50%;margin-left:-960px}
.c-banner{width:100%;min-width:1200px;position:relative;height:540px;overflow:hidden}
.c-banner .banner-item{width:100%;height:540px;position:relative}
.c-banner .banner-item img{width:1920px;height:100%;position:absolute;left:50%;margin-left:-960px}
.c-banner .banner ul{list-style:none;padding-left:0;margin-bottom:0}
.c-banner .banner ul li{ display: none;opacity:0;cursor: pointer;}
.c-banner .banner ul li:nth-child(1){opacity:1;display:block}
.c-banner .banner ul li div{width:100%;position:absolute;top:0}
.c-banner .banner ul li:first-child div{position:relative}
.c-banner .jumpBtn{width:100%;position:absolute;bottom:20px;text-align:center}
.c-banner .jumpBtn ul{margin-bottom:0;padding:0}
.c-banner .jumpBtn ul li{width:10px;height:10px;border-radius:50%;display:inline-block;background-color:#fff;opacity:.9;margin-left:10px}
.c-banner .jumpBtn ul li:first-child{margin-left:0}