@charset "utf-8";/*reset.css*/
body,h1,h2 {background:#ebebeb;margin:0; padding: 0; color: #484848; font: 14px/1 "Microsoft Yahei",SimSun,Arial,"\5b8b\4f53",sans-serif; line-height: 1;}
html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, hr, p, blockquote, img, a, dl, dt, dd, ul, ol, li, pre, em, strong, b, i, fieldset, form, label, legend, button, input, textarea, table, tbody, tfoot, thead, tr, th, td {
    margin: 0; padding: 0; border: 0; outline: 0;}
a {text-decoration:none;color: #3c3c3c;}
ul, ol { list-style: none;}
.w1240{ width: 1240px; margin: 0 auto; position: relative;}
.p158 { padding-top: 158px;}
.w1006{width: 1006px; margin: 0 auto; position: relative;}
.fl{ float: left;}
.rt{float: right;}
.header{ position: relative;    z-index: 21;}
.clear { clear: both;}
.t50 { padding-top: 50px;}
.bac { background: #f5f5f5;}

/**top**/
.sBanner { min-height: 1200px;}
.main { width: 1240px; margin: 0 auto; position: relative;}
.nav { padding-top: 30px; height: 100px;}
.nav .logo { width: 157px; height: 97px;position: absolute;background: url(../images/game_logo.png) no-repeat;}
.nav .logo a{ height: 100%; display: block;}
.nav-list { height: 55px; position: absolute; left: 200px; padding-top: 38px;}
.nav-list li { float: left; margin-right: 50px; font-size: 18px;}
.nav-list li i{ font-size: 10px;font-style:normal; position: absolute; float:left; margin: 26px 0 0 -70px; color: #a3a3a3;}
.selected a { color: #fe9500;}
.nav-list a:hover { color: #fe9500;}
.selected li i { color: #fe9500;}

.frxx-top { padding-top: 606px; position: relative;}
.frxx-top .img { width: 660px; height: 360px; background: #ffb900; float: left;}
.frxx-top .news { width: 566px;height: 360px;  float: right; background:#fff;}
.dl-box { width: 324px; height: 130px; position: absolute; top: 432px; right: 80px;}
.dl-box .qrcode { width: 134px; height: 134px; display: block; position: relative;}
.dl-box .an-btn, .dl-box .an-btn:hover, .dl-box .ios-btn, .dl-box .ios-btn:hover,.dl-box .goo-btn { background-image: url(../images/al.png);}
.dl-box .ios-btn { background-position: 0px -46px;}
.dl-box .an-btn { background-position: 0px 0px;}
.dl-box .goo-btn { background-position: 0px -92px;}
.dl-box .ios-btn:hover { background-position: -201px -46px;}
.dl-box .an-btn:hover{ background-position:-201px  0px;}
.dl-box .goo-btn:hover{ background-position:-201px  -92px;}
.dl-box .an-btn { cursor: pointer; display: inline-block; *display: inline; *zoom: 1; width: 180px; height: 38px; position: absolute; top:0px; left: 146px; background-repeat: no-repeat;}
.dl-box .ios-btn { cursor: pointer; display: inline-block; *display: inline; *zoom: 1; width: 180px; height: 38px; position: absolute; top: 48px; left: 146px; background-repeat: no-repeat;}
.dl-box .goo-btn{ cursor: pointer; display: inline-block; *display: inline; *zoom: 1; width: 180px; height: 38px; position: absolute; top: 96px; left: 146px; background-repeat: no-repeat;}
.gd {  float: right; margin-top: 10px;}
.gd a { display: block;width: 19px; height: 19px; background: url(../images/gd.jpg) no-repeat;}

/****/
.Headlines {text-align: center;color: #f86060;font-weight: 300;padding: 20px 0 20px 0;margin: 0; background: #f0f0f0;}
.list { width: 100%;}
.list li {line-height: 40px; border-bottom: 1px dashed #dbdbdb; background: url(../images/tb_03.jpg) no-repeat left center; padding-left: 20px;}
.list li a{ color: #666;}
.list li span { float: right; color: #9eabc3;}


/**游戏**/
.game { margin-top:14px; }
.game .w1240 {width: 1240px;height:762px; }
#con {FONT-SIZE: 12px; MARGIN: 0px auto; WIDTH: 1240px}
#tags { /*width: 480px;*/ height: 40px; margin: 0 auto; display: table;text-align: center }
#tags li {BACKGROUND: url(../images/rn1.png) no-repeat left bottom; FLOAT: left; width: 150px; margin: 0 5px; height: 40px;}
#tags li a { width: 150px; height: 40px; display: block; text-align: center; font-size: 18px; color: #fff; line-height: 40px;}
#tags li.emptyTag {	BACKGROUND: none transparent scroll repeat 0% 0%; WIDTH: 4px}
#tags li.selectTag { background: url(../images/rn2.png) no-repeat; POSITION: relative; HEIGHT: 40px}
#tags li.selectTag A { width: 150px; height: 40px; display: block; text-align: center; font-size: 18px; color: #fff; line-height: 40px;}
#tagContent { margin-top: 40px;}
.tagContent {display: none; }
#tagContent div.selectTag {	DISPLAY: block}
.ck-slide { height: 680px; margin: 0 auto;}
.ck-slide ul.ck-slide-wrapper { height: 600px;}

/**五图**/
.chart {min-height: 938px}
.chart .w1240 {width: 1240px; margin: 0 auto;}
.part-tese{height:850px;top:0}

.content-part{position:absolute;width:1200px;left:50%;margin-left:-600px;margin-top: 50px;}
.content-part.show .content-title{opacity:1;transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transition:all 1s;-webkit-transition:all 1s;-moz-transition:all 1s;-o-transition:all 1s}
.part-tese .content-title{background:url(../images/yys_tese_title.png) no-repeat center}
.content-part .content-title{opacity:0;transform:translateY(50px);-ms-transform:translateY(50px);-webkit-transform:translateY(50px);-moz-transform:translateY(50px);-o-transform:translateY(50px)}
.content-part .content-title{position:absolute;width:650px;height:263px;top:0;left:50%;margin-left:-325px}
.part-tese .shadow{position:absolute;width:1014px;height:190px;bottom:0;left:50%;margin-left:-507px;background:url(../images/yys_tese_shadow.png)}
.part-tese.show .gallery_container{opacity:1;transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transition:all 1s .1s;-webkit-transition:all 1s .1s;-moz-transition:all 1s .1s;-o-transition:all 1s .1s}
.part-tese .gallery_container{position:absolute;width:1000px;height:550px;top:210px;left:46%;margin-left:-500px}
.part-tese .gallery_container.st02{top:800px}
.part-tese .gallery_container{opacity:0;transform:translateY(200px);-ms-transform:translateY(200px);-webkit-transform:translateY(200px);-moz-transform:translateY(200px);-o-transform:translateY(200px)}
.gallery_container{position:absolute;top:0;left:0}
.part-tese .gallery_container .gallery_wrap{width:800px;height:450px}
.gallery_container .gallery_wrap{width:320px;height:474px}
.threeD_gallery_wrap{position:absolute;left:50%;top:50%;-webkit-perspective:1000px;-moz-perspective:1000px;-ms-perspective:1000px;perspective:1000px}
.front_side{z-index:5;-webkit-transform:rotateY(0) translateX(0) translateZ(0);-moz-transform:rotateY(0) translateX(0) translateZ(0);-ms-transform:rotateY(0) translateX(0) translateZ(0);-o-transform:rotateY(0) translateX(0) translateZ(0);transform:rotateY(0) translateX(0) translateZ(0)}
.threeD_gallery_item{position:absolute;width:100%;height:100%;cursor:pointer;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}
.part-tese .gallery_right_middle{z-index:3;transform:rotateY(-30deg) translateX(200px) translateZ(-300px) scale(.6);-ms-transform:rotateY(-30deg) translateX(200px) translateZ(-300px) scale(.6);-webkit-transform:rotateY(-30deg) translateX(200px) translateZ(-300px) scale(.6);-moz-transform:rotateY(-30deg) translateX(250px) translateZ(-0px) scale(.6);-o-transform:rotateY(-30deg) translateX(200px) translateZ(-300px) scale(.6)}
.gallery_right_middle{z-index:3;-webkit-transform:rotateY(-55deg) translateX(90px) translateZ(-364px) scale(.95);-moz-transform:rotateY(-55deg) translateX(90px) translateZ(-364px) scale(.95);-ms-transform:rotateY(-55deg) translateX(90px) translateZ(-364px) scale(.95);-o-transform:rotateY(-55deg) translateX(90px) translateZ(-364px) scale(.95);transform:rotateY(-55deg) translateX(90px) translateZ(-364px) scale(.95)}
.gallery_out{-webkit-transform:rotateY(0) translateX(0) translateZ(0) scale(.6);-moz-transform:rotateY(0) translateX(0) translateZ(0) scale(.6);-ms-transform:rotateY(0) translateX(0) translateZ(0) scale(.6);-o-transform:rotateY(0) translateX(0) translateZ(0) scale(.6);transform:rotateY(0) translateX(0) translateZ(0) scale(.6);z-index:-1;opacity:0!important}
.part-tese .gallery_left_middle{z-index:3;transform:rotateY(30deg) translateX(-200px) translateZ(-300px) scale(.6);-ms-transform:rotateY(30deg) translateX(-200px) translateZ(-300px) scale(.6);-webkit-transform:rotateY(30deg) translateX(-200px) translateZ(-300px) scale(.6);-moz-transform:rotateY(30deg) translateX(-250px) translateZ(-0px) scale(.6);-o-transform:rotateY(30deg) translateX(-200px) translateZ(-300px) scale(.6)}
.gallery_left_middle{z-index:3;-webkit-transform:rotateY(55deg) translateX(-90px) translateZ(-364px) scale(.95);-moz-transform:rotateY(55deg) translateX(-90px) translateZ(-364px) scale(.95);-ms-transform:rotateY(55deg) translateX(-90px) translateZ(-364px) scale(.95);-o-transform:rotateY(55deg) translateX(-90px) translateZ(-364px) scale(.95);transform:rotateY(55deg) translateX(-90px) translateZ(-364px) scale(.95)}
.part-tese .gallery_container .gallery_wrap img{width:100%}
.gallery_container .gallery_item img.show{visibility:visible}
.gallery_container .gallery_item img{width:100%;height:100%;visibility:hidden}
.part-tese .gallery_container .gallery_wrap .line-b,.part-tese .gallery_container .gallery_wrap .line-l,.part-tese .gallery_container .gallery_wrap .line-r,.part-tese .gallery_container .gallery_wrap .line-t{position:absolute;background:#fff}
.part-tese .gallery_container .gallery_wrap .front_side .line-t{width:780px;transition:all .2s .2s;-webkit-transition:all .2s .2s;-moz-transition:all .2s .2s;-o-transition:all .2s .2s}
.part-tese .gallery_container .gallery_wrap .line-t{height:1px;width:0;top:10px;left:10px}
.part-tese .gallery_container .gallery_wrap .front_side .line-r{height:430px;transition:all .2s .4s;-webkit-transition:all .2s .4s;-moz-transition:all .2s .4s;-o-transition:all .2s .4s}
.part-tese .gallery_container .gallery_wrap .line-r{width:1px;height:0;right:10px;top:10px}
.part-tese .gallery_container .gallery_wrap .front_side .line-b{width:780px;transition:all .2s .6s;-webkit-transition:all .2s .6s;-moz-transition:all .2s .6s;-o-transition:all .2s .6s}
.part-tese .gallery_container .gallery_wrap .line-b{height:1px;width:0;bottom:10px;right:10px}
.part-tese .gallery_container .gallery_wrap .front_side .line-l{height:430px;transition:all .2s .8s;-webkit-transition:all .2s .8s;-moz-transition:all .2s .8s;-o-transition:all .2s .8s}
.part-tese .gallery_container .gallery_wrap .line-l{width:1px;height:0;left:10px;bottom:10px}
.gallery_container .prev{left: 0;}
.gallery_container .next{right: -80px;}
.gallery_container .prev,.gallery_container .next{position: absolute;top: 15px;width: 140px;height: 450px;z-index:99;}
.gallery_Five { z-index: 4; -webkit-transform: rotateY(0) translateX(0) translateZ(0); -moz-transform: rotateY(0) translateX(0) translateZ(0); -ms-transform: rotateY(0) translateX(0) translateZ(0); -o-transform: rotateY(0) translateX(0) translateZ(0); transform: rotateY(0) translateX(0) translateZ(0);opacity:0!important}
/******/
.g-footer { background: #252525;}
.g-footer .w1240 {background: #252525; width: 1240px; margin: 0 auto; padding:20px 0;}
.g-footer h3 { line-height: 40px; text-align: center; font-weight: 100; font-size: 13px;}
.g-footer h3 a { color: #797878; padding: 0 10px;}
.videolist {			}
.videoed {display: none;width: 50px;height: 50px;position: absolute;left: 45%;top: 45%;	z-index: 99;border-radius: 100%;}
.videos {display: none;	border: 1px solid #080808;	position: fixed;left: 50%;top: 50%;margin-left: -400px;	margin-top: -210px;z-index: 100;width:800px;height: 450px;}
.vclose {position: absolute;right: 1%;top: 1%;border-radius: 100%; cursor: pointer;			}



/*****/
.bg {}
.news-top { padding-top: 300px;}
.list-left { width: 242px; float: left; height: 466px; background: url(../images/list-left.jpg) no-repeat;}
.frxx-lt { width: 180px; margin: 33px auto 0 auto;}
.frxx-lt .frxx-qrcode {width: 168px; margin: 5px 6px 27px 6px; height: 168px;}
.frxx-qrcode { float: left; background: #fff; height: 130px; width: 130px; border-radius: 3px;}
.frxx-lt .frxx-qrcode img { width: 168px;}
.frxx-lt .frxx-btns { margin-left: 0; margin-top: 10px;}
.frxx-btns { float: left; width: 180px; height: 130px; margin-left: 10px;}
.frxx-btns a { width: 180px; height: 60px; float: left; background: url(../images/download.png) no-repeat;}
.frxx-btns a.frxx-android { margin-top: 10px; background-position: 0 -70px;}
.frxx-btns a.goo-android { margin-top: 10px; background-position: 0 -140px;}
.list-right { background: #F5FBFF; float: left; width: 928px; margin-left: 30px;margin-bottom: 50px;}
.frxx-rt-txt { height: 92px; width: 100%; background: #3899FF; line-height: 92px; font-size: 14px;}
.frxx-rt-txt h3 { font-size: 28px; color: #fff; text-indent: 30px; font-weight: normal; float: left;}
.frxx-rt-txt p { float: right; padding-right: 30px;color: #fff;}
.frxx-rt-txt p a { color: #fff;}
.frxx-ny { padding: 0 50px; width: 828px; min-height: 570px;}
.frxx-list { float: left; margin-top: 20px; width: 100%; height: auto;}
.frxx-list li { width: 100%; float: left; height: 50px; line-height: 50px; color: #666; border-bottom: 1px dashed #E5E5E5;}
.frxx-list li em { margin-right: 5px; font-size: 16px; float: left; width: 720px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.frxx-list li a { font-size: 16px; color: #666666;}
.frxx-list li span { color: #a3a3a3; float: right; font-size: 16px;}
em, i { font-style: normal;}
.ny-page { width: 100%; text-align: center; height: 28px; line-height: 28px; padding-bottom: 65px; padding-top: 80px; float: left;}
.ny-page a { background: #575B6A; height: 28px; display: inline-block; padding: 0 8px; text-align: center; color: #fff; font-size: 16px; border-radius: 3px; margin: 0 5px;}
.ny-page .ny-y-all { display: inline-block; color: #a1a1a8; font-size: 16px; margin-left: 5px;}
.ny-nr .ny-nr-tit { border-bottom: 1px solid #DADADA; height: 112px; text-align: center;}
.ny-nr .ny-nr-tit h3 { color: #565b6a; font-size: 22px; width: 100%; float: left; padding-top: 30px; padding-bottom: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.ny-nr .ny-nr-tit p { width: 100%; float: left; color: #857b7b;font-size: 14px; padding-top: 30px;}
.ny-nr-txt { width: 100%; color: #565b6a; font-size: 16px; line-height: 30px;padding: 30px 0; padding-bottom: 30px; padding-bottom: 100px;}


.tw-page { width: 100%; height: 50px; text-align: center; margin: 30px 0  95px 0}
.tw-page a { height: 36px; background: #F4F4F4; color: #2e2e2e; font-size: 14px; text-align: center; line-height: 36px; margin: 0 3px; display: inline-block; border-radius: 3px; padding: 0 16px;}
.tw-page a:hover, .tw-page a.on { background: #FFE400;}

/* diy_select */
.choice {float: right; text-align: right;position: absolute;right: 0}

/*登录框*/
.swal2-close{font-size: 0.4em !important ;width: 1.4em!important;height: 1.4em!important;}

.hd-search ,.user-box, .log-form,.autolog-box label,.tolog-btn, .tolog-btn:visited,.logbox-text,.ios,.Facebook,.Google,.ios:hover,.Facebook:hover,.Google:hover {background-repeat:no-repeat; display: block; background-image: url(../images/common.png);}

.login5left{ float:left; width:246px; font-size:12px; position: relative; top: -14px;margin-left: -120px;}
.login5left .boxUnlog { }
.login5left span{ line-height:24px; color:#f00; margin-left:10px;}

.user-box { width: 245px; padding:5px 20px; height:354px;  background-position: 0px -142px; position: absolute; left: 0px; z-index: 2; top: -476px;}
.boxUnlog .log-cutover { border-bottom: 1px solid #e6e6e7; font-size: 18px;color: #e97129; padding: 15px 0; }
.boxUnlog .log-cutover i { border-bottom: 1px solid #e97129; padding: 12px 0; font-style:normal}
.boxUnlog .log-cutover-box { border-bottom: 1px solid #e6e6e7; font-size: 18px;color: #e97129; padding: 15px 0; text-align: left;background:#FFFFFF}
.boxUnlog .log-cutover-box i { border-bottom: 1px solid #e97129; padding: 12px 0; font-style:normal}

.log-tips {height: 25px;line-height: 25px; color: #f25277; text-align: center;}
.log-form { height: 82px;background-position: 0 -521px;}
/*.log-form input { height: 38px; line-height: 38px; font-size: 14px; width: 190px; background: 0 0; color: #9e9e9e; float: left; padding-left: 5px; margin: 2px 0 0 34px; display: inline;}*/
.log-form input { height: 38px; line-height: 38px; font-size: 14px; width: 190px; background: 0 0;  float: left; padding-left: 5px; margin: 2px 0 0 35px; display: inline; -webkit-box-shadow: 0 0 0 1000px white inset;background: none;}

.autolog-box{ height: 32px; line-height: 32px;}
.autolog-box label { padding-left: 15px; background-position: -0px -605px; cursor: pointer;}
.autolog-box label.sel {background-position: -248px -512px;;}
.autolog-box .forget-password {float: right;text-decoration: underline}

.tolog-btn, .tolog-btn:visited { margin-top: 10px; display: block; width:100%; height: 42px; line-height: 40px; text-align: center; font-size: 16px; color: #fff; background-position:-213px -654px;}
.tolog-btn:hover{background-position:-213px -606px;cursor: pointer;}
.logbox-text { margin: 15px 0 5px 0; height: 30px; line-height: 30px; text-align: center; font-size: 14px; color: #808080;background-position:-213px -708px;cursor: pointer;}

.sq-third-link a { padding-top: 40px; display: block;width: 60px; float: left; text-align: center;}
.sq-third-link .ios {background-position:15px -644px;cursor: pointer; background-image: no-repeat; }
.sq-third-link .Facebook {background-position:-60px -644px;cursor: pointer; background-image: no-repeat; }
.sq-third-link .Google {background-position:-134px -644px;cursor: pointer; background-image: no-repeat; }
.sq-third-link .ios:hover {background-position:15px -702px;cursor: pointer; background-image: no-repeat; }
.sq-third-link .Facebook:hover {background-position:-60px -702px;cursor: pointer; background-image: no-repeat; }
.sq-third-link .Google:hover {background-position:-134px -702px;cursor: pointer; background-image: no-repeat; }

.loginform1 .log-cutover { border-bottom: 1px solid #e6e6e7; font-size: 18px;color: #e97129; padding: 15px 0; }
.loginform1 .log-cutover i { border-bottom: 1px solid #e97129; padding: 12px 0; font-style:normal}

.login-game-title {padding-bottom: 10px;height: 20px;line-height: 20px;text-align: center;font-size: 18px;color: #e97129;}
.login-game-div {height: 70px}
.login-game-list {width: 62px;float: left;margin: 0 23px 10px 0;padding: 2px}
.login-game-list a{width: 62px;height: 62px;border-radius: 50%;display: block;overflow: hidden;}
.login-game-list img{width: 62px;height: 62px;overflow: hidden;}
.login-game-list h1{text-align: center;font-size: 12px;line-height: 20px;padding-top: 2px;overflow: hidden;height: 20px;}
.login-game-line {float: right;text-decoration: underline;font-size: 15px;cursor: pointer}
#login-game-select{margin-bottom: 55px;display: none}

.bg3 {background: url(../images/common-forget.png) no-repeat; height: 121px; position: relative;}
.bg3 input{width: 140px}
.send {position: absolute;top: 8px;right: 4px; width: 60px; height: 24px; line-height: 24px; text-align: center; color: #fff;font-size: 14px}