@charset "utf-8";
/*reset.css*/
html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; font: 12px/1.5 Arial, Helvetica, sans-self, "Microsoft YaHei"; } body { margin: 0;color: #333333; background-color: white; height: 100%; overflow-x: hidden; -webkit-overflow-scrolling: touch; } article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } svg:not(:root) { overflow: hidden; } a { background: transparent; text-decoration: none; -webkit-tap-highlight-color: transparent; color: #8c8c8c; } a:active { outline: 0; } a:active { color: #006699; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } mark { background: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; vertical-align: top; } hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } pre { overflow: auto; white-space: pre; white-space: pre-wrap; word-wrap: break-word; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { 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: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } textarea { overflow: auto; resize: vertical; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } html, button, input, select, textarea { font-family: Arial, Helvetica, sans-self, "Microsoft YaHei"; } h1, h2, h3, h4, h5, h6, p, figure, form, blockquote { margin: 0; } ul, ol, li, dl, dd { margin: 0; padding: 0; } ul, ol { list-style: none outside none; } h1, h2, h3 { line-height: 2; font-weight: normal; } h1 { font-size: 1.8rem; } h2 { font-size: 1.6rem; } h3 { font-size: 1.4rem; } input::-moz-placeholder, textarea::-moz-placeholder { color: #cccccc; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #cccccc; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #cccccc; } * { -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .fix {zoom:1;} .fix:after,.fix:before{display:block;content:"clear";height:0;clear:both;overflow:hidden;visibility:hidden;} .none { display: none;} .hidden { width: 0px; height: 0px; overflow: hidden;} .tc { text-align: center;}
/*reset.css*/

.flex {
	display: -webkit-box; /* old Safari, iOS, Android browser, older WebKit browsers. */
	display: -moz-box; /* old Firefox (buggy) */
	display: -ms-flexbox; /* IE 10 */
	display: -webkit-flex; /* new Chrome 21+ */
	display: flex; /* new Opera 12.1, Firefox 22+ */
}
.flex-list {
	 -webkit-box-flex: 1; 
	-moz-box-flex: 1;
	-ms-flex: 1;
	-webkit-flex: 1;
	flex: 1; 
  display: inline-block\9;
}
.flex-v {
	-webkit-box-direction: normal;
	-webkit-box-orient: vertical;
	-moz-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column;
}
.flex-x-between {
	-webkit-box-pack: justify;
	-moz-justify-content: space-between;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
@font-face {
  font-family: 'icomoon';
  src:  url('./images/icomoon.eot?h5gamev5');
  src:  url('./images/icomoon.eot?h5gamev5#iefix') format('embedded-opentype'),
    url('./images/icomoon.ttf?h5gamev5') format('truetype'),
    url('./images/icomoon.woff?h5gamev5') format('woff'),
    url('./images/icomoon.svg?h5gamev5#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  display:inline-block;
  vertical-align: top;
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-qqqb:before {content: "\e900";}
.icon-hi:before {content: "\e901";}
.icon-wechat:before {content: "\e902";}
.icon-arrl:before {content: "\e903";}
.icon-nosel:before {content: "\e904";}
.icon-arrr:before {content: "\e905";}
.icon-close:before {content: "\e906";}
.icon-sel:before {content: "\e907";}
.icon-qs:before {content: "\e908";}
.icon-idc:before {content: "\e909";}
.icon-name:before {content: "\e90a";}
.icon-clear:before {content: "\e90b";}
.icon-kf:before {content: "\e90c";}
.icon-like:before {content: "\e90d";}
.icon-lock:before {content: "\e90e";}
.icon-mobile:before {content: "\e90f";}
.icon-payali:before {content: "\e910";}
.icon-paywx:before {content: "\e911";}
.icon-phone:before {content: "\e912";}
.icon-qqs:before {content: "\e913";}
.icon-select:before {content: "\e914";}
.icon-user:before {content: "\e915";}
.icon-wb:before {content: "\e916";}
.icon-wbs:before {content: "\e917";}
.icon-wx:before {content: "\e918";}
.icon-fav:before {content: "\e919";}
.icon-game:before {content: "\e91a";}
.icon-gift:before {content: "\e91b";}
.icon-moments:before {content: "\e91c";}
.icon-new:before {content: "\e91d";}
.icon-qq:before {content: "\e91e";}
.icon-qqzone:before {content: "\e91f";}
.icon-search:before {content: "\e920";}
.icon-sms:before {content: "\e921";}


.mga { margin: auto; }
.ml10 { margin-left: 10px; }
.mr10 { margin-right: 10px; }
.mg10 { margin: 10px; }
.mx10 { margin: 0 10px; }
.my10 { margin: 10px 0; }
.fz14 { font-size: 14px; }
.tar { text-align: right; }
.tal { text-align: left; }
img { max-width: 100%; }
.tl { text-align: left; }
.tr { text-align: right; }
.fl { float: left; }
.fr { float: right; }
.col-blue { color: #03b4f5!important; }
.col-red { color: #e0405a!important; }
.focus-bar { width: 100%; height: 26px; line-height: 26px; color: #0c0c0c; font-size: 14px; padding: 0 10px; border-top: 1px solid #cecece; border-bottom: 1px solid #cecece; background: #f2f2f2;}
/*tag标签*/
[class^="tags-"] { border-radius: 2px; font-size: 10px; margin: auto 0; padding: 0 2px; white-space: nowrap; position: relative; top: -1px;}
.tags-ylw { color: #ffc000; border: 1px solid #ffc000; }
.tags-grn { color: #278f27; border: 1px solid #278f27; }
.tags-blu { color: #03a3ff; border: 1px solid #03a3ff; }
/*全局按钮*/
.btn { padding: 3px 10px; border: 1px solid #dbdbdb; border-radius: 3px; color: #0a0a0a; text-align: center; margin: auto 0; background: #f2f2f2; }
.btn-submit, .btn-switch { display: block; text-align: center; padding: 14px 0; font-size: 16px; border-radius: 5px; color: #fff; margin: 10px auto; background: #f64956; }
.btn-submit:hover { color: #fff; background: #f6587b; }
.btn-switch { background: #03b4f5; }
.btn-switch:hover { color: #fff; background: #53c1f8; }

.w-button { display:inline-block; vertical-align: top; font-size: 14px; border-radius: 3px; color: #fff; padding: 4px 8px; background: #ffb637; border: 0 none;}
.w-button-disabled { background: #aaa; }
/*百分条*/
.percent { display: block; width: 100%; height: 8px; border-radius: 4px; overflow:hidden; border: 1px solid #d8d8d8; margin: 5px 0; background: #f2f2f2; }
.percent em { display: block; width: 50%; height: 100%; background: #f64956; transition: width .3s ease; }
/*弹窗*/
.mask{position:fixed;z-index:9999;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,.4);font-size:14px;}
.dialog-box {position:fixed;z-index:10000;background:#fff;width:80%;overflow: hidden;text-align:center;max-width:300px;top:50%;left:50%;-o-border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-ms-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
.dialog-box .title{padding:20px 0 14px 0;color:#333;font-size:16px;}
.dialog-box .info{padding:0 20px;color:#888;}
.dialog-box .info span{color:#00A3FF;font-weight:bold;}
.dialog-box .opt{margin-top:20px;border-top:1px solid #d5d5d5;}
.dialog-box .opt a{color:#00A3FF;text-decoration:none;padding:10px 0;}
.dialog-box .opt a:last-child{border-left:1px solid #d5d5d5;}
.dialog-close { position:absolute; top: 10px; right: 10px; font-size: 18px; color: #cdcdcd; z-index: 3;}
/*弹窗外层，备用*/
.dialog-box-wp {position:fixed;z-index:10000;width:80%;overflow: hidden;max-width:300px;top:50%;left:50%;-ms-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
.dialog-box-wp .dialog-box {position:static;z-index:1;width: 100%;-ms-transform:none;-moz-transform:none;-o-transform:none;-webkit-transform:none;transform:none;}
.dialog-box-wp .dialog-message { width: 100%; padding: 10px; color: #fff; font-size: 12px; margin-top: 2px; background: #03b4f5;-o-border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}

/*tab*/
.tab { width: 100%; border: 1px solid #e36a73; margin: 10px 0; border-radius: 5px; }
.tab li { height: 30px; line-height: 30px; font-size: 14px; color: #f64956; text-align: center; }
.tab .active { color: #fff; background: #f64956; }

.wrapper { max-width: 750px; margin: 0 auto 48px; overflow:hidden;}
header { width: 100%; height: 50px; background: #fff; position:relative; z-index: 2}
header .avatar { display: inline-block; width: 50px; height: 50px; border: 2px solid #fff; box-shadow: 0 1px 5px rgba(0,0,0,.3); border-radius: 50%; margin: 10px 0 0 20px; overflow:hidden; }

/*header .avatar img { width: 100%; max-width: 100%; }*/
header .nick-name { line-height: 30px; margin: 10px 0 0 10px; font-size: 16px;}
header .search { padding: 10px 10px 0;}
header .search form { position:relative; }
header .search input[type=text]{ width: 100%; height: 30px; line-height: 30px; padding: 0 10px; border-radius: 15px; font-size: 14px; outline: 0 none; border: 1px solid #cecece; background: #f2f2f2; }
header .search .s-submit, header .search .btn-s-submit { width: 30px; height: 30px; line-height: 30px; text-align: center; font-size: 18px; color: #838383; position:absolute; top: 0px; right: 5px; }
header .search .btn-s-submit { width: 80px; color: #fff; border-radius: 15px; margin-left: 10px; font-size: 14px; position: static; background: #f64956;}
header .btn-s-submit i { margin-top: 7px; }
header .btn-focus { width: 40px; height: 26px; line-height: 26px; text-align: center; margin: 12px 8px 0 0; color: #fff; border-radius: 5px; border: 1px solid #df3844; background: #f64956;}
/*幻灯*/
.slidebox { height: 170px; overflow:hidden; position:relative;}
.slidebox img { width: 100%; }
.slidebox .hd { width: 100%; height: 4px; position:absolute; bottom: -10px; text-align: center; transition: bottom .2s ease .6s;}
.slidebox .hd li { display:inline-block; vertical-align: top; width: 30px; height: 4px; margin: 0 5px; line-height: 10; overflow:hidden; border-radius: 2px; background: rgba(255,255,255,.5); }
.slidebox .hd .on { background: rgba(255,255,255,1);}
.slidebox .bd { overflow:hidden;}

.wrap { margin: 0 10px; }

.played { overflow: hidden;}
.played .played-tit { height: 28px; line-height: 28px; font-size: 14px; }
.played .played-lists { height: 118px; overflow-x: auto; margin-bottom: -10px;}
.played .played-list { height: 98px; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; text-align: center; overflow-y: hidden;}
.played .played-list ul { width: 200%; height: 88px; padding-bottom: 10px; margin-top: 10px;}
.played .played-list li { width: 80px; height: 88px;}
.played .played-list a { display: block; width: 80px; color: #1f1f1f; margin-right: 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.played .played-list img { display: block; width: 50px; height: 50px; margin: 0 auto 10px;}

.nav { border-bottom: 1px solid #e5e5e5;}
.nav li { font-size: 14px; text-align: center; }
.nav li a { display: block; color: #444; padding: 10px 0; border-bottom: 2px solid #fff;}
.nav .active a { border-bottom-color: #ea413c; color: #ea413c; margin: 1px 0 -1px 0; padding: 9px 0 11px 0;}
.dot { width: 6px; height: 6px; border-radius: 50%; background: red; position: absolute; }
/*热门游戏模块*/
.hot-list {}
.hot-list ul { color: #979797; overflow:hidden;}
.hot-list ul li { width: 50%; margin: 10px 0 5px 0; float: left;}
.hot-list ul li:nth-child(odd) { padding-right: 5%; }
.hot-list ul li:nth-child(even) { padding-left: 5%; }
.hot-list ul img { width: 100%; border-radius: 15px;}
.hot-list ul .name { font-size: 14px; color: #3c3c3c; margin: 8px 0;}
.hot-list ul .btn { border-color: #019af2; color: #fff; background: #03a3ff;}
/*新游推荐模块*/
.game-list {}
.game-list ul {}
.game-list ul li { padding: 10px 0; color: #979797; border-bottom: 1px solid #cecece;}
.game-list ul img { width: 50px; height: 50px; border-radius: 5px; margin: auto 10px auto 0; }
.game-list ul strong { font-size: 14px; color: #000; }
.game-list ul .server { color: #03a3ff; font-size: 14px; }
.game-list ul .time { color: #0a0a0a; font-size: 14px; margin: auto 0;}
/*公告模块*/
.news-list {}
.news-list ul {}
.news-list ul li { padding: 10px 0;border-bottom: 1px solid #cecece; }
.news-list ul a { margin: 0 10px; font-size: 14px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

/*底部菜单*/
.menu { width: 100%; height: 50px; border-top: 1px solid #cecece; background: #fff; position: fixed; bottom: 0px; z-index: 9; display: none;}
.menu li { text-align: center; color: #8c8c8c;}
.menu li i { display: block; height: 20px; margin: 6px auto 0; font-size: 20px;}
.menu li span { text-align: center; }
.menu .active a { color: #f64956;}
/*底部企业信息*/
footer { width: 100%; line-height: 20px; text-align: center; padding: 10px 0; position: fixed; bottom: 0; background: #fff;}

/*游戏信息页面*/
.normal-title { width: 100%; height: 26px; line-height: 26px; color: #979797; font-size: 14px; padding: 0 10px; background: #f2f2f2;}
.mod-gameinfo {}
.mod-gameinfo .info-box .btn { padding: 6px 14px; color: #fff; border-color: #db3541; background: #f64956;}
.mod-gameinfo .info-box { margin: 10px 0; }
.mod-gameinfo .info-box .info  { margin: 0 10px;}
.mod-gameinfo .gameintro { margin: 10px 0; color: #0c0c0c; line-height: 22px; }
.mod-gameinfo .hd-img img { max-width: 100%; height: auto!important; }
.gift-list {}
.gift-list li { padding: 10px 0; color: #979797; font-size: 13px; border-bottom: 1px solid #d1d1d1; }
.gift-list .name { color: #0c0c0c; font-size: 14px; }
.gift-list .btn { margin-left: 10px; }
/*文章内容页面*/
.mod-article {}
.mod-article .title { font-size: 18px; color: #0c0c0c; text-align: center;}
.mod-article .desc { font-size: 16px; color: #979797; text-align: center;}
.mod-article .desc .author { color: #03a3ff;}
.mod-article .content { color: #0c0c0c; font-size: 14px; line-height: 28px; }
/*登录模块*/
.login-bg img { width: 100%!important; height: auto!important; }
.mod-login { text-align: left; padding: 0 10px;}
.login-hd { padding: 10px 0 0 0; color: #343434; font-size: 20px; position:relative;}
.login-hd img { width: 80px;}
.login-hd .btn-loginmod { color: #9d9d9d; font-size: 14px; line-height: 14px; position:absolute; top: 34px; right: 0px;}
.mod-login .w-item { height: 42px; padding: 10px; border: 1px solid #d5d5d5; border-radius: 5px; margin: 15px 0; position:relative;}
.mod-login .w-item input, .w-item .place { height: 22px; line-height: 22px; border: 0 none; outline: 0 none; width: 100%; position: absolute; left: 0; padding: 0 0 0 32px;}
.mod-login .w-item i { width: 20px; line-height: 22px; font-size: 16px; color: #f64956; text-align: center; position: absolute; z-index: 3; left: 10px; top: 9px;}
.mod-login .w-item .more { width: 40px; height: 40px; position:absolute; top: 0px; right: 0px; }
.mod-login .w-item .more:before { position:absolute; content: ''; width: 0; height: 0px; border-width: 10px 8px; border-style: solid; border-color: #bababa transparent transparent; overflow: hidden; position: absolute; top: 15px; left: 13px;}
.mod-login .w-button { position:absolute; top: 6px; right: 10px; }
.login-fun { overflow:hidden; margin: 15px 0; line-height: 14px; }
.login-fun a { color: #343434; }
.mod-login .tips { font-size: 12px; text-align: center; margin: 10px 0;}
.mod-login .dialog-back { color: #fff; position:absolute; top: 12px; left: 10px; font-size: 16px; }
.w-item .btn-clear { font-size: 12px; color: #d6d6d6; position:absolute; top: 14px; right: 10px; z-index: 3;}
.w-item .place { background: #fff; z-index: 2; }
/*登录历史帐号*/
.userlogin-list { position: absolute; border: 1px solid #ccc; width: 100%; border-radius: 5px; left: -1px; top: 40px; background: #fff; z-index: 4; display: none;}
.userlogin-list li { cursor: pointer; height: 32px; line-height: 32px; position:relative;}
.userlogin-list li:hover { color: #fff; background: #1e91ff; }
.userlogin-list li:hover .del { color: #fff; }
.userlogin-list .del { position:absolute; top: 10px; right: 13px; color: #bababa; font-size: 12px; z-index: 2;}
.userlogin-list span { display: block; padding-left: 32px; }
.userlogin-list i { top: 5px!important; }

.third-login-mod {}
.third-login-mod .none { display: none!important;}
.mod-login-module .third-login-mod .hd { margin: 10px 0 30px 0; border-bottom: 1px solid #cecece; }
.third-login-mod .hd { margin: 15px 0; text-align: center; font-size: 16px; color: #343434; }
.mod-login-module .third-login-mod span { display:inline-block; background: #fff; position:relative; top: 12px; padding: 0 5px;}
.third-login-list { margin: 15px 0; }
.third-login-list li { display:inline-block; width: 36px; height: 36px; margin: 0 5px;}
.third-login-list li i { width: 36px; height: 36px; font-size: 36px;}
.third-login-list .phone { color: #32dab9; }
.third-login-list .qq { color: #03b4f5; }
.third-login-list .wb { color: #fc5459; }
.third-login-list .wx { color: #38cd58; }
.login-btn-grunp { padding: 15px 0; border-top: 1px solid #cbcbcb; text-align: center;}
.login-btn-grunp .btn-9377login, .login-btn-grunp .btn-toreg, .login-btn-grunp .btn-submit { display:inline-block; width: 40%; padding: 6px 0; color: #fff; border-radius: 3px; text-align: center;   margin: 0 10px;}
.login-btn-grunp .btn-9377login { background: #ffb637; }
.login-btn-grunp .btn-toreg { background: #76d252; }
.login-btn-grunp .btn-submit { width: 50%; background: #f64956; }
/*修改密码*/
.dialog-modifypass {}
.dialog-modifypass .dialog-close {display: block;}
.dialog-modifypass .myacc { margin: 10px 0; text-align: center; }
.dialog-modifypass .w-item { margin: 5px 0; }

.dialog-tip { padding: 0 10px;}
.dialog-tip h3 { margin: 10px 0;}
.dialog-tip .tips { margin: 0 10px 20px; }

.dialog-pay { color: #343434; padding: 10px; position:relative; }
.dialog-pay .pay-hd { padding: 5px 0; }
.dialog-pay .pay-info { border-radius: 3px; padding: 10px 0; background: #e7e7e7;}
.dialog-pay .pay-info p:last-child { font-size: 26px; line-height: 30px;}
.dialog-pay .pay-mode { margin: 10px 0; text-align: left; }
.dialog-pay .pay-mode li { line-height: 24px; padding: 10px 0; border-bottom: 1px solid #e8e8e8; }
.dialog-pay .pay-mode em { width: 20px; height: 20px; border-radius: 50%; border: 1px solid #cecece; margin-top: 2px; color: #f64956; position: relative; font-size: 20px; }
.dialog-pay .pay-mode em:before { position:absolute; top: -2px; left: -1px; }
.dialog-pay .pay-tip { border: 1px solid #cdcdcd; border-radius: 5px; line-height: 28px; padding: 10px; margin: 10px 0; text-align: left;  text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.dialog-pay .pay-tip p { overflow:hidden; }
.dialog-pay .pay-tip span { float: left;}
.dialog-pay .pay-tip span:first-child { margin-right: 6px; }
/*红色头部弹窗*/
.mod-login-red { padding: 0; }
.mod-login-red .login-hd { height: 42px; line-height: 42px; text-align: center; color: #fff; font-size: 18px; padding: 0; background: #f64956; }
.mod-login-red .login-bd, .mod-login-red .login-form { padding: 0 10px; }
.mod-login-red .dialog-close { display: block; color: #fff; z-index: 2; top: 12px; font-size: 16px; }
/*支付模块*/
.mod-pay { font-size: 14px; background: #eceaea;}
.mod-pay .pay-hd { width: 100%; height: 60px; padding: 10px 0; text-align: center; position:relative; background: #f74855; }
.mod-pay .pay-hd img { height: 100%!important; }
.mod-pay .pay-hd .pay-close { width: 26px; height: 26px; line-height: 26px; text-align: center; font-size: 18px; color: #fff; background: rgba(0,0,0,.5); border-radius: 3px; position:absolute; top: 17px; right: 10px; z-index: 9;}
.mod-pay .pay-info { padding: 18px 10px; line-height: 32px; font-size: 16px; background: #fff;}
.mod-pay .pay-info span { color: #03a3ff;}
.mod-pay .pay-mod { background: #fff; }
.mod-pay .pay-mod-tit { height: 40px; line-height: 40px; padding: 0 10px; background: #eceaea;}
.mod-pay .pay-mod ul { padding: 0 10px; font-size: 16px;}
.mod-pay .pay-mod li { line-height: 26px; padding: 10px 0; border-bottom: 1px solid #e8e8e8;}
.mod-pay .pay-mod li:last-child { border-bottom: 0 none; }
.mod-pay .pay-tip { margin-top: 40px; line-height: 30px; padding: 10px; background: #fff; }
.mod-pay .pay-mod li i { font-size: 26px; margin-right: 5px;}
.mod-pay .pay-mod .icon-payali { color: #019fe8; }
.mod-pay .pay-mod .icon-paywx { color: #00b700; }
.mod-pay .pay-mod .icon-qqqb { color: #12b8f6; }
.mod-pay .pay-mod .icon-arrr { display:inline-block; font-size: 20px; width: 26px; height: 26px; color: #c4c4c4; padding-top: 3px;}
.mod-pay .pay-mask { width: 100%; height: 100%; position:absolute; top: 0px; left: 0px; z-index: 3; background: rgba(0,0,0,.5) url(./images/loading.gif) center center no-repeat; background-size: 80px; display: none;}
/*礼包模块*/
.mod-gift { background: #eceaea; }
.mod-gift .gift-box { margin-bottom: 20px; padding: 0 10px; background: #fff;}
.mod-gift .game-info { padding: 10px 0; color: #979797; border-bottom: 1px solid #d5d5d5;}
.mod-gift .game-info img { width: 50px; height: 50px; margin: auto 10px auto 0; }
.mod-gift .game-info .name { font-size: 16px; color: #0c0c0c;}
.mod-gift .btn-more { display: block; text-align: center; font-size: 14px; color: #0c0c0c; padding: 10px 0; }
/*用户中心*/
.row { margin: 10px 0 20px 0; background: #fff; }
.mod-user { background: #eceaea; }
.mod-user .user-info { padding: 10px; color: #0c0c0c; background: #fff;}
.mod-user .user-info img { width: 50px; height: 50px; margin: auto 10px auto 0; }
.mod-user .user-info .nick-name { font-size: 16px;}
.mod-user .user-info .uid { font-size: 14px;}
.mod-user .btn-bindphone, .mod-user .btn-bindidc { font-size: 14px; line-height: 15px; margin: auto 0; color: #0c0c0c; padding: 3px 0;}
.mod-user .btn-bindphone i { margin-left: -3px; }
.mod-user .user-menu {  }
.mod-user .user-menu li { padding: 15px 0; text-align: center; font-size: 14px; }
.mod-user .user-menu i { display: block; height: 50px; margin: 0 auto 10px; font-size: 50px; border-radius: 50%;}
.mod-user .um-kf i { color: #20d59b; }
.mod-user .um-clear i { color: #0fdbcf; }
.btn-logout { display: block; padding: 15px 0; text-align: center; font-size: 14px; color: #0c0c0c;}

/*屏幕适配*/
@media only screen and (max-width: 375px){ /*iphone6*/
	
}
@media only screen and (max-width: 320px){ /*iphone5*/
	
}
@media only screen and (min-width: 415px){ /*大于6P的尺寸（ipad，pc）*/
	
	
}