html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, p, pre, code, form, fieldset, legend, blockquote { margin: 0; padding: 0; }

*, *:before, *:after { -moz-box-sizing: border-box; box-sizing: border-box; }

h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }

a { text-decoration: none; background-color: transparent; }

a:active, a:hover { outline: 0; }

b, strong { font-weight: bold; }

sub, sup { position: relative; vertical-align: baseline; }

em { font-style: normal; }

img { max-width: 100%; vertical-align: middle; border: 0; -ms-interpolation-mode: bicubic; }

svg:not(:root) { overflow: hidden; }

button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; }

button { overflow: visible; }

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

button, select { text-transform: none; }

button, input { line-height: normal; padding: 0; }

button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }

button[disabled], html input[disabled] { cursor: default; }

input[type="checkbox"], input[type="radio"] { -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; }

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }

input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

input[type="button"], input[type="submit"], input[type="reset"], input[type="file"]::-webkit-file-upload-button, button { box-sizing: content-box; }

textarea { overflow-y: auto; resize: vertical; }

:focus { outline: none; }

table { border-collapse: collapse; border-spacing: 0; }

th { font-weight: normal; }

ul, ol { list-style: none outside none; }

body { padding:0; margin:0;min-width: 1200px; font-family: "Microsoft YaHei","Helvetica Neue",Helvetica,Arial,STXihei,sans-serif; font-size: 14px; line-height: 1.5; color: #333; background: #f5f6fa; }

.pn-in2 { *zoom: 1; margin: 0 auto; background: url(../images/footer_game_logos/bg_foot_line2.png) top repeat-x; }

.pn-in { margin: 0 auto; width: 1000px; }

.header { background-color: #fff; padding:15px 0; margin-bottom:50px; }
.header .logo { text-align: center; }

.footer { background: #0098fc; text-align: center; color: #fff; }

.footer .footer-wrap { overflow: hidden; }

.footer .footer-wrap .footer-left { float: left; width: 300px; text-align: center; }

.footer .footer-wrap .footer-logo { padding: 45px 0; }

.footer .footer-wrap .footer-items { padding: 24px 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; text-align: center; width: 1200px; margin: 0 auto; }

.footer .footer-wrap .footer-items .item { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; color: #fff; }

.footer .footer-wrap .footer-items .item .thumb { height: 65px; 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: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 10px; }

.footer .footer-wrap .footer-items .item .tit { margin-bottom: 5px; font-size: 14px; }

.footer .footer-wrap .footer-items .item .text { font-size: 12px; }

.footer .copyright { color: #fff; line-height: 1.3; }

.footer .footer-link-ct { height: 12px; border-bottom: 1px solid #1aa3fc; }

.footer .footer-link-ct .footer-links { display: inline-block; background: #0098fc; }

.footer .footer-link-ct .footer-links a { position: relative; display: inline-block; padding: 0 15px; font-size: 14px; color: #fff; }

.footer .footer-link-ct .footer-links a:before { content: ''; position: absolute; left: 0; top: 6px; width: 0; height: 12px; border-left: 1px solid #4db7fd; }

.footer .footer-link-ct .footer-links a:first-child:before { border-left: 0; }

.footer .footer-link-ct .footer-links a:hover { text-decoration: underline; }

.footer .footer-link-ct .footer-links a.c-yellow { color: #ffff00; }

.footer .footer-imgs { padding-top: 28px; padding-bottom: 24px; border-bottom: 1px solid #1aa3fc; margin-left: -24px; }

.footer .footer-imgs .pn-in > a { margin-left: 24px; }

.footer .footer-other { overflow: hidden; padding: 30px 0 10px 0; width: 1200px; margin: 0 auto; }

.footer .footer-other .pays { float: left; padding-left: 60px; width: 720px; }

.footer .footer-other .browser { float: right; }

.footer .footer-other .pay-links { text-align: left; }

.footer .footer-other .pay-links a { margin-right: 18px; }

.footer .footer-other .footer-other-mod .hd { margin-bottom: 15px; text-align: left; }

.fixed-aside { position: fixed; right: 10px; bottom: 300px; z-index: 999; }
.fixed-aside .btn-service { display: block; margin-bottom: 5px; width: 120px; height: 214px; background: url(../images/index/icon_service.png); }
.fixed-aside .btn-progress { display: block; width: 120px; height: 76px; background: url(../images/index/icon_search.png); }

.page-banner { text-align: center; }

.container { padding-bottom: 23px; }
.container .mod-register-form .hd { text-align: center; }
.container .mod-register-form .hd h1 { margin-bottom: 25px; }
.container .mod-register-form .hd h2 { margin-bottom: 15px; font-size: 20px; }
.container .mod-register-form .bd { padding: 35px 0 0; }
.container .mod-register-form .form { width: 475px; margin: 0 auto; }
.container .mod-register-form .form .control { *zoom: 1; margin-bottom: 25px; }
.container .mod-register-form .form .control:before, .container .mod-register-form .form .control:after { content: " "; display: table; }
.container .mod-register-form .form .control:after { clear: both; }
.container .mod-register-form .form .control label { float: left; width: 100px; line-height: 38px; text-align: right; }
.container .mod-register-form .form .control .btns { margin-left: 100px; }
.container .mod-register-form .form .control .input { width: 375px; margin-left: 100px; height: 38px; border: 1px solid #e5e5e5; background-color: #fff; border-radius: 4px; line-height: 36px; }
.container .mod-register-form .form .control .input input { padding: 0 10px; width: 100%; line-height: 36px; background: transparent; border: 0; }
.container .mod-register-form .form .control .input select { padding: 0 10px; width: 100%; height: 36px; background: transparent; border: 0; }
.container .mod-register-form .form .control .input.validate { overflow: hidden; }
.container .mod-register-form .form .control .input.validate input { float: left; width: 290px; }
.container .mod-register-form .form .control .input.validate .code { float: right; width: 80px; height: 36px; cursor: pointer; }
.container .mod-register-form .form .control.required { position: relative; }
.container .mod-register-form .form .control.required .mark { position: absolute; right: -10px; top: 50%; margin-top: -10px; }
.container .mod-register-form .form .btn-submit { display: inline-block; width: 373px; height: 56px; background: url(../images/index/btn_submit.png) no-repeat; cursor: pointer; }

.modal { display: none; position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0, 0, 0, 0.5); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000,endColorstr=#80000000); zoom: 1; z-index: 99999; }

.mod-modal { margin: 300px auto 0; width: 700px; border-radius: 10px; overflow: hidden; }
.mod-modal .hd { position: relative; text-align: center; height: 106px; border-bottom: 1px solid #cfc19c; background: -webkit-linear-gradient(#ab9147, #856d29); background: linear-gradient(#ab9147, #856d29); }
.mod-modal .hd .logo { padding-top: 15px; }
.mod-modal .hd .close { position: absolute; top: 10px; right: 10px; width: 36px; height: 36px; cursor: pointer; background: url(../images/index/icon_close.png); }
.mod-modal .bd { padding: 15px; background-color: #a88c3d; }

.login-form { width: 487px; margin: 0 auto 0; }
.login-form .control { *zoom: 1; margin-bottom: 10px; }
.login-form .control:before, .login-form .control:after { content: " "; display: table; }
.login-form .control:after { clear: both; }
.login-form .control label { float: left; width: 150px; line-height: 34px; text-align: right; font-size: 16px; color: #fff; }
.login-form .control .btns { margin-left: 150px; }
.login-form .control .btns .btn-search { background: -webkit-linear-gradient(#fff3d0, #ffc12b); background: linear-gradient(#fff3d0, #ffc12b); display: block; height: 50px; width: 337px; line-height: 50px; text-align: center; border-radius: 4px; font-size: 27px; font-weight: bold; color: #000; }
.login-form .control .input { width: 337px; margin-left: 150px; height: 34px; border: 1px solid #dabe70; background-color: #7d641d; border-radius: 4px; line-height: 34px; }
.login-form .control .input input { padding: 0 10px; width: 100%; line-height: 32px; background: transparent; border: 0; color: #fff; }
.login-form .control .input select { padding: 0 10px; width: 100%; height: 32px; background: transparent; border: 0; color: #fff; }
.login-form .control .input select option { background: #1465d5; }
.login-form .control .input ::-webkit-input-placeholder { color: #fff; }
.login-form .control .input ::-moz-placeholder { color: #fff; }
.login-form .control .input :-ms-input-placeholder { color: #fff; }
.login-form .control .input ::placeholder { color: #fff; }
.login-form .control .input ::-webkit-input-placeholder { color: #fff; }
.login-form .control .input ::-moz-placeholder { color: #fff; opacity: 1; }
.login-form .control .input :-moz-placeholder { color: #fff; opacity: 1; }
.login-form .control .input :-ms-input-placeholder { color: #fff; }

.search-table table { width: 100%; text-align: center; font-size: 18px; }
.search-table table th, .search-table table td { padding: 0 15px; height: 40px; border: 1px solid #fff; color: #fff; }
.search-table table th a, .search-table table td a { color: #fff; }
.search-table table th a:hover, .search-table table td a:hover { text-decoration: underline; }

.pagination { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-top: 20px; font-size: 18px; }

.pagination .prev-page, .pagination .next-page { padding: 5px 8px; border: 1px solid #fff; background-color: #a88c3d; color: #fff; text-decoration: none; }

.pagination .prev-page:hover, .pagination .next-page:hover { background-color: #fff; color: #000; }

.pagination .page-numbers { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.pagination .page-num { padding: 5px 10px; border: 1px solid #fff; color: #fff; text-decoration: none; }

.pagination .page-num:hover { background-color: #fff; color: #000; }

.pagination .page-num.active { background-color: #fff; color: white; border-color: #fff; color: #000; }
