@charset "UTF-8"; article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1 } audio:not([controls]) { display: none; height: 0 } [hidden] { display: none } html { font-size: 100%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100% } body { margin: 0 } a:focus { outline: thin dotted } a:active, a:hover { outline: 0 } h1 { font-size: 2em; margin: .67em 0 } h2 { font-size: 1.5em; margin: .83em 0 } h3 { font-size: 1.17em; margin: 1em 0 } h4 { font-size: 1em; margin: 1.33em 0 } h5 { font-size: .83em; margin: 1.67em 0 } h6 { font-size: .67em; margin: 2.33em 0 } abbr[title] { border-bottom: 1px dotted } b, strong { font-weight: 700 } blockquote { margin: 1em 40px } dfn { font-style: italic } hr { box-sizing: content-box; height: 0 } mark { background: #ff0; color: #000 } p, pre { margin: 1em 0 } code, kbd, pre, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em } pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word } q { quotes: none } q:before, q:after { content: ''; content: none } small { font-size: 80% } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline } sup { top: -.5em } sub { bottom: -.25em } dl, menu, ol, ul { margin: 1em 0 } dd { margin: 0 0 0 40px } menu, ol, ul { padding: 0 0 0 40px } nav ul, nav ol { list-style: none; list-style-image: none } img { border: 0; -ms-interpolation-mode: bicubic } svg:not(:root) { overflow: hidden } figure { margin: 0 } form { margin: 0 } fieldset { border: 1px solid silver; margin: 0 2px; padding: .35em .625em .75em } legend { border: 0; padding: 0; white-space: normal; *margin-left: -7px } button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle } button, input { line-height: normal } button, select { text-transform: none } button, html input[type=button], input[type=reset], input[type=submit] { -webkit-appearance: button; cursor: pointer; *overflow: visible } button[disabled], html input[disabled] { cursor: default } input[type=checkbox], input[type=radio] { box-sizing: border-box; padding: 0; *height: 13px; *width: 13px } input[type=search] { -webkit-appearance: textfield; box-sizing: content-box } input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration { -webkit-appearance: none } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0 } textarea { overflow: auto; vertical-align: top } table { border-collapse: collapse; border-spacing: 0 } body { color: #333; background-color: #fff } a { text-decoration: none; color: #333 } a:hover { text-decoration: underline; color: #e94646 } img { vertical-align: top } em { font-style: normal } ol, ul, menu { list-style: none outside none } fieldset, iframe { border: 0 none } dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td, hr, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0 } iframe { display: block } th { text-align: inherit } input, button, select, textarea { font-family: Tahoma, Arial, "Helvetica Neue", Helvetica, sans-serif } textarea { resize: vertical; overflow: auto } del { text-decoration: line-through } abbr { cursor: help } hr { height: 10px; margin-bottom: .8em; border: 0; border-bottom: 1px solid #cfcfcf } blockquote { position: relative; padding: 0 15px; margin: 15px 0; border-left: 4px solid #ddd; color: #999 } @media print, (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 1.25dppx), (min-resolution: 120dpi) { } @media print { *, :before, :after { background: transparent !important; color: #000 !important; box-shadow: none !important; text-shadow: none !important } a, a:visited { text-decoration: underline } a[href]:after { content: " (" attr(href) ")" } abbr[title]:after { content: " (" attr(title) ")" } a[href^="#"]:after, a[href^="javascript:"]:after { content: "" } pre, blockquote { border: 1px solid #999; page-break-inside: avoid } thead { display: table-header-group } tr, img { page-break-inside: avoid } img { max-width: 100% !important } p, h2, h3 { orphans: 3; widows: 3 } h2, h3 { page-break-after: avoid } .u-printHide { display: none !important } } .ui-panel { font-size: 12px; *zoom: 1 } .ui-panel__hd { position: relative; height: 16px; padding-top: 8px; padding-bottom: 8px; line-height: 16px } .ui-panel__hd .ui-lineList { margin-top: 1px; margin-right: -10px } .ui-panel__bd { padding-top: 10px; padding-bottom: 10px } .ui-panel__tit { float: left; margin-right: 10px; font-size: 14px; font-weight: 700; color: #333 } .ui-panel__ico { float: left; width: 14px; height: 14px; margin-right: 5px; background-color: #666 } .ui-panel__meta { float: left; margin-top: 1px; margin-right: 10px; color: #999 } .ui-panel__more { float: right } .ui-panel.ext-border { border: 1px solid #ddd; border-bottom: 0 } .ui-panel.ext-border .ui-panel__hd { padding: 10px; border-bottom: 1px solid #ddd; background-color: #f5f5f5 } .ui-panel.ext-border .ui-panel__bd { padding: 10px; border-bottom: 1px solid #ddd } .ui-panel.ext-pop { padding: 5px; border-radius: 5px; background-color: transparent; background-color: rgba(0, 0, 0, .1); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#1A000000, endColorstr=#1A000000); zoom: 1 } :root .ui-panel.ext-pop { -webkit-filter: none; filter: none } .ui-panel.ext-pop .ui-panel__hd { padding: 10px; background-color: #f5f5f5 } .ui-panel.ext-pop .ui-panel__bd { padding: 10px; background-color: #fff } .ui-panel.ext-pop .ui-panel__close { display: inline-block; vertical-align: middle; *vertical-align: auto; *display: inline; zoom: 1; width: 18px; height: 18px; margin-top: -4px; font-family: Helvetica, STHeiti; _font-family: '\u9ed1\u4f53', 'Book Antiqua', Palatino; font-size: 18px; text-align: center; line-height: 18px; color: #bbb } .ui-panel.ext-pop .ui-panel__close:hover { color: #fff; background-color: #ddd; border-radius: 3px } .ui-figure { margin-right: -10px; font-size: 0; *word-spacing: -1px } @media (-webkit-min-device-pixel-ratio: 0) { .ui-figure { letter-spacing: -5px } } .ui-figure__item { display: inline-block; vertical-align: top; *vertical-align: auto; *display: inline; zoom: 1; width: 228px; margin-right: 10px; margin-bottom: 10px; font-size: 12px; letter-spacing: normal; word-spacing: normal; overflow: hidden } .ui-figure__bd { position: relative; display: block; height: 128px } a.ui-figure__bd { cursor: pointer } a.ui-figure__bd:hover { text-decoration: none } .ui-figure__img { width: 228px; height: 128px; overflow: hidden } .ui-figure__mask { position: absolute; right: 0; bottom: 0; width: 100%; height: 24px; line-height: 24px; text-indent: 5px; color: #fff; overflow: hidden; background-color: transparent; background-color: rgba(0, 0, 0, .5); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000, endColorstr=#80000000); zoom: 1 } :root .ui-figure__mask { -webkit-filter: none; filter: none } .ui-figure__sign { float: left; margin-right: 5px } .ui-figure__meta { display: block; margin-right: 5px; overflow: hidden; *zoom: 1; text-align: right } .ui-figure__caption { display: block; margin-top: 5px; font-size: 12px; font-weight: 400 } .ui-figure.ext-cover .ui-figure__bd { overflow: hidden } .ui-figure.ext-cover .ui-figure__bd:hover .ui-figure__mask, .ui-figure.ext-cover .ui-figure__bd.is-hover .ui-figure__mask { bottom: 0 } .ui-figure.ext-cover .ui-figure__mask { bottom: -100%; height: 100%; line-height: 1.5; text-indent: 0; transition: bottom .2s ease-out 0; -webkit-backface-visibility: hidden; -webkit-transform-style: preserve-3d } .ui-figure.ext-autoMask .ui-figure__mask { width: auto } .ui-figure.ext-noMask .ui-figure__mask { background: 0 0; -webkit-filter: none; filter: none } .ui-figure.ext-border .ui-figure__item { padding: 2px; border: 1px solid #ddd } .ui-figure.ext-border .ui-figure__caption { padding: 0 5px 5px } .ui-dialog { outline: 0 } .ui-dialog-close { position: absolute; right: 0; z-index: 9; width: 46px; height: 0; padding-top: 44px; overflow: hidden; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAsCAMAAAAtr3oOAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAOVBMVEX////19fX+/v7y8vX///+oqKjz8/Xz8/b09Pb09Pf19ff29vj39/n4+Pn4+Pr5+fr5+fv6+vsAAABX36Q3AAAAA3RSTlPmTOc1ux8eAAAAAWJLR0QSe7xsAAAAAAlwSFlzAAALEgAACxIB0t1+/AAAAIhJREFUSMft0tsKgDAIBmArbZ0P7/+yERHF/B1JDLrIu8GHuF+p4udFBXk4lz7OP//5ay5iv1D3u4g1GuYySsPZT6U1/urhgDaS2SXSVpAiUJu5Y81U+7oH3+zB0EYywdI492BquNUmlYm+mTaZoLrImKeLOh/vs/IhKx99fPLxOStffHz9EN8Aw/wgV5BHry4AAAAASUVORK5CYII="); background-repeat: no-repeat; border-top-right-radius: 4px } .ui-dialog-close:hover { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAsCAMAAAAtr3oOAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAOVBMVEX////19fX+/v7y8vX////MzMzz8/Xz8/b09Pb09Pf19ff29vj39/n4+Pn4+Pr5+fr5+fv6+vsAAABAtFMnAAAAA3RSTlPmTOc1ux8eAAAAAWJLR0QSe7xsAAAAAAlwSFlzAAALEgAACxIB0t1+/AAAAIhJREFUSMft0tsKgDAIBmArbZ0P7/+yERHF/B1JDLrIu8GHuF+p4udFBXk4lz7OP//5ay5iv1D3u4g1GuYySsPZT6U1/urhgDaS2SXSVpAiUJu5Y81U+7oH3+zB0EYywdI492BquNUmlYm+mTaZoLrImKeLOh/vs/IhKx99fPLxOStffHz9EN8Aw/wgV5BHry4AAAAASUVORK5CYII=") } .ui-dialog__hd { position: relative; height: 22px; padding: 12px; border-bottom: 1px solid #f2f2f5; line-height: 22px; background-color: #fff; border-radius: 4px 4px 0 0 } .ui-dialog__tit { float: left; margin-right: 10px; font-size: 16px; font-weight: 700 } .ui-dialog__meta { font-size: 12px; color: #999 } .ui-dialog__bd { background-color: #fff; border-radius: 0 0 4px 4px } .ui-dialog.ext-border { padding: 5px; border-radius: 4px; background-color: rgba(0, 0, 0, .2) } .ui-dialog.ext-border .ui-dialog-close { right: 5px } .ui-tab__hd { position: relative; margin-bottom: 15px } .ui-tab__ext { position: absolute; top: 50%; right: 0; margin-top: -8px } .ui-tab__nav { font-size: 0; *word-spacing: -1px } @media (-webkit-min-device-pixel-ratio: 0) { .ui-tab__nav { letter-spacing: -5px } } .ui-tab__trigger { display: inline-block; vertical-align: top; *vertical-align: auto; *display: inline; zoom: 1; letter-spacing: normal; word-spacing: normal; margin-right: 3px; height: 32px; line-height: 32px; font-size: 14px; border: 1px solid #fff; border-bottom: 0; background-color: #fff; overflow: hidden; cursor: pointer; font-family: PingFang sc, "Helvetica Neue", Helvetica, Tahoma, Arial, "Liberation Sans", "Hiragino Sans GB", "Source Han Sans CN", "Source Han Sans SC", "Microsoft YaHei", "Wenquanyi Micro Hei", "WenQuanYi Zen Hei", "ST Heiti", SimHei, "WenQuanYi Zen Hei Sharp", sans-serif } .ui-tab__trigger.is-active { *position: relative; padding-bottom: 1px; border-color: #dedede } .ui-tab__trigger a { display: block; padding: 0 15px; color: #333 } .ui-slide { position: relative; width: 1000px; overflow: hidden } .ui-slide img { width: 100%; height: 100% } .ui-slide__content { position: relative; height: 300px } .ui-slide__panel { position: absolute; width: 1000px; height: 300px; overflow: hidden } .ui-slide__panel a { display: block } .ui-slide__mask { position: absolute; bottom: 0; right: 0; width: 100%; height: 100%; overflow: hidden; text-indent: 10px; font-size: 20px; line-height: 20px; color: #fff; background-color: transparent; background-color: rgba(0, 0, 0, .5); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000, endColorstr=#80000000); zoom: 1 } :root .ui-slide__mask { -webkit-filter: none; filter: none } .ui-slide__prev, .ui-slide__next { position: absolute; top: 50%; cursor: pointer } .ui-slide__prev .ui-icon, .ui-slide__next .ui-icon { font-size: 24px; color: #fff } .ui-slide__prev { left: 0 } .ui-slide__next { right: 0 } .ui-slide.ext-dotted .ui-slide__nav { position: absolute; bottom: 15px; z-index: 99; width: 100%; text-align: center; font-size: 0; *word-spacing: -1px } .ui-slide.ext-dotted .ui-slide__trigger { display: inline-block; vertical-align: middle; *vertical-align: auto; *display: inline; zoom: 1; vertical-align: top; font-size: 12px; letter-spacing: normal; word-spacing: normal; width: 10px; height: 0; padding-top: 10px; cursor: pointer; overflow: hidden; border-radius: 50%; margin-left: 4px; margin-right: 4px; background-color: #ccc } .ui-slide.ext-dotted .ui-slide__trigger.is-active { background-color: #ff6c00 } .ui-slide.ext-thumbX .ui-slide__trigger.is-active .ui-slide__thumbMask, .ui-slide.ext-thumbY .ui-slide__trigger.is-active .ui-slide__thumbMask { border: 3px solid #288ad6; background: 0 0; opacity: 1; filter: alpha(opacity=100) } .ui-slide.ext-thumbX .ui-slide__trigger.is-active::after, .ui-slide.ext-thumbY .ui-slide__trigger.is-active::after { content: ""; position: absolute; width: 0; height: 0; border-width: 8px; border-style: solid } .ui-slide__thumbMask { position: absolute; top: 0; left: 0; display: block; background: #fff; opacity: .1; filter: alpha(opacity=10) } .ui-slide.ext-thumbX .ui-slide__nav { *zoom: 1; padding-top: 15px; margin-right: -20px } .ui-slide.ext-thumbX .ui-slide__nav:before, .ui-slide.ext-thumbX .ui-slide__nav:after { content: ""; display: table; line-height: 0 } .ui-slide.ext-thumbX .ui-slide__nav:after { clear: both } .ui-slide.ext-thumbX .ui-slide__trigger { position: relative; float: left; margin-right: 20px; width: 170px; height: 94px; cursor: pointer } .ui-slide.ext-thumbX .ui-slide__trigger.is-active .ui-slide__thumbMask { width: 164px; height: 88px } .ui-slide.ext-thumbX .ui-slide__trigger.is-active::after { top: -16px; left: 50%; margin-left: -8px; border-color: transparent transparent #288ad6 } .ui-slide.ext-thumbX .ui-slide__thumbMask { width: 170px; height: 94px } .ui-slide.ext-thumbY { height: 300px } .ui-slide.ext-thumbY .ui-slide__content { float: left; width: 555px; height: 300px } .ui-slide.ext-thumbY .ui-slide__panel { width: 555px; height: 300px } .ui-slide.ext-thumbY .ui-slide__nav { overflow: hidden; zoom: 1; padding-left: 15px; margin-bottom: -15px } .ui-slide.ext-thumbY .ui-slide__trigger { position: relative; float: left; margin-bottom: 15px; width: 170px; height: 90px; cursor: pointer } .ui-slide.ext-thumbY .ui-slide__trigger.is-active .ui-slide__thumbMask { width: 164px; height: 84px } .ui-slide.ext-thumbY .ui-slide__trigger.is-active::after { left: -16px; top: 50%; margin-top: -8px; border-color: transparent #288ad6 transparent transparent } .ui-slide.ext-thumbY .ui-slide__thumbMask { width: 170px; height: 90px } .ui-carousel { position: relative; width: 440px; padding: 0 34px } .ui-carousel__scroller { width: 440px; height: 80px; overflow: hidden } .ui-carousel__content { width: 100000px !important; height: 80px } .ui-carousel__item { float: left; width: 80px; height: 80px; margin-right: 10px } .ui-carousel__prev, .ui-carousel__next { position: absolute; top: 0; width: 24px; height: 80px; line-height: 80px; cursor: pointer; text-align: center } .ui-carousel__prev.is-disabled, .ui-carousel__next.is-disabled { color: #ccc; cursor: default } .ui-carousel__prev .ui-icon, .ui-carousel__next .ui-icon { font-size: 24px } .ui-carousel__prev { left: 0 } .ui-carousel__next { right: 0 } .ui-carousel__controller { margin-top: 5px; text-align: center } .ui-carousel__controller .ui-carousel__prev { margin-right: 5px } .ui-carousel.ext-vertical { width: 300px; padding: 29px 0 } .ui-carousel.ext-vertical .ui-carousel__content { width: auto !important; height: auto } .ui-carousel.ext-vertical .ui-carousel__scroller { width: 300px; height: 290px; overflow: hidden } .ui-carousel.ext-vertical .ui-carousel__item { float: none; width: auto; height: 50px; padding: 5px 0; margin: 0 } .ui-carousel.ext-vertical .ui-carousel__prev, .ui-carousel.ext-vertical .ui-carousel__next { width: 300px; height: 24px; line-height: 24px } .ui-carousel.ext-vertical .ui-carousel__prev { top: 0; left: 0 } .ui-carousel.ext-vertical .ui-carousel__next { top: auto; right: 0; bottom: 0 } .ui-accordion { width: 500px } .ui-accordion__hd { *zoom: 1; padding: 8px 10px; margin-top: -1px; background-color: #f5f5f5; border: 1px solid #dedede; cursor: pointer } .ui-accordion__hd:before, .ui-accordion__hd:after { content: ""; display: table; line-height: 0 } .ui-accordion__hd:after { clear: both } .ui-accordion__hd.is-active { background-color: #e7e7e7; cursor: default } .ui-accordion__tit { float: left } .ui-accordion__ext { float: right } .ui-accordion__bd { height: 150px; padding: 10px; border: 1px solid #dedede; border-top-width: 0 } .ui-accordion.ext-vertical { *zoom: 1; width: auto } .ui-accordion.ext-vertical:before, .ui-accordion.ext-vertical:after { content: ""; display: table; line-height: 0 } .ui-accordion.ext-vertical:after { clear: both } .ui-accordion.ext-vertical .ui-accordion__hd { float: left; width: 18px; height: 300px; padding: 10px 8px; margin-top: 0; margin-left: -1px; text-align: center } .ui-accordion.ext-vertical .ui-accordion__bd { float: left; width: 320px; height: 300px; margin-left: -1px; border-top-width: 1px } .ui-marquee { position: relative; height: 22px; padding: 0 30px 0 10px; border: 1px solid #dedede; font-size: 12px; overflow: hidden } .ui-marquee__panel { height: 22px; line-height: 22px; overflow: hidden } .ui-marquee__prev, .ui-marquee__next { position: absolute; right: 0; cursor: pointer; opacity: .5; filter: alpha(opacity=50) } .ui-marquee__prev:hover, .ui-marquee__next:hover { opacity: 1; filter: alpha(opacity=100) } .ui-marquee__prev { top: -2px } .ui-marquee__next { top: 8px } .u-clearfix { *zoom: 1 } .u-clearfix:before, .u-clearfix:after { content: ""; display: table; line-height: 0 } .u-clearfix:after { clear: both } .u-ellipsis { display: block; width: auto; white-space: nowrap; word-wrap: normal; overflow: hidden; text-overflow: ellipsis; text-align: left } .u-nowrap { white-space: nowrap; word-wrap: normal; word-break: keep-all } .u-wrap { -ms-word-break: break-all; word-break: break-all; word-break: break-word } .u-imeInactive { ime-mode: inactive !important } .u-antialiased { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .u-heiti { font-family: "Helvetica Neue", Helvetica, Tahoma, Arial, "Liberation Sans", "Hiragino Sans GB", "Source Han Sans CN", "Source Han Sans SC", "Microsoft YaHei", "Wenquanyi Micro Hei", "WenQuanYi Zen Hei", "ST Heiti", SimHei, "WenQuanYi Zen Hei Sharp", sans-serif } .u-songti { font-family: "Helvetica Neue", Helvetica, Tahoma, Arial, SimSun, "TW\-Sung", "WenQuanYi Bitmap Song", "AR PL UMing CN", "AR PL UMing HK", "AR PL UMing TW", "AR PL UMing TW MBE", serif } .u-monospace { font-family: Monaco, Menlo, Consolas, "Courier New", monospace } .u-txtPrimary { color: #0097d6 } .u-txtSuccess { color: #7cae23 } .u-txtInfo { color: #9ac9e3 } .u-txtWarning { color: #f96 } .u-txtDanger { color: #e4393c } .u-txtGray { color: #999 } .u-bgPrimary { color: #fff; background-color: #288ad6 } .u-bgSuccess { color: #fff; background-color: #16c98d } .u-bgInfo { color: #fff; background-color: #2fc2ef } .u-bgWarning { color: #3b444f; background-color: #feef6d } .u-bgDanger { color: #fff; background-color: #fa5e5b } .u-left { float: left; _display: inline } .u-right { float: right; _display: inline } .u-hide { display: none } .u-inbGroup { font-size: 0; *word-spacing: -1px } @media (-webkit-min-device-pixel-ratio: 0) { .u-inbGroup { letter-spacing: -5px } } .u-inb { display: inline-block; vertical-align: top; *vertical-align: auto; *display: inline; zoom: 1; font-size: 12px; letter-spacing: normal; word-spacing: normal; line-height: initial } .u-center { height: 100%; text-align: center; font-size: 0; *word-spacing: -1px } @media (-webkit-min-device-pixel-ratio: 0) { .u-center { letter-spacing: -5px } } .u-center__inner { width: 100%; padding: 0 !important; margin: 0 !important; font-size: 12px; letter-spacing: normal; word-spacing: normal; white-space: normal; word-wrap: break-word } .u-center__inner, .u-center__hack { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle } .u-center__hack { width: 0; height: 100% } .u-justify { text-align: justify; text-justify: inter-ideograph; *zoom: 1; line-height: initial; -webkit-text-align-last: justify; text-align-last: justify } .u-justify .u-inb__item { -webkit-text-align-last: auto; text-align-last: auto; text-justify: auto; text-align: left } .u-justify:after { content: ""; display: inline-block; width: 100% } .u-arrow { width: 0; height: 0; line-height: 0; overflow: hidden; display: inline-block; vertical-align: -2px; *vertical-align: auto; *display: inline; zoom: 1; border: 0 dashed transparent; border-width: 6px; font-size: 0 } .u-arrow.ext-top { border-bottom-style: solid; border-bottom-color: #666 } .u-arrow.ext-bottom { border-top-style: solid; border-top-color: #666 } .u-arrow.ext-left { border-right-style: solid; border-right-color: #666 } .u-arrow.ext-right { border-left-style: solid; border-left-color: #666 } .u-arrow.ext-leftTop { border-top-style: solid; border-top-color: #666; border-left-width: 0 !important } .u-arrow.ext-rightTop { border-top-style: solid; border-top-color: #666; border-right-width: 0 !important } .u-arrow.ext-leftBtm { border-bottom-style: solid; border-bottom-color: #666; border-left-width: 0 !important } .u-arrow.ext-rightBtm { border-bottom-style: solid; border-bottom-color: #666; border-right-width: 0 !important } .ui-dialog { *zoom: 1; _float: left; position: relative; background-color: #FFF; border-radius: 6px; outline: 0; background-clip: padding-box; font-family: Helvetica, arial, sans-serif; font-size: 14px; line-height: 1.428571429; color: #333; opacity: 0; transform: scale(0); transition: transform .15s ease-in-out, opacity .15s ease-in-out } .ui-popup-show .ui-dialog { opacity: 1; transform: scale(1) } .ui-popup-focus .ui-dialog { box-shadow: 0 0 8px rgba(0, 0, 0, .1) } .ui-popup-modal .ui-dialog { box-shadow: 0 0 8px rgba(0, 0, 0, .1), 0 0 256px rgba(255, 255, 255, .3) } .ui-dialog-grid { width: auto; margin: 0; border: 0 none; border-collapse: collapse; border-spacing: 0; background: transparent } .ui-dialog-header, .ui-dialog-body, .ui-dialog-footer { padding: 0; border: 0 none; text-align: left; background: transparent } .ui-dialog-header { white-space: nowrap; border-bottom: 1px solid #E5E5E5 } .ui-dialog-close { position: relative; _position: absolute; float: right; top: 13px; right: 13px; font-size: 50px; width: 30px; height: 36px; text-indent: -9999px; padding: 0; font-weight: 400; color: #000; text-shadow: 0 1px 0 #FFF; cursor: pointer; _background: #FFF; font-family: SimHei; border: 0; -webkit-appearance: none; background-color: transparent; background-repeat: no-repeat; } .ui-dialog-close:hover, .ui-dialog-close:focus { color: #d13038; text-decoration: none; cursor: pointer; outline: 0; background: url(../../img/icon-close3-hover.png?__sprite) no-repeat } .ui-dialog-title { margin: 0; line-height: 1.428571429; min-height: 16.428571429px; padding: 15px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: 700; cursor: default } .ui-dialog-body { padding: 20px 40px; text-align: center } .ui-dialog-content { display: inline-block; position: relative; vertical-align: middle; *zoom: 1; *display: inline; text-align: left } .ui-dialog-footer { padding: 0 20px 20px } .ui-dialog-statusbar { float: left; margin-right: 20px; padding: 6px 0; line-height: 1.428571429; font-size: 14px; color: #888; white-space: nowrap } .ui-dialog-statusbar label:hover { color: #333 } .ui-dialog-statusbar input, .ui-dialog-statusbar .label { vertical-align: middle } .ui-dialog-button { float: right; white-space: nowrap } .ui-dialog-footer button + button { margin-bottom: 0; margin-left: 5px } .ui-dialog-footer button { width: auto; overflow: visible; display: inline-block; padding: 6px 12px; _margin-left: 5px; margin-bottom: 0; font-size: 14px; font-weight: 400; line-height: 1.428571429; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; background-image: none; border: 1px solid transparent; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none } .ui-dialog-footer button:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px } .ui-dialog-footer button:hover, .ui-dialog-footer button:focus { color: #333; text-decoration: none } .ui-dialog-footer button:active { background-image: none; outline: 0; box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125) } .ui-dialog-footer button[disabled] { pointer-events: none; cursor: not-allowed; opacity: .65; filter: alpha(opacity=65); box-shadow: none } .ui-dialog-footer button { color: #333; background-color: #fff; border-color: #ccc } .ui-dialog-footer button:hover, .ui-dialog-footer button:focus, .ui-dialog-footer button:active { color: #333; background-color: #ebebeb; border-color: #adadad } .ui-dialog-footer button:active { background-image: none } .ui-dialog-footer button[disabled], .ui-dialog-footer button[disabled]:hover, .ui-dialog-footer button[disabled]:focus, .ui-dialog-footer button[disabled]:active { background-color: #fff; border-color: #ccc } .ui-dialog-footer button.ui-dialog-autofocus { color: #fff; background-color: #428bca; border-color: #357ebd } .ui-dialog-footer button.ui-dialog-autofocus:hover, .ui-dialog-footer button.ui-dialog-autofocus:focus, .ui-dialog-footer button.ui-dialog-autofocus:active { color: #fff; background-color: #3276b1; border-color: #285e8e } .ui-dialog-footer button.ui-dialog-autofocus:active { background-image: none } .ui-popup-top-left .ui-dialog, .ui-popup-top .ui-dialog, .ui-popup-top-right .ui-dialog { top: -8px } .ui-popup-bottom-left .ui-dialog, .ui-popup-bottom .ui-dialog, .ui-popup-bottom-right .ui-dialog { top: 8px } .ui-popup-left-top .ui-dialog, .ui-popup-left .ui-dialog, .ui-popup-left-bottom .ui-dialog { left: -8px } .ui-popup-right-top .ui-dialog, .ui-popup-right .ui-dialog, .ui-popup-right-bottom .ui-dialog { left: 8px } .ui-dialog-arrow-a, .ui-dialog-arrow-b { position: absolute; display: none; width: 0; height: 0; overflow: hidden; _color: #FF3FFF; _-webkit-filter: chroma(color=#FF3FFF); filter: chroma(color=#FF3FFF); border: 8px dashed transparent } .ui-popup-follow .ui-dialog-arrow-a, .ui-popup-follow .ui-dialog-arrow-b { display: block } .ui-popup-top-left .ui-dialog-arrow-a, .ui-popup-top .ui-dialog-arrow-a, .ui-popup-top-right .ui-dialog-arrow-a { bottom: -16px; border-top: 8px solid #7C7C7C } .ui-popup-top-left .ui-dialog-arrow-b, .ui-popup-top .ui-dialog-arrow-b, .ui-popup-top-right .ui-dialog-arrow-b { bottom: -15px; border-top: 8px solid #fff } .ui-popup-top-left .ui-dialog-arrow-a, .ui-popup-top-left .ui-dialog-arrow-b { left: 15px } .ui-popup-top .ui-dialog-arrow-a, .ui-popup-top .ui-dialog-arrow-b { left: 50%; margin-left: -8px } .ui-popup-top-right .ui-dialog-arrow-a, .ui-popup-top-right .ui-dialog-arrow-b { right: 15px } .ui-popup-bottom-left .ui-dialog-arrow-a, .ui-popup-bottom .ui-dialog-arrow-a, .ui-popup-bottom-right .ui-dialog-arrow-a { top: -16px; border-bottom: 8px solid #7C7C7C } .ui-popup-bottom-left .ui-dialog-arrow-b, .ui-popup-bottom .ui-dialog-arrow-b, .ui-popup-bottom-right .ui-dialog-arrow-b { top: -15px; border-bottom: 8px solid #fff } .ui-popup-bottom-left .ui-dialog-arrow-a, .ui-popup-bottom-left .ui-dialog-arrow-b { left: 15px } .ui-popup-bottom .ui-dialog-arrow-a, .ui-popup-bottom .ui-dialog-arrow-b { margin-left: -8px; left: 50% } .ui-popup-bottom-right .ui-dialog-arrow-a, .ui-popup-bottom-right .ui-dialog-arrow-b { right: 15px } .ui-popup-left-top .ui-dialog-arrow-a, .ui-popup-left .ui-dialog-arrow-a, .ui-popup-left-bottom .ui-dialog-arrow-a { right: -16px; border-left: 8px solid #7C7C7C } .ui-popup-left-top .ui-dialog-arrow-b, .ui-popup-left .ui-dialog-arrow-b, .ui-popup-left-bottom .ui-dialog-arrow-b { right: -15px; border-left: 8px solid #fff } .ui-popup-left-top .ui-dialog-arrow-a, .ui-popup-left-top .ui-dialog-arrow-b { top: 15px } .ui-popup-left .ui-dialog-arrow-a, .ui-popup-left .ui-dialog-arrow-b { margin-top: -8px; top: 50% } .ui-popup-left-bottom .ui-dialog-arrow-a, .ui-popup-left-bottom .ui-dialog-arrow-b { bottom: 15px } .ui-popup-right-top .ui-dialog-arrow-a, .ui-popup-right .ui-dialog-arrow-a, .ui-popup-right-bottom .ui-dialog-arrow-a { left: -16px; border-right: 8px solid #7C7C7C } .ui-popup-right-top .ui-dialog-arrow-b, .ui-popup-right .ui-dialog-arrow-b, .ui-popup-right-bottom .ui-dialog-arrow-b { left: -15px; border-right: 8px solid #fff } .ui-popup-right-top .ui-dialog-arrow-a, .ui-popup-right-top .ui-dialog-arrow-b { top: 15px } .ui-popup-right .ui-dialog-arrow-a, .ui-popup-right .ui-dialog-arrow-b { margin-top: -8px; top: 50% } .ui-popup-right-bottom .ui-dialog-arrow-a, .ui-popup-right-bottom .ui-dialog-arrow-b { bottom: 15px } @keyframes ui-dialog-loading { 0% { transform: rotate(0deg) } 100% { transform: rotate(360deg) } } .ui-dialog-loading { vertical-align: middle; position: relative; display: block; *zoom: 1; *display: inline; overflow: hidden; width: 32px; height: 32px; top: 50%; margin: 0 auto; font-size: 0; text-indent: -999em; color: #666 } .ui-dialog-loading { width: 100% \9 ; text-indent: 0 \9 ; line-height: 32px \9 ; text-align: center \9 ; font-size: 12px \9 ; margin-top: -16px \9 } .ui-dialog-loading::after { position: absolute; content: ''; width: 3px; height: 3px; margin: 14.5px 0 0 14.5px; border-radius: 100%; box-shadow: 0 -10px 0 1px #ccc, 10px 0 #ccc, 0 10px #ccc, -10px 0 #ccc, -7px -7px 0 .5px #ccc, 7px -7px 0 1.5px #ccc, 7px 7px #ccc, -7px 7px #ccc; -webkit-transform: rotate(360deg); -webkit-animation: ui-dialog-loading 1.5s infinite linear; transform: rotate(360deg); animation: ui-dialog-loading 1.5s infinite linear; display: none \9 } .base-ui { border-radius: 0; font-family: "Microsoft Yahei" } .base-ui .ui-dialog-header { border-bottom: 0 } .base-ui .ui-dialog-title { text-indent: -9999px; padding: 5px 15px } .base-ui .ui-dialog-close { position: absolute } .base-ui .ui-dialog-content { color: #666; font-size: 18px } .login-ui { border-radius: 0; font-family: "Microsoft Yahei" } .login-ui .ui-dialog-header { border-bottom: 0 } .login-ui .ui-dialog-title { text-indent: -9999px; padding: 5px 15px } .login-ui .ui-dialog-content { color: #666; font-size: 18px } .login-ui .ui-dialog-body { padding: 0 } .login-ui .ui-dialog-title { display: none } .login-ui .ui-dialog-close { position: absolute; float: right; top: -40px; right: -40px; font-size: 50px; width: 40px; height: 40px; text-indent: -9999px; padding: 0; font-weight: 400; color: #000; cursor: pointer; background: transparent; font-family: SimHei; border: 0; -webkit-appearance: none; background: url(../img/icon-close.png?__sprite) no-repeat; background-color: transparent } .login-ui .ui-dialog-close:hover, .login-ui .ui-dialog-close:focus { color: #d13038; text-decoration: none; cursor: pointer; outline: 0; background: url(../img/icon-close-hover.png?__sprite) no-repeat } .base-ui2 { border-radius: 3px; font-family: "Microsoft Yahei"; border: 4px solid rgba(255, 255, 255, .18) } .base-ui2 .ui-dialog-header { border-bottom: 0 } .base-ui2 .ui-dialog-content { color: #666; font-size: 18px } .base-ui2 .ui-dialog-body { padding-top: 0 } .nobg-ui { background: 0 0; font-family: "Microsoft Yahei"; border: 0; box-shadow: none !important } .nobg-ui2 { background: 0 0; font-family: "Microsoft Yahei"; border: 0; box-shadow: none !important } .nobg-ui2 .ui-dialog-header { border-bottom: 0 } .nobg-ui2 .ui-dialog-close { top: 35px; right: 15px } .dg-container { width: 100%; height: 463px; margin-top: 64px; position: relative } .dg-cont { position: absolute; font-size: 18px; color: #fff; font-weight: 700; bottom: 15px; left: 27px } .dg-wrapper { width: 863px; height: 100%; margin: 0 auto; position: relative; -o-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; -o-perspective: 1000px; -ms-perspective: 1000px; perspective: 1000px } .dg-wrapper a { width: 863px; height: 100%; display: block; position: absolute; left: 0; top: 0; overflow: hidden; box-shadow: 0 5px 10px rgba(0, 0, 0, .3) } .dg-wrapper a.dg-transition { transition: all .5s ease-in-out } .dg-wrapper a img { display: block } .dg-wrapper a .title { position: absolute; bottom: 0; color: #FFF; line-height: 30px; font-size: 18px; padding: 0 10px } .dg-wrapper a div { font-style: italic; text-align: center; line-height: 50px; text-shadow: 1px 1px 1px rgba(255, 255, 255, .5); color: #333; font-size: 16px; width: 100%; bottom: -55px; display: none; position: absolute } .dg-wrapper a.dg-center div { display: block } .dg-container nav { z-index: 1000 } .dg-prev, .dg-next { position: absolute; left: 50%; top: 50%; margin-top: -50px; width: 44px; height: 100px; cursor: pointer; background: #9b8255 } .dg-prev i, .dg-next i { position: absolute; top: 50%; margin-top: -8px; display: block; width: 0; height: 0; border: 8px solid #FFF } .dg-prev { margin-left: -610px; background: url(//pub.dwstatic.com/zt2018/xyqy07//img/icon-prev_906a84e.png) no-repeat } .dg-prev i { left: 8px; border-color: transparent #FFF transparent transparent } .dg-next { margin-left: 566px; background: url(//pub.dwstatic.com/zt2018/xyqy07//img/icon-next_dc71569.png) no-repeat } .dg-next i { right: 8px; border-color: transparent transparent transparent #FFF } .bind-wx-header { position: relative; height: 45px; *zoom: 1 } .bind-wx-header:before, .bind-wx-header:after { content: ""; display: table; line-height: 0 } .bind-wx-header:after { clear: both } .ui-dialog-header { border-bottom: 0 } .bind-wrap { width: 537px; padding-bottom: 35px } .bind-wrap.ext-small { width: 250px } .bind-wrap .bind-title { font-size: 16px; font-weight: 700; line-height: 2; text-align: center } .bind-wrap .bind-btn { display: block; width: 116px; height: 36px; margin: 30px auto; color: #fff; font-size: 14px; line-height: 36px; text-align: center; background-color: #30a5ef; outline: 0; border: 0; border-radius: 3px } .bind-wrap .bind-tips { margin: 0 35px; font-size: 12px; line-height: 22px; color: #999 } .bind-wrap .bind-tip__item { *zoom: 1 } .bind-wrap .bind-tip__item:before, .bind-wrap .bind-tip__item:after { content: ""; display: table; line-height: 0 } .bind-wrap .bind-tip__item:after { clear: both } .bind-wrap .bind-tip__item label { float: left } .bind-wrap .bind-tip__item p { overflow: hidden } .bind-wrap .bind-tip__item em { color: #f53737 } .bind-wrap .qrcode-wrap { margin: 20px auto; width: 160px } .bind-wrap .qrcode-tips { margin: 0 35px; font-size: 12px; line-height: 22px; color: #999; text-align: center } html { font-size: 12px; height: 100%; font: 12px/1.5 PingFang sc, "Helvetica Neue", Helvetica, Tahoma, Arial, SimSun, TW-Sung, "WenQuanYi Bitmap Song", "AR PL UMing CN", "AR PL UMing HK", "AR PL UMing TW", "AR PL UMing TW MBE", serif; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased } body { background: url(src/img/wuhun2/bg.png) center 1191px no-repeat } body a { text-decoration: none } body a:hover { text-decoration: underline } body p, body a, body span, body em, body i, body h1, body h2, body h3, body h4, body h5, body h6 { text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased } .g-zt-inner { width: 1200px; margin: 0 auto } .mod-title p { color: #fc302f } .hide { display: none } .clearfix { *zoom: 1 } .clearfix:before, .clearfix:after { content: ""; display: table; line-height: 0 } .clearfix:after { clear: both } .page-index { position: relative; font-family: "微软雅黑"; background: url(src/img/wuhun2/bg.png) top center no-repeat; padding-bottom: 38px; } .page-index .color-orange { color: #f60 } .page-index .page-code { position: absolute; top: 125px; right: 90px; width: 154px; height: 154px } .page-index .page-code .qrcode { padding: 10px; background-color: #fff } .page-index .page-code img { display: block; width: 100%; height: 100% } .page-index .page-code .code-tip { padding: 25px 10px; background-color: #000; opacity: .9; filter: alpha(opacity=90); font-size: 12px; line-height: 22px; color: #cfa972 } .page-index .mod-kv { position: relative; height: 763px } .page-index .mod-kv .g-zt-inner { position: relative } .page-index .mod-kv .mod-float { display: none; position: fixed; width: 100%; height: 100%; z-index: 300000; background: rgba(0, 0, 0, .7); left: 0; top: 0 } .page-index .mod-kv .mod-float .pack { top: 50%; left: 50%; position: absolute } .page-index .mod-kv .mod-float .pack-on { width: 522px; height: 671px; background: url(//pub.dwstatic.com/zt2018/xyqy07//img/pack-on_2501958.jpg) no-repeat; margin-left: -261px; margin-top: -335.5px } .page-index .mod-kv .mod-float .pack-on i { position: absolute; width: 22px; height: 22px; background: url(//pub.dwstatic.com/zt2018/xyqy07//img/close_e0c3dd3.png); right: 22px; top: 22px; cursor: pointer } .page-index .mod-kv .mod-float .pack-on a { position: absolute; width: 148px; height: 148px; top: 185px; left: 188px } .page-index .mod-kv .mod-float .pack-on .text { width: 327px; height: 130px; margin: 427px auto; border: #d9a157 1px solid } .page-index .mod-kv .mod-float .pack-on .text p { padding: 10px 0; color: #e4c392; line-height: 30px; font-size: 16px; width: 90%; margin: 0 auto } .page-index .mod-kv .mod-float .pack-off { width: 522px; height: 926px; background: url(//pub.dwstatic.com/zt2018/xyqy07//img/pack-off_daf5829.png) no-repeat; margin-left: -261px; margin-top: -463px; overflow: hidden; display: none } .page-index .mod-kv .mod-float .pack-off a { width: 287px; height: 84px; position: absolute; bottom: 92px; left: 50%; margin-left: -143.5px } .page-index .mod-kv .mod-float .pack-off .text { width: 327px; height: 130px; margin: 530px auto } .page-index .mod-kv .mod-float .pack-off .text p { padding: 10px 0; color: #e4c392; line-height: 30px; font-size: 16px } .page-index .mod-kv .icon-play { position: absolute; width: 80px; height: 80px; top: 185px; left: 563px; cursor: pointer; background-repeat: no-repeat; } .page-index .mod-kv .icon-play:after { content: "- 最新视频 -"; position: absolute; top: 80px; left: 3px; color: #deb252; font-size: 14px; width: 80px; height: 28px; line-height: 28px } .page-index .mod-kv .primary-tips { position: absolute; width: 800px; top: 528px; left: -100px; text-align: center } .page-index .mod-kv .primary-tips .main-tips { color: #a77a3b; font-size: 18px; line-height: 2; margin-bottom: 10px } .page-index .mod-kv .primary-tips .scroll-tips { height: 30px; color: #a77a3b; font-size: 18px; font-weight: 700; line-height: 30px; overflow: hidden } .page-index .mod-kv .primary-tips .scroll-list { position: relative } .page-index .mod-kv .primary-menu-list { position: absolute; top: 741px; left: 0; width: 100%; height: 90px; font-size: 0; text-align: center; background-repeat: no-repeat; } .page-index .mod-kv .primary-menu-list li { display: inline-block; *display: inline; *zoom: 1; width: 220px; height: 100%; font-size: 20px; line-height: 90px; font-weight: 700; text-align: center; vertical-align: top } .page-index .mod-kv .primary-menu-list li a { color: #ffde8e } .page-index .mod-kv .mod-title { color: #fff; font-weight: 700; background-image: url(/src/img/title0.png) } .page-index .mod-kv .mod-title p { line-height: 1; padding: 15px 0 33px } .page-index .mod-primary { position: relative } .page-index .mod-primary .mod-hd { color: #76461e } .page-index .mod-primary .top-bd { width: 926px; height: 220px; margin: -20px auto 0 auto; *zoom: 1 } .page-index .mod-primary .top-bd:before, .page-index .mod-primary .top-bd:after { content: ""; display: table; line-height: 0 } .page-index .mod-primary .top-bd:after { clear: both } .page-index .mod-primary .top-bd-sec { float: left } .page-index .mod-primary .top-bd-sec.left-sec { float: left; width: 274px; height: 214px; border: 3px solid #928040; background: #27292b } .page-index .mod-primary .top-bd-sec.left-sec img { width: 100%; height: 100%; display: block; overflow: hidden } .page-index .mod-primary .top-bd-sec.right-sec { float: right; width: 926px; height: 290px; margin-top: 30px; background: url(//pub.dwstatic.com/zt2018/xyqy07//img/bg-gif_4c819aa.png) center no-repeat } .page-index .mod-primary .gift-list { *zoom: 1; margin: 85px 0 0 145px } .page-index .mod-primary .gift-list:before, .page-index .mod-primary .gift-list:after { content: ""; display: table; line-height: 0 } .page-index .mod-primary .gift-list:after { clear: both } .page-index .mod-primary .gift-list li { float: left; margin-right: 60px } .page-index .mod-primary .gift-list li p { color: #bfc8d1; text-align: center; margin-top: 7px; font-size: 12px; font-weight: 700 } .page-index .mod-primary .gift-list .gift_img { background-color: #2e395c; border: 1px solid #b1cbff; width: 50px; height: 50px; text-align: center; overflow: hidden; display: flex; align-items: center; justify-content: center; } .page-index .mod-primary .gift-list .gift_img img { width: 32px; height: 32px; vertical-align: middle } .page-index .mod-primary .lingqu-wrap { margin: 20px 0 0 380px } .page-index .mod-primary .lingqu-wrap.is-active { margin: 20px 0 0 296px } .page-index .mod-lottery { position: relative; text-align: center; margin-top: 130px } .page-index .mod-lottery .g-zt-inner { position: relative; z-index: 2; padding-top: 60px } .page-index .mod-lottery .lottery-bd { margin: 10px auto 0 } .page-index .mod-lottery .lottery-cot { margin: 50px auto 0; font-size: 0; position: relative; height: 408px; width: 1034px } .page-index .mod-lottery .lottery-cot .lottery-item { position: absolute; display: inline-block; *display: inline; *zoom: 1; margin: 0 24px 24px 0; vertical-align: top; z-index: 1 } .page-index .mod-lottery .lottery-cot .lottery-item.active .img-wrap { border: 3px solid #fedf55; top: -1px } .page-index .mod-lottery .lottery-cot .lottery-item.lottery-item1 { top: 50%; margin-top: -77px; left: 20px } .page-index .mod-lottery .lottery-cot .lottery-item.lottery-item2 { top: 50%; margin-top: -77px; left: 226px; z-index: 2 } .page-index .mod-lottery .lottery-cot .lottery-item.lottery-item3 { top: 6px; right: 50%; margin-right: 30px } .page-index .mod-lottery .lottery-cot .lottery-item.lottery-item3 p { top: -30px } .page-index .mod-lottery .lottery-cot .lottery-item.lottery-item4 { top: 6px; left: 50%; margin-left: 34px } .page-index .mod-lottery .lottery-cot .lottery-item.lottery-item4 p { top: -30px } .page-index .mod-lottery .lottery-cot .lottery-item.lottery-item5 { top: 50%; margin-top: -77px; right: 203px; z-index: 2 } .page-index .mod-lottery .lottery-cot .lottery-item.lottery-item6 { top: 50%; margin-top: -77px; right: -7px } .page-index .mod-lottery .lottery-cot .lottery-item.lottery-item7 { bottom: -2px; left: 50%; margin-left: 34px } .page-index .mod-lottery .lottery-cot .lottery-item.lottery-item7 .img-wrap { border-color: #4c978e } .page-index .mod-lottery .lottery-cot .lottery-item.lottery-item8 { bottom: -2px; right: 50%; margin-right: 32px } .page-index .mod-lottery .lottery-cot .lottery-item.lottery-item8 .img-wrap { border-color: #4c978e } .page-index .mod-lottery .lottery-cot .btn-lottery { background: url(//pub.dwstatic.com/zt2018/xyqy07//img/btn-lottery-bg_f7083bb.png); cursor: pointer; font-size: 0; width: 195px; height: 192px; position: absolute; top: 50%; left: 50%; margin: -96px 0 0 -97px; display: inline-block; *display: inline; *zoom: 1; vertical-align: top } .page-index .mod-lottery .lottery-cot .img-wrap { width: 138px; height: 138px; border: 2px solid #b1cbff; transform: rotate(45deg); overflow: hidden; background: #141415 } .page-index .mod-lottery .lottery-cot img { display: block; width: 138px; height: 138px; overflow: hidden; transform: rotate(-45deg) scale(1.2) } .page-index .mod-lottery .lottery-cot p { position: absolute; bottom: -30px; right: 0; left: 0; font-size: 14px; line-height: 22px; color: #333; text-align: center; text-shadow: -.06em -.06em 0 #fff, .06em -.06em 0 #fff, -.06em .06em 0 #fff, .06em .06em 0 #fff } .page-index .mod-lottery .lottery-tip { font-size: 14px; color: #2e5c56; line-height: 20px } .page-index .mod-lottery em { font-size: 16px; color: #d71208 } .page-index .mod-lottery a { color: #47bcff; margin-left: 5px } .page-index .mod-lottery .icon-role { position: absolute; top: 36px; left: 0; width: 609px; height: 1029px; background: url(/src/img/icon-role.png) no-repeat; z-index: 1 } .page-index .mod-ka { position: relative; margin-top: -135px } .page-index .mod-ka .mod-bd { padding-top: 30px } .page-index .mod-ka .content-hd { line-height: 65px; font-size: 24px; font-weight: 700 } .page-index .mod-ka .content-hd em { color: #ffd143; margin-right: 10px } .page-index .mod-ka .content-hd span { color: #ffd143; margin-right: 15px } .page-index .mod-ka .content-hd b { font-size: 14px; font-weight: 400; color: #fff; line-height: 30px; vertical-align: middle } .page-index .mod-ka .regist { width: 339px; float: left; margin-right: 10px } .page-index .mod-ka .regist .regist-content { width: 339px; height: 472px; border: 1px solid #48734d; background: #1d231e } .page-index .mod-ka .download { width: 304px; margin-right: 10px; float: left } .page-index .mod-ka .download .download-content { width: 302px; height: 232px; padding-top: 240px; border: 1px solid #48734d; background: #1d231e } .page-index .mod-ka .download .download-content a { display: block; width: 275px; height: 58px; margin: 16px auto 0 } .page-index .mod-ka .download .download-content .btn-1 { bottom: 100px; background-repeat: no-repeat; } .page-index .mod-ka .download .download-content .btn-2 { bottom: 100px; background-repeat: no-repeat; } .page-index .mod-ka .download .download-content .btn-3 { bottom: 100px; background-repeat: no-repeat; } .page-index .mod-ka .gift { width: 536px; float: left } .page-index .mod-ka .gift-content { width: 534px; height: 472px; border: 1px solid #48734d; background: #1d231e } .page-index .mod-ka .gift-wrap { padding: 0 15px } .page-index .mod-ka .gift-wrap .g-wrap { padding-bottom: 20px } .page-index .mod-ka .gift-wrap .g-wrap:first-child { border-bottom: 1px dashed #514843 } .page-index .mod-ka .gift-wrap .g-title { font-size: 18px; color: #acc3a4; text-align: center; font-weight: 700; line-height: 60px } .page-index .mod-ka .gift-desc { width: 440px; margin: 0 auto; position: relative; margin-bottom: 16px } .page-index .mod-ka .gift-desc .btn { position: absolute; width: 24px; height: 60px; background: #357c3f; top: 0 } .page-index .mod-ka .gift-desc .btn:after { content: ""; position: absolute; top: 23px } .page-index .mod-ka .gift-desc .btn.prev { left: 0 } .page-index .mod-ka .gift-desc .btn.prev:after { width: 0; height: 0; border: 7px solid #231f1d; border-color: transparent #231f1d transparent transparent; left: 3px } .page-index .mod-ka .gift-desc .btn.prev.is-disabled:after { width: 0; height: 0; border: 7px solid #999; border-color: transparent #999 transparent transparent } .page-index .mod-ka .gift-desc .btn.next { right: 0 } .page-index .mod-ka .gift-desc .btn.next:after { width: 0; height: 0; border: 7px solid #231f1d; border-color: transparent transparent transparent #231f1d; left: 10px } .page-index .mod-ka .gift-desc .btn.next.is-disabled:after { width: 0; height: 0; border: 7px solid #999; border-color: transparent transparent transparent #999 } .page-index .mod-ka .gift-banner { position: static; width: auto; padding: 0; padding-left: 20px } .page-index .mod-ka .banner-wrap { width: 373px; height: 95px; margin: 0 auto; overflow: hidden } .page-index .mod-ka .banner-wrap ul { *zoom: 1 } .page-index .mod-ka .banner-wrap ul:before, .page-index .mod-ka .banner-wrap ul:after { content: ""; display: table; line-height: 0 } .page-index .mod-ka .banner-wrap ul:after { clear: both } .page-index .mod-ka .banner-wrap li { width: auto; height: auto; margin-right: 8px } .page-index .mod-ka .banner-wrap img { width: 58px; height: 58px; border: 1px solid #48734d; display: block; margin: 0 auto; background: #161b17 } .page-index .mod-ka .banner-wrap p { width: 84px; white-space: nowrap; word-wrap: normal; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; line-height: 30px; text-align: center; font-size: 12px; font-weight: 700; color: #acc3a4 } .page-index .mod-gift { padding-top: 127px } .page-index .mod-gift .mod-title { padding-top: 38px; overflow: hidden } .page-index .mod-gift .mod-title p { line-height: 1; padding: 22px 0 31px } .page-index .mod-gift .mod-bd { background: url(//pub.dwstatic.com/zt2018/xyqy07//img/bg-gif2_3fdd664.png) center center no-repeat; width: 712px; height: 256px; margin: 0 auto } .page-index .mod-gift .gif-wrap { *zoom: 1; padding: 30px 0 0 30px } .page-index .mod-gift .gif-wrap:before, .page-index .mod-gift .gif-wrap:after { content: ""; display: table; line-height: 0 } .page-index .mod-gift .gif-wrap:after { clear: both } .page-index .mod-gift .gif-fl { float: left; margin-right: 20px } .page-index .mod-gift .gif-fl .img-wrap { width: 300px; height: 170px; display: block } .page-index .mod-gift .gif-fl img { width: 100%; display: block; overflow: hidden } .page-index .mod-gift .gif-fl h3 { font-size: 18px; color: #fff; line-height: 40px } .page-index .mod-gift .gif-fr { font-size: 14px; width: 330px; float: left } .page-index .mod-gift .gif-fr h3 { color: #fc302f; font-size: 18px; line-height: 1 } .page-index .mod-gift .gif-fr p { color: #bfc8d1; line-height: 24px; margin-top: 10px; height: 96px } .page-index .mod-gift .gif-fr a { color: #47bcff; line-height: 40px; font-weight: 700 } .page-index .mod-gift .lingqu-wrap { margin: 3px 0 0; *zoom: 1 } .page-index .mod-gift .lingqu-wrap:before, .page-index .mod-gift .lingqu-wrap:after { content: ""; display: table; line-height: 0 } .page-index .mod-gift .lingqu-wrap:after { clear: both } .page-index .mod-gift .lingqu-wrap .btn-lingqu { float: none } .page-index .mod-task { padding: 145px 0 278px; background: url(//pub.dwstatic.com/zt2018/xyqy07//img/bg-mod-task_cab7769.jpg) no-repeat 0 212px } .page-index .mod-task .rule { text-align: center; margin-top: 20px } .page-index .mod-task .rule p { color: #fff; line-height: 20px } .page-index .mod-task .red-packet-wrap { width: 950px; margin: 0 auto } .page-index .mod-task .red-packet-wrap .rule { color: #8e6e30; text-align: center; line-height: 28px } .page-index .mod-task .red-packet-content { position: relative; *zoom: 1 } .page-index .mod-task .red-packet-content:before, .page-index .mod-task .red-packet-content:after { content: ""; display: table; line-height: 0 } .page-index .mod-task .red-packet-content:after { clear: both } .page-index .mod-task .red-packet-content .auth-wrap { position: absolute; top: 200px; left: 36px; width: 415px; height: 120px; padding: 40px 30px; background-color: #fff; box-shadow: 0 5px 10px rgba(0, 0, 0, .3) } .page-index .mod-task .red-packet-content .auth-wrap .qrcode { float: left; width: 130px; height: 130px; margin-right: 20px } .page-index .mod-task .red-packet-content .auth-wrap .desc { float: left; width: 265px } .page-index .mod-task .red-packet-content .auth-wrap .desc h3 { font-size: 16px; line-height: 30px } .page-index .mod-task .red-packet-content .auth-close { display: block; width: 22px; height: 22px; background-image: url(//pub.dwstatic.com/zt2018/xyqy07//img/close_e0c3dd3.png); position: absolute; top: 10px; right: 10px; cursor: pointer } .page-index .mod-task .red-packet-content .f { float: left } .page-index .mod-task .red-packet-content .red-packet { width: 550px; height: 670px; background-image: url(//pub.dwstatic.com/zt2018/xyqy07//img/red_0ff0f39.jpg) } .page-index .mod-task .red-packet-content .red-packet .title { margin-top: 60px; font-weight: 700; color: #e4c392; font-size: 28px; text-align: center; line-height: 35px } .page-index .mod-task .red-packet-content .red-packet .get-red { margin: 0 auto; margin-top: 58px; width: 134px; height: 134px; border-radius: 100%; display: block; cursor: pointer; background-image: url(//pub.dwstatic.com/zt2018/xyqy07//img/global_z_cc8de69.png); background-position: -1px -100px } .page-index .mod-task .red-packet-content .red-packet .get-red.is-disabled { background-position: -1px -255px } .page-index .mod-task .red-packet-content .red-packet .remain-time { color: #e4c392; text-align: center; font-size: 16px; margin-top: 20px } .page-index .mod-task .red-packet-content .red-packet .desc { padding: 15px 20px; width: 320px; margin: 25px auto 10px 100px; color: #e4c392; line-height: 30px; font-size: 16px; border: 1px solid #957244 } .page-index .mod-task .red-packet-content .red-packet .color-orange { color: #f60 } .page-index .mod-task .red-packet-content .step { float: right; width: 340px; height: 670px; color: #acc3a4; position: relative; background-repeat: no-repeat; } .page-index .mod-task .red-packet-content .step .title { font-size: 28px; text-align: center; margin: 40px 0 30px; color: #ffd143 } .page-index .mod-task .red-packet-content .step-desc { padding: 0 25px } .page-index .mod-task .red-packet-content .step-desc p { font-size: 16px; line-height: 28px } .page-index .mod-task .red-packet-content .step-desc p.ps { font-weight: 700 } .page-index .mod-task .red-packet-content .auth { position: absolute; display: block; width: 266px; height: 64px; left: 35px; bottom: 42px; color: #fff; text-align: center; line-height: 64px; font-size: 24px; font-weight: 700 } .page-index .mod-task .red-packet-content .auth.authed { background-image: url(//pub.dwstatic.com/zt2018/xyqy07//img/authed_ad733de.jpg) } .page-index .mod-task .red-packet-content .auth.to-auth { background-image: url(//pub.dwstatic.com/zt2018/xyqy07//img/auth_027762b.jpg); cursor: pointer } .page-index .mod-pic { padding-top: 140px } .page-index .mod-pic .mod-bd { width: 974px; height: 546px; margin: 20px auto 0; position: relative } .page-index .mod-pic .mod-bd .video-cover { position: relative; width: 100%; height: 100%; display: block; z-index: 1; overflow: hidden } .page-index .mod-pic .mod-bd .video-cover img { display: block; width: 100%; overflow: hidden } .page-index .mod-pic .mod-bd .video-cover .icon-play { position: absolute; top: 50%; left: 50%; margin-top: -40px; margin-left: -40px; width: 80px; height: 80px; cursor: pointer; background-repeat: no-repeat; } .page-index .mod-pic .mod-bd .video-wrap { position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; display: none; background: #000 } .page-index .mod-pic .mod-bd .dg-prev { background: url(src/img/wuhun2/arrow-l.png) no-repeat } .page-index .mod-pic .mod-bd .dg-next { background: url(src/img/wuhun2/arrow-r.png) no-repeat } .page-index .mod-pic .mod-bd .dg-container { width: 100%; height: 463px; margin-top: 64px; position: relative } .page-index .mod-pic .mod-bd .dg-cont { position: absolute; font-size: 18px; color: #fff; font-weight: 700; bottom: 15px; left: 27px } .page-index .mod-pic .mod-bd .dg-wrapper { width: 863px; height: 100%; margin: 0 auto; position: relative; -o-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; -o-perspective: 1000px; -ms-perspective: 1000px; perspective: 1000px } .page-index .mod-pic .mod-bd .dg-wrapper a { width: 863px; height: 100%; display: block; position: absolute; left: 0; top: 0; overflow: hidden; box-shadow: 0 5px 10px rgba(0, 0, 0, .3); border: 2px solid #375a91; &::after{ content: ''; display: inline-block; width: 40px; height: 47px; position: absolute; background: url("src/img/wuhun2/dec-r.png") no-repeat; right: 0; top: 0; background-size: 100% 100%; } &::before{ content: ''; display: inline-block; width: 40px; height: 47px; position: absolute; background: url("src/img/wuhun2/dec-l.png") no-repeat; left: 0; top: 0; background-size: 100% 100%; } } .page-index .mod-pic .mod-bd .dg-wrapper a.dg-transition { transition: all .5s ease-in-out } .page-index .mod-pic .mod-bd .dg-wrapper a img { display: block } .page-index .mod-pic .mod-bd .dg-wrapper a .title { position: absolute; bottom: 0; color: #FFF; line-height: 30px; font-size: 18px; padding: 0 10px } .page-index .mod-pic .mod-bd .dg-wrapper a div { font-style: italic; text-align: center; line-height: 50px; text-shadow: 1px 1px 1px rgba(255, 255, 255, .5); color: #333; font-size: 16px; width: 100%; bottom: -55px; display: none; position: absolute } .page-index .mod-pic .mod-bd .dg-wrapper a.dg-center div { display: block } .page-index .mod-pic .mod-bd .dg-container nav { z-index: 1000 } .page-index .mod-pic .mod-bd .dg-prev, .page-index .mod-pic .mod-bd .dg-next { position: absolute; left: 50%; top: 50%; margin-top: -50px; width: 44px; height: 100px; cursor: pointer } .page-index .mod-pic .mod-bd .dg-prev i, .page-index .mod-pic .mod-bd .dg-next i { position: absolute; top: 50%; margin-top: -8px; display: block; width: 0; height: 0; border: 8px solid #FFF } .page-index .mod-pic .mod-bd .dg-prev { margin-left: -610px } .page-index .mod-pic .mod-bd .dg-prev i { left: 8px; border-color: transparent #FFF transparent transparent } .page-index .mod-pic .mod-bd .dg-next { margin-left: 566px } .page-index .mod-pic .mod-bd .dg-next i { right: 8px; border-color: transparent transparent transparent #FFF } .page-index .mod-video { padding: 70px 0 142px } .page-index .mod-video .mod-bd { width: 100%; position: relative } .page-index .mod-video .mod-bd .dg-container { width: 1018px; height: 574px; margin: 77px auto 0 } .page-index .mod-video .mod-bd .dg-wrapper { position: relative; height: 100% } .page-index .mod-video .mod-bd .pic-item { width: 100%; height: 100%; display: none } .page-index .mod-video .mod-bd .pic-item.is-active { display: block } .page-index .mod-video .mod-bd .video-cover { position: relative; width: 100%; height: 100%; display: block; z-index: 1; overflow: hidden; background-size: 100% 100% } .page-index .mod-video .mod-bd .video-cover img { display: block; width: 100%; overflow: hidden } .page-index .mod-video .mod-bd .video-wrap { position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; display: none; background: #000 } .page-index .mod-video .icon-play.wuhun2 { position: absolute; top: 50%; left: 50%; margin-top: -40px; margin-left: -40px; width: 80px; height: 80px; cursor: pointer; background-repeat: no-repeat; } .page-index .mod-video .intro-wrap { margin: 65px auto 0; width: 1064px; height: 102px; color: #acc3a4; font-size: 14px; font-weight: 700; line-height: 26px; background: url(//pub.dwstatic.com/zt2018/xyqy07//img/bg-text_fc7fa89.png) no-repeat } .page-index .mod-video .intro-wrap p { padding: 24px 50px 0 } .page-index .mod-flash { width: 100%; height: 100%; display: none; position: fixed; top: 0; left: 0; z-index: 10000 } .page-index .mod-flash .shade { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #000; opacity: .6; filter: alpha(opacity=60); z-index: 5 } .page-index .mod-flash .video { position: absolute; width: 974px; height: 548px; top: 50%; left: 50%; margin: -274px 0 0 -487px; z-index: 6 } .page-index .mod-flash .video em { color: #fff; position: absolute; right: -20px; top: -20px; font-size: 20px; cursor: pointer } .page-index .mod-new-version { margin-top: -110px; overflow: hidden } .page-index .mod-new-version .mod-bd { height: 930px; margin-top: 72px } .page-index .mod-new-version .version-wrap { position: relative; width: 100%; height: 100% } .page-index .mod-new-version .version-nav-wrap { position: absolute; left: 0; top: 0; width: 275px; height: 100%; z-index: 999; background-color: #000; background-color: rgba(0, 0, 0, .4) } .page-index .mod-new-version .version-nav-wrap:before, .page-index .mod-new-version .version-nav-wrap:after { content: ''; position: absolute; right: 0; height: 100px; width: 1px; background-color: #889c9b } .page-index .mod-new-version .version-nav-wrap:before { top: 0 } .page-index .mod-new-version .version-nav-wrap:after { bottom: 0 } .page-index .mod-new-version .nav-list { margin-top: 111px } .page-index .mod-new-version .nav-list .nav-item { position: relative; height: 113px; margin-top: 6px; text-align: right; line-height: 113px } .page-index .mod-new-version .nav-list .nav-item:first-child { margin-top: 0 } .page-index .mod-new-version .nav-list .nav-item.is-active .nav-line.line-5, .page-index .mod-new-version .nav-list .nav-item:hover .nav-line.line-5 { background-color: #74f385; width: 10px; right: -5px } .page-index .mod-new-version .nav-list .nav-item.is-active .nav-line.line-6, .page-index .mod-new-version .nav-list .nav-item:hover .nav-line.line-6 { background-color: #74f385; width: 20px; right: -15px } .page-index .mod-new-version .nav-list .nav-item.is-active .nav-line.line-7, .page-index .mod-new-version .nav-list .nav-item:hover .nav-line.line-7 { background-color: #74f385; width: 30px; right: -25px } .page-index .mod-new-version .nav-list .nav-item.is-active .nav-line.line-8, .page-index .mod-new-version .nav-list .nav-item:hover .nav-line.line-8 { background-color: #74f385; width: 40px; right: -35px } .page-index .mod-new-version .nav-list .nav-item.is-active .nav-line.line-9, .page-index .mod-new-version .nav-list .nav-item:hover .nav-line.line-9 { background-color: #74f385; width: 50px; right: -45px } .page-index .mod-new-version .nav-list .nav-item.is-active .nav-line.line-10, .page-index .mod-new-version .nav-list .nav-item:hover .nav-line.line-10 { background-color: #74f385; width: 40px; right: -35px } .page-index .mod-new-version .nav-list .nav-item.is-active .nav-line.line-11, .page-index .mod-new-version .nav-list .nav-item:hover .nav-line.line-11 { background-color: #74f385; width: 30px; right: -25px } .page-index .mod-new-version .nav-list .nav-item.is-active .nav-line.line-12, .page-index .mod-new-version .nav-list .nav-item:hover .nav-line.line-12 { background-color: #74f385; width: 20px; right: -15px } .page-index .mod-new-version .nav-list .nav-item.is-active .nav-line.line-13, .page-index .mod-new-version .nav-list .nav-item:hover .nav-line.line-13 { background-color: #74f385; width: 10px; right: -5px } .page-index .mod-new-version .nav-list .nav-item.is-active .nav-text, .page-index .mod-new-version .nav-list .nav-item:hover .nav-text { background-color: #7adf9f; font-size: 18px; color: #281830 } .page-index .mod-new-version .nav-list .nav-line { position: absolute; right: -5px; width: 10px; height: 1px; background-color: #889c9b; transition: all .3s ease } .page-index .mod-new-version .nav-list .nav-line.line-1 { top: 0 } .page-index .mod-new-version .nav-list .nav-line.line-2 { top: 7px } .page-index .mod-new-version .nav-list .nav-line.line-3 { top: 14px } .page-index .mod-new-version .nav-list .nav-line.line-4 { top: 21px } .page-index .mod-new-version .nav-list .nav-line.line-5 { top: 28px } .page-index .mod-new-version .nav-list .nav-line.line-6 { top: 35px } .page-index .mod-new-version .nav-list .nav-line.line-7 { top: 42px } .page-index .mod-new-version .nav-list .nav-line.line-8 { top: 49px } .page-index .mod-new-version .nav-list .nav-line.line-9 { top: 56px } .page-index .mod-new-version .nav-list .nav-line.line-10 { top: 63px } .page-index .mod-new-version .nav-list .nav-line.line-11 { top: 70px } .page-index .mod-new-version .nav-list .nav-line.line-12 { top: 77px } .page-index .mod-new-version .nav-list .nav-line.line-13 { top: 84px } .page-index .mod-new-version .nav-list .nav-line.line-14 { top: 91px } .page-index .mod-new-version .nav-list .nav-line.line-15 { top: 98px } .page-index .mod-new-version .nav-list .nav-line.line-16 { top: 105px } .page-index .mod-new-version .nav-list .nav-line.line-17 { top: 112px } .page-index .mod-new-version .nav-list .nav-text { display: inline-block; *display: inline; *zoom: 1; height: 24px; padding: 0 10px; margin-right: 20px; background-color: transparent; font-size: 14px; color: #f9f9f9; line-height: 24px; vertical-align: middle; cursor: pointer; transition: all .3s ease } .page-index .mod-new-version .version-bd { width: 100%; height: 100%; overflow: hidden } .page-index .mod-new-version .version-item { position: relative; width: 1920px; height: 930px; margin: 0 auto; display: none } .page-index .mod-new-version .version-item.is-active { display: block } .page-index .mod-new-version .version-item img { display: block; width: 100%; height: 100% } .page-index .mod-new-version .version-tool-area { position: absolute; left: 0; right: 0; top: 0; bottom: 0 } .page-index .mod-new-version .version-tool-area.inner-tool { right: auto; bottom: auto; width: 0; height: 0 } .page-index .mod-new-version .version-tool-area .tool-item { position: absolute; cursor: pointer } .page-index .mod-new-version .version-tool-area .tool-item.see-property { left: 467px; top: 745px; width: 295px; height: 70px } .page-index .mod-new-version .version-tool-area .tool-item.role-man { right: 325px; bottom: 185px; width: 85px; height: 85px } .page-index .mod-new-version .version-tool-area .tool-item.role-woman { right: 395px; bottom: 108px; width: 85px; height: 85px } .page-index .mod-new-version .version-tool-area .tool-item.role-baby { right: 488px; bottom: 50px; width: 85px; height: 85px } .page-index .mod-new-version .version-tool-area .tool-item.ability-base { right: 408px; top: 250px; width: 68px; height: 68px } .page-index .mod-new-version .version-tool-area .tool-item.ability-sheng { right: 367px; top: 341px; width: 68px; height: 68px } .page-index .mod-new-version .version-tool-area .tool-item.ability-xingchen { right: 355px; top: 455px; width: 68px; height: 68px } .page-index .mod-new-version .version-tool-area .tool-item.ability-yufeng { right: 377px; top: 573px; width: 68px; height: 68px } .page-index .mod-new-version .version-tool-area .tool-item.instrument-system { left: 495px; top: 54px; width: 90px; height: 90px } .page-index .mod-new-version .version-tool-area .tool-item.instrument-display { left: 734px; top: 54px; width: 90px; height: 90px } .page-index .mod-new-version .version-tool-area .tool-item.pk-sign { left: 918px; top: 302px; width: 33px; height: 33px } .page-index .mod-new-version .version-tool-area .tool-item.pk-fight-rule { left: 992px; top: 302px; width: 33px; height: 33px } .page-index .mod-new-version .version-tool-area .tool-item.pk-pass-rule { left: 1065px; top: 302px; width: 33px; height: 33px } .page-index .mod-new-version .version-tool-area .tool-item.pk-reward { left: 1140px; top: 302px; width: 33px; height: 33px } .page-index .mod-new-version .version-tool-area .tool-item.pk-tips { left: 1214px; top: 302px; width: 33px; height: 33px } .page-index .mod-new-version .version-tool-area .tool-item.fight-strategy { left: 770px; top: 70px; width: 82px; height: 82px; transform: rotate(45deg) } .page-index .mod-new-version .version-tool-area .tool-item.fight-new { left: 854px; top: 138px; width: 82px; height: 82px; transform: rotate(45deg) } .page-index .mod-new-version .version-tool-area .tool-item.rule-challenge { left: 956px; top: 136px; width: 82px; height: 82px; transform: rotate(45deg) } .page-index .mod-new-version .version-tool-area .tool-item.rule-enemy { left: 1030px; top: 66px; width: 82px; height: 82px; transform: rotate(45deg) } .page-index .mod-new-version .version-tool-area .tool-item.see-pk-rule { left: 736px; top: 694px; width: 205px; height: 36px } .page-index .mod-new-version .version-tool-area .tool-item.see-pk-reward { left: 776px; top: 544px; width: 205px; height: 36px } .page-index .mod-new-version .version-tool-area .tool-item.see-strategy { left: 508px; top: 675px; width: 198px; height: 44px } .page-index .mod-new-version .item-image-list { height: 100% } .page-index .mod-new-version .item-image-list .image-item { height: 100%; display: none } .page-index .mod-new-version .item-image-list .image-item.is-active { display: block } .page-index .mod-title { font-size: 14px; color: #333; padding-top: 50px; background-repeat: no-repeat; background-position: center top; font-weight: 400; text-align: center } .page-index .mod-title.mod-title2 { background-image: url(src/img/wuhun2/title1.png) } .page-index .mod-title.mod-title3 { background-image: url(src/img/wuhun2/title2.png) } .page-index .mod-title.mod-title4 { background-image: url(src/img/wuhun2/title3.png) } .page-index .mod-title.mod-title5 { background-image: url(src/img/wuhun2/title4.png) } .page-index .mod-title a { color: #47bcff } .dg-container nav { z-index: 1000 } .dg-container nav .dg-prev, .dg-container nav .dg-next { position: absolute; left: 50%; top: 50%; margin-top: -50px; width: 44px; height: 100px; cursor: pointer; background: #9b8255 } .dg-container nav .dg-prev i, .dg-container nav .dg-next i { position: absolute; top: 50%; margin-top: -8px; display: block; width: 0; height: 0; border: 8px solid #000 } .dg-container nav .dg-prev { margin-left: -610px } .dg-container nav .dg-prev i { left: 8px; border-color: transparent #000 transparent transparent } .dg-container nav .dg-next { margin-left: 566px } .dg-container nav .dg-next i { right: 8px; border-color: transparent transparent transparent #000 } .ui-dialog { border-radius: 6px } .ui-dialog .ui-dialog-title { font-family: "微软雅黑"; padding-bottom: 5px; padding-top: 10px; color: #777; font-size: 14px; text-indent: 0 } .ui-dialog .ui-dialog-close { background: 0; color: #777; text-indent: 0; font-size: 20px; top: 0; right: 0 } .ui-dialog .ui-dialog-close:hover { color: #30a5ef } .dialog-code { font-size: 14px } .dialog-code .code-wrap { *zoom: 1; height: 65px; padding-bottom: 15px } .dialog-code .code-wrap:before, .dialog-code .code-wrap:after { content: ""; display: table; line-height: 0 } .dialog-code .code-wrap:after { clear: both } .dialog-code .code-wrap .code-img { width: 205px; height: 100%; float: left; text-align: center } .dialog-code .code-wrap .code-img img { vertical-align: middle } .dialog-code .code-wrap .code-again { float: left; line-height: 24px; color: #333; margin-top: 5px } .dialog-code .code-wrap .code-again .change-codeimg { cursor: pointer; color: #30a5ef } .dialog-code .code-wrap .code-again .change-codeimg:hover { text-decoration: underline } .dialog-code .input-line { color: #777; line-height: 36px } .dialog-code .input-line input { border: 1px solid #E3E3E3; width: 163px; height: 36px; line-height: 36px; padding-left: 10px } .dialog-code .btn-line { text-align: center; margin-top: 20px } .dialog-code .btn-line span { display: inline-block; *display: inline; *zoom: 1; width: 271px; height: 38px; line-height: 38px; text-align: center; background: #30a5ef; color: #fff; border-radius: 4px; cursor: pointer } .dialog-code .btn-line span:hover { background: #1386cf } .question-tips-dialog { display: table; min-width: 337px; height: 110px; text-align: center } .question-tips-dialog .text-wrap p { font-size: 16px; line-height: 32px } .question-tips-dialog .text-wrap span { color: #e94646 } .question-tips-dialog .btn-wrap { margin-top: 30px } .question-tips-dialog .btn { display: inline-block; line-height: 36px; height: 36px; margin: 0 6px; cursor: pointer; border-radius: 3px; font-size: 16px; width: 100px } .question-tips-dialog .btn-cancel { color: #333; background-color: #f9f9f9; border: 1px solid #e3e3e3 } .question-tips-dialog .btn-cancel:hover { background-color: #fafafa } .question-tips-dialog .btn-submit { background: #30a5ef; color: #fff } .question-tips-dialog .btn-submit:hover { background-color: #55b7f5 } .btn-lingqu { float: left; width: 164px; height: 45px; font-size: 0; color: transparent; background: url(src/img/wuhun2/lingqu-btn.png) no-repeat; background-size: 100% 120%; } .ui-dialog .ui-dialog-close { font-size: 30px } .lottery-tip-wrap { width: 400px; padding-bottom: 35px; text-align: center } .lottery-tip-wrap .tip-title { font-size: 20px; font-weight: 700; line-height: 2 } .lottery-tip-wrap .tip-title em { color: #ea1003 } .lottery-tip-wrap a { font-size: 14px; color: #0075a9; line-height: 40px } .lottery-tip-wrap p { font-size: 16px; color: #333; line-height: 40px } .lottery-tip-wrap .lottery-tips { height: 35px; margin-top: 15px; font-size: 0 } .lottery-tip-wrap .lottery-tips .comfirm-btn { margin: 0; padding: 0; display: inline-block; *display: inline; *zoom: 1; line-height: 35px; background-color: #ea1003; padding: 0 40px; font-size: 14px; color: #fff; border: 0; outline: 0 } .g-zt-nav { position: fixed; right: 60px; bottom: 140px; z-index: 999; background: #4f61dc; text-align: center; padding: 13px 12px 16px; //box-shadow: 0 0 60px 1px #4a4a4a; background: url(src/img/wuhun2/sidebar.png) no-repeat; background-size: 135% 114%; background-position-x: -24px; background-position-y: -9px; } .g-zt-nav .list-nav { margin: 40px 30px 0 } .g-zt-nav .list-nav li { width: 100%; height: 30px; font-size: 16px; line-height: 30px } .g-zt-nav .list-nav li:first-child { border-bottom: 1px dashed #8292fc } .g-zt-nav .list-nav li a { display: block; height: 100%; color: #efce6a; font-size: 14px; cursor: pointer; outline: 0 } .g-zt-nav .qrcode-wrap .qrcode { width: 120px; height: 120px; margin: 0 auto } .g-zt-nav .qrcode-wrap img { display: block; width: 100%; overflow: hidden } .g-zt-nav .qrcode-wrap .code-tip { font-size: 12px; line-height: 20px; color: #fff; margin-top: 10px } .lingqu-line { *zoom: 1 } .lingqu-line:before, .lingqu-line:after { content: ""; display: table; line-height: 0 } .lingqu-line:after { clear: both } .lingqu-wrap { margin-left: 180px } .lingqu-wrap.is-active { margin-left: 25px } .lingqu-wrap.is-active .linqu-sn { display: block } .lingqu-wrap.is-active .btn-lingqu { display: none } .lingqu-wrap .linqu-sn { line-height: 44px; display: none; float: left } .lingqu-wrap .linqu-sn input { width: 185px; height: 44px; line-height: 44px; padding: 0 10px; font-size: 14px; font-weight: 700; color: #FFF; outline: 0; vertical-align: middle; border: 1px solid #404359; background: transparent } .lingqu-wrap .linqu-sn .btn-copy { display: inline-block; *display: inline; *zoom: 1; width: 85px; height: 44px; font-size: 0; color: transparent; vertical-align: middle; cursor: pointer; background: url(//pub.dwstatic.com/zt2018/xyqy07//img/copy-btn_ab6d453.jpg) no-repeat } .lingqu-wrap .linqu-sn .btn-copy:hover { opacity: .8; filter: alpha(opacity=80) } .lingqu-wrap p { line-height: 44px; float: left; margin-left: 19px; color: #a4b4cb } .lingqu-wrap p a { font-size: 14px; color: #efce6a; margin: 0 10px; font-weight: 700; text-decoration: none } .ui-dialog-close { background-position: -1183px 0px } .page-index .mod-kv .icon-play { background-position: -1120px -37px } .page-index .mod-pic .mod-bd .video-cover .icon-play { background-position: -1120px -37px } .page-index .mod-kv .primary-menu-list { background-position: 0px -137px } .page-index .mod-ka .download .download-content .btn-1 { background-position: -925px -247px } .page-index .mod-ka .download .download-content .btn-2 { background-position: -925px -325px } .page-index .mod-ka .download .download-content .btn-3 { background-position: -925px -403px } .page-index .mod-task .red-packet-content .step { background-position: -859px -481px } .ui-dialog-close, .page-index .mod-kv .icon-play, .page-index .mod-kv .primary-menu-list, .page-index .mod-ka .download .download-content .btn-1, .page-index .mod-ka .download .download-content .btn-2, .page-index .mod-ka .download .download-content .btn-3, .page-index .mod-task .red-packet-content .step { background-image: url(//pub.dwstatic.com/zt2018/xyqy07//img/sprite/global_z_8fce810.png) } i.icon-more{ position: absolute; display: inline-block; width: 27px; height: 21px; background: url(src/img/wuhun2/icon-more.png?__sprite) no-repeat; top: 88%; left: 50%; animation: jump ease-in-out 3s infinite; } @keyframes jump { 0%{ transform: translateY(-20px); } 50%{ transform: translateY(0px); } 100%{ transform: translateY(-20px); } } i.icon-play.wuhun2{ background: url("src/img/wuhun2/play-icon.png") no-repeat; }