@charset "utf-8";
* { margin: 0; padding: 0; font-size: 100%; }
html { background: url(image/bg.jpg) top center no-repeat #f3f4ef; background-size: cover; background-attachment: fixed; }
body { background: #85b8f4; width: 100%; max-width: 720px; min-height: 100vh; margin: 0 auto; line-height: 1.5; font-size: 14px; font-family: "微软雅黑"; word-break: break-all; word-wrap: break-word; }
ol, ul { list-style: none; }
img { max-width: 100%; vertical-align: middle; }
a { display: inline-block; text-decoration: none; color: inherit; }
a:hover { text-decoration: underline; }
:focus { outline: 0; }
table { border: 0; border-spacing: 0; }

.header { width: 100%; max-width: 720px; border-radius: 0 0 5px 5px; overflow: hidden; background: #f44336; position: fixed; top: 0; left: 0; right: 0; margin: auto; z-index: 9; }
.header .logo-bar { display: flex; align-items: center; justify-content: space-between; height: 60px; padding: 0 10px 0 0; position: relative; }
.header .logo-bar .logo img { height: 60px; }
.header .logo-bar .quan { width: 60px; height: 60px; position: absolute; left: 0; right: 0; margin: auto; }
.header .logo-bar .quan img { width: 60px; height: 60px; border-radius: 50%; box-shadow: 0 0 20px #000; animation: z 5s linear 0s infinite; }
.header .logo-bar .home { line-height: 1; text-align: center; color: #fff; font-size: 12px; }
.header .logo-bar .home img { width: 30px; height: 30px; margin-bottom: 3px; }
.header .logo-bar .home span { display: block; }
.header .nav { color: #fff; border-top: solid 1px #000; }
.header .nav ul { display: flex; justify-content: space-around; text-align: center; }
.header .nav ul li { width: 16.666%; }
.header .nav ul li a { height: 30px; line-height: 30px; display: block; }
.header .nav ul li a:hover { text-decoration: none; background: #1d79eb; }
.header-blank { height: 258px; }
@media screen and (max-width: 720px) {
    .header .logo-bar { padding: 0 5px 0 0; }
    .header .logo-bar .quan { position: relative; }
    .header .nav { font-size: 12px; }
}
@keyframes z { from { transform: rotateZ(0deg); } to { transform: rotateZ(360deg); } }

.box { margin: 1px 0; border-radius: 5px; background: #f44336; }
.box.slot:empty { display: none; }
.pad { padding: 4px; }
@media screen and (max-width: 720px) { .box { margin: 1px; } }
.box img { width: 100%; }


.subnav { line-height: 1; text-align: center; font-size: 16px; font-weight: bold; }
.subnav ul { display: flex; justify-content: space-around; }
.subnav ul li a { padding: 5px 3px 8px 3px; }
.subnav ul li a img { width: 84px; max-width: 100%; margin-bottom: 5px; animation-duration: 4s; animation-fill-mode: both; }
.subnav ul li a span { display: block; text-shadow: 0 2px 1px #ff9c00; }
@media screen and (max-width: 720px) { .subnav { font-size: 14.5px; } }
.subnav ul li:nth-child(1) a img, .subnav ul li:nth-child(2) a img { animation-name: fadeInLeft; }
.subnav ul li:nth-child(3) a img { animation-name: bounceInDown; }
.subnav ul li:nth-child(4) a img, .subnav ul li:nth-child(5) a img { animation-name: fadeInRight; }
@keyframes fadeInLeft { 0% { opacity: 0; transform: translate3d(-100%, 0, 0); } to { opacity: 1; transform: none; } }
@keyframes fadeInRight { 0% { opacity: 0; transform: translate3d(100%, 0, 0); } to { opacity: 1; transform: none; } }
@keyframes bounceInDown {
    0%, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(.215, .61, .355, 1); }
    0% { opacity: 0; transform: translate3d(0, -3000px, 0); }
    60% { opacity: 1; transform: translate3d(0, 25px, 0); }
    75% { transform: translate3d(0, -10px, 0); }
    90% { transform: translate3d(0, 5px, 0); }
    to { transform: none; }
}
.subnav a:hover { animation-name: pulse; animation-duration: 1s; animation-fill-mode: both; }
@keyframes pulse { 0% { transform: scaleX(1); } 50% { transform: scale3d(1.05, 1.05, 1.05); } to { transform: scaleX(1); } }

.url { line-height: 1.3; font-weight: bold; text-align: center; font-size: 17px; }
.url dl { display: flex; flex-direction: row; flex-wrap: wrap; }
.url dl dt { width: 100%; color: #ff0; }
.url dl dd { width: 33.33%; color: #fff; animation: pulse 1s both infinite; }

.tit { line-height: 40px; padding-bottom: 3px; color: #ff0; text-align: center; font-weight: bold; font-size: 26px; text-shadow: 1px 4px 1px #b99b5f; border-bottom: solid 1px #000; background: linear-gradient(transparent, #dacfcf); }
.tit a { display: block; }

.ptyx, .bzlx, .dgk, .sqbk, .jx24m, .yxym, .xjct, .juesha { width: 100%; background: #fff; }
.ptyx { font-size: 16px; font-weight: bold; }
.ptyx th { font-size: 18px; color: #00f; border: solid 1px #4292ef; background: #f44336; }
.ptyx td { height: 32px; padding: 0 5px; color: #333; border: solid 1px #4292ef; }
.ptyx td.pre { background: #ff0; color: #f00; }
.ptyx td.foot, .bzlx td.foot, .sqbk td.foot, .jx24m td.foot { background: #fffbe6; color: #333; font-size: 15px; line-height: 1.5; }
.ptyx td.foot.plain { background: #fff; }
.teal { color: #008080; font-size: 18px; font-weight: bold; }

.bzlx { text-align: center; font-size: 18px; font-weight: bold; }
.bzlx th { color: #fff; border: solid 1px #4292ef; background: #f44336; }
.bzlx td { border: solid 1px #4292ef; }
.bzlx td.td1 { width: 20% !important; }
.bzlx td.td2 { color: #00f; font-size: 20px; }
.bzlx td.td3 { color: #f00; }

.dgk { font-weight: bold; margin-bottom: 4px; }
.dgk th { padding: 5px; color: #ff0; border: solid 1px #4292ef; background: #f44336; }
.dgk td { white-space: nowrap; text-overflow: ellipsis; padding: 5px; box-sizing: border-box; border: solid 1px #4292ef; }
.dgk span { background: #ff0; }

.sqbk { text-align: center; font-weight: bold; }
.sqbk th { color: #fff; font-size: 18px; border: solid 1px #4292ef; background: #f44336; }
.sqbk td { line-height: 1.3; font-size: 16px; border: solid 1px #4292ef; }
.sqbk td.td1 { width: 30%; }
.sqbk td.td2 { color: #00f; font-size: 26px; }
.sqbk td.td3 { width: 30%; }

.jx24m { text-align: center; font-weight: bold; }
.jx24m th { color: #fff; font-size: 18px; border: solid 1px #4292ef; background: #f44336; }
.jx24m td { line-height: 1.2; font-size: 17px; border: solid 1px #4292ef; }
.jx24m td.td1 { width: 16%; }
.jx24m td.td2 { color: #00f; font-size: 18px; font-family: "宋体"; }
.jx24m td.td3 { width: 16%; color: #f00; }

.yxym { border-collapse: collapse; text-align: center; margin-bottom: 4px; }
.yxym th { height: 30px; color: #fff; font-size: 16px; font-weight: normal; border: solid 1px #e5e5e5; background: #f44336; }
.yxym td { height: 30px; font-size: 15px; border: solid 1px #e5e5e5; }
.yxym td.td1 { width: 25%; color: #fff; background: #f44336; }
.yxym td.td2 { color: #00f; }
.yxym td.td2 span { background: #ff0; }
.yxym td.td3 { width: 25%; color: #fff; background: #f44336; }
@media screen and (max-width: 720px) {
    .yxym td { font-size: 13px; }
    .yxym td.td3 { width: 20%; }
}

.juesha { font-size: 14px; font-weight: bold; background: #b3d3f9; }
.juesha th { height: 35px; color: #fff; border: solid 1px #636262; background: #000; }
.juesha td { height: 35px; text-align: center; border: solid 1px #636262; }

.xjct { line-height: 1.75; font-size: 16px; }
.xjct th { color: #fff; border: dashed 1px #c0c0c0; background: #4292ef; }
.xjct td { text-align: center; border: dashed 1px #c0c0c0; }

.tie-con { font-size: 16px; background: #fff; }
.tie-con ul li { background: url(image/tj.gif) 5px center no-repeat; }
.tie-con ul li a { display: block; position: relative; padding: 0 24px 0 40px; line-height: 36px; font-weight: bold; border-bottom: solid 1px #b99b5f; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.tie-con ul li a::after { content: '›'; position: absolute; right: 8px; color: #b99b5f; font-size: 22px; }
@media screen and (max-width: 720px) { .tie-con { font-size: 14px; } }

/* 号码、生肖等文字颜色 */
.n, .b { color: #00f; }
.nv { color: #000080; }
.r { color: #f00; }
.m { color: #000; }
.p { color: #c39; }
.g { color: #008000; }
.tl { color: #088; }
.mr { color: #800000; }
.o { color: #f90; }
.v { color: #606; }
.s14 { font-size: 14pt; }
.s4 { font-size: 18px; }
.hl { color: #f00; background: #ff0; }
.hx { color: #fff; background: #f00; }
.ptyx th.legend { color: #f00; }
.ptyx th.legend p { margin: 0; }
.jx24m.blue th { color: #00f; }

.footer { color: #fff; text-align: center; }
.footer dl { padding: 0 10%; }
.footer dl dd { padding: 5px 0; border-bottom: solid 1px #000; }
.footer .ad-link { color: #f0f; background: #ff0; text-decoration: none; }

.KJ-TabBox { height: 166px; overflow: hidden; color: #333; background: #fff; font-family: 'PingFang SC', 'microsoft yahei', arial, 'helvetica neue', 'hiragino sans gb', sans-serif; }
.KJ-TabBox ul, .KJ-TabBox li { margin: 0; list-style: none; padding: 0; border: 0; font-size: 18px; }
.KJ-TabBox ul { display: flex; height: 36px; padding: 8px 0 0 8px; box-sizing: border-box; border-bottom: solid 2px #fff; }
.KJ-TabBox li { flex: 1; height: 26px; line-height: 26px; margin-right: 8px; text-align: center; border-radius: 4px; background: #eee; cursor: pointer; }
.KJ-TabBox li.cur { color: #fff; background: #ff9900; }
.KJ-TabBox li:nth-child(1).cur { background: #1fb61d; }
.KJ-TabBox li:nth-child(2).cur { background: #e71607; }
.KJ-TabBox li:nth-child(3).cur { background: #2389e9; }
.KJ-TabBox > div { display: none; }
.KJ-TabBox > div.cur { display: block; }
@media screen and (max-width: 650px) { .KJ-TabBox ul, .KJ-TabBox li { font-size: 16px; } }

#lightbox { display: none; position: fixed; inset: 0; z-index: 99; overflow: auto; background: rgba(0, 0, 0, .85); cursor: zoom-out; }
#lightbox img { display: block; width: 100%; max-width: 720px; margin: 0 auto; }