@charset "UTF-8";
body { position: relative; background-color: #24287a; font-weight: 400; }
#baidu-site-img { position: absolute; left: -99999px; }
.clearfix::after { content: ""; display: block; clear: both; }
.g-container { width: 1200px; }
.g-plv-layout-w { width: 1200px; margin-left: auto; margin-right: auto; }
.plv-title-main { position: relative; text-align: center; margin-bottom: 70px; }
.plv-title-main span { position: relative; display: inline-block; font-size: 48px; height: 48px; font-weight: 500; color: #ffffff; }
.plv-title-main span::before, .plv-title-main span::after { position: absolute; content: ""; top: 10px; width: 273px; height: 18px; background-repeat: no-repeat; background-size: contain; }
.plv-title-main span::before { left: -320px; background-image: url(../images/apollo10/icon-title-main-l@2x.png); }
.plv-title-main span::after { right: -320px; background-image: url(../images/apollo10/icon-title-main-r@2x.png); }
.g-plv-mt--40 { margin-top: 40px; }
.plv-title { position: relative; text-align: center; }
.plv-title span { position: relative; display: inline-block; font-size: 40px; height: 40px; font-weight: 500; color: #ffffff; }
.plv-title span::before, .plv-title span::after { position: absolute; content: ""; top: 10px; width: 86px; height: 23px; background-repeat: no-repeat; background-size: contain; }
.plv-title span::before { left: -127px; background-image: url(../images/apollo10/icon-title-l@2x.png); }
.plv-title span::after { right: -127px; background-image: url(../images/apollo10/icon-title-r@2x.png); }
.plv-title-desc { position: relative; text-align: center; font-size: 16px; color: #ffffff; margin-top: 16px; }
.tip-rules { position: absolute; bottom: 0; margin-left: 60px; font-size: 16px; font-weight: normal; font-stretch: normal; letter-spacing: 0px; color: #fff376; cursor: pointer; }
.tip-rules:hover { opacity: 0.7; }
.tip-rules.no-margin { position: relative; margin-left: 0; }
.plv-set { padding-top: 80px; }
.page-content { background: url(../images/apollo9/tp-bg.png) no-repeat; background-size: 1920px 2375px; background-position-y: 0px; }
.apollo-btn { display: inline-block; width: 140px; height: 44px; line-height: 44px; font-size: 14px; color: #761525; background-color: #fff376; border-radius: 22px; outline: none; border: 0; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; }
.apollo-btn:hover { background-color: #fff5b4; }
.gift-exchange-nav { margin-top: 48px; border-bottom: 1px solid #f04c52; }
.gift-exchange-nav li { position: relative; float: left; width: 20%; padding-bottom: 24px; font-size: 20px; font-weight: 500; color: #fff; text-align: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; }
.gift-exchange-nav li:hover:not(.active) { color: #fff376; }
.gift-exchange-nav li::after { position: absolute; content: ""; width: 180px; bottom: -1px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); height: 4px; height: 4px; }
.gift-exchange-nav li.active { color: #fff376; }
.gift-exchange-nav li.active::after { background-color: #fff376; }
.gift-exchange-content { position: relative; margin-top: 40px; height: 320px; overflow: hidden; z-index: 2; }
.gift-exchange-lists { position: relative; height: 100%; }
.gift-exchange-list-item { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: none; font-size: 0; background-color: #fff; }
.gift-exchange-list-item.active { display: block; }
.gift-exchange-list-item li { display: inline-block; width: 300px; vertical-align: top; background: url(../images/ajax-loader.gif) no-repeat center; }
.gift-exchange-list-item li + li { -webkit-box-sizing: border-box; box-sizing: border-box; }
.gift-exchange-list-item li .gift-item-img { position: relative; height: 256px; background-size: cover; background-position: center; background-repeat: no-repeat; }
.gift-exchange-list-item li .gift-item-img::after { position: absolute; content: ""; width: 100%; height: 100%; top: 0; left: 0; background-color: #fff; opacity: 0.5; z-index: 2; -webkit-transition: 0.15s; transition: 0.15s; }
.gift-exchange-list-item li p { text-align: center; height: 64px; line-height: 64px; font-size: 16px; color: #6d3e3e; background-color: #f9f9f9; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: 0.15s; transition: 0.15s; }
.gift-exchange-list-item li:hover .gift-item-img::after { opacity: 0; }
.gift-exchange-list-item li:hover p { color: #fff; background-color: #e94c41; background-image: -webkit-gradient(linear, left top, right top, from(#ea7069), to(#e94c41)); background-image: linear-gradient(90deg, #ea7069 0%, #e94c41 100%); }
.gift-exchange-list-3 li { width: 400px; }
.gift-300-1 { background: url(../images/apollo10/gift/300-1@2x.png?v=2.2) no-repeat; }
.gift-1200-1 { background: url(../images/apollo10/gift/1200-1@2x.png?v=2.2) no-repeat; }
.gift-3000-1 { background: url(../images/apollo10/gift/3000-1@2x.png?v=2.2) no-repeat; }
.gift-6000-1 { background: url(../images/apollo10/gift/6000-1@2x.png?v=2.2) no-repeat; }
.gift-10000-1 { background: url(../images/apollo10/gift/10000-1@2x.png?v=2.2) no-repeat; }
.gift-300-2 { background: url(../images/apollo10/gift/300-2@2x.png?v=2.2) no-repeat; }
.gift-1200-2 { background: url(../images/apollo10/gift/1200-2@2x.png?v=2.2) no-repeat; }
.gift-3000-2 { background: url(../images/apollo10/gift/3000-2@2x.png?v=2.2) no-repeat; }
.gift-6000-2 { background: url(../images/apollo10/gift/6000-2@2x.png?v=2.2) no-repeat; }
.gift-10000-2 { background: url(../images/apollo10/gift/10000-2@2x.png?v=2.2) no-repeat; }
.gift-300-3 { background: url(../images/apollo10/gift/300-3@2x.png?v=2.2) no-repeat; }
.gift-1200-3 { background: url(../images/apollo10/gift/1200-3@2x.png?v=2.2) no-repeat; }
.gift-3000-3 { background: url(../images/apollo10/gift/3000-3@2x.png?v=2.2) no-repeat; }
.gift-6000-3 { background: url(../images/apollo10/gift/6000-3@2x.png?v=2.2) no-repeat; }
.gift-10000-3 { background: url(../images/apollo10/gift/10000-3@2x.png?v=2.2) no-repeat; }
.gift-300-4 { background: url(../images/apollo10/gift/300-4@2x.png?v=2.2) no-repeat; }
.gift-1200-4 { background: url(../images/apollo10/gift/1200-4@2x.png?v=2.2) no-repeat; }
.gift-3000-4 { background: url(../images/apollo10/gift/3000-4@2x.png?v=2.2) no-repeat; }
.gift-6000-4 { background: url(../images/apollo10/gift/6000-4@2x.png?v=2.2) no-repeat; }
.gift-10000-4 { background: url(../images/apollo10/gift/10000-4@2x.png?v=2.2) no-repeat; }
.gift-300-5 { background: url(../images/apollo10/gift/300-5@2x.png?v=2.2) no-repeat; }
.gift-1200-5 { background: url(../images/apollo10/gift/1200-5@2x.png?v=2.2) no-repeat; }
.gift-3000-5 { background: url(../images/apollo10/gift/3000-5@2x.png?v=2.2) no-repeat; }
.gift-6000-5 { background: url(../images/apollo10/gift/6000-5@2x.png?v=2.2) no-repeat; }
.gift-10000-5 { background: url(../images/apollo10/gift/10000-5@2x.png?v=2.2) no-repeat; }
.activity-rules { padding-top: 80px; padding-bottom: 80px; }
.activity-rules dl { color: #fff; font-size: 16px; display: inline-block; vertical-align: top; }
.activity-rules dl:nth-child(1) { width: 710px; }
.activity-rules dl:nth-child(1) dt { line-height: 24px; }
.activity-rules dl:nth-child(1) dd { line-height: 24px; margin-top: 30px; }
.activity-rules dl:nth-child(2) { width: 384px; margin-left: 100px; }
.activity-rules dl:nth-child(2) dt { line-height: 24px; margin-top: 20px; }
.activity-rules dl:nth-child(2) dt:nth-child(1) { margin-top: 0; }
.activity-rules dl:nth-child(2) dd { line-height: 18px; margin-top: 20px; }
.backToTop { position: fixed; bottom: 160px; right: 50px; width: 44px; height: 44px; background: url("../images/backToTop.png") no-repeat center; background-size: 30px; -webkit-box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.15); background-color: rgba(0, 0, 0, 0.35); z-index: 88; cursor: pointer; display: none; }
.g-gift-money-box p { font-size: 24px; line-height: 1; }
.g-gift-money-box p span { font-size: 14px; }
.g-gift-money-box .gift { color: #e73030; }
.g-gift-money-box .money { margin-top: 20px; color: #ef732e; }
.g-gift-money-box .price { color: #e73030; font-size: 40px; font-weight: 600; }
.g-gift-money-box .price + span { font-size: 14px; color: #ef732e; text-decoration: line-through; }
.apollo-banner-wrap { height: 640px; background: url("../images/apollo10/banner@2x.jpg") no-repeat center; background-size: cover; background-color: #261145; }
.apollo-banner-wrap img { position: absolute; left: -9999px; top: -9999px; }
@media (min-width: 1920px) { .apollo-banner-wrap { background-size: 100% 640px !important; } }
.apollo-nav-wrap { padding: 12px 0; height: 104px; background-image: -webkit-gradient(linear, right top, left top, from(#354fbb), to(#2a67c1)); background-image: linear-gradient(270deg, #354fbb 0%, #2a67c1 100%); background-color: #2a67c1; -webkit-box-sizing: border-box; box-sizing: border-box; }
.apollo-nav-wrap .apollo-nav-list { position: relative; text-align: center; font-size: 0; }
.apollo-nav-wrap .apollo-nav-list::before { position: absolute; content: ""; width: 100%; height: 100%; background: url("../images/apollo10/nav-bg@2x.png") no-repeat center; background-size: contain; left: 0; top: 0; z-index: 1; }
.apollo-nav-wrap .apollo-nav-list li { position: relative; display: inline-block; vertical-align: top; width: 50%; z-index: 2; -webkit-box-sizing: border-box; box-sizing: border-box; }
.apollo-nav-wrap .apollo-nav-list li:first-child { padding-left: 65px; }
.apollo-nav-wrap .apollo-nav-list li:last-child { padding-right: 48px; }
.apollo-nav-wrap .apollo-nav-list li span { font-size: 20px; letter-spacing: 1px; color: #ffffff; line-height: 1; }
.apollo-nav-wrap .apollo-nav-list li p { margin-top: 38px; font-size: 20px; line-height: 1; letter-spacing: 1px; color: #fff376; }
.vouchers-warp { font-size: 0; margin: 0 -15px; }
.vouchers-warp li { display: inline-block; font-size: 14px; width: 410px; vertical-align: top; padding: 0 15px; -webkit-box-sizing: border-box; box-sizing: border-box; }
.vouchers-warp .content { width: 100%; padding: 40px 24px 12px; height: 160px; border-radius: 8px; -webkit-box-sizing: border-box; box-sizing: border-box; }
.vouchers-warp .content-bg1 { background: url("../images/apollo10/1000@2x.png") no-repeat center; background-size: cover; background-color: #ff3b48; }
.vouchers-warp .content-bg2 { background: url("../images/apollo10/3000@2x.png") no-repeat center; background-size: cover; background-color: #00bce3; }
.vouchers-warp .content-bg3 { background: url("../images/apollo10/8000@2x.png") no-repeat center; background-size: cover; background-color: #ff6a39; }
.vouchers-warp .content > p { color: #fff; font-size: 14px; }
.vouchers-warp .content > p em { margin: 0 8px; font-size: 48px; height: 36px; font-style: normal; line-height: 36px; font-weight: normal; }
.vouchers-warp .content > p span { font-size: 20px; margin-right: 6px; }
.vouchers-warp .content > span { display: block; color: #fff; font-size: 16px; }
.vouchers-warp .content button { display: block; margin: 14px auto 0; width: 200px; height: 30px; font-size: 14px; color: #761525; background-color: #fff376; border-radius: 15px; outline: none; border: 0; }
.vouchers-warp .content button:hover { background-color: #fff5b4; }
.prepaid-wrap { position: relative; z-index: 2; }
.prepaid-wrap-img { background-image: -webkit-gradient(linear, right top, left top, from(#ef4c51), color-stop(53%, #f64e66), color-stop(99%, #ffad6a)); background-image: linear-gradient(270deg, #ef4c51 0%, #f64e66 53%, #ffad6a 99%); border-radius: 8px; }
.prepaid-wrap-img img { width: 100%; height: 100%; }
.prepaid-wrap .apollo-btn { display: block; margin: 24px auto 0; }
.live-gift-wrap { font-size: 0; margin: 0 -15px; }
.live-gift-wrap li { display: inline-block; font-size: 14px; vertical-align: top; padding: 0 15px; width: 20%; -webkit-box-sizing: border-box; box-sizing: border-box; }
.live-gift-wrap .content { background-color: #fff; }
.live-gift-wrap .gift-hd { padding: 24px 16px 24px; height: 64px; -webkit-box-sizing: border-box; box-sizing: border-box; background: url("../images/apollo10/live-gift-hd-bg@2x.png") no-repeat center; background-color: #ff6b3a; background-size: cover; }
.live-gift-wrap .gift-hd-odm { background: url("../images/apollo10/live-gift-hd-bg2@2x.png") no-repeat center; background-color: #ff3c49; background-size: cover; }
.live-gift-wrap .gift-hd h3 { font-size: 24px; font-weight: normal; line-height: 1; color: #ffffff; }
.live-gift-wrap .gift-hd p { margin-top: 14px; font-size: 16px; line-height: 1; color: #ffffff; }
.live-gift-wrap .gift-hd span { font-size: 12px; line-height: 1; color: #ffffff; opacity: 0.8; }
.live-gift-wrap .gift-ft { text-align: center; font-size: 14px; color: #761525; height: 48px; line-height: 48px; background-color: #ffe076; cursor: pointer; }
.live-gift-wrap .gift-ft:hover { background-color: #fff5b4; }
.live-gift-wrap .gift-body { padding-top: 24px; padding-left: 73px; padding-bottom: 24px; background: url("../images/apollo10/icon-giving-bg@2x.png") no-repeat; background-position: top right; background-size: 54px 54px; }
.vod-gift-wrap { font-size: 0; margin: 0 -13px; }
.vod-gift-wrap li { display: inline-block; font-size: 14px; vertical-align: top; padding: 0 13px; width: 25%; -webkit-box-sizing: border-box; box-sizing: border-box; }
.vod-gift-wrap .content { background-color: #fff; }
.vod-gift-wrap .gift-hd { padding: 24px; height: 102px; -webkit-box-sizing: border-box; box-sizing: border-box; }
.vod-gift-wrap .gift-hd-bg1 { background-color: #4b7bf4; background-image: -webkit-gradient(linear, right top, left top, from(#77b4f9), to(#4b7bf4)); background-image: linear-gradient(-90deg, #77b4f9 0%, #4b7bf4 100%); }
.vod-gift-wrap .gift-hd-bg2 { background-color: #5caf94; background-image: -webkit-gradient(linear, right top, left top, from(#88e8c5), to(#5caf94)); background-image: linear-gradient(-90deg, #88e8c5 0%, #5caf94 100%); }
.vod-gift-wrap .gift-hd-bg3 { background-color: #f87d3b; background-image: -webkit-gradient(linear, right top, left top, from(#fea56f), to(#f87d3b)); background-image: linear-gradient(-90deg, #fea56f 0%, #f87d3b 100%); }
.vod-gift-wrap .gift-hd-bg4 { background-color: #f85658; background-image: -webkit-gradient(linear, right top, left top, from(#ef69aa), to(#f85658)); background-image: linear-gradient(-90deg, #ef69aa 0%, #f85658 100%); }
.vod-gift-wrap .gift-hd h3 { font-size: 24px; font-weight: normal; line-height: 1; color: #ffffff; }
.vod-gift-wrap .gift-hd p { margin-top: 14px; font-size: 16px; line-height: 1; color: #ffffff; }
.vod-gift-wrap .gift-hd span { font-size: 12px; line-height: 1; color: #ffffff; opacity: 0.8; }
.vod-gift-wrap .gift-ft { text-align: center; font-size: 14px; color: #761525; height: 48px; line-height: 48px; background-color: #ffe076; cursor: pointer; }
.vod-gift-wrap .gift-ft:hover { background-color: #fff5b4; }
.vod-gift-wrap .gift-body { padding-top: 32px; padding-left: 77px; padding-bottom: 30px; }
.vod-gift-wrap .g-gift-money-box + .g-gift-money-box { margin-top: 56px; }
.vod-gift-more-wrap { margin-top: 48px; padding: 0 40px; -webkit-box-sizing: border-box; box-sizing: border-box; height: 80px; line-height: 80px; background-image: -webkit-gradient(linear, left top, right top, from(#e35b54), to(#de4034)); background-image: linear-gradient(90deg, #e35b54 0%, #de4034 100%); }
.vod-gift-more-wrap h3 { font-size: 24px; line-height: 80px; font-weight: normal; color: #ffffff; display: inline-block; vertical-align: top; }
.vod-gift-more-wrap ul { display: inline-block; font-size: 0; margin-left: 48px; height: 80px; vertical-align: top; }
.vod-gift-more-wrap ul li { position: relative; display: inline-block; width: 146px; height: 80px; font-size: 14px; text-align: center; }
.vod-gift-more-wrap ul li + li { margin-left: 20px; }
.vod-gift-more-wrap ul li span { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 16px; height: 36px; line-height: 36px; width: 100%; color: #fff8c0; }
.vod-gift-more-wrap ul li span::after { position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 100%; border: 1px solid #fff8c0; -webkit-transform: skewX(-25deg); transform: skewX(-25deg); }
.vod-gift-more-wrap .time-btn { display: inline-block; margin-left: 110px; width: 157px; height: 44px; line-height: 44px; font-size: 14px; color: #761525; background-color: #ffffff; border-radius: 22px; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; }
.icon-only-live { position: relative; }
.icon-only-live::after { position: absolute; content: "赠送"; left: -54px; top: -6px; width: 34px; height: 18px; line-height: 18px; text-align: center; background-color: #e73030; border-radius: 4px; font-size: 12px; color: #ffffff; }
.icon-only { position: relative; }
.icon-only::after { position: absolute; content: "现低至"; left: -54px; bottom: 20px; height: 18px; line-height: 18px; text-align: center; border-radius: 4px; font-size: 12px; color: #e73030; }
.icon-giving { position: relative; }
.icon-giving::after { position: absolute; content: "赠"; left: -54px; top: 10px; width: 32px; height: 32px; line-height: 32px; border-radius: 16px; text-align: center; background-color: #e73030; font-size: 16px; color: #ffffff; }
.recommend-wrap { position: relative; margin: 0 auto; width: 1000px; height: 129px; background: url("../images/apollo10/recommend-wrap@2x.png") no-repeat center; background-size: 1000px 129px; }
.recommend-wrap p, .recommend-wrap button { position: absolute; }
.recommend-wrap p { left: 96px; bottom: 30px; font-size: 20px; line-height: 1; color: #ffffff; }
.recommend-wrap p span { color: #fff495; }
.recommend-wrap button { right: 171px; bottom: 18px; }
.live-free-wrap { position: relative; z-index: 2; font-size: 0; background-color: #5e80fb; }
.live-free-wrap li { display: inline-block; width: 20%; height: 240px; font-size: 14px; vertical-align: top; }
.live-free-wrap li img { width: 100%; height: 100%; }
.live-free-wrap .wechat-qrcode { background-color: #5e80fb; text-align: center; }
.live-free-wrap .wechat-qrcode > img { display: inline-block; margin-top: 30px; width: 148px; height: 148px; }
.live-free-wrap .wechat-qrcode p { margin-top: 20px; font-size: 20px; letter-spacing: 4px; color: #ffffff; }
.layui-layer-apollo { padding: 40px !important; background-color: #fff !important; background-clip: padding-box !important; border-radius: 10px !important; z-index: 2147483648 !important; }
.layui-layer-apollo .layui-layer-title { background-color: transparent; border: 0; border-radius: 0; padding: 0; font-size: 16px; color: #322bc4; height: auto; line-height: 1; padding-bottom: 22px; }
.layui-layer-apollo .layui-layer-content { overflow: hidden !important; }
.layui-layer-apollo .layui-layer-content ol { list-style-type: none; counter-reset: sectioncounter; }
.layui-layer-apollo .layui-layer-content ol li { position: relative; padding-left: 20px; font-size: 14px; line-height: 24px; color: #666666; text-align: justify; }
.layui-layer-apollo .layui-layer-content ol li:before { position: absolute; left: 0; content: counter(sectioncounter) "、"; counter-increment: sectioncounter; }
.layui-layer-apollo .layui-layer-content .tips { color: #ff6714; }
.layui-layer-apollo .layui-layer-content .qr-code { margin: 0 auto; width: 198px; height: 198px; background: url("../images/apollo10/qr-code@2x.png") no-repeat center; background-size: cover; }
.layui-layer-apollo .layui-layer-content .wechat-qr-code { margin: 0 auto; width: 200px; height: 200px; background: url("../images/apollo10/wechat-msg-qrcode.png") no-repeat center; background-size: cover; }
.bg1 { position: relative; }
.bg1::after { position: absolute; content: ""; width: 116px; height: 107px; background: url("../images/apollo10/bg1.png") no-repeat center; background-size: cover; left: 88%; bottom: -140px; }
.bg2 { position: relative; }
.bg2::after { position: absolute; content: ""; width: 152px; height: 163px; background: url("../images/apollo10/bg2.png") no-repeat center; background-size: cover; left: 3%; bottom: -80px; }
.bg3 { position: relative; }
.bg3::after { position: absolute; content: ""; width: 190px; height: 202px; background: url("../images/apollo10/bg3.png") no-repeat center; background-size: cover; left: 78%; bottom: 0; z-index: 1; }
.bg4 { position: relative; }
.bg4::after { position: absolute; content: ""; width: 136px; height: 207px; background: url("../images/apollo10/bg4.png") no-repeat center; background-size: cover; left: 0; top: 240px; z-index: 1; }
.apollo10-sidebar { position: fixed; top: 50%; left: 40px; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 999; }
.apollo10-sidebar .sidebar-content { position: relative; width: 128px; height: 270px; background: url(../images/apollo10/sidebar-bg2.png) center no-repeat; background-size: cover; }
.apollo10-sidebar .sidebar-content .link-list { position: absolute; top: 133px; left: 6px; }
.apollo10-sidebar .sidebar-content .link-list li + li { margin-top: 2px; }
.apollo10-sidebar .sidebar-content .link-list li:nth-last-child(2) .link { border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; }
.apollo10-sidebar .sidebar-content .link-list li:hover .link, .apollo10-sidebar .sidebar-content .link-list li.active .link { color: #800021; background-color: #fff45c; }
.apollo10-sidebar .sidebar-content .link-list .link { display: block; width: 117px; height: 28px; line-height: 28px; background-color: #398ce0; text-align: center; font-size: 12px; color: #ffffff; }
.apollo10-sidebar .sidebar-content .link-list .know-immediately { display: block; margin-top: 15px; width: 118px; height: 28px; line-height: 28px; text-align: center; font-size: 12px; color: #ffffff; background: url(../images/apollo10/know-immediately.png) center no-repeat; background-color: #398ce0; background-size: cover; border-radius: 14px; cursor: pointer; }
.apollo10-sidebar .sidebar-content .link-list .know-immediately:hover { opacity: 0.9; }
.apollo10-sidebar .sidebar-close { position: absolute; top: 0; right: -18px; width: 24px; height: 24px; background: url(../images/apollo10/sidebar-close.png?v=2.0) center no-repeat; background-size: 16px 16px; cursor: pointer; }
.apollo10-footer { position: fixed; left: 0; bottom: 0; z-index: 1001; width: 100%; height: 80px; background: url(../images/apollo10/apollo10-footer.png) center no-repeat; background-size: cover; background-color: #13145a; }
.apollo10-footer .content { display: table; text-align: center; width: 900px; height: 100%; margin: 0 auto; }
.apollo10-footer .content p { font-size: 24px; letter-spacing: 1px; color: #ffffff; }
.apollo10-footer .content p span { color: #fff45c; }
.apollo10-footer .content p, .apollo10-footer .content .apollo10-footer-btn { display: table-cell; vertical-align: middle; }
.apollo10-footer .close-btn { position: absolute; right: 24px; top: 26px; width: 32px; height: 32px; background: url(../images/apollo10/close-btn.png) center no-repeat; background-size: cover; cursor: pointer; }
.apollo10-footer .close-btn:hover { opacity: .8; }