You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

937 lines
46 KiB
CSS

html { height: 100%; color: #000; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; font-size: 100px; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, menu, nav, section { margin: 0; padding: 0; }
article, aside, details, figcaption, figure, footer, header, menu, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
body, button, input, select, textarea { /*font:12px/1.5 tahoma, arial, "Hiragino Sans GB", \5b8b\4f53;*/ line-height: 1.5; font-size: 0.12rem; font-family: "Helvetica Neue", Helvetica, Arial, Sans-serif; }
body { height: 100%; font-family: "Microsoft YaHei"; color: #333; min-height: 100%; background-color: #f9f9f9; }
input, select, textarea { font-style: 100%; }
table { border-spacing: 0; border-collapse: collapse; }
th { text-align: inherit; }
fieldset, img { border: 0; }
iframe { display: block; }
abbr, acronym { border: 0; font-variant: normal; }
del { text-decoration: line-through; }
address, caption, cite, code, dfn, em, th, var { font-weight: 500; font-style: normal; }
ol, ul { list-style: none; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-weight: 500; font-size: 100%; }
q:before, q:after { content: ""; }
sub, sup { position: relative; vertical-align: baseline; font-size: 75%; line-height: 0; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
ins, a { text-decoration: none; }
code, kbd, pre, samp { font-size: 1em; font-family: monospace, serif; }
.f-fl { float: left; }
.f-fr { float: right; }
.fl { width: 49%; float: left; }
.fr { width: 49%; float: right; }
a, input, textarea { outline: none; -webkit-tap-highlight-color: transparent; color: #333; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #bbb; }
.title-1 { margin: 0.17rem auto 0; width: 1.12rem; height: 0.27rem; background-image: url("/Content/images/title-bg.png"); background-repeat: no-repeat; background-size: 100%; }
.title-1 h2 { line-height: 0.27rem; text-align: center; font-size: 0.18rem; font-weight: bold; color: #fff; }
.title-2 { overflow: hidden; padding: 0 0.15rem; height: 0.45rem; line-height: 0.45rem; font-size: 0.14rem; background-color: #fff; border-bottom-color: #f0f0f0; border-bottom-width: 1px; border-bottom-style: solid; }
.title-2 h2 { font-weight: bold; }
.title-2 a { display: block; width: 100%; }
.title-2 span { padding-right: 0.15rem; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAVCAYAAAByrA+0AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADXSURBVDhPlZO7CgIxEEXzO4KFiIUg1jYKFhYWFjYi/lA2u/sL+lkiPhDFRvF5BiadA8mFIZvcezLsZuNCCGvqWFXVwKVIwmVZfqk70FCXbRHqE74JBPxgHKtlqyiKHsFrhJhP1LJFpy7ARSDqSU3VssXuHYJngXh+UTO1bBFqA5wiROe5WrYItQgfBKLezBdq2fLeNwnvtdOHWqllq67rBsAuQoxLtWwRHAmg0FaX/yurQ9Y7ZH0lgunnQCD9pNkp/V/K+lvZOe8+EMq7cQQ3AhFOuNPO/QCFA/RBgCHM6wAAAABJRU5ErkJggg=="); background-repeat: no-repeat; background-position: right center; background-size: 0.06rem 0.11rem; color: #999; }
.title-3 { height: 0.35rem; line-height: 0.35rem; border-bottom-color: #f0f0f0; border-bottom-width: 1px; border-bottom-style: solid; }
.title-3 h2 { font-size: 0.14rem; font-weight: bold; }
.page-container { margin: 0 auto; }
.page-container.container-white { min-height: 100%; background-color: #fff; }
@media screen and (max-width: 750px) { .page-container { width: auto; } }
.top { position: relative; height: 0.4rem; line-height: 0.4rem; background-color: #fff; border-bottom-color: #f5f5f5; border-bottom-width: 2px; border-bottom-style: solid; text-align: center; font-size: 0.16rem; font-weight: bold; }
.top a { position: absolute; left: 0.15rem; top: 50%; display: block; margin-top: -0.07rem; width: 0.08rem; height: 0.14rem; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAbCAYAAAB1NA+iAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAEqSURBVDhPpZW9bsIwFIXbd+jExtquzB2RGCt1rcqM1B2JB0CsSewkr9IHYWSDiSVVGZAQ5lg6V7ptgjHxJ13l59zjm1zHzsO91HX9ZIz5RvxYa+e8HUee5wOY1gjH+KV0myzLhjBslNnhKSzlMGVZPsOw1WaEcc49MuU6VVWNkLzXZlReUg5TFMUrDI02I+Iah8QJKh3EiPMzYkY5DCq/I/mozCccPymHgXlKg5iPfkDKYZD8hTgrs3+FCeUwSF6IkdH4JlK+jp9LJK/+mfd++pgSBpWX2ozrHSq/UL4N31MPMKYUR/ITJPdAQOV+s6DBIK3vAHFfT1C19SViOb9RjgODdK2FD8pxwNB/NQq+iTD32w+EpB1JSNoThaRdWej4LzSU4vn7Z7LzC4cwkiEDZJ55AAAAAElFTkSuQmCC"); background-repeat: no-repeat; background-size: 100%; }
.top .link { left: auto; right: 0.15rem; top: 0; width: auto; height: auto; margin: 0; color: #1296db; font-size: 0.13rem; background: none; }
.footer { padding-top: 0.1rem; height: 0.62rem; background-color: #101010; box-sizing: border-box; }
.footer p { color: #fff; text-align: center; text-decoration: none; opacity: 0.27; line-height: 2; }
.footer .footer-up { font-size: 18px; }
.footer .footer-down { font-size: 14px; }
@media screen and (max-width: 750px) { .footer { padding-top: 0.08rem; }
.footer .footer-up { font-size: 12px; line-height: 1.5; }
.footer .footer-down { font-size: 12px; transform: scale(0.8); line-height: 1.6; } }
.index-up { position: relative; }
.index-up img { width: 100%; display: block; }
.index-up .button { position: absolute; left: 50%; bottom: 0.84rem; margin-left: -0.76rem; display: block; width: 1.52rem; height: 0.46rem; background-image: url("/Content/images/transaction-btn.png"); background-repeat: no-repeat; background-size: 100%; }
.index-up .link-list { position: absolute; width: 100%; left: 0; bottom: 0.4rem; overflow: hidden; }
.index-up .link-list li { float: left; width: 50%; text-align: center; }
.index-up .link-list li a { display: inline-block; padding-left: 0.27rem; height: 0.2rem; line-height: 0.2rem; font-size: 0.16rem; font-weight: bold; color: #3e3b42; }
.index-up .link-list li:nth-of-type(1) a { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAARtSURBVFhHxVlLaBVXGM5VKL6q4GOhgoUus+kiJN7M496cc5OSRYsgvQs3btyZhRvBJ0gXiujKRxdV0G7qo2kLbSkG7LKLbqstJC0KuvSFQRGNmvb75v4zc+ZxJ3MmufrBT4bz/9/3/+d5z0z6quHYMr+uh3xXHWy4arLhqD/x97HvqJc0Pnfa9PeM8byR7eQIuXfQdb0VCY8j+T0k/8/KwCGXGiK3dGg2mxuR4FxndHKSW1igAS1qivzi4A3rL9DzR3nJxOaQcAZ/p3xHf0fjs7TNSUzGqEltSWOPdru93Hf12S7iT+G70PRa42NjY6uFkgF9jGEsOXlaHE3mEko51Ov1lRD9KSuoZhuOPjw0NL5WQkuDHHIDjZQuczGnhBZDRi5bnKN+8X1/s4RVBjWg/2tanzlLjSQC09M6j+k5BFetE7EkqFGT2mYu5hZ/PpqebpsEGIrTe8S95KA2c5g5WYO4k2gNtjZgjTwwg7lmxN0zdNZlIueDev3T9eKOgTV23gzEefUzmnOnVQ2rjxBzCiMwUbRuZD1PMJYcaU6jxlxmbtYivg5cd3QbHMaZpWYdZ3SLuDOAAH/GpCP6el6RbIPOtSjO1bfFlQFzJXe3esWaxB0M84nYSbFgU3RF+qhIF5kurmNqVty5kE0Tx6MmcR1bhhG5Hzp4oC50ziFuXyQU8qTI/OIC2yf0XATnpNlx1BRcMHgrMUQ4FReEUwh0BDeZmBdwUSQt077AjIRAgRcTPNSWGVr+NEn8gsgrMm1liyOYO8U9yKonjca5ot9WE6MDo+s8r/UxRuxrg58wzgZjGCu0QjA3eOZmneRheTtu0NMSWwj07ChiEwfsAjaPRX9E6IVA7HTIC3Y+kkVXKZxHNySuEIh7HnLKGjlCLwRip2KOfsgpfhU24PmaxBUCo/F7zClp4Ai9EOYmQ6deVirQ87xNiD8AgZOhoYD4ZxLPCR9iyRF6IbjuIh1XvU1MMWxK4qwBnVuhDp+l2Rro3G9xPepxpU0C4k4cpHch9iQ0jNSbUCd4NnxBLDhCLwRi/47qcfRfqSEtd8ykRr2UkSP0rhgY+GwV1uDriOOoH5nM+qAG8R+TU8ocNSP0rkgf1BjBw5V+6lxXfYKefotCb8amn0UaeE75rpAj9K5A7ktmLY3h1iCa7S8LeeDGMDSsNwnek9cwd6iBmu6guXMfxVBaXbfysNgCwdlv1sCaxGV/Yc0DevyNwb8szaXAKxqWwcOYr19k3iAR8JURwB3U9cqfB8dxPsQofAk7ymdpLoX+/vYHLCrK7eoz4orxvl6aQmDUd6Owf2F4ic95aSLe0WtnDR0/Dfuj4Y3slbbyQEE9fXH3nZEdCX3bWQoWbA8/fUDr86y2ZZG9+HhkoAadqxntiiO5qM9v3dD1za/KpuTGQUFWHzBL2g84yqIbUGSVilzCT8AlbN4fVo6ktgM/gKOHJ1Cs/Ud0C2t6apekrArz3xDBvxpuofAnWFfG64O9Ydpf8xcMM7aik6ev73+Fz4eQaHSQWwAAAABJRU5ErkJggg=="); background-repeat: no-repeat; background-position: left center; background-size: 0.2rem 0.2rem; }
.index-up .link-list li:nth-of-type(2) a { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAkCAYAAADl9UilAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAKeSURBVFhH7Zi/i9RAFMd3TxEbCxErEVSsDqxEbp1MEt8ED+1s1kLBzkorGwvBa7WyURQVQfwBB/cXaGmlIGItWCmohaj469Rb/b7kTZK9TXY32bkNyH3hQTLvx3x2ZpKZbGuYut3uBt+jy4FHbwPP/HVhvqKfsCe4PirdVFMMpczD1YUdWs9X0UnpbjwJ1N2CYo6Nlv2DZKTbkWr7nrmTS/6GoZ8X38QKdXSEgWx91P6q9aE5cZeqHSi6nSWZHy6hrHgKUb9n+wmU+RB2wr3iHhBD3UiDk19Vb4GOIczKmawvDIJnXmmtt4s7URiGm+G4mQ/kJxGj9XgtjZdJvk+8AZ6lcLjYCqgX+YBGTdHr6EC0DfNtrhUGNGmKrmKu6Z1t4HnXmvY3Yf1rjt63shvzJZ7bBsUMlicFw8h9En9jYganYLxTYF1cQZ0lraM90lxZzsGSt3lSh9+F0lxZzsGwWE+kdZR5IM2VtQ5WVf8j2MIMb2Fyk2oUGOdgP94ot6WqBcaFAfAUsTh50iU0tRPPcDAcaS7Av4Kn9SUfFqS5UPXA5sJdNjYxujc7293EvhIwHDj5eyHN6fn+/E7xFaoWGAsAt2x8nKPokVJqyyDYwgzarudie9gLz0qZUtUGg1YdJmGKngcqOpfWUWYRUPezGFoJFZ2W/KGaBIzFcLz9SMcxzO/smv70X9MpyRupScFi8QNgc0vsF6COS/hYcgLGwhN30eb3Gy1rbY5J2NhyBsZC7nlbQ+w7b+ririSnYCx+4mQ9fcY3YiTNleUcjOX7h3cPfH5V1JqAudA6WFX1gynzMbnBRtuJ9knM1MV9xwzMAib+4J3C303VjJlapmN2YAjfFAU0YczCTPEw8nGETwX5OZ62cd8xQ3w0arX+AQ5j9QEpgNWlAAAAAElFTkSuQmCC"); background-repeat: no-repeat; background-position: left center; background-size: 0.2rem 0.2rem; }
.protect-box { position: relative; }
.protect-box img { width: 100%; display: block; }
.protect-box .inner { position: absolute; left: 50%; top: 0; margin-left: -1.795rem; width: 3.59rem; height: 1.45rem; background-image: url("../img/box-bg.png"); background-repeat: no-repeat; background-size: 100%; }
.protect-box .word-list { padding-top: 0.05rem; }
.protect-box .word-list li { padding-left: 0.4rem; padding-right: 0.2rem; height: 0.25rem; line-height: 0.25rem; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAABwSURBVChTlZBLDoAgDER7Ln4JuLWeynNxKHSvTJGFTRc6yUsIM/QDTSVfOPpcoyuH0M8hLOtjD/XLvQcvC3gSwisroGBUq4bxAhnM1rRh0D4Fsdyv1qwNA5bN8QWGKcCT0FRyeUOL6PIpjJFGJSK6AVGBjeVJmsLSAAAAAElFTkSuQmCC"); background-repeat: no-repeat; background-position: 0.23rem 0.1rem; background-size: 0.05rem 0.05rem; font-size: 0.14rem; }
.protect-box .word-list li b { font-weight: normal; color: #256dd9; }
.install-box { position: relative; }
.install-box img { width: 100%; display: block; }
.install-box .inner { position: absolute; left: 50%; top: 0; margin-left: -1.795rem; width: 3.59rem; height: 1.45rem; background-image: url("../img/box-bg.png"); background-repeat: no-repeat; background-size: 100%; }
.install-box .word-list { padding-top: 0.05rem; }
.install-box .word-list li { padding-left: 0.4rem; padding-right: 0.2rem; height: 0.25rem; line-height: 0.25rem; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAABwSURBVChTlZBLDoAgDER7Ln4JuLWeynNxKHSvTJGFTRc6yUsIM/QDTSVfOPpcoyuH0M8hLOtjD/XLvQcvC3gSwisroGBUq4bxAhnM1rRh0D4Fsdyv1qwNA5bN8QWGKcCT0FRyeUOL6PIpjJFGJSK6AVGBjeVJmsLSAAAAAElFTkSuQmCC"); background-repeat: no-repeat; background-position: 0.23rem 0.1rem; background-size: 0.05rem 0.05rem; font-size: 0.14rem; }
.install-box .word-list li b { font-weight: normal; color: #256dd9; }
.install-box .inner { height: 1.63rem; background-image: url("__IMG__/ssg/box-bg2.png"); }
.install-box .word-list li:first-child { height: 0.5rem; }
.download-btn img { width: 100%; display: block; }
.vip-game { margin-top: 0.1rem; background-color: #fff; }
.vip-game .vip-banner { padding: 0.1rem 0.15rem; }
.vip-game .vip-banner img { width: 100%; }
.vip-announcement { margin-top: 0.1rem; padding: 0.08rem 0.15rem 0.1rem; border-bottom-color: #f0f0f0; border-bottom-width: 1px; border-bottom-style: solid; color: #999; background-color: #fff; }
.vip-announcement i { margin-top: 0.03rem; margin-right: 0.02rem; width: 0.14rem; height: 0.11rem; display: inline-block; vertical-align: top; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAYCAYAAAAGXva8AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAIuSURBVEhLvVa9SxxBFB+NggSCjYVWISSedzNnmrNIE5LGQkibKv9CijRio9ilESGlQdAmKFgIsYrebBY/mkD+AklpJ4GIyd3untzk99Z5OrvseXfecj943M37+u2befMhuoExYiDU6qOpVkatSkRabYVaNqA/Dz31A/9Xou/TFWvuDcZ/PBJ5cjvylGFS478aonGW4AOOIr88EwffB8YvjKGCE07oVorka1SpS8gSevIq0vK9de0cwUFpEoG/3GQuKcP4crxRVW9g38SHhK4/xqvWrT0iXXqJgN9uApIsUhd1Xz5D9fuJOK0+WHNrhFX5DoRBItBKO1KCWRaD6IF1jqHqA79ctOYkqEPhvIRubLpErriktntrtARYw0/Nw+KENQmz8/ZBomKtvsaGoFosQDGPoIVYPLVz49RCmDSre0H8p6HLs3FyoL7//AmvMRVCPYIvTTZJJ+JWikSf090L3WXdU0+tC83GhmNfFM6gY0mvqflZGUbnvobt1PH7Ys2ioUtzrMcH6VxIGXHX3kylrNGBQnqzV3l42yPyLFdSAkiP2Y/6xapJH289/AZ9JJV/SZc7aavpbZ5MPbqNz2l6u2+kHrcMX22unabyzi2T/+GgLtoeDml0ewwi4Roq+0cz1vYY9OSeNWWjrwe+ix6vtm+JuE6uNkbfL3HGXc8VjDfT3cuCNb7fc4WR+TDD/kwTsaC6454eZozMJ6gnd6ki6K+foJjKyC++sOYMCPEfwB55D3ZxfJQAAAAASUVORK5CYII="); background-repeat: no-repeat; background-size: 100%; }
.select-product { margin-top: 0.1rem; padding: 0 0.15rem; background-color: #fff; }
.select-product .title-2 { padding: 0; }
.select-product .title-2 span { padding-right: 0.15rem; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAANCAYAAACzbK7QAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAFASURBVDhPrZE/SwNREMSjouDnsImNjZWNVjZilSoIgoWlpWB5WCpcY3Pv3nXpvEqrdH4HC7+CEFAJSjyC4uW3cZ+s+IfLJQNDXnZmZ4ekURVpmjbhnXPuFq7oeDbIsmyN8B4shRy4Z7aq8nQgaJ3AxxBu2JPDaqsHgjcI6pvQLrMb8/1BCqh9MrC8BV9M2FWe50txHC/z7pp5X4roWjUkSbLN0iCE8L7kc1Hlhhxidm30Z7ip8v/w3u9iLsxyh8AFlb8gB9HkcPANpJjKvwNTCw7Nko+iaF7lH5DDeDrGX3BkR+XvQNzD9BbM8KIsyzmV/4QUkCJhj/cQtlT+BD/LAcN3YzpTqRKkiBQK+1CKtsciYYfwI4i8T8dCDbB/bnKk8L4MX83wRL21IQVDHnySgfxJcuRIPVODrGNyC+ecHwFF/jQS25xKVwAAAABJRU5ErkJggg=="); background-size: 0.12rem 0.06rem; }
.select-product .title-2 span.current { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAANCAYAAACzbK7QAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAE2SURBVDhPrZK7SgNhFIRXJYLPYaONjZWNVjZiZSWCYGFpKVguKRW2SbO3Lp1baZXOd7DwFQRBRRQNorj5Jp5fjnhLYgaGbM7MfAkhUZZl7TzPn/BeNCbB2ofbxYXeCF7LHA6sM7JgNAMP3+qwi9/chzStO7TYHznOK6/b/aAoih07hPCwHwyouq4n2LXCHr/gTYvfBXTLglBqaWjxj4rjeJJtEXY8P+MNiz9LgQquXAhg8RdVVTVFR3+S0O+mabpm8ffi51pX0Y3aAln8IbIG2bHrPQJftfh3qaiBGwvUsFjffJrbqcvv8bLFg4nhCn4IEHwicJIkMzx33P0O+JLNhpOGAjhYh9uZe39dluWi1UeTAEBvHDT4imzBav+TQAIGOB94yW3e4vEI8By+AH6OZ+38h6KoB92ANBI4eRC4AAAAAElFTkSuQmCC"); }
.select-product dl { position: relative; min-height: 0.75rem; padding-left: 0.65rem; padding-right: 0.2rem; }
.select-product dl dt { position: absolute; left: 0; top: 50%; margin-top: -0.275rem; }
.select-product dl dt img { display: block; width: 0.55rem; height: 0.55rem; }
.select-product dl .product-title { padding-top: 0.12rem; line-height: 2; }
.select-product dl .product-title i { margin-top: 0.06rem; margin-left: 0.03rem; display: inline-block; vertical-align: top; width: 0.12rem; height: 0.12rem; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAXCAYAAADgKtSgAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGuSURBVEhL7VU9SwNBED0sxEIrLUTQxr8hRsi5H0cMggTETlBrLUSsAjYWForgn7BSUBCCNipYKWIjNkGwEMHGj9xdDDnfbCZmk5wQJBaCDx6bmXnzbm5vlzg2yslkbyjlZqhUHusDuF1Op3u43IRQiFlobwMpw0Cpc1+IcS7VI8pkOiG6hjiyiaabKJXqY9kXUNtq0kpZCrTWLKkhEGLKCJT6ABfBFZqIG/dZZoB4mvPEXWgnoL3i+IhlNWAL5qgI4TO9hclVXrsyldaTlKNtQvxo8lIeRtlsB+VhvmN0Up5SXAdfqWGams0O3l13gPL4neOmS4qhWTKxUn5BiEF6GGqrYIl1y6QzoCmLnjfqS+miuEcCbi5CeAGeVXOYdANrnmOaPof6C8dk/ITtTcFrLEokumiyk2qxrZTymMzji23gHzbHRzBfud2Eb0jne51ORpzgpzR+8OUDaS7MTFGphe/45nn9pMMR646r2zSGNvDE+8YJbKJphHQF1x2Kq9s0hjaQ/Df/N4+nMbSB5K+a3zWKbLZqbq59I0Kt53FtX+MaiK2Y078T1jVj6DjOJ2ooDEPsb1+LAAAAAElFTkSuQmCC"); background-repeat: no-repeat; background-position: left center; background-size: 100%; }
.select-product dl .product-word { color: #666; }
.select-product dl .select-btn { position: absolute; right: 0; top: 50%; margin-top: -0.025rem; }
.select-product dl .select-btn a { display: block; width: 0.15rem; height: 0.15rem; background-color: #999; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAKCAYAAABrGwT5AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAACTSURBVChTlY5BDoIwEEULC+K9PBoxbLiCCxduPYVexAu4I6xa3pQ/RmKB8JKhnd95E8IRUkpNjPFGDVSneB+JD84M9zHwOVMvqiWrNLuAfCEa9HeTn+otuHLUcjL0JdH6xuTLHM38LuBcFzVQSfii/rQpOgSlBW9dM0XR4eFvgbMpOgyU/mBfdBi0BT310aIVMYQJmYhDKTRhi9sAAAAASUVORK5CYII="); background-repeat: no-repeat; background-position: center; background-size: 0.07rem 0.05rem; border-radius: 50%; }
.select-product dl .select-btn a.current { background-color: #fabb26; }
.select-product.no-item span { background: none; padding: 0; }
.not-arrived { margin-top: 0.1rem; }
.contact-customer { margin-top: 0.1rem; padding-bottom: 0.7rem; }
.pay-button { position: fixed; left: 50%; bottom: 0.15rem; width: 750px; margin-left: -375px; }
.pay-button a { display: block; height: 0.4rem; line-height: 0.4rem; text-align: center; margin: 0 0.1rem; background-color: #f7ca02; border-radius: 0.2rem; font-size: 0.14rem; }
@media screen and (max-width: 750px) { .pay-button { position: fixed; left: 0; bottom: 0.15rem; width: 100%; margin: 0; } }
.recharge-help ul { padding: 0 0.15rem; }
.recharge-help ul li { padding: 0.1rem 0; }
.recharge-help ul li i { margin-top: 0.035rem; margin-right: 0.05rem; display: inline-block; width: 0.1rem; height: 0.1rem; vertical-align: top; }
.recharge-help ul li .question i { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAEySURBVDhPvZVdasJAFIVvswW3oOhG3IJbcAvdglvoFqQ76HtJEMG3PrT0odCHghZrMaNR03tumDLakxFLcOCQ3L+P+cncCIZ7lE6e3tyvs2SZZ0l5iaxGa8GoYJl08zT5ZMkXSRlgCeg04T9SlsSWWbzdlgf3UmLgCZvlea3TZCUsAO3mYwPtPu7K7evQnmarn+V7UeD2eWDFAB351Ta/xkN/KArcLx9siSwGP+IsBlHgoVjULg1+xFkMokAM7BmL+b1kMeg6M2x8D39P+eQ06/yhKBCyWerS8DFvnvrVR652bHZQLRAq3kcGwTC42iwvVBQIuWnLgOdm5nUWCPkbAijeY3c62hxC4SD23xMD46TdrP0np2oOTbcvN5FeYw1WWUHXtl/AF02OyGq01rq1iPwAMoV0zyV7fK0AAAAASUVORK5CYII="); background-repeat: no-repeat; background-size: 100%; }
.recharge-help ul li .answer { color: #666; }
.recharge-help ul li .answer i { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAEOSURBVDhPtZQ9CsJAEIX3MqInM7mAF/AA9h5CCxNQbASx0tbGQhvBSgiJJsbfmDe6si6zGyO68CDMz8d7BEbgOV5acb19x/Hi0PXjrIxoh3bTCsHcflh1/DjghsuIGDlLgM4NfKWclcctH9Mkx9/vBNdQ1Z6mGd5sfWb7ugqBAB1ONxLX11UIBGi8OpFLuOVmVFmBMm5zlGSb8PpRbCsQzmRU9dsmKzBIbi9X0m1RbCOwNTkQAM4AkcCi2Eag/BH6g2tuXsoIxOJye3mrdedHgtpis0AZFwC13hgmVId7ta6KBQ4Wj7gA6D24tsU2Rv5WfzgOvz5f9V5U+9WBBet1tZ9OI33wA0W0i2sthLgDh03U+Okb99sAAAAASUVORK5CYII="); background-repeat: no-repeat; background-size: 100%; }
.vip-rule ul { padding: 0 0.15rem; }
.vip-rule ul li { padding: 0.1rem 0; }
.vip-rule ul li i { margin-top: 0.035rem; margin-right: 0.05rem; display: inline-block; width: 0.1rem; height: 0.1rem; vertical-align: top; }
.vip-rule ul li .question i { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAEySURBVDhPvZVdasJAFIVvswW3oOhG3IJbcAvdglvoFqQ76HtJEMG3PrT0odCHghZrMaNR03tumDLakxFLcOCQ3L+P+cncCIZ7lE6e3tyvs2SZZ0l5iaxGa8GoYJl08zT5ZMkXSRlgCeg04T9SlsSWWbzdlgf3UmLgCZvlea3TZCUsAO3mYwPtPu7K7evQnmarn+V7UeD2eWDFAB351Ta/xkN/KArcLx9siSwGP+IsBlHgoVjULg1+xFkMokAM7BmL+b1kMeg6M2x8D39P+eQ06/yhKBCyWerS8DFvnvrVR652bHZQLRAq3kcGwTC42iwvVBQIuWnLgOdm5nUWCPkbAijeY3c62hxC4SD23xMD46TdrP0np2oOTbcvN5FeYw1WWUHXtl/AF02OyGq01rq1iPwAMoV0zyV7fK0AAAAASUVORK5CYII="); background-repeat: no-repeat; background-size: 100%; }
.vip-rule ul li .answer { color: #666; }
.vip-rule ul li .answer i { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAEOSURBVDhPtZQ9CsJAEIX3MqInM7mAF/AA9h5CCxNQbASx0tbGQhvBSgiJJsbfmDe6si6zGyO68CDMz8d7BEbgOV5acb19x/Hi0PXjrIxoh3bTCsHcflh1/DjghsuIGDlLgM4NfKWclcctH9Mkx9/vBNdQ1Z6mGd5sfWb7ugqBAB1ONxLX11UIBGi8OpFLuOVmVFmBMm5zlGSb8PpRbCsQzmRU9dsmKzBIbi9X0m1RbCOwNTkQAM4AkcCi2Eag/BH6g2tuXsoIxOJye3mrdedHgtpis0AZFwC13hgmVId7ta6KBQ4Wj7gA6D24tsU2Rv5WfzgOvz5f9V5U+9WBBet1tZ9OI33wA0W0i2sthLgDh03U+Okb99sAAAAASUVORK5CYII="); background-repeat: no-repeat; background-size: 100%; }
.login { min-height: 100%; background-color: #fff; }
.login .login-title { padding-top: 0.42rem; }
.login .login-title h2 { text-align: center; font-size: 0.18rem; font-weight: bold; }
.login .login-input { margin: 0 auto; width: 2.55rem; }
.login .login-input ul { padding-top: 0.25rem; }
.login .login-input ul li { position: relative; margin-top: 0.1rem; padding-left: 0.2rem; height: 0.4rem; border-bottom-color: #f6f6f6; border-bottom-width: 1px; border-bottom-style: solid; }
.login .login-input ul li input { width: 100%; height: 100%; border: none; background: none; font-size: 14px; }
.login .login-input ul li img { position: absolute; right: 0; top: 50%; margin-top: -0.2rem; display: block; width: 0.9rem; height: 0.4rem; }
.login .login-input ul li:before { content: ""; position: absolute; left: 0; top: 50%; display: block; width: 0.15rem; height: 0.15rem; margin-top: -0.075rem; background-color: #f7ca02; background-repeat: no-repeat; background-position: center; background-size: 0.08rem 0.09rem; border-radius: 50%; }
.login .login-input ul li:nth-of-type(1):before { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAATCAYAAAB2pebxAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAEkSURBVDhPnZSxSoJRGIYTpzZxDGxRugIJ7Da6BV0ac889nB0bnKNZ6BYCEbwCJyNq0cWEv57X/22Q83FSH3j5zznf8x6FH/6ziKIoGmREFmTjp/YNK3kQO+TrJ0Dn5MZqDF4NaVlWYpi/86i5koJwX6p55LmSwvDZXhZ5rqQwfLGXRZ4rKQwf7GXBG7iSwvCCrO2GaC7PlRiEW/Ltzh4619xqHsQ2mZCty1vv21byINbJldfn3HGpp/ctzbUOQa4g9MnKvz4lPXJNuhy9+XxF+iwrrpZwUGUwlnQo9qu+Yvc3B+XoONT7u6BJwrfxH+qpr0uGPjsJ+o+6ZOb9SdCf6pLw23Eo9D91id79HXkir2ROPog+QBuL+rppr3PN5cmnV7R+AfS5eKPHNGovAAAAAElFTkSuQmCC"); }
.login .login-input ul li:nth-of-type(2):before { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAATCAYAAACZZ43PAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAEHSURBVDhPpZFNDgFBFIRFxHYSDkEkNi4jrKy4AjJ2LiEhsZkVpyCOYOUCgsTGulvVqGRCtx4/X1J50/XqvTGt8Iq1tmSMGUA76Cbt4PfZU8wPAhHCG1SLeoTW0lEee5HiLgwrOEUpy+bisjz2VrKfQaOlwEyWA3vKtGRlwJywCeqyHJCpMYAay8qAuUjHrS3KcmCPAWTnsjJgJmzq+BYtSHRMB6tQDB3UnIWkzB5liFrhAv7HP4HZbfqT/uHtAmw/o/QoPF9S00NowUjXxM8cy3YIfcJS88wsH5ZL8A7w5galo5e8BU1KRy95C9qUjl6CCz6BN3zV89dg9sIFHegk72P4YmNM9w6ivYiiPf5TZQAAAABJRU5ErkJggg=="); }
.login .login-input ul li:nth-of-type(3):before { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAJCAYAAAA/33wPAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAABSSURBVChTrYxBDgAgCMP8/6dRl8ZAAhzUXoQVN8wxHEQBVO54BXeCKICqHXMo8qBbf4aNlgT0XRFRAFU75rSIteXc6cdCCxD9K/Kgasf8UGQ2AQDoRshGUDqyAAAAAElFTkSuQmCC"); background-size: 0.11rem 0.06rem; }
.login .login-btn { padding-top: 0.75rem; }
.login .login-btn a { margin: 0 auto; display: block; width: 2.68rem; height: 0.4rem; line-height: 0.4rem; text-align: center; background-color: #f7ca02; border-radius: 0.2rem; font-size: 0.14rem; }
.install-tutorial { padding: 0 0.15rem; background-color: #fff; }
.install-tutorial .video-link { padding-top: 0.13rem; }
.install-tutorial .video-link a { position: relative; padding-left: 0.2rem; display: block; height: 0.15rem; line-height: 0.15rem; color: #1296db; }
.install-tutorial .video-link a:before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 0.15rem; height: 0.15rem; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAH8SURBVEhLxVc9S8NQFA2IilOTFBdxcHDyN4iroOLgon/FTX+ASG2S4h9wKH4sujmqkziJpe9VRCdb3QRpEaznJk9okxuTl6b2wCEh9+O893Lfy42RCoe346Yn1ixXlmxX3FiueLU92Sb69/4zWSIf8lVR2VHYfzKRcMd25RtEuqkIX4qhWJVGD5bX2FIz4wUSSLGUQ6VLgWp3DKP2uGRZiAE4lFNljwEcLE+ecAkGIZb++E9xjK7MBeZBf+YcMKpNLiBPkoaSCxBUr2hyznmSNPqq3d8yjOMwSFqBavV+Ag/eww4cLU+coeI7nE2DLdI06LRhjCwt53Fx2pHzuD8P23RouvVVHBTigDNyJOFgmfB6Ko0VxErOL4mkadieuOaMHHuFfdBrcuU29v4H5x9LV1xBWLYihhhGhBWK5doM7EdI+B2OiWHL0CmWOOFfmE59CfnuuNgQ27kKY8mXwQcuNkQI57DUhUptDofDKRcTQyz1AMU1u/cyhRnuoko/Of9YUnFl3U62W99AgmfOL4n+dtI9QOyKWEDgJWdPy6In17WOTMzwAtevyHMdojUySmLSX7bRfCSAkX0WCfSR5pzzJGkouX5gRP/f+vgYVrOHnKk6TVRebu0t5UoW7YFq6DMXHMXqNfQ9CKr9n39h+hD9aWtCoEMM7nV/2gzjBxEmzThotpvvAAAAAElFTkSuQmCC"); background-repeat: no-repeat; background-size: 100%; }
.install-tutorial .tutorial-content { padding-top: 0.1rem; }
.install-tutorial .tutorial-content .tutorial-word { position: relative; padding-left: 0.2rem; }
.install-tutorial .tutorial-content .tutorial-word i { position: absolute; left: 0; top: 0.015rem; display: block; width: 0.15rem; height: 0.15rem; text-align: center; line-height: 0.15rem; background-color: #f7ca02; border-radius: 50%; color: #666; font-style: normal; }
.install-tutorial .tutorial-content .tutorial-pic { padding-top: 0.15rem; }
.install-tutorial .tutorial-content .tutorial-pic img { margin: 0 auto 0.15rem; display: block; width: 2.15rem; }
.pay-tutorial { padding: 0 0.15rem; background-color: #fff; }
.pay-tutorial .tutorial-content { padding-top: 0.1rem; }
.pay-tutorial .tutorial-content .tutorial-word { position: relative; padding-left: 0.2rem; }
.pay-tutorial .tutorial-content .tutorial-word i { position: absolute; left: 0; top: 0.015rem; display: block; width: 0.15rem; height: 0.15rem; text-align: center; line-height: 0.15rem; background-color: #f7ca02; border-radius: 50%; color: #666; font-style: normal; }
.pay-tutorial .tutorial-content .tutorial-pic { padding-top: 0.15rem; }
.pay-tutorial .tutorial-content .tutorial-pic img { margin: 0 auto 0.15rem; display: block; width: 2.75rem; }
.pay-tutorial .pay-rule .title-1 { background-image: url("/Content/images/title-bg2.png"); }
.pay-tutorial .pay-rule .title-1 h2 { color: #333; font-size: 0.14rem; }
.pay-tutorial .pay-rule .rule-word { padding-top: 0.2rem; }
.pay-tutorial .pay-rule .rule-word p { padding-bottom: 0.15rem; }
.vip-download .game-info { position: relative; padding: 0.1rem 0.15rem; }
.vip-download .game-info img { display: block; width: 100%; }
.vip-download .game-info .game-icon { position: absolute; width: 100%; left: 0; top: 0.25rem; }
.vip-download .game-info .game-icon img { display: block; margin: 0 auto; width: 0.55rem; height: 0.55rem; }
.vip-download .game-info .game-title { position: absolute; top: 0.9rem; left: 0; width: 100%; color: #fff; text-align: center; }
.vip-download .game-info .game-rule { position: absolute; left: 0; top: 1.12rem; width: 100%; color: #f7ca02; transform: scale(0.9); text-align: center; }
.vip-download .game-info .download-button { position: absolute; bottom: 0.25rem; left: 0; width: 100%; }
.vip-download .game-info .download-button a { margin: 0 auto; display: block; width: 1.2rem; height: 0.3rem; text-align: center; line-height: 0.3rem; background-color: #f7ca02; border-radius: 0.15rem; font-size: 0.14rem; }
.vip-download .game-gift { padding: 0 0.15rem; background-color: #fff; }
.vip-download .game-gift .no-gift { padding-top: 1.18rem; height: 2.1rem; box-sizing: border-box; background-image: url("/Content/images/no-gift.png"); background-repeat: no-repeat; background-position: center 0.64rem; background-size: 0.37rem 0.35rem; color: #666; text-align: center; }
.vip-download .game-gift .gift-list li { padding-bottom: 0.15rem; border-bottom-color: #f0f0f0; border-bottom-width: 1px; border-bottom-style: solid; }
.vip-download .game-gift .gift-list li .gift-title { height: 0.32rem; line-height: 0.32rem; text-align: center; }
.vip-download .game-gift .gift-list li .gift-title h2 { display: inline-block; vertical-align: top; padding-left: 0.18rem; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAXCAYAAADgKtSgAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGuSURBVEhL7VU9SwNBED0sxEIrLUTQxr8hRsi5H0cMggTETlBrLUSsAjYWForgn7BSUBCCNipYKWIjNkGwEMHGj9xdDDnfbCZmk5wQJBaCDx6bmXnzbm5vlzg2yslkbyjlZqhUHusDuF1Op3u43IRQiFlobwMpw0Cpc1+IcS7VI8pkOiG6hjiyiaabKJXqY9kXUNtq0kpZCrTWLKkhEGLKCJT6ABfBFZqIG/dZZoB4mvPEXWgnoL3i+IhlNWAL5qgI4TO9hclVXrsyldaTlKNtQvxo8lIeRtlsB+VhvmN0Up5SXAdfqWGams0O3l13gPL4neOmS4qhWTKxUn5BiEF6GGqrYIl1y6QzoCmLnjfqS+miuEcCbi5CeAGeVXOYdANrnmOaPof6C8dk/ITtTcFrLEokumiyk2qxrZTymMzji23gHzbHRzBfud2Eb0jne51ORpzgpzR+8OUDaS7MTFGphe/45nn9pMMR646r2zSGNvDE+8YJbKJphHQF1x2Kq9s0hjaQ/Df/N4+nMbSB5K+a3zWKbLZqbq59I0Kt53FtX+MaiK2Y078T1jVj6DjOJ2ooDEPsb1+LAAAAAElFTkSuQmCC"); background-repeat: no-repeat; background-position: left center; background-size: 0.12rem 0.12rem; font-size: 0.14rem; }
.vip-download .game-gift .gift-list li .gift-info { padding-left: 0.15rem; color: #999; }
.vip-download .game-gift .gift-list li .gift-code { position: relative; margin: 0.08rem 0.15rem 0; padding-left: 0.65rem; padding-right: 0.5rem; height: 0.3rem; line-height: 0.3rem; background-color: #f5f5f5; border-radius: 0.05rem; }
.vip-download .game-gift .gift-list li .gift-code label { position: absolute; left: 0.14rem; display: block; color: #999; }
.vip-download .game-gift .gift-list li .gift-code input { width: 100%; height: 100%; border: none; background: none; color: #999; }
.vip-download .game-gift .gift-list li .gift-code a { position: absolute; right: 0; top: 0; display: block; width: 0.5rem; height: 0.3rem; line-height: 0.3rem; text-align: center; background-color: #f7ca02; border-radius: 0.05rem; }
.order-search { margin-top: 0.1rem; }
.order-search .no-order { margin-top: 0.75rem; padding-top: 1rem; text-align: center; background-image: url("/Content/images/no-order.png"); background-repeat: no-repeat; background-position: center top; background-size: 0.71rem 0.8rem; font-size: 0.14rem; color: #666; }
.order-search li { padding: 0 0.15rem; margin-bottom: 0.1rem; background: #fff; }
.order-search li p { height: 0.3rem; line-height: 0.3rem; color: #999; border-bottom-color: #f0f0f0; border-bottom-width: 1px; border-bottom-style: solid; }
.order-search li dl { position: relative; min-height: 0.75rem; padding-left: 0.65rem; padding-right: 0.55rem; }
.order-search li dl dt { position: absolute; left: 0; top: 50%; margin-top: -0.275rem; }
.order-search li dl dt img { display: block; width: 0.55rem; height: 0.55rem; }
.order-search li dl .order-title { height: 0.75rem; line-height: 0.75rem; font-weight: bold; }
.order-search li dl .order-status { position: absolute; right: 0; top: 50%; margin-top: -0.265rem; width: 0.53rem; height: 0.53rem; background-repeat: no-repeat; background-size: 100%; }
.order-search li dl .order-pay { position: absolute; right: 0; top: 50%; margin-top: -0.265rem; width: 0.53rem; height: 0.53rem; background-repeat: no-repeat; background-size: 100%; margin: auto; }
/*# sourceMappingURL=common.css.map */
/* user-chenzhi */
/* home-page */
.home-box li{
line-height:2;
max-width: 6rem;
list-style-type:disc;
}
.safari_box{
height: 100vh;background:rgba(41,41,41,.8);position:fixed;z-index:9999;top: 0px;width: 100%;display: none;
}
.safari_box .content{
line-height: 1;color: #fff;width: 100%;text-align: center;font-size: .36rem;position: absolute;top:2.05rem;
}
.safari_box .content img{
position: absolute;width: 1rem;height: .8rem;right: .57rem;top:-.5rem;
}
.safari_box .safari_box_alert{
top:3.5rem;position:absolute;width: 6.3rem;left: 50%;margin-left: -3.2rem;
}
.safari_box .safari_box_alert .alert_title{
height: 2.8rem;width: 6.3rem;position: relative;
}
.safari_box .safari_box_alert .alert_title .alert_title_close{
width: .3rem;height: .3rem;position: absolute;left: .3rem;top: .3rem;
}
.safari_box .safari_box_alert .alert_title .alert_title_safari{
width:1.5rem;height: 1.5rem;position: absolute;left: .79rem;top:.75rem;
}
.safari_box .safari_box_alert .alert_title .alert_title_desc{
width:3.5rem;height: .79rem;font-size: .34rem;left: 2.5rem;position: absolute;top:1rem;color:#fff;
}
.safari_box .safari_box_alert .alert_copy{
width: 6.3rem;height:1.2rem;background-color: #ffffff;position: absolute;border-bottom-left-radius:.32rem;border-bottom-right-radius:.32rem;
}
.safari_box .safari_box_alert .alert_copy div{
display:flex;width:100%;justify-content:center;position: absolute;top: .18rem;
}
.safari_box .safari_box_alert .alert_copy input{
background: #e6e6e6;border: 0px;width: 3.5rem;padding:0 .2rem;border-top-left-radius:64px;border-bottom-left-radius:64px;height: .8rem;color:#777;font-size: .32rem;
}
.safari_box .safari_box_alert .alert_copy a{
width: 1.4rem;height: .8rem;text-align: center;line-height: .8rem;color:white;font-size: .28rem;
}
/*页面信息*/
.home-box{
padding-bottom: .6rem;
}
.home-box .hader-img{
width: 100%;text-align: center;padding-top: .55rem;
}
.home-box .hader-img img{
width:6.7rem;height: 5.35rem;
}
.home-box .btn-login{
text-align: center;padding-top: .3rem;
}
.home-box .btn-login img{
width:3.9rem;height: 1.3rem;
}
.home-box .btn-group{
display: flex;justify-content:space-around;padding-top: .2rem;
}
.home-box .btn-group img{
width:1.75rem;height:.6rem;
}
.home-box .descitem{
height: 4.3rem;width: 100%;
}
.home-box .descitem ul{
padding-top: 1.74rem;padding-left: 1rem;color: white;font-size: .28rem;
}
.home-box .btn-download{
text-align: center;
}
.home-box .btn-download img{
width:3.4rem;height: 1.1rem;
}
.home-box-footer{
height: auto;
}
/*process-page*/
.pay-tutorial .pay-rule .title-1 {
background-color: #21B1EB;
border-radius:.15rem;
color: #fff;
height: .3rem;
}
.process-box{
font-size: .16rem;
color: #292929;
}
.process-box .title {
display: flex;
height: .45rem;
width: 100%;
justify-content: space-between;
align-items: center;
background-color: #21B1EB;
}
.process-box .title img,
.process-box .titleright {
width: .15rem;
height: .15rem;
}
.pay-tutorial .tutorial-content .tutorial-word{
padding-left: 0;
padding-top: .15rem;
}
.pay-tutorial .tutorial-content .tutorial-pic img {
margin: 0 auto ;
display: block;
width: 3.45rem;
}
.pay-tutorial .pay-rule .rule-word .textdesc{
text-indent: 24px;
font-size: .12rem;
padding-bottom: .3rem;
}
.pay-tutorial .pay-rule .rule-word .nobottom{
text-indent: 24px;
padding-bottom: 0;
font-size: .12rem;
}
.pay-tutorial .pay-rule .title-1 h2{
color: #fff;
font-size: .14rem;
font-weight: normal;
line-height: 0.3rem;
}
/* tutorial-page */
.tutorial-box{
font-size: .16rem;
color: #292929;
}
.page-container {
padding-bottom: .2rem;
background-color: white;
}
.tutorial-box .title {
display: flex;
height: .45rem;
width: 100%;
justify-content: space-between;
align-items: center;
background-color: #21B1EB;
}
.tutorial-box .title img,
.tutorial-box .titleright {
width: .15rem;
height: .15rem;
}
.tutorial-box .title .content{
font-size: .16rem;color: #fff;
}
.install-tutorial .tutorial-content .tutorial-word{
padding-left: 0;
padding-top: .15rem;
}
/* login-page */
.login-page{
padding-bottom: .4rem;min-height: 100vh;
}
.login-page .header-img{
width: 100%;text-align: center;padding-top: .55rem;
}
.login-page .header-img img{
width:6.7rem;height: 5.35rem;
}
.login-page .loginbox {
width: 6.3rem;
height: 6.34rem;
background-color: #fff;
border-radius: .32rem;
margin: .6rem auto 0;
}
.login-page .loginbox .title {
display: flex;
height: 1rem;
width: 100%;
justify-content: space-between;
align-items: center;
}
.login-page .loginbox .title img,
.login-page .loginbox .titleright {
width: .4rem;
height: .4rem;
}
.login-page .loginbox .title img {
padding-left: .22rem;
}
.login-page .loginbox .titleright {
padding-right: .22rem;
}
.login-page .loginbox .title div {
font-size: .4rem;
color: #292929;
}
.login-page .loginbox .formitem {
display: flex;
height: .8rem;
width: 5rem;
margin: auto;
;
justify-content: flex-start;
align-items: center;
border-bottom: 1px solid #292929;
margin: .3rem auto 0;
}
.login-page .loginbox .formitem img {
width: .4rem;
height: .4rem;
margin-right: .1rem;
}
.login-page .loginbox .formitem input {
border: 0px;
height: .8rem;
font-size: .28rem;
text-align: left;
width: 4.5rem;
}
.login-page .loginbox .verify-item{
border: 0px;
}
.login-page .loginbox .verify-item .formitem{
margin-right: .2rem;margin-top: 0px;width: 3.5rem;
}
.login-page .loginbox .verify-item .formitem input{
width:2rem;
}
.login-page .loginbox .verify-item .verify-img{
cursor:pointer;width:1.5rem;height: .7rem;margin-right:0px;
}
/* .login-page .loginbox .verify-item .verify-img{
cursor:pointer;width:1.5rem;height: .7rem;margin-right:0px;
} */
.login-page .loginbox .login-btn-group{
display: flex;width:100%;margin:.22rem auto 0;justify-content:center;align-items:center;font-size: .32rem;text-align: center;line-height:1.1rem;color: #fff;
}
.login-page .loginbox .login-btn-group div{
width: 2.9rem;height: 1.4rem;
}
.login-page .loginbox .login-footer{
display: flex;width:100%;justify-content:center;align-items:center;
}
.login-page .loginbox .login-footer img{
width: .3rem;height: .3rem;
}
.login-page .loginbox .login-footer .content{
font-size: .24rem;color:#21B1EB;margin-left: .1rem;
}
.login-page .loginbox .login-btn-group .login-btn-big{
width: 5.6rem;height: 1.4rem;
}
.login-page .loginbox .phonecodebtn{
width:1.8rem;height: .6rem;color: white;background-color:#21B1EB;border-radius: .3rem;line-height: .6rem;font-size: .24rem;text-align: center;
}
.login-page .loginbox .reg-footer{
display: flex;width:100%;justify-content:center;align-items:center;font-size: .24rem;
}
.login-page .loginbox .reg-change{
display: flex;align-items:center;margin-left: .25rem;
}
.login-page .loginbox .reg-change img{
width: .3rem;height: .3rem;
}
.login-page .loginbox .reg-change div{
color:#21B1EB;margin-left: .1rem;
}
/* help-page */
.help-box{
font-size: .16rem;
color: #292929;
background-color: #fff;
min-height: 100vh;
}
.help-box .title {
display: flex;
height: .45rem;
width: 100%;
justify-content: space-between;
align-items: center;
background-color: #21B1EB;
}
.help-box .title img,
.help-box .titleright {
width: .15rem;
height: .15rem;
}
.help-box .title img{
margin-left:.12rem;
}
.help-box .titleright {
margin-right:.12rem;
}
.help-box .title .content{
font-size: .16rem;color: #fff;
}
.help-box .recharge-help ul li .answer{
font-size: .12rem;
text-indent: 24px;
padding: .15rem 0 .1rem;
}
.help-box .recharge-help ul li {
padding: 0.1rem 0;
}
/* rule-page */
.rule-box{
font-size: .16rem;
color: #292929;
}
.rule-box .title {
display: flex;
height: .45rem;
width: 100%;
justify-content: space-between;
align-items: center;
background-color: #21B1EB;
}
.rule-box .title img,
.rule-box .titleright {
width: .15rem;
height: .15rem;
}
.rule-box .title img{
margin-left:.12rem;
}
.rule-box .titleright {
margin-right:.12rem;
}
.rule-box .title .content{
font-size: .16rem;color: #fff;
}
.rule-box .vip-rule ul li .answer{
font-size: .12rem;
text-indent: 24px;
padding: .15rem 0 .1rem;
}
.rule-box .vip-rule ul li {
padding: 0.1rem 0;
}
/* index */
.index-box {
background-color: #F5F5F5;
}
.index-box .flexitem {
display: flex;
justify-content: flex-start;
align-items: center;
}
.index-box .title {
display: flex;
height: .9rem;
width: 100%;
justify-content: space-between;
align-items: center;
background-color: #21B1EB;
color: white;
font-size: .28rem;
}
.index-box .title .logout{
margin-left:.29rem;
}
.index-box .title .back div{
margin-left: 5px;
}
.index-box .title img {
width: .3rem;
height: .3rem;
}
.index-box .title .content{
font-size: .32rem;font-weight: 600;
}
.index-box .title .orderbox{
margin-right:.29rem;
}
.index-box .title .orderbox div{
margin-left: 5px;
}
.index-box .borderitem::after {
/* margin-left: .24rem; */
height: 1px;
position: absolute;
z-index: 0;
bottom: 0;
left: 0;
content: "";
width: 100%;
background-image: -webkit-linear-gradient(bottom, #ececec 50%, transparent 0);
background-image: linear-gradient(0deg, #ececec 50%, transparent 0);
}
.index-box .shaddowbox {
background-color: #fff;
border-radius: .24rem;
box-shadow: 0px 0px 6px 0px rgba(89, 40, 8, 0.15);
}
.index-box .allitembox{
padding: .3rem;
}
.index-box .allitembox .title-cell{
font-size: .28rem;color:#292929;position: relative;
}
/* .index-box .allitembox .title-cell >div{
} */
.index-box .allitembox .title-cell .borderitem{
display: flex; justify-content: space-between;align-items:center;padding: 0 .3rem;line-height: .9rem;
}
.index-box .allitembox .aditem .adimg{
height: 2.6rem;justify-content:center;
}
.index-box .allitembox .aditem .adimg img{
width: 6.3rem;height: 2rem;
}
.index-box input {
background-color: #F5F5F5;
}
.index-box .maringtop3rem{
margin-top: .3rem;
}
.index-box .title-name{
font-size: .32rem;
}
.index-box .a9color{
color: #A9A9A9;
}
.index-box .wh3rem{
width: .3rem;height: .3rem;
}
.index-box .inputbox{
color: #A9A9A9;width:calc(100% - 2rem);width:-webkit-calc(100% - 2rem);width:-moz-calc(100% - 2rem);height: .6rem;background-color: #F5F5F5;border-radius: .3rem;
}
.index-box .inputbox img{
width:.4rem;height: .4rem;margin-left: .17rem;
}
.index-box .inputbox input{
border: 0px;height: .6rem;font-size: .24rem;margin-left: .2rem;width:calc(100% - 1rem);width:-webkit-calc(100% - 1rem);width:-moz-calc(100% - 1rem);
}
.index-box .pay-button div{
margin:auto;width:5.6rem;height:1.34rem;color: #fff;text-align: center;line-height: 1.1rem;font-size: .32rem;
}
.index-box .gameitem{
padding-top:.3rem ;justify-content: space-between;
}
.index-box .gameitem .gameimg{
width: .7rem;height: .7rem;
}
.index-box .gamechoose{
width: .3rem;height: .3rem;
}
/* order-box */
.order-box {
background-color: #F5F5F5;
}
.order-box .flexitem {
display: flex;
justify-content: flex-start;
align-items: center;
}
.order-box .borderitem::after {
/* margin-left: .24rem; */
height: 1px;
position: absolute;
z-index: 0;
bottom: 0;
left: 0;
content: "";
width: 100%;
background-image: -webkit-linear-gradient(bottom, #ececec 50%, transparent 0);
background-image: linear-gradient(0deg, #ececec 50%, transparent 0);
}
.order-box .shaddowbox {
background-color: #fff;
border-radius: .24rem;
box-shadow: 0px 0px 6px 0px rgba(89, 40, 8, 0.15);
margin-top: .3rem;
}
.order-box .title {
display: flex;
height: .9rem;
width: 100%;
justify-content: space-between;
align-items: center;
background-color: #21B1EB;
}
.order-box .title img,
.order-box .titleright {
width: .3rem;
height: .3rem;
}
.order-box .order-search li dl .order-status {
background-image: url("/Public/Mobile/images/ssg/order-status.png");
}
.order-box .order-search .no-order {
background-image: url("/Public/Mobile/images/ssg/no-order.png");
margin-top: 1.5rem;
padding-top: 2rem;
text-align: center;
/* background-image: url(/Content/images/no-order.png); */
background-repeat: no-repeat;
background-position: center top;
background-size: 1.6rem 1.6rem;
font-size: 0.28rem;
color: #666;
}
.order-box .box-title {
width: 6.9rem;
font-size: .28rem;
color: #292929;
position: relative;
}
.order-box .borderitem {
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 .3rem;
line-height: .8rem;
}
.order-box .title-cont {
font-size: .24rem;
color: #A9A9A9;
}
.order-box .gamebox {
height: 1.8rem;
justify-content: center;
padding: .3rem;
}
.order-box .gamebox img {
width: 1.2rem;
height: 1.2rem;
}
.order-box .gameboxname {
margin-left: .3rem;
flex-grow: 1;
font-size: .28rem;
color: #292929;
}
/*# sourceMappingURL=common.css.map */
/* install-box */
.install-box .title{
display: flex;
height: .9rem;
width: 100%;
justify-content: space-between;
align-items: center;
background-color: #21B1EB;
}
.install-box .title img,
.install-box .titleright {
width: .3rem;
height: .3rem;
}
.install-box .vip-download .game-info .game-icon img{
width: 1.1rem;
height: 1.1rem;
}
.install-box .vip-download .game-info .game-title{
top: 1.8rem;
}
.install-box .vip-download .game-info .game-rule{
top: 2.24rem;
}
.install-box .vip-download .game-info .download-button{
bottom:.5rem
}
.install-box .vip-download .game-info .download-button a{
margin: 0 auto;
display: block;
width: 2.4rem;
height: 0.6rem;
text-align: center;
line-height: 0.6rem;
background-color: #f7ca02;
border-radius: 0.3rem;
font-size: 0.28rem;
}
.install-box .shaddowbox {
background-color: #fff;
border-radius: .16rem;
box-shadow: 0px 0px 6px 0px rgba(89, 40, 8, 0.15);
}
.install-box .vip-download .game-gift{
padding: 0 .3rem;
}
.install-box .title-3{
height: 0.89rem;
line-height: 0.89rem;
border-bottom-color: #f0f0f0;
border-bottom-width: 1px;
border-bottom-style: solid;
}
.install-box .title-3 h2{
font-size: .28rem;
}
.install-box .vip-download .game-gift .gift-list li{
padding-bottom: 0.3rem;
}
.install-box .vip-download .game-gift .gift-list li .gift-title{
height: .84rem;
line-height:.84rem;
text-align: left;
}
.install-box .vip-download .game-gift .gift-list li .gift-title h2{
padding-left: 0.36rem;
background-size: 0.25rem 0.25rem;
font-size: 0.28rem;
}
.install-box p,input{
font-size: .24rem;
}
.install-box .vip-download .game-gift .gift-list li .gift-code{
margin: 0.16rem 0.1rem 0;
padding-left: 1.3rem;
padding-right: 1rem;
height: 0.6rem;
line-height: 0.6rem;
background-color: #f5f5f5;
border-radius: 0.30rem;
}
.install-box .vip-download .game-gift .gift-list li .gift-code a{
width: 1.78rem;
height: 0.6rem;
line-height: 0.6rem;
text-align: center;
background-color: #21B1EB;
border-radius: 0.3rem;
color: #fff;
}
.install-box .gift-info{
font-size: .20rem;
}
.install-box .vip-download .game-gift .gift-list li .gift-code label{
left: .28rem;
}
/* blank-page */
.blank-box{
font-size: .16rem;
color: #292929;
background-color: #fff;
min-height: 100vh;
}
.blank-box .title {
display: flex;
height: .45rem;
width: 100%;
justify-content: space-between;
align-items: center;
background-color: #21B1EB;
}
.blank-box .title img,
.blank-box .titleright {
width: .15rem;
height: .15rem;
}
.blank-box .title img{
margin-left:.12rem;
}
.blank-box .titleright {
margin-right:.12rem;
}
.blank-box .title .content{
font-size: .16rem;color: #fff;
}
.blank-box .cell-box{
width: 100%;padding:.9rem 0 0;display: flex;justify-content: center
}
.blank-box .cell-box img{
width: 2rem;height: 1.2rem;
}
.blank-box p{
width: 100%;font-size: .16rem;text-align: center;line-height: 1.5;margin-top: .3rem;
}
.blank-box .resbtn{
width: 100%;padding:.35rem 0 0;display: flex;justify-content: center;
}
.blank-box .resbtn a{
width: 1.1rem;height: .35rem;border-radius: 35px;text-align: center;color: #fff;background-color:#21B1EB;line-height: .35rem;
}