|
|
|
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 { width: 750px; 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/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-image: url("../img/order-status.png"); 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 */
|
|
|
|
/* 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;
|
|
|
|
}
|