init
4
static/css/font-awesome.min.css
vendored
Normal file
416
static/css/login.css
Normal file
@@ -0,0 +1,416 @@
|
||||
@import url(font-awesome.min.css);
|
||||
body::-webkit-scrollbar{
|
||||
display: none;
|
||||
}
|
||||
/* Reset */
|
||||
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
|
||||
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
|
||||
body { line-height: 1; }
|
||||
ol, ul { list-style: none; }
|
||||
blockquote, q { quotes: none; }
|
||||
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
|
||||
table { border-collapse: collapse; border-spacing: 0; }
|
||||
body { -webkit-text-size-adjust: none; }
|
||||
|
||||
/* Box Model */
|
||||
*, *:before, *:after { -webkit-box-sizing: border-box; box-sizing: border-box; }
|
||||
|
||||
html { background-color: #000; }
|
||||
|
||||
/* Type */
|
||||
body, input, select, textarea { color: #454545; font-family: "Microsoft Yahei", "Open Sans", sans-serif; font-size: 1rem; font-weight: 400; line-height: 1.65; }
|
||||
img { display: inline-block; width: 66%;}
|
||||
a { color: #9c262c; text-decoration: none; }
|
||||
.flex { display: -moz-flex; display: -ms-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -moz-align-items: center; -ms-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
|
||||
[class^="tag-"] { border-radius: 0.125rem; font-size: 0.75rem; padding: 0 0.25rem; margin: 0 0 0 0.25rem; background: #505eff; color: #ffffff; line-height: 1; position: relative; top: -0.125rem; }
|
||||
.disable { display: none; }
|
||||
|
||||
/* Icon */
|
||||
.icon { text-decoration: none; border-bottom: none; position: relative; }
|
||||
.icon:before { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-family: FontAwesome; font-style: normal; font-weight: normal; text-transform: none !important; }
|
||||
|
||||
/* Form */
|
||||
input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"], input[type="url"], select, textarea { -moz-appearance: none; -webkit-appearance: none; -ms-appearance: none; appearance: none; background: #F7F8FA; border: none; border-bottom: solid 1px rgba(210, 215, 217, 0.75); color: inherit; display: block; outline: 0; padding: 0 1em; text-decoration: none; width: 100%; }
|
||||
input[type="text"]:invalid, input[type="password"]:invalid, input[type="email"]:invalid, input[type="tel"]:invalid, input[type="search"]:invalid, input[type="url"]:invalid, select:invalid, textarea:invalid { -webkit-box-shadow: none; box-shadow: none; }
|
||||
input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="search"]:focus, input[type="url"]:focus, select:focus, textarea:focus { border-color: #fe3535; }
|
||||
input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"], input[type="url"], select { height: 2.5em; }
|
||||
|
||||
/* Button */
|
||||
input[type="submit"], input[type="reset"], input[type="button"], button, .button { background-color: #ff0000; border: 0; -webkit-box-shadow: inset 0 0 0 1px #ff0000; box-shadow: inset 0 0 0 1px #ff0000; color: #F7F8FA !important; cursor: pointer; display: inline-block; font-family: "Microsoft Yahei", "Roboto Slab", serif; font-size: 0.8rem; font-weight: 400; height: 2.4rem; letter-spacing: 0.075em; line-height: 2.4rem; padding: 0 2.25rem; text-align: center; text-decoration: none; text-transform: uppercase; white-space: nowrap; }
|
||||
input[type="submit"].icon:before, input[type="reset"].icon:before, input[type="button"].icon:before, button.icon:before, .button.icon:before { margin-right: 0.5rem; }
|
||||
input[type="submit"].fit, input[type="reset"].fit, input[type="button"].fit, button.fit, .button.fit { display: block; margin: 0 0 0.375em 0; width: 100%; }
|
||||
input[type="submit"].small, input[type="reset"].small, input[type="button"].small, button.small, .button.small { font-size: 0.6rem; }
|
||||
input[type="submit"].small2, input[type="reset"].small2, input[type="button"].small2, button.small2, .button.small2 { font-size: 0.6rem; height: 2rem; line-height: 2rem; padding:0 0.6rem}
|
||||
input[type="submit"].big, input[type="reset"].big, input[type="button"].big, button.big, .button.big { font-size: 1rem; height: 3.65rem; line-height: 3.65rem; }
|
||||
input[type="submit"].special, input[type="reset"].special, input[type="button"].special, button.special, .button.special { background-color: #fe3535; -webkit-box-shadow: none; box-shadow: none; color: #F7F8FA !important; }
|
||||
input[type="submit"].special:hover, input[type="reset"].special:hover, input[type="button"].special:hover, button.special:hover, .button.special:hover { background-color: #359efc; }
|
||||
input[type="submit"].special:active, input[type="reset"].special:active, input[type="button"].special:active, button.special:active, .button.special:active { background-color: #1790fc; }
|
||||
input[type="submit"].disabled, input[type="submit"]:disabled, input[type="reset"].disabled, input[type="reset"]:disabled, input[type="button"].disabled, input[type="button"]:disabled, button.disabled, button:disabled, .button.disabled, .button:disabled { -moz-pointer-events: none; -webkit-pointer-events: none; -ms-pointer-events: none; pointer-events: none; opacity: 0.25; }
|
||||
|
||||
/* layui */
|
||||
|
||||
.dialogs-msg { border-radius: 0 0 5px 5px; }
|
||||
.layui-layer-btn .layui-layer-btn0 { background-color: rgb(245, 189, 16); border-color: rgb(245, 189, 16); }
|
||||
.layui-layer-btn a { padding: 0 20px; height: 32px; line-height: 32px; }
|
||||
|
||||
/* Wrapper */
|
||||
.wrapper { max-width: 40rem; margin: 0 auto; }
|
||||
.pagebg { background: #000; padding-bottom: 1rem; }
|
||||
.gamebg { display: block; position: fixed; width: 100%; max-width: 40rem; height: 100vh;
|
||||
background-size: cover;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center center;
|
||||
}
|
||||
|
||||
/* Header */
|
||||
.header { display: -moz-flex; display: -ms-flex; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; height: 2.5rem; z-index: 10000; }
|
||||
.header .userface { border-radius: 50%; border: 0.125rem solid #ffffff; -webkit-box-shadow: 0 0.05rem 0.05rem rgba(0, 0, 0, 0.5); box-shadow: 0 0.05rem 0.05rem rgba(0, 0, 0, 0.5); width: 2.75rem; height: 2.75rem; margin: 0.5rem 0 0 0.5rem; }
|
||||
.header .username, .header .usertest { -moz-flex: 1; -ms-flex: 1; -webkit-box-flex: 1; flex: 1; padding: 0.75rem 0 0 0.625rem; overflow: hidden; }
|
||||
.userheader { display: -moz-flex; display: -ms-flex; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; background-color: #fe3535; height: 3.75rem; }
|
||||
.userheader a, .userheader span { padding: 2rem 0.5rem 0; color: rgba(247, 248, 250, 0.5); font-size: 0.75rem; }
|
||||
.userheader .userface { border-radius: 50%; border: 0.125rem solid #ffffff; -webkit-box-shadow: 0 0.05rem 0.05rem rgba(0, 0, 0, 0.5); box-shadow: 0 0.05rem 0.05rem rgba(0, 0, 0, 0.5); width: 4rem; height: 4rem; margin: 1.5rem 0 0 1rem; }
|
||||
.userheader .username { -moz-flex: 1; -ms-flex: 1; -webkit-box-flex: 1; flex: 1; color: #F7F8FA; padding: 1.5rem 0.5rem 0 0.625rem; font-size: 1.125rem; overflow: hidden; line-height: 2; }
|
||||
.gift-header { -moz-align-items: center; -ms-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; background-color: #fe3535; }
|
||||
.gift-header .icon { font-size: 1.5rem; color: #F7F8FA; margin: 0 0 0 1rem; }
|
||||
.gift-header .name { -moz-flex: 1; -ms-flex: 1; -webkit-box-flex: 1; flex: 1; color: #F7F8FA; padding: 0 0.5rem 0 0.625rem; overflow: hidden; line-height: 2; }
|
||||
|
||||
/* Main */
|
||||
.main { -moz-flex-grow: 1; -ms-flex-grow: 1; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-shrink: 1; -ms-flex-negative: 1; flex-shrink: 1; width: 100%; padding: 0 0 2.9375rem 0; }
|
||||
.main .banner img { display: block; width: 100%; }
|
||||
.nav { height: 2.75rem; border-bottom: 0.125rem solid #f0f0f0; }
|
||||
.nav ul { display: -moz-flex; display: -ms-flex; display: -webkit-box; display: -ms-flexbox; display: flex; }
|
||||
.nav ul li { -moz-flex: 1; -ms-flex: 1; -webkit-box-flex: 1; flex: 1; margin: 0 0.5rem; }
|
||||
.nav ul li a { display: block; text-align: center; line-height: 2.625rem; color: inherit; }
|
||||
.nav ul li.active { border-bottom: 0.125rem solid #fe3535; }
|
||||
.nav ul li.active a { color: #fe3535; }
|
||||
.gamelist .item { display: -moz-flex; display: -ms-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -moz-align-items: center; -ms-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; overflow: hidden; padding: 0.75em; border-bottom: 0.0625rem solid #f0f0f0; }
|
||||
.gamelist .item .part1 { width: 3.125rem; height: 3.125rem; overflow: hidden; }
|
||||
.gamelist .item .part1 img { width: 100%; }
|
||||
.gamelist .item .part2 { -moz-flex: 1; -ms-flex: 1; -webkit-box-flex: 1; flex: 1; padding: 0 0.75em; }
|
||||
.gamelist .item .part2 > * { height: 1.5625rem; line-height: 1.5625rem; overflow: hidden; font-size: 14px;}
|
||||
.gamelist .item .part2 .title .tag-hot { background: #0093ce; }
|
||||
.gamelist .item .part2 .title .tag-elite { background: #6D16BF; }
|
||||
.gamelist .item .part2 .title .tag-orange { background: #efa521; }
|
||||
.gamelist .item .part2 .title .tag-only { background: #C33418; }
|
||||
.gamelist .item .part2 .title .tag-coupon { background: #2697FC; }
|
||||
.gamelist .item .part2 .intro { color: #1e9fff; font-size: 0.75rem; }
|
||||
.gamelist .item .part2 .bar { height: 0.375rem; border: 0.0625rem solid #f0f0f0; border-radius: 0.1875rem; }
|
||||
.gamelist .item .part2 .bar i { background-color: #fe3535; display: block; height: 100%; }
|
||||
.gamelist .item .part3 { width: 3rem; }
|
||||
.gamelist .item .part3 a { display: block; height: 1.5rem; font-size: 0.85rem; text-align: center; background: #fe3535; color: #ffffff; line-height: 1.5rem; border-radius: 1rem; }
|
||||
.notice { -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; position: fixed; opacity: 0; z-index: 10000; top: -80px; left: 10px; width: 95%; background: #ffffff; border-radius: 0.125rem; padding: 0.5rem; font-size: 0.875rem; }
|
||||
.notice .icon { padding: 0 0.5rem; color: #f0ad4e; }
|
||||
.notice.show { opacity: 1; top: 10px; display: block; }
|
||||
.loadmore { text-align: center; font-size: 0.75rem; color: rgba(0, 0, 0, 0.3); padding: 1rem 0; }
|
||||
|
||||
/* Footer */
|
||||
.footer { -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); position: fixed; width: 100%; max-width: 40rem; bottom: 0; left: 50%; height: 3rem; background: #ffffff; border-top: 0.0625rem solid #e5e5e7; }
|
||||
.footer ul { display: -moz-flex; display: -ms-flex; display: -webkit-box; display: -ms-flexbox; display: flex; }
|
||||
.footer ul li { -moz-flex: 1; -ms-flex: 1; -webkit-box-flex: 1; flex: 1; color: #888888; }
|
||||
.footer ul li.active { color: #fe3535; }
|
||||
.footer ul li a { display: block; text-align: center; color: inherit; padding: 0.5rem 0; }
|
||||
.footer ul li a span { display: block; line-height: 1; font-size: 0.75rem; }
|
||||
.footer ul li a span.icon { font-size: 1.25rem; }
|
||||
|
||||
/* User Center */
|
||||
.usercenter h1 { background: #fe3535; height: 5rem; font-size: 1rem; text-align: center; color: white; padding-top: 1rem; -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.1); }
|
||||
.usercenter .userinfo { display: -moz-flex; display: -ms-flex; display: -webkit-box; display: -ms-flexbox; display: flex; background: #FFFFFF; -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15); border-radius: 0.8rem; margin: -2rem 1rem 0; width: calc(100% - 2rem); max-width: 38rem; height: 6rem; overflow: hidden; }
|
||||
.usercenter .userinfo .info { -moz-flex: 1; -ms-flex: 1; -webkit-box-flex: 1; flex: 1; display: -moz-flex; display: -ms-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -moz-align-items: center; -ms-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
|
||||
.usercenter .userinfo .info .face { width: 4rem; margin: 1rem; border-radius: 50%; }
|
||||
.usercenter .userinfo .name { font-size: 1.125rem; color: rgba(0, 0, 0, 0.9); line-height: 2rem; }
|
||||
.usercenter .userinfo .account { font-size: 0.75rem; color: rgba(0, 0, 0, 0.5); font-weight: 100; }
|
||||
.usercenter .userinfo .buttons { border-left: 1px solid rgba(0, 0, 0, 0.1); width: 5rem; }
|
||||
.usercenter .userinfo .buttons a { display: block; height: 3rem; line-height: 3rem; color: rgba(0, 0, 0, 0.9); font-size: 0.75rem; text-align: center; border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
|
||||
.usercenter .userinfo .buttons a:last-child { border-bottom: none; color: #d0021b; }
|
||||
.usercenter .bangding { display: -moz-flex; display: -ms-flex; display: -webkit-box; display: -ms-flexbox; display: flex; background: #FFFFFF; -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15); border-radius: 0.2rem; width: calc(100% - 2rem); margin: 0.5rem 1rem; }
|
||||
.usercenter .bangding li { -moz-flex: 1; -ms-flex: 1; -webkit-box-flex: 1; flex: 1; }
|
||||
.usercenter .bangding li img { -moz-filter: grayscale(100%); -webkit-filter: grayscale(100%); -ms-filter: grayscale(100%); filter: grayscale(100%); display: block; width: 2.25rem; margin: 0.5rem auto 0; }
|
||||
.usercenter .bangding li span { display: block; text-align: center; font-size: 0.75rem; line-height: 1.5rem; padding-bottom: 0.5rem; color: rgba(0, 0, 0, 0.5); }
|
||||
.usercenter .bangding li.active img { -moz-filter: none; -webkit-filter: none; -ms-filter: none; filter: none; }
|
||||
.usercenter .bangding li.active span { color: rgba(0, 0, 0, 0.9); }
|
||||
.usercenter .tips { background: #FFFFFF; -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15); border-radius: 0.2rem; width: calc(100% - 2rem); margin: 0.5rem 1rem; padding: 1rem 0.5rem; text-align: center; }
|
||||
.usercenter .tips a { padding: 0 0.5rem; }
|
||||
.usercenter .void { display: -moz-flex; display: -ms-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -moz-align-items: center; -ms-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -moz-justify-content: center; -ms-justify-content: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -moz-flex-direction: column; -ms-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; min-height: calc(100vh - 12rem); margin-top: -3rem; }
|
||||
.usercenter .void .icon { font-size: 6rem; line-height: 1; color: #eef0f0; }
|
||||
.usercenter .void > p { padding: 0 0 3rem; color: #888888; }
|
||||
.usercenter .void .button { width: 45%; }
|
||||
.usercenter .boxa {
|
||||
display:flex;
|
||||
flex-direction: column;
|
||||
background: #FFFFFF;
|
||||
padding: 0.5rem 1rem 1rem;
|
||||
border-radius: 0.8rem;
|
||||
-webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15);
|
||||
box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15);
|
||||
margin: 0 1rem;
|
||||
margin-top: 15px;
|
||||
justify-content: center;
|
||||
align-items:center;
|
||||
/* height: 530px; */
|
||||
margin: -2rem 1rem 0;
|
||||
|
||||
}
|
||||
.usercenter .boxa .button {margin-top:10px; width:100%}
|
||||
.usercenter .disable { display: none; }
|
||||
.usercenter .gamelist h2 { display: -moz-flex; display: -ms-flex; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 1rem; line-height: 1rem; margin: 1.5rem 1rem; }
|
||||
.usercenter .gamelist h2 span { width: 0.25rem; height: 1rem; background: #fe3535; border-radius: 0.125rem; margin-right: 0.5rem; }
|
||||
.usercenter .gamelist .listbox { display: -moz-flex; display: -ms-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0rem 0.5rem 1rem; }
|
||||
.usercenter .gamelist .listbox > li { border-radius: 0.25rem; background-size: auto 120%; background-repeat: no-repeat; background-position: center bottom; width: calc(100%/4 - 1rem); min-height: 6rem; margin: 0rem 0.5rem 1rem 0.5rem; overflow: hidden; }
|
||||
.usercenter .gamelist .listbox .gameicon { background-color: rgba(0, 0, 0, 0.3); width: 100%; }
|
||||
.usercenter .gamelist .listbox .gameicon img { border-radius: 24%; border: 0.05rem solid #ffffff; width: 70%; margin: 15%; }
|
||||
.usercenter .gamelist .listbox .gamename { height: 1.5rem; line-height: 1.5rem; overflow: hidden; background: #000000; color: #888888; font-size: 0.75rem; text-align: center; line-height: 2; padding: 0 0.375rem; }
|
||||
.usercenter .gamelist .listbox .button { border-radius: 0; height: 2rem; line-height: 2rem; padding: 0; margin: 0; }
|
||||
|
||||
/* Gift */
|
||||
.giftcenter h1 { background: #fe3535; height: 5rem; font-size: 1rem; text-align: center; color: white; padding-top: 1rem; -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.1); }
|
||||
.giftcenter .giftbox { margin: -2rem 1rem 0; }
|
||||
.giftcenter .gift { background: #FFFFFF; border-radius: 0.8rem; -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15); overflow: hidden; padding: 0.5rem; margin-bottom: 0.5rem; }
|
||||
.giftcenter .gift .part1 { display: -moz-flex; display: -ms-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -moz-align-items: center; -ms-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
|
||||
.giftcenter .gift .part1 img { width: 3rem; }
|
||||
.giftcenter .gift .part1 h3 { -moz-flex: 1; -ms-flex: 1; -webkit-box-flex: 1; flex: 1; padding: 0 1rem; }
|
||||
.giftcenter .gift .part1 a { font-size: 0.875rem; color: rgba(0, 0, 0, 0.5); font-weight: 300; }
|
||||
.giftcenter .gift .part2 { margin-top: 0.5rem; display: none; }
|
||||
.giftcenter .gift .part2 .list { display: -moz-flex; display: -ms-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -moz-align-items: center; -ms-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-top: 0.05rem solid rgba(0, 0, 0, 0.1); padding: 0.5rem 0; }
|
||||
.giftcenter .gift .part2 .list .left { -moz-flex: 1; -ms-flex: 1; -webkit-box-flex: 1; flex: 1; padding-right: 0.5rem; text-align: justify; }
|
||||
.giftcenter .gift .part2 .list .type { font-size: 0.625rem; border: 0.05rem solid #f6b746; color: #f6b746; padding: 0 0.25rem; margin: 0 0.5rem 0 0; border-radius: 2px; }
|
||||
.giftcenter .gift .part2 .list .title { font-size: 0.875rem; line-height: 1.5rem; }
|
||||
.giftcenter .gift .part2 .list .text { font-size: 0.75rem; color: rgba(0, 0, 0, 0.3); font-weight: 100; }
|
||||
.giftcenter .gift .part2 .list .button { line-height: 1.75rem; padding: 0 1rem; height: 1.75rem; }
|
||||
.giftcenter .userinfo { display: -moz-flex; display: -ms-flex; display: -webkit-box; display: -ms-flexbox; display: flex; background: #FFFFFF; -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15); border-radius: 0.2rem; margin: -5rem 1rem 0; width: calc(100% - 2rem); max-width: 38rem; height: 6rem; overflow: hidden; }
|
||||
.giftcenter .userinfo .info { -moz-flex: 1; -ms-flex: 1; -webkit-box-flex: 1; flex: 1; display: -moz-flex; display: -ms-flex; display: -webkit-box; display: -ms-flexbox; display: flex; }
|
||||
.giftcenter .userinfo .info .face { width: 4rem; margin: 1rem; border-radius: 50%; }
|
||||
.giftcenter .userinfo .name { font-size: 1.25rem; color: rgba(0, 0, 0, 0.9); line-height: 2rem; padding-top: 2rem; }
|
||||
.giftcenter .userinfo .buttons { border-left: 1px solid rgba(0, 0, 0, 0.1); width: 5rem; }
|
||||
.giftcenter .userinfo .buttons a { display: block; height: 3rem; line-height: 3rem; color: rgba(0, 0, 0, 0.9); font-size: 0.75rem; text-align: center; border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
|
||||
.giftcenter .userinfo .buttons a:last-child { border-bottom: none; color: #d0021b; }
|
||||
|
||||
/* SideBox */
|
||||
body.gamepage { overflow: hidden; }
|
||||
.gameframe { position: absolute; top: 0; bottom: 0; left: 0; right: 0; }
|
||||
.slidebtn { background: #ffffff; border-radius: 50%; position: fixed; top: 20%; right: 0; width: 40px; height: 40px; z-index: 20000; overflow: hidden; }
|
||||
.slidebtn img { display: block; width: 100%; }
|
||||
.sidebox { -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; position: fixed; pointer-events: auto; top: 0; left: -100%; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); opacity: 0; }
|
||||
.sidebox.show { opacity: 1; left: 0; }
|
||||
.sidehead { background: #FFFFFF; width: 85%; max-width: 40rem; height: 8.25rem; overflow: hidden; }
|
||||
.sidehead .bluebg { background: #fe3535; height: 3rem; -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.1); }
|
||||
.sidehead .userinfo { background: #FFFFFF; -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15); border-radius: 0.2rem; margin: -2.5rem 0.5rem 0; width: calc(100% - 1rem); height: 4rem; overflow: hidden; }
|
||||
.sidehead .userinfo .info { -moz-flex: 1; -ms-flex: 1; -webkit-box-flex: 1; flex: 1; -moz-align-items: center; -ms-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
|
||||
.sidehead .userinfo .info .face { width: 2.5rem; margin: 0.5rem; border-radius: 50%; }
|
||||
.sidehead .userinfo .name { font-size: 1rem; color: rgba(0, 0, 0, 0.9); line-height: 1.5em; }
|
||||
.sidehead .userinfo .account { font-size: 0.75rem; color: rgba(0, 0, 0, 0.5); font-weight: 100; line-height: 1em; }
|
||||
.sidehead .userinfo .buttons { border-left: 1px solid rgba(0, 0, 0, 0.1); width: 4.5rem; }
|
||||
.sidehead .userinfo .buttons a { display: block; height: 2rem; line-height: 2rem; color: rgba(0, 0, 0, 0.9); font-size: 0.75rem; text-align: center; border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
|
||||
.sidehead .userinfo .buttons a:last-child { border-bottom: none; color: #d0021b; }
|
||||
.sidehead .tabs { display: -moz-flex; display: -ms-flex; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0.5rem 0.5rem 0; border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
|
||||
.sidehead .tabs li { -moz-flex: 1; -ms-flex: 1; -webkit-box-flex: 1; flex: 1; margin-bottom: -1px; }
|
||||
.sidehead .tabs li img { -moz-filter: grayscale(100%); -webkit-filter: grayscale(100%); -ms-filter: grayscale(100%); filter: grayscale(100%); display: block; width: 1.25rem; margin: 0.5rem auto 0; }
|
||||
.sidehead .tabs li span { display: block; text-align: center; font-size: 0.625rem; line-height: 1rem; padding-bottom: 0.25rem; color: rgba(0, 0, 0, 0.5); }
|
||||
.sidehead .tabs li.active { border-bottom: 2px solid #fe3535; }
|
||||
.sidehead .tabs li.active img { -moz-filter: none; -webkit-filter: none; -ms-filter: none; filter: none; }
|
||||
.sidehead .tabs li.active span { color: rgba(0, 0, 0, 0.9); }
|
||||
.sidemain { background: #FFFFFF; width: 85%; height: calc(100% - 8.25rem); overflow-y: auto; max-width: 40rem; }
|
||||
.sidemain h2.title { font-size: 0.75rem; margin: 1em 0rem; color: rgba(0, 0, 0, 0.5); }
|
||||
.sidemain h2.title span { width: 0.2rem; height: 1rem; background: #2697FC; border-radius: 0.125rem; margin-right: 0.5rem; }
|
||||
.sidemain .gamecustom { width: 60%; margin: 3rem auto; text-align: center; }
|
||||
.sidemain .gamecustom img { width: 50%; }
|
||||
.sidemain .gamecustom .txtkefu { border-top: 1px solid rgba(0, 0, 0, 0.1); padding: 1rem; color: rgba(0, 0, 0, 0.5); }
|
||||
.sidemain .moregame { padding: 0.5rem 1rem; }
|
||||
.sidemain .moregame .list { border-bottom: 0.05rem solid rgba(0, 0, 0, 0.1); padding: 0.5rem 0; font-size: 0.875rem; }
|
||||
.sidemain .moregame .gameicon { width: 2.5rem; border-radius: 0.5rem; margin-right: 0.5rem; }
|
||||
.sidemain .moregame .gamename { -moz-flex: 1; -ms-flex: 1; -webkit-box-flex: 1; flex: 1; overflow: hidden; white-space: nowrap; }
|
||||
.sidemain .moregame .gamebtn { font-size: 0.75rem; width: 4rem; text-align: center; }
|
||||
.sidemain .gamegift { padding: 0.5rem 1rem; }
|
||||
.sidemain .gamegift .list { border-bottom: 0.05rem solid rgba(0, 0, 0, 0.1); padding: 0.5rem 0; }
|
||||
.sidemain .gamegift .list .left { -moz-flex: 1; -ms-flex: 1; -webkit-box-flex: 1; flex: 1; padding-right: 0.3rem; text-align: justify; }
|
||||
.sidemain .gamegift .list .type { font-size: 0.625rem; border: 0.05rem solid #f6b746; color: #f6b746; padding: 0 0.15rem; margin: 0 0.2rem 0 0; border-radius: 2px; }
|
||||
.sidemain .gamegift .list .title { font-size: 0.75rem; line-height: 1.5rem; height: 1.5rem; overflow: hidden; text-align: justify; letter-spacing: -0.1em; }
|
||||
.sidemain .gamegift .list .text { font-size: 0.75rem; color: rgba(0, 0, 0, 0.3); font-weight: 300; text-align: justify; letter-spacing: -0.1em; height: 1.5em; line-height: 1.5em; overflow: hidden; }
|
||||
.sidemain .gamegift .list .button { line-height: 1.5rem; padding: 0 0.4rem; height: 1.5rem; font-size: 0.75rem; }
|
||||
.sidemain .gamebangding { padding: 0.5rem 1rem; }
|
||||
.sidemain .gamebangding .list { border-bottom: 0.05rem solid rgba(0, 0, 0, 0.1); padding: 0.5rem 0; font-size: 0.75rem; }
|
||||
.sidemain .gamebangding .list.active .gameicon { -moz-filter: none; -webkit-filter: none; -ms-filter: none; filter: none; }
|
||||
.sidemain .gamebangding .list.active .gamebtn { color: rgba(0, 0, 0, 0.3); }
|
||||
.sidemain .gamebangding .gameicon { -moz-filter: grayscale(100%); -webkit-filter: grayscale(100%); -ms-filter: grayscale(100%); filter: grayscale(100%); width: 1.5rem; border-radius: 0.5rem; margin: 0 0.5rem; }
|
||||
.sidemain .gamebangding .gamename { -moz-flex: 1; -ms-flex: 1; -webkit-box-flex: 1; flex: 1; }
|
||||
.sidemain .gamebangding .gamebtn { font-size: 0.75rem; width: 4rem; text-align: center; }
|
||||
|
||||
/* Dialogs */
|
||||
.wrapper .dialogs, .wrapper .loginbox { width: 80%; max-width: 18rem; border-radius: 0.8rem; }
|
||||
.wrapper .dialogs .layui-layer-title, .wrapper .loginbox .layui-layer-title { border-radius: 0.3rem 0.3rem 0 0; }
|
||||
.wrapper .dialogs h2.title, .wrapper .loginbox h2.title { color: rgb(245, 189, 16); font-size: 1.2rem; text-align: center; line-height: 2rem; margin-bottom: 1rem; }
|
||||
.wrapper .loginbox { background-color: rgba(255, 255, 255, 1); }
|
||||
.dialog { display: none; padding: 1rem .8rem 1.2rem; color: rgba(0, 0, 0, 0.9); }
|
||||
.dialog.account input[type="text"]:focus, .dialog.account input[type="password"]:focus, .dialog.account input[type="email"]:focus, .dialog.account input[type="tel"]:focus, .dialog.account input[type="search"]:focus, .dialog.account input[type="url"]:focus, .dialog.account select:focus, .dialog.account textarea:focus { border-color: #fe3535; }
|
||||
.dialog.account input { background-color: #f8f6f9; color: #272727; border-bottom: none; font-size: 14px; margin-bottom: .75rem; }
|
||||
.dialog.account .code { position: relative; }
|
||||
.dialog.account .code a {
|
||||
position: absolute;
|
||||
right: 20px;
|
||||
top: 5px;
|
||||
font-size: 14px;
|
||||
}
|
||||
.dialog.account .code a.disabled { cursor: default; color: #999; }
|
||||
.dialog.account .button { margin: 1rem 0 10px; font-size: inherit; background-color: rgb(245, 189, 16); -webkit-box-shadow: none; box-shadow: none; padding: 0; border-radius: .25rem;}
|
||||
.dialog.account .tips { font-size: 0.875rem; color: rgba(0, 0, 0, 0.3); padding: 1rem 0; }
|
||||
.dialog.account .third { display: -moz-flex; display: -ms-flex; display: -webkit-box; display: -ms-flexbox; display: flex; }
|
||||
.dialog.account .third a { -moz-flex: 1; -ms-flex: 1; -webkit-box-flex: 1; flex: 1; padding: 0; margin: 0; }
|
||||
.dialog.account .third img { display: block; margin: 0 auto; width: 2.25rem; }
|
||||
.dialog.account .inputbox { display: -moz-flex; display: -ms-flex; display: -webkit-box; display: -ms-flexbox; display: flex; }
|
||||
.dialog.account .inputbox input { -moz-flex: 1; -ms-flex: 1; -webkit-box-flex: 1; flex: 1; }
|
||||
.dialog.account .inputbox a { display: block; line-height: 2.5rem; padding: 0 0.5rem; color: #1296db; }
|
||||
.dialog.account a.back { display: inline-block; padding: 1rem 0; color: #1296db; }
|
||||
|
||||
.agree { font-size: 14px; text-align: center; }
|
||||
.agree a { text-decoration: underline; }
|
||||
.agree span {width:1rem;height:1rem;display:inline-block;padding:.08rem; vertical-align: sub; }
|
||||
.agree img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.forget_password { font-size: 14px; padding: 0 10px; overflow: hidden; }
|
||||
.forget_password a { color: #454545; }
|
||||
.forget_password .pull-left { float: left; }
|
||||
.forget_password .pull-right { float: right; }
|
||||
|
||||
.dialog.pay .info { background: rgba(10, 0, 50, 0.05); border-radius: 0.25rem; border: 0.05rem solid rgba(0, 0, 0, 0.2); margin: 0.5rem 0; text-align: center; }
|
||||
.dialog.pay .info p { font-size: 0.875rem; color: rgba(0, 0, 0, 0.5); line-height: 2rem; }
|
||||
.dialog.pay .info h4 { font-size: 1.5rem; line-height: 2.5rem; color: #CC0000; }
|
||||
.dialog.pay .btns { margin: 1rem -0.4rem; }
|
||||
.dialog.pay .btns a { -moz-flex: 1; -ms-flex: 1; -webkit-box-flex: 1; flex: 1; margin: 0 0.4rem; width: 4em; padding: 0; -webkit-box-shadow: none; box-shadow: none; }
|
||||
.dialog.pay .btns .weixinpay { background: #5CCC3D; }
|
||||
.dialog.pay .erweima img { display: block; width: 100%; max-width: 12.5rem; margin: 0 auto; }
|
||||
.dialog.pay .clause { display: block; text-align: center; font-size: 0.875rem; }
|
||||
.dialog.codeimg img { display: block; width: 12.5rem; margin: 0 auto; }
|
||||
.dialog.text { height: 30rem; }
|
||||
.dialog.text .content { height: calc(100% - 2rem); overflow-y: auto; font-size: 0.75rem; }
|
||||
.dialog.text .content p { padding: 1em 0; }
|
||||
.dialog.gift .content { text-align: center; }
|
||||
.dialog.gift .content h3 { font-size: 1.125rem; padding: 0 1rem 1rem; }
|
||||
.dialog.gift .content h3 span { font-size: 0.875rem; padding: 0.5rem; background: rgba(0, 0, 0, 0.1); border-radius: 0.2rem; }
|
||||
.dialog.gift .content p { font-size: 0.875rem; color: rgba(0, 0, 0, 0.3); }
|
||||
.dialog.gift .button { margin: 1rem 0 0; font-size: inherit; -webkit-box-shadow: none; box-shadow: none; padding: 0; }
|
||||
.dialog.close { padding: 0; border-radius: 0.3rem; overflow: hidden; }
|
||||
.dialog.close .download { background: url("../../images/dialogbg.png") no-repeat; background-size: cover; font-size: 0.875rem; line-height: 2.5em; margin: 0; padding: 1.5rem 1rem; text-align: center; }
|
||||
.dialog.close .download h2.title { padding: 1rem 0; margin: 0; }
|
||||
.dialog.close .download .button { height: 3em; line-height: 3em; }
|
||||
.dialog.close .btns .normal { -moz-flex: 1; -ms-flex: 1; -webkit-box-flex: 1; flex: 1; font-size: 0.875rem; color: rgba(0, 0, 0, 0.5); white-space: nowrap; padding: 0.8rem 0; text-align: center; border-right: 0.05rem solid rgba(0, 0, 0, 0.1); }
|
||||
.dialog.follow .content ol { counter-reset: section; width: 80%; margin: 0 0 0 20%; }
|
||||
.dialog.follow .content ol li { text-align: justify; line-height: 2.5; font-size: 0.875rem; }
|
||||
.dialog.follow .content ol li:before { content: counter(section); counter-increment: section; width: 2em; height: 2em; line-height: 2; text-align: center; font-size: 0.625rem; display: inline-block; margin: 0 1em 0 -3em; color: #ffffff; background: #fe3535; border-radius: 50%; overflow: hidden; }
|
||||
.dialog.follow .content .codeimg { margin: 1rem 0; text-align: center; border-top: 1px solid rgba(0, 0, 0, 0.3); }
|
||||
.dialog.follow .content .codeimg p { line-height: 4; }
|
||||
.dialog.follow .content .codeimg img { width: 80%; }
|
||||
|
||||
/* Game Page */
|
||||
.gameimg { display: block; min-height: 6rem; background: #fe3535; }
|
||||
.gameimg img { display: block; width: 100%; }
|
||||
.gameinfo { display: -moz-flex; display: -ms-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -moz-align-items: center; -ms-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #FFFFFF; border-radius: 0.2rem; -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15); padding: 0.5rem; position: relative; z-index: 1;flex-wrap:wrap; }
|
||||
.gameinfo .icon { width: 5.6rem; border-radius: 1rem; border: 0.3rem solid #FFFFFF; margin-top: -3rem; background: #FFFFFF; }
|
||||
.gameinfo .title { -moz-flex: 1; -ms-flex: 1; -webkit-box-flex: 1; flex: 1; margin: 0 0.5rem; }
|
||||
.gameinfo .title h3 { font-size: 1rem; height: 1.5em; line-height: 1.5em; overflow: hidden; }
|
||||
.gameinfo .title .tips { font-size: 0.75rem; color: rgba(0, 0, 0, 0.5); text-align: justify; height: 3em; line-height: 1.5em; overflow: hidden; }
|
||||
.gameinfo .button { height: 2.5rem; line-height: 2.5rem; padding: 0 1rem; border-radius: 0.6rem;}
|
||||
.gameintro { background: #FFFFFF; padding: 0.5rem 1rem 1rem; border-radius: 0.2rem;}
|
||||
.gameintro h3 { padding-left: 0.5rem; border-left: 0.3rem solid #fe3535; font-size: 1rem; line-height: 1em; margin-top: 10px; font-weight: bold;}
|
||||
.gameintro p { text-align: justify; color: rgba(0, 0, 0, 0.5); font-size: 0.875rem; }
|
||||
.gameintro1 { background: #FFFFFF; border-radius: 0.2rem; -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15); }
|
||||
.gameintro1 h3 { padding-left: 0.5rem; border-left: 0.3rem solid #fe3535; font-size: 1rem; line-height: 1em; margin-bottom: 10px; font-weight: bold;}
|
||||
.gameintro1 p { text-align: justify; color: rgba(0, 0, 0, 0.5); font-size: 0.875rem; }
|
||||
.gameimage { background: #FFFFFF; padding: 0.5rem 1rem 1rem; border-radius: 0.2rem; -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15);padding: 0.5rem 0.1rem 0.1rem 0.1rem; }
|
||||
.gameimage .scroll{width: 100%; overflow-x: scroll; white-space: nowrap;}
|
||||
.gameimage .scroll img{width:100px;}
|
||||
.gamenews { background: #FFFFFF; padding: 0.5rem 1rem 1rem; border-radius: 0.2rem; -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15); }
|
||||
.gamenews .tabs { display: -moz-flex; display: -ms-flex; display: -webkit-box; display: -ms-flexbox; display: flex; }
|
||||
.gamenews .tabs li { -moz-flex: 1; -ms-flex: 1; -webkit-box-flex: 1; flex: 1; text-align: center; font-size: 1rem; color: rgba(0, 0, 0, 0.3); margin: 0 1rem; height: 2.5rem; line-height: 2.5rem; border-bottom: 0.1rem solid rgba(0, 0, 0, 0.1); }
|
||||
.gamenews .tabs li.active { border-bottom: 0.1rem solid #fe3535; color: #fe3535; }
|
||||
.gamenews .box1 { margin-top: 0.5rem; }
|
||||
.gamenews .box1 .list { display: -moz-flex; display: -ms-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -moz-align-items: center; -ms-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: 0.05rem solid rgba(0, 0, 0, 0.1); padding: 0.5rem 0; }
|
||||
.gamenews .box1 .list .left { -moz-flex: 1; -ms-flex: 1; -webkit-box-flex: 1; flex: 1; padding-right: 0.5rem; text-align: justify; }
|
||||
.gamenews .box1 .list .type { font-size: 0.75rem; border: 0.05rem solid #f6b746; color: #f6b746; padding: 0 0.25rem; margin: 0 0.5rem 0 0; border-radius: 2px; }
|
||||
.gamenews .box1 .list .title { font-size: 0.875rem; line-height: 2rem; height: 2rem; overflow: hidden; }
|
||||
.gamenews .box1 .list .text { font-size: 0.75rem; color: rgba(0, 0, 0, 0.3); font-weight: 100; height: 1.5em; line-height: 1.5em; overflow: hidden; }
|
||||
.gamenews .box1 .list .button { line-height: 2rem; padding: 0 1rem; height: 2rem; }
|
||||
.gamenews .box2 { margin-top: 0.5rem; }
|
||||
.gamenews .box2 .list { display: -moz-flex; display: -ms-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -moz-align-items: center; -ms-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: 0.05rem solid rgba(0, 0, 0, 0.1); padding: 0.75rem 0; }
|
||||
.gamenews .box2 .list .type { font-size: 0.75rem; border: 0.05rem solid #f6b746; color: #f6b746; padding: 0 0.25rem; margin: 0 0.5rem 0 0; border-radius: 2px; }
|
||||
.gamenews .box2 .list .title { -moz-flex: 1; -ms-flex: 1; -webkit-box-flex: 1; flex: 1; font-size: 0.875rem; line-height: 2rem; height: 2rem; overflow: hidden; color: rgba(0, 0, 0, 0.9); }
|
||||
.gamenews .box2 .list .time { padding: 0 0 0 1rem; color: rgba(0, 0, 0, 0.3); font-size: 0.75rem; }
|
||||
|
||||
.gamenews1 { background: #FFFFFF; padding: 0.5rem 1rem 1rem; border-radius: 0.8rem; -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15); }
|
||||
.gamenews1 .tabs { display: -moz-flex; display: -ms-flex; display: -webkit-box; display: -ms-flexbox; display: flex; }
|
||||
.gamenews1 .tabs li { -moz-flex: 1; -ms-flex: 1; -webkit-box-flex: 1; flex: 1; text-align: center; font-size: 1rem; color: rgba(0, 0, 0, 0.3); margin: 0 1rem; height: 2.5rem; line-height: 2.5rem; border-bottom: 0.1rem solid rgba(0, 0, 0, 0.1); }
|
||||
.gamenews1 .tabs li.active { border-bottom: 0.1rem solid #fe3535; color: #fe3535; }
|
||||
.gamenews1 .box1 { margin-top: 0.5rem; }
|
||||
.gamenews1 .box1 .list { display: -moz-flex; display: -ms-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -moz-align-items: center; -ms-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: 0.05rem solid rgba(0, 0, 0, 0.1); padding: 0.5rem 0; }
|
||||
.gamenews1 .box1 .list .left { -moz-flex: 1; -ms-flex: 1; -webkit-box-flex: 1; flex: 1; padding-right: 0.5rem; text-align: justify; }
|
||||
.gamenews1 .box1 .list .type { font-size: 0.75rem; border: 0.05rem solid #f6b746; color: #f6b746; padding: 0 0.25rem; margin: 0 0.5rem 0 0; border-radius: 2px; }
|
||||
.gamenews1 .box1 .list .title { font-size: 0.875rem; line-height: 2rem; height: 2rem; overflow: hidden; }
|
||||
.gamenews1 .box1 .list .text { font-size: 0.75rem; color: rgba(0, 0, 0, 0.3); font-weight: 100; height: 1.5em; line-height: 1.5em; overflow: hidden; }
|
||||
.gamenews1 .box1 .list .button { line-height: 2rem; padding: 0 1rem; height: 2rem; }
|
||||
.gamenews1 .box2 { margin-top: 0.5rem; }
|
||||
.gamenews1 .box2 .list { display: -moz-flex; display: -ms-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -moz-align-items: center; -ms-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: 0.05rem solid rgba(0, 0, 0, 0.1); padding: 0.75rem 0; }
|
||||
.gamenews1 .box2 .list .type { font-size: 0.75rem; border: 0.05rem solid #f6b746; color: #f6b746; padding: 0 0.25rem; margin: 0 0.5rem 0 0; border-radius: 2px; }
|
||||
.gamenews1 .box2 .list .title { -moz-flex: 1; -ms-flex: 1; -webkit-box-flex: 1; flex: 1; font-size: 0.875rem; line-height: 2rem; height: 2rem; overflow: hidden; color: rgba(0, 0, 0, 0.9); }
|
||||
.gamenews1 .box2 .list .time { padding: 0 0 0 1rem; color: rgba(0, 0, 0, 0.3); font-size: 0.75rem; }
|
||||
|
||||
/* News Page */
|
||||
.news { padding: 1rem 1rem 1rem; font-size: 0.875rem; font-weight: 100; }
|
||||
.news .title { font-size: 1rem; text-align: left; color: #fe3535; line-height: 2rem; position: relative; text-align: center; font-weight: bold;}
|
||||
.news .title2 { font-size: 1rem; text-align: left; color: rgba(0, 0, 0, 0.9); line-height: 2rem; position: relative; text-align: center; font-weight: bold;}
|
||||
.news .title a { position: absolute; left: 0.5rem; font-size: 0.875rem; color: #fe3535; }
|
||||
.news .time { font-size: 0.875rem; text-align: right; color: rgba(0, 0, 0, 0.3); line-height: 1rem; border-bottom: 0.05rem solid rgba(0, 0, 0, 0.1); padding-bottom: 1rem; margin-bottom: 1rem; }
|
||||
.news img { max-width: 100%; padding: 0.5rem 0; }
|
||||
.news p { text-align: justify; padding: 0.5rem; }
|
||||
/* News Page */
|
||||
.news { padding: 1rem 1rem 1rem; font-size: 0.875rem; font-weight: 100; }
|
||||
.news .title1 { font-size: 1.35rem; text-align: left; color: rgba(0, 0, 0, 0.9); line-height: 2rem; position: relative; text-align: center; border-bottom: 1px solid #eee;}
|
||||
.news .title2 { font-size: 1rem; text-align: left; color: rgba(0, 0, 0, 0.9); line-height: 2rem; position: relative; text-align: center; font-weight: bold;}
|
||||
.news .title1 a { position: absolute; left: 0.5rem; font-size: 0.875rem; color: #fe3535; }
|
||||
.news .time { font-size: 0.875rem; text-align: right; color: rgba(0, 0, 0, 0.3); line-height: 1rem; border-bottom: 0.05rem solid rgba(0, 0, 0, 0.1); padding-bottom: 1rem; margin-bottom: 1rem; }
|
||||
.news img { max-width: 100%; padding: 0.5rem 0; }
|
||||
.news p { text-align: justify; padding: 0.5rem; }
|
||||
.mask-img {
|
||||
display: none;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 99998;
|
||||
background: rgba(0,0,0,.2);
|
||||
}
|
||||
|
||||
.picture{
|
||||
display: none;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0px;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
text-align: center;
|
||||
background: #666666ab;
|
||||
z-index: 99999;
|
||||
justify-content:center;
|
||||
align-items: center;
|
||||
}
|
||||
.picture .phone{
|
||||
width:90%;
|
||||
max-width:480px;
|
||||
}
|
||||
.pagebg1 {
|
||||
background: #FFFFFF;
|
||||
padding-bottom: 1rem;
|
||||
}
|
||||
|
||||
.copyright {
|
||||
position: fixed;
|
||||
bottom: 20px;
|
||||
font-size: 14px;
|
||||
width: 100%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
text-align: center;
|
||||
}
|
||||
.copyright, .copyright a { color: #928b74; }
|
||||
143
static/home/css/Gw.css
Normal file
@@ -0,0 +1,143 @@
|
||||
/*<2A><>¼<EFBFBD>ɹ<EFBFBD><C9B9><EFBFBD>css<73><73>ʽ*/
|
||||
.loged{padding:0 0 27px 15px;}
|
||||
.loged li{color:#fff;;}
|
||||
.loged li a{color:#fff;}
|
||||
#logout{color:#ddd075;}
|
||||
.loged li a:hover{text-decoration: underline;}
|
||||
/*<2A><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>б<EFBFBD><D0B1><EFBFBD>ʽ*/
|
||||
.quickJump ul li{height: 40px;line-height: 40px;font-size: 14px;}
|
||||
.quickJump ul li a:hover{color:#ddd075;text-decoration: underline;}
|
||||
/*<2A>õ<EFBFBD>CSS*/
|
||||
#slideBox {width: 506px;height: 286px;position: relative;}
|
||||
#slideBox .hd {padding: 0;position: absolute;bottom: 5px;right: 5px;z-index: 2;width: auto;height: auto;background: none;}
|
||||
#slideBox ul {}
|
||||
#slideBox .hd li {margin: 0 3px 0 0;float: left;list-style: none;width: 18px;height: 18px;line-height: 18px;background: #000;color: #fff;font-size: 11px;font-family:Arial;cursor: pointer;text-align: center;border: 1px solid #E6CAB4;}
|
||||
#slideBox .bd ul, #slider .bd li {margin: 0;padding: 0;list-style: none;}
|
||||
#slideBox .bd li {width: 506px;height: 286px;overflow: hidden;}
|
||||
#slideBox .bd li img {width: 506px;height: 286px;}
|
||||
#slideBox .hd li.on{background:#f15900; color:#fff;}
|
||||
|
||||
|
||||
/*ͷ<><CDB7><EFBFBD>ײ<EFBFBD><D7B2><EFBFBD>ʽ*/
|
||||
*{margin: 0;padding: 0;}
|
||||
#top{position:relative;z-index: 100;width: 100%;font-size: 12px;color:#666;background: url("../img/ytbg.gif") repeat-x;height: 38px;}
|
||||
.top-wrap a{font-size: 12px;color:#666;text-decoration: none;}
|
||||
.top-wrap{width: 1000px;margin: 0 auto;position: relative;}
|
||||
|
||||
.top-wrap .show-flash{position: absolute;left: 0;top: -2px;width: 1000px;height: 188px;z-index: 9999;display: none;}
|
||||
.top-wrap .default-flash{width: 360px;height: 38px;}
|
||||
.top-wrap .top-log{width: 124px;height: 35px;display: block;float: left;/*background:url("../img/top-logo.png") no-repeat 0 0;*/}
|
||||
.top-wrap .top-log a{width: 100%;height: 100%;display: block}
|
||||
.top-wrap .top-flash{width: 360px;height: 38px;float: left;margin: 0 150px 0 40px;}
|
||||
.top-wrap .top-flash object{width: 100%;height: 100%;display: block}
|
||||
.top-wrap .top-other{position: absolute;right: 93px;height: 38px;line-height: 38px;z-index: 15}
|
||||
.top-wrap .top-other .top-login{color:#3c3c3c;text-align: center;}
|
||||
.top-wrap .top-other .fenge{margin: 0 6px;}
|
||||
.top-wrap .top-other .top-login:hover{text-decoration: underline;}
|
||||
.top-loginCon{position: absolute;width:206px;top:10px;left: 0;display: none;}
|
||||
.top-loginCon .top-longin-t{width: 206px;border-bottom: 1px solid #d5d5d5;height: 35px;}
|
||||
.top-loginCon .top-longin-t a{width: 38px;height: 35px;border: 1px solid #999;background: #FFF;display: block;border-bottom:none;text-align: center;line-height: 23px;font-weight: bold;color: #000;}
|
||||
.top-loginCon .layer{padding: 10px;border:1px solid #999;border-top: none;text-align: center;background: #fff}
|
||||
.top-loginCon input{width: 100%;height: 24px;;display:block;line-height: 24px;outline: none;margin-bottom: 5px;border: 1px solid #eee;}
|
||||
.top-loginCon .forget{text-align: right;display: block;margin-bottom:5px;height: 15px;line-height: 15px;color: #000}
|
||||
.top-loginCon .forget:hover{text-decoration: underline}
|
||||
.top-loginCon .top-submit{display: block;height: 30px;margin: 0 auto;background: #da3a0e;text-align: center;overflow: hidden;border-radius: 5px;line-height: 30px;color:#fff}
|
||||
.top-loginCon .top-submit:hover{}
|
||||
.top-other .top-register{margin-right: 20px;color:#3c3c3c;}
|
||||
.top-other .top-pay{margin-right: 20px;display: inline-block;background: url("../img/tubiaoji.png") no-repeat 0 -168px;padding-left: 15px;}
|
||||
.top-other .top-pay:hover{background-position: 0px -459px;}
|
||||
.top-other .top-kefu{display:inline-block;margin-right:15px;background: url("../img/tubiaoji.png") no-repeat 0 -218px;padding-left: 15px;}
|
||||
.top-other .top-kefu:hover{background-position: 0 -506px;}
|
||||
.top-other .top-register:hover,.top-other .top-pay:hover,.top-other .top-kefu:hover{text-decoration: underline}
|
||||
.top-wrap .mobile-game {height: 38px;line-height: 38px;width: 68px;padding-left: 25px;position: absolute;right: -90px;background: url(../img/icon-8.png) 5px -201px no-repeat;z-index: 10;}
|
||||
.top-wrap .mobile-game:hover{background-position: -89px -201px;}
|
||||
.top-wrap .g-all-game {height: 38px;line-height: 38px;width: 68px;padding-left: 25px;position: absolute;right: 0;background: url(../img/icon-8.png) 5px -87px no-repeat;z-index: 10;}
|
||||
.top-wrap .g-all-game.active {background: url(../img/icon-8.png) -88px -87px no-repeat;background-color: #fff;border: 1px solid #d9d9d9;box-shadow: 0 -3px 3px rgba(0,0,0,.2);}
|
||||
.top-wrap .g-all-game-list {width: 760px;height: 262px;position: absolute;right: 0;top: 38px;background: #fff;border: 1px solid #d9d9d9;box-shadow: 0 0 3px rgba(0,0,0,.2);display: none;line-height: 30px;z-index: 999}
|
||||
.top-wrap .g-all-game-list .g-all-game-img {width: 400px;height: 262px;position: absolute;left: 0;top: 0;}
|
||||
.top-wrap .g-all-game-list .g-all-game-img .all-game-txt {width: 215px;height: 100px;line-height: 20px;overflow: hidden;color: #6c6c6c;
|
||||
position: absolute;
|
||||
left: 17px;
|
||||
top: 130px;
|
||||
}
|
||||
.g-all-game-list .all-game-hot {
|
||||
width: 330px;
|
||||
left: 400px;
|
||||
padding: 0 30px;
|
||||
font-size: 14px;
|
||||
}
|
||||
.g-all-game-list dl {
|
||||
height: 262px;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
}
|
||||
.g-all-game-list dt {
|
||||
height: 44px;
|
||||
font: 700 14px/44px 'Microsoft Yahei','\5b8b\4f53';
|
||||
color: #6c6c6c;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.all-game-hot a{font-size: 12px;}
|
||||
|
||||
.all-game-hot dd.last-dd {
|
||||
width: 300px;
|
||||
clear: both;
|
||||
text-align: right;
|
||||
}
|
||||
.all-game-hot dd {
|
||||
width: 110px;
|
||||
height: 23px;
|
||||
line-height:23px;
|
||||
float: left;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
#footer_b {width: 100%;background:#eee;padding: 40px 0;text-align: center;font-size: 14px;color: #666;}
|
||||
#footer_b .top {width: 560px;height: 50px;overflow: hidden;margin: 0 auto;}
|
||||
#footer_b .footer_logo {/*background: url("../img/jt602logo.png") no-repeat;*/float: left;}
|
||||
#footer_b .footer_link {float: left;height: 35px;line-height: 35px;}
|
||||
#footer_b .footer_logo_a {width: 30px;height: 35px;display: block;overflow: hidden;margin-left: 108px;text-indent: -1000px;}
|
||||
#footer_b .footer_info {width: 100%;overflow: hidden;line-height: 24px;}
|
||||
#footer_b .footer_link a, #footer_b .footer_link a:hover {color: #666;}
|
||||
#footer_b .footer_link a:hover {text-decoration: underline;}
|
||||
#footer_b .footer_1002{width: 100%;}
|
||||
/*<2A><><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʽ*/
|
||||
.vido{position:fixed;width:100%;height: 100%;left: 0;top: 0;background: rgba(0,0,0,0.4);display: none;z-index: 999}
|
||||
.closed{top: -5px;right: -49px;display: block;width: 44px; height: 44px;background: url(../img/gb.jpg) no-repeat;z-index: 9;position: absolute}
|
||||
.vido_m{width: 100%;height: 100%;overflow: hidden;background: #ffffff;}
|
||||
.vido .layer{width:400px;height:250px;margin-left:-200px;margin-top:-125px; position: absolute;left: 50%;top: 50%;border: 5px solid #505050;background: #fff;}
|
||||
.vido_m .closed{top: -5px;right: -49px;display: block;width: 44px; height: 44px;background: url(../img/gb.jpg) no-repeat;z-index: 9;position: absolute}
|
||||
|
||||
.user_box{border-radius: 5px;}
|
||||
.form_item{margin: 15px 0 15px 0;}
|
||||
.form_item label{height: 25px;line-height: 25px;width: 60px;display: inline-block;text-align: right;margin-right: 10px;font-size: 14px;}
|
||||
.form_item input{height: 25px;line-height: 25px;width:220px;font-size: 14px;border: 1px solid #999}
|
||||
.login_links{margin:20px 0 20px 35px; }
|
||||
.login_links input{float:left;margin-top: 3px;}
|
||||
.login_links a{margin-left: 10px;font-size: 12px;text-decoration: none;color: #666666;}
|
||||
.user_submit{display:block; width: 196px;height: 38px;border:none;text-indent: -999px;cursor: pointer;background: url(../img/btn.jpg) no-repeat 0 0;margin: 0 auto;}
|
||||
.user_submit:hover{background-position: 0 100%;}
|
||||
|
||||
.loged-panel li{font-size: 14px;color:#fff;overflow: hidden;line-height: 21px;}
|
||||
.loged-panel .logout{color:red}
|
||||
|
||||
body{font-family:"Microsoft Yahei",SimSun; color:#464646;}
|
||||
body,div,ul,li{padding:0px; margin:0px;}
|
||||
img {border:0px;}
|
||||
ul,li{list-style-type:none;}
|
||||
#newsList{padding-top: 33px;font-size: 12px;}
|
||||
#newsList li{height: 26px;line-height: 26px;overflow: hidden;}
|
||||
#newsList li a{color:#b3b3b3;text-decoration:none;}
|
||||
#newsList li a:hover{color:#fff;}
|
||||
#newsList span{float:right;color:#fff}
|
||||
|
||||
.log-box{padding: 30px 0 10px 20px;;position: relative}
|
||||
.log-box .mr{margin-bottom: 10px;}
|
||||
.log-box .mr input{width: 148px;height:25px;line-height: 25px;background: #d1d1d1;color: #333;border-radius:3px;padding-left: 5px}
|
||||
.log-box .login-btn{position:absolute;left:190px;top:30px;width: 76px;height: 68px;background: url(../img/icon.png) -28px -263px;cursor: pointer}
|
||||
.log-box .login-btn:hover{-webkit-filte:brightness(1.1); filter:brightness(1.1);}
|
||||
.log-box .other {overflow: hidden;font-size: 12px;color: #fff;}
|
||||
.log-box .other a{color: #fff}
|
||||
.log-box .other>div{float:left;margin-right: 8px;height: 20px;line-height: 13px;}
|
||||
.log-box .other>div input{-webkit-appearance:checkbox;}
|
||||
17
static/home/css/base.css
Normal file
@@ -0,0 +1,17 @@
|
||||
body, h1, h2, h3, h4, p, a, input, img, ul, li, ol, dl, dt, dd { margin: 0; padding: 0;word-break: break-all;}
|
||||
body { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;min-width: 1280px; height: auto; }
|
||||
a{text-decoration:none; cursor: pointer; }
|
||||
em { font-style: normal; }
|
||||
ul, li, ol { list-style: none; }
|
||||
img { border: 0; }
|
||||
em,i{font-style:normal;}
|
||||
input { outline: none; }
|
||||
.clearfix::after,.listNy::after,.yy-list::after{ content: ""; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden; zoom: 1; }
|
||||
.fl { float: left; }
|
||||
.fr { float: right; }
|
||||
body { font-family: "微软雅黑","PingFang SC", "Microsoft YaHei", Helvetica, Tahoma, Arial, "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei"; }
|
||||
header, footer, section, nav, main, aside, article { display: block; }
|
||||
body { font-size: 14px; color: #555555; position: relative; }
|
||||
.cyou_bottom { background-color: #282725; color: #626262; }
|
||||
img{ display: block; }
|
||||
.wrapSj{display:none;}
|
||||
125
static/home/css/idangerous.swiper2.7.6.css
Normal file
@@ -0,0 +1,125 @@
|
||||
/*
|
||||
* Swiper 2.7.6
|
||||
* Mobile touch slider and framework with hardware accelerated transitions
|
||||
*
|
||||
* http://www.idangero.us/sliders/swiper/
|
||||
*
|
||||
* Copyright 2010-2015, Vladimir Kharlampidi
|
||||
* The iDangero.us
|
||||
* http://www.idangero.us/
|
||||
*
|
||||
* Licensed under GPL & MIT
|
||||
*
|
||||
* Released on: February 11, 2015
|
||||
*/
|
||||
/* ===============================================================
|
||||
Basic Swiper Styles
|
||||
================================================================*/
|
||||
.swiper-container {
|
||||
margin:0 auto;
|
||||
position:relative;
|
||||
overflow:hidden;
|
||||
direction:ltr;
|
||||
-webkit-backface-visibility:hidden;
|
||||
-moz-backface-visibility:hidden;
|
||||
-ms-backface-visibility:hidden;
|
||||
-o-backface-visibility:hidden;
|
||||
backface-visibility:hidden;
|
||||
/* Fix of Webkit flickering */
|
||||
z-index:1;
|
||||
}
|
||||
.swiper-wrapper {
|
||||
position:relative;
|
||||
width:100%;
|
||||
-webkit-transition-property:-webkit-transform, left, top;
|
||||
-webkit-transition-duration:0s;
|
||||
-webkit-transform:translate3d(0px,0,0);
|
||||
-webkit-transition-timing-function:ease;
|
||||
|
||||
-moz-transition-property:-moz-transform, left, top;
|
||||
-moz-transition-duration:0s;
|
||||
-moz-transform:translate3d(0px,0,0);
|
||||
-moz-transition-timing-function:ease;
|
||||
|
||||
-o-transition-property:-o-transform, left, top;
|
||||
-o-transition-duration:0s;
|
||||
-o-transform:translate3d(0px,0,0);
|
||||
-o-transition-timing-function:ease;
|
||||
-o-transform:translate(0px,0px);
|
||||
|
||||
-ms-transition-property:-ms-transform, left, top;
|
||||
-ms-transition-duration:0s;
|
||||
-ms-transform:translate3d(0px,0,0);
|
||||
-ms-transition-timing-function:ease;
|
||||
|
||||
transition-property:transform, left, top;
|
||||
transition-duration:0s;
|
||||
transform:translate3d(0px,0,0);
|
||||
transition-timing-function:ease;
|
||||
|
||||
-webkit-box-sizing: content-box;
|
||||
-moz-box-sizing: content-box;
|
||||
box-sizing: content-box;
|
||||
}
|
||||
.swiper-free-mode > .swiper-wrapper {
|
||||
-webkit-transition-timing-function: ease-out;
|
||||
-moz-transition-timing-function: ease-out;
|
||||
-ms-transition-timing-function: ease-out;
|
||||
-o-transition-timing-function: ease-out;
|
||||
transition-timing-function: ease-out;
|
||||
margin: 0 auto;
|
||||
}
|
||||
.swiper-slide {
|
||||
float: left;
|
||||
-webkit-box-sizing: content-box;
|
||||
-moz-box-sizing: content-box;
|
||||
box-sizing: content-box;
|
||||
}
|
||||
|
||||
/* IE10 Windows Phone 8 Fixes */
|
||||
.swiper-wp8-horizontal {
|
||||
-ms-touch-action: pan-y;
|
||||
}
|
||||
.swiper-wp8-vertical {
|
||||
-ms-touch-action: pan-x;
|
||||
}
|
||||
|
||||
/* ===============================================================
|
||||
Your custom styles, here you need to specify container's and slide's
|
||||
sizes, pagination, etc.
|
||||
================================================================*/
|
||||
.swiper-container {
|
||||
/* Specify Swiper's Size: */
|
||||
|
||||
/*width:200px;
|
||||
height: 100px;*/
|
||||
}
|
||||
.swiper-slide {
|
||||
/* Specify Slides's Size: */
|
||||
|
||||
/*width: 100%;
|
||||
height: 100%;*/
|
||||
}
|
||||
.swiper-slide-active {
|
||||
/* Specific active slide styling: */
|
||||
|
||||
}
|
||||
.swiper-slide-visible {
|
||||
/* Specific visible slide styling: */
|
||||
|
||||
}
|
||||
/* ===============================================================
|
||||
Pagination Styles
|
||||
================================================================*/
|
||||
.swiper-pagination-switch {
|
||||
/* Stylize pagination button: */
|
||||
|
||||
}
|
||||
.swiper-active-switch {
|
||||
/* Specific active button style: */
|
||||
|
||||
}
|
||||
.swiper-visible-switch {
|
||||
/* Specific visible button style: */
|
||||
|
||||
}
|
||||
317
static/home/css/index.css
Normal file
@@ -0,0 +1,317 @@
|
||||
.main-wrap { position: relative; }
|
||||
.wrap{ position: relative; height: 100%; }
|
||||
.section{ width: 100%;}
|
||||
.section.sec1{background: url(../img/banner_top.jpg) top center no-repeat;}
|
||||
.container{width:1200px;margin:0 auto;position:relative;}
|
||||
.section.sec1 .container{height: 364px;}
|
||||
.logo{position:absolute;top:14px;left:32px;}
|
||||
.menu-list{ position:absolute;right:0;top: 26px; }
|
||||
.menu-list li {width: 120px; float: left; text-align: center;}
|
||||
.menu-list a { color: #ccc; font-size: 15px; text-align: center;}
|
||||
.menu-list a:hover{ color: #e1bc98; }
|
||||
.menu-list span{ font-family: Arial; color: #999; font-size: 12px; text-align: center; }
|
||||
.download{ position: absolute; top:584px;left:0; padding: 50px 0 0 20px; width: 399px; height: 190px; }
|
||||
.download img { border: 10px solid #fff;height: 152px; }
|
||||
.b_down { margin-left: 14px; }
|
||||
.b_down a{overflow:hidden;text-indent:-9999px;display:block;background:url(../img/download.jpg) no-repeat; width: 200px;height: 51px;}
|
||||
.b_down a+a{margin-top:10px;}
|
||||
.b_down .i-b_ios{background-position: 0 -60px;}
|
||||
.b_down .i-b_pc{background-position: 0 -120px;}
|
||||
.b_down .i-b_android:hover{background-position:-204px 0px;}
|
||||
.b_down .i-b_ios:hover{background-position:-204px -60px;}
|
||||
.b_down .i-b_pc:hover{background-position:-204px -120px;}
|
||||
|
||||
.btns { position: absolute; top:584px; right: 60px; }
|
||||
.btns a { margin: 5px 0;display:block; }
|
||||
|
||||
.section.sec2{background: url(../img/sec2.jpg) top center no-repeat;height:1638px;}
|
||||
.sec2Top{height:300px;width:100%; padding-top: 40px;}
|
||||
.banner { width: 520px; height: 300px; position: relative; background: url(../img/banner.jpg) top center no-repeat;}
|
||||
.banner .banner_swiper{position: absolute;top: 7px;}
|
||||
.banner .banner_swiper img, .banner .banner_swiper{height: 286px; width:506px;}
|
||||
.banner .pagination{z-index: 100;position: absolute;height:36px;width:100%;left:0;bottom:0;background: url(../img/pagination.jpg) top center no-repeat;}
|
||||
.banner .pagination .swiper-pagination-switch{float: left; height: 36px; line-height: 36px; width: 25%; text-align: center;color: #dbc2a5; font-size: 14px; cursor: pointer;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;}
|
||||
.banner .pagination .swiper-active-switch {background: url(../img/banneract.jpg) top center no-repeat;}
|
||||
|
||||
.news{width:665px;height:300px;background: url(../img/news.jpg) top center no-repeat;position:relative;}
|
||||
.news .newsTab{background: url(../img/tab.jpg) repeat-x;}
|
||||
.more1{width: 45px;height: 20px;position: absolute;display: block;right: 18px;top: 18px;background: url(../img/sp.png) -811px -324px no-repeat;overflow: hidden;transition: all .3s;text-indent: -9999px;}
|
||||
.more1:hover{right: 21px;}
|
||||
.section.secRole{background: url(../img/secrole.jpg) top center no-repeat;}
|
||||
.section.secRole .container{height:468px;}
|
||||
.b_nextTop{position: absolute;top:55px;color: #787878;right: 605px; display: flex;}
|
||||
|
||||
.xszdBox{height: 429px;float: left;width: 390px;}
|
||||
.xszdBoxXZD{width: 390px;height:308px;background: url(../img/xszdboxxzd.jpg) no-repeat;overflow:hidden;}
|
||||
.xszdBoxXZD ul{margin-top: 91px;float: left;margin-left: 42px;height: 216px;}
|
||||
.xszdBoxXZD li{width:148px;height:56px;float:left;margin-right:12px;margin-bottom:13px;}
|
||||
.xszdBoxXZD li a{width:148px;height:56px;float:left;background:url(../img/xszdn.jpg) no-repeat;overflow:hidden;text-indent:-99999px;}
|
||||
.xszdBoxXZD li a.zd2{background-position:-160px 0px;}
|
||||
.xszdBoxXZD li a.zd3{background-position: 0px -69px;}
|
||||
.xszdBoxXZD li a.zd4{background-position: -160px -69px;}
|
||||
.xszdBoxXZD li a.zd5{background-position:0px -138px;}
|
||||
.xszdBoxXZD li a.zd6{background-position: -160px -138px;}
|
||||
.xszdNav{height:101px;width:100%;margin-top: 20px;}
|
||||
.xszdNav a{float:left;width:124px;height:101px;background:url(../img/xszdnav.jpg) no-repeat; overflow:hidden;text-indent:-999px;}
|
||||
.xszdNav a+a{margin-left:9px;}
|
||||
.xszdNav a.n2{background-position:-133px 0px;}
|
||||
.xszdNav a.n3{background-position:-266px 0px;}
|
||||
|
||||
.roleBox{height:429px;width:100%;padding-top:40px;}
|
||||
.role{ width:790px; height: 429px;background: url(../img/role.jpg) no-repeat;float:right;}
|
||||
.role .role_swiper,.wrapper{ position: relative; width: 100%; height: 100%;}
|
||||
.role .pagination a { position: absolute; top: 186px; z-index: 100; }
|
||||
.role .pagination a i { display: block; margin:25px 0 0 36px; }
|
||||
.role .pagination a.i-b_pre { left: 0; }
|
||||
.role .pagination a.i-b_next { right: 0; }
|
||||
.role .pagination a.i-b_next i { margin-left: 20px; }
|
||||
.role .slide { width: 100%; height: 429px; position: absolute; top: 0; display: none; }
|
||||
.role .slide.show { display: block; }
|
||||
.role .content {width: 100%;height: 429px; margin: 0 auto;position: relative; }
|
||||
.role .content p { -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; -webkit-writing-mode: tb-rl; writing-mode: tb-rl; margin: 0 5px; }
|
||||
.role .content p span { display: inline-block; }
|
||||
.role .content .explain { height: 512px;background:url(../img/explain.jpg) no-repeat; width: 132px;position: absolute;right: 672px;top: -25px;color: #9c9690; }
|
||||
.role .content .explain .i-r_zs, .role .content .explain .i-r_fs, .role .content .explain .i-r_ds { margin:22px auto; }
|
||||
.role .content .explain p { height: 348px; margin: 20px 0 0 27px;line-height: 25px;}
|
||||
.role .content .i-r_w { margin: 5px 0 40px; }
|
||||
.role .content .btns { height: 100%; }
|
||||
.role .content .to_detail { padding: 6px; height: 70px; border: 1px solid #b76048; color: #b76048; -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; -webkit-writing-mode: tb-rl; writing-mode: tb-rl; }
|
||||
.roleBoxRw{width:440px;height:392px;position: absolute;right: 130px;bottom: 20px;}
|
||||
.wrapperNav{width:82px;position:absolute;top:82px;right:30px;}
|
||||
.wrapperNav a{width:82px;float:left;height:82px;margin-bottom:8px;background:url(../img/wrappernav.png) no-repeat;overflow:hidden;text-indent:-9999px;}
|
||||
.wrapperNav a.nZ{background-position: -87px 0;}
|
||||
.wrapperNav a.nF{background-position:-86px -88px}
|
||||
.wrapperNav a.nD{background-position:-86px -180px}
|
||||
.wrapperNav a.nZ.act{background-position:0 0;}
|
||||
.wrapperNav a.nF.act{ background-position: 0px -88px;}
|
||||
.wrapperNav a.nD.act{background-position:0px -180px}
|
||||
|
||||
.rtImg{float:right;position: relative;z-index: 99;}
|
||||
.roleBoxBg{width: 260px;position: absolute;-webkit-filter: blur(7px); -moz-filter: blur(7px); -o-filter: blur(7px);-ms-filter: blur(7px);filter: blur(7px);top: 14px;right: 132px;}
|
||||
.roleBoxBg img{width:100%;}
|
||||
.zsMan{background:url(../img/zs_m_1.png) no-repeat}
|
||||
.zsWoman{background:url(../img/zs_w_1.png) no-repeat;}
|
||||
|
||||
.main-wrap .news, .main-wrap .gl { width: 660px; }
|
||||
.main-wrap .news .box, .main-wrap .gl .box { margin-top: .3rem; background-color: #fff; }
|
||||
.roleTab{height: 118px;position: absolute; z-index: 999;width: 50px;right: 540px;top: 54px;}
|
||||
.roleTab a{width: 50px;height: 50px;margin-bottom:10px;float:left;background:url(../img/sp.png) -808px -159px no-repeat;color:#908a84;font-size:14px;text-align:center;line-height:50px;}
|
||||
.roleTab a.i-r_w_a,.roleTab a.i-r_m_a{background-position:-808px -100px;color:#ddc2a5;}
|
||||
.main-wrap .i-more2 { position: absolute; top: 17px; right: 0; transition: all .3s; overflow:hidden;text-indent:-999px;}
|
||||
.main-wrap .i-more2:hover { right: 3px; }
|
||||
.section.sec3{background: url(../img/sec3.jpg) top center no-repeat;}
|
||||
.section.sec3 .container{height:1256px;}
|
||||
.xtjs,.wfjs{width:521px;height:168px;}
|
||||
.wfjs{background:url(../img/wfjs.jpg) no-repeat;}
|
||||
.xtjs{background:url(../img/xtjs.jpg) no-repeat;margin-top: 7px;}
|
||||
|
||||
|
||||
.ctZl{padding-top:40px;width:100%;}
|
||||
.yxzl,.yxgl{position: relative;}
|
||||
.i-t_yxgl,.i-t_yxzl{margin-bottom: 20px;overflow:hidden;text-indent:-9999px;}
|
||||
.yxzl .i-bc_m{width: 520px;}
|
||||
.yxzl .link{color: #766e66;padding: 32px 20px 0 193px;line-height: 36px;}
|
||||
.yxzl .link p{height: 30px; line-height: 30px; font-size:16px;}
|
||||
.yxzl .link span{ display: block; float: left; margin: 0 3px; }
|
||||
.yxzl .link a{color: #766e66; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s;font-size:16px; }
|
||||
.yxzl .link a:hover { color: #C4AF91;}
|
||||
.yxgl .i-bc_m{width:660px; height: 343px;background:url(../img/yxgl.jpg) no-repeat;position:relative;}
|
||||
.yxzl .link a.linkMore{background: #766E66;color: #0E0805;font-size: 12px;padding: 3px 8px;}
|
||||
|
||||
.yxgl .tab,.news .newsTab{height: 45px; width: 648px;position: absolute;left: 5px;top: 7px;}
|
||||
.yxgl .tab{background:url(../img/yxglx.jpg) repeat-x;}
|
||||
.yxgl .tab a,.news .newsTab a{padding: 0 15px;height:45px;text-align:center;line-height:45px;color:#6f645c;font-size:18px;float: left;}
|
||||
.yxgl .tab a.act,.news .newsTab a.act{background:url(../img/tabact.jpg) repeat-x;color:#ddceb9;}
|
||||
.yxgl .slide,.news .newSlide{width:596px;position:absolute;left:50%;margin-left:-298px;top:62px;display:none;}
|
||||
.yxgl .slide ul li,.news .newSlide ul li{height:35px;width:100%;line-height:35px;}
|
||||
.yxgl .slide ul li+li,.news .newSlide ul li+li{border-top:1px dashed #322D2A;}
|
||||
.yxgl .slide ul li a,.news .newSlide ul li a{color:#a0887a;font-size:14px;}
|
||||
.yxgl .slide ul li a span,.news .newSlide ul li a span{float:right;}
|
||||
.yxgl .slide ul li a:hover,.news .newSlide ul li a:hover{color:#d0b9aa;}
|
||||
.system {margin-top: 20px;margin-bottom:70px;}
|
||||
.system li { float: left; position: relative; }
|
||||
.system li .left { padding: 30px 0 0 10px; width: 50%; }
|
||||
.system li .left h4 { margin: 0 auto 10px; position: relative; left: 0; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; -webkit-transition-delay: .3s; -o-transition-delay: .3s; transition-delay: .3s; }
|
||||
.system li .left a { width: 75px; height: 20px; border: 1px solid #8f6b56; color: #8f6b56; line-height: 20px; text-align: center; display:block;border-radius: 10px; margin: 0 auto; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
|
||||
.system li .left a:hover { color: #d0b9aa; border: 1px solid #d0b9aa; }
|
||||
.system li .img { position: absolute; top: 72px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 7%; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
|
||||
.system li:hover h4 { left: -5px; }
|
||||
.system li:hover .img { -webkit-transform: translateY(-50%) scale(1.1); -ms-transform: translateY(-50%) scale(1.1); transform: translateY(-50%) scale(1.1); }
|
||||
.yyzx { width: 651px; position: relative; }
|
||||
.yyzx .video_box{ background:url(../img/video_box.jpg) no-repeat;height:241px;width:651px;}
|
||||
.i-t_yyzx,.phb .i-t_phb,.mrt .i-t_mrt{margin-bottom:20px;overflow:hidden;text-indent:-9999px;}
|
||||
.yyzx .video {width: 633px;height: 224px;position: relative;overflow: hidden;margin: 8px 9px;float: left;}
|
||||
.descrip{ width: 100%; height: 30px; line-height: 30px; text-align: center; background-color: rgba(0, 0, 0, 0.7); color: #B59C7D; position: absolute; bottom: -30px; z-index: 100; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; }
|
||||
.yyzx .video img { width: 100%; position: absolute; top: 0;-webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
|
||||
.yyzx .video:hover img { -webkit-transform: translateY(0) scale(1.1); -ms-transform: translateY(0) scale(1.1); transform: translateY(0) scale(1.1); }
|
||||
.yyzx .video:hover .descrip { bottom: 0; }
|
||||
.yyzx .i-mask { position: absolute; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 10; }
|
||||
.yyzx .i-b_player, .yyzx .i-b_watch { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 100; }
|
||||
.yyzx .pic_box { margin-top: 12px; }
|
||||
.yyzx .pic_box li {width: 256px; height:210px;float: left;background:url(../img/pic_box.jpg) no-repeat;position:relative;}
|
||||
.yyzx .pic_box li+li{margin-left:8px;}
|
||||
.yyzx .pic_box .content {width: 239px;height: 195px;overflow: hidden;left: 8px;position: absolute;top: 7px;}
|
||||
.yyzx .pic_box .content img{width: 100%; height:100%; position: absolute; top:0;-webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
|
||||
.yyzx .pic_box .content .i-b_watch { display: none; z-index: 1000; }
|
||||
.yyzx .pic_box .content .descrip { bottom: 0; background-color: transparent; }
|
||||
.yyzx .pic_box .content .i-mask { height: 30px; bottom: 0; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
|
||||
.yyzx .pic_box .content:hover img { -webkit-transform: translateY(0%) scale(1.1); -ms-transform: translateY(0%) scale(1.1); transform: translateY(0%) scale(1.1); }
|
||||
.yyzx .pic_box .content:hover .descrip { bottom: 20px; }
|
||||
.yyzx .pic_box .content:hover .i-mask { height: 100%; }
|
||||
.yyzx .pic_box .content:hover .i-b_watch { display: block; }
|
||||
.mrt { width: 520px; position: relative; margin-left: 29px; }
|
||||
.mrt .player,.phb .i-bc_m{background:url(../img/gy.jpg) no-repeat;width:520px;height:241px;}
|
||||
.mrt .player ul{margin: 23px 16px;
|
||||
float: left;}
|
||||
.mrt .player li {height:194px; width:229px;margin:0 7px; float: left;overflow: hidden; position: relative;background:#4D4D4D;}
|
||||
.mrt .player li img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; width: 100%;}
|
||||
.mrt .player li .descrip { bottom: 0; }
|
||||
.mrt .player li a:hover img { -webkit-transform: translate(-50%, -50%) scale(1.1); -ms-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1); }
|
||||
.mrt .player li a{width:280px;height:200px;display:block;}
|
||||
.phb { width: 320px; position: relative; }
|
||||
.phb .phbWrap{width:280px;padding:20px;}
|
||||
.phb .select { color: #b59c7d;font-size:14px;text-align: center; height: 30px; line-height: 30px;width:100%; }
|
||||
.phb .select select{ outline: none;background:url(../img/select.jpg) no-repeat; height: 30px; width: 72px; text-align: center; text-indent: 5px; border: 0 none; background-color: #015d4c; color: #000;}
|
||||
.phb .select select option{background:#fff;}
|
||||
.phb .rank li.title { background:url(../img/rank.jpg) no-repeat; margin: 20px 0 10px;}
|
||||
.phb .rank li.title p{color:#000;}
|
||||
.phb .rank li p { float: left; height: 32px; line-height: 32px; color: #6c5d4a; text-align: center; }
|
||||
.phb .rank li p i { display: block; margin: 0 auto; line-height: 22px; color: #ffd200; }
|
||||
.phb .rank li .num { width: 20%; }
|
||||
.phb .rank li .ser { width: 30%; }
|
||||
.phb .rank li .name { width: 50%; }
|
||||
.mask {display: none; position: fixed; top: 0; left: 0; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 1000; }
|
||||
.mask a { display: block; }
|
||||
.mask .close { height: 40px; width: 40px; background-color: #b10808; position: absolute; top: 0; right: -40px; }
|
||||
.mask .close span { display: block; margin: 11px 0 0 11px; -webkit-transition: all .7s; -o-transition: all .7s; transition: all .7s; }
|
||||
.mask .close:hover span { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
|
||||
.message_mask { display: none; width: 420px; height: 300px; padding: 19px; background-color: #fff; position: absolute; top: 30%; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
|
||||
.message_mask .content { width: 400px; height: 280px; border: 1px solid #dfdfdf; position: relative; padding: 10px 10px; }
|
||||
.message_mask .content .i-b_submit { margin: 0 auto; }
|
||||
.message_mask .content p { text-align: center; line-height: 26px; color: #666666; }
|
||||
.message_mask .content textarea { display: block; margin: 10px auto 15px; width: 370px; font-size: 14px; border: 1px solid #dfdfdf; background-color: #f5f5f5; }
|
||||
.message_mask .content span { display: block; position: absolute; width: 8px; height: 8px; }
|
||||
.message_mask .content .tl { background-color: #fff; border-right: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; top: -1px; left: -1px; }
|
||||
.message_mask .content .tr { background-color: #fff; border-left: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; top: -1px; right: -1px; }
|
||||
.message_mask .content .bl { background-color: #fff; border-right: 1px solid #dfdfdf; border-top: 1px solid #dfdfdf; bottom: -1px; left: -1px; }
|
||||
.message_mask .content .br { background-color: #fff; border-left: 1px solid #dfdfdf; border-top: 1px solid #dfdfdf; bottom: -1px; right: -1px; }
|
||||
|
||||
.ImgBoxBottom{padding-top:40px;width:100%;height:290px;}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/*******内页*****/
|
||||
.main{width:1280px;margin:0 auto;position:relative;}
|
||||
.nyTop{background:url(../img/ny.jpg) top center no-repeat;}
|
||||
.nyTop .main{height:980px;}
|
||||
.nyBottom{background:url(../img/nybottom.jpg) top center no-repeat;}
|
||||
.nyBottom .main{height:818px;}
|
||||
.nyBox{top:-400px;position:absolute;left:0;width:100%;}
|
||||
.nyLeft{border:1px solid #49403A;background:#291815;width:238px;height:398px;float:left;}
|
||||
.nyRight{float:right;background:#0E0805;width:1040px;height:1160px;}
|
||||
.nyEwm{width:100%;height:210px;margin-top:5px;position:relative;}
|
||||
.nyEwm .downloadEwm{position:absolute;top:0;left:10px;background: url(../img/sp.png) -639px 0px no-repeat;width: 34px;height: 212px;z-index:9;}
|
||||
.nyEwm img{height: 170px;width: 170px;border: 2px solid #000;left: 38px;top: 10px;position: absolute;padding: 5px;background: #fff;}
|
||||
.nyLeft .b_down{margin:5px auto 0 auto;width: 200px;}
|
||||
/*.nyLeft .b_down .i-b_ios {margin: 8px 0 0 -8px;}*/
|
||||
.listRtxt{height:60px;width:1000px;background:url(../img/listrtxt.jpg) no-repeat;padding:0 20px;}
|
||||
.listRtxtName{float:left;}
|
||||
.listRtxtName span{color: #956c51;font-size: 12px;line-height: 67px;margin-left: 5px;}
|
||||
.listRtxtName h3{color:#b59c7d;font-size:24px;line-height:60px;float:left;font-family:SimSun;}
|
||||
.listRtxt p{float:right;line-height:60px;color:#9e8564;font-size:14px;height: 60px;}
|
||||
.listRtxt p a{color:#9e8564;}
|
||||
.listRtxt p a:hover{text-decoration:underline;}
|
||||
|
||||
.listNy{padding:30px 60px;}
|
||||
.listNyTab{border-bottom:1px solid #464646;width:100%;height:58px;line-height:58px;margin-right:15px;}
|
||||
.listNyTab a{display:inline-block;width:120px;color:#585857;font-size:18px;text-align:center;float: left;}
|
||||
.listNyTab a.act,.listNyTab a:hover{border-bottom:2px solid #986449;color:#986449;height:57px;}
|
||||
.listNyList{float: left; margin-top: 20px; width: 100%;height:auto;}
|
||||
.listNyList li{ width: 100%;float: left;height: 50px;line-height: 50px;color: #3B3B3B;border-bottom:1px dashed #3B3B3B;}
|
||||
.listNyList li a{font-size:14px;color:#616161;}
|
||||
.listNyList li a:hover,.listNyPage a:hover{color:#986449}
|
||||
.listNyList li p{margin-right:5px;font-size:14px;float:left;width:850px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
|
||||
.listNyList li span{color:#666;float:right;font-size:14px;}
|
||||
.listNyPage{width:100%;text-align:center;height:28px;line-height:28px;font-size:14px;padding:40px 0; float: left;}
|
||||
.listNyPage a{ padding:0 3px; color: #555;}
|
||||
.listNyPage a:hover{text-decoration:underline;}
|
||||
|
||||
.nyTit{border-bottom:1px solid #2D2D2D;height:112px;text-align:center;}
|
||||
.nyTit h3{color:#888;font-size:22px;width:100%;float:left;padding-top: 30px;padding-bottom: 5px;overflow:hidden;text-overflow: ellipsis;white-space: nowrap}
|
||||
.nyTit p{width:100%;float:left;color:#565656;font-size:14px;}
|
||||
.nyTxt{width: 100%;color: #fff;font-size: 14px;line-height: 26px;margin-top: 30px;max-height: 860px;overflow-y: auto;}
|
||||
.nyTxt img{max-width:698px;display:block;margin:10px auto;}
|
||||
.nyTxt p{text-indent:2em;padding:10px 0;}
|
||||
.page_ny_xq_zhm {text-align: center;background:#383838;color: #fff;font-size: 14px;font-weight: bold;padding:30px; line-height:36px;width: 100%;}
|
||||
.page_ny_xq span {display: inline-block;color: #8d8d8d;width: 33.33%;margin-top: 20px;}
|
||||
.page_ny_xq_zhm a {display: inline-block;vertical-align: middle;width: 78px;height: 26px;line-height: 26px;background-color: #A71E18;border-radius: 3px;font-size: 12px;color: #fff;margin-left: 6px;}
|
||||
.page_ny_xq_zhm a:hover{background:#AF8C32}
|
||||
.page_ny_xq_zhm select,.page_ny_xq_zhm input{width: 200px; height: 24px;line-height: 24px;}
|
||||
.picBox{width:100%;float:left;}
|
||||
.picBox ul{width:948px;}
|
||||
.picBox ul li{float: left;margin-right: 20px;margin-bottom: 20px;width:243px;height:207px;overflow:hidden; text-align: center;}
|
||||
.picBox ul li img{width: 243px;height:173px;}
|
||||
.nyTxt::-webkit-scrollbar{border-radius: 10px;width: 5px;height: 5px;}
|
||||
.nyTxt::-webkit-scrollbar-track{background-color:#2B2A28;border-radius: 5px;}
|
||||
.nyTxt::-webkit-scrollbar-thumb{background-color:#666;border-radius: 5px;}
|
||||
.gift-list{width:100%;overflow:hidden;}
|
||||
.gift-lb{padding: 40px;float: left;}
|
||||
.gift-lb li{width:300px;height: 160px;float: left;margin: 10px;background:url(../img/gift-lb.jpg) no-repeat;}
|
||||
.gift-way{margin:18px}
|
||||
.game-gift-name{color:#f5f5f5;width:100%;margin-bottom:6px;display:block;line-height:25px;font-size:18px;overflow:hidden}
|
||||
|
||||
.gift-way .info{height:48px;line-height:20px;overflow:hidden;color:#f5f5f5;font-size:14px;}
|
||||
.surplus{position:relative;margin-top:10px;color:#b06832;line-height:35px}
|
||||
.ling-gift-btn{position:absolute;top:0;right:0;padding:0 28px;border:1px solid #8fd33e;font-size:14px;display:block;color:#8fd33e;text-align:center;line-height: 30px;height:30px;}
|
||||
.ling-gift-btn:hover{background:#8fd33e;color:#363636;}
|
||||
.gift-tc{display:none;}
|
||||
.tcbg{background-color:#000;width:100%;height:100%;left:0;top:0;filter:alpha(opacity=50);-moz-opacity:.5;-khtml-opacity:.5;opacity:.5;z-index:99;position:fixed;}
|
||||
.tc-n{position:fixed;left:50%;top:50%;margin-left:-350px;margin-top:-83px;width:690px;height:156px;z-index:999;background:#313131;border:5px solid #4A4A4A;}
|
||||
.gift-close{width:40px;height:40px;position:absolute;right: -45px;top: -5px;background:#986449 url(../img/tc-close.png) no-repeat;}
|
||||
.tc-sr{margin-top: 24px;}
|
||||
.tc-sr p{color:#fff;text-align:center;height:30px;line-height:30px;margin-bottom:15px;font-size:24px;}
|
||||
.tc-sr p input{border:0;text-align: center;color:#000;height:30px;width:290px;margin-right:15px;}
|
||||
.tc-sr p span{height:30px;background:#DB5E41;width:100px;color:#fff;text-align:center;line-height:30px;cursor:pointer;font-size: 12px;padding: 7px 12px;}
|
||||
|
||||
.yy-list{float: left;width: 100%;overflow: hidden;margin-top:40px;}
|
||||
.yy-list ul{float: left;width: 928px;height:714px;}
|
||||
.yy-list ul li{width:220px;float:left;margin-right:12px;overflow:hidden;height: 192px;margin-bottom:33px;}
|
||||
.yy-list ul li img{width:220px;float:left;height:145px;}
|
||||
.yy-list ul li i{width: 100%;display: block;font-size: 14px;line-height: 21px;margin-top: 3px;float:left;}
|
||||
.yy-list ul li a{color:#645443;display:block;float:left;}
|
||||
.yy-list ul li a:hover{color:#956c51;}
|
||||
|
||||
/******2020.6.24********/
|
||||
.gzhBox{width:120px;height:152px;background:url(../img/gzh.jpg) no-repeat;}
|
||||
.gzhBox img{width:104px;height:104px;padding:40px 8px 8px 8px;}
|
||||
|
||||
|
||||
#dlq_url{
|
||||
overflow: hidden;
|
||||
text-indent: -9999px;
|
||||
display: block;
|
||||
background: url(../img/download.png) no-repeat;
|
||||
width: 120px;
|
||||
height: 40px;
|
||||
}
|
||||
#dlq_url:hover {
|
||||
background-position: -125px 0;
|
||||
}
|
||||
|
||||
/*开始游戏*/
|
||||
.start_btn{ width: 200px; height: 100px; background-position:0 0; position: absolute; bottom: 20px; left: 20%; overflow: hidden; text-indent: -100px;}
|
||||
.start_btn:hover, .log_btn:hover, .ser_btn:hover, .ban:hover{-webkit-filte:brightness(1.1); filter:brightness(1.1);}
|
||||
.ico {background: url(../img/icon.png) no-repeat; background-size: 105%; }
|
||||
|
||||
|
||||
407
static/home/css/sprite.css
Normal file
@@ -0,0 +1,407 @@
|
||||
|
||||
|
||||
.i-b_message:hover {
|
||||
background-image: url('../img/sp.png');
|
||||
background-position: -193px -629px;
|
||||
width: 120px;
|
||||
height: 40px;
|
||||
}
|
||||
|
||||
.i-b_message {
|
||||
background-image: url('../img/sp.png');
|
||||
background-position: -484px -485px;
|
||||
width: 120px;
|
||||
height: 40px;
|
||||
}
|
||||
|
||||
.i-b_next {
|
||||
background-image: url('../img/sp.png');
|
||||
background-position: -104px -390px;
|
||||
width: 93px;
|
||||
height: 87px;
|
||||
}
|
||||
|
||||
.i-b_player {
|
||||
background-image: url('../img/sp.png');
|
||||
background-position: -678px -341px;
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
}
|
||||
|
||||
.i-b_pre {
|
||||
background-image: url('../img/sp.png');
|
||||
background-position: -202px -390px;
|
||||
width: 93px;
|
||||
height: 87px;
|
||||
}
|
||||
|
||||
.i-b_server:hover {
|
||||
background-image: url('../img/sp.png');
|
||||
background-position: -443px -629px;
|
||||
width: 120px;
|
||||
height: 40px;
|
||||
}
|
||||
|
||||
.i-b_server {
|
||||
background-image: url('../img/sp.png');
|
||||
background-position: -318px -629px;
|
||||
width: 120px;
|
||||
height: 40px;
|
||||
}
|
||||
|
||||
.i-b_submit {
|
||||
background-image: url('../img/sp.png');
|
||||
background-position: -339px -485px;
|
||||
width: 140px;
|
||||
height: 50px;
|
||||
}
|
||||
|
||||
.i-b_submit:hover {
|
||||
background-image: url('../img/sp.png');
|
||||
background-position: -194px -485px;
|
||||
width: 140px;
|
||||
height: 50px;
|
||||
}
|
||||
|
||||
.i-b_watch {
|
||||
background-image: url('../img/sp.png');
|
||||
background-position: -763px -213px;
|
||||
width: 45px;
|
||||
height: 39px;
|
||||
}
|
||||
|
||||
.download {
|
||||
background-image: url('../img/sp.png');
|
||||
background-position: 0px 0px;
|
||||
width: 420px;
|
||||
height: 240px;
|
||||
}
|
||||
|
||||
.i-bc_s {
|
||||
background-image: url('../img/sp.png');
|
||||
background-position: 0px -245px;
|
||||
width: 240px;
|
||||
height: 140px;
|
||||
}
|
||||
|
||||
.i-close {
|
||||
background-image: url('../img/sp.png');
|
||||
background-position: -819px -350px;
|
||||
width: 17px;
|
||||
height: 18px;
|
||||
}
|
||||
|
||||
.i-i_bj {
|
||||
background-image: url('../img/sp.png');
|
||||
background-position: -678px -259px;
|
||||
width: 75px;
|
||||
height: 77px;
|
||||
}
|
||||
|
||||
.i-i_cp {
|
||||
background-image: url('../img/sp.png');
|
||||
background-position: -89px -485px;
|
||||
width: 100px;
|
||||
height: 79px;
|
||||
}
|
||||
|
||||
.i-i_sl {
|
||||
background-image: url('../img/sp.png');
|
||||
background-position: 0px -485px;
|
||||
width: 84px;
|
||||
height: 102px;
|
||||
}
|
||||
|
||||
.i-i_xy {
|
||||
background-image: url('../img/sp.png');
|
||||
background-position: 0px -394px;
|
||||
width: 99px;
|
||||
height: 90px;
|
||||
}
|
||||
|
||||
.i-i_ys {
|
||||
background-image: url('../img/sp.png');
|
||||
background-position: -678px 0px;
|
||||
width: 80px;
|
||||
height: 98px;
|
||||
}
|
||||
|
||||
.i-icon1 {
|
||||
background-image: url('../img/sp.png');
|
||||
background-position: -796px -350px;
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
}
|
||||
|
||||
.i-icon1_a {
|
||||
background-image: url('../img/sp.png');
|
||||
background-position: -834px -83px;
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
}
|
||||
|
||||
.i-icon_bc {
|
||||
background-image: url('../img/sp.png');
|
||||
background-position: -763px -298px;
|
||||
width: 2px;
|
||||
height: 158px;
|
||||
}
|
||||
|
||||
.i-icon_tj {
|
||||
background-image: url('../img/sp.png');
|
||||
background-position: -763px -83px;
|
||||
width: 66px;
|
||||
height: 31px;
|
||||
}
|
||||
|
||||
.i-logo {
|
||||
background-image: url('../img/sp.png');
|
||||
background-position: -245px -245px;
|
||||
width: 174px;
|
||||
height: 91px;
|
||||
}
|
||||
|
||||
.i-more1 {
|
||||
background-image: url('../img/sp.png');
|
||||
background-position: -815px -330px;
|
||||
width: 35px;
|
||||
height: 7px;
|
||||
}
|
||||
|
||||
.i-more2 {
|
||||
background-image: url('../img/sp.png');
|
||||
background-position: -770px -330px;
|
||||
width: 40px;
|
||||
height: 15px;
|
||||
}
|
||||
|
||||
.i-mouse_b {
|
||||
background-image: url('../img/sp.png');
|
||||
background-position: -763px -166px;
|
||||
width: 48px;
|
||||
height: 42px;
|
||||
}
|
||||
|
||||
.i-mouse_w {
|
||||
background-image: url('../img/sp.png');
|
||||
background-position: -763px -119px;
|
||||
width: 48px;
|
||||
height: 42px;
|
||||
}
|
||||
|
||||
.i-r_ds {
|
||||
background-image: url('../img/sp.png');
|
||||
background-position: -95px -629px;
|
||||
width: 93px;
|
||||
height: 56px;
|
||||
}
|
||||
|
||||
.i-r_fs {
|
||||
background-image: url('../img/sp.png');
|
||||
background-position: 0px -697px;
|
||||
width: 88px;
|
||||
height: 59px;
|
||||
}
|
||||
|
||||
.i-r_m {
|
||||
background-image: url('../img/sp.png');
|
||||
background-position: -816px -166px;
|
||||
width: 35px;
|
||||
height: 36px;
|
||||
}
|
||||
|
||||
.i-r_m_a {
|
||||
background-image: url('../img/sp.png');
|
||||
background-position: -813px -213px;
|
||||
width: 35px;
|
||||
height: 36px;
|
||||
}
|
||||
|
||||
.i-r_w {
|
||||
background-image: url('../img/sp.png');
|
||||
background-position: -763px -257px;
|
||||
width: 35px;
|
||||
height: 36px;
|
||||
}
|
||||
|
||||
.i-r_w_a {
|
||||
background-image: url('../img/sp.png');
|
||||
background-position: -816px -119px;
|
||||
width: 35px;
|
||||
height: 36px;
|
||||
}
|
||||
|
||||
.i-r_zs {
|
||||
background-image: url('../img/sp.png');
|
||||
background-position: 0px -629px;
|
||||
width: 90px;
|
||||
height: 63px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.i-rank2 {
|
||||
background-image: url('../img/sp.png');
|
||||
background-position: -770px -350px;
|
||||
width: 21px;
|
||||
height: 26px;
|
||||
}
|
||||
|
||||
.i-rank3 {
|
||||
background-image: url('../img/sp.png');
|
||||
background-position: -835px -257px;
|
||||
width: 21px;
|
||||
height: 26px;
|
||||
}
|
||||
|
||||
.i-s_bj {
|
||||
background-image: url('../img/sp.png');
|
||||
background-position: -88px -697px;
|
||||
width: 105px;
|
||||
height: 36px;
|
||||
}
|
||||
|
||||
.i-s_cp {
|
||||
background-image: url('../img/sp.png');
|
||||
background-position: -203px -697px;
|
||||
width: 96px;
|
||||
height: 36px;
|
||||
}
|
||||
|
||||
.i-s_sl {
|
||||
background-image: url('../img/sp.png');
|
||||
background-position: -563px -629px;
|
||||
width: 112px;
|
||||
height: 36px;
|
||||
}
|
||||
|
||||
.i-s_xy {
|
||||
background-image: url('../img/sp.png');
|
||||
background-position: -763px 0px;
|
||||
width: 95px;
|
||||
height: 37px;
|
||||
}
|
||||
|
||||
.i-s_ys {
|
||||
background-image: url('../img/sp.png');
|
||||
background-position: -763px -42px;
|
||||
width: 95px;
|
||||
height: 36px;
|
||||
}
|
||||
|
||||
.i-star-a {
|
||||
background-image: url('../img/sp.png');
|
||||
background-position: -770px -381px;
|
||||
width: 15px;
|
||||
height: 14px;
|
||||
}
|
||||
|
||||
.i-star {
|
||||
background-image: url('../img/sp.png');
|
||||
background-position: -841px -350px;
|
||||
width: 15px;
|
||||
height: 14px;
|
||||
}
|
||||
|
||||
.i-t_lbzx2 {
|
||||
background-image: url('../img/sp.png');
|
||||
background-position: -517px -592px;
|
||||
width: 151px;
|
||||
height: 23px;
|
||||
}
|
||||
|
||||
.i-t_mrt {
|
||||
background-image: url('../img/sp.png');
|
||||
background-position: 0px -592px;
|
||||
width: 196px;
|
||||
height: 32px;
|
||||
|
||||
}
|
||||
|
||||
.i-t_phb {
|
||||
background-image: url('../img/sp.png');
|
||||
background-position: -425px -340px;
|
||||
width: 200px;
|
||||
height: 32px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
.i-t_xwzx2 {
|
||||
background-image: url('../img/sp.png');
|
||||
background-position: -201px -592px;
|
||||
width: 153px;
|
||||
height: 24px;
|
||||
}
|
||||
|
||||
.i-t_yxgl {
|
||||
background-image: url('../img/sp.png');
|
||||
background-position: -300px -390px;
|
||||
width: 235px;
|
||||
height: 32px;
|
||||
}
|
||||
|
||||
.i-t_yxgl2 {
|
||||
background-image: url('../img/sp.png');
|
||||
background-position: -194px -540px;
|
||||
width: 227px;
|
||||
height: 23px;
|
||||
}
|
||||
|
||||
.i-t_yxzl {
|
||||
background-image: url('../img/sp.png');
|
||||
background-position: -245px -341px;
|
||||
width: 170px;
|
||||
height: 32px;
|
||||
}
|
||||
|
||||
.i-t_yxzl2 {
|
||||
background-image: url('../img/sp.png');
|
||||
background-position: -359px -592px;
|
||||
width: 153px;
|
||||
height: 24px;
|
||||
}
|
||||
|
||||
.i-t_yyzx {
|
||||
background-image: url('../img/sp.png');
|
||||
background-position: -300px -427px;
|
||||
width: 228px;
|
||||
height: 32px;
|
||||
}
|
||||
|
||||
.i-t_yyzx2 {
|
||||
background-image: url('../img/sp.png');
|
||||
background-position: -426px -540px;
|
||||
width: 160px;
|
||||
height: 23px;
|
||||
}
|
||||
|
||||
.i-w_d {
|
||||
background-image: url('../img/sp.png');
|
||||
background-position: -686px -105px;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
}
|
||||
|
||||
.i-w_download {
|
||||
background-image: url('../img/sp.png');
|
||||
background-position: -639px 0px;
|
||||
width: 34px;
|
||||
height: 212px;
|
||||
}
|
||||
|
||||
.i-w_f {
|
||||
background-image: url('../img/sp.png');
|
||||
background-position: -686px -154px;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
}
|
||||
|
||||
.i-w_z {
|
||||
background-image: url('../img/sp.png');
|
||||
background-position:-686px -199px;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
}
|
||||
63
static/home/css/style.css
Normal file
@@ -0,0 +1,63 @@
|
||||
|
||||
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0}
|
||||
input{
|
||||
outline: none;
|
||||
-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
|
||||
-moz-user-select: none;
|
||||
-webkit-appearance:none;
|
||||
border: none;
|
||||
}
|
||||
.AlertLoginCH{position: fixed;top: 0;left: 0;z-index:9998;width: 100%;height: 100%;;background: #000;opacity: .5;filter:Alpha(opacity=50);}
|
||||
.AlertLoginCH-main{position: fixed;top: 50%;left: 50%;z-index: 9999;margin:-175px 0 0 -235px;width: 270px;background: #fff;border-radius: 5px;overflow: hidden;padding:30px 90px ;font:12px/1.5 Microsoft yahei;}
|
||||
.AlertLoginCH-main .LoginCH-closed{position: absolute;top:15px;right:15px;width: 16px;height: 16px;background: url("../img/ico.png") no-repeat -15px -15px}
|
||||
.AlertLoginCH-main .LoginCH-closed:hover{background-position: -47px -15px;}
|
||||
.LoginCH{display: block}
|
||||
.LoginCH .loginCH-tit{height: 30px;line-height: 30px;overflow:hidden}
|
||||
.LoginCH .loginCH-tit .loginCHname{color:#666;font-size:18px;font-weight: 400;float: left}
|
||||
.LoginCH .loginCH-tit .loginCH-goregister{float: right;padding-right: 20px;height: 30px;background: url("../img/ico.png") 100% -1px;color:#0cacff}
|
||||
.LoginCH .loginCH-tit .loginCH-goregister:hover{color: #ff5757;background-position: 100% -32px;}
|
||||
.LoginCH .LoginCH-mr{padding-left: 35px;width: 235px;height: 38px;position: relative;left: 0;top: 0;margin-top:10px;border: 1px solid #ccc;background: url("../img/ico.png") no-repeat}
|
||||
.LoginCH .LoginCH-mr.Alertfocus{border-color:#00A5FF}
|
||||
.LoginCH .LoginCH-mr.blur{border-color:red}
|
||||
.LoginCH .LoginCH-mr.u{background-position:0 -60px;}
|
||||
.LoginCH .LoginCH-mr.p{background-position:-37px -60px;}
|
||||
.LoginCH .LoginCH-mr.y{background: url("../img/icon-3.png") no-repeat 7px 11px;display: none}
|
||||
.LoginCH .other{margin-top: 10px;overflow: hidden}
|
||||
.LoginCH .other .jz{overflow: hidden;float: left;color: #666}
|
||||
.LoginCH .other .jz label{}
|
||||
.LoginCH .other .jz input{vertical-align: middle;}
|
||||
.LoginCH .other .forgetpass{float: right;color:#ba9568}
|
||||
.LoginCH .other .forgetpass a{color:#ba9568}
|
||||
.LoginCH .LoginCH-mr input{height:36px;line-height: 36px;width: 220px;border:0;}
|
||||
.LoginCH .loginch-btn{display: block;margin-top:10px;height:40px;line-height: 40px;text-align: center;background:#FF5757;border-radius: 5px;color: #fff;text-decoration: none;font-size: 18px;font-weight: 400;}
|
||||
.LoginCH .loginch-btn:hover{background:#FF4141;}
|
||||
.LoginCH-qqlogin{margin-top: 16px;}
|
||||
.LoginCH-qqlogin .tit{height: 21px;line-height: 21px;background:url(../img/ico.png) no-repeat -16px -109px;text-align: center;color: #999;}
|
||||
.LoginCH-qqlogin a{display:block; float:left;width: 40px;height: 40px;background: url("../img/other-btn.png") no-repeat 0 0;text-indent:-999px;}
|
||||
.LoginCH-qqlogin .qq{background-position:0 0;margin:9px 0 0 60px;}
|
||||
.LoginCH-qqlogin .qq:hover{background-position:0 100%;}
|
||||
.LoginCH-qqlogin .wx{background-position:-69px 0;margin:9px 0 0 60px;}
|
||||
.LoginCH-qqlogin .wx:hover{background-position:-69px 100%;}
|
||||
|
||||
|
||||
.RigisterCH{display: none}
|
||||
.RigisterCH .RigisterCH-tit{height: 30px;line-height: 30px;overflow:hidden}
|
||||
.RigisterCH .RigisterCHname{color:#666;font-size:18px;font-weight: 400;float: left}
|
||||
.RigisterCH .RigisterCH-gologin{float: right;padding-right: 20px;height: 30px;background: url("../img/ico.png") 100% -1px;color:#0cacff;text-decoration: none}
|
||||
.RigisterCH .RigisterCH-mr{padding-left: 35px;margin-top:10px;border: 1px solid #ccc;background: url("../img/ico.png") no-repeat}
|
||||
.RigisterCH .RigisterCH-mr.Alertfocus{border-color:#00A5FF}
|
||||
.RigisterCH .RigisterCH-mr.blur{border-color:red}
|
||||
.RigisterCH .RigisterCH-mr.succ{border-color:green}
|
||||
.RigisterCH .RigisterCH-mr.u{background-position:0 -60px;}
|
||||
.RigisterCH .RigisterCH-mr.p{background-position:-37px -60px;}
|
||||
.RigisterCH .RigisterCH-mr.p2{background-position:-37px -60px;}
|
||||
.RigisterCH .RigisterCH-mr.code{background-position:-37px -60px;}
|
||||
.RigisterCH .RigisterCH-mr input{height:36px;line-height: 36px;width: 220px;border:none;}
|
||||
|
||||
.RigisterCH .RigisterCH-mr.code input{width: 150px;}
|
||||
.RigisterCH .RigisterCH-mr.code img{width: 70px;height: 36px;vertical-align: top}
|
||||
|
||||
.RigisterCH .register-btn{display: block;margin-top:10px;height:40px;line-height: 40px;text-align: center;background:#FF5757;border-radius: 5px;color: #fff;text-decoration: none;font-size: 18px;font-weight: 400;}
|
||||
.RigisterCH .register-btn:hover{background:#FF4141;}
|
||||
|
||||
.AlertLoginCH-main .AlertLogintip{padding-top: 10px;font-size: 12px;color: red;height: 17px;}
|
||||
BIN
static/home/img/27093352BTEIe.jpeg
Normal file
|
After Width: | Height: | Size: 35 KiB |
BIN
static/home/img/banner.jpg
Normal file
|
After Width: | Height: | Size: 22 KiB |
BIN
static/home/img/banner_top.jpg
Normal file
|
After Width: | Height: | Size: 233 KiB |
BIN
static/home/img/banneract.jpg
Normal file
|
After Width: | Height: | Size: 2.2 KiB |
BIN
static/home/img/btn.jpg
Normal file
|
After Width: | Height: | Size: 7.5 KiB |
BIN
static/home/img/download.jpg
Normal file
|
After Width: | Height: | Size: 36 KiB |
BIN
static/home/img/download.png
Normal file
|
After Width: | Height: | Size: 16 KiB |
BIN
static/home/img/ds_j.png
Normal file
|
After Width: | Height: | Size: 40 KiB |
BIN
static/home/img/ds_m.png
Normal file
|
After Width: | Height: | Size: 206 KiB |
BIN
static/home/img/ds_w.png
Normal file
|
After Width: | Height: | Size: 199 KiB |
BIN
static/home/img/explain.jpg
Normal file
|
After Width: | Height: | Size: 11 KiB |
BIN
static/home/img/fs_j.png
Normal file
|
After Width: | Height: | Size: 43 KiB |
BIN
static/home/img/fs_m.png
Normal file
|
After Width: | Height: | Size: 197 KiB |
BIN
static/home/img/fs_w.png
Normal file
|
After Width: | Height: | Size: 187 KiB |
BIN
static/home/img/gb.jpg
Normal file
|
After Width: | Height: | Size: 865 B |
BIN
static/home/img/gift-lb.jpg
Normal file
|
After Width: | Height: | Size: 4.5 KiB |
BIN
static/home/img/gy.jpg
Normal file
|
After Width: | Height: | Size: 5.9 KiB |
BIN
static/home/img/gzh.jpg
Normal file
|
After Width: | Height: | Size: 4.9 KiB |
BIN
static/home/img/ico.png
Normal file
|
After Width: | Height: | Size: 1.4 KiB |
BIN
static/home/img/icon-3.png
Normal file
|
After Width: | Height: | Size: 1.2 KiB |
BIN
static/home/img/icon-8.png
Normal file
|
After Width: | Height: | Size: 992 B |
BIN
static/home/img/icon.png
Normal file
|
After Width: | Height: | Size: 182 KiB |
BIN
static/home/img/img202101111746210.png
Normal file
|
After Width: | Height: | Size: 2.1 MiB |
BIN
static/home/img/img202101271114290.jpeg
Normal file
|
After Width: | Height: | Size: 27 KiB |
BIN
static/home/img/img202101271115480.jpeg
Normal file
|
After Width: | Height: | Size: 28 KiB |
BIN
static/home/img/listrtxt.jpg
Normal file
|
After Width: | Height: | Size: 14 KiB |
BIN
static/home/img/logo.png
Normal file
|
After Width: | Height: | Size: 26 KiB |
BIN
static/home/img/news.jpg
Normal file
|
After Width: | Height: | Size: 7.8 KiB |
BIN
static/home/img/ny.jpg
Normal file
|
After Width: | Height: | Size: 418 KiB |
BIN
static/home/img/nybottom.jpg
Normal file
|
After Width: | Height: | Size: 157 KiB |
BIN
static/home/img/other-btn.png
Normal file
|
After Width: | Height: | Size: 8.7 KiB |
BIN
static/home/img/pagination.jpg
Normal file
|
After Width: | Height: | Size: 4.9 KiB |
BIN
static/home/img/pic_box.jpg
Normal file
|
After Width: | Height: | Size: 3.5 KiB |
BIN
static/home/img/rank.jpg
Normal file
|
After Width: | Height: | Size: 2.8 KiB |
BIN
static/home/img/role.jpg
Normal file
|
After Width: | Height: | Size: 11 KiB |
BIN
static/home/img/sec2.jpg
Normal file
|
After Width: | Height: | Size: 364 KiB |
BIN
static/home/img/sec3.jpg
Normal file
|
After Width: | Height: | Size: 311 KiB |
BIN
static/home/img/secrole.jpg
Normal file
|
After Width: | Height: | Size: 110 KiB |
BIN
static/home/img/select.jpg
Normal file
|
After Width: | Height: | Size: 1.6 KiB |
BIN
static/home/img/slide_1.jpg
Normal file
|
After Width: | Height: | Size: 104 KiB |
BIN
static/home/img/slide_2.jpg
Normal file
|
After Width: | Height: | Size: 100 KiB |
BIN
static/home/img/slide_3.jpg
Normal file
|
After Width: | Height: | Size: 303 KiB |
BIN
static/home/img/slide_4.jpg
Normal file
|
After Width: | Height: | Size: 125 KiB |
BIN
static/home/img/slide_5.jpg
Normal file
|
After Width: | Height: | Size: 147 KiB |
BIN
static/home/img/sp.png
Normal file
|
After Width: | Height: | Size: 421 KiB |
BIN
static/home/img/tab.jpg
Normal file
|
After Width: | Height: | Size: 4.5 KiB |
BIN
static/home/img/tabact.jpg
Normal file
|
After Width: | Height: | Size: 2.0 KiB |
BIN
static/home/img/tc-close.png
Normal file
|
After Width: | Height: | Size: 1.1 KiB |
BIN
static/home/img/tubiaoji.png
Normal file
|
After Width: | Height: | Size: 2.3 KiB |
BIN
static/home/img/video_box.jpg
Normal file
|
After Width: | Height: | Size: 6.7 KiB |
BIN
static/home/img/wfjs.jpg
Normal file
|
After Width: | Height: | Size: 12 KiB |
BIN
static/home/img/wrappernav.png
Normal file
|
After Width: | Height: | Size: 75 KiB |
BIN
static/home/img/xszdboxxzd.jpg
Normal file
|
After Width: | Height: | Size: 11 KiB |
BIN
static/home/img/xszdn.jpg
Normal file
|
After Width: | Height: | Size: 18 KiB |
BIN
static/home/img/xszdnav.jpg
Normal file
|
After Width: | Height: | Size: 15 KiB |
BIN
static/home/img/xtjs.jpg
Normal file
|
After Width: | Height: | Size: 12 KiB |
BIN
static/home/img/ytbg.gif
Normal file
|
After Width: | Height: | Size: 1.2 KiB |
BIN
static/home/img/yxgl.jpg
Normal file
|
After Width: | Height: | Size: 8.3 KiB |
BIN
static/home/img/yxglx.jpg
Normal file
|
After Width: | Height: | Size: 3.0 KiB |
BIN
static/home/img/zs_j.png
Normal file
|
After Width: | Height: | Size: 24 KiB |
BIN
static/home/img/zs_m.png
Normal file
|
After Width: | Height: | Size: 201 KiB |
BIN
static/home/img/zs_m_1.png
Normal file
|
After Width: | Height: | Size: 201 KiB |
BIN
static/home/img/zs_w.png
Normal file
|
After Width: | Height: | Size: 178 KiB |
BIN
static/home/img/zs_w_1.png
Normal file
|
After Width: | Height: | Size: 178 KiB |
441
static/home/js/AlertLogin.js
Normal file
@@ -0,0 +1,441 @@
|
||||
function AlertLoginCH(){}
|
||||
|
||||
AlertLoginCH.prototype.tip = function(e,m){
|
||||
var html = "<p class='AlertLogintip'>"+m+"</p>";
|
||||
e&&e.after(html)
|
||||
};
|
||||
|
||||
AlertLoginCH.prototype.sendAjax = function(url,callback,data,type){
|
||||
jQuery.ajax({
|
||||
type : type||'GET',
|
||||
cache : "true",
|
||||
data:data,
|
||||
url : url,
|
||||
dataType : 'jsonp',
|
||||
jsonp : 'jsonpCallback',
|
||||
async : false,
|
||||
success : callback
|
||||
});
|
||||
};
|
||||
|
||||
var AL = new AlertLoginCH();
|
||||
|
||||
AL.config = function(obj){
|
||||
var config = {
|
||||
"coverBox":jQuery("#AlertLoginCH"),
|
||||
"AlertBOX":jQuery("#AlertLoginCH-main"),
|
||||
|
||||
"RegisterBox":jQuery("#RigisterCH"),
|
||||
"LoginBox":jQuery("#LoginCH"),
|
||||
"LgBtn":jQuery("#loginch-btn"),
|
||||
"RgBtn":jQuery("#register-btn"),
|
||||
"QQBtn":jQuery("#LoginCH-qqlogin"),
|
||||
"tip":jQuery(".AlertLogintip"),
|
||||
"closedBtn":jQuery("#LoginCH-closed"),
|
||||
|
||||
"LgUser":jQuery("#LoginCH-username"),
|
||||
"LgPass":jQuery("#LoginCH-password"),
|
||||
"LgCode":jQuery("#LoginCH-code"),
|
||||
|
||||
"RgUser":jQuery("#RigisterCH-username"),
|
||||
"RgPas":jQuery("#RigisterCH-password"),
|
||||
"RgPas2":jQuery("#RigisterCH-password2"),
|
||||
"Code":jQuery('#RigisterCH-code'),
|
||||
"COdeImg":jQuery('#code_img'),
|
||||
|
||||
"LgEdBox":jQuery("#user-box"),
|
||||
"logout":jQuery(".logout"),
|
||||
"qqloginBtn":"true"
|
||||
};
|
||||
AL.a = (obj!=undefined)?jQuery.extend(config,obj):config;
|
||||
};
|
||||
|
||||
AL.showLgBox = function(){
|
||||
var B = AL.a;
|
||||
B["LoginBox"].show();
|
||||
B["RegisterBox"].hide();
|
||||
};
|
||||
|
||||
AL.showRgBox = function(){
|
||||
var B = AL.a;
|
||||
B["LoginBox"].hide();
|
||||
B["RegisterBox"].show();
|
||||
};
|
||||
|
||||
AL.closed = function(){
|
||||
var B = AL.a;
|
||||
B["coverBox"].hide().remove();
|
||||
B["AlertBOX"].hide().remove();
|
||||
};
|
||||
|
||||
AL.regLg = function(){
|
||||
var B = AL.a;
|
||||
B["LgUser"].focus(function(){
|
||||
var tip = jQuery(this).parent().next(".AlertLogintip");
|
||||
var len = tip.length;
|
||||
len != 0&&tip.remove();
|
||||
jQuery(this).parent().addClass("Alertfocus").removeClass("blur");
|
||||
});
|
||||
B["LgUser"].blur(function(){
|
||||
var val = jQuery(this).val();
|
||||
var tip = jQuery(this).parent().next(".AlertLogintip");
|
||||
var len = tip.length;
|
||||
if(val == ""){
|
||||
AL.tip(jQuery(this).parent(),"请输入用户名");
|
||||
jQuery(this).parent().removeClass("Alertfocus").addClass("blur")
|
||||
}
|
||||
len != 0&&tip.remove();
|
||||
jQuery(this).parent().removeClass("Alertfocus");
|
||||
});
|
||||
B["LgPass"].focus(function(){
|
||||
var tip = jQuery(this).parent().next(".AlertLogintip");
|
||||
var len = tip.length;
|
||||
len != 0&&tip.remove();
|
||||
|
||||
jQuery(this).parent().addClass("Alertfocus").removeClass("blur");
|
||||
});
|
||||
B["LgPass"].blur(function(){
|
||||
var val = jQuery(this).val();
|
||||
var tip = jQuery(this).parent().next(".AlertLogintip");
|
||||
var len = tip.length;
|
||||
if(val == ""){
|
||||
AL.tip(B["LgPass"].parent(),"请输入密码");
|
||||
B["LgPass"].parent().removeClass("Alertfocus").addClass("blur")
|
||||
}
|
||||
len != 0&&tip.remove();
|
||||
jQuery(this).parent().removeClass("Alertfocus");
|
||||
});
|
||||
};
|
||||
|
||||
AL.LgLogin = function(){
|
||||
var B = AL.a;
|
||||
|
||||
function login(){
|
||||
var LgUserV = B["LgUser"].val();
|
||||
var LgpassV = B["LgPass"].val();
|
||||
if(!LgUserV){
|
||||
B["LgUser"].blur()
|
||||
}
|
||||
if(!LgpassV){
|
||||
B["LgPass"].blur()
|
||||
}
|
||||
if(LgUserV&&LgpassV){
|
||||
var url = "/index.php?m=member&c=email&a=checkUsername&service=login&cn=" + LgUserV + "&pwd=" + encodeURIComponent(LgpassV) + "&random="+ Math.random();
|
||||
AL.sendAjax(url,function(respons){
|
||||
var err = respons.result;
|
||||
if(err == "err0001"){
|
||||
var tip = B["LgPass"].parent().next(".AlertLogintip");
|
||||
tip.remove();
|
||||
B["LgPass"].val("");
|
||||
B["LgPass"].parent().removeClass("Alertfocus").addClass("blur")
|
||||
AL.tip(B["LgPass"].parent(),"账号或者密码错误!");
|
||||
}
|
||||
else if(err == "success"){
|
||||
AL.closed();
|
||||
AL.loginSuccess(respons)
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
|
||||
B["LgBtn"].click(function(){
|
||||
login();
|
||||
});
|
||||
B["LgPass"].keyup(function(e){
|
||||
var code = e.keyCode||"";
|
||||
code == 13&&login();
|
||||
})
|
||||
};
|
||||
|
||||
AL.RegRg = function(){
|
||||
var B = AL.a;
|
||||
B["RgUser"].focus(function(){
|
||||
var tip = jQuery(this).parent().next(".AlertLogintip");
|
||||
var len = tip.length;
|
||||
len != 0&&tip.remove();
|
||||
jQuery(this).parent().addClass("Alertfocus").removeClass("blur");
|
||||
});
|
||||
B["RgUser"].blur(function(){
|
||||
var val = jQuery(this).val();
|
||||
var tip = jQuery(this).parent().next(".AlertLogintip");
|
||||
var len = tip.length;
|
||||
if(val == ""){
|
||||
AL.tip(jQuery(this).parent(),"请输入用户名");
|
||||
jQuery(this).parent().removeClass("Alertfocus").addClass("blur")
|
||||
}else {
|
||||
AL.sendAjax("index.php?m=member&c=email&a=checkUsername&service=checkCn&cn=" + val + "", function (data) {
|
||||
if (data.result == "success") {
|
||||
B["RgUser"].parent().next(".AlertLogintip").remove();
|
||||
B["RgUser"].parent().removeClass("Alertfocus").addClass("succ");
|
||||
AL.tip(B["RgUser"].parent(), "通过用户名验证!");
|
||||
B["RgUser"].parent().next(".AlertLogintip").css("color","green")
|
||||
AL.isRguser = true;
|
||||
} else {
|
||||
B["RgUser"].parent().next(".AlertLogintip").remove();
|
||||
B["RgUser"].parent().removeClass("succ Alertfocus blur").addClass("blur");
|
||||
AL.tip(B["RgUser"].parent(), "用户名已经存在!");
|
||||
}
|
||||
});
|
||||
}
|
||||
len != 0&&tip.remove();
|
||||
jQuery(this).parent().removeClass("Alertfocus");
|
||||
});
|
||||
|
||||
B["RgPas"].focus(function(){
|
||||
var tip = jQuery(this).parent().next(".AlertLogintip");
|
||||
var len = tip.length;
|
||||
len != 0&&tip.remove();
|
||||
jQuery(this).parent().addClass("Alertfocus").removeClass("blur");
|
||||
});
|
||||
B["RgPas"].blur(function(){
|
||||
var val = jQuery(this).val();
|
||||
var tip = jQuery(this).parent().next(".AlertLogintip");
|
||||
var len = tip.length;
|
||||
if(val == ""){
|
||||
AL.tip( jQuery(this).parent(),"请输入密码!");
|
||||
jQuery(this).parent().removeClass("Alertfocus").addClass("blur")
|
||||
}else if(val.length<6||val.length>16){
|
||||
AL.tip( jQuery(this).parent(),"密码范围在6~16位之间!");
|
||||
jQuery(this).parent().removeClass("Alertfocus").addClass("blur")
|
||||
}
|
||||
else{
|
||||
AL.isRgpas = true;
|
||||
}
|
||||
len != 0&&tip.remove();
|
||||
jQuery(this).parent().removeClass("Alertfocus");
|
||||
});
|
||||
B["RgPas2"].focus(function(){
|
||||
var tip = jQuery(this).parent().next(".AlertLogintip");
|
||||
var len = tip.length;
|
||||
len != 0&&tip.remove();
|
||||
jQuery(this).parent().addClass("Alertfocus").removeClass("blur");
|
||||
});
|
||||
B["RgPas2"].blur(function(){
|
||||
var val = jQuery(this).val();
|
||||
var pval = B["RgPas"].val();
|
||||
var tip = jQuery(this).parent().next(".AlertLogintip");
|
||||
var len = tip.length;
|
||||
if(val == ""){
|
||||
AL.tip( jQuery(this).parent(),"请重复密码!");
|
||||
jQuery(this).parent().removeClass("Alertfocus").addClass("blur")
|
||||
}
|
||||
else if(val!==pval){
|
||||
AL.tip( jQuery(this).parent(),"两次输入的密码不一致!");
|
||||
jQuery(this).parent().removeClass("Alertfocus").addClass("blur")
|
||||
|
||||
}else{
|
||||
AL.isRgpas2 = true;
|
||||
}
|
||||
len != 0&&tip.remove();
|
||||
jQuery(this).parent().removeClass("Alertfocus");
|
||||
});
|
||||
B["Code"].focus(function(){
|
||||
var tip = jQuery(this).parent().next(".AlertLogintip");
|
||||
var len = tip.length;
|
||||
len != 0&&tip.remove();
|
||||
jQuery(this).parent().addClass("Alertfocus").removeClass("blur");
|
||||
});
|
||||
B["Code"].blur(function(){
|
||||
var val = jQuery(this).val();
|
||||
var tip = jQuery(this).parent().next(".AlertLogintip");
|
||||
var len = tip.length;
|
||||
if(val == ""){
|
||||
AL.tip( jQuery(this).parent(),"请输入验证码!");
|
||||
jQuery(this).parent().removeClass("Alertfocus").addClass("blur")
|
||||
}else if(val.length!=4){
|
||||
AL.tip( jQuery(this).parent(),"验证码不正确!");
|
||||
jQuery(this).parent().removeClass("Alertfocus").addClass("blur")
|
||||
}
|
||||
else{
|
||||
AL.isCode = true;
|
||||
}
|
||||
len != 0&&tip.remove();
|
||||
jQuery(this).parent().removeClass("Alertfocus");
|
||||
});
|
||||
B["COdeImg"].click(function(){
|
||||
var src = $(this).attr('src');
|
||||
var newSrc = src+Math.random();
|
||||
$(this).attr({'src':newSrc});
|
||||
})
|
||||
};
|
||||
|
||||
AL.RgRigester = function(){
|
||||
var B = AL.a;
|
||||
function register (){
|
||||
var ruser = B["RgUser"].val();
|
||||
var rpass = B["RgPas"].val();
|
||||
var rpass2 = B["RgPas2"].val();
|
||||
var code = B['Code'].val();
|
||||
!ruser ? B["RgUser"].blur() : !rpass ? B["RgPas"].blur() : (!rpass2 || (rpass2 != rpass)) ? B["RgPas"].blur(): !code ? B["Code"].blur():registerbtn();
|
||||
function registerbtn(){
|
||||
if(AL.isRguser && AL.isRgpas&&AL.isRgpas2&&AL.isCode){
|
||||
var regUrl = "/index.php?m=member&c=email&a=alertWindowReg&Math="+Math.random()+'&';
|
||||
var paramObj = packParam({
|
||||
cn:ruser,
|
||||
pwd:rpass,
|
||||
code:code,
|
||||
uid : "",
|
||||
suid: "alertLogin2"||""
|
||||
});
|
||||
AL.sendAjax(regUrl+paramObj,function(data) {
|
||||
if (data.result=="success") {
|
||||
alert("注册成功");
|
||||
AL.closed();
|
||||
AL.loginSuccess();
|
||||
}else if(data.result=="error00"){
|
||||
B["Code"].val("");
|
||||
B["Code"].parent().next(".AlertLogintip").remove();
|
||||
B["Code"].parent().removeClass("Alertfocus succ").addClass("blur");
|
||||
AL.tip(B["Code"].parent(),"验证码不正确!");
|
||||
}
|
||||
else {
|
||||
B["RgUser"].val("");
|
||||
B["RgUser"].parent().next(".AlertLogintip").remove();
|
||||
B["RgUser"].parent().removeClass("Alertfocus succ").addClass("blur");
|
||||
AL.tip(B["RgUser"].parent(),"账号已经存在!");
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
}
|
||||
}
|
||||
function packParam (json) {
|
||||
var string = '';
|
||||
for ( var key in json) {
|
||||
string += "&" + key + "=" + (json[key] || '');
|
||||
}
|
||||
return string.length > 0 ? string.substring(1) : '';
|
||||
};
|
||||
}
|
||||
|
||||
B["RgBtn"].click(function(){
|
||||
register();
|
||||
});
|
||||
B["RgPas2"].keyup(function(e){
|
||||
var code = e.keyCode||"";
|
||||
code == 13 && register();
|
||||
})
|
||||
};
|
||||
|
||||
AL.loginSuccess = function(){
|
||||
location.reload()
|
||||
};
|
||||
|
||||
AL.qqlogin = function(){
|
||||
var Host ='//' + document.domain + '/';
|
||||
var gameid = "";
|
||||
var uid= "alertLogin"||"";
|
||||
var suid= "alertLogin"||"";
|
||||
location.href = Host+'index.php?m=member&c=index&a=public_qq_loginnew&sid='+gameid+'&uid='+uid+'&suid='+suid+'¬last=1&forward='+encodeURIComponent(location.href);
|
||||
};
|
||||
|
||||
|
||||
AL.wxlogin = function(){
|
||||
var Host ='//' + document.domain + '/';
|
||||
var gameid ="";
|
||||
var uid= "alertLogin"||"";
|
||||
var suid= "alertLogin"||"";
|
||||
location.href = Host+'index.php?m=member&c=weixin&a=public_weixin_login&sid='+gameid+'&uid='+uid+'&suid='+suid+'¬last=1&forward='+encodeURIComponent(location.href);
|
||||
};
|
||||
|
||||
AL.genereteHtml = function(){
|
||||
var html = "";
|
||||
html+= '<div id="AlertLoginCH" class="AlertLoginCH"></div>';
|
||||
|
||||
html+= '<div id="AlertLoginCH-main" class="AlertLoginCH-main">';
|
||||
|
||||
html+= '<div class="LoginCH" id="LoginCH">' +
|
||||
'<div class="loginCH-tit">' +
|
||||
'<div class="loginCHname" >快速登录</div>' +
|
||||
'<a id="loginCH-goregister" class="loginCH-goregister" href="javascript:void(0);" onclick="AL.showRgBox();AL.RegRg();AL.RgRigester()">注册</a>'+
|
||||
'</div>';
|
||||
|
||||
html+= '<div class="LoginCH-mr u">' +
|
||||
'<input type="text" id="LoginCH-username" placeholder="用户名"/>'+
|
||||
'</div>' +
|
||||
'<div class="LoginCH-mr p">' +
|
||||
'<input type="password" id="LoginCH-password" placeholder="密码"/>'+
|
||||
'</div>';
|
||||
|
||||
html+= '<div class="LoginCH-mr y">' +
|
||||
'<input type="text" id="LoginCH-code" placeholder="验证码"/>' +
|
||||
'</div>' +
|
||||
'<div class="other">' +
|
||||
'<div class="jz">' +
|
||||
'<input type="checkbox" checked/>' +
|
||||
'<label>记住密码</label>' +
|
||||
'</div>' +
|
||||
'<div class="forgetpass">' +
|
||||
'<a href="//' + document.domain + '/index.php?m=mymember&c=forgetPassword&a=index&siteid=1" target="_blank">忘记密码</a>' +
|
||||
'</div>' +
|
||||
'</div>' +
|
||||
'<a href="javascript:void(0);" class="loginch-btn" id="loginch-btn">立即登录</a></div>'
|
||||
|
||||
html+= '<div class="RigisterCH" id="RigisterCH">';
|
||||
|
||||
html+= '<div class="RigisterCH-tit">' +
|
||||
'<div class="RigisterCHname">注册账号</div>' +
|
||||
'<a id="RigisterCH-gologin" class="RigisterCH-gologin" href="javascript:void(0);" onclick="AL.showLgBox();AL.regLg();AL.LgLogin();">登录</a>'+
|
||||
'</div>';
|
||||
|
||||
html+= '<div class="RigisterCH-mr u">'+
|
||||
'<input type="text" id="RigisterCH-username" placeholder="4-15位字符内(仅限数字,英文)"/>'+
|
||||
'</div>';
|
||||
|
||||
html+= '<div class="RigisterCH-mr p">'+
|
||||
'<input type="password" id="RigisterCH-password" placeholder="密码:6-20个字符"/>'+
|
||||
'</div>';
|
||||
|
||||
html+= '<div class="RigisterCH-mr p2">'+
|
||||
'<input type="password" id="RigisterCH-password2" placeholder="确认密码"/>'+
|
||||
'</div>';
|
||||
|
||||
html+= '<div class="RigisterCH-mr code">'+
|
||||
'<input type="text" id="RigisterCH-code" placeholder="验证码"/>'+
|
||||
'<img id="code_img" src="//' + document.domain + '/api.php?op=checkcode&code_len=4&font_size=14&width=75&height=29&font_color=&background=">'+
|
||||
'</div>';
|
||||
|
||||
html+= '<a href="javascript:void(0);" class="register-btn" id="register-btn">立即登录</a>' +
|
||||
'</div>';
|
||||
|
||||
html+= '<div class="LoginCH-qqlogin" id="LoginCH-qqlogin">'+
|
||||
'<div class="tit">第三方账号登录</div>'+
|
||||
'<a href="javascript:void (0);" onclick="AL.qqlogin();" class="qq">qq登录</a>'+
|
||||
'<a href="javascript:void (0);" onclick="AL.wxlogin();" class="wx">微信登录</a>'+
|
||||
'</div>'+
|
||||
'<a class="LoginCH-closed" id="LoginCH-closed" href="javascript:void(0);" onclick="AL.closed()"></a>' +
|
||||
'</div>';
|
||||
|
||||
jQuery("body").append(html);
|
||||
}
|
||||
|
||||
AL.BoxInit = function(){
|
||||
var B = AL.a;
|
||||
if(B["box"]=="register"){
|
||||
AL.showRgBox();
|
||||
AL.RegRg();
|
||||
AL.RgRigester();
|
||||
}else{
|
||||
AL.showLgBox();
|
||||
AL.regLg();
|
||||
AL.LgLogin();
|
||||
}
|
||||
if(!B["qqloginBtn"]){
|
||||
jQuery("#LoginCH-qqlogin").hide();
|
||||
}
|
||||
|
||||
};
|
||||
|
||||
AL.Init = function(obj){
|
||||
AL.genereteHtml();
|
||||
AL.config(obj);
|
||||
AL.BoxInit();
|
||||
};
|
||||
|
||||
jQuery.fn.extend({
|
||||
AlertLogin:function(obj){
|
||||
jQuery(this).click(function(){
|
||||
AL.Init(obj);
|
||||
})
|
||||
}
|
||||
});
|
||||
78
static/home/js/AlertVideo.js
Normal file
@@ -0,0 +1,78 @@
|
||||
var Video = function(){};
|
||||
var a = new Video();
|
||||
a.ex = function(obj){
|
||||
var config = {
|
||||
Width:"800",
|
||||
Height:"400",
|
||||
Src:"",
|
||||
Type:"flv",
|
||||
unit:'px'
|
||||
};
|
||||
a.d = obj? $.extend(config,obj):config;
|
||||
};
|
||||
|
||||
a.genereteHtml = function(){
|
||||
var d = a.d;
|
||||
var type = a.d.Type;
|
||||
var width = d.Width+d.unit,height = d.Height+d.unit;
|
||||
console.log(width,height);
|
||||
if(type == 'mp4'){
|
||||
var html = '<div class="Alert-cover"></div><div id="AlertVideo" class="AlertVideo">';
|
||||
html += '<div class="AlertVideo-main">';
|
||||
html += '<video style="width:'+width+';height:'+height+';" src="'+d.Src+'" autoplay controls>';
|
||||
html += '</div><div class="AlertVideo-Closed"><a href="javascript:a.closedVideo()"></a></div>';
|
||||
}else{
|
||||
var html = '<div class="Alert-cover"></div><div id="AlertVideo" class="AlertVideo">';
|
||||
html += '<div class="AlertVideo-main">';
|
||||
html += '<embed type="application/x-shockwave-flash"';
|
||||
html += 'wmode="transparent"';
|
||||
html += 'src="http://s2.qhimg.com/static/8dccccc36ce33293.swf"';
|
||||
html += 'width="'+ d.Width+'" height="'+d.Height+'"';
|
||||
html += 'quality="high" allowfullscreen="true"';
|
||||
html += 'flashvars="file='+ d.Src+'&width=800&height=450">';
|
||||
html += '</div><div class="AlertVideo-Closed"><a href="javascript:a.closedVideo()"></a></div>';
|
||||
}
|
||||
return html;
|
||||
};
|
||||
|
||||
a.countCss = function(){
|
||||
var d = a.d;
|
||||
var css = {
|
||||
width: d.Width+d.unit,
|
||||
height: d.Height+d.unit
|
||||
};
|
||||
var mar = '-'+ (d.Height/2)+d.unit+' 0 0 -'+(d.Width/2)+d.unit;
|
||||
$(".AlertVideo-main").css(css)
|
||||
$(".AlertVideo").css("margin",mar)
|
||||
};
|
||||
|
||||
|
||||
|
||||
a.closedVideo = function(){
|
||||
$(".Alert-cover").remove();
|
||||
$("#AlertVideo").remove();
|
||||
a.isShow = false;
|
||||
};
|
||||
|
||||
a.isShow = false;
|
||||
|
||||
a.showVideo = function(){
|
||||
if(a.isShow){return false}
|
||||
var html = a.genereteHtml();
|
||||
$("body").append(html);
|
||||
a.countCss();
|
||||
a.isShow = true;
|
||||
};
|
||||
|
||||
a.Init = function(obj){
|
||||
a.ex(obj);
|
||||
a.showVideo();
|
||||
};
|
||||
|
||||
$.fn.extend({
|
||||
insertVideo:function(obj){
|
||||
$(this).click(function(){
|
||||
a.Init(obj)
|
||||
})
|
||||
}
|
||||
})
|
||||
1
static/home/js/Gw_Fn.js
Normal file
73
static/home/js/common.js
Normal file
@@ -0,0 +1,73 @@
|
||||
require.config({
|
||||
baseUrl:'//' + location.host + '/static/home/js/',
|
||||
paths:{
|
||||
'jquery':'jquery-1.7.2.min',
|
||||
'AlertLogin':'AlertLogin',
|
||||
'insertFlash':'inserFlash',
|
||||
'AlertVideo':'AlertVideo',
|
||||
'SuperSlide':'jquery.SuperSlide',
|
||||
'picShow1':'picShow1',
|
||||
'picShow2':'picShow2',
|
||||
'Gw_Fn':'//' + location.host + '/static/home/js/Gw_Fn',
|
||||
'top':'//' + location.host + '/static/home/js/top'
|
||||
},
|
||||
shim:{
|
||||
'jquery':{exports:'$'},
|
||||
'SuperSlide':{deps:['jquery']},
|
||||
'Gw_Fn':{deps:['jquery','SuperSlide']},
|
||||
'AlertLogin':{deps:['jquery']},
|
||||
'insertFlash':{deps:['jquery']},
|
||||
'AlertVideo':{deps:['jquery']},
|
||||
'picShow1':{deps:['jquery']},
|
||||
'picShow2':{deps:['jquery']},
|
||||
'top':{deps:['jquery','insertFlash','AlertLogin']}
|
||||
}
|
||||
});
|
||||
|
||||
require(['top'],function (top) {
|
||||
top('文网游备字〔2022〕W-RPG 001 号', '/')
|
||||
});
|
||||
|
||||
require(['jquery','Gw_Fn','SuperSlide','AlertVideo','picShow1','picShow2'], function ($,Gw){
|
||||
Gw({
|
||||
GameId : "415",
|
||||
GameName :"yscq",
|
||||
Slide:{
|
||||
SlideId : "765",
|
||||
SlideBox : $("#slideBox")
|
||||
},
|
||||
Login:{
|
||||
LoginBox:$('.log-box'),
|
||||
LoginUser:$("#username"),
|
||||
LoginPass:$("#password"),
|
||||
LoginSubmit:$("#login-sub")
|
||||
},
|
||||
SwitchTab:{
|
||||
TabNav:$("#news-nav"),
|
||||
TabContent:$("#news-con"),
|
||||
TabCurrent:"current",
|
||||
TabEvent:"hover",
|
||||
TabFind:""
|
||||
},
|
||||
Server:{
|
||||
ServerTemplate:'<li><i class="ico ico_s"></i><a href="%url%" target="_blank">%serverName%</a><span style="margin-left:30px;">%serverState%</span></li>',
|
||||
ServerBox:$("#index_server_list_ul_id"),
|
||||
ServerL:"7"
|
||||
}
|
||||
});
|
||||
$('.zf-sec').click(function(){
|
||||
"use strict";
|
||||
$(this).addClass('fadeIn').siblings().removeClass('fadeIn');
|
||||
});
|
||||
|
||||
$('#news-nav li').hover(function(){
|
||||
var url = $(this).attr('more_url');
|
||||
$('#news_more_zonghe').attr({'href':url})
|
||||
});
|
||||
|
||||
$('.job-tab-menu li').hover(function(){
|
||||
var i = $(this).index();
|
||||
$(this).addClass('on').siblings().removeClass('on');
|
||||
$('.job-con > div').removeClass('job_cur').eq(i).addClass('job_cur');
|
||||
});
|
||||
});
|
||||
16
static/home/js/idangerous.swiper2.7.6.min.js
vendored
Normal file
49
static/home/js/index.js
Normal file
@@ -0,0 +1,49 @@
|
||||
//banner图切换
|
||||
var banner = new Swiper("#bannerSwiper", {
|
||||
direction: "horizontal",
|
||||
autoplay: 2000,
|
||||
speed: 300,
|
||||
loop: true,
|
||||
pagination: '.pagination',
|
||||
createPagination: false,
|
||||
paginationClickable: true,
|
||||
noSwiping : true,
|
||||
onAutoplayStop: function(banner){
|
||||
if(!banner.support.transitions){ //IE7、IE8
|
||||
banner.startAutoplay();
|
||||
}
|
||||
}
|
||||
});
|
||||
$(".pagination span").hover(function() {
|
||||
$(this).click();
|
||||
},function(){
|
||||
banner.startAutoplay();
|
||||
}
|
||||
);
|
||||
|
||||
//职业简介切换
|
||||
|
||||
//切换男女角色
|
||||
$('.roleTab a').on('mouseenter', function() {
|
||||
if ($(this).hasClass('i-r_w')) {
|
||||
$('#role_swiper .i-r_w').addClass('i-r_w_a').siblings('.i-r_m').removeClass('i-r_m_a');
|
||||
$('#role_swiper .woman').css('display', 'block').siblings('.man').css('display', 'none');
|
||||
} else {
|
||||
$('#role_swiper .i-r_m').addClass('i-r_m_a').siblings('.i-r_w').removeClass('i-r_w_a');
|
||||
$('#role_swiper .man').css('display', 'block').siblings('.woman').css('display', 'none');
|
||||
}
|
||||
});
|
||||
$(".wrapperNav a").click(function(){
|
||||
var _index = $(this).index();
|
||||
$(this).addClass('act').siblings().removeClass('act');
|
||||
$(".roleRlide").hide().eq(_index).show();
|
||||
});
|
||||
|
||||
|
||||
//留言弹窗
|
||||
$('.i-b_message').on('click', function() {
|
||||
$('#mask').show().children('.message_mask').show();
|
||||
});
|
||||
$('#mask .close').on('click', function() {
|
||||
$(this).parent().hide().parent('#mask').hide();
|
||||
});
|
||||
27
static/home/js/inserFlash.js
Normal file
@@ -0,0 +1,27 @@
|
||||
$.fn.extend({
|
||||
insertFlash:function(src,url){
|
||||
var w = this.width();
|
||||
var h = this.height();
|
||||
var salf = this;
|
||||
this.css({"width":"800px",height:"800px","opacity":"0"});
|
||||
this.append(this.genereteHtml(800,800,src,url));
|
||||
if(url){
|
||||
$("#conver").css({"width":w,height:h,"display":"block","position":"absolute","z-index":"10000","left":"0","top":"0"})
|
||||
}
|
||||
setTimeout(function(){
|
||||
salf.css({"width":w,"height":h,"opacity":1})
|
||||
},100)
|
||||
},
|
||||
genereteHtml:function(w,h,src,url){
|
||||
var html ='<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="100%" height="100%" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0">';
|
||||
html+='<param name="movie" value="'+src+'">';
|
||||
html+='<param name="quality" value="autohigh">';
|
||||
html+='<param name="wmode" value="Transparent">';
|
||||
html+='<embed src="'+src+'" quality="autohigh" wmode="transparent" name="flashad" swliveconnect="TRUE" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="100%" height="100%">';
|
||||
html+="</object>";
|
||||
if(url){
|
||||
html+='<a href="'+url+'" target="_blank" id="conver"></a>';
|
||||
}
|
||||
return html
|
||||
}
|
||||
});
|
||||
90
static/home/js/jq_mousewheel.js
Normal file
@@ -0,0 +1,90 @@
|
||||
/*! Copyright (c) 2011 Brandon Aaron (http://brandonaaron.net)
|
||||
* Licensed under the MIT License (LICENSE.txt).
|
||||
*
|
||||
* Thanks to: http://adomas.org/javascript-mouse-wheel/ for some pointers.
|
||||
* Thanks to: Mathias Bank(http://www.mathias-bank.de) for a scope bug fix.
|
||||
* Thanks to: Seamus Leahy for adding deltaX and deltaY
|
||||
*
|
||||
* Version: 3.0.6
|
||||
*
|
||||
* Requires: 1.2.2+
|
||||
*/
|
||||
|
||||
(function($) {
|
||||
|
||||
var types = ['DOMMouseScroll', 'mousewheel'];
|
||||
|
||||
if ($.event.fixHooks) {
|
||||
for (var i = types.length; i;) {
|
||||
$.event.fixHooks[types[--i]] = $.event.mouseHooks;
|
||||
}
|
||||
}
|
||||
|
||||
$.event.special.mousewheel = {
|
||||
setup: function() {
|
||||
if (this.addEventListener) {
|
||||
for (var i = types.length; i;) {
|
||||
this.addEventListener(types[--i], handler, false);
|
||||
}
|
||||
} else {
|
||||
this.onmousewheel = handler;
|
||||
}
|
||||
},
|
||||
|
||||
teardown: function() {
|
||||
if (this.removeEventListener) {
|
||||
for (var i = types.length; i;) {
|
||||
this.removeEventListener(types[--i], handler, false);
|
||||
}
|
||||
} else {
|
||||
this.onmousewheel = null;
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
$.fn.extend({
|
||||
mousewheel: function(fn) {
|
||||
return fn ? this.bind("mousewheel", fn) : this.trigger("mousewheel");
|
||||
},
|
||||
|
||||
unmousewheel: function(fn) {
|
||||
return this.unbind("mousewheel", fn);
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
function handler(event) {
|
||||
var orgEvent = event || window.event,
|
||||
args = [].slice.call(arguments, 1),
|
||||
delta = 0,
|
||||
returnValue = true,
|
||||
deltaX = 0,
|
||||
deltaY = 0;
|
||||
event = $.event.fix(orgEvent);
|
||||
event.type = "mousewheel";
|
||||
|
||||
// Old school scrollwheel delta
|
||||
if (orgEvent.wheelDelta) { delta = orgEvent.wheelDelta / 120; }
|
||||
if (orgEvent.detail) { delta = -orgEvent.detail / 3; }
|
||||
|
||||
// New school multidimensional scroll (touchpads) deltas
|
||||
deltaY = delta;
|
||||
|
||||
// Gecko
|
||||
if (orgEvent.axis !== undefined && orgEvent.axis === orgEvent.HORIZONTAL_AXIS) {
|
||||
deltaY = 0;
|
||||
deltaX = -1 * delta;
|
||||
}
|
||||
|
||||
// Webkit
|
||||
if (orgEvent.wheelDeltaY !== undefined) { deltaY = orgEvent.wheelDeltaY / 120; }
|
||||
if (orgEvent.wheelDeltaX !== undefined) { deltaX = -1 * orgEvent.wheelDeltaX / 120; }
|
||||
|
||||
// Add event and delta to the front of the arguments
|
||||
args.unshift(event, delta, deltaX, deltaY);
|
||||
|
||||
return ($.event.dispatch || $.event.handle).apply(this, args);
|
||||
}
|
||||
|
||||
})(jQuery);
|
||||
/* |xGv00|0c5f9ba2d17f5b8891e4fbb77e789dad */
|
||||
2
static/home/js/jquery-1.7.2.min.js
vendored
Normal file
15
static/home/js/jquery.SuperSlide.js
Normal file
5
static/home/js/jquery.min.js
vendored
Normal file
172
static/home/js/picShow1.js
Normal file
@@ -0,0 +1,172 @@
|
||||
/*
|
||||
* 懒人建站 http://www.51xuediannao.com
|
||||
*/
|
||||
|
||||
// t: current time, b: begInnIng value, c: change In value, d: duration
|
||||
jQuery.easing['jswing'] = jQuery.easing['swing'];
|
||||
|
||||
jQuery.extend( jQuery.easing,
|
||||
{
|
||||
def: 'easeOutQuad',
|
||||
swing: function (x, t, b, c, d) {
|
||||
//alert(jQuery.easing.default);
|
||||
return jQuery.easing[jQuery.easing.def](x, t, b, c, d);
|
||||
},
|
||||
easeInQuad: function (x, t, b, c, d) {
|
||||
return c*(t/=d)*t + b;
|
||||
},
|
||||
easeOutQuad: function (x, t, b, c, d) {
|
||||
return -c *(t/=d)*(t-2) + b;
|
||||
},
|
||||
easeInOutQuad: function (x, t, b, c, d) {
|
||||
if ((t/=d/2) < 1) return c/2*t*t + b;
|
||||
return -c/2 * ((--t)*(t-2) - 1) + b;
|
||||
},
|
||||
easeInCubic: function (x, t, b, c, d) {
|
||||
return c*(t/=d)*t*t + b;
|
||||
},
|
||||
easeOutCubic: function (x, t, b, c, d) {
|
||||
return c*((t=t/d-1)*t*t + 1) + b;
|
||||
},
|
||||
easeInOutCubic: function (x, t, b, c, d) {
|
||||
if ((t/=d/2) < 1) return c/2*t*t*t + b;
|
||||
return c/2*((t-=2)*t*t + 2) + b;
|
||||
},
|
||||
easeInQuart: function (x, t, b, c, d) {
|
||||
return c*(t/=d)*t*t*t + b;
|
||||
},
|
||||
easeOutQuart: function (x, t, b, c, d) {
|
||||
return -c * ((t=t/d-1)*t*t*t - 1) + b;
|
||||
},
|
||||
easeInOutQuart: function (x, t, b, c, d) {
|
||||
if ((t/=d/2) < 1) return c/2*t*t*t*t + b;
|
||||
return -c/2 * ((t-=2)*t*t*t - 2) + b;
|
||||
},
|
||||
easeInQuint: function (x, t, b, c, d) {
|
||||
return c*(t/=d)*t*t*t*t + b;
|
||||
},
|
||||
easeOutQuint: function (x, t, b, c, d) {
|
||||
return c*((t=t/d-1)*t*t*t*t + 1) + b;
|
||||
},
|
||||
easeInOutQuint: function (x, t, b, c, d) {
|
||||
if ((t/=d/2) < 1) return c/2*t*t*t*t*t + b;
|
||||
return c/2*((t-=2)*t*t*t*t + 2) + b;
|
||||
},
|
||||
easeInSine: function (x, t, b, c, d) {
|
||||
return -c * Math.cos(t/d * (Math.PI/2)) + c + b;
|
||||
},
|
||||
easeOutSine: function (x, t, b, c, d) {
|
||||
return c * Math.sin(t/d * (Math.PI/2)) + b;
|
||||
},
|
||||
easeInOutSine: function (x, t, b, c, d) {
|
||||
return -c/2 * (Math.cos(Math.PI*t/d) - 1) + b;
|
||||
},
|
||||
easeInExpo: function (x, t, b, c, d) {
|
||||
return (t==0) ? b : c * Math.pow(2, 10 * (t/d - 1)) + b;
|
||||
},
|
||||
easeOutExpo: function (x, t, b, c, d) {
|
||||
return (t==d) ? b+c : c * (-Math.pow(2, -10 * t/d) + 1) + b;
|
||||
},
|
||||
easeInOutExpo: function (x, t, b, c, d) {
|
||||
if (t==0) return b;
|
||||
if (t==d) return b+c;
|
||||
if ((t/=d/2) < 1) return c/2 * Math.pow(2, 10 * (t - 1)) + b;
|
||||
return c/2 * (-Math.pow(2, -10 * --t) + 2) + b;
|
||||
},
|
||||
easeInCirc: function (x, t, b, c, d) {
|
||||
return -c * (Math.sqrt(1 - (t/=d)*t) - 1) + b;
|
||||
},
|
||||
easeOutCirc: function (x, t, b, c, d) {
|
||||
return c * Math.sqrt(1 - (t=t/d-1)*t) + b;
|
||||
},
|
||||
easeInOutCirc: function (x, t, b, c, d) {
|
||||
if ((t/=d/2) < 1) return -c/2 * (Math.sqrt(1 - t*t) - 1) + b;
|
||||
return c/2 * (Math.sqrt(1 - (t-=2)*t) + 1) + b;
|
||||
},
|
||||
easeInElastic: function (x, t, b, c, d) {
|
||||
var s=1.70158;var p=0;var a=c;
|
||||
if (t==0) return b; if ((t/=d)==1) return b+c; if (!p) p=d*.3;
|
||||
if (a < Math.abs(c)) { a=c; var s=p/4; }
|
||||
else var s = p/(2*Math.PI) * Math.asin (c/a);
|
||||
return -(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;
|
||||
},
|
||||
easeOutElastic: function (x, t, b, c, d) {
|
||||
var s=1.70158;var p=0;var a=c;
|
||||
if (t==0) return b; if ((t/=d)==1) return b+c; if (!p) p=d*.3;
|
||||
if (a < Math.abs(c)) { a=c; var s=p/4; }
|
||||
else var s = p/(2*Math.PI) * Math.asin (c/a);
|
||||
return a*Math.pow(2,-10*t) * Math.sin( (t*d-s)*(2*Math.PI)/p ) + c + b;
|
||||
},
|
||||
easeInOutElastic: function (x, t, b, c, d) {
|
||||
var s=1.70158;var p=0;var a=c;
|
||||
if (t==0) return b; if ((t/=d/2)==2) return b+c; if (!p) p=d*(.3*1.5);
|
||||
if (a < Math.abs(c)) { a=c; var s=p/4; }
|
||||
else var s = p/(2*Math.PI) * Math.asin (c/a);
|
||||
if (t < 1) return -.5*(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;
|
||||
return a*Math.pow(2,-10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )*.5 + c + b;
|
||||
},
|
||||
easeInBack: function (x, t, b, c, d, s) {
|
||||
if (s == undefined) s = 1.70158;
|
||||
return c*(t/=d)*t*((s+1)*t - s) + b;
|
||||
},
|
||||
easeOutBack: function (x, t, b, c, d, s) {
|
||||
if (s == undefined) s = 1.70158;
|
||||
return c*((t=t/d-1)*t*((s+1)*t + s) + 1) + b;
|
||||
},
|
||||
easeInOutBack: function (x, t, b, c, d, s) {
|
||||
if (s == undefined) s = 1.70158;
|
||||
if ((t/=d/2) < 1) return c/2*(t*t*(((s*=(1.525))+1)*t - s)) + b;
|
||||
return c/2*((t-=2)*t*(((s*=(1.525))+1)*t + s) + 2) + b;
|
||||
},
|
||||
easeInBounce: function (x, t, b, c, d) {
|
||||
return c - jQuery.easing.easeOutBounce (x, d-t, 0, c, d) + b;
|
||||
},
|
||||
easeOutBounce: function (x, t, b, c, d) {
|
||||
if ((t/=d) < (1/2.75)) {
|
||||
return c*(7.5625*t*t) + b;
|
||||
} else if (t < (2/2.75)) {
|
||||
return c*(7.5625*(t-=(1.5/2.75))*t + .75) + b;
|
||||
} else if (t < (2.5/2.75)) {
|
||||
return c*(7.5625*(t-=(2.25/2.75))*t + .9375) + b;
|
||||
} else {
|
||||
return c*(7.5625*(t-=(2.625/2.75))*t + .984375) + b;
|
||||
}
|
||||
},
|
||||
easeInOutBounce: function (x, t, b, c, d) {
|
||||
if (t < d/2) return jQuery.easing.easeInBounce (x, t*2, 0, c, d) * .5 + b;
|
||||
return jQuery.easing.easeOutBounce (x, t*2-d, 0, c, d) * .5 + c*.5 + b;
|
||||
}
|
||||
});
|
||||
|
||||
/*
|
||||
*
|
||||
* TERMS OF USE - EASING EQUATIONS
|
||||
*
|
||||
* Open source under the BSD License.
|
||||
*
|
||||
* Copyright © 2001 Robert Penner
|
||||
* All rights reserved.
|
||||
*
|
||||
* Redistribution and use in source and binary forms, with or without modification,
|
||||
* are permitted provided that the following conditions are met:
|
||||
*
|
||||
* Redistributions of source code must retain the above copyright notice, this list of
|
||||
* conditions and the following disclaimer.
|
||||
* Redistributions in binary form must reproduce the above copyright notice, this list
|
||||
* of conditions and the following disclaimer in the documentation and/or other materials
|
||||
* provided with the distribution.
|
||||
*
|
||||
* Neither the name of the author nor the names of contributors may be used to endorse
|
||||
* or promote products derived from this software without specific prior written permission.
|
||||
*
|
||||
* THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY
|
||||
* EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
|
||||
* MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE
|
||||
* COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
|
||||
* EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE
|
||||
* GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED
|
||||
* AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
|
||||
* NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED
|
||||
* OF THE POSSIBILITY OF SUCH DAMAGE.
|
||||
*
|
||||
*/
|
||||
746
static/home/js/picShow2.js
Normal file
@@ -0,0 +1,746 @@
|
||||
/**
|
||||
* ÀÁÈ˽¨Õ¾ http://www.51xuediannao.com
|
||||
*/
|
||||
|
||||
jQuery.bind = function(object, method){
|
||||
var args = Array.prototype.slice.call(arguments, 2);
|
||||
return function() {
|
||||
var args2 = [this].concat(args, $.makeArray( arguments ));
|
||||
return method.apply(object, args2);
|
||||
};
|
||||
};
|
||||
|
||||
(function($) {
|
||||
|
||||
SexyLightbox = {
|
||||
getOptions: function() {
|
||||
return {
|
||||
name : 'SLB',
|
||||
zIndex : 32000,
|
||||
color : 'black',
|
||||
find : 'sexylightbox',
|
||||
dir : 'sexyimages',
|
||||
emergefrom : 'top',
|
||||
background : 'bgSexy.png',
|
||||
backgroundIE : 'bgSexy.gif',
|
||||
buttons : 'buttons.png',
|
||||
displayed : 0,
|
||||
showDuration : 200,
|
||||
closeDuration : 400,
|
||||
moveDuration : 1000,
|
||||
moveEffect : 'easeInOutBack',
|
||||
resizeDuration: 1000,
|
||||
resizeEffect : 'easeInOutBack',
|
||||
shake : {
|
||||
distance : 10,
|
||||
duration : 100,
|
||||
transition : 'easeInOutBack',
|
||||
loops : 2
|
||||
},
|
||||
BoxStyles : { 'width' : 486, 'height': 320 },
|
||||
Skin : {
|
||||
'white' : { 'hexcolor': '#FFFFFF', 'captionColor': '#000000', 'background-color': '#000000', 'opacity': 0.6 },
|
||||
'black' : { 'hexcolor': '#000000', 'captionColor': '#FFFFFF', 'background-color': '#000000', 'opacity': 0.6 },
|
||||
'blanco': { 'hexcolor': '#FFFFFF', 'captionColor': '#000000', 'background-color': '#000000', 'opacity': 0.6 },
|
||||
'negro' : { 'hexcolor': '#000000', 'captionColor': '#FFFFFF', 'background-color': '#000000', 'opacity': 0.6 }
|
||||
}
|
||||
};
|
||||
},
|
||||
|
||||
overlay: {
|
||||
create: function(options) {
|
||||
this.options = options;
|
||||
this.element = $('<div id="'+new Date().getTime()+'"></div>');
|
||||
this.element.css($.extend({}, {
|
||||
'position' : 'absolute',
|
||||
'top' : 0,
|
||||
'left' : 0,
|
||||
'opacity' : 0,
|
||||
'display' : 'none',
|
||||
'z-index' : this.options.zIndex
|
||||
}, this.options.style));
|
||||
|
||||
this.element.bind('click', $.bind(this, function(obj, event) {
|
||||
if (this.options.hideOnClick) {
|
||||
if (this.options.callback) {
|
||||
this.options.callback();
|
||||
} else {
|
||||
this.hide();
|
||||
}
|
||||
}
|
||||
event.preventDefault();
|
||||
}));
|
||||
|
||||
this.hidden = true;
|
||||
this.inject();
|
||||
},
|
||||
|
||||
inject: function() {
|
||||
this.target = $(document.body);
|
||||
this.target.append(this.element);
|
||||
|
||||
//if((Browser.Engine.trident4 || (Browser.Engine.gecko && !Browser.Engine.gecko19 && Browser.Platform.mac)))
|
||||
if($.browser.msie && $.browser.version=="6.0")
|
||||
// No tengo tiempo para agregar la detecci?n del OS que deber?a
|
||||
// haber estado integrada en jQuery, pero que el est?pido de su creador no puso
|
||||
// Me cago en John Resig
|
||||
{
|
||||
var zIndex = parseInt(this.element.css('zIndex'));
|
||||
if (!zIndex)
|
||||
{
|
||||
zIndex = 1;
|
||||
var pos = this.element.css('position');
|
||||
if (pos == 'static' || !pos)
|
||||
{
|
||||
this.element.css({'position': 'relative'});
|
||||
}
|
||||
this.element.css({'zIndex': zIndex});
|
||||
}
|
||||
// Diossss por diosss, pongan funciones ?tiles en jQuery,
|
||||
// no todo es Selectores! la puta madre, lo que hay que hacer
|
||||
// para detectar si una variable est? definida:
|
||||
zIndex = (!!(this.options.zIndex || this.options.zIndex === 0) && zIndex > this.options.zIndex) ? this.options.zIndex : zIndex - 1;
|
||||
if (zIndex < 0)
|
||||
{
|
||||
zIndex = 1;
|
||||
}
|
||||
this.shim = $('<iframe id="IF_'+new Date().getTime()+'" scrolling="no" frameborder=0 src=""></div>');
|
||||
this.shim.css({
|
||||
zIndex : zIndex,
|
||||
position : 'absolute',
|
||||
top : 0,
|
||||
left : 0,
|
||||
border : 'none',
|
||||
opacity : 0
|
||||
});
|
||||
this.shim.insertAfter(this.element);
|
||||
}
|
||||
|
||||
},
|
||||
|
||||
resize: function(x, y) {
|
||||
this.element.css({ 'height': 0, 'width': 0 });
|
||||
if (this.shim) this.shim.css({ 'height': 0, 'width': 0 });
|
||||
|
||||
var win = { x: $(document).width(), y: $(document).height() };
|
||||
var chromebugfix = $.browser.safari ? (win.x - 25 < document.body.clientWidth ? document.body.clientWidth : win.x) : win.x;
|
||||
|
||||
this.element.css({
|
||||
width : x ? x : chromebugfix, //* chrome fix
|
||||
height : y ? y : win.y
|
||||
});
|
||||
|
||||
if (this.shim)
|
||||
{
|
||||
this.shim.css({ 'height': 0, 'width': 0 });
|
||||
this.shim.css({
|
||||
width : x ? x : chromebugfix, //* chrome fix
|
||||
height : y ? y : win.y
|
||||
});
|
||||
}
|
||||
return this;
|
||||
},
|
||||
|
||||
show: function() {
|
||||
if (!this.hidden) return this;
|
||||
if (this.transition) this.transition.stop();
|
||||
this.target.bind('resize', $.bind(this, this.resize));
|
||||
this.resize();
|
||||
if (this.shim) this.shim.css({'display': 'block'});
|
||||
this.hidden = false;
|
||||
|
||||
|
||||
this.transition = this.element.fadeIn(this.options.showDuration, $.bind(this, function(){
|
||||
this.element.trigger('show');
|
||||
}));
|
||||
|
||||
return this;
|
||||
},
|
||||
|
||||
hide: function() {
|
||||
if (this.hidden) return this;
|
||||
if (this.transition) this.transition.stop();
|
||||
this.target.unbind('resize');
|
||||
if (this.shim) this.shim.css({'display': 'none'});
|
||||
this.hidden = true;
|
||||
|
||||
this.transition = this.element.fadeOut(this.options.closeDuration, $.bind(this, function(){
|
||||
this.element.trigger('hide');
|
||||
this.element.css({ 'height': 0, 'width': 0 });
|
||||
}));
|
||||
|
||||
return this;
|
||||
}
|
||||
|
||||
},
|
||||
|
||||
backwardcompatibility: function(option) {
|
||||
this.options.dir = option.imagesdir || option.path || option.folder || option.dir;
|
||||
this.options.OverlayStyles = $.extend(this.options.Skin[this.options.color], this.options.OverlayStyles || {});
|
||||
},
|
||||
|
||||
preloadimage: function(url) {
|
||||
img = new Image();
|
||||
img.src = url;
|
||||
},
|
||||
|
||||
initialize: function(options) {
|
||||
this.options = $.extend(this.getOptions(), options);
|
||||
this.backwardcompatibility(this.options);
|
||||
|
||||
var strBG = this.options.dir+'/'+this.options.color+'/'+((((window.XMLHttpRequest == undefined) && (ActiveXObject != undefined)))?this.options.backgroundIE:this.options.background);
|
||||
var name = this.options.name;
|
||||
|
||||
this.preloadimage(strBG);
|
||||
this.preloadimage(this.options.dir+'/'+this.options.color+'/'+this.options.buttons);
|
||||
|
||||
this.overlay.create({
|
||||
style : this.options.Skin[this.options.color],
|
||||
hideOnClick : true,
|
||||
zIndex : this.options.zIndex-1,
|
||||
callback : $.bind(this, this.close),
|
||||
showDuration : this.options.showDuration,
|
||||
showEffect : this.options.showEffect,
|
||||
closeDuration : this.options.closeDuration,
|
||||
closeEffect : this.options.closeEffect
|
||||
});
|
||||
|
||||
this.lightbox = {};
|
||||
|
||||
$('body').append('<div id="'+name+'-Wrapper"><div id="'+name+'-Background"></div><div id="'+name+'-Contenedor"><div id="'+name+'-Top" style="background-image: url('+strBG+')"><a id="'+name+'-CloseButton" href="#"> </a><div id="'+name+'-TopLeft" style="background-image: url('+strBG+')"></div></div><div id="'+name+'-Contenido"></div><div id="'+name+'-Bottom" style="background-image: url('+strBG+')"><div id="'+name+'-BottomRight" style="background-image: url('+strBG+')"><div id="'+name+'-Navegador"><strong id="'+name+'-Caption"></strong></div></div></div></div></div>');
|
||||
|
||||
this.Wrapper = $('#'+name+'-Wrapper');
|
||||
this.Background = $('#'+name+'-Background');
|
||||
this.Contenedor = $('#'+name+'-Contenedor');
|
||||
this.Top = $('#'+name+'-Top');
|
||||
this.CloseButton = $('#'+name+'-CloseButton');
|
||||
this.Contenido = $('#'+name+'-Contenido');
|
||||
this.bb = $('#'+name+'-Bottom');
|
||||
this.innerbb = $('#'+name+'-BottomRight');
|
||||
this.Nav = $('#'+name+'-Navegador');
|
||||
this.Descripcion = $('#'+name+'-Caption');
|
||||
|
||||
this.Wrapper.css({
|
||||
'z-index' : this.options.zIndex,
|
||||
'display' : 'none'
|
||||
}).hide();
|
||||
|
||||
this.Background.css({
|
||||
'z-index' : this.options.zIndex + 1
|
||||
});
|
||||
|
||||
this.Contenedor.css({
|
||||
'position' : 'absolute',
|
||||
'width' : this.options.BoxStyles['width'],
|
||||
'z-index' : this.options.zIndex + 2
|
||||
});
|
||||
|
||||
this.Contenido.css({
|
||||
'height' : this.options.BoxStyles['height'],
|
||||
'border-left-color' : this.options.Skin[this.options.color].hexcolor,
|
||||
'border-right-color': this.options.Skin[this.options.color].hexcolor
|
||||
});
|
||||
|
||||
this.CloseButton.css({
|
||||
'background-image' : 'url('+this.options.dir+'/'+this.options.color+'/'+this.options.buttons+')'
|
||||
});
|
||||
|
||||
this.Nav.css({
|
||||
'color' : this.options.Skin[this.options.color].captionColor
|
||||
});
|
||||
|
||||
this.Descripcion.css({
|
||||
'color' : this.options.Skin[this.options.color].captionColor
|
||||
});
|
||||
|
||||
|
||||
|
||||
/**
|
||||
* AGREGAMOS LOS EVENTOS
|
||||
************************/
|
||||
|
||||
this.CloseButton.bind('click', $.bind(this, function(){
|
||||
this.close();
|
||||
return false;
|
||||
}));
|
||||
|
||||
$(document).bind('keydown', $.bind(this, function(obj, event){
|
||||
if (this.options.displayed == 1) {
|
||||
if (event.keyCode == 27){
|
||||
this.close();
|
||||
}
|
||||
|
||||
if (event.keyCode == 37){
|
||||
if (this.prev) {
|
||||
this.prev.trigger('click', event);
|
||||
}
|
||||
}
|
||||
|
||||
if (event.keyCode == 39){
|
||||
if (this.next) {
|
||||
this.next.trigger('click', event);
|
||||
}
|
||||
}
|
||||
}
|
||||
}));
|
||||
|
||||
$(window).bind('resize', $.bind(this, function() {
|
||||
if(this.options.displayed == 1) {
|
||||
this.replaceBox();
|
||||
this.overlay.resize();
|
||||
}
|
||||
}));
|
||||
|
||||
$(window).bind('scroll', $.bind(this, function() {
|
||||
if(this.options.displayed == 1) {
|
||||
this.replaceBox();
|
||||
}
|
||||
}));
|
||||
|
||||
this.refresh();
|
||||
|
||||
},
|
||||
|
||||
hook: function(enlace) {
|
||||
enlace = $(enlace);
|
||||
enlace.blur();
|
||||
this.show((enlace.attr("title") || enlace.attr("name") || ""), enlace.attr("href"), (enlace.attr('rel') || false));
|
||||
},
|
||||
|
||||
close: function() {
|
||||
this.animate(0);
|
||||
},
|
||||
|
||||
refresh: function() {
|
||||
var self = this;
|
||||
this.anchors = [];
|
||||
|
||||
$("a, area").each(function() {
|
||||
if ($(this).attr('rel') && new RegExp("^"+self.options.find).test($(this).attr('rel'))){
|
||||
$(this).click(function(event) {
|
||||
event.preventDefault();
|
||||
self.hook(this);
|
||||
});
|
||||
|
||||
if (!($(this).attr('id')==self.options.name+"-Left" || $(this).attr('id')==self.options.name+"-Right")) {
|
||||
self.anchors.push(this);
|
||||
}
|
||||
}
|
||||
});
|
||||
},
|
||||
|
||||
animate: function(option) {
|
||||
if(this.options.displayed == 0 && option != 0 || option == 1)
|
||||
{
|
||||
this.overlay.show();
|
||||
this.options.displayed = 1;
|
||||
this.Wrapper.css({'display': 'block'});
|
||||
}
|
||||
else //Cerrar el Lightbox
|
||||
{
|
||||
this.Wrapper.css({
|
||||
'display' : 'none',
|
||||
'top' : -(this.options.BoxStyles['height']+280)
|
||||
}).hide();
|
||||
|
||||
this.overlay.hide();
|
||||
this.overlay.element.bind('hide', $.bind(this, function(){
|
||||
if (this.options.displayed) {
|
||||
if (this.Image) this.Image.remove();
|
||||
this.options.displayed = 0;
|
||||
}
|
||||
}));
|
||||
}
|
||||
},
|
||||
|
||||
/*
|
||||
Function: replaceBox
|
||||
@description Cambiar de tama?o y posicionar el lightbox en el centro de la pantalla
|
||||
*/
|
||||
replaceBox: function(data) {
|
||||
var size = { x: $(window).width(), y: $(window).height() };
|
||||
var scroll = { x: $(window).scrollLeft(), y: $(window).scrollTop() };
|
||||
var width = this.options.BoxStyles['width'];
|
||||
var height = this.options.BoxStyles['height'];
|
||||
|
||||
if (this.options.displayed == 0)
|
||||
{
|
||||
var x = 0;
|
||||
var y = 0;
|
||||
|
||||
// vertically center
|
||||
y = scroll.x + ((size.x - width) / 2);
|
||||
|
||||
if (this.options.emergefrom == "bottom")
|
||||
{
|
||||
x = (scroll.y + size.y + 80);
|
||||
}
|
||||
else // top
|
||||
{
|
||||
x = (scroll.y - height) - 80;
|
||||
}
|
||||
|
||||
this.Wrapper.css({
|
||||
'display' : 'none',
|
||||
'top' : x,
|
||||
'left' : y
|
||||
});
|
||||
this.Contenedor.css({
|
||||
'width' : width
|
||||
});
|
||||
this.Contenido.css({
|
||||
'height' : height - 80
|
||||
});
|
||||
}
|
||||
|
||||
data = $.extend({}, {
|
||||
'width' : this.lightbox.width,
|
||||
'height' : this.lightbox.height,
|
||||
'resize' : 0
|
||||
}, data);
|
||||
|
||||
if (this.MoveBox) this.MoveBox.stop();
|
||||
|
||||
this.MoveBox = this.Wrapper.animate({
|
||||
'left': (scroll.x + ((size.x - data.width) / 2)),
|
||||
'top' : (scroll.y + (size.y - (data.height + (this.navigator ? 80 : 48))) / 2)
|
||||
}, {
|
||||
duration : this.options.moveDuration,
|
||||
easing : this.options.moveEffect
|
||||
});
|
||||
|
||||
if (data.resize) {
|
||||
if (this.ResizeBox2) this.ResizeBox2.stop();
|
||||
this.ResizeBox2 = this.Contenido.animate({
|
||||
height : data.height
|
||||
}, {
|
||||
duration : this.options.resizeDuration,
|
||||
easing : this.options.resizeEffect
|
||||
});
|
||||
|
||||
if (this.ResizeBox) this.ResizeBox.stop();
|
||||
|
||||
this.ResizeBox = this.Contenedor.animate({
|
||||
width : data.width
|
||||
}, {
|
||||
duration : this.options.resizeDuration,
|
||||
easing : this.options.resizeEffect,
|
||||
complete : function(){
|
||||
$(this).trigger('complete');
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
},
|
||||
|
||||
getInfo: function (image, id) {
|
||||
image=$(image);
|
||||
IEuta = $('<a id="'+this.options.name+'-'+id+'" title="'+image.attr('title')+'" rel="'+image.attr('rel')+'"> </a>');
|
||||
IEuta.css({ 'background-image' : 'url('+this.options.dir+'/'+this.options.color+'/'+this.options.buttons+')' });
|
||||
IEuta.attr('href', image.attr('href')); //IE fix
|
||||
return IEuta;
|
||||
},
|
||||
|
||||
display: function(url, title, force) {
|
||||
return this.show(title, url, '', force);
|
||||
},
|
||||
|
||||
show: function(caption, url, rel, force) {
|
||||
this.showLoading();
|
||||
|
||||
var baseURL = url.match(/(.+)?/)[1] || url;
|
||||
var imageURL = /\.(jpe?g|png|gif|bmp)/gi;
|
||||
var queryString = url.match(/\?(.+)/);
|
||||
if (queryString) queryString = queryString[1];
|
||||
var params = this.parseQuery( queryString );
|
||||
|
||||
if (this.ResizeBox) this.ResizeBox.unbind('complete'); //fix for jQuery
|
||||
|
||||
params = $.extend({}, {
|
||||
'width' : 0,
|
||||
'height' : 0,
|
||||
'modal' : 0,
|
||||
'background': '',
|
||||
'title' : caption
|
||||
}, params || {});
|
||||
|
||||
params['width'] = parseInt(params['width']);
|
||||
params['height'] = parseInt(params['height']);
|
||||
params['modal'] = parseInt(params['modal']);
|
||||
|
||||
this.overlay.options.hideOnClick = !params['modal'];
|
||||
this.lightbox = $.extend({}, params, { 'width' : params['width'] + 14 });
|
||||
this.navigator = this.lightbox.title ? true : false;
|
||||
|
||||
if ( force=='image' || baseURL.match(imageURL) )
|
||||
{
|
||||
this.img = new Image();
|
||||
this.img.onload = $.bind(this, function(){
|
||||
this.img.onload=function(){};
|
||||
if (!params['width'])
|
||||
{
|
||||
var objsize = this.calculate(this.img.width, this.img.height);
|
||||
params['width'] = objsize.x;
|
||||
params['height'] = objsize.y;
|
||||
this.lightbox.width = params['width'] + 14;
|
||||
}
|
||||
|
||||
this.lightbox.height = params['height'] - (this.navigator ? 21 : 35);
|
||||
|
||||
this.replaceBox({ 'resize' : 1 });
|
||||
|
||||
// Mostrar la imagen, solo cuando la animacion de resizado se ha completado
|
||||
this.ResizeBox.bind('complete', $.bind(this, function(){
|
||||
this.showImage(this.img.src, params);
|
||||
}));
|
||||
});
|
||||
|
||||
this.img.onerror = $.bind(this, function() {
|
||||
this.show('', this.options.imagesdir+'/'+this.options.color+'/404.png', this.options.find);
|
||||
});
|
||||
|
||||
this.img.src = url;
|
||||
|
||||
} else { //code to show html pages
|
||||
|
||||
this.lightbox.height = params['height']+($.browser.opera?2:0);
|
||||
this.replaceBox({'resize' : 1});
|
||||
|
||||
if (url.indexOf('TB_inline') != -1) //INLINE ID
|
||||
{
|
||||
this.ResizeBox.bind('complete', $.bind(this, function(){
|
||||
this.showContent($('#'+params['inlineId']).html(), this.lightbox);
|
||||
}));
|
||||
}
|
||||
else if(url.indexOf('TB_iframe') != -1) //IFRAME
|
||||
{
|
||||
var urlNoQuery = url.split('TB_');
|
||||
this.ResizeBox.bind('complete', $.bind(this, function(){
|
||||
this.showIframe(urlNoQuery[0], this.lightbox);
|
||||
}));
|
||||
}
|
||||
else //AJAX
|
||||
{
|
||||
this.ResizeBox.bind('complete', $.bind(this, function(){
|
||||
$.ajax({
|
||||
url: url,
|
||||
type: "GET",
|
||||
cache: false,
|
||||
error: $.bind(this, function(){this.show('', this.options.imagesdir+'/'+this.options.color+'/404html.png', this.options.find)}),
|
||||
success: $.bind(this, this.handlerFunc)
|
||||
});
|
||||
}));
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
this.next = false;
|
||||
this.prev = false;
|
||||
//Si la imagen pertenece a un grupo
|
||||
if (rel.length > this.options.find.length)
|
||||
{
|
||||
this.navigator = true;
|
||||
var foundSelf = false;
|
||||
var exit = false;
|
||||
var self = this;
|
||||
|
||||
$.each(this.anchors, function(index){
|
||||
if ($(this).attr('rel') == rel && !exit) {
|
||||
if ($(this).attr('href') == url) {
|
||||
foundSelf = true;
|
||||
} else {
|
||||
if (foundSelf) {
|
||||
self.next = self.getInfo(this, "Right");
|
||||
//stop searching
|
||||
exit = true;
|
||||
} else {
|
||||
self.prev = self.getInfo(this, "Left");
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
this.addButtons();
|
||||
this.showNavBar(caption);
|
||||
this.animate(1);
|
||||
},// end function
|
||||
|
||||
calculate: function(x, y) {
|
||||
// Resizing large images
|
||||
var maxx = $(window).width() - 100;
|
||||
var maxy = $(window).height() - 100;
|
||||
|
||||
if (x > maxx)
|
||||
{
|
||||
y = y * (maxx / x);
|
||||
x = maxx;
|
||||
if (y > maxy)
|
||||
{
|
||||
x = x * (maxy / y);
|
||||
y = maxy;
|
||||
}
|
||||
}
|
||||
else if (y > maxy)
|
||||
{
|
||||
x = x * (maxy / y);
|
||||
y = maxy;
|
||||
if (x > maxx)
|
||||
{
|
||||
y = y * (maxx / x);
|
||||
x = maxx;
|
||||
}
|
||||
}
|
||||
// End Resizing
|
||||
return {x: parseInt(x), y: parseInt(y)};
|
||||
},
|
||||
|
||||
handlerFunc: function(obj, html) {
|
||||
this.showContent(html, this.lightbox);
|
||||
},
|
||||
|
||||
addButtons: function(){
|
||||
if(this.prev) this.prev.bind('click', $.bind(this, function(obj, event) {event.preventDefault();this.hook(this.prev);}));
|
||||
if(this.next) this.next.bind('click', $.bind(this, function(obj, event) {event.preventDefault();this.hook(this.next);}));
|
||||
},
|
||||
|
||||
showNavBar: function() {
|
||||
if (this.navigator)
|
||||
{
|
||||
this.bb.addClass("SLB-bbnav");
|
||||
this.Nav.empty();
|
||||
this.innerbb.empty();
|
||||
this.innerbb.append(this.Nav);
|
||||
this.Descripcion.html(this.lightbox.title);
|
||||
this.Nav.append(this.prev);
|
||||
this.Nav.append(this.next);
|
||||
this.Nav.append(this.Descripcion);
|
||||
}
|
||||
else
|
||||
{
|
||||
this.bb.removeClass("SLB-bbnav");
|
||||
this.innerbb.empty();
|
||||
}
|
||||
},
|
||||
|
||||
showImage: function(image, size) {
|
||||
this.Background.empty().removeAttr('style').css({'width':'auto', 'height':'auto'}).append('<img id="'+this.options.name+'-Image"/>');
|
||||
this.Image = $('#'+this.options.name+'-Image');
|
||||
this.Image.attr('src', image).css({
|
||||
'width' : size['width'],
|
||||
'height' : size['height']
|
||||
});
|
||||
|
||||
this.Contenedor.css({
|
||||
'background' : 'none'
|
||||
});
|
||||
|
||||
this.Contenido.empty().css({
|
||||
'background-color': 'transparent',
|
||||
'padding' : '0px',
|
||||
'width' : 'auto'
|
||||
});
|
||||
},
|
||||
|
||||
showContent: function(html, size) {
|
||||
this.Background.empty().css({
|
||||
'width' : size['width']-14,
|
||||
'height' : size['height']+35,
|
||||
'background-color' : size['background'] || '#ffffff'
|
||||
});
|
||||
|
||||
this.Contenido.empty().css({
|
||||
'width' : size['width']-14,
|
||||
'background-color' : size['background'] || '#ffffff'
|
||||
}).append('<div id="'+this.options.name+'-Image"/>');
|
||||
|
||||
this.Image = $('#'+this.options.name+'-Image');
|
||||
this.Image.css({
|
||||
'width' : size['width']-14,
|
||||
'height' : size['height'],
|
||||
'overflow' : 'auto',
|
||||
'background' : size['height'] || '#ffffff'
|
||||
}).append(html);
|
||||
|
||||
this.Contenedor.css({
|
||||
'background': 'none'
|
||||
});
|
||||
},
|
||||
|
||||
showIframe: function(src, size, bg) {
|
||||
this.Background.empty().css({
|
||||
'width' : size['width']-14,
|
||||
'height' : size['height']+35,
|
||||
'background-color': size['background'] || '#ffffff'
|
||||
});
|
||||
|
||||
var id = "if_"+new Date().getTime()+"-Image";
|
||||
|
||||
this.Contenido.empty().css({
|
||||
'width' : size['width']-14,
|
||||
'background-color' : size['background'] || '#ffffff',
|
||||
'padding' : '0px'
|
||||
}).append('<iframe id="'+id+'" frameborder="0"></iframe>');
|
||||
|
||||
this.Image = $('#'+id);
|
||||
this.Image.css({
|
||||
'width' : size['width']-14,
|
||||
'height' : size['height'],
|
||||
'background' : size['background'] || '#ffffff'
|
||||
}).attr('src', src);
|
||||
|
||||
this.Contenedor.css({
|
||||
'background' : 'none'
|
||||
});
|
||||
},
|
||||
|
||||
showLoading: function() {
|
||||
this.Background.empty().removeAttr('style').css({'width':'auto', 'height':'auto'});
|
||||
this.Contenido.empty().css({
|
||||
'background-color' : 'transparent',
|
||||
'padding' : '0px',
|
||||
'width' : 'auto'
|
||||
});
|
||||
this.Contenedor.css({
|
||||
'background' : 'url('+this.options.dir+'/'+this.options.color+'/loading.gif) no-repeat 50% 50%'
|
||||
});
|
||||
|
||||
this.Contenido.empty().css({
|
||||
'background-color': 'transparent',
|
||||
'padding' : '0px',
|
||||
'width' : 'auto'
|
||||
});
|
||||
|
||||
this.replaceBox($.extend(this.options.BoxStyles, {'resize' : 1}));
|
||||
},
|
||||
|
||||
parseQuery: function (query) {
|
||||
if( !query )
|
||||
return {};
|
||||
var params = {};
|
||||
|
||||
var pairs = query.split(/[;&]/);
|
||||
for ( var i = 0; i < pairs.length; i++ ) {
|
||||
var pair = pairs[i].split('=');
|
||||
if ( !pair || pair.length != 2 )
|
||||
continue;
|
||||
params[unescape(pair[0])] = unescape(pair[1]).replace(/\+/g, ' ');
|
||||
}
|
||||
return params;
|
||||
},
|
||||
|
||||
shake: function() {
|
||||
var d=this.options.shake.distance;
|
||||
var l=this.Wrapper.position();
|
||||
l=l.left;
|
||||
for(x=0;x<this.options.shake.loops;x++) {
|
||||
this.Wrapper.animate({left: l+d}, this.options.shake.duration, this.options.shake.transition)
|
||||
.animate({left: l-d}, this.options.shake.duration, this.options.shake.transition);
|
||||
}
|
||||
this.Wrapper.animate({"left": l+d}, this.options.shake.duration, this.options.shake.transition)
|
||||
.animate({"left": l}, this.options.shake.duration, this.options.shake.transition);
|
||||
}
|
||||
|
||||
}
|
||||
})(jQuery);
|
||||
5
static/home/js/require.js
Normal file
140
static/home/js/top.js
Normal file
@@ -0,0 +1,140 @@
|
||||
define(function() {
|
||||
var SendAjax = function (url,callback){
|
||||
$.ajax({
|
||||
type : 'GET',
|
||||
cache : true,
|
||||
url : url,
|
||||
dataType : 'jsonp',
|
||||
jsonp : 'jsonpCallback',
|
||||
async : false,
|
||||
success : callback
|
||||
});
|
||||
};
|
||||
|
||||
var insertHtml = function(bah,url){
|
||||
var jc = location.href.split('/')[2].split('.')[0];
|
||||
var bah = bah||'文网游备字〔2022〕W-RPG 001 号';
|
||||
var url = url||'';
|
||||
|
||||
var htmlft='<div id="footer_b">';
|
||||
htmlft+='<div class="top">';
|
||||
htmlft+='<div class="footer_logo">';
|
||||
htmlft+='<a class="footer_logo_a" title="网页游戏平台">网页游戏</a>';
|
||||
htmlft+='</div>';
|
||||
htmlft+='<div class="footer_link">';
|
||||
htmlft+='<a>关于我们</a> | <a>商务合作</a> | <a>客服中心</a> | <a>人才招聘</a> | <a>家长监护</a><br>';
|
||||
htmlft+='</div>';
|
||||
htmlft+='</div>';
|
||||
htmlft+='<div class="footer_info">';
|
||||
htmlft+='<div class="footer_1002">';
|
||||
htmlft+='<p style="height: 30px;line-height: 30px;">游戏平台—做玩家最爱,最信任的游戏平台!适龄提示:本游戏适合18岁以上玩家进入!</p>';
|
||||
htmlft+='<p style="height: 30px;line-height: 30px;">游戏版权所有 Copyright (c) 2022 317743968Game All Rights Reserved </p>';
|
||||
htmlft+='<p style="line-height: 40px;height: 40px"><a style="color: #666">粤ICP备123456789号-2</a> ';
|
||||
htmlft+='<a style="color: #666">粤公网安备007号</a> ';
|
||||
htmlft+='<a style="color: #666">粤网文[2022] 001-007号 </a>';
|
||||
htmlft+=' '+bah;
|
||||
htmlft+='</p>';
|
||||
htmlft+='</div>';
|
||||
htmlft+='</div>';
|
||||
htmlft+='</div>';
|
||||
$("#top .top-pay").attr("href", 'http://' + location.host + '/?g=' + jc);
|
||||
$("body").append(htmlft);
|
||||
};
|
||||
|
||||
var insertGameList = function () {
|
||||
/*var url = '//' + location.host + '/?m=game&c=gameApi&a=getHomeGameApi&random=' + Math.random();
|
||||
var html = "";
|
||||
SendAjax(url,function(result){
|
||||
if(!result){return false}
|
||||
html += "<dt>热门游戏</dt>";
|
||||
for(var i in result){
|
||||
if(result[i].g_org&&result[i].g_name){
|
||||
if(i%3==0){html+="<tr>"}
|
||||
html+= "<dd><a class='hot-icon' href='"+result[i].g_org+"'>"+result[i].g_name+"<span class='n'></span></a></dd>";
|
||||
if(i%3==2){html+="</tr>"}
|
||||
}
|
||||
}
|
||||
html += '<dd class="last-dd"><a href="//' + location.host + '/game/" target="_blank" title="更多游戏" ">更多>></a></dd>'
|
||||
$("#TopAllGameName").html(html);
|
||||
});*/
|
||||
var html = '';
|
||||
html += '<dt>热门游戏</dt>';
|
||||
html += '<dd><a class="hot-icon">热血传奇<span class="n"></span></a></dd>';
|
||||
html += '<dd class="last-dd"><a href="//' + location.host + '/game/" target="_blank" title="更多游戏" ">更多>></a></dd>';
|
||||
$("#TopAllGameName").html(html);
|
||||
};
|
||||
|
||||
$.fn.extend({
|
||||
insertImg:function(obj){
|
||||
var createHtml = function () {
|
||||
var html =""
|
||||
if(obj.url&&obj.src){
|
||||
html+='<a href="'+obj.url+'" target="_blank"><img src="'+obj.src+'" alt=""></a>';
|
||||
}else if(obj.src){
|
||||
html+='<img src="'+obj.src+'" alt="">';
|
||||
}else {
|
||||
html=''
|
||||
}
|
||||
return html;
|
||||
}
|
||||
this.html(createHtml())
|
||||
}
|
||||
});
|
||||
|
||||
/*var inserImg = function(){
|
||||
$(".top-wrap .default-flash").insertImg({
|
||||
src:'//' + location.host + '/js/require/top/images/27090636xnhZ8.jpg',
|
||||
url:'//' + location.host
|
||||
});
|
||||
$(".top-wrap .show-flash").insertImg({
|
||||
src:'//' + location.host + '/js/require/top/images/27090715hwvpB.png',
|
||||
url:'//' + location.host
|
||||
});
|
||||
};*/
|
||||
|
||||
var elementEvent = function(){
|
||||
$(".all-game,.top-allGame").hover(function(){
|
||||
$(".top-allGame").show()
|
||||
}, function(){
|
||||
$(".top-allGame").hide()
|
||||
});
|
||||
|
||||
$("#allGame").hover(function(){
|
||||
$("#allGameList").show()
|
||||
$(this).addClass('active');
|
||||
},function(){
|
||||
$("#allGameList").hide();
|
||||
$(this).removeClass('active');
|
||||
});
|
||||
$("#allGameList").hover(function(){
|
||||
$("#allGameList").show()
|
||||
$("#allGame").addClass('active');
|
||||
},function(){
|
||||
$("#allGameList").hide()
|
||||
$("#allGame").removeClass('active');
|
||||
});
|
||||
|
||||
$(".top-wrap .top-flash").hover(function(){
|
||||
$(".top-wrap .show-flash").show();
|
||||
$(".default-flash").hide();
|
||||
},function(){
|
||||
$(".top-wrap .show-flash").hide();
|
||||
$(".top-wrap .default-flash").show();
|
||||
});
|
||||
|
||||
$("#top .top-login").click(function(){
|
||||
AL.Init({"box":"login"})
|
||||
});
|
||||
|
||||
$("#top .top-register").click(function(){
|
||||
AL.Init({"box":"register"})
|
||||
});
|
||||
};
|
||||
|
||||
return topInit = function(obj,url){
|
||||
insertHtml(obj,url);
|
||||
insertGameList();
|
||||
elementEvent();
|
||||
//inserImg()
|
||||
};
|
||||
});
|
||||
BIN
static/img/close_btn.jpg
Normal file
|
After Width: | Height: | Size: 12 KiB |
BIN
static/img/enter_game.png
Normal file
|
After Width: | Height: | Size: 52 KiB |
BIN
static/img/linuxdo_logo.png
Normal file
|
After Width: | Height: | Size: 26 KiB |
BIN
static/img/login_bg.jpg
Normal file
|
After Width: | Height: | Size: 200 KiB |
BIN
static/img/logo.png
Normal file
|
After Width: | Height: | Size: 478 KiB |
9
static/index.php
Normal file
@@ -0,0 +1,9 @@
|
||||
<?php
|
||||
header("Access-Control-Allow-Origin: *");
|
||||
header('Content-type: application/json');
|
||||
$json = array(
|
||||
"code"=>0,
|
||||
"msg"=>"succ"
|
||||
);
|
||||
exit(json_encode($json,JSON_UNESCAPED_UNICODE));
|
||||
?>
|
||||
138
static/js/common.js
Normal file
@@ -0,0 +1,138 @@
|
||||
/**
|
||||
* 冰雪传奇H5
|
||||
* 2022 XX信息科技有限公司
|
||||
*
|
||||
* @author 123456
|
||||
* @wx 123456
|
||||
* @qq 123456
|
||||
*/
|
||||
|
||||
function getQueryString(name) {
|
||||
var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i');
|
||||
var r = window.location.search.substr(1).match(reg);
|
||||
if (r != null) return unescape(r[2]);
|
||||
return null;
|
||||
}
|
||||
|
||||
function getHttp() {
|
||||
return location.protocol.indexOf('https:') != -1 ? 'https://' : 'http://';
|
||||
}
|
||||
|
||||
function isMobile() {
|
||||
var userAgentInfo = navigator.userAgent;
|
||||
var mobileAgents = ['Android', 'iPhone', 'SymbianOS', 'Windows Phone', 'iPad', 'iPod'];
|
||||
var mobile_flag = false;
|
||||
//根据userAgent判断是否是手机
|
||||
for (var v = 0; v < mobileAgents.length; v++) {
|
||||
if (userAgentInfo.indexOf(mobileAgents[v]) > 0) {
|
||||
mobile_flag = true;
|
||||
break;
|
||||
}
|
||||
}
|
||||
var screen_width = window.screen.width;
|
||||
var screen_height = window.screen.height;
|
||||
//根据屏幕分辨率判断是否是手机
|
||||
if(screen_width < 500 && screen_height < 800) {
|
||||
mobile_flag = true;
|
||||
}
|
||||
return mobile_flag;
|
||||
}
|
||||
|
||||
function isWeiXin() {
|
||||
var ua = window.navigator.userAgent.toLowerCase();
|
||||
if (ua.match(/MicroMessenger/i) == 'micromessenger') {
|
||||
return true;
|
||||
} else {
|
||||
return false;
|
||||
}
|
||||
}
|
||||
|
||||
function randomRange(t, e) {
|
||||
t = Math.min(t, e),
|
||||
e = Math.max(t, e);
|
||||
var i = e - t;
|
||||
return Math.round(t + Math.random() * i);
|
||||
}
|
||||
|
||||
// 写cookies
|
||||
function setCookie(name, value, day) {
|
||||
day = day || 30;
|
||||
var exp = new Date();
|
||||
exp.setTime(exp.getTime() + day * 24 * 60 * 60 * 1000);
|
||||
document.cookie = name + "=" + escape(value) + ";expires=" + exp.toGMTString();
|
||||
//console.log('setCookie name=' + name + ', value=' + value + ', day=' + day + ', getCookie=' + getCookie(name));
|
||||
}
|
||||
|
||||
// 读取cookies
|
||||
function getCookie(name) {
|
||||
var arr, reg = new RegExp("(^| )" + name + "=([^;]*)(;|$)");
|
||||
|
||||
if (arr = document.cookie.match(reg)) {
|
||||
//console.log('getCookie=' + unescape(arr[2]));
|
||||
return unescape(arr[2]);
|
||||
} else {
|
||||
//console.log('getCookie is null');
|
||||
return null;
|
||||
}
|
||||
}
|
||||
|
||||
// 删除cookies
|
||||
function delCookie(name) {
|
||||
var exp = new Date();
|
||||
exp.setTime(exp.getTime() - 1);
|
||||
var cval = getCookie(name);
|
||||
if (cval != null) document.cookie = name + "=" + cval + ";expires=" + exp.toGMTString();
|
||||
}
|
||||
|
||||
function filterHTML(str) {
|
||||
return str.replace(/(<([^>]+)>)/ig, '');
|
||||
}
|
||||
|
||||
function checkAccountLength(str, type) {
|
||||
if('admin' == str && 'string' == typeof type) return true;
|
||||
var t = 'string' == typeof type ? type : (!type ? '账号' : '密码');
|
||||
if ('' == str) {
|
||||
return '请输入您的' + t + '!';
|
||||
} else if (6 > str.length || 16 < str.length) {
|
||||
return t + '长度为6-16个字符!';
|
||||
}
|
||||
return true;
|
||||
}
|
||||
|
||||
function funcChina(str, name) {
|
||||
if (/.*[\u4e00-\u9fa5]+.*$/.test(str)) {
|
||||
return (name || '账号') + '不能包含中文!';
|
||||
}
|
||||
return true;
|
||||
}
|
||||
|
||||
function checkAccount(str, name) {
|
||||
if (!/^[A-Za-z0-9_]+$/.test(str)) {
|
||||
return (name || '账号') + '只能由字母/数字/下划线构成,必须以字母开头!';
|
||||
}
|
||||
return true;
|
||||
}
|
||||
|
||||
function checkPassword(str, name) {
|
||||
var ret = checkAccountLength(str, true);
|
||||
if(true != ret) {
|
||||
return ret;
|
||||
}
|
||||
if(new RegExp('(^ )|( $)').test(str)) {
|
||||
return (name || '密码') + '不能包含空格!';
|
||||
}
|
||||
ret = funcChina(str, name)
|
||||
if(true !== ret) {
|
||||
return ret;
|
||||
}
|
||||
return true;
|
||||
}
|
||||
|
||||
function checkEmail(str) {
|
||||
if('' == str) return '请输入邮箱地址!';
|
||||
var RegEx = /^(\w-*\.*)+@(\w-?)+(\.\w{2,})+$/;
|
||||
if(!RegEx.test(str)) {
|
||||
return '邮箱地址格式错误!';
|
||||
}
|
||||
return true;
|
||||
}
|
||||
19
static/js/cookie.js
Normal file
@@ -0,0 +1,19 @@
|
||||
function setCookie(name,value,expiredays){
|
||||
var exp = new Date();
|
||||
exp.setDate(exp.getDate() + expiredays);
|
||||
document.cookie = name + "="+ escape (value) + ((expiredays == null) ? "" : ";expires=" + exp.toGMTString());
|
||||
}
|
||||
function getCookie(name){
|
||||
var arr = document.cookie.match(new RegExp("(^| )"+name+"=([^;]*)(;|$)"));
|
||||
if(arr != null){
|
||||
return (arr[2]);
|
||||
}else{
|
||||
return "";
|
||||
}
|
||||
}
|
||||
function delCookie(name){
|
||||
var exp = new Date();
|
||||
exp.setTime(exp.getTime() - 1);
|
||||
var cval=getCookie(name);
|
||||
if(cval!=null) document.cookie= name + "="+cval+";expires="+exp.toGMTString();
|
||||
}
|
||||
14
static/js/hello.js
Normal file
@@ -0,0 +1,14 @@
|
||||
/*function g() {
|
||||
if (navigator.userAgent.indexOf('Firefox') != -1 || navigator.userAgent.indexOf('Chrome') != -1) {
|
||||
window.location.href = '//baidu.com'
|
||||
} else {
|
||||
window.opener = null;
|
||||
window.open('', '_self');
|
||||
window.close()
|
||||
}
|
||||
}
|
||||
(function (a) {
|
||||
return (function (a) {
|
||||
return (Function('Function(arguments[0]+"' + a + '")()'))
|
||||
})(a)
|
||||
})('bugger')('de', 0, 0, (0, 0));*/
|
||||
4
static/js/jquery.js
vendored
Normal file
683
static/js/md5.js
Normal file
@@ -0,0 +1,683 @@
|
||||
/**
|
||||
* [js-md5]{@link https://github.com/emn178/js-md5}
|
||||
*
|
||||
* @namespace md5
|
||||
* @version 0.7.3
|
||||
* @author Chen, Yi-Cyuan [emn178@gmail.com]
|
||||
* @copyright Chen, Yi-Cyuan 2014-2017
|
||||
* @license MIT
|
||||
*/
|
||||
(function () {
|
||||
'use strict';
|
||||
|
||||
var ERROR = 'input is invalid type';
|
||||
var WINDOW = typeof window === 'object';
|
||||
var root = WINDOW ? window : {};
|
||||
if (root.JS_MD5_NO_WINDOW) {
|
||||
WINDOW = false;
|
||||
}
|
||||
var WEB_WORKER = !WINDOW && typeof self === 'object';
|
||||
var NODE_JS = !root.JS_MD5_NO_NODE_JS && typeof process === 'object' && process.versions && process.versions.node;
|
||||
if (NODE_JS) {
|
||||
root = global;
|
||||
} else if (WEB_WORKER) {
|
||||
root = self;
|
||||
}
|
||||
var COMMON_JS = !root.JS_MD5_NO_COMMON_JS && typeof module === 'object' && module.exports;
|
||||
var AMD = typeof define === 'function' && define.amd;
|
||||
var ARRAY_BUFFER = !root.JS_MD5_NO_ARRAY_BUFFER && typeof ArrayBuffer !== 'undefined';
|
||||
var HEX_CHARS = '0123456789abcdef'.split('');
|
||||
var EXTRA = [128, 32768, 8388608, -2147483648];
|
||||
var SHIFT = [0, 8, 16, 24];
|
||||
var OUTPUT_TYPES = ['hex', 'array', 'digest', 'buffer', 'arrayBuffer', 'base64'];
|
||||
var BASE64_ENCODE_CHAR = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/'.split('');
|
||||
|
||||
var blocks = [], buffer8;
|
||||
if (ARRAY_BUFFER) {
|
||||
var buffer = new ArrayBuffer(68);
|
||||
buffer8 = new Uint8Array(buffer);
|
||||
blocks = new Uint32Array(buffer);
|
||||
}
|
||||
|
||||
if (root.JS_MD5_NO_NODE_JS || !Array.isArray) {
|
||||
Array.isArray = function (obj) {
|
||||
return Object.prototype.toString.call(obj) === '[object Array]';
|
||||
};
|
||||
}
|
||||
|
||||
if (ARRAY_BUFFER && (root.JS_MD5_NO_ARRAY_BUFFER_IS_VIEW || !ArrayBuffer.isView)) {
|
||||
ArrayBuffer.isView = function (obj) {
|
||||
return typeof obj === 'object' && obj.buffer && obj.buffer.constructor === ArrayBuffer;
|
||||
};
|
||||
}
|
||||
|
||||
/**
|
||||
* @method hex
|
||||
* @memberof md5
|
||||
* @description Output hash as hex string
|
||||
* @param {String|Array|Uint8Array|ArrayBuffer} message message to hash
|
||||
* @returns {String} Hex string
|
||||
* @example
|
||||
* md5.hex('The quick brown fox jumps over the lazy dog');
|
||||
* // equal to
|
||||
* md5('The quick brown fox jumps over the lazy dog');
|
||||
*/
|
||||
/**
|
||||
* @method digest
|
||||
* @memberof md5
|
||||
* @description Output hash as bytes array
|
||||
* @param {String|Array|Uint8Array|ArrayBuffer} message message to hash
|
||||
* @returns {Array} Bytes array
|
||||
* @example
|
||||
* md5.digest('The quick brown fox jumps over the lazy dog');
|
||||
*/
|
||||
/**
|
||||
* @method array
|
||||
* @memberof md5
|
||||
* @description Output hash as bytes array
|
||||
* @param {String|Array|Uint8Array|ArrayBuffer} message message to hash
|
||||
* @returns {Array} Bytes array
|
||||
* @example
|
||||
* md5.array('The quick brown fox jumps over the lazy dog');
|
||||
*/
|
||||
/**
|
||||
* @method arrayBuffer
|
||||
* @memberof md5
|
||||
* @description Output hash as ArrayBuffer
|
||||
* @param {String|Array|Uint8Array|ArrayBuffer} message message to hash
|
||||
* @returns {ArrayBuffer} ArrayBuffer
|
||||
* @example
|
||||
* md5.arrayBuffer('The quick brown fox jumps over the lazy dog');
|
||||
*/
|
||||
/**
|
||||
* @method buffer
|
||||
* @deprecated This maybe confuse with Buffer in node.js. Please use arrayBuffer instead.
|
||||
* @memberof md5
|
||||
* @description Output hash as ArrayBuffer
|
||||
* @param {String|Array|Uint8Array|ArrayBuffer} message message to hash
|
||||
* @returns {ArrayBuffer} ArrayBuffer
|
||||
* @example
|
||||
* md5.buffer('The quick brown fox jumps over the lazy dog');
|
||||
*/
|
||||
/**
|
||||
* @method base64
|
||||
* @memberof md5
|
||||
* @description Output hash as base64 string
|
||||
* @param {String|Array|Uint8Array|ArrayBuffer} message message to hash
|
||||
* @returns {String} base64 string
|
||||
* @example
|
||||
* md5.base64('The quick brown fox jumps over the lazy dog');
|
||||
*/
|
||||
var createOutputMethod = function (outputType) {
|
||||
return function (message) {
|
||||
return new Md5(true).update(message)[outputType]();
|
||||
};
|
||||
};
|
||||
|
||||
/**
|
||||
* @method create
|
||||
* @memberof md5
|
||||
* @description Create Md5 object
|
||||
* @returns {Md5} Md5 object.
|
||||
* @example
|
||||
* var hash = md5.create();
|
||||
*/
|
||||
/**
|
||||
* @method update
|
||||
* @memberof md5
|
||||
* @description Create and update Md5 object
|
||||
* @param {String|Array|Uint8Array|ArrayBuffer} message message to hash
|
||||
* @returns {Md5} Md5 object.
|
||||
* @example
|
||||
* var hash = md5.update('The quick brown fox jumps over the lazy dog');
|
||||
* // equal to
|
||||
* var hash = md5.create();
|
||||
* hash.update('The quick brown fox jumps over the lazy dog');
|
||||
*/
|
||||
var createMethod = function () {
|
||||
var method = createOutputMethod('hex');
|
||||
if (NODE_JS) {
|
||||
method = nodeWrap(method);
|
||||
}
|
||||
method.create = function () {
|
||||
return new Md5();
|
||||
};
|
||||
method.update = function (message) {
|
||||
return method.create().update(message);
|
||||
};
|
||||
for (var i = 0; i < OUTPUT_TYPES.length; ++i) {
|
||||
var type = OUTPUT_TYPES[i];
|
||||
method[type] = createOutputMethod(type);
|
||||
}
|
||||
return method;
|
||||
};
|
||||
|
||||
var nodeWrap = function (method) {
|
||||
var crypto = eval("require('crypto')");
|
||||
var Buffer = eval("require('buffer').Buffer");
|
||||
var nodeMethod = function (message) {
|
||||
if (typeof message === 'string') {
|
||||
return crypto.createHash('md5').update(message, 'utf8').digest('hex');
|
||||
} else {
|
||||
if (message === null || message === undefined) {
|
||||
throw ERROR;
|
||||
} else if (message.constructor === ArrayBuffer) {
|
||||
message = new Uint8Array(message);
|
||||
}
|
||||
}
|
||||
if (Array.isArray(message) || ArrayBuffer.isView(message) ||
|
||||
message.constructor === Buffer) {
|
||||
return crypto.createHash('md5').update(new Buffer(message)).digest('hex');
|
||||
} else {
|
||||
return method(message);
|
||||
}
|
||||
};
|
||||
return nodeMethod;
|
||||
};
|
||||
|
||||
/**
|
||||
* Md5 class
|
||||
* @class Md5
|
||||
* @description This is internal class.
|
||||
* @see {@link md5.create}
|
||||
*/
|
||||
function Md5(sharedMemory) {
|
||||
if (sharedMemory) {
|
||||
blocks[0] = blocks[16] = blocks[1] = blocks[2] = blocks[3] =
|
||||
blocks[4] = blocks[5] = blocks[6] = blocks[7] =
|
||||
blocks[8] = blocks[9] = blocks[10] = blocks[11] =
|
||||
blocks[12] = blocks[13] = blocks[14] = blocks[15] = 0;
|
||||
this.blocks = blocks;
|
||||
this.buffer8 = buffer8;
|
||||
} else {
|
||||
if (ARRAY_BUFFER) {
|
||||
var buffer = new ArrayBuffer(68);
|
||||
this.buffer8 = new Uint8Array(buffer);
|
||||
this.blocks = new Uint32Array(buffer);
|
||||
} else {
|
||||
this.blocks = [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0];
|
||||
}
|
||||
}
|
||||
this.h0 = this.h1 = this.h2 = this.h3 = this.start = this.bytes = this.hBytes = 0;
|
||||
this.finalized = this.hashed = false;
|
||||
this.first = true;
|
||||
}
|
||||
|
||||
/**
|
||||
* @method update
|
||||
* @memberof Md5
|
||||
* @instance
|
||||
* @description Update hash
|
||||
* @param {String|Array|Uint8Array|ArrayBuffer} message message to hash
|
||||
* @returns {Md5} Md5 object.
|
||||
* @see {@link md5.update}
|
||||
*/
|
||||
Md5.prototype.update = function (message) {
|
||||
if (this.finalized) {
|
||||
return;
|
||||
}
|
||||
|
||||
var notString, type = typeof message;
|
||||
if (type !== 'string') {
|
||||
if (type === 'object') {
|
||||
if (message === null) {
|
||||
throw ERROR;
|
||||
} else if (ARRAY_BUFFER && message.constructor === ArrayBuffer) {
|
||||
message = new Uint8Array(message);
|
||||
} else if (!Array.isArray(message)) {
|
||||
if (!ARRAY_BUFFER || !ArrayBuffer.isView(message)) {
|
||||
throw ERROR;
|
||||
}
|
||||
}
|
||||
} else {
|
||||
throw ERROR;
|
||||
}
|
||||
notString = true;
|
||||
}
|
||||
var code, index = 0, i, length = message.length, blocks = this.blocks;
|
||||
var buffer8 = this.buffer8;
|
||||
|
||||
while (index < length) {
|
||||
if (this.hashed) {
|
||||
this.hashed = false;
|
||||
blocks[0] = blocks[16];
|
||||
blocks[16] = blocks[1] = blocks[2] = blocks[3] =
|
||||
blocks[4] = blocks[5] = blocks[6] = blocks[7] =
|
||||
blocks[8] = blocks[9] = blocks[10] = blocks[11] =
|
||||
blocks[12] = blocks[13] = blocks[14] = blocks[15] = 0;
|
||||
}
|
||||
|
||||
if (notString) {
|
||||
if (ARRAY_BUFFER) {
|
||||
for (i = this.start; index < length && i < 64; ++index) {
|
||||
buffer8[i++] = message[index];
|
||||
}
|
||||
} else {
|
||||
for (i = this.start; index < length && i < 64; ++index) {
|
||||
blocks[i >> 2] |= message[index] << SHIFT[i++ & 3];
|
||||
}
|
||||
}
|
||||
} else {
|
||||
if (ARRAY_BUFFER) {
|
||||
for (i = this.start; index < length && i < 64; ++index) {
|
||||
code = message.charCodeAt(index);
|
||||
if (code < 0x80) {
|
||||
buffer8[i++] = code;
|
||||
} else if (code < 0x800) {
|
||||
buffer8[i++] = 0xc0 | (code >> 6);
|
||||
buffer8[i++] = 0x80 | (code & 0x3f);
|
||||
} else if (code < 0xd800 || code >= 0xe000) {
|
||||
buffer8[i++] = 0xe0 | (code >> 12);
|
||||
buffer8[i++] = 0x80 | ((code >> 6) & 0x3f);
|
||||
buffer8[i++] = 0x80 | (code & 0x3f);
|
||||
} else {
|
||||
code = 0x10000 + (((code & 0x3ff) << 10) | (message.charCodeAt(++index) & 0x3ff));
|
||||
buffer8[i++] = 0xf0 | (code >> 18);
|
||||
buffer8[i++] = 0x80 | ((code >> 12) & 0x3f);
|
||||
buffer8[i++] = 0x80 | ((code >> 6) & 0x3f);
|
||||
buffer8[i++] = 0x80 | (code & 0x3f);
|
||||
}
|
||||
}
|
||||
} else {
|
||||
for (i = this.start; index < length && i < 64; ++index) {
|
||||
code = message.charCodeAt(index);
|
||||
if (code < 0x80) {
|
||||
blocks[i >> 2] |= code << SHIFT[i++ & 3];
|
||||
} else if (code < 0x800) {
|
||||
blocks[i >> 2] |= (0xc0 | (code >> 6)) << SHIFT[i++ & 3];
|
||||
blocks[i >> 2] |= (0x80 | (code & 0x3f)) << SHIFT[i++ & 3];
|
||||
} else if (code < 0xd800 || code >= 0xe000) {
|
||||
blocks[i >> 2] |= (0xe0 | (code >> 12)) << SHIFT[i++ & 3];
|
||||
blocks[i >> 2] |= (0x80 | ((code >> 6) & 0x3f)) << SHIFT[i++ & 3];
|
||||
blocks[i >> 2] |= (0x80 | (code & 0x3f)) << SHIFT[i++ & 3];
|
||||
} else {
|
||||
code = 0x10000 + (((code & 0x3ff) << 10) | (message.charCodeAt(++index) & 0x3ff));
|
||||
blocks[i >> 2] |= (0xf0 | (code >> 18)) << SHIFT[i++ & 3];
|
||||
blocks[i >> 2] |= (0x80 | ((code >> 12) & 0x3f)) << SHIFT[i++ & 3];
|
||||
blocks[i >> 2] |= (0x80 | ((code >> 6) & 0x3f)) << SHIFT[i++ & 3];
|
||||
blocks[i >> 2] |= (0x80 | (code & 0x3f)) << SHIFT[i++ & 3];
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
this.lastByteIndex = i;
|
||||
this.bytes += i - this.start;
|
||||
if (i >= 64) {
|
||||
this.start = i - 64;
|
||||
this.hash();
|
||||
this.hashed = true;
|
||||
} else {
|
||||
this.start = i;
|
||||
}
|
||||
}
|
||||
if (this.bytes > 4294967295) {
|
||||
this.hBytes += this.bytes / 4294967296 << 0;
|
||||
this.bytes = this.bytes % 4294967296;
|
||||
}
|
||||
return this;
|
||||
};
|
||||
|
||||
Md5.prototype.finalize = function () {
|
||||
if (this.finalized) {
|
||||
return;
|
||||
}
|
||||
this.finalized = true;
|
||||
var blocks = this.blocks, i = this.lastByteIndex;
|
||||
blocks[i >> 2] |= EXTRA[i & 3];
|
||||
if (i >= 56) {
|
||||
if (!this.hashed) {
|
||||
this.hash();
|
||||
}
|
||||
blocks[0] = blocks[16];
|
||||
blocks[16] = blocks[1] = blocks[2] = blocks[3] =
|
||||
blocks[4] = blocks[5] = blocks[6] = blocks[7] =
|
||||
blocks[8] = blocks[9] = blocks[10] = blocks[11] =
|
||||
blocks[12] = blocks[13] = blocks[14] = blocks[15] = 0;
|
||||
}
|
||||
blocks[14] = this.bytes << 3;
|
||||
blocks[15] = this.hBytes << 3 | this.bytes >>> 29;
|
||||
this.hash();
|
||||
};
|
||||
|
||||
Md5.prototype.hash = function () {
|
||||
var a, b, c, d, bc, da, blocks = this.blocks;
|
||||
|
||||
if (this.first) {
|
||||
a = blocks[0] - 680876937;
|
||||
a = (a << 7 | a >>> 25) - 271733879 << 0;
|
||||
d = (-1732584194 ^ a & 2004318071) + blocks[1] - 117830708;
|
||||
d = (d << 12 | d >>> 20) + a << 0;
|
||||
c = (-271733879 ^ (d & (a ^ -271733879))) + blocks[2] - 1126478375;
|
||||
c = (c << 17 | c >>> 15) + d << 0;
|
||||
b = (a ^ (c & (d ^ a))) + blocks[3] - 1316259209;
|
||||
b = (b << 22 | b >>> 10) + c << 0;
|
||||
} else {
|
||||
a = this.h0;
|
||||
b = this.h1;
|
||||
c = this.h2;
|
||||
d = this.h3;
|
||||
a += (d ^ (b & (c ^ d))) + blocks[0] - 680876936;
|
||||
a = (a << 7 | a >>> 25) + b << 0;
|
||||
d += (c ^ (a & (b ^ c))) + blocks[1] - 389564586;
|
||||
d = (d << 12 | d >>> 20) + a << 0;
|
||||
c += (b ^ (d & (a ^ b))) + blocks[2] + 606105819;
|
||||
c = (c << 17 | c >>> 15) + d << 0;
|
||||
b += (a ^ (c & (d ^ a))) + blocks[3] - 1044525330;
|
||||
b = (b << 22 | b >>> 10) + c << 0;
|
||||
}
|
||||
|
||||
a += (d ^ (b & (c ^ d))) + blocks[4] - 176418897;
|
||||
a = (a << 7 | a >>> 25) + b << 0;
|
||||
d += (c ^ (a & (b ^ c))) + blocks[5] + 1200080426;
|
||||
d = (d << 12 | d >>> 20) + a << 0;
|
||||
c += (b ^ (d & (a ^ b))) + blocks[6] - 1473231341;
|
||||
c = (c << 17 | c >>> 15) + d << 0;
|
||||
b += (a ^ (c & (d ^ a))) + blocks[7] - 45705983;
|
||||
b = (b << 22 | b >>> 10) + c << 0;
|
||||
a += (d ^ (b & (c ^ d))) + blocks[8] + 1770035416;
|
||||
a = (a << 7 | a >>> 25) + b << 0;
|
||||
d += (c ^ (a & (b ^ c))) + blocks[9] - 1958414417;
|
||||
d = (d << 12 | d >>> 20) + a << 0;
|
||||
c += (b ^ (d & (a ^ b))) + blocks[10] - 42063;
|
||||
c = (c << 17 | c >>> 15) + d << 0;
|
||||
b += (a ^ (c & (d ^ a))) + blocks[11] - 1990404162;
|
||||
b = (b << 22 | b >>> 10) + c << 0;
|
||||
a += (d ^ (b & (c ^ d))) + blocks[12] + 1804603682;
|
||||
a = (a << 7 | a >>> 25) + b << 0;
|
||||
d += (c ^ (a & (b ^ c))) + blocks[13] - 40341101;
|
||||
d = (d << 12 | d >>> 20) + a << 0;
|
||||
c += (b ^ (d & (a ^ b))) + blocks[14] - 1502002290;
|
||||
c = (c << 17 | c >>> 15) + d << 0;
|
||||
b += (a ^ (c & (d ^ a))) + blocks[15] + 1236535329;
|
||||
b = (b << 22 | b >>> 10) + c << 0;
|
||||
a += (c ^ (d & (b ^ c))) + blocks[1] - 165796510;
|
||||
a = (a << 5 | a >>> 27) + b << 0;
|
||||
d += (b ^ (c & (a ^ b))) + blocks[6] - 1069501632;
|
||||
d = (d << 9 | d >>> 23) + a << 0;
|
||||
c += (a ^ (b & (d ^ a))) + blocks[11] + 643717713;
|
||||
c = (c << 14 | c >>> 18) + d << 0;
|
||||
b += (d ^ (a & (c ^ d))) + blocks[0] - 373897302;
|
||||
b = (b << 20 | b >>> 12) + c << 0;
|
||||
a += (c ^ (d & (b ^ c))) + blocks[5] - 701558691;
|
||||
a = (a << 5 | a >>> 27) + b << 0;
|
||||
d += (b ^ (c & (a ^ b))) + blocks[10] + 38016083;
|
||||
d = (d << 9 | d >>> 23) + a << 0;
|
||||
c += (a ^ (b & (d ^ a))) + blocks[15] - 660478335;
|
||||
c = (c << 14 | c >>> 18) + d << 0;
|
||||
b += (d ^ (a & (c ^ d))) + blocks[4] - 405537848;
|
||||
b = (b << 20 | b >>> 12) + c << 0;
|
||||
a += (c ^ (d & (b ^ c))) + blocks[9] + 568446438;
|
||||
a = (a << 5 | a >>> 27) + b << 0;
|
||||
d += (b ^ (c & (a ^ b))) + blocks[14] - 1019803690;
|
||||
d = (d << 9 | d >>> 23) + a << 0;
|
||||
c += (a ^ (b & (d ^ a))) + blocks[3] - 187363961;
|
||||
c = (c << 14 | c >>> 18) + d << 0;
|
||||
b += (d ^ (a & (c ^ d))) + blocks[8] + 1163531501;
|
||||
b = (b << 20 | b >>> 12) + c << 0;
|
||||
a += (c ^ (d & (b ^ c))) + blocks[13] - 1444681467;
|
||||
a = (a << 5 | a >>> 27) + b << 0;
|
||||
d += (b ^ (c & (a ^ b))) + blocks[2] - 51403784;
|
||||
d = (d << 9 | d >>> 23) + a << 0;
|
||||
c += (a ^ (b & (d ^ a))) + blocks[7] + 1735328473;
|
||||
c = (c << 14 | c >>> 18) + d << 0;
|
||||
b += (d ^ (a & (c ^ d))) + blocks[12] - 1926607734;
|
||||
b = (b << 20 | b >>> 12) + c << 0;
|
||||
bc = b ^ c;
|
||||
a += (bc ^ d) + blocks[5] - 378558;
|
||||
a = (a << 4 | a >>> 28) + b << 0;
|
||||
d += (bc ^ a) + blocks[8] - 2022574463;
|
||||
d = (d << 11 | d >>> 21) + a << 0;
|
||||
da = d ^ a;
|
||||
c += (da ^ b) + blocks[11] + 1839030562;
|
||||
c = (c << 16 | c >>> 16) + d << 0;
|
||||
b += (da ^ c) + blocks[14] - 35309556;
|
||||
b = (b << 23 | b >>> 9) + c << 0;
|
||||
bc = b ^ c;
|
||||
a += (bc ^ d) + blocks[1] - 1530992060;
|
||||
a = (a << 4 | a >>> 28) + b << 0;
|
||||
d += (bc ^ a) + blocks[4] + 1272893353;
|
||||
d = (d << 11 | d >>> 21) + a << 0;
|
||||
da = d ^ a;
|
||||
c += (da ^ b) + blocks[7] - 155497632;
|
||||
c = (c << 16 | c >>> 16) + d << 0;
|
||||
b += (da ^ c) + blocks[10] - 1094730640;
|
||||
b = (b << 23 | b >>> 9) + c << 0;
|
||||
bc = b ^ c;
|
||||
a += (bc ^ d) + blocks[13] + 681279174;
|
||||
a = (a << 4 | a >>> 28) + b << 0;
|
||||
d += (bc ^ a) + blocks[0] - 358537222;
|
||||
d = (d << 11 | d >>> 21) + a << 0;
|
||||
da = d ^ a;
|
||||
c += (da ^ b) + blocks[3] - 722521979;
|
||||
c = (c << 16 | c >>> 16) + d << 0;
|
||||
b += (da ^ c) + blocks[6] + 76029189;
|
||||
b = (b << 23 | b >>> 9) + c << 0;
|
||||
bc = b ^ c;
|
||||
a += (bc ^ d) + blocks[9] - 640364487;
|
||||
a = (a << 4 | a >>> 28) + b << 0;
|
||||
d += (bc ^ a) + blocks[12] - 421815835;
|
||||
d = (d << 11 | d >>> 21) + a << 0;
|
||||
da = d ^ a;
|
||||
c += (da ^ b) + blocks[15] + 530742520;
|
||||
c = (c << 16 | c >>> 16) + d << 0;
|
||||
b += (da ^ c) + blocks[2] - 995338651;
|
||||
b = (b << 23 | b >>> 9) + c << 0;
|
||||
a += (c ^ (b | ~d)) + blocks[0] - 198630844;
|
||||
a = (a << 6 | a >>> 26) + b << 0;
|
||||
d += (b ^ (a | ~c)) + blocks[7] + 1126891415;
|
||||
d = (d << 10 | d >>> 22) + a << 0;
|
||||
c += (a ^ (d | ~b)) + blocks[14] - 1416354905;
|
||||
c = (c << 15 | c >>> 17) + d << 0;
|
||||
b += (d ^ (c | ~a)) + blocks[5] - 57434055;
|
||||
b = (b << 21 | b >>> 11) + c << 0;
|
||||
a += (c ^ (b | ~d)) + blocks[12] + 1700485571;
|
||||
a = (a << 6 | a >>> 26) + b << 0;
|
||||
d += (b ^ (a | ~c)) + blocks[3] - 1894986606;
|
||||
d = (d << 10 | d >>> 22) + a << 0;
|
||||
c += (a ^ (d | ~b)) + blocks[10] - 1051523;
|
||||
c = (c << 15 | c >>> 17) + d << 0;
|
||||
b += (d ^ (c | ~a)) + blocks[1] - 2054922799;
|
||||
b = (b << 21 | b >>> 11) + c << 0;
|
||||
a += (c ^ (b | ~d)) + blocks[8] + 1873313359;
|
||||
a = (a << 6 | a >>> 26) + b << 0;
|
||||
d += (b ^ (a | ~c)) + blocks[15] - 30611744;
|
||||
d = (d << 10 | d >>> 22) + a << 0;
|
||||
c += (a ^ (d | ~b)) + blocks[6] - 1560198380;
|
||||
c = (c << 15 | c >>> 17) + d << 0;
|
||||
b += (d ^ (c | ~a)) + blocks[13] + 1309151649;
|
||||
b = (b << 21 | b >>> 11) + c << 0;
|
||||
a += (c ^ (b | ~d)) + blocks[4] - 145523070;
|
||||
a = (a << 6 | a >>> 26) + b << 0;
|
||||
d += (b ^ (a | ~c)) + blocks[11] - 1120210379;
|
||||
d = (d << 10 | d >>> 22) + a << 0;
|
||||
c += (a ^ (d | ~b)) + blocks[2] + 718787259;
|
||||
c = (c << 15 | c >>> 17) + d << 0;
|
||||
b += (d ^ (c | ~a)) + blocks[9] - 343485551;
|
||||
b = (b << 21 | b >>> 11) + c << 0;
|
||||
|
||||
if (this.first) {
|
||||
this.h0 = a + 1732584193 << 0;
|
||||
this.h1 = b - 271733879 << 0;
|
||||
this.h2 = c - 1732584194 << 0;
|
||||
this.h3 = d + 271733878 << 0;
|
||||
this.first = false;
|
||||
} else {
|
||||
this.h0 = this.h0 + a << 0;
|
||||
this.h1 = this.h1 + b << 0;
|
||||
this.h2 = this.h2 + c << 0;
|
||||
this.h3 = this.h3 + d << 0;
|
||||
}
|
||||
};
|
||||
|
||||
/**
|
||||
* @method hex
|
||||
* @memberof Md5
|
||||
* @instance
|
||||
* @description Output hash as hex string
|
||||
* @returns {String} Hex string
|
||||
* @see {@link md5.hex}
|
||||
* @example
|
||||
* hash.hex();
|
||||
*/
|
||||
Md5.prototype.hex = function () {
|
||||
this.finalize();
|
||||
|
||||
var h0 = this.h0, h1 = this.h1, h2 = this.h2, h3 = this.h3;
|
||||
|
||||
return HEX_CHARS[(h0 >> 4) & 0x0F] + HEX_CHARS[h0 & 0x0F] +
|
||||
HEX_CHARS[(h0 >> 12) & 0x0F] + HEX_CHARS[(h0 >> 8) & 0x0F] +
|
||||
HEX_CHARS[(h0 >> 20) & 0x0F] + HEX_CHARS[(h0 >> 16) & 0x0F] +
|
||||
HEX_CHARS[(h0 >> 28) & 0x0F] + HEX_CHARS[(h0 >> 24) & 0x0F] +
|
||||
HEX_CHARS[(h1 >> 4) & 0x0F] + HEX_CHARS[h1 & 0x0F] +
|
||||
HEX_CHARS[(h1 >> 12) & 0x0F] + HEX_CHARS[(h1 >> 8) & 0x0F] +
|
||||
HEX_CHARS[(h1 >> 20) & 0x0F] + HEX_CHARS[(h1 >> 16) & 0x0F] +
|
||||
HEX_CHARS[(h1 >> 28) & 0x0F] + HEX_CHARS[(h1 >> 24) & 0x0F] +
|
||||
HEX_CHARS[(h2 >> 4) & 0x0F] + HEX_CHARS[h2 & 0x0F] +
|
||||
HEX_CHARS[(h2 >> 12) & 0x0F] + HEX_CHARS[(h2 >> 8) & 0x0F] +
|
||||
HEX_CHARS[(h2 >> 20) & 0x0F] + HEX_CHARS[(h2 >> 16) & 0x0F] +
|
||||
HEX_CHARS[(h2 >> 28) & 0x0F] + HEX_CHARS[(h2 >> 24) & 0x0F] +
|
||||
HEX_CHARS[(h3 >> 4) & 0x0F] + HEX_CHARS[h3 & 0x0F] +
|
||||
HEX_CHARS[(h3 >> 12) & 0x0F] + HEX_CHARS[(h3 >> 8) & 0x0F] +
|
||||
HEX_CHARS[(h3 >> 20) & 0x0F] + HEX_CHARS[(h3 >> 16) & 0x0F] +
|
||||
HEX_CHARS[(h3 >> 28) & 0x0F] + HEX_CHARS[(h3 >> 24) & 0x0F];
|
||||
};
|
||||
|
||||
/**
|
||||
* @method toString
|
||||
* @memberof Md5
|
||||
* @instance
|
||||
* @description Output hash as hex string
|
||||
* @returns {String} Hex string
|
||||
* @see {@link md5.hex}
|
||||
* @example
|
||||
* hash.toString();
|
||||
*/
|
||||
Md5.prototype.toString = Md5.prototype.hex;
|
||||
|
||||
/**
|
||||
* @method digest
|
||||
* @memberof Md5
|
||||
* @instance
|
||||
* @description Output hash as bytes array
|
||||
* @returns {Array} Bytes array
|
||||
* @see {@link md5.digest}
|
||||
* @example
|
||||
* hash.digest();
|
||||
*/
|
||||
Md5.prototype.digest = function () {
|
||||
this.finalize();
|
||||
|
||||
var h0 = this.h0, h1 = this.h1, h2 = this.h2, h3 = this.h3;
|
||||
return [
|
||||
h0 & 0xFF, (h0 >> 8) & 0xFF, (h0 >> 16) & 0xFF, (h0 >> 24) & 0xFF,
|
||||
h1 & 0xFF, (h1 >> 8) & 0xFF, (h1 >> 16) & 0xFF, (h1 >> 24) & 0xFF,
|
||||
h2 & 0xFF, (h2 >> 8) & 0xFF, (h2 >> 16) & 0xFF, (h2 >> 24) & 0xFF,
|
||||
h3 & 0xFF, (h3 >> 8) & 0xFF, (h3 >> 16) & 0xFF, (h3 >> 24) & 0xFF
|
||||
];
|
||||
};
|
||||
|
||||
/**
|
||||
* @method array
|
||||
* @memberof Md5
|
||||
* @instance
|
||||
* @description Output hash as bytes array
|
||||
* @returns {Array} Bytes array
|
||||
* @see {@link md5.array}
|
||||
* @example
|
||||
* hash.array();
|
||||
*/
|
||||
Md5.prototype.array = Md5.prototype.digest;
|
||||
|
||||
/**
|
||||
* @method arrayBuffer
|
||||
* @memberof Md5
|
||||
* @instance
|
||||
* @description Output hash as ArrayBuffer
|
||||
* @returns {ArrayBuffer} ArrayBuffer
|
||||
* @see {@link md5.arrayBuffer}
|
||||
* @example
|
||||
* hash.arrayBuffer();
|
||||
*/
|
||||
Md5.prototype.arrayBuffer = function () {
|
||||
this.finalize();
|
||||
|
||||
var buffer = new ArrayBuffer(16);
|
||||
var blocks = new Uint32Array(buffer);
|
||||
blocks[0] = this.h0;
|
||||
blocks[1] = this.h1;
|
||||
blocks[2] = this.h2;
|
||||
blocks[3] = this.h3;
|
||||
return buffer;
|
||||
};
|
||||
|
||||
/**
|
||||
* @method buffer
|
||||
* @deprecated This maybe confuse with Buffer in node.js. Please use arrayBuffer instead.
|
||||
* @memberof Md5
|
||||
* @instance
|
||||
* @description Output hash as ArrayBuffer
|
||||
* @returns {ArrayBuffer} ArrayBuffer
|
||||
* @see {@link md5.buffer}
|
||||
* @example
|
||||
* hash.buffer();
|
||||
*/
|
||||
Md5.prototype.buffer = Md5.prototype.arrayBuffer;
|
||||
|
||||
/**
|
||||
* @method base64
|
||||
* @memberof Md5
|
||||
* @instance
|
||||
* @description Output hash as base64 string
|
||||
* @returns {String} base64 string
|
||||
* @see {@link md5.base64}
|
||||
* @example
|
||||
* hash.base64();
|
||||
*/
|
||||
Md5.prototype.base64 = function () {
|
||||
var v1, v2, v3, base64Str = '', bytes = this.array();
|
||||
for (var i = 0; i < 15;) {
|
||||
v1 = bytes[i++];
|
||||
v2 = bytes[i++];
|
||||
v3 = bytes[i++];
|
||||
base64Str += BASE64_ENCODE_CHAR[v1 >>> 2] +
|
||||
BASE64_ENCODE_CHAR[(v1 << 4 | v2 >>> 4) & 63] +
|
||||
BASE64_ENCODE_CHAR[(v2 << 2 | v3 >>> 6) & 63] +
|
||||
BASE64_ENCODE_CHAR[v3 & 63];
|
||||
}
|
||||
v1 = bytes[i];
|
||||
base64Str += BASE64_ENCODE_CHAR[v1 >>> 2] +
|
||||
BASE64_ENCODE_CHAR[(v1 << 4) & 63] +
|
||||
'==';
|
||||
return base64Str;
|
||||
};
|
||||
|
||||
var exports = createMethod();
|
||||
|
||||
if (COMMON_JS) {
|
||||
module.exports = exports;
|
||||
} else {
|
||||
/**
|
||||
* @method md5
|
||||
* @description Md5 hash function, export to global in browsers.
|
||||
* @param {String|Array|Uint8Array|ArrayBuffer} message message to hash
|
||||
* @returns {String} md5 hashes
|
||||
* @example
|
||||
* md5(''); // d41d8cd98f00b204e9800998ecf8427e
|
||||
* md5('The quick brown fox jumps over the lazy dog'); // 9e107d9d372bb6826bd81d3542a419d6
|
||||
* md5('The quick brown fox jumps over the lazy dog.'); // e4d909c290d0fb1ca068ffaddf22cbd0
|
||||
*
|
||||
* // It also supports UTF-8 encoding
|
||||
* md5('中文'); // a7bac2239fcdcb3a067903d8077c4a07
|
||||
*
|
||||
* // It also supports byte `Array`, `Uint8Array`, `ArrayBuffer`
|
||||
* md5([]); // d41d8cd98f00b204e9800998ecf8427e
|
||||
* md5(new Uint8Array([])); // d41d8cd98f00b204e9800998ecf8427e
|
||||
*/
|
||||
root.md5 = exports;
|
||||
if (AMD) {
|
||||
define(function () {
|
||||
return exports;
|
||||
});
|
||||
}
|
||||
}
|
||||
})();
|
||||
2
static/layer/layer.js
Normal file
2
static/layer/mobile/layer.js
Normal file
@@ -0,0 +1,2 @@
|
||||
/*! layer mobile-v2.0.0 Web 通用弹出层组件 MIT License */
|
||||
;!function(e){"use strict";var t=document,n="querySelectorAll",i="getElementsByClassName",a=function(e){return t[n](e)},s={type:0,shade:!0,shadeClose:!0,fixed:!0,anim:"scale"},l={extend:function(e){var t=JSON.parse(JSON.stringify(s));for(var n in e)t[n]=e[n];return t},timer:{},end:{}};l.touch=function(e,t){e.addEventListener("click",function(e){t.call(this,e)},!1)};var r=0,o=["layui-m-layer"],c=function(e){var t=this;t.config=l.extend(e),t.view()};c.prototype.view=function(){var e=this,n=e.config,s=t.createElement("div");e.id=s.id=o[0]+r,s.setAttribute("class",o[0]+" "+o[0]+(n.type||0)),s.setAttribute("index",r);var l=function(){var e="object"==typeof n.title;return n.title?'<h3 style="'+(e?n.title[1]:"")+'">'+(e?n.title[0]:n.title)+"</h3>":""}(),c=function(){"string"==typeof n.btn&&(n.btn=[n.btn]);var e,t=(n.btn||[]).length;return 0!==t&&n.btn?(e='<span yes type="1">'+n.btn[0]+"</span>",2===t&&(e='<span no type="0">'+n.btn[1]+"</span>"+e),'<div class="layui-m-layerbtn">'+e+"</div>"):""}();if(n.fixed||(n.top=n.hasOwnProperty("top")?n.top:100,n.style=n.style||"",n.style+=" top:"+(t.body.scrollTop+n.top)+"px"),2===n.type&&(n.content='<i></i><i class="layui-m-layerload"></i><i></i><p>'+(n.content||"")+"</p>"),n.skin&&(n.anim="up"),"msg"===n.skin&&(n.shade=!1),s.innerHTML=(n.shade?"<div "+("string"==typeof n.shade?'style="'+n.shade+'"':"")+' class="layui-m-layershade"></div>':"")+'<div class="layui-m-layermain" '+(n.fixed?"":'style="position:static;"')+'><div class="layui-m-layersection"><div class="layui-m-layerchild '+(n.skin?"layui-m-layer-"+n.skin+" ":"")+(n.className?n.className:"")+" "+(n.anim?"layui-m-anim-"+n.anim:"")+'" '+(n.style?'style="'+n.style+'"':"")+">"+l+'<div class="layui-m-layercont">'+n.content+"</div>"+c+"</div></div></div>",!n.type||2===n.type){var d=t[i](o[0]+n.type),y=d.length;y>=1&&layer.close(d[0].getAttribute("index"))}document.body.appendChild(s);var u=e.elem=a("#"+e.id)[0];n.success&&n.success(u),e.index=r++,e.action(n,u)},c.prototype.action=function(e,t){var n=this;e.time&&(l.timer[n.index]=setTimeout(function(){layer.close(n.index)},1e3*e.time));var a=function(){var t=this.getAttribute("type");0==t?(e.no&&e.no(),layer.close(n.index)):e.yes?e.yes(n.index):layer.close(n.index)};if(e.btn)for(var s=t[i]("layui-m-layerbtn")[0].children,r=s.length,o=0;o<r;o++)l.touch(s[o],a);if(e.shade&&e.shadeClose){var c=t[i]("layui-m-layershade")[0];l.touch(c,function(){layer.close(n.index,e.end)})}e.end&&(l.end[n.index]=e.end)},e.layer={v:"2.0",index:r,open:function(e){var t=new c(e||{});return t.index},close:function(e){var n=a("#"+o[0]+e)[0];n&&(n.innerHTML="",t.body.removeChild(n),clearTimeout(l.timer[e]),delete l.timer[e],"function"==typeof l.end[e]&&l.end[e](),delete l.end[e])},closeAll:function(){for(var e=t[i](o[0]),n=0,a=e.length;n<a;n++)layer.close(0|e[0].getAttribute("index"))}},"function"==typeof define?define(function(){return layer}):function(){var e=document.scripts,n=e[e.length-1],i=n.src,a=i.substring(0,i.lastIndexOf("/")+1);n.getAttribute("merge")||document.head.appendChild(function(){var e=t.createElement("link");return e.href=a+"need/layer.css?2.0",e.type="text/css",e.rel="styleSheet",e.id="layermcss",e}())}()}(window);
|
||||