/*reset*/
html, body, h1, h2, h3, h4, h5, h6, div, dl, dt, dd, ul, ol, li, p, blockquote, pre, hr, figure, table, caption, th, td, form, fieldset, legend, input, button, textarea, menu { margin: 0; padding: 0; }
header, footer, section, article, aside, nav, hgroup, address, figure, figcaption, menu, details { display: block; }
table { border-collapse: collapse; border-spacing: 0; }
html, body, fieldset, img, iframe, abbr { border: 0; }
i, cite, em, var, address, dfn { font-style: normal; }
li { list-style: none; }
h1, h2, h3, h4, h5, h6, small { font-size: 100%; }
sup, sub { font-size: 83%; }
pre, code, kbd, samp { font-family: inherit; }
q:before, q:after { content: none; }
textarea { overflow: auto; resize: none; }
label, summary { cursor: default; }
a, button { cursor: pointer; }
h1, h2, h3, h4, h5, h6, em, strong, b { font-weight: bold; }
del, ins, u, s, a, a:hover { text-decoration: none; }
body, textarea, input, button, select, keygen, legend { font: 14px/1.14 "Microsoft Yahei", "Hiragino Sans GB", SimSun, Arial, "Helvetica Neue", Helvetica; color: #202020; outline: 0; }
body { font-family: "Microsoft Yahei", "Hiragino Sans GB", SimSun, Arial, "Helvetica Neue", Helvetica; min-width: 1200px; background: #f8f8f8; color: #202020 }
a { color: #202020; }
button { outline: none; border: none; }
* { box-sizing: border-box; }
:-moz-placeholder { color: #909090; opacity: 1; }
::-moz-placeholder { color: #909090; opacity: 1; }
input:-ms-input-placeholder { color: #909090; }
input::-webkit-input-placeholder { color: #909090; }
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { -webkit-transition-delay: 9999s; -webkit-transition: color 9999s ease-out, background-color 9999s ease-out; }
/*basic*/
[v-cloak] { display: none; }
.fl { float: left }
.fr { float: right }
.clearfix { *zoom: 1 }
.clearfix:before, .clearfix:after { content: ""; display: table }
.clearfix:after { clear: both }
.container { width: 1200px; padding: 0 15px; margin: 0 auto; position: relative; }
.bg-white { background: #fff !important; }
.btn-basic { padding: 8px 12px; line-height: 1; color: #fff; background: #ffba68; font-size: 14px; }
.btn-basic:active { -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, .125); box-shadow: inset 0 2px 4px rgba(0, 0, 0, .125); }
/*header*/
#header-pc { width: 100%; height: 90px; background-color: #fff; position: relative; z-index: 100 }
#header-pc.header-fixed { display: block; position: fixed; left: 0; top: 0; z-index: 100; min-width: 1200px; }
#header-pc.header-static { display: block; position: absolute; left: 0; top: 0; z-index: 100; background-color: transparent; border-bottom: 0 }
#header-pc .container { margin-top: 20px;display: flex }
#header-pc .logo { background: url(/images/jfGame_pc_icons.png) no-repeat 0 0; height: 50px; width: 174px;display: inline-block }
#header-pc .nav { margin-left: 87px; }
#header-pc .nav li { position: relative; margin-right: 48px; float: left; font-size: 18px; padding: 10px 0px; }
#header-pc .nav>li.active { border-bottom: 2px solid #ff8426; }
#header-pc .nav>li.active a { color: #ff8426; font-weight: bold; }
#header-pc .nav li:hover a { color: #ff8426; }
#header-pc .nav li:before { transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; content: ""; position: absolute; bottom: -2px; height: 2px; left: 50%; right: 50%; }
#header-pc .nav li:hover:before { background: #ff8426; left: 0; right: 0; }
.top-search { width: 202px; height: 38px; border: 2px solid #ff8426; margin:0 50px 0 20px; position: relative; }
.top-search input { background: none; border: none; margin: 9px 0 0 20px; line-height: 1.2142em; color: #ff8426; width: 148px; }
.search-icon { position: absolute; right: 10px; top: 8px; width: 20px; height: 18px; background: url(/images/jfGame_pc_icons.png) no-repeat -180px 0; cursor: pointer; }
.header-static .nav>li a { color: #fff; }
.header-static .top-search { border: 2px solid #fff; color: #fff; }
.header-static .top-search input { color: #fff; }
.header-static .search-icon { background-position: -180px -20px; }
#header-pc.header-static .logo { background-position: 0 -50px; }
.header-static .top-search:-moz-placeholder { color: #fff; opacity: 1; }
.header-static .top-search::-moz-placeholder { color: #fff; opacity: 1; }
.header-static .top-search input:-ms-input-placeholder { color: #fff; }
.header-static .top-search input::-webkit-input-placeholder { color: #fff; }
.header-fixed .top-search:-moz-placeholder { color: #707070; opacity: 1; }
.header-fixed .top-search::-moz-placeholder { color: #707070; opacity: 1; }
.header-fixed .top-search input:-ms-input-placeholder { color: #707070; }
.header-fixed .top-search input::-webkit-input-placeholder { color: #707070; }
.login_bar a { color: #000; margin-left: 20px; font-size: 16px; float: left; margin-top: 10px }
.login_bar a:first-child { margin-left: 0 }
.header-static .login_bar a { color: #fff; }
.hot-search-list { position: absolute; top: 39px; left: -1px; right: -1px; background: #fff; padding: 20px 0 10px; box-shadow: 0 0 20px rgba(144, 144, 144, .1); font-size: 16px; }
.hot-search-list dt { color: #909090; padding: 0 20px; font-size: 16px; margin-bottom: 10px }
.hot-search-list dt:before { content: ''; display: inline-block; margin-right: 10px; width: 12px; height: 16px; background: url(/images/jfGame_pc_icons.png) no-repeat -288px 0; position: relative; top: 2px; }
.hot-search-list dd { color: #000; cursor: default; padding: 10px 20px; font-size: 14px; }
.hot-search-list dd:hover { background: #f0f0f0 }
.hot-search-list dd>i { margin-right: 10px; display: inline-block; width: 12px; text-align: center; position: relative; top: 0; }
/*footer*/
#footer-pc { background: #2d2a28; position: relative; }
#footer-pc .logo {float: left;background: url(/images/jfGame_pc_icons.png) no-repeat 0 -50px;height: 50px;width: 174px;/* margin-left: 48px; */margin-top: 58px;}
.footer-link {
margin-left: 220px;
border-left: 1px solid #404040;
padding-left: 50px;
padding: 33px 0 20px 30px;
}
.footer-link .nav-link { margin-bottom: 20px; color: #fff; }
.footer-link .nav-link a { color: #fff; font-size: 14px; margin-right: 35px; }
.footer-link .nav-link a:last-child { margin-right: 0; }
.footer-link .copy-link a { color: #a7a7a7; margin-right: 55px; }
.footer-link .copy-link a:last-child { margin-right: 0; }
.footer-link .copy-link a:nth-child(3) { cursor: default; }
.footer-link .nav-link span:not(:last-child){margin-right: 15px}
.back-top { position: fixed; right: 0; bottom: 205px; width: 43px; height: 42px; border: 1px solid #d6d6d6; border-right: none; background: #fff; z-index: 10; display: none; }
.back-top:hover { background: #ff8246; border-color: #ff8246; }
.back-top i { position: absolute; top: 12px; left: 10px; width: 23px; height: 14px; background: url(/images/jfGame_pc_icons.png) no-repeat -250px -20px; }
.back-top:hover i { background-position: -276px -20px; }
/*app-ad float box*/
.app-float-box { position: fixed; left: 0; bottom: 0; width: 100%; z-index: 999; height: 260px; min-width: 1200px; background: url(/images/jfGame_app_float.png) no-repeat center bottom; background-size: cover; }
.app-float-box .container { height: 198px; }
.app-code { position: absolute; right: 152px;
top: 20px; }
.app-code .code-icon { position: absolute;
top: 50%;
left: 50%;
width: 30px;
height: 30px;
border: 4px solid #fff;
border-radius: 3px;
margin: 0;
margin-left: -15px;
margin-top: -15px; }
.app-float-close { position: absolute; right: 38px; bottom: 43px; color: #fff; height: 26px; width: 26px; background: url(/images/jfGame_pc_icons.png) no-repeat -202px 0; z-index: 99999; cursor: pointer; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; }
.app-float-close:hover { transform: rotateZ(180deg); -ms-transform: rotateZ(180deg); -moz-transform: rotateZ(180deg); -webkit-transform: rotateZ(180deg); -o-transform: rotateZ(180deg); }
/*slide*/
.fullSlide { position: relative; height: 960px; overflow: hidden; }
.fullSlide:before { pointer-events: none; content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 2; background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.3) -3%, rgba(0, 0, 0, 0) 16%, rgba(0, 0, 0, 0)); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.3) -3%, rgba(0, 0, 0, 0) 16%, rgba(0, 0, 0, 0)); background: -o-linear-gradient(top, rgba(0, 0, 0, 0.3) -3%, rgba(0, 0, 0, 0) 16%, rgba(0, 0, 0, 0)); background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.3) -3%, rgba(0, 0, 0, 0) 16%, rgba(0, 0, 0, 0)); }
.fullSlide .bd { position: relative; z-index: 0; }
.fullSlide .bd ul { width: 100% !important; }
.fullSlide .bd li { width: 100% !important; height: 960px; overflow: hidden; text-align: center; background-size: cover; background-repeat: no-repeat; background-position: center 0; position: absolute; top: 0; left: 0; }
.fullSlide .bd li a { display: block; height: 960px }
.fullSlide .bd li a img{position:absolute; top: 0px; left: 0px; z-index:1; width: 100%;height: 960px;}
.fullSlide .hd { width: 100%; bottom: 450px; position: absolute; z-index: 2; overflow: hidden; }
.fullSlide .hd ul { text-align: right; width: 1170px; margin: 0 auto; position: relative; }
.fullSlide .hd ul li { display: inline-block; height: 12px; width: 1px; background: #fff; position: relative; margin-right: 20px; cursor: pointer; }
.fullSlide .hd ul li:before { content: ""; position: absolute; left: -10px; width: 0; height: 0; border-width: 6px 5px; border-style: solid; border-color: transparent #fff #fff transparent; }
.fullSlide .hd ul li:after { content: ""; position: absolute; right: -10px; width: 0; height: 0; border-width: 6px 5px; border-style: solid; border-color: #fff transparent transparent #fff; }
.fullSlide .hd ul li.on { background: #ff8246 }
.fullSlide .hd ul li.on:before { border-color: transparent #ff8246 #ff8246 transparent; }
.fullSlide .hd ul li.on:after { border-color: #ff8246 transparent transparent #ff8246; }
/*best-game*/
.best-game { position: absolute; bottom: 0; height: 420px; width: 100%; z-index: 3 }
.best-game .left-con { float: left; width: 200px; height: 420px; background: rgba(32, 32, 32, 0.9); text-align: center; }
.best-icon { width: 68px; height: 59px; margin: 137px auto 32px; background: url(/images/jfGame_pc_icons.png) no-repeat -180px -40px; }
.left-con h2 { font-size: 30px; color: #fff; font-weight: normal; margin-bottom: 10px; }
.left-con p { font-size: 15px; color: #707070; }
.best-game .center-con { float: left; width: 630px; height: 420px; overflow: hidden; }
.best-game-bg-list { float: left; }
.best-game-bg-list li { float: left; width: 630px; height: 420px; overflow: hidden; }
.best-game-bg-list li img { width: 100%; height: 100%; }
.best-game .right-con { float: left; width: 340px; }
.best-game .right-con li { float: left; width: 170px; height: 140px; background: rgba(32, 32, 32, .9); text-align: center; border-left: 1px solid #282627; border-bottom: 1px solid #121212; border-right: 1px solid #121212; border-top: 1px solid #282627; cursor: pointer; }
.best-game .right-con li:nth-child(2n) { border-right: none; }
.best-game .right-con li:nth-child(2n+1) { border-left: none; }
.best-game .right-con li:hover { background: rgba(21, 21, 21, .9); }
.best-game .right-con li:hover h3 { font-weight: bold }
.best-game .right-con li.active { background: rgba(21, 21, 21, .9); }
.best-game .right-con li.active h3 { font-weight: bold }
.best-game .right-con li img { display: block; margin: 20px auto; width: 40px; height: 40px; border-radius: 10px; }
.best-game .right-con li h3 { font-size: 16px; font-weight: normal; color: #fff; margin-bottom: 10px; padding: 0 10px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.best-game .right-con li p { color: #707070; width: 120px; margin: 0 auto; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.sub-title { font-size: 22px; font-weight: normal; color: #202020; margin-bottom: 20px; padding-left: 14px; position: relative; }
.sub-title:before { content: ""; position: absolute; left: 0; bottom: 2px; height: 20px; width: 4px; background: #ff8246; }
.sub-title .more { float: right; margin-top: 5px; font-size: 14px; }
.new-game { width: 870px; float: left; margin-top: 50px; }
.new-game-item { box-shadow: 0 2px 10px #f0efee; float: left; width: 270px; margin-right: 30px; margin-bottom: 30px }
.new-game .new-game-item:nth-child(3n) { margin-right: 0; }
.new-game .new-game-item:nth-child(n+3) { margin-bottom: 0; }
.new-game-pic-wrap { height: 135px; overflow: hidden; cursor: pointer; position: relative; }
.new-game-pic-wrap img { width: 100%; height: 100%; }
.new-game-pic-wrap:hover .new-game-code { top: 0; opacity: 1; transform: scale(1); -ms-transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); }
.new-game-code { width: 270px; height: 135px; background: rgba(255, 183, 58, .8); position: absolute; top: 100px; transform: scale(0); -ms-transform: scale(0); -moz-transform: scale(0); -webkit-transform: scale(0); -o-transform: scale(0); transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; opacity: 0; }
.new-game-code img { width: 80px; height: 80px; float: left; margin-left: 30px; margin-top: 28px; }
.QR-code-box { float: left; border: 5px solid #fff; position: relative; }
.QR-code-box .code-icon { position: absolute; top: 23px; left: 23px; width: 24px; height: 24px; border: 2px solid #fff; border-radius: 5px; margin: 0; }
.new-game-code .QR-code-box { width: 80px; height: 80px; float: left; border: 5px solid #fff; margin-left: 30px; margin-top: 28px; }
.new-game-code .qrcode { width: 70px; height: 70px; }
.new-game-code .des { float: left; font-size: 16px; font-weight: bold; color: #fff; margin-left: 25px; margin-top: 45px; }
.new-game-code .des p { margin-bottom: 10px; }
.new-game-info { padding: 20px 18px; background: #fff; text-align: left; }
.new-game-info h3 { font-size: 18px; font-weight: normal; margin-bottom: 10px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.new-game-info p { color: #707070; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.week-game { float: left; width: 270px; margin-left: 30px; margin-top: 50px; }
.week-game-list { box-shadow: 0 2px 10px #f0efee; padding: 21px 20px; background: #fff;height: 470px; }
.week-game-list li { margin-bottom: 32px; }
.week-game-list li>a { display: block; }
.week-game-list li:last-child { margin-bottom: 0; }
.week-game-list img { width: 60px; height: 60px; border-radius: 10px; float: left; }
.week-game-list .info { margin-left: 15px; width: 155px; float: left; }
.week-game-list .info h3 { font-size: 18px; font-weight: normal; margin: 8px 0 10px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.week-game-list .info p { color: #707070; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.week-game-list .yy-info { margin-left: 15px; width: 155px; float: left; }
.week-game-list .yy-info h3 { font-size: 18px; font-weight: normal;text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.week-game-list .yy-info p>img{ width: 90px;height: 29px;margin-top: 8px;}
.cj-list{ width: 100%;padding: 21px 20px;clear: both;background: #fff;float: left;margin-bottom: 20px; }
.cj-list li{width: 100%;float: left;margin-bottom: 20px;}
.cj-list li img {width: 70px;height: 56px;float: left;}
.cj-list li .info {margin-left: 90px;line-height: 56px;font-size: 16px;}
.hot-game { margin: 50px 0; }
.hot-game-item { box-shadow: 0 2px 10px #f0efee; float: left; width: 370px; margin-right: 30px; margin-bottom: 30px }
.hot-game-item:nth-child(3n) { margin-right: 0; }
.hot-game-item:nth-child(n+3) { margin-bottom: 0; }
.hot-game-pic-wrap { height: 185px; overflow: hidden; cursor: pointer; position: relative; }
.hot-game-pic-wrap:hover>img { transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); }
.hot-game-pic-wrap>img { width: 100%; height: 100%; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; }
.hot-game-info { padding: 20px 18px; background: #fff }
.hot-game-info h3 { font-size: 18px; font-weight: normal; margin-bottom: 10px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.hot-game-info p { min-height: 15px; color: #707070; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.hot-game-pic-wrap:hover .hot-game-code { top: 0; opacity: 1; transform: scale(1); -ms-transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); }
.hot-game-code { width: 370px; height: 185px; background: rgba(255, 183, 58, .8); position: absolute; top: 100px; transform: scale(0); -ms-transform: scale(0); -moz-transform: scale(0); -webkit-transform: scale(0); -o-transform: scale(0); transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; opacity: 0; }
.hot-game-code img { width: 80px; height: 80px; float: left; margin-left: 30px; margin-top: 28px; }
.hot-game-code .qrcode { width: 70px; height: 70px; }
.hot-game-code .QR-code-box { width: 80px; height: 80px; float: left; border: 5px solid #fff; margin-left: 80px; margin-top: 52px; }
.hot-game-code .des { float: left; font-size: 16px; font-weight: bold; color: #fff; margin-left: 25px; margin-top: 70px; }
.hot-game-code .des p { margin-bottom: 10px; }
/*game*/
.middle-wrap { margin-top: 120px; margin-bottom: 30px; position: relative; }
.game-slide { height: 350px; margin-bottom: 40px; }
.game-slide:before { display: none; }
.fullSlide.game-slide .bd li { height: 350px; position: absolute; top: 0; left: 0; }
.fullSlide.game-slide .bd li a { height: 350px; }
.fullSlide.game-slide .bd li>a>img { width: 100%; height: 100% }
.fullSlide.game-slide .hd { bottom: 20px; }
.fullSlide.game-slide .hd ul { text-align: center; }
.game-slide-remarks { position: absolute; top: 0; right: 0; width: 370px; height: 100%; background: rgba(0, 0, 0, .6); color: #fff; }
.game-slide-remarks-wrap { position: absolute; width: 230px; height: 286px; left: 50%; top: 50%; margin-top: -143px; margin-left: -115px; text-align: left; }
.game-slide-remarks-wrap h3 { font-size: 24px; line-height: 34px; position: relative; padding-bottom: 20px; }
.game-slide-remarks-wrap h3 .line { position: absolute; bottom: 0; left: 0; height: 2px; width: 80px; background: #fff; }
.game-slide-remarks-wrap p { margin-top: 22px; overflow: hidden; max-height: 48px; line-height: 26px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all; }
.game-slide-remarks-wrap .app-pic { width: 90px; height: 90px; border-radius: 15px; margin-top: 38px; float: left; }
.game-slide-remarks-wrap .code-bg { width: 100px; height: 90px; margin-top: 38px; margin-left: 11px; padding: 10px 10px 10px 20px; background: url(/images/jfGame_pc_icons.png) no-repeat 0 -100px; float: left; }
.game-slide-remarks-wrap .code-bg img { width: 70px; height: 70px; }
.game-tab-nav { margin-bottom: 20px; }
.game-tab-nav li { float: left; }
.game-tab-nav li+li a { border-left: none; }
.game-tab-nav li a { display: block; padding: 8px 10px; text-align: center; font-size: 16px; color: #ffba68; border: 1px solid #ffba68; }
.game-tab-nav li.active a { background: #ffba68; color: #fff; }
.game-page-list { text-align: center; }
.game-page-list .new-game-item:nth-child(4n) { margin-right: 0; }
/*ranking*/
.ranking-wrap { text-align: center; }
.ranking-pic { text-align: center; padding: 20px 0 40px; }
.ranking-icon { display: inline-block; width: 276px; height: 126px; background: url(/images/jfGame_pc_icons.png) no-repeat 0 -258px; }
.ranking-item { padding: 30px 0; background: #fff; margin-bottom: 10px; }
.ranking-item .num { float: left; font-size: 30px; font-weight: bold; width: 95px; text-align: center; line-height: 110px; }
.ranking-item:nth-child(1) .num { color: #ff5b5b; }
.ranking-item:nth-child(2) .num { color: #ff9626; }
.ranking-item:nth-child(3) .num { color: #ffd352; }
.ranking-item .pic { float: left; width: 110px; height: 110px; overflow: hidden; border-radius: 20px; margin-left: 5px; }
.ranking-item .pic img { width: 100%; height: 100%; }
.ranking-item .info { margin-left: 240px; margin-right: 412px; text-align: left; }
.ranking-item .info dt { font-size: 20px; font-weight: normal; }
.ranking-item .info .score-box { color: #ff8426; margin: 15px 0 10px; }
.ranking-item .info .des { color: #707070; overflow: hidden; height: 48px; line-height: 24px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all; }
.star-box { float: left; position: relative; top: 1px; width: 68px; height: 12px; margin-right: 8px; }
.star-bg { position: absolute; top: 0; left: 0; height: 100%; background: url(/images/jfGame_pc_icons.png) no-repeat -100px -112px; }
.star-icon { position: absolute; top: 0; left: 0; width: 68px; height: 12px; background: url(/images/jfGame_pc_icons.png) no-repeat -100px -100px; }
.ranking-item .opt { color: #909090; border: 1px solid #909090; padding: 8px 19px; float: right; margin: 37px 69px 0 0; font-size: 16px }
.ranking-item .opt:hover { color: #ff8426; border-color: #ff8426 }
.ranking-more-btn { display: inline-block; color: #fff; background: #ffba68; width: 100px; text-align: center; line-height: 36px; margin: 20px 0 0; }
.ranking-more-btn:active { -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, .125); box-shadow: inset 0 2px 4px rgba(0, 0, 0, .125); }
.no-more-game { padding: 20px 0px 0; color: #707070; text-align: center; }
.middle-wrap-ranking { margin-bottom: 30px; }
.middle-wrap-ranking .no-more-game { width: 100%; float: left; }
.ranking-item-box { padding: 15px 0; background-color: #fff; }
.ranking-tbg { height: 180px; background: url(/images/jfGame_ranking_tbg.jpg) no-repeat center top; background-size: cover; }
.ranking-list-part { width: 370px; float: left; }
.ranking-list-part:nth-child(n+2) { margin-left: 30px; }
.ranking-list-part>h3 { color: #ff8426; font-size: 24px; font-weight: normal; margin-bottom: 20px; margin-top: 50px; text-align: center; }
.ranking-list-part .ranking-item { margin-bottom: 0; padding: 15px 0; }
.ranking-list-part .ranking-item .num { width: 52px; line-height: 80px; font-size: 20px; }
.ranking-list-part .ranking-item .pic { width: 80px; height: 80px; margin-left: 0; }
.ranking-list-part .ranking-item .info { margin-left: 150px; margin-right: 0; }
.ranking-list-part .ranking-item .info dt { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; margin-top: 14px; }
/*classify*/
.classify-nav { float: left; width: 270px; }
.classify-nav-item { background: #fff; padding: 30px 0px 10px 20px; margin-bottom: 10px; }
.classify-nav-item dt { font-size: 18px; padding-left: 14px; margin-bottom: 19px; position: relative; }
.classify-nav-item dt.active a { color: #ff8426 }
.classify-nav-item dt:before { content: ""; position: absolute; left: 0; bottom: 1px; height: 16px; width: 4px; background: #ff8426 }
.classify-nav-item dd { padding-left: 14px; }
.classify-nav-item dd a { float: left; color: #707070; margin-right: 20px; margin-bottom: 19px; }
.classify-nav-item dd a.active { color: #ff8426; font-weight: bold; }
.classify-content { float: left; margin-left: 30px; width: 870px; text-align: center; padding: 30px 50px; background: #fff; margin-bottom: 55px; }
.classify-con-item { float: left; text-align: center; width: 120px; margin-right: 42px; margin-bottom: 55px }
.classify-con-item:nth-child(5n) { margin-right: 0; }
.classify-con-item img { width: 110px; height: 110px; border-radius: 20px; }
.classify-con-item h3 { font-size: 18px; font-weight: normal; margin: 30px 0 15px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.score-box { color: #ff8426; }
/*gift*/
.gift-page-list { text-align: center; }
.gift-page-item { background: #fff; width: 570px; float: left; padding: 30px 0; margin-right: 30px; margin-bottom: 30px }
.gift-page-item:nth-child(2n) { margin-right: 0 }
.gift-page-item .pic { float: left; width: 110px; height: 110px; overflow: hidden; border-radius: 20px; margin-left: 20px; }
.gift-page-item .pic img { width: 100%; height: 100%; }
.gift-page-item .info { float: left; width: 300px; text-align: left; margin-left: 18px; }
.gift-page-item .info dt { font-size: 18px; font-weight: normal; margin-bottom: 20px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.gift-page-item .info .time { color: #707070; margin-bottom: 7px }
.gift-page-item .info .des { color: #707070; overflow: hidden; height: 48px; line-height: 24px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all; }
.gift-page-item .opt { color: #ff8426; border: 1px solid #ff8426; padding: 8px 0; width: 66px; text-align: center; float: right; margin: 37px 20px 0 0; font-size: 16px }
.gift-page-item .opt:hover { color: #fff; background: #ff8426; }
.gift-page-item .opt.disabled { color: #909090; border-color: #909090; cursor: not-allowed; }
.gift-page-item .opt.disabled:hover { color: #909090; border-color: #909090; background: #fff }
/*game-search*/
.game-search-res-list { float: left; width: 900px; text-align: center; }
.game-search-res-item { float: left; background: #fff; width: 270px; margin-right: 30px; margin-bottom: 30px; padding: 20px; text-align: left; }
.game-search-res-item .pic-tit { padding: 10px 0 20px 10px; }
.game-search-res-item .pic-tit img { float: left; width: 90px; height: 90px; border-radius: 20px; margin-right: 30px; cursor: pointer; }
.game-search-res-item .pic-tit dl { float: left; }
.game-search-res-item .pic-tit dt { cursor: pointer; font-size: 18px; margin: 5px 0 15px; width: 100px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.game-search-res-item .pic-tit .score { font-size: 18px; color: #ff8426; margin-bottom: 10px; }
.game-search-res-item .des { cursor: pointer; border-top: 1px solid #e2e2e2; padding-top: 15px; color: #707070; overflow: hidden; height: 88px; line-height: 24px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-break: break-all; }
.game-search-res-item .opt { float: right; color: #707070; margin-top: 19px; margin-right: 8px; }
.game-search-res-item .opt .arrow-r-icon { margin-left: 10px; }
.arrow-r-icon { display: inline-block; width: 6px; height: 12px; background: url(/images/jfGame_pc_icons.png) no-repeat -202px -27px; position: relative; top: 1px; }
.other-search { float: left; width: 270px; }
.other-search-list { padding: 21px 20px; background: #fff; }
.other-search-list li { margin-bottom: 32px; }
.other-search-list li>a { display: block; }
.other-search-list li:last-child { margin-bottom: 0; }
.other-search-list img { width: 60px; height: 60px; border-radius: 10px; float: left; }
.other-search-list .info { margin-left: 75px; }
.other-search-list .info h3 { font-size: 18px; font-weight: normal; margin: 8px 0 10px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.other-search-list .info p { color: #ff8426; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.search-breadcrumbs { margin: 10px 0 20px; }
.search-breadcrumbs li { float: left; position: relative; }
.search-breadcrumbs>li+li:before { content: ""; width: 8px; height: 14px; background: url(/images/jfGame_pc_icons.png) no-repeat -210px -25px; position: absolute; left: 0; top: 1px; }
.search-breadcrumbs>li+li { padding-left: 18px; margin-left: 10px; }
.search-tip { margin: 20px 0px; color: #707070; text-align: left; }
/*game-details*/
.game-des-l { float: left; width: 770px; }
.game-des-info { background: #fff; padding: 30px; margin-bottom: 30px; }
.game-des-info>img { width: 110px; height: 110px; border-radius: 20px; float: left }
.game-des-info dl { float: left; margin-left: 30px; }
.game-des-info dt { font-size: 22px; font-weight: normal; margin: 8px 0 18px; }
.game-des-info .score-box { font-size: 22px; font-weight: normal; color: #ff8426; margin-bottom: 12px; }
.game-des-info .score-box .star-box { margin-top: 8px; margin-left: 10px; }
.game-des-info .text { color: #707070; }
.game-des-info .text span { margin-right: 20px; }
.game-download-way { float: right; margin-top: 5px; }
.game-download-way a { color: #505050; }
.game-download-way li { float: left; color: #505050; }
.game-download-way .download-pic-box { width: 70px; height: 70px; margin: 0 auto 15px; }
.game-download-way .download-pic-box img { width: 100%; height: 100%; }
.game-download-way li:nth-child(1) { margin-right: 20px; }
.game-download-way li:nth-child(2) .download-pic-box { background: url(/images/jfGame_pc_icons.png) no-repeat -180px -100px; cursor: pointer; }
.game-des-part { padding: 30px; background: #fff }
.game-pics-box { width: 720px; height: 360px; position: relative; margin-bottom: 50px; }
.game-pics-box:hover .og_prev { display: block; }
.game-pics-box:hover .og_next { display: block; }
.game-pics-box ul { position: absolute; top: 0; left: 0; overflow: hidden; }
.game-pics-box ul li { float: left; width: 230px; height: 360px; margin-right: 10px; }
.game-pics-box ul li img { width: 100%; height: 100%; }
.game-pics-box .og_prev { display: none; position: absolute; width: 24px; height: 50px; top: 50%; left: -10px; margin-top: -25px; background: rgba(0, 0, 0, .3); cursor: pointer; }
.game-pics-box .og_next { display: none; position: absolute; width: 24px; height: 50px; top: 50%; right: 0; margin-top: -25px; background: rgba(0, 0, 0, .3); cursor: pointer; }
.game-pics-box .og_prev:before { content: ""; position: absolute; top: 15px; left: 7px; width: 10px; height: 20px; background: url(/images/jfGame_pc_icons.png) no-repeat -230px 0; }
.game-pics-box .og_next:before { content: ""; position: absolute; top: 15px; left: 7px; width: 10px; height: 20px; background: url(/images/jfGame_pc_icons.png) no-repeat -242px 0; }
.game-des-message { line-height: 24px; margin-bottom: 45px; }
.game-comment-list { text-align: center }
.game-comment-list .sub-title { margin-bottom: 5px; text-align: left }
.game-comment-item { padding: 30px 0; border-bottom: 1px solid #eaeaea; text-align: left }
.game-comment-item>img { float: left; width: 62px; height: 62px; border: 1px solid #eaeaea; }
.game-comment-item dl { float: left; width: 618px; margin-left: 30px }
.game-comment-item dt { font-size: 18px; margin: 10px 0 10px; }
.game-comment-item .score-time { color: #707070; margin-bottom: 30px; }
.game-comment-item .star-box { margin-right: 20px; }
.game-comment-item .opt { float: right; }
.likes { display: inline-block; width: 19px; height: 16px; background: url(/images/jfGame_pc_icons.png) no-repeat -100px -128px; position: relative; top: 2px; cursor: pointer; }
.likes-ok { background-position: -100px -146px; }
.likes-ok.likesBlast { animation: likesBlast .5s }
@-webkit-keyframes likesBlast {
0% { transform: scale(2.5); -ms-transform: scale(2.5); -moz-transform: scale(2.5); -webkit-transform: scale(2.5); -o-transform: scale(2.5); }
50% { transform: scale(2); -ms-transform: scale(2); -moz-transform: scale(2); -webkit-transform: scale(2); -o-transform: scale(2); }
100% { transform: scale(1); -ms-transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); }
}
@keyframes likesBlast {
0% { transform: scale(2.5); -ms-transform: scale(2.5); -moz-transform: scale(2.5); -webkit-transform: scale(2.5); -o-transform: scale(2.5); }
50% { transform: scale(2); -ms-transform: scale(2); -moz-transform: scale(2); -webkit-transform: scale(2); -o-transform: scale(2); }
100% { transform: scale(1); -ms-transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); }
}
.game-comment-item .des { color: #707070; line-height: 22px; }
.game-des-r { float: left; width: 370px; margin-left: 30px; }
.game-des-gift .sub-title { margin-bottom: 30px }
.game-des-gift-list { margin-bottom: 50px }
.game-des-gift-list li { padding: 30px 25px; background: #fff; position: relative; }
.game-des-gift-list li:before { content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background: #f8f8f8; }
.game-des-gift-list h4 { font-size: 18px; font-weight: normal; margin-bottom: 15px; width: 230px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.game-des-gift-list .time { color: #707070; margin-bottom: 10px; }
.game-des-gift-list .des { color: #707070; line-height: 22px; }
.game-des-gift-list .opt { color: #ff8426; font-size: 18px; position: absolute; right: 30px; top: 43px; }
.game-des-gift-list .opt.disabled { color: #707070; cursor: not-allowed; }
.game-des-r .other-search { width: 100%; }
/*login*/
.login-wrap { min-height: 492px; }
.login-box { position: absolute; top: 50%; left: 50%; width: 430px; height: 432px; margin-left: -215px; margin-top: -216px; }
.login-box h2 { font-size: 30px; font-weight: normal; margin-bottom: 55px; }
.login-box h2 a { font-size: 18px; color: #ff8426; float: right; position: relative; top: 14px; }
.login-box>ul li { position: relative; margin-bottom: 20px; }
.login-box>ul li .line { position: absolute; bottom: 0; width: 0; left: 0; right: 0; height: 1px; transition: all 0.8s ease; -moz-transition: all 0.8s ease; -webkit-transition: all 0.8s ease; -o-transition: all 0.8s ease; }
.login-box>ul li:last-child { margin-bottom: 0 }
.login-box>ul li input { background: #fff; border: none; height: 50px; width: 100%; font-size: 18px; border-bottom: 1px solid #909090; }
.login-box>ul li input:focus+.line { background: #ff8426; width: 100%; }
.login-btn { margin-top:20px; height: 45px; line-height: 45px; display: block; text-align: center; color: #fff; background: #ffba68; font-size: 18px; box-shadow: 0 2px 16px rgba(255, 132, 38, .3); -webkit-box-shadow: 0 2px 16px rgba(255, 132, 38, .3) }
.login-btn:active { -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, .125); box-shadow: inset 0 2px 4px rgba(0, 0, 0, .125); }
.log-bottom-opt { font-size: 16px; margin-top: 30px }
.log-bottom-opt input[type="checkbox"] { margin-right: 10px; }
.log-bottom-opt a { color: #909090; float: right; }
.login-box .vcode-box { position: absolute; right: 0; top: 5px; bottom: 0; }
.login-box .vcode-box img { width: 110px; height: 40px; }
/*find pwd*/
.pwd-find-wrap { min-height: 460px; }
.pwd-find-box { position: absolute; top: 50%; left: 50%; width: 430px; height: 354px; margin-left: -215px; margin-top: -177px; }
.pwd-find-step { border-top: 2px solid #ff8426; margin-bottom: 65px; }
.pwd-find-step li { float: left; position: relative; font-size: 16px; padding: 24px 5px 0; text-align: center; }
.pwd-find-step li:nth-child(1) { width: 74px; }
.pwd-find-step li:nth-child(2) { width: 282px; }
.pwd-find-step li:nth-child(3) { width: 74px; }
.pwd-find-step li.active { color: #ff8426; }
.pwd-find-step li:before { content: ""; position: absolute; top: -11px; left: 50%; margin-left: -10px; width: 16px; height: 16px; background: #fff; border-radius: 10px; border: 2px solid #ff8426; }
.pwd-find-step li.active:before { background: #ff8426; }
.find-pwd-res { font-size: 22px; text-align: center; padding: 50px 0 36px; }
.find-pwd-res .find-res-icon { display: inline-block; width: 30px; height: 30px; background: url(/images/jfGame_pc_icons.png) no-repeat -250px -40px; margin-right: 20px; position: relative; top: 6px; }
/*register*/
.register-wrap { min-height: 673px; }
.register-box { position: absolute; top: 50%; left: 50%; width: 430px; height: 613px; margin-left: -215px; margin-top: -307px; }
.register-tab { width: 430px; margin-bottom: 60px; }
.register-tab li { float: left; }
.register-tab li:first-child a { border-right-color: #ffba68; }
.register-tab li+li a { border-left: none; }
.register-tab li a { display: block; padding: 8px 0; width: 215px; text-align: center; font-size: 16px; color: #ff8426; border: 1px solid #ff8426; }
.register-tab li.active a { background: #ffba68; color: #fff; border-color: #ffba68; }
.reg-input-list li { position: relative; margin-bottom: 20px; }
.reg-input-list li .line { position: absolute; bottom: 0; width: 0; left: 0; right: 0; height: 1px; transition: all 0.8s ease; -moz-transition: all 0.8s ease; -webkit-transition: all 0.8s ease; -o-transition: all 0.8s ease; }
.reg-input-list li:last-child { margin-bottom: 0 }
.reg-input-list li label { position: absolute; left: -100px; top: 16px; width: 80px; text-align: right; font-size: 16px }
.reg-input-list li input { background: #fff; border: none; height: 50px; width: 100%; font-size: 14px; border-bottom: 1px solid #909090; }
.reg-input-list li input:focus+.line { background: #ff8426; width: 100%; }
.reg-input-list .vcode-box { position: absolute; right: 0; top: 5px; bottom: 0; }
.reg-input-list .vcode-box img { width: 110px; height: 40px; }
.vcode-btn { float: left; padding: 9px 12px; line-height: 1; color: #fff; background: #ffba68 }
.vcode-btn:active { -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, .125); box-shadow: inset 0 2px 4px rgba(0, 0, 0, .125); }
.vcode-btn[disabled] { background: #bbb; cursor: not-allowed; }
.reg-bottom-opt { display: block; text-align: center; color: #ff8426; font-size: 16px; margin-top: 20px }
.reg-input-list li .pic-code { font-family: Arial; font-style: italic; font-weight: bold; border: 0; letter-spacing: 0.25em; font-size: 18px; color: #000; float: left; padding: 7px 10px; line-height: 1; background: #eee; height: auto; min-width: 94px; }
/*user center*/
.user-center-left { background: #fff; float: left; width: 270px; }
.user-center-left .left-nav { padding: 34px 0; }
.left-nav>li { padding-right: 20px; margin-bottom: 23px; }
.left-nav>li:last-child { margin-bottom: 0; }
.left-nav>li>a { display: block; height: 52px; line-height: 52px; text-align: center; font-size: 16px; }
.left-nav>li>a i { display: inline-block; width: 24px; height: 24px; background: url(/images/jfGame_pc_icons.png) no-repeat -252px -100px; margin-right: 20px; position: relative; top: 7px; }
.left-nav>li>a .user-icon { background-position: -252px -100px; }
.left-nav>li>a .gift-icon { background-position: -252px -124px; }
.left-nav>li>a .lock-icon { background-position: -252px -148px; }
.left-nav>li>a .zj-icon { background-position: -251px -243px;height: 27px;width: 27px; }
.left-nav>li>a .jzjh-icon{background-position: -251px -303px;height: 27px;width: 27px; }
.left-nav>li>a .tscl-icon{background-position: -246px -277px;height: 27px;width: 27px; }
.left-nav>li>a i.lxkf-icon{background: url(/images/kf-default.png) no-repeat;;height: 27px;width: 27px; }
.left-nav>li.active>a { background: #ffba68; color: #fff; box-shadow: 0 2px 16px rgba(255, 132, 38, .3); -webkit-box-shadow: 0 2px 16px rgba(255, 132, 38, .3) }
.left-nav>li.active .user-icon { background-position: -276px -100px; }
.left-nav>li.active .gift-icon { background-position: -276px -124px; }
.left-nav>li.active .lock-icon { background-position: -276px -148px; }
.left-nav>li.active .zj-icon { background-position: -276px -243px;height: 27px;width: 27px; }
.left-nav>li.active .jzjh-icon{ background-position: -275px -303px;height: 27px;width: 27px;}
.left-nav>li.active .tscl-icon{background-position: -276px -274px;height: 27px;width: 27px;}
.left-nav>li.active .lxkf-icon{background: url(/images/kf-hover.png) no-repeat;;height: 27px;width: 27px; }
.user-center-right { float: left; margin-left: 30px; width: 870px;background: #fff;padding: 20px; }
.user-center-right .user-info-wrap { background: #fff; height: 100%; padding: 30px; }
.user-info-list { padding: 10px 0; background: #f9f9f9; }
.user-info-list li { padding: 13px 20px; font-size: 16px; }
/*user gift*/
.user-gift-wrap { background: #fff; height: 100%; padding: 50px 30px; text-align: center; }
.user-gift-item { margin-bottom: 50px; text-align: left; }
.user-gift-item dt { font-size: 18px; font-weight: normal; margin-bottom: 12px; line-height: 30px; }
.user-gift-item .opt { float: right; }
.user-gift-item .opt>span { float: left; background: #ffefdb; color: #ff8246; font-size: 16px; padding: 7px 25px; line-height: 1 }
.user-gift-item .opt>.btn-basic { float: left; padding: 7px 10px; font-size: 16px; }
.user-gift-item dd { background: #f9f9f9; padding: 10px 14px; }
.user-gift-item dd:nth-child(2) { padding-top: 20px; }
.user-gift-item dd:last-child { padding-bottom: 20px; }
.user-gift-item dd h6 { font-weight: normal; margin-bottom: 12px; position: relative; padding-left: 16px; }
.user-gift-item dd h6:before { content: ""; position: absolute; width: 6px; height: 6px; left: 0; top: 5px; background: #ff8246; }
.user-gift-item dd p { color: #707070; padding-left: 16px; }
/*user pwd edit*/
.user-pwd-wrap { background: #fff; height: 100%; padding-top: 50px }
.user-pwd-list li { margin-bottom: 30px }
.user-pwd-list li label { line-height: 40px; margin-right: 30px; font-size: 16px; width: 268px; text-align: right; }
.user-pwd-list li input { width: 370px; height: 40px; border: 1px solid #909090; border-radius: 3px; padding-left: 10px }
.user-pwd-list li input:focus { border-color: #ff8426; }
.user-pwd-list li .login-btn { width: 370px; display: inline-block; margin-top: 30px; }
.user-center-left li a .info-icon { background-position: -252px -172px; }
.user-center-left li a .heart-icon { background-position: -248px -196px; width: 26px; top: 5px; height: 20px; }
.user-center-left li.active .info-icon { background-position: -276px -172px; }
.user-center-left li.active .heart-icon { background-position: -274px -196px; }
/*about us*/
.about-us-wrap { background: #fff; height: 100%; padding: 20px; }
.about-us-wrap .sub-title { font-size: 18px; font-weight: bold; padding-left: 20px; }
.about-us-wrap .sub-title:before { height: 18px; bottom: 0 }
.about-us-wrap .des { line-height: 22px; padding-left: 20px; padding-bottom: 32px; margin-bottom: 30px; position: relative; }
.about-us-wrap .des.border { border-bottom: 1px solid #f8f8f8 }
.game-platform { position: absolute; right: 76px; top: -40px; width: 425px; }
.game-platform img { float: left; width: 135px; height: 58px; margin-right: 10px; margin-bottom: 10px; }
.game-platform img:nth-child(3n) { margin-right: 0; }
.main-game-pic { margin-top: 20px; }
.main-game-pic img { float: left; width: 240px; height: 120px; margin-right: 30px; }
/*cooperation*/
.cooperation-wrap { background: #fff }
.cooperation-wrap img { width: 100%; display: block; }
.cooperation-wrap .info-item { padding-left: 40px; margin-top: 40px; }
.cooperation-wrap .info-item dt { font-size: 16px; margin-bottom: 10px; }
.cooperation-wrap .info-item dd { line-height: 24px; }
/*service center*/
.left-nav>li>a .arrow-icon { background-position: -263px -216px; width: 13px; }
.left-nav>li.active .arrow-icon { background-position: -287px -216px; transform: rotate(90deg); -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transition: transform 0.25s ease; -webkit-transition: transform 0.25s ease; -ms-transform: transform 0.25s ease; -o-transition: transform 0.25s ease; }
.left-nav-submenu>li>a { display: block; padding: 12px 20px 12px 64px; color: #707070 }
.left-nav-submenu>li>a:hover { background: #f8f8f8 }
.left-nav-submenu>li.active>a { color: #ff8246 }
.left-nav.nav-mult>li.active.has-child { margin-bottom: 0; }
.left-nav.nav-mult>li>a { text-align: left; padding-left: 20px }
.question-wrap { background: #fff; height: 100%; padding: 30px 20px; }
.question-wrap .tit { font-size: 16px; font-weight: normal; border-bottom: 1px solid #e8e8e8; padding-bottom: 30px; margin-bottom: 20px }
.question-wrap .des { line-height: 24px; margin-bottom: 70px; }
.question-wrap .des img { display: block; max-width: 100%; margin: 0 auto; }
.common-question dd { font-size: 16px; position: relative; padding-left: 26px; line-height: 40px; }
.common-question dd:before { content: ""; position: absolute; left: 0; top: 17px; width: 6px; height: 6px; background: #ff8246 }
.common-question dd a { color: #ff8246; }
.common-question dd a { color: #ff8246; }
/*comment layer*/
.comment-layer { text-align: center; padding: 30px 20px; position: relative; }
.comment-layer-close { position: absolute; right: 32px; top: 34px; width: 10px; height: 10px; background: url(/images/jfGame_pc_icons.png) no-repeat -252px 0; cursor: pointer; }
.comment-layer h3 { font-size: 18px; font-weight: normal; margin-bottom: 28px; }
.comment-star-box { position: relative; }
.comment-star { font-size: 0; }
.comment-star>li { display: inline-block; width: 28px; height: 26px; background: url(/images/jfGame_pc_icons.png) no-repeat -100px -163px; cursor: pointer; margin-right: 10px; }
.comment-star>li.on { background-position: -128px -163px; }
.comment-textarea-box { height: 180px; position: relative; margin-top: 30px }
.comment-textarea-box textarea { width: 100%; height: 100%; border: 1px solid #e8e8e8; padding: 15px 10px; resize: none; overflow: hidden; }
textarea:focus { border-color: #ff8246; }
.comment-number-tip { position: absolute; bottom: 10px; right: 15px; color: #9b9b9b; }
.comment-layer .btn-basic { display: inline-block; padding: 11px 22px; margin-top: 30px; }
.comment-star-info { position: absolute; left: 470px; top: 6px; }
.comment-star-info strong { color: #ff8246; margin-right: 3px; }
/*gift layer*/
.layer-body { min-width: auto; background: #fff }
.gift-layer { position: relative; text-align: center; }
.gift-layer-close { position: absolute; right: 25px; top: 32px; width: 14px; height: 14px; background: url(/images/jfGame_pc_icons.png) no-repeat -264px 0; cursor: pointer; }
.gift-result-sum { color: #fff; background: #ffba68; text-align: center; padding: 40px 0 30px; margin-bottom: 30px }
.gift-result-sum .icon { display: inline-block; width: 68px; height: 68px; background: url(/images/jfGame_pc_icons.png) no-repeat 0 -190px; }
.gift-result-sum .text { font-size: 22px; margin-top: 30px }
.gift-layer .gift-name { font-size: 18px; margin-bottom: 15px; }
.gift-layer .tip a { color: #ff8246; margin: 0 5px; }
.gift-layer .opt { margin-top: 48px; font-size: 0 }
.gift-layer .opt>span { display: inline-block; background: #fff3e4; color: #ff8246; font-size: 16px; padding: 7px 25px; line-height: 1 }
.gift-layer .opt>.btn-basic { display: inline-block; padding: 7px 10px; font-size: 16px; }
/*open platform*/
.wrap-full-screen { padding-top: 90px }
.open-plat-tbg { height: 199px; background: url(/images/jfGame_open_platform_tbg.jpg) no-repeat center top; background-size: cover; }
.plat-down-list { margin: 30px 0; }
.plat-down-list li {float: left;width: 570px;padding: 30px;background: #fff;box-shadow: 0 10px 30px #f8f8f8;-webkit-box-shadow: 0 10px 30px #f8f8f8;margin-bottom: 20px;position: relative;}
.plat-down-list li:first-child { margin-right: 30px }
.plat-down-list li>i { float: left; width: 52px; height: 76px; margin-right: 30px; }
.plat-down-list li>.info { float: left; margin-top: 6px; }
.plat-down-list .info>h5 { font-size: 20px; margin-bottom: 15px; }
.plat-down-list .info>p {font-size: 12px;margin-top: 10px;color: #303030;}
.plat-down-list .info>p a{ color: #1296db;text-decoration: underline;}
.btn-common { background: #ff8d48; color: #fff; padding: 8px 12px; line-height: 1; text-align: center; box-shadow: 0 6px 20px rgba(255, 141, 72, .25); -webkit-box-shadow: 0 6px 20px rgba(255, 141, 72, .25); }
.btn-common:active { -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, .125); box-shadow: inset 0 2px 4px rgba(0, 0, 0, .125); }
.plat-down-list li>.btn-common {font-size: 16px;width: 128px;padding: 11px 0;margin-top: 21px;position: absolute;right: 20px;top: 12px;}
.game-access-guide { background: #fff; padding: 30px 0; text-align: center; }
.open-plat-tit { font-size: 24px; font-weight: normal; text-align: center; }
.game-access-guide-flow { width: 960px; margin: 0 auto; margin-top: 40px }
.game-access-guide-flow dl { float: left; width: 240px; padding: 20px 0; }
.game-access-guide-flow dt { display: inline-block; width: 78px; height: 74px; background: url(/images/jfGame_pc_icons.png) no-repeat 0 -480px; margin-bottom: 30px; }
.game-access-guide-flow dl:nth-child(1) { -webkit-transition-duration: 0.4s; transition-duration: 0.4s; -webkit-transition-property: transform; transition-property: transform; }
.game-access-guide-flow dl:nth-child(1):hover { background: #fff; box-shadow: 0 5px 30px #ff8d48; -webkit-box-shadow: 0 5px 30px #ff8d48; -webkit-transform: translateY(-15px); transform: translateY(-15px); }
.game-access-guide-flow dl:nth-child(2) dt { background-position: -78px -480px; }
.game-access-guide-flow dl:nth-child(3) dt { background-position: -156px -480px; }
.game-access-guide-flow dl:nth-child(4) dt { background-position: -234px -480px; }
.game-access-guide-flow dd { font-size: 18px; line-height: 1.8em }
.game-access-guide-flow dd.single { margin-top: 0.9em; }
.open-platform-success-case { padding: 70px 0 100px; }
.success-case-slide { position: relative; margin-top: 50px }
.success-case-slide .prev { position: absolute; left: 25px; top: 43px; width: 30px; height: 54px; cursor: pointer; }
.success-case-slide .next { position: absolute; right: 25px; top: 43px; width: 30px; height: 54px; cursor: pointer; }
.success-case-slide .prev:hover, .success-case-slide .next:hover { background: rgba(0, 0, 0, .1) }
.success-case-slide .prev:before { content: ""; position: absolute; left: 50%; top: 50%; width: 20px; height: 34px; margin-top: -17px; margin-left: -10px; background: url(/images/jfGame_pc_icons.png) no-repeat -92px -400px; }
.success-case-slide .next:before { content: ""; position: absolute; left: 50%; top: 50%; width: 20px; height: 34px; margin-top: -17px; margin-left: -10px; background: url(/images/jfGame_pc_icons.png) no-repeat -112px -400px; }
.success-case-list { width: 1044px; height: 140px; margin: 0 auto; overflow: hidden; position: relative; }
.success-case-list ul { position: absolute; left: 0; top: 0; padding: 20px 0 }
.success-case-list li { float: left; text-align: center; }
.success-case-list li img { width: 100px; height: 100px; border-radius: 18px; cursor: pointer; user-select: none; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; }
.success-case-list li img:hover { transform: scale(1.15); -webkit-transform: scale(1.15); box-shadow: 0 5px 10px #aaa; -webkit-box-shadow: 0 5px 10px #aaa; }
.open-platform-partners { background: #fff; padding: 30px 0; }
.open-platform-partners .partners-list { padding: 0 35px; text-align: center; margin-top: 20px }
.open-platform-partners .partners-list li { float: left; width: 216px; height: 110px; display: table; position: relative; }
.open-platform-partners .partners-list li a { display: table-cell; vertical-align: middle; cursor: default; }
.open-platform-partners .partners-list li img { display: inline-block; vertical-align: middle; }
/* help doc*/
.markdown-left-nav { position: fixed }
.markdown-left-nav .left-nav-submenu>li>a { padding-left: 54px; }
.markdown-block+.markdown-block { margin-top: 3em }
.markdown-section { margin-left: 300px; }
.markdown-section h3 { font-size: 20px; line-height: 1.43; margin-bottom: 15px; padding-bottom: .3em; border-bottom: 1px solid #eee; }
.markdown-section h4 { font-size: 18px; line-height: 1.4; margin-bottom: 15px; margin-top: 30px; }
.markdown-section h5 { font-size: 16px; line-height: 1.4; margin-bottom: 15px; }
.markdown-section p { margin-bottom: 10px; line-height: 1.6; }
.markdown-section ol, .markdown-section ul { padding-left: 2em; }
.markdown-section li>p { margin-top: 10px; }
.markdown-section table { display: table; width: 100%; border-collapse: collapse; border-spacing: 0; overflow: auto; margin-bottom: 15px; border: 1px solid #e7e7eb; line-height: 1.5; }
.markdown-section table caption { height: 40px; line-height: 40px; font-weight: bold; background-color: #e7e7eb; text-align: center; white-space: nowrap }
.markdown-section table td, .markdown-section table th { border: none }
.markdown-section table .sub-tit td { height: 36px; padding: 0 20px; background: #eee; font-weight: bold; }
.markdown-section table tr:first-child { border: none }
.markdown-section thead tr:first-child { background-color: #f6f8f9 }
.markdown-section table tr { border-top: 1px solid #e7e7eb }
.markdown-section table th { font-weight: 400; color: #8d8d8d; text-align: left; height: 40px; padding: 6px 20px; white-space: nowrap }
.markdown-section table td { height: 60px; padding: 12px 20px }
.markdown-section pre { overflow: auto; word-wrap: normal; padding: 10px; margin-bottom: 15px; background: #f7f7f7 }
.markdown-section pre>code { display: inline; font-size: 12px; white-space: pre; line-height: 20px; }
.markdown-section pre>.lang-json { white-space: pre; }
.markdown-section pre>.lang-xml { white-space: pre; }
.markdown-section img { max-width: 100%; }
.markdown-section ul>li:before { content: ""; float: left; width: 5px; height: 5px; margin-right: 1em; margin-top: 8px; border-radius: 3px; background-color: #333 }
.hljs-comment { color: #718c00; }
.markdown-section .text-red { color: #f00; }
.markdown-section .text-black { color: #333; }
.version-time{font-size:14px;color:#999;font-weight:normal}
/* jfGame App download */
.app-download-body { min-width: auto; }
.jfGame-app-download-box { position: relative; }
.app-download-btn { position: absolute; bottom: 20%; left: 25%; width: 31%; height: 9%; }
.app-download-btn:active { opacity: 0.8 }
.jfGame-app-download-box .bg-pic { margin: 0 auto; display: block; width: 100%; pointer-events: none; }
/* game in param set */
.in-param-top { position: relative; }
.in-param-tbg { position: relative; background: url(../images/jfGame_pc_in_param_bg.jpg) no-repeat center top; height: 390px; background-size: cover }
.in-param-tbg:before { content: ''; position: absolute; left: 0; right: 0; bottom: 0; top: 0; background: rgba(0, 0, 0, .3); }
.in-param-tcon { position: absolute; top: 0; left: 0; bottom: 0; right: 0; }
.in-param-wrap { width: 83%; margin: 0 auto; }
.in-param-wrap .logo { height: 44px; margin: 40px 0 30px; }
.in-param-wrap .tTit { font-size: 40px; text-align: center; color: #fff; font-weight: normal }
.in-param-wrap .form-content { padding: 48px 100px; background-color: #fff; text-align: center; margin-top: -160px; position: relative; border-radius: 10px; box-shadow: 0 4px 40px rgba(156, 156, 156, .1) }
.in-param-wrap .fTit { font-size: 24px; text-align: center; font-weight: normal }
.in-param-table { width: 100%; margin-top: 50px; text-align: left; }
.in-param-table td { padding: 10px 10px; font-size: 16px; line-height: 30px; }
.in-param-table td:first-child { text-align: right; padding-right: 40px; white-space: nowrap; }
.in-param-table td:nth-child(2) { padding-left: 40px; }
.in-param-table tr:nth-child(odd) { background: #f8f8f8 }
.in-param-table .opt { display: inline-block; color: #ff8426; text-align: center; }
.in-param-table .opt:hover { text-decoration:underline}
.in-param-table .link-txt { width: 445px; float: left; }
.in-param-table .input { border: 1px solid #eee; height: 32px; background: #fff; padding: 0 12px; border-radius: 4px; width: 445px; }
.param-set-submit { width: 122px; height: 40px; background: #ff8426; color: #fff; border-radius: 4px; font-size: 16px; margin-top: 68px; box-shadow: 0 2px 10px #ffd3b1 }
.param-set-submit:active { -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, .125); box-shadow: inset 0 2px 4px rgba(0, 0, 0, .125); }
.in-param-table .has-tip { position: relative; }
.in-param-table .tip-icon { position: absolute; right: -23px; top: 7px; width: 16px; height: 16px; background: url(/images/jfGame_pc_icons.png) no-repeat -250px -72px; }
.tip-icon .tip-box { position: absolute; background: #343434; color: #fff; font-size: 14px; border-radius: 4px; top: 23px; left: -10px; padding: 5px 14px; line-height: 22px; z-index: 2; text-align: left; }
.tip-icon .tip-box:before { content: ''; position: absolute; top: -6px; left: 12px; width: 0; height: 0; border-style: solid; border-width: 0 6px 6px 6px; border-color: transparent transparent #343434 transparent; }
.game-in-notice{color:#ff8426;font-size:14px;margin-top: 15px;line-height: 1;padding: 0 2px;}
.game-in-notice>i{color:#fff;background:#ff8426;display: inline-block;width:16px;height:16px;line-height:16px;border-radius: 8px;text-align: center;margin-right: 10px;}
/*transition*/
.fadeIn-enter-active, .fadeIn-leave-active { transition: all 1s ease; -moz-transition: all 1 ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease; }
.fadeIn-enter-active, .fadeIn-leave { opacity: 1; }
.fadeIn-enter, .fadeIn-leave-active { opacity: 0; }
.fadeInLeft-enter-active { animation: fadeInLeft .5s; }
.fadeInLeft-leave-active { animation: fadeInLeft .5s reverse; }
/*2020.12.10 预约抽奖*/
.lottery-box{ width: 500px;margin: 0 auto;position: absolute;z-index: 999;left: 50%;margin-left: -250px;top: 10%;}
.lottery{animation:changeBg .5s ease infinite;overflow:hidden;padding:20px;width:500px;height:500px;margin:0 auto 20px;background-repeat:no-repeat;background-size:100% 100%;}
.ruleBox{width:500px;margin:0 auto 50px;background:#fff;padding:15px 10px;border-radius:18px;border:12px solid #c8e7ff;font-size:14px;color:#555;line-height:22px;}
.ruleBox h3{text-align:center;font-size:20px;margin-bottom:16px;}
.ruleBox h3 img{display:inline-block;margin:0 15px;width:40px;height:14px;}
@keyframes changeBg{
0%{background-image:url(/images/k1.png);}
100%{background-image:url(/images/k2.png);}
}
.lottery .lottery-item{height:274px;position:relative;margin-top:10px;margin-left:10px;}
.lottery .lottery-item ul li{width:33.33333333%;position:absolute;padding-right:10px;}
.lottery .lottery-item ul li:nth-child(2){left:33.33333333%;}
.lottery .lottery-item ul li:nth-child(3){left:66.66666666%;}
.lottery .lottery-item ul li:nth-child(4){left:66.66666666%;top:145px;}
.lottery .lottery-item ul li:nth-child(5){left:66.66666666%;top:290px;}
.lottery .lottery-item ul li:nth-child(6){left:33.33333333%;top:290px;}
.lottery .lottery-item ul li:nth-child(7){left:0;top:290px;}
.lottery .lottery-item ul li:nth-child(8){left:0;top:145px;}
.lottery .lottery-item ul li .box{height:135px;position:relative;text-align:center;overflow:hidden;background:url(/images/bg2.png) no-repeat center;background-size:100% 100%;}
.lottery .lottery-item ul li .box img{display:block;height:85px;margin:0 auto;margin-top:6px;margin-bottom:4px;}
.lottery .lottery-item ul li .box p{color:#708ABF;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px;}
.lottery .lottery-item ul li.on .box{background:url(/images/bg4.png) no-repeat center;background-size:100% 100%;}
.lottery .lottery-item ul li.on .box p{color:#666;}
.lottery .lottery-item .lottery-start{position:absolute;left:33.33333333%;width:33.33333333%;top:145px;padding-right:10px;}
.lottery .lottery-item .lottery-start .box{height:135px;font-size:14px;color:#fff;cursor:pointer;text-align:center;overflow:hidden;background:url(/images/bg1.png) no-repeat center;background-size:100% 100%;}
.lottery .lottery-item .lottery-start .box p b{font-size:27px;margin-top:5px;margin-bottom:15px;line-height:32px;display:block;letter-spacing:5px;padding:0 7px}
.lottery .lottery-item .lottery-start .box:active{opacity:0.7;}
.lottery .lottery-item .lottery-start .box.gray{background:url(/images/bg3.png) no-repeat center;background-size:100% 100%;}
.lottery .lottery-item .lottery-start .box.gray p{color:#708ABF;font-weight:bold;}
.mask{width:100%;height:100%;background:rgba(0,0,0,0.7);position:fixed;overflow:hidden;z-index:222;top:0;left:0;}
.lottery-alert{max-width:630px;text-align:center;z-index:10000;border-radius:10px;padding:20px;position:fixed;left:0;right:0;margin:auto;top:50%;transform:translateY(-50%);}
.lottery-alert .zjImg{width:108%;margin-bottom: 30px;}
.lottery-alert h2{color:#ffffff;font-size:16px;padding-top:5px;font-weight:bold;width:100%;}
.lottery-alert p{color:#666;font-size:16px;padding-top:5px;}
.lottery-alert .btnsave, .lottery-box .btnsave{float: right; margin-right: -30px;margin-top: -35px;}
.textBox {height: 70px;overflow-y: scroll;line-height: 22px;}
/*中奖记录*/
.record-list-wrap { background: #fff; height: 100%; padding: 20px;float: left; }
.recordTitle{font-size: 16px;margin-bottom: 20px;font-weight: bold}
.record-list{ width: 70%;padding: 10px 0;border-bottom: 1px solid #eaeaea;margin: 0 10%;float: left;}
.record-list label{display: inline-block;width: 100px;float: left; margin-right: 25px;}
.record-list label img{width: 100%}
.record-list .recordInfo{display: inline-block;float: left;padding-top: 25px;}
.record-list .recordInfo p:first-child{margin-bottom: 15px;font-size: 14px;color: #333;text-align: left}
.record-list .recordInfo p{color: #999;font-size: 12px;text-align: right}
.noRecordInfo{text-align: center;padding: 30px 0;color: #c5c1c1;}
.wrapRightInfo{line-height: 30px;text-align: left;color: #666;padding:10px 30px}
.bold{font-weight: bold!important;}
.wrapRightInfo h3{ border-left: 3px solid #ff8426;text-indent: 10px;line-height: 15px;margin-bottom: 15px;font-size: 15px;}
.wrapRightInfo p{margin: 10px 0 0px;}
.wrapRightInfo img{display: block;margin: 20px 0;}
@-webkit-keyframes fadeInLeft {
0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) }
to { opacity: 1; -webkit-transform: none; transform: none }
}
@keyframes fadeInLeft {
0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) }
to { opacity: 1; -webkit-transform: none; transform: none }
}
.fadeInDown-enter-active { animation: fadeInDown .5s; }
.fadeInDown-leave-active { animation: fadeInDown .5s reverse; }
@-webkit-keyframes fadeInDown {
0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0) }
to { opacity: 1; -webkit-transform: none; transform: none }
}
@keyframes fadeInDown {
0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0) }
to { opacity: 1; -webkit-transform: none; transform: none }
}
/*animate*/
.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both }
.animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite }
@-webkit-keyframes fadeInUp {
0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0) }
to { opacity: 1; -webkit-transform: none; transform: none }
}
@keyframes fadeInUp {
0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0) }
to { opacity: 1; -webkit-transform: none; transform: none }
}
.fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp }
@-webkit-keyframes fadeIn {
0% { opacity: 0.5 }
to { opacity: 1 }
}
@keyframes fadeIn {
0% { opacity: 0.5 }
to { opacity: 1 }
}
.fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; transition: all ease-out .6s; -webkit-transition: all ease-out .6s; -o-transition: all ease-out .6s; -moz-transition: all ease-out .6s; }
.user-center-box {float: left;width: 100%;background: #fff;padding: 30px;line-height: 30px;color: #333}
.user-center-box h4{font-size: 20px;text-align: center;margin-bottom: 20px;}
.user-center-box p{margin: 10px 0;font-weight: bold}
.checkInBox{margin-top: 30px;line-height: 30px;color: #666}
.checkInBox input{display: inline-block;vertical-align: middle;margin-right: 5px;margin-top: -2px;}
.cancellation{display: block;margin: 40px auto;text-align: center;width: 140px;line-height: 40px;background: #ff2626;color: #fff;}
.showInfoImg{display:none;padding: 30px 40px}
.showInfoImg .tishi{color: #999;margin-bottom: 15px;}
.showInfoImg .tishi img{display: inline-block;vertical-align: middle;margin-right: 5px;margin-top: -2px}
.showInfoImg .pwdBox{margin-bottom: 20px;}
.showInfoImg .pwdBox input{height: 34px;line-height: 35px;border: 1px solid #ccc;padding: 2px 5px;width: 180px;}
.row-card-content{margin-top: 10px;background: #fff;padding: 25px;}
.app-more-info li{line-height: 30px;display: flex;justify-content: space-between;color: #222;}
.app-more-info li label{color: #666}
/*头部语言切换*/
#header-pc.header-fixed .swlang-box{color: #000;}
.swlang-box{position:relative;cursor:pointer;margin-left:30px;line-height: 40px;color: #fff;font-size: 16px}
.swlang-box>span img{display: inline-block;vertical-align: middle;margin-right: 5px;margin-top: -2px}
.swlang-box .select-arow{position:absolute;right: -27px;width:24px;height:24px;
background: url("/images/top-back.png") no-repeat;background-size: contain;top: 10px;transform: rotate(180deg);}
.swlang-box .sub-show-box.sub-menu{position:absolute;left:52%;top: 45px;display:none;margin-left: -60px;}
.swlang-box .sub-show-box .triangle{left:40%;}
.swlang-box .sub-show-box.sub-menu a{white-space:nowrap;line-height:36px;letter-spacing:0;font-size: 14px;}
.swlang-box .sub-show-box.sub-menu a img{display: inline-block;vertical-align: middle;margin-right: 5px}
.swlang-box .sub-show-box.sub-menu a:hover{border-radius: 4px;color: #FF7000;}
.sub-menu-list>a.active{border-radius: 4px;background: rgba(255, 158, 0, 0.15);color: #FF7000;}
.swlang-box:hover .select-arow{position:absolute;right: -27px;width:24px;height:24px;background: url("/images/top-back.png") no-repeat;
background-size: contain;top: 10px;transform: rotate(360deg);}
.swlang-box:hover .sub-menu{display:block;}
.sub-show-box.sub-menu{border-radius:8px;box-shadow:-1px 2px 7px 3px #e5dbd8;background:#fff;position:relative;width: 110px;padding: 10px;}
.sub-show-box.sub-menu:after{content:"";width:16px;height:16px;background:#fff;border-radius:3px;left:50%;margin-left:-5px;transform:rotate(45deg);position:absolute;top:-6px}
.sub-menu-list>a{display:block;padding: 0 6px;height: 36px;width: 81px; }
#header-pc.header-fixed .swlang-box .select-arow{position:absolute;right: -27px;width:24px;height:24px;background: url("/images/top-back-black.png") no-repeat;
background-size: contain;top: 10px;transform: rotate(180deg);}
#header-pc.header-fixed .swlang-box:hover .select-arow{position:absolute;right: -27px;width:24px;height:24px;background: url("/images/top-back-black.png") no-repeat;background-size: contain;
top: 10px;transform: rotate(360deg);}