/*
* @Author: gz2288
* @Date:   2016-02-25 09:39:59
* @Last Modified by:   gz2288
* @Last Modified time: 2016-10-08 15:36:39
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; }

html { line-height: 1; }

ol, ul { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; }

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }

a img { border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

.u-bg { background-repeat: no-repeat; background-position: center top; }

.u-logo { font-size: 0; line-height: 0; }

html, body { overflow-y: auto; overflow-x: hidden; }

body { font: 12px 'Microsoft YaHei', 'Arial', 'Helvetica', 'sans-serif'; }

a { text-decoration: none; }

.btn { display: inline-block; cursor: pointer; }
.btn-bind, .btn-receive { margin: 0 6px; font-size: 12px; color: #e01919; text-align: center; }
.btn-flop { position: absolute; left: 50%; margin-left: -54px; bottom: 25px; width: 108px; height: 31px; background: url(../images/btn1.png); font-weight: bold; font-size: 16px; color: #340e0e; text-align: center; line-height: 31px; }
.btn-flop:hover { background: url(../images/btn1_on.png); }
.btn-get { display: block; margin: 15px auto 0; width: 106px; height: 30px; background: url(../images/btn2.png); font-weight: bold; font-size: 16px; color: #fff; text-align: center; line-height: 30px; }
.btn-get:hover { background: url(../images/btn2_on.png); }
.btn-enter, .btn-sure { display: block; }
.btn-enter, .btn-sure, .btn-recharge, .btn-collect { margin: 15px auto 0; width: 122px; height: 34px; background: url(../images/btn3.png); font-weight: bold; font-size: 16px; color: #fff; text-align: center; line-height: 34px; }
.btn-enter:hover, .btn-sure:hover, .btn-recharge:hover, .btn-collect:hover { background: url(../images/btn3_on.png); }
.btn-recharge { margin: 15px 15px 0 75px; }
.btn-collect { background: url(../images/btn4.png); }
.btn-collect:hover { background: url(../images/btn4_on.png); }

.g-section { width: 100%; height: 1004px; }
.g-section .g-content { position: relative; margin: 0 auto; width: 1000px; height: 100%; }

.u-logo { display: inline-block; width: 178px; height: 82px; background: url(../images/logo.png); }

.u-links { position: absolute; top: 13px; right: 0; width: 212px; height: 30px; text-align: center; line-height: 30px; color: #d5c7a0; }
.u-links a { padding-left: 6px; padding-right: 6px; font-size: 12px; color: #d5c7a0; text-align: center; vertical-align: top; }
.u-time{display: block;width:700px;font-weight: bold; text-align: center;font-size: 14px;color: #b2771d;}
.g-login { margin-top: 150px; width: 700px; font-size: 12px; color: #5f4834; text-align: center; }
.g-login .u-unlogin__login, .g-login .u-unlogin__register, .g-login .u-logined__exit { margin: 0 6px; color: #e01919; }

.g-rule { margin-top: 50px;*padding-top: 150px;}
.g-rule .u-title, .g-rule .u-txt { display: inline-block; *display: inline; zoom: 1; vertical-align: top; }
.g-rule .u-title { width: 32px; background: url(../images/x6.png) no-repeat center right; }
.g-rule .u-title__txt { display: block; width: 20px; font-weight: bold; font-size: 16px; color: #594d27; text-align: center; line-height: 17px; }
.g-rule .u-txt { margin-left: 2px; font-size: 12px; color: #594d27; text-align: left; line-height: 22px; }
.g-rule .u-txt__stress { color: #e01919; }

.g-card li { display: inline-block; *display: inline; zoom: 1; vertical-align: top; position: relative; margin: 32px 16px 0 0; width: 174px; height: 380px; -moz-perspective: 2000px; -webkit-perspective: 2000px; perspective: 2000px; }
.g-card .m-front, .g-card .m-back { position: absolute; top: 0; left: 0; width: 174px; height: 380px; -moz-transition: -moz-transform 1s ease; -o-transition: -o-transform 1s ease; -webkit-transition: -webkit-transform 1s ease; transition: transform 1s ease; }
.g-card .m-front { -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.g-card .m-front .u-name { position: absolute; top: 20px; left: 50%; margin-left: -66px; display: block; width: 132px; height: 25px; background: url(../images/x5.png) no-repeat center top; font-size: 12px; color: #ffd3c5; text-align: center; line-height: 25px; }
.g-card .m-back { background: url(../images/x7.png) no-repeat left top; -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -webkit-transform: rotateY(180deg); transform: rotateY(180deg); }
.g-card .m-back .u-reward { position: relative; }
.g-card .m-back .u-reward__img, .g-card .m-back .u-reward__name, .g-card .m-back .u-reward__txt { display: block; }
.g-card .m-back .u-reward__name { margin: 0 auto 5px; font-weight: bold; font-size: 20px; color: #fff; text-align: center; text-shadow: 0 0 2px #d2a031; text-shadow: 0 0 2px 2px #d2a031; }
.g-card .m-back .u-reward__txt { font-weight: bold; font-size: 14px; color: #7d5e21; text-align: center; }
.g-card .m-back .u-reward__status { position: absolute; top: -10px; right: 45px; display: block; width: 22px; height: 22px; background-color: #ff0000; border: 2px solid #dab151; border-radius: 50%; font-size: 14px; color: #ffffff; text-align: center; }
.g-card .m-back .u-reward-basis .u-reward__img { margin: 32px auto 12px; }
.g-card .m-back .u-reward-crit .u-reward__img { margin: 35px auto 10px; }
.g-card .on .m-front, .g-card .on .m-back { -moz-transform: translateZ(0); -ms-transform: translateZ(0); -webkit-transform: translateZ(0); transform: translateZ(0); }
.g-card .on .m-front { -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -webkit-transform: rotateY(180deg); transform: rotateY(180deg);display: none\9; }
.g-card .on .m-back { -moz-transform: rotateY(0); -ms-transform: rotateY(0); -webkit-transform: rotateY(0); transform: rotateY(0);}

.g-footer { width: 100%; height: 100px; clear: both; position: relative; background-color: #000; }
.g-footer p { width: 730px; margin: 0 auto; padding: 40px 0 25px 174px; color: #4e4d4d; position: relative; }
.g-footer p .flogo { width: 153px; height: 34px; background: url(http://webpic.my4399.com/logo_web4399_blue.png) no-repeat; _background: url("../images/logo_web4399_blue.png") no-repeat; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://webpic.my4399.com/logo_web4399_blue.png"); padding-right: 10px; padding-bottom: 3px; position: absolute; top: 40px; left: 0px; }
.g-footer a { color: #4e4d4d; }

.m-pop { position: fixed; left: 50%; top: 50%; _position: absolute; z-index: 10; _top: expression(eval((document.compatMode && document.compatMode == "CSS1Compat") ? document.documentElement.scrollTop + documentElement.clientHeight * 0.5 : document.body.scrollTop + document.body.clientHeight * 0.5)); margin-left: -205px; margin-top: -122px; width: 409px; height: 244px; background: url(../images/x8.png) no-repeat center top; }
.m-pop .u-close { position: absolute; top: 16px; right: 18px; width: 25px; height: 25px; cursor: pointer; }
.m-pop .u-title { margin: 50px auto 0; font-weight: bold; font-size: 26px; color: #fff; text-align: center; }
.m-pop .u-title1, .m-pop .u-title2 { margin: 45px auto 0; font-weight: bold; font-size: 22px; color: #7d5e21; text-align: center; }
.m-pop .u-title2 { margin-top: 36px; }
.m-pop .u-txt { margin: 25px auto; font-weight: bold; font-size: 18px; color: #7d5e21; text-align: center; }
.m-pop .u-sel { margin: 20px auto; text-align: center; }
.m-pop .u-sel__txt { font-size: 12px; color: #7d5e21; text-align: center; }
.m-pop .u-sel__sel { width: 138px; height: 22px; background-color: #7f6637; border-color: #7f6637; color: #edd89b; }
.m-pop .u-tip { font-size: 12px; color: #cf3535; text-align: center; }

.m-pop7 { margin-top: -172px; height: 344px; background: url(../images/x9.png) no-repeat center top; }
.m-pop7 .u-record { margin: 20px auto 0; width: 355px; background: url(../images/x9.jpg) no-repeat center top; }
.m-pop7 .u-record th, .m-pop7 .u-record td { width: 50%; }
.m-pop7 .u-record th { height: 30px; font-weight: bold; font-size: 14px; color: #edd89b; text-align: center; line-height: 30px; }
.m-pop7 .u-record td { height: 28px; font-size: 12px; color: #7d5e21; text-align: center; line-height: 28px; }

.m-layer { width: 100%; height: 1104px; background: #000; opacity: 0.7; filter: alpha(opacity=70); position: absolute; top: 0; left: 0; z-index: 9; }

.g-bg { width: 100%; position: absolute; top: 0; left: 0; z-index: -1; }

.u-bg { display: block; min-width: 1000px; height: 110px; }

.u-bg1 { background-image: url(../images/bg1.jpg); }

.u-bg2 { background-image: url(../images/bg2.jpg); }

.u-bg3 { background-image: url(../images/bg3.jpg); }

.u-bg4 { background-image: url(../images/bg4.jpg); }

.u-bg5 { background-image: url(../images/bg5.jpg); }

.u-bg6 { background-image: url(../images/bg6.jpg); }

.u-bg7 { background-image: url(../images/bg7.jpg); }

.u-bg8 { background-image: url(../images/bg8.jpg); }

.u-bg9 { background-image: url(../images/bg9.jpg); }

.u-bg10 { background-image: url(../images/bg10.jpg); }

.hide {visibility: hidden;}

/*# sourceMappingURL=theme.css.map */