@charset "UTF-8";
/*reset start*/
*, ::after, ::before { -webkit-box-sizing: border-box; box-sizing: border-box; }

blockquote, body, button, dd, dl, dt, form, h1, h2, h3, h4, h5, h6, hr, input, ol, p, td, textarea, th, ul { margin: 0; padding: 0; }

a { color: inherit; text-decoration: none; }

button, input, select, textarea { border: none; outline: none; font: inherit; color: inherit; }

button { background: none; cursor: pointer; }

img { border: 0; }

ol, ul { list-style: none; }

table { width: 100%; border-collapse: collapse; border-spacing: 0; }

/*reset end*/
/*IE*/
main { display: block; }

body { overflow-x: hidden; min-width: 1363px; font: 24px/1.5 'Microsoft Yahei', Arial, Helvetica, sans-serif; color: #5b5b5b; background-color: #184366; }

.clearfix { zoom: 1; }

.clearfix:after { content: ""; display: block; visibility: hidden; clear: both; height: 0; }

#wrapper { position: relative; background: url(https://p5.ssl.qhimg.com/d/inn/d6781ef3b1f8/static/images/bg1.jpg) no-repeat center top; }

.container { position: relative; margin: 0 auto; width: 1363px; }

.header { position: absolute; z-index: 9; top: 35px; right: 0; left: 0; }

.header-container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; position: relative; margin: 0 auto; width: 1364px; }

.header-container a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.section1 { height: 1003px; }

.letter { position: absolute; top: 414px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); font-size: 36px; text-decoration: underline; color: #f8e561; }

.signIn { position: absolute; top: 480px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }

.afterSignIn { display: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; position: absolute; top: 400px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); padding-top: 25px; width: 767px; height: 459px; background-image: url(https://p5.ssl.qhimg.com/d/inn/d6781ef3b1f8/static/images/afterSignIn_bg.png); }

.afterSignIn > div { margin-bottom: 10px; }

.afterSignIn button.disabled { cursor: not-allowed; -webkit-filter: grayscale(1); filter: grayscale(1); }

.signOut { color: #00a8ff; }

.amount span:first-child { color: #fa0303; }

.amount span:last-child { color: #ff9907; }

.refund-success { display: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: center; }

.refund-success-tit { position: relative; width: 700px; text-align: center; color: #388ad3; }

.refund-success-tit::before, .refund-success-tit::after { content: ''; position: absolute; top: 50%; width: 240px; height: 1px; background-color: currentColor; }

.refund-success-tit::before { left: 0; }

.refund-success-tit::after { right: 0; }

.refund-success img { display: block; margin: 15px auto; }

.refund-success p { font-size: 18px; }

.section2 { padding-top: 80px; padding-bottom: 70px; }

.tip { border: 14px solid #358db6; padding: 52px 80px; height: 246px; font-size: 24px; color: #ffffff; background-color: #4bacd6; }

.game { position: relative; margin-top: 130px; padding-top: 30px; width: 1362px; height: 301px; padding-left: 210px; text-align: right; }

.game .game-content { color: #fff; }

.game:nth-child(-n+3) { padding-left: 570px; }

.game:nth-child(-n+3) .game-content { color: #2b2b2b; }

.game1 { background-image: url(https://p5.ssl.qhimg.com/d/inn/d6781ef3b1f8/static/images/game-item_bg1.jpg); }

.game1 img { top: -80px; left: -180px; }

.game2 { background-image: url(https://p5.ssl.qhimg.com/d/inn/d6781ef3b1f8/static/images/game-item_bg2.jpg); }

.game2 img { top: -99px; right: -205px; }

.game3 { background-image: url(https://p5.ssl.qhimg.com/d/inn/d6781ef3b1f8/static/images/game-item_bg3.jpg); }

.game3 img { top: -111px; left: -125px; }

.game4 { background-image: url(https://p5.ssl.qhimg.com/d/inn/d6781ef3b1f8/static/images/game-item_bg4.jpg); }

.game4 img { top: -104px; right: -108px; }

.game5 { background-image: url(https://p5.ssl.qhimg.com/d/inn/d6781ef3b1f8/static/images/game-item_bg5.jpg); }

.game5 img { bottom: 0; left: -30px; }

.game6 { background-image: url(https://p5.ssl.qhimg.com/d/inn/d6781ef3b1f8/static/images/game-item_bg6.jpg); }

.game6 img { right: 0; bottom: 0; }

.game img { position: absolute; }

.game-content { position: relative; width: 584px; font-size: 20px; }

.game-content h2 { font-size: 36px; }

.game p { margin: 20px 0; }

.game a { display: inline-block; margin-right: 15px; width: 155px; height: 40px; line-height: 40px; text-align: center; color: #fff; }

.game-home { background-color: #ff6060; }

.game-download { background-color: #ff6600; }

.modal button.disabled { cursor: not-allowed; background-color: #999; }

.countdown { position: absolute; top: 70px; left: 212px; width: 180px; text-align: center; }

.showRule { position: absolute; bottom: 30px; left: 35px; font-size: 20px; text-decoration: underline; color: #007efe; }

.refund-form { font-size: 16px; }

.refund-form-item { margin-left: 180px; margin-bottom: 15px; width: 370px; position: relative; }

.refund-form-item::after { content: '*'; position: absolute; top: 16%; right: -15px; color: red; }

.refund-form-item-error { position: absolute; top: 0; left: 105%; line-height: 34px; word-break: keep-all; color: red; }

.refund-form label { display: inline-block; width: 100px; text-align: right; line-height: 34px; }

.refund-form input, .refund-form select { display: inline-block; position: relative; border: 1px solid #e4d0af; padding: 0 .5em; width: 260px; height: 34px; line-height: 34px; background-color: #e4d0af; }

.refund-form input.error, .refund-form select.error { border-color: #ff1a32; }

.refund-form-tip { position: absolute; bottom: 120px; left: 0; width: 100%; font-size: 12px; color: #ff1a32; }

.btn-refund { display: block; margin: 30px auto 0; width: 180px; height: 60px; line-height: 60px; font-size: 24px; color: #fff; background-color: #ff4800; }

/*弹窗*/
.modal { display: none; position: fixed; z-index: 1001; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); padding: 30px 30px 50px; border: 15px solid #388ad3; width: 900px; font-size: 20px; text-align: center; line-height: 1.5; color: #323333; background-color: #fff8dc; }

.modal-close, .modal-close2 { position: absolute; top: -15px; right: -54px; width: 40px; height: 40px; line-height: 45px; text-align: center; }

.modal-close:hover, .modal-close2:hover { -webkit-filter: brightness(1.1); filter: brightness(1.1); -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.modal-close img, .modal-close2 img { display: block; }

.modal-open { overflow: hidden; width: -webkit-calc(100% - 17px); width: calc(100% - 17px); }

.modal-header { border-bottom: 1px solid #707070; font-size: 36px; font-weight: normal; text-align: center; color: #323333; }

.modal-body { font-size: 24px; margin: 30px 0; }

.modal-footer { position: relative; text-align: center; }

.modal-footer a { display: inline-block; margin: 0 10px; width: 90px; height: 50px; line-height: 50px; font-size: 18px; text-align: center; color: #fff; background: #e33b3b; }

.modal-footer a:hover { text-decoration: none; }

.modal-footer button { display: inline-block; margin: 0 10px; width: 180px; height: 60px; line-height: 60px; font-size: 24px; color: #fff; text-align: center; background-color: #ff4800; }

.modal-footer button:hover { -webkit-filter: brightness(1.1); filter: brightness(1.1); -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.modal { /* 规则 */ }

.modal-letter { border: none; }

.modal-letter .modal-close { top: 15px; right: 15px; }

.modal-rule { text-align: left; line-height: 1.8; }

.modal-rule .rule-tit { text-align: center; font-size: 30px; }

.modal-rule .modal-body { overflow: auto; height: 500px; font-size: 16px; }

.modal-rule ul { padding-left: 1.5em; list-style-type: decimal; }

.modal-rule .modal-content { overflow-y: scroll; padding: 40px 50px; height: 600px; }

.modal-rule .rule-table { margin: 20px auto; width: 400px; }

.modal-rule .rule-table th, .modal-rule .rule-table td { padding: 5px 10px; border: 1px solid #000; text-align: center; }

.modal-rule .rule-table th { color: #fff; background-color: #ff4800; }

.modal-letter { padding: 60px 50px 0; width: 858px; height: 625px; background: url(https://p5.ssl.qhimg.com/d/inn/d6781ef3b1f8/static/images/letter_bg.png); }

.modal-letter p { font-size: 16px; font-weight: bold; text-align: left; line-height: 2.5; }

.modal-refund { font-size: 24px; }

.modal-refund > div { margin-bottom: 30px; }

.mask { display: none; position: fixed; z-index: 1000; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.5); }
/*# sourceMappingURL=css.css.map */