xuguohong

update sdk

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, user-scalable=no" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<meta name="format-detection" content="telephone=no">
<meta name="screen-orientation" content="portrait">
<meta name="full-screen" content="yes">
<meta http-equiv="x-ua-compatible" content="IE=edge" />
<link href="skin/login.css?v=2016" type="text/css" rel="stylesheet" />
<link id="skin" data-v="20150923001" type="text/css" rel="stylesheet" />
<title>
平台登录
</title>
</head>
<body>
<input type="hidden" name="loginUserName" value="">
<input type="hidden" name="loginPassword" value="">
<div class="mask">
<div class="container_load" id="loading">
<div class="content">
<div class="circle"></div>
<div class="circle1"></div>
</div>
</div>
<div class="alert alert-success hide" id="alert">
<!--<button type="button" class="close" data-dismiss="alert">&times;</button>-->
<span></span>
</div>
<!-- 登录模块 -->
<section id="login" class="hide" data-replace="1">
<div class="new-sdk-container">
<div class="new-container-box">
<div class="SDK-titlebox"></div>
<form action="/sdk/login" method="post" class="ajax align-left clearfix">
<div class="new-sdk-logo"><a href="#"><img src="images/new-sdk-logo.png"></a></div>
<div class="new-sdk-main">
<div class="inputbox clearfix" style="position: relative;">
<div class="ileft">账号:</div>
<div class="iright">
<input type="text" name="username" placeholder="请输入账号" id="js_login_username">
<div class="bottom-icon drop-down">
<i class="iconfont icon-xiangxia"></i>
</div>
</div>
<div class="pull-box">
<ul class="drop-ul">
</ul>
</div>
</div>
<div class="inputbox clearfix">
<div class="ileft">密码:</div>
<div class="iright"><input type="password" name="password" placeholder="请输入密码" id="js_login_password"></div>
</div>
<div class="other-login clearfix">
<!--<p>第三方登录
<a title="新浪微博帐号登录" data-replace="href" href="/user/auth2/sina/login/?next=/static/sdk_3/login.html&app_id={app_id}" class="sina hide">
<i class=" iconfont icon-unie61d"></i>
</a>
<a title="QQ号码登录" data-replace="href" href="/user/auth2/qq/login/?next=/static/sdk_3/login.html&app_id={app_id}" class="qq iframe hide">
</a>
<a title="微信登录" data-replace="href" href="sdk://weixinlogin?app_id={app_id}&next=/static/sdk_3/login.html" class="weixin hide">
</a>
</p>-->
<label><a href="#find_pwd" class="forgetpsw">找回密码</a></label>
<div class="clear"></div>
<label onclick="" class="input-control pull-left hide" >
<input type="checkbox" checked="checked" class="eg" ></input>
进入帐号管理界面
</label>
</div>
</div>
<ul class="inline-btn login-inline-btn">
<li>
<a method="post" class="btn btn_pri_block" href="#register">一键注册</a>
</li>
<li>
<!-- <a class="op-guest" data-replace="href" method="post" href="/sdk/register?type=-1&app_id={app_id}">一键注册</a> -->
<a class="btn larg btn-orange submit" utocomplete="off" >登录</a>
</li>
</ul>
</form>
</div>
</div>
</section>
<!-- end -->
<!-- 登录前模块 -->
<section id="login_before" class="hide" data-replace="1">
<div class="new-sdk-container">
<div class="new-container-box">
<div class="SDK-titlebox"></div>
<div class="new-sdk-logo"><a href="#"><img src="images/new-sdk-logo.png"></a></div>
<div class="login-third-list">
<div class="title">请选择快速登录</div>
<div class="third-list">
<ul>
<li class="login_case_qq"><a title="QQ帐号登录" class="qq qq iframe" data-replace="href" href="/user/auth2/qq/login/?next=/sdk/login?app_id={app_id}"><div class="third-icon third-qq"></div><p>QQ登陆</p></a></li>
<li><a href="#register"><div class="third-icon third-guest"></div><p>游客登录</p></a></li>
<div class="clear"></div>
</ul>
</div>
<div class="only-btn"><a href="#login">返回</a></div>
</div>
</div>
</div>
</section>
<!-- end-->
<!-- 注册模块 -->
<section id="register" class="hide">
<div class="new-sdk-container">
<div class="SDK-titlebox"></div>
<div class="new-sdk-logo"><a href="#"><img src="images/new-sdk-logo.png"></a></div>
<form action="/sdk/register" class="ajax clearfix">
<div class="new-sdk-main">
<div class="inputbox clearfix">
<div class="ileft">账号:</div>
<div class="iright">
<input type="text" name="username" placeholder="帐号由3-18个英文、数字、点、减号、下划线组成" required>
<div class="bottom-icon drop-down">
<i class="iconfont icon-xiangxia"></i>
</div>
</div>
</div>
<div class="inputbox clearfix">
<div class="ileft">密码:</div>
<div class="iright"><input name="password" placeholder="密码长度为6-16个字符,不能包含空格" required></div>
</div>
<div class="ag-tx clearfix">
<span data-action="agreement" >
<div class="checkbox checkbox-2 l" >
<i class="iconfont icon-xuanzhong"></i>
</div>
<p class="l">接受<a href="agreement.html">网络服务协议</a></p>
</span>
</div>
</div>
<input type="hidden" name="old_usernmae" value="-1">
<input type="hidden" name="type" value="-1">
<ul class="inline-btn">
<li><a class="btn btn_pri_block btn-orange" href="#home">返回</a></li>
<li><a class="submit btn larg " >确定注册</a></li>
</ul>
</form>
</div>
</section>
<!-- end -->
<!-- 协议模块 -->
<section id="agreement" class="hide">
<div class="new-sdk-container">
<div class="SDK-titlebox"></div>
<div class="new-sdk-logo"><a href="#"><img src="images/new-sdk-logo.png"></a></div>
<div class="new-sdk-content">
<h3>网络服务协议</h3>
<div class="content-main">
<p>欢迎申请手游平台(下列简称为”本平台“)提供的服务。请仔细阅读以下全部内容。如用户不同意本服务条款任意内容,请不要注册或使用本平台服务。一旦注册成功,即表示用户与平台已达成协议,自愿接受本服务条款的所有内容。此后,用户不得以阅读本服务条款内容作任何形式的抗辩。</p>
<h4>一、账号注册</h4>
<p>欢迎申请手游平台(下列简称为”本平台“)提供的服务。请仔细阅读以下全部内容。如用户不同意本服务条款任意内容,请不要注册或使用本平台服务。一旦注册成功,即表示用户与平台已达成协议,自愿接受本服务条款的所有内容。此后,用户不得以阅读本服务条款内容作任何形式的抗辩。</p>
<h4>二、账号注册</h4>
<p>欢迎申请手游平台(下列简称为”本平台“)提供的服务。请仔细阅读以下全部内容。如用户不同意本服务条款任意内容,请不要注册或使用本平台服务。一旦注册成功,即表示用户与平台已达成协议,自愿接受本服务条款的所有内容。此后,用户不得以阅读本服务条款内容作任何形式的抗辩。</p>
</div>
</div>
<div class="only-btn inline-btn">
<a href="#register" class="submit btn-orange">确定</a>
<div class="agreement l" style="margin-right: 0;">
<div class="checkbox checkbox-2 l" >
<i class="iconfont icon-xuanzhong"></i>
</div>
<p class="l">已阅读</p>
</div>
</div>
</div>
</section>
<!-- end -->
<!-- 活动公告模块 -->
<section id="activity" class="hide" data-auth="1">
<div class="new-sdk-container">
<div class="SDK-titlebox"></div>
<div class="user-center">
<a href="#home" class="lefticon">
<i class="iconfont icon-fanhui"></i>
</a>
活动公告
<!--<a href="#message" class="btn-link posrgt">
个人消息
</a>-->
</div>
<div class="container activity">
<div class="box_info_center" style="height: 100%;">
<div id="activity_wrapper" style="position: relative" class="scroll">
<ol class="activity-list list" data-role="ajax-html"
data-params-url="/sdk/notice/list?page_size=10"
data-params-template="tpl_activity">
</ol>
</div>
</div>
</div>
</div>
</section>
<!-- end -->
<!-- 活动公告详细页面模块 -->
<section id="activity_detail" class="hide" data-auth="1" data-attr="dot">
</section>
<!-- end -->
<!-- 消息列表模块 -->
<section id="message" class="hide" data-auth="1">
<div class="new-sdk-container">
<div class="SDK-titlebox"></div>
<div class="user-center">
<a href="#activity" class="lefticon op-back">
<i class="iconfont icon-fanhui"></i>
</a>
个人消息
</div>
<div class="container activity">
<div class="box_info_center">
<div id="message_wrapper" style="position: relative" class="scroll">
<ol class="message-list list" data-role="ajax-html"
data-params-url="/message/list?page_size=10"
data-params-template="tpl_message_list">
</ol>
</div>
</div>
</div>
</div>
</section>
<!-- end -->
<section id="message_detail" class="hide" data-attr="dot">
</section>
<!-- 找回密码模块 -->
<section id="find_pwd" class="hide" data-replace="1">
<input type="hidden" name="pwd_code" value="">
<div class="new-sdk-container">
<div class="SDK-titlebox"></div>
<div class="user-center" style="border-bottom: none;">
<a href="#login" class="lefticon">
<i class="iconfont icon-fanhui"></i>
</a>
<span>找回密码</span>
</div>
<div class="pwd_box">
<ul class="step-tab">
<li><a href="javascript:;">通过手机找回</a></li>
<li><a href="javascript:;">通过密保找回</a></li>
<!--<li><a href="javascript:;">通过邮箱找回</a></li>-->
<li><a href="javascript:;">联系客服</a></li>
</ul>
<div class="step-box">
<div id="mobile_get_pwd_form" class="hide" style="border-top: 1px solid #fff;">
<div class="new-sdk-box">
<div class="input" style="padding: 15px 0;">
<input id="js_findPSW_accout" type="text" required name="accout" placeholder="请输入您的账号" style="margin: 0;">
</div>
<div class="input" style="padding: 15px 0;">
<input id="js_findPSW_mobile" type="text" required name="mobile" placeholder="请输入您绑定的手机号码" style="margin: 0;">
</div>
<div class="inputCode clearfix">
<div class="input fl" style="padding: 15px 0;">
<input id="js_findPSW_ranks" type="text" required name="mobilecode" placeholder="请输入短信验证码" style="margin: 0;">
</div>
<a href="javascript:;" class="getCode" id="js_findPSW_getcode" style="padding:15px 0;">获取验证码</a>
</div>
<ul class="inline-btn" style="margin-top: 15px;">
<li style="background: none;"><a class="larg btn btn-orange" value="" id="js_findPSW_confirm">确定</a></li>
<li style="background: none; border-radius: 20px;"><a class="btn" href="#home">返回</a></li>
</ul>
</div>
</div>
<div id="question_get_pwd_form" action="/sdk/find/question" todo="get_question_callback" method="post" class="function-list-content ajax hide form">
<div class="question-input-box clearfix">
<div class="pull-left qib-txt">
您的账户:
</div>
<div class="pull-left qib-input">
<input type="text" name="username" placeholder="输入您的账号" style="text-align: left;" class="function-input username" required/>
</div>
</div>
<a href="javascript:;" class="pwd_btn op-primary btn-orange">确定</a>
</div>
<!--<div id="email_get_pwd_form" action="/user/password_by_mail" todo="password_by_mail_callback" class="function-list-content ajax hide form">
<input type="text" name="email" placeholder="输入您绑定的邮箱地址" class="function-input mail" style="margin: 0 0 30px;"/>
<a href="javascript:;" class="pwd_btn op-primary btn-orange">确定</a>
</div>-->
<div class="function-list-content hide">
<div class="pwd_txt">
<div class="default_text" style="display: none;">
<p>客服QQ:<a href="javascript:;" id="js_kefu_qq"></a></p>
<p>客服电话:<a href="tel:"></a></p>
<p>玩家交流群:<a href="javascript:;" id="js_player"></a></p>
</div>
<div class="get_text"></div>
</div>
<a href="javascript:;" class="kefu_subbtn">确定</a>
</div>
<div class="reset_psw_mobile hide" style="border-top: 1px solid #fff;">
<div class="new-sdk-box">
<div class="acount-name">
<p style="margin-top: 0;">账号:<span id="js_UserName" style="color: #000;"></span></p>
</div>
<div class="inputCode clearfix">
<div class="input fl" style="width: 100%; padding:15px 0;">
<input type="text" required placeholder="请输入新密码" id="js_reset_newpsw" style="margin: 0; text-align: left; padding: 0 20px;">
</div>
</div>
<div class="ag-tx clearfix">
<span data-action="">
<div class="checkbox checkbox-2 l">
<i class="iconfont icon-xuanzhong"></i>
</div>
<p class="l" style="margin-top: 0;">显示密码</p>
</span>
</div>
<a href="javascript:;" class="btn-orange" id="js_confirm_resetnewpsw">保存修改</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- end -->
<section id="help" class="hide" data-auth="1">
<div class="header">
<span class="title">手游平台</span>
<a class="btn pull-left op-back" href="#home">返回</a>
</div>
<div class="container">
<div class="box_info_center">
<div class='align-left'>
</div>
</div>
</div>
</section>
<!-- 首页模块 -->
<section id="home" class="hide" data-attr="dot" data-auth="1"></section>
<!-- 重置密码模块 -->
<section id="reset_pwd" data-attr="dot" class="hide"></section>
<!-- 修改密码模块 -->
<section id="modify_pwd" data-attr="dot" class="hide" data-auth="1"></section>
<!-- 密保模块 -->
<section id="mibao" data-attr="dot" class="hide" data-auth="1"></section>
<!-- 回答密保模块 -->
<section id="answer_question" data-attr="dot" class="hide"></section>
<!-- 绑定模块 -->
<section id="bind" data-attr="dot" class="hide" data-auth="1"></section>
<!-- 绑定手机 -->
<section id="bindMobile" data-attr="dot" class="hide" data-auth="1"></section>
<!-- 解绑手机模块 -->
<section id="unbindMobile" data-attr="dot" class="hide" data-auth="1"></section>
<!-- 绑定邮箱模块 -->
<section id="mail" data-attr="dot" class="hide" data-auth="1"></section>
<!-- doT模板 -->
<section id="frame" data-attr="dot" class="hide" ></section>
<script id="frame_template" type="text/x-jquery-tmpl" >
<div class="new-sdk-container">
<div class="SDK-titlebox"></div>
<div class="new-sdk-logo" style="position: relative; margin-bottom: 25px;">
<a href="#"><img src="images/new-sdk-logo.png"></a>
<a href="#login" class="lefticon" style="position: absolute; left: 37px; top: 20px;">
<i class="iconfont icon-fanhui"></i>
</a>
</div>
<div class="container" style=" margin-bottom: 20px;">
<div class="ios_scroll">
<iframe frameborder=0 src="{{=Core.Data.frame_src}}" scrolling="yes" width="100%" height="100%"></iframe>
</div>
</div>
</div>
</script>
<script id="home_template" type="text/x-jquery-tmpl">
<input type="hidden" name="initUserName" value="{{=Core.Data.nickname}}" />
<div class="new-sdk-container">
<div class="new-container-box">
<div class="SDK-titlebox"></div>
<div class="user-center">
用户中心
<a href="/sdk/logout" class="op-logout">切换账户</a>
</div>
{{? Core.Data.is_guest == 1}}
<div class="user-center-box">
<div class="top clearfix">
<div class="pull-left txt w_45">
<p>欢迎您!</p>
<p>{{=Core.Data.nickname}}</p>
</div>
<div class="inline-btn pull-right w_45">
<a href="javascript:Core.finishLogin()" class="btn btn-orange">进入游戏</a>
</div>
</div>
<div class="bind-user">
<div class="w_50 txt" style="display: inline-block; vertical-align: middle;">
您当前还是游客,为保证账号安全,请升级账号!
</div>
<div class="inline-btn w_45" style="display: inline-block; vertical-align: ;">
<a class="btn btn-bind" href="#modify_pwd">马上升级</a>
</div>
</div>
</div>
{{?? Core.Data.is_guest == 2}}
<div class="user-center-box">
<div class="top clearfix" style="border-bottom: none;">
<div class="pull-left txt w_45">
<p>欢迎您!</p>
<p>{{=Core.Data.nickname}}</p>
</div>
<div class="inline-btn pull-right w_45">
<a href="javascript:Core.finishLogin()" class="btn btn-orange">进入游戏</a>
</div>
</div>
<ul class="list-item clearfix">
{{? Core.Data.bind_phone === ""}}
<li style="position: relative;"><a href="#bindMobile">绑定手机</a><span class="redround"></span></li>
{{??}}
<li><a href="#unbindMobile">解绑手机</a></li>
{{?}}
<!--<li><a href="#mail">绑定邮箱</a></li>-->
<li><a href="#mibao">设置密保</a></li>
<li><a href="#modify_pwd">修改密码</a></li>
</ul>
</div>
{{??}}
<div class="user-center-box">
<div class="top clearfix" style="border-bottom: none;">
<div class="pull-left txt w_45">
<p>欢迎您!</p>
<p>{{=Core.Data.nickname}}</p>
</div>
<div class="inline-btn pull-right w_45">
<a href="javascript:Core.finishLogin()" class="btn btn-orange">进入游戏</a>
</div>
</div>
<ul class="list-item clearfix">
{{? Core.Data.bind_phone === ""}}
<li style="position: relative;"><a href="#bindMobile">绑定手机</a><span class="redround"></span></li>
{{??}}
<li><a href="#unbindMobile">解绑手机</a></li>
{{?}}
<!--<li><a href="#mail">绑定邮箱</a></li> -->
<li><a href="#mibao">设置密保</a></li>
<li><a href="#modify_pwd">修改密码</a></li>
</ul>
</div>
{{?}}
</div>
</div>
</script>
<script id="mail_template" type="text/x-jquery-tmpl" >
<div class="new-sdk-container">
<div class="SDK-titlebox"></div>
<div class="user-center">
<a href="#home" class="lefticon">
<i class="iconfont icon-fanhui"></i>
</a>
绑定邮箱
</div>
{{? Core.Data.bind_mail_statu == 0}}
<div class="new-sdk-box">
<div class="acount-name">
账号:{{=Core.Data.username}}
</div>
<form id="pwd_by_question_form" action="/user/bind_mail" class="ajax" method="post">
<div class="input" style="padding: 0;">
<input type="text" name="email" required placeholder="请输入你要绑定的邮箱">
<input type="text" value="1" name="email_1" required placeholder="请输入你要绑定的邮箱" style="display: none;">
</div>
</form>
<p>提示:发送绑定邮件后,请您登录邮箱操作!</p>
</div>
<ul class="inline-btn">
<li style="margin: 0 auto; padding: 1em 0; float: none;">
<a class="submit btn larg btn-orange" href="">发送绑定邮件</a>
</li>
</ul>
{{?? Core.Data.bind_mail_statu == 1}}
<div class="new-sdk-box">
<form id="bind_mail_form" action="/user/bind_mail" class="ajax" todo="bind_mail_callback" style="display:none; ">
<div class="input">
<input type="text" name="email" required placeholder="输入想要绑定的邮箱地址">
<input type="text" value="1" name="email_1" required placeholder="请输入你要绑定的邮箱" style="display: none;">
</div>
</form>
<p>待绑定邮箱:<span class="text-info">{{=Core.Data.mail}}</span></p>
</div>
<ul class="inline-btn">
<li style="margin: 0 auto; padding: 1em 0; float: none;" id="change-mail-btn" class=""><a class="btn larg btn-orange" href="#">更换邮箱</a></li>
<li style="margin: 0 auto; padding: 1em 0; float: none; background: #ff9600;" id="bind-mail-btn" class="hide"><a class="btn larg op-primary btn-orange" href="#home">保存设置</a></li>
</ul>
{{?? Core.Data.bind_mail_statu == 2}}
<div class="new-sdk-box">
<div class="input" style="padding: 0;">
<input type="text" name="email" required disabled="disabled" value="{{=Core.Data.mail}}">
</div>
<p>可以通过绑定的邮箱找回密码</p>
</div>
{{?}}
</div>
</script>
<script id="reset_pwd_template" type="text/x-jquery-tmpl" >
<div class="new-sdk-container">
<div class="SDK-titlebox"></div>
<div class="new-sdk-box">
<div class="question-input mt10">
账号:{{=Core.Data.username}}
</div>
<div class="question-input mt10">
<p>你的新密码是:{{=Core.Data.new_pwd}}</p>
<p style="color: #949494;">请妥善保管,切勿外泄</p>
</div>
</div>
<ul class="inline-btn">
<li style="float: none; margin: 0 auto;"><a class="larg btn btn-orange" href="#login">我知道了</a></li>
</ul>
</div>
</script>
<script id="modify_pwd_template" type="text/x-jquery-tmpl">
<div class="new-sdk-container">
<div class="SDK-titlebox"></div>
<div class="user-center">
<a href="#home" class="lefticon">
<i class="iconfont icon-fanhui"></i>
</a>
{{? Core.Data.is_guest == 1}}升级账号{{??}}修改密码{{?}}
</div>
<form action="/sdk/change_password" mthod="post" class="ajax " todo="modify_pwd_callback" >
<div class="new-sdk-box">
<div class="input new-sdk-psw clearfix">
<i>{{? Core.Data.is_guest == 1}}正式账号:{{??}}旧密码:{{?}}</i>
<label>
<input {{? Core.Data.is_guest == 1}}type="text"{{??}}type="password"{{?}} class="old_pwd required " name="{{? Core.Data.is_guest >= 1}}username{{??}}password{{?}}" value="{{? Core.Data.new_pwd}}{{=Core.Data.new_pwd}}{{?}}" required="required" placeholder="{{? Core.Data.is_guest == 1}}请输入6-18位字母或数字{{??}}请输入旧密码{{?}}" required/>
</label>
</div>
<div class="input new-sdk-psw clearfix">
<i>{{? Core.Data.is_guest == 1}}正式密码:{{??}}新密码:{{?}}</i>
<label>
<input class="" name="newpwd" required type="text" placeholder="{{? Core.Data.is_guest == 1}}请输入6-16位字母或数字{{??}}请输入密码{{?}}" />
</label>
</div>
{{? Core.Data.is_guest == 1}}<p>升级账号成功之后,<span class="red">游客账号作废</span>,请妥善保管正式账号</p>{{??}}{{?}}
</div>
<ul class="inline-btn">
<li style="margin: 0 auto; padding: 1em 0; float: none;">
<a class="submit btn larg btn-orange" autocomplete="off" >保存更改</a>
</li>
</ul>
</form>
</div>
</script>
<script id="mibao_template" type="text/x-jquery-tmpl" >
{{? Core.Data.safe_question == "" }}
<div class="new-sdk-container">
<div class="SDK-titlebox"></div>
<div class="user-center">
<a href="#home" class="lefticon">
<i class="iconfont icon-fanhui"></i>
</a>
设置密保
</div>
<form action="/sdk/set_mibao" mthod="post" class="ajax" todo="mibao_callback" >
<div class="new-sdk-box">
<div class="input select" style="padding: 25px;">
<select name="question" class="" >
{{~ Core.Data.question_list :item:index }}
<option value='{{=item}}'>{{=item}}</option>
{{~}}
</select>
</div>
<div class="input" style="padding:0 25px;"><input type="text" name="answer" required placeholder="输入密保保护答案" style="text-align: left;"></div>
<p style="color: #595757; font-size: 18px; margin-top: 10px;">设置密保,能通过回答问题找回忘记的密码</p>
</div>
<ul class="inline-btn">
<li style="padding: 1em 0; float: none; margin: 0 auto;"><a class="submit btn larg btn-orange ">保存设置</a></li>
</ul>
</form>
</div>
{{??}}
<div class="new-sdk-container">
<div class="SDK-titlebox"></div>
<div class="user-center">
<a href="#home" class="lefticon">
<i class="iconfont icon-fanhui"></i>
</a>
设置密保
</div>
<form action="">
<div class="new-sdk-box">
<p>问题:{{=Core.Data.safe_question}}</p>
<p>答案:{{=Core.Data.safe_answer}}</p>
</div>
</form>
</div>
{{?}}
</script>
<script id="answer_question_template" type="text/x-jquery-tmpl" >
<div class="new-sdk-container">
<div class="SDK-titlebox"></div>
<div class="user-center">
<a href="#login" class="lefticon">
<i class="iconfont icon-fanhui"></i>
</a>
密保找回密码
</div>
<div class="new-sdk-box" style="border-top: 1px solid #c4c3c3;">
<div id="pwd_by_question_form" action="/sdk/find/question/" class="ajax " method="post" >
<input type="hidden" name="username" value="{{=Core.Data.ans_temp.username}}" />
<input type="hidden" name="question" value="{{=Core.Data.ans_temp.question}}" />
<div class="question-input" style="margin-bottom: 20px;">
{{=Core.Data.ans_temp.question}}
<i class="iconfont icon-xiangxia"></i>
</div>
<div class="input" style="padding: 0;">
<input type="text" name="answer" required class="larg " placeholder="请输入答案" required/>
</div>
</div>
</div>
<ul class="inline-btn">
<li style="float: none; margin: 0 auto;"><a class="larg btn btn-orange submit op-primary" >确定</a></li>
</ul>
</div>
</script>
<script id="bind_template" type="text/x-jquery-tmpl" >
<div class="new-sdk-container">
<div class="SDK-titlebox"></div>
<div class="user-center">
<a href="#login" class="lefticon">
<i class="iconfont icon-fanhui"></i>
</a>
绑定手机
</div>
<div class="new-sdk-box">
{{? Core.Data.bind_phone == "" && Core.Data.bind_statu == 0 }}
<div class="acount-name">
账号:{{=Core.Data.username}}
</div>
<form id="bind_phone_form" action="/user/bind_mobile" class="ajax" todo="bind_phone_callback" >
<div class="input" style="padding: 0;">
<input id="js_iphone" type="text" required name="mobile" placeholder="请输入您要绑定的手机号码">
</div>
<div class="inputCode clearfix">
<div class="input fl">
<input id="js_ranks" type="text" required name="mobilecode" placeholder="请输入短信验证码">
</div>
<a href="javascript:;" class="getCode" id="js_getcode">获取验证码</a>
</div>
<ul class="inline-btn">
<li><a class="larg btn btn-orange submit" id="js_conform" value="" >确定</a></li>
<li><a class="btn" href="#home">返回</a></li>
</ul>
</form>
{{?? Core.Data.bind_statu == 1}}
<form id="bind_phone_form" action="/user/bind_mobile" class="ajax" todo="bind_phone_callback" >
<div class="new-sdk-box">
<div class="input" style="padding: 0;"><input type="text" required name="mobile" placeholder="{{=Core.Data.bind_phone}}"></div>
<p>当前号码待绑定,更换手机号码请直接修改</p>
<p>请用绑定的手机拨打<span>{{=Core.Data.mobile_helper_number}}</span>(电话会自动挂断,此呼叫免费)完成绑定,才可以通过手机修改密码。</p>
</div>
<ul class="inline-btn">
<li><a class="larg btn btn-orange submit" >保存设置</a></li>
<li><a class="btn" href="#home">返回</a></li>
</ul>
</form>
{{?? Core.Data.bind_statu == 2}}
<form action="">
<div class="new-sdk-box">
<div class="input" style="padding: 0;"><input type="text" value="{{=Core.Data.bind_phone}}"></div>
<p>解除绑定,请用绑定的手机发送短信内容“<span>qxbd</span>”发送到<span>{{=Core.Data.mobile_helper_number}}</span></p>
</div>
<div class="only-btn"><a class="btn" href="#home">返回</a></div>
</form>
{{?}}
</div>
</div>
</script>
<script id="bindMobile_template" type="text/x-jquery-tmpl">
<div class="new-sdk-container">
<div class="SDK-titlebox"></div>
<div class="user-center">
<a href="#home" class="lefticon">
<i class="iconfont icon-fanhui"></i>
</a>
绑定手机
</div>
<div class="new-sdk-box">
<div class="acount-name">
账号:{{=Core.Data.username}}
</div>
<form id="bind_mobile_form" action="/user/bind_mobile">
<div class="input" style="padding: 0;">
<input id="js_iphone" type="text" required placeholder="请输入您要绑定的手机号码">
</div>
<div class="inputCode clearfix">
<div class="input fl">
<input id="js_ranks" type="text" required placeholder="请输入短信验证码">
</div>
<a href="javascript:;" class="getCode" id="js_getcode" style="padding: 20px 0;">获取验证码</a>
</div>
<ul class="inline-btn">
<li><a class="larg btn btn-orange" id="js_conform" value="" >确定</a></li>
<li><a class="btn" href="#home">返回</a></li>
</ul>
</form>
</div>
</div>
</script>
<script id="unbindMobile_template" type="text/x-jquery-tmpl">
<div class="new-sdk-container">
<div class="SDK-titlebox"></div>
<div class="user-center">
<a href="#home" class="lefticon">
<i class="iconfont icon-fanhui"></i>
</a>
解绑手机
</div>
<div class="new-sdk-box">
<div class="acount-name">
<p style="margin-top: 0;">账号:{{=Core.Data.username}}</p>
<p>手机:<span class="phoneMobile"></span></p>
</div>
<form id="unbind_mobile_form" action="/user/bind_mobile">
<div class="inputCode clearfix">
<div class="input fl">
<input id="js_unbind_ranks" type="text" required placeholder="请输入短信验证码">
</div>
<a href="javascript:;" class="getCode" id="js_unbind_getcode" style="padding:20px 0;">获取验证码</a>
</div>
<ul class="inline-btn" style="margin-top: 25px;">
<li><a class="larg btn btn-orange" id="js_unbind" value="" >确定</a></li>
<li><a class="btn" href="#home">返回</a></li>
</ul>
</form>
</div>
</div>
</script>
<script id="message_detail_template" type="text/x-jquery-tmpl">
<div class="header">
<a class="btn pull-left op-back" href="#message">返回</a>
<span class="title">消息内容</span>
</div>
<div class="container">
<div class="box_info_center">
<div class="message-comm">
<div class="align-center bor_b_h3">
<h3>{{=Core.Data.message_detail.title}}</h3>
<p class="text-info">
<span class="mar-r-10">{{=Core.Data.message_detail.nickname}}</span>
<span>[{{=Core.Data.message_detail.create_time}}]</span>
</p>
</div>
<div class="message_text">
{{=Core.Data.message_detail.content}}
</div>
</div>
</div>
</div>
</script>
<script id="activity_detail_template" type="text/x-jquery-tmpl">
<div class="new-sdk-container" style="background: #fff;">
<div class="SDK-titlebox"></div>
<div class="user-center">
<a href="#activity" class="lefticon">
<i class="iconfont icon-fanhui"></i>
</a>
活动公告详情
</div>
<div class="container activity">
<div class="align-center bor_b_h3 clearfix">
<h3 class="pull-left">{{=Core.Data.activity_detail.title}}</h3>
<p class="text-info pull-right">
<span>{{=Core.Data.activity_detail.notice_time}}</span>
</p>
</div>
<div class="box_info_center" style="height: 100%; margin: 0 37px;">
<div class="detail_scroller scroll" id="detail_scroller">
<div class="activity-comm">
<div class="activity_text">
{{=Core.Data.activity_detail.content}}
</div>
</div>
</div>
</div>
</div>
</div>
</script>
<script id='tpl_message_list_template' type='text/x-jquery-tmpl'>
{{? it.model_list.length == 1 }}
<p>没有消息.</p>
{{??}}
{{~ it.model_list :item:index }}
{{? item.id}}
<li >
<a class="item" data-id="{{=item.id}}">
<span class="pull-right">{{=item.nickname}}</span>
<span class="pull-right text-info mar-r-10">{{=item.create_time}}</span>
<p>
<span class="title">{{=item.title}}</span> {{? item.read == 0}}<span class="statu">未读</span>{{?}}
</p>
</a>
</li>
{{?}}
{{~ }}
{{? it.page_num < it.total_page}}
<li class="more">
<a class="btn" href="/message/list?page_num={{=(it.page_num+1)}}" data-role="ajax-html" data-params-template="tpl_message_list" data-params-append="true" >点击加载更多帖子</a>
</li>
{{?}}
{{?}}
</script>
<script id='tpl_activity_template' type='text/x-jquery-tmpl'>
{{? it.model_list.length == 1 }}
<p style="text-align:center; font-size:30px; margin:20px auto;">没记录...</p>
{{??}}
{{~ it.model_list :item:index }}
{{? item.id}}
<li >
<a class="item" href="#" data-id="{{=item.id}}">
<span class="pull-right act_time">{{=item.notice_time}}</span>
<span class="act_title{{? item.update_time.indexOf('刚刚') > -1}}new{{?}}">{{=item.title}}</span>
</a>
</li>
{{?}}
{{~ }}
{{? it.page_num < it.total_page}}
<li class="more">
<a class="btn" href="/sdk/notice/list?page_num={{=(it.page_num+1)}}" data-role="ajax-html" data-params-template="tpl_activity" data-params-append="true" >点击加载</a>
</li>
{{?}}
{{?}}
</script>
</div>
<script type="text/javascript" src="js/fastclick.min.1.0.js?20150923001"></script>
<script type="text/javascript" src="js/zepto.min.js?20150923001"></script>
<script type="text/javascript" src="js/doT.min.js?20150923001" ></script>
<script type="text/javascript" src="js/iscroll.min.1.0.js?20150923001" ></script>
<script type="text/javascript">
window.isGetData = 0;
$(function() {
FastClick.attach(document.body);
});
</script>
<script type="text/javascript" src="js/core.min.js?20150923001" ></script>
<script type="text/javascript" src="js/login.min.js?2016111" ></script>
<script type="text/javascript" src="js/loader.min.js?20150923001"></script>
<script type="text/javascript">
window.onload = window.onresize = initMatching;
(function(){
getData('/sdk/login/json');
})();
// $(document).ready(function(){
// setTimeout(function(){Core.showTips($("meta[name='viewport']")[0].getAttribute("content"));}, 2000)
// })
</script>
</body>
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, user-scalable=no" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<meta name="format-detection" content="telephone=no">
<meta name="screen-orientation" content="portrait">
<meta name="full-screen" content="yes">
<meta http-equiv="x-ua-compatible" content="IE=edge" />
<link href="skin/login.css?v=2016" type="text/css" rel="stylesheet" />
<link id="skin" data-v="20150923001" type="text/css" rel="stylesheet" />
<title>
平台登录
</title>
</head>
<body>
<input type="hidden" name="loginUserName" value="">
<input type="hidden" name="loginPassword" value="">
<div class="mask">
<div class="container_load" id="loading">
<div class="content">
<div class="circle"></div>
<div class="circle1"></div>
</div>
</div>
<div class="alert alert-success hide" id="alert">
<!--<button type="button" class="close" data-dismiss="alert">&times;</button>-->
<span></span>
</div>
<!-- 登录模块 -->
<section id="login" class="hide" data-replace="1">
<div class="new-sdk-container">
<div class="new-container-box">
<div class="SDK-titlebox"></div>
<form action="/sdk/login" method="post" class="ajax align-left clearfix">
<div class="new-sdk-logo"><a href="#"><img src="images/new-sdk-logo.png"></a></div>
<div class="new-sdk-main">
<div class="inputbox clearfix" style="position: relative;">
<div class="ileft">账号:</div>
<div class="iright">
<input type="text" name="username" placeholder="请输入账号" id="js_login_username">
<div class="bottom-icon drop-down">
<i class="iconfont icon-xiangxia"></i>
</div>
</div>
<div class="pull-box">
<ul class="drop-ul">
</ul>
</div>
</div>
<div class="inputbox clearfix">
<div class="ileft">密码:</div>
<div class="iright"><input type="password" name="password" placeholder="请输入密码" id="js_login_password"></div>
</div>
<div class="other-login clearfix">
<!--<p>第三方登录
<a title="新浪微博帐号登录" data-replace="href" href="/user/auth2/sina/login/?next=/static/sdk_3/login.html&app_id={app_id}" class="sina hide">
<i class=" iconfont icon-unie61d"></i>
</a>
<a title="QQ号码登录" data-replace="href" href="/user/auth2/qq/login/?next=/static/sdk_3/login.html&app_id={app_id}" class="qq iframe hide">
</a>
<a title="微信登录" data-replace="href" href="sdk://weixinlogin?app_id={app_id}&next=/static/sdk_3/login.html" class="weixin hide">
</a>
</p>-->
<label><a href="#find_pwd" class="forgetpsw">找回密码</a></label>
<div class="clear"></div>
<label onclick="" class="input-control pull-left hide" >
<input type="checkbox" checked="checked" class="eg" ></input>
进入帐号管理界面
</label>
</div>
</div>
<ul class="inline-btn login-inline-btn">
<li>
<a method="post" class="btn btn_pri_block" href="#register">一键注册</a>
</li>
<li>
<!-- <a class="op-guest" data-replace="href" method="post" href="/sdk/register?type=-1&app_id={app_id}">一键注册</a> -->
<a class="btn larg btn-orange submit" utocomplete="off" >登录</a>
</li>
</ul>
</form>
</div>
</div>
</section>
<!-- end -->
<!-- 登录前模块 -->
<section id="login_before" class="hide" data-replace="1">
<div class="new-sdk-container">
<div class="new-container-box">
<div class="SDK-titlebox"></div>
<div class="new-sdk-logo"><a href="#"><img src="images/new-sdk-logo.png"></a></div>
<div class="login-third-list">
<div class="title">请选择快速登录</div>
<div class="third-list">
<ul>
<li class="login_case_qq"><a title="QQ帐号登录" class="qq qq iframe" data-replace="href" href="/user/auth2/qq/login/?next=/sdk/login?app_id={app_id}"><div class="third-icon third-qq"></div><p>QQ登陆</p></a></li>
<li><a href="#register"><div class="third-icon third-guest"></div><p>游客登录</p></a></li>
<div class="clear"></div>
</ul>
</div>
<div class="only-btn"><a href="#login">返回</a></div>
</div>
</div>
</div>
</section>
<!-- end-->
<!-- 注册模块 -->
<section id="register" class="hide">
<div class="new-sdk-container">
<div class="SDK-titlebox"></div>
<div class="new-sdk-logo"><a href="#"><img src="images/new-sdk-logo.png"></a></div>
<form action="/sdk/register" class="ajax clearfix">
<div class="new-sdk-main">
<div class="inputbox clearfix">
<div class="ileft">账号:</div>
<div class="iright">
<input type="text" name="username" placeholder="帐号由3-18个英文、数字、点、减号、下划线组成" required>
<div class="bottom-icon drop-down">
<i class="iconfont icon-xiangxia"></i>
</div>
</div>
</div>
<div class="inputbox clearfix">
<div class="ileft">密码:</div>
<div class="iright"><input name="password" placeholder="密码长度为6-16个字符,不能包含空格" required></div>
</div>
<div class="ag-tx clearfix">
<span data-action="agreement" >
<div class="checkbox checkbox-2 l" >
<i class="iconfont icon-xuanzhong"></i>
</div>
<p class="l">接受<a href="agreement.html">网络服务协议</a></p>
</span>
</div>
</div>
<input type="hidden" name="old_usernmae" value="-1">
<input type="hidden" name="type" value="-1">
<ul class="inline-btn">
<li><a class="btn btn_pri_block btn-orange" href="#home">返回</a></li>
<li><a class="submit btn larg " >确定注册</a></li>
</ul>
</form>
</div>
</section>
<!-- end -->
<!-- 协议模块 -->
<section id="agreement" class="hide">
<div class="new-sdk-container">
<div class="SDK-titlebox"></div>
<div class="new-sdk-logo"><a href="#"><img src="images/new-sdk-logo.png"></a></div>
<div class="new-sdk-content">
<h3>网络服务协议</h3>
<div class="content-main">
<p>欢迎申请手游平台(下列简称为”本平台“)提供的服务。请仔细阅读以下全部内容。如用户不同意本服务条款任意内容,请不要注册或使用本平台服务。一旦注册成功,即表示用户与平台已达成协议,自愿接受本服务条款的所有内容。此后,用户不得以阅读本服务条款内容作任何形式的抗辩。</p>
<h4>一、账号注册</h4>
<p>欢迎申请手游平台(下列简称为”本平台“)提供的服务。请仔细阅读以下全部内容。如用户不同意本服务条款任意内容,请不要注册或使用本平台服务。一旦注册成功,即表示用户与平台已达成协议,自愿接受本服务条款的所有内容。此后,用户不得以阅读本服务条款内容作任何形式的抗辩。</p>
<h4>二、账号注册</h4>
<p>欢迎申请手游平台(下列简称为”本平台“)提供的服务。请仔细阅读以下全部内容。如用户不同意本服务条款任意内容,请不要注册或使用本平台服务。一旦注册成功,即表示用户与平台已达成协议,自愿接受本服务条款的所有内容。此后,用户不得以阅读本服务条款内容作任何形式的抗辩。</p>
</div>
</div>
<div class="only-btn inline-btn">
<a href="#register" class="submit btn-orange">确定</a>
<div class="agreement l" style="margin-right: 0;">
<div class="checkbox checkbox-2 l" >
<i class="iconfont icon-xuanzhong"></i>
</div>
<p class="l">已阅读</p>
</div>
</div>
</div>
</section>
<!-- end -->
<!-- 活动公告模块 -->
<section id="activity" class="hide" data-auth="1">
<div class="new-sdk-container">
<div class="SDK-titlebox"></div>
<div class="user-center">
<a href="#home" class="lefticon">
<i class="iconfont icon-fanhui"></i>
</a>
活动公告
<!--<a href="#message" class="btn-link posrgt">
个人消息
</a>-->
</div>
<div class="container activity">
<div class="box_info_center" style="height: 100%;">
<div id="activity_wrapper" style="position: relative" class="scroll">
<ol class="activity-list list" data-role="ajax-html"
data-params-url="/sdk/notice/list?page_size=10"
data-params-template="tpl_activity">
</ol>
</div>
</div>
</div>
</div>
</section>
<!-- end -->
<!-- 活动公告详细页面模块 -->
<section id="activity_detail" class="hide" data-auth="1" data-attr="dot">
</section>
<!-- end -->
<!-- 消息列表模块 -->
<section id="message" class="hide" data-auth="1">
<div class="new-sdk-container">
<div class="SDK-titlebox"></div>
<div class="user-center">
<a href="#activity" class="lefticon op-back">
<i class="iconfont icon-fanhui"></i>
</a>
个人消息
</div>
<div class="container activity">
<div class="box_info_center">
<div id="message_wrapper" style="position: relative" class="scroll">
<ol class="message-list list" data-role="ajax-html"
data-params-url="/message/list?page_size=10"
data-params-template="tpl_message_list">
</ol>
</div>
</div>
</div>
</div>
</section>
<!-- end -->
<section id="message_detail" class="hide" data-attr="dot">
</section>
<!-- 找回密码模块 -->
<section id="find_pwd" class="hide" data-replace="1">
<input type="hidden" name="pwd_code" value="">
<div class="new-sdk-container">
<div class="SDK-titlebox"></div>
<div class="user-center" style="border-bottom: none;">
<a href="#login" class="lefticon">
<i class="iconfont icon-fanhui"></i>
</a>
<span>找回密码</span>
</div>
<div class="pwd_box">
<ul class="step-tab">
<li><a href="javascript:;">通过手机找回</a></li>
<li><a href="javascript:;">通过密保找回</a></li>
<!--<li><a href="javascript:;">通过邮箱找回</a></li>-->
<li><a href="javascript:;">联系客服</a></li>
</ul>
<div class="step-box">
<div id="mobile_get_pwd_form" class="hide" style="border-top: 1px solid #fff;">
<div class="new-sdk-box">
<div class="input" style="padding: 15px 0;">
<input id="js_findPSW_accout" type="text" required name="accout" placeholder="请输入您的账号" style="margin: 0;">
</div>
<div class="input" style="padding: 15px 0;">
<input id="js_findPSW_mobile" type="text" required name="mobile" placeholder="请输入您绑定的手机号码" style="margin: 0;">
</div>
<div class="inputCode clearfix">
<div class="input fl" style="padding: 15px 0;">
<input id="js_findPSW_ranks" type="text" required name="mobilecode" placeholder="请输入短信验证码" style="margin: 0;">
</div>
<a href="javascript:;" class="getCode" id="js_findPSW_getcode" style="padding:15px 0;">获取验证码</a>
</div>
<ul class="inline-btn" style="margin-top: 15px;">
<li style="background: none;"><a class="larg btn btn-orange" value="" id="js_findPSW_confirm">确定</a></li>
<li style="background: none; border-radius: 20px;"><a class="btn" href="#home">返回</a></li>
</ul>
</div>
</div>
<div id="question_get_pwd_form" action="/sdk/find/question" todo="get_question_callback" method="post" class="function-list-content ajax hide form">
<div class="question-input-box clearfix">
<div class="pull-left qib-txt">
您的账户:
</div>
<div class="pull-left qib-input">
<input type="text" name="username" placeholder="输入您的账号" style="text-align: left;" class="function-input username" required/>
</div>
</div>
<a href="javascript:;" class="pwd_btn op-primary btn-orange">确定</a>
</div>
<!--<div id="email_get_pwd_form" action="/user/password_by_mail" todo="password_by_mail_callback" class="function-list-content ajax hide form">
<input type="text" name="email" placeholder="输入您绑定的邮箱地址" class="function-input mail" style="margin: 0 0 30px;"/>
<a href="javascript:;" class="pwd_btn op-primary btn-orange">确定</a>
</div>-->
<div class="function-list-content hide">
<div class="pwd_txt">
<div class="default_text" style="display: none;">
<p>客服QQ:<a href="javascript:;" id="js_kefu_qq"></a></p>
<p>客服电话:<a href="tel:"></a></p>
<p>玩家交流群:<a href="javascript:;" id="js_player"></a></p>
</div>
<div class="get_text"></div>
</div>
<a href="javascript:;" class="kefu_subbtn">确定</a>
</div>
<div class="reset_psw_mobile hide" style="border-top: 1px solid #fff;">
<div class="new-sdk-box">
<div class="acount-name">
<p style="margin-top: 0;">账号:<span id="js_UserName" style="color: #000;"></span></p>
</div>
<div class="inputCode clearfix">
<div class="input fl" style="width: 100%; padding:15px 0;">
<input type="text" required placeholder="请输入新密码" id="js_reset_newpsw" style="margin: 0; text-align: left; padding: 0 20px;">
</div>
</div>
<div class="ag-tx clearfix">
<span data-action="">
<div class="checkbox checkbox-2 l">
<i class="iconfont icon-xuanzhong"></i>
</div>
<p class="l" style="margin-top: 0;">显示密码</p>
</span>
</div>
<a href="javascript:;" class="btn-orange" id="js_confirm_resetnewpsw">保存修改</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- end -->
<section id="help" class="hide" data-auth="1">
<div class="header">
<span class="title">手游平台</span>
<a class="btn pull-left op-back" href="#home">返回</a>
</div>
<div class="container">
<div class="box_info_center">
<div class='align-left'>
</div>
</div>
</div>
</section>
<!-- 首页模块 -->
<section id="home" class="hide" data-attr="dot" data-auth="1"></section>
<!-- 重置密码模块 -->
<section id="reset_pwd" data-attr="dot" class="hide"></section>
<!-- 修改密码模块 -->
<section id="modify_pwd" data-attr="dot" class="hide" data-auth="1"></section>
<!-- 密保模块 -->
<section id="mibao" data-attr="dot" class="hide" data-auth="1"></section>
<!-- 回答密保模块 -->
<section id="answer_question" data-attr="dot" class="hide"></section>
<!-- 绑定模块 -->
<section id="bind" data-attr="dot" class="hide" data-auth="1"></section>
<!-- 绑定手机 -->
<section id="bindMobile" data-attr="dot" class="hide" data-auth="1"></section>
<!-- 解绑手机模块 -->
<section id="unbindMobile" data-attr="dot" class="hide" data-auth="1"></section>
<!-- 绑定邮箱模块 -->
<section id="mail" data-attr="dot" class="hide" data-auth="1"></section>
<!-- doT模板 -->
<section id="frame" data-attr="dot" class="hide" ></section>
<script id="frame_template" type="text/x-jquery-tmpl" >
<div class="new-sdk-container">
<div class="SDK-titlebox"></div>
<div class="new-sdk-logo" style="position: relative; margin-bottom: 25px;">
<a href="#"><img src="images/new-sdk-logo.png"></a>
<a href="#login" class="lefticon" style="position: absolute; left: 37px; top: 20px;">
<i class="iconfont icon-fanhui"></i>
</a>
</div>
<div class="container" style=" margin-bottom: 20px;">
<div class="ios_scroll">
<iframe frameborder=0 src="{{=Core.Data.frame_src}}" scrolling="yes" width="100%" height="100%"></iframe>
</div>
</div>
</div>
</script>
<script id="home_template" type="text/x-jquery-tmpl">
<input type="hidden" name="initUserName" value="{{=Core.Data.nickname}}" />
<div class="new-sdk-container">
<div class="new-container-box">
<div class="SDK-titlebox"></div>
<div class="user-center">
用户中心
<a href="/sdk/logout" class="op-logout">切换账户</a>
</div>
{{? Core.Data.is_guest == 1}}
<div class="user-center-box">
<div class="top clearfix">
<div class="pull-left txt w_45">
<p>欢迎您!</p>
<p>{{=Core.Data.nickname}}</p>
</div>
<div class="inline-btn pull-right w_45">
<a href="javascript:Core.finishLogin()" class="btn btn-orange">进入游戏</a>
</div>
</div>
<div class="bind-user">
<div class="w_50 txt" style="display: inline-block; vertical-align: middle;">
您当前还是游客,为保证账号安全,请升级账号!
</div>
<div class="inline-btn w_45" style="display: inline-block; vertical-align: ;">
<a class="btn btn-bind" href="#modify_pwd">马上升级</a>
</div>
</div>
</div>
{{?? Core.Data.is_guest == 2}}
<div class="user-center-box">
<div class="top clearfix" style="border-bottom: none;">
<div class="pull-left txt w_45">
<p>欢迎您!</p>
<p>{{=Core.Data.nickname}}</p>
</div>
<div class="inline-btn pull-right w_45">
<a href="javascript:Core.finishLogin()" class="btn btn-orange">进入游戏</a>
</div>
</div>
<ul class="list-item clearfix">
{{? Core.Data.bind_phone === ""}}
<li style="position: relative;"><a href="#bindMobile">绑定手机</a><span class="redround"></span></li>
{{??}}
<li><a href="#unbindMobile">解绑手机</a></li>
{{?}}
<!--<li><a href="#mail">绑定邮箱</a></li>-->
<li><a href="#mibao">设置密保</a></li>
<li><a href="#modify_pwd">修改密码</a></li>
</ul>
</div>
{{??}}
<div class="user-center-box">
<div class="top clearfix" style="border-bottom: none;">
<div class="pull-left txt w_45">
<p>欢迎您!</p>
<p>{{=Core.Data.nickname}}</p>
</div>
<div class="inline-btn pull-right w_45">
<a href="javascript:Core.finishLogin()" class="btn btn-orange">进入游戏</a>
</div>
</div>
<ul class="list-item clearfix">
{{? Core.Data.bind_phone === ""}}
<li style="position: relative;"><a href="#bindMobile">绑定手机</a><span class="redround"></span></li>
{{??}}
<li><a href="#unbindMobile">解绑手机</a></li>
{{?}}
<!--<li><a href="#mail">绑定邮箱</a></li> -->
<li><a href="#mibao">设置密保</a></li>
<li><a href="#modify_pwd">修改密码</a></li>
</ul>
</div>
{{?}}
</div>
</div>
</script>
<script id="mail_template" type="text/x-jquery-tmpl" >
<div class="new-sdk-container">
<div class="SDK-titlebox"></div>
<div class="user-center">
<a href="#home" class="lefticon">
<i class="iconfont icon-fanhui"></i>
</a>
绑定邮箱
</div>
{{? Core.Data.bind_mail_statu == 0}}
<div class="new-sdk-box">
<div class="acount-name">
账号:{{=Core.Data.username}}
</div>
<form id="pwd_by_question_form" action="/user/bind_mail" class="ajax" method="post">
<div class="input" style="padding: 0;">
<input type="text" name="email" required placeholder="请输入你要绑定的邮箱">
<input type="text" value="1" name="email_1" required placeholder="请输入你要绑定的邮箱" style="display: none;">
</div>
</form>
<p>提示:发送绑定邮件后,请您登录邮箱操作!</p>
</div>
<ul class="inline-btn">
<li style="margin: 0 auto; padding: 1em 0; float: none;">
<a class="submit btn larg btn-orange" href="">发送绑定邮件</a>
</li>
</ul>
{{?? Core.Data.bind_mail_statu == 1}}
<div class="new-sdk-box">
<form id="bind_mail_form" action="/user/bind_mail" class="ajax" todo="bind_mail_callback" style="display:none; ">
<div class="input">
<input type="text" name="email" required placeholder="输入想要绑定的邮箱地址">
<input type="text" value="1" name="email_1" required placeholder="请输入你要绑定的邮箱" style="display: none;">
</div>
</form>
<p>待绑定邮箱:<span class="text-info">{{=Core.Data.mail}}</span></p>
</div>
<ul class="inline-btn">
<li style="margin: 0 auto; padding: 1em 0; float: none;" id="change-mail-btn" class=""><a class="btn larg btn-orange" href="#">更换邮箱</a></li>
<li style="margin: 0 auto; padding: 1em 0; float: none; background: #ff9600;" id="bind-mail-btn" class="hide"><a class="btn larg op-primary btn-orange" href="#home">保存设置</a></li>
</ul>
{{?? Core.Data.bind_mail_statu == 2}}
<div class="new-sdk-box">
<div class="input" style="padding: 0;">
<input type="text" name="email" required disabled="disabled" value="{{=Core.Data.mail}}">
</div>
<p>可以通过绑定的邮箱找回密码</p>
</div>
{{?}}
</div>
</script>
<script id="reset_pwd_template" type="text/x-jquery-tmpl" >
<div class="new-sdk-container">
<div class="SDK-titlebox"></div>
<div class="new-sdk-box">
<div class="question-input mt10">
账号:{{=Core.Data.username}}
</div>
<div class="question-input mt10">
<p>你的新密码是:{{=Core.Data.new_pwd}}</p>
<p style="color: #949494;">请妥善保管,切勿外泄</p>
</div>
</div>
<ul class="inline-btn">
<li style="float: none; margin: 0 auto;"><a class="larg btn btn-orange" href="#login">我知道了</a></li>
</ul>
</div>
</script>
<script id="modify_pwd_template" type="text/x-jquery-tmpl">
<div class="new-sdk-container">
<div class="SDK-titlebox"></div>
<div class="user-center">
<a href="#home" class="lefticon">
<i class="iconfont icon-fanhui"></i>
</a>
{{? Core.Data.is_guest == 1}}升级账号{{??}}修改密码{{?}}
</div>
<form action="/sdk/change_password" mthod="post" class="ajax " todo="modify_pwd_callback" >
<div class="new-sdk-box">
<div class="input new-sdk-psw clearfix">
<i>{{? Core.Data.is_guest == 1}}正式账号:{{??}}旧密码:{{?}}</i>
<label>
<input {{? Core.Data.is_guest == 1}}type="text"{{??}}type="password"{{?}} class="old_pwd required " name="{{? Core.Data.is_guest >= 1}}username{{??}}password{{?}}" value="{{? Core.Data.new_pwd}}{{=Core.Data.new_pwd}}{{?}}" required="required" placeholder="{{? Core.Data.is_guest == 1}}请输入6-18位字母或数字{{??}}请输入旧密码{{?}}" required/>
</label>
</div>
<div class="input new-sdk-psw clearfix">
<i>{{? Core.Data.is_guest == 1}}正式密码:{{??}}新密码:{{?}}</i>
<label>
<input class="" name="newpwd" required type="text" placeholder="{{? Core.Data.is_guest == 1}}请输入6-16位字母或数字{{??}}请输入密码{{?}}" />
</label>
</div>
{{? Core.Data.is_guest == 1}}<p>升级账号成功之后,<span class="red">游客账号作废</span>,请妥善保管正式账号</p>{{??}}{{?}}
</div>
<ul class="inline-btn">
<li style="margin: 0 auto; padding: 1em 0; float: none;">
<a class="submit btn larg btn-orange" autocomplete="off" >保存更改</a>
</li>
</ul>
</form>
</div>
</script>
<script id="mibao_template" type="text/x-jquery-tmpl" >
{{? Core.Data.safe_question == "" }}
<div class="new-sdk-container">
<div class="SDK-titlebox"></div>
<div class="user-center">
<a href="#home" class="lefticon">
<i class="iconfont icon-fanhui"></i>
</a>
设置密保
</div>
<form action="/sdk/set_mibao" mthod="post" class="ajax" todo="mibao_callback" >
<div class="new-sdk-box">
<div class="input select" style="padding: 25px;">
<select name="question" class="" >
{{~ Core.Data.question_list :item:index }}
<option value='{{=item}}'>{{=item}}</option>
{{~}}
</select>
</div>
<div class="input" style="padding:0 25px;"><input type="text" name="answer" required placeholder="输入密保保护答案" style="text-align: left;"></div>
<p style="color: #595757; font-size: 18px; margin-top: 10px;">设置密保,能通过回答问题找回忘记的密码</p>
</div>
<ul class="inline-btn">
<li style="padding: 1em 0; float: none; margin: 0 auto;"><a class="submit btn larg btn-orange ">保存设置</a></li>
</ul>
</form>
</div>
{{??}}
<div class="new-sdk-container">
<div class="SDK-titlebox"></div>
<div class="user-center">
<a href="#home" class="lefticon">
<i class="iconfont icon-fanhui"></i>
</a>
设置密保
</div>
<form action="">
<div class="new-sdk-box">
<p>问题:{{=Core.Data.safe_question}}</p>
<p>答案:{{=Core.Data.safe_answer}}</p>
</div>
</form>
</div>
{{?}}
</script>
<script id="answer_question_template" type="text/x-jquery-tmpl" >
<div class="new-sdk-container">
<div class="SDK-titlebox"></div>
<div class="user-center">
<a href="#login" class="lefticon">
<i class="iconfont icon-fanhui"></i>
</a>
密保找回密码
</div>
<div class="new-sdk-box" style="border-top: 1px solid #c4c3c3;">
<div id="pwd_by_question_form" action="/sdk/find/question/" class="ajax " method="post" >
<input type="hidden" name="username" value="{{=Core.Data.ans_temp.username}}" />
<input type="hidden" name="question" value="{{=Core.Data.ans_temp.question}}" />
<div class="question-input" style="margin-bottom: 20px;">
{{=Core.Data.ans_temp.question}}
<i class="iconfont icon-xiangxia"></i>
</div>
<div class="input" style="padding: 0;">
<input type="text" name="answer" required class="larg " placeholder="请输入答案" required/>
</div>
</div>
</div>
<ul class="inline-btn">
<li style="float: none; margin: 0 auto;"><a class="larg btn btn-orange submit op-primary" >确定</a></li>
</ul>
</div>
</script>
<script id="bind_template" type="text/x-jquery-tmpl" >
<div class="new-sdk-container">
<div class="SDK-titlebox"></div>
<div class="user-center">
<a href="#login" class="lefticon">
<i class="iconfont icon-fanhui"></i>
</a>
绑定手机
</div>
<div class="new-sdk-box">
{{? Core.Data.bind_phone == "" && Core.Data.bind_statu == 0 }}
<div class="acount-name">
账号:{{=Core.Data.username}}
</div>
<form id="bind_phone_form" action="/user/bind_mobile" class="ajax" todo="bind_phone_callback" >
<div class="input" style="padding: 0;">
<input id="js_iphone" type="text" required name="mobile" placeholder="请输入您要绑定的手机号码">
</div>
<div class="inputCode clearfix">
<div class="input fl">
<input id="js_ranks" type="text" required name="mobilecode" placeholder="请输入短信验证码">
</div>
<a href="javascript:;" class="getCode" id="js_getcode">获取验证码</a>
</div>
<ul class="inline-btn">
<li><a class="larg btn btn-orange submit" id="js_conform" value="" >确定</a></li>
<li><a class="btn" href="#home">返回</a></li>
</ul>
</form>
{{?? Core.Data.bind_statu == 1}}
<form id="bind_phone_form" action="/user/bind_mobile" class="ajax" todo="bind_phone_callback" >
<div class="new-sdk-box">
<div class="input" style="padding: 0;"><input type="text" required name="mobile" placeholder="{{=Core.Data.bind_phone}}"></div>
<p>当前号码待绑定,更换手机号码请直接修改</p>
<p>请用绑定的手机拨打<span>{{=Core.Data.mobile_helper_number}}</span>(电话会自动挂断,此呼叫免费)完成绑定,才可以通过手机修改密码。</p>
</div>
<ul class="inline-btn">
<li><a class="larg btn btn-orange submit" >保存设置</a></li>
<li><a class="btn" href="#home">返回</a></li>
</ul>
</form>
{{?? Core.Data.bind_statu == 2}}
<form action="">
<div class="new-sdk-box">
<div class="input" style="padding: 0;"><input type="text" value="{{=Core.Data.bind_phone}}"></div>
<p>解除绑定,请用绑定的手机发送短信内容“<span>qxbd</span>”发送到<span>{{=Core.Data.mobile_helper_number}}</span></p>
</div>
<div class="only-btn"><a class="btn" href="#home">返回</a></div>
</form>
{{?}}
</div>
</div>
</script>
<script id="bindMobile_template" type="text/x-jquery-tmpl">
<div class="new-sdk-container">
<div class="SDK-titlebox"></div>
<div class="user-center">
<a href="#home" class="lefticon">
<i class="iconfont icon-fanhui"></i>
</a>
绑定手机
</div>
<div class="new-sdk-box">
<div class="acount-name">
账号:{{=Core.Data.username}}
</div>
<form id="bind_mobile_form" action="/user/bind_mobile">
<div class="input" style="padding: 0;">
<input id="js_iphone" type="text" required placeholder="请输入您要绑定的手机号码">
</div>
<div class="inputCode clearfix">
<div class="input fl">
<input id="js_ranks" type="text" required placeholder="请输入短信验证码">
</div>
<a href="javascript:;" class="getCode" id="js_getcode" style="padding: 20px 0;">获取验证码</a>
</div>
<ul class="inline-btn">
<li><a class="larg btn btn-orange" id="js_conform" value="" >确定</a></li>
<li><a class="btn" href="#home">返回</a></li>
</ul>
</form>
</div>
</div>
</script>
<script id="unbindMobile_template" type="text/x-jquery-tmpl">
<div class="new-sdk-container">
<div class="SDK-titlebox"></div>
<div class="user-center">
<a href="#home" class="lefticon">
<i class="iconfont icon-fanhui"></i>
</a>
解绑手机
</div>
<div class="new-sdk-box">
<div class="acount-name">
<p style="margin-top: 0;">账号:{{=Core.Data.username}}</p>
<p>手机:<span class="phoneMobile"></span></p>
</div>
<form id="unbind_mobile_form" action="/user/bind_mobile">
<div class="inputCode clearfix">
<div class="input fl">
<input id="js_unbind_ranks" type="text" required placeholder="请输入短信验证码">
</div>
<a href="javascript:;" class="getCode" id="js_unbind_getcode" style="padding:20px 0;">获取验证码</a>
</div>
<ul class="inline-btn" style="margin-top: 25px;">
<li><a class="larg btn btn-orange" id="js_unbind" value="" >确定</a></li>
<li><a class="btn" href="#home">返回</a></li>
</ul>
</form>
</div>
</div>
</script>
<script id="message_detail_template" type="text/x-jquery-tmpl">
<div class="header">
<a class="btn pull-left op-back" href="#message">返回</a>
<span class="title">消息内容</span>
</div>
<div class="container">
<div class="box_info_center">
<div class="message-comm">
<div class="align-center bor_b_h3">
<h3>{{=Core.Data.message_detail.title}}</h3>
<p class="text-info">
<span class="mar-r-10">{{=Core.Data.message_detail.nickname}}</span>
<span>[{{=Core.Data.message_detail.create_time}}]</span>
</p>
</div>
<div class="message_text">
{{=Core.Data.message_detail.content}}
</div>
</div>
</div>
</div>
</script>
<script id="activity_detail_template" type="text/x-jquery-tmpl">
<div class="new-sdk-container" style="background: #fff;">
<div class="SDK-titlebox"></div>
<div class="user-center">
<a href="#activity" class="lefticon">
<i class="iconfont icon-fanhui"></i>
</a>
活动公告详情
</div>
<div class="container activity">
<div class="align-center bor_b_h3 clearfix">
<h3 class="pull-left">{{=Core.Data.activity_detail.title}}</h3>
<p class="text-info pull-right">
<span>{{=Core.Data.activity_detail.notice_time}}</span>
</p>
</div>
<div class="box_info_center" style="height: 100%; margin: 0 37px;">
<div class="detail_scroller scroll" id="detail_scroller">
<div class="activity-comm">
<div class="activity_text">
{{=Core.Data.activity_detail.content}}
</div>
</div>
</div>
</div>
</div>
</div>
</script>
<script id='tpl_message_list_template' type='text/x-jquery-tmpl'>
{{? it.model_list.length == 1 }}
<p>没有消息.</p>
{{??}}
{{~ it.model_list :item:index }}
{{? item.id}}
<li >
<a class="item" data-id="{{=item.id}}">
<span class="pull-right">{{=item.nickname}}</span>
<span class="pull-right text-info mar-r-10">{{=item.create_time}}</span>
<p>
<span class="title">{{=item.title}}</span> {{? item.read == 0}}<span class="statu">未读</span>{{?}}
</p>
</a>
</li>
{{?}}
{{~ }}
{{? it.page_num < it.total_page}}
<li class="more">
<a class="btn" href="/message/list?page_num={{=(it.page_num+1)}}" data-role="ajax-html" data-params-template="tpl_message_list" data-params-append="true" >点击加载更多帖子</a>
</li>
{{?}}
{{?}}
</script>
<script id='tpl_activity_template' type='text/x-jquery-tmpl'>
{{? it.model_list.length == 1 }}
<p style="text-align:center; font-size:30px; margin:20px auto;">没记录...</p>
{{??}}
{{~ it.model_list :item:index }}
{{? item.id}}
<li >
<a class="item" href="#" data-id="{{=item.id}}">
<span class="pull-right act_time">{{=item.notice_time}}</span>
<span class="act_title{{? item.update_time.indexOf('刚刚') > -1}}new{{?}}">{{=item.title}}</span>
</a>
</li>
{{?}}
{{~ }}
{{? it.page_num < it.total_page}}
<li class="more">
<a class="btn" href="/sdk/notice/list?page_num={{=(it.page_num+1)}}" data-role="ajax-html" data-params-template="tpl_activity" data-params-append="true" >点击加载</a>
</li>
{{?}}
{{?}}
</script>
</div>
<script type="text/javascript" src="js/fastclick.min.1.0.js?20150923001"></script>
<script type="text/javascript" src="js/zepto.min.js?20150923001"></script>
<script type="text/javascript" src="js/doT.min.js?20150923001" ></script>
<script type="text/javascript" src="js/iscroll.min.1.0.js?20150923001" ></script>
<script type="text/javascript">
window.isGetData = 0;
$(function() {
FastClick.attach(document.body);
});
</script>
<script type="text/javascript" src="js/core.min.js?20150923001" ></script>
<script type="text/javascript" src="js/login.min.js?2016111" ></script>
<script type="text/javascript" src="js/loader.min.js?20150923001"></script>
<script type="text/javascript">
window.onload = window.onresize = initMatching;
(function(){
getData('/sdk/login/json');
})();
// $(document).ready(function(){
// setTimeout(function(){Core.showTips($("meta[name='viewport']")[0].getAttribute("content"));}, 2000)
// })
</script>
</body>
</html>
\ No newline at end of file
......
var surname="\u8d75|\u94b1|\u5b59|\u674e|\u5468|\u5434|\u90d1|\u738b|\u51af|\u9648|\u891a|\u536b|\u848b|\u6c88|\u97e9|\u6768|\u6731|\u79e6|\u5c24|\u8bb8|\u4f55|\u5415|\u65bd|\u5f20|\u5b54|\u66f9|\u4e25|\u534e|\u91d1|\u9b4f|\u9676|\u59dc|\u621a|\u8c22|\u90b9|\u55bb|\u67cf|\u6c34|\u7aa6|\u7ae0|\u4e91|\u82cf|\u6f58|\u845b|\u595a|\u8303|\u5f6d|\u90ce|\u9c81|\u97e6|\u660c|\u9a6c|\u82d7|\u51e4|\u82b1|\u65b9|\u4fde|\u4efb|\u8881|\u67f3|\u9146|\u9c8d|\u53f2|\u5510|\u8d39|\u5ec9|\u5c91|\u859b|\u96f7|\u8d3a|\u502a|\u6c64|\u6ed5|\u6bb7|\u7f57|\u6bd5|\u90dd|\u90ac|\u5b89|\u5e38|\u4e50|\u4e8e|\u65f6|\u5085|\u76ae|\u535e|\u9f50|\u5eb7|\u4f0d|\u4f59|\u5143|\u535c|\u987e|\u5b5f|\u5e73|\u9ec4|\u548c|\u7a46|\u8427|\u5c39|\u59da|\u90b5|\u6e5b|\u6c6a|\u7941|\u6bdb|\u79b9|\u72c4|\u7c73|\u8d1d|\u660e|\u81e7|\u8ba1|\u4f0f|\u6210|\u6234|\u8c08|\u5b8b|\u8305|\u5e9e|\u718a|\u7eaa|\u8212|\u5c48|\u9879|\u795d|\u8463|\u6881|\u675c|\u962e|\u84dd|\u95f5|\u5e2d|\u5b63|\u9ebb|\u5f3a|\u8d3e|\u8def|\u5a04|\u5371|\u6c5f|\u7ae5|\u989c|\u90ed|\u6885|\u76db|\u6797|\u5201|\u953a|\u5f90|\u90b1|\u9a86|\u9ad8|\u590f|\u8521|\u7530|\u6a0a|\u80e1|\u51cc|\u970d|\u865e|\u4e07|\u652f|\u67ef|\u661d|\u7ba1|\u5362|\u83ab|\u7ecf|\u623f|\u88d8|\u7f2a|\u5e72|\u89e3|\u5e94|\u5b97|\u4e01|\u5ba3|\u8d32|\u9093|\u90c1|\u5355|\u676d|\u6d2a|\u5305|\u8bf8|\u5de6|\u77f3|\u5d14|\u5409|\u94ae|\u9f9a|\u7a0b|\u5d47|\u90a2|\u6ed1|\u88f4|\u9646|\u8363|\u7fc1|\u8340|\u7f8a|\u65bc|\u60e0|\u7504|\u9eb4|\u5bb6|\u5c01|\u82ae|\u7fbf|\u50a8|\u9773|\u6c72|\u90b4|\u7cdc|\u677e|\u4e95|\u6bb5|\u5bcc|\u5deb|\u4e4c|\u7126|\u5df4|\u5f13|\u7267|\u9697|\u5c71|\u8c37|\u8f66|\u4faf|\u5b93|\u84ec|\u5168|\u90d7|\u73ed|\u4ef0|\u79cb|\u4ef2|\u4f0a|\u5bab|\u5b81|\u4ec7|\u683e|\u66b4|\u7518|\u94ad|\u5386|\u620e|\u7956|\u6b66|\u7b26|\u5218|\u666f|\u8a79|\u675f|\u9f99|\u53f6|\u5e78|\u53f8|\u97f6|\u90dc|\u9ece|\u84df|\u6ea5|\u5370|\u5bbf|\u767d|\u6000|\u84b2|\u90b0|\u4ece|\u9102|\u7d22|\u54b8|\u7c4d|\u8d56|\u5353|\u853a|\u5c60|\u8499|\u6c60|\u4e54|\u9633|\u90c1|\u80e5|\u80fd|\u82cd|\u53cc|\u95fb|\u8398|\u515a|\u7fdf|\u8c2d|\u8d21|\u52b3|\u9004|\u59ec|\u7533|\u6276|\u5835|\u5189|\u5bb0|\u90e6|\u96cd|\u5374|\u74a9|\u6851|\u6842|\u6fee|\u725b|\u5bff|\u901a|\u8fb9|\u6248|\u71d5|\u5180|\u50ea|\u6d66|\u5c1a|\u519c|\u6e29|\u522b|\u5e84|\u664f|\u67f4|\u77bf|\u960e|\u5145|\u6155|\u8fde|\u8339|\u4e60|\u5ba6|\u827e|\u9c7c|\u5bb9|\u5411|\u53e4|\u6613|\u614e|\u6208|\u5ed6|\u5ebe|\u7ec8|\u66a8|\u5c45|\u8861|\u6b65|\u90fd|\u803f|\u6ee1|\u5f18|\u5321|\u56fd|\u6587|\u5bc7|\u5e7f|\u7984|\u9619|\u4e1c|\u6b27|\u6bb3|\u6c83|\u5229|\u851a|\u8d8a|\u5914|\u9686|\u5e08|\u5de9|\u538d|\u8042|\u6641|\u52fe|\u6556|\u878d|\u51b7|\u8a3e|\u8f9b|\u961a|\u90a3|\u7b80|\u9976|\u7a7a|\u66fe|\u6bcb|\u6c99|\u4e5c|\u517b|\u97a0|\u987b|\u4e30|\u5de2|\u5173|\u84af|\u76f8|\u67e5|\u540e|\u8346|\u7ea2|\u6e38|\u7afa|\u6743|\u902e|\u76cd|\u76ca|\u6853|\u516c|\u4e07\u4fdf|\u53f8\u9a6c|\u4e0a\u5b98|\u6b27\u9633|\u590f\u4faf|\u8bf8\u845b|\u95fb\u4eba|\u4e1c\u65b9|\u8d6b\u8fde|\u7687\u752b|\u5c09\u8fdf|\u516c\u7f8a|\u6fb9\u53f0|\u516c\u51b6|\u5b97\u653f|\u6fee\u9633|\u6df3\u4e8e|\u5355\u4e8e|\u592a\u53d4|\u7533\u5c60|\u516c\u5b59|\u4ef2\u5b59|\u8f69\u8f95|\u4ee4\u72d0|\u949f\u79bb|\u5b87\u6587|\u957f\u5b59|\u6155\u5bb9|\u53f8\u5f92|\u53f8\u7a7a|\u53ec|\u6709|\u821c|\u53f6\u8d6b\u90a3\u62c9|\u4e1b|\u5cb3|\u5bf8|\u8d30|\u7687|\u4fa8|\u5f64|\u7aed|\u7aef|\u8d6b|\u5b9e|\u752b|\u96c6|\u8c61|\u7fe0|\u72c2|\u8f9f|\u5178|\u826f|\u51fd|\u8292|\u82e6|\u5176|\u4eac|\u4e2d|\u5915|\u4e4b|\u7ae0\u4f73|\u90a3\u62c9|\u51a0|\u5bbe|\u9999|\u679c|\u4f9d\u5c14\u6839\u89c9\u7f57|\u4f9d\u5c14\u89c9\u7f57|\u8428\u561b\u5587|\u8d6b\u820d\u91cc|\u989d\u5c14\u5fb7\u7279|\u8428\u514b\u8fbe|\u94ae\u795c\u7984|\u4ed6\u5854\u5587|\u559c\u5854\u814a|\u8bb7\u6bb7\u5bcc\u5bdf|\u53f6\u8d6b\u90a3\u5170|\u5e93\u96c5\u5587|\u74dc\u5c14\u4f73|\u8212\u7a46\u7984|\u7231\u65b0\u89c9\u7f57|\u7d22\u7ef0\u7edc|\u7eb3\u5587|\u4e4c\u96c5|\u8303\u59dc|\u78a7\u9c81|\u5f20\u5ed6|\u5f20\u7b80|\u56fe\u95e8|\u592a\u53f2|\u516c\u53d4|\u4e4c\u5b59|\u5b8c\u989c|\u9a6c\u4f73|\u4f5f\u4f73|\u5bcc\u5bdf|\u8d39\u83ab|\u8e47|\u79f0|\u8bfa|\u6765|\u591a|\u7e41|\u620a|\u6734|\u56de|\u6bd3|\u7a0e|\u8364|\u9756|\u7eea|\u6108|\u7855|\u7262|\u4e70|\u4f46|\u5de7|\u679a|\u6492|\u6cf0|\u79d8|\u4ea5|\u7ecd|\u4ee5|\u58ec|\u68ee|\u658b|\u91ca|\u5955|\u59d2|\u670b|\u6c42|\u7fbd|\u7528|\u5360|\u771f|\u7a70|\u7fe6|\u95fe|\u6f06|\u8d35|\u4ee3|\u8d2f|\u65c1|\u5d07|\u680b|\u544a|\u4f11|\u8912|\u8c0f|\u9510|\u768b|\u95f3|\u5728|\u6b67|\u79be|\u793a|\u662f|\u59d4|\u948a|\u9891|\u5b34|\u547c|\u5927|\u5a01|\u6602|\u5f8b|\u5192|\u4fdd|\u7cfb|\u6284|\u5b9a|\u5316|\u83b1|\u6821|\u4e48|\u6297|\u7962|\u7da6|\u609f|\u5b8f|\u529f|\u5e9a|\u52a1|\u654f|\u6377|\u62f1|\u5146|\u4e11|\u4e19|\u7545|\u82df|\u968f|\u7c7b|\u536f|\u4fdf|\u53cb|\u7b54|\u4e59|\u5141|\u7532|\u7559|\u5c3e|\u4f7c|\u7384|\u4e58|\u88d4|\u5ef6|\u690d|\u73af|\u77eb|\u8d5b|\u6614|\u4f8d|\u5ea6|\u65f7|\u9047|\u5076|\u524d|\u7531|\u548e|\u585e|\u655b|\u53d7|\u6cf7|\u88ad|\u8845|\u53d4|\u5723|\u5fa1|\u592b|\u4ec6|\u9547|\u85e9|\u90b8|\u5e9c|\u638c|\u9996|\u5458|\u7109|\u620f|\u53ef|\u667a|\u5c14|\u51ed|\u6089|\u8fdb|\u7b03|\u539a|\u4ec1|\u4e1a|\u8087|\u8d44|\u5408|\u4ecd|\u4e5d|\u8877|\u54c0|\u5211|\u4fce|\u4ef5|\u572d|\u5937|\u5fad|\u86ee|\u6c57|\u5b5b|\u4e7e|\u5e16|\u7f55|\u6d1b|\u6de6|\u6d0b|\u90b6|\u90f8|\u90ef|\u9097|\u909b|\u5251|\u8662|\u968b|\u84bf|\u8306|\u83c5|\u82cc|\u6811|\u6850|\u9501|\u949f|\u673a|\u76d8|\u94ce|\u659b|\u7389|\u7ebf|\u9488|\u7b95|\u5eb9|\u7ef3|\u78e8|\u8489|\u74ee|\u5f2d|\u5200|\u758f|\u7275|\u6d51|\u607d|\u52bf|\u4e16|\u4edd|\u540c|\u8681|\u6b62|\u6222|\u7762|\u51bc|\u79cd|\u6d82|\u8096|\u5df1|\u6ce3|\u6f5c|\u5377|\u8131|\u8c2c|\u8e49|\u8d67|\u6d6e|\u987f|\u8bf4|\u6b21|\u9519|\u5ff5|\u5919|\u65af|\u5b8c|\u4e39|\u8868|\u804a|\u6e90|\u59d3|\u543e|\u5bfb|\u5c55|\u51fa|\u4e0d|\u6237|\u95ed|\u624d|\u65e0|\u4e66|\u5b66|\u611a|\u672c|\u6027|\u96ea|\u971c|\u70df|\u5bd2|\u5c11|\u5b57|\u6865|\u677f|\u6590|\u72ec|\u5343|\u8bd7|\u5609|\u626c|\u5584|\u63ed|\u7948|\u6790|\u8d64|\u7d2b|\u9752|\u67d4|\u521a|\u5947|\u62dc|\u4f5b|\u9640|\u5f25|\u963f|\u7d20|\u957f|\u50e7|\u9690|\u4ed9|\u96bd|\u5b87|\u796d|\u9152|\u6de1|\u5854|\u7426|\u95ea|\u59cb|\u661f|\u5357|\u5929|\u63a5|\u6ce2|\u78a7|\u901f|\u799a|\u817e|\u6f6e|\u955c|\u4f3c|\u6f84|\u6f6d|\u8b07|\u7eb5|\u6e20|\u5948|\u98ce|\u6625|\u6fef|\u6c90|\u8302|\u82f1|\u5170|\u6a80|\u85e4|\u679d|\u68c0|\u751f|\u6298|\u767b|\u9a79|\u9a91|\u8c8a|\u864e|\u80a5|\u9e7f|\u96c0|\u91ce|\u79bd|\u98de|\u8282|\u5b9c|\u9c9c|\u7c9f|\u6817|\u8c46|\u5e1b|\u5b98|\u5e03|\u8863|\u85cf|\u5b9d|\u949e|\u94f6|\u95e8|\u76c8|\u5e86|\u559c|\u53ca|\u666e|\u5efa|\u8425|\u5de8|\u671b|\u5e0c|\u9053|\u8f7d|\u58f0|\u6f2b|\u7281|\u529b|\u8d38|\u52e4|\u9769|\u6539|\u5174|\u4e93|\u7766|\u4fee|\u4fe1|\u95fd|\u5317|\u5b88|\u575a|\u52c7|\u6c49|\u7ec3|\u5c09|\u58eb|\u65c5|\u4e94|\u4ee4|\u5c06|\u65d7|\u519b|\u884c|\u5949|\u656c|\u606d|\u4eea|\u6bcd|\u5802|\u4e18|\u4e49|\u793c|\u6148|\u5b5d|\u7406|\u4f26|\u537f|\u95ee|\u6c38|\u8f89|\u4f4d|\u8ba9|\u5c27|\u4f9d|\u72b9|\u4ecb|\u627f|\u5e02|\u6240|\u82d1|\u675e|\u5267|\u7b2c|\u96f6|\u8c0c|\u62db|\u7eed|\u8fbe|\u5ffb|\u516d|\u911e|\u6218|\u8fdf|\u5019|\u5b9b|\u52b1|\u7c98|\u8428|\u909d|\u8983|\u8f9c|\u521d|\u697c|\u57ce|\u533a|\u5c40|\u53f0|\u539f|\u8003|\u59ab|\u7eb3|\u6cc9|\u8001|\u6e05|\u5fb7|\u5351|\u8fc7|\u9ea6|\u66f2|\u7af9|\u767e|\u798f|\u8a00|\u7b2c\u4e94|\u4f5f|\u7231|\u5e74|\u7b2a|\u8c2f|\u54c8|\u58a8|\u5357\u5bab|\u8d4f|\u4f2f|\u4f74|\u4f58|\u725f|\u5546|\u897f\u95e8|\u4e1c\u95e8|\u5de6\u4e18|\u6881\u4e18|\u7434|\u540e|\u51b5|\u4ea2|\u7f11|\u5e05|\u5fae\u751f|\u7f8a\u820c|\u6d77|\u5f52|\u547c\u5ef6|\u5357\u95e8|\u4e1c\u90ed|\u767e\u91cc|\u94a6|\u9122|\u6c5d|\u6cd5|\u95eb|\u695a|\u664b|\u8c37\u6881|\u5bb0\u7236|\u5939\u8c37|\u62d3\u8dcb|\u58e4\u9a77|\u4e50\u6b63|\u6f06\u96d5|\u516c\u897f|\u5deb\u9a6c|\u7aef\u6728|\u989b\u5b59|\u5b50\u8f66|\u7763|\u4ec9|\u53f8\u5bc7|\u4e93\u5b98|\u9c9c\u4e8e|\u953a\u79bb|\u76d6|\u902f|\u5e93|\u90cf|\u9022|\u9634|\u8584|\u5389|\u7a3d|\u95fe\u4e18|\u516c\u826f|\u6bb5\u5e72|\u5f00|\u5149|\u64cd|\u745e|\u772d|\u6ce5|\u8fd0|\u6469|\u4f1f|\u94c1|\u8fee|";
function IsIdCard(idcard)
{
idcard = idcard.toUpperCase();
var area={11:"北京",12:"天津",13:"河北",14:"山西",15:"内蒙古",21:"辽宁",22:"吉林",23:"黑龙江",
31:"上海",32:"江苏",33:"浙江",34:"安徽",35:"福建",36:"江西",37:"山东",41:"河南",42:"湖北",
43:"湖南",44:"广东",45:"广西",46:"海南",50:"重庆",51:"四川",52:"贵州",53:"云南",54:"西藏",
61:"陕西",62:"甘肃",63:"青海",64:"宁夏",65:"新疆",71:"台湾",81:"香港",82:"澳门",91:"国外"};
var retflag=false;
var idcard,Y,JYM;
var S,M;
var idcard_array = new Array();
idcard_array = idcard.split("");
//地区检验
if(area[parseInt(idcard.substr(0,2))]==null) return false;
//身份号码位数及格式检验
switch(idcard.length)
{
case 15:
if ((parseInt(idcard.substr(6,2))+1900) % 4 == 0 ||
((parseInt(idcard.substr(6,2))+1900) % 100 == 0 && (parseInt(idcard.substr(6,2))+1900) % 4 == 0 ))
{
ereg=/^[1-9][0-9]{5}[0-9]{2}((01|03|05|07|08|10|12)(0[1-9]|[1-2][0-9]|3[0-1])|(04|06|09|11)(0[1-9]|[1-2][0-9]|30)|02(0[1-9]|[1-2][0-9]))[0-9]{3}$/;//测试出生日期的合法性
}
else
{
ereg=/^[1-9][0-9]{5}[0-9]{2}((01|03|05|07|08|10|12)(0[1-9]|[1-2][0-9]|3[0-1])|(04|06|09|11)(0[1-9]|[1-2][0-9]|30)|02(0[1-9]|1[0-9]|2[0-8]))[0-9]{3}$/;//测试出生日期的合法性
}
if(ereg.test(idcard)) return true;
else return false;
break;
case 18:
//18位身份号码检测
//出生日期的合法性检查
//闰年月日:((01|03|05|07|08|10|12)(0[1-9]|[1-2][0-9]|3[0-1])|(04|06|09|11)(0[1-9]|[1-2][0-9]|30)|02(0[1-9]|[1-2][0-9]))
//平年月日:((01|03|05|07|08|10|12)(0[1-9]|[1-2][0-9]|3[0-1])|(04|06|09|11)(0[1-9]|[1-2][0-9]|30)|02(0[1-9]|1[0-9]|2[0-8]))
if ( parseInt(idcard.substr(6,4)) % 4 == 0 ||
(parseInt(idcard.substr(6,4)) % 100 == 0 &&parseInt(idcard.substr(6,4))%4 == 0 ))
{
ereg=/^[1-9][0-9]{5}19[0-9]{2}((01|03|05|07|08|10|12)(0[1-9]|[1-2][0-9]|3[0-1])|(04|06|09|11)(0[1-9]|[1-2][0-9]|30)|02(0[1-9]|[1-2][0-9]))[0-9]{3}[0-9Xx]$/;//闰年出生日期的合法性正则表达式
}
else
{
ereg=/^[1-9][0-9]{5}19[0-9]{2}((01|03|05|07|08|10|12)(0[1-9]|[1-2][0-9]|3[0-1])|(04|06|09|11)(0[1-9]|[1-2][0-9]|30)|02(0[1-9]|1[0-9]|2[0-8]))[0-9]{3}[0-9Xx]$/;//平年出生日期的合法性正则表达式
}
if(ereg.test(idcard))
{//测试出生日期的合法性
//计算校验位
S = (parseInt(idcard_array[0]) + parseInt(idcard_array[10])) * 7
+ (parseInt(idcard_array[1]) + parseInt(idcard_array[11])) * 9
+ (parseInt(idcard_array[2]) + parseInt(idcard_array[12])) * 10
+ (parseInt(idcard_array[3]) + parseInt(idcard_array[13])) * 5
+ (parseInt(idcard_array[4]) + parseInt(idcard_array[14])) * 8
+ (parseInt(idcard_array[5]) + parseInt(idcard_array[15])) * 4
+ (parseInt(idcard_array[6]) + parseInt(idcard_array[16])) * 2
+ parseInt(idcard_array[7]) * 1
+ parseInt(idcard_array[8]) * 6
+ parseInt(idcard_array[9]) * 3 ;
Y = S % 11;
M = "F";
JYM = "10X98765432";
M = JYM.substr(Y,1);//判断校验位
if(M == idcard_array[17]) true; //检测ID的校验位
else return false;
}
else return false;
break;
default:
return false;
break;
}
return true;
var surname="\u8d75|\u94b1|\u5b59|\u674e|\u5468|\u5434|\u90d1|\u738b|\u51af|\u9648|\u891a|\u536b|\u848b|\u6c88|\u97e9|\u6768|\u6731|\u79e6|\u5c24|\u8bb8|\u4f55|\u5415|\u65bd|\u5f20|\u5b54|\u66f9|\u4e25|\u534e|\u91d1|\u9b4f|\u9676|\u59dc|\u621a|\u8c22|\u90b9|\u55bb|\u67cf|\u6c34|\u7aa6|\u7ae0|\u4e91|\u82cf|\u6f58|\u845b|\u595a|\u8303|\u5f6d|\u90ce|\u9c81|\u97e6|\u660c|\u9a6c|\u82d7|\u51e4|\u82b1|\u65b9|\u4fde|\u4efb|\u8881|\u67f3|\u9146|\u9c8d|\u53f2|\u5510|\u8d39|\u5ec9|\u5c91|\u859b|\u96f7|\u8d3a|\u502a|\u6c64|\u6ed5|\u6bb7|\u7f57|\u6bd5|\u90dd|\u90ac|\u5b89|\u5e38|\u4e50|\u4e8e|\u65f6|\u5085|\u76ae|\u535e|\u9f50|\u5eb7|\u4f0d|\u4f59|\u5143|\u535c|\u987e|\u5b5f|\u5e73|\u9ec4|\u548c|\u7a46|\u8427|\u5c39|\u59da|\u90b5|\u6e5b|\u6c6a|\u7941|\u6bdb|\u79b9|\u72c4|\u7c73|\u8d1d|\u660e|\u81e7|\u8ba1|\u4f0f|\u6210|\u6234|\u8c08|\u5b8b|\u8305|\u5e9e|\u718a|\u7eaa|\u8212|\u5c48|\u9879|\u795d|\u8463|\u6881|\u675c|\u962e|\u84dd|\u95f5|\u5e2d|\u5b63|\u9ebb|\u5f3a|\u8d3e|\u8def|\u5a04|\u5371|\u6c5f|\u7ae5|\u989c|\u90ed|\u6885|\u76db|\u6797|\u5201|\u953a|\u5f90|\u90b1|\u9a86|\u9ad8|\u590f|\u8521|\u7530|\u6a0a|\u80e1|\u51cc|\u970d|\u865e|\u4e07|\u652f|\u67ef|\u661d|\u7ba1|\u5362|\u83ab|\u7ecf|\u623f|\u88d8|\u7f2a|\u5e72|\u89e3|\u5e94|\u5b97|\u4e01|\u5ba3|\u8d32|\u9093|\u90c1|\u5355|\u676d|\u6d2a|\u5305|\u8bf8|\u5de6|\u77f3|\u5d14|\u5409|\u94ae|\u9f9a|\u7a0b|\u5d47|\u90a2|\u6ed1|\u88f4|\u9646|\u8363|\u7fc1|\u8340|\u7f8a|\u65bc|\u60e0|\u7504|\u9eb4|\u5bb6|\u5c01|\u82ae|\u7fbf|\u50a8|\u9773|\u6c72|\u90b4|\u7cdc|\u677e|\u4e95|\u6bb5|\u5bcc|\u5deb|\u4e4c|\u7126|\u5df4|\u5f13|\u7267|\u9697|\u5c71|\u8c37|\u8f66|\u4faf|\u5b93|\u84ec|\u5168|\u90d7|\u73ed|\u4ef0|\u79cb|\u4ef2|\u4f0a|\u5bab|\u5b81|\u4ec7|\u683e|\u66b4|\u7518|\u94ad|\u5386|\u620e|\u7956|\u6b66|\u7b26|\u5218|\u666f|\u8a79|\u675f|\u9f99|\u53f6|\u5e78|\u53f8|\u97f6|\u90dc|\u9ece|\u84df|\u6ea5|\u5370|\u5bbf|\u767d|\u6000|\u84b2|\u90b0|\u4ece|\u9102|\u7d22|\u54b8|\u7c4d|\u8d56|\u5353|\u853a|\u5c60|\u8499|\u6c60|\u4e54|\u9633|\u90c1|\u80e5|\u80fd|\u82cd|\u53cc|\u95fb|\u8398|\u515a|\u7fdf|\u8c2d|\u8d21|\u52b3|\u9004|\u59ec|\u7533|\u6276|\u5835|\u5189|\u5bb0|\u90e6|\u96cd|\u5374|\u74a9|\u6851|\u6842|\u6fee|\u725b|\u5bff|\u901a|\u8fb9|\u6248|\u71d5|\u5180|\u50ea|\u6d66|\u5c1a|\u519c|\u6e29|\u522b|\u5e84|\u664f|\u67f4|\u77bf|\u960e|\u5145|\u6155|\u8fde|\u8339|\u4e60|\u5ba6|\u827e|\u9c7c|\u5bb9|\u5411|\u53e4|\u6613|\u614e|\u6208|\u5ed6|\u5ebe|\u7ec8|\u66a8|\u5c45|\u8861|\u6b65|\u90fd|\u803f|\u6ee1|\u5f18|\u5321|\u56fd|\u6587|\u5bc7|\u5e7f|\u7984|\u9619|\u4e1c|\u6b27|\u6bb3|\u6c83|\u5229|\u851a|\u8d8a|\u5914|\u9686|\u5e08|\u5de9|\u538d|\u8042|\u6641|\u52fe|\u6556|\u878d|\u51b7|\u8a3e|\u8f9b|\u961a|\u90a3|\u7b80|\u9976|\u7a7a|\u66fe|\u6bcb|\u6c99|\u4e5c|\u517b|\u97a0|\u987b|\u4e30|\u5de2|\u5173|\u84af|\u76f8|\u67e5|\u540e|\u8346|\u7ea2|\u6e38|\u7afa|\u6743|\u902e|\u76cd|\u76ca|\u6853|\u516c|\u4e07\u4fdf|\u53f8\u9a6c|\u4e0a\u5b98|\u6b27\u9633|\u590f\u4faf|\u8bf8\u845b|\u95fb\u4eba|\u4e1c\u65b9|\u8d6b\u8fde|\u7687\u752b|\u5c09\u8fdf|\u516c\u7f8a|\u6fb9\u53f0|\u516c\u51b6|\u5b97\u653f|\u6fee\u9633|\u6df3\u4e8e|\u5355\u4e8e|\u592a\u53d4|\u7533\u5c60|\u516c\u5b59|\u4ef2\u5b59|\u8f69\u8f95|\u4ee4\u72d0|\u949f\u79bb|\u5b87\u6587|\u957f\u5b59|\u6155\u5bb9|\u53f8\u5f92|\u53f8\u7a7a|\u53ec|\u6709|\u821c|\u53f6\u8d6b\u90a3\u62c9|\u4e1b|\u5cb3|\u5bf8|\u8d30|\u7687|\u4fa8|\u5f64|\u7aed|\u7aef|\u8d6b|\u5b9e|\u752b|\u96c6|\u8c61|\u7fe0|\u72c2|\u8f9f|\u5178|\u826f|\u51fd|\u8292|\u82e6|\u5176|\u4eac|\u4e2d|\u5915|\u4e4b|\u7ae0\u4f73|\u90a3\u62c9|\u51a0|\u5bbe|\u9999|\u679c|\u4f9d\u5c14\u6839\u89c9\u7f57|\u4f9d\u5c14\u89c9\u7f57|\u8428\u561b\u5587|\u8d6b\u820d\u91cc|\u989d\u5c14\u5fb7\u7279|\u8428\u514b\u8fbe|\u94ae\u795c\u7984|\u4ed6\u5854\u5587|\u559c\u5854\u814a|\u8bb7\u6bb7\u5bcc\u5bdf|\u53f6\u8d6b\u90a3\u5170|\u5e93\u96c5\u5587|\u74dc\u5c14\u4f73|\u8212\u7a46\u7984|\u7231\u65b0\u89c9\u7f57|\u7d22\u7ef0\u7edc|\u7eb3\u5587|\u4e4c\u96c5|\u8303\u59dc|\u78a7\u9c81|\u5f20\u5ed6|\u5f20\u7b80|\u56fe\u95e8|\u592a\u53f2|\u516c\u53d4|\u4e4c\u5b59|\u5b8c\u989c|\u9a6c\u4f73|\u4f5f\u4f73|\u5bcc\u5bdf|\u8d39\u83ab|\u8e47|\u79f0|\u8bfa|\u6765|\u591a|\u7e41|\u620a|\u6734|\u56de|\u6bd3|\u7a0e|\u8364|\u9756|\u7eea|\u6108|\u7855|\u7262|\u4e70|\u4f46|\u5de7|\u679a|\u6492|\u6cf0|\u79d8|\u4ea5|\u7ecd|\u4ee5|\u58ec|\u68ee|\u658b|\u91ca|\u5955|\u59d2|\u670b|\u6c42|\u7fbd|\u7528|\u5360|\u771f|\u7a70|\u7fe6|\u95fe|\u6f06|\u8d35|\u4ee3|\u8d2f|\u65c1|\u5d07|\u680b|\u544a|\u4f11|\u8912|\u8c0f|\u9510|\u768b|\u95f3|\u5728|\u6b67|\u79be|\u793a|\u662f|\u59d4|\u948a|\u9891|\u5b34|\u547c|\u5927|\u5a01|\u6602|\u5f8b|\u5192|\u4fdd|\u7cfb|\u6284|\u5b9a|\u5316|\u83b1|\u6821|\u4e48|\u6297|\u7962|\u7da6|\u609f|\u5b8f|\u529f|\u5e9a|\u52a1|\u654f|\u6377|\u62f1|\u5146|\u4e11|\u4e19|\u7545|\u82df|\u968f|\u7c7b|\u536f|\u4fdf|\u53cb|\u7b54|\u4e59|\u5141|\u7532|\u7559|\u5c3e|\u4f7c|\u7384|\u4e58|\u88d4|\u5ef6|\u690d|\u73af|\u77eb|\u8d5b|\u6614|\u4f8d|\u5ea6|\u65f7|\u9047|\u5076|\u524d|\u7531|\u548e|\u585e|\u655b|\u53d7|\u6cf7|\u88ad|\u8845|\u53d4|\u5723|\u5fa1|\u592b|\u4ec6|\u9547|\u85e9|\u90b8|\u5e9c|\u638c|\u9996|\u5458|\u7109|\u620f|\u53ef|\u667a|\u5c14|\u51ed|\u6089|\u8fdb|\u7b03|\u539a|\u4ec1|\u4e1a|\u8087|\u8d44|\u5408|\u4ecd|\u4e5d|\u8877|\u54c0|\u5211|\u4fce|\u4ef5|\u572d|\u5937|\u5fad|\u86ee|\u6c57|\u5b5b|\u4e7e|\u5e16|\u7f55|\u6d1b|\u6de6|\u6d0b|\u90b6|\u90f8|\u90ef|\u9097|\u909b|\u5251|\u8662|\u968b|\u84bf|\u8306|\u83c5|\u82cc|\u6811|\u6850|\u9501|\u949f|\u673a|\u76d8|\u94ce|\u659b|\u7389|\u7ebf|\u9488|\u7b95|\u5eb9|\u7ef3|\u78e8|\u8489|\u74ee|\u5f2d|\u5200|\u758f|\u7275|\u6d51|\u607d|\u52bf|\u4e16|\u4edd|\u540c|\u8681|\u6b62|\u6222|\u7762|\u51bc|\u79cd|\u6d82|\u8096|\u5df1|\u6ce3|\u6f5c|\u5377|\u8131|\u8c2c|\u8e49|\u8d67|\u6d6e|\u987f|\u8bf4|\u6b21|\u9519|\u5ff5|\u5919|\u65af|\u5b8c|\u4e39|\u8868|\u804a|\u6e90|\u59d3|\u543e|\u5bfb|\u5c55|\u51fa|\u4e0d|\u6237|\u95ed|\u624d|\u65e0|\u4e66|\u5b66|\u611a|\u672c|\u6027|\u96ea|\u971c|\u70df|\u5bd2|\u5c11|\u5b57|\u6865|\u677f|\u6590|\u72ec|\u5343|\u8bd7|\u5609|\u626c|\u5584|\u63ed|\u7948|\u6790|\u8d64|\u7d2b|\u9752|\u67d4|\u521a|\u5947|\u62dc|\u4f5b|\u9640|\u5f25|\u963f|\u7d20|\u957f|\u50e7|\u9690|\u4ed9|\u96bd|\u5b87|\u796d|\u9152|\u6de1|\u5854|\u7426|\u95ea|\u59cb|\u661f|\u5357|\u5929|\u63a5|\u6ce2|\u78a7|\u901f|\u799a|\u817e|\u6f6e|\u955c|\u4f3c|\u6f84|\u6f6d|\u8b07|\u7eb5|\u6e20|\u5948|\u98ce|\u6625|\u6fef|\u6c90|\u8302|\u82f1|\u5170|\u6a80|\u85e4|\u679d|\u68c0|\u751f|\u6298|\u767b|\u9a79|\u9a91|\u8c8a|\u864e|\u80a5|\u9e7f|\u96c0|\u91ce|\u79bd|\u98de|\u8282|\u5b9c|\u9c9c|\u7c9f|\u6817|\u8c46|\u5e1b|\u5b98|\u5e03|\u8863|\u85cf|\u5b9d|\u949e|\u94f6|\u95e8|\u76c8|\u5e86|\u559c|\u53ca|\u666e|\u5efa|\u8425|\u5de8|\u671b|\u5e0c|\u9053|\u8f7d|\u58f0|\u6f2b|\u7281|\u529b|\u8d38|\u52e4|\u9769|\u6539|\u5174|\u4e93|\u7766|\u4fee|\u4fe1|\u95fd|\u5317|\u5b88|\u575a|\u52c7|\u6c49|\u7ec3|\u5c09|\u58eb|\u65c5|\u4e94|\u4ee4|\u5c06|\u65d7|\u519b|\u884c|\u5949|\u656c|\u606d|\u4eea|\u6bcd|\u5802|\u4e18|\u4e49|\u793c|\u6148|\u5b5d|\u7406|\u4f26|\u537f|\u95ee|\u6c38|\u8f89|\u4f4d|\u8ba9|\u5c27|\u4f9d|\u72b9|\u4ecb|\u627f|\u5e02|\u6240|\u82d1|\u675e|\u5267|\u7b2c|\u96f6|\u8c0c|\u62db|\u7eed|\u8fbe|\u5ffb|\u516d|\u911e|\u6218|\u8fdf|\u5019|\u5b9b|\u52b1|\u7c98|\u8428|\u909d|\u8983|\u8f9c|\u521d|\u697c|\u57ce|\u533a|\u5c40|\u53f0|\u539f|\u8003|\u59ab|\u7eb3|\u6cc9|\u8001|\u6e05|\u5fb7|\u5351|\u8fc7|\u9ea6|\u66f2|\u7af9|\u767e|\u798f|\u8a00|\u7b2c\u4e94|\u4f5f|\u7231|\u5e74|\u7b2a|\u8c2f|\u54c8|\u58a8|\u5357\u5bab|\u8d4f|\u4f2f|\u4f74|\u4f58|\u725f|\u5546|\u897f\u95e8|\u4e1c\u95e8|\u5de6\u4e18|\u6881\u4e18|\u7434|\u540e|\u51b5|\u4ea2|\u7f11|\u5e05|\u5fae\u751f|\u7f8a\u820c|\u6d77|\u5f52|\u547c\u5ef6|\u5357\u95e8|\u4e1c\u90ed|\u767e\u91cc|\u94a6|\u9122|\u6c5d|\u6cd5|\u95eb|\u695a|\u664b|\u8c37\u6881|\u5bb0\u7236|\u5939\u8c37|\u62d3\u8dcb|\u58e4\u9a77|\u4e50\u6b63|\u6f06\u96d5|\u516c\u897f|\u5deb\u9a6c|\u7aef\u6728|\u989b\u5b59|\u5b50\u8f66|\u7763|\u4ec9|\u53f8\u5bc7|\u4e93\u5b98|\u9c9c\u4e8e|\u953a\u79bb|\u76d6|\u902f|\u5e93|\u90cf|\u9022|\u9634|\u8584|\u5389|\u7a3d|\u95fe\u4e18|\u516c\u826f|\u6bb5\u5e72|\u5f00|\u5149|\u64cd|\u745e|\u772d|\u6ce5|\u8fd0|\u6469|\u4f1f|\u94c1|\u8fee|";
function IsIdCard(idcard)
{
idcard = idcard.toUpperCase();
var area={11:"北京",12:"天津",13:"河北",14:"山西",15:"内蒙古",21:"辽宁",22:"吉林",23:"黑龙江",
31:"上海",32:"江苏",33:"浙江",34:"安徽",35:"福建",36:"江西",37:"山东",41:"河南",42:"湖北",
43:"湖南",44:"广东",45:"广西",46:"海南",50:"重庆",51:"四川",52:"贵州",53:"云南",54:"西藏",
61:"陕西",62:"甘肃",63:"青海",64:"宁夏",65:"新疆",71:"台湾",81:"香港",82:"澳门",91:"国外"};
var retflag=false;
var idcard,Y,JYM;
var S,M;
var idcard_array = new Array();
idcard_array = idcard.split("");
//地区检验
if(area[parseInt(idcard.substr(0,2))]==null) return false;
//身份号码位数及格式检验
switch(idcard.length)
{
case 15:
if ((parseInt(idcard.substr(6,2))+1900) % 4 == 0 ||
((parseInt(idcard.substr(6,2))+1900) % 100 == 0 && (parseInt(idcard.substr(6,2))+1900) % 4 == 0 ))
{
ereg=/^[1-9][0-9]{5}[0-9]{2}((01|03|05|07|08|10|12)(0[1-9]|[1-2][0-9]|3[0-1])|(04|06|09|11)(0[1-9]|[1-2][0-9]|30)|02(0[1-9]|[1-2][0-9]))[0-9]{3}$/;//测试出生日期的合法性
}
else
{
ereg=/^[1-9][0-9]{5}[0-9]{2}((01|03|05|07|08|10|12)(0[1-9]|[1-2][0-9]|3[0-1])|(04|06|09|11)(0[1-9]|[1-2][0-9]|30)|02(0[1-9]|1[0-9]|2[0-8]))[0-9]{3}$/;//测试出生日期的合法性
}
if(ereg.test(idcard)) return true;
else return false;
break;
case 18:
//18位身份号码检测
//出生日期的合法性检查
//闰年月日:((01|03|05|07|08|10|12)(0[1-9]|[1-2][0-9]|3[0-1])|(04|06|09|11)(0[1-9]|[1-2][0-9]|30)|02(0[1-9]|[1-2][0-9]))
//平年月日:((01|03|05|07|08|10|12)(0[1-9]|[1-2][0-9]|3[0-1])|(04|06|09|11)(0[1-9]|[1-2][0-9]|30)|02(0[1-9]|1[0-9]|2[0-8]))
if ( parseInt(idcard.substr(6,4)) % 4 == 0 ||
(parseInt(idcard.substr(6,4)) % 100 == 0 &&parseInt(idcard.substr(6,4))%4 == 0 ))
{
ereg=/^[1-9][0-9]{5}19[0-9]{2}((01|03|05|07|08|10|12)(0[1-9]|[1-2][0-9]|3[0-1])|(04|06|09|11)(0[1-9]|[1-2][0-9]|30)|02(0[1-9]|[1-2][0-9]))[0-9]{3}[0-9Xx]$/;//闰年出生日期的合法性正则表达式
}
else
{
ereg=/^[1-9][0-9]{5}19[0-9]{2}((01|03|05|07|08|10|12)(0[1-9]|[1-2][0-9]|3[0-1])|(04|06|09|11)(0[1-9]|[1-2][0-9]|30)|02(0[1-9]|1[0-9]|2[0-8]))[0-9]{3}[0-9Xx]$/;//平年出生日期的合法性正则表达式
}
if(ereg.test(idcard))
{//测试出生日期的合法性
//计算校验位
S = (parseInt(idcard_array[0]) + parseInt(idcard_array[10])) * 7
+ (parseInt(idcard_array[1]) + parseInt(idcard_array[11])) * 9
+ (parseInt(idcard_array[2]) + parseInt(idcard_array[12])) * 10
+ (parseInt(idcard_array[3]) + parseInt(idcard_array[13])) * 5
+ (parseInt(idcard_array[4]) + parseInt(idcard_array[14])) * 8
+ (parseInt(idcard_array[5]) + parseInt(idcard_array[15])) * 4
+ (parseInt(idcard_array[6]) + parseInt(idcard_array[16])) * 2
+ parseInt(idcard_array[7]) * 1
+ parseInt(idcard_array[8]) * 6
+ parseInt(idcard_array[9]) * 3 ;
Y = S % 11;
M = "F";
JYM = "10X98765432";
M = JYM.substr(Y,1);//判断校验位
if(M == idcard_array[17]) true; //检测ID的校验位
else return false;
}
else return false;
break;
default:
return false;
break;
}
return true;
}
\ No newline at end of file
......
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, user-scalable=no" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<meta name="format-detection" content="telephone=no">
<meta name="screen-orientation" content="portrait">
<meta name="full-screen" content="yes">
<meta http-equiv="x-ua-compatible" content="IE=edge" />
<link href="skin/login.css?v=2016" type="text/css" rel="stylesheet" />
<link id="skin" data-v="20150923001" type="text/css" rel="stylesheet" />
<title>
平台登录
</title>
</head>
<body>
<input type="hidden" name="loginUserName" value="">
<input type="hidden" name="loginPassword" value="">
<div class="mask">
<div class="container_load" id="loading">
<div class="content">
<div class="circle"></div>
<div class="circle1"></div>
</div>
</div>
<div class="alert alert-success hide" id="alert">
<!--<button type="button" class="close" data-dismiss="alert">&times;</button>-->
<span></span>
</div>
<!-- 登录模块 -->
<section id="login" class="" data-replace="1">
<div class="new-sdk-container">
<div class="new-container-box">
<div class="SDK-titlebox"></div>
<form action="/sdk/login" method="post" class="ajax align-left clearfix">
<div class="new-sdk-logo"><a href="#"><img src="images/new-sdk-logo.png"></a></div>
<div class="new-sdk-main">
<div class="inputbox clearfix" style="position: relative;">
<div class="ileft">账号:</div>
<div class="iright">
<input type="text" name="username" placeholder="请输入账号" id="js_login_username">
<div class="bottom-icon drop-down">
<i class="iconfont icon-xiangxia"></i>
</div>
</div>
<div class="pull-box horizontall">
<ul class="drop-ul">
</ul>
</div>
</div>
<div class="inputbox clearfix">
<div class="ileft">密码:</div>
<div class="iright"><input type="password" name="password" placeholder="请输入密码" id="js_login_password"></div>
</div>
<div class="other-login clearfix">
<p class="other-login-bx hide">第三方登录
<a title="新浪微博帐号登录" data-replace="href" href="/user/auth2/sina/login/?next=/static/sdk/login.html&app_id={app_id}" class="sina hide">
<i class=" iconfont icon-unie61d"></i>
</a>
<a title="QQ号码登录" data-replace="href" href="/user/auth2/qq/login/?next=/static/sdk/login.html&app_id={app_id}" class="qq iframe hide">
</a>
<a title="微信登录" data-replace="href" href="sdk://weixinlogin?app_id={app_id}&next=/static/sdk/login.html" class="weixin hide">
</a>
</p>
<label><a href="#find_pwd" class="forgetpsw">找回密码</a></label>
<div class="clear"></div>
<label onclick="" class="input-control pull-left hide" >
<input type="checkbox" checked="checked" class="eg" ></input>
进入帐号管理界面
</label>
</div>
</div>
<ul class="inline-btn login-inline-btn">
<li>
<a method="post" class="btn btn_pri_block" href="#register">一键注册</a>
</li>
<li>
<!-- <a class="op-guest" data-replace="href" method="post" href="/sdk/register?type=-1&app_id={app_id}">一键注册</a> -->
<a class="btn larg btn-orange submit" utocomplete="off" >登录</a>
</li>
</ul>
</form>
</div>
</div>
</section>
<!-- end -->
<!-- 登录前模块 -->
<section id="login_before" class="hide" data-replace="1">
<div class="new-sdk-container">
<div class="new-container-box">
<div class="SDK-titlebox"></div>
<div class="new-sdk-logo"><a href="#"><img src="images/new-sdk-logo.png"></a></div>
<div class="login-third-list">
<div class="title">请选择快速登录</div>
<div class="third-list">
<ul>
<li class="login_case_qq"><a title="QQ帐号登录" class="qq qq iframe" data-replace="href" href="/user/auth2/qq/login/?next=/sdk/login?app_id={app_id}"><div class="third-icon third-qq"></div><p>QQ登陆</p></a></li>
<li><a href="#register"><div class="third-icon third-guest"></div><p>游客登录</p></a></li>
<div class="clear"></div>
</ul>
</div>
<div class="only-btn"><a href="#login">返回</a></div>
</div>
</div>
</div>
</section>
<!-- end-->
<!-- 注册模块 -->
<section id="register" class="hide">
<div class="new-sdk-container">
<div class="SDK-titlebox"></div>
<div class="new-sdk-logo"><a href="#"><img src="images/new-sdk-logo.png"></a></div>
<form action="/sdk/register" class="ajax clearfix">
<div class="new-sdk-main">
<div class="inputbox clearfix">
<div class="ileft">账号:</div>
<div class="iright">
<input type="text" name="username" placeholder="帐号由3-18个英文、数字、点、减号、下划线组成" required>
<!--<div class="bottom-icon drop-down">
<i class="iconfont icon-xiangxia"></i>
</div>-->
</div>
</div>
<div class="inputbox clearfix">
<div class="ileft">密码:</div>
<div class="iright"><input name="password" placeholder="密码长度为6-16个字符,不能包含空格" required></div>
</div>
<div class="ag-tx clearfix">
<span data-action="agreement" >
<div class="checkbox checkbox-2 l" >
<i class="iconfont icon-xuanzhong"></i>
</div>
<p class="l">接受<a href="#agreement">网络服务协议</a></p>
</span>
</div>
</div>
<input type="hidden" name="old_usernmae" value="-1">
<input type="hidden" name="type" value="-1">
<ul class="inline-btn">
<li><a class="btn btn_pri_block btn-orange" href="#home">返回</a></li>
<li><input type="button" class="submit btn larg" id="btn-regist" value="确定注册"></li>
</ul>
</form>
</div>
</section>
<!-- end -->
<!-- 协议模块 -->
<section id="agreement" class="hide">
<div class="new-sdk-container">
<div class="SDK-titlebox"></div>
<div class="new-sdk-logo"><a href="#"><img src="images/new-sdk-logo.png"></a></div>
<div class="new-sdk-content" style="overflow: hidden;">
<h3>网络服务协议</h3>
<div class="content-main" style="height: 220px;">
<iframe src="agreement.html" name="myiframe" id="iframepage" frameborder="0" scrolling="auto" width="100%"></iframe>
</div>
</div>
<div class="only-btn inline-btn">
<a href="#register" class="submit btn-orange">确定</a>
<div class="agreement l" style="margin-right: 0;">
<div class="checkbox checkbox-2 l" >
<i class="iconfont icon-xuanzhong"></i>
</div>
<p class="l">已阅读</p>
</div>
</div>
</div>
</section>
<!-- end -->
<!-- 活动公告模块 -->
<section id="activity" class="hide" data-auth="1">
<div class="new-sdk-container">
<div class="SDK-titlebox"></div>
<div class="user-center">
<a href="#home" class="lefticon">
<i class="iconfont icon-fanhui"></i>
</a>
活动公告
<!--<a href="#message" class="btn-link posrgt">
个人消息
</a>-->
</div>
<div class="container activity">
<div class="box_info_center" style="height: 100%;">
<div id="activity_wrapper" style="position: relative" class="scroll">
<ol class="activity-list list" data-role="ajax-html"
data-params-url="/sdk/notice/list?page_size=10"
data-params-template="tpl_activity">
</ol>
</div>
</div>
</div>
</div>
</section>
<!-- end -->
<!-- 活动公告详细页面模块 -->
<section id="activity_detail" class="hide" data-auth="1" data-attr="dot">
</section>
<!-- end -->
<!-- 消息列表模块 -->
<section id="message" class="hide" data-auth="1">
<div class="new-sdk-container">
<div class="SDK-titlebox"></div>
<div class="user-center">
<a href="#activity" class="lefticon op-back">
<i class="iconfont icon-fanhui"></i>
</a>
个人消息
</div>
<div class="container activity">
<div class="box_info_center">
<div id="message_wrapper" style="position: relative" class="scroll">
<ol class="message-list list" data-role="ajax-html"
data-params-url="/message/list?page_size=10"
data-params-template="tpl_message_list">
</ol>
</div>
</div>
</div>
</div>
</section>
<!-- end -->
<section id="message_detail" class="hide" data-attr="dot">
</section>
<section id="identityCard" class="hide" data-attr="dot">
</section>
<section id="identityCard_ok" class="hide" data-attr="dot">
</section>
<!-- 找回密码模块 -->
<section id="find_pwd" class="hide" data-replace="1">
<input type="hidden" name="pwd_code" value="">
<div class="new-sdk-container">
<div class="SDK-titlebox"></div>
<div class="user-center" style="border-bottom: none;">
<a href="#login" class="lefticon">
<i class="iconfont icon-fanhui"></i>
</a>
<span>找回密码</span>
</div>
<div class="pwd_box">
<ul class="step-tab">
<li><a href="javascript:;">通过手机找回</a></li>
<li><a href="javascript:;">通过密保找回</a></li>
<!--<li><a href="javascript:;">通过邮箱找回</a></li>-->
<li><a href="javascript:;">联系客服</a></li>
</ul>
<div class="step-box">
<div id="mobile_get_pwd_form" class="hide" style="border-top: 1px solid #fff;">
<div class="new-sdk-box">
<div class="input" style="padding: 15px 0;">
<input id="js_findPSW_accout" type="text" required name="accout" placeholder="请输入您的账号" style="margin: 0;">
</div>
<div class="input" style="padding: 15px 0;">
<input id="js_findPSW_mobile" type="text" required name="mobile" placeholder="请输入您绑定的手机号码" style="margin: 0;">
</div>
<div class="inputCode clearfix">
<div class="input fl" style="padding: 15px 0;">
<input id="js_findPSW_ranks" type="text" required name="mobilecode" placeholder="请输入短信验证码" style="margin: 0;">
</div>
<a href="javascript:;" class="getCode" id="js_findPSW_getcode" style="padding:15px 0;">获取验证码</a>
</div>
<ul class="inline-btn" style="margin-top: 15px;">
<li style="background: none;"><a class="larg btn btn-orange" value="" id="js_findPSW_confirm">确定</a></li>
<li style="background: none; border-radius: 20px;"><a class="btn" href="#home" id="returnhome">返回</a></li>
</ul>
</div>
</div>
<div id="question_get_pwd_form" action="/sdk/find/question" todo="get_question_callback" method="post" class="function-list-content ajax hide form">
<div class="question-input-box clearfix">
<div class="pull-left qib-txt">
您的账户:
</div>
<div class="pull-left qib-input">
<input type="text" name="username" placeholder="输入您的账号" style="text-align: left;" class="function-input username" required/>
</div>
</div>
<a href="javascript:;" class="pwd_btn op-primary btn-orange">确定</a>
</div>
<!--<div id="email_get_pwd_form" action="/user/password_by_mail" todo="password_by_mail_callback" class="function-list-content ajax hide form">
<input type="text" name="email" placeholder="输入您绑定的邮箱地址" class="function-input mail" style="margin: 0 0 30px;"/>
<a href="javascript:;" class="pwd_btn op-primary btn-orange">确定</a>
</div>-->
<div class="function-list-content hide">
<div class="pwd_txt">
<div class="default_text">
<p>客服QQ:<a href="javascript:;" id="js_kefu_qq"></a></p>
<p>客服电话:<a href="tel:"></a></p>
<p>玩家交流群:<a href="javascript:;" id="js_player"></a></p>
</div>
<div class="get_text"></div>
</div>
<a href="javascript:;" class="kefu_subbtn">确定</a>
</div>
<div class="reset_psw_mobile hide" style="border-top: 1px solid #fff;">
<div class="new-sdk-box">
<div class="acount-name">
<p style="margin-top: 0;">账号:<span id="js_UserName" style="color: #000;"></span></p>
</div>
<div class="inputCode clearfix">
<div class="input fl" style="width: 100%; padding:15px 0;">
<input type="text" required placeholder="请输入新密码" id="js_reset_newpsw" style="margin: 0; text-align: left; padding: 0 20px;">
</div>
</div>
<div class="ag-tx clearfix">
<span data-action="">
<div class="checkbox checkbox-2 l">
<i class="iconfont icon-xuanzhong"></i>
</div>
<p class="l" style="margin-top: 0;">显示密码</p>
</span>
</div>
<a href="javascript:;" class="btn-orange" id="js_confirm_resetnewpsw">保存修改</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- end -->
<section id="help" class="hide" data-auth="1">
<div class="header">
<span class="title">手游平台</span>
<a class="btn pull-left op-back" href="#home">返回</a>
</div>
<div class="container">
<div class="box_info_center">
<div class='align-left'>
</div>
</div>
</div>
</section>
<!-- 首页模块 -->
<section id="home" class="hide" data-attr="dot" data-auth="1"></section>
<!-- 重置密码模块 -->
<section id="reset_pwd" data-attr="dot" class="hide"></section>
<!-- 修改密码模块 -->
<section id="modify_pwd" data-attr="dot" class="hide" data-auth="1"></section>
<!-- 密保模块 -->
<section id="mibao" data-attr="dot" class="hide" data-auth="1"></section>
<!-- 回答密保模块 -->
<section id="answer_question" data-attr="dot" class="hide"></section>
<!-- 绑定模块 -->
<section id="bind" data-attr="dot" class="hide" data-auth="1"></section>
<!-- 绑定手机 -->
<section id="bindMobile" data-attr="dot" class="hide" data-auth="1"></section>
<!-- 解绑手机模块 -->
<section id="unbindMobile" data-attr="dot" class="hide" data-auth="1"></section>
<!-- 绑定邮箱模块 -->
<section id="mail" data-attr="dot" class="hide" data-auth="1"></section>
<!-- doT模板 -->
<section id="frame" data-attr="dot" class="hide" ></section>
<script id="frame_template" type="text/x-jquery-tmpl" >
<div class="new-sdk-container">
<div class="SDK-titlebox"></div>
<div class="new-sdk-logo" style="position: relative; margin-bottom: 25px;">
<a href="#"><img src="images/new-sdk-logo.png"></a>
<a href="#login" class="lefticon" style="position: absolute; left: 37px; top: 20px;">
<i class="iconfont icon-fanhui"></i>
</a>
</div>
<div class="container" style=" margin-bottom: 20px;">
<div class="ios_scroll">
<iframe frameborder=0 src="{{=Core.Data.frame_src}}" scrolling="yes" width="100%" height="100%"></iframe>
</div>
</div>
</div>
</script>
<script id="home_template" type="text/x-jquery-tmpl">
<input type="hidden" name="initUserName" value="{{=Core.Data.nickname}}" />
<div class="new-sdk-container">
<div class="new-container-box">
<div class="SDK-titlebox"></div>
<div class="user-center">
用户中心
<a href="/sdk/logout" class="op-logout">切换账户</a>
</div>
{{? Core.Data.is_guest == 1}}
<div class="user-center-box">
<div class="top clearfix">
<div class="pull-left txt w_45">
<p>欢迎您!</p>
<p>{{=Core.Data.nickname}}</p>
</div>
<div class="inline-btn pull-right w_45">
{{? Core.Data.force_auth == 1 && Core.Data.compellation_name == "" && Core.Data.identity_card == ""}}
<a href="#identityCard" class="btn btn-orange js-enter-game">进入游戏</a>
{{??}}
<a href="javascript:Core.finishLogin()" class="btn btn-orange">进入游戏</a>
{{?}}
</div>
</div>
<div class="bind-user">
<div class="w_50 txt" style="display: inline-block; vertical-align: middle;">
您当前还是游客,为保证账号安全,请升级账号!
</div>
<div class="inline-btn w_45" style="display: inline-block; vertical-align: ;">
<a class="btn btn-bind" href="#modify_pwd">马上升级</a>
</div>
</div>
<p style="text-align: center;font-size: 20px; color: #949494; position: absolute; width: 100%; bottom: 10px;left:0;">{{=Core.Data.kefu_info[0]}}</p>
</div>
{{?? Core.Data.is_guest == 2}}<!--1:游客登录;2:第三方登录;0:正式用户登录-->
<div class="user-center-box">
<div class="top clearfix" style="border-bottom: none;">
<div class="pull-left txt w_45">
<p>欢迎您!</p>
<p>{{=Core.Data.nickname}}</p>
</div>
<div class="inline-btn pull-right w_45">
{{? Core.Data.force_auth == 1 && Core.Data.compellation_name == "" && Core.Data.identity_card == ""}}
<a href="#identityCard" class="btn btn-orange js-enter-game">进入游戏</a>
{{??}}
<a href="javascript:Core.finishLogin()" class="btn btn-orange">进入游戏</a>
{{?}}
</div>
</div>
{{? Core.Data.bind_phone === ""}}
<ul class="list-item clearfix">
<li style="position: relative;"><a href="#bindMobile">绑定手机</a><span class="redround"></span></li>
<li><a href="#mibao">设置密保</a></li>
<li><a href="#modify_pwd">修改密码</a></li>
</ul>
{{??}}
<ul class="list-item clearfix">
<li style="width:50%;"><a href="#unbindMobile">解绑手机</a></li>
<li style="width:50%;"><a href="#mibao">设置密保</a></li>
</ul>
<ul class="list-item clearfix" style="border-top:none;">
<li style="width:50%;"><a href="#modify_pwd">修改密码</a></li>
<li style="width:50%;"><a href="#identityCard">实名认证</a></li>
</ul>
<p style="text-align: center;font-size: 20px; color: #949494; position: absolute; width: 100%; bottom: 10px;left:0;">{{=Core.Data.kefu_info[0]}}</p>
{{?}}
</div>
{{?? Core.Data.is_guest == 0}}
<div class="user-center-box">
<div class="top clearfix" style="border-bottom: none;">
<div class="pull-left txt w_45">
<p>欢迎您!</p>
<p>{{=Core.Data.nickname}}</p>
</div>
<div class="inline-btn pull-right w_45">
{{? Core.Data.force_auth == 1 && Core.Data.compellation_name == "" && Core.Data.identity_card == ""}}
<a href="#identityCard" class="btn btn-orange js-enter-game">进入游戏</a>
{{??}}
<a href="javascript:Core.finishLogin()" class="btn btn-orange">进入游戏</a>
{{?}}
</div>
</div>
{{? Core.Data.force_auth == 1}}
<ul class="list-item clearfix">
{{? Core.Data.bind_phone === ""}}
<li style="position: relative;width:50%;"><a href="#bindMobile">绑定手机</a><span class="redround"></span></li>
{{??}}
<li style="width:50%;"><a href="#unbindMobile">解绑手机</a></li>
{{?}}
<li style="width:50%;"><a href="#mibao">设置密保</a></li>
</ul>
<ul class="list-item clearfix" style="border-top:none;">
<li style="width:50%;"><a href="#modify_pwd">修改密码</a></li>
{{? Core.Data.compellation_name === "" && Core.Data.identity_card === ""}}
<li style="width:50%;"><a href="#identityCard">实名认证</a></li>
{{??}}
<li style="width:50%;position:relative;"><a href="#identityCard_ok">实名认证
<span style="position:absolute;right:5px;top:5px;color:#fff;background:#ff9600;padding:3px 10px;border-radius:10px;font-size:20px;">已认证</span>
</a></li>
{{?}}
</ul>
<p style="text-align: center;font-size: 20px; color: #949494; position: absolute; width: 100%; bottom: 10px;left:0;">{{=Core.Data.kefu_info[0]}}</p>
{{??}}
{{? Core.Data.bind_phone === ""}}
<ul class="list-item clearfix">
<li style="position: relative;"><a href="#bindMobile">绑定手机</a><span class="redround"></span></li>
<li><a href="#mibao">设置密保</a></li>
<li><a href="#modify_pwd">修改密码</a></li>
</ul>
<p style="text-align: center;font-size: 20px; color: #949494; position: absolute; width: 100%; bottom: 1em;left:0;">{{=Core.Data.kefu_info[0]}}</p>
{{??}}
<ul class="list-item clearfix">
<li style="width:50%;"><a href="#unbindMobile">解绑手机</a></li>
<li style="width:50%;"><a href="#mibao">设置密保</a></li>
</ul>
<ul class="list-item clearfix" style="border-top:none;">
<li style="width:50%;"><a href="#modify_pwd">修改密码</a></li>
{{? Core.Data.compellation_name === "" && Core.Data.identity_card === ""}}
<li style="width:50%;"><a href="#identityCard">实名认证</a></li>
{{??}}
<li style="width:50%;position:relative;"><a href="#identityCard_ok">实名认证
<span style="position:absolute;right:5px;top:5px;color:#fff;background:#ff9600;padding:3px 10px;border-radius:10px;font-size:20px;">已认证</span>
</a></li>
{{?}}
</ul>
<p style="text-align: center;font-size: 20px; color: #949494; position: absolute; width: 100%; bottom: 10px;left:0;">{{=Core.Data.kefu_info[0]}}</p>
{{?}}
{{?}}
<!--<ul class="list-item clearfix">
{{? Core.Data.bind_phone === ""}}
<li style="position: relative;"><a href="#bindMobile">绑定手机</a><span class="redround"></span></li>
{{??}}
<li><a href="#unbindMobile">解绑手机</a></li>
<li><a href="#">实名认证</a></li>
{{?}}
<li><a href="#mibao">设置密保</a></li>
<li><a href="#modify_pwd">修改密码</a></li>
</ul>-->
</div>
{{?}}
</div>
</div>
</script>
<script id="mail_template" type="text/x-jquery-tmpl" >
<div class="new-sdk-container">
<div class="SDK-titlebox"></div>
<div class="user-center">
<a href="#home" class="lefticon">
<i class="iconfont icon-fanhui"></i>
</a>
绑定邮箱
</div>
{{? Core.Data.bind_mail_statu == 0}}
<div class="new-sdk-box">
<div class="acount-name">
账号:{{=Core.Data.username}}
</div>
<form id="pwd_by_question_form" action="/user/bind_mail" class="ajax" method="post">
<div class="input" style="padding: 0;">
<input type="text" name="email" required placeholder="请输入你要绑定的邮箱">
<input type="text" value="1" name="email_1" required placeholder="请输入你要绑定的邮箱" style="display: none;">
</div>
</form>
<p>提示:发送绑定邮件后,请您登录邮箱操作!</p>
</div>
<ul class="inline-btn">
<li style="margin: 0 auto; padding: 1em 0; float: none;">
<a class="submit btn larg btn-orange" href="">发送绑定邮件</a>
</li>
</ul>
{{?? Core.Data.bind_mail_statu == 1}}
<div class="new-sdk-box">
<form id="bind_mail_form" action="/user/bind_mail" class="ajax" todo="bind_mail_callback" style="display:none; ">
<div class="input">
<input type="text" name="email" required placeholder="输入想要绑定的邮箱地址">
<input type="text" value="1" name="email_1" required placeholder="请输入你要绑定的邮箱" style="display: none;">
</div>
</form>
<p>待绑定邮箱:<span class="text-info">{{=Core.Data.mail}}</span></p>
</div>
<ul class="inline-btn">
<li style="margin: 0 auto; padding: 1em 0; float: none;" id="change-mail-btn" class=""><a class="btn larg btn-orange" href="#">更换邮箱</a></li>
<li style="margin: 0 auto; padding: 1em 0; float: none; background: #ff9600;" id="bind-mail-btn" class="hide"><a class="btn larg op-primary btn-orange" href="#home">保存设置</a></li>
</ul>
{{?? Core.Data.bind_mail_statu == 2}}
<div class="new-sdk-box">
<div class="input" style="padding: 0;">
<input type="text" name="email" required disabled="disabled" value="{{=Core.Data.mail}}">
</div>
<p>可以通过绑定的邮箱找回密码</p>
</div>
{{?}}
</div>
</script>
<script id="reset_pwd_template" type="text/x-jquery-tmpl" >
<div class="new-sdk-container">
<div class="SDK-titlebox"></div>
<div class="new-sdk-box">
<div class="question-input mt10">
账号:{{=Core.Data.username}}
</div>
<div class="question-input mt10">
<p>你的新密码是:{{=Core.Data.new_pwd}}</p>
<p style="color: #949494;">请妥善保管,切勿外泄</p>
</div>
</div>
<ul class="inline-btn">
<li style="float: none; margin: 0 auto;"><a class="larg btn btn-orange" href="#login">我知道了</a></li>
</ul>
</div>
</script>
<script id="modify_pwd_template" type="text/x-jquery-tmpl">
<div class="new-sdk-container">
<div class="SDK-titlebox"></div>
<div class="user-center">
<a href="#home" class="lefticon">
<i class="iconfont icon-fanhui"></i>
</a>
{{? Core.Data.is_guest == 1}}升级账号{{??}}修改密码{{?}}
</div>
<form action="/sdk/change_password" mthod="post" class="ajax " todo="modify_pwd_callback" >
<div class="new-sdk-box">
<div class="input new-sdk-psw clearfix">
<i>{{? Core.Data.is_guest == 1}}正式账号:{{??}}旧密码:{{?}}</i>
<label>
<input {{? Core.Data.is_guest == 1}}type="text"{{??}}type="password"{{?}} class="old_pwd required " name="{{? Core.Data.is_guest >= 1}}username{{??}}password{{?}}" value="{{? Core.Data.new_pwd}}{{=Core.Data.new_pwd}}{{?}}" required="required" placeholder="{{? Core.Data.is_guest == 1}}请输入3-18位字母或数字{{??}}请输入旧密码{{?}}" required/>
</label>
</div>
<div class="input new-sdk-psw clearfix">
<i>{{? Core.Data.is_guest == 1}}正式密码:{{??}}新密码:{{?}}</i>
<label>
<input class="" name="newpwd" required type="text" placeholder="{{? Core.Data.is_guest == 1}}请输入6-16位字母或数字{{??}}请输入密码{{?}}" />
</label>
</div>
{{? Core.Data.is_guest == 1}}<p>升级账号成功之后,<span class="red">游客账号作废</span>,请妥善保管正式账号</p>{{??}}{{?}}
</div>
<ul class="inline-btn">
<li style="margin: 0 auto; padding: 1em 0; float: none;">
<a class="submit btn larg btn-orange" autocomplete="off" >保存更改</a>
</li>
</ul>
</form>
</div>
</script>
<script id="identityCard_template" type="text/x-jquery-tmpl" >
<div class="new-sdk-container">
<div class="SDK-titlebox"></div>
<div class="user-center">
<a href="#home" class="lefticon">
<i class="iconfont icon-fanhui"></i>
</a>
实名认证
</div>
<form action="/user/bind_identity_card" method="post" class="ajax" onkeydown="if(event.keyCode==13) return false;" >
<div class="new-sdk-box">
<div class="input" style="padding:0 25px;"><input type="text" name="identity_card" required placeholder="请输入注册身份证号码" style="text-align: left;"></div>
<div class="input" style="padding:0 25px;"><input type="text" name="compellation_name" required placeholder="请输入姓名" style="text-align: left;"></div>
</div>
<ul class="inline-btn">
<li style="padding: 1em 0; float: none; margin: 0 auto;"><a class="submit btn larg btn-orange" autocomplete="off">提交</a></li>
</ul>
</form>
</div>
</script>
<script id="mibao_template" type="text/x-jquery-tmpl" >
{{? Core.Data.safe_question == "" }}
<div class="new-sdk-container">
<div class="SDK-titlebox"></div>
<div class="user-center">
<a href="#home" class="lefticon">
<i class="iconfont icon-fanhui"></i>
</a>
设置密保
</div>
<form action="/sdk/set_mibao" mthod="post" class="ajax" todo="mibao_callback" onkeydown="if(event.keyCode==13) return false;" >
<div class="new-sdk-box">
<div class="input select" style="padding:0 25px; position: relative;">
<select name="question" class="" >
{{~ Core.Data.question_list :item:index }}
<option value='{{=item}}'>{{=item}}</option>
{{~}}
</select>
<i class="iconfont icon-xiangxia" style="
position: absolute;
right: -25px;
top: 21px;
"></i>
</div>
<div class="input" style="padding:0 25px;"><input type="text" name="answer" required placeholder="输入密保保护答案" style="text-align: left;"></div>
<p style="color: #595757; font-size: 18px; margin-top: 10px;">设置密保,能通过回答问题找回忘记的密码</p>
</div>
<ul class="inline-btn">
<li style="padding: 1em 0; float: none; margin: 0 auto;"><a class="submit btn larg btn-orange" autocomplete="off">保存设置</a></li>
</ul>
</form>
</div>
{{??}}
<div class="new-sdk-container">
<div class="SDK-titlebox"></div>
<div class="user-center">
<a href="#home" class="lefticon">
<i class="iconfont icon-fanhui"></i>
</a>
设置密保
</div>
<form action="">
<div class="new-sdk-box">
<p>问题:{{=Core.Data.safe_question}}</p>
<p>答案:{{=Core.Data.safe_answer}}</p>
</div>
</form>
</div>
{{?}}
</script>
<script id="answer_question_template" type="text/x-jquery-tmpl" >
<div class="new-sdk-container">
<div class="SDK-titlebox"></div>
<div class="user-center">
<a href="#login" class="lefticon back-btn">
<i class="iconfont icon-fanhui"></i>
</a>
密保找回密码
</div>
<div class="new-sdk-box" style="border-top: 1px solid #c4c3c3;">
<div id="pwd_by_question_form" action="/sdk/find/question/" class="ajax " method="post" >
<input type="hidden" name="username" value="{{=Core.Data.ans_temp.username}}" />
<input type="hidden" name="question" value="{{=Core.Data.ans_temp.question}}" />
<div class="question-input" style="margin-bottom: 20px;">
{{=Core.Data.ans_temp.question}}
<i class="iconfont icon-xiangxia"></i>
</div>
<div class="input" style="padding: 0;">
<input type="text" name="answer" required class="larg " placeholder="请输入答案" required/>
</div>
</div>
</div>
<ul class="inline-btn">
<li style="float: none; margin: 0 auto;"><a class="larg btn btn-orange submit op-primary" >确定</a></li>
</ul>
</div>
</script>
<script id="bind_template" type="text/x-jquery-tmpl" >
<div class="new-sdk-container">
<div class="SDK-titlebox"></div>
<div class="user-center">
<a href="#login" class="lefticon">
<i class="iconfont icon-fanhui"></i>
</a>
绑定手机
</div>
<div class="new-sdk-box">
{{? Core.Data.bind_phone == "" && Core.Data.bind_statu == 0 }}
<div class="acount-name">
账号:{{=Core.Data.username}}
</div>
<form id="bind_phone_form" action="/user/bind_mobile" class="ajax" todo="bind_phone_callback" >
<div class="input" style="padding: 0;">
<input id="js_iphone" type="text" required name="mobile" placeholder="请输入您要绑定的手机号码">
</div>
<div class="inputCode clearfix">
<div class="input fl">
<input id="js_ranks" type="text" required name="mobilecode" placeholder="请输入短信验证码">
</div>
<a href="javascript:;" class="getCode" id="js_getcode">获取验证码</a>
</div>
<ul class="inline-btn">
<li><a class="larg btn btn-orange submit" id="js_conform" value="" >确定</a></li>
<li><a class="btn" href="#home">返回</a></li>
</ul>
</form>
{{?? Core.Data.bind_statu == 1}}
<form id="bind_phone_form" action="/user/bind_mobile" class="ajax" todo="bind_phone_callback" >
<div class="new-sdk-box">
<div class="input" style="padding: 0;"><input type="text" required name="mobile" placeholder="{{=Core.Data.bind_phone}}"></div>
<p>当前号码待绑定,更换手机号码请直接修改</p>
<p>请用绑定的手机拨打<span>{{=Core.Data.mobile_helper_number}}</span>(电话会自动挂断,此呼叫免费)完成绑定,才可以通过手机修改密码。</p>
</div>
<ul class="inline-btn">
<li><a class="larg btn btn-orange submit" >保存设置</a></li>
<li><a class="btn" href="#home">返回</a></li>
</ul>
</form>
{{?? Core.Data.bind_statu == 2}}
<form action="">
<div class="new-sdk-box">
<div class="input" style="padding: 0;"><input type="text" value="{{=Core.Data.bind_phone}}"></div>
<p>解除绑定,请用绑定的手机发送短信内容“<span>qxbd</span>”发送到<span>{{=Core.Data.mobile_helper_number}}</span></p>
</div>
<div class="only-btn"><a class="btn" href="#home">返回</a></div>
</form>
{{?}}
</div>
</div>
</script>
<script id="bindMobile_template" type="text/x-jquery-tmpl">
<div class="new-sdk-container">
<div class="SDK-titlebox"></div>
<div class="user-center">
<a href="#home" class="lefticon">
<i class="iconfont icon-fanhui"></i>
</a>
绑定手机
</div>
<div class="new-sdk-box">
<div class="acount-name">
账号:{{=Core.Data.username}}
</div>
<form id="bind_mobile_form" action="/user/bind_mobile">
<div class="input" style="padding: 0;">
<input id="js_iphone" type="text" required placeholder="请输入您要绑定的手机号码">
</div>
<div class="inputCode clearfix">
<div class="input fl">
<input id="js_ranks" type="text" required placeholder="请输入短信验证码">
</div>
<a href="javascript:;" class="getCode" id="js_getcode" style="padding: 20px 0;">获取验证码</a>
</div>
<ul class="inline-btn">
<li><a class="larg btn btn-orange" id="js_conform" value="" >确定</a></li>
<li><a class="btn" href="#home">返回</a></li>
</ul>
</form>
</div>
</div>
</script>
<script id="unbindMobile_template" type="text/x-jquery-tmpl">
<div class="new-sdk-container">
<div class="SDK-titlebox"></div>
<div class="user-center">
<a href="#home" class="lefticon">
<i class="iconfont icon-fanhui"></i>
</a>
解绑手机
</div>
<div class="new-sdk-box">
<div class="acount-name">
<p style="margin-top: 0;">账号:{{=Core.Data.username}}</p>
<p>手机:<span class="phoneMobile"></span></p>
</div>
<form id="unbind_mobile_form" action="/user/bind_mobile">
<div class="inputCode clearfix">
<div class="input fl">
<input id="js_unbind_ranks" type="text" required placeholder="请输入短信验证码">
</div>
<a href="javascript:;" class="getCode" id="js_unbind_getcode" style="padding:20px 0;">获取验证码</a>
</div>
<ul class="inline-btn" style="margin-top: 25px;">
<li><a class="larg btn btn-orange" id="js_unbind" value="" >确定</a></li>
<li><a class="btn" href="#home">返回</a></li>
</ul>
</form>
</div>
</div>
</script>
<script id="identityCard_ok_template" type="text/x-jquery-tmpl">
<div class="new-sdk-container">
<div class="SDK-titlebox"></div>
<div class="user-center">
<a href="#home" class="lefticon">
<i class="iconfont icon-fanhui"></i>
</a>
实名认证
</div>
<div class="new-sdk-box">
<div class="acount-name">
<p style="margin-top: 0;">姓名:<span class="compellation_name"></span></p>
<p>身份证:<span class="identity_card"></span></p>
</div>
</div>
</div>
</script>
<script id="message_detail_template" type="text/x-jquery-tmpl">
<div class="header">
<a class="btn pull-left op-back" href="#message">返回</a>
<span class="title">消息内容</span>
</div>
<div class="container">
<div class="box_info_center">
<div class="message-comm">
<div class="align-center bor_b_h3">
<h3>{{=Core.Data.message_detail.title}}</h3>
<p class="text-info">
<span class="mar-r-10">{{=Core.Data.message_detail.nickname}}</span>
<span>[{{=Core.Data.message_detail.create_time}}]</span>
</p>
</div>
<div class="message_text">
{{=Core.Data.message_detail.content}}
</div>
</div>
</div>
</div>
</script>
<script id="activity_detail_template" type="text/x-jquery-tmpl">
<div class="new-sdk-container" style="background: #fff;">
<div class="SDK-titlebox"></div>
<div class="user-center">
<a href="#activity" class="lefticon">
<i class="iconfont icon-fanhui"></i>
</a>
活动公告详情
</div>
<div class="container activity">
<div class="align-center bor_b_h3 clearfix">
<h3 class="pull-left">{{=Core.Data.activity_detail.title}}</h3>
<p class="text-info pull-right">
<span>{{=Core.Data.activity_detail.notice_time}}</span>
</p>
</div>
<div class="box_info_center" style="height: 100%; margin: 0 37px;">
<div class="detail_scroller scroll" id="detail_scroller">
<div class="activity-comm">
<div class="activity_text">
{{=Core.Data.activity_detail.content}}
</div>
</div>
</div>
</div>
</div>
</div>
</script>
<script id='tpl_message_list_template' type='text/x-jquery-tmpl'>
{{? it.model_list.length == 1 }}
<p>没有消息.</p>
{{??}}
{{~ it.model_list :item:index }}
{{? item.id}}
<li >
<a class="item" data-id="{{=item.id}}">
<span class="pull-right">{{=item.nickname}}</span>
<span class="pull-right text-info mar-r-10">{{=item.create_time}}</span>
<p>
<span class="title">{{=item.title}}</span> {{? item.read == 0}}<span class="statu">未读</span>{{?}}
</p>
</a>
</li>
{{?}}
{{~ }}
{{? it.page_num < it.total_page}}
<li class="more">
<a class="btn" href="/message/list?page_num={{=(it.page_num+1)}}" data-role="ajax-html" data-params-template="tpl_message_list" data-params-append="true" >点击加载更多帖子</a>
</li>
{{?}}
{{?}}
</script>
<script id='tpl_activity_template' type='text/x-jquery-tmpl'>
{{? it.model_list.length == 1 }}
<p style="text-align:center; font-size:30px; margin:20px auto;">没记录...</p>
{{??}}
{{~ it.model_list :item:index }}
{{? item.id}}
<li >
<a class="item" href="#" data-id="{{=item.id}}">
<span class="pull-right act_time">{{=item.notice_time}}</span>
<span class="act_title{{? item.update_time.indexOf('刚刚') > -1}}new{{?}}">{{=item.title}}</span>
</a>
</li>
{{?}}
{{~ }}
{{? it.page_num < it.total_page}}
<li class="more">
<a class="btn" href="/sdk/notice/list?page_num={{=(it.page_num+1)}}" data-role="ajax-html" data-params-template="tpl_activity" data-params-append="true" >点击加载</a>
</li>
{{?}}
{{?}}
</script>
</div>
<script type="text/javascript" src="js/fastclick.min.1.0.js?20150923001"></script>
<script type="text/javascript" src="js/zepto.min.js?20150923001"></script>
<script type="text/javascript" src="js/doT.min.js?20150923001" ></script>
<script type="text/javascript" src="js/iscroll.min.1.0.js?20150923001" ></script>
<script type="text/javascript">
window.isGetData = 0;
$(function() {
FastClick.attach(document.body);
});
</script>
<script type="text/javascript" src="js/core.min.js?20150923001" ></script>
<script type="text/javascript" src="js/login.min.js?2016111" ></script>
<script type="text/javascript" src="js/loader.min.js?20150923001"></script>
<script type="text/javascript" src="js/simpScroller-min.js"></script>
<script type="text/javascript" src="js/identity_id.js" ></script>
<script type="text/javascript">
window.onload = window.onresize = initMatching;
$(function(){
getData('/sdk/login/json');
});
simpScroller(document.querySelector(".horizontall"), {});
// $(document).ready(function(){
// setTimeout(function(){Core.showTips($("meta[name='viewport']")[0].getAttribute("content"));}, 2000)
// })
</script>
</body>
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, user-scalable=no" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<meta name="format-detection" content="telephone=no">
<meta name="screen-orientation" content="portrait">
<meta name="full-screen" content="yes">
<meta http-equiv="x-ua-compatible" content="IE=edge" />
<link href="skin/login.css?v=2016" type="text/css" rel="stylesheet" />
<link id="skin" data-v="20150923001" type="text/css" rel="stylesheet" />
<title>
平台登录
</title>
</head>
<body>
<input type="hidden" name="loginUserName" value="">
<input type="hidden" name="loginPassword" value="">
<div class="mask">
<div class="container_load" id="loading">
<div class="content">
<div class="circle"></div>
<div class="circle1"></div>
</div>
</div>
<div class="alert alert-success hide" id="alert">
<!--<button type="button" class="close" data-dismiss="alert">&times;</button>-->
<span></span>
</div>
<!-- 登录模块 -->
<section id="login" class="" data-replace="1">
<div class="new-sdk-container">
<div class="new-container-box">
<div class="SDK-titlebox"></div>
<form action="/sdk/login" method="post" class="ajax align-left clearfix">
<div class="new-sdk-logo"><a href="#"><img src="images/new-sdk-logo.png"></a></div>
<div class="new-sdk-main">
<div class="inputbox clearfix" style="position: relative;">
<div class="ileft">账号:</div>
<div class="iright">
<input type="text" name="username" placeholder="请输入账号" id="js_login_username">
<div class="bottom-icon drop-down">
<i class="iconfont icon-xiangxia"></i>
</div>
</div>
<div class="pull-box horizontall">
<ul class="drop-ul">
</ul>
</div>
</div>
<div class="inputbox clearfix">
<div class="ileft">密码:</div>
<div class="iright"><input type="password" name="password" placeholder="请输入密码" id="js_login_password"></div>
</div>
<div class="other-login clearfix">
<p class="other-login-bx hide">第三方登录
<a title="新浪微博帐号登录" data-replace="href" href="/user/auth2/sina/login/?next=/static/sdk/login.html&app_id={app_id}" class="sina hide">
<i class=" iconfont icon-unie61d"></i>
</a>
<a title="QQ号码登录" data-replace="href" href="/user/auth2/qq/login/?next=/static/sdk/login.html&app_id={app_id}" class="qq iframe hide">
</a>
<a title="微信登录" data-replace="href" href="sdk://weixinlogin?app_id={app_id}&next=/static/sdk/login.html" class="weixin hide">
</a>
</p>
<label><a href="#find_pwd" class="forgetpsw">找回密码</a></label>
<div class="clear"></div>
<label onclick="" class="input-control pull-left hide" >
<input type="checkbox" checked="checked" class="eg" ></input>
进入帐号管理界面
</label>
</div>
</div>
<ul class="inline-btn login-inline-btn">
<li>
<a method="post" class="btn btn_pri_block" href="#register">一键注册</a>
</li>
<li>
<!-- <a class="op-guest" data-replace="href" method="post" href="/sdk/register?type=-1&app_id={app_id}">一键注册</a> -->
<a class="btn larg btn-orange submit" utocomplete="off" >登录</a>
</li>
</ul>
</form>
</div>
</div>
</section>
<!-- end -->
<!-- 登录前模块 -->
<section id="login_before" class="hide" data-replace="1">
<div class="new-sdk-container">
<div class="new-container-box">
<div class="SDK-titlebox"></div>
<div class="new-sdk-logo"><a href="#"><img src="images/new-sdk-logo.png"></a></div>
<div class="login-third-list">
<div class="title">请选择快速登录</div>
<div class="third-list">
<ul>
<li class="login_case_qq"><a title="QQ帐号登录" class="qq qq iframe" data-replace="href" href="/user/auth2/qq/login/?next=/sdk/login?app_id={app_id}"><div class="third-icon third-qq"></div><p>QQ登陆</p></a></li>
<li><a href="#register"><div class="third-icon third-guest"></div><p>游客登录</p></a></li>
<div class="clear"></div>
</ul>
</div>
<div class="only-btn"><a href="#login">返回</a></div>
</div>
</div>
</div>
</section>
<!-- end-->
<!-- 注册模块 -->
<section id="register" class="hide">
<div class="new-sdk-container">
<div class="SDK-titlebox"></div>
<div class="new-sdk-logo"><a href="#"><img src="images/new-sdk-logo.png"></a></div>
<form action="/sdk/register" class="ajax clearfix">
<div class="new-sdk-main">
<div class="inputbox clearfix">
<div class="ileft">账号:</div>
<div class="iright">
<input type="text" name="username" placeholder="帐号由3-18个英文、数字、点、减号、下划线组成" required>
<!--<div class="bottom-icon drop-down">
<i class="iconfont icon-xiangxia"></i>
</div>-->
</div>
</div>
<div class="inputbox clearfix">
<div class="ileft">密码:</div>
<div class="iright"><input name="password" placeholder="密码长度为6-16个字符,不能包含空格" required></div>
</div>
<div class="ag-tx clearfix">
<span data-action="agreement" >
<div class="checkbox checkbox-2 l" >
<i class="iconfont icon-xuanzhong"></i>
</div>
<p class="l">接受<a href="#agreement">网络服务协议</a></p>
</span>
</div>
</div>
<input type="hidden" name="old_usernmae" value="-1">
<input type="hidden" name="type" value="-1">
<ul class="inline-btn">
<li><a class="btn btn_pri_block btn-orange" href="#home">返回</a></li>
<li><input type="button" class="submit btn larg" id="btn-regist" value="确定注册"></li>
</ul>
</form>
</div>
</section>
<!-- end -->
<!-- 协议模块 -->
<section id="agreement" class="hide">
<div class="new-sdk-container">
<div class="SDK-titlebox"></div>
<div class="new-sdk-logo"><a href="#"><img src="images/new-sdk-logo.png"></a></div>
<div class="new-sdk-content" style="overflow: hidden;">
<h3>网络服务协议</h3>
<div class="content-main" style="height: 220px;">
<iframe src="agreement.html" name="myiframe" id="iframepage" frameborder="0" scrolling="auto" width="100%"></iframe>
</div>
</div>
<div class="only-btn inline-btn">
<a href="#register" class="submit btn-orange">确定</a>
<div class="agreement l" style="margin-right: 0;">
<div class="checkbox checkbox-2 l" >
<i class="iconfont icon-xuanzhong"></i>
</div>
<p class="l">已阅读</p>
</div>
</div>
</div>
</section>
<!-- end -->
<!-- 活动公告模块 -->
<section id="activity" class="hide" data-auth="1">
<div class="new-sdk-container">
<div class="SDK-titlebox"></div>
<div class="user-center">
<a href="#home" class="lefticon">
<i class="iconfont icon-fanhui"></i>
</a>
活动公告
<!--<a href="#message" class="btn-link posrgt">
个人消息
</a>-->
</div>
<div class="container activity">
<div class="box_info_center" style="height: 100%;">
<div id="activity_wrapper" style="position: relative" class="scroll">
<ol class="activity-list list" data-role="ajax-html"
data-params-url="/sdk/notice/list?page_size=10"
data-params-template="tpl_activity">
</ol>
</div>
</div>
</div>
</div>
</section>
<!-- end -->
<!-- 活动公告详细页面模块 -->
<section id="activity_detail" class="hide" data-auth="1" data-attr="dot">
</section>
<!-- end -->
<!-- 消息列表模块 -->
<section id="message" class="hide" data-auth="1">
<div class="new-sdk-container">
<div class="SDK-titlebox"></div>
<div class="user-center">
<a href="#activity" class="lefticon op-back">
<i class="iconfont icon-fanhui"></i>
</a>
个人消息
</div>
<div class="container activity">
<div class="box_info_center">
<div id="message_wrapper" style="position: relative" class="scroll">
<ol class="message-list list" data-role="ajax-html"
data-params-url="/message/list?page_size=10"
data-params-template="tpl_message_list">
</ol>
</div>
</div>
</div>
</div>
</section>
<!-- end -->
<section id="message_detail" class="hide" data-attr="dot">
</section>
<section id="identityCard" class="hide" data-attr="dot">
</section>
<section id="identityCard_ok" class="hide" data-attr="dot">
</section>
<!-- 找回密码模块 -->
<section id="find_pwd" class="hide" data-replace="1">
<input type="hidden" name="pwd_code" value="">
<div class="new-sdk-container">
<div class="SDK-titlebox"></div>
<div class="user-center" style="border-bottom: none;">
<a href="#login" class="lefticon">
<i class="iconfont icon-fanhui"></i>
</a>
<span>找回密码</span>
</div>
<div class="pwd_box">
<ul class="step-tab">
<li><a href="javascript:;">通过手机找回</a></li>
<li><a href="javascript:;">通过密保找回</a></li>
<!--<li><a href="javascript:;">通过邮箱找回</a></li>-->
<li><a href="javascript:;">联系客服</a></li>
</ul>
<div class="step-box">
<div id="mobile_get_pwd_form" class="hide" style="border-top: 1px solid #fff;">
<div class="new-sdk-box">
<div class="input" style="padding: 15px 0;">
<input id="js_findPSW_accout" type="text" required name="accout" placeholder="请输入您的账号" style="margin: 0;">
</div>
<div class="input" style="padding: 15px 0;">
<input id="js_findPSW_mobile" type="text" required name="mobile" placeholder="请输入您绑定的手机号码" style="margin: 0;">
</div>
<div class="inputCode clearfix">
<div class="input fl" style="padding: 15px 0;">
<input id="js_findPSW_ranks" type="text" required name="mobilecode" placeholder="请输入短信验证码" style="margin: 0;">
</div>
<a href="javascript:;" class="getCode" id="js_findPSW_getcode" style="padding:15px 0;">获取验证码</a>
</div>
<ul class="inline-btn" style="margin-top: 15px;">
<li style="background: none;"><a class="larg btn btn-orange" value="" id="js_findPSW_confirm">确定</a></li>
<li style="background: none; border-radius: 20px;"><a class="btn" href="#home" id="returnhome">返回</a></li>
</ul>
</div>
</div>
<div id="question_get_pwd_form" action="/sdk/find/question" todo="get_question_callback" method="post" class="function-list-content ajax hide form">
<div class="question-input-box clearfix">
<div class="pull-left qib-txt">
您的账户:
</div>
<div class="pull-left qib-input">
<input type="text" name="username" placeholder="输入您的账号" style="text-align: left;" class="function-input username" required/>
</div>
</div>
<a href="javascript:;" class="pwd_btn op-primary btn-orange">确定</a>
</div>
<!--<div id="email_get_pwd_form" action="/user/password_by_mail" todo="password_by_mail_callback" class="function-list-content ajax hide form">
<input type="text" name="email" placeholder="输入您绑定的邮箱地址" class="function-input mail" style="margin: 0 0 30px;"/>
<a href="javascript:;" class="pwd_btn op-primary btn-orange">确定</a>
</div>-->
<div class="function-list-content hide">
<div class="pwd_txt">
<div class="default_text">
<p>客服QQ:<a href="javascript:;" id="js_kefu_qq"></a></p>
<p>客服电话:<a href="tel:"></a></p>
<p>玩家交流群:<a href="javascript:;" id="js_player"></a></p>
</div>
<div class="get_text"></div>
</div>
<a href="javascript:;" class="kefu_subbtn">确定</a>
</div>
<div class="reset_psw_mobile hide" style="border-top: 1px solid #fff;">
<div class="new-sdk-box">
<div class="acount-name">
<p style="margin-top: 0;">账号:<span id="js_UserName" style="color: #000;"></span></p>
</div>
<div class="inputCode clearfix">
<div class="input fl" style="width: 100%; padding:15px 0;">
<input type="text" required placeholder="请输入新密码" id="js_reset_newpsw" style="margin: 0; text-align: left; padding: 0 20px;">
</div>
</div>
<div class="ag-tx clearfix">
<span data-action="">
<div class="checkbox checkbox-2 l">
<i class="iconfont icon-xuanzhong"></i>
</div>
<p class="l" style="margin-top: 0;">显示密码</p>
</span>
</div>
<a href="javascript:;" class="btn-orange" id="js_confirm_resetnewpsw">保存修改</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- end -->
<section id="help" class="hide" data-auth="1">
<div class="header">
<span class="title">手游平台</span>
<a class="btn pull-left op-back" href="#home">返回</a>
</div>
<div class="container">
<div class="box_info_center">
<div class='align-left'>
</div>
</div>
</div>
</section>
<!-- 首页模块 -->
<section id="home" class="hide" data-attr="dot" data-auth="1"></section>
<!-- 重置密码模块 -->
<section id="reset_pwd" data-attr="dot" class="hide"></section>
<!-- 修改密码模块 -->
<section id="modify_pwd" data-attr="dot" class="hide" data-auth="1"></section>
<!-- 密保模块 -->
<section id="mibao" data-attr="dot" class="hide" data-auth="1"></section>
<!-- 回答密保模块 -->
<section id="answer_question" data-attr="dot" class="hide"></section>
<!-- 绑定模块 -->
<section id="bind" data-attr="dot" class="hide" data-auth="1"></section>
<!-- 绑定手机 -->
<section id="bindMobile" data-attr="dot" class="hide" data-auth="1"></section>
<!-- 解绑手机模块 -->
<section id="unbindMobile" data-attr="dot" class="hide" data-auth="1"></section>
<!-- 绑定邮箱模块 -->
<section id="mail" data-attr="dot" class="hide" data-auth="1"></section>
<!-- doT模板 -->
<section id="frame" data-attr="dot" class="hide" ></section>
<script id="frame_template" type="text/x-jquery-tmpl" >
<div class="new-sdk-container">
<div class="SDK-titlebox"></div>
<div class="new-sdk-logo" style="position: relative; margin-bottom: 25px;">
<a href="#"><img src="images/new-sdk-logo.png"></a>
<a href="#login" class="lefticon" style="position: absolute; left: 37px; top: 20px;">
<i class="iconfont icon-fanhui"></i>
</a>
</div>
<div class="container" style=" margin-bottom: 20px;">
<div class="ios_scroll">
<iframe frameborder=0 src="{{=Core.Data.frame_src}}" scrolling="yes" width="100%" height="100%"></iframe>
</div>
</div>
</div>
</script>
<script id="home_template" type="text/x-jquery-tmpl">
<input type="hidden" name="initUserName" value="{{=Core.Data.nickname}}" />
<div class="new-sdk-container">
<div class="new-container-box">
<div class="SDK-titlebox"></div>
<div class="user-center">
用户中心
<a href="/sdk/logout" class="op-logout">切换账户</a>
</div>
{{? Core.Data.is_guest == 1}}
<div class="user-center-box">
<div class="top clearfix">
<div class="pull-left txt w_45">
<p>欢迎您!</p>
<p>{{=Core.Data.nickname}}</p>
</div>
<div class="inline-btn pull-right w_45">
{{? Core.Data.force_auth == 1 && Core.Data.compellation_name == "" && Core.Data.identity_card == ""}}
<a href="#identityCard" class="btn btn-orange js-enter-game">进入游戏</a>
{{??}}
<a href="javascript:Core.finishLogin()" class="btn btn-orange">进入游戏</a>
{{?}}
</div>
</div>
<div class="bind-user">
<div class="w_50 txt" style="display: inline-block; vertical-align: middle;">
您当前还是游客,为保证账号安全,请升级账号!
</div>
<div class="inline-btn w_45" style="display: inline-block; vertical-align: ;">
<a class="btn btn-bind" href="#modify_pwd">马上升级</a>
</div>
</div>
{{? Core.Data.kefu_info != ""}}
<p style="text-align: center;font-size: 20px; color: #949494; position: absolute; width: 100%; bottom: 10px;left:0;">{{=Core.Data.kefu_info[0]}}</p>
{{?}}
</div>
{{?? Core.Data.is_guest == 2}}<!--1:游客登录;2:第三方登录;0:正式用户登录-->
<div class="user-center-box">
<div class="top clearfix" style="border-bottom: none;">
<div class="pull-left txt w_45">
<p>欢迎您!</p>
<p>{{=Core.Data.nickname}}</p>
</div>
<div class="inline-btn pull-right w_45">
{{? Core.Data.force_auth == 1 && Core.Data.compellation_name == "" && Core.Data.identity_card == ""}}
<a href="#identityCard" class="btn btn-orange js-enter-game">进入游戏</a>
{{??}}
<a href="javascript:Core.finishLogin()" class="btn btn-orange">进入游戏</a>
{{?}}
</div>
</div>
{{? Core.Data.bind_phone === ""}}
<ul class="list-item clearfix">
<li style="position: relative;"><a href="#bindMobile">绑定手机</a><span class="redround"></span></li>
<li><a href="#mibao">设置密保</a></li>
<li><a href="#modify_pwd">修改密码</a></li>
</ul>
{{??}}
<ul class="list-item clearfix">
<li style="width:50%;"><a href="#unbindMobile">解绑手机</a></li>
<li style="width:50%;"><a href="#mibao">设置密保</a></li>
</ul>
<ul class="list-item clearfix" style="border-top:none;">
<li style="width:50%;"><a href="#modify_pwd">修改密码</a></li>
<li style="width:50%;"><a href="#identityCard">实名认证</a></li>
</ul>
{{? Core.Data.kefu_info != ""}}
<p style="text-align: center;font-size: 20px; color: #949494; position: absolute; width: 100%; bottom: 10px;left:0;">{{=Core.Data.kefu_info[0]}}</p>
{{?}}
{{?}}
</div>
{{?? Core.Data.is_guest == 0}}
<div class="user-center-box">
<div class="top clearfix" style="border-bottom: none;">
<div class="pull-left txt w_45">
<p>欢迎您!</p>
<p>{{=Core.Data.nickname}}</p>
</div>
<div class="inline-btn pull-right w_45">
{{? Core.Data.force_auth == 1 && Core.Data.compellation_name == "" && Core.Data.identity_card == ""}}
<a href="#identityCard" class="btn btn-orange js-enter-game">进入游戏</a>
{{??}}
<a href="javascript:Core.finishLogin()" class="btn btn-orange">进入游戏</a>
{{?}}
</div>
</div>
{{? Core.Data.force_auth == 1}}
<ul class="list-item clearfix">
{{? Core.Data.bind_phone === ""}}
<li style="position: relative;width:50%;"><a href="#bindMobile">绑定手机</a><span class="redround"></span></li>
{{??}}
<li style="width:50%;"><a href="#unbindMobile">解绑手机</a></li>
{{?}}
<li style="width:50%;"><a href="#mibao">设置密保</a></li>
</ul>
<ul class="list-item clearfix" style="border-top:none;">
<li style="width:50%;"><a href="#modify_pwd">修改密码</a></li>
{{? Core.Data.compellation_name === "" && Core.Data.identity_card === ""}}
<li style="width:50%;"><a href="#identityCard">实名认证</a></li>
{{??}}
<li style="width:50%;position:relative;"><a href="#identityCard_ok">实名认证
<span style="position:absolute;right:5px;top:5px;color:#fff;background:#ff9600;padding:3px 10px;border-radius:10px;font-size:20px;">已认证</span>
</a></li>
{{?}}
</ul>
{{? Core.Data.kefu_info != ""}}
<p style="text-align: center;font-size: 20px; color: #949494; position: absolute; width: 100%; bottom: 10px;left:0;">{{=Core.Data.kefu_info[0]}}</p>
{{?}}
{{??}}
{{? Core.Data.bind_phone === ""}}
<ul class="list-item clearfix">
<li style="position: relative;"><a href="#bindMobile">绑定手机</a><span class="redround"></span></li>
<li><a href="#mibao">设置密保</a></li>
<li><a href="#modify_pwd">修改密码</a></li>
</ul>
{{? Core.Data.kefu_info != ""}}
<p style="text-align: center;font-size: 20px; color: #949494; position: absolute; width: 100%; bottom: 10px;left:0;">{{=Core.Data.kefu_info[0]}}</p>
{{?}}
{{??}}
<ul class="list-item clearfix">
<li style="width:50%;"><a href="#unbindMobile">解绑手机</a></li>
<li style="width:50%;"><a href="#mibao">设置密保</a></li>
</ul>
<ul class="list-item clearfix" style="border-top:none;">
<li style="width:50%;"><a href="#modify_pwd">修改密码</a></li>
{{? Core.Data.compellation_name === "" && Core.Data.identity_card === ""}}
<li style="width:50%;"><a href="#identityCard">实名认证</a></li>
{{??}}
<li style="width:50%;position:relative;"><a href="#identityCard_ok">实名认证
<span style="position:absolute;right:5px;top:5px;color:#fff;background:#ff9600;padding:3px 10px;border-radius:10px;font-size:20px;">已认证</span>
</a></li>
{{?}}
</ul>
{{? Core.Data.kefu_info != ""}}
<p style="text-align: center;font-size: 20px; color: #949494; position: absolute; width: 100%; bottom: 10px;left:0;">{{=Core.Data.kefu_info[0]}}</p>
{{?}}
{{?}}
{{?}}
<!--<ul class="list-item clearfix">
{{? Core.Data.bind_phone === ""}}
<li style="position: relative;"><a href="#bindMobile">绑定手机</a><span class="redround"></span></li>
{{??}}
<li><a href="#unbindMobile">解绑手机</a></li>
<li><a href="#">实名认证</a></li>
{{?}}
<li><a href="#mibao">设置密保</a></li>
<li><a href="#modify_pwd">修改密码</a></li>
</ul>-->
</div>
{{?}}
</div>
</div>
</script>
<script id="mail_template" type="text/x-jquery-tmpl" >
<div class="new-sdk-container">
<div class="SDK-titlebox"></div>
<div class="user-center">
<a href="#home" class="lefticon">
<i class="iconfont icon-fanhui"></i>
</a>
绑定邮箱
</div>
{{? Core.Data.bind_mail_statu == 0}}
<div class="new-sdk-box">
<div class="acount-name">
账号:{{=Core.Data.username}}
</div>
<form id="pwd_by_question_form" action="/user/bind_mail" class="ajax" method="post">
<div class="input" style="padding: 0;">
<input type="text" name="email" required placeholder="请输入你要绑定的邮箱">
<input type="text" value="1" name="email_1" required placeholder="请输入你要绑定的邮箱" style="display: none;">
</div>
</form>
<p>提示:发送绑定邮件后,请您登录邮箱操作!</p>
</div>
<ul class="inline-btn">
<li style="margin: 0 auto; padding: 1em 0; float: none;">
<a class="submit btn larg btn-orange" href="">发送绑定邮件</a>
</li>
</ul>
{{?? Core.Data.bind_mail_statu == 1}}
<div class="new-sdk-box">
<form id="bind_mail_form" action="/user/bind_mail" class="ajax" todo="bind_mail_callback" style="display:none; ">
<div class="input">
<input type="text" name="email" required placeholder="输入想要绑定的邮箱地址">
<input type="text" value="1" name="email_1" required placeholder="请输入你要绑定的邮箱" style="display: none;">
</div>
</form>
<p>待绑定邮箱:<span class="text-info">{{=Core.Data.mail}}</span></p>
</div>
<ul class="inline-btn">
<li style="margin: 0 auto; padding: 1em 0; float: none;" id="change-mail-btn" class=""><a class="btn larg btn-orange" href="#">更换邮箱</a></li>
<li style="margin: 0 auto; padding: 1em 0; float: none; background: #ff9600;" id="bind-mail-btn" class="hide"><a class="btn larg op-primary btn-orange" href="#home">保存设置</a></li>
</ul>
{{?? Core.Data.bind_mail_statu == 2}}
<div class="new-sdk-box">
<div class="input" style="padding: 0;">
<input type="text" name="email" required disabled="disabled" value="{{=Core.Data.mail}}">
</div>
<p>可以通过绑定的邮箱找回密码</p>
</div>
{{?}}
</div>
</script>
<script id="reset_pwd_template" type="text/x-jquery-tmpl" >
<div class="new-sdk-container">
<div class="SDK-titlebox"></div>
<div class="new-sdk-box">
<div class="question-input mt10">
账号:{{=Core.Data.username}}
</div>
<div class="question-input mt10">
<p>你的新密码是:{{=Core.Data.new_pwd}}</p>
<p style="color: #949494;">请妥善保管,切勿外泄</p>
</div>
</div>
<ul class="inline-btn">
<li style="float: none; margin: 0 auto;"><a class="larg btn btn-orange" href="#login">我知道了</a></li>
</ul>
</div>
</script>
<script id="modify_pwd_template" type="text/x-jquery-tmpl">
<div class="new-sdk-container">
<div class="SDK-titlebox"></div>
<div class="user-center">
<a href="#home" class="lefticon">
<i class="iconfont icon-fanhui"></i>
</a>
{{? Core.Data.is_guest == 1}}升级账号{{??}}修改密码{{?}}
</div>
<form action="/sdk/change_password" mthod="post" class="ajax " todo="modify_pwd_callback" >
<div class="new-sdk-box">
<div class="input new-sdk-psw clearfix">
<i>{{? Core.Data.is_guest == 1}}正式账号:{{??}}旧密码:{{?}}</i>
<label>
<input {{? Core.Data.is_guest == 1}}type="text"{{??}}type="password"{{?}} class="old_pwd required " name="{{? Core.Data.is_guest >= 1}}username{{??}}password{{?}}" value="{{? Core.Data.new_pwd}}{{=Core.Data.new_pwd}}{{?}}" required="required" placeholder="{{? Core.Data.is_guest == 1}}请输入3-18位字母或数字{{??}}请输入旧密码{{?}}" required/>
</label>
</div>
<div class="input new-sdk-psw clearfix">
<i>{{? Core.Data.is_guest == 1}}正式密码:{{??}}新密码:{{?}}</i>
<label>
<input class="" name="newpwd" required type="text" placeholder="{{? Core.Data.is_guest == 1}}请输入6-16位字母或数字{{??}}请输入密码{{?}}" />
</label>
</div>
{{? Core.Data.is_guest == 1}}<p>升级账号成功之后,<span class="red">游客账号作废</span>,请妥善保管正式账号</p>{{??}}{{?}}
</div>
<ul class="inline-btn">
<li style="margin: 0 auto; padding: 1em 0; float: none;">
<a class="submit btn larg btn-orange" autocomplete="off" >保存更改</a>
</li>
</ul>
</form>
</div>
</script>
<script id="identityCard_template" type="text/x-jquery-tmpl" >
<div class="new-sdk-container">
<div class="SDK-titlebox"></div>
<div class="user-center">
<a href="#home" class="lefticon">
<i class="iconfont icon-fanhui"></i>
</a>
实名认证
</div>
<form action="/user/bind_identity_card" method="post" class="ajax" onkeydown="if(event.keyCode==13) return false;" >
<div class="new-sdk-box">
<div class="input" style="padding:0 25px;"><input type="text" name="identity_card" required placeholder="请输入注册身份证号码" style="text-align: left;"></div>
<div class="input" style="padding:0 25px;"><input type="text" name="compellation_name" required placeholder="请输入姓名" style="text-align: left;"></div>
</div>
<ul class="inline-btn">
<li style="padding: 1em 0; float: none; margin: 0 auto;"><a class="submit btn larg btn-orange" autocomplete="off">提交</a></li>
</ul>
</form>
</div>
</script>
<script id="mibao_template" type="text/x-jquery-tmpl" >
{{? Core.Data.safe_question == "" }}
<div class="new-sdk-container">
<div class="SDK-titlebox"></div>
<div class="user-center">
<a href="#home" class="lefticon">
<i class="iconfont icon-fanhui"></i>
</a>
设置密保
</div>
<form action="/sdk/set_mibao" mthod="post" class="ajax" todo="mibao_callback" onkeydown="if(event.keyCode==13) return false;" >
<div class="new-sdk-box">
<div class="input select" style="padding:0 25px; position: relative;">
<select name="question" class="" >
{{~ Core.Data.question_list :item:index }}
<option value='{{=item}}'>{{=item}}</option>
{{~}}
</select>
<i class="iconfont icon-xiangxia" style="
position: absolute;
right: -25px;
top: 21px;
"></i>
</div>
<div class="input" style="padding:0 25px;"><input type="text" name="answer" required placeholder="输入密保保护答案" style="text-align: left;"></div>
<p style="color: #595757; font-size: 18px; margin-top: 10px;">设置密保,能通过回答问题找回忘记的密码</p>
</div>
<ul class="inline-btn">
<li style="padding: 1em 0; float: none; margin: 0 auto;"><a class="submit btn larg btn-orange" autocomplete="off">保存设置</a></li>
</ul>
</form>
</div>
{{??}}
<div class="new-sdk-container">
<div class="SDK-titlebox"></div>
<div class="user-center">
<a href="#home" class="lefticon">
<i class="iconfont icon-fanhui"></i>
</a>
设置密保
</div>
<form action="">
<div class="new-sdk-box">
<p>问题:{{=Core.Data.safe_question}}</p>
<p>答案:{{=Core.Data.safe_answer}}</p>
</div>
</form>
</div>
{{?}}
</script>
<script id="answer_question_template" type="text/x-jquery-tmpl" >
<div class="new-sdk-container">
<div class="SDK-titlebox"></div>
<div class="user-center">
<a href="#login" class="lefticon back-btn">
<i class="iconfont icon-fanhui"></i>
</a>
密保找回密码
</div>
<div class="new-sdk-box" style="border-top: 1px solid #c4c3c3;">
<div id="pwd_by_question_form" action="/sdk/find/question/" class="ajax " method="post" >
<input type="hidden" name="username" value="{{=Core.Data.ans_temp.username}}" />
<input type="hidden" name="question" value="{{=Core.Data.ans_temp.question}}" />
<div class="question-input" style="margin-bottom: 20px;">
{{=Core.Data.ans_temp.question}}
<i class="iconfont icon-xiangxia"></i>
</div>
<div class="input" style="padding: 0;">
<input type="text" name="answer" required class="larg " placeholder="请输入答案" required/>
</div>
</div>
</div>
<ul class="inline-btn">
<li style="float: none; margin: 0 auto;"><a class="larg btn btn-orange submit op-primary" >确定</a></li>
</ul>
</div>
</script>
<script id="bind_template" type="text/x-jquery-tmpl" >
<div class="new-sdk-container">
<div class="SDK-titlebox"></div>
<div class="user-center">
<a href="#login" class="lefticon">
<i class="iconfont icon-fanhui"></i>
</a>
绑定手机
</div>
<div class="new-sdk-box">
{{? Core.Data.bind_phone == "" && Core.Data.bind_statu == 0 }}
<div class="acount-name">
账号:{{=Core.Data.username}}
</div>
<form id="bind_phone_form" action="/user/bind_mobile" class="ajax" todo="bind_phone_callback" >
<div class="input" style="padding: 0;">
<input id="js_iphone" type="text" required name="mobile" placeholder="请输入您要绑定的手机号码">
</div>
<div class="inputCode clearfix">
<div class="input fl">
<input id="js_ranks" type="text" required name="mobilecode" placeholder="请输入短信验证码">
</div>
<a href="javascript:;" class="getCode" id="js_getcode">获取验证码</a>
</div>
<ul class="inline-btn">
<li><a class="larg btn btn-orange submit" id="js_conform" value="" >确定</a></li>
<li><a class="btn" href="#home">返回</a></li>
</ul>
</form>
{{?? Core.Data.bind_statu == 1}}
<form id="bind_phone_form" action="/user/bind_mobile" class="ajax" todo="bind_phone_callback" >
<div class="new-sdk-box">
<div class="input" style="padding: 0;"><input type="text" required name="mobile" placeholder="{{=Core.Data.bind_phone}}"></div>
<p>当前号码待绑定,更换手机号码请直接修改</p>
<p>请用绑定的手机拨打<span>{{=Core.Data.mobile_helper_number}}</span>(电话会自动挂断,此呼叫免费)完成绑定,才可以通过手机修改密码。</p>
</div>
<ul class="inline-btn">
<li><a class="larg btn btn-orange submit" >保存设置</a></li>
<li><a class="btn" href="#home">返回</a></li>
</ul>
</form>
{{?? Core.Data.bind_statu == 2}}
<form action="">
<div class="new-sdk-box">
<div class="input" style="padding: 0;"><input type="text" value="{{=Core.Data.bind_phone}}"></div>
<p>解除绑定,请用绑定的手机发送短信内容“<span>qxbd</span>”发送到<span>{{=Core.Data.mobile_helper_number}}</span></p>
</div>
<div class="only-btn"><a class="btn" href="#home">返回</a></div>
</form>
{{?}}
</div>
</div>
</script>
<script id="bindMobile_template" type="text/x-jquery-tmpl">
<div class="new-sdk-container">
<div class="SDK-titlebox"></div>
<div class="user-center">
<a href="#home" class="lefticon">
<i class="iconfont icon-fanhui"></i>
</a>
绑定手机
</div>
<div class="new-sdk-box">
<div class="acount-name">
账号:{{=Core.Data.username}}
</div>
<form id="bind_mobile_form" action="/user/bind_mobile">
<div class="input" style="padding: 0;">
<input id="js_iphone" type="text" required placeholder="请输入您要绑定的手机号码">
</div>
<div class="inputCode clearfix">
<div class="input fl">
<input id="js_ranks" type="text" required placeholder="请输入短信验证码">
</div>
<a href="javascript:;" class="getCode" id="js_getcode" style="padding: 20px 0;">获取验证码</a>
</div>
<ul class="inline-btn">
<li><a class="larg btn btn-orange" id="js_conform" value="" >确定</a></li>
<li><a class="btn" href="#home">返回</a></li>
</ul>
</form>
</div>
</div>
</script>
<script id="unbindMobile_template" type="text/x-jquery-tmpl">
<div class="new-sdk-container">
<div class="SDK-titlebox"></div>
<div class="user-center">
<a href="#home" class="lefticon">
<i class="iconfont icon-fanhui"></i>
</a>
解绑手机
</div>
<div class="new-sdk-box">
<div class="acount-name">
<p style="margin-top: 0;">账号:{{=Core.Data.username}}</p>
<p>手机:<span class="phoneMobile"></span></p>
</div>
<form id="unbind_mobile_form" action="/user/bind_mobile">
<div class="inputCode clearfix">
<div class="input fl">
<input id="js_unbind_ranks" type="text" required placeholder="请输入短信验证码">
</div>
<a href="javascript:;" class="getCode" id="js_unbind_getcode" style="padding:20px 0;">获取验证码</a>
</div>
<ul class="inline-btn" style="margin-top: 25px;">
<li><a class="larg btn btn-orange" id="js_unbind" value="" >确定</a></li>
<li><a class="btn" href="#home">返回</a></li>
</ul>
</form>
</div>
</div>
</script>
<script id="identityCard_ok_template" type="text/x-jquery-tmpl">
<div class="new-sdk-container">
<div class="SDK-titlebox"></div>
<div class="user-center">
<a href="#home" class="lefticon">
<i class="iconfont icon-fanhui"></i>
</a>
实名认证
</div>
<div class="new-sdk-box">
<div class="acount-name">
<p style="margin-top: 0;">姓名:<span class="compellation_name"></span></p>
<p>身份证:<span class="identity_card"></span></p>
</div>
</div>
</div>
</script>
<script id="message_detail_template" type="text/x-jquery-tmpl">
<div class="header">
<a class="btn pull-left op-back" href="#message">返回</a>
<span class="title">消息内容</span>
</div>
<div class="container">
<div class="box_info_center">
<div class="message-comm">
<div class="align-center bor_b_h3">
<h3>{{=Core.Data.message_detail.title}}</h3>
<p class="text-info">
<span class="mar-r-10">{{=Core.Data.message_detail.nickname}}</span>
<span>[{{=Core.Data.message_detail.create_time}}]</span>
</p>
</div>
<div class="message_text">
{{=Core.Data.message_detail.content}}
</div>
</div>
</div>
</div>
</script>
<script id="activity_detail_template" type="text/x-jquery-tmpl">
<div class="new-sdk-container" style="background: #fff;">
<div class="SDK-titlebox"></div>
<div class="user-center">
<a href="#activity" class="lefticon">
<i class="iconfont icon-fanhui"></i>
</a>
活动公告详情
</div>
<div class="container activity">
<div class="align-center bor_b_h3 clearfix">
<h3 class="pull-left">{{=Core.Data.activity_detail.title}}</h3>
<p class="text-info pull-right">
<span>{{=Core.Data.activity_detail.notice_time}}</span>
</p>
</div>
<div class="box_info_center" style="height: 100%; margin: 0 37px;">
<div class="detail_scroller scroll" id="detail_scroller">
<div class="activity-comm">
<div class="activity_text">
{{=Core.Data.activity_detail.content}}
</div>
</div>
</div>
</div>
</div>
</div>
</script>
<script id='tpl_message_list_template' type='text/x-jquery-tmpl'>
{{? it.model_list.length == 1 }}
<p>没有消息.</p>
{{??}}
{{~ it.model_list :item:index }}
{{? item.id}}
<li >
<a class="item" data-id="{{=item.id}}">
<span class="pull-right">{{=item.nickname}}</span>
<span class="pull-right text-info mar-r-10">{{=item.create_time}}</span>
<p>
<span class="title">{{=item.title}}</span> {{? item.read == 0}}<span class="statu">未读</span>{{?}}
</p>
</a>
</li>
{{?}}
{{~ }}
{{? it.page_num < it.total_page}}
<li class="more">
<a class="btn" href="/message/list?page_num={{=(it.page_num+1)}}" data-role="ajax-html" data-params-template="tpl_message_list" data-params-append="true" >点击加载更多帖子</a>
</li>
{{?}}
{{?}}
</script>
<script id='tpl_activity_template' type='text/x-jquery-tmpl'>
{{? it.model_list.length == 1 }}
<p style="text-align:center; font-size:30px; margin:20px auto;">没记录...</p>
{{??}}
{{~ it.model_list :item:index }}
{{? item.id}}
<li >
<a class="item" href="#" data-id="{{=item.id}}">
<span class="pull-right act_time">{{=item.notice_time}}</span>
<span class="act_title{{? item.update_time.indexOf('刚刚') > -1}}new{{?}}">{{=item.title}}</span>
</a>
</li>
{{?}}
{{~ }}
{{? it.page_num < it.total_page}}
<li class="more">
<a class="btn" href="/sdk/notice/list?page_num={{=(it.page_num+1)}}" data-role="ajax-html" data-params-template="tpl_activity" data-params-append="true" >点击加载</a>
</li>
{{?}}
{{?}}
</script>
</div>
<script type="text/javascript" src="js/fastclick.min.1.0.js?20150923001"></script>
<script type="text/javascript" src="js/zepto.min.js?20150923001"></script>
<script type="text/javascript" src="js/doT.min.js?20150923001" ></script>
<script type="text/javascript" src="js/iscroll.min.1.0.js?20150923001" ></script>
<script type="text/javascript">
window.isGetData = 0;
$(function() {
FastClick.attach(document.body);
});
</script>
<script type="text/javascript" src="js/core.min.js?20150923001" ></script>
<script type="text/javascript" src="js/login.min.js?2016111" ></script>
<script type="text/javascript" src="js/loader.min.js?20150923001"></script>
<script type="text/javascript" src="js/simpScroller-min.js"></script>
<script type="text/javascript" src="js/identity_id.js" ></script>
<script type="text/javascript">
window.onload = window.onresize = initMatching;
$(function(){
getData('/sdk/login/json');
});
simpScroller(document.querySelector(".horizontall"), {});
// $(document).ready(function(){
// setTimeout(function(){Core.showTips($("meta[name='viewport']")[0].getAttribute("content"));}, 2000)
// })
</script>
</body>
</html>
\ No newline at end of file
......
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<meta name="format-detection" content="telephone=no">
<meta name="screen-orientation" content="portrait">
<meta name="full-screen" content="yes">
<meta http-equiv="x-ua-compatible" content="IE=edge" />
<link href="skin/pay.css?v=20150318002" type="text/css" rel="stylesheet" />
<link id="skin" data-v="20150318001" type="text/css" rel="stylesheet" />
<style>
.ios input[type="text"], .ios input[type="password"]{ width: auto; line-height: 84px;}
</style>
<title>
手游平台支付
</title>
</head>
<body>
<div class="mask">
<div class="container_load" id="loading">
<div class="content">
<div class="circle"></div>
<div class="circle1"></div>
</div>
</div>
<div class="alert alert-success hide" id="alert">
<button type="button" class="close" data-dismiss="alert">&times;</button>
<span></span>
</div>
<!-- 首页模块 -->
<section id="home" class="hide" data-attr="dot" data-auth="1"></section>
<!-- end -->
<!-- 兑换元宝列表模块 -->
<section id="exchange" class="hide" data-attr="dot" data-auth="1"></section>
<!-- end -->
<!-- 充值方式列表模块 -->
<section id="channel_list" class="hide" data-attr="dot" data-auth="1"></section>
<!-- end -->
<!-- 充值操作模块 -->
<section id="pay" class="hide" data-attr="dot" data-auth="1"></section>
<!-- end -->
<!-- 客服问题列表模块 -->
<section id="kefu_list" class="hide" data-auth="1" data-attr="dot"></section>
<!-- end -->
<!-- 账号升级模块 -->
<section id="modify_pwd" class="hide" data-auth="1" data-attr="dot"></section>
<!-- end -->
<!-- 客服问题详细页面模块 -->
<section id="question_detail" class="hide" data-auth="1" data-attr="dot"></section>
<!-- 充值记录模块 -->
<section id="trade_record" class="hide" data-auth="1" >
<div class="header">
<span class="title">充值记录</span>
<a class="iconfont icon-iconfontxiangyou poslft" href="#channel_list"></a>
<!-- <a class="btn pull-right" href="#proxy_record">代付记录</a> -->
</div>
<div class="container">
<div class="box_info_center">
<div id="wrapper" style="position:relative" class="scroll">
<div id="scroller">
<ol class="trade-list" data-role="ajax-html"
data-params-url="/trade/list/user?page_size=5" data-params-template="tpl_trade_record">
</ol>
</div>
</div>
</div>
</div>
</section>
<!-- 代付记录模块 -->
<section id="proxy_record" class="hide" data-auth="1">
<div class="header">
<span class="title">代付记录</span>
<a class="iconfont icon-iconfontxiangyou poslft" href="#trade_record">返回</a>
</div>
<div class="container">
<div class="box_info_center">
<div id="proxy_wrapper" style="position:relative" class="scroll">
<div id="proxy_scroller">
<ol class="trade-list" data-role="ajax-html" data-params-url="/trade/list/proxy?page_size=5" data-params-template="tpl_proxy_record">
</ol>
</div>
</div>
</div>
</div>
</section>
<section id="pay_feedback" class="hide" data-replace="1">
<div class="header">
<span class="title">充值问题</span>
<a class="iconfont icon-iconfontxiangyou poslft" href="#pay"></a>
<a class="btn-link posrgt" href="#kefu_list">在线客服</a>
</div>
<div class="container">
<div class="box_info_center">
<form class="ajax mar-t-10" method="post" action="/user/question/add">
<input type="hidden" name="game_id" data-replace="value" value="{app_id}"/>
<input type="hidden" name="q_type" value="2"/>
<input type="hidden" name="secret" value="1">
<textarea name="content" cols="40" rows="5" placeholder="请输入问题描述,字数限制在150内."></textarea>
<input type="submit" class="btn submit" value="提交" style="background: #ff9600;"/>
</form>
<p class="text-muted align-left">注:提交问题后,可通过在线客服,查看问题是否得到解决</p>
</div>
</div>
</section>
<!-- 代付模块 -->
<section id="pay_proxy" data-attr="dot" class="hide" data-auth="1"></section>
<!-- end -->
<!-- 充值结果模块 -->
<section id="pay_result" data-attr="dot" class="hide" data-auth="1"></section>
<!-- end -->
<!-- 确认付款 模块 -->
<!-- <section id="pay_confirm" data-attr="dot" class="hide" data-auth="1"></section> -->
<!-- end -->
<!-- 其他充值方式模块 -->
<section id="other" data-attr="dot" class="hide" data-auth="1"></section>
<!-- end -->
<!-- 邀请好友模块 -->
<section id="invite_friend" data-attr="dot" class="hide" data-auth="1"></section>
<!-- end -->
<!-- 验证码模块 -->
<section id="verify" data-attr="dot" class="hide" data-auth="1"></section>
<!-- end -->
<section id="pay_for" data-attr="dot" class="hide" data-auth="1"></section>
<section id="frame" data-attr="dot" class="hide" data-auth="1"></section>
<script id="frame_template" type="text/x-jquery-tmpl" >
<div class="header">
<span class="title">{{=Core.Data.frame_title}}</span>
<a class="iconfont icon-iconfontxiangyou poslft" href="javascript:Core.finishPay()"></a>
</div>
<div class="container" style="">
<div class="container_load in_frame" id="loading_frame" onclick="$(this).hide()">
<div class="content">
<div class="circle"></div>
<div class="circle1"></div>
</div>
</div>
<a class="btn scroll-btn scroll-up"><img src="skin/img/s_up.png"></a>
<a class="btn scroll-btn scroll-down"><img src="skin/img/s_down.png"></a>
<div class="ios_scroll">
<iframe frameborder=0 src="{{=Core.Data.frame_src}}" scrolling="yes" width="100%" height="100%"></iframe>
</div>
</div>
</script>
<script id='home_template' type='text/x-jquery-tmpl'>
<div class="header">
<span class="title">充值中心</span>
<a class="iconfont icon-iconfontxiangyou poslft" href="javascript:Core.finishPay()"></a>
{{? Core.Data.pay_only != 1 }}
<a class="btn-link posrgt" href="#trade_record">充值记录</a>
{{?}}
</div>
<div class="container">
<div class="box_info_center">
<h2 class="align-left">
</h2>
<p class="align-left text-muted">
</p>
<br>
<p class="align-left text-success tips9133">
{{? Core.Data.pay_only != 1 }}
{{? Core.Data.is_guest == 1}}
亲爱的<span class="text-info">游客</span>玩家,为确保账号资金安全,请先<a href="#modify_pwd">免费升级账号</a>再充值。
{{??}}
{{?}}
{{?}}
</p>
<br>
<div class="amount_level align-left" >
<a href="javascript:Core.finishPay()" id="back-btn" class="btn larg conBtn " style="text-align: center;display:none">请返回游戏</a>
<br>
</div>
</div>
</div>
</script>
<script id='modify_pwd_template' type='text/x-jquery-tmpl'>
<div class="header">
<a class="iconfont icon-iconfontxiangyou poslft" href="##home"></a>
<span class="title">帐号升级</span>
</div>
<div class="container">
<div class="box_info_center">
{{? Core.Data.is_guest >= 1}}
<form action="/sdk/change_password" method="post" class="ajax " todo="modify_pwd_callback" >
<input type="text" class="old_pwd required larg" name="username" value="" required="required" placeholder="请设置登录帐号名" />
<input class="larg" name="newpwd" required type="password" placeholder="输入新密码" />
<input type="submit" class="btn larg" value="确认升级" autocomplete="off" />
</form>
<p class="text-warning align-left">游客账号是系统临时生成,存在风险,为了您的账号安全建议升级永久账号。</p>
{{??}}
<p class="text-success align-left">您的账号已经成功升级成手游平台永久账号。</p>
{{?}}
</div>
</div>
</script>
<script id="pay_for_template" type="text/x-jquery-tmpl" >
<div class="header">
<span class="title">找他人代付</span>
<a class="iconfont icon-iconfontxiangyou poslft" href="#channel_list"></a>
<a class="btn-link posrgt" href="#proxy_record">代付记录</a>
</div>
<div class="container">
<div class="box_info_center">
<form id="pay_for_form" action="/sdk/pay" method="post" class="ajax" >
<input type="hidden" name="callback" value="{{=Core.Data.callback}}" />
<input type="hidden" name="userid" value="{{=Core.Data.user_id}}" />
<input type="hidden" name="serverid" value="{{=Core.Data.server_id}}" />
<input type="hidden" name="role_name" value="{{=Core.Data.role_name}}" />
<input type="hidden" name="game_amount" value="{{? Core.Data.game_amount}}{{=Core.Data.game_amount}}{{?}}" />
<input type="hidden" name="money" value="{{=Core.Data.money}}" />
<p class="align-left" >
充值<span class="text-info">{{=Core.Data.game_amount}}</span>{{=Core.Data.game_unit}}{{=Core.Data.game_unit_name}}需要对方支付<span class="text-info">{{=Core.Data.money}}</span>
</p>
<div class="proxy_pay">
<p>
<input class="larg" type="text" data-key="pay_user" required="required" name="pay_user" placeholder="请输入代付人手游平台帐号" />
</p>
<p>
<input class="larg" type="text" name="pay_message" placeholder="给他留言···" />
</p>
<p class="align-left small"><span class="error">*</span>注:手游平台登录帐号,不是游戏角色名称</p>
</div>
</div>
</div>
</script>
<script id="exchange_template" type="text/x-jquery-tmpl" >
<div class="header">
<span class="title">兑换{{=Core.Data.game_unit_name}}</span>
{{? Core.Data.enter_amount && Core.Data.enter_amount >0}}
<a class="btn pull-left op-back op-primary" href="javascript:Core.finishPay()">返回游戏</a>
{{??}}
<a class="btn pull-left op-back op-primary" href="#home">修改数量</a>
{{?}}
<a class="btn pull-right" href="#trade_record">兑换记录</a>
</div>
<div class="container">
<div class="box_info_center">
<form id="exchange_form" action="/sdk/pay" method="post" class="ajax" todo="feedback" >
<input type="hidden" name="callback" value="{{=Core.Data.callback}}" />
<input type="hidden" name="userid" value="{{=Core.Data.user_id}}" />
<input type="hidden" name="serverid" value="{{=Core.Data.server_id}}" />
<input type="hidden" name="role_name" value="{{=Core.Data.role_name}}" />
<input type="hidden" name="game_amount" value="{{? Core.Data.game_amount}}{{=Core.Data.game_amount}}{{?}}" />
<input type="hidden" name="money" value="{{=Core.Data.money}}" />
<p class="align-left" >
当前可用游爱星为<span class="text-info">{{=Core.Data.total_amount}}</span>颗,兑换<span class="text-info">{{=Core.Data.game_amount}}</span>{{=Core.Data.game_unit}}{{=Core.Data.game_unit_name}}需要支付<span class="text-info">{{=Core.Data.youai_star}}</span>个游爱
</p>
<p class="align-left text-muted">
:<span class="text-info">1</span>颗游爱星可兑换<span class="text-info">{{=Core.Data.exchange_rate}}</span>{{=Core.Data.game_unit}}{{=Core.Data.game_unit_name}}
</p>
<div class="verify align-left">
<input type="number" name="vdcode" id="vdcode" required="" placeholder="输入验证码">
<img id="vdimgck1" src="{{=Core.server}}/validate_code/" onclick="this.src=this.src+'?'+(new Date()).getTime()" style="cursor: pointer;" alt="看不清?点击更换" />
</div>
<hr/>
<div class="clearfix">
<a href="#channel_list&force" class="btn width100" >使用支付宝、银行卡、神州行充值</a>
</div>
</form>
</div>
</div>
</script>
<script id='channel_list_template' type='text/x-jquery-tmpl'>
<div class="header">
<span class="title">充值中心</span>
{{? Core.Data.enter_amount && Core.Data.enter_amount >= 0 }}
<a class="iconfont icon-iconfontxiangyou poslft" href="javascript:Core.finishPay()"></a>
{{??}}
<a class="btn-link poslft" href="#home">修改数量</a>
{{?}}
{{? Core.Data.pay_only != 1 }}
<a class="btn-link posrgt" href="#trade_record">充值记录</a>
{{?}}
</div>
<div class="container">
<div id="channel_list_wrapper" style="position:relative" class="scroll">
<div id="channel_list_scroller">
<div class="pay-info-cont clearfix">
<div class="iconfont icon-yonghutouxiang pull-left"></div>
<div class="user-msg pull-left align-left">
<h2>玩家:{{=Core.Data.username}}</h2>
<h2>ID:{{=Core.Data.user_id}}</h2>
<p>充值金额:<span>{{=Core.Data.money}}</span></p>
</div>
</div>
<div class="box_info_center">
<div class="channel_list align-left" >
{{? Core.Data.youai_star <= Core.Data.total_amount }}
<!--<a href="#exchange" class="btn btn-block">游爱星兑换 <span style="float:right;color:#d2d2d2"></span></a>-->
{{?}}
{{~Core.Data.game_pay_channel_list :item:index }}
{{?item.name}}
<a href="#" data-id="{{=item.id}}" class="btn channel btn-block clearfix">
<div class="image pull-left"><img src="{{=item.icon}}"/></div>
{{=item.name}} <i class="iconfont icon-xiangyou pull-right" style="color:#b5b5b6;font-size:24px;"></i></a>
{{?}}
{{~}}
{{? Core.Data.pay_only != 1 }}
{{? Core.Data.ad_game.length >= 1}}
{{??}}
{{?}}
{{?}}
</div>
<div class="warm-prompt align-left">
<h2>温馨提示</h2>
<p>* 充值过程中遇到问题,可<a href="#">联系客服</a></p>
<p>* {{=Core.Data.money}}={{=Core.Data.game_amount}} {{=Core.Data.game_unit}}{{=Core.Data.game_unit_name}},充值一般1-10分钟即可到账,请放心充值。</p>
/*<p>
* 充值<span class="text-info">{{=Core.Data.game_amount}}</span>{{=Core.Data.game_unit}}{{=Core.Data.game_unit_name}}需要支付<span class="text-info">{{=Core.Data.money}}</span>元人民币.
</p>*/
</div>
{{? Core.Data.pay_only != 1 }}
<p class="align-left text-muted tips9133">
{{? Core.Data.vip > 0}}
{{??}}
{{?}}
</p>
{{?}}
</div>
</div>
</div>
</div>
</script>
<script id='pay_template' type='text/x-jquery-tmpl'>
<div class="header">
<span class="title">{{=Core.Data.current_pay_channel.name}}充值</span>
<a class="iconfont icon-iconfontxiangyou poslft" href="#channel_list"></a>
<a class="btn-link posrgt" href="#pay_feedback">无法充值?</a>
</div>
<div class="container">
<div id="pay_panel_wrapper">
<div class="pay-info-cont clearfix">
<div class="iconfont icon-yonghutouxiang pull-left"></div>
<div class="user-msg pull-left align-left">
<h2>玩家:{{=Core.Data.username}}</h2>
<h2>ID:{{=Core.Data.user_id}}</h2>
<p>充值金额:<span>{{=Core.Data.money}}</span></p>
</div>
</div>
<div class="box_info_center">
<form id="pay_form" action="/sdk/pay" method="post" class="ajax" todo="feedback" >
<input type="hidden" name="callback" value="{{=Core.Data.callback}}" />
<input type="hidden" name="userid" value="{{=Core.Data.user_id}}" />
<input type="hidden" name="serverid" value="{{=Core.Data.server_id}}" />
<input type="hidden" name="role_name" value="{{=Core.Data.role_name}}" />
{{? Core.Data.current_pay_channel }}
<input type="hidden" name="pay_channel_id" value="{{=Core.Data.current_pay_channel.id}}" />
<input type="hidden" name="game_amount" value="{{? Core.Data.game_amount}}{{=Core.Data.game_amount}}{{?}}" />
<input type="hidden" name="money" value="{{=Core.Data.money}}" />
<div class="require_input ">
{{? Core.Data.current_pay_channel.config['input_item'] }}
<p class="align-left">
<label>您选择了<span>{{=Core.Data.current_pay_channel.name}}</span>充值方式</label>
</p>
<p class="clearfix" style="margin:15px 0 20px">
<label class="pull-left">充值卡面额:</label>
<select class="card_amount larg pull-left" name="amount" >
<option value='选择金额' >选择金额</option>
{{~ Core.Data.current_pay_channel.config['amount_level'] :amount}}
{{? amount >= Core.Data.money }}
<option value="{{=amount}}" >{{=amount}}</option>
{{?}}
{{~}}
</select>
</p>
{{~ Core.Data.current_pay_channel.config['input_item'] :item:index }}
{{? item.name === 'card_num' }}
<p class="clearfix">
<label class="pull-left">充值卡号:</label>
<input type="text" required="" class="larg pull-left" name="{{=item.name}}" format="{{=item.format}}" title="{{=item.title}}" placeholder="{{=item.placeholder}}" />
</p>
{{?? item.name === 'card_pwd' }}
<p class="clearfix">
<label class="pull-left">充值密码:</label>
<input type="password" required class="larg pull-left" name="{{=item.name}}" title="{{=item.title}}" placeholder="{{=item.placeholder}}" />
</p>
{{?}}
{{~}}
<div class="clearfix">
<a href="#channel_list" class="btn-cancel pull-left w235 btn">取消</a>
<input class="larg btn btn-determine pull-right" style="width:235px; margin:0;" type="submit" value="确定" />
</div>
<div class="warm-prompt">
<h2>温馨提示</h2>
<p>* 请根据充值卡面额选择正确的充值金额,并确保卡号密码输入无误。</p>
<p>* 充值过程中遇到问题,<a href="#">可联系客服</a></p>
/*<p class="align-left text-muted select-info"></p>*/
</div>
{{?? }}
<div class="align-left">
充值<span class="text-info">{{=Core.Data.game_amount}}</span>{{=Core.Data.game_unit}}{{=Core.Data.game_unit_name}}需要支付<span class="text-info">{{=Core.Data.money}}</span>
</div>
<div class="align-left text-muted">:<span class="text-info">1</span>元人民币可以兑换<span class="text-info">{{=Core.Data.rate*Core.Data.exchange_rate}}</span>{{=Core.Data.game_unit}}{{=Core.Data.game_unit_name}}.</div>
<input class="larg btn zhifubaoBtn" type="submit" value="前往付款" />
{{?}}
</div>
{{?}}
</form>
</div>
</div>
</div>
</script>
<script id="pay_proxy_template" type="text/x-jquery-tmpl">
<div class="header">
<span class="title">确认代付</span>
<a class="iconfont icon-iconfontxiangyou poslft" href="#proxy_record"></a>
</div>
<div class="container">
{{? !Core.Data.temp.msg }}
<h4 class="align-left" >
来自<span class="text-info" >
{{=Core.Data.temp.game_name}}</span> - 【{{=Core.Data.temp.server_name}}】
<span class="text-warning">{{=Core.Data.temp.role_name}}</span>
向你发起一笔代付,请你帮忙付款
<span class="text-warning" >
{{=Core.Data.temp.game_amount}}
{{=Core.Data.temp.game_amount_unit}}
{{=Core.Data.temp.game_amount_unit_name}}
</span>
</h4>
<form action="/pay/proxy/pay" method="post" class="ajax" data-todo="pay_proxy_callback" >
<div class="pay-proxy-info clearfix">
<div class="btn-group clearfix" >
<input type="hidden" name="id" value="{{=Core.Data.temp.trade_id}}" />
<button class="btn btn-payfor" type="submit">确认为他付款</button><br/>
or<br/>
<a class="ajax btn-undo" href="/pay/proxy/undo?id={{=Core.Data.temp.trade_id}}">拒绝付款</a>
</div>
<div class="desc">
<p>
可用游爱星:<span class="text-warning">{{=Core.Data.temp.amount}}</span>
</p>
<p>
应付游爱星:<span class="text-warning">{{=Core.Data.temp.youai_star}}</span>
<small>(1:{{=Core.Data.temp.exchange_rate}})</small>
</p>
{{?Core.Data.temp.pay_message != ''}}
<p class="pay-message">
<small>他说:{{=Core.Data.temp.pay_message}}</small>
</p>
{{?}}
</div>
</div>
</form>
<div class="alert align-left">
<small>为避免风险,建议和代付申请人通过电话等方式确认以上信息</small>
</div>
{{??}}
<h1>{{=Core.Data.temp.msg}}</h1>
<a class="btn larg" href="#back" >
返回
</a>
{{?}}
</div>
</script>
<script id='pay_result_template' type='text/x-jquery-tmpl'>
<div class="header">
<span class="title">支付结果</span>
</div>
<div class="container">
<p class="lead" style=" font-size:30px; text-align:center; margin:30px 0;">
{{=Core.Data.success_msg}}
</p>
<a href="javascript:Core.finishPay()" class="btn larg conBtn">继续游戏</a>
</div>
</script>
<script id="invite_friend_template" type="text/x-jquery-tmpl">
<div class="header">
<span class="title">分享得{{=Core.Data.game_unit_name}}</span>
<a class="iconfont icon-iconfontxiangyou poslft" href="#channel_list"></a>
</div>
<div class="container align-left">
<div class="box_info_center">
<div class="fs_box invite_box">
<h3 class="text-info">奖励说明:</h3>
</div>
</div>
</div>
</script>
<script id='other_template' type='text/x-jquery-tmpl'>
<div class="header">
<span class="title">免费获得{{=Core.Data.game_unit_name}}</span>
<a class="btn pull-left op-back op-primary" href="#channel_list">返回</a>
</div>
<div class="container align-left">
{{? Core.Data.ad_game.length >= 1}}
<div class="sec sec_invtite">
<p class="title-fs">方式一:下载指定游戏可获得{{=Core.Data.game_unit_name}}</p>
<ol class="other-pay">
{{~ Core.Data.ad_game :item:index}}
{{? item.id}}
<li>
<a href="/ad/get/star/?id={{=item.id}}" target="_bank">
<img src="{{=item.icon}}"/>
<h4>{{=item.name}}</h4>
<span>可获<strong class="text-info">{{=item.ad_prize}}</strong>游戏币</span>
</a>
</li>
{{?}}
{{~}}
</ol>
</div>
<div class="sec sec_invtite">
</div>
{{??}}
<div class="sec sec_invtite">
</div>
{{?}}
</div>
</script>
<script id="kefu_list_template" type="text/x-jquery-tmpl">
<div class="header">
<span class="title">在线客服</span>
{{? Core.start_page == 'kefu_list'}}
<a class="btn-link poslft" href="sdk://exit?action=center">返回游戏</a>
{{??}}
<a class="iconfont icon-iconfontxiangyou poslft" href="#pay_feedback"></a>
{{?}}
</div>
<div class="container">
<div class="box_info_center padding_box">
<div id="kefu_wrapper" style="position: relative" class="scroll">
<ol class="kefu-list list" data-role="ajax-html"
data-params-url="/user/question/list?page_size=10"
data-params-template="tpl_kefu_list">
</ol>
</div>
</div>
</div>
</script>
<script id="question_detail_template" type="text/x-jquery-tmpl">
<div class="header">
<span class="title">问题详细</span>
<a class="btn pull-left op-back" href="#kefu_list">返回</a>
</div>
<div class="container">
<div class="detail_scroller scroll" id="question_detail_scroller">
<div>
<div class="align-left question_del">
<h2>Q:{{=Core.Data.question_detail.q_type}}{{=Core.Data.question_detail.question}} <span class="q_time">{{=Core.Data.question_detail.create_time}}</span> </h2>
</div>
<hr>
<ol class="question-list list">
{{? Core.Data.question_detail.the_question_list.length == 1 }}
<p class="tip">客服MM还没回复...</p>
{{??}}
{{~ Core.Data.question_detail.the_question_list :item:index }}
{{? item.id}}
<li >
<span class="pull-right">{{=item.reply_time}}</span>
<span class="kefu text-warning">
客服-{{=item.nickname}}:
</span>
<div class="content">{{=item.answer}}
</div>
<p class="scroe">
{{? item.score != -1 }}
您的评价:&nbsp;&nbsp;<span class="btn">{{=item.score_name}}</span>
{{??}}
{{~ Core.Data.question_detail.score_map :qa:pos}}
{{? qa.key}}
<a href="/user/question/evaluate/?id={{=item.id}}&score={{=qa.key}}" class="btn ajax" data-todo="question_evaluate">{{=qa.val}}</a>
{{?}}
{{~}}
{{?}}
</p>
</li>
{{?}}
{{~ }}
{{? Core.Data.question_detail.page_num < Core.Data.question_detail.total_page}}
<li class="more">
<a class="btn" href="/user/question/{{=Core.Data.question_detail.id}}&format=json&page_size=5&page_num={{=(Core.Data.question_detail.page_num+1)}}.html" data-role="ajax-html" data-params-template="tpl_question_detail" data-params-append="true" >点击加载</a>
</li>
{{?}}
{{?}}
</ol>
</div>
</div>
</div>
</script>
<script id='tpl_kefu_list_template' type='text/x-jquery-tmpl'>
{{? it.model_list.length == 1 }}
<p>您好,手游平台客服MM全身心为您服务。请点击右上角的按钮输入您所遇到的问题,或者点击常见问题查看是否有您遇到的问题。</p>
{{??}}
{{~ it.model_list :item:index }}
{{? item.id}}
<li >
<a class="item" href="" type="button" data-id="{{=item.id}}">
<span class="question_title">{{=item.question}}</span>
{{? item.status == 1 }}
<span class="statu statu_yes">已解答</span>
{{??}}
<span class="statu statu_no">未解答</span>
{{?}}
<span class="pull-right q_time">{{=item.create_time}}</span>
</a>
</li>
{{?}}
{{~ }}
{{? it.page_num < it.total_page}}
<li class="more">
<a class="btn" href="/user/question/list?format=json&page_num={{=(it.page_num+1)}}" data-role="ajax-html" data-params-template="tpl_kefu_list" data-params-append="true" >点击加载</a>
</li>
{{?}}
{{?}}
</script>
<script id='tpl_question_detail_template' type='text/x-jquery-tmpl'>
{{~ it.model_list :item:index }}
{{? item.id}}
<li >
<span class="pull-right">{{=item.reply_time}}</span>
<span class="kefu text-warning">
客服-{{=item.nickname}}:
</span>
<div class="content ">{{=item.answer}}
</div>
<p class="score">
{{? item.score != -1 }}
您的评价:&nbsp;&nbsp;<span class="btn">{{=item.score_name}}</span>
{{??}}
{{~ it.score_map :qa:pos}}
{{? qa.key}}
<a href="/user/question/evaluate/?id={{=item.id}}&score={{=qa.key}}" class="btn ajax" data-todo="question_evaluate">{{=qa.val}}</a>
{{?}}
{{~}}
{{?}}
</p>
</li>
{{?}}
{{~ }}
{{? it.page_num < it.total_page}}
<li class="more">
<a class="btn" href="/user/question/{{=it.id}}&format=json&page_size=5&page_num={{=(it.page_num+1)}}.html" data-role="ajax-html" data-params-template="tpl_question_detail" data-params-append="true" >点击加载</a>
</li>
{{?}}
</script>
<script id='tpl_trade_record_template' type='text/x-jquery-tmpl'>
{{? it.model_list.length == 1 }}
<p style="text-align:center; font-size:30px; margin:20px auto;">没记录...</p>
{{??}}
{{? it.page_num == 1}}
<div class="pay-info-cont clearfix">
<div class="iconfont icon-yonghutouxiang pull-left"></div>
<div class="user-msg pull-left align-left">
<h2>玩家:{{=Core.Data.username}}</h2>
</div>
</div>
{{?}}
{{~ it.model_list :item:index }}
{{? item.id}}
<li class="integral">
<div class="box">
<h2>
<i class="icon iconfont icon-shuangyuanquan"></i>
<div class="time"><h3>{{=item.last_firendlyTime}}</h3></div>
</h2>
<div class="textbox">
<div class="text">
<h3>
<strong>{{=item.server_name}}</strong><small>&lt;{{=item.role_name}}&gt;</small>
<span class="statu {{? item.get_status.indexOf('成功') > -1 }} text-success {{?? item.get_status.indexOf('拒绝')>-1 || item.get_status.indexOf('失败')>-1}} text-error{{??}} text-info{{?}}">
[{{? item.remark}}
<span class="text-error">{{=item.remark}}</span>
{{?}}
{{=item.get_status}}]
</span>
</h3>
<div class="txt">
<h3>获得{{=Core.Data.game_unit_name}}<strong>{{=item.game_amount}}</strong>{{=Core.Data.game_unit}}。</h3>
<p>订单:{{=item.id}}</>
</div>
<div class="position"><i class="iconfont icon-triangle-left-copy"></i></div>
</div>
</div>
</div>
</li>
{{?}}
{{~ }}
{{? it.page_num < it.total_page}}
<li class="more">
<a class="btn" href="/trade/list/user?page_size=5&page_num={{=(it.page_num+1)}}&game_id={{=it.search_profile.game_id}}&server_id={{=it.search_profile.server_id}}" data-role="ajax-html" data-params-template="tpl_trade_record" data-params-append="true" data-params-todo="refresh_iscorll" >下一页</a>
</li>
{{?}}
{{?}}
</script>
<script id='tpl_proxy_record_template' type='text/x-jquery-tmpl'>
{{? it.model_list.length == 1 }}
<p style="text-align:center; font-size:30px; margin:20px auto;">没记录...</p>
{{??}}
{{~ it.model_list :item:index }}
{{? item.id}}
<li>
<p class="detail">
<span class="statu {{? item.get_status.indexOf('成功') > -1 }} text-success {{?? item.get_status.indexOf('拒绝')>-1 || item.get_status.indexOf('失败')>-1}} text-error{{??}} text-info{{?}}">
[{{? item.status == 1 }}
<a class="btn op-payfor" href="#pay_proxy&id={{=item.id}}" data-id="{{=item.id}}">支付</a>
{{??}}
{{=item.get_status}}]
{{?}}
</span>
<strong>{{=item.game_name}}</strong><small>{{=item.server_name}}&lt;{{=item.role_name}}&gt;</small>
</p>
<p class="muted">消费游爱星<strong>{{=item.youai_star}}</strong>颗,获得{{=Core.Data.game_unit_name}}<strong>{{=item.game_amount}}</strong>{{=Core.Data.game_unit}}</p>
<p class="info"><small class="pull-right muted time_p">{{=item.last_firendlyTime}}</small>
<span class="order-text">订单:{{=item.id}}</span>
</p>
</li>
{{?}}
{{~ }}
{{? it.page_num < it.total_page}}
<li class="more">
<a class="btn" href="/trade/list/proxy?page_num={{=(it.page_num+1)}}" data-role="ajax-html" data-params-template="tpl_proxy_record" data-params-append="true" >下一页</a>
</li>
{{?}}
{{?}}
</script>
</div>
<script type="text/javascript" src="js/fastclick.min.1.0.js?201309041309"></script>
<script type="text/javascript" src="js/zepto.min.js?201309041309"></script>
<script type="text/javascript" src="js/doT.min.js?201309041309" ></script>
<script type="text/javascript" src="js/iscroll.min.1.0.js?201309041309" ></script>
<script type="text/javascript">
window.isGetData = 0;
$(function() {
FastClick.attach(document.body);
});
</script>
<script type="text/javascript" src="js/core.min.js?201504218002" ></script>
<script type="text/javascript" src="js/pay.min.js?201504218001" ></script>
<script type="text/javascript" src="js/loader.min.js?201504218001"></script>
<script type="text/javascript">
$(function(){
if (Core.isIos) {
$('meta[name="viewport"]').attr('content','width=800,maximum-scale=1,user-scalable=no');
}
getData('/sdk/pay/json');
});
</script>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<meta name="format-detection" content="telephone=no">
<meta name="screen-orientation" content="portrait">
<meta name="full-screen" content="yes">
<meta http-equiv="x-ua-compatible" content="IE=edge" />
<link href="skin/pay.css?v=20150318002" type="text/css" rel="stylesheet" />
<link id="skin" data-v="20150318001" type="text/css" rel="stylesheet" />
<style>
.ios input[type="text"], .ios input[type="password"]{ width: auto; line-height: 84px;}
</style>
<title>
手游平台支付
</title>
</head>
<body>
<div class="mask">
<div class="container_load" id="loading">
<div class="content">
<div class="circle"></div>
<div class="circle1"></div>
</div>
</div>
<div class="alert alert-success hide" id="alert">
<button type="button" class="close" data-dismiss="alert">&times;</button>
<span></span>
</div>
<!-- 首页模块 -->
<section id="home" class="hide" data-attr="dot" data-auth="1"></section>
<!-- end -->
<!-- 兑换元宝列表模块 -->
<section id="exchange" class="hide" data-attr="dot" data-auth="1"></section>
<!-- end -->
<!-- 充值方式列表模块 -->
<section id="channel_list" class="hide" data-attr="dot" data-auth="1"></section>
<!-- end -->
<!-- 充值操作模块 -->
<section id="pay" class="hide" data-attr="dot" data-auth="1"></section>
<!-- end -->
<!-- 客服问题列表模块 -->
<section id="kefu_list" class="hide" data-auth="1" data-attr="dot"></section>
<!-- end -->
<!-- 账号升级模块 -->
<section id="modify_pwd" class="hide" data-auth="1" data-attr="dot"></section>
<!-- end -->
<!-- 客服问题详细页面模块 -->
<section id="question_detail" class="hide" data-auth="1" data-attr="dot"></section>
<!-- 充值记录模块 -->
<section id="trade_record" class="hide" data-auth="1" >
<div class="header">
<span class="title">充值记录</span>
<a class="iconfont icon-iconfontxiangyou poslft" href="#channel_list"></a>
<!-- <a class="btn pull-right" href="#proxy_record">代付记录</a> -->
</div>
<div class="container">
<div class="box_info_center">
<div id="wrapper" style="position:relative" class="scroll">
<div id="scroller">
<ol class="trade-list" data-role="ajax-html"
data-params-url="/trade/list/user?page_size=5" data-params-template="tpl_trade_record">
</ol>
</div>
</div>
</div>
</div>
</section>
<!-- 代付记录模块 -->
<section id="proxy_record" class="hide" data-auth="1">
<div class="header">
<span class="title">代付记录</span>
<a class="iconfont icon-iconfontxiangyou poslft" href="#trade_record">返回</a>
</div>
<div class="container">
<div class="box_info_center">
<div id="proxy_wrapper" style="position:relative" class="scroll">
<div id="proxy_scroller">
<ol class="trade-list" data-role="ajax-html" data-params-url="/trade/list/proxy?page_size=5" data-params-template="tpl_proxy_record">
</ol>
</div>
</div>
</div>
</div>
</section>
<section id="pay_feedback" class="hide" data-replace="1">
<div class="header">
<span class="title">充值问题</span>
<a class="iconfont icon-iconfontxiangyou poslft" href="#pay"></a>
<a class="btn-link posrgt" href="#kefu_list">在线客服</a>
</div>
<div class="container">
<div class="box_info_center">
<form class="ajax mar-t-10" method="post" action="/user/question/add">
<input type="hidden" name="game_id" data-replace="value" value="{app_id}"/>
<input type="hidden" name="q_type" value="2"/>
<input type="hidden" name="secret" value="1">
<textarea name="content" cols="40" rows="5" placeholder="请输入问题描述,字数限制在150内."></textarea>
<input type="submit" class="btn submit" value="提交" style="background: #ff9600;"/>
</form>
<p class="text-muted align-left">注:提交问题后,可通过在线客服,查看问题是否得到解决</p>
</div>
</div>
</section>
<!-- 代付模块 -->
<section id="pay_proxy" data-attr="dot" class="hide" data-auth="1"></section>
<!-- end -->
<!-- 充值结果模块 -->
<section id="pay_result" data-attr="dot" class="hide" data-auth="1"></section>
<!-- end -->
<!-- 确认付款 模块 -->
<!-- <section id="pay_confirm" data-attr="dot" class="hide" data-auth="1"></section> -->
<!-- end -->
<!-- 其他充值方式模块 -->
<section id="other" data-attr="dot" class="hide" data-auth="1"></section>
<!-- end -->
<!-- 邀请好友模块 -->
<section id="invite_friend" data-attr="dot" class="hide" data-auth="1"></section>
<!-- end -->
<!-- 验证码模块 -->
<section id="verify" data-attr="dot" class="hide" data-auth="1"></section>
<!-- end -->
<section id="pay_for" data-attr="dot" class="hide" data-auth="1"></section>
<section id="frame" data-attr="dot" class="hide" data-auth="1"></section>
<script id="frame_template" type="text/x-jquery-tmpl" >
<div class="header">
<span class="title">{{=Core.Data.frame_title}}</span>
<a class="iconfont icon-iconfontxiangyou poslft" href="javascript:Core.finishPay()"></a>
</div>
<div class="container" style="">
<div class="container_load in_frame" id="loading_frame" onclick="$(this).hide()">
<div class="content">
<div class="circle"></div>
<div class="circle1"></div>
</div>
</div>
<a class="btn scroll-btn scroll-up"><img src="skin/img/s_up.png"></a>
<a class="btn scroll-btn scroll-down"><img src="skin/img/s_down.png"></a>
<div class="ios_scroll">
<iframe frameborder=0 src="{{=Core.Data.frame_src}}" scrolling="yes" width="100%" height="100%"></iframe>
</div>
</div>
</script>
<script id='home_template' type='text/x-jquery-tmpl'>
<div class="header">
<span class="title">充值中心</span>
<a class="iconfont icon-iconfontxiangyou poslft" href="javascript:Core.finishPay()"></a>
{{? Core.Data.pay_only != 1 }}
<a class="btn-link posrgt" href="#trade_record">充值记录</a>
{{?}}
</div>
<div class="container">
<div class="box_info_center">
<h2 class="align-left">
</h2>
<p class="align-left text-muted">
</p>
<br>
<p class="align-left text-success tips9133">
{{? Core.Data.pay_only != 1 }}
{{? Core.Data.is_guest == 1}}
亲爱的<span class="text-info">游客</span>玩家,为确保账号资金安全,请先<a href="#modify_pwd">免费升级账号</a>再充值。
{{??}}
{{?}}
{{?}}
</p>
<br>
<div class="amount_level align-left" >
<a href="javascript:Core.finishPay()" id="back-btn" class="btn larg conBtn " style="text-align: center;display:none">请返回游戏</a>
<br>
</div>
</div>
</div>
</script>
<script id='modify_pwd_template' type='text/x-jquery-tmpl'>
<div class="header">
<a class="iconfont icon-iconfontxiangyou poslft" href="##home"></a>
<span class="title">帐号升级</span>
</div>
<div class="container">
<div class="box_info_center">
{{? Core.Data.is_guest >= 1}}
<form action="/sdk/change_password" method="post" class="ajax " todo="modify_pwd_callback" >
<input type="text" class="old_pwd required larg" name="username" value="" required="required" placeholder="请设置登录帐号名" />
<input class="larg" name="newpwd" required type="password" placeholder="输入新密码" />
<input type="submit" class="btn larg" value="确认升级" autocomplete="off" />
</form>
<p class="text-warning align-left">游客账号是系统临时生成,存在风险,为了您的账号安全建议升级永久账号。</p>
{{??}}
<p class="text-success align-left">您的账号已经成功升级成手游平台永久账号。</p>
{{?}}
</div>
</div>
</script>
<script id="pay_for_template" type="text/x-jquery-tmpl" >
<div class="header">
<span class="title">找他人代付</span>
<a class="iconfont icon-iconfontxiangyou poslft" href="#channel_list"></a>
<a class="btn-link posrgt" href="#proxy_record">代付记录</a>
</div>
<div class="container">
<div class="box_info_center">
<form id="pay_for_form" action="/sdk/pay" method="post" class="ajax" >
<input type="hidden" name="callback" value="{{=Core.Data.callback}}" />
<input type="hidden" name="userid" value="{{=Core.Data.user_id}}" />
<input type="hidden" name="serverid" value="{{=Core.Data.server_id}}" />
<input type="hidden" name="role_name" value="{{=Core.Data.role_name}}" />
<input type="hidden" name="game_amount" value="{{? Core.Data.game_amount}}{{=Core.Data.game_amount}}{{?}}" />
<input type="hidden" name="money" value="{{=Core.Data.money}}" />
<p class="align-left" >
充值<span class="text-info">{{=Core.Data.game_amount}}</span>{{=Core.Data.game_unit}}{{=Core.Data.game_unit_name}}需要对方支付<span class="text-info">{{=Core.Data.money}}</span>
</p>
<div class="proxy_pay">
<p>
<input class="larg" type="text" data-key="pay_user" required="required" name="pay_user" placeholder="请输入代付人手游平台帐号" />
</p>
<p>
<input class="larg" type="text" name="pay_message" placeholder="给他留言···" />
</p>
<p class="align-left small"><span class="error">*</span>注:手游平台登录帐号,不是游戏角色名称</p>
</div>
</div>
</div>
</script>
<script id="exchange_template" type="text/x-jquery-tmpl" >
<div class="header">
<span class="title">兑换{{=Core.Data.game_unit_name}}</span>
{{? Core.Data.enter_amount && Core.Data.enter_amount >0}}
<a class="btn pull-left op-back op-primary" href="javascript:Core.finishPay()">返回游戏</a>
{{??}}
<a class="btn pull-left op-back op-primary" href="#home">修改数量</a>
{{?}}
<a class="btn pull-right" href="#trade_record">兑换记录</a>
</div>
<div class="container">
<div class="box_info_center">
<form id="exchange_form" action="/sdk/pay" method="post" class="ajax" todo="feedback" >
<input type="hidden" name="callback" value="{{=Core.Data.callback}}" />
<input type="hidden" name="userid" value="{{=Core.Data.user_id}}" />
<input type="hidden" name="serverid" value="{{=Core.Data.server_id}}" />
<input type="hidden" name="role_name" value="{{=Core.Data.role_name}}" />
<input type="hidden" name="game_amount" value="{{? Core.Data.game_amount}}{{=Core.Data.game_amount}}{{?}}" />
<input type="hidden" name="money" value="{{=Core.Data.money}}" />
<p class="align-left" >
当前可用游爱星为<span class="text-info">{{=Core.Data.total_amount}}</span>颗,兑换<span class="text-info">{{=Core.Data.game_amount}}</span>{{=Core.Data.game_unit}}{{=Core.Data.game_unit_name}}需要支付<span class="text-info">{{=Core.Data.youai_star}}</span>个游爱星
</p>
<p class="align-left text-muted">
:<span class="text-info">1</span>颗游爱星可兑换<span class="text-info">{{=Core.Data.exchange_rate}}</span>{{=Core.Data.game_unit}}{{=Core.Data.game_unit_name}}
</p>
<div class="verify align-left">
<input type="number" name="vdcode" id="vdcode" required="" placeholder="输入验证码">
<img id="vdimgck1" src="{{=Core.server}}/validate_code/" onclick="this.src=this.src+'?'+(new Date()).getTime()" style="cursor: pointer;" alt="看不清?点击更换" />
</div>
<hr/>
<div class="clearfix">
<a href="#channel_list&force" class="btn width100" >使用支付宝、银行卡、神州行充值</a>
</div>
</form>
</div>
</div>
</script>
<script id='channel_list_template' type='text/x-jquery-tmpl'>
<div class="header">
<span class="title">充值中心</span>
{{? Core.Data.enter_amount && Core.Data.enter_amount >= 0 }}
<a class="iconfont icon-iconfontxiangyou poslft" href="javascript:Core.finishPay()"></a>
{{??}}
<a class="btn-link poslft" href="#home">修改数量</a>
{{?}}
{{? Core.Data.pay_only != 1 }}
<a class="btn-link posrgt" href="#trade_record">充值记录</a>
{{?}}
</div>
<div class="container">
<div id="channel_list_wrapper" style="position:relative" class="scroll">
<div id="channel_list_scroller">
<div class="pay-info-cont clearfix">
<div class="iconfont icon-yonghutouxiang pull-left"></div>
<div class="user-msg pull-left align-left">
<h2>玩家:{{=Core.Data.username}}</h2>
<h2>ID:{{=Core.Data.user_id}}</h2>
<p>充值金额:<span>{{=Core.Data.money}}</span></p>
</div>
</div>
<div class="box_info_center">
<div class="channel_list align-left" >
{{? Core.Data.youai_star <= Core.Data.total_amount }}
<!--<a href="#exchange" class="btn btn-block">游爱星兑换 <span style="float:right;color:#d2d2d2"></span></a>-->
{{?}}
{{~Core.Data.game_pay_channel_list :item:index }}
{{?item.name}}
<a href="#" data-id="{{=item.id}}" class="btn channel btn-block clearfix">
<div class="image pull-left"><img src="{{=item.icon}}"/></div>
{{=item.name}} <i class="iconfont icon-xiangyou pull-right" style="color:#b5b5b6;font-size:24px;"></i></a>
{{?}}
{{~}}
{{? Core.Data.pay_only != 1 }}
{{? Core.Data.ad_game.length >= 1}}
{{??}}
{{?}}
{{?}}
</div>
<div class="warm-prompt align-left">
<h2>温馨提示</h2>
<p>* 充值过程中遇到问题,可<a href="#">联系客服</a></p>
<p>* {{=Core.Data.money}}={{=Core.Data.game_amount}} {{=Core.Data.game_unit}}{{=Core.Data.game_unit_name}},充值一般1-10分钟即可到账,请放心充值。</p>
/*<p>
* 充值<span class="text-info">{{=Core.Data.game_amount}}</span>{{=Core.Data.game_unit}}{{=Core.Data.game_unit_name}}需要支付<span class="text-info">{{=Core.Data.money}}</span>元人民币.
</p>*/
</div>
{{? Core.Data.pay_only != 1 }}
<p class="align-left text-muted tips9133">
{{? Core.Data.vip > 0}}
{{??}}
{{?}}
</p>
{{?}}
</div>
</div>
</div>
</div>
</script>
<script id='pay_template' type='text/x-jquery-tmpl'>
<div class="header">
<span class="title">{{=Core.Data.current_pay_channel.name}}充值</span>
<a class="iconfont icon-iconfontxiangyou poslft" href="#channel_list"></a>
<a class="btn-link posrgt" href="#pay_feedback">无法充值?</a>
</div>
<div class="container">
<div id="pay_panel_wrapper">
<div class="pay-info-cont clearfix">
<div class="iconfont icon-yonghutouxiang pull-left"></div>
<div class="user-msg pull-left align-left">
<h2>玩家:{{=Core.Data.username}}</h2>
<h2>ID:{{=Core.Data.user_id}}</h2>
<p>充值金额:<span>{{=Core.Data.money}}</span></p>
</div>
</div>
<div class="box_info_center">
<form id="pay_form" action="/sdk/pay" method="post" class="ajax" todo="feedback" >
<input type="hidden" name="callback" value="{{=Core.Data.callback}}" />
<input type="hidden" name="userid" value="{{=Core.Data.user_id}}" />
<input type="hidden" name="serverid" value="{{=Core.Data.server_id}}" />
<input type="hidden" name="role_name" value="{{=Core.Data.role_name}}" />
{{? Core.Data.current_pay_channel }}
<input type="hidden" name="pay_channel_id" value="{{=Core.Data.current_pay_channel.id}}" />
<input type="hidden" name="game_amount" value="{{? Core.Data.game_amount}}{{=Core.Data.game_amount}}{{?}}" />
<input type="hidden" name="money" value="{{=Core.Data.money}}" />
<div class="require_input ">
{{? Core.Data.current_pay_channel.config['input_item'] }}
<p class="align-left">
<label>您选择了<span>{{=Core.Data.current_pay_channel.name}}</span>充值方式</label>
</p>
<p class="clearfix" style="margin:15px 0 20px">
<label class="pull-left">充值卡面额:</label>
<select class="card_amount larg pull-left" name="amount" >
<option value='选择金额' >选择金额</option>
{{~ Core.Data.current_pay_channel.config['amount_level'] :amount}}
{{? amount >= Core.Data.money }}
<option value="{{=amount}}" >{{=amount}}</option>
{{?}}
{{~}}
</select>
</p>
{{~ Core.Data.current_pay_channel.config['input_item'] :item:index }}
{{? item.name === 'card_num' }}
<p class="clearfix">
<label class="pull-left">充值卡号:</label>
<input type="text" required="" class="larg pull-left" name="{{=item.name}}" format="{{=item.format}}" title="{{=item.title}}" placeholder="{{=item.placeholder}}" />
</p>
{{?? item.name === 'card_pwd' }}
<p class="clearfix">
<label class="pull-left">充值密码:</label>
<input type="password" required class="larg pull-left" name="{{=item.name}}" title="{{=item.title}}" placeholder="{{=item.placeholder}}" />
</p>
{{?}}
{{~}}
<div class="clearfix">
<a href="#channel_list" class="btn-cancel pull-left w235 btn">取消</a>
<input class="larg btn btn-determine pull-right" style="width:235px; margin:0;" type="submit" value="确定" />
</div>
<div class="warm-prompt">
<h2>温馨提示</h2>
<p>* 请根据充值卡面额选择正确的充值金额,并确保卡号密码输入无误。</p>
<p>* 充值过程中遇到问题,<a href="#">可联系客服</a></p>
/*<p class="align-left text-muted select-info"></p>*/
</div>
{{?? }}
<div class="align-left">
充值<span class="text-info">{{=Core.Data.game_amount}}</span>{{=Core.Data.game_unit}}{{=Core.Data.game_unit_name}}需要支付<span class="text-info">{{=Core.Data.money}}</span>
</div>
<div class="align-left text-muted">:<span class="text-info">1</span>元人民币可以兑换<span class="text-info">{{=Core.Data.rate*Core.Data.exchange_rate}}</span>{{=Core.Data.game_unit}}{{=Core.Data.game_unit_name}}.</div>
<input class="larg btn zhifubaoBtn" type="submit" value="前往付款" />
{{?}}
</div>
{{?}}
</form>
</div>
</div>
</div>
</script>
<script id="pay_proxy_template" type="text/x-jquery-tmpl">
<div class="header">
<span class="title">确认代付</span>
<a class="iconfont icon-iconfontxiangyou poslft" href="#proxy_record"></a>
</div>
<div class="container">
{{? !Core.Data.temp.msg }}
<h4 class="align-left" >
来自<span class="text-info" >
{{=Core.Data.temp.game_name}}</span> - 【{{=Core.Data.temp.server_name}}】的
<span class="text-warning">{{=Core.Data.temp.role_name}}</span>
向你发起一笔代付,请你帮忙付款
<span class="text-warning" >
{{=Core.Data.temp.game_amount}}
{{=Core.Data.temp.game_amount_unit}}
{{=Core.Data.temp.game_amount_unit_name}}
</span>
</h4>
<form action="/pay/proxy/pay" method="post" class="ajax" data-todo="pay_proxy_callback" >
<div class="pay-proxy-info clearfix">
<div class="btn-group clearfix" >
<input type="hidden" name="id" value="{{=Core.Data.temp.trade_id}}" />
<button class="btn btn-payfor" type="submit">确认为他付款</button><br/>
or<br/>
<a class="ajax btn-undo" href="/pay/proxy/undo?id={{=Core.Data.temp.trade_id}}">拒绝付款</a>
</div>
<div class="desc">
<p>
可用游爱星:<span class="text-warning">{{=Core.Data.temp.amount}}</span>
</p>
<p>
应付游爱星:<span class="text-warning">{{=Core.Data.temp.youai_star}}</span>
<small>(1:{{=Core.Data.temp.exchange_rate}})</small>
</p>
{{?Core.Data.temp.pay_message != ''}}
<p class="pay-message">
<small>他说:{{=Core.Data.temp.pay_message}}</small>
</p>
{{?}}
</div>
</div>
</form>
<div class="alert align-left">
<small>为避免风险,建议和代付申请人通过电话等方式确认以上信息</small>
</div>
{{??}}
<h1>{{=Core.Data.temp.msg}}</h1>
<a class="btn larg" href="#back" >
返回
</a>
{{?}}
</div>
</script>
<script id='pay_result_template' type='text/x-jquery-tmpl'>
<div class="header">
<span class="title">支付结果</span>
</div>
<div class="container">
<p class="lead" style=" font-size:30px; text-align:center; margin:30px 0;">
{{=Core.Data.success_msg}}
</p>
<a href="javascript:Core.finishPay()" class="btn larg conBtn">继续游戏</a>
</div>
</script>
<script id="invite_friend_template" type="text/x-jquery-tmpl">
<div class="header">
<span class="title">分享得{{=Core.Data.game_unit_name}}</span>
<a class="iconfont icon-iconfontxiangyou poslft" href="#channel_list"></a>
</div>
<div class="container align-left">
<div class="box_info_center">
<div class="fs_box invite_box">
<h3 class="text-info">奖励说明:</h3>
</div>
</div>
</div>
</script>
<script id='other_template' type='text/x-jquery-tmpl'>
<div class="header">
<span class="title">免费获得{{=Core.Data.game_unit_name}}</span>
<a class="btn pull-left op-back op-primary" href="#channel_list">返回</a>
</div>
<div class="container align-left">
{{? Core.Data.ad_game.length >= 1}}
<div class="sec sec_invtite">
<p class="title-fs">方式一:下载指定游戏可获得{{=Core.Data.game_unit_name}}</p>
<ol class="other-pay">
{{~ Core.Data.ad_game :item:index}}
{{? item.id}}
<li>
<a href="/ad/get/star/?id={{=item.id}}" target="_bank">
<img src="{{=item.icon}}"/>
<h4>{{=item.name}}</h4>
<span>可获<strong class="text-info">{{=item.ad_prize}}</strong>游戏币</span>
</a>
</li>
{{?}}
{{~}}
</ol>
</div>
<div class="sec sec_invtite">
</div>
{{??}}
<div class="sec sec_invtite">
</div>
{{?}}
</div>
</script>
<script id="kefu_list_template" type="text/x-jquery-tmpl">
<div class="header">
<span class="title">在线客服</span>
{{? Core.start_page == 'kefu_list'}}
<a class="btn-link poslft" href="sdk://exit?action=center">返回游戏</a>
{{??}}
<a class="iconfont icon-iconfontxiangyou poslft" href="#pay_feedback"></a>
{{?}}
</div>
<div class="container">
<div class="box_info_center padding_box">
<div id="kefu_wrapper" style="position: relative" class="scroll">
<ol class="kefu-list list" data-role="ajax-html"
data-params-url="/user/question/list?page_size=10"
data-params-template="tpl_kefu_list">
</ol>
</div>
</div>
</div>
</script>
<script id="question_detail_template" type="text/x-jquery-tmpl">
<div class="header">
<span class="title">问题详细</span>
<a class="btn pull-left op-back" href="#kefu_list">返回</a>
</div>
<div class="container">
<div class="detail_scroller scroll" id="question_detail_scroller">
<div>
<div class="align-left question_del">
<h2>Q:{{=Core.Data.question_detail.q_type}}{{=Core.Data.question_detail.question}} <span class="q_time">{{=Core.Data.question_detail.create_time}}</span> </h2>
</div>
<hr>
<ol class="question-list list">
{{? Core.Data.question_detail.the_question_list.length == 1 }}
<p class="tip">客服MM还没回复...</p>
{{??}}
{{~ Core.Data.question_detail.the_question_list :item:index }}
{{? item.id}}
<li >
<span class="pull-right">{{=item.reply_time}}</span>
<span class="kefu text-warning">
客服-{{=item.nickname}}:
</span>
<div class="content">{{=item.answer}}
</div>
<p class="scroe">
{{? item.score != -1 }}
您的评价:&nbsp;&nbsp;<span class="btn">{{=item.score_name}}</span>
{{??}}
{{~ Core.Data.question_detail.score_map :qa:pos}}
{{? qa.key}}
<a href="/user/question/evaluate/?id={{=item.id}}&score={{=qa.key}}" class="btn ajax" data-todo="question_evaluate">{{=qa.val}}</a>
{{?}}
{{~}}
{{?}}
</p>
</li>
{{?}}
{{~ }}
{{? Core.Data.question_detail.page_num < Core.Data.question_detail.total_page}}
<li class="more">
<a class="btn" href="/user/question/{{=Core.Data.question_detail.id}}&format=json&page_size=5&page_num={{=(Core.Data.question_detail.page_num+1)}}.html" data-role="ajax-html" data-params-template="tpl_question_detail" data-params-append="true" >点击加载</a>
</li>
{{?}}
{{?}}
</ol>
</div>
</div>
</div>
</script>
<script id='tpl_kefu_list_template' type='text/x-jquery-tmpl'>
{{? it.model_list.length == 1 }}
<p>您好,手游平台客服MM全身心为您服务。请点击右上角的按钮输入您所遇到的问题,或者点击常见问题查看是否有您遇到的问题。</p>
{{??}}
{{~ it.model_list :item:index }}
{{? item.id}}
<li >
<a class="item" href="" type="button" data-id="{{=item.id}}">
<span class="question_title">{{=item.question}}</span>
{{? item.status == 1 }}
<span class="statu statu_yes">已解答</span>
{{??}}
<span class="statu statu_no">未解答</span>
{{?}}
<span class="pull-right q_time">{{=item.create_time}}</span>
</a>
</li>
{{?}}
{{~ }}
{{? it.page_num < it.total_page}}
<li class="more">
<a class="btn" href="/user/question/list?format=json&page_num={{=(it.page_num+1)}}" data-role="ajax-html" data-params-template="tpl_kefu_list" data-params-append="true" >点击加载</a>
</li>
{{?}}
{{?}}
</script>
<script id='tpl_question_detail_template' type='text/x-jquery-tmpl'>
{{~ it.model_list :item:index }}
{{? item.id}}
<li >
<span class="pull-right">{{=item.reply_time}}</span>
<span class="kefu text-warning">
客服-{{=item.nickname}}:
</span>
<div class="content ">{{=item.answer}}
</div>
<p class="score">
{{? item.score != -1 }}
您的评价:&nbsp;&nbsp;<span class="btn">{{=item.score_name}}</span>
{{??}}
{{~ it.score_map :qa:pos}}
{{? qa.key}}
<a href="/user/question/evaluate/?id={{=item.id}}&score={{=qa.key}}" class="btn ajax" data-todo="question_evaluate">{{=qa.val}}</a>
{{?}}
{{~}}
{{?}}
</p>
</li>
{{?}}
{{~ }}
{{? it.page_num < it.total_page}}
<li class="more">
<a class="btn" href="/user/question/{{=it.id}}&format=json&page_size=5&page_num={{=(it.page_num+1)}}.html" data-role="ajax-html" data-params-template="tpl_question_detail" data-params-append="true" >点击加载</a>
</li>
{{?}}
</script>
<script id='tpl_trade_record_template' type='text/x-jquery-tmpl'>
{{? it.model_list.length == 1 }}
<p style="text-align:center; font-size:30px; margin:20px auto;">没记录...</p>
{{??}}
{{? it.page_num == 1}}
<div class="pay-info-cont clearfix">
<div class="iconfont icon-yonghutouxiang pull-left"></div>
<div class="user-msg pull-left align-left">
<h2>玩家:{{=Core.Data.username}}</h2>
</div>
</div>
{{?}}
{{~ it.model_list :item:index }}
{{? item.id}}
<li class="integral">
<div class="box">
<h2>
<i class="icon iconfont icon-shuangyuanquan"></i>
<div class="time"><h3>{{=item.last_firendlyTime}}</h3></div>
</h2>
<div class="textbox">
<div class="text">
<h3>
<strong>{{=item.server_name}}</strong><small>&lt;{{=item.role_name}}&gt;</small>
<span class="statu {{? item.get_status.indexOf('成功') > -1 }} text-success {{?? item.get_status.indexOf('拒绝')>-1 || item.get_status.indexOf('失败')>-1}} text-error{{??}} text-info{{?}}">
[{{? item.remark}}
<span class="text-error">{{=item.remark}}</span>
{{?}}
{{=item.get_status}}]
</span>
</h3>
<div class="txt">
<h3>获得{{=Core.Data.game_unit_name}}<strong>{{=item.game_amount}}</strong>{{=Core.Data.game_unit}}。</h3>
<p>订单:{{=item.id}}</>
</div>
<div class="position"><i class="iconfont icon-triangle-left-copy"></i></div>
</div>
</div>
</div>
</li>
{{?}}
{{~ }}
{{? it.page_num < it.total_page}}
<li class="more">
<a class="btn" href="/trade/list/user?page_size=5&page_num={{=(it.page_num+1)}}&game_id={{=it.search_profile.game_id}}&server_id={{=it.search_profile.server_id}}" data-role="ajax-html" data-params-template="tpl_trade_record" data-params-append="true" data-params-todo="refresh_iscorll" >下一页</a>
</li>
{{?}}
{{?}}
</script>
<script id='tpl_proxy_record_template' type='text/x-jquery-tmpl'>
{{? it.model_list.length == 1 }}
<p style="text-align:center; font-size:30px; margin:20px auto;">没记录...</p>
{{??}}
{{~ it.model_list :item:index }}
{{? item.id}}
<li>
<p class="detail">
<span class="statu {{? item.get_status.indexOf('成功') > -1 }} text-success {{?? item.get_status.indexOf('拒绝')>-1 || item.get_status.indexOf('失败')>-1}} text-error{{??}} text-info{{?}}">
[{{? item.status == 1 }}
<a class="btn op-payfor" href="#pay_proxy&id={{=item.id}}" data-id="{{=item.id}}">支付</a>
{{??}}
{{=item.get_status}}]
{{?}}
</span>
<strong>{{=item.game_name}}</strong><small>{{=item.server_name}}&lt;{{=item.role_name}}&gt;</small>
</p>
<p class="muted">消费游爱星<strong>{{=item.youai_star}}</strong>颗,获得{{=Core.Data.game_unit_name}}<strong>{{=item.game_amount}}</strong>{{=Core.Data.game_unit}}</p>
<p class="info"><small class="pull-right muted time_p">{{=item.last_firendlyTime}}</small>
<span class="order-text">订单:{{=item.id}}</span>
</p>
</li>
{{?}}
{{~ }}
{{? it.page_num < it.total_page}}
<li class="more">
<a class="btn" href="/trade/list/proxy?page_num={{=(it.page_num+1)}}" data-role="ajax-html" data-params-template="tpl_proxy_record" data-params-append="true" >下一页</a>
</li>
{{?}}
{{?}}
</script>
</div>
<script type="text/javascript" src="js/fastclick.min.1.0.js?201309041309"></script>
<script type="text/javascript" src="js/zepto.min.js?201309041309"></script>
<script type="text/javascript" src="js/doT.min.js?201309041309" ></script>
<script type="text/javascript" src="js/iscroll.min.1.0.js?201309041309" ></script>
<script type="text/javascript">
window.isGetData = 0;
$(function() {
FastClick.attach(document.body);
});
</script>
<script type="text/javascript" src="js/core.min.js?201504218002" ></script>
<script type="text/javascript" src="js/pay.min.js?201504218001" ></script>
<script type="text/javascript" src="js/loader.min.js?201504218001"></script>
<script type="text/javascript">
$(function(){
if (Core.isIos) {
$('meta[name="viewport"]').attr('content','width=800,maximum-scale=1,user-scalable=no');
}
getData('/sdk/pay/json');
});
</script>
</body>
</html>
......
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, user-scalable=no,target-densitydpi=device-dpi" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<meta name="format-detection" content="telephone=no">
<meta name="screen-orientation" content="portrait">
<meta name="full-screen" content="yes">
<meta http-equiv="x-ua-compatible" content="IE=edge" />
<link href="skin/new_sdk.min.css?v=20150318002" type="text/css" rel="stylesheet" />
<link id="skin" data-v="20150318001" type="text/css" rel="stylesheet" />
<link href="skin/responsive.min.css?v=20150318001" type="text/css" rel="stylesheet" />
<title>
手游平台登录
</title>
</head>
<body>
<div class="mask">
<div class="container_load" id="loading">
<div class="content">
<div class="circle"></div>
<div class="circle1"></div>
</div>
</div>
<div class="alert alert-success hide" id="alert">
<button type="button" class="close" data-dismiss="alert">&times;</button>
<span></span>
</div>
<section id="home" data-attr="dot" class="hide"></section>
<section id="frame" data-attr="dot" class="hide" ></section>
<script id="frame_template" type="text/x-jquery-tmpl" >
<div class="header">
<span class="title">{{=Core.Data.frame_title}}</span>
<a class="btn pull-left op-back" href="#main">返回</a>
</div>
<div class="container" style="">
<div class="container_load in_frame" id="loading_frame">
<div class="content">
<div class="circle"></div>
<div class="circle1"></div>
</div>
</div>
{{? Core.isIos}}<div class="ios_scroll">{{?}}
<iframe frameborder=0 src="{{=Core.Data.frame_src}}" scrolling="yes" width="100%" height="100%"></iframe>
{{? Core.isIos}}</div>{{?}}
</div>
</script>
<script id="home_template" type="text/x-jquery-tmpl">
<div class="header">
<span class="title">分享游戏</span>
<a class="btn pull-left op-back" href="sdk://exit?action=share">回到游戏</a>
</div>
<div class="container">
<div class="box_info_center">
<div class="share_box1">
<div class="share_game clearfix">
<img class="pull-left game_face" src="{{=Core.Data.icon || ''}}" height="75" width="75">
<textarea class="s_content">{{=Core.Data.content || '这款游戏还不错噢,一起来玩吧!'}}</textarea>
</div>
</div>
<div class="share_box2">
<div class="">
<h3 class="text-info">分享到</h3>
<ul class="other-login inline clearfix">
<li><a href="/sdk/share/game/qq/?app_id={{=Core.Data.app_id || ''}}" class="qq" title="QQ空间分享"></a></li>
<li><a href="/sdk/share/game/sina/?app_id={{=Core.Data.app_id || ''}}" class="sina" title="新浪微博分享"></a></li>
<li><a href="/sdk/share/game/tqq/?app_id={{=Core.Data.app_id || ''}}" class="tqq" title="腾讯微博分享"></a></li>
</ul>
<div class="invite_box">
<h3 class="text-info">奖励说明:</h3>
<p>
1.成功邀请好友一起玩游戏,您可获得<span class="text-info">5{{=Core.Data.game_unit_name}}</span>的奖励
</p>
<p>
2.好友若充值(限前10),您可获得<span class="text-info">5%</span>充值奖励
</p>
<p>
3.好友首次充值,因被您邀请可额外获得<span class="text-info">10%</span>充值返利
</p>
</div>
</div>
</div>
</div>
</div>
</script>
</div>
<script type="text/javascript" src="js/fastclick.min.1.0.js?201309041309"></script>
<script type="text/javascript" src="js/zepto.min.js?201309041309"></script>
<script type="text/javascript" src="js/doT.min.js?201309041309" ></script>
<script type="text/javascript">
window.isGetData = 0;
$(function() {
FastClick.attach(document.body);
});
</script>
<script type="text/javascript" src="js/core.min.js?201403141112" ></script>
<script type="text/javascript">
(function(){
// Home模块
var Home = function(modId) {
Module.call(this, modId);
}
// 继承基础模块
Core.inherit(Home, Module);
Home.prototype.bind = function(){
var that = this;
that.$c.on('click', '.other-login a', function(e){
e.preventDefault();
//分享连接
var $tar = $(e.target);
var content = that.$c.find('.s_content').val();
$tar.attr('params', 'content=' + content);
Core.ajax_do($tar, function(data){
console.log(data);
if(data.code == 0){
if(data.msg.next_url){
// 需要重新授权
var src = data.msg.next_url;
if (Core.isFile) {
src = Core.server + src;
}
Core.Data.frame_title = $tar.attr('title');
Core.Data.frame_src = src;
Core.updateMod('frame');
} else {
//
Core.showTips(data.msg);
}
}
}, that);
});
}
Core.registerMod('home', Home);
var Frame = function(modId) {
Module.call(this, modId);
}
Core.inherit(Frame, Module);
Frame.prototype.show_after = function() {
var that = this;
var _des = Core.last_mod ? Core.last_mod : 'home';
this.$c.find('a.btn.pull-left').attr('href', '#' + _des);
this.$c.find('iframe')[0].onload = function() {
that.$c.find('#loading_frame').hide();
}
}
Core.registerMod('frame', Frame);
})();
</script>
<script type="text/javascript" src="js/loader.min.js?201401151617"></script>
<script type="text/javascript">
(function(){
window.isGetData = 1;
getData('/game/info/');
})();
</script>
</body>
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, user-scalable=no,target-densitydpi=device-dpi" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<meta name="format-detection" content="telephone=no">
<meta name="screen-orientation" content="portrait">
<meta name="full-screen" content="yes">
<meta http-equiv="x-ua-compatible" content="IE=edge" />
<link href="skin/new_sdk.min.css?v=20150318002" type="text/css" rel="stylesheet" />
<link id="skin" data-v="20150318001" type="text/css" rel="stylesheet" />
<link href="skin/responsive.min.css?v=20150318001" type="text/css" rel="stylesheet" />
<title>
手游平台登录
</title>
</head>
<body>
<div class="mask">
<div class="container_load" id="loading">
<div class="content">
<div class="circle"></div>
<div class="circle1"></div>
</div>
</div>
<div class="alert alert-success hide" id="alert">
<button type="button" class="close" data-dismiss="alert">&times;</button>
<span></span>
</div>
<section id="home" data-attr="dot" class="hide"></section>
<section id="frame" data-attr="dot" class="hide" ></section>
<script id="frame_template" type="text/x-jquery-tmpl" >
<div class="header">
<span class="title">{{=Core.Data.frame_title}}</span>
<a class="btn pull-left op-back" href="#main">返回</a>
</div>
<div class="container" style="">
<div class="container_load in_frame" id="loading_frame">
<div class="content">
<div class="circle"></div>
<div class="circle1"></div>
</div>
</div>
{{? Core.isIos}}<div class="ios_scroll">{{?}}
<iframe frameborder=0 src="{{=Core.Data.frame_src}}" scrolling="yes" width="100%" height="100%"></iframe>
{{? Core.isIos}}</div>{{?}}
</div>
</script>
<script id="home_template" type="text/x-jquery-tmpl">
<div class="header">
<span class="title">分享游戏</span>
<a class="btn pull-left op-back" href="sdk://exit?action=share">回到游戏</a>
</div>
<div class="container">
<div class="box_info_center">
<div class="share_box1">
<div class="share_game clearfix">
<img class="pull-left game_face" src="{{=Core.Data.icon || ''}}" height="75" width="75">
<textarea class="s_content">{{=Core.Data.content || '这款游戏还不错噢,一起来玩吧!'}}</textarea>
</div>
</div>
<div class="share_box2">
<div class="">
<h3 class="text-info">分享到</h3>
<ul class="other-login inline clearfix">
<li><a href="/sdk/share/game/qq/?app_id={{=Core.Data.app_id || ''}}" class="qq" title="QQ空间分享"></a></li>
<li><a href="/sdk/share/game/sina/?app_id={{=Core.Data.app_id || ''}}" class="sina" title="新浪微博分享"></a></li>
<li><a href="/sdk/share/game/tqq/?app_id={{=Core.Data.app_id || ''}}" class="tqq" title="腾讯微博分享"></a></li>
</ul>
<div class="invite_box">
<h3 class="text-info">奖励说明:</h3>
<p>
1.成功邀请好友一起玩游戏,您可获得<span class="text-info">5{{=Core.Data.game_unit_name}}</span>的奖励。
</p>
<p>
2.好友若充值(限前10),您可获得<span class="text-info">5%</span>充值奖励。
</p>
<p>
3.好友首次充值,因被您邀请可额外获得<span class="text-info">10%</span>充值返利。
</p>
</div>
</div>
</div>
</div>
</div>
</script>
</div>
<script type="text/javascript" src="js/fastclick.min.1.0.js?201309041309"></script>
<script type="text/javascript" src="js/zepto.min.js?201309041309"></script>
<script type="text/javascript" src="js/doT.min.js?201309041309" ></script>
<script type="text/javascript">
window.isGetData = 0;
$(function() {
FastClick.attach(document.body);
});
</script>
<script type="text/javascript" src="js/core.min.js?201403141112" ></script>
<script type="text/javascript">
(function(){
// Home模块
var Home = function(modId) {
Module.call(this, modId);
}
// 继承基础模块
Core.inherit(Home, Module);
Home.prototype.bind = function(){
var that = this;
that.$c.on('click', '.other-login a', function(e){
e.preventDefault();
//分享连接
var $tar = $(e.target);
var content = that.$c.find('.s_content').val();
$tar.attr('params', 'content=' + content);
Core.ajax_do($tar, function(data){
console.log(data);
if(data.code == 0){
if(data.msg.next_url){
// 需要重新授权
var src = data.msg.next_url;
if (Core.isFile) {
src = Core.server + src;
}
Core.Data.frame_title = $tar.attr('title');
Core.Data.frame_src = src;
Core.updateMod('frame');
} else {
//
Core.showTips(data.msg);
}
}
}, that);
});
}
Core.registerMod('home', Home);
var Frame = function(modId) {
Module.call(this, modId);
}
Core.inherit(Frame, Module);
Frame.prototype.show_after = function() {
var that = this;
var _des = Core.last_mod ? Core.last_mod : 'home';
this.$c.find('a.btn.pull-left').attr('href', '#' + _des);
this.$c.find('iframe')[0].onload = function() {
that.$c.find('#loading_frame').hide();
}
}
Core.registerMod('frame', Frame);
})();
</script>
<script type="text/javascript" src="js/loader.min.js?201401151617"></script>
<script type="text/javascript">
(function(){
window.isGetData = 1;
getData('/game/info/');
})();
</script>
</body>
</html>
\ No newline at end of file
......
@charset "utf-8";
html[data-useragent='ios'] .other-menu{display:none;}
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0; padding:0; }
body{ margin:0 auto; padding:0px;font:14px/1.5 微软雅黑,Microsoft Yahei; overflow-x:hidden; font-weight:normal;}
.clear{clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0; }
img{border:0;}
ol,ul{list-style:none; }
a{ color:#000; text-decoration:none}
*{ text-shadow:none}
.l{ float: left;}
section{
position: relative;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
overflow-x: hidden;
}
.l{ float: left;}
.hide{ display: none;}
a,input,textarea,select {
outline: 0;
}
a:focus {
outline:thin dotted; /* 处理“outline”在Chrome浏览器中和其它浏览器之间的不一致 */
}
.red{ color: red;}
select{
-moz-appearance: none;
-webkit-appearance:none;
appearance:none;
}
/*字体图标*/
@font-face {font-family: "iconfont";
src: url('../font/iconfont.eot?t=1468997064'); /* IE9*/
src: url('../font/iconfont.eot?t=1468997064#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../font/iconfont.woff?t=1468997064') format('woff'), /* chrome, firefox */
url('../font/iconfont.ttf?t=1468997064') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
url('../font/iconfont.svg?t=1468997064#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont {
font-family:"iconfont" !important;
font-size:16px;
font-style:normal;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.2px;
-moz-osx-font-smoothing: grayscale;
}
.icon-weixin:before { content: "\e600"; font-size: 1.8em; color: #0bb515;}
.icon-qq:before { content: "\e601"; font-size: 1.8em; color: #00beef;}
.icon-iconfontcha:before { content: "\e609"; }
.icon-qq1:before { content: "\e602"; font-size: 1.8em; color: #00beef;}
.icon-weixin1:before { content: "\e603"; }
.icon-qq2:before { content: "\e604"; font-size: 1.8em; color: #00beef;}
.icon-iconfontxiangyou:before { content: "\e60a"; color: #fff; font-size: 1.6em;}
.icon-iconfontcolor19:before { content: "\e60b"; }
.icon-xuanzhong:before { content: "\e60c"; color: #ff9600; font-size: 1.6em;}
.icon-triangle-l:before { content: "\e605"; }
.icon-shuangyuanquan:before { content: "\e60d"; color: #089b55;}
.icon-weixin2:before { content: "\e606"; }
.icon-xiangyou:before { content: "\e60e"; }
.icon-fuxuankuangyixuanze:before { content: "\e607"; }
.icon-xiangxia:before { content: "\e60f"; color: #ddd; font-size: 30px;}
.icon-icon3:before { content: "\e608"; }
.icon-fanhui:before { content: "\e610"; color: #00beef; font-size: 36px;}
.icon-yonghutouxiang:before { content: "\e611"; color: #c1c1c1; font-size: 75px;}
.icon-triangle-left-copy:before { content: "\e612"; color:#ddd; font-size: 1.8em;}
/*SDK背景box*/
.new-sdk-container{
position: relative;
background: #f6f6f6;
height: 100%;
}
html{
position: relative;
background: #f6f6f6;
height: 100%;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);/*禁用ios点击元素时的灰色背景*/
/*-webkit-user-modify: read-write-plaintext-only;*/
}
body{
width: 100%;
height: 100%;
background-size: 100%;
}
.mask{
position: relative;
height: 100%;
}
.redround{
display: inline-block;
width: 5px;
height: 5px;
background: red;
border-radius: 50px;
position: absolute;
right: 10px;
top: 10px;
}
.container.activity{
position: absolute;
left: 0;
top: 133x;
bottom: 0;
right: 0;
height: calc(100% - 134px);
}
.SDK-titlebox{
height: 33px;
background: #00beef;
}
/*SDK-logo*/
.new-sdk-container .new-sdk-logo{
text-align: center;
width:100%;
height:53px;
}
.new-sdk-container .new-sdk-logo img{
display: block;
width: 210px;
margin: 0 auto;
padding: 15px 0 0 0;
height:53px;
}
.new-sdk-container .new-sdk-box{
padding: 20px 37px;
border-top: 1px solid #c4c3c3;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.new-sdk-container .new-sdk-box .input{
margin-bottom: 15px;
border: 1px solid #c0c0c0;
/*box-shadow: 1px 2px 2px #c2c2c2 inset;*/
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
padding: 25px 0;
background: #fff;
box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
}
.new-sdk-container .new-sdk-box .input input{
display: inline-block;
width:100%;
background: none;
border: none;
color: #000;
font-size: 30px;
font-family: "Microsoft YaHei","微软雅黑";
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden;
word-break:break-all;
height: 45px;
line-height: 45px;
vertical-align: middle;
margin: 20px 0;
}
.new-sdk-container .new-sdk-box .inputCode input,.new-sdk-container .new-sdk-box .inputCode .getCode{
width:100%;
background: none;
border: none;
color: #000;
font-size: 30px;
font-family: "Microsoft YaHei","微软雅黑";
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden;
word-break:break-all;
}
/*#js_getcode{
height: 80px;
line-height: 80px;
}*/
/*.new-sdk-container .step-box .new-sdk-box .input input,.new-sdk-container .step-box .new-sdk-box .inputCode .getCode{
height: 80px;
line-height: 80px;
}*/
.new-sdk-container .new-sdk-box .inputCode .input{
float: left;
width: 55%;
padding: 0;
}
.new-sdk-container .new-sdk-box .inputCode .getCode{
width: 40%;
float: right;
color: #ff9600;
border: 1px solid #ff9600;
border-radius: 10px;
text-align: center;
}
.new-sdk-container .new-sdk-box .inputCode .getCode.disabled{
border: 1px solid #c0c0c0;
color: #c0c0c0;
cursor : none;
pointer-events: none;
}
.new-sdk-container .new-sdk-box p,.new-sdk-container .new-sdk-box p a{
color: #434343;
font-size: 24px;
font-family: "Microsoft YaHei","微软雅黑";
margin: 20px 0 0;
}
.new-sdk-container .new-sdk-box .acount-name p span.phoneMobile{
color: #434343;
}
.new-sdk-container .new-sdk-box p span{
color: #da8000;
}
.new-sdk-container .inline-btn{
overflow: auto;
zoom: 1;
width: 88%;
margin: 0px auto 25px auto;
}
.new-sdk-container .inline-btn li{
float: left;
width: 45%;
text-align: center;
background: #ff9600;
border-radius: 20px;
padding: 26px 0;
}
.new-sdk-container .inline-btn li:nth-child(2n+2){
float: right;
background: #00beef;
}
.new-sdk-container .login-inline-btn li{
background: #00beef;
}
.new-sdk-container .login-inline-btn li:nth-child(2n+2){
background: #ff9600;
}
.new-sdk-container .only-btn{
position: relative;
text-align: center;
width: calc(100% - 2em);
width: -moz-calc(100% - 2em);
width: -webkit-calc(100% - 2em);
padding: 10px 0;
/*background: #00beef;*/
border-radius: 10px;
margin:1.0em auto 0;
}
.new-sdk-container .only-btn a.btn-orange{
display: block;
width: 235px;
margin: 0 auto;
border-radius: 10px;
font-size: 30px;
padding: 25px 0;
}
.new-sdk-container .only-btn .readyed{
position: absolute;
right: 0;
top: 5px;
color: #000;
font-family: "Microsoft YaHei","微软雅黑";
font-size: 18px;
}
.new-sdk-container .inline-btn a,.new-sdk-container .only-btn a{
display: block;
color: #fff;
font-size: 30px;
font-family: "Microsoft YaHei","微软雅黑";
letter-spacing: 2px;
}
.new-sdk-container .inline-btn .btn{
display:inline-block;
border: 0;
background: #00beef;
color: #fff;
font-size: 30px;
font-family: "Microsoft YaHei","微软雅黑";
letter-spacing: 2px;
cursor: pointer;
width: 100%;
vertical-align: middle;
border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
}
.new-sdk-container .inline-btn .btn-orange{
background: #ff9600
}
.new-sdk-container .new-sdk-box .input select{
width: 100%;
height: 88px;
line-height: 88px;
background: none;
border: none;
color: #434343;
font-size: 30px;
font-family: "Microsoft YaHei","微软雅黑";
}
.select2-container{
min-width: 100%;
}
.new-sdk-container .new-sdk-box .new-sdk-psw{
padding: 0 25px;
}
.new-sdk-container .new-sdk-box .input i{
display: inline-block;
width: 90px;
color: #000;
font-size: 30px;
font-family: "Microsoft YaHei","微软雅黑";
font-style:normal;
}
.new-sdk-container .new-sdk-box .input label{
display: inline-block;
width: calc(100% - 65px);
width: -moz-calc(100% - 65px);
width: -webkit-calc(100% - 65px);
}
.new-sdk-container .new-sdk-box .new-sdk-psw input{
padding: 0;
text-align: left;
}
.new-sdk-container .new-sdk-box .new-sdk-lc{
margin:2em auto 0;
overflow: auto;
zoom: 1;
}
.new-sdk-container .new-sdk-box .new-sdk-lc .sleft{
float: left;
}
.new-sdk-container .new-sdk-lc .sleft .image{
width: 50px;
height: 50px;
position: relative;
}
.new-sdk-container .new-sdk-lc .sleft img{
max-height: 50px;
max-width: 50px;
width: auto;
height: auto;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
}
.new-sdk-container .new-sdk-lc .scenter{
float: left;
margin-left: 10px;
width: calc(100% - 180px);
width: -moz-calc(100% - 180px);
width: -webkit-calc(100% - 180px);
}
.new-sdk-container .new-sdk-lc .scenter p{
margin: 0;
color: #000;
text-overflow: ellipsis;
white-space: nowrap;
word-break: break-all;
width: 100%;
overflow: hidden;
font-size: 14px;
}
.new-sdk-container .new-sdk-lc .scenter p a{
color: #0060b8;
}
.new-sdk-container .new-sdk-lc i{
float: right;
width: 27px;
height: 45px;
background: url(../images/new-sdk-icon.png) no-repeat 0 -152px;
margin: 4px 0;
transform: scale(0.8);
}
.new-sdk-container .new-sdk-box .new-sdk-psw i{
width: 200px;
height: 80px;
line-height: 80px;
float: left;
}
.new-sdk-container .new-sdk-box .new-sdk-psw label{
position: absolute;
left: 215px;
display: inline-block;
height: 80px;
line-height: 80px;
}
.new-sdk-container .new-sdk-lc .binding-link{
float: right;
margin: 0.5em 0;
}
.new-sdk-container .new-sdk-lc .binding-link a{
display: block;
background: #bceeff;
color: #000;
font-size: 14px;
font-family: "Microsoft YaHei","微软雅黑";
letter-spacing: 2px;
padding: 10px;
}
.new-sdk-container .new-sdk-login{
padding:1em;
}
.new-sdk-container .Account-Login .new-sdk-lc{
margin: 10px 0 0;
}
.new-sdk-container .Account-Login .new-sdk-lc .scenter{
width: calc(100% - 75px);
}
.new-sdk-container .account-btn{
overflow: auto;
zoom: 1;
width: 90%;
margin: 0 auto;
}
.new-sdk-container .account-btn li{
float: left;
margin: 10px 0;
width: 40%;
}
.new-sdk-container .account-btn li:nth-child(2n+2){
float: right;
}
.new-sdk-container .account-btn li a{
display: block;
color: #000;
font-size: 16px;
font-family: "Microsoft YaHei","微软雅黑";
background: #efefef;
text-align: center;
padding: 10px 0;
}
.new-sdk-container .account-btn li a:hover{
background: #bceeff;
}
.new-sdk-container .login-third {
width: 90%;
margin: 10px auto 0 auto;
}
.new-sdk-container .login-third .min-qq-icon {
display: block;
width: 33px;
height: 34px;
background: url("../images/icon.png") no-repeat -305px -108px;
float: left;
margin-right: 5px;
}
.new-sdk-container .login-third .title{
line-height: 29px;
margin: 15px 0;
}
.new-sdk-container .login-third .min-weibo-icon {
display: block;
width: 36px;
height: 29px;
background: url("../images/icon.png") no-repeat -305px -75px;
float: left;
margin-right: 5px;
}
.new-sdk-container .login-third .title p {
float: left;
color: #000;
font-size: 20px;
font-family: "Microsoft YaHei","微软雅黑";
}
.new-sdk-container .login-third .input-box {
width: 100%;
border-radius: 10px;
border: 2px solid #c2c2c2;
}
.new-sdk-container .login-third .login-third-input {
border: none;
width: calc(100% - 2em);
width: -moz-calc(100% - 2em);
width: -webkit-calc(100% - 2em);
padding: 1em;
border-bottom: 2px solid #c2c2c2;
font-size: 16px;
border-radius: 10px 10px 0 0;
}
.new-sdk-container .login-third .login-third-input:last-child {
border-bottom: none;
border-radius: 0 0 10px 10px;
}
.new-sdk-container .login-third .login-qq-submit{
background: #d90900;
width: 100%;
border-radius: 8px;
padding: 10px 0;
border: none;
color: #fff;
font-size: 16px;
font-family: "Microsoft YaHei","微软雅黑";
letter-spacing: 2px;
margin-top: 15px;
}
.new-sdk-container .login-third .QQ-submit{
background: #72c429;
}
.new-sdk-container .login-third-list {
width: 90%;
border-top: 1px solid #B1B1B1;
margin: 0 auto 0 auto;
}
.new-sdk-container .login-third-list .title {
text-align: center;
margin-top: 25px;
font-size: 20px;
color: #000;
font-family: "Microsoft YaHei","微软雅黑";
}
.new-sdk-container .login-third-list .third-list {
font-size: 20px;
width: 90%;
margin: 1em auto;
}
@media only screen and (min-width: 640px){
.new-sdk-container .login-third-list .third-list {
width: 50%;
}
}
.new-sdk-container .login-third-list .third-list li {
border-radius: 100%;
background: #fff;
float: left;
width: 130px;
height: 130px;
margin: 0 35px 0 35px;
}
.new-sdk-container .login-third-list .third-list li:nth-child(2n+2){
float: right;
}
.new-sdk-container .login-third-list .third-icon {
background: url("../images/icon.png") no-repeat;
margin: 10px auto 0;
}
.new-sdk-container .login-third-list .third-qq {
width: 85px;
height: 88px;
background-position: 0 -75px;
transform: scale(0.7);
}
.new-sdk-container .login-third-list .third-guest{
width: 85px;
height: 88px;
background-position: -219px -88px;
transform: scale(0.7);
}
.new-sdk-container .login-third-list .third-weibo {
width: 111px;
height: 88px;
background-position: -102px -69px;
transform: scale(0.7);
}
.new-sdk-container .login-third-list p {
text-align: center;
color: #000;
font-size: 14px;
}
/*登录*/
.new-sdk-container .new-sdk-main{
min-height: 14em;
width: 90%;
margin: 0 auto 0 auto;
}
.new-sdk-container .new-sdk-main .other-login{
margin: 17px auto;
line-height: 28px;
color: #434343;
font-size: 24px;
}
.new-sdk-container .new-sdk-main .other-login p{
float: left;
}
.new-sdk-container .new-sdk-main .other-login p a{
display: inline-block;
width: 45px;
height: 45px;
/*background: url(../images/new-sdk-icon.png) no-repeat;*/
margin-left: 15px;
vertical-align: bottom;
}
.new-sdk-container .new-sdk-main .other-login p a.wb{
background-position: 0 -50px;
}
.new-sdk-container .new-sdk-main .other-login p a.qq{
background: url(../images/login_icon.png) no-repeat 0 0;
}
.new-sdk-container .new-sdk-main .other-login p a.weixin{
background: url(../images/login_icon.png) no-repeat 0 -45px;
}
.new-sdk-container .new-sdk-main .other-login label{
float: right;
}
.new-sdk-container .new-sdk-main .other-login label a{
font-size: 18px;
}
.new-sdk-container .new-sdk-main .inputbox{
margin: 0 auto;
background: #fff;
border-radius: 10px;
padding: 30px 18px 24px 25px;
overflow: visible;
zoom: 1;
margin-top: 30px;
position: relative;
border: 1px solid #c0c0c0;
font-family:"Microsoft YaHei","微软雅黑";
color: #434343;
}
.new-sdk-container .new-sdk-main .inputbox .ileft{
float: left;
width: 90px;
min-width: 90px;
font-size: 30px;
font-family:"Microsoft YaHei","微软雅黑";
position: absolute;
line-height: 30px;
}
.new-sdk-container .new-sdk-main .inputbox .iright{
float: left;
width: calc(100% - 90px);
width: -moz-calc(100% - 90px);
width: -webkit-calc(100% - 90px);
margin-left: 90px;
}
.new-sdk-container .new-sdk-main .inputbox input{
width: calc(100% - 47px);
width: -moz-calc(100% - 47px);
width: -webkit-calc(100% - 47px);
font-size: 30px;
line-height: 30px;
border: none;
font-family: "Microsoft YaHei","微软雅黑";
white-space:nowrap; text-overflow:ellipsis; overflow:hidden; word-break:break-all;
}
.new-sdk-container .new-sdk-main .iright .bottom-icon{
position: absolute;
right: 0;
top: 5px;
width: 100px;
height: 90px;
}
.new-sdk-container .new-sdk-main .iright .bottom-icon i.iconfont{
position: absolute;
right: 25px;
top: 50%;
margin-top: -20px;
}
/*.new-sdk-container .new-sdk-main .iright .bottom-icon i{
display: block;
width: 33px;
height: 22px;
background: url(../images/new-sdk-icon.png) no-repeat 0 0;
}*/
.new-sdk-container input{
outline: medium;
}
.new-sdk-container .pull-box{
position:absolute;
top: 85px;
left: -1px;
border: 1px solid #c0c0c0;
border-top: 0;
border-radius: 0 0 20px 20px;
width: 100%;
font-size:16px;
z-index: 99;
background: #fff;
color: #333;
display: none;
font-family: 宋体;
max-height: 11em;
/*overflow-y: scroll;*/
height: 150px;
}
.new-sdk-container .pull-box ul{
margin-left: 65px;
}
.new-sdk-container .pull-box li{
text-indent: 15px;
margin: 5px 0;
color: #434343;
font-size: 30px;
}
.new-sdk-container .pull-box li a{
display: block;
}
/*忘记密码*/
.new-sdk-container .forget-password .function-list {
width: 100%;
margin: 10px auto;
font-size: 16px;
}
.new-sdk-container .forget-password .function-list li {
margin-top: 10px;
}
.new-sdk-container .forget-password .function-list li:first-child {
margin-top: 20px;
}
.new-sdk-container .forget-password .function-list-icon {
display: block;
width: 13px;
height: 13px;
background: url("../images/icon.png") no-repeat;
margin: 5px 10px 0 0;
}
.new-sdk-container .forget-password .function-list-icon-1 {
background-position: -245px -75px;
}
.new-sdk-container .forget-password .function-list-icon-2 {
background-position: -280px -75px;
}
.new-sdk-container .forget-password .function-list-content {
display: none;
margin: 5px 0 0 20px;
}
.new-sdk-container .forget-password .function-list-content .function-input {
width: calc(100% -20px);
width: -moz-calc(100% - 20px);
width: -webkit-calc(100% - 20px);
border: 1px solid #c2c2c2;
padding: 10px;
font-size: 16px;
}
.new-sdk-container .forget-password .function-list-content p {
color: #595757;
font-size: 16px;
margin: 0;
}
.login-box .forget-password .login-button {
margin-top: 10px;
}
.function-list .function-list-text{
float: left;
width: calc(100% -25px);
width: -moz-calc(100% - 25px);
width: -webkit-calc(100% - 25px);
word-break: break-all;
}
/*服务协议*/
.new-sdk-container .new-sdk-content{
width: calc(100% - 76);
width: -moz-calc(100% - 76);
width: -webkit-calc(100% - 76);
height: 300px;
border: 1px solid #c0c0c0;
border-right: none;
border-bottom: none;
margin: 25px 37px 15px;
overflow-y: scroll;
color: #000;
background: #fff;
-webkit-overflow-scrolling: touch;
}
@media only screen and (min-width: 100px) and (max-width: 640px) {
.new-sdk-container .new-sdk-content{
height: 250px;
}
}
.new-sdk-container .new-sdk-content h3 {
font-size: 28px;
font-weight: normal;
text-align: center;
margin: 5px 0 20px;
}
.new-sdk-container .new-sdk-content p, .new-sdk-container .new-sdk-content h4 {
font-size: 24px;
font-weight: normal;
padding: 0 20px;
}
.new-sdk-container .new-sdk-content p {
text-indent: 2em;
}
.new-sdk-container .agreement{
float: right;
font-size: 24px;
line-height: 20px;
margin-right: 32px;
}
.new-sdk-container .checkbox {
width: 24px;
height: 24px;
/*background: transparent url("../images/icon.png") no-repeat scroll 0% 0%;*/
margin: 0 10px;
display: inline-block;
}
.new-sdk-container .checkbox-2 {
background-position: -274px -7px;
}
/*填写注册*/
.new-sdk-container .checkbox-1 {
background-position: -234px -7px;
}
.new-sdk-container .ag-tx{
font-size: 24px;
margin: 20px 0 22px;
}
.new-sdk-container .ag-tx a{
color: #0078ff;
text-decoration: underline;
}
.margintop{
margin-top: 20px;
}
/* 消息框 */
#alert {
background:rgba(0, 0, 0, 0.65)!important; filter:Alpha(opacity=65);
position: absolute;
top: 50%;
left: 50%;
margin: auto 0;
width: 80%;
z-index: 1000;
line-height: 38px;
font-size: 30px;
margin-left: -40%;
text-align: center;
color: #c3c3c3;
border-radius: 10px;
padding: 10px 0px;
}
button.close {
padding: 0;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
}
.alert {
padding: 8px 35px 8px 14px;
font-size: 16px;
/* text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);*/
background:rgba(250, 250, 250, 0.64);
/*border: 1px solid #fbeed5;*/
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.alert,
.alert h4 {
color: #c09853;
}
.alert h4 {
margin: 0;
}
.alert .close {
position: relative;
top: -2px;
right: 8px;
line-height: 20px;
}
.alert-success {
color:#009933;
/*border-bottom:2px solid #9f9f9f;*/
border-color: #d6e9c6;
text-shadow:none;
}
.alert-success h3 {
color: #468847;
}
.alert-danger,
.alert-error {
color:red;
text-shadow:none;
}
.alert-danger h3,
.alert-error h3 {
color: #b94a48;
}
.ios_scroll iframe{
min-height: 320px;
/*transform: scale(1.1);*/
}
/*用户中心*/
.clearfix:before,
.clearfix:after {
display: table;
line-height: 0;
content: "";
}
.clearfix:after {
clear: both;
}
.pull-left{ float: left;}
.pull-right{ float: right;}
.w_45{ width: 45%;}
.w_50{ width: 50%;}
.poslft{ position: absolute; left: 1em;}
.user-center{
position: relative;
text-align: center;
padding: 26px 0 18px;
border-bottom: 2px solid #fff;
color: #00beef;
font-family: "Microsoft YaHei","微软雅黑";
font-size: 36px;
}
.user-center a{
position: absolute;
right: 27px;
bottom:7px;
color: #ff9600;
font-size: 24px;
padding:10px;
}
.user-center a.lefticon{
right: auto;
left: 37px;
}
.user-center-box{
border-top: 1px solid #c4c3c3;
padding: 0 37px 50px;
}
.user-center-box .top{
border-bottom: 2px solid #fff;
padding: 43px 0 40px;
}
.user-center-box .top .txt p{
color: #434343;
font-size: 30px;
white-space:nowrap; text-overflow:ellipsis; overflow:hidden; word-break:break-all;
width: 100%;
}
.user-center-box .top .inline-btn{
margin: 0;
width: 45%;
}
.user-center-box .top .inline-btn a{
border-radius: 10px;
text-align: center;
line-height: 85px;
font-size: 30px;
}
.user-center-box .bind-user{
border-top: 1px solid #c4c3c3;
padding: 30px 20px;
}
.user-center-box .bind-user .txt{
color:#949494;
font-size: 20px;
}
.user-center-box .bind-user .btn-bind{
font-size: 30px;
text-align: center;
line-height: 60px;
border: 1px solid #ff9600;
color: #ff9600;
border-radius: 10px;
background: none;
}
.user-center-box .bind-user .inline-btn{
margin: 0;
width: 35%;
overflow: initial;
margin-left: 10%;
}
.user-center-box .list-item{
border-left: 1px solid #c0c0c0;
border-top: 1px solid #c0c0c0;
}
.user-center-box .list-item li{
position:relative;float: left; width: 33.333%; background: #fff; border-right: 1px solid #c0c0c0;border-bottom: 1px solid #c0c0c0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; text-align: center; color: #434343; font-size: 30px; padding:30px 0;
}
.user-center-box .list-item li a{ display: block;}
.user-center-box .list-item .redround{
position: absolute;
top: 5px;
right: 5px;
background: #ff0000;
display: block;
width: 10px;
height: 10px;
border-radius: 100%;
}
.acount-name{
color: #434343;
font-size: 30px;
margin-bottom: 25px;
}
.user-center a.btn-link{
font-size: 24px;
bottom: 20px;
}
.new-sdk-container .activity{ border-top: 1px solid #c4c3c3;}
.new-sdk-container .activity-list li:not(.more){
padding: 20px;
border-bottom: 1px dashed #ddd;
}
.new-sdk-container .activity-list li:not(.more) a{
font-size: 26px;
}
.new-sdk-container .activity-list .act_time {
color: #999;
font-size: 24px;
}
.new-sdk-container .activity-list .act_title{white-space:nowrap; text-overflow:ellipsis; overflow:hidden; word-break:break-all;display: block;width: 80%;}
.new-sdk-container .activity-list li.more a{
display: block;
width: 235px;
margin: 20px auto;
text-align: center;
padding: 20px;
color: #fff;
font-size: 26px;
background: #00beef;
border-radius: 10px;
}
.new-sdk-container .activity .bor_b_h3{
border-bottom: 1px solid #e0e0e0;
background: #fff;
padding: 20px 0;
margin: 0 37px;
}
.new-sdk-container .activity .bor_b_h3 h3{
color: #000;
font-size: 26px;
font-family: "Microsoft YaHei","微软雅黑";
font-weight: normal;
}
.scroll{ height: 100%;}
.new-sdk-container .activity .bor_b_h3 .text-info{
color: #707070;
font-size: 24px;
font-family: "Microsoft YaHei","微软雅黑";
font-weight: normal;
margin-top: 5px;
}
.new-sdk-container .activity .activity_text{
color: #707070;
font-size: 26px;
padding: 20px;
font-family: "Microsoft YaHei","微软雅黑";
background: #fff;
}
.new-sdk-container .activity .activity_text img{
display: block;
width: 100%;
}
.new-sdk-container .pwd_box{ margin: 0 37px;}
.new-sdk-container .pwd_box li{
border: 1px solid #c0c0c0;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
padding: 20px 0;
margin-bottom: 20px;
background: #fff;
}
.new-sdk-container .pwd_box #mobile_get_pwd_form .inline-btn li{
border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
padding: 0;
}
.new-sdk-container .pwd_box li a{
display: block;
color: #434343;
font-size: 30px;
font-family: "Microsoft YaHei","微软雅黑";
text-align: center;
}
.pwd_box .step-box input{
background: #fff;
width: 100%;
padding: 25px 0;
border-radius: 10px;
border: 1px solid #c0c0c0;
text-align: center;
margin: 83px 0 91px 0;
font-size: 30px;
line-height: 30px;
box-shadow: none;
box-sizing: border-box;
appearance:button;
-moz-appearance:button; /* Firefox */
-webkit-appearance:button; /* Safari 和 Chrome */
}
.pwd_box .step-box a{
display: block;
text-align: center;
width: 235px;
background: #ff9600;
margin: 0 auto;
color: #fff;
padding: 25px 0;
border-radius: 10px;
font-size: 30px;
}
.pwd_box .step-box .pwd_txt{
padding: 45px 25px 35px;
border: 1px solid #c0c0c0;
background: #fff;
margin: 9px 0 38px;
border-radius: 10px;
}
.pwd_box .step-box .pwd_txt p{
color: #434343;
font-size: 30px;
font-family: "Microsoft YaHei","微软雅黑";
}
.pwd_box .step-box .pwd_txt p a{
display: inline-block;
text-align: left;
width: auto;
background: none;
color: #434343;
padding: 0;
border-radius: none;
}
.new-sdk-box .question-input{
position: relative;
background: #fff;
border: 1px solid #c0c0c0;
border-radius: 10px;
padding: 25px 0;
text-align: center;
font-size: 30px;
color: #434343;
font-family: "Microsoft YaHei","微软雅黑";
}
.new-sdk-box .question-input i{
position: absolute;
right: 15px;
top: 27px;
}
.new-sdk-box .input input{
text-align: center;
}
.new-sdk-box .question-input p{
margin: 0;
font-size: 30px;
color: #434343;
font-family: "Microsoft YaHei","微软雅黑";
}
.mt10{ margin-top: 33px;}
.new-sdk-main .other-login p a.hide{ display: none;}
i.checkbx.icon-xuanzhong:before{ color: #999;}
.only-btn.inline-btn .agreement{
position: absolute;
right: 37px;top: 10px;
}
*:focus,* {outline: none;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #b5b5b6;
font-family: "Microsoft YaHei","微软雅黑";
font-size: 30px;
}
.new-sdk-container .new-sdk-main .other-login label a{
color: #434343;
font-size: 24px;
font-family: "Microsoft YaHei","微软雅黑";
vertical-align: -webkit-baseline-middle;
padding: 10px;
}
.pwd_box .step-box .question-input-box{
background: #fff;
padding: 25px 20px;
border-radius: 10px;
border: 1px solid #c0c0c0;
margin: 83px 0 91px 0;
}
.pwd_box .step-box .qib-txt{
width: 150px;
color: #434343;
font-size: 30px;
font-family: "Microsoft YaHei","微软雅黑";
}
.pwd_box .step-box .qib-input{
width: calc(100% - 150px);
}
.pwd_box .step-box .question-input-box input{
padding: 0;
line-height: 40px;
margin: 0;
border: none;
}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
background-color: rgb(255, 255, 255) !important;
box-shadow: 0 0 0px 1000px white inset;
}
input:disabled{
background-color:#ffffff;
color:#434343;
}
.new-sdk-container .pull-box .drop-ul li{
border-bottom: 1px solid #ddd;
}
@charset "utf-8";
html[data-useragent='ios'] .other-menu{display:none;}
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0; padding:0; }
body{ margin:0 auto; padding:0px;font:14px/1.5 微软雅黑,Microsoft Yahei; overflow-x:hidden; font-weight:normal;}
.clear{clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0; }
img{border:0;}
ol,ul{list-style:none; }
a{ color:#000; text-decoration:none}
*{ text-shadow:none}
.l{ float: left;}
section{
position: relative;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
overflow-x: hidden;
}
.l{ float: left;}
.hide{ display: none;}
a,input,textarea,select {
outline: 0;
}
a:focus {
outline:thin dotted; /* 处理“outline”在Chrome浏览器中和其它浏览器之间的不一致 */
}
.red{ color: red;}
select{
-moz-appearance: none;
-webkit-appearance:none;
appearance:none;
}
/*字体图标*/
@font-face {font-family: "iconfont";
src: url('../font/iconfont.eot?t=1468997064'); /* IE9*/
src: url('../font/iconfont.eot?t=1468997064#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../font/iconfont.woff?t=1468997064') format('woff'), /* chrome, firefox */
url('../font/iconfont.ttf?t=1468997064') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
url('../font/iconfont.svg?t=1468997064#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont {
font-family:"iconfont" !important;
font-size:16px;
font-style:normal;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.2px;
-moz-osx-font-smoothing: grayscale;
}
.icon-weixin:before { content: "\e600"; font-size: 1.8em; color: #0bb515;}
.icon-qq:before { content: "\e601"; font-size: 1.8em; color: #00beef;}
.icon-iconfontcha:before { content: "\e609"; }
.icon-qq1:before { content: "\e602"; font-size: 1.8em; color: #00beef;}
.icon-weixin1:before { content: "\e603"; }
.icon-qq2:before { content: "\e604"; font-size: 1.8em; color: #00beef;}
.icon-iconfontxiangyou:before { content: "\e60a"; color: #fff; font-size: 1.6em;}
.icon-iconfontcolor19:before { content: "\e60b"; }
.icon-xuanzhong:before { content: "\e60c"; color: #ff9600; font-size: 1.6em;}
.icon-triangle-l:before { content: "\e605"; }
.icon-shuangyuanquan:before { content: "\e60d"; color: #089b55;}
.icon-weixin2:before { content: "\e606"; }
.icon-xiangyou:before { content: "\e60e"; }
.icon-fuxuankuangyixuanze:before { content: "\e607"; }
.icon-xiangxia:before { content: "\e60f"; color: #ddd; font-size: 30px;}
.icon-icon3:before { content: "\e608"; }
.icon-fanhui:before { content: "\e610"; color: #00beef; font-size: 36px;}
.icon-yonghutouxiang:before { content: "\e611"; color: #c1c1c1; font-size: 75px;}
.icon-triangle-left-copy:before { content: "\e612"; color:#ddd; font-size: 1.8em;}
/*SDK背景box*/
.new-sdk-container{
position: relative;
background: #f6f6f6;
height: 100%;
}
html{
position: relative;
background: #f6f6f6;
height: 100%;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);/*禁用ios点击元素时的灰色背景*/
/*-webkit-user-modify: read-write-plaintext-only;*/
}
body{
width: 100%;
height: 100%;
background-size: 100%;
}
.mask{
position: relative;
height: 100%;
}
.redround{
display: inline-block;
width: 5px;
height: 5px;
background: red;
border-radius: 50px;
position: absolute;
right: 10px;
top: 10px;
}
.container.activity{
position: absolute;
left: 0;
top: 133x;
bottom: 0;
right: 0;
height: calc(100% - 134px);
}
.SDK-titlebox{
height: 33px;
background: #00beef;
}
/*SDK-logo*/
.new-sdk-container .new-sdk-logo{
text-align: center;
width:100%;
height:53px;
}
.new-sdk-container .new-sdk-logo img{
display: block;
width: 210px;
margin: 0 auto;
padding: 15px 0 0 0;
height:53px;
}
.new-sdk-container .new-sdk-box{
padding: 20px 37px;
border-top: 1px solid #c4c3c3;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.new-sdk-container .new-sdk-box .input{
margin-bottom: 15px;
border: 1px solid #c0c0c0;
/*box-shadow: 1px 2px 2px #c2c2c2 inset;*/
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
padding: 25px 0;
background: #fff;
box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
}
.new-sdk-container .new-sdk-box .input input{
display: inline-block;
width:100%;
background: none;
border: none;
color: #000;
font-size: 30px;
font-family: "Microsoft YaHei","微软雅黑";
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden;
word-break:break-all;
height: 45px;
line-height: 45px;
vertical-align: middle;
margin: 20px 0;
}
.new-sdk-container .new-sdk-box .inputCode input,.new-sdk-container .new-sdk-box .inputCode .getCode{
width:100%;
background: none;
border: none;
color: #000;
font-size: 30px;
font-family: "Microsoft YaHei","微软雅黑";
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden;
word-break:break-all;
}
/*#js_getcode{
height: 80px;
line-height: 80px;
}*/
/*.new-sdk-container .step-box .new-sdk-box .input input,.new-sdk-container .step-box .new-sdk-box .inputCode .getCode{
height: 80px;
line-height: 80px;
}*/
.new-sdk-container .new-sdk-box .inputCode .input{
float: left;
width: 55%;
padding: 0;
}
.new-sdk-container .new-sdk-box .inputCode .getCode{
width: 40%;
float: right;
color: #ff9600;
border: 1px solid #ff9600;
border-radius: 10px;
text-align: center;
}
.new-sdk-container .new-sdk-box .inputCode .getCode.disabled{
border: 1px solid #c0c0c0;
color: #c0c0c0;
cursor : none;
pointer-events: none;
}
.new-sdk-container .new-sdk-box p,.new-sdk-container .new-sdk-box p a{
color: #434343;
font-size: 24px;
font-family: "Microsoft YaHei","微软雅黑";
margin: 20px 0 0;
}
.new-sdk-container .new-sdk-box .acount-name p span.phoneMobile{
color: #434343;
}
.new-sdk-container .new-sdk-box p span{
color: #da8000;
}
.new-sdk-container .inline-btn{
overflow: auto;
zoom: 1;
width: 88%;
margin: 0px auto 25px auto;
}
.new-sdk-container .inline-btn li{
float: left;
width: 45%;
text-align: center;
background: #ff9600;
border-radius: 20px;
padding: 26px 0;
}
.new-sdk-container .inline-btn li:nth-child(2n+2){
float: right;
background: #00beef;
}
.new-sdk-container .login-inline-btn li{
background: #00beef;
}
.new-sdk-container .login-inline-btn li:nth-child(2n+2){
background: #ff9600;
}
.new-sdk-container .only-btn{
position: relative;
text-align: center;
width: calc(100% - 2em);
width: -moz-calc(100% - 2em);
width: -webkit-calc(100% - 2em);
padding: 10px 0;
/*background: #00beef;*/
border-radius: 10px;
margin:1.0em auto 0;
}
.new-sdk-container .only-btn a.btn-orange{
display: block;
width: 235px;
margin: 0 auto;
border-radius: 10px;
font-size: 30px;
padding: 25px 0;
}
.new-sdk-container .only-btn .readyed{
position: absolute;
right: 0;
top: 5px;
color: #000;
font-family: "Microsoft YaHei","微软雅黑";
font-size: 18px;
}
.new-sdk-container .inline-btn a,.new-sdk-container .only-btn a{
display: block;
color: #fff;
font-size: 30px;
font-family: "Microsoft YaHei","微软雅黑";
letter-spacing: 2px;
}
.new-sdk-container .inline-btn .btn{
display:inline-block;
border: 0;
background: #00beef;
color: #fff;
font-size: 30px;
font-family: "Microsoft YaHei","微软雅黑";
letter-spacing: 2px;
cursor: pointer;
width: 100%;
vertical-align: middle;
border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
}
.new-sdk-container .inline-btn .btn-orange{
background: #ff9600
}
.new-sdk-container .new-sdk-box .input select{
width: 100%;
height: 88px;
line-height: 88px;
background: none;
border: none;
color: #434343;
font-size: 30px;
font-family: "Microsoft YaHei","微软雅黑";
}
.select2-container{
min-width: 100%;
}
.new-sdk-container .new-sdk-box .new-sdk-psw{
padding: 0 25px;
}
.new-sdk-container .new-sdk-box .input i{
display: inline-block;
width: 90px;
color: #000;
font-size: 30px;
font-family: "Microsoft YaHei","微软雅黑";
font-style:normal;
}
.new-sdk-container .new-sdk-box .input label{
display: inline-block;
width: calc(100% - 65px);
width: -moz-calc(100% - 65px);
width: -webkit-calc(100% - 65px);
}
.new-sdk-container .new-sdk-box .new-sdk-psw input{
padding: 0;
text-align: left;
}
.new-sdk-container .new-sdk-box .new-sdk-lc{
margin:2em auto 0;
overflow: auto;
zoom: 1;
}
.new-sdk-container .new-sdk-box .new-sdk-lc .sleft{
float: left;
}
.new-sdk-container .new-sdk-lc .sleft .image{
width: 50px;
height: 50px;
position: relative;
}
.new-sdk-container .new-sdk-lc .sleft img{
max-height: 50px;
max-width: 50px;
width: auto;
height: auto;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
}
.new-sdk-container .new-sdk-lc .scenter{
float: left;
margin-left: 10px;
width: calc(100% - 180px);
width: -moz-calc(100% - 180px);
width: -webkit-calc(100% - 180px);
}
.new-sdk-container .new-sdk-lc .scenter p{
margin: 0;
color: #000;
text-overflow: ellipsis;
white-space: nowrap;
word-break: break-all;
width: 100%;
overflow: hidden;
font-size: 14px;
}
.new-sdk-container .new-sdk-lc .scenter p a{
color: #0060b8;
}
.new-sdk-container .new-sdk-lc i{
float: right;
width: 27px;
height: 45px;
background: url(../images/new-sdk-icon.png) no-repeat 0 -152px;
margin: 4px 0;
transform: scale(0.8);
}
.new-sdk-container .new-sdk-box .new-sdk-psw i{
width: 200px;
height: 80px;
line-height: 80px;
float: left;
}
.new-sdk-container .new-sdk-box .new-sdk-psw label{
position: absolute;
left: 215px;
display: inline-block;
height: 80px;
line-height: 80px;
}
.new-sdk-container .new-sdk-lc .binding-link{
float: right;
margin: 0.5em 0;
}
.new-sdk-container .new-sdk-lc .binding-link a{
display: block;
background: #bceeff;
color: #000;
font-size: 14px;
font-family: "Microsoft YaHei","微软雅黑";
letter-spacing: 2px;
padding: 10px;
}
.new-sdk-container .new-sdk-login{
padding:1em;
}
.new-sdk-container .Account-Login .new-sdk-lc{
margin: 10px 0 0;
}
.new-sdk-container .Account-Login .new-sdk-lc .scenter{
width: calc(100% - 75px);
}
.new-sdk-container .account-btn{
overflow: auto;
zoom: 1;
width: 90%;
margin: 0 auto;
}
.new-sdk-container .account-btn li{
float: left;
margin: 10px 0;
width: 40%;
}
.new-sdk-container .account-btn li:nth-child(2n+2){
float: right;
}
.new-sdk-container .account-btn li a{
display: block;
color: #000;
font-size: 16px;
font-family: "Microsoft YaHei","微软雅黑";
background: #efefef;
text-align: center;
padding: 10px 0;
}
.new-sdk-container .account-btn li a:hover{
background: #bceeff;
}
.new-sdk-container .login-third {
width: 90%;
margin: 10px auto 0 auto;
}
.new-sdk-container .login-third .min-qq-icon {
display: block;
width: 33px;
height: 34px;
background: url("../images/icon.png") no-repeat -305px -108px;
float: left;
margin-right: 5px;
}
.new-sdk-container .login-third .title{
line-height: 29px;
margin: 15px 0;
}
.new-sdk-container .login-third .min-weibo-icon {
display: block;
width: 36px;
height: 29px;
background: url("../images/icon.png") no-repeat -305px -75px;
float: left;
margin-right: 5px;
}
.new-sdk-container .login-third .title p {
float: left;
color: #000;
font-size: 20px;
font-family: "Microsoft YaHei","微软雅黑";
}
.new-sdk-container .login-third .input-box {
width: 100%;
border-radius: 10px;
border: 2px solid #c2c2c2;
}
.new-sdk-container .login-third .login-third-input {
border: none;
width: calc(100% - 2em);
width: -moz-calc(100% - 2em);
width: -webkit-calc(100% - 2em);
padding: 1em;
border-bottom: 2px solid #c2c2c2;
font-size: 16px;
border-radius: 10px 10px 0 0;
}
.new-sdk-container .login-third .login-third-input:last-child {
border-bottom: none;
border-radius: 0 0 10px 10px;
}
.new-sdk-container .login-third .login-qq-submit{
background: #d90900;
width: 100%;
border-radius: 8px;
padding: 10px 0;
border: none;
color: #fff;
font-size: 16px;
font-family: "Microsoft YaHei","微软雅黑";
letter-spacing: 2px;
margin-top: 15px;
}
.new-sdk-container .login-third .QQ-submit{
background: #72c429;
}
.new-sdk-container .login-third-list {
width: 90%;
border-top: 1px solid #B1B1B1;
margin: 0 auto 0 auto;
}
.new-sdk-container .login-third-list .title {
text-align: center;
margin-top: 25px;
font-size: 20px;
color: #000;
font-family: "Microsoft YaHei","微软雅黑";
}
.new-sdk-container .login-third-list .third-list {
font-size: 20px;
width: 90%;
margin: 1em auto;
}
@media only screen and (min-width: 640px){
.new-sdk-container .login-third-list .third-list {
width: 50%;
}
}
.new-sdk-container .login-third-list .third-list li {
border-radius: 100%;
background: #fff;
float: left;
width: 130px;
height: 130px;
margin: 0 35px 0 35px;
}
.new-sdk-container .login-third-list .third-list li:nth-child(2n+2){
float: right;
}
.new-sdk-container .login-third-list .third-icon {
background: url("../images/icon.png") no-repeat;
margin: 10px auto 0;
}
.new-sdk-container .login-third-list .third-qq {
width: 85px;
height: 88px;
background-position: 0 -75px;
transform: scale(0.7);
}
.new-sdk-container .login-third-list .third-guest{
width: 85px;
height: 88px;
background-position: -219px -88px;
transform: scale(0.7);
}
.new-sdk-container .login-third-list .third-weibo {
width: 111px;
height: 88px;
background-position: -102px -69px;
transform: scale(0.7);
}
.new-sdk-container .login-third-list p {
text-align: center;
color: #000;
font-size: 14px;
}
/*登录*/
.new-sdk-container .new-sdk-main{
min-height: 14em;
width: 90%;
margin: 0 auto 0 auto;
}
.new-sdk-container .new-sdk-main .other-login{
margin: 17px auto;
line-height: 28px;
color: #434343;
font-size: 24px;
}
.new-sdk-container .new-sdk-main .other-login p{
float: left;
}
.new-sdk-container .new-sdk-main .other-login p a{
display: inline-block;
width: 45px;
height: 45px;
/*background: url(../images/new-sdk-icon.png) no-repeat;*/
margin-left: 15px;
vertical-align: bottom;
}
.new-sdk-container .new-sdk-main .other-login p a.wb{
background-position: 0 -50px;
}
.new-sdk-container .new-sdk-main .other-login p a.qq{
background: url(../images/login_icon.png) no-repeat 0 0;
}
.new-sdk-container .new-sdk-main .other-login p a.weixin{
background: url(../images/login_icon.png) no-repeat 0 -45px;
}
.new-sdk-container .new-sdk-main .other-login label{
float: right;
}
.new-sdk-container .new-sdk-main .other-login label a{
font-size: 18px;
}
.new-sdk-container .new-sdk-main .inputbox{
margin: 0 auto;
background: #fff;
border-radius: 10px;
padding: 30px 18px 24px 25px;
overflow: visible;
zoom: 1;
margin-top: 30px;
position: relative;
border: 1px solid #c0c0c0;
font-family:"Microsoft YaHei","微软雅黑";
color: #434343;
}
.new-sdk-container .new-sdk-main .inputbox .ileft{
float: left;
width: 90px;
min-width: 90px;
font-size: 30px;
font-family:"Microsoft YaHei","微软雅黑";
position: absolute;
line-height: 30px;
}
.new-sdk-container .new-sdk-main .inputbox .iright{
float: left;
width: calc(100% - 90px);
width: -moz-calc(100% - 90px);
width: -webkit-calc(100% - 90px);
margin-left: 90px;
}
.new-sdk-container .new-sdk-main .inputbox input{
width: calc(100% - 47px);
width: -moz-calc(100% - 47px);
width: -webkit-calc(100% - 47px);
font-size: 30px;
line-height: 30px;
border: none;
font-family: "Microsoft YaHei","微软雅黑";
white-space:nowrap; text-overflow:ellipsis; overflow:hidden; word-break:break-all;
}
.new-sdk-container .new-sdk-main .iright .bottom-icon{
position: absolute;
right: 0;
top: 5px;
width: 100px;
height: 90px;
}
.new-sdk-container .new-sdk-main .iright .bottom-icon i.iconfont{
position: absolute;
right: 25px;
top: 50%;
margin-top: -20px;
}
/*.new-sdk-container .new-sdk-main .iright .bottom-icon i{
display: block;
width: 33px;
height: 22px;
background: url(../images/new-sdk-icon.png) no-repeat 0 0;
}*/
.new-sdk-container input{
outline: medium;
}
.new-sdk-container .pull-box{
position:absolute;
top: 85px;
left: -1px;
border: 1px solid #c0c0c0;
border-top: 0;
border-radius: 0 0 20px 20px;
width: 100%;
font-size:16px;
z-index: 99;
background: #fff;
color: #333;
display: none;
font-family: 宋体;
max-height: 11em;
/*overflow-y: scroll;*/
height: 150px;
}
.new-sdk-container .pull-box ul{
margin-left: 65px;
}
.new-sdk-container .pull-box li{
text-indent: 15px;
margin: 5px 0;
color: #434343;
font-size: 30px;
}
.new-sdk-container .pull-box li a{
display: block;
}
/*忘记密码*/
.new-sdk-container .forget-password .function-list {
width: 100%;
margin: 10px auto;
font-size: 16px;
}
.new-sdk-container .forget-password .function-list li {
margin-top: 10px;
}
.new-sdk-container .forget-password .function-list li:first-child {
margin-top: 20px;
}
.new-sdk-container .forget-password .function-list-icon {
display: block;
width: 13px;
height: 13px;
background: url("../images/icon.png") no-repeat;
margin: 5px 10px 0 0;
}
.new-sdk-container .forget-password .function-list-icon-1 {
background-position: -245px -75px;
}
.new-sdk-container .forget-password .function-list-icon-2 {
background-position: -280px -75px;
}
.new-sdk-container .forget-password .function-list-content {
display: none;
margin: 5px 0 0 20px;
}
.new-sdk-container .forget-password .function-list-content .function-input {
width: calc(100% -20px);
width: -moz-calc(100% - 20px);
width: -webkit-calc(100% - 20px);
border: 1px solid #c2c2c2;
padding: 10px;
font-size: 16px;
}
.new-sdk-container .forget-password .function-list-content p {
color: #595757;
font-size: 16px;
margin: 0;
}
.login-box .forget-password .login-button {
margin-top: 10px;
}
.function-list .function-list-text{
float: left;
width: calc(100% -25px);
width: -moz-calc(100% - 25px);
width: -webkit-calc(100% - 25px);
word-break: break-all;
}
/*服务协议*/
.new-sdk-container .new-sdk-content{
width: calc(100% - 76);
width: -moz-calc(100% - 76);
width: -webkit-calc(100% - 76);
height: 300px;
border: 1px solid #c0c0c0;
border-right: none;
border-bottom: none;
margin: 25px 37px 15px;
overflow-y: scroll;
color: #000;
background: #fff;
-webkit-overflow-scrolling: touch;
}
@media only screen and (min-width: 100px) and (max-width: 640px) {
.new-sdk-container .new-sdk-content{
height: 250px;
}
}
.new-sdk-container .new-sdk-content h3 {
font-size: 28px;
font-weight: normal;
text-align: center;
margin: 5px 0 20px;
}
.new-sdk-container .new-sdk-content p, .new-sdk-container .new-sdk-content h4 {
font-size: 24px;
font-weight: normal;
padding: 0 20px;
}
.new-sdk-container .new-sdk-content p {
text-indent: 2em;
}
.new-sdk-container .agreement{
float: right;
font-size: 24px;
line-height: 20px;
margin-right: 32px;
}
.new-sdk-container .checkbox {
width: 24px;
height: 24px;
/*background: transparent url("../images/icon.png") no-repeat scroll 0% 0%;*/
margin: 0 10px;
display: inline-block;
}
.new-sdk-container .checkbox-2 {
background-position: -274px -7px;
}
/*填写注册*/
.new-sdk-container .checkbox-1 {
background-position: -234px -7px;
}
.new-sdk-container .ag-tx{
font-size: 24px;
margin: 20px 0 22px;
}
.new-sdk-container .ag-tx a{
color: #0078ff;
text-decoration: underline;
}
.margintop{
margin-top: 20px;
}
/* 消息框 */
#alert {
background:rgba(0, 0, 0, 0.65)!important; filter:Alpha(opacity=65);
position: absolute;
top: 50%;
left: 50%;
margin: auto 0;
width: 80%;
z-index: 1000;
line-height: 38px;
font-size: 30px;
margin-left: -40%;
text-align: center;
color: #c3c3c3;
border-radius: 10px;
padding: 10px 0px;
}
button.close {
padding: 0;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
}
.alert {
padding: 8px 35px 8px 14px;
font-size: 16px;
/* text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);*/
background:rgba(250, 250, 250, 0.64);
/*border: 1px solid #fbeed5;*/
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.alert,
.alert h4 {
color: #c09853;
}
.alert h4 {
margin: 0;
}
.alert .close {
position: relative;
top: -2px;
right: 8px;
line-height: 20px;
}
.alert-success {
color:#009933;
/*border-bottom:2px solid #9f9f9f;*/
border-color: #d6e9c6;
text-shadow:none;
}
.alert-success h3 {
color: #468847;
}
.alert-danger,
.alert-error {
color:red;
text-shadow:none;
}
.alert-danger h3,
.alert-error h3 {
color: #b94a48;
}
.ios_scroll iframe{
min-height: 320px;
/*transform: scale(1.1);*/
}
/*用户中心*/
.clearfix:before,
.clearfix:after {
display: table;
line-height: 0;
content: "";
}
.clearfix:after {
clear: both;
}
.pull-left{ float: left;}
.pull-right{ float: right;}
.w_45{ width: 45%;}
.w_50{ width: 50%;}
.poslft{ position: absolute; left: 1em;}
.user-center{
position: relative;
text-align: center;
padding: 26px 0 18px;
border-bottom: 2px solid #fff;
color: #00beef;
font-family: "Microsoft YaHei","微软雅黑";
font-size: 36px;
}
.user-center a{
position: absolute;
right: 27px;
bottom:7px;
color: #ff9600;
font-size: 24px;
padding:10px;
}
.user-center a.lefticon{
right: auto;
left: 37px;
}
.user-center-box{
border-top: 1px solid #c4c3c3;
padding: 0 37px 50px;
}
.user-center-box .top{
border-bottom: 2px solid #fff;
padding: 43px 0 40px;
}
.user-center-box .top .txt p{
color: #434343;
font-size: 30px;
white-space:nowrap; text-overflow:ellipsis; overflow:hidden; word-break:break-all;
width: 100%;
}
.user-center-box .top .inline-btn{
margin: 0;
width: 45%;
}
.user-center-box .top .inline-btn a{
border-radius: 10px;
text-align: center;
line-height: 85px;
font-size: 30px;
}
.user-center-box .bind-user{
border-top: 1px solid #c4c3c3;
padding: 30px 20px;
}
.user-center-box .bind-user .txt{
color:#949494;
font-size: 20px;
}
.user-center-box .bind-user .btn-bind{
font-size: 30px;
text-align: center;
line-height: 60px;
border: 1px solid #ff9600;
color: #ff9600;
border-radius: 10px;
background: none;
}
.user-center-box .bind-user .inline-btn{
margin: 0;
width: 35%;
overflow: initial;
margin-left: 10%;
}
.user-center-box .list-item{
border-left: 1px solid #c0c0c0;
border-top: 1px solid #c0c0c0;
}
.user-center-box .list-item li{
position:relative;float: left; width: 33.333%; background: #fff; border-right: 1px solid #c0c0c0;border-bottom: 1px solid #c0c0c0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; text-align: center; color: #434343; font-size: 30px; padding:30px 0;
}
.user-center-box .list-item li a{ display: block;}
.user-center-box .list-item .redround{
position: absolute;
top: 5px;
right: 5px;
background: #ff0000;
display: block;
width: 10px;
height: 10px;
border-radius: 100%;
}
.acount-name{
color: #434343;
font-size: 30px;
margin-bottom: 25px;
}
.user-center a.btn-link{
font-size: 24px;
bottom: 20px;
}
.new-sdk-container .activity{ border-top: 1px solid #c4c3c3;}
.new-sdk-container .activity-list li:not(.more){
padding: 20px;
border-bottom: 1px dashed #ddd;
}
.new-sdk-container .activity-list li:not(.more) a{
font-size: 26px;
}
.new-sdk-container .activity-list .act_time {
color: #999;
font-size: 24px;
}
.new-sdk-container .activity-list .act_title{white-space:nowrap; text-overflow:ellipsis; overflow:hidden; word-break:break-all;display: block;width: 80%;}
.new-sdk-container .activity-list li.more a{
display: block;
width: 235px;
margin: 20px auto;
text-align: center;
padding: 20px;
color: #fff;
font-size: 26px;
background: #00beef;
border-radius: 10px;
}
.new-sdk-container .activity .bor_b_h3{
border-bottom: 1px solid #e0e0e0;
background: #fff;
padding: 20px 0;
margin: 0 37px;
}
.new-sdk-container .activity .bor_b_h3 h3{
color: #000;
font-size: 26px;
font-family: "Microsoft YaHei","微软雅黑";
font-weight: normal;
}
.scroll{ height: 100%;}
.new-sdk-container .activity .bor_b_h3 .text-info{
color: #707070;
font-size: 24px;
font-family: "Microsoft YaHei","微软雅黑";
font-weight: normal;
margin-top: 5px;
}
.new-sdk-container .activity .activity_text{
color: #707070;
font-size: 26px;
padding: 20px;
font-family: "Microsoft YaHei","微软雅黑";
background: #fff;
}
.new-sdk-container .activity .activity_text img{
display: block;
width: 100%;
}
.new-sdk-container .pwd_box{ margin: 0 37px;}
.new-sdk-container .pwd_box li{
border: 1px solid #c0c0c0;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
padding: 20px 0;
margin-bottom: 20px;
background: #fff;
}
.new-sdk-container .pwd_box #mobile_get_pwd_form .inline-btn li{
border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
padding: 0;
}
.new-sdk-container .pwd_box li a{
display: block;
color: #434343;
font-size: 30px;
font-family: "Microsoft YaHei","微软雅黑";
text-align: center;
}
.pwd_box .step-box input{
background: #fff;
width: 100%;
padding: 25px 0;
border-radius: 10px;
border: 1px solid #c0c0c0;
text-align: center;
margin: 83px 0 91px 0;
font-size: 30px;
line-height: 30px;
box-shadow: none;
box-sizing: border-box;
appearance:button;
-moz-appearance:button; /* Firefox */
-webkit-appearance:button; /* Safari 和 Chrome */
}
.pwd_box .step-box a{
display: block;
text-align: center;
width: 235px;
background: #ff9600;
margin: 0 auto;
color: #fff;
padding: 25px 0;
border-radius: 10px;
font-size: 30px;
}
.pwd_box .step-box .pwd_txt{
padding: 45px 25px 35px;
border: 1px solid #c0c0c0;
background: #fff;
margin: 9px 0 38px;
border-radius: 10px;
}
.pwd_box .step-box .pwd_txt p{
color: #434343;
font-size: 30px;
font-family: "Microsoft YaHei","微软雅黑";
}
.pwd_box .step-box .pwd_txt p a{
display: inline-block;
text-align: left;
width: auto;
background: none;
color: #434343;
padding: 0;
border-radius: none;
}
.new-sdk-box .question-input{
position: relative;
background: #fff;
border: 1px solid #c0c0c0;
border-radius: 10px;
padding: 25px 0;
text-align: center;
font-size: 30px;
color: #434343;
font-family: "Microsoft YaHei","微软雅黑";
}
.new-sdk-box .question-input i{
position: absolute;
right: 15px;
top: 27px;
}
.new-sdk-box .input input{
text-align: center;
}
.new-sdk-box .question-input p{
margin: 0;
font-size: 30px;
color: #434343;
font-family: "Microsoft YaHei","微软雅黑";
}
.mt10{ margin-top: 33px;}
.new-sdk-main .other-login p a.hide{ display: none;}
i.checkbx.icon-xuanzhong:before{ color: #999;}
.only-btn.inline-btn .agreement{
position: absolute;
right: 37px;top: 10px;
}
*:focus,* {outline: none;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #b5b5b6;
font-family: "Microsoft YaHei","微软雅黑";
font-size: 30px;
}
.new-sdk-container .new-sdk-main .other-login label a{
color: #434343;
font-size: 24px;
font-family: "Microsoft YaHei","微软雅黑";
vertical-align: -webkit-baseline-middle;
padding: 10px;
}
.pwd_box .step-box .question-input-box{
background: #fff;
padding: 25px 20px;
border-radius: 10px;
border: 1px solid #c0c0c0;
margin: 83px 0 91px 0;
}
.pwd_box .step-box .qib-txt{
width: 150px;
color: #434343;
font-size: 30px;
font-family: "Microsoft YaHei","微软雅黑";
}
.pwd_box .step-box .qib-input{
width: calc(100% - 150px);
}
.pwd_box .step-box .question-input-box input{
padding: 0;
line-height: 40px;
margin: 0;
border: none;
}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
background-color: rgb(255, 255, 255) !important;
box-shadow: 0 0 0px 1000px white inset;
}
input:disabled{
background-color:#ffffff;
color:#434343;
}
.new-sdk-container .pull-box .drop-ul li{
border-bottom: 1px solid #ddd;
}
......
html[data-useragent='ios']
.other-menu{display:none;}
body{
margin:0px;
padding:0px;
font-family: "Microsoft YaHei","微软雅黑";
background-color:white;
text-align: center;
-webkit-box-sizing: border-box;
box-sizing: border-box;
/*overflow: hidden;*/
}
h1,h2,h3,h4{font-weight : normal; margin:5px 0px;}
p{margin:5px;line-height:28px;}
a, button, input, select{
-webkit-tap-highlight-color:rgba(255,0,0,0);outline:none;
}
a,input,textarea,select {
outline: 0;
}
a:focus {
outline:thin dotted; /* 处理“outline”在Chrome浏览器中和其它浏览器之间的不一致 */
}
form{
position: relative;
}
input:-moz-placeholder,
textarea:-moz-placeholder {
color: #555;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
color: #555;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
color: #555;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
padding: 0;
border: none;
}
html{
FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#f7f7f7,endColorStr=#eee);
background: -moz-linear-gradient(top,#f7f7f7,#eee);
background: -webkit-gradient(linear, 0% 0%, 0% 100%,from(#f7f7f7), to(#eee));
background: -webkit-linear-gradient(top, #f7f7f7, #eee);
background: -o-linear-gradient(top, #f7f7f7, #eee);
position: relative;
height: 100%;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);/*禁用ios点击元素时的灰色背景*/
}
body{
background: #f6f6f6;
width: 100%;
height: 100%;
background-size: 100%;
}
select{
width:100%;
font-size:16px;
height:35px; line-height:33px; padding:2px 0;
font-family:"Microsoft YaHei","微软雅黑";
background-color: #fff;
border: 1px solid #CCCCCC;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
-webkit-appearance: listbox;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;}
.fix .ios_scroll{
margin-right: 50px;
width: auto;
}
.nofix .ios_scroll{
overflow: hidden;
}
.ios_scroll{
width: 100%;
height: 100%;
overflow: scroll;
z-index: 1;
-webkit-overflow-scrolling:touch;
}
.ios_scroll iframe{
z-index: 1;
}
.mask{
position: relative;
height: 100%;
/*overflow: hidden;*/
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
a.link{
color: #F00;
border-bottom: 1px solid #F00;
font-weight: bold;
}
.hide{ display: none;}
a:link, a:active, a:hover, a:visited,a:focus{
text-decoration:none;
}
a, button, input, select, li{
-webkit-tap-highlight-color:rgba(255,0,0,0);
}
.disable{
background-color:#DDDDDD;
}
a:disabled, input:disabled{
background-color:#666666;
}
.align-center{
text-align: center;
}
.container img{
max-width: 95%;
}
small, .small{font-size:16px;}
.mar-r-10{
margin-right: 10px;
}
.mar-t-10{
margin-top: 10px;
}
.relative{
position: relative;
}
.w-80{
width: 80%;
}
.w-20{
width: 20%;
}
/* 文字相关 */
p.text-muted{color: #999999; }
.text-warning{color: #DD1144;}
.text-error{color: #DD1144;}
.text-success{color:#0F820C;}
.text-info{color:#1174B7;}
/*对齐方式*/
.text-indent{text-indent: 1em;}
.align-left{text-align: left;}
.pull-right{float:right;}
.pull-left{float:left;}
.inline{display: inline;}
.inline-block{display: inline-block;}
.badge{
display: inline-block;
min-width: 10px;
padding: 3px 7px;
font-size: 12px;
font-weight: bold;
line-height: 1;
color: #fff;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
background-color: #b94a48;
border-radius: 10px;
}
.relative .badge{
position: absolute;
right: 5px;
top: 13px;
}
.badge.pay{
position: absolute;
right: -8px;
top: -6px;
}
/* 基本样式 END */
.clearfix:before,
.clearfix:after {
display: table;
line-height: 0;
content: "";
}
.clearfix:after {
clear: both;
}
p.lead{
text-align: left;
font-size: 18px;
min-height: 100px;
}
.larg{display:block;}
.container .larg{display:block;}
.header .btn.pull-left{
float: none;
position: absolute;
left: 8px;
margin-top: 8px;
}
.header .btn.pull-right{
float: none;
position: absolute;
right: 8px;
margin-top: 8px;
}
.fix .btn.scroll-btn{
display: inline-block;
}
.btn.scroll-btn{
border-radius:35px;
padding:0px;
display: none;
min-width: 35px;
position: absolute;
z-index: 10000;
right: 0px; height:35px;
}
.btn.scroll-up{
top: 40%;
margin-top: -60px;
}
.btn.scroll-down{
top: 57%;
}
/* 输入控件 */
input[type="text"], input[type="submit"], input[type="date"], input[type="email"]{
width:100%; display:block;line-height: normal;
margin: 10px 0px 10px 0;
}
label.enter_game{
margin-top: 8px;
font-size: 20px;
display: inline-block;
}
/*输入控件 END */
/*字体图标*/
/*字体图标*/
@font-face {font-family: "iconfont";
src: url('../font/iconfont.eot?t=1468997064'); /* IE9*/
src: url('../font/iconfont.eot?t=1468997064#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../font/iconfont.woff?t=1468997064') format('woff'), /* chrome, firefox */
url('../font/iconfont.ttf?t=1468997064') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
url('../font/iconfont.svg?t=1468997064#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont {
font-family:"iconfont" !important;
font-size:16px;
font-style:normal;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.2px;
-moz-osx-font-smoothing: grayscale;
}
.icon-weixin:before { content: "\e600"; font-size: 1.8em; color: #0bb515;}
.icon-qq:before { content: "\e601"; font-size: 1.8em; color: #0f9fcf;}
.icon-iconfontcha:before { content: "\e609"; }
.icon-qq1:before { content: "\e602"; font-size: 1.8em; color: #0f9fcf;}
.icon-weixin1:before { content: "\e603"; }
.icon-qq2:before { content: "\e604"; font-size: 1.8em; color: #0f9fcf;}
.icon-iconfontxiangyou:before { content: "\e60a"; color: #fff; font-size: 32px;}
.icon-iconfontcolor19:before { content: "\e60b"; }
.icon-xuanzhong:before { content: "\e60c"; color: #ff9600; font-size: 1.6em;}
.icon-triangle-l:before { content: "\e605"; }
.icon-shuangyuanquan:before { content: "\e60d"; color: #089b55;}
.icon-weixin2:before { content: "\e606"; }
.icon-xiangyou:before { content: "\e60e"; }
.icon-fuxuankuangyixuanze:before { content: "\e607"; }
.icon-xiangxia:before { content: "\e60f"; color: #ddd; font-size: 1.8em;}
.icon-icon3:before { content: "\e608"; }
.icon-fanhui:before { content: "\e610"; color: #949494; font-size: 2em;}
.icon-yonghutouxiang:before { content: "\e611"; color: #c1c1c1; font-size: 84px;}
.icon-triangle-left-copy:before { content: "\e612"; color:#ddd; font-size: 1.8em;}
/* 消息框 */
#alert {
background:rgba(0, 0, 0, 0.65)!important; filter:Alpha(opacity=65);
position: absolute;
top: 200px;
left: 50%;
margin: auto 0;
width: 80%;
z-index: 1000;
line-height: 38px;
font-size: 30px;
margin-left: -40%;
text-align: center;
color: #c3c3c3;
border-radius: 10px;
padding: 10px 0px;
}
button.close {
padding: 0;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
}
.close:hover,
.close:focus {
color: #000000;
text-decoration: none;
cursor: pointer;
opacity: 0.4;
}
button.close {
padding: 0;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
}
/*.alert {
padding: 8px 35px 8px 14px;
font-size: 16px;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
background:rgba(250, 250, 250, 0.64);
border: 1px solid #fbeed5;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}*/
.alert,
.alert h4 {
color: #c09853;
}
.alert h4 {
margin: 0;
}
.alert .close {
position: absolute;
top: -2px;
right: 8px;
line-height: 20px;
color: #fff;
}
.alert-success {
color:#009933;
text-shadow:none;
}
.alert-success h3 {
color: #468847;
}
.alert-danger,
.alert-error {
color:red;
text-shadow:none;
}
.alert-danger h3,
.alert-error h3 {
color: #b94a48;
}
/* 第三方登陆的 */
.other-login {
list-style: none outside none;
margin:0;
padding:0;zoom:0.8;
}
.other-login a { background-image:url(http://cdn.i9133.com/static/sdk/skin/img/share_2.png); background-color:#fff;
background-repeat:no-repeat;
display:inline-block;
margin: 0 12px 0px 0px;
height:69px;
width:70px;
padding:0px;
}
.other-login a.hide{
display: none;
}
.other-login li{
display:inline;
zoom:0.8;
}
.other-login a.sina {
background-position: 0 -211px;
}
.other-login a.douban {
background-position: 0 -96px;
}
.other-login a.renren {
background-position: 0 -70px;
}
.other-login a.taobao {
background-position: 0 0;
}
.other-login a.qq {
background-position: 0 -141px;
}
.other-login a.tqq {
background-position: 0 -281px;
}
.other-login a.wangyi {
background-position: 0 -192px;
}
.other-login a.twitter {
background-position: 0 -225px;
}
.other-login a.baidu {
background-position: 0 -350px;
}
.other-login a.google {background-position: 0 -493px;}
.other-login a.facebook{background-position: 0 -421px;}
/* 第三方登陆 END */
/* 角色信息 */
.account-info{
margin:auto;
text-align: left;
height:78px;
position: relative; margin-bottom:20px;
}
.account-info .desc{
margin-left:85px;
}
.account-info .desc p{
font-size: 16px;
line-height: 16px;
margin: 10px 0;
padding: 0;
}
.account-info img{
height: 75px;
position: absolute;
width: 75px;
}
/* 角色信息 END */
/* 单选框切换内容样式 */
ul.step-tab{
list-style:none;
padding:0px;
margin:auto;
text-align: left;
}
.step-tab li{
text-align: left;
margin-bottom:10px;
}
.step-tab li label{
display: block;
padding: 10px 0;
}
.step-tab li p, .setup-form li form{
font-size:14px;
margin-left: 20px;
}
/* 单选框切换内容样式 END */
/* 金额列表 样式 */
.amount_level{ margin-top:20px;}
.amount_level .btn, .amount_level a{
min-width:70px;
margin-left:30px;
margin-bottom:20px;
}
/* 金额列表 样式 */
/* 支付类型列表 */
.channel_list{
margin-top:10px;
}
.channel_list .btn, .channel_list a{
min-width: 120px;
margin-left:20px;
margin-bottom:10px;
text-align: center;
}
/* 支付类型列表 END */
/* 确认代付 */
.pay-proxy-info{
font-size:14px;
margin:auto;
text-align: left;
height: 100px;
}
.pay-proxy-info .desc{
margin-left:0px;
}
.pay-proxy-info .desc p{
font-size: 14px;
line-height: 16px;
margin: 5px 0;
padding: 0;
}
.pay-proxy-info .btn-group{
margin-left:10px;
float:right;}
/* 确认代付 END */
ol.list{
list-style-type:none;
padding: 0px;
margin:0;
line-height:25px;
text-align: left;
}
/*邀请列表*/
ol.invite-list li{
margin-bottom: 8px;
}
ol.invite-list li img{
width: 50px;
height: 50px;
}
ol.invite-list li div.item{
display: inline-block;
width: 100%;
}
/*客服中心*/
ol.kefu-list li a.item{
margin: 0;
padding: 7px 0;
cursor: pointer;
width : 100%;
display: inline-block;
}
ol.question-list li p{
margin-bottom: 0px;
}
ol.question-list .content{
padding: 5px 5px 0 5px;
}
ol.question-list .content>p{
margin:0;
}
ol.question-list li{
margin: 0;
padding: 7px 0;
width : 100%;
border-bottom: 1px solid #888;
display: inline-block;
}
ol.question-list li span.btn{
font-size: 14px;
line-height: 30px;
height: 30px;
cursor:default;
width: 80px;
text-align: center;
}
ol.question-list li span.kefu{
font-size: 16px;
}
ol.question-list li p.content{
text-indent: 1em;
font-size: 15px;
}
ol.question-list p > a{
font-size: 14px;
line-height: 30px;
height: 30px;
width: 80px;
text-align: center;
margin-right: 7px;
margin-top: 5px;
}
ol.question-list p> a:last-of-type{
margin-right: 0px;
}
/*end */
.statu{
color: #ffffff;
margin-right: 6px;
padding: 1px 5px;
font-size: 12px;
}
.statu_yes{
background: #A26737
}
.statu_no{
background: #950001
}
.reply{ border:1px solid #CCC; padding:2px 5px; margin-right:10px; }
.list li a.item{
margin: 0;
padding:10px 0;
cursor: pointer;
width : 100%;
display: inline-block; font-size:14px;
}
.list li a.item p{
margin: 0;
}
.item img{ margin-right:10px;}
/*活动与公告*/
#activity_detail .detail img{
max-width: 100%;
}
/*end */
/*奖励列表*/
ol.prize-list li p:first-child{
font-size: 16px;
margin: 5px 0px 0px 0px;
}
ol.prize-list li p.prize_content{
text-indent: 2em;
margin-top: 0px;
}
ol.prize-list li{
border-bottom: 1px solid #f8f8f8
}
hr{ display:none;}
/*end */
/* 支付记录列表 */
ol.trade-list{
list-style:none;
padding: 0px;
overflow: auto;
text-align: left;
}
ol.trade-list > li, ol.trade-list > li > p{
font-size:16px;
line-height: 20px;
}
ol li.more{
text-align: center;
}
ol.trade-list .detail{
background: none repeat scroll 0 0 #F3F3F3;
font-size: 16px;
line-height:35px;
height:35px;
margin-bottom: 5px;
position: relative;
padding:0px;
padding-left:8px;
}
.btn.btn_pri_block{ height:140px; line-height:140px;}
ol.trade-list .statu{
font-size: 24px;
position: absolute;
right: 5px;
}
ol.trade-list .detail .statu small{
color: red;
}
ol.trade-list .statu .btn{
background-color: #036BB4;
color: white;
height:30px;
line-height:30px;
display: block;
padding:0 30px;
}
/*ol.trade-list > li{border-bottom: 1px solid #dddddd; margin-bottom:10px; padding-bottom:10px;}*/
ol.trade-list > li p{ padding:8px 5px;}
ol.trade-list > li.more{border:0px;}
/* 支付记录列表 END */
/*用户可定义样式*/
/*自定义样式*/
.scroll{
height: 100%;
position: relative;
}
.scroll p{
margin-bottom: 0px;
}
.scroll ol{
padding-bottom: 10px;
margin-top: 0;
}
.scroll div div:last-child{
padding-bottom: 10px;
}
.container{
box-sizing: border-box;
/*overflow: hidden;*/
position: absolute;
top:64px;
left: 0px;
right: 0px;
bottom:0px;
/*background:url(http://cdn.i9133.com/static/sdk/skin/img/logo-sy.png) right bottom no-repeat;*/
/* 使之可以滚动 */
overflow-y: scroll;
/* 增加该属性,可以增加弹性,是滑动更加顺畅 */
-webkit-overflow-scrolling: touch;
}
.box_info_center{
height: 100%; margin:0 37px;
}
.container textarea{
height: 110px;
line-height: normal;
}
section{
position: relative;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
}
.header{
height:64px;
line-height:64px;
text-align:center;
position: absolute;
top: 0;
left:0;
width: 100%;
box-sizing: border-box;
z-index: 100;
FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#0d96ca,endColorStr=#11a9d3);
background:-moz-linear-gradient(top,#0d96ca,#11a9d3);
background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#0d96ca), to(#11a9d3));
background: -webkit-linear-gradient(top, #0d96ca, #11a9d3);
background: -o-linear-gradient(top, #0d96ca, #11a9d3);
}
.header .btn {
background-image: -moz-linear-gradient(top,#036BB4,#036BB4 );
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#036BB4), to(#036BB4));
background-image: -webkit-linear-gradient(top, #036BB4, #036BB4);
background-image: -o-linear-gradient(top, #036BB4, #036BB4);
background-image: linear-gradient(to bottom, #036BB4, #036BB4);
background-color:#036BB4;
border:1px;
border-style:solid;
border-color:#003090;
margin: 5px 3px;
min-width:60px;
height:50px; line-height:50px;
text-align:center;
font-size:20px; text-shadow:-1px 1px 0 #582804;
}
.header .btn-link{
color: #fff;
font-size: 24px;
font-weight: normal;
}
.header .op-primary{
background-image: -moz-linear-gradient(top,#09AEA8,#09AEA8 );
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#09AEA8), to(#09AEA8));
background-image: -webkit-linear-gradient(top, #09AEA8, #09AEA8);
background-image: -o-linear-gradient(top, #09AEA8, #09AEA8);
background-image: linear-gradient(to bottom, #09AEA8, #09AEA8);
background-color:#09AEA8;
}
.header>.title{
font-size:32px;
color:white;
}
textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
background-color: #FFFFFF; padding:0px; color:#555;
border: 1px solid #CCCCCC;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
/*transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;*/
min-height:44px;
height:44px;
line-height:44px;
font-size:16px;
border-radius: 0;
-webkit-appearance: none;
font-family:"Microsoft YaHei","微软雅黑"; display:block; width:98%; line-height: normal;padding-left:8px; margin-bottom:10px;
}
.ios textarea,.ios input[type="text"],.ios input[type="password"],.ios input[type="datetime"],.ios input[type="datetime-local"],.ios input[type="date"],.ios input[type="month"],.ios input[type="time"],.ios input[type="week"],.ios input[type="number"],.ios input[type="email"],.ios input[type="url"],.ios input[type="search"],.ios input[type="tel"],.ios input[type="color"],.ios .uneditable-input{line-height: normal; width:100%;}
.btn{
background:#036bb4;
color : #FFFFFF;
display : inline-block;
font-size : 16px;
font-weight : normal;
cursor : pointer;
border :0;
-webkit-appearance: none;
border-radius:6px; height:44px; line-height:44px; padding:0px 10px; overflow: hidden;
}
.btn.larg{ padding:0px;border-radius:6px; height:50px; line-height:50px; font-family: "Microsoft YaHei","微软雅黑"; font-size:18px;}
.btn-small{
line-height: 32px;
height:32px;
font-size: 15px;
}
.btn-big{
height:75px;
line-height: 75px;
text-align: center;
padding:0px;
width:120px;
position: absolute;
right:0px;
top:0px;
font-size:20px; font-weight:bold;
}
.toolbar{
margin: 10px auto;
margin-right: auto;
}
.toolbar .btn{
margin-bottom:32px;
width:46%;
margin:0 0px 15px 0;
float:left;
border-radius:6px;
font-size:16px;
padding:0px;
}
div.input-control{
position:relative;
}
.drop-down{
width:55px;
height:55px;
position: absolute;
left:98%;
top:0px;
margin-left:-46px;
background: url(http://cdn.i9133.com/static/sdk/skin/img/toggle-down.png) center center no-repeat;
}
.ios .drop-down{ top:0px;}
.eg{ vertical-align:middle;}
ul.drop-ul{
width:96%;
border: 1px solid #aaaaaa;
background: #ffffff;
position: absolute;
z-index: 100;
color: #222222;
padding: 0;
margin: 0;
font-size: 1.1em;
top:47px;
}
ul.drop-ul li{
width: 100%;
margin: 0px;
padding: 3px;
list-style: none;
}
ul.drop-ul li a{
text-decoration: none;
display: block;
padding: 2px .4em;
line-height: 1.5;
min-height: 0;
font-weight: normal;
}
/*论坛模块*/
div.head{
margin-bottom: 5px;
border-bottom: 3px solid #ffe; padding-bottom:10px;
}
div.head span.num{
position: absolute;
left: 0px;
}
/*其他充值方式*/
div.sec{
margin-top: 16px;
}
ol.other-pay{
padding-left: 5px;
}
ol.other-pay li{
display:inline-block;
}
ol.other-pay li a{
display:inline-block;
text-align: center;
margin:5px 10px 5px 0;
padding: 0 5px;
cursor: pointer;
}
ol.other-pay li a:last-of-type{
margin: 5px 0px 5px 0;
}
ol.other-pay li a img{
width: 70px;
height: 70px;
}
.verify img{
vertical-align:middle; margin-right:15px;
}
.verify input[type=number]{
display: inline-block;
width: 155px;
min-height: 33px;
font-size: 20px;
height: 33px;
line-height: normal;
margin: 8px 15px 8px 0px;
vertical-align:middle;
}
.error_title{
margin: 20px;
}
/*check box*/
*:after,
*:before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.input-control.checkbox {
display: inline-block;
padding: 10px 0;
cursor: pointer;
}
.amount_level .btn,.channel_list .btn,.toolbar .btn{
margin:0 10px 15px 0;
}
.btn-block{
display: block;
}
/***默认头像***/
.user_face{ background:url(http://cdn.i9133.com/static/sdk/skin/img/user-face.jpg) center center no-repeat; position:absolute; background-size:50px; display:block; width:40px; height:40px; margin-right:10px; margin-top:10px; }
.topic-detail-list li{ margin-bottom:10px; }
.game_face{ background:url(http://cdn.i9133.com/static/sdk/skin/img/game_face_35.png) center center no-repeat; display:block;}
.level{ color:#F60; float:right; font-size:14px;}
.gz-zhanghao{ text-align:left; padding:5px; margin-bottom:10px;}
.gz-zhanghao .qq{ padding:5px 0px 5px 35px;background:url(http://cdn.i9133.com/static/sdk/skin/img/qq.png) left bottom no-repeat; }
.gz-zhanghao .weixin{ background:url(http://cdn.i9133.com/static/sdk/skin/img/weixin.png) left bottom no-repeat; padding:5px 0px 5px 35px}
.fs_box{ text-align:left; font-size:16px; }
.help-span{ font-size:20px; color:#f5c85d; font-family:Verdana, Geneva, sans-serif; font-weight:normal; padding-left:5px;}
.help-text{ font-size:22px; text-align:left; line-height:28px;}
p.forget{
margin: 8px 0;
}
p.forget *{
padding:8px 0;
}
.statu { background:none;border:0px;
font-size: 13px;
margin-right: 6px;
padding: 1px 5px;
color:#ff0000;
}
.muted strong{ color:#F00;}
.btn.width100{
width: 100%;
padding: 0;
box-sizing: border-box;
margin-top: 5px;
}
.btn-group { text-align:center;}
h1.error_title{
position: relative;
top:42%;
font-size: 28px;
}
input[type=text], input[type=password]{
line-height: normal;
}
/**sec_invtite**/
.sec_invtite p.title-fs{ padding:10px 15px;}
.sec_invtite p.title-fs a{ color:#F00; border-bottom:1px solid #F00; font-weight:bold;}
li.more .btn{ display:block;}
/*loading*/
/* Second Loadin Circle */
.container_load {
/*background: #161616 url(/static/http://cdn.i9133.com/static/sdk/skin/img/pattern_40.gif) top left repeat;*/
height: 100%;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
z-index: 1000;
}
.container_load.in_frame{
position: absolute;
width: 100%;
left: 0;
top: 0;
}
.container_load .content {margin:0 auto;position: relative;
left:0px;
top: 35%;}
.circle {
background-color: rgba(0,0,0,0);
border:5px solid rgba(0,183,229,0.9);
opacity:.9;
border-right:5px solid rgba(0,0,0,0);
border-left:5px solid rgba(0,0,0,0);
border-radius:50px;
box-shadow: 0 0 35px #2187e7;
width:50px;
height:50px;
margin:0 auto;
-moz-animation:spinPulse 1s infinite ease-in-out;
-webkit-animation:spinPulse 1s infinite linear;
animation:spinPulse 1s infinite linear;
}
.circle1 {
background-color: rgba(0,0,0,0);
border:5px solid rgba(0,183,229,0.9);
opacity:.9;
border-left:5px solid rgba(0,0,0,0);
border-right:5px solid rgba(0,0,0,0);
border-radius:50px;
box-shadow: 0 0 15px #2187e7;
width:30px;
height:30px;
margin:0 auto;
position:relative;
top:-50px;
-moz-animation:spinoffPulse 1s infinite linear;
-webkit-animation:spinoffPulse 1s infinite linear;
animation:spinoffPulse 1s infinite linear;
}
.tip_text{ margin-bottom:15px; margin-top:15px;}
/**客服**/
.question_del{ border-bottom:1px solid #503c2c; line-height:25px;}
.question_del h2{ font-weight:bold; font-size:16px; margin-bottom:15px; }
.q_time{ font-size:13px; font-weight:normal; color:#999; }
.tip{ font-size:13px;}
.padding_box{ padding-top:25px;}
.padding_box p{ padding-bottom:10px;}
/**平台消息**/
.activity-list li,.message-list li{ border-bottom:1px solid #655241;}
.activity-list li .pull-right,.message-list li .pull-right{ font-size:12px;}
.activity-list h3,.message-comm h3{ font-size:22px; margin-bottom:10px;}
.activity-comm .text-info,.message-comm .text-info{ font-size:12px;}
.activity-comm .bor_b_h3,.message-comm .bor_b_h3{ border-bottom:2px #655241 solid;}
.activity-comm .activity_text ,.message-comm .message_text{padding-top:15px; text-align:left;font-size:16px;text-indent:20px; line-height:28px; }
.activity-comm .activity_text p,.message-comm .message_text p{ text-indent:20px; line-height:28px; font-size:16px;}
.activity-list .act_time{ font-size:12px;}
/**居中**/
/***登录前***/
.box_info_center2{ width:600px; margin:0 auto;}
.box_info_center2 .login_case1{ background-color: #fff;border: 1px solid #036BB4;width:240px; float:left; display:block; margin-top:40px; }
.box_info_center2 .other-login li a{ width:80px; margin:0px; height:80px; background-image:url(http://cdn.i9133.com/static/sdk/skin/img/sdk_login.png); background-repeat:no-repeat; background-position:0px 0px ; float:left; }
.box_info_center2 .other-login li a.qq{ background-position:0px 0px ;}
.box_info_center2 .other-login li a.sina{ background-position:-80px 0px;}
.box_info_center2 .other-login li a.baidu{ background-position:-160px 0px;}
.box_info_center2 .login_case2{ margin-left:90px;}
.box_info_center2 .login_case_c{ padding:15px 10px; text-align:center; min-height:80px;}
.box_info_center2 .login_case_c p{ margin-bottom:10px;}
.login_case_c .text-info{ font-size:22px;}
.login_case_c .text-muted{ font-size:16px;}
.box_info_center2 .login_case_b{ padding:14px; border-top:1px solid #036BB4; color:#727474;}
.case_top{ height:80px; background:#036bb4; line-height:80px; font-size:22px; color:#fff;}
.login_case_c .login_case_btn{ display:block; height:44px; line-height:44px; border:1px solid #036BB4; background-color:#ecf0f1; }
.share_box1{ padding:10px 0px; text-align:left;}
.share_box1 img{ margin-right:10px; }
.share_game{ background-color:rgba(245,245,245, 0.5); padding:10px;}
.share_box2{ border-top:1px solid #f6f6f6; text-align:left; padding:5px 0px;}
.share_box2 h2{ font-weight:bold;}
@-moz-keyframes spinPulse {
0% { -moz-transform:rotate(160deg); opacity:0; box-shadow:0 0 1px #2187e7;}
50% { -moz-transform:rotate(145deg); opacity:1; }
100% { -moz-transform:rotate(-320deg); opacity:0; }
}
@-moz-keyframes spinoffPulse {
0% { -moz-transform:rotate(0deg); }
100% { -moz-transform:rotate(360deg); }
}
@-webkit-keyframes spinPulse {
0% { -webkit-transform:rotate(160deg); opacity:0; box-shadow:0 0 1px #2187e7; }
50% { -webkit-transform:rotate(145deg); opacity:1;}
100% { -webkit-transform:rotate(-320deg); opacity:0; }
}
@-webkit-keyframes spinoffPulse {
0% { -webkit-transform:rotate(0deg); }
100% { -webkit-transform:rotate(360deg); }
}
@keyframes spinoffPulse {
0% { transform:rotate(0deg); }
100% { transform:rotate(360deg); }
}
#share{
text-align: left;
margin: 20px 0px;
}
#share span{
display: inline-block;
height: 46px;
line-height: 46px;
vertical-align: top;
}
#share a {
width: 46px;
height: 46px;
display: inline-block;
background-image: url(http://cdn.i9133.com/static/sdk/skin/img/share.png);
background-repeat: no-repeat;
margin-right: 10px;
-webkit-transform: scale(1.2);
}
#share a.s_qzone{
background-position: 5px 4px
}
#share a.s_tsina{
background-position: 5px -36px
}
#share a.s_tqq{
background-position: 5px -76px;
}
.invite_box p{
margin: 5px 0;
font-size: 16px;
}
.invite_box h3{
margin-top: 18px;
}
.share_box1 .s_content{
width: 70%;
margin: 0px;
height: auto;
min-height: 73px;
}
.pay-info-cont{
padding: 10px 37px;
position: relative;
}
.pay-info-cont .player-info-cont{
border-right:1px solid black;
}
.pay-info-cont .player-info-cont .head-ico{
max-height: 50px;
max-width: 50px;
}
.pay-info-cont .player-info-cont span{
display: inline-block;
}
.topic-detail-list li .content{ padding-left:50px;font-size:16px;}
.time_p{ font-size:12px;}
.toolbar .btn:nth-of-type(even){ float:right; margin-right:0px; padding:0px;}
.qq_login .qq{ background:url(img/icon_qq.png) no-repeat; background-position:0px; display:block; height:80px; width:80px; background-size:auto 100%; border-radius:60px; margin:0 auto; }
/*媒介查询字体定义*/
@media screen and (max-width: 320px) {
body {font-size: 14px;}
h1{font-size: 20px;}
h2{font-size:18px;}
h3{font-size:16px;}
h4{ font-size:15px;}
p{ font-size: 14px;}
}
@media screen and (min-width: 320px) {
body {font-size: 14px;}
h1{font-size: 20px;}
h2{font-size:18px;}
h3{font-size:16px;}
h4{ font-size:15px;}
p{ font-size: 14px;}
}
@media screen and (min-width: 480px) {
body {font-size: 19px;}
h1{font-size: 21px;}
h2{font-size:19px;}
h3{font-size:17px;}
h4{ font-size:15px;}
p{ font-size: 16px;}
}
@media screen and (min-width: 640px) {
body {font-size: 24px;}
h1{font-size: 22px;}
h2{font-size:20px;}
h3{font-size:18px;}
h4{ font-size:16px;}
p{ font-size: 17px;}
}
@media screen and (min-width: 720px) {
body {font-size: 27px;}
h1{font-size: 26px;}
h2{font-size:24px;}
h3{font-size:20px;}
h4{ font-size:18px;}
p{ font-size: 20px;}
}
@media screen and (max-width: 600px){
.box_info_center2{ width:500px; margin:0 auto;}
.box_info_center2 .login_case2{ margin-left:15px;}
}
/*充值中心*/
.header .poslft{ position: absolute; left: 37px;}
.header .posrgt{ position: absolute; right: 37px;}
.channel_list .btn{
background: #fff;
border: 1px solid #ddd;
font-family: "Microsoft YaHei","微软雅黑";
color: #434343;
text-align: left;
font-size: 30px;
padding: 0 15px;
margin: 0 0 10px 0;
height: 77px;
line-height: 77px;
display: block;
}
.channel_list .image{
width: 77px; height: 67px; position: relative; margin-right: 30px; margin-top: 5px;
}
.channel_list .image img{
max-width:77px; max-height:67px;
position:absolute; left:0; right:0; top:0; bottom:0; width:auto; height:auto; margin:auto;
}
.warm-prompt { margin-top: 15px; background: #dcdddd; padding: 15px; }
.warm-prompt h2 { color: #ff0000; font-size: 20px; font-weight: normal; font-family: "Microsoft YaHei","微软雅黑"; }
.warm-prompt p { color: #535353; font-family: "Microsoft YaHei","微软雅黑"; font-size: 16px; margin: 0;}
.warm-prompt p a { color: #f39700; }
.pay-info-cont .user-msg { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all; margin-left: 15px; width: calc(100% - 100px);}
.pay-info-cont .user-msg h2 { font-weight: normal; font-size: 24px; margin: 0; color: #949494; }
.pay-info-cont .user-msg p { font-size: 24px; color: #434343; margin: 0; line-height: normal;}
.pay-info-cont .user-msg p span { color: #f39700; }
/*充值记录*/
.integral .box{ border-left:2px solid #089b55; margin-left:100px; height:100%; padding:0 10px 20px;;}
.integral .box h2{ color:#6d6d6d; font-family:"Microsoft YaHei","微软雅黑"; font-weight:normal; position:relative; }
.integral .box .text{ color:#717070; font-family:"Microsoft YaHei","微软雅黑"; font-weight:normal; font-size:16px; padding:10px;background:#fff; border:1px solid #ddd; border-radius:5px; position:relative; margin-left:10px;}
.integral .box .text .position{ position:absolute; top:13px; left:-18px;}
.integral .box .text .position img{ width:10px;}
.integral .box .text h3{ color:#555; font-family:"Microsoft YaHei","微软雅黑"; font-weight:normal; font-size:30px; border-bottom:1px solid #ddd; padding-bottom:10px;}
.integral .box .text .txt{ color:#9d9d9d; font-family:"Microsoft YaHei","微软雅黑"; font-weight:normal; font-size:14px; padding-top:5px;}
.integral .box .text .txt h3{ margin-bottom: 0; border: none; color: #000; margin-bottom: 10px;}
.integral .box .text .txt p{ line-height: normal; padding: 0; margin: 0; font-size: 24px;}
.integral .box .text .txt strong{ color: #ff0000;}
.integral .box h2 .icon{ position:absolute; left:-20px; top:12px; width:17px; background:#fff; border-radius:20px;}
.integral .box h2 .time{ position:absolute; left:-110px; top:12px; width:100px; text-align:center;}
.integral .box .time h3{ color:#333; font-family:"Microsoft YaHei","微软雅黑"; font-weight:normal; font-size:22px; line-height:22px; margin: 0;}
#trade_record .user-msg h2{ line-height: 75px;}
.container form p { border: 1px solid #ddd; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; margin-bottom: 15px;padding: 0 17px;background: #fff; font-size: 30px; color: #434343; }
.container form p label,.container form p input,.container form p select{ height: 84px; line-height: 84px;}
.container form p span { color: #ff9600; }
.container form p input { border: none; font-size: 24px; height: 84px; line-height: 84px; width: calc(100% - 200px); width: -webkit-calc(100% - 200px); width: -moz-calc(100% - 200px); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; min-height: 30px; box-shadow: none; margin: 0;-webkit-appearance: none;}
.container form p select{border: none; box-shadow: none; width: calc(100% - 200px); font-size: 24px; padding: 0;}
.w235{ width: 235px;}
.container form .btn { height: 84px; line-height: 84px; display: block; color: #fff; font-family: "Microsoft YaHei","微软雅黑"; font-size: 30px; text-align: center; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; }
.container form .btn-cancel { background: #0f9fcf; }
.container form .btn-determine { background: #ff9600; }
.container .warm-prompt { margin: 15px 0; background: #dcdddd; padding: 17px 15px;}
.container .warm-prompt h2 { color: #ff0000; font-size: 20px; font-weight: normal; font-family: "Microsoft YaHei","微软雅黑"; text-align: left;}
.container .warm-prompt p { color: #000;font-family: "Microsoft YaHei","微软雅黑";font-size: 20px;padding: 0;margin-top: 5px;text-align: left;border: none; background: none;margin-bottom: 0;}
.container .warm-prompt p a { color: #ff9600; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
color: #b5b5b6;
font-family: "Microsoft YaHei","微软雅黑";
font-size: 30px;
}
input:-moz-placeholder, textarea:-moz-placeholder {
color: #b5b5b6;
font-family: "Microsoft YaHei","微软雅黑";
font-size: 30px;
}
input::-moz-placeholder, textarea::-moz-placeholder {
color: #b5b5b6;
font-family: "Microsoft YaHei","微软雅黑";
font-size: 30px;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
color: #b5b5b6;
font-family: "Microsoft YaHei","微软雅黑";
font-size: 30px;
}
.box_info_center .require_input p input{
float: left;
/*width: auto;*/
}
.box_info_center .require_input select option,.box_info_center .require_input select{
color: #b5b5b6;
font-family: "Microsoft YaHei","微软雅黑";
font-size: 30px;
}
.container a.conBtn{
font-size: 30px;
width: 235px;
color: #fff;
margin: 0 auto;
height:84px;
line-height:84px;
background: #ff9600;
}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
background-color: rgb(255, 255, 255) !important;
box-shadow: 0 0 0px 1000px white inset !important;
html[data-useragent='ios']
.other-menu{display:none;}
body{
margin:0px;
padding:0px;
font-family: "Microsoft YaHei","微软雅黑";
background-color:white;
text-align: center;
-webkit-box-sizing: border-box;
box-sizing: border-box;
/*overflow: hidden;*/
}
h1,h2,h3,h4{font-weight : normal; margin:5px 0px;}
p{margin:5px;line-height:28px;}
a, button, input, select{
-webkit-tap-highlight-color:rgba(255,0,0,0);outline:none;
}
a,input,textarea,select {
outline: 0;
}
a:focus {
outline:thin dotted; /* 处理“outline”在Chrome浏览器中和其它浏览器之间的不一致 */
}
form{
position: relative;
}
input:-moz-placeholder,
textarea:-moz-placeholder {
color: #555;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
color: #555;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
color: #555;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
padding: 0;
border: none;
}
html{
FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#f7f7f7,endColorStr=#eee);
background: -moz-linear-gradient(top,#f7f7f7,#eee);
background: -webkit-gradient(linear, 0% 0%, 0% 100%,from(#f7f7f7), to(#eee));
background: -webkit-linear-gradient(top, #f7f7f7, #eee);
background: -o-linear-gradient(top, #f7f7f7, #eee);
position: relative;
height: 100%;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);/*禁用ios点击元素时的灰色背景*/
}
body{
background: #f6f6f6;
width: 100%;
height: 100%;
background-size: 100%;
}
select{
width:100%;
font-size:16px;
height:35px; line-height:33px; padding:2px 0;
font-family:"Microsoft YaHei","微软雅黑";
background-color: #fff;
border: 1px solid #CCCCCC;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
-webkit-appearance: listbox;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;}
.fix .ios_scroll{
margin-right: 50px;
width: auto;
}
.nofix .ios_scroll{
overflow: hidden;
}
.ios_scroll{
width: 100%;
height: 100%;
overflow: scroll;
z-index: 1;
-webkit-overflow-scrolling:touch;
}
.ios_scroll iframe{
z-index: 1;
}
.mask{
position: relative;
height: 100%;
/*overflow: hidden;*/
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
a.link{
color: #F00;
border-bottom: 1px solid #F00;
font-weight: bold;
}
.hide{ display: none;}
a:link, a:active, a:hover, a:visited,a:focus{
text-decoration:none;
}
a, button, input, select, li{
-webkit-tap-highlight-color:rgba(255,0,0,0);
}
.disable{
background-color:#DDDDDD;
}
a:disabled, input:disabled{
background-color:#666666;
}
.align-center{
text-align: center;
}
.container img{
max-width: 95%;
}
small, .small{font-size:16px;}
.mar-r-10{
margin-right: 10px;
}
.mar-t-10{
margin-top: 10px;
}
.relative{
position: relative;
}
.w-80{
width: 80%;
}
.w-20{
width: 20%;
}
/* 文字相关 */
p.text-muted{color: #999999; }
.text-warning{color: #DD1144;}
.text-error{color: #DD1144;}
.text-success{color:#0F820C;}
.text-info{color:#1174B7;}
/*对齐方式*/
.text-indent{text-indent: 1em;}
.align-left{text-align: left;}
.pull-right{float:right;}
.pull-left{float:left;}
.inline{display: inline;}
.inline-block{display: inline-block;}
.badge{
display: inline-block;
min-width: 10px;
padding: 3px 7px;
font-size: 12px;
font-weight: bold;
line-height: 1;
color: #fff;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
background-color: #b94a48;
border-radius: 10px;
}
.relative .badge{
position: absolute;
right: 5px;
top: 13px;
}
.badge.pay{
position: absolute;
right: -8px;
top: -6px;
}
/* 基本样式 END */
.clearfix:before,
.clearfix:after {
display: table;
line-height: 0;
content: "";
}
.clearfix:after {
clear: both;
}
p.lead{
text-align: left;
font-size: 18px;
min-height: 100px;
}
.larg{display:block;}
.container .larg{display:block;}
.header .btn.pull-left{
float: none;
position: absolute;
left: 8px;
margin-top: 8px;
}
.header .btn.pull-right{
float: none;
position: absolute;
right: 8px;
margin-top: 8px;
}
.fix .btn.scroll-btn{
display: inline-block;
}
.btn.scroll-btn{
border-radius:35px;
padding:0px;
display: none;
min-width: 35px;
position: absolute;
z-index: 10000;
right: 0px; height:35px;
}
.btn.scroll-up{
top: 40%;
margin-top: -60px;
}
.btn.scroll-down{
top: 57%;
}
/* 输入控件 */
input[type="text"], input[type="submit"], input[type="date"], input[type="email"]{
width:100%; display:block;line-height: normal;
margin: 10px 0px 10px 0;
}
label.enter_game{
margin-top: 8px;
font-size: 20px;
display: inline-block;
}
/*输入控件 END */
/*字体图标*/
/*字体图标*/
@font-face {font-family: "iconfont";
src: url('../font/iconfont.eot?t=1468997064'); /* IE9*/
src: url('../font/iconfont.eot?t=1468997064#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../font/iconfont.woff?t=1468997064') format('woff'), /* chrome, firefox */
url('../font/iconfont.ttf?t=1468997064') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
url('../font/iconfont.svg?t=1468997064#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont {
font-family:"iconfont" !important;
font-size:16px;
font-style:normal;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.2px;
-moz-osx-font-smoothing: grayscale;
}
.icon-weixin:before { content: "\e600"; font-size: 1.8em; color: #0bb515;}
.icon-qq:before { content: "\e601"; font-size: 1.8em; color: #0f9fcf;}
.icon-iconfontcha:before { content: "\e609"; }
.icon-qq1:before { content: "\e602"; font-size: 1.8em; color: #0f9fcf;}
.icon-weixin1:before { content: "\e603"; }
.icon-qq2:before { content: "\e604"; font-size: 1.8em; color: #0f9fcf;}
.icon-iconfontxiangyou:before { content: "\e60a"; color: #fff; font-size: 32px;}
.icon-iconfontcolor19:before { content: "\e60b"; }
.icon-xuanzhong:before { content: "\e60c"; color: #ff9600; font-size: 1.6em;}
.icon-triangle-l:before { content: "\e605"; }
.icon-shuangyuanquan:before { content: "\e60d"; color: #089b55;}
.icon-weixin2:before { content: "\e606"; }
.icon-xiangyou:before { content: "\e60e"; }
.icon-fuxuankuangyixuanze:before { content: "\e607"; }
.icon-xiangxia:before { content: "\e60f"; color: #ddd; font-size: 1.8em;}
.icon-icon3:before { content: "\e608"; }
.icon-fanhui:before { content: "\e610"; color: #949494; font-size: 2em;}
.icon-yonghutouxiang:before { content: "\e611"; color: #c1c1c1; font-size: 84px;}
.icon-triangle-left-copy:before { content: "\e612"; color:#ddd; font-size: 1.8em;}
/* 消息框 */
#alert {
background:rgba(0, 0, 0, 0.65)!important; filter:Alpha(opacity=65);
position: absolute;
top: 200px;
left: 50%;
margin: auto 0;
width: 80%;
z-index: 1000;
line-height: 38px;
font-size: 30px;
margin-left: -40%;
text-align: center;
color: #c3c3c3;
border-radius: 10px;
padding: 10px 0px;
}
button.close {
padding: 0;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
}
.close:hover,
.close:focus {
color: #000000;
text-decoration: none;
cursor: pointer;
opacity: 0.4;
}
button.close {
padding: 0;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
}
/*.alert {
padding: 8px 35px 8px 14px;
font-size: 16px;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
background:rgba(250, 250, 250, 0.64);
border: 1px solid #fbeed5;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}*/
.alert,
.alert h4 {
color: #c09853;
}
.alert h4 {
margin: 0;
}
.alert .close {
position: absolute;
top: -2px;
right: 8px;
line-height: 20px;
color: #fff;
}
.alert-success {
color:#009933;
text-shadow:none;
}
.alert-success h3 {
color: #468847;
}
.alert-danger,
.alert-error {
color:red;
text-shadow:none;
}
.alert-danger h3,
.alert-error h3 {
color: #b94a48;
}
/* 第三方登陆的 */
.other-login {
list-style: none outside none;
margin:0;
padding:0;zoom:0.8;
}
.other-login a { background-image:url(http://cdn.i9133.com/static/sdk/skin/img/share_2.png); background-color:#fff;
background-repeat:no-repeat;
display:inline-block;
margin: 0 12px 0px 0px;
height:69px;
width:70px;
padding:0px;
}
.other-login a.hide{
display: none;
}
.other-login li{
display:inline;
zoom:0.8;
}
.other-login a.sina {
background-position: 0 -211px;
}
.other-login a.douban {
background-position: 0 -96px;
}
.other-login a.renren {
background-position: 0 -70px;
}
.other-login a.taobao {
background-position: 0 0;
}
.other-login a.qq {
background-position: 0 -141px;
}
.other-login a.tqq {
background-position: 0 -281px;
}
.other-login a.wangyi {
background-position: 0 -192px;
}
.other-login a.twitter {
background-position: 0 -225px;
}
.other-login a.baidu {
background-position: 0 -350px;
}
.other-login a.google {background-position: 0 -493px;}
.other-login a.facebook{background-position: 0 -421px;}
/* 第三方登陆 END */
/* 角色信息 */
.account-info{
margin:auto;
text-align: left;
height:78px;
position: relative; margin-bottom:20px;
}
.account-info .desc{
margin-left:85px;
}
.account-info .desc p{
font-size: 16px;
line-height: 16px;
margin: 10px 0;
padding: 0;
}
.account-info img{
height: 75px;
position: absolute;
width: 75px;
}
/* 角色信息 END */
/* 单选框切换内容样式 */
ul.step-tab{
list-style:none;
padding:0px;
margin:auto;
text-align: left;
}
.step-tab li{
text-align: left;
margin-bottom:10px;
}
.step-tab li label{
display: block;
padding: 10px 0;
}
.step-tab li p, .setup-form li form{
font-size:14px;
margin-left: 20px;
}
/* 单选框切换内容样式 END */
/* 金额列表 样式 */
.amount_level{ margin-top:20px;}
.amount_level .btn, .amount_level a{
min-width:70px;
margin-left:30px;
margin-bottom:20px;
}
/* 金额列表 样式 */
/* 支付类型列表 */
.channel_list{
margin-top:10px;
}
.channel_list .btn, .channel_list a{
min-width: 120px;
margin-left:20px;
margin-bottom:10px;
text-align: center;
}
/* 支付类型列表 END */
/* 确认代付 */
.pay-proxy-info{
font-size:14px;
margin:auto;
text-align: left;
height: 100px;
}
.pay-proxy-info .desc{
margin-left:0px;
}
.pay-proxy-info .desc p{
font-size: 14px;
line-height: 16px;
margin: 5px 0;
padding: 0;
}
.pay-proxy-info .btn-group{
margin-left:10px;
float:right;}
/* 确认代付 END */
ol.list{
list-style-type:none;
padding: 0px;
margin:0;
line-height:25px;
text-align: left;
}
/*邀请列表*/
ol.invite-list li{
margin-bottom: 8px;
}
ol.invite-list li img{
width: 50px;
height: 50px;
}
ol.invite-list li div.item{
display: inline-block;
width: 100%;
}
/*客服中心*/
ol.kefu-list li a.item{
margin: 0;
padding: 7px 0;
cursor: pointer;
width : 100%;
display: inline-block;
}
ol.question-list li p{
margin-bottom: 0px;
}
ol.question-list .content{
padding: 5px 5px 0 5px;
}
ol.question-list .content>p{
margin:0;
}
ol.question-list li{
margin: 0;
padding: 7px 0;
width : 100%;
border-bottom: 1px solid #888;
display: inline-block;
}
ol.question-list li span.btn{
font-size: 14px;
line-height: 30px;
height: 30px;
cursor:default;
width: 80px;
text-align: center;
}
ol.question-list li span.kefu{
font-size: 16px;
}
ol.question-list li p.content{
text-indent: 1em;
font-size: 15px;
}
ol.question-list p > a{
font-size: 14px;
line-height: 30px;
height: 30px;
width: 80px;
text-align: center;
margin-right: 7px;
margin-top: 5px;
}
ol.question-list p> a:last-of-type{
margin-right: 0px;
}
/*end */
.statu{
color: #ffffff;
margin-right: 6px;
padding: 1px 5px;
font-size: 12px;
}
.statu_yes{
background: #A26737
}
.statu_no{
background: #950001
}
.reply{ border:1px solid #CCC; padding:2px 5px; margin-right:10px; }
.list li a.item{
margin: 0;
padding:10px 0;
cursor: pointer;
width : 100%;
display: inline-block; font-size:14px;
}
.list li a.item p{
margin: 0;
}
.item img{ margin-right:10px;}
/*活动与公告*/
#activity_detail .detail img{
max-width: 100%;
}
/*end */
/*奖励列表*/
ol.prize-list li p:first-child{
font-size: 16px;
margin: 5px 0px 0px 0px;
}
ol.prize-list li p.prize_content{
text-indent: 2em;
margin-top: 0px;
}
ol.prize-list li{
border-bottom: 1px solid #f8f8f8
}
hr{ display:none;}
/*end */
/* 支付记录列表 */
ol.trade-list{
list-style:none;
padding: 0px;
overflow: auto;
text-align: left;
}
ol.trade-list > li, ol.trade-list > li > p{
font-size:16px;
line-height: 20px;
}
ol li.more{
text-align: center;
}
ol.trade-list .detail{
background: none repeat scroll 0 0 #F3F3F3;
font-size: 16px;
line-height:35px;
height:35px;
margin-bottom: 5px;
position: relative;
padding:0px;
padding-left:8px;
}
.btn.btn_pri_block{ height:140px; line-height:140px;}
ol.trade-list .statu{
font-size: 24px;
position: absolute;
right: 5px;
}
ol.trade-list .detail .statu small{
color: red;
}
ol.trade-list .statu .btn{
background-color: #036BB4;
color: white;
height:30px;
line-height:30px;
display: block;
padding:0 30px;
}
/*ol.trade-list > li{border-bottom: 1px solid #dddddd; margin-bottom:10px; padding-bottom:10px;}*/
ol.trade-list > li p{ padding:8px 5px;}
ol.trade-list > li.more{border:0px;}
/* 支付记录列表 END */
/*用户可定义样式*/
/*自定义样式*/
.scroll{
height: 100%;
position: relative;
}
.scroll p{
margin-bottom: 0px;
}
.scroll ol{
padding-bottom: 10px;
margin-top: 0;
}
.scroll div div:last-child{
padding-bottom: 10px;
}
.container{
box-sizing: border-box;
/*overflow: hidden;*/
position: absolute;
top:64px;
left: 0px;
right: 0px;
bottom:0px;
/*background:url(http://cdn.i9133.com/static/sdk/skin/img/logo-sy.png) right bottom no-repeat;*/
/* 使之可以滚动 */
overflow-y: scroll;
/* 增加该属性,可以增加弹性,是滑动更加顺畅 */
-webkit-overflow-scrolling: touch;
}
.box_info_center{
height: 100%; margin:0 37px;
}
.container textarea{
height: 110px;
line-height: normal;
}
section{
position: relative;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
}
.header{
height:64px;
line-height:64px;
text-align:center;
position: absolute;
top: 0;
left:0;
width: 100%;
box-sizing: border-box;
z-index: 100;
FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#0d96ca,endColorStr=#11a9d3);
background:-moz-linear-gradient(top,#0d96ca,#11a9d3);
background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#0d96ca), to(#11a9d3));
background: -webkit-linear-gradient(top, #0d96ca, #11a9d3);
background: -o-linear-gradient(top, #0d96ca, #11a9d3);
}
.header .btn {
background-image: -moz-linear-gradient(top,#036BB4,#036BB4 );
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#036BB4), to(#036BB4));
background-image: -webkit-linear-gradient(top, #036BB4, #036BB4);
background-image: -o-linear-gradient(top, #036BB4, #036BB4);
background-image: linear-gradient(to bottom, #036BB4, #036BB4);
background-color:#036BB4;
border:1px;
border-style:solid;
border-color:#003090;
margin: 5px 3px;
min-width:60px;
height:50px; line-height:50px;
text-align:center;
font-size:20px; text-shadow:-1px 1px 0 #582804;
}
.header .btn-link{
color: #fff;
font-size: 24px;
font-weight: normal;
}
.header .op-primary{
background-image: -moz-linear-gradient(top,#09AEA8,#09AEA8 );
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#09AEA8), to(#09AEA8));
background-image: -webkit-linear-gradient(top, #09AEA8, #09AEA8);
background-image: -o-linear-gradient(top, #09AEA8, #09AEA8);
background-image: linear-gradient(to bottom, #09AEA8, #09AEA8);
background-color:#09AEA8;
}
.header>.title{
font-size:32px;
color:white;
}
textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
background-color: #FFFFFF; padding:0px; color:#555;
border: 1px solid #CCCCCC;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
/*transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;*/
min-height:44px;
height:44px;
line-height:44px;
font-size:16px;
border-radius: 0;
-webkit-appearance: none;
font-family:"Microsoft YaHei","微软雅黑"; display:block; width:98%; line-height: normal;padding-left:8px; margin-bottom:10px;
}
.ios textarea,.ios input[type="text"],.ios input[type="password"],.ios input[type="datetime"],.ios input[type="datetime-local"],.ios input[type="date"],.ios input[type="month"],.ios input[type="time"],.ios input[type="week"],.ios input[type="number"],.ios input[type="email"],.ios input[type="url"],.ios input[type="search"],.ios input[type="tel"],.ios input[type="color"],.ios .uneditable-input{line-height: normal; width:100%;}
.btn{
background:#036bb4;
color : #FFFFFF;
display : inline-block;
font-size : 16px;
font-weight : normal;
cursor : pointer;
border :0;
-webkit-appearance: none;
border-radius:6px; height:44px; line-height:44px; padding:0px 10px; overflow: hidden;
}
.btn.larg{ padding:0px;border-radius:6px; height:50px; line-height:50px; font-family: "Microsoft YaHei","微软雅黑"; font-size:18px;}
.btn-small{
line-height: 32px;
height:32px;
font-size: 15px;
}
.btn-big{
height:75px;
line-height: 75px;
text-align: center;
padding:0px;
width:120px;
position: absolute;
right:0px;
top:0px;
font-size:20px; font-weight:bold;
}
.toolbar{
margin: 10px auto;
margin-right: auto;
}
.toolbar .btn{
margin-bottom:32px;
width:46%;
margin:0 0px 15px 0;
float:left;
border-radius:6px;
font-size:16px;
padding:0px;
}
div.input-control{
position:relative;
}
.drop-down{
width:55px;
height:55px;
position: absolute;
left:98%;
top:0px;
margin-left:-46px;
background: url(http://cdn.i9133.com/static/sdk/skin/img/toggle-down.png) center center no-repeat;
}
.ios .drop-down{ top:0px;}
.eg{ vertical-align:middle;}
ul.drop-ul{
width:96%;
border: 1px solid #aaaaaa;
background: #ffffff;
position: absolute;
z-index: 100;
color: #222222;
padding: 0;
margin: 0;
font-size: 1.1em;
top:47px;
}
ul.drop-ul li{
width: 100%;
margin: 0px;
padding: 3px;
list-style: none;
}
ul.drop-ul li a{
text-decoration: none;
display: block;
padding: 2px .4em;
line-height: 1.5;
min-height: 0;
font-weight: normal;
}
/*论坛模块*/
div.head{
margin-bottom: 5px;
border-bottom: 3px solid #ffe; padding-bottom:10px;
}
div.head span.num{
position: absolute;
left: 0px;
}
/*其他充值方式*/
div.sec{
margin-top: 16px;
}
ol.other-pay{
padding-left: 5px;
}
ol.other-pay li{
display:inline-block;
}
ol.other-pay li a{
display:inline-block;
text-align: center;
margin:5px 10px 5px 0;
padding: 0 5px;
cursor: pointer;
}
ol.other-pay li a:last-of-type{
margin: 5px 0px 5px 0;
}
ol.other-pay li a img{
width: 70px;
height: 70px;
}
.verify img{
vertical-align:middle; margin-right:15px;
}
.verify input[type=number]{
display: inline-block;
width: 155px;
min-height: 33px;
font-size: 20px;
height: 33px;
line-height: normal;
margin: 8px 15px 8px 0px;
vertical-align:middle;
}
.error_title{
margin: 20px;
}
/*check box*/
*:after,
*:before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.input-control.checkbox {
display: inline-block;
padding: 10px 0;
cursor: pointer;
}
.amount_level .btn,.channel_list .btn,.toolbar .btn{
margin:0 10px 15px 0;
}
.btn-block{
display: block;
}
/***默认头像***/
.user_face{ background:url(http://cdn.i9133.com/static/sdk/skin/img/user-face.jpg) center center no-repeat; position:absolute; background-size:50px; display:block; width:40px; height:40px; margin-right:10px; margin-top:10px; }
.topic-detail-list li{ margin-bottom:10px; }
.game_face{ background:url(http://cdn.i9133.com/static/sdk/skin/img/game_face_35.png) center center no-repeat; display:block;}
.level{ color:#F60; float:right; font-size:14px;}
.gz-zhanghao{ text-align:left; padding:5px; margin-bottom:10px;}
.gz-zhanghao .qq{ padding:5px 0px 5px 35px;background:url(http://cdn.i9133.com/static/sdk/skin/img/qq.png) left bottom no-repeat; }
.gz-zhanghao .weixin{ background:url(http://cdn.i9133.com/static/sdk/skin/img/weixin.png) left bottom no-repeat; padding:5px 0px 5px 35px}
.fs_box{ text-align:left; font-size:16px; }
.help-span{ font-size:20px; color:#f5c85d; font-family:Verdana, Geneva, sans-serif; font-weight:normal; padding-left:5px;}
.help-text{ font-size:22px; text-align:left; line-height:28px;}
p.forget{
margin: 8px 0;
}
p.forget *{
padding:8px 0;
}
.statu { background:none;border:0px;
font-size: 13px;
margin-right: 6px;
padding: 1px 5px;
color:#ff0000;
}
.muted strong{ color:#F00;}
.btn.width100{
width: 100%;
padding: 0;
box-sizing: border-box;
margin-top: 5px;
}
.btn-group { text-align:center;}
h1.error_title{
position: relative;
top:42%;
font-size: 28px;
}
input[type=text], input[type=password]{
line-height: normal;
}
/**sec_invtite**/
.sec_invtite p.title-fs{ padding:10px 15px;}
.sec_invtite p.title-fs a{ color:#F00; border-bottom:1px solid #F00; font-weight:bold;}
li.more .btn{ display:block;}
/*loading*/
/* Second Loadin Circle */
.container_load {
/*background: #161616 url(/static/http://cdn.i9133.com/static/sdk/skin/img/pattern_40.gif) top left repeat;*/
height: 100%;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
z-index: 1000;
}
.container_load.in_frame{
position: absolute;
width: 100%;
left: 0;
top: 0;
}
.container_load .content {margin:0 auto;position: relative;
left:0px;
top: 35%;}
.circle {
background-color: rgba(0,0,0,0);
border:5px solid rgba(0,183,229,0.9);
opacity:.9;
border-right:5px solid rgba(0,0,0,0);
border-left:5px solid rgba(0,0,0,0);
border-radius:50px;
box-shadow: 0 0 35px #2187e7;
width:50px;
height:50px;
margin:0 auto;
-moz-animation:spinPulse 1s infinite ease-in-out;
-webkit-animation:spinPulse 1s infinite linear;
animation:spinPulse 1s infinite linear;
}
.circle1 {
background-color: rgba(0,0,0,0);
border:5px solid rgba(0,183,229,0.9);
opacity:.9;
border-left:5px solid rgba(0,0,0,0);
border-right:5px solid rgba(0,0,0,0);
border-radius:50px;
box-shadow: 0 0 15px #2187e7;
width:30px;
height:30px;
margin:0 auto;
position:relative;
top:-50px;
-moz-animation:spinoffPulse 1s infinite linear;
-webkit-animation:spinoffPulse 1s infinite linear;
animation:spinoffPulse 1s infinite linear;
}
.tip_text{ margin-bottom:15px; margin-top:15px;}
/**客服**/
.question_del{ border-bottom:1px solid #503c2c; line-height:25px;}
.question_del h2{ font-weight:bold; font-size:16px; margin-bottom:15px; }
.q_time{ font-size:13px; font-weight:normal; color:#999; }
.tip{ font-size:13px;}
.padding_box{ padding-top:25px;}
.padding_box p{ padding-bottom:10px;}
/**平台消息**/
.activity-list li,.message-list li{ border-bottom:1px solid #655241;}
.activity-list li .pull-right,.message-list li .pull-right{ font-size:12px;}
.activity-list h3,.message-comm h3{ font-size:22px; margin-bottom:10px;}
.activity-comm .text-info,.message-comm .text-info{ font-size:12px;}
.activity-comm .bor_b_h3,.message-comm .bor_b_h3{ border-bottom:2px #655241 solid;}
.activity-comm .activity_text ,.message-comm .message_text{padding-top:15px; text-align:left;font-size:16px;text-indent:20px; line-height:28px; }
.activity-comm .activity_text p,.message-comm .message_text p{ text-indent:20px; line-height:28px; font-size:16px;}
.activity-list .act_time{ font-size:12px;}
/**居中**/
/***登录前***/
.box_info_center2{ width:600px; margin:0 auto;}
.box_info_center2 .login_case1{ background-color: #fff;border: 1px solid #036BB4;width:240px; float:left; display:block; margin-top:40px; }
.box_info_center2 .other-login li a{ width:80px; margin:0px; height:80px; background-image:url(http://cdn.i9133.com/static/sdk/skin/img/sdk_login.png); background-repeat:no-repeat; background-position:0px 0px ; float:left; }
.box_info_center2 .other-login li a.qq{ background-position:0px 0px ;}
.box_info_center2 .other-login li a.sina{ background-position:-80px 0px;}
.box_info_center2 .other-login li a.baidu{ background-position:-160px 0px;}
.box_info_center2 .login_case2{ margin-left:90px;}
.box_info_center2 .login_case_c{ padding:15px 10px; text-align:center; min-height:80px;}
.box_info_center2 .login_case_c p{ margin-bottom:10px;}
.login_case_c .text-info{ font-size:22px;}
.login_case_c .text-muted{ font-size:16px;}
.box_info_center2 .login_case_b{ padding:14px; border-top:1px solid #036BB4; color:#727474;}
.case_top{ height:80px; background:#036bb4; line-height:80px; font-size:22px; color:#fff;}
.login_case_c .login_case_btn{ display:block; height:44px; line-height:44px; border:1px solid #036BB4; background-color:#ecf0f1; }
.share_box1{ padding:10px 0px; text-align:left;}
.share_box1 img{ margin-right:10px; }
.share_game{ background-color:rgba(245,245,245, 0.5); padding:10px;}
.share_box2{ border-top:1px solid #f6f6f6; text-align:left; padding:5px 0px;}
.share_box2 h2{ font-weight:bold;}
@-moz-keyframes spinPulse {
0% { -moz-transform:rotate(160deg); opacity:0; box-shadow:0 0 1px #2187e7;}
50% { -moz-transform:rotate(145deg); opacity:1; }
100% { -moz-transform:rotate(-320deg); opacity:0; }
}
@-moz-keyframes spinoffPulse {
0% { -moz-transform:rotate(0deg); }
100% { -moz-transform:rotate(360deg); }
}
@-webkit-keyframes spinPulse {
0% { -webkit-transform:rotate(160deg); opacity:0; box-shadow:0 0 1px #2187e7; }
50% { -webkit-transform:rotate(145deg); opacity:1;}
100% { -webkit-transform:rotate(-320deg); opacity:0; }
}
@-webkit-keyframes spinoffPulse {
0% { -webkit-transform:rotate(0deg); }
100% { -webkit-transform:rotate(360deg); }
}
@keyframes spinoffPulse {
0% { transform:rotate(0deg); }
100% { transform:rotate(360deg); }
}
#share{
text-align: left;
margin: 20px 0px;
}
#share span{
display: inline-block;
height: 46px;
line-height: 46px;
vertical-align: top;
}
#share a {
width: 46px;
height: 46px;
display: inline-block;
background-image: url(http://cdn.i9133.com/static/sdk/skin/img/share.png);
background-repeat: no-repeat;
margin-right: 10px;
-webkit-transform: scale(1.2);
}
#share a.s_qzone{
background-position: 5px 4px
}
#share a.s_tsina{
background-position: 5px -36px
}
#share a.s_tqq{
background-position: 5px -76px;
}
.invite_box p{
margin: 5px 0;
font-size: 16px;
}
.invite_box h3{
margin-top: 18px;
}
.share_box1 .s_content{
width: 70%;
margin: 0px;
height: auto;
min-height: 73px;
}
.pay-info-cont{
padding: 10px 37px;
position: relative;
}
.pay-info-cont .player-info-cont{
border-right:1px solid black;
}
.pay-info-cont .player-info-cont .head-ico{
max-height: 50px;
max-width: 50px;
}
.pay-info-cont .player-info-cont span{
display: inline-block;
}
.topic-detail-list li .content{ padding-left:50px;font-size:16px;}
.time_p{ font-size:12px;}
.toolbar .btn:nth-of-type(even){ float:right; margin-right:0px; padding:0px;}
.qq_login .qq{ background:url(img/icon_qq.png) no-repeat; background-position:0px; display:block; height:80px; width:80px; background-size:auto 100%; border-radius:60px; margin:0 auto; }
/*媒介查询字体定义*/
@media screen and (max-width: 320px) {
body {font-size: 14px;}
h1{font-size: 20px;}
h2{font-size:18px;}
h3{font-size:16px;}
h4{ font-size:15px;}
p{ font-size: 14px;}
}
@media screen and (min-width: 320px) {
body {font-size: 14px;}
h1{font-size: 20px;}
h2{font-size:18px;}
h3{font-size:16px;}
h4{ font-size:15px;}
p{ font-size: 14px;}
}
@media screen and (min-width: 480px) {
body {font-size: 19px;}
h1{font-size: 21px;}
h2{font-size:19px;}
h3{font-size:17px;}
h4{ font-size:15px;}
p{ font-size: 16px;}
}
@media screen and (min-width: 640px) {
body {font-size: 24px;}
h1{font-size: 22px;}
h2{font-size:20px;}
h3{font-size:18px;}
h4{ font-size:16px;}
p{ font-size: 17px;}
}
@media screen and (min-width: 720px) {
body {font-size: 27px;}
h1{font-size: 26px;}
h2{font-size:24px;}
h3{font-size:20px;}
h4{ font-size:18px;}
p{ font-size: 20px;}
}
@media screen and (max-width: 600px){
.box_info_center2{ width:500px; margin:0 auto;}
.box_info_center2 .login_case2{ margin-left:15px;}
}
/*充值中心*/
.header .poslft{ position: absolute; left: 37px;}
.header .posrgt{ position: absolute; right: 37px;}
.channel_list .btn{
background: #fff;
border: 1px solid #ddd;
font-family: "Microsoft YaHei","微软雅黑";
color: #434343;
text-align: left;
font-size: 30px;
padding: 0 15px;
margin: 0 0 10px 0;
height: 77px;
line-height: 77px;
display: block;
}
.channel_list .image{
width: 77px; height: 67px; position: relative; margin-right: 30px; margin-top: 5px;
}
.channel_list .image img{
max-width:77px; max-height:67px;
position:absolute; left:0; right:0; top:0; bottom:0; width:auto; height:auto; margin:auto;
}
.warm-prompt { margin-top: 15px; background: #dcdddd; padding: 15px; }
.warm-prompt h2 { color: #ff0000; font-size: 20px; font-weight: normal; font-family: "Microsoft YaHei","微软雅黑"; }
.warm-prompt p { color: #535353; font-family: "Microsoft YaHei","微软雅黑"; font-size: 16px; margin: 0;}
.warm-prompt p a { color: #f39700; }
.pay-info-cont .user-msg { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all; margin-left: 15px; width: calc(100% - 100px);}
.pay-info-cont .user-msg h2 { font-weight: normal; font-size: 24px; margin: 0; color: #949494; }
.pay-info-cont .user-msg p { font-size: 24px; color: #434343; margin: 0; line-height: normal;}
.pay-info-cont .user-msg p span { color: #f39700; }
/*充值记录*/
.integral .box{ border-left:2px solid #089b55; margin-left:100px; height:100%; padding:0 10px 20px;;}
.integral .box h2{ color:#6d6d6d; font-family:"Microsoft YaHei","微软雅黑"; font-weight:normal; position:relative; }
.integral .box .text{ color:#717070; font-family:"Microsoft YaHei","微软雅黑"; font-weight:normal; font-size:16px; padding:10px;background:#fff; border:1px solid #ddd; border-radius:5px; position:relative; margin-left:10px;}
.integral .box .text .position{ position:absolute; top:13px; left:-18px;}
.integral .box .text .position img{ width:10px;}
.integral .box .text h3{ color:#555; font-family:"Microsoft YaHei","微软雅黑"; font-weight:normal; font-size:30px; border-bottom:1px solid #ddd; padding-bottom:10px;}
.integral .box .text .txt{ color:#9d9d9d; font-family:"Microsoft YaHei","微软雅黑"; font-weight:normal; font-size:14px; padding-top:5px;}
.integral .box .text .txt h3{ margin-bottom: 0; border: none; color: #000; margin-bottom: 10px;}
.integral .box .text .txt p{ line-height: normal; padding: 0; margin: 0; font-size: 24px;}
.integral .box .text .txt strong{ color: #ff0000;}
.integral .box h2 .icon{ position:absolute; left:-20px; top:12px; width:17px; background:#fff; border-radius:20px;}
.integral .box h2 .time{ position:absolute; left:-110px; top:12px; width:100px; text-align:center;}
.integral .box .time h3{ color:#333; font-family:"Microsoft YaHei","微软雅黑"; font-weight:normal; font-size:22px; line-height:22px; margin: 0;}
#trade_record .user-msg h2{ line-height: 75px;}
.container form p { border: 1px solid #ddd; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; margin-bottom: 15px;padding: 0 17px;background: #fff; font-size: 30px; color: #434343; }
.container form p label,.container form p input,.container form p select{ height: 84px; line-height: 84px;}
.container form p span { color: #ff9600; }
.container form p input { border: none; font-size: 24px; height: 84px; line-height: 84px; width: calc(100% - 200px); width: -webkit-calc(100% - 200px); width: -moz-calc(100% - 200px); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; min-height: 30px; box-shadow: none; margin: 0;-webkit-appearance: none;}
.container form p select{border: none; box-shadow: none; width: calc(100% - 200px); font-size: 24px; padding: 0;}
.w235{ width: 235px;}
.container form .btn { height: 84px; line-height: 84px; display: block; color: #fff; font-family: "Microsoft YaHei","微软雅黑"; font-size: 30px; text-align: center; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; }
.container form .btn-cancel { background: #0f9fcf; }
.container form .btn-determine { background: #ff9600; }
.container .warm-prompt { margin: 15px 0; background: #dcdddd; padding: 17px 15px;}
.container .warm-prompt h2 { color: #ff0000; font-size: 20px; font-weight: normal; font-family: "Microsoft YaHei","微软雅黑"; text-align: left;}
.container .warm-prompt p { color: #000;font-family: "Microsoft YaHei","微软雅黑";font-size: 20px;padding: 0;margin-top: 5px;text-align: left;border: none; background: none;margin-bottom: 0;}
.container .warm-prompt p a { color: #ff9600; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
color: #b5b5b6;
font-family: "Microsoft YaHei","微软雅黑";
font-size: 30px;
}
input:-moz-placeholder, textarea:-moz-placeholder {
color: #b5b5b6;
font-family: "Microsoft YaHei","微软雅黑";
font-size: 30px;
}
input::-moz-placeholder, textarea::-moz-placeholder {
color: #b5b5b6;
font-family: "Microsoft YaHei","微软雅黑";
font-size: 30px;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
color: #b5b5b6;
font-family: "Microsoft YaHei","微软雅黑";
font-size: 30px;
}
.box_info_center .require_input p input{
float: left;
/*width: auto;*/
}
.box_info_center .require_input select option,.box_info_center .require_input select{
color: #b5b5b6;
font-family: "Microsoft YaHei","微软雅黑";
font-size: 30px;
}
.container a.conBtn{
font-size: 30px;
width: 235px;
color: #fff;
margin: 0 auto;
height:84px;
line-height:84px;
background: #ff9600;
}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
background-color: rgb(255, 255, 255) !important;
box-shadow: 0 0 0px 1000px white inset !important;
}
\ No newline at end of file
......
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, user-scalable=no" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<meta name="format-detection" content="telephone=no">
<meta name="screen-orientation" content="portrait">
<meta name="full-screen" content="yes">
<meta http-equiv="x-ua-compatible" content="IE=edge" />
<link href="skin/login.css?v=2016" type="text/css" rel="stylesheet" />
<link id="skin" data-v="20150923001" type="text/css" rel="stylesheet" />
<title>
平台登录
</title>
</head>
<body>
<input type="hidden" name="loginUserName" value="">
<input type="hidden" name="loginPassword" value="">
<div class="mask">
<div class="container_load" id="loading">
<div class="content">
<div class="circle"></div>
<div class="circle1"></div>
</div>
</div>
<div class="alert alert-success hide" id="alert">
<!--<button type="button" class="close" data-dismiss="alert">&times;</button>-->
<span></span>
</div>
<!-- 登录模块 -->
<section id="login" class="hide" data-replace="1">
<div class="new-sdk-container">
<div class="new-container-box">
<div class="SDK-titlebox"></div>
<form action="/sdk/login" method="post" class="ajax align-left clearfix">
<div class="new-sdk-logo"><a href="#"><img src="images/new-sdk-logo.png"></a></div>
<div class="new-sdk-main">
<div class="inputbox clearfix" style="position: relative;">
<div class="ileft">账号:</div>
<div class="iright">
<input type="text" name="username" placeholder="请输入账号" id="js_login_username">
<div class="bottom-icon drop-down">
<i class="iconfont icon-xiangxia"></i>
</div>
</div>
<div class="pull-box">
<ul class="drop-ul">
</ul>
</div>
</div>
<div class="inputbox clearfix">
<div class="ileft">密码:</div>
<div class="iright"><input type="password" name="password" placeholder="请输入密码" id="js_login_password"></div>
</div>
<div class="other-login clearfix">
<!--<p>第三方登录
<a title="新浪微博帐号登录" data-replace="href" href="/user/auth2/sina/login/?next=/static/sdk_3/login.html&app_id={app_id}" class="sina hide">
<i class=" iconfont icon-unie61d"></i>
</a>
<a title="QQ号码登录" data-replace="href" href="/user/auth2/qq/login/?next=/static/sdk_3/login.html&app_id={app_id}" class="qq iframe hide">
</a>
<a title="微信登录" data-replace="href" href="sdk://weixinlogin?app_id={app_id}&next=/static/sdk_3/login.html" class="weixin hide">
</a>
</p>-->
<label><a href="#find_pwd" class="forgetpsw">找回密码</a></label>
<div class="clear"></div>
<label onclick="" class="input-control pull-left hide" >
<input type="checkbox" checked="checked" class="eg" ></input>
进入帐号管理界面
</label>
</div>
</div>
<ul class="inline-btn login-inline-btn">
<li>
<a method="post" class="btn btn_pri_block" href="#register">一键注册</a>
</li>
<li>
<!-- <a class="op-guest" data-replace="href" method="post" href="/sdk/register?type=-1&app_id={app_id}">一键注册</a> -->
<a class="btn larg btn-orange submit" utocomplete="off" >登录</a>
</li>
</ul>
</form>
</div>
</div>
</section>
<!-- end -->
<!-- 登录前模块 -->
<section id="login_before" class="hide" data-replace="1">
<div class="new-sdk-container">
<div class="new-container-box">
<div class="SDK-titlebox"></div>
<div class="new-sdk-logo"><a href="#"><img src="images/new-sdk-logo.png"></a></div>
<div class="login-third-list">
<div class="title">请选择快速登录</div>
<div class="third-list">
<ul>
<li class="login_case_qq"><a title="QQ帐号登录" class="qq qq iframe" data-replace="href" href="/user/auth2/qq/login/?next=/sdk/login?app_id={app_id}"><div class="third-icon third-qq"></div><p>QQ登陆</p></a></li>
<li><a href="#register"><div class="third-icon third-guest"></div><p>游客登录</p></a></li>
<div class="clear"></div>
</ul>
</div>
<div class="only-btn"><a href="#login">返回</a></div>
</div>
</div>
</div>
</section>
<!-- end-->
<!-- 注册模块 -->
<section id="register" class="hide">
<div class="new-sdk-container">
<div class="SDK-titlebox"></div>
<div class="new-sdk-logo"><a href="#"><img src="images/new-sdk-logo.png"></a></div>
<form action="/sdk/register" class="ajax clearfix">
<div class="new-sdk-main">
<div class="inputbox clearfix">
<div class="ileft">账号:</div>
<div class="iright">
<input type="text" name="username" placeholder="帐号由3-18个英文、数字、点、减号、下划线组成" required>
<div class="bottom-icon drop-down">
<i class="iconfont icon-xiangxia"></i>
</div>
</div>
</div>
<div class="inputbox clearfix">
<div class="ileft">密码:</div>
<div class="iright"><input name="password" placeholder="密码长度为6-16个字符,不能包含空格" required></div>
</div>
<div class="ag-tx clearfix">
<span data-action="agreement" >
<div class="checkbox checkbox-2 l" >
<i class="iconfont icon-xuanzhong"></i>
</div>
<p class="l">接受<a href="agreement.html">网络服务协议</a></p>
</span>
</div>
</div>
<input type="hidden" name="old_usernmae" value="-1">
<input type="hidden" name="type" value="-1">
<ul class="inline-btn">
<li><a class="btn btn_pri_block btn-orange" href="#home">返回</a></li>
<li><a class="submit btn larg " >确定注册</a></li>
</ul>
</form>
</div>
</section>
<!-- end -->
<!-- 协议模块 -->
<section id="agreement" class="hide">
<div class="new-sdk-container">
<div class="SDK-titlebox"></div>
<div class="new-sdk-logo"><a href="#"><img src="images/new-sdk-logo.png"></a></div>
<div class="new-sdk-content">
<h3>网络服务协议</h3>
<div class="content-main">
<p>欢迎申请手游平台(下列简称为”本平台“)提供的服务。请仔细阅读以下全部内容。如用户不同意本服务条款任意内容,请不要注册或使用本平台服务。一旦注册成功,即表示用户与平台已达成协议,自愿接受本服务条款的所有内容。此后,用户不得以阅读本服务条款内容作任何形式的抗辩。</p>
<h4>一、账号注册</h4>
<p>欢迎申请手游平台(下列简称为”本平台“)提供的服务。请仔细阅读以下全部内容。如用户不同意本服务条款任意内容,请不要注册或使用本平台服务。一旦注册成功,即表示用户与平台已达成协议,自愿接受本服务条款的所有内容。此后,用户不得以阅读本服务条款内容作任何形式的抗辩。</p>
<h4>二、账号注册</h4>
<p>欢迎申请手游平台(下列简称为”本平台“)提供的服务。请仔细阅读以下全部内容。如用户不同意本服务条款任意内容,请不要注册或使用本平台服务。一旦注册成功,即表示用户与平台已达成协议,自愿接受本服务条款的所有内容。此后,用户不得以阅读本服务条款内容作任何形式的抗辩。</p>
</div>
</div>
<div class="only-btn inline-btn">
<a href="#register" class="submit btn-orange">确定</a>
<div class="agreement l" style="margin-right: 0;">
<div class="checkbox checkbox-2 l" >
<i class="iconfont icon-xuanzhong"></i>
</div>
<p class="l">已阅读</p>
</div>
</div>
</div>
</section>
<!-- end -->
<!-- 活动公告模块 -->
<section id="activity" class="hide" data-auth="1">
<div class="new-sdk-container">
<div class="SDK-titlebox"></div>
<div class="user-center">
<a href="#home" class="lefticon">
<i class="iconfont icon-fanhui"></i>
</a>
活动公告
<!--<a href="#message" class="btn-link posrgt">
个人消息
</a>-->
</div>
<div class="container activity">
<div class="box_info_center" style="height: 100%;">
<div id="activity_wrapper" style="position: relative" class="scroll">
<ol class="activity-list list" data-role="ajax-html"
data-params-url="/sdk/notice/list?page_size=10"
data-params-template="tpl_activity">
</ol>
</div>
</div>
</div>
</div>
</section>
<!-- end -->
<!-- 活动公告详细页面模块 -->
<section id="activity_detail" class="hide" data-auth="1" data-attr="dot">
</section>
<!-- end -->
<!-- 消息列表模块 -->
<section id="message" class="hide" data-auth="1">
<div class="new-sdk-container">
<div class="SDK-titlebox"></div>
<div class="user-center">
<a href="#activity" class="lefticon op-back">
<i class="iconfont icon-fanhui"></i>
</a>
个人消息
</div>
<div class="container activity">
<div class="box_info_center">
<div id="message_wrapper" style="position: relative" class="scroll">
<ol class="message-list list" data-role="ajax-html"
data-params-url="/message/list?page_size=10"
data-params-template="tpl_message_list">
</ol>
</div>
</div>
</div>
</div>
</section>
<!-- end -->
<section id="message_detail" class="hide" data-attr="dot">
</section>
<!-- 找回密码模块 -->
<section id="find_pwd" class="hide" data-replace="1">
<input type="hidden" name="pwd_code" value="">
<div class="new-sdk-container">
<div class="SDK-titlebox"></div>
<div class="user-center" style="border-bottom: none;">
<a href="#login" class="lefticon">
<i class="iconfont icon-fanhui"></i>
</a>
<span>找回密码</span>
</div>
<div class="pwd_box">
<ul class="step-tab">
<li><a href="javascript:;">通过手机找回</a></li>
<li><a href="javascript:;">通过密保找回</a></li>
<!--<li><a href="javascript:;">通过邮箱找回</a></li>-->
<li><a href="javascript:;">联系客服</a></li>
</ul>
<div class="step-box">
<div id="mobile_get_pwd_form" class="hide" style="border-top: 1px solid #fff;">
<div class="new-sdk-box">
<div class="input" style="padding: 15px 0;">
<input id="js_findPSW_accout" type="text" required name="accout" placeholder="请输入您的账号" style="margin: 0;">
</div>
<div class="input" style="padding: 15px 0;">
<input id="js_findPSW_mobile" type="text" required name="mobile" placeholder="请输入您绑定的手机号码" style="margin: 0;">
</div>
<div class="inputCode clearfix">
<div class="input fl" style="padding: 15px 0;">
<input id="js_findPSW_ranks" type="text" required name="mobilecode" placeholder="请输入短信验证码" style="margin: 0;">
</div>
<a href="javascript:;" class="getCode" id="js_findPSW_getcode" style="padding:15px 0;">获取验证码</a>
</div>
<ul class="inline-btn" style="margin-top: 15px;">
<li style="background: none;"><a class="larg btn btn-orange" value="" id="js_findPSW_confirm">确定</a></li>
<li style="background: none; border-radius: 20px;"><a class="btn" href="#home">返回</a></li>
</ul>
</div>
</div>
<div id="question_get_pwd_form" action="/sdk/find/question" todo="get_question_callback" method="post" class="function-list-content ajax hide form">
<div class="question-input-box clearfix">
<div class="pull-left qib-txt">
您的账户:
</div>
<div class="pull-left qib-input">
<input type="text" name="username" placeholder="输入您的账号" style="text-align: left;" class="function-input username" required/>
</div>
</div>
<a href="javascript:;" class="pwd_btn op-primary btn-orange">确定</a>
</div>
<!--<div id="email_get_pwd_form" action="/user/password_by_mail" todo="password_by_mail_callback" class="function-list-content ajax hide form">
<input type="text" name="email" placeholder="输入您绑定的邮箱地址" class="function-input mail" style="margin: 0 0 30px;"/>
<a href="javascript:;" class="pwd_btn op-primary btn-orange">确定</a>
</div>-->
<div class="function-list-content hide">
<div class="pwd_txt">
<div class="default_text" style="display: none;">
<p>客服QQ:<a href="javascript:;" id="js_kefu_qq"></a></p>
<p>客服电话:<a href="tel:"></a></p>
<p>玩家交流群:<a href="javascript:;" id="js_player"></a></p>
</div>
<div class="get_text"></div>
</div>
<a href="javascript:;" class="kefu_subbtn">确定</a>
</div>
<div class="reset_psw_mobile hide" style="border-top: 1px solid #fff;">
<div class="new-sdk-box">
<div class="acount-name">
<p style="margin-top: 0;">账号:<span id="js_UserName" style="color: #000;"></span></p>
</div>
<div class="inputCode clearfix">
<div class="input fl" style="width: 100%; padding:15px 0;">
<input type="text" required placeholder="请输入新密码" id="js_reset_newpsw" style="margin: 0; text-align: left; padding: 0 20px;">
</div>
</div>
<div class="ag-tx clearfix">
<span data-action="">
<div class="checkbox checkbox-2 l">
<i class="iconfont icon-xuanzhong"></i>
</div>
<p class="l" style="margin-top: 0;">显示密码</p>
</span>
</div>
<a href="javascript:;" class="btn-orange" id="js_confirm_resetnewpsw">保存修改</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- end -->
<section id="help" class="hide" data-auth="1">
<div class="header">
<span class="title">手游平台</span>
<a class="btn pull-left op-back" href="#home">返回</a>
</div>
<div class="container">
<div class="box_info_center">
<div class='align-left'>
</div>
</div>
</div>
</section>
<!-- 首页模块 -->
<section id="home" class="hide" data-attr="dot" data-auth="1"></section>
<!-- 重置密码模块 -->
<section id="reset_pwd" data-attr="dot" class="hide"></section>
<!-- 修改密码模块 -->
<section id="modify_pwd" data-attr="dot" class="hide" data-auth="1"></section>
<!-- 密保模块 -->
<section id="mibao" data-attr="dot" class="hide" data-auth="1"></section>
<!-- 回答密保模块 -->
<section id="answer_question" data-attr="dot" class="hide"></section>
<!-- 绑定模块 -->
<section id="bind" data-attr="dot" class="hide" data-auth="1"></section>
<!-- 绑定手机 -->
<section id="bindMobile" data-attr="dot" class="hide" data-auth="1"></section>
<!-- 解绑手机模块 -->
<section id="unbindMobile" data-attr="dot" class="hide" data-auth="1"></section>
<!-- 绑定邮箱模块 -->
<section id="mail" data-attr="dot" class="hide" data-auth="1"></section>
<!-- doT模板 -->
<section id="frame" data-attr="dot" class="hide" ></section>
<script id="frame_template" type="text/x-jquery-tmpl" >
<div class="new-sdk-container">
<div class="SDK-titlebox"></div>
<div class="new-sdk-logo" style="position: relative; margin-bottom: 25px;">
<a href="#"><img src="images/new-sdk-logo.png"></a>
<a href="#login" class="lefticon" style="position: absolute; left: 37px; top: 20px;">
<i class="iconfont icon-fanhui"></i>
</a>
</div>
<div class="container" style=" margin-bottom: 20px;">
<div class="ios_scroll">
<iframe frameborder=0 src="{{=Core.Data.frame_src}}" scrolling="yes" width="100%" height="100%"></iframe>
</div>
</div>
</div>
</script>
<script id="home_template" type="text/x-jquery-tmpl">
<input type="hidden" name="initUserName" value="{{=Core.Data.nickname}}" />
<div class="new-sdk-container">
<div class="new-container-box">
<div class="SDK-titlebox"></div>
<div class="user-center">
用户中心
<a href="/sdk/logout" class="op-logout">切换账户</a>
</div>
{{? Core.Data.is_guest == 1}}
<div class="user-center-box">
<div class="top clearfix">
<div class="pull-left txt w_45">
<p>欢迎您!</p>
<p>{{=Core.Data.nickname}}</p>
</div>
<div class="inline-btn pull-right w_45">
<a href="javascript:Core.finishLogin()" class="btn btn-orange">进入游戏</a>
</div>
</div>
<div class="bind-user">
<div class="w_50 txt" style="display: inline-block; vertical-align: middle;">
您当前还是游客,为保证账号安全,请升级账号!
</div>
<div class="inline-btn w_45" style="display: inline-block; vertical-align: ;">
<a class="btn btn-bind" href="#modify_pwd">马上升级</a>
</div>
</div>
</div>
{{?? Core.Data.is_guest == 2}}
<div class="user-center-box">
<div class="top clearfix" style="border-bottom: none;">
<div class="pull-left txt w_45">
<p>欢迎您!</p>
<p>{{=Core.Data.nickname}}</p>
</div>
<div class="inline-btn pull-right w_45">
<a href="javascript:Core.finishLogin()" class="btn btn-orange">进入游戏</a>
</div>
</div>
<ul class="list-item clearfix">
{{? Core.Data.bind_phone === ""}}
<li style="position: relative;"><a href="#bindMobile">绑定手机</a><span class="redround"></span></li>
{{??}}
<li><a href="#unbindMobile">解绑手机</a></li>
{{?}}
<!--<li><a href="#mail">绑定邮箱</a></li>-->
<li><a href="#mibao">设置密保</a></li>
<li><a href="#modify_pwd">修改密码</a></li>
</ul>
</div>
{{??}}
<div class="user-center-box">
<div class="top clearfix" style="border-bottom: none;">
<div class="pull-left txt w_45">
<p>欢迎您!</p>
<p>{{=Core.Data.nickname}}</p>
</div>
<div class="inline-btn pull-right w_45">
<a href="javascript:Core.finishLogin()" class="btn btn-orange">进入游戏</a>
</div>
</div>
<ul class="list-item clearfix">
{{? Core.Data.bind_phone === ""}}
<li style="position: relative;"><a href="#bindMobile">绑定手机</a><span class="redround"></span></li>
{{??}}
<li><a href="#unbindMobile">解绑手机</a></li>
{{?}}
<!--<li><a href="#mail">绑定邮箱</a></li> -->
<li><a href="#mibao">设置密保</a></li>
<li><a href="#modify_pwd">修改密码</a></li>
</ul>
</div>
{{?}}
</div>
</div>
</script>
<script id="mail_template" type="text/x-jquery-tmpl" >
<div class="new-sdk-container">
<div class="SDK-titlebox"></div>
<div class="user-center">
<a href="#home" class="lefticon">
<i class="iconfont icon-fanhui"></i>
</a>
绑定邮箱
</div>
{{? Core.Data.bind_mail_statu == 0}}
<div class="new-sdk-box">
<div class="acount-name">
账号:{{=Core.Data.username}}
</div>
<form id="pwd_by_question_form" action="/user/bind_mail" class="ajax" method="post">
<div class="input" style="padding: 0;">
<input type="text" name="email" required placeholder="请输入你要绑定的邮箱">
<input type="text" value="1" name="email_1" required placeholder="请输入你要绑定的邮箱" style="display: none;">
</div>
</form>
<p>提示:发送绑定邮件后,请您登录邮箱操作!</p>
</div>
<ul class="inline-btn">
<li style="margin: 0 auto; padding: 1em 0; float: none;">
<a class="submit btn larg btn-orange" href="">发送绑定邮件</a>
</li>
</ul>
{{?? Core.Data.bind_mail_statu == 1}}
<div class="new-sdk-box">
<form id="bind_mail_form" action="/user/bind_mail" class="ajax" todo="bind_mail_callback" style="display:none; ">
<div class="input">
<input type="text" name="email" required placeholder="输入想要绑定的邮箱地址">
<input type="text" value="1" name="email_1" required placeholder="请输入你要绑定的邮箱" style="display: none;">
</div>
</form>
<p>待绑定邮箱:<span class="text-info">{{=Core.Data.mail}}</span></p>
</div>
<ul class="inline-btn">
<li style="margin: 0 auto; padding: 1em 0; float: none;" id="change-mail-btn" class=""><a class="btn larg btn-orange" href="#">更换邮箱</a></li>
<li style="margin: 0 auto; padding: 1em 0; float: none; background: #ff9600;" id="bind-mail-btn" class="hide"><a class="btn larg op-primary btn-orange" href="#home">保存设置</a></li>
</ul>
{{?? Core.Data.bind_mail_statu == 2}}
<div class="new-sdk-box">
<div class="input" style="padding: 0;">
<input type="text" name="email" required disabled="disabled" value="{{=Core.Data.mail}}">
</div>
<p>可以通过绑定的邮箱找回密码</p>
</div>
{{?}}
</div>
</script>
<script id="reset_pwd_template" type="text/x-jquery-tmpl" >
<div class="new-sdk-container">
<div class="SDK-titlebox"></div>
<div class="new-sdk-box">
<div class="question-input mt10">
账号:{{=Core.Data.username}}
</div>
<div class="question-input mt10">
<p>你的新密码是:{{=Core.Data.new_pwd}}</p>
<p style="color: #949494;">请妥善保管,切勿外泄</p>
</div>
</div>
<ul class="inline-btn">
<li style="float: none; margin: 0 auto;"><a class="larg btn btn-orange" href="#login">我知道了</a></li>
</ul>
</div>
</script>
<script id="modify_pwd_template" type="text/x-jquery-tmpl">
<div class="new-sdk-container">
<div class="SDK-titlebox"></div>
<div class="user-center">
<a href="#home" class="lefticon">
<i class="iconfont icon-fanhui"></i>
</a>
{{? Core.Data.is_guest == 1}}升级账号{{??}}修改密码{{?}}
</div>
<form action="/sdk/change_password" mthod="post" class="ajax " todo="modify_pwd_callback" >
<div class="new-sdk-box">
<div class="input new-sdk-psw clearfix">
<i>{{? Core.Data.is_guest == 1}}正式账号:{{??}}旧密码:{{?}}</i>
<label>
<input {{? Core.Data.is_guest == 1}}type="text"{{??}}type="password"{{?}} class="old_pwd required " name="{{? Core.Data.is_guest >= 1}}username{{??}}password{{?}}" value="{{? Core.Data.new_pwd}}{{=Core.Data.new_pwd}}{{?}}" required="required" placeholder="{{? Core.Data.is_guest == 1}}请输入6-18位字母或数字{{??}}请输入旧密码{{?}}" required/>
</label>
</div>
<div class="input new-sdk-psw clearfix">
<i>{{? Core.Data.is_guest == 1}}正式密码:{{??}}新密码:{{?}}</i>
<label>
<input class="" name="newpwd" required type="text" placeholder="{{? Core.Data.is_guest == 1}}请输入6-16位字母或数字{{??}}请输入密码{{?}}" />
</label>
</div>
{{? Core.Data.is_guest == 1}}<p>升级账号成功之后,<span class="red">游客账号作废</span>,请妥善保管正式账号</p>{{??}}{{?}}
</div>
<ul class="inline-btn">
<li style="margin: 0 auto; padding: 1em 0; float: none;">
<a class="submit btn larg btn-orange" autocomplete="off" >保存更改</a>
</li>
</ul>
</form>
</div>
</script>
<script id="mibao_template" type="text/x-jquery-tmpl" >
{{? Core.Data.safe_question == "" }}
<div class="new-sdk-container">
<div class="SDK-titlebox"></div>
<div class="user-center">
<a href="#home" class="lefticon">
<i class="iconfont icon-fanhui"></i>
</a>
设置密保
</div>
<form action="/sdk/set_mibao" mthod="post" class="ajax" todo="mibao_callback" >
<div class="new-sdk-box">
<div class="input select" style="padding: 25px;">
<select name="question" class="" >
{{~ Core.Data.question_list :item:index }}
<option value='{{=item}}'>{{=item}}</option>
{{~}}
</select>
</div>
<div class="input" style="padding:0 25px;"><input type="text" name="answer" required placeholder="输入密保保护答案" style="text-align: left;"></div>
<p style="color: #595757; font-size: 18px; margin-top: 10px;">设置密保,能通过回答问题找回忘记的密码</p>
</div>
<ul class="inline-btn">
<li style="padding: 1em 0; float: none; margin: 0 auto;"><a class="submit btn larg btn-orange ">保存设置</a></li>
</ul>
</form>
</div>
{{??}}
<div class="new-sdk-container">
<div class="SDK-titlebox"></div>
<div class="user-center">
<a href="#home" class="lefticon">
<i class="iconfont icon-fanhui"></i>
</a>
设置密保
</div>
<form action="">
<div class="new-sdk-box">
<p>问题:{{=Core.Data.safe_question}}</p>
<p>答案:{{=Core.Data.safe_answer}}</p>
</div>
</form>
</div>
{{?}}
</script>
<script id="answer_question_template" type="text/x-jquery-tmpl" >
<div class="new-sdk-container">
<div class="SDK-titlebox"></div>
<div class="user-center">
<a href="#login" class="lefticon">
<i class="iconfont icon-fanhui"></i>
</a>
密保找回密码
</div>
<div class="new-sdk-box" style="border-top: 1px solid #c4c3c3;">
<div id="pwd_by_question_form" action="/sdk/find/question/" class="ajax " method="post" >
<input type="hidden" name="username" value="{{=Core.Data.ans_temp.username}}" />
<input type="hidden" name="question" value="{{=Core.Data.ans_temp.question}}" />
<div class="question-input" style="margin-bottom: 20px;">
{{=Core.Data.ans_temp.question}}
<i class="iconfont icon-xiangxia"></i>
</div>
<div class="input" style="padding: 0;">
<input type="text" name="answer" required class="larg " placeholder="请输入答案" required/>
</div>
</div>
</div>
<ul class="inline-btn">
<li style="float: none; margin: 0 auto;"><a class="larg btn btn-orange submit op-primary" >确定</a></li>
</ul>
</div>
</script>
<script id="bind_template" type="text/x-jquery-tmpl" >
<div class="new-sdk-container">
<div class="SDK-titlebox"></div>
<div class="user-center">
<a href="#login" class="lefticon">
<i class="iconfont icon-fanhui"></i>
</a>
绑定手机
</div>
<div class="new-sdk-box">
{{? Core.Data.bind_phone == "" && Core.Data.bind_statu == 0 }}
<div class="acount-name">
账号:{{=Core.Data.username}}
</div>
<form id="bind_phone_form" action="/user/bind_mobile" class="ajax" todo="bind_phone_callback" >
<div class="input" style="padding: 0;">
<input id="js_iphone" type="text" required name="mobile" placeholder="请输入您要绑定的手机号码">
</div>
<div class="inputCode clearfix">
<div class="input fl">
<input id="js_ranks" type="text" required name="mobilecode" placeholder="请输入短信验证码">
</div>
<a href="javascript:;" class="getCode" id="js_getcode">获取验证码</a>
</div>
<ul class="inline-btn">
<li><a class="larg btn btn-orange submit" id="js_conform" value="" >确定</a></li>
<li><a class="btn" href="#home">返回</a></li>
</ul>
</form>
{{?? Core.Data.bind_statu == 1}}
<form id="bind_phone_form" action="/user/bind_mobile" class="ajax" todo="bind_phone_callback" >
<div class="new-sdk-box">
<div class="input" style="padding: 0;"><input type="text" required name="mobile" placeholder="{{=Core.Data.bind_phone}}"></div>
<p>当前号码待绑定,更换手机号码请直接修改</p>
<p>请用绑定的手机拨打<span>{{=Core.Data.mobile_helper_number}}</span>(电话会自动挂断,此呼叫免费)完成绑定,才可以通过手机修改密码。</p>
</div>
<ul class="inline-btn">
<li><a class="larg btn btn-orange submit" >保存设置</a></li>
<li><a class="btn" href="#home">返回</a></li>
</ul>
</form>
{{?? Core.Data.bind_statu == 2}}
<form action="">
<div class="new-sdk-box">
<div class="input" style="padding: 0;"><input type="text" value="{{=Core.Data.bind_phone}}"></div>
<p>解除绑定,请用绑定的手机发送短信内容“<span>qxbd</span>”发送到<span>{{=Core.Data.mobile_helper_number}}</span></p>
</div>
<div class="only-btn"><a class="btn" href="#home">返回</a></div>
</form>
{{?}}
</div>
</div>
</script>
<script id="bindMobile_template" type="text/x-jquery-tmpl">
<div class="new-sdk-container">
<div class="SDK-titlebox"></div>
<div class="user-center">
<a href="#home" class="lefticon">
<i class="iconfont icon-fanhui"></i>
</a>
绑定手机
</div>
<div class="new-sdk-box">
<div class="acount-name">
账号:{{=Core.Data.username}}
</div>
<form id="bind_mobile_form" action="/user/bind_mobile">
<div class="input" style="padding: 0;">
<input id="js_iphone" type="text" required placeholder="请输入您要绑定的手机号码">
</div>
<div class="inputCode clearfix">
<div class="input fl">
<input id="js_ranks" type="text" required placeholder="请输入短信验证码">
</div>
<a href="javascript:;" class="getCode" id="js_getcode" style="padding: 20px 0;">获取验证码</a>
</div>
<ul class="inline-btn">
<li><a class="larg btn btn-orange" id="js_conform" value="" >确定</a></li>
<li><a class="btn" href="#home">返回</a></li>
</ul>
</form>
</div>
</div>
</script>
<script id="unbindMobile_template" type="text/x-jquery-tmpl">
<div class="new-sdk-container">
<div class="SDK-titlebox"></div>
<div class="user-center">
<a href="#home" class="lefticon">
<i class="iconfont icon-fanhui"></i>
</a>
解绑手机
</div>
<div class="new-sdk-box">
<div class="acount-name">
<p style="margin-top: 0;">账号:{{=Core.Data.username}}</p>
<p>手机:<span class="phoneMobile"></span></p>
</div>
<form id="unbind_mobile_form" action="/user/bind_mobile">
<div class="inputCode clearfix">
<div class="input fl">
<input id="js_unbind_ranks" type="text" required placeholder="请输入短信验证码">
</div>
<a href="javascript:;" class="getCode" id="js_unbind_getcode" style="padding:20px 0;">获取验证码</a>
</div>
<ul class="inline-btn" style="margin-top: 25px;">
<li><a class="larg btn btn-orange" id="js_unbind" value="" >确定</a></li>
<li><a class="btn" href="#home">返回</a></li>
</ul>
</form>
</div>
</div>
</script>
<script id="message_detail_template" type="text/x-jquery-tmpl">
<div class="header">
<a class="btn pull-left op-back" href="#message">返回</a>
<span class="title">消息内容</span>
</div>
<div class="container">
<div class="box_info_center">
<div class="message-comm">
<div class="align-center bor_b_h3">
<h3>{{=Core.Data.message_detail.title}}</h3>
<p class="text-info">
<span class="mar-r-10">{{=Core.Data.message_detail.nickname}}</span>
<span>[{{=Core.Data.message_detail.create_time}}]</span>
</p>
</div>
<div class="message_text">
{{=Core.Data.message_detail.content}}
</div>
</div>
</div>
</div>
</script>
<script id="activity_detail_template" type="text/x-jquery-tmpl">
<div class="new-sdk-container" style="background: #fff;">
<div class="SDK-titlebox"></div>
<div class="user-center">
<a href="#activity" class="lefticon">
<i class="iconfont icon-fanhui"></i>
</a>
活动公告详情
</div>
<div class="container activity">
<div class="align-center bor_b_h3 clearfix">
<h3 class="pull-left">{{=Core.Data.activity_detail.title}}</h3>
<p class="text-info pull-right">
<span>{{=Core.Data.activity_detail.notice_time}}</span>
</p>
</div>
<div class="box_info_center" style="height: 100%; margin: 0 37px;">
<div class="detail_scroller scroll" id="detail_scroller">
<div class="activity-comm">
<div class="activity_text">
{{=Core.Data.activity_detail.content}}
</div>
</div>
</div>
</div>
</div>
</div>
</script>
<script id='tpl_message_list_template' type='text/x-jquery-tmpl'>
{{? it.model_list.length == 1 }}
<p>没有消息.</p>
{{??}}
{{~ it.model_list :item:index }}
{{? item.id}}
<li >
<a class="item" data-id="{{=item.id}}">
<span class="pull-right">{{=item.nickname}}</span>
<span class="pull-right text-info mar-r-10">{{=item.create_time}}</span>
<p>
<span class="title">{{=item.title}}</span> {{? item.read == 0}}<span class="statu">未读</span>{{?}}
</p>
</a>
</li>
{{?}}
{{~ }}
{{? it.page_num < it.total_page}}
<li class="more">
<a class="btn" href="/message/list?page_num={{=(it.page_num+1)}}" data-role="ajax-html" data-params-template="tpl_message_list" data-params-append="true" >点击加载更多帖子</a>
</li>
{{?}}
{{?}}
</script>
<script id='tpl_activity_template' type='text/x-jquery-tmpl'>
{{? it.model_list.length == 1 }}
<p style="text-align:center; font-size:30px; margin:20px auto;">没记录...</p>
{{??}}
{{~ it.model_list :item:index }}
{{? item.id}}
<li >
<a class="item" href="#" data-id="{{=item.id}}">
<span class="pull-right act_time">{{=item.notice_time}}</span>
<span class="act_title{{? item.update_time.indexOf('刚刚') > -1}}new{{?}}">{{=item.title}}</span>
</a>
</li>
{{?}}
{{~ }}
{{? it.page_num < it.total_page}}
<li class="more">
<a class="btn" href="/sdk/notice/list?page_num={{=(it.page_num+1)}}" data-role="ajax-html" data-params-template="tpl_activity" data-params-append="true" >点击加载</a>
</li>
{{?}}
{{?}}
</script>
</div>
<script type="text/javascript" src="js/fastclick.min.1.0.js?20150923001"></script>
<script type="text/javascript" src="js/zepto.min.js?20150923001"></script>
<script type="text/javascript" src="js/doT.min.js?20150923001" ></script>
<script type="text/javascript" src="js/iscroll.min.1.0.js?20150923001" ></script>
<script type="text/javascript">
window.isGetData = 0;
$(function() {
FastClick.attach(document.body);
});
</script>
<script type="text/javascript" src="js/core.min.js?20150923001" ></script>
<script type="text/javascript" src="js/login.min.js?2016111" ></script>
<script type="text/javascript" src="js/loader.min.js?20150923001"></script>
<script type="text/javascript">
window.onload = window.onresize = initMatching;
(function(){
getData('/sdk/login/json');
})();
// $(document).ready(function(){
// setTimeout(function(){Core.showTips($("meta[name='viewport']")[0].getAttribute("content"));}, 2000)
// })
</script>
</body>
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, user-scalable=no" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<meta name="format-detection" content="telephone=no">
<meta name="screen-orientation" content="portrait">
<meta name="full-screen" content="yes">
<meta http-equiv="x-ua-compatible" content="IE=edge" />
<link href="skin/login.css?v=2016" type="text/css" rel="stylesheet" />
<link id="skin" data-v="20150923001" type="text/css" rel="stylesheet" />
<title>
平台登录
</title>
</head>
<body>
<input type="hidden" name="loginUserName" value="">
<input type="hidden" name="loginPassword" value="">
<div class="mask">
<div class="container_load" id="loading">
<div class="content">
<div class="circle"></div>
<div class="circle1"></div>
</div>
</div>
<div class="alert alert-success hide" id="alert">
<!--<button type="button" class="close" data-dismiss="alert">&times;</button>-->
<span></span>
</div>
<!-- 登录模块 -->
<section id="login" class="hide" data-replace="1">
<div class="new-sdk-container">
<div class="new-container-box">
<div class="SDK-titlebox"></div>
<form action="/sdk/login" method="post" class="ajax align-left clearfix">
<div class="new-sdk-logo"><a href="#"><img src="images/new-sdk-logo.png"></a></div>
<div class="new-sdk-main">
<div class="inputbox clearfix" style="position: relative;">
<div class="ileft">账号:</div>
<div class="iright">
<input type="text" name="username" placeholder="请输入账号" id="js_login_username">
<div class="bottom-icon drop-down">
<i class="iconfont icon-xiangxia"></i>
</div>
</div>
<div class="pull-box">
<ul class="drop-ul">
</ul>
</div>
</div>
<div class="inputbox clearfix">
<div class="ileft">密码:</div>
<div class="iright"><input type="password" name="password" placeholder="请输入密码" id="js_login_password"></div>
</div>
<div class="other-login clearfix">
<!--<p>第三方登录
<a title="新浪微博帐号登录" data-replace="href" href="/user/auth2/sina/login/?next=/static/sdk_3/login.html&app_id={app_id}" class="sina hide">
<i class=" iconfont icon-unie61d"></i>
</a>
<a title="QQ号码登录" data-replace="href" href="/user/auth2/qq/login/?next=/static/sdk_3/login.html&app_id={app_id}" class="qq iframe hide">
</a>
<a title="微信登录" data-replace="href" href="sdk://weixinlogin?app_id={app_id}&next=/static/sdk_3/login.html" class="weixin hide">
</a>
</p>-->
<label><a href="#find_pwd" class="forgetpsw">找回密码</a></label>
<div class="clear"></div>
<label onclick="" class="input-control pull-left hide" >
<input type="checkbox" checked="checked" class="eg" ></input>
进入帐号管理界面
</label>
</div>
</div>
<ul class="inline-btn login-inline-btn">
<li>
<a method="post" class="btn btn_pri_block" href="#register">一键注册</a>
</li>
<li>
<!-- <a class="op-guest" data-replace="href" method="post" href="/sdk/register?type=-1&app_id={app_id}">一键注册</a> -->
<a class="btn larg btn-orange submit" utocomplete="off" >登录</a>
</li>
</ul>
</form>
</div>
</div>
</section>
<!-- end -->
<!-- 登录前模块 -->
<section id="login_before" class="hide" data-replace="1">
<div class="new-sdk-container">
<div class="new-container-box">
<div class="SDK-titlebox"></div>
<div class="new-sdk-logo"><a href="#"><img src="images/new-sdk-logo.png"></a></div>
<div class="login-third-list">
<div class="title">请选择快速登录</div>
<div class="third-list">
<ul>
<li class="login_case_qq"><a title="QQ帐号登录" class="qq qq iframe" data-replace="href" href="/user/auth2/qq/login/?next=/sdk/login?app_id={app_id}"><div class="third-icon third-qq"></div><p>QQ登陆</p></a></li>
<li><a href="#register"><div class="third-icon third-guest"></div><p>游客登录</p></a></li>
<div class="clear"></div>
</ul>
</div>
<div class="only-btn"><a href="#login">返回</a></div>
</div>
</div>
</div>
</section>
<!-- end-->
<!-- 注册模块 -->
<section id="register" class="hide">
<div class="new-sdk-container">
<div class="SDK-titlebox"></div>
<div class="new-sdk-logo"><a href="#"><img src="images/new-sdk-logo.png"></a></div>
<form action="/sdk/register" class="ajax clearfix">
<div class="new-sdk-main">
<div class="inputbox clearfix">
<div class="ileft">账号:</div>
<div class="iright">
<input type="text" name="username" placeholder="帐号由3-18个英文、数字、点、减号、下划线组成" required>
<div class="bottom-icon drop-down">
<i class="iconfont icon-xiangxia"></i>
</div>
</div>
</div>
<div class="inputbox clearfix">
<div class="ileft">密码:</div>
<div class="iright"><input name="password" placeholder="密码长度为6-16个字符,不能包含空格" required></div>
</div>
<div class="ag-tx clearfix">
<span data-action="agreement" >
<div class="checkbox checkbox-2 l" >
<i class="iconfont icon-xuanzhong"></i>
</div>
<p class="l">接受<a href="agreement.html">网络服务协议</a></p>
</span>
</div>
</div>
<input type="hidden" name="old_usernmae" value="-1">
<input type="hidden" name="type" value="-1">
<ul class="inline-btn">
<li><a class="btn btn_pri_block btn-orange" href="#home">返回</a></li>
<li><a class="submit btn larg " >确定注册</a></li>
</ul>
</form>
</div>
</section>
<!-- end -->
<!-- 协议模块 -->
<section id="agreement" class="hide">
<div class="new-sdk-container">
<div class="SDK-titlebox"></div>
<div class="new-sdk-logo"><a href="#"><img src="images/new-sdk-logo.png"></a></div>
<div class="new-sdk-content">
<h3>网络服务协议</h3>
<div class="content-main">
<p>欢迎申请手游平台(下列简称为”本平台“)提供的服务。请仔细阅读以下全部内容。如用户不同意本服务条款任意内容,请不要注册或使用本平台服务。一旦注册成功,即表示用户与平台已达成协议,自愿接受本服务条款的所有内容。此后,用户不得以阅读本服务条款内容作任何形式的抗辩。</p>
<h4>一、账号注册</h4>
<p>欢迎申请手游平台(下列简称为”本平台“)提供的服务。请仔细阅读以下全部内容。如用户不同意本服务条款任意内容,请不要注册或使用本平台服务。一旦注册成功,即表示用户与平台已达成协议,自愿接受本服务条款的所有内容。此后,用户不得以阅读本服务条款内容作任何形式的抗辩。</p>
<h4>二、账号注册</h4>
<p>欢迎申请手游平台(下列简称为”本平台“)提供的服务。请仔细阅读以下全部内容。如用户不同意本服务条款任意内容,请不要注册或使用本平台服务。一旦注册成功,即表示用户与平台已达成协议,自愿接受本服务条款的所有内容。此后,用户不得以阅读本服务条款内容作任何形式的抗辩。</p>
</div>
</div>
<div class="only-btn inline-btn">
<a href="#register" class="submit btn-orange">确定</a>
<div class="agreement l" style="margin-right: 0;">
<div class="checkbox checkbox-2 l" >
<i class="iconfont icon-xuanzhong"></i>
</div>
<p class="l">已阅读</p>
</div>
</div>
</div>
</section>
<!-- end -->
<!-- 活动公告模块 -->
<section id="activity" class="hide" data-auth="1">
<div class="new-sdk-container">
<div class="SDK-titlebox"></div>
<div class="user-center">
<a href="#home" class="lefticon">
<i class="iconfont icon-fanhui"></i>
</a>
活动公告
<!--<a href="#message" class="btn-link posrgt">
个人消息
</a>-->
</div>
<div class="container activity">
<div class="box_info_center" style="height: 100%;">
<div id="activity_wrapper" style="position: relative" class="scroll">
<ol class="activity-list list" data-role="ajax-html"
data-params-url="/sdk/notice/list?page_size=10"
data-params-template="tpl_activity">
</ol>
</div>
</div>
</div>
</div>
</section>
<!-- end -->
<!-- 活动公告详细页面模块 -->
<section id="activity_detail" class="hide" data-auth="1" data-attr="dot">
</section>
<!-- end -->
<!-- 消息列表模块 -->
<section id="message" class="hide" data-auth="1">
<div class="new-sdk-container">
<div class="SDK-titlebox"></div>
<div class="user-center">
<a href="#activity" class="lefticon op-back">
<i class="iconfont icon-fanhui"></i>
</a>
个人消息
</div>
<div class="container activity">
<div class="box_info_center">
<div id="message_wrapper" style="position: relative" class="scroll">
<ol class="message-list list" data-role="ajax-html"
data-params-url="/message/list?page_size=10"
data-params-template="tpl_message_list">
</ol>
</div>
</div>
</div>
</div>
</section>
<!-- end -->
<section id="message_detail" class="hide" data-attr="dot">
</section>
<!-- 找回密码模块 -->
<section id="find_pwd" class="hide" data-replace="1">
<input type="hidden" name="pwd_code" value="">
<div class="new-sdk-container">
<div class="SDK-titlebox"></div>
<div class="user-center" style="border-bottom: none;">
<a href="#login" class="lefticon">
<i class="iconfont icon-fanhui"></i>
</a>
<span>找回密码</span>
</div>
<div class="pwd_box">
<ul class="step-tab">
<li><a href="javascript:;">通过手机找回</a></li>
<li><a href="javascript:;">通过密保找回</a></li>
<!--<li><a href="javascript:;">通过邮箱找回</a></li>-->
<li><a href="javascript:;">联系客服</a></li>
</ul>
<div class="step-box">
<div id="mobile_get_pwd_form" class="hide" style="border-top: 1px solid #fff;">
<div class="new-sdk-box">
<div class="input" style="padding: 15px 0;">
<input id="js_findPSW_accout" type="text" required name="accout" placeholder="请输入您的账号" style="margin: 0;">
</div>
<div class="input" style="padding: 15px 0;">
<input id="js_findPSW_mobile" type="text" required name="mobile" placeholder="请输入您绑定的手机号码" style="margin: 0;">
</div>
<div class="inputCode clearfix">
<div class="input fl" style="padding: 15px 0;">
<input id="js_findPSW_ranks" type="text" required name="mobilecode" placeholder="请输入短信验证码" style="margin: 0;">
</div>
<a href="javascript:;" class="getCode" id="js_findPSW_getcode" style="padding:15px 0;">获取验证码</a>
</div>
<ul class="inline-btn" style="margin-top: 15px;">
<li style="background: none;"><a class="larg btn btn-orange" value="" id="js_findPSW_confirm">确定</a></li>
<li style="background: none; border-radius: 20px;"><a class="btn" href="#home">返回</a></li>
</ul>
</div>
</div>
<div id="question_get_pwd_form" action="/sdk/find/question" todo="get_question_callback" method="post" class="function-list-content ajax hide form">
<div class="question-input-box clearfix">
<div class="pull-left qib-txt">
您的账户:
</div>
<div class="pull-left qib-input">
<input type="text" name="username" placeholder="输入您的账号" style="text-align: left;" class="function-input username" required/>
</div>
</div>
<a href="javascript:;" class="pwd_btn op-primary btn-orange">确定</a>
</div>
<!--<div id="email_get_pwd_form" action="/user/password_by_mail" todo="password_by_mail_callback" class="function-list-content ajax hide form">
<input type="text" name="email" placeholder="输入您绑定的邮箱地址" class="function-input mail" style="margin: 0 0 30px;"/>
<a href="javascript:;" class="pwd_btn op-primary btn-orange">确定</a>
</div>-->
<div class="function-list-content hide">
<div class="pwd_txt">
<div class="default_text" style="display: none;">
<p>客服QQ:<a href="javascript:;" id="js_kefu_qq"></a></p>
<p>客服电话:<a href="tel:"></a></p>
<p>玩家交流群:<a href="javascript:;" id="js_player"></a></p>
</div>
<div class="get_text"></div>
</div>
<a href="javascript:;" class="kefu_subbtn">确定</a>
</div>
<div class="reset_psw_mobile hide" style="border-top: 1px solid #fff;">
<div class="new-sdk-box">
<div class="acount-name">
<p style="margin-top: 0;">账号:<span id="js_UserName" style="color: #000;"></span></p>
</div>
<div class="inputCode clearfix">
<div class="input fl" style="width: 100%; padding:15px 0;">
<input type="text" required placeholder="请输入新密码" id="js_reset_newpsw" style="margin: 0; text-align: left; padding: 0 20px;">
</div>
</div>
<div class="ag-tx clearfix">
<span data-action="">
<div class="checkbox checkbox-2 l">
<i class="iconfont icon-xuanzhong"></i>
</div>
<p class="l" style="margin-top: 0;">显示密码</p>
</span>
</div>
<a href="javascript:;" class="btn-orange" id="js_confirm_resetnewpsw">保存修改</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- end -->
<section id="help" class="hide" data-auth="1">
<div class="header">
<span class="title">手游平台</span>
<a class="btn pull-left op-back" href="#home">返回</a>
</div>
<div class="container">
<div class="box_info_center">
<div class='align-left'>
</div>
</div>
</div>
</section>
<!-- 首页模块 -->
<section id="home" class="hide" data-attr="dot" data-auth="1"></section>
<!-- 重置密码模块 -->
<section id="reset_pwd" data-attr="dot" class="hide"></section>
<!-- 修改密码模块 -->
<section id="modify_pwd" data-attr="dot" class="hide" data-auth="1"></section>
<!-- 密保模块 -->
<section id="mibao" data-attr="dot" class="hide" data-auth="1"></section>
<!-- 回答密保模块 -->
<section id="answer_question" data-attr="dot" class="hide"></section>
<!-- 绑定模块 -->
<section id="bind" data-attr="dot" class="hide" data-auth="1"></section>
<!-- 绑定手机 -->
<section id="bindMobile" data-attr="dot" class="hide" data-auth="1"></section>
<!-- 解绑手机模块 -->
<section id="unbindMobile" data-attr="dot" class="hide" data-auth="1"></section>
<!-- 绑定邮箱模块 -->
<section id="mail" data-attr="dot" class="hide" data-auth="1"></section>
<!-- doT模板 -->
<section id="frame" data-attr="dot" class="hide" ></section>
<script id="frame_template" type="text/x-jquery-tmpl" >
<div class="new-sdk-container">
<div class="SDK-titlebox"></div>
<div class="new-sdk-logo" style="position: relative; margin-bottom: 25px;">
<a href="#"><img src="images/new-sdk-logo.png"></a>
<a href="#login" class="lefticon" style="position: absolute; left: 37px; top: 20px;">
<i class="iconfont icon-fanhui"></i>
</a>
</div>
<div class="container" style=" margin-bottom: 20px;">
<div class="ios_scroll">
<iframe frameborder=0 src="{{=Core.Data.frame_src}}" scrolling="yes" width="100%" height="100%"></iframe>
</div>
</div>
</div>
</script>
<script id="home_template" type="text/x-jquery-tmpl">
<input type="hidden" name="initUserName" value="{{=Core.Data.nickname}}" />
<div class="new-sdk-container">
<div class="new-container-box">
<div class="SDK-titlebox"></div>
<div class="user-center">
用户中心
<a href="/sdk/logout" class="op-logout">切换账户</a>
</div>
{{? Core.Data.is_guest == 1}}
<div class="user-center-box">
<div class="top clearfix">
<div class="pull-left txt w_45">
<p>欢迎您!</p>
<p>{{=Core.Data.nickname}}</p>
</div>
<div class="inline-btn pull-right w_45">
<a href="javascript:Core.finishLogin()" class="btn btn-orange">进入游戏</a>
</div>
</div>
<div class="bind-user">
<div class="w_50 txt" style="display: inline-block; vertical-align: middle;">
您当前还是游客,为保证账号安全,请升级账号!
</div>
<div class="inline-btn w_45" style="display: inline-block; vertical-align: ;">
<a class="btn btn-bind" href="#modify_pwd">马上升级</a>
</div>
</div>
</div>
{{?? Core.Data.is_guest == 2}}
<div class="user-center-box">
<div class="top clearfix" style="border-bottom: none;">
<div class="pull-left txt w_45">
<p>欢迎您!</p>
<p>{{=Core.Data.nickname}}</p>
</div>
<div class="inline-btn pull-right w_45">
<a href="javascript:Core.finishLogin()" class="btn btn-orange">进入游戏</a>
</div>
</div>
<ul class="list-item clearfix">
{{? Core.Data.bind_phone === ""}}
<li style="position: relative;"><a href="#bindMobile">绑定手机</a><span class="redround"></span></li>
{{??}}
<li><a href="#unbindMobile">解绑手机</a></li>
{{?}}
<!--<li><a href="#mail">绑定邮箱</a></li>-->
<li><a href="#mibao">设置密保</a></li>
<li><a href="#modify_pwd">修改密码</a></li>
</ul>
</div>
{{??}}
<div class="user-center-box">
<div class="top clearfix" style="border-bottom: none;">
<div class="pull-left txt w_45">
<p>欢迎您!</p>
<p>{{=Core.Data.nickname}}</p>
</div>
<div class="inline-btn pull-right w_45">
<a href="javascript:Core.finishLogin()" class="btn btn-orange">进入游戏</a>
</div>
</div>
<ul class="list-item clearfix">
{{? Core.Data.bind_phone === ""}}
<li style="position: relative;"><a href="#bindMobile">绑定手机</a><span class="redround"></span></li>
{{??}}
<li><a href="#unbindMobile">解绑手机</a></li>
{{?}}
<!--<li><a href="#mail">绑定邮箱</a></li> -->
<li><a href="#mibao">设置密保</a></li>
<li><a href="#modify_pwd">修改密码</a></li>
</ul>
</div>
{{?}}
</div>
</div>
</script>
<script id="mail_template" type="text/x-jquery-tmpl" >
<div class="new-sdk-container">
<div class="SDK-titlebox"></div>
<div class="user-center">
<a href="#home" class="lefticon">
<i class="iconfont icon-fanhui"></i>
</a>
绑定邮箱
</div>
{{? Core.Data.bind_mail_statu == 0}}
<div class="new-sdk-box">
<div class="acount-name">
账号:{{=Core.Data.username}}
</div>
<form id="pwd_by_question_form" action="/user/bind_mail" class="ajax" method="post">
<div class="input" style="padding: 0;">
<input type="text" name="email" required placeholder="请输入你要绑定的邮箱">
<input type="text" value="1" name="email_1" required placeholder="请输入你要绑定的邮箱" style="display: none;">
</div>
</form>
<p>提示:发送绑定邮件后,请您登录邮箱操作!</p>
</div>
<ul class="inline-btn">
<li style="margin: 0 auto; padding: 1em 0; float: none;">
<a class="submit btn larg btn-orange" href="">发送绑定邮件</a>
</li>
</ul>
{{?? Core.Data.bind_mail_statu == 1}}
<div class="new-sdk-box">
<form id="bind_mail_form" action="/user/bind_mail" class="ajax" todo="bind_mail_callback" style="display:none; ">
<div class="input">
<input type="text" name="email" required placeholder="输入想要绑定的邮箱地址">
<input type="text" value="1" name="email_1" required placeholder="请输入你要绑定的邮箱" style="display: none;">
</div>
</form>
<p>待绑定邮箱:<span class="text-info">{{=Core.Data.mail}}</span></p>
</div>
<ul class="inline-btn">
<li style="margin: 0 auto; padding: 1em 0; float: none;" id="change-mail-btn" class=""><a class="btn larg btn-orange" href="#">更换邮箱</a></li>
<li style="margin: 0 auto; padding: 1em 0; float: none; background: #ff9600;" id="bind-mail-btn" class="hide"><a class="btn larg op-primary btn-orange" href="#home">保存设置</a></li>
</ul>
{{?? Core.Data.bind_mail_statu == 2}}
<div class="new-sdk-box">
<div class="input" style="padding: 0;">
<input type="text" name="email" required disabled="disabled" value="{{=Core.Data.mail}}">
</div>
<p>可以通过绑定的邮箱找回密码</p>
</div>
{{?}}
</div>
</script>
<script id="reset_pwd_template" type="text/x-jquery-tmpl" >
<div class="new-sdk-container">
<div class="SDK-titlebox"></div>
<div class="new-sdk-box">
<div class="question-input mt10">
账号:{{=Core.Data.username}}
</div>
<div class="question-input mt10">
<p>你的新密码是:{{=Core.Data.new_pwd}}</p>
<p style="color: #949494;">请妥善保管,切勿外泄</p>
</div>
</div>
<ul class="inline-btn">
<li style="float: none; margin: 0 auto;"><a class="larg btn btn-orange" href="#login">我知道了</a></li>
</ul>
</div>
</script>
<script id="modify_pwd_template" type="text/x-jquery-tmpl">
<div class="new-sdk-container">
<div class="SDK-titlebox"></div>
<div class="user-center">
<a href="#home" class="lefticon">
<i class="iconfont icon-fanhui"></i>
</a>
{{? Core.Data.is_guest == 1}}升级账号{{??}}修改密码{{?}}
</div>
<form action="/sdk/change_password" mthod="post" class="ajax " todo="modify_pwd_callback" >
<div class="new-sdk-box">
<div class="input new-sdk-psw clearfix">
<i>{{? Core.Data.is_guest == 1}}正式账号:{{??}}旧密码:{{?}}</i>
<label>
<input {{? Core.Data.is_guest == 1}}type="text"{{??}}type="password"{{?}} class="old_pwd required " name="{{? Core.Data.is_guest >= 1}}username{{??}}password{{?}}" value="{{? Core.Data.new_pwd}}{{=Core.Data.new_pwd}}{{?}}" required="required" placeholder="{{? Core.Data.is_guest == 1}}请输入6-18位字母或数字{{??}}请输入旧密码{{?}}" required/>
</label>
</div>
<div class="input new-sdk-psw clearfix">
<i>{{? Core.Data.is_guest == 1}}正式密码:{{??}}新密码:{{?}}</i>
<label>
<input class="" name="newpwd" required type="text" placeholder="{{? Core.Data.is_guest == 1}}请输入6-16位字母或数字{{??}}请输入密码{{?}}" />
</label>
</div>
{{? Core.Data.is_guest == 1}}<p>升级账号成功之后,<span class="red">游客账号作废</span>,请妥善保管正式账号</p>{{??}}{{?}}
</div>
<ul class="inline-btn">
<li style="margin: 0 auto; padding: 1em 0; float: none;">
<a class="submit btn larg btn-orange" autocomplete="off" >保存更改</a>
</li>
</ul>
</form>
</div>
</script>
<script id="mibao_template" type="text/x-jquery-tmpl" >
{{? Core.Data.safe_question == "" }}
<div class="new-sdk-container">
<div class="SDK-titlebox"></div>
<div class="user-center">
<a href="#home" class="lefticon">
<i class="iconfont icon-fanhui"></i>
</a>
设置密保
</div>
<form action="/sdk/set_mibao" mthod="post" class="ajax" todo="mibao_callback" >
<div class="new-sdk-box">
<div class="input select" style="padding: 25px;">
<select name="question" class="" >
{{~ Core.Data.question_list :item:index }}
<option value='{{=item}}'>{{=item}}</option>
{{~}}
</select>
</div>
<div class="input" style="padding:0 25px;"><input type="text" name="answer" required placeholder="输入密保保护答案" style="text-align: left;"></div>
<p style="color: #595757; font-size: 18px; margin-top: 10px;">设置密保,能通过回答问题找回忘记的密码</p>
</div>
<ul class="inline-btn">
<li style="padding: 1em 0; float: none; margin: 0 auto;"><a class="submit btn larg btn-orange ">保存设置</a></li>
</ul>
</form>
</div>
{{??}}
<div class="new-sdk-container">
<div class="SDK-titlebox"></div>
<div class="user-center">
<a href="#home" class="lefticon">
<i class="iconfont icon-fanhui"></i>
</a>
设置密保
</div>
<form action="">
<div class="new-sdk-box">
<p>问题:{{=Core.Data.safe_question}}</p>
<p>答案:{{=Core.Data.safe_answer}}</p>
</div>
</form>
</div>
{{?}}
</script>
<script id="answer_question_template" type="text/x-jquery-tmpl" >
<div class="new-sdk-container">
<div class="SDK-titlebox"></div>
<div class="user-center">
<a href="#login" class="lefticon">
<i class="iconfont icon-fanhui"></i>
</a>
密保找回密码
</div>
<div class="new-sdk-box" style="border-top: 1px solid #c4c3c3;">
<div id="pwd_by_question_form" action="/sdk/find/question/" class="ajax " method="post" >
<input type="hidden" name="username" value="{{=Core.Data.ans_temp.username}}" />
<input type="hidden" name="question" value="{{=Core.Data.ans_temp.question}}" />
<div class="question-input" style="margin-bottom: 20px;">
{{=Core.Data.ans_temp.question}}
<i class="iconfont icon-xiangxia"></i>
</div>
<div class="input" style="padding: 0;">
<input type="text" name="answer" required class="larg " placeholder="请输入答案" required/>
</div>
</div>
</div>
<ul class="inline-btn">
<li style="float: none; margin: 0 auto;"><a class="larg btn btn-orange submit op-primary" >确定</a></li>
</ul>
</div>
</script>
<script id="bind_template" type="text/x-jquery-tmpl" >
<div class="new-sdk-container">
<div class="SDK-titlebox"></div>
<div class="user-center">
<a href="#login" class="lefticon">
<i class="iconfont icon-fanhui"></i>
</a>
绑定手机
</div>
<div class="new-sdk-box">
{{? Core.Data.bind_phone == "" && Core.Data.bind_statu == 0 }}
<div class="acount-name">
账号:{{=Core.Data.username}}
</div>
<form id="bind_phone_form" action="/user/bind_mobile" class="ajax" todo="bind_phone_callback" >
<div class="input" style="padding: 0;">
<input id="js_iphone" type="text" required name="mobile" placeholder="请输入您要绑定的手机号码">
</div>
<div class="inputCode clearfix">
<div class="input fl">
<input id="js_ranks" type="text" required name="mobilecode" placeholder="请输入短信验证码">
</div>
<a href="javascript:;" class="getCode" id="js_getcode">获取验证码</a>
</div>
<ul class="inline-btn">
<li><a class="larg btn btn-orange submit" id="js_conform" value="" >确定</a></li>
<li><a class="btn" href="#home">返回</a></li>
</ul>
</form>
{{?? Core.Data.bind_statu == 1}}
<form id="bind_phone_form" action="/user/bind_mobile" class="ajax" todo="bind_phone_callback" >
<div class="new-sdk-box">
<div class="input" style="padding: 0;"><input type="text" required name="mobile" placeholder="{{=Core.Data.bind_phone}}"></div>
<p>当前号码待绑定,更换手机号码请直接修改</p>
<p>请用绑定的手机拨打<span>{{=Core.Data.mobile_helper_number}}</span>(电话会自动挂断,此呼叫免费)完成绑定,才可以通过手机修改密码。</p>
</div>
<ul class="inline-btn">
<li><a class="larg btn btn-orange submit" >保存设置</a></li>
<li><a class="btn" href="#home">返回</a></li>
</ul>
</form>
{{?? Core.Data.bind_statu == 2}}
<form action="">
<div class="new-sdk-box">
<div class="input" style="padding: 0;"><input type="text" value="{{=Core.Data.bind_phone}}"></div>
<p>解除绑定,请用绑定的手机发送短信内容“<span>qxbd</span>”发送到<span>{{=Core.Data.mobile_helper_number}}</span></p>
</div>
<div class="only-btn"><a class="btn" href="#home">返回</a></div>
</form>
{{?}}
</div>
</div>
</script>
<script id="bindMobile_template" type="text/x-jquery-tmpl">
<div class="new-sdk-container">
<div class="SDK-titlebox"></div>
<div class="user-center">
<a href="#home" class="lefticon">
<i class="iconfont icon-fanhui"></i>
</a>
绑定手机
</div>
<div class="new-sdk-box">
<div class="acount-name">
账号:{{=Core.Data.username}}
</div>
<form id="bind_mobile_form" action="/user/bind_mobile">
<div class="input" style="padding: 0;">
<input id="js_iphone" type="text" required placeholder="请输入您要绑定的手机号码">
</div>
<div class="inputCode clearfix">
<div class="input fl">
<input id="js_ranks" type="text" required placeholder="请输入短信验证码">
</div>
<a href="javascript:;" class="getCode" id="js_getcode" style="padding: 20px 0;">获取验证码</a>
</div>
<ul class="inline-btn">
<li><a class="larg btn btn-orange" id="js_conform" value="" >确定</a></li>
<li><a class="btn" href="#home">返回</a></li>
</ul>
</form>
</div>
</div>
</script>
<script id="unbindMobile_template" type="text/x-jquery-tmpl">
<div class="new-sdk-container">
<div class="SDK-titlebox"></div>
<div class="user-center">
<a href="#home" class="lefticon">
<i class="iconfont icon-fanhui"></i>
</a>
解绑手机
</div>
<div class="new-sdk-box">
<div class="acount-name">
<p style="margin-top: 0;">账号:{{=Core.Data.username}}</p>
<p>手机:<span class="phoneMobile"></span></p>
</div>
<form id="unbind_mobile_form" action="/user/bind_mobile">
<div class="inputCode clearfix">
<div class="input fl">
<input id="js_unbind_ranks" type="text" required placeholder="请输入短信验证码">
</div>
<a href="javascript:;" class="getCode" id="js_unbind_getcode" style="padding:20px 0;">获取验证码</a>
</div>
<ul class="inline-btn" style="margin-top: 25px;">
<li><a class="larg btn btn-orange" id="js_unbind" value="" >确定</a></li>
<li><a class="btn" href="#home">返回</a></li>
</ul>
</form>
</div>
</div>
</script>
<script id="message_detail_template" type="text/x-jquery-tmpl">
<div class="header">
<a class="btn pull-left op-back" href="#message">返回</a>
<span class="title">消息内容</span>
</div>
<div class="container">
<div class="box_info_center">
<div class="message-comm">
<div class="align-center bor_b_h3">
<h3>{{=Core.Data.message_detail.title}}</h3>
<p class="text-info">
<span class="mar-r-10">{{=Core.Data.message_detail.nickname}}</span>
<span>[{{=Core.Data.message_detail.create_time}}]</span>
</p>
</div>
<div class="message_text">
{{=Core.Data.message_detail.content}}
</div>
</div>
</div>
</div>
</script>
<script id="activity_detail_template" type="text/x-jquery-tmpl">
<div class="new-sdk-container" style="background: #fff;">
<div class="SDK-titlebox"></div>
<div class="user-center">
<a href="#activity" class="lefticon">
<i class="iconfont icon-fanhui"></i>
</a>
活动公告详情
</div>
<div class="container activity">
<div class="align-center bor_b_h3 clearfix">
<h3 class="pull-left">{{=Core.Data.activity_detail.title}}</h3>
<p class="text-info pull-right">
<span>{{=Core.Data.activity_detail.notice_time}}</span>
</p>
</div>
<div class="box_info_center" style="height: 100%; margin: 0 37px;">
<div class="detail_scroller scroll" id="detail_scroller">
<div class="activity-comm">
<div class="activity_text">
{{=Core.Data.activity_detail.content}}
</div>
</div>
</div>
</div>
</div>
</div>
</script>
<script id='tpl_message_list_template' type='text/x-jquery-tmpl'>
{{? it.model_list.length == 1 }}
<p>没有消息.</p>
{{??}}
{{~ it.model_list :item:index }}
{{? item.id}}
<li >
<a class="item" data-id="{{=item.id}}">
<span class="pull-right">{{=item.nickname}}</span>
<span class="pull-right text-info mar-r-10">{{=item.create_time}}</span>
<p>
<span class="title">{{=item.title}}</span> {{? item.read == 0}}<span class="statu">未读</span>{{?}}
</p>
</a>
</li>
{{?}}
{{~ }}
{{? it.page_num < it.total_page}}
<li class="more">
<a class="btn" href="/message/list?page_num={{=(it.page_num+1)}}" data-role="ajax-html" data-params-template="tpl_message_list" data-params-append="true" >点击加载更多帖子</a>
</li>
{{?}}
{{?}}
</script>
<script id='tpl_activity_template' type='text/x-jquery-tmpl'>
{{? it.model_list.length == 1 }}
<p style="text-align:center; font-size:30px; margin:20px auto;">没记录...</p>
{{??}}
{{~ it.model_list :item:index }}
{{? item.id}}
<li >
<a class="item" href="#" data-id="{{=item.id}}">
<span class="pull-right act_time">{{=item.notice_time}}</span>
<span class="act_title{{? item.update_time.indexOf('刚刚') > -1}}new{{?}}">{{=item.title}}</span>
</a>
</li>
{{?}}
{{~ }}
{{? it.page_num < it.total_page}}
<li class="more">
<a class="btn" href="/sdk/notice/list?page_num={{=(it.page_num+1)}}" data-role="ajax-html" data-params-template="tpl_activity" data-params-append="true" >点击加载</a>
</li>
{{?}}
{{?}}
</script>
</div>
<script type="text/javascript" src="js/fastclick.min.1.0.js?20150923001"></script>
<script type="text/javascript" src="js/zepto.min.js?20150923001"></script>
<script type="text/javascript" src="js/doT.min.js?20150923001" ></script>
<script type="text/javascript" src="js/iscroll.min.1.0.js?20150923001" ></script>
<script type="text/javascript">
window.isGetData = 0;
$(function() {
FastClick.attach(document.body);
});
</script>
<script type="text/javascript" src="js/core.min.js?20150923001" ></script>
<script type="text/javascript" src="js/login.min.js?2016111" ></script>
<script type="text/javascript" src="js/loader.min.js?20150923001"></script>
<script type="text/javascript">
window.onload = window.onresize = initMatching;
(function(){
getData('/sdk/login/json');
})();
// $(document).ready(function(){
// setTimeout(function(){Core.showTips($("meta[name='viewport']")[0].getAttribute("content"));}, 2000)
// })
</script>
</body>
</html>
\ No newline at end of file
......
var surname="\u8d75|\u94b1|\u5b59|\u674e|\u5468|\u5434|\u90d1|\u738b|\u51af|\u9648|\u891a|\u536b|\u848b|\u6c88|\u97e9|\u6768|\u6731|\u79e6|\u5c24|\u8bb8|\u4f55|\u5415|\u65bd|\u5f20|\u5b54|\u66f9|\u4e25|\u534e|\u91d1|\u9b4f|\u9676|\u59dc|\u621a|\u8c22|\u90b9|\u55bb|\u67cf|\u6c34|\u7aa6|\u7ae0|\u4e91|\u82cf|\u6f58|\u845b|\u595a|\u8303|\u5f6d|\u90ce|\u9c81|\u97e6|\u660c|\u9a6c|\u82d7|\u51e4|\u82b1|\u65b9|\u4fde|\u4efb|\u8881|\u67f3|\u9146|\u9c8d|\u53f2|\u5510|\u8d39|\u5ec9|\u5c91|\u859b|\u96f7|\u8d3a|\u502a|\u6c64|\u6ed5|\u6bb7|\u7f57|\u6bd5|\u90dd|\u90ac|\u5b89|\u5e38|\u4e50|\u4e8e|\u65f6|\u5085|\u76ae|\u535e|\u9f50|\u5eb7|\u4f0d|\u4f59|\u5143|\u535c|\u987e|\u5b5f|\u5e73|\u9ec4|\u548c|\u7a46|\u8427|\u5c39|\u59da|\u90b5|\u6e5b|\u6c6a|\u7941|\u6bdb|\u79b9|\u72c4|\u7c73|\u8d1d|\u660e|\u81e7|\u8ba1|\u4f0f|\u6210|\u6234|\u8c08|\u5b8b|\u8305|\u5e9e|\u718a|\u7eaa|\u8212|\u5c48|\u9879|\u795d|\u8463|\u6881|\u675c|\u962e|\u84dd|\u95f5|\u5e2d|\u5b63|\u9ebb|\u5f3a|\u8d3e|\u8def|\u5a04|\u5371|\u6c5f|\u7ae5|\u989c|\u90ed|\u6885|\u76db|\u6797|\u5201|\u953a|\u5f90|\u90b1|\u9a86|\u9ad8|\u590f|\u8521|\u7530|\u6a0a|\u80e1|\u51cc|\u970d|\u865e|\u4e07|\u652f|\u67ef|\u661d|\u7ba1|\u5362|\u83ab|\u7ecf|\u623f|\u88d8|\u7f2a|\u5e72|\u89e3|\u5e94|\u5b97|\u4e01|\u5ba3|\u8d32|\u9093|\u90c1|\u5355|\u676d|\u6d2a|\u5305|\u8bf8|\u5de6|\u77f3|\u5d14|\u5409|\u94ae|\u9f9a|\u7a0b|\u5d47|\u90a2|\u6ed1|\u88f4|\u9646|\u8363|\u7fc1|\u8340|\u7f8a|\u65bc|\u60e0|\u7504|\u9eb4|\u5bb6|\u5c01|\u82ae|\u7fbf|\u50a8|\u9773|\u6c72|\u90b4|\u7cdc|\u677e|\u4e95|\u6bb5|\u5bcc|\u5deb|\u4e4c|\u7126|\u5df4|\u5f13|\u7267|\u9697|\u5c71|\u8c37|\u8f66|\u4faf|\u5b93|\u84ec|\u5168|\u90d7|\u73ed|\u4ef0|\u79cb|\u4ef2|\u4f0a|\u5bab|\u5b81|\u4ec7|\u683e|\u66b4|\u7518|\u94ad|\u5386|\u620e|\u7956|\u6b66|\u7b26|\u5218|\u666f|\u8a79|\u675f|\u9f99|\u53f6|\u5e78|\u53f8|\u97f6|\u90dc|\u9ece|\u84df|\u6ea5|\u5370|\u5bbf|\u767d|\u6000|\u84b2|\u90b0|\u4ece|\u9102|\u7d22|\u54b8|\u7c4d|\u8d56|\u5353|\u853a|\u5c60|\u8499|\u6c60|\u4e54|\u9633|\u90c1|\u80e5|\u80fd|\u82cd|\u53cc|\u95fb|\u8398|\u515a|\u7fdf|\u8c2d|\u8d21|\u52b3|\u9004|\u59ec|\u7533|\u6276|\u5835|\u5189|\u5bb0|\u90e6|\u96cd|\u5374|\u74a9|\u6851|\u6842|\u6fee|\u725b|\u5bff|\u901a|\u8fb9|\u6248|\u71d5|\u5180|\u50ea|\u6d66|\u5c1a|\u519c|\u6e29|\u522b|\u5e84|\u664f|\u67f4|\u77bf|\u960e|\u5145|\u6155|\u8fde|\u8339|\u4e60|\u5ba6|\u827e|\u9c7c|\u5bb9|\u5411|\u53e4|\u6613|\u614e|\u6208|\u5ed6|\u5ebe|\u7ec8|\u66a8|\u5c45|\u8861|\u6b65|\u90fd|\u803f|\u6ee1|\u5f18|\u5321|\u56fd|\u6587|\u5bc7|\u5e7f|\u7984|\u9619|\u4e1c|\u6b27|\u6bb3|\u6c83|\u5229|\u851a|\u8d8a|\u5914|\u9686|\u5e08|\u5de9|\u538d|\u8042|\u6641|\u52fe|\u6556|\u878d|\u51b7|\u8a3e|\u8f9b|\u961a|\u90a3|\u7b80|\u9976|\u7a7a|\u66fe|\u6bcb|\u6c99|\u4e5c|\u517b|\u97a0|\u987b|\u4e30|\u5de2|\u5173|\u84af|\u76f8|\u67e5|\u540e|\u8346|\u7ea2|\u6e38|\u7afa|\u6743|\u902e|\u76cd|\u76ca|\u6853|\u516c|\u4e07\u4fdf|\u53f8\u9a6c|\u4e0a\u5b98|\u6b27\u9633|\u590f\u4faf|\u8bf8\u845b|\u95fb\u4eba|\u4e1c\u65b9|\u8d6b\u8fde|\u7687\u752b|\u5c09\u8fdf|\u516c\u7f8a|\u6fb9\u53f0|\u516c\u51b6|\u5b97\u653f|\u6fee\u9633|\u6df3\u4e8e|\u5355\u4e8e|\u592a\u53d4|\u7533\u5c60|\u516c\u5b59|\u4ef2\u5b59|\u8f69\u8f95|\u4ee4\u72d0|\u949f\u79bb|\u5b87\u6587|\u957f\u5b59|\u6155\u5bb9|\u53f8\u5f92|\u53f8\u7a7a|\u53ec|\u6709|\u821c|\u53f6\u8d6b\u90a3\u62c9|\u4e1b|\u5cb3|\u5bf8|\u8d30|\u7687|\u4fa8|\u5f64|\u7aed|\u7aef|\u8d6b|\u5b9e|\u752b|\u96c6|\u8c61|\u7fe0|\u72c2|\u8f9f|\u5178|\u826f|\u51fd|\u8292|\u82e6|\u5176|\u4eac|\u4e2d|\u5915|\u4e4b|\u7ae0\u4f73|\u90a3\u62c9|\u51a0|\u5bbe|\u9999|\u679c|\u4f9d\u5c14\u6839\u89c9\u7f57|\u4f9d\u5c14\u89c9\u7f57|\u8428\u561b\u5587|\u8d6b\u820d\u91cc|\u989d\u5c14\u5fb7\u7279|\u8428\u514b\u8fbe|\u94ae\u795c\u7984|\u4ed6\u5854\u5587|\u559c\u5854\u814a|\u8bb7\u6bb7\u5bcc\u5bdf|\u53f6\u8d6b\u90a3\u5170|\u5e93\u96c5\u5587|\u74dc\u5c14\u4f73|\u8212\u7a46\u7984|\u7231\u65b0\u89c9\u7f57|\u7d22\u7ef0\u7edc|\u7eb3\u5587|\u4e4c\u96c5|\u8303\u59dc|\u78a7\u9c81|\u5f20\u5ed6|\u5f20\u7b80|\u56fe\u95e8|\u592a\u53f2|\u516c\u53d4|\u4e4c\u5b59|\u5b8c\u989c|\u9a6c\u4f73|\u4f5f\u4f73|\u5bcc\u5bdf|\u8d39\u83ab|\u8e47|\u79f0|\u8bfa|\u6765|\u591a|\u7e41|\u620a|\u6734|\u56de|\u6bd3|\u7a0e|\u8364|\u9756|\u7eea|\u6108|\u7855|\u7262|\u4e70|\u4f46|\u5de7|\u679a|\u6492|\u6cf0|\u79d8|\u4ea5|\u7ecd|\u4ee5|\u58ec|\u68ee|\u658b|\u91ca|\u5955|\u59d2|\u670b|\u6c42|\u7fbd|\u7528|\u5360|\u771f|\u7a70|\u7fe6|\u95fe|\u6f06|\u8d35|\u4ee3|\u8d2f|\u65c1|\u5d07|\u680b|\u544a|\u4f11|\u8912|\u8c0f|\u9510|\u768b|\u95f3|\u5728|\u6b67|\u79be|\u793a|\u662f|\u59d4|\u948a|\u9891|\u5b34|\u547c|\u5927|\u5a01|\u6602|\u5f8b|\u5192|\u4fdd|\u7cfb|\u6284|\u5b9a|\u5316|\u83b1|\u6821|\u4e48|\u6297|\u7962|\u7da6|\u609f|\u5b8f|\u529f|\u5e9a|\u52a1|\u654f|\u6377|\u62f1|\u5146|\u4e11|\u4e19|\u7545|\u82df|\u968f|\u7c7b|\u536f|\u4fdf|\u53cb|\u7b54|\u4e59|\u5141|\u7532|\u7559|\u5c3e|\u4f7c|\u7384|\u4e58|\u88d4|\u5ef6|\u690d|\u73af|\u77eb|\u8d5b|\u6614|\u4f8d|\u5ea6|\u65f7|\u9047|\u5076|\u524d|\u7531|\u548e|\u585e|\u655b|\u53d7|\u6cf7|\u88ad|\u8845|\u53d4|\u5723|\u5fa1|\u592b|\u4ec6|\u9547|\u85e9|\u90b8|\u5e9c|\u638c|\u9996|\u5458|\u7109|\u620f|\u53ef|\u667a|\u5c14|\u51ed|\u6089|\u8fdb|\u7b03|\u539a|\u4ec1|\u4e1a|\u8087|\u8d44|\u5408|\u4ecd|\u4e5d|\u8877|\u54c0|\u5211|\u4fce|\u4ef5|\u572d|\u5937|\u5fad|\u86ee|\u6c57|\u5b5b|\u4e7e|\u5e16|\u7f55|\u6d1b|\u6de6|\u6d0b|\u90b6|\u90f8|\u90ef|\u9097|\u909b|\u5251|\u8662|\u968b|\u84bf|\u8306|\u83c5|\u82cc|\u6811|\u6850|\u9501|\u949f|\u673a|\u76d8|\u94ce|\u659b|\u7389|\u7ebf|\u9488|\u7b95|\u5eb9|\u7ef3|\u78e8|\u8489|\u74ee|\u5f2d|\u5200|\u758f|\u7275|\u6d51|\u607d|\u52bf|\u4e16|\u4edd|\u540c|\u8681|\u6b62|\u6222|\u7762|\u51bc|\u79cd|\u6d82|\u8096|\u5df1|\u6ce3|\u6f5c|\u5377|\u8131|\u8c2c|\u8e49|\u8d67|\u6d6e|\u987f|\u8bf4|\u6b21|\u9519|\u5ff5|\u5919|\u65af|\u5b8c|\u4e39|\u8868|\u804a|\u6e90|\u59d3|\u543e|\u5bfb|\u5c55|\u51fa|\u4e0d|\u6237|\u95ed|\u624d|\u65e0|\u4e66|\u5b66|\u611a|\u672c|\u6027|\u96ea|\u971c|\u70df|\u5bd2|\u5c11|\u5b57|\u6865|\u677f|\u6590|\u72ec|\u5343|\u8bd7|\u5609|\u626c|\u5584|\u63ed|\u7948|\u6790|\u8d64|\u7d2b|\u9752|\u67d4|\u521a|\u5947|\u62dc|\u4f5b|\u9640|\u5f25|\u963f|\u7d20|\u957f|\u50e7|\u9690|\u4ed9|\u96bd|\u5b87|\u796d|\u9152|\u6de1|\u5854|\u7426|\u95ea|\u59cb|\u661f|\u5357|\u5929|\u63a5|\u6ce2|\u78a7|\u901f|\u799a|\u817e|\u6f6e|\u955c|\u4f3c|\u6f84|\u6f6d|\u8b07|\u7eb5|\u6e20|\u5948|\u98ce|\u6625|\u6fef|\u6c90|\u8302|\u82f1|\u5170|\u6a80|\u85e4|\u679d|\u68c0|\u751f|\u6298|\u767b|\u9a79|\u9a91|\u8c8a|\u864e|\u80a5|\u9e7f|\u96c0|\u91ce|\u79bd|\u98de|\u8282|\u5b9c|\u9c9c|\u7c9f|\u6817|\u8c46|\u5e1b|\u5b98|\u5e03|\u8863|\u85cf|\u5b9d|\u949e|\u94f6|\u95e8|\u76c8|\u5e86|\u559c|\u53ca|\u666e|\u5efa|\u8425|\u5de8|\u671b|\u5e0c|\u9053|\u8f7d|\u58f0|\u6f2b|\u7281|\u529b|\u8d38|\u52e4|\u9769|\u6539|\u5174|\u4e93|\u7766|\u4fee|\u4fe1|\u95fd|\u5317|\u5b88|\u575a|\u52c7|\u6c49|\u7ec3|\u5c09|\u58eb|\u65c5|\u4e94|\u4ee4|\u5c06|\u65d7|\u519b|\u884c|\u5949|\u656c|\u606d|\u4eea|\u6bcd|\u5802|\u4e18|\u4e49|\u793c|\u6148|\u5b5d|\u7406|\u4f26|\u537f|\u95ee|\u6c38|\u8f89|\u4f4d|\u8ba9|\u5c27|\u4f9d|\u72b9|\u4ecb|\u627f|\u5e02|\u6240|\u82d1|\u675e|\u5267|\u7b2c|\u96f6|\u8c0c|\u62db|\u7eed|\u8fbe|\u5ffb|\u516d|\u911e|\u6218|\u8fdf|\u5019|\u5b9b|\u52b1|\u7c98|\u8428|\u909d|\u8983|\u8f9c|\u521d|\u697c|\u57ce|\u533a|\u5c40|\u53f0|\u539f|\u8003|\u59ab|\u7eb3|\u6cc9|\u8001|\u6e05|\u5fb7|\u5351|\u8fc7|\u9ea6|\u66f2|\u7af9|\u767e|\u798f|\u8a00|\u7b2c\u4e94|\u4f5f|\u7231|\u5e74|\u7b2a|\u8c2f|\u54c8|\u58a8|\u5357\u5bab|\u8d4f|\u4f2f|\u4f74|\u4f58|\u725f|\u5546|\u897f\u95e8|\u4e1c\u95e8|\u5de6\u4e18|\u6881\u4e18|\u7434|\u540e|\u51b5|\u4ea2|\u7f11|\u5e05|\u5fae\u751f|\u7f8a\u820c|\u6d77|\u5f52|\u547c\u5ef6|\u5357\u95e8|\u4e1c\u90ed|\u767e\u91cc|\u94a6|\u9122|\u6c5d|\u6cd5|\u95eb|\u695a|\u664b|\u8c37\u6881|\u5bb0\u7236|\u5939\u8c37|\u62d3\u8dcb|\u58e4\u9a77|\u4e50\u6b63|\u6f06\u96d5|\u516c\u897f|\u5deb\u9a6c|\u7aef\u6728|\u989b\u5b59|\u5b50\u8f66|\u7763|\u4ec9|\u53f8\u5bc7|\u4e93\u5b98|\u9c9c\u4e8e|\u953a\u79bb|\u76d6|\u902f|\u5e93|\u90cf|\u9022|\u9634|\u8584|\u5389|\u7a3d|\u95fe\u4e18|\u516c\u826f|\u6bb5\u5e72|\u5f00|\u5149|\u64cd|\u745e|\u772d|\u6ce5|\u8fd0|\u6469|\u4f1f|\u94c1|\u8fee|";
function IsIdCard(idcard)
{
idcard = idcard.toUpperCase();
var area={11:"北京",12:"天津",13:"河北",14:"山西",15:"内蒙古",21:"辽宁",22:"吉林",23:"黑龙江",
31:"上海",32:"江苏",33:"浙江",34:"安徽",35:"福建",36:"江西",37:"山东",41:"河南",42:"湖北",
43:"湖南",44:"广东",45:"广西",46:"海南",50:"重庆",51:"四川",52:"贵州",53:"云南",54:"西藏",
61:"陕西",62:"甘肃",63:"青海",64:"宁夏",65:"新疆",71:"台湾",81:"香港",82:"澳门",91:"国外"};
var retflag=false;
var idcard,Y,JYM;
var S,M;
var idcard_array = new Array();
idcard_array = idcard.split("");
//地区检验
if(area[parseInt(idcard.substr(0,2))]==null) return false;
//身份号码位数及格式检验
switch(idcard.length)
{
case 15:
if ((parseInt(idcard.substr(6,2))+1900) % 4 == 0 ||
((parseInt(idcard.substr(6,2))+1900) % 100 == 0 && (parseInt(idcard.substr(6,2))+1900) % 4 == 0 ))
{
ereg=/^[1-9][0-9]{5}[0-9]{2}((01|03|05|07|08|10|12)(0[1-9]|[1-2][0-9]|3[0-1])|(04|06|09|11)(0[1-9]|[1-2][0-9]|30)|02(0[1-9]|[1-2][0-9]))[0-9]{3}$/;//测试出生日期的合法性
}
else
{
ereg=/^[1-9][0-9]{5}[0-9]{2}((01|03|05|07|08|10|12)(0[1-9]|[1-2][0-9]|3[0-1])|(04|06|09|11)(0[1-9]|[1-2][0-9]|30)|02(0[1-9]|1[0-9]|2[0-8]))[0-9]{3}$/;//测试出生日期的合法性
}
if(ereg.test(idcard)) return true;
else return false;
break;
case 18:
//18位身份号码检测
//出生日期的合法性检查
//闰年月日:((01|03|05|07|08|10|12)(0[1-9]|[1-2][0-9]|3[0-1])|(04|06|09|11)(0[1-9]|[1-2][0-9]|30)|02(0[1-9]|[1-2][0-9]))
//平年月日:((01|03|05|07|08|10|12)(0[1-9]|[1-2][0-9]|3[0-1])|(04|06|09|11)(0[1-9]|[1-2][0-9]|30)|02(0[1-9]|1[0-9]|2[0-8]))
if ( parseInt(idcard.substr(6,4)) % 4 == 0 ||
(parseInt(idcard.substr(6,4)) % 100 == 0 &&parseInt(idcard.substr(6,4))%4 == 0 ))
{
ereg=/^[1-9][0-9]{5}19[0-9]{2}((01|03|05|07|08|10|12)(0[1-9]|[1-2][0-9]|3[0-1])|(04|06|09|11)(0[1-9]|[1-2][0-9]|30)|02(0[1-9]|[1-2][0-9]))[0-9]{3}[0-9Xx]$/;//闰年出生日期的合法性正则表达式
}
else
{
ereg=/^[1-9][0-9]{5}19[0-9]{2}((01|03|05|07|08|10|12)(0[1-9]|[1-2][0-9]|3[0-1])|(04|06|09|11)(0[1-9]|[1-2][0-9]|30)|02(0[1-9]|1[0-9]|2[0-8]))[0-9]{3}[0-9Xx]$/;//平年出生日期的合法性正则表达式
}
if(ereg.test(idcard))
{//测试出生日期的合法性
//计算校验位
S = (parseInt(idcard_array[0]) + parseInt(idcard_array[10])) * 7
+ (parseInt(idcard_array[1]) + parseInt(idcard_array[11])) * 9
+ (parseInt(idcard_array[2]) + parseInt(idcard_array[12])) * 10
+ (parseInt(idcard_array[3]) + parseInt(idcard_array[13])) * 5
+ (parseInt(idcard_array[4]) + parseInt(idcard_array[14])) * 8
+ (parseInt(idcard_array[5]) + parseInt(idcard_array[15])) * 4
+ (parseInt(idcard_array[6]) + parseInt(idcard_array[16])) * 2
+ parseInt(idcard_array[7]) * 1
+ parseInt(idcard_array[8]) * 6
+ parseInt(idcard_array[9]) * 3 ;
Y = S % 11;
M = "F";
JYM = "10X98765432";
M = JYM.substr(Y,1);//判断校验位
if(M == idcard_array[17]) true; //检测ID的校验位
else return false;
}
else return false;
break;
default:
return false;
break;
}
return true;
var surname="\u8d75|\u94b1|\u5b59|\u674e|\u5468|\u5434|\u90d1|\u738b|\u51af|\u9648|\u891a|\u536b|\u848b|\u6c88|\u97e9|\u6768|\u6731|\u79e6|\u5c24|\u8bb8|\u4f55|\u5415|\u65bd|\u5f20|\u5b54|\u66f9|\u4e25|\u534e|\u91d1|\u9b4f|\u9676|\u59dc|\u621a|\u8c22|\u90b9|\u55bb|\u67cf|\u6c34|\u7aa6|\u7ae0|\u4e91|\u82cf|\u6f58|\u845b|\u595a|\u8303|\u5f6d|\u90ce|\u9c81|\u97e6|\u660c|\u9a6c|\u82d7|\u51e4|\u82b1|\u65b9|\u4fde|\u4efb|\u8881|\u67f3|\u9146|\u9c8d|\u53f2|\u5510|\u8d39|\u5ec9|\u5c91|\u859b|\u96f7|\u8d3a|\u502a|\u6c64|\u6ed5|\u6bb7|\u7f57|\u6bd5|\u90dd|\u90ac|\u5b89|\u5e38|\u4e50|\u4e8e|\u65f6|\u5085|\u76ae|\u535e|\u9f50|\u5eb7|\u4f0d|\u4f59|\u5143|\u535c|\u987e|\u5b5f|\u5e73|\u9ec4|\u548c|\u7a46|\u8427|\u5c39|\u59da|\u90b5|\u6e5b|\u6c6a|\u7941|\u6bdb|\u79b9|\u72c4|\u7c73|\u8d1d|\u660e|\u81e7|\u8ba1|\u4f0f|\u6210|\u6234|\u8c08|\u5b8b|\u8305|\u5e9e|\u718a|\u7eaa|\u8212|\u5c48|\u9879|\u795d|\u8463|\u6881|\u675c|\u962e|\u84dd|\u95f5|\u5e2d|\u5b63|\u9ebb|\u5f3a|\u8d3e|\u8def|\u5a04|\u5371|\u6c5f|\u7ae5|\u989c|\u90ed|\u6885|\u76db|\u6797|\u5201|\u953a|\u5f90|\u90b1|\u9a86|\u9ad8|\u590f|\u8521|\u7530|\u6a0a|\u80e1|\u51cc|\u970d|\u865e|\u4e07|\u652f|\u67ef|\u661d|\u7ba1|\u5362|\u83ab|\u7ecf|\u623f|\u88d8|\u7f2a|\u5e72|\u89e3|\u5e94|\u5b97|\u4e01|\u5ba3|\u8d32|\u9093|\u90c1|\u5355|\u676d|\u6d2a|\u5305|\u8bf8|\u5de6|\u77f3|\u5d14|\u5409|\u94ae|\u9f9a|\u7a0b|\u5d47|\u90a2|\u6ed1|\u88f4|\u9646|\u8363|\u7fc1|\u8340|\u7f8a|\u65bc|\u60e0|\u7504|\u9eb4|\u5bb6|\u5c01|\u82ae|\u7fbf|\u50a8|\u9773|\u6c72|\u90b4|\u7cdc|\u677e|\u4e95|\u6bb5|\u5bcc|\u5deb|\u4e4c|\u7126|\u5df4|\u5f13|\u7267|\u9697|\u5c71|\u8c37|\u8f66|\u4faf|\u5b93|\u84ec|\u5168|\u90d7|\u73ed|\u4ef0|\u79cb|\u4ef2|\u4f0a|\u5bab|\u5b81|\u4ec7|\u683e|\u66b4|\u7518|\u94ad|\u5386|\u620e|\u7956|\u6b66|\u7b26|\u5218|\u666f|\u8a79|\u675f|\u9f99|\u53f6|\u5e78|\u53f8|\u97f6|\u90dc|\u9ece|\u84df|\u6ea5|\u5370|\u5bbf|\u767d|\u6000|\u84b2|\u90b0|\u4ece|\u9102|\u7d22|\u54b8|\u7c4d|\u8d56|\u5353|\u853a|\u5c60|\u8499|\u6c60|\u4e54|\u9633|\u90c1|\u80e5|\u80fd|\u82cd|\u53cc|\u95fb|\u8398|\u515a|\u7fdf|\u8c2d|\u8d21|\u52b3|\u9004|\u59ec|\u7533|\u6276|\u5835|\u5189|\u5bb0|\u90e6|\u96cd|\u5374|\u74a9|\u6851|\u6842|\u6fee|\u725b|\u5bff|\u901a|\u8fb9|\u6248|\u71d5|\u5180|\u50ea|\u6d66|\u5c1a|\u519c|\u6e29|\u522b|\u5e84|\u664f|\u67f4|\u77bf|\u960e|\u5145|\u6155|\u8fde|\u8339|\u4e60|\u5ba6|\u827e|\u9c7c|\u5bb9|\u5411|\u53e4|\u6613|\u614e|\u6208|\u5ed6|\u5ebe|\u7ec8|\u66a8|\u5c45|\u8861|\u6b65|\u90fd|\u803f|\u6ee1|\u5f18|\u5321|\u56fd|\u6587|\u5bc7|\u5e7f|\u7984|\u9619|\u4e1c|\u6b27|\u6bb3|\u6c83|\u5229|\u851a|\u8d8a|\u5914|\u9686|\u5e08|\u5de9|\u538d|\u8042|\u6641|\u52fe|\u6556|\u878d|\u51b7|\u8a3e|\u8f9b|\u961a|\u90a3|\u7b80|\u9976|\u7a7a|\u66fe|\u6bcb|\u6c99|\u4e5c|\u517b|\u97a0|\u987b|\u4e30|\u5de2|\u5173|\u84af|\u76f8|\u67e5|\u540e|\u8346|\u7ea2|\u6e38|\u7afa|\u6743|\u902e|\u76cd|\u76ca|\u6853|\u516c|\u4e07\u4fdf|\u53f8\u9a6c|\u4e0a\u5b98|\u6b27\u9633|\u590f\u4faf|\u8bf8\u845b|\u95fb\u4eba|\u4e1c\u65b9|\u8d6b\u8fde|\u7687\u752b|\u5c09\u8fdf|\u516c\u7f8a|\u6fb9\u53f0|\u516c\u51b6|\u5b97\u653f|\u6fee\u9633|\u6df3\u4e8e|\u5355\u4e8e|\u592a\u53d4|\u7533\u5c60|\u516c\u5b59|\u4ef2\u5b59|\u8f69\u8f95|\u4ee4\u72d0|\u949f\u79bb|\u5b87\u6587|\u957f\u5b59|\u6155\u5bb9|\u53f8\u5f92|\u53f8\u7a7a|\u53ec|\u6709|\u821c|\u53f6\u8d6b\u90a3\u62c9|\u4e1b|\u5cb3|\u5bf8|\u8d30|\u7687|\u4fa8|\u5f64|\u7aed|\u7aef|\u8d6b|\u5b9e|\u752b|\u96c6|\u8c61|\u7fe0|\u72c2|\u8f9f|\u5178|\u826f|\u51fd|\u8292|\u82e6|\u5176|\u4eac|\u4e2d|\u5915|\u4e4b|\u7ae0\u4f73|\u90a3\u62c9|\u51a0|\u5bbe|\u9999|\u679c|\u4f9d\u5c14\u6839\u89c9\u7f57|\u4f9d\u5c14\u89c9\u7f57|\u8428\u561b\u5587|\u8d6b\u820d\u91cc|\u989d\u5c14\u5fb7\u7279|\u8428\u514b\u8fbe|\u94ae\u795c\u7984|\u4ed6\u5854\u5587|\u559c\u5854\u814a|\u8bb7\u6bb7\u5bcc\u5bdf|\u53f6\u8d6b\u90a3\u5170|\u5e93\u96c5\u5587|\u74dc\u5c14\u4f73|\u8212\u7a46\u7984|\u7231\u65b0\u89c9\u7f57|\u7d22\u7ef0\u7edc|\u7eb3\u5587|\u4e4c\u96c5|\u8303\u59dc|\u78a7\u9c81|\u5f20\u5ed6|\u5f20\u7b80|\u56fe\u95e8|\u592a\u53f2|\u516c\u53d4|\u4e4c\u5b59|\u5b8c\u989c|\u9a6c\u4f73|\u4f5f\u4f73|\u5bcc\u5bdf|\u8d39\u83ab|\u8e47|\u79f0|\u8bfa|\u6765|\u591a|\u7e41|\u620a|\u6734|\u56de|\u6bd3|\u7a0e|\u8364|\u9756|\u7eea|\u6108|\u7855|\u7262|\u4e70|\u4f46|\u5de7|\u679a|\u6492|\u6cf0|\u79d8|\u4ea5|\u7ecd|\u4ee5|\u58ec|\u68ee|\u658b|\u91ca|\u5955|\u59d2|\u670b|\u6c42|\u7fbd|\u7528|\u5360|\u771f|\u7a70|\u7fe6|\u95fe|\u6f06|\u8d35|\u4ee3|\u8d2f|\u65c1|\u5d07|\u680b|\u544a|\u4f11|\u8912|\u8c0f|\u9510|\u768b|\u95f3|\u5728|\u6b67|\u79be|\u793a|\u662f|\u59d4|\u948a|\u9891|\u5b34|\u547c|\u5927|\u5a01|\u6602|\u5f8b|\u5192|\u4fdd|\u7cfb|\u6284|\u5b9a|\u5316|\u83b1|\u6821|\u4e48|\u6297|\u7962|\u7da6|\u609f|\u5b8f|\u529f|\u5e9a|\u52a1|\u654f|\u6377|\u62f1|\u5146|\u4e11|\u4e19|\u7545|\u82df|\u968f|\u7c7b|\u536f|\u4fdf|\u53cb|\u7b54|\u4e59|\u5141|\u7532|\u7559|\u5c3e|\u4f7c|\u7384|\u4e58|\u88d4|\u5ef6|\u690d|\u73af|\u77eb|\u8d5b|\u6614|\u4f8d|\u5ea6|\u65f7|\u9047|\u5076|\u524d|\u7531|\u548e|\u585e|\u655b|\u53d7|\u6cf7|\u88ad|\u8845|\u53d4|\u5723|\u5fa1|\u592b|\u4ec6|\u9547|\u85e9|\u90b8|\u5e9c|\u638c|\u9996|\u5458|\u7109|\u620f|\u53ef|\u667a|\u5c14|\u51ed|\u6089|\u8fdb|\u7b03|\u539a|\u4ec1|\u4e1a|\u8087|\u8d44|\u5408|\u4ecd|\u4e5d|\u8877|\u54c0|\u5211|\u4fce|\u4ef5|\u572d|\u5937|\u5fad|\u86ee|\u6c57|\u5b5b|\u4e7e|\u5e16|\u7f55|\u6d1b|\u6de6|\u6d0b|\u90b6|\u90f8|\u90ef|\u9097|\u909b|\u5251|\u8662|\u968b|\u84bf|\u8306|\u83c5|\u82cc|\u6811|\u6850|\u9501|\u949f|\u673a|\u76d8|\u94ce|\u659b|\u7389|\u7ebf|\u9488|\u7b95|\u5eb9|\u7ef3|\u78e8|\u8489|\u74ee|\u5f2d|\u5200|\u758f|\u7275|\u6d51|\u607d|\u52bf|\u4e16|\u4edd|\u540c|\u8681|\u6b62|\u6222|\u7762|\u51bc|\u79cd|\u6d82|\u8096|\u5df1|\u6ce3|\u6f5c|\u5377|\u8131|\u8c2c|\u8e49|\u8d67|\u6d6e|\u987f|\u8bf4|\u6b21|\u9519|\u5ff5|\u5919|\u65af|\u5b8c|\u4e39|\u8868|\u804a|\u6e90|\u59d3|\u543e|\u5bfb|\u5c55|\u51fa|\u4e0d|\u6237|\u95ed|\u624d|\u65e0|\u4e66|\u5b66|\u611a|\u672c|\u6027|\u96ea|\u971c|\u70df|\u5bd2|\u5c11|\u5b57|\u6865|\u677f|\u6590|\u72ec|\u5343|\u8bd7|\u5609|\u626c|\u5584|\u63ed|\u7948|\u6790|\u8d64|\u7d2b|\u9752|\u67d4|\u521a|\u5947|\u62dc|\u4f5b|\u9640|\u5f25|\u963f|\u7d20|\u957f|\u50e7|\u9690|\u4ed9|\u96bd|\u5b87|\u796d|\u9152|\u6de1|\u5854|\u7426|\u95ea|\u59cb|\u661f|\u5357|\u5929|\u63a5|\u6ce2|\u78a7|\u901f|\u799a|\u817e|\u6f6e|\u955c|\u4f3c|\u6f84|\u6f6d|\u8b07|\u7eb5|\u6e20|\u5948|\u98ce|\u6625|\u6fef|\u6c90|\u8302|\u82f1|\u5170|\u6a80|\u85e4|\u679d|\u68c0|\u751f|\u6298|\u767b|\u9a79|\u9a91|\u8c8a|\u864e|\u80a5|\u9e7f|\u96c0|\u91ce|\u79bd|\u98de|\u8282|\u5b9c|\u9c9c|\u7c9f|\u6817|\u8c46|\u5e1b|\u5b98|\u5e03|\u8863|\u85cf|\u5b9d|\u949e|\u94f6|\u95e8|\u76c8|\u5e86|\u559c|\u53ca|\u666e|\u5efa|\u8425|\u5de8|\u671b|\u5e0c|\u9053|\u8f7d|\u58f0|\u6f2b|\u7281|\u529b|\u8d38|\u52e4|\u9769|\u6539|\u5174|\u4e93|\u7766|\u4fee|\u4fe1|\u95fd|\u5317|\u5b88|\u575a|\u52c7|\u6c49|\u7ec3|\u5c09|\u58eb|\u65c5|\u4e94|\u4ee4|\u5c06|\u65d7|\u519b|\u884c|\u5949|\u656c|\u606d|\u4eea|\u6bcd|\u5802|\u4e18|\u4e49|\u793c|\u6148|\u5b5d|\u7406|\u4f26|\u537f|\u95ee|\u6c38|\u8f89|\u4f4d|\u8ba9|\u5c27|\u4f9d|\u72b9|\u4ecb|\u627f|\u5e02|\u6240|\u82d1|\u675e|\u5267|\u7b2c|\u96f6|\u8c0c|\u62db|\u7eed|\u8fbe|\u5ffb|\u516d|\u911e|\u6218|\u8fdf|\u5019|\u5b9b|\u52b1|\u7c98|\u8428|\u909d|\u8983|\u8f9c|\u521d|\u697c|\u57ce|\u533a|\u5c40|\u53f0|\u539f|\u8003|\u59ab|\u7eb3|\u6cc9|\u8001|\u6e05|\u5fb7|\u5351|\u8fc7|\u9ea6|\u66f2|\u7af9|\u767e|\u798f|\u8a00|\u7b2c\u4e94|\u4f5f|\u7231|\u5e74|\u7b2a|\u8c2f|\u54c8|\u58a8|\u5357\u5bab|\u8d4f|\u4f2f|\u4f74|\u4f58|\u725f|\u5546|\u897f\u95e8|\u4e1c\u95e8|\u5de6\u4e18|\u6881\u4e18|\u7434|\u540e|\u51b5|\u4ea2|\u7f11|\u5e05|\u5fae\u751f|\u7f8a\u820c|\u6d77|\u5f52|\u547c\u5ef6|\u5357\u95e8|\u4e1c\u90ed|\u767e\u91cc|\u94a6|\u9122|\u6c5d|\u6cd5|\u95eb|\u695a|\u664b|\u8c37\u6881|\u5bb0\u7236|\u5939\u8c37|\u62d3\u8dcb|\u58e4\u9a77|\u4e50\u6b63|\u6f06\u96d5|\u516c\u897f|\u5deb\u9a6c|\u7aef\u6728|\u989b\u5b59|\u5b50\u8f66|\u7763|\u4ec9|\u53f8\u5bc7|\u4e93\u5b98|\u9c9c\u4e8e|\u953a\u79bb|\u76d6|\u902f|\u5e93|\u90cf|\u9022|\u9634|\u8584|\u5389|\u7a3d|\u95fe\u4e18|\u516c\u826f|\u6bb5\u5e72|\u5f00|\u5149|\u64cd|\u745e|\u772d|\u6ce5|\u8fd0|\u6469|\u4f1f|\u94c1|\u8fee|";
function IsIdCard(idcard)
{
idcard = idcard.toUpperCase();
var area={11:"北京",12:"天津",13:"河北",14:"山西",15:"内蒙古",21:"辽宁",22:"吉林",23:"黑龙江",
31:"上海",32:"江苏",33:"浙江",34:"安徽",35:"福建",36:"江西",37:"山东",41:"河南",42:"湖北",
43:"湖南",44:"广东",45:"广西",46:"海南",50:"重庆",51:"四川",52:"贵州",53:"云南",54:"西藏",
61:"陕西",62:"甘肃",63:"青海",64:"宁夏",65:"新疆",71:"台湾",81:"香港",82:"澳门",91:"国外"};
var retflag=false;
var idcard,Y,JYM;
var S,M;
var idcard_array = new Array();
idcard_array = idcard.split("");
//地区检验
if(area[parseInt(idcard.substr(0,2))]==null) return false;
//身份号码位数及格式检验
switch(idcard.length)
{
case 15:
if ((parseInt(idcard.substr(6,2))+1900) % 4 == 0 ||
((parseInt(idcard.substr(6,2))+1900) % 100 == 0 && (parseInt(idcard.substr(6,2))+1900) % 4 == 0 ))
{
ereg=/^[1-9][0-9]{5}[0-9]{2}((01|03|05|07|08|10|12)(0[1-9]|[1-2][0-9]|3[0-1])|(04|06|09|11)(0[1-9]|[1-2][0-9]|30)|02(0[1-9]|[1-2][0-9]))[0-9]{3}$/;//测试出生日期的合法性
}
else
{
ereg=/^[1-9][0-9]{5}[0-9]{2}((01|03|05|07|08|10|12)(0[1-9]|[1-2][0-9]|3[0-1])|(04|06|09|11)(0[1-9]|[1-2][0-9]|30)|02(0[1-9]|1[0-9]|2[0-8]))[0-9]{3}$/;//测试出生日期的合法性
}
if(ereg.test(idcard)) return true;
else return false;
break;
case 18:
//18位身份号码检测
//出生日期的合法性检查
//闰年月日:((01|03|05|07|08|10|12)(0[1-9]|[1-2][0-9]|3[0-1])|(04|06|09|11)(0[1-9]|[1-2][0-9]|30)|02(0[1-9]|[1-2][0-9]))
//平年月日:((01|03|05|07|08|10|12)(0[1-9]|[1-2][0-9]|3[0-1])|(04|06|09|11)(0[1-9]|[1-2][0-9]|30)|02(0[1-9]|1[0-9]|2[0-8]))
if ( parseInt(idcard.substr(6,4)) % 4 == 0 ||
(parseInt(idcard.substr(6,4)) % 100 == 0 &&parseInt(idcard.substr(6,4))%4 == 0 ))
{
ereg=/^[1-9][0-9]{5}19[0-9]{2}((01|03|05|07|08|10|12)(0[1-9]|[1-2][0-9]|3[0-1])|(04|06|09|11)(0[1-9]|[1-2][0-9]|30)|02(0[1-9]|[1-2][0-9]))[0-9]{3}[0-9Xx]$/;//闰年出生日期的合法性正则表达式
}
else
{
ereg=/^[1-9][0-9]{5}19[0-9]{2}((01|03|05|07|08|10|12)(0[1-9]|[1-2][0-9]|3[0-1])|(04|06|09|11)(0[1-9]|[1-2][0-9]|30)|02(0[1-9]|1[0-9]|2[0-8]))[0-9]{3}[0-9Xx]$/;//平年出生日期的合法性正则表达式
}
if(ereg.test(idcard))
{//测试出生日期的合法性
//计算校验位
S = (parseInt(idcard_array[0]) + parseInt(idcard_array[10])) * 7
+ (parseInt(idcard_array[1]) + parseInt(idcard_array[11])) * 9
+ (parseInt(idcard_array[2]) + parseInt(idcard_array[12])) * 10
+ (parseInt(idcard_array[3]) + parseInt(idcard_array[13])) * 5
+ (parseInt(idcard_array[4]) + parseInt(idcard_array[14])) * 8
+ (parseInt(idcard_array[5]) + parseInt(idcard_array[15])) * 4
+ (parseInt(idcard_array[6]) + parseInt(idcard_array[16])) * 2
+ parseInt(idcard_array[7]) * 1
+ parseInt(idcard_array[8]) * 6
+ parseInt(idcard_array[9]) * 3 ;
Y = S % 11;
M = "F";
JYM = "10X98765432";
M = JYM.substr(Y,1);//判断校验位
if(M == idcard_array[17]) true; //检测ID的校验位
else return false;
}
else return false;
break;
default:
return false;
break;
}
return true;
}
\ No newline at end of file
......
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, user-scalable=no" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<meta name="format-detection" content="telephone=no">
<meta name="screen-orientation" content="portrait">
<meta name="full-screen" content="yes">
<meta http-equiv="x-ua-compatible" content="IE=edge" />
<link href="skin/login.css?v=2016" type="text/css" rel="stylesheet" />
<link id="skin" data-v="20150923001" type="text/css" rel="stylesheet" />
<title>
平台登录
</title>
</head>
<body>
<input type="hidden" name="loginUserName" value="">
<input type="hidden" name="loginPassword" value="">
<div class="mask">
<div class="container_load" id="loading">
<div class="content">
<div class="circle"></div>
<div class="circle1"></div>
</div>
</div>
<div class="alert alert-success hide" id="alert">
<!--<button type="button" class="close" data-dismiss="alert">&times;</button>-->
<span></span>
</div>
<!-- 登录模块 -->
<section id="login" class="" data-replace="1">
<div class="new-sdk-container">
<div class="new-container-box">
<div class="SDK-titlebox"></div>
<form action="/sdk/login" method="post" class="ajax align-left clearfix">
<div class="new-sdk-logo"><a href="#"><img src="images/new-sdk-logo.png"></a></div>
<div class="new-sdk-main">
<div class="inputbox clearfix" style="position: relative;">
<div class="ileft">账号:</div>
<div class="iright">
<input type="text" name="username" placeholder="请输入账号" id="js_login_username">
<div class="bottom-icon drop-down">
<i class="iconfont icon-xiangxia"></i>
</div>
</div>
<div class="pull-box horizontall">
<ul class="drop-ul">
</ul>
</div>
</div>
<div class="inputbox clearfix">
<div class="ileft">密码:</div>
<div class="iright"><input type="password" name="password" placeholder="请输入密码" id="js_login_password"></div>
</div>
<div class="other-login clearfix">
<p class="other-login-bx hide">第三方登录
<a title="新浪微博帐号登录" data-replace="href" href="/user/auth2/sina/login/?next=/static/sdk/login.html&app_id={app_id}" class="sina hide">
<i class=" iconfont icon-unie61d"></i>
</a>
<a title="QQ号码登录" data-replace="href" href="/user/auth2/qq/login/?next=/static/sdk/login.html&app_id={app_id}" class="qq iframe hide">
</a>
<a title="微信登录" data-replace="href" href="sdk://weixinlogin?app_id={app_id}&next=/static/sdk/login.html" class="weixin hide">
</a>
</p>
<label><a href="#find_pwd" class="forgetpsw">找回密码</a></label>
<div class="clear"></div>
<label onclick="" class="input-control pull-left hide" >
<input type="checkbox" checked="checked" class="eg" ></input>
进入帐号管理界面
</label>
</div>
</div>
<ul class="inline-btn login-inline-btn">
<li>
<a method="post" class="btn btn_pri_block" href="#register">一键注册</a>
</li>
<li>
<!-- <a class="op-guest" data-replace="href" method="post" href="/sdk/register?type=-1&app_id={app_id}">一键注册</a> -->
<a class="btn larg btn-orange submit" utocomplete="off" >登录</a>
</li>
</ul>
</form>
</div>
</div>
</section>
<!-- end -->
<!-- 登录前模块 -->
<section id="login_before" class="hide" data-replace="1">
<div class="new-sdk-container">
<div class="new-container-box">
<div class="SDK-titlebox"></div>
<div class="new-sdk-logo"><a href="#"><img src="images/new-sdk-logo.png"></a></div>
<div class="login-third-list">
<div class="title">请选择快速登录</div>
<div class="third-list">
<ul>
<li class="login_case_qq"><a title="QQ帐号登录" class="qq qq iframe" data-replace="href" href="/user/auth2/qq/login/?next=/sdk/login?app_id={app_id}"><div class="third-icon third-qq"></div><p>QQ登陆</p></a></li>
<li><a href="#register"><div class="third-icon third-guest"></div><p>游客登录</p></a></li>
<div class="clear"></div>
</ul>
</div>
<div class="only-btn"><a href="#login">返回</a></div>
</div>
</div>
</div>
</section>
<!-- end-->
<!-- 注册模块 -->
<section id="register" class="hide">
<div class="new-sdk-container">
<div class="SDK-titlebox"></div>
<div class="new-sdk-logo"><a href="#"><img src="images/new-sdk-logo.png"></a></div>
<form action="/sdk/register" class="ajax clearfix">
<div class="new-sdk-main">
<div class="inputbox clearfix">
<div class="ileft">账号:</div>
<div class="iright">
<input type="text" name="username" placeholder="帐号由3-18个英文、数字、点、减号、下划线组成" required>
<!--<div class="bottom-icon drop-down">
<i class="iconfont icon-xiangxia"></i>
</div>-->
</div>
</div>
<div class="inputbox clearfix">
<div class="ileft">密码:</div>
<div class="iright"><input name="password" placeholder="密码长度为6-16个字符,不能包含空格" required></div>
</div>
<div class="ag-tx clearfix">
<span data-action="agreement" >
<div class="checkbox checkbox-2 l" >
<i class="iconfont icon-xuanzhong"></i>
</div>
<p class="l">接受<a href="#agreement">网络服务协议</a></p>
</span>
</div>
</div>
<input type="hidden" name="old_usernmae" value="-1">
<input type="hidden" name="type" value="-1">
<ul class="inline-btn">
<li><a class="btn btn_pri_block btn-orange" href="#home">返回</a></li>
<li><input type="button" class="submit btn larg" id="btn-regist" value="确定注册"></li>
</ul>
</form>
</div>
</section>
<!-- end -->
<!-- 协议模块 -->
<section id="agreement" class="hide">
<div class="new-sdk-container">
<div class="SDK-titlebox"></div>
<div class="new-sdk-logo"><a href="#"><img src="images/new-sdk-logo.png"></a></div>
<div class="new-sdk-content" style="overflow: hidden;">
<h3>网络服务协议</h3>
<div class="content-main" style="height: 220px;">
<iframe src="agreement.html" name="myiframe" id="iframepage" frameborder="0" scrolling="auto" width="100%"></iframe>
</div>
</div>
<div class="only-btn inline-btn">
<a href="#register" class="submit btn-orange">确定</a>
<div class="agreement l" style="margin-right: 0;">
<div class="checkbox checkbox-2 l" >
<i class="iconfont icon-xuanzhong"></i>
</div>
<p class="l">已阅读</p>
</div>
</div>
</div>
</section>
<!-- end -->
<!-- 活动公告模块 -->
<section id="activity" class="hide" data-auth="1">
<div class="new-sdk-container">
<div class="SDK-titlebox"></div>
<div class="user-center">
<a href="#home" class="lefticon">
<i class="iconfont icon-fanhui"></i>
</a>
活动公告
<!--<a href="#message" class="btn-link posrgt">
个人消息
</a>-->
</div>
<div class="container activity">
<div class="box_info_center" style="height: 100%;">
<div id="activity_wrapper" style="position: relative" class="scroll">
<ol class="activity-list list" data-role="ajax-html"
data-params-url="/sdk/notice/list?page_size=10"
data-params-template="tpl_activity">
</ol>
</div>
</div>
</div>
</div>
</section>
<!-- end -->
<!-- 活动公告详细页面模块 -->
<section id="activity_detail" class="hide" data-auth="1" data-attr="dot">
</section>
<!-- end -->
<!-- 消息列表模块 -->
<section id="message" class="hide" data-auth="1">
<div class="new-sdk-container">
<div class="SDK-titlebox"></div>
<div class="user-center">
<a href="#activity" class="lefticon op-back">
<i class="iconfont icon-fanhui"></i>
</a>
个人消息
</div>
<div class="container activity">
<div class="box_info_center">
<div id="message_wrapper" style="position: relative" class="scroll">
<ol class="message-list list" data-role="ajax-html"
data-params-url="/message/list?page_size=10"
data-params-template="tpl_message_list">
</ol>
</div>
</div>
</div>
</div>
</section>
<!-- end -->
<section id="message_detail" class="hide" data-attr="dot">
</section>
<section id="identityCard" class="hide" data-attr="dot">
</section>
<section id="identityCard_ok" class="hide" data-attr="dot">
</section>
<!-- 找回密码模块 -->
<section id="find_pwd" class="hide" data-replace="1">
<input type="hidden" name="pwd_code" value="">
<div class="new-sdk-container">
<div class="SDK-titlebox"></div>
<div class="user-center" style="border-bottom: none;">
<a href="#login" class="lefticon">
<i class="iconfont icon-fanhui"></i>
</a>
<span>找回密码</span>
</div>
<div class="pwd_box">
<ul class="step-tab">
<li><a href="javascript:;">通过手机找回</a></li>
<li><a href="javascript:;">通过密保找回</a></li>
<!--<li><a href="javascript:;">通过邮箱找回</a></li>-->
<li><a href="javascript:;">联系客服</a></li>
</ul>
<div class="step-box">
<div id="mobile_get_pwd_form" class="hide" style="border-top: 1px solid #fff;">
<div class="new-sdk-box">
<div class="input" style="padding: 15px 0;">
<input id="js_findPSW_accout" type="text" required name="accout" placeholder="请输入您的账号" style="margin: 0;">
</div>
<div class="input" style="padding: 15px 0;">
<input id="js_findPSW_mobile" type="text" required name="mobile" placeholder="请输入您绑定的手机号码" style="margin: 0;">
</div>
<div class="inputCode clearfix">
<div class="input fl" style="padding: 15px 0;">
<input id="js_findPSW_ranks" type="text" required name="mobilecode" placeholder="请输入短信验证码" style="margin: 0;">
</div>
<a href="javascript:;" class="getCode" id="js_findPSW_getcode" style="padding:15px 0;">获取验证码</a>
</div>
<ul class="inline-btn" style="margin-top: 15px;">
<li style="background: none;"><a class="larg btn btn-orange" value="" id="js_findPSW_confirm">确定</a></li>
<li style="background: none; border-radius: 20px;"><a class="btn" href="#home" id="returnhome">返回</a></li>
</ul>
</div>
</div>
<div id="question_get_pwd_form" action="/sdk/find/question" todo="get_question_callback" method="post" class="function-list-content ajax hide form">
<div class="question-input-box clearfix">
<div class="pull-left qib-txt">
您的账户:
</div>
<div class="pull-left qib-input">
<input type="text" name="username" placeholder="输入您的账号" style="text-align: left;" class="function-input username" required/>
</div>
</div>
<a href="javascript:;" class="pwd_btn op-primary btn-orange">确定</a>
</div>
<!--<div id="email_get_pwd_form" action="/user/password_by_mail" todo="password_by_mail_callback" class="function-list-content ajax hide form">
<input type="text" name="email" placeholder="输入您绑定的邮箱地址" class="function-input mail" style="margin: 0 0 30px;"/>
<a href="javascript:;" class="pwd_btn op-primary btn-orange">确定</a>
</div>-->
<div class="function-list-content hide">
<div class="pwd_txt">
<div class="default_text">
<p>客服QQ:<a href="javascript:;" id="js_kefu_qq"></a></p>
<p>客服电话:<a href="tel:"></a></p>
<p>玩家交流群:<a href="javascript:;" id="js_player"></a></p>
</div>
<div class="get_text"></div>
</div>
<a href="javascript:;" class="kefu_subbtn">确定</a>
</div>
<div class="reset_psw_mobile hide" style="border-top: 1px solid #fff;">
<div class="new-sdk-box">
<div class="acount-name">
<p style="margin-top: 0;">账号:<span id="js_UserName" style="color: #000;"></span></p>
</div>
<div class="inputCode clearfix">
<div class="input fl" style="width: 100%; padding:15px 0;">
<input type="text" required placeholder="请输入新密码" id="js_reset_newpsw" style="margin: 0; text-align: left; padding: 0 20px;">
</div>
</div>
<div class="ag-tx clearfix">
<span data-action="">
<div class="checkbox checkbox-2 l">
<i class="iconfont icon-xuanzhong"></i>
</div>
<p class="l" style="margin-top: 0;">显示密码</p>
</span>
</div>
<a href="javascript:;" class="btn-orange" id="js_confirm_resetnewpsw">保存修改</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- end -->
<section id="help" class="hide" data-auth="1">
<div class="header">
<span class="title">手游平台</span>
<a class="btn pull-left op-back" href="#home">返回</a>
</div>
<div class="container">
<div class="box_info_center">
<div class='align-left'>
</div>
</div>
</div>
</section>
<!-- 首页模块 -->
<section id="home" class="hide" data-attr="dot" data-auth="1"></section>
<!-- 重置密码模块 -->
<section id="reset_pwd" data-attr="dot" class="hide"></section>
<!-- 修改密码模块 -->
<section id="modify_pwd" data-attr="dot" class="hide" data-auth="1"></section>
<!-- 密保模块 -->
<section id="mibao" data-attr="dot" class="hide" data-auth="1"></section>
<!-- 回答密保模块 -->
<section id="answer_question" data-attr="dot" class="hide"></section>
<!-- 绑定模块 -->
<section id="bind" data-attr="dot" class="hide" data-auth="1"></section>
<!-- 绑定手机 -->
<section id="bindMobile" data-attr="dot" class="hide" data-auth="1"></section>
<!-- 解绑手机模块 -->
<section id="unbindMobile" data-attr="dot" class="hide" data-auth="1"></section>
<!-- 绑定邮箱模块 -->
<section id="mail" data-attr="dot" class="hide" data-auth="1"></section>
<!-- doT模板 -->
<section id="frame" data-attr="dot" class="hide" ></section>
<script id="frame_template" type="text/x-jquery-tmpl" >
<div class="new-sdk-container">
<div class="SDK-titlebox"></div>
<div class="new-sdk-logo" style="position: relative; margin-bottom: 25px;">
<a href="#"><img src="images/new-sdk-logo.png"></a>
<a href="#login" class="lefticon" style="position: absolute; left: 37px; top: 20px;">
<i class="iconfont icon-fanhui"></i>
</a>
</div>
<div class="container" style=" margin-bottom: 20px;">
<div class="ios_scroll">
<iframe frameborder=0 src="{{=Core.Data.frame_src}}" scrolling="yes" width="100%" height="100%"></iframe>
</div>
</div>
</div>
</script>
<script id="home_template" type="text/x-jquery-tmpl">
<input type="hidden" name="initUserName" value="{{=Core.Data.nickname}}" />
<div class="new-sdk-container">
<div class="new-container-box">
<div class="SDK-titlebox"></div>
<div class="user-center">
用户中心
<a href="/sdk/logout" class="op-logout">切换账户</a>
</div>
{{? Core.Data.is_guest == 1}}
<div class="user-center-box">
<div class="top clearfix">
<div class="pull-left txt w_45">
<p>欢迎您!</p>
<p>{{=Core.Data.nickname}}</p>
</div>
<div class="inline-btn pull-right w_45">
{{? Core.Data.force_auth == 1 && Core.Data.compellation_name == "" && Core.Data.identity_card == ""}}
<a href="#identityCard" class="btn btn-orange js-enter-game">进入游戏</a>
{{??}}
<a href="javascript:Core.finishLogin()" class="btn btn-orange">进入游戏</a>
{{?}}
</div>
</div>
<div class="bind-user">
<div class="w_50 txt" style="display: inline-block; vertical-align: middle;">
您当前还是游客,为保证账号安全,请升级账号!
</div>
<div class="inline-btn w_45" style="display: inline-block; vertical-align: ;">
<a class="btn btn-bind" href="#modify_pwd">马上升级</a>
</div>
</div>
<p style="text-align: center;font-size: 20px; color: #949494; position: absolute; width: 100%; bottom: 10px;left:0;">{{=Core.Data.kefu_info[0]}}</p>
</div>
{{?? Core.Data.is_guest == 2}}<!--1:游客登录;2:第三方登录;0:正式用户登录-->
<div class="user-center-box">
<div class="top clearfix" style="border-bottom: none;">
<div class="pull-left txt w_45">
<p>欢迎您!</p>
<p>{{=Core.Data.nickname}}</p>
</div>
<div class="inline-btn pull-right w_45">
{{? Core.Data.force_auth == 1 && Core.Data.compellation_name == "" && Core.Data.identity_card == ""}}
<a href="#identityCard" class="btn btn-orange js-enter-game">进入游戏</a>
{{??}}
<a href="javascript:Core.finishLogin()" class="btn btn-orange">进入游戏</a>
{{?}}
</div>
</div>
{{? Core.Data.bind_phone === ""}}
<ul class="list-item clearfix">
<li style="position: relative;"><a href="#bindMobile">绑定手机</a><span class="redround"></span></li>
<li><a href="#mibao">设置密保</a></li>
<li><a href="#modify_pwd">修改密码</a></li>
</ul>
{{??}}
<ul class="list-item clearfix">
<li style="width:50%;"><a href="#unbindMobile">解绑手机</a></li>
<li style="width:50%;"><a href="#mibao">设置密保</a></li>
</ul>
<ul class="list-item clearfix" style="border-top:none;">
<li style="width:50%;"><a href="#modify_pwd">修改密码</a></li>
<li style="width:50%;"><a href="#identityCard">实名认证</a></li>
</ul>
<p style="text-align: center;font-size: 20px; color: #949494; position: absolute; width: 100%; bottom: 10px;left:0;">{{=Core.Data.kefu_info[0]}}</p>
{{?}}
</div>
{{?? Core.Data.is_guest == 0}}
<div class="user-center-box">
<div class="top clearfix" style="border-bottom: none;">
<div class="pull-left txt w_45">
<p>欢迎您!</p>
<p>{{=Core.Data.nickname}}</p>
</div>
<div class="inline-btn pull-right w_45">
{{? Core.Data.force_auth == 1 && Core.Data.compellation_name == "" && Core.Data.identity_card == ""}}
<a href="#identityCard" class="btn btn-orange js-enter-game">进入游戏</a>
{{??}}
<a href="javascript:Core.finishLogin()" class="btn btn-orange">进入游戏</a>
{{?}}
</div>
</div>
{{? Core.Data.force_auth == 1}}
<ul class="list-item clearfix">
{{? Core.Data.bind_phone === ""}}
<li style="position: relative;width:50%;"><a href="#bindMobile">绑定手机</a><span class="redround"></span></li>
{{??}}
<li style="width:50%;"><a href="#unbindMobile">解绑手机</a></li>
{{?}}
<li style="width:50%;"><a href="#mibao">设置密保</a></li>
</ul>
<ul class="list-item clearfix" style="border-top:none;">
<li style="width:50%;"><a href="#modify_pwd">修改密码</a></li>
{{? Core.Data.compellation_name === "" && Core.Data.identity_card === ""}}
<li style="width:50%;"><a href="#identityCard">实名认证</a></li>
{{??}}
<li style="width:50%;position:relative;"><a href="#identityCard_ok">实名认证
<span style="position:absolute;right:5px;top:5px;color:#fff;background:#ff9600;padding:3px 10px;border-radius:10px;font-size:20px;">已认证</span>
</a></li>
{{?}}
</ul>
<p style="text-align: center;font-size: 20px; color: #949494; position: absolute; width: 100%; bottom: 10px;left:0;">{{=Core.Data.kefu_info[0]}}</p>
{{??}}
{{? Core.Data.bind_phone === ""}}
<ul class="list-item clearfix">
<li style="position: relative;"><a href="#bindMobile">绑定手机</a><span class="redround"></span></li>
<li><a href="#mibao">设置密保</a></li>
<li><a href="#modify_pwd">修改密码</a></li>
</ul>
<p style="text-align: center;font-size: 20px; color: #949494; position: absolute; width: 100%; bottom: 1em;left:0;">{{=Core.Data.kefu_info[0]}}</p>
{{??}}
<ul class="list-item clearfix">
<li style="width:50%;"><a href="#unbindMobile">解绑手机</a></li>
<li style="width:50%;"><a href="#mibao">设置密保</a></li>
</ul>
<ul class="list-item clearfix" style="border-top:none;">
<li style="width:50%;"><a href="#modify_pwd">修改密码</a></li>
{{? Core.Data.compellation_name === "" && Core.Data.identity_card === ""}}
<li style="width:50%;"><a href="#identityCard">实名认证</a></li>
{{??}}
<li style="width:50%;position:relative;"><a href="#identityCard_ok">实名认证
<span style="position:absolute;right:5px;top:5px;color:#fff;background:#ff9600;padding:3px 10px;border-radius:10px;font-size:20px;">已认证</span>
</a></li>
{{?}}
</ul>
<p style="text-align: center;font-size: 20px; color: #949494; position: absolute; width: 100%; bottom: 10px;left:0;">{{=Core.Data.kefu_info[0]}}</p>
{{?}}
{{?}}
<!--<ul class="list-item clearfix">
{{? Core.Data.bind_phone === ""}}
<li style="position: relative;"><a href="#bindMobile">绑定手机</a><span class="redround"></span></li>
{{??}}
<li><a href="#unbindMobile">解绑手机</a></li>
<li><a href="#">实名认证</a></li>
{{?}}
<li><a href="#mibao">设置密保</a></li>
<li><a href="#modify_pwd">修改密码</a></li>
</ul>-->
</div>
{{?}}
</div>
</div>
</script>
<script id="mail_template" type="text/x-jquery-tmpl" >
<div class="new-sdk-container">
<div class="SDK-titlebox"></div>
<div class="user-center">
<a href="#home" class="lefticon">
<i class="iconfont icon-fanhui"></i>
</a>
绑定邮箱
</div>
{{? Core.Data.bind_mail_statu == 0}}
<div class="new-sdk-box">
<div class="acount-name">
账号:{{=Core.Data.username}}
</div>
<form id="pwd_by_question_form" action="/user/bind_mail" class="ajax" method="post">
<div class="input" style="padding: 0;">
<input type="text" name="email" required placeholder="请输入你要绑定的邮箱">
<input type="text" value="1" name="email_1" required placeholder="请输入你要绑定的邮箱" style="display: none;">
</div>
</form>
<p>提示:发送绑定邮件后,请您登录邮箱操作!</p>
</div>
<ul class="inline-btn">
<li style="margin: 0 auto; padding: 1em 0; float: none;">
<a class="submit btn larg btn-orange" href="">发送绑定邮件</a>
</li>
</ul>
{{?? Core.Data.bind_mail_statu == 1}}
<div class="new-sdk-box">
<form id="bind_mail_form" action="/user/bind_mail" class="ajax" todo="bind_mail_callback" style="display:none; ">
<div class="input">
<input type="text" name="email" required placeholder="输入想要绑定的邮箱地址">
<input type="text" value="1" name="email_1" required placeholder="请输入你要绑定的邮箱" style="display: none;">
</div>
</form>
<p>待绑定邮箱:<span class="text-info">{{=Core.Data.mail}}</span></p>
</div>
<ul class="inline-btn">
<li style="margin: 0 auto; padding: 1em 0; float: none;" id="change-mail-btn" class=""><a class="btn larg btn-orange" href="#">更换邮箱</a></li>
<li style="margin: 0 auto; padding: 1em 0; float: none; background: #ff9600;" id="bind-mail-btn" class="hide"><a class="btn larg op-primary btn-orange" href="#home">保存设置</a></li>
</ul>
{{?? Core.Data.bind_mail_statu == 2}}
<div class="new-sdk-box">
<div class="input" style="padding: 0;">
<input type="text" name="email" required disabled="disabled" value="{{=Core.Data.mail}}">
</div>
<p>可以通过绑定的邮箱找回密码</p>
</div>
{{?}}
</div>
</script>
<script id="reset_pwd_template" type="text/x-jquery-tmpl" >
<div class="new-sdk-container">
<div class="SDK-titlebox"></div>
<div class="new-sdk-box">
<div class="question-input mt10">
账号:{{=Core.Data.username}}
</div>
<div class="question-input mt10">
<p>你的新密码是:{{=Core.Data.new_pwd}}</p>
<p style="color: #949494;">请妥善保管,切勿外泄</p>
</div>
</div>
<ul class="inline-btn">
<li style="float: none; margin: 0 auto;"><a class="larg btn btn-orange" href="#login">我知道了</a></li>
</ul>
</div>
</script>
<script id="modify_pwd_template" type="text/x-jquery-tmpl">
<div class="new-sdk-container">
<div class="SDK-titlebox"></div>
<div class="user-center">
<a href="#home" class="lefticon">
<i class="iconfont icon-fanhui"></i>
</a>
{{? Core.Data.is_guest == 1}}升级账号{{??}}修改密码{{?}}
</div>
<form action="/sdk/change_password" mthod="post" class="ajax " todo="modify_pwd_callback" >
<div class="new-sdk-box">
<div class="input new-sdk-psw clearfix">
<i>{{? Core.Data.is_guest == 1}}正式账号:{{??}}旧密码:{{?}}</i>
<label>
<input {{? Core.Data.is_guest == 1}}type="text"{{??}}type="password"{{?}} class="old_pwd required " name="{{? Core.Data.is_guest >= 1}}username{{??}}password{{?}}" value="{{? Core.Data.new_pwd}}{{=Core.Data.new_pwd}}{{?}}" required="required" placeholder="{{? Core.Data.is_guest == 1}}请输入3-18位字母或数字{{??}}请输入旧密码{{?}}" required/>
</label>
</div>
<div class="input new-sdk-psw clearfix">
<i>{{? Core.Data.is_guest == 1}}正式密码:{{??}}新密码:{{?}}</i>
<label>
<input class="" name="newpwd" required type="text" placeholder="{{? Core.Data.is_guest == 1}}请输入6-16位字母或数字{{??}}请输入密码{{?}}" />
</label>
</div>
{{? Core.Data.is_guest == 1}}<p>升级账号成功之后,<span class="red">游客账号作废</span>,请妥善保管正式账号</p>{{??}}{{?}}
</div>
<ul class="inline-btn">
<li style="margin: 0 auto; padding: 1em 0; float: none;">
<a class="submit btn larg btn-orange" autocomplete="off" >保存更改</a>
</li>
</ul>
</form>
</div>
</script>
<script id="identityCard_template" type="text/x-jquery-tmpl" >
<div class="new-sdk-container">
<div class="SDK-titlebox"></div>
<div class="user-center">
<a href="#home" class="lefticon">
<i class="iconfont icon-fanhui"></i>
</a>
实名认证
</div>
<form action="/user/bind_identity_card" method="post" class="ajax" onkeydown="if(event.keyCode==13) return false;" >
<div class="new-sdk-box">
<div class="input" style="padding:0 25px;"><input type="text" name="identity_card" required placeholder="请输入注册身份证号码" style="text-align: left;"></div>
<div class="input" style="padding:0 25px;"><input type="text" name="compellation_name" required placeholder="请输入姓名" style="text-align: left;"></div>
</div>
<ul class="inline-btn">
<li style="padding: 1em 0; float: none; margin: 0 auto;"><a class="submit btn larg btn-orange" autocomplete="off">提交</a></li>
</ul>
</form>
</div>
</script>
<script id="mibao_template" type="text/x-jquery-tmpl" >
{{? Core.Data.safe_question == "" }}
<div class="new-sdk-container">
<div class="SDK-titlebox"></div>
<div class="user-center">
<a href="#home" class="lefticon">
<i class="iconfont icon-fanhui"></i>
</a>
设置密保
</div>
<form action="/sdk/set_mibao" mthod="post" class="ajax" todo="mibao_callback" onkeydown="if(event.keyCode==13) return false;" >
<div class="new-sdk-box">
<div class="input select" style="padding:0 25px; position: relative;">
<select name="question" class="" >
{{~ Core.Data.question_list :item:index }}
<option value='{{=item}}'>{{=item}}</option>
{{~}}
</select>
<i class="iconfont icon-xiangxia" style="
position: absolute;
right: -25px;
top: 21px;
"></i>
</div>
<div class="input" style="padding:0 25px;"><input type="text" name="answer" required placeholder="输入密保保护答案" style="text-align: left;"></div>
<p style="color: #595757; font-size: 18px; margin-top: 10px;">设置密保,能通过回答问题找回忘记的密码</p>
</div>
<ul class="inline-btn">
<li style="padding: 1em 0; float: none; margin: 0 auto;"><a class="submit btn larg btn-orange" autocomplete="off">保存设置</a></li>
</ul>
</form>
</div>
{{??}}
<div class="new-sdk-container">
<div class="SDK-titlebox"></div>
<div class="user-center">
<a href="#home" class="lefticon">
<i class="iconfont icon-fanhui"></i>
</a>
设置密保
</div>
<form action="">
<div class="new-sdk-box">
<p>问题:{{=Core.Data.safe_question}}</p>
<p>答案:{{=Core.Data.safe_answer}}</p>
</div>
</form>
</div>
{{?}}
</script>
<script id="answer_question_template" type="text/x-jquery-tmpl" >
<div class="new-sdk-container">
<div class="SDK-titlebox"></div>
<div class="user-center">
<a href="#login" class="lefticon back-btn">
<i class="iconfont icon-fanhui"></i>
</a>
密保找回密码
</div>
<div class="new-sdk-box" style="border-top: 1px solid #c4c3c3;">
<div id="pwd_by_question_form" action="/sdk/find/question/" class="ajax " method="post" >
<input type="hidden" name="username" value="{{=Core.Data.ans_temp.username}}" />
<input type="hidden" name="question" value="{{=Core.Data.ans_temp.question}}" />
<div class="question-input" style="margin-bottom: 20px;">
{{=Core.Data.ans_temp.question}}
<i class="iconfont icon-xiangxia"></i>
</div>
<div class="input" style="padding: 0;">
<input type="text" name="answer" required class="larg " placeholder="请输入答案" required/>
</div>
</div>
</div>
<ul class="inline-btn">
<li style="float: none; margin: 0 auto;"><a class="larg btn btn-orange submit op-primary" >确定</a></li>
</ul>
</div>
</script>
<script id="bind_template" type="text/x-jquery-tmpl" >
<div class="new-sdk-container">
<div class="SDK-titlebox"></div>
<div class="user-center">
<a href="#login" class="lefticon">
<i class="iconfont icon-fanhui"></i>
</a>
绑定手机
</div>
<div class="new-sdk-box">
{{? Core.Data.bind_phone == "" && Core.Data.bind_statu == 0 }}
<div class="acount-name">
账号:{{=Core.Data.username}}
</div>
<form id="bind_phone_form" action="/user/bind_mobile" class="ajax" todo="bind_phone_callback" >
<div class="input" style="padding: 0;">
<input id="js_iphone" type="text" required name="mobile" placeholder="请输入您要绑定的手机号码">
</div>
<div class="inputCode clearfix">
<div class="input fl">
<input id="js_ranks" type="text" required name="mobilecode" placeholder="请输入短信验证码">
</div>
<a href="javascript:;" class="getCode" id="js_getcode">获取验证码</a>
</div>
<ul class="inline-btn">
<li><a class="larg btn btn-orange submit" id="js_conform" value="" >确定</a></li>
<li><a class="btn" href="#home">返回</a></li>
</ul>
</form>
{{?? Core.Data.bind_statu == 1}}
<form id="bind_phone_form" action="/user/bind_mobile" class="ajax" todo="bind_phone_callback" >
<div class="new-sdk-box">
<div class="input" style="padding: 0;"><input type="text" required name="mobile" placeholder="{{=Core.Data.bind_phone}}"></div>
<p>当前号码待绑定,更换手机号码请直接修改</p>
<p>请用绑定的手机拨打<span>{{=Core.Data.mobile_helper_number}}</span>(电话会自动挂断,此呼叫免费)完成绑定,才可以通过手机修改密码。</p>
</div>
<ul class="inline-btn">
<li><a class="larg btn btn-orange submit" >保存设置</a></li>
<li><a class="btn" href="#home">返回</a></li>
</ul>
</form>
{{?? Core.Data.bind_statu == 2}}
<form action="">
<div class="new-sdk-box">
<div class="input" style="padding: 0;"><input type="text" value="{{=Core.Data.bind_phone}}"></div>
<p>解除绑定,请用绑定的手机发送短信内容“<span>qxbd</span>”发送到<span>{{=Core.Data.mobile_helper_number}}</span></p>
</div>
<div class="only-btn"><a class="btn" href="#home">返回</a></div>
</form>
{{?}}
</div>
</div>
</script>
<script id="bindMobile_template" type="text/x-jquery-tmpl">
<div class="new-sdk-container">
<div class="SDK-titlebox"></div>
<div class="user-center">
<a href="#home" class="lefticon">
<i class="iconfont icon-fanhui"></i>
</a>
绑定手机
</div>
<div class="new-sdk-box">
<div class="acount-name">
账号:{{=Core.Data.username}}
</div>
<form id="bind_mobile_form" action="/user/bind_mobile">
<div class="input" style="padding: 0;">
<input id="js_iphone" type="text" required placeholder="请输入您要绑定的手机号码">
</div>
<div class="inputCode clearfix">
<div class="input fl">
<input id="js_ranks" type="text" required placeholder="请输入短信验证码">
</div>
<a href="javascript:;" class="getCode" id="js_getcode" style="padding: 20px 0;">获取验证码</a>
</div>
<ul class="inline-btn">
<li><a class="larg btn btn-orange" id="js_conform" value="" >确定</a></li>
<li><a class="btn" href="#home">返回</a></li>
</ul>
</form>
</div>
</div>
</script>
<script id="unbindMobile_template" type="text/x-jquery-tmpl">
<div class="new-sdk-container">
<div class="SDK-titlebox"></div>
<div class="user-center">
<a href="#home" class="lefticon">
<i class="iconfont icon-fanhui"></i>
</a>
解绑手机
</div>
<div class="new-sdk-box">
<div class="acount-name">
<p style="margin-top: 0;">账号:{{=Core.Data.username}}</p>
<p>手机:<span class="phoneMobile"></span></p>
</div>
<form id="unbind_mobile_form" action="/user/bind_mobile">
<div class="inputCode clearfix">
<div class="input fl">
<input id="js_unbind_ranks" type="text" required placeholder="请输入短信验证码">
</div>
<a href="javascript:;" class="getCode" id="js_unbind_getcode" style="padding:20px 0;">获取验证码</a>
</div>
<ul class="inline-btn" style="margin-top: 25px;">
<li><a class="larg btn btn-orange" id="js_unbind" value="" >确定</a></li>
<li><a class="btn" href="#home">返回</a></li>
</ul>
</form>
</div>
</div>
</script>
<script id="identityCard_ok_template" type="text/x-jquery-tmpl">
<div class="new-sdk-container">
<div class="SDK-titlebox"></div>
<div class="user-center">
<a href="#home" class="lefticon">
<i class="iconfont icon-fanhui"></i>
</a>
实名认证
</div>
<div class="new-sdk-box">
<div class="acount-name">
<p style="margin-top: 0;">姓名:<span class="compellation_name"></span></p>
<p>身份证:<span class="identity_card"></span></p>
</div>
</div>
</div>
</script>
<script id="message_detail_template" type="text/x-jquery-tmpl">
<div class="header">
<a class="btn pull-left op-back" href="#message">返回</a>
<span class="title">消息内容</span>
</div>
<div class="container">
<div class="box_info_center">
<div class="message-comm">
<div class="align-center bor_b_h3">
<h3>{{=Core.Data.message_detail.title}}</h3>
<p class="text-info">
<span class="mar-r-10">{{=Core.Data.message_detail.nickname}}</span>
<span>[{{=Core.Data.message_detail.create_time}}]</span>
</p>
</div>
<div class="message_text">
{{=Core.Data.message_detail.content}}
</div>
</div>
</div>
</div>
</script>
<script id="activity_detail_template" type="text/x-jquery-tmpl">
<div class="new-sdk-container" style="background: #fff;">
<div class="SDK-titlebox"></div>
<div class="user-center">
<a href="#activity" class="lefticon">
<i class="iconfont icon-fanhui"></i>
</a>
活动公告详情
</div>
<div class="container activity">
<div class="align-center bor_b_h3 clearfix">
<h3 class="pull-left">{{=Core.Data.activity_detail.title}}</h3>
<p class="text-info pull-right">
<span>{{=Core.Data.activity_detail.notice_time}}</span>
</p>
</div>
<div class="box_info_center" style="height: 100%; margin: 0 37px;">
<div class="detail_scroller scroll" id="detail_scroller">
<div class="activity-comm">
<div class="activity_text">
{{=Core.Data.activity_detail.content}}
</div>
</div>
</div>
</div>
</div>
</div>
</script>
<script id='tpl_message_list_template' type='text/x-jquery-tmpl'>
{{? it.model_list.length == 1 }}
<p>没有消息.</p>
{{??}}
{{~ it.model_list :item:index }}
{{? item.id}}
<li >
<a class="item" data-id="{{=item.id}}">
<span class="pull-right">{{=item.nickname}}</span>
<span class="pull-right text-info mar-r-10">{{=item.create_time}}</span>
<p>
<span class="title">{{=item.title}}</span> {{? item.read == 0}}<span class="statu">未读</span>{{?}}
</p>
</a>
</li>
{{?}}
{{~ }}
{{? it.page_num < it.total_page}}
<li class="more">
<a class="btn" href="/message/list?page_num={{=(it.page_num+1)}}" data-role="ajax-html" data-params-template="tpl_message_list" data-params-append="true" >点击加载更多帖子</a>
</li>
{{?}}
{{?}}
</script>
<script id='tpl_activity_template' type='text/x-jquery-tmpl'>
{{? it.model_list.length == 1 }}
<p style="text-align:center; font-size:30px; margin:20px auto;">没记录...</p>
{{??}}
{{~ it.model_list :item:index }}
{{? item.id}}
<li >
<a class="item" href="#" data-id="{{=item.id}}">
<span class="pull-right act_time">{{=item.notice_time}}</span>
<span class="act_title{{? item.update_time.indexOf('刚刚') > -1}}new{{?}}">{{=item.title}}</span>
</a>
</li>
{{?}}
{{~ }}
{{? it.page_num < it.total_page}}
<li class="more">
<a class="btn" href="/sdk/notice/list?page_num={{=(it.page_num+1)}}" data-role="ajax-html" data-params-template="tpl_activity" data-params-append="true" >点击加载</a>
</li>
{{?}}
{{?}}
</script>
</div>
<script type="text/javascript" src="js/fastclick.min.1.0.js?20150923001"></script>
<script type="text/javascript" src="js/zepto.min.js?20150923001"></script>
<script type="text/javascript" src="js/doT.min.js?20150923001" ></script>
<script type="text/javascript" src="js/iscroll.min.1.0.js?20150923001" ></script>
<script type="text/javascript">
window.isGetData = 0;
$(function() {
FastClick.attach(document.body);
});
</script>
<script type="text/javascript" src="js/core.min.js?20150923001" ></script>
<script type="text/javascript" src="js/login.min.js?2016111" ></script>
<script type="text/javascript" src="js/loader.min.js?20150923001"></script>
<script type="text/javascript" src="js/simpScroller-min.js"></script>
<script type="text/javascript" src="js/identity_id.js" ></script>
<script type="text/javascript">
window.onload = window.onresize = initMatching;
$(function(){
getData('/sdk/login/json');
});
simpScroller(document.querySelector(".horizontall"), {});
// $(document).ready(function(){
// setTimeout(function(){Core.showTips($("meta[name='viewport']")[0].getAttribute("content"));}, 2000)
// })
</script>
</body>
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, user-scalable=no" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<meta name="format-detection" content="telephone=no">
<meta name="screen-orientation" content="portrait">
<meta name="full-screen" content="yes">
<meta http-equiv="x-ua-compatible" content="IE=edge" />
<link href="skin/login.css?v=2016" type="text/css" rel="stylesheet" />
<link id="skin" data-v="20150923001" type="text/css" rel="stylesheet" />
<title>
平台登录
</title>
</head>
<body>
<input type="hidden" name="loginUserName" value="">
<input type="hidden" name="loginPassword" value="">
<div class="mask">
<div class="container_load" id="loading">
<div class="content">
<div class="circle"></div>
<div class="circle1"></div>
</div>
</div>
<div class="alert alert-success hide" id="alert">
<!--<button type="button" class="close" data-dismiss="alert">&times;</button>-->
<span></span>
</div>
<!-- 登录模块 -->
<section id="login" class="" data-replace="1">
<div class="new-sdk-container">
<div class="new-container-box">
<div class="SDK-titlebox"></div>
<form action="/sdk/login" method="post" class="ajax align-left clearfix">
<div class="new-sdk-logo"><a href="#"><img src="images/new-sdk-logo.png"></a></div>
<div class="new-sdk-main">
<div class="inputbox clearfix" style="position: relative;">
<div class="ileft">账号:</div>
<div class="iright">
<input type="text" name="username" placeholder="请输入账号" id="js_login_username">
<div class="bottom-icon drop-down">
<i class="iconfont icon-xiangxia"></i>
</div>
</div>
<div class="pull-box horizontall">
<ul class="drop-ul">
</ul>
</div>
</div>
<div class="inputbox clearfix">
<div class="ileft">密码:</div>
<div class="iright"><input type="password" name="password" placeholder="请输入密码" id="js_login_password"></div>
</div>
<div class="other-login clearfix">
<p class="other-login-bx hide">第三方登录
<a title="新浪微博帐号登录" data-replace="href" href="/user/auth2/sina/login/?next=/static/sdk/login.html&app_id={app_id}" class="sina hide">
<i class=" iconfont icon-unie61d"></i>
</a>
<a title="QQ号码登录" data-replace="href" href="/user/auth2/qq/login/?next=/static/sdk/login.html&app_id={app_id}" class="qq iframe hide">
</a>
<a title="微信登录" data-replace="href" href="sdk://weixinlogin?app_id={app_id}&next=/static/sdk/login.html" class="weixin hide">
</a>
</p>
<label><a href="#find_pwd" class="forgetpsw">找回密码</a></label>
<div class="clear"></div>
<label onclick="" class="input-control pull-left hide" >
<input type="checkbox" checked="checked" class="eg" ></input>
进入帐号管理界面
</label>
</div>
</div>
<ul class="inline-btn login-inline-btn">
<li>
<a method="post" class="btn btn_pri_block" href="#register">一键注册</a>
</li>
<li>
<!-- <a class="op-guest" data-replace="href" method="post" href="/sdk/register?type=-1&app_id={app_id}">一键注册</a> -->
<a class="btn larg btn-orange submit" utocomplete="off" >登录</a>
</li>
</ul>
</form>
</div>
</div>
</section>
<!-- end -->
<!-- 登录前模块 -->
<section id="login_before" class="hide" data-replace="1">
<div class="new-sdk-container">
<div class="new-container-box">
<div class="SDK-titlebox"></div>
<div class="new-sdk-logo"><a href="#"><img src="images/new-sdk-logo.png"></a></div>
<div class="login-third-list">
<div class="title">请选择快速登录</div>
<div class="third-list">
<ul>
<li class="login_case_qq"><a title="QQ帐号登录" class="qq qq iframe" data-replace="href" href="/user/auth2/qq/login/?next=/sdk/login?app_id={app_id}"><div class="third-icon third-qq"></div><p>QQ登陆</p></a></li>
<li><a href="#register"><div class="third-icon third-guest"></div><p>游客登录</p></a></li>
<div class="clear"></div>
</ul>
</div>
<div class="only-btn"><a href="#login">返回</a></div>
</div>
</div>
</div>
</section>
<!-- end-->
<!-- 注册模块 -->
<section id="register" class="hide">
<div class="new-sdk-container">
<div class="SDK-titlebox"></div>
<div class="new-sdk-logo"><a href="#"><img src="images/new-sdk-logo.png"></a></div>
<form action="/sdk/register" class="ajax clearfix">
<div class="new-sdk-main">
<div class="inputbox clearfix">
<div class="ileft">账号:</div>
<div class="iright">
<input type="text" name="username" placeholder="帐号由3-18个英文、数字、点、减号、下划线组成" required>
<!--<div class="bottom-icon drop-down">
<i class="iconfont icon-xiangxia"></i>
</div>-->
</div>
</div>
<div class="inputbox clearfix">
<div class="ileft">密码:</div>
<div class="iright"><input name="password" placeholder="密码长度为6-16个字符,不能包含空格" required></div>
</div>
<div class="ag-tx clearfix">
<span data-action="agreement" >
<div class="checkbox checkbox-2 l" >
<i class="iconfont icon-xuanzhong"></i>
</div>
<p class="l">接受<a href="#agreement">网络服务协议</a></p>
</span>
</div>
</div>
<input type="hidden" name="old_usernmae" value="-1">
<input type="hidden" name="type" value="-1">
<ul class="inline-btn">
<li><a class="btn btn_pri_block btn-orange" href="#home">返回</a></li>
<li><input type="button" class="submit btn larg" id="btn-regist" value="确定注册"></li>
</ul>
</form>
</div>
</section>
<!-- end -->
<!-- 协议模块 -->
<section id="agreement" class="hide">
<div class="new-sdk-container">
<div class="SDK-titlebox"></div>
<div class="new-sdk-logo"><a href="#"><img src="images/new-sdk-logo.png"></a></div>
<div class="new-sdk-content" style="overflow: hidden;">
<h3>网络服务协议</h3>
<div class="content-main" style="height: 220px;">
<iframe src="agreement.html" name="myiframe" id="iframepage" frameborder="0" scrolling="auto" width="100%"></iframe>
</div>
</div>
<div class="only-btn inline-btn">
<a href="#register" class="submit btn-orange">确定</a>
<div class="agreement l" style="margin-right: 0;">
<div class="checkbox checkbox-2 l" >
<i class="iconfont icon-xuanzhong"></i>
</div>
<p class="l">已阅读</p>
</div>
</div>
</div>
</section>
<!-- end -->
<!-- 活动公告模块 -->
<section id="activity" class="hide" data-auth="1">
<div class="new-sdk-container">
<div class="SDK-titlebox"></div>
<div class="user-center">
<a href="#home" class="lefticon">
<i class="iconfont icon-fanhui"></i>
</a>
活动公告
<!--<a href="#message" class="btn-link posrgt">
个人消息
</a>-->
</div>
<div class="container activity">
<div class="box_info_center" style="height: 100%;">
<div id="activity_wrapper" style="position: relative" class="scroll">
<ol class="activity-list list" data-role="ajax-html"
data-params-url="/sdk/notice/list?page_size=10"
data-params-template="tpl_activity">
</ol>
</div>
</div>
</div>
</div>
</section>
<!-- end -->
<!-- 活动公告详细页面模块 -->
<section id="activity_detail" class="hide" data-auth="1" data-attr="dot">
</section>
<!-- end -->
<!-- 消息列表模块 -->
<section id="message" class="hide" data-auth="1">
<div class="new-sdk-container">
<div class="SDK-titlebox"></div>
<div class="user-center">
<a href="#activity" class="lefticon op-back">
<i class="iconfont icon-fanhui"></i>
</a>
个人消息
</div>
<div class="container activity">
<div class="box_info_center">
<div id="message_wrapper" style="position: relative" class="scroll">
<ol class="message-list list" data-role="ajax-html"
data-params-url="/message/list?page_size=10"
data-params-template="tpl_message_list">
</ol>
</div>
</div>
</div>
</div>
</section>
<!-- end -->
<section id="message_detail" class="hide" data-attr="dot">
</section>
<section id="identityCard" class="hide" data-attr="dot">
</section>
<section id="identityCard_ok" class="hide" data-attr="dot">
</section>
<!-- 找回密码模块 -->
<section id="find_pwd" class="hide" data-replace="1">
<input type="hidden" name="pwd_code" value="">
<div class="new-sdk-container">
<div class="SDK-titlebox"></div>
<div class="user-center" style="border-bottom: none;">
<a href="#login" class="lefticon">
<i class="iconfont icon-fanhui"></i>
</a>
<span>找回密码</span>
</div>
<div class="pwd_box">
<ul class="step-tab">
<li><a href="javascript:;">通过手机找回</a></li>
<li><a href="javascript:;">通过密保找回</a></li>
<!--<li><a href="javascript:;">通过邮箱找回</a></li>-->
<li><a href="javascript:;">联系客服</a></li>
</ul>
<div class="step-box">
<div id="mobile_get_pwd_form" class="hide" style="border-top: 1px solid #fff;">
<div class="new-sdk-box">
<div class="input" style="padding: 15px 0;">
<input id="js_findPSW_accout" type="text" required name="accout" placeholder="请输入您的账号" style="margin: 0;">
</div>
<div class="input" style="padding: 15px 0;">
<input id="js_findPSW_mobile" type="text" required name="mobile" placeholder="请输入您绑定的手机号码" style="margin: 0;">
</div>
<div class="inputCode clearfix">
<div class="input fl" style="padding: 15px 0;">
<input id="js_findPSW_ranks" type="text" required name="mobilecode" placeholder="请输入短信验证码" style="margin: 0;">
</div>
<a href="javascript:;" class="getCode" id="js_findPSW_getcode" style="padding:15px 0;">获取验证码</a>
</div>
<ul class="inline-btn" style="margin-top: 15px;">
<li style="background: none;"><a class="larg btn btn-orange" value="" id="js_findPSW_confirm">确定</a></li>
<li style="background: none; border-radius: 20px;"><a class="btn" href="#home" id="returnhome">返回</a></li>
</ul>
</div>
</div>
<div id="question_get_pwd_form" action="/sdk/find/question" todo="get_question_callback" method="post" class="function-list-content ajax hide form">
<div class="question-input-box clearfix">
<div class="pull-left qib-txt">
您的账户:
</div>
<div class="pull-left qib-input">
<input type="text" name="username" placeholder="输入您的账号" style="text-align: left;" class="function-input username" required/>
</div>
</div>
<a href="javascript:;" class="pwd_btn op-primary btn-orange">确定</a>
</div>
<!--<div id="email_get_pwd_form" action="/user/password_by_mail" todo="password_by_mail_callback" class="function-list-content ajax hide form">
<input type="text" name="email" placeholder="输入您绑定的邮箱地址" class="function-input mail" style="margin: 0 0 30px;"/>
<a href="javascript:;" class="pwd_btn op-primary btn-orange">确定</a>
</div>-->
<div class="function-list-content hide">
<div class="pwd_txt">
<div class="default_text">
<p>客服QQ:<a href="javascript:;" id="js_kefu_qq"></a></p>
<p>客服电话:<a href="tel:"></a></p>
<p>玩家交流群:<a href="javascript:;" id="js_player"></a></p>
</div>
<div class="get_text"></div>
</div>
<a href="javascript:;" class="kefu_subbtn">确定</a>
</div>
<div class="reset_psw_mobile hide" style="border-top: 1px solid #fff;">
<div class="new-sdk-box">
<div class="acount-name">
<p style="margin-top: 0;">账号:<span id="js_UserName" style="color: #000;"></span></p>
</div>
<div class="inputCode clearfix">
<div class="input fl" style="width: 100%; padding:15px 0;">
<input type="text" required placeholder="请输入新密码" id="js_reset_newpsw" style="margin: 0; text-align: left; padding: 0 20px;">
</div>
</div>
<div class="ag-tx clearfix">
<span data-action="">
<div class="checkbox checkbox-2 l">
<i class="iconfont icon-xuanzhong"></i>
</div>
<p class="l" style="margin-top: 0;">显示密码</p>
</span>
</div>
<a href="javascript:;" class="btn-orange" id="js_confirm_resetnewpsw">保存修改</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- end -->
<section id="help" class="hide" data-auth="1">
<div class="header">
<span class="title">手游平台</span>
<a class="btn pull-left op-back" href="#home">返回</a>
</div>
<div class="container">
<div class="box_info_center">
<div class='align-left'>
</div>
</div>
</div>
</section>
<!-- 首页模块 -->
<section id="home" class="hide" data-attr="dot" data-auth="1"></section>
<!-- 重置密码模块 -->
<section id="reset_pwd" data-attr="dot" class="hide"></section>
<!-- 修改密码模块 -->
<section id="modify_pwd" data-attr="dot" class="hide" data-auth="1"></section>
<!-- 密保模块 -->
<section id="mibao" data-attr="dot" class="hide" data-auth="1"></section>
<!-- 回答密保模块 -->
<section id="answer_question" data-attr="dot" class="hide"></section>
<!-- 绑定模块 -->
<section id="bind" data-attr="dot" class="hide" data-auth="1"></section>
<!-- 绑定手机 -->
<section id="bindMobile" data-attr="dot" class="hide" data-auth="1"></section>
<!-- 解绑手机模块 -->
<section id="unbindMobile" data-attr="dot" class="hide" data-auth="1"></section>
<!-- 绑定邮箱模块 -->
<section id="mail" data-attr="dot" class="hide" data-auth="1"></section>
<!-- doT模板 -->
<section id="frame" data-attr="dot" class="hide" ></section>
<script id="frame_template" type="text/x-jquery-tmpl" >
<div class="new-sdk-container">
<div class="SDK-titlebox"></div>
<div class="new-sdk-logo" style="position: relative; margin-bottom: 25px;">
<a href="#"><img src="images/new-sdk-logo.png"></a>
<a href="#login" class="lefticon" style="position: absolute; left: 37px; top: 20px;">
<i class="iconfont icon-fanhui"></i>
</a>
</div>
<div class="container" style=" margin-bottom: 20px;">
<div class="ios_scroll">
<iframe frameborder=0 src="{{=Core.Data.frame_src}}" scrolling="yes" width="100%" height="100%"></iframe>
</div>
</div>
</div>
</script>
<script id="home_template" type="text/x-jquery-tmpl">
<input type="hidden" name="initUserName" value="{{=Core.Data.nickname}}" />
<div class="new-sdk-container">
<div class="new-container-box">
<div class="SDK-titlebox"></div>
<div class="user-center">
用户中心
<a href="/sdk/logout" class="op-logout">切换账户</a>
</div>
{{? Core.Data.is_guest == 1}}
<div class="user-center-box">
<div class="top clearfix">
<div class="pull-left txt w_45">
<p>欢迎您!</p>
<p>{{=Core.Data.nickname}}</p>
</div>
<div class="inline-btn pull-right w_45">
{{? Core.Data.force_auth == 1 && Core.Data.compellation_name == "" && Core.Data.identity_card == ""}}
<a href="#identityCard" class="btn btn-orange js-enter-game">进入游戏</a>
{{??}}
<a href="javascript:Core.finishLogin()" class="btn btn-orange">进入游戏</a>
{{?}}
</div>
</div>
<div class="bind-user">
<div class="w_50 txt" style="display: inline-block; vertical-align: middle;">
您当前还是游客,为保证账号安全,请升级账号!
</div>
<div class="inline-btn w_45" style="display: inline-block; vertical-align: ;">
<a class="btn btn-bind" href="#modify_pwd">马上升级</a>
</div>
</div>
{{? Core.Data.kefu_info != ""}}
<p style="text-align: center;font-size: 20px; color: #949494; position: absolute; width: 100%; bottom: 10px;left:0;">{{=Core.Data.kefu_info[0]}}</p>
{{?}}
</div>
{{?? Core.Data.is_guest == 2}}<!--1:游客登录;2:第三方登录;0:正式用户登录-->
<div class="user-center-box">
<div class="top clearfix" style="border-bottom: none;">
<div class="pull-left txt w_45">
<p>欢迎您!</p>
<p>{{=Core.Data.nickname}}</p>
</div>
<div class="inline-btn pull-right w_45">
{{? Core.Data.force_auth == 1 && Core.Data.compellation_name == "" && Core.Data.identity_card == ""}}
<a href="#identityCard" class="btn btn-orange js-enter-game">进入游戏</a>
{{??}}
<a href="javascript:Core.finishLogin()" class="btn btn-orange">进入游戏</a>
{{?}}
</div>
</div>
{{? Core.Data.bind_phone === ""}}
<ul class="list-item clearfix">
<li style="position: relative;"><a href="#bindMobile">绑定手机</a><span class="redround"></span></li>
<li><a href="#mibao">设置密保</a></li>
<li><a href="#modify_pwd">修改密码</a></li>
</ul>
{{??}}
<ul class="list-item clearfix">
<li style="width:50%;"><a href="#unbindMobile">解绑手机</a></li>
<li style="width:50%;"><a href="#mibao">设置密保</a></li>
</ul>
<ul class="list-item clearfix" style="border-top:none;">
<li style="width:50%;"><a href="#modify_pwd">修改密码</a></li>
<li style="width:50%;"><a href="#identityCard">实名认证</a></li>
</ul>
{{? Core.Data.kefu_info != ""}}
<p style="text-align: center;font-size: 20px; color: #949494; position: absolute; width: 100%; bottom: 10px;left:0;">{{=Core.Data.kefu_info[0]}}</p>
{{?}}
{{?}}
</div>
{{?? Core.Data.is_guest == 0}}
<div class="user-center-box">
<div class="top clearfix" style="border-bottom: none;">
<div class="pull-left txt w_45">
<p>欢迎您!</p>
<p>{{=Core.Data.nickname}}</p>
</div>
<div class="inline-btn pull-right w_45">
{{? Core.Data.force_auth == 1 && Core.Data.compellation_name == "" && Core.Data.identity_card == ""}}
<a href="#identityCard" class="btn btn-orange js-enter-game">进入游戏</a>
{{??}}
<a href="javascript:Core.finishLogin()" class="btn btn-orange">进入游戏</a>
{{?}}
</div>
</div>
{{? Core.Data.force_auth == 1}}
<ul class="list-item clearfix">
{{? Core.Data.bind_phone === ""}}
<li style="position: relative;width:50%;"><a href="#bindMobile">绑定手机</a><span class="redround"></span></li>
{{??}}
<li style="width:50%;"><a href="#unbindMobile">解绑手机</a></li>
{{?}}
<li style="width:50%;"><a href="#mibao">设置密保</a></li>
</ul>
<ul class="list-item clearfix" style="border-top:none;">
<li style="width:50%;"><a href="#modify_pwd">修改密码</a></li>
{{? Core.Data.compellation_name === "" && Core.Data.identity_card === ""}}
<li style="width:50%;"><a href="#identityCard">实名认证</a></li>
{{??}}
<li style="width:50%;position:relative;"><a href="#identityCard_ok">实名认证
<span style="position:absolute;right:5px;top:5px;color:#fff;background:#ff9600;padding:3px 10px;border-radius:10px;font-size:20px;">已认证</span>
</a></li>
{{?}}
</ul>
{{? Core.Data.kefu_info != ""}}
<p style="text-align: center;font-size: 20px; color: #949494; position: absolute; width: 100%; bottom: 10px;left:0;">{{=Core.Data.kefu_info[0]}}</p>
{{?}}
{{??}}
{{? Core.Data.bind_phone === ""}}
<ul class="list-item clearfix">
<li style="position: relative;"><a href="#bindMobile">绑定手机</a><span class="redround"></span></li>
<li><a href="#mibao">设置密保</a></li>
<li><a href="#modify_pwd">修改密码</a></li>
</ul>
{{? Core.Data.kefu_info != ""}}
<p style="text-align: center;font-size: 20px; color: #949494; position: absolute; width: 100%; bottom: 10px;left:0;">{{=Core.Data.kefu_info[0]}}</p>
{{?}}
{{??}}
<ul class="list-item clearfix">
<li style="width:50%;"><a href="#unbindMobile">解绑手机</a></li>
<li style="width:50%;"><a href="#mibao">设置密保</a></li>
</ul>
<ul class="list-item clearfix" style="border-top:none;">
<li style="width:50%;"><a href="#modify_pwd">修改密码</a></li>
{{? Core.Data.compellation_name === "" && Core.Data.identity_card === ""}}
<li style="width:50%;"><a href="#identityCard">实名认证</a></li>
{{??}}
<li style="width:50%;position:relative;"><a href="#identityCard_ok">实名认证
<span style="position:absolute;right:5px;top:5px;color:#fff;background:#ff9600;padding:3px 10px;border-radius:10px;font-size:20px;">已认证</span>
</a></li>
{{?}}
</ul>
{{? Core.Data.kefu_info != ""}}
<p style="text-align: center;font-size: 20px; color: #949494; position: absolute; width: 100%; bottom: 10px;left:0;">{{=Core.Data.kefu_info[0]}}</p>
{{?}}
{{?}}
{{?}}
<!--<ul class="list-item clearfix">
{{? Core.Data.bind_phone === ""}}
<li style="position: relative;"><a href="#bindMobile">绑定手机</a><span class="redround"></span></li>
{{??}}
<li><a href="#unbindMobile">解绑手机</a></li>
<li><a href="#">实名认证</a></li>
{{?}}
<li><a href="#mibao">设置密保</a></li>
<li><a href="#modify_pwd">修改密码</a></li>
</ul>-->
</div>
{{?}}
</div>
</div>
</script>
<script id="mail_template" type="text/x-jquery-tmpl" >
<div class="new-sdk-container">
<div class="SDK-titlebox"></div>
<div class="user-center">
<a href="#home" class="lefticon">
<i class="iconfont icon-fanhui"></i>
</a>
绑定邮箱
</div>
{{? Core.Data.bind_mail_statu == 0}}
<div class="new-sdk-box">
<div class="acount-name">
账号:{{=Core.Data.username}}
</div>
<form id="pwd_by_question_form" action="/user/bind_mail" class="ajax" method="post">
<div class="input" style="padding: 0;">
<input type="text" name="email" required placeholder="请输入你要绑定的邮箱">
<input type="text" value="1" name="email_1" required placeholder="请输入你要绑定的邮箱" style="display: none;">
</div>
</form>
<p>提示:发送绑定邮件后,请您登录邮箱操作!</p>
</div>
<ul class="inline-btn">
<li style="margin: 0 auto; padding: 1em 0; float: none;">
<a class="submit btn larg btn-orange" href="">发送绑定邮件</a>
</li>
</ul>
{{?? Core.Data.bind_mail_statu == 1}}
<div class="new-sdk-box">
<form id="bind_mail_form" action="/user/bind_mail" class="ajax" todo="bind_mail_callback" style="display:none; ">
<div class="input">
<input type="text" name="email" required placeholder="输入想要绑定的邮箱地址">
<input type="text" value="1" name="email_1" required placeholder="请输入你要绑定的邮箱" style="display: none;">
</div>
</form>
<p>待绑定邮箱:<span class="text-info">{{=Core.Data.mail}}</span></p>
</div>
<ul class="inline-btn">
<li style="margin: 0 auto; padding: 1em 0; float: none;" id="change-mail-btn" class=""><a class="btn larg btn-orange" href="#">更换邮箱</a></li>
<li style="margin: 0 auto; padding: 1em 0; float: none; background: #ff9600;" id="bind-mail-btn" class="hide"><a class="btn larg op-primary btn-orange" href="#home">保存设置</a></li>
</ul>
{{?? Core.Data.bind_mail_statu == 2}}
<div class="new-sdk-box">
<div class="input" style="padding: 0;">
<input type="text" name="email" required disabled="disabled" value="{{=Core.Data.mail}}">
</div>
<p>可以通过绑定的邮箱找回密码</p>
</div>
{{?}}
</div>
</script>
<script id="reset_pwd_template" type="text/x-jquery-tmpl" >
<div class="new-sdk-container">
<div class="SDK-titlebox"></div>
<div class="new-sdk-box">
<div class="question-input mt10">
账号:{{=Core.Data.username}}
</div>
<div class="question-input mt10">
<p>你的新密码是:{{=Core.Data.new_pwd}}</p>
<p style="color: #949494;">请妥善保管,切勿外泄</p>
</div>
</div>
<ul class="inline-btn">
<li style="float: none; margin: 0 auto;"><a class="larg btn btn-orange" href="#login">我知道了</a></li>
</ul>
</div>
</script>
<script id="modify_pwd_template" type="text/x-jquery-tmpl">
<div class="new-sdk-container">
<div class="SDK-titlebox"></div>
<div class="user-center">
<a href="#home" class="lefticon">
<i class="iconfont icon-fanhui"></i>
</a>
{{? Core.Data.is_guest == 1}}升级账号{{??}}修改密码{{?}}
</div>
<form action="/sdk/change_password" mthod="post" class="ajax " todo="modify_pwd_callback" >
<div class="new-sdk-box">
<div class="input new-sdk-psw clearfix">
<i>{{? Core.Data.is_guest == 1}}正式账号:{{??}}旧密码:{{?}}</i>
<label>
<input {{? Core.Data.is_guest == 1}}type="text"{{??}}type="password"{{?}} class="old_pwd required " name="{{? Core.Data.is_guest >= 1}}username{{??}}password{{?}}" value="{{? Core.Data.new_pwd}}{{=Core.Data.new_pwd}}{{?}}" required="required" placeholder="{{? Core.Data.is_guest == 1}}请输入3-18位字母或数字{{??}}请输入旧密码{{?}}" required/>
</label>
</div>
<div class="input new-sdk-psw clearfix">
<i>{{? Core.Data.is_guest == 1}}正式密码:{{??}}新密码:{{?}}</i>
<label>
<input class="" name="newpwd" required type="text" placeholder="{{? Core.Data.is_guest == 1}}请输入6-16位字母或数字{{??}}请输入密码{{?}}" />
</label>
</div>
{{? Core.Data.is_guest == 1}}<p>升级账号成功之后,<span class="red">游客账号作废</span>,请妥善保管正式账号</p>{{??}}{{?}}
</div>
<ul class="inline-btn">
<li style="margin: 0 auto; padding: 1em 0; float: none;">
<a class="submit btn larg btn-orange" autocomplete="off" >保存更改</a>
</li>
</ul>
</form>
</div>
</script>
<script id="identityCard_template" type="text/x-jquery-tmpl" >
<div class="new-sdk-container">
<div class="SDK-titlebox"></div>
<div class="user-center">
<a href="#home" class="lefticon">
<i class="iconfont icon-fanhui"></i>
</a>
实名认证
</div>
<form action="/user/bind_identity_card" method="post" class="ajax" onkeydown="if(event.keyCode==13) return false;" >
<div class="new-sdk-box">
<div class="input" style="padding:0 25px;"><input type="text" name="identity_card" required placeholder="请输入注册身份证号码" style="text-align: left;"></div>
<div class="input" style="padding:0 25px;"><input type="text" name="compellation_name" required placeholder="请输入姓名" style="text-align: left;"></div>
</div>
<ul class="inline-btn">
<li style="padding: 1em 0; float: none; margin: 0 auto;"><a class="submit btn larg btn-orange" autocomplete="off">提交</a></li>
</ul>
</form>
</div>
</script>
<script id="mibao_template" type="text/x-jquery-tmpl" >
{{? Core.Data.safe_question == "" }}
<div class="new-sdk-container">
<div class="SDK-titlebox"></div>
<div class="user-center">
<a href="#home" class="lefticon">
<i class="iconfont icon-fanhui"></i>
</a>
设置密保
</div>
<form action="/sdk/set_mibao" mthod="post" class="ajax" todo="mibao_callback" onkeydown="if(event.keyCode==13) return false;" >
<div class="new-sdk-box">
<div class="input select" style="padding:0 25px; position: relative;">
<select name="question" class="" >
{{~ Core.Data.question_list :item:index }}
<option value='{{=item}}'>{{=item}}</option>
{{~}}
</select>
<i class="iconfont icon-xiangxia" style="
position: absolute;
right: -25px;
top: 21px;
"></i>
</div>
<div class="input" style="padding:0 25px;"><input type="text" name="answer" required placeholder="输入密保保护答案" style="text-align: left;"></div>
<p style="color: #595757; font-size: 18px; margin-top: 10px;">设置密保,能通过回答问题找回忘记的密码</p>
</div>
<ul class="inline-btn">
<li style="padding: 1em 0; float: none; margin: 0 auto;"><a class="submit btn larg btn-orange" autocomplete="off">保存设置</a></li>
</ul>
</form>
</div>
{{??}}
<div class="new-sdk-container">
<div class="SDK-titlebox"></div>
<div class="user-center">
<a href="#home" class="lefticon">
<i class="iconfont icon-fanhui"></i>
</a>
设置密保
</div>
<form action="">
<div class="new-sdk-box">
<p>问题:{{=Core.Data.safe_question}}</p>
<p>答案:{{=Core.Data.safe_answer}}</p>
</div>
</form>
</div>
{{?}}
</script>
<script id="answer_question_template" type="text/x-jquery-tmpl" >
<div class="new-sdk-container">
<div class="SDK-titlebox"></div>
<div class="user-center">
<a href="#login" class="lefticon back-btn">
<i class="iconfont icon-fanhui"></i>
</a>
密保找回密码
</div>
<div class="new-sdk-box" style="border-top: 1px solid #c4c3c3;">
<div id="pwd_by_question_form" action="/sdk/find/question/" class="ajax " method="post" >
<input type="hidden" name="username" value="{{=Core.Data.ans_temp.username}}" />
<input type="hidden" name="question" value="{{=Core.Data.ans_temp.question}}" />
<div class="question-input" style="margin-bottom: 20px;">
{{=Core.Data.ans_temp.question}}
<i class="iconfont icon-xiangxia"></i>
</div>
<div class="input" style="padding: 0;">
<input type="text" name="answer" required class="larg " placeholder="请输入答案" required/>
</div>
</div>
</div>
<ul class="inline-btn">
<li style="float: none; margin: 0 auto;"><a class="larg btn btn-orange submit op-primary" >确定</a></li>
</ul>
</div>
</script>
<script id="bind_template" type="text/x-jquery-tmpl" >
<div class="new-sdk-container">
<div class="SDK-titlebox"></div>
<div class="user-center">
<a href="#login" class="lefticon">
<i class="iconfont icon-fanhui"></i>
</a>
绑定手机
</div>
<div class="new-sdk-box">
{{? Core.Data.bind_phone == "" && Core.Data.bind_statu == 0 }}
<div class="acount-name">
账号:{{=Core.Data.username}}
</div>
<form id="bind_phone_form" action="/user/bind_mobile" class="ajax" todo="bind_phone_callback" >
<div class="input" style="padding: 0;">
<input id="js_iphone" type="text" required name="mobile" placeholder="请输入您要绑定的手机号码">
</div>
<div class="inputCode clearfix">
<div class="input fl">
<input id="js_ranks" type="text" required name="mobilecode" placeholder="请输入短信验证码">
</div>
<a href="javascript:;" class="getCode" id="js_getcode">获取验证码</a>
</div>
<ul class="inline-btn">
<li><a class="larg btn btn-orange submit" id="js_conform" value="" >确定</a></li>
<li><a class="btn" href="#home">返回</a></li>
</ul>
</form>
{{?? Core.Data.bind_statu == 1}}
<form id="bind_phone_form" action="/user/bind_mobile" class="ajax" todo="bind_phone_callback" >
<div class="new-sdk-box">
<div class="input" style="padding: 0;"><input type="text" required name="mobile" placeholder="{{=Core.Data.bind_phone}}"></div>
<p>当前号码待绑定,更换手机号码请直接修改</p>
<p>请用绑定的手机拨打<span>{{=Core.Data.mobile_helper_number}}</span>(电话会自动挂断,此呼叫免费)完成绑定,才可以通过手机修改密码。</p>
</div>
<ul class="inline-btn">
<li><a class="larg btn btn-orange submit" >保存设置</a></li>
<li><a class="btn" href="#home">返回</a></li>
</ul>
</form>
{{?? Core.Data.bind_statu == 2}}
<form action="">
<div class="new-sdk-box">
<div class="input" style="padding: 0;"><input type="text" value="{{=Core.Data.bind_phone}}"></div>
<p>解除绑定,请用绑定的手机发送短信内容“<span>qxbd</span>”发送到<span>{{=Core.Data.mobile_helper_number}}</span></p>
</div>
<div class="only-btn"><a class="btn" href="#home">返回</a></div>
</form>
{{?}}
</div>
</div>
</script>
<script id="bindMobile_template" type="text/x-jquery-tmpl">
<div class="new-sdk-container">
<div class="SDK-titlebox"></div>
<div class="user-center">
<a href="#home" class="lefticon">
<i class="iconfont icon-fanhui"></i>
</a>
绑定手机
</div>
<div class="new-sdk-box">
<div class="acount-name">
账号:{{=Core.Data.username}}
</div>
<form id="bind_mobile_form" action="/user/bind_mobile">
<div class="input" style="padding: 0;">
<input id="js_iphone" type="text" required placeholder="请输入您要绑定的手机号码">
</div>
<div class="inputCode clearfix">
<div class="input fl">
<input id="js_ranks" type="text" required placeholder="请输入短信验证码">
</div>
<a href="javascript:;" class="getCode" id="js_getcode" style="padding: 20px 0;">获取验证码</a>
</div>
<ul class="inline-btn">
<li><a class="larg btn btn-orange" id="js_conform" value="" >确定</a></li>
<li><a class="btn" href="#home">返回</a></li>
</ul>
</form>
</div>
</div>
</script>
<script id="unbindMobile_template" type="text/x-jquery-tmpl">
<div class="new-sdk-container">
<div class="SDK-titlebox"></div>
<div class="user-center">
<a href="#home" class="lefticon">
<i class="iconfont icon-fanhui"></i>
</a>
解绑手机
</div>
<div class="new-sdk-box">
<div class="acount-name">
<p style="margin-top: 0;">账号:{{=Core.Data.username}}</p>
<p>手机:<span class="phoneMobile"></span></p>
</div>
<form id="unbind_mobile_form" action="/user/bind_mobile">
<div class="inputCode clearfix">
<div class="input fl">
<input id="js_unbind_ranks" type="text" required placeholder="请输入短信验证码">
</div>
<a href="javascript:;" class="getCode" id="js_unbind_getcode" style="padding:20px 0;">获取验证码</a>
</div>
<ul class="inline-btn" style="margin-top: 25px;">
<li><a class="larg btn btn-orange" id="js_unbind" value="" >确定</a></li>
<li><a class="btn" href="#home">返回</a></li>
</ul>
</form>
</div>
</div>
</script>
<script id="identityCard_ok_template" type="text/x-jquery-tmpl">
<div class="new-sdk-container">
<div class="SDK-titlebox"></div>
<div class="user-center">
<a href="#home" class="lefticon">
<i class="iconfont icon-fanhui"></i>
</a>
实名认证
</div>
<div class="new-sdk-box">
<div class="acount-name">
<p style="margin-top: 0;">姓名:<span class="compellation_name"></span></p>
<p>身份证:<span class="identity_card"></span></p>
</div>
</div>
</div>
</script>
<script id="message_detail_template" type="text/x-jquery-tmpl">
<div class="header">
<a class="btn pull-left op-back" href="#message">返回</a>
<span class="title">消息内容</span>
</div>
<div class="container">
<div class="box_info_center">
<div class="message-comm">
<div class="align-center bor_b_h3">
<h3>{{=Core.Data.message_detail.title}}</h3>
<p class="text-info">
<span class="mar-r-10">{{=Core.Data.message_detail.nickname}}</span>
<span>[{{=Core.Data.message_detail.create_time}}]</span>
</p>
</div>
<div class="message_text">
{{=Core.Data.message_detail.content}}
</div>
</div>
</div>
</div>
</script>
<script id="activity_detail_template" type="text/x-jquery-tmpl">
<div class="new-sdk-container" style="background: #fff;">
<div class="SDK-titlebox"></div>
<div class="user-center">
<a href="#activity" class="lefticon">
<i class="iconfont icon-fanhui"></i>
</a>
活动公告详情
</div>
<div class="container activity">
<div class="align-center bor_b_h3 clearfix">
<h3 class="pull-left">{{=Core.Data.activity_detail.title}}</h3>
<p class="text-info pull-right">
<span>{{=Core.Data.activity_detail.notice_time}}</span>
</p>
</div>
<div class="box_info_center" style="height: 100%; margin: 0 37px;">
<div class="detail_scroller scroll" id="detail_scroller">
<div class="activity-comm">
<div class="activity_text">
{{=Core.Data.activity_detail.content}}
</div>
</div>
</div>
</div>
</div>
</div>
</script>
<script id='tpl_message_list_template' type='text/x-jquery-tmpl'>
{{? it.model_list.length == 1 }}
<p>没有消息.</p>
{{??}}
{{~ it.model_list :item:index }}
{{? item.id}}
<li >
<a class="item" data-id="{{=item.id}}">
<span class="pull-right">{{=item.nickname}}</span>
<span class="pull-right text-info mar-r-10">{{=item.create_time}}</span>
<p>
<span class="title">{{=item.title}}</span> {{? item.read == 0}}<span class="statu">未读</span>{{?}}
</p>
</a>
</li>
{{?}}
{{~ }}
{{? it.page_num < it.total_page}}
<li class="more">
<a class="btn" href="/message/list?page_num={{=(it.page_num+1)}}" data-role="ajax-html" data-params-template="tpl_message_list" data-params-append="true" >点击加载更多帖子</a>
</li>
{{?}}
{{?}}
</script>
<script id='tpl_activity_template' type='text/x-jquery-tmpl'>
{{? it.model_list.length == 1 }}
<p style="text-align:center; font-size:30px; margin:20px auto;">没记录...</p>
{{??}}
{{~ it.model_list :item:index }}
{{? item.id}}
<li >
<a class="item" href="#" data-id="{{=item.id}}">
<span class="pull-right act_time">{{=item.notice_time}}</span>
<span class="act_title{{? item.update_time.indexOf('刚刚') > -1}}new{{?}}">{{=item.title}}</span>
</a>
</li>
{{?}}
{{~ }}
{{? it.page_num < it.total_page}}
<li class="more">
<a class="btn" href="/sdk/notice/list?page_num={{=(it.page_num+1)}}" data-role="ajax-html" data-params-template="tpl_activity" data-params-append="true" >点击加载</a>
</li>
{{?}}
{{?}}
</script>
</div>
<script type="text/javascript" src="js/fastclick.min.1.0.js?20150923001"></script>
<script type="text/javascript" src="js/zepto.min.js?20150923001"></script>
<script type="text/javascript" src="js/doT.min.js?20150923001" ></script>
<script type="text/javascript" src="js/iscroll.min.1.0.js?20150923001" ></script>
<script type="text/javascript">
window.isGetData = 0;
$(function() {
FastClick.attach(document.body);
});
</script>
<script type="text/javascript" src="js/core.min.js?20150923001" ></script>
<script type="text/javascript" src="js/login.min.js?2016111" ></script>
<script type="text/javascript" src="js/loader.min.js?20150923001"></script>
<script type="text/javascript" src="js/simpScroller-min.js"></script>
<script type="text/javascript" src="js/identity_id.js" ></script>
<script type="text/javascript">
window.onload = window.onresize = initMatching;
$(function(){
getData('/sdk/login/json');
});
simpScroller(document.querySelector(".horizontall"), {});
// $(document).ready(function(){
// setTimeout(function(){Core.showTips($("meta[name='viewport']")[0].getAttribute("content"));}, 2000)
// })
</script>
</body>
</html>
\ No newline at end of file
......
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<meta name="format-detection" content="telephone=no">
<meta name="screen-orientation" content="portrait">
<meta name="full-screen" content="yes">
<meta http-equiv="x-ua-compatible" content="IE=edge" />
<link href="skin/pay.css?v=20150318002" type="text/css" rel="stylesheet" />
<link id="skin" data-v="20150318001" type="text/css" rel="stylesheet" />
<style>
.ios input[type="text"], .ios input[type="password"]{ width: auto; line-height: 84px;}
</style>
<title>
手游平台支付
</title>
</head>
<body>
<div class="mask">
<div class="container_load" id="loading">
<div class="content">
<div class="circle"></div>
<div class="circle1"></div>
</div>
</div>
<div class="alert alert-success hide" id="alert">
<button type="button" class="close" data-dismiss="alert">&times;</button>
<span></span>
</div>
<!-- 首页模块 -->
<section id="home" class="hide" data-attr="dot" data-auth="1"></section>
<!-- end -->
<!-- 兑换元宝列表模块 -->
<section id="exchange" class="hide" data-attr="dot" data-auth="1"></section>
<!-- end -->
<!-- 充值方式列表模块 -->
<section id="channel_list" class="hide" data-attr="dot" data-auth="1"></section>
<!-- end -->
<!-- 充值操作模块 -->
<section id="pay" class="hide" data-attr="dot" data-auth="1"></section>
<!-- end -->
<!-- 客服问题列表模块 -->
<section id="kefu_list" class="hide" data-auth="1" data-attr="dot"></section>
<!-- end -->
<!-- 账号升级模块 -->
<section id="modify_pwd" class="hide" data-auth="1" data-attr="dot"></section>
<!-- end -->
<!-- 客服问题详细页面模块 -->
<section id="question_detail" class="hide" data-auth="1" data-attr="dot"></section>
<!-- 充值记录模块 -->
<section id="trade_record" class="hide" data-auth="1" >
<div class="header">
<span class="title">充值记录</span>
<a class="iconfont icon-iconfontxiangyou poslft" href="#channel_list"></a>
<!-- <a class="btn pull-right" href="#proxy_record">代付记录</a> -->
</div>
<div class="container">
<div class="box_info_center">
<div id="wrapper" style="position:relative" class="scroll">
<div id="scroller">
<ol class="trade-list" data-role="ajax-html"
data-params-url="/trade/list/user?page_size=5" data-params-template="tpl_trade_record">
</ol>
</div>
</div>
</div>
</div>
</section>
<!-- 代付记录模块 -->
<section id="proxy_record" class="hide" data-auth="1">
<div class="header">
<span class="title">代付记录</span>
<a class="iconfont icon-iconfontxiangyou poslft" href="#trade_record">返回</a>
</div>
<div class="container">
<div class="box_info_center">
<div id="proxy_wrapper" style="position:relative" class="scroll">
<div id="proxy_scroller">
<ol class="trade-list" data-role="ajax-html" data-params-url="/trade/list/proxy?page_size=5" data-params-template="tpl_proxy_record">
</ol>
</div>
</div>
</div>
</div>
</section>
<section id="pay_feedback" class="hide" data-replace="1">
<div class="header">
<span class="title">充值问题</span>
<a class="iconfont icon-iconfontxiangyou poslft" href="#pay"></a>
<a class="btn-link posrgt" href="#kefu_list">在线客服</a>
</div>
<div class="container">
<div class="box_info_center">
<form class="ajax mar-t-10" method="post" action="/user/question/add">
<input type="hidden" name="game_id" data-replace="value" value="{app_id}"/>
<input type="hidden" name="q_type" value="2"/>
<input type="hidden" name="secret" value="1">
<textarea name="content" cols="40" rows="5" placeholder="请输入问题描述,字数限制在150内."></textarea>
<input type="submit" class="btn submit" value="提交" style="background: #ff9600;"/>
</form>
<p class="text-muted align-left">注:提交问题后,可通过在线客服,查看问题是否得到解决</p>
</div>
</div>
</section>
<!-- 代付模块 -->
<section id="pay_proxy" data-attr="dot" class="hide" data-auth="1"></section>
<!-- end -->
<!-- 充值结果模块 -->
<section id="pay_result" data-attr="dot" class="hide" data-auth="1"></section>
<!-- end -->
<!-- 确认付款 模块 -->
<!-- <section id="pay_confirm" data-attr="dot" class="hide" data-auth="1"></section> -->
<!-- end -->
<!-- 其他充值方式模块 -->
<section id="other" data-attr="dot" class="hide" data-auth="1"></section>
<!-- end -->
<!-- 邀请好友模块 -->
<section id="invite_friend" data-attr="dot" class="hide" data-auth="1"></section>
<!-- end -->
<!-- 验证码模块 -->
<section id="verify" data-attr="dot" class="hide" data-auth="1"></section>
<!-- end -->
<section id="pay_for" data-attr="dot" class="hide" data-auth="1"></section>
<section id="frame" data-attr="dot" class="hide" data-auth="1"></section>
<script id="frame_template" type="text/x-jquery-tmpl" >
<div class="header">
<span class="title">{{=Core.Data.frame_title}}</span>
<a class="iconfont icon-iconfontxiangyou poslft" href="javascript:Core.finishPay()"></a>
</div>
<div class="container" style="">
<div class="container_load in_frame" id="loading_frame" onclick="$(this).hide()">
<div class="content">
<div class="circle"></div>
<div class="circle1"></div>
</div>
</div>
<a class="btn scroll-btn scroll-up"><img src="skin/img/s_up.png"></a>
<a class="btn scroll-btn scroll-down"><img src="skin/img/s_down.png"></a>
<div class="ios_scroll">
<iframe frameborder=0 src="{{=Core.Data.frame_src}}" scrolling="yes" width="100%" height="100%"></iframe>
</div>
</div>
</script>
<script id='home_template' type='text/x-jquery-tmpl'>
<div class="header">
<span class="title">充值中心</span>
<a class="iconfont icon-iconfontxiangyou poslft" href="javascript:Core.finishPay()"></a>
{{? Core.Data.pay_only != 1 }}
<a class="btn-link posrgt" href="#trade_record">充值记录</a>
{{?}}
</div>
<div class="container">
<div class="box_info_center">
<h2 class="align-left">
</h2>
<p class="align-left text-muted">
</p>
<br>
<p class="align-left text-success tips9133">
{{? Core.Data.pay_only != 1 }}
{{? Core.Data.is_guest == 1}}
亲爱的<span class="text-info">游客</span>玩家,为确保账号资金安全,请先<a href="#modify_pwd">免费升级账号</a>再充值。
{{??}}
{{?}}
{{?}}
</p>
<br>
<div class="amount_level align-left" >
<a href="javascript:Core.finishPay()" id="back-btn" class="btn larg conBtn " style="text-align: center;display:none">请返回游戏</a>
<br>
</div>
</div>
</div>
</script>
<script id='modify_pwd_template' type='text/x-jquery-tmpl'>
<div class="header">
<a class="iconfont icon-iconfontxiangyou poslft" href="##home"></a>
<span class="title">帐号升级</span>
</div>
<div class="container">
<div class="box_info_center">
{{? Core.Data.is_guest >= 1}}
<form action="/sdk/change_password" method="post" class="ajax " todo="modify_pwd_callback" >
<input type="text" class="old_pwd required larg" name="username" value="" required="required" placeholder="请设置登录帐号名" />
<input class="larg" name="newpwd" required type="password" placeholder="输入新密码" />
<input type="submit" class="btn larg" value="确认升级" autocomplete="off" />
</form>
<p class="text-warning align-left">游客账号是系统临时生成,存在风险,为了您的账号安全建议升级永久账号。</p>
{{??}}
<p class="text-success align-left">您的账号已经成功升级成手游平台永久账号。</p>
{{?}}
</div>
</div>
</script>
<script id="pay_for_template" type="text/x-jquery-tmpl" >
<div class="header">
<span class="title">找他人代付</span>
<a class="iconfont icon-iconfontxiangyou poslft" href="#channel_list"></a>
<a class="btn-link posrgt" href="#proxy_record">代付记录</a>
</div>
<div class="container">
<div class="box_info_center">
<form id="pay_for_form" action="/sdk/pay" method="post" class="ajax" >
<input type="hidden" name="callback" value="{{=Core.Data.callback}}" />
<input type="hidden" name="userid" value="{{=Core.Data.user_id}}" />
<input type="hidden" name="serverid" value="{{=Core.Data.server_id}}" />
<input type="hidden" name="role_name" value="{{=Core.Data.role_name}}" />
<input type="hidden" name="game_amount" value="{{? Core.Data.game_amount}}{{=Core.Data.game_amount}}{{?}}" />
<input type="hidden" name="money" value="{{=Core.Data.money}}" />
<p class="align-left" >
充值<span class="text-info">{{=Core.Data.game_amount}}</span>{{=Core.Data.game_unit}}{{=Core.Data.game_unit_name}}需要对方支付<span class="text-info">{{=Core.Data.money}}</span>
</p>
<div class="proxy_pay">
<p>
<input class="larg" type="text" data-key="pay_user" required="required" name="pay_user" placeholder="请输入代付人手游平台帐号" />
</p>
<p>
<input class="larg" type="text" name="pay_message" placeholder="给他留言···" />
</p>
<p class="align-left small"><span class="error">*</span>注:手游平台登录帐号,不是游戏角色名称</p>
</div>
</div>
</div>
</script>
<script id="exchange_template" type="text/x-jquery-tmpl" >
<div class="header">
<span class="title">兑换{{=Core.Data.game_unit_name}}</span>
{{? Core.Data.enter_amount && Core.Data.enter_amount >0}}
<a class="btn pull-left op-back op-primary" href="javascript:Core.finishPay()">返回游戏</a>
{{??}}
<a class="btn pull-left op-back op-primary" href="#home">修改数量</a>
{{?}}
<a class="btn pull-right" href="#trade_record">兑换记录</a>
</div>
<div class="container">
<div class="box_info_center">
<form id="exchange_form" action="/sdk/pay" method="post" class="ajax" todo="feedback" >
<input type="hidden" name="callback" value="{{=Core.Data.callback}}" />
<input type="hidden" name="userid" value="{{=Core.Data.user_id}}" />
<input type="hidden" name="serverid" value="{{=Core.Data.server_id}}" />
<input type="hidden" name="role_name" value="{{=Core.Data.role_name}}" />
<input type="hidden" name="game_amount" value="{{? Core.Data.game_amount}}{{=Core.Data.game_amount}}{{?}}" />
<input type="hidden" name="money" value="{{=Core.Data.money}}" />
<p class="align-left" >
当前可用游爱星为<span class="text-info">{{=Core.Data.total_amount}}</span>颗,兑换<span class="text-info">{{=Core.Data.game_amount}}</span>{{=Core.Data.game_unit}}{{=Core.Data.game_unit_name}}需要支付<span class="text-info">{{=Core.Data.youai_star}}</span>个游爱
</p>
<p class="align-left text-muted">
:<span class="text-info">1</span>颗游爱星可兑换<span class="text-info">{{=Core.Data.exchange_rate}}</span>{{=Core.Data.game_unit}}{{=Core.Data.game_unit_name}}
</p>
<div class="verify align-left">
<input type="number" name="vdcode" id="vdcode" required="" placeholder="输入验证码">
<img id="vdimgck1" src="{{=Core.server}}/validate_code/" onclick="this.src=this.src+'?'+(new Date()).getTime()" style="cursor: pointer;" alt="看不清?点击更换" />
</div>
<hr/>
<div class="clearfix">
<a href="#channel_list&force" class="btn width100" >使用支付宝、银行卡、神州行充值</a>
</div>
</form>
</div>
</div>
</script>
<script id='channel_list_template' type='text/x-jquery-tmpl'>
<div class="header">
<span class="title">充值中心</span>
{{? Core.Data.enter_amount && Core.Data.enter_amount >= 0 }}
<a class="iconfont icon-iconfontxiangyou poslft" href="javascript:Core.finishPay()"></a>
{{??}}
<a class="btn-link poslft" href="#home">修改数量</a>
{{?}}
{{? Core.Data.pay_only != 1 }}
<a class="btn-link posrgt" href="#trade_record">充值记录</a>
{{?}}
</div>
<div class="container">
<div id="channel_list_wrapper" style="position:relative" class="scroll">
<div id="channel_list_scroller">
<div class="pay-info-cont clearfix">
<div class="iconfont icon-yonghutouxiang pull-left"></div>
<div class="user-msg pull-left align-left">
<h2>玩家:{{=Core.Data.username}}</h2>
<h2>ID:{{=Core.Data.user_id}}</h2>
<p>充值金额:<span>{{=Core.Data.money}}</span></p>
</div>
</div>
<div class="box_info_center">
<div class="channel_list align-left" >
{{? Core.Data.youai_star <= Core.Data.total_amount }}
<!--<a href="#exchange" class="btn btn-block">游爱星兑换 <span style="float:right;color:#d2d2d2"></span></a>-->
{{?}}
{{~Core.Data.game_pay_channel_list :item:index }}
{{?item.name}}
<a href="#" data-id="{{=item.id}}" class="btn channel btn-block clearfix">
<div class="image pull-left"><img src="{{=item.icon}}"/></div>
{{=item.name}} <i class="iconfont icon-xiangyou pull-right" style="color:#b5b5b6;font-size:24px;"></i></a>
{{?}}
{{~}}
{{? Core.Data.pay_only != 1 }}
{{? Core.Data.ad_game.length >= 1}}
{{??}}
{{?}}
{{?}}
</div>
<div class="warm-prompt align-left">
<h2>温馨提示</h2>
<p>* 充值过程中遇到问题,可<a href="#">联系客服</a></p>
<p>* {{=Core.Data.money}}={{=Core.Data.game_amount}} {{=Core.Data.game_unit}}{{=Core.Data.game_unit_name}},充值一般1-10分钟即可到账,请放心充值。</p>
/*<p>
* 充值<span class="text-info">{{=Core.Data.game_amount}}</span>{{=Core.Data.game_unit}}{{=Core.Data.game_unit_name}}需要支付<span class="text-info">{{=Core.Data.money}}</span>元人民币.
</p>*/
</div>
{{? Core.Data.pay_only != 1 }}
<p class="align-left text-muted tips9133">
{{? Core.Data.vip > 0}}
{{??}}
{{?}}
</p>
{{?}}
</div>
</div>
</div>
</div>
</script>
<script id='pay_template' type='text/x-jquery-tmpl'>
<div class="header">
<span class="title">{{=Core.Data.current_pay_channel.name}}充值</span>
<a class="iconfont icon-iconfontxiangyou poslft" href="#channel_list"></a>
<a class="btn-link posrgt" href="#pay_feedback">无法充值?</a>
</div>
<div class="container">
<div id="pay_panel_wrapper">
<div class="pay-info-cont clearfix">
<div class="iconfont icon-yonghutouxiang pull-left"></div>
<div class="user-msg pull-left align-left">
<h2>玩家:{{=Core.Data.username}}</h2>
<h2>ID:{{=Core.Data.user_id}}</h2>
<p>充值金额:<span>{{=Core.Data.money}}</span></p>
</div>
</div>
<div class="box_info_center">
<form id="pay_form" action="/sdk/pay" method="post" class="ajax" todo="feedback" >
<input type="hidden" name="callback" value="{{=Core.Data.callback}}" />
<input type="hidden" name="userid" value="{{=Core.Data.user_id}}" />
<input type="hidden" name="serverid" value="{{=Core.Data.server_id}}" />
<input type="hidden" name="role_name" value="{{=Core.Data.role_name}}" />
{{? Core.Data.current_pay_channel }}
<input type="hidden" name="pay_channel_id" value="{{=Core.Data.current_pay_channel.id}}" />
<input type="hidden" name="game_amount" value="{{? Core.Data.game_amount}}{{=Core.Data.game_amount}}{{?}}" />
<input type="hidden" name="money" value="{{=Core.Data.money}}" />
<div class="require_input ">
{{? Core.Data.current_pay_channel.config['input_item'] }}
<p class="align-left">
<label>您选择了<span>{{=Core.Data.current_pay_channel.name}}</span>充值方式</label>
</p>
<p class="clearfix" style="margin:15px 0 20px">
<label class="pull-left">充值卡面额:</label>
<select class="card_amount larg pull-left" name="amount" >
<option value='选择金额' >选择金额</option>
{{~ Core.Data.current_pay_channel.config['amount_level'] :amount}}
{{? amount >= Core.Data.money }}
<option value="{{=amount}}" >{{=amount}}</option>
{{?}}
{{~}}
</select>
</p>
{{~ Core.Data.current_pay_channel.config['input_item'] :item:index }}
{{? item.name === 'card_num' }}
<p class="clearfix">
<label class="pull-left">充值卡号:</label>
<input type="text" required="" class="larg pull-left" name="{{=item.name}}" format="{{=item.format}}" title="{{=item.title}}" placeholder="{{=item.placeholder}}" />
</p>
{{?? item.name === 'card_pwd' }}
<p class="clearfix">
<label class="pull-left">充值密码:</label>
<input type="password" required class="larg pull-left" name="{{=item.name}}" title="{{=item.title}}" placeholder="{{=item.placeholder}}" />
</p>
{{?}}
{{~}}
<div class="clearfix">
<a href="#channel_list" class="btn-cancel pull-left w235 btn">取消</a>
<input class="larg btn btn-determine pull-right" style="width:235px; margin:0;" type="submit" value="确定" />
</div>
<div class="warm-prompt">
<h2>温馨提示</h2>
<p>* 请根据充值卡面额选择正确的充值金额,并确保卡号密码输入无误。</p>
<p>* 充值过程中遇到问题,<a href="#">可联系客服</a></p>
/*<p class="align-left text-muted select-info"></p>*/
</div>
{{?? }}
<div class="align-left">
充值<span class="text-info">{{=Core.Data.game_amount}}</span>{{=Core.Data.game_unit}}{{=Core.Data.game_unit_name}}需要支付<span class="text-info">{{=Core.Data.money}}</span>
</div>
<div class="align-left text-muted">:<span class="text-info">1</span>元人民币可以兑换<span class="text-info">{{=Core.Data.rate*Core.Data.exchange_rate}}</span>{{=Core.Data.game_unit}}{{=Core.Data.game_unit_name}}.</div>
<input class="larg btn zhifubaoBtn" type="submit" value="前往付款" />
{{?}}
</div>
{{?}}
</form>
</div>
</div>
</div>
</script>
<script id="pay_proxy_template" type="text/x-jquery-tmpl">
<div class="header">
<span class="title">确认代付</span>
<a class="iconfont icon-iconfontxiangyou poslft" href="#proxy_record"></a>
</div>
<div class="container">
{{? !Core.Data.temp.msg }}
<h4 class="align-left" >
来自<span class="text-info" >
{{=Core.Data.temp.game_name}}</span> - 【{{=Core.Data.temp.server_name}}】
<span class="text-warning">{{=Core.Data.temp.role_name}}</span>
向你发起一笔代付,请你帮忙付款
<span class="text-warning" >
{{=Core.Data.temp.game_amount}}
{{=Core.Data.temp.game_amount_unit}}
{{=Core.Data.temp.game_amount_unit_name}}
</span>
</h4>
<form action="/pay/proxy/pay" method="post" class="ajax" data-todo="pay_proxy_callback" >
<div class="pay-proxy-info clearfix">
<div class="btn-group clearfix" >
<input type="hidden" name="id" value="{{=Core.Data.temp.trade_id}}" />
<button class="btn btn-payfor" type="submit">确认为他付款</button><br/>
or<br/>
<a class="ajax btn-undo" href="/pay/proxy/undo?id={{=Core.Data.temp.trade_id}}">拒绝付款</a>
</div>
<div class="desc">
<p>
可用游爱星:<span class="text-warning">{{=Core.Data.temp.amount}}</span>
</p>
<p>
应付游爱星:<span class="text-warning">{{=Core.Data.temp.youai_star}}</span>
<small>(1:{{=Core.Data.temp.exchange_rate}})</small>
</p>
{{?Core.Data.temp.pay_message != ''}}
<p class="pay-message">
<small>他说:{{=Core.Data.temp.pay_message}}</small>
</p>
{{?}}
</div>
</div>
</form>
<div class="alert align-left">
<small>为避免风险,建议和代付申请人通过电话等方式确认以上信息</small>
</div>
{{??}}
<h1>{{=Core.Data.temp.msg}}</h1>
<a class="btn larg" href="#back" >
返回
</a>
{{?}}
</div>
</script>
<script id='pay_result_template' type='text/x-jquery-tmpl'>
<div class="header">
<span class="title">支付结果</span>
</div>
<div class="container">
<p class="lead" style=" font-size:30px; text-align:center; margin:30px 0;">
{{=Core.Data.success_msg}}
</p>
<a href="javascript:Core.finishPay()" class="btn larg conBtn">继续游戏</a>
</div>
</script>
<script id="invite_friend_template" type="text/x-jquery-tmpl">
<div class="header">
<span class="title">分享得{{=Core.Data.game_unit_name}}</span>
<a class="iconfont icon-iconfontxiangyou poslft" href="#channel_list"></a>
</div>
<div class="container align-left">
<div class="box_info_center">
<div class="fs_box invite_box">
<h3 class="text-info">奖励说明:</h3>
</div>
</div>
</div>
</script>
<script id='other_template' type='text/x-jquery-tmpl'>
<div class="header">
<span class="title">免费获得{{=Core.Data.game_unit_name}}</span>
<a class="btn pull-left op-back op-primary" href="#channel_list">返回</a>
</div>
<div class="container align-left">
{{? Core.Data.ad_game.length >= 1}}
<div class="sec sec_invtite">
<p class="title-fs">方式一:下载指定游戏可获得{{=Core.Data.game_unit_name}}</p>
<ol class="other-pay">
{{~ Core.Data.ad_game :item:index}}
{{? item.id}}
<li>
<a href="/ad/get/star/?id={{=item.id}}" target="_bank">
<img src="{{=item.icon}}"/>
<h4>{{=item.name}}</h4>
<span>可获<strong class="text-info">{{=item.ad_prize}}</strong>游戏币</span>
</a>
</li>
{{?}}
{{~}}
</ol>
</div>
<div class="sec sec_invtite">
</div>
{{??}}
<div class="sec sec_invtite">
</div>
{{?}}
</div>
</script>
<script id="kefu_list_template" type="text/x-jquery-tmpl">
<div class="header">
<span class="title">在线客服</span>
{{? Core.start_page == 'kefu_list'}}
<a class="btn-link poslft" href="sdk://exit?action=center">返回游戏</a>
{{??}}
<a class="iconfont icon-iconfontxiangyou poslft" href="#pay_feedback"></a>
{{?}}
</div>
<div class="container">
<div class="box_info_center padding_box">
<div id="kefu_wrapper" style="position: relative" class="scroll">
<ol class="kefu-list list" data-role="ajax-html"
data-params-url="/user/question/list?page_size=10"
data-params-template="tpl_kefu_list">
</ol>
</div>
</div>
</div>
</script>
<script id="question_detail_template" type="text/x-jquery-tmpl">
<div class="header">
<span class="title">问题详细</span>
<a class="btn pull-left op-back" href="#kefu_list">返回</a>
</div>
<div class="container">
<div class="detail_scroller scroll" id="question_detail_scroller">
<div>
<div class="align-left question_del">
<h2>Q:{{=Core.Data.question_detail.q_type}}{{=Core.Data.question_detail.question}} <span class="q_time">{{=Core.Data.question_detail.create_time}}</span> </h2>
</div>
<hr>
<ol class="question-list list">
{{? Core.Data.question_detail.the_question_list.length == 1 }}
<p class="tip">客服MM还没回复...</p>
{{??}}
{{~ Core.Data.question_detail.the_question_list :item:index }}
{{? item.id}}
<li >
<span class="pull-right">{{=item.reply_time}}</span>
<span class="kefu text-warning">
客服-{{=item.nickname}}:
</span>
<div class="content">{{=item.answer}}
</div>
<p class="scroe">
{{? item.score != -1 }}
您的评价:&nbsp;&nbsp;<span class="btn">{{=item.score_name}}</span>
{{??}}
{{~ Core.Data.question_detail.score_map :qa:pos}}
{{? qa.key}}
<a href="/user/question/evaluate/?id={{=item.id}}&score={{=qa.key}}" class="btn ajax" data-todo="question_evaluate">{{=qa.val}}</a>
{{?}}
{{~}}
{{?}}
</p>
</li>
{{?}}
{{~ }}
{{? Core.Data.question_detail.page_num < Core.Data.question_detail.total_page}}
<li class="more">
<a class="btn" href="/user/question/{{=Core.Data.question_detail.id}}&format=json&page_size=5&page_num={{=(Core.Data.question_detail.page_num+1)}}.html" data-role="ajax-html" data-params-template="tpl_question_detail" data-params-append="true" >点击加载</a>
</li>
{{?}}
{{?}}
</ol>
</div>
</div>
</div>
</script>
<script id='tpl_kefu_list_template' type='text/x-jquery-tmpl'>
{{? it.model_list.length == 1 }}
<p>您好,手游平台客服MM全身心为您服务。请点击右上角的按钮输入您所遇到的问题,或者点击常见问题查看是否有您遇到的问题。</p>
{{??}}
{{~ it.model_list :item:index }}
{{? item.id}}
<li >
<a class="item" href="" type="button" data-id="{{=item.id}}">
<span class="question_title">{{=item.question}}</span>
{{? item.status == 1 }}
<span class="statu statu_yes">已解答</span>
{{??}}
<span class="statu statu_no">未解答</span>
{{?}}
<span class="pull-right q_time">{{=item.create_time}}</span>
</a>
</li>
{{?}}
{{~ }}
{{? it.page_num < it.total_page}}
<li class="more">
<a class="btn" href="/user/question/list?format=json&page_num={{=(it.page_num+1)}}" data-role="ajax-html" data-params-template="tpl_kefu_list" data-params-append="true" >点击加载</a>
</li>
{{?}}
{{?}}
</script>
<script id='tpl_question_detail_template' type='text/x-jquery-tmpl'>
{{~ it.model_list :item:index }}
{{? item.id}}
<li >
<span class="pull-right">{{=item.reply_time}}</span>
<span class="kefu text-warning">
客服-{{=item.nickname}}:
</span>
<div class="content ">{{=item.answer}}
</div>
<p class="score">
{{? item.score != -1 }}
您的评价:&nbsp;&nbsp;<span class="btn">{{=item.score_name}}</span>
{{??}}
{{~ it.score_map :qa:pos}}
{{? qa.key}}
<a href="/user/question/evaluate/?id={{=item.id}}&score={{=qa.key}}" class="btn ajax" data-todo="question_evaluate">{{=qa.val}}</a>
{{?}}
{{~}}
{{?}}
</p>
</li>
{{?}}
{{~ }}
{{? it.page_num < it.total_page}}
<li class="more">
<a class="btn" href="/user/question/{{=it.id}}&format=json&page_size=5&page_num={{=(it.page_num+1)}}.html" data-role="ajax-html" data-params-template="tpl_question_detail" data-params-append="true" >点击加载</a>
</li>
{{?}}
</script>
<script id='tpl_trade_record_template' type='text/x-jquery-tmpl'>
{{? it.model_list.length == 1 }}
<p style="text-align:center; font-size:30px; margin:20px auto;">没记录...</p>
{{??}}
{{? it.page_num == 1}}
<div class="pay-info-cont clearfix">
<div class="iconfont icon-yonghutouxiang pull-left"></div>
<div class="user-msg pull-left align-left">
<h2>玩家:{{=Core.Data.username}}</h2>
</div>
</div>
{{?}}
{{~ it.model_list :item:index }}
{{? item.id}}
<li class="integral">
<div class="box">
<h2>
<i class="icon iconfont icon-shuangyuanquan"></i>
<div class="time"><h3>{{=item.last_firendlyTime}}</h3></div>
</h2>
<div class="textbox">
<div class="text">
<h3>
<strong>{{=item.server_name}}</strong><small>&lt;{{=item.role_name}}&gt;</small>
<span class="statu {{? item.get_status.indexOf('成功') > -1 }} text-success {{?? item.get_status.indexOf('拒绝')>-1 || item.get_status.indexOf('失败')>-1}} text-error{{??}} text-info{{?}}">
[{{? item.remark}}
<span class="text-error">{{=item.remark}}</span>
{{?}}
{{=item.get_status}}]
</span>
</h3>
<div class="txt">
<h3>获得{{=Core.Data.game_unit_name}}<strong>{{=item.game_amount}}</strong>{{=Core.Data.game_unit}}。</h3>
<p>订单:{{=item.id}}</>
</div>
<div class="position"><i class="iconfont icon-triangle-left-copy"></i></div>
</div>
</div>
</div>
</li>
{{?}}
{{~ }}
{{? it.page_num < it.total_page}}
<li class="more">
<a class="btn" href="/trade/list/user?page_size=5&page_num={{=(it.page_num+1)}}&game_id={{=it.search_profile.game_id}}&server_id={{=it.search_profile.server_id}}" data-role="ajax-html" data-params-template="tpl_trade_record" data-params-append="true" data-params-todo="refresh_iscorll" >下一页</a>
</li>
{{?}}
{{?}}
</script>
<script id='tpl_proxy_record_template' type='text/x-jquery-tmpl'>
{{? it.model_list.length == 1 }}
<p style="text-align:center; font-size:30px; margin:20px auto;">没记录...</p>
{{??}}
{{~ it.model_list :item:index }}
{{? item.id}}
<li>
<p class="detail">
<span class="statu {{? item.get_status.indexOf('成功') > -1 }} text-success {{?? item.get_status.indexOf('拒绝')>-1 || item.get_status.indexOf('失败')>-1}} text-error{{??}} text-info{{?}}">
[{{? item.status == 1 }}
<a class="btn op-payfor" href="#pay_proxy&id={{=item.id}}" data-id="{{=item.id}}">支付</a>
{{??}}
{{=item.get_status}}]
{{?}}
</span>
<strong>{{=item.game_name}}</strong><small>{{=item.server_name}}&lt;{{=item.role_name}}&gt;</small>
</p>
<p class="muted">消费游爱星<strong>{{=item.youai_star}}</strong>颗,获得{{=Core.Data.game_unit_name}}<strong>{{=item.game_amount}}</strong>{{=Core.Data.game_unit}}</p>
<p class="info"><small class="pull-right muted time_p">{{=item.last_firendlyTime}}</small>
<span class="order-text">订单:{{=item.id}}</span>
</p>
</li>
{{?}}
{{~ }}
{{? it.page_num < it.total_page}}
<li class="more">
<a class="btn" href="/trade/list/proxy?page_num={{=(it.page_num+1)}}" data-role="ajax-html" data-params-template="tpl_proxy_record" data-params-append="true" >下一页</a>
</li>
{{?}}
{{?}}
</script>
</div>
<script type="text/javascript" src="js/fastclick.min.1.0.js?201309041309"></script>
<script type="text/javascript" src="js/zepto.min.js?201309041309"></script>
<script type="text/javascript" src="js/doT.min.js?201309041309" ></script>
<script type="text/javascript" src="js/iscroll.min.1.0.js?201309041309" ></script>
<script type="text/javascript">
window.isGetData = 0;
$(function() {
FastClick.attach(document.body);
});
</script>
<script type="text/javascript" src="js/core.min.js?201504218002" ></script>
<script type="text/javascript" src="js/pay.min.js?201504218001" ></script>
<script type="text/javascript" src="js/loader.min.js?201504218001"></script>
<script type="text/javascript">
$(function(){
if (Core.isIos) {
$('meta[name="viewport"]').attr('content','width=800,maximum-scale=1,user-scalable=no');
}
getData('/sdk/pay/json');
});
</script>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<meta name="format-detection" content="telephone=no">
<meta name="screen-orientation" content="portrait">
<meta name="full-screen" content="yes">
<meta http-equiv="x-ua-compatible" content="IE=edge" />
<link href="skin/pay.css?v=20150318002" type="text/css" rel="stylesheet" />
<link id="skin" data-v="20150318001" type="text/css" rel="stylesheet" />
<style>
.ios input[type="text"], .ios input[type="password"]{ width: auto; line-height: 84px;}
</style>
<title>
手游平台支付
</title>
</head>
<body>
<div class="mask">
<div class="container_load" id="loading">
<div class="content">
<div class="circle"></div>
<div class="circle1"></div>
</div>
</div>
<div class="alert alert-success hide" id="alert">
<button type="button" class="close" data-dismiss="alert">&times;</button>
<span></span>
</div>
<!-- 首页模块 -->
<section id="home" class="hide" data-attr="dot" data-auth="1"></section>
<!-- end -->
<!-- 兑换元宝列表模块 -->
<section id="exchange" class="hide" data-attr="dot" data-auth="1"></section>
<!-- end -->
<!-- 充值方式列表模块 -->
<section id="channel_list" class="hide" data-attr="dot" data-auth="1"></section>
<!-- end -->
<!-- 充值操作模块 -->
<section id="pay" class="hide" data-attr="dot" data-auth="1"></section>
<!-- end -->
<!-- 客服问题列表模块 -->
<section id="kefu_list" class="hide" data-auth="1" data-attr="dot"></section>
<!-- end -->
<!-- 账号升级模块 -->
<section id="modify_pwd" class="hide" data-auth="1" data-attr="dot"></section>
<!-- end -->
<!-- 客服问题详细页面模块 -->
<section id="question_detail" class="hide" data-auth="1" data-attr="dot"></section>
<!-- 充值记录模块 -->
<section id="trade_record" class="hide" data-auth="1" >
<div class="header">
<span class="title">充值记录</span>
<a class="iconfont icon-iconfontxiangyou poslft" href="#channel_list"></a>
<!-- <a class="btn pull-right" href="#proxy_record">代付记录</a> -->
</div>
<div class="container">
<div class="box_info_center">
<div id="wrapper" style="position:relative" class="scroll">
<div id="scroller">
<ol class="trade-list" data-role="ajax-html"
data-params-url="/trade/list/user?page_size=5" data-params-template="tpl_trade_record">
</ol>
</div>
</div>
</div>
</div>
</section>
<!-- 代付记录模块 -->
<section id="proxy_record" class="hide" data-auth="1">
<div class="header">
<span class="title">代付记录</span>
<a class="iconfont icon-iconfontxiangyou poslft" href="#trade_record">返回</a>
</div>
<div class="container">
<div class="box_info_center">
<div id="proxy_wrapper" style="position:relative" class="scroll">
<div id="proxy_scroller">
<ol class="trade-list" data-role="ajax-html" data-params-url="/trade/list/proxy?page_size=5" data-params-template="tpl_proxy_record">
</ol>
</div>
</div>
</div>
</div>
</section>
<section id="pay_feedback" class="hide" data-replace="1">
<div class="header">
<span class="title">充值问题</span>
<a class="iconfont icon-iconfontxiangyou poslft" href="#pay"></a>
<a class="btn-link posrgt" href="#kefu_list">在线客服</a>
</div>
<div class="container">
<div class="box_info_center">
<form class="ajax mar-t-10" method="post" action="/user/question/add">
<input type="hidden" name="game_id" data-replace="value" value="{app_id}"/>
<input type="hidden" name="q_type" value="2"/>
<input type="hidden" name="secret" value="1">
<textarea name="content" cols="40" rows="5" placeholder="请输入问题描述,字数限制在150内."></textarea>
<input type="submit" class="btn submit" value="提交" style="background: #ff9600;"/>
</form>
<p class="text-muted align-left">注:提交问题后,可通过在线客服,查看问题是否得到解决</p>
</div>
</div>
</section>
<!-- 代付模块 -->
<section id="pay_proxy" data-attr="dot" class="hide" data-auth="1"></section>
<!-- end -->
<!-- 充值结果模块 -->
<section id="pay_result" data-attr="dot" class="hide" data-auth="1"></section>
<!-- end -->
<!-- 确认付款 模块 -->
<!-- <section id="pay_confirm" data-attr="dot" class="hide" data-auth="1"></section> -->
<!-- end -->
<!-- 其他充值方式模块 -->
<section id="other" data-attr="dot" class="hide" data-auth="1"></section>
<!-- end -->
<!-- 邀请好友模块 -->
<section id="invite_friend" data-attr="dot" class="hide" data-auth="1"></section>
<!-- end -->
<!-- 验证码模块 -->
<section id="verify" data-attr="dot" class="hide" data-auth="1"></section>
<!-- end -->
<section id="pay_for" data-attr="dot" class="hide" data-auth="1"></section>
<section id="frame" data-attr="dot" class="hide" data-auth="1"></section>
<script id="frame_template" type="text/x-jquery-tmpl" >
<div class="header">
<span class="title">{{=Core.Data.frame_title}}</span>
<a class="iconfont icon-iconfontxiangyou poslft" href="javascript:Core.finishPay()"></a>
</div>
<div class="container" style="">
<div class="container_load in_frame" id="loading_frame" onclick="$(this).hide()">
<div class="content">
<div class="circle"></div>
<div class="circle1"></div>
</div>
</div>
<a class="btn scroll-btn scroll-up"><img src="skin/img/s_up.png"></a>
<a class="btn scroll-btn scroll-down"><img src="skin/img/s_down.png"></a>
<div class="ios_scroll">
<iframe frameborder=0 src="{{=Core.Data.frame_src}}" scrolling="yes" width="100%" height="100%"></iframe>
</div>
</div>
</script>
<script id='home_template' type='text/x-jquery-tmpl'>
<div class="header">
<span class="title">充值中心</span>
<a class="iconfont icon-iconfontxiangyou poslft" href="javascript:Core.finishPay()"></a>
{{? Core.Data.pay_only != 1 }}
<a class="btn-link posrgt" href="#trade_record">充值记录</a>
{{?}}
</div>
<div class="container">
<div class="box_info_center">
<h2 class="align-left">
</h2>
<p class="align-left text-muted">
</p>
<br>
<p class="align-left text-success tips9133">
{{? Core.Data.pay_only != 1 }}
{{? Core.Data.is_guest == 1}}
亲爱的<span class="text-info">游客</span>玩家,为确保账号资金安全,请先<a href="#modify_pwd">免费升级账号</a>再充值。
{{??}}
{{?}}
{{?}}
</p>
<br>
<div class="amount_level align-left" >
<a href="javascript:Core.finishPay()" id="back-btn" class="btn larg conBtn " style="text-align: center;display:none">请返回游戏</a>
<br>
</div>
</div>
</div>
</script>
<script id='modify_pwd_template' type='text/x-jquery-tmpl'>
<div class="header">
<a class="iconfont icon-iconfontxiangyou poslft" href="##home"></a>
<span class="title">帐号升级</span>
</div>
<div class="container">
<div class="box_info_center">
{{? Core.Data.is_guest >= 1}}
<form action="/sdk/change_password" method="post" class="ajax " todo="modify_pwd_callback" >
<input type="text" class="old_pwd required larg" name="username" value="" required="required" placeholder="请设置登录帐号名" />
<input class="larg" name="newpwd" required type="password" placeholder="输入新密码" />
<input type="submit" class="btn larg" value="确认升级" autocomplete="off" />
</form>
<p class="text-warning align-left">游客账号是系统临时生成,存在风险,为了您的账号安全建议升级永久账号。</p>
{{??}}
<p class="text-success align-left">您的账号已经成功升级成手游平台永久账号。</p>
{{?}}
</div>
</div>
</script>
<script id="pay_for_template" type="text/x-jquery-tmpl" >
<div class="header">
<span class="title">找他人代付</span>
<a class="iconfont icon-iconfontxiangyou poslft" href="#channel_list"></a>
<a class="btn-link posrgt" href="#proxy_record">代付记录</a>
</div>
<div class="container">
<div class="box_info_center">
<form id="pay_for_form" action="/sdk/pay" method="post" class="ajax" >
<input type="hidden" name="callback" value="{{=Core.Data.callback}}" />
<input type="hidden" name="userid" value="{{=Core.Data.user_id}}" />
<input type="hidden" name="serverid" value="{{=Core.Data.server_id}}" />
<input type="hidden" name="role_name" value="{{=Core.Data.role_name}}" />
<input type="hidden" name="game_amount" value="{{? Core.Data.game_amount}}{{=Core.Data.game_amount}}{{?}}" />
<input type="hidden" name="money" value="{{=Core.Data.money}}" />
<p class="align-left" >
充值<span class="text-info">{{=Core.Data.game_amount}}</span>{{=Core.Data.game_unit}}{{=Core.Data.game_unit_name}}需要对方支付<span class="text-info">{{=Core.Data.money}}</span>
</p>
<div class="proxy_pay">
<p>
<input class="larg" type="text" data-key="pay_user" required="required" name="pay_user" placeholder="请输入代付人手游平台帐号" />
</p>
<p>
<input class="larg" type="text" name="pay_message" placeholder="给他留言···" />
</p>
<p class="align-left small"><span class="error">*</span>注:手游平台登录帐号,不是游戏角色名称</p>
</div>
</div>
</div>
</script>
<script id="exchange_template" type="text/x-jquery-tmpl" >
<div class="header">
<span class="title">兑换{{=Core.Data.game_unit_name}}</span>
{{? Core.Data.enter_amount && Core.Data.enter_amount >0}}
<a class="btn pull-left op-back op-primary" href="javascript:Core.finishPay()">返回游戏</a>
{{??}}
<a class="btn pull-left op-back op-primary" href="#home">修改数量</a>
{{?}}
<a class="btn pull-right" href="#trade_record">兑换记录</a>
</div>
<div class="container">
<div class="box_info_center">
<form id="exchange_form" action="/sdk/pay" method="post" class="ajax" todo="feedback" >
<input type="hidden" name="callback" value="{{=Core.Data.callback}}" />
<input type="hidden" name="userid" value="{{=Core.Data.user_id}}" />
<input type="hidden" name="serverid" value="{{=Core.Data.server_id}}" />
<input type="hidden" name="role_name" value="{{=Core.Data.role_name}}" />
<input type="hidden" name="game_amount" value="{{? Core.Data.game_amount}}{{=Core.Data.game_amount}}{{?}}" />
<input type="hidden" name="money" value="{{=Core.Data.money}}" />
<p class="align-left" >
当前可用游爱星为<span class="text-info">{{=Core.Data.total_amount}}</span>颗,兑换<span class="text-info">{{=Core.Data.game_amount}}</span>{{=Core.Data.game_unit}}{{=Core.Data.game_unit_name}}需要支付<span class="text-info">{{=Core.Data.youai_star}}</span>个游爱星
</p>
<p class="align-left text-muted">
:<span class="text-info">1</span>颗游爱星可兑换<span class="text-info">{{=Core.Data.exchange_rate}}</span>{{=Core.Data.game_unit}}{{=Core.Data.game_unit_name}}
</p>
<div class="verify align-left">
<input type="number" name="vdcode" id="vdcode" required="" placeholder="输入验证码">
<img id="vdimgck1" src="{{=Core.server}}/validate_code/" onclick="this.src=this.src+'?'+(new Date()).getTime()" style="cursor: pointer;" alt="看不清?点击更换" />
</div>
<hr/>
<div class="clearfix">
<a href="#channel_list&force" class="btn width100" >使用支付宝、银行卡、神州行充值</a>
</div>
</form>
</div>
</div>
</script>
<script id='channel_list_template' type='text/x-jquery-tmpl'>
<div class="header">
<span class="title">充值中心</span>
{{? Core.Data.enter_amount && Core.Data.enter_amount >= 0 }}
<a class="iconfont icon-iconfontxiangyou poslft" href="javascript:Core.finishPay()"></a>
{{??}}
<a class="btn-link poslft" href="#home">修改数量</a>
{{?}}
{{? Core.Data.pay_only != 1 }}
<a class="btn-link posrgt" href="#trade_record">充值记录</a>
{{?}}
</div>
<div class="container">
<div id="channel_list_wrapper" style="position:relative" class="scroll">
<div id="channel_list_scroller">
<div class="pay-info-cont clearfix">
<div class="iconfont icon-yonghutouxiang pull-left"></div>
<div class="user-msg pull-left align-left">
<h2>玩家:{{=Core.Data.username}}</h2>
<h2>ID:{{=Core.Data.user_id}}</h2>
<p>充值金额:<span>{{=Core.Data.money}}</span></p>
</div>
</div>
<div class="box_info_center">
<div class="channel_list align-left" >
{{? Core.Data.youai_star <= Core.Data.total_amount }}
<!--<a href="#exchange" class="btn btn-block">游爱星兑换 <span style="float:right;color:#d2d2d2"></span></a>-->
{{?}}
{{~Core.Data.game_pay_channel_list :item:index }}
{{?item.name}}
<a href="#" data-id="{{=item.id}}" class="btn channel btn-block clearfix">
<div class="image pull-left"><img src="{{=item.icon}}"/></div>
{{=item.name}} <i class="iconfont icon-xiangyou pull-right" style="color:#b5b5b6;font-size:24px;"></i></a>
{{?}}
{{~}}
{{? Core.Data.pay_only != 1 }}
{{? Core.Data.ad_game.length >= 1}}
{{??}}
{{?}}
{{?}}
</div>
<div class="warm-prompt align-left">
<h2>温馨提示</h2>
<p>* 充值过程中遇到问题,可<a href="#">联系客服</a></p>
<p>* {{=Core.Data.money}}={{=Core.Data.game_amount}} {{=Core.Data.game_unit}}{{=Core.Data.game_unit_name}},充值一般1-10分钟即可到账,请放心充值。</p>
/*<p>
* 充值<span class="text-info">{{=Core.Data.game_amount}}</span>{{=Core.Data.game_unit}}{{=Core.Data.game_unit_name}}需要支付<span class="text-info">{{=Core.Data.money}}</span>元人民币.
</p>*/
</div>
{{? Core.Data.pay_only != 1 }}
<p class="align-left text-muted tips9133">
{{? Core.Data.vip > 0}}
{{??}}
{{?}}
</p>
{{?}}
</div>
</div>
</div>
</div>
</script>
<script id='pay_template' type='text/x-jquery-tmpl'>
<div class="header">
<span class="title">{{=Core.Data.current_pay_channel.name}}充值</span>
<a class="iconfont icon-iconfontxiangyou poslft" href="#channel_list"></a>
<a class="btn-link posrgt" href="#pay_feedback">无法充值?</a>
</div>
<div class="container">
<div id="pay_panel_wrapper">
<div class="pay-info-cont clearfix">
<div class="iconfont icon-yonghutouxiang pull-left"></div>
<div class="user-msg pull-left align-left">
<h2>玩家:{{=Core.Data.username}}</h2>
<h2>ID:{{=Core.Data.user_id}}</h2>
<p>充值金额:<span>{{=Core.Data.money}}</span></p>
</div>
</div>
<div class="box_info_center">
<form id="pay_form" action="/sdk/pay" method="post" class="ajax" todo="feedback" >
<input type="hidden" name="callback" value="{{=Core.Data.callback}}" />
<input type="hidden" name="userid" value="{{=Core.Data.user_id}}" />
<input type="hidden" name="serverid" value="{{=Core.Data.server_id}}" />
<input type="hidden" name="role_name" value="{{=Core.Data.role_name}}" />
{{? Core.Data.current_pay_channel }}
<input type="hidden" name="pay_channel_id" value="{{=Core.Data.current_pay_channel.id}}" />
<input type="hidden" name="game_amount" value="{{? Core.Data.game_amount}}{{=Core.Data.game_amount}}{{?}}" />
<input type="hidden" name="money" value="{{=Core.Data.money}}" />
<div class="require_input ">
{{? Core.Data.current_pay_channel.config['input_item'] }}
<p class="align-left">
<label>您选择了<span>{{=Core.Data.current_pay_channel.name}}</span>充值方式</label>
</p>
<p class="clearfix" style="margin:15px 0 20px">
<label class="pull-left">充值卡面额:</label>
<select class="card_amount larg pull-left" name="amount" >
<option value='选择金额' >选择金额</option>
{{~ Core.Data.current_pay_channel.config['amount_level'] :amount}}
{{? amount >= Core.Data.money }}
<option value="{{=amount}}" >{{=amount}}</option>
{{?}}
{{~}}
</select>
</p>
{{~ Core.Data.current_pay_channel.config['input_item'] :item:index }}
{{? item.name === 'card_num' }}
<p class="clearfix">
<label class="pull-left">充值卡号:</label>
<input type="text" required="" class="larg pull-left" name="{{=item.name}}" format="{{=item.format}}" title="{{=item.title}}" placeholder="{{=item.placeholder}}" />
</p>
{{?? item.name === 'card_pwd' }}
<p class="clearfix">
<label class="pull-left">充值密码:</label>
<input type="password" required class="larg pull-left" name="{{=item.name}}" title="{{=item.title}}" placeholder="{{=item.placeholder}}" />
</p>
{{?}}
{{~}}
<div class="clearfix">
<a href="#channel_list" class="btn-cancel pull-left w235 btn">取消</a>
<input class="larg btn btn-determine pull-right" style="width:235px; margin:0;" type="submit" value="确定" />
</div>
<div class="warm-prompt">
<h2>温馨提示</h2>
<p>* 请根据充值卡面额选择正确的充值金额,并确保卡号密码输入无误。</p>
<p>* 充值过程中遇到问题,<a href="#">可联系客服</a></p>
/*<p class="align-left text-muted select-info"></p>*/
</div>
{{?? }}
<div class="align-left">
充值<span class="text-info">{{=Core.Data.game_amount}}</span>{{=Core.Data.game_unit}}{{=Core.Data.game_unit_name}}需要支付<span class="text-info">{{=Core.Data.money}}</span>
</div>
<div class="align-left text-muted">:<span class="text-info">1</span>元人民币可以兑换<span class="text-info">{{=Core.Data.rate*Core.Data.exchange_rate}}</span>{{=Core.Data.game_unit}}{{=Core.Data.game_unit_name}}.</div>
<input class="larg btn zhifubaoBtn" type="submit" value="前往付款" />
{{?}}
</div>
{{?}}
</form>
</div>
</div>
</div>
</script>
<script id="pay_proxy_template" type="text/x-jquery-tmpl">
<div class="header">
<span class="title">确认代付</span>
<a class="iconfont icon-iconfontxiangyou poslft" href="#proxy_record"></a>
</div>
<div class="container">
{{? !Core.Data.temp.msg }}
<h4 class="align-left" >
来自<span class="text-info" >
{{=Core.Data.temp.game_name}}</span> - 【{{=Core.Data.temp.server_name}}】的
<span class="text-warning">{{=Core.Data.temp.role_name}}</span>
向你发起一笔代付,请你帮忙付款
<span class="text-warning" >
{{=Core.Data.temp.game_amount}}
{{=Core.Data.temp.game_amount_unit}}
{{=Core.Data.temp.game_amount_unit_name}}
</span>
</h4>
<form action="/pay/proxy/pay" method="post" class="ajax" data-todo="pay_proxy_callback" >
<div class="pay-proxy-info clearfix">
<div class="btn-group clearfix" >
<input type="hidden" name="id" value="{{=Core.Data.temp.trade_id}}" />
<button class="btn btn-payfor" type="submit">确认为他付款</button><br/>
or<br/>
<a class="ajax btn-undo" href="/pay/proxy/undo?id={{=Core.Data.temp.trade_id}}">拒绝付款</a>
</div>
<div class="desc">
<p>
可用游爱星:<span class="text-warning">{{=Core.Data.temp.amount}}</span>
</p>
<p>
应付游爱星:<span class="text-warning">{{=Core.Data.temp.youai_star}}</span>
<small>(1:{{=Core.Data.temp.exchange_rate}})</small>
</p>
{{?Core.Data.temp.pay_message != ''}}
<p class="pay-message">
<small>他说:{{=Core.Data.temp.pay_message}}</small>
</p>
{{?}}
</div>
</div>
</form>
<div class="alert align-left">
<small>为避免风险,建议和代付申请人通过电话等方式确认以上信息</small>
</div>
{{??}}
<h1>{{=Core.Data.temp.msg}}</h1>
<a class="btn larg" href="#back" >
返回
</a>
{{?}}
</div>
</script>
<script id='pay_result_template' type='text/x-jquery-tmpl'>
<div class="header">
<span class="title">支付结果</span>
</div>
<div class="container">
<p class="lead" style=" font-size:30px; text-align:center; margin:30px 0;">
{{=Core.Data.success_msg}}
</p>
<a href="javascript:Core.finishPay()" class="btn larg conBtn">继续游戏</a>
</div>
</script>
<script id="invite_friend_template" type="text/x-jquery-tmpl">
<div class="header">
<span class="title">分享得{{=Core.Data.game_unit_name}}</span>
<a class="iconfont icon-iconfontxiangyou poslft" href="#channel_list"></a>
</div>
<div class="container align-left">
<div class="box_info_center">
<div class="fs_box invite_box">
<h3 class="text-info">奖励说明:</h3>
</div>
</div>
</div>
</script>
<script id='other_template' type='text/x-jquery-tmpl'>
<div class="header">
<span class="title">免费获得{{=Core.Data.game_unit_name}}</span>
<a class="btn pull-left op-back op-primary" href="#channel_list">返回</a>
</div>
<div class="container align-left">
{{? Core.Data.ad_game.length >= 1}}
<div class="sec sec_invtite">
<p class="title-fs">方式一:下载指定游戏可获得{{=Core.Data.game_unit_name}}</p>
<ol class="other-pay">
{{~ Core.Data.ad_game :item:index}}
{{? item.id}}
<li>
<a href="/ad/get/star/?id={{=item.id}}" target="_bank">
<img src="{{=item.icon}}"/>
<h4>{{=item.name}}</h4>
<span>可获<strong class="text-info">{{=item.ad_prize}}</strong>游戏币</span>
</a>
</li>
{{?}}
{{~}}
</ol>
</div>
<div class="sec sec_invtite">
</div>
{{??}}
<div class="sec sec_invtite">
</div>
{{?}}
</div>
</script>
<script id="kefu_list_template" type="text/x-jquery-tmpl">
<div class="header">
<span class="title">在线客服</span>
{{? Core.start_page == 'kefu_list'}}
<a class="btn-link poslft" href="sdk://exit?action=center">返回游戏</a>
{{??}}
<a class="iconfont icon-iconfontxiangyou poslft" href="#pay_feedback"></a>
{{?}}
</div>
<div class="container">
<div class="box_info_center padding_box">
<div id="kefu_wrapper" style="position: relative" class="scroll">
<ol class="kefu-list list" data-role="ajax-html"
data-params-url="/user/question/list?page_size=10"
data-params-template="tpl_kefu_list">
</ol>
</div>
</div>
</div>
</script>
<script id="question_detail_template" type="text/x-jquery-tmpl">
<div class="header">
<span class="title">问题详细</span>
<a class="btn pull-left op-back" href="#kefu_list">返回</a>
</div>
<div class="container">
<div class="detail_scroller scroll" id="question_detail_scroller">
<div>
<div class="align-left question_del">
<h2>Q:{{=Core.Data.question_detail.q_type}}{{=Core.Data.question_detail.question}} <span class="q_time">{{=Core.Data.question_detail.create_time}}</span> </h2>
</div>
<hr>
<ol class="question-list list">
{{? Core.Data.question_detail.the_question_list.length == 1 }}
<p class="tip">客服MM还没回复...</p>
{{??}}
{{~ Core.Data.question_detail.the_question_list :item:index }}
{{? item.id}}
<li >
<span class="pull-right">{{=item.reply_time}}</span>
<span class="kefu text-warning">
客服-{{=item.nickname}}:
</span>
<div class="content">{{=item.answer}}
</div>
<p class="scroe">
{{? item.score != -1 }}
您的评价:&nbsp;&nbsp;<span class="btn">{{=item.score_name}}</span>
{{??}}
{{~ Core.Data.question_detail.score_map :qa:pos}}
{{? qa.key}}
<a href="/user/question/evaluate/?id={{=item.id}}&score={{=qa.key}}" class="btn ajax" data-todo="question_evaluate">{{=qa.val}}</a>
{{?}}
{{~}}
{{?}}
</p>
</li>
{{?}}
{{~ }}
{{? Core.Data.question_detail.page_num < Core.Data.question_detail.total_page}}
<li class="more">
<a class="btn" href="/user/question/{{=Core.Data.question_detail.id}}&format=json&page_size=5&page_num={{=(Core.Data.question_detail.page_num+1)}}.html" data-role="ajax-html" data-params-template="tpl_question_detail" data-params-append="true" >点击加载</a>
</li>
{{?}}
{{?}}
</ol>
</div>
</div>
</div>
</script>
<script id='tpl_kefu_list_template' type='text/x-jquery-tmpl'>
{{? it.model_list.length == 1 }}
<p>您好,手游平台客服MM全身心为您服务。请点击右上角的按钮输入您所遇到的问题,或者点击常见问题查看是否有您遇到的问题。</p>
{{??}}
{{~ it.model_list :item:index }}
{{? item.id}}
<li >
<a class="item" href="" type="button" data-id="{{=item.id}}">
<span class="question_title">{{=item.question}}</span>
{{? item.status == 1 }}
<span class="statu statu_yes">已解答</span>
{{??}}
<span class="statu statu_no">未解答</span>
{{?}}
<span class="pull-right q_time">{{=item.create_time}}</span>
</a>
</li>
{{?}}
{{~ }}
{{? it.page_num < it.total_page}}
<li class="more">
<a class="btn" href="/user/question/list?format=json&page_num={{=(it.page_num+1)}}" data-role="ajax-html" data-params-template="tpl_kefu_list" data-params-append="true" >点击加载</a>
</li>
{{?}}
{{?}}
</script>
<script id='tpl_question_detail_template' type='text/x-jquery-tmpl'>
{{~ it.model_list :item:index }}
{{? item.id}}
<li >
<span class="pull-right">{{=item.reply_time}}</span>
<span class="kefu text-warning">
客服-{{=item.nickname}}:
</span>
<div class="content ">{{=item.answer}}
</div>
<p class="score">
{{? item.score != -1 }}
您的评价:&nbsp;&nbsp;<span class="btn">{{=item.score_name}}</span>
{{??}}
{{~ it.score_map :qa:pos}}
{{? qa.key}}
<a href="/user/question/evaluate/?id={{=item.id}}&score={{=qa.key}}" class="btn ajax" data-todo="question_evaluate">{{=qa.val}}</a>
{{?}}
{{~}}
{{?}}
</p>
</li>
{{?}}
{{~ }}
{{? it.page_num < it.total_page}}
<li class="more">
<a class="btn" href="/user/question/{{=it.id}}&format=json&page_size=5&page_num={{=(it.page_num+1)}}.html" data-role="ajax-html" data-params-template="tpl_question_detail" data-params-append="true" >点击加载</a>
</li>
{{?}}
</script>
<script id='tpl_trade_record_template' type='text/x-jquery-tmpl'>
{{? it.model_list.length == 1 }}
<p style="text-align:center; font-size:30px; margin:20px auto;">没记录...</p>
{{??}}
{{? it.page_num == 1}}
<div class="pay-info-cont clearfix">
<div class="iconfont icon-yonghutouxiang pull-left"></div>
<div class="user-msg pull-left align-left">
<h2>玩家:{{=Core.Data.username}}</h2>
</div>
</div>
{{?}}
{{~ it.model_list :item:index }}
{{? item.id}}
<li class="integral">
<div class="box">
<h2>
<i class="icon iconfont icon-shuangyuanquan"></i>
<div class="time"><h3>{{=item.last_firendlyTime}}</h3></div>
</h2>
<div class="textbox">
<div class="text">
<h3>
<strong>{{=item.server_name}}</strong><small>&lt;{{=item.role_name}}&gt;</small>
<span class="statu {{? item.get_status.indexOf('成功') > -1 }} text-success {{?? item.get_status.indexOf('拒绝')>-1 || item.get_status.indexOf('失败')>-1}} text-error{{??}} text-info{{?}}">
[{{? item.remark}}
<span class="text-error">{{=item.remark}}</span>
{{?}}
{{=item.get_status}}]
</span>
</h3>
<div class="txt">
<h3>获得{{=Core.Data.game_unit_name}}<strong>{{=item.game_amount}}</strong>{{=Core.Data.game_unit}}。</h3>
<p>订单:{{=item.id}}</>
</div>
<div class="position"><i class="iconfont icon-triangle-left-copy"></i></div>
</div>
</div>
</div>
</li>
{{?}}
{{~ }}
{{? it.page_num < it.total_page}}
<li class="more">
<a class="btn" href="/trade/list/user?page_size=5&page_num={{=(it.page_num+1)}}&game_id={{=it.search_profile.game_id}}&server_id={{=it.search_profile.server_id}}" data-role="ajax-html" data-params-template="tpl_trade_record" data-params-append="true" data-params-todo="refresh_iscorll" >下一页</a>
</li>
{{?}}
{{?}}
</script>
<script id='tpl_proxy_record_template' type='text/x-jquery-tmpl'>
{{? it.model_list.length == 1 }}
<p style="text-align:center; font-size:30px; margin:20px auto;">没记录...</p>
{{??}}
{{~ it.model_list :item:index }}
{{? item.id}}
<li>
<p class="detail">
<span class="statu {{? item.get_status.indexOf('成功') > -1 }} text-success {{?? item.get_status.indexOf('拒绝')>-1 || item.get_status.indexOf('失败')>-1}} text-error{{??}} text-info{{?}}">
[{{? item.status == 1 }}
<a class="btn op-payfor" href="#pay_proxy&id={{=item.id}}" data-id="{{=item.id}}">支付</a>
{{??}}
{{=item.get_status}}]
{{?}}
</span>
<strong>{{=item.game_name}}</strong><small>{{=item.server_name}}&lt;{{=item.role_name}}&gt;</small>
</p>
<p class="muted">消费游爱星<strong>{{=item.youai_star}}</strong>颗,获得{{=Core.Data.game_unit_name}}<strong>{{=item.game_amount}}</strong>{{=Core.Data.game_unit}}</p>
<p class="info"><small class="pull-right muted time_p">{{=item.last_firendlyTime}}</small>
<span class="order-text">订单:{{=item.id}}</span>
</p>
</li>
{{?}}
{{~ }}
{{? it.page_num < it.total_page}}
<li class="more">
<a class="btn" href="/trade/list/proxy?page_num={{=(it.page_num+1)}}" data-role="ajax-html" data-params-template="tpl_proxy_record" data-params-append="true" >下一页</a>
</li>
{{?}}
{{?}}
</script>
</div>
<script type="text/javascript" src="js/fastclick.min.1.0.js?201309041309"></script>
<script type="text/javascript" src="js/zepto.min.js?201309041309"></script>
<script type="text/javascript" src="js/doT.min.js?201309041309" ></script>
<script type="text/javascript" src="js/iscroll.min.1.0.js?201309041309" ></script>
<script type="text/javascript">
window.isGetData = 0;
$(function() {
FastClick.attach(document.body);
});
</script>
<script type="text/javascript" src="js/core.min.js?201504218002" ></script>
<script type="text/javascript" src="js/pay.min.js?201504218001" ></script>
<script type="text/javascript" src="js/loader.min.js?201504218001"></script>
<script type="text/javascript">
$(function(){
if (Core.isIos) {
$('meta[name="viewport"]').attr('content','width=800,maximum-scale=1,user-scalable=no');
}
getData('/sdk/pay/json');
});
</script>
</body>
</html>
......
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, user-scalable=no,target-densitydpi=device-dpi" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<meta name="format-detection" content="telephone=no">
<meta name="screen-orientation" content="portrait">
<meta name="full-screen" content="yes">
<meta http-equiv="x-ua-compatible" content="IE=edge" />
<link href="skin/new_sdk.min.css?v=20150318002" type="text/css" rel="stylesheet" />
<link id="skin" data-v="20150318001" type="text/css" rel="stylesheet" />
<link href="skin/responsive.min.css?v=20150318001" type="text/css" rel="stylesheet" />
<title>
手游平台登录
</title>
</head>
<body>
<div class="mask">
<div class="container_load" id="loading">
<div class="content">
<div class="circle"></div>
<div class="circle1"></div>
</div>
</div>
<div class="alert alert-success hide" id="alert">
<button type="button" class="close" data-dismiss="alert">&times;</button>
<span></span>
</div>
<section id="home" data-attr="dot" class="hide"></section>
<section id="frame" data-attr="dot" class="hide" ></section>
<script id="frame_template" type="text/x-jquery-tmpl" >
<div class="header">
<span class="title">{{=Core.Data.frame_title}}</span>
<a class="btn pull-left op-back" href="#main">返回</a>
</div>
<div class="container" style="">
<div class="container_load in_frame" id="loading_frame">
<div class="content">
<div class="circle"></div>
<div class="circle1"></div>
</div>
</div>
{{? Core.isIos}}<div class="ios_scroll">{{?}}
<iframe frameborder=0 src="{{=Core.Data.frame_src}}" scrolling="yes" width="100%" height="100%"></iframe>
{{? Core.isIos}}</div>{{?}}
</div>
</script>
<script id="home_template" type="text/x-jquery-tmpl">
<div class="header">
<span class="title">分享游戏</span>
<a class="btn pull-left op-back" href="sdk://exit?action=share">回到游戏</a>
</div>
<div class="container">
<div class="box_info_center">
<div class="share_box1">
<div class="share_game clearfix">
<img class="pull-left game_face" src="{{=Core.Data.icon || ''}}" height="75" width="75">
<textarea class="s_content">{{=Core.Data.content || '这款游戏还不错噢,一起来玩吧!'}}</textarea>
</div>
</div>
<div class="share_box2">
<div class="">
<h3 class="text-info">分享到</h3>
<ul class="other-login inline clearfix">
<li><a href="/sdk/share/game/qq/?app_id={{=Core.Data.app_id || ''}}" class="qq" title="QQ空间分享"></a></li>
<li><a href="/sdk/share/game/sina/?app_id={{=Core.Data.app_id || ''}}" class="sina" title="新浪微博分享"></a></li>
<li><a href="/sdk/share/game/tqq/?app_id={{=Core.Data.app_id || ''}}" class="tqq" title="腾讯微博分享"></a></li>
</ul>
<div class="invite_box">
<h3 class="text-info">奖励说明:</h3>
<p>
1.成功邀请好友一起玩游戏,您可获得<span class="text-info">5{{=Core.Data.game_unit_name}}</span>的奖励
</p>
<p>
2.好友若充值(限前10),您可获得<span class="text-info">5%</span>充值奖励
</p>
<p>
3.好友首次充值,因被您邀请可额外获得<span class="text-info">10%</span>充值返利
</p>
</div>
</div>
</div>
</div>
</div>
</script>
</div>
<script type="text/javascript" src="js/fastclick.min.1.0.js?201309041309"></script>
<script type="text/javascript" src="js/zepto.min.js?201309041309"></script>
<script type="text/javascript" src="js/doT.min.js?201309041309" ></script>
<script type="text/javascript">
window.isGetData = 0;
$(function() {
FastClick.attach(document.body);
});
</script>
<script type="text/javascript" src="js/core.min.js?201403141112" ></script>
<script type="text/javascript">
(function(){
// Home模块
var Home = function(modId) {
Module.call(this, modId);
}
// 继承基础模块
Core.inherit(Home, Module);
Home.prototype.bind = function(){
var that = this;
that.$c.on('click', '.other-login a', function(e){
e.preventDefault();
//分享连接
var $tar = $(e.target);
var content = that.$c.find('.s_content').val();
$tar.attr('params', 'content=' + content);
Core.ajax_do($tar, function(data){
console.log(data);
if(data.code == 0){
if(data.msg.next_url){
// 需要重新授权
var src = data.msg.next_url;
if (Core.isFile) {
src = Core.server + src;
}
Core.Data.frame_title = $tar.attr('title');
Core.Data.frame_src = src;
Core.updateMod('frame');
} else {
//
Core.showTips(data.msg);
}
}
}, that);
});
}
Core.registerMod('home', Home);
var Frame = function(modId) {
Module.call(this, modId);
}
Core.inherit(Frame, Module);
Frame.prototype.show_after = function() {
var that = this;
var _des = Core.last_mod ? Core.last_mod : 'home';
this.$c.find('a.btn.pull-left').attr('href', '#' + _des);
this.$c.find('iframe')[0].onload = function() {
that.$c.find('#loading_frame').hide();
}
}
Core.registerMod('frame', Frame);
})();
</script>
<script type="text/javascript" src="js/loader.min.js?201401151617"></script>
<script type="text/javascript">
(function(){
window.isGetData = 1;
getData('/game/info/');
})();
</script>
</body>
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, user-scalable=no,target-densitydpi=device-dpi" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<meta name="format-detection" content="telephone=no">
<meta name="screen-orientation" content="portrait">
<meta name="full-screen" content="yes">
<meta http-equiv="x-ua-compatible" content="IE=edge" />
<link href="skin/new_sdk.min.css?v=20150318002" type="text/css" rel="stylesheet" />
<link id="skin" data-v="20150318001" type="text/css" rel="stylesheet" />
<link href="skin/responsive.min.css?v=20150318001" type="text/css" rel="stylesheet" />
<title>
手游平台登录
</title>
</head>
<body>
<div class="mask">
<div class="container_load" id="loading">
<div class="content">
<div class="circle"></div>
<div class="circle1"></div>
</div>
</div>
<div class="alert alert-success hide" id="alert">
<button type="button" class="close" data-dismiss="alert">&times;</button>
<span></span>
</div>
<section id="home" data-attr="dot" class="hide"></section>
<section id="frame" data-attr="dot" class="hide" ></section>
<script id="frame_template" type="text/x-jquery-tmpl" >
<div class="header">
<span class="title">{{=Core.Data.frame_title}}</span>
<a class="btn pull-left op-back" href="#main">返回</a>
</div>
<div class="container" style="">
<div class="container_load in_frame" id="loading_frame">
<div class="content">
<div class="circle"></div>
<div class="circle1"></div>
</div>
</div>
{{? Core.isIos}}<div class="ios_scroll">{{?}}
<iframe frameborder=0 src="{{=Core.Data.frame_src}}" scrolling="yes" width="100%" height="100%"></iframe>
{{? Core.isIos}}</div>{{?}}
</div>
</script>
<script id="home_template" type="text/x-jquery-tmpl">
<div class="header">
<span class="title">分享游戏</span>
<a class="btn pull-left op-back" href="sdk://exit?action=share">回到游戏</a>
</div>
<div class="container">
<div class="box_info_center">
<div class="share_box1">
<div class="share_game clearfix">
<img class="pull-left game_face" src="{{=Core.Data.icon || ''}}" height="75" width="75">
<textarea class="s_content">{{=Core.Data.content || '这款游戏还不错噢,一起来玩吧!'}}</textarea>
</div>
</div>
<div class="share_box2">
<div class="">
<h3 class="text-info">分享到</h3>
<ul class="other-login inline clearfix">
<li><a href="/sdk/share/game/qq/?app_id={{=Core.Data.app_id || ''}}" class="qq" title="QQ空间分享"></a></li>
<li><a href="/sdk/share/game/sina/?app_id={{=Core.Data.app_id || ''}}" class="sina" title="新浪微博分享"></a></li>
<li><a href="/sdk/share/game/tqq/?app_id={{=Core.Data.app_id || ''}}" class="tqq" title="腾讯微博分享"></a></li>
</ul>
<div class="invite_box">
<h3 class="text-info">奖励说明:</h3>
<p>
1.成功邀请好友一起玩游戏,您可获得<span class="text-info">5{{=Core.Data.game_unit_name}}</span>的奖励。
</p>
<p>
2.好友若充值(限前10),您可获得<span class="text-info">5%</span>充值奖励。
</p>
<p>
3.好友首次充值,因被您邀请可额外获得<span class="text-info">10%</span>充值返利。
</p>
</div>
</div>
</div>
</div>
</div>
</script>
</div>
<script type="text/javascript" src="js/fastclick.min.1.0.js?201309041309"></script>
<script type="text/javascript" src="js/zepto.min.js?201309041309"></script>
<script type="text/javascript" src="js/doT.min.js?201309041309" ></script>
<script type="text/javascript">
window.isGetData = 0;
$(function() {
FastClick.attach(document.body);
});
</script>
<script type="text/javascript" src="js/core.min.js?201403141112" ></script>
<script type="text/javascript">
(function(){
// Home模块
var Home = function(modId) {
Module.call(this, modId);
}
// 继承基础模块
Core.inherit(Home, Module);
Home.prototype.bind = function(){
var that = this;
that.$c.on('click', '.other-login a', function(e){
e.preventDefault();
//分享连接
var $tar = $(e.target);
var content = that.$c.find('.s_content').val();
$tar.attr('params', 'content=' + content);
Core.ajax_do($tar, function(data){
console.log(data);
if(data.code == 0){
if(data.msg.next_url){
// 需要重新授权
var src = data.msg.next_url;
if (Core.isFile) {
src = Core.server + src;
}
Core.Data.frame_title = $tar.attr('title');
Core.Data.frame_src = src;
Core.updateMod('frame');
} else {
//
Core.showTips(data.msg);
}
}
}, that);
});
}
Core.registerMod('home', Home);
var Frame = function(modId) {
Module.call(this, modId);
}
Core.inherit(Frame, Module);
Frame.prototype.show_after = function() {
var that = this;
var _des = Core.last_mod ? Core.last_mod : 'home';
this.$c.find('a.btn.pull-left').attr('href', '#' + _des);
this.$c.find('iframe')[0].onload = function() {
that.$c.find('#loading_frame').hide();
}
}
Core.registerMod('frame', Frame);
})();
</script>
<script type="text/javascript" src="js/loader.min.js?201401151617"></script>
<script type="text/javascript">
(function(){
window.isGetData = 1;
getData('/game/info/');
})();
</script>
</body>
</html>
\ No newline at end of file
......
@charset "utf-8";
html[data-useragent='ios'] .other-menu{display:none;}
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0; padding:0; }
body{ margin:0 auto; padding:0px;font:14px/1.5 微软雅黑,Microsoft Yahei; overflow-x:hidden; font-weight:normal;}
.clear{clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0; }
img{border:0;}
ol,ul{list-style:none; }
a{ color:#000; text-decoration:none}
*{ text-shadow:none}
.l{ float: left;}
section{
position: relative;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
overflow-x: hidden;
}
.l{ float: left;}
.hide{ display: none;}
a,input,textarea,select {
outline: 0;
}
a:focus {
outline:thin dotted; /* 处理“outline”在Chrome浏览器中和其它浏览器之间的不一致 */
}
.red{ color: red;}
select{
-moz-appearance: none;
-webkit-appearance:none;
appearance:none;
}
/*字体图标*/
@font-face {font-family: "iconfont";
src: url('../font/iconfont.eot?t=1468997064'); /* IE9*/
src: url('../font/iconfont.eot?t=1468997064#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../font/iconfont.woff?t=1468997064') format('woff'), /* chrome, firefox */
url('../font/iconfont.ttf?t=1468997064') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
url('../font/iconfont.svg?t=1468997064#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont {
font-family:"iconfont" !important;
font-size:16px;
font-style:normal;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.2px;
-moz-osx-font-smoothing: grayscale;
}
.icon-weixin:before { content: "\e600"; font-size: 1.8em; color: #0bb515;}
.icon-qq:before { content: "\e601"; font-size: 1.8em; color: #00beef;}
.icon-iconfontcha:before { content: "\e609"; }
.icon-qq1:before { content: "\e602"; font-size: 1.8em; color: #00beef;}
.icon-weixin1:before { content: "\e603"; }
.icon-qq2:before { content: "\e604"; font-size: 1.8em; color: #00beef;}
.icon-iconfontxiangyou:before { content: "\e60a"; color: #fff; font-size: 1.6em;}
.icon-iconfontcolor19:before { content: "\e60b"; }
.icon-xuanzhong:before { content: "\e60c"; color: #ff9600; font-size: 1.6em;}
.icon-triangle-l:before { content: "\e605"; }
.icon-shuangyuanquan:before { content: "\e60d"; color: #089b55;}
.icon-weixin2:before { content: "\e606"; }
.icon-xiangyou:before { content: "\e60e"; }
.icon-fuxuankuangyixuanze:before { content: "\e607"; }
.icon-xiangxia:before { content: "\e60f"; color: #ddd; font-size: 30px;}
.icon-icon3:before { content: "\e608"; }
.icon-fanhui:before { content: "\e610"; color: #00beef; font-size: 36px;}
.icon-yonghutouxiang:before { content: "\e611"; color: #c1c1c1; font-size: 75px;}
.icon-triangle-left-copy:before { content: "\e612"; color:#ddd; font-size: 1.8em;}
/*SDK背景box*/
.new-sdk-container{
position: relative;
background: #f6f6f6;
height: 100%;
}
html{
position: relative;
background: #f6f6f6;
height: 100%;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);/*禁用ios点击元素时的灰色背景*/
/*-webkit-user-modify: read-write-plaintext-only;*/
}
body{
width: 100%;
height: 100%;
background-size: 100%;
}
.mask{
position: relative;
height: 100%;
}
.redround{
display: inline-block;
width: 5px;
height: 5px;
background: red;
border-radius: 50px;
position: absolute;
right: 10px;
top: 10px;
}
.container.activity{
position: absolute;
left: 0;
top: 133x;
bottom: 0;
right: 0;
height: calc(100% - 134px);
}
.SDK-titlebox{
height: 33px;
background: #00beef;
}
/*SDK-logo*/
.new-sdk-container .new-sdk-logo{
text-align: center;
width:100%;
height:53px;
}
.new-sdk-container .new-sdk-logo img{
display: block;
width: 210px;
margin: 0 auto;
padding: 15px 0 0 0;
height:53px;
}
.new-sdk-container .new-sdk-box{
padding: 20px 37px;
border-top: 1px solid #c4c3c3;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.new-sdk-container .new-sdk-box .input{
margin-bottom: 15px;
border: 1px solid #c0c0c0;
/*box-shadow: 1px 2px 2px #c2c2c2 inset;*/
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
padding: 25px 0;
background: #fff;
box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
}
.new-sdk-container .new-sdk-box .input input{
display: inline-block;
width:100%;
background: none;
border: none;
color: #000;
font-size: 30px;
font-family: "Microsoft YaHei","微软雅黑";
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden;
word-break:break-all;
height: 45px;
line-height: 45px;
vertical-align: middle;
margin: 20px 0;
}
.new-sdk-container .new-sdk-box .inputCode input,.new-sdk-container .new-sdk-box .inputCode .getCode{
width:100%;
background: none;
border: none;
color: #000;
font-size: 30px;
font-family: "Microsoft YaHei","微软雅黑";
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden;
word-break:break-all;
}
/*#js_getcode{
height: 80px;
line-height: 80px;
}*/
/*.new-sdk-container .step-box .new-sdk-box .input input,.new-sdk-container .step-box .new-sdk-box .inputCode .getCode{
height: 80px;
line-height: 80px;
}*/
.new-sdk-container .new-sdk-box .inputCode .input{
float: left;
width: 55%;
padding: 0;
}
.new-sdk-container .new-sdk-box .inputCode .getCode{
width: 40%;
float: right;
color: #ff9600;
border: 1px solid #ff9600;
border-radius: 10px;
text-align: center;
}
.new-sdk-container .new-sdk-box .inputCode .getCode.disabled{
border: 1px solid #c0c0c0;
color: #c0c0c0;
cursor : none;
pointer-events: none;
}
.new-sdk-container .new-sdk-box p,.new-sdk-container .new-sdk-box p a{
color: #434343;
font-size: 24px;
font-family: "Microsoft YaHei","微软雅黑";
margin: 20px 0 0;
}
.new-sdk-container .new-sdk-box .acount-name p span.phoneMobile{
color: #434343;
}
.new-sdk-container .new-sdk-box p span{
color: #da8000;
}
.new-sdk-container .inline-btn{
overflow: auto;
zoom: 1;
width: 88%;
margin: 0px auto 25px auto;
}
.new-sdk-container .inline-btn li{
float: left;
width: 45%;
text-align: center;
background: #ff9600;
border-radius: 20px;
padding: 26px 0;
}
.new-sdk-container .inline-btn li:nth-child(2n+2){
float: right;
background: #00beef;
}
.new-sdk-container .login-inline-btn li{
background: #00beef;
}
.new-sdk-container .login-inline-btn li:nth-child(2n+2){
background: #ff9600;
}
.new-sdk-container .only-btn{
position: relative;
text-align: center;
width: calc(100% - 2em);
width: -moz-calc(100% - 2em);
width: -webkit-calc(100% - 2em);
padding: 10px 0;
/*background: #00beef;*/
border-radius: 10px;
margin:1.0em auto 0;
}
.new-sdk-container .only-btn a.btn-orange{
display: block;
width: 235px;
margin: 0 auto;
border-radius: 10px;
font-size: 30px;
padding: 25px 0;
}
.new-sdk-container .only-btn .readyed{
position: absolute;
right: 0;
top: 5px;
color: #000;
font-family: "Microsoft YaHei","微软雅黑";
font-size: 18px;
}
.new-sdk-container .inline-btn a,.new-sdk-container .only-btn a{
display: block;
color: #fff;
font-size: 30px;
font-family: "Microsoft YaHei","微软雅黑";
letter-spacing: 2px;
}
.new-sdk-container .inline-btn .btn{
display:inline-block;
border: 0;
background: #00beef;
color: #fff;
font-size: 30px;
font-family: "Microsoft YaHei","微软雅黑";
letter-spacing: 2px;
cursor: pointer;
width: 100%;
vertical-align: middle;
border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
}
.new-sdk-container .inline-btn .btn-orange{
background: #ff9600
}
.new-sdk-container .new-sdk-box .input select{
width: 100%;
height: 88px;
line-height: 88px;
background: none;
border: none;
color: #434343;
font-size: 30px;
font-family: "Microsoft YaHei","微软雅黑";
}
.select2-container{
min-width: 100%;
}
.new-sdk-container .new-sdk-box .new-sdk-psw{
padding: 0 25px;
}
.new-sdk-container .new-sdk-box .input i{
display: inline-block;
width: 90px;
color: #000;
font-size: 30px;
font-family: "Microsoft YaHei","微软雅黑";
font-style:normal;
}
.new-sdk-container .new-sdk-box .input label{
display: inline-block;
width: calc(100% - 65px);
width: -moz-calc(100% - 65px);
width: -webkit-calc(100% - 65px);
}
.new-sdk-container .new-sdk-box .new-sdk-psw input{
padding: 0;
text-align: left;
}
.new-sdk-container .new-sdk-box .new-sdk-lc{
margin:2em auto 0;
overflow: auto;
zoom: 1;
}
.new-sdk-container .new-sdk-box .new-sdk-lc .sleft{
float: left;
}
.new-sdk-container .new-sdk-lc .sleft .image{
width: 50px;
height: 50px;
position: relative;
}
.new-sdk-container .new-sdk-lc .sleft img{
max-height: 50px;
max-width: 50px;
width: auto;
height: auto;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
}
.new-sdk-container .new-sdk-lc .scenter{
float: left;
margin-left: 10px;
width: calc(100% - 180px);
width: -moz-calc(100% - 180px);
width: -webkit-calc(100% - 180px);
}
.new-sdk-container .new-sdk-lc .scenter p{
margin: 0;
color: #000;
text-overflow: ellipsis;
white-space: nowrap;
word-break: break-all;
width: 100%;
overflow: hidden;
font-size: 14px;
}
.new-sdk-container .new-sdk-lc .scenter p a{
color: #0060b8;
}
.new-sdk-container .new-sdk-lc i{
float: right;
width: 27px;
height: 45px;
background: url(../images/new-sdk-icon.png) no-repeat 0 -152px;
margin: 4px 0;
transform: scale(0.8);
}
.new-sdk-container .new-sdk-box .new-sdk-psw i{
width: 200px;
height: 80px;
line-height: 80px;
float: left;
}
.new-sdk-container .new-sdk-box .new-sdk-psw label{
position: absolute;
left: 215px;
display: inline-block;
height: 80px;
line-height: 80px;
}
.new-sdk-container .new-sdk-lc .binding-link{
float: right;
margin: 0.5em 0;
}
.new-sdk-container .new-sdk-lc .binding-link a{
display: block;
background: #bceeff;
color: #000;
font-size: 14px;
font-family: "Microsoft YaHei","微软雅黑";
letter-spacing: 2px;
padding: 10px;
}
.new-sdk-container .new-sdk-login{
padding:1em;
}
.new-sdk-container .Account-Login .new-sdk-lc{
margin: 10px 0 0;
}
.new-sdk-container .Account-Login .new-sdk-lc .scenter{
width: calc(100% - 75px);
}
.new-sdk-container .account-btn{
overflow: auto;
zoom: 1;
width: 90%;
margin: 0 auto;
}
.new-sdk-container .account-btn li{
float: left;
margin: 10px 0;
width: 40%;
}
.new-sdk-container .account-btn li:nth-child(2n+2){
float: right;
}
.new-sdk-container .account-btn li a{
display: block;
color: #000;
font-size: 16px;
font-family: "Microsoft YaHei","微软雅黑";
background: #efefef;
text-align: center;
padding: 10px 0;
}
.new-sdk-container .account-btn li a:hover{
background: #bceeff;
}
.new-sdk-container .login-third {
width: 90%;
margin: 10px auto 0 auto;
}
.new-sdk-container .login-third .min-qq-icon {
display: block;
width: 33px;
height: 34px;
background: url("../images/icon.png") no-repeat -305px -108px;
float: left;
margin-right: 5px;
}
.new-sdk-container .login-third .title{
line-height: 29px;
margin: 15px 0;
}
.new-sdk-container .login-third .min-weibo-icon {
display: block;
width: 36px;
height: 29px;
background: url("../images/icon.png") no-repeat -305px -75px;
float: left;
margin-right: 5px;
}
.new-sdk-container .login-third .title p {
float: left;
color: #000;
font-size: 20px;
font-family: "Microsoft YaHei","微软雅黑";
}
.new-sdk-container .login-third .input-box {
width: 100%;
border-radius: 10px;
border: 2px solid #c2c2c2;
}
.new-sdk-container .login-third .login-third-input {
border: none;
width: calc(100% - 2em);
width: -moz-calc(100% - 2em);
width: -webkit-calc(100% - 2em);
padding: 1em;
border-bottom: 2px solid #c2c2c2;
font-size: 16px;
border-radius: 10px 10px 0 0;
}
.new-sdk-container .login-third .login-third-input:last-child {
border-bottom: none;
border-radius: 0 0 10px 10px;
}
.new-sdk-container .login-third .login-qq-submit{
background: #d90900;
width: 100%;
border-radius: 8px;
padding: 10px 0;
border: none;
color: #fff;
font-size: 16px;
font-family: "Microsoft YaHei","微软雅黑";
letter-spacing: 2px;
margin-top: 15px;
}
.new-sdk-container .login-third .QQ-submit{
background: #72c429;
}
.new-sdk-container .login-third-list {
width: 90%;
border-top: 1px solid #B1B1B1;
margin: 0 auto 0 auto;
}
.new-sdk-container .login-third-list .title {
text-align: center;
margin-top: 25px;
font-size: 20px;
color: #000;
font-family: "Microsoft YaHei","微软雅黑";
}
.new-sdk-container .login-third-list .third-list {
font-size: 20px;
width: 90%;
margin: 1em auto;
}
@media only screen and (min-width: 640px){
.new-sdk-container .login-third-list .third-list {
width: 50%;
}
}
.new-sdk-container .login-third-list .third-list li {
border-radius: 100%;
background: #fff;
float: left;
width: 130px;
height: 130px;
margin: 0 35px 0 35px;
}
.new-sdk-container .login-third-list .third-list li:nth-child(2n+2){
float: right;
}
.new-sdk-container .login-third-list .third-icon {
background: url("../images/icon.png") no-repeat;
margin: 10px auto 0;
}
.new-sdk-container .login-third-list .third-qq {
width: 85px;
height: 88px;
background-position: 0 -75px;
transform: scale(0.7);
}
.new-sdk-container .login-third-list .third-guest{
width: 85px;
height: 88px;
background-position: -219px -88px;
transform: scale(0.7);
}
.new-sdk-container .login-third-list .third-weibo {
width: 111px;
height: 88px;
background-position: -102px -69px;
transform: scale(0.7);
}
.new-sdk-container .login-third-list p {
text-align: center;
color: #000;
font-size: 14px;
}
/*登录*/
.new-sdk-container .new-sdk-main{
min-height: 14em;
width: 90%;
margin: 0 auto 0 auto;
}
.new-sdk-container .new-sdk-main .other-login{
margin: 17px auto;
line-height: 28px;
color: #434343;
font-size: 24px;
}
.new-sdk-container .new-sdk-main .other-login p{
float: left;
}
.new-sdk-container .new-sdk-main .other-login p a{
display: inline-block;
width: 45px;
height: 45px;
/*background: url(../images/new-sdk-icon.png) no-repeat;*/
margin-left: 15px;
vertical-align: bottom;
}
.new-sdk-container .new-sdk-main .other-login p a.wb{
background-position: 0 -50px;
}
.new-sdk-container .new-sdk-main .other-login p a.qq{
background: url(../images/login_icon.png) no-repeat 0 0;
}
.new-sdk-container .new-sdk-main .other-login p a.weixin{
background: url(../images/login_icon.png) no-repeat 0 -45px;
}
.new-sdk-container .new-sdk-main .other-login label{
float: right;
}
.new-sdk-container .new-sdk-main .other-login label a{
font-size: 18px;
}
.new-sdk-container .new-sdk-main .inputbox{
margin: 0 auto;
background: #fff;
border-radius: 10px;
padding: 30px 18px 24px 25px;
overflow: visible;
zoom: 1;
margin-top: 30px;
position: relative;
border: 1px solid #c0c0c0;
font-family:"Microsoft YaHei","微软雅黑";
color: #434343;
}
.new-sdk-container .new-sdk-main .inputbox .ileft{
float: left;
width: 90px;
min-width: 90px;
font-size: 30px;
font-family:"Microsoft YaHei","微软雅黑";
position: absolute;
line-height: 30px;
}
.new-sdk-container .new-sdk-main .inputbox .iright{
float: left;
width: calc(100% - 90px);
width: -moz-calc(100% - 90px);
width: -webkit-calc(100% - 90px);
margin-left: 90px;
}
.new-sdk-container .new-sdk-main .inputbox input{
width: calc(100% - 47px);
width: -moz-calc(100% - 47px);
width: -webkit-calc(100% - 47px);
font-size: 30px;
line-height: 30px;
border: none;
font-family: "Microsoft YaHei","微软雅黑";
white-space:nowrap; text-overflow:ellipsis; overflow:hidden; word-break:break-all;
}
.new-sdk-container .new-sdk-main .iright .bottom-icon{
position: absolute;
right: 0;
top: 5px;
width: 100px;
height: 90px;
}
.new-sdk-container .new-sdk-main .iright .bottom-icon i.iconfont{
position: absolute;
right: 25px;
top: 50%;
margin-top: -20px;
}
/*.new-sdk-container .new-sdk-main .iright .bottom-icon i{
display: block;
width: 33px;
height: 22px;
background: url(../images/new-sdk-icon.png) no-repeat 0 0;
}*/
.new-sdk-container input{
outline: medium;
}
.new-sdk-container .pull-box{
position:absolute;
top: 85px;
left: -1px;
border: 1px solid #c0c0c0;
border-top: 0;
border-radius: 0 0 20px 20px;
width: 100%;
font-size:16px;
z-index: 99;
background: #fff;
color: #333;
display: none;
font-family: 宋体;
max-height: 11em;
/*overflow-y: scroll;*/
height: 150px;
}
.new-sdk-container .pull-box ul{
margin-left: 65px;
}
.new-sdk-container .pull-box li{
text-indent: 15px;
margin: 5px 0;
color: #434343;
font-size: 30px;
}
.new-sdk-container .pull-box li a{
display: block;
}
/*忘记密码*/
.new-sdk-container .forget-password .function-list {
width: 100%;
margin: 10px auto;
font-size: 16px;
}
.new-sdk-container .forget-password .function-list li {
margin-top: 10px;
}
.new-sdk-container .forget-password .function-list li:first-child {
margin-top: 20px;
}
.new-sdk-container .forget-password .function-list-icon {
display: block;
width: 13px;
height: 13px;
background: url("../images/icon.png") no-repeat;
margin: 5px 10px 0 0;
}
.new-sdk-container .forget-password .function-list-icon-1 {
background-position: -245px -75px;
}
.new-sdk-container .forget-password .function-list-icon-2 {
background-position: -280px -75px;
}
.new-sdk-container .forget-password .function-list-content {
display: none;
margin: 5px 0 0 20px;
}
.new-sdk-container .forget-password .function-list-content .function-input {
width: calc(100% -20px);
width: -moz-calc(100% - 20px);
width: -webkit-calc(100% - 20px);
border: 1px solid #c2c2c2;
padding: 10px;
font-size: 16px;
}
.new-sdk-container .forget-password .function-list-content p {
color: #595757;
font-size: 16px;
margin: 0;
}
.login-box .forget-password .login-button {
margin-top: 10px;
}
.function-list .function-list-text{
float: left;
width: calc(100% -25px);
width: -moz-calc(100% - 25px);
width: -webkit-calc(100% - 25px);
word-break: break-all;
}
/*服务协议*/
.new-sdk-container .new-sdk-content{
width: calc(100% - 76);
width: -moz-calc(100% - 76);
width: -webkit-calc(100% - 76);
height: 300px;
border: 1px solid #c0c0c0;
border-right: none;
border-bottom: none;
margin: 25px 37px 15px;
overflow-y: scroll;
color: #000;
background: #fff;
-webkit-overflow-scrolling: touch;
}
@media only screen and (min-width: 100px) and (max-width: 640px) {
.new-sdk-container .new-sdk-content{
height: 250px;
}
}
.new-sdk-container .new-sdk-content h3 {
font-size: 28px;
font-weight: normal;
text-align: center;
margin: 5px 0 20px;
}
.new-sdk-container .new-sdk-content p, .new-sdk-container .new-sdk-content h4 {
font-size: 24px;
font-weight: normal;
padding: 0 20px;
}
.new-sdk-container .new-sdk-content p {
text-indent: 2em;
}
.new-sdk-container .agreement{
float: right;
font-size: 24px;
line-height: 20px;
margin-right: 32px;
}
.new-sdk-container .checkbox {
width: 24px;
height: 24px;
/*background: transparent url("../images/icon.png") no-repeat scroll 0% 0%;*/
margin: 0 10px;
display: inline-block;
}
.new-sdk-container .checkbox-2 {
background-position: -274px -7px;
}
/*填写注册*/
.new-sdk-container .checkbox-1 {
background-position: -234px -7px;
}
.new-sdk-container .ag-tx{
font-size: 24px;
margin: 20px 0 22px;
}
.new-sdk-container .ag-tx a{
color: #0078ff;
text-decoration: underline;
}
.margintop{
margin-top: 20px;
}
/* 消息框 */
#alert {
background:rgba(0, 0, 0, 0.65)!important; filter:Alpha(opacity=65);
position: absolute;
top: 50%;
left: 50%;
margin: auto 0;
width: 80%;
z-index: 1000;
line-height: 38px;
font-size: 30px;
margin-left: -40%;
text-align: center;
color: #c3c3c3;
border-radius: 10px;
padding: 10px 0px;
}
button.close {
padding: 0;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
}
.alert {
padding: 8px 35px 8px 14px;
font-size: 16px;
/* text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);*/
background:rgba(250, 250, 250, 0.64);
/*border: 1px solid #fbeed5;*/
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.alert,
.alert h4 {
color: #c09853;
}
.alert h4 {
margin: 0;
}
.alert .close {
position: relative;
top: -2px;
right: 8px;
line-height: 20px;
}
.alert-success {
color:#009933;
/*border-bottom:2px solid #9f9f9f;*/
border-color: #d6e9c6;
text-shadow:none;
}
.alert-success h3 {
color: #468847;
}
.alert-danger,
.alert-error {
color:red;
text-shadow:none;
}
.alert-danger h3,
.alert-error h3 {
color: #b94a48;
}
.ios_scroll iframe{
min-height: 320px;
/*transform: scale(1.1);*/
}
/*用户中心*/
.clearfix:before,
.clearfix:after {
display: table;
line-height: 0;
content: "";
}
.clearfix:after {
clear: both;
}
.pull-left{ float: left;}
.pull-right{ float: right;}
.w_45{ width: 45%;}
.w_50{ width: 50%;}
.poslft{ position: absolute; left: 1em;}
.user-center{
position: relative;
text-align: center;
padding: 26px 0 18px;
border-bottom: 2px solid #fff;
color: #00beef;
font-family: "Microsoft YaHei","微软雅黑";
font-size: 36px;
}
.user-center a{
position: absolute;
right: 27px;
bottom:7px;
color: #ff9600;
font-size: 24px;
padding:10px;
}
.user-center a.lefticon{
right: auto;
left: 37px;
}
.user-center-box{
border-top: 1px solid #c4c3c3;
padding: 0 37px 50px;
}
.user-center-box .top{
border-bottom: 2px solid #fff;
padding: 43px 0 40px;
}
.user-center-box .top .txt p{
color: #434343;
font-size: 30px;
white-space:nowrap; text-overflow:ellipsis; overflow:hidden; word-break:break-all;
width: 100%;
}
.user-center-box .top .inline-btn{
margin: 0;
width: 45%;
}
.user-center-box .top .inline-btn a{
border-radius: 10px;
text-align: center;
line-height: 85px;
font-size: 30px;
}
.user-center-box .bind-user{
border-top: 1px solid #c4c3c3;
padding: 30px 20px;
}
.user-center-box .bind-user .txt{
color:#949494;
font-size: 20px;
}
.user-center-box .bind-user .btn-bind{
font-size: 30px;
text-align: center;
line-height: 60px;
border: 1px solid #ff9600;
color: #ff9600;
border-radius: 10px;
background: none;
}
.user-center-box .bind-user .inline-btn{
margin: 0;
width: 35%;
overflow: initial;
margin-left: 10%;
}
.user-center-box .list-item{
border-left: 1px solid #c0c0c0;
border-top: 1px solid #c0c0c0;
}
.user-center-box .list-item li{
position:relative;float: left; width: 33.333%; background: #fff; border-right: 1px solid #c0c0c0;border-bottom: 1px solid #c0c0c0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; text-align: center; color: #434343; font-size: 30px; padding:30px 0;
}
.user-center-box .list-item li a{ display: block;}
.user-center-box .list-item .redround{
position: absolute;
top: 5px;
right: 5px;
background: #ff0000;
display: block;
width: 10px;
height: 10px;
border-radius: 100%;
}
.acount-name{
color: #434343;
font-size: 30px;
margin-bottom: 25px;
}
.user-center a.btn-link{
font-size: 24px;
bottom: 20px;
}
.new-sdk-container .activity{ border-top: 1px solid #c4c3c3;}
.new-sdk-container .activity-list li:not(.more){
padding: 20px;
border-bottom: 1px dashed #ddd;
}
.new-sdk-container .activity-list li:not(.more) a{
font-size: 26px;
}
.new-sdk-container .activity-list .act_time {
color: #999;
font-size: 24px;
}
.new-sdk-container .activity-list .act_title{white-space:nowrap; text-overflow:ellipsis; overflow:hidden; word-break:break-all;display: block;width: 80%;}
.new-sdk-container .activity-list li.more a{
display: block;
width: 235px;
margin: 20px auto;
text-align: center;
padding: 20px;
color: #fff;
font-size: 26px;
background: #00beef;
border-radius: 10px;
}
.new-sdk-container .activity .bor_b_h3{
border-bottom: 1px solid #e0e0e0;
background: #fff;
padding: 20px 0;
margin: 0 37px;
}
.new-sdk-container .activity .bor_b_h3 h3{
color: #000;
font-size: 26px;
font-family: "Microsoft YaHei","微软雅黑";
font-weight: normal;
}
.scroll{ height: 100%;}
.new-sdk-container .activity .bor_b_h3 .text-info{
color: #707070;
font-size: 24px;
font-family: "Microsoft YaHei","微软雅黑";
font-weight: normal;
margin-top: 5px;
}
.new-sdk-container .activity .activity_text{
color: #707070;
font-size: 26px;
padding: 20px;
font-family: "Microsoft YaHei","微软雅黑";
background: #fff;
}
.new-sdk-container .activity .activity_text img{
display: block;
width: 100%;
}
.new-sdk-container .pwd_box{ margin: 0 37px;}
.new-sdk-container .pwd_box li{
border: 1px solid #c0c0c0;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
padding: 20px 0;
margin-bottom: 20px;
background: #fff;
}
.new-sdk-container .pwd_box #mobile_get_pwd_form .inline-btn li{
border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
padding: 0;
}
.new-sdk-container .pwd_box li a{
display: block;
color: #434343;
font-size: 30px;
font-family: "Microsoft YaHei","微软雅黑";
text-align: center;
}
.pwd_box .step-box input{
background: #fff;
width: 100%;
padding: 25px 0;
border-radius: 10px;
border: 1px solid #c0c0c0;
text-align: center;
margin: 83px 0 91px 0;
font-size: 30px;
line-height: 30px;
box-shadow: none;
box-sizing: border-box;
appearance:button;
-moz-appearance:button; /* Firefox */
-webkit-appearance:button; /* Safari 和 Chrome */
}
.pwd_box .step-box a{
display: block;
text-align: center;
width: 235px;
background: #ff9600;
margin: 0 auto;
color: #fff;
padding: 25px 0;
border-radius: 10px;
font-size: 30px;
}
.pwd_box .step-box .pwd_txt{
padding: 45px 25px 35px;
border: 1px solid #c0c0c0;
background: #fff;
margin: 9px 0 38px;
border-radius: 10px;
}
.pwd_box .step-box .pwd_txt p{
color: #434343;
font-size: 30px;
font-family: "Microsoft YaHei","微软雅黑";
}
.pwd_box .step-box .pwd_txt p a{
display: inline-block;
text-align: left;
width: auto;
background: none;
color: #434343;
padding: 0;
border-radius: none;
}
.new-sdk-box .question-input{
position: relative;
background: #fff;
border: 1px solid #c0c0c0;
border-radius: 10px;
padding: 25px 0;
text-align: center;
font-size: 30px;
color: #434343;
font-family: "Microsoft YaHei","微软雅黑";
}
.new-sdk-box .question-input i{
position: absolute;
right: 15px;
top: 27px;
}
.new-sdk-box .input input{
text-align: center;
}
.new-sdk-box .question-input p{
margin: 0;
font-size: 30px;
color: #434343;
font-family: "Microsoft YaHei","微软雅黑";
}
.mt10{ margin-top: 33px;}
.new-sdk-main .other-login p a.hide{ display: none;}
i.checkbx.icon-xuanzhong:before{ color: #999;}
.only-btn.inline-btn .agreement{
position: absolute;
right: 37px;top: 10px;
}
*:focus,* {outline: none;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #b5b5b6;
font-family: "Microsoft YaHei","微软雅黑";
font-size: 30px;
}
.new-sdk-container .new-sdk-main .other-login label a{
color: #434343;
font-size: 24px;
font-family: "Microsoft YaHei","微软雅黑";
vertical-align: -webkit-baseline-middle;
padding: 10px;
}
.pwd_box .step-box .question-input-box{
background: #fff;
padding: 25px 20px;
border-radius: 10px;
border: 1px solid #c0c0c0;
margin: 83px 0 91px 0;
}
.pwd_box .step-box .qib-txt{
width: 150px;
color: #434343;
font-size: 30px;
font-family: "Microsoft YaHei","微软雅黑";
}
.pwd_box .step-box .qib-input{
width: calc(100% - 150px);
}
.pwd_box .step-box .question-input-box input{
padding: 0;
line-height: 40px;
margin: 0;
border: none;
}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
background-color: rgb(255, 255, 255) !important;
box-shadow: 0 0 0px 1000px white inset;
}
input:disabled{
background-color:#ffffff;
color:#434343;
}
.new-sdk-container .pull-box .drop-ul li{
border-bottom: 1px solid #ddd;
}
@charset "utf-8";
html[data-useragent='ios'] .other-menu{display:none;}
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0; padding:0; }
body{ margin:0 auto; padding:0px;font:14px/1.5 微软雅黑,Microsoft Yahei; overflow-x:hidden; font-weight:normal;}
.clear{clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0; }
img{border:0;}
ol,ul{list-style:none; }
a{ color:#000; text-decoration:none}
*{ text-shadow:none}
.l{ float: left;}
section{
position: relative;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
overflow-x: hidden;
}
.l{ float: left;}
.hide{ display: none;}
a,input,textarea,select {
outline: 0;
}
a:focus {
outline:thin dotted; /* 处理“outline”在Chrome浏览器中和其它浏览器之间的不一致 */
}
.red{ color: red;}
select{
-moz-appearance: none;
-webkit-appearance:none;
appearance:none;
}
/*字体图标*/
@font-face {font-family: "iconfont";
src: url('../font/iconfont.eot?t=1468997064'); /* IE9*/
src: url('../font/iconfont.eot?t=1468997064#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../font/iconfont.woff?t=1468997064') format('woff'), /* chrome, firefox */
url('../font/iconfont.ttf?t=1468997064') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
url('../font/iconfont.svg?t=1468997064#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont {
font-family:"iconfont" !important;
font-size:16px;
font-style:normal;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.2px;
-moz-osx-font-smoothing: grayscale;
}
.icon-weixin:before { content: "\e600"; font-size: 1.8em; color: #0bb515;}
.icon-qq:before { content: "\e601"; font-size: 1.8em; color: #00beef;}
.icon-iconfontcha:before { content: "\e609"; }
.icon-qq1:before { content: "\e602"; font-size: 1.8em; color: #00beef;}
.icon-weixin1:before { content: "\e603"; }
.icon-qq2:before { content: "\e604"; font-size: 1.8em; color: #00beef;}
.icon-iconfontxiangyou:before { content: "\e60a"; color: #fff; font-size: 1.6em;}
.icon-iconfontcolor19:before { content: "\e60b"; }
.icon-xuanzhong:before { content: "\e60c"; color: #ff9600; font-size: 1.6em;}
.icon-triangle-l:before { content: "\e605"; }
.icon-shuangyuanquan:before { content: "\e60d"; color: #089b55;}
.icon-weixin2:before { content: "\e606"; }
.icon-xiangyou:before { content: "\e60e"; }
.icon-fuxuankuangyixuanze:before { content: "\e607"; }
.icon-xiangxia:before { content: "\e60f"; color: #ddd; font-size: 30px;}
.icon-icon3:before { content: "\e608"; }
.icon-fanhui:before { content: "\e610"; color: #00beef; font-size: 36px;}
.icon-yonghutouxiang:before { content: "\e611"; color: #c1c1c1; font-size: 75px;}
.icon-triangle-left-copy:before { content: "\e612"; color:#ddd; font-size: 1.8em;}
/*SDK背景box*/
.new-sdk-container{
position: relative;
background: #f6f6f6;
height: 100%;
}
html{
position: relative;
background: #f6f6f6;
height: 100%;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);/*禁用ios点击元素时的灰色背景*/
/*-webkit-user-modify: read-write-plaintext-only;*/
}
body{
width: 100%;
height: 100%;
background-size: 100%;
}
.mask{
position: relative;
height: 100%;
}
.redround{
display: inline-block;
width: 5px;
height: 5px;
background: red;
border-radius: 50px;
position: absolute;
right: 10px;
top: 10px;
}
.container.activity{
position: absolute;
left: 0;
top: 133x;
bottom: 0;
right: 0;
height: calc(100% - 134px);
}
.SDK-titlebox{
height: 33px;
background: #00beef;
}
/*SDK-logo*/
.new-sdk-container .new-sdk-logo{
text-align: center;
width:100%;
height:53px;
}
.new-sdk-container .new-sdk-logo img{
display: block;
width: 210px;
margin: 0 auto;
padding: 15px 0 0 0;
height:53px;
}
.new-sdk-container .new-sdk-box{
padding: 20px 37px;
border-top: 1px solid #c4c3c3;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.new-sdk-container .new-sdk-box .input{
margin-bottom: 15px;
border: 1px solid #c0c0c0;
/*box-shadow: 1px 2px 2px #c2c2c2 inset;*/
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
padding: 25px 0;
background: #fff;
box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
}
.new-sdk-container .new-sdk-box .input input{
display: inline-block;
width:100%;
background: none;
border: none;
color: #000;
font-size: 30px;
font-family: "Microsoft YaHei","微软雅黑";
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden;
word-break:break-all;
height: 45px;
line-height: 45px;
vertical-align: middle;
margin: 20px 0;
}
.new-sdk-container .new-sdk-box .inputCode input,.new-sdk-container .new-sdk-box .inputCode .getCode{
width:100%;
background: none;
border: none;
color: #000;
font-size: 30px;
font-family: "Microsoft YaHei","微软雅黑";
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden;
word-break:break-all;
}
/*#js_getcode{
height: 80px;
line-height: 80px;
}*/
/*.new-sdk-container .step-box .new-sdk-box .input input,.new-sdk-container .step-box .new-sdk-box .inputCode .getCode{
height: 80px;
line-height: 80px;
}*/
.new-sdk-container .new-sdk-box .inputCode .input{
float: left;
width: 55%;
padding: 0;
}
.new-sdk-container .new-sdk-box .inputCode .getCode{
width: 40%;
float: right;
color: #ff9600;
border: 1px solid #ff9600;
border-radius: 10px;
text-align: center;
}
.new-sdk-container .new-sdk-box .inputCode .getCode.disabled{
border: 1px solid #c0c0c0;
color: #c0c0c0;
cursor : none;
pointer-events: none;
}
.new-sdk-container .new-sdk-box p,.new-sdk-container .new-sdk-box p a{
color: #434343;
font-size: 24px;
font-family: "Microsoft YaHei","微软雅黑";
margin: 20px 0 0;
}
.new-sdk-container .new-sdk-box .acount-name p span.phoneMobile{
color: #434343;
}
.new-sdk-container .new-sdk-box p span{
color: #da8000;
}
.new-sdk-container .inline-btn{
overflow: auto;
zoom: 1;
width: 88%;
margin: 0px auto 25px auto;
}
.new-sdk-container .inline-btn li{
float: left;
width: 45%;
text-align: center;
background: #ff9600;
border-radius: 20px;
padding: 26px 0;
}
.new-sdk-container .inline-btn li:nth-child(2n+2){
float: right;
background: #00beef;
}
.new-sdk-container .login-inline-btn li{
background: #00beef;
}
.new-sdk-container .login-inline-btn li:nth-child(2n+2){
background: #ff9600;
}
.new-sdk-container .only-btn{
position: relative;
text-align: center;
width: calc(100% - 2em);
width: -moz-calc(100% - 2em);
width: -webkit-calc(100% - 2em);
padding: 10px 0;
/*background: #00beef;*/
border-radius: 10px;
margin:1.0em auto 0;
}
.new-sdk-container .only-btn a.btn-orange{
display: block;
width: 235px;
margin: 0 auto;
border-radius: 10px;
font-size: 30px;
padding: 25px 0;
}
.new-sdk-container .only-btn .readyed{
position: absolute;
right: 0;
top: 5px;
color: #000;
font-family: "Microsoft YaHei","微软雅黑";
font-size: 18px;
}
.new-sdk-container .inline-btn a,.new-sdk-container .only-btn a{
display: block;
color: #fff;
font-size: 30px;
font-family: "Microsoft YaHei","微软雅黑";
letter-spacing: 2px;
}
.new-sdk-container .inline-btn .btn{
display:inline-block;
border: 0;
background: #00beef;
color: #fff;
font-size: 30px;
font-family: "Microsoft YaHei","微软雅黑";
letter-spacing: 2px;
cursor: pointer;
width: 100%;
vertical-align: middle;
border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
}
.new-sdk-container .inline-btn .btn-orange{
background: #ff9600
}
.new-sdk-container .new-sdk-box .input select{
width: 100%;
height: 88px;
line-height: 88px;
background: none;
border: none;
color: #434343;
font-size: 30px;
font-family: "Microsoft YaHei","微软雅黑";
}
.select2-container{
min-width: 100%;
}
.new-sdk-container .new-sdk-box .new-sdk-psw{
padding: 0 25px;
}
.new-sdk-container .new-sdk-box .input i{
display: inline-block;
width: 90px;
color: #000;
font-size: 30px;
font-family: "Microsoft YaHei","微软雅黑";
font-style:normal;
}
.new-sdk-container .new-sdk-box .input label{
display: inline-block;
width: calc(100% - 65px);
width: -moz-calc(100% - 65px);
width: -webkit-calc(100% - 65px);
}
.new-sdk-container .new-sdk-box .new-sdk-psw input{
padding: 0;
text-align: left;
}
.new-sdk-container .new-sdk-box .new-sdk-lc{
margin:2em auto 0;
overflow: auto;
zoom: 1;
}
.new-sdk-container .new-sdk-box .new-sdk-lc .sleft{
float: left;
}
.new-sdk-container .new-sdk-lc .sleft .image{
width: 50px;
height: 50px;
position: relative;
}
.new-sdk-container .new-sdk-lc .sleft img{
max-height: 50px;
max-width: 50px;
width: auto;
height: auto;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
}
.new-sdk-container .new-sdk-lc .scenter{
float: left;
margin-left: 10px;
width: calc(100% - 180px);
width: -moz-calc(100% - 180px);
width: -webkit-calc(100% - 180px);
}
.new-sdk-container .new-sdk-lc .scenter p{
margin: 0;
color: #000;
text-overflow: ellipsis;
white-space: nowrap;
word-break: break-all;
width: 100%;
overflow: hidden;
font-size: 14px;
}
.new-sdk-container .new-sdk-lc .scenter p a{
color: #0060b8;
}
.new-sdk-container .new-sdk-lc i{
float: right;
width: 27px;
height: 45px;
background: url(../images/new-sdk-icon.png) no-repeat 0 -152px;
margin: 4px 0;
transform: scale(0.8);
}
.new-sdk-container .new-sdk-box .new-sdk-psw i{
width: 200px;
height: 80px;
line-height: 80px;
float: left;
}
.new-sdk-container .new-sdk-box .new-sdk-psw label{
position: absolute;
left: 215px;
display: inline-block;
height: 80px;
line-height: 80px;
}
.new-sdk-container .new-sdk-lc .binding-link{
float: right;
margin: 0.5em 0;
}
.new-sdk-container .new-sdk-lc .binding-link a{
display: block;
background: #bceeff;
color: #000;
font-size: 14px;
font-family: "Microsoft YaHei","微软雅黑";
letter-spacing: 2px;
padding: 10px;
}
.new-sdk-container .new-sdk-login{
padding:1em;
}
.new-sdk-container .Account-Login .new-sdk-lc{
margin: 10px 0 0;
}
.new-sdk-container .Account-Login .new-sdk-lc .scenter{
width: calc(100% - 75px);
}
.new-sdk-container .account-btn{
overflow: auto;
zoom: 1;
width: 90%;
margin: 0 auto;
}
.new-sdk-container .account-btn li{
float: left;
margin: 10px 0;
width: 40%;
}
.new-sdk-container .account-btn li:nth-child(2n+2){
float: right;
}
.new-sdk-container .account-btn li a{
display: block;
color: #000;
font-size: 16px;
font-family: "Microsoft YaHei","微软雅黑";
background: #efefef;
text-align: center;
padding: 10px 0;
}
.new-sdk-container .account-btn li a:hover{
background: #bceeff;
}
.new-sdk-container .login-third {
width: 90%;
margin: 10px auto 0 auto;
}
.new-sdk-container .login-third .min-qq-icon {
display: block;
width: 33px;
height: 34px;
background: url("../images/icon.png") no-repeat -305px -108px;
float: left;
margin-right: 5px;
}
.new-sdk-container .login-third .title{
line-height: 29px;
margin: 15px 0;
}
.new-sdk-container .login-third .min-weibo-icon {
display: block;
width: 36px;
height: 29px;
background: url("../images/icon.png") no-repeat -305px -75px;
float: left;
margin-right: 5px;
}
.new-sdk-container .login-third .title p {
float: left;
color: #000;
font-size: 20px;
font-family: "Microsoft YaHei","微软雅黑";
}
.new-sdk-container .login-third .input-box {
width: 100%;
border-radius: 10px;
border: 2px solid #c2c2c2;
}
.new-sdk-container .login-third .login-third-input {
border: none;
width: calc(100% - 2em);
width: -moz-calc(100% - 2em);
width: -webkit-calc(100% - 2em);
padding: 1em;
border-bottom: 2px solid #c2c2c2;
font-size: 16px;
border-radius: 10px 10px 0 0;
}
.new-sdk-container .login-third .login-third-input:last-child {
border-bottom: none;
border-radius: 0 0 10px 10px;
}
.new-sdk-container .login-third .login-qq-submit{
background: #d90900;
width: 100%;
border-radius: 8px;
padding: 10px 0;
border: none;
color: #fff;
font-size: 16px;
font-family: "Microsoft YaHei","微软雅黑";
letter-spacing: 2px;
margin-top: 15px;
}
.new-sdk-container .login-third .QQ-submit{
background: #72c429;
}
.new-sdk-container .login-third-list {
width: 90%;
border-top: 1px solid #B1B1B1;
margin: 0 auto 0 auto;
}
.new-sdk-container .login-third-list .title {
text-align: center;
margin-top: 25px;
font-size: 20px;
color: #000;
font-family: "Microsoft YaHei","微软雅黑";
}
.new-sdk-container .login-third-list .third-list {
font-size: 20px;
width: 90%;
margin: 1em auto;
}
@media only screen and (min-width: 640px){
.new-sdk-container .login-third-list .third-list {
width: 50%;
}
}
.new-sdk-container .login-third-list .third-list li {
border-radius: 100%;
background: #fff;
float: left;
width: 130px;
height: 130px;
margin: 0 35px 0 35px;
}
.new-sdk-container .login-third-list .third-list li:nth-child(2n+2){
float: right;
}
.new-sdk-container .login-third-list .third-icon {
background: url("../images/icon.png") no-repeat;
margin: 10px auto 0;
}
.new-sdk-container .login-third-list .third-qq {
width: 85px;
height: 88px;
background-position: 0 -75px;
transform: scale(0.7);
}
.new-sdk-container .login-third-list .third-guest{
width: 85px;
height: 88px;
background-position: -219px -88px;
transform: scale(0.7);
}
.new-sdk-container .login-third-list .third-weibo {
width: 111px;
height: 88px;
background-position: -102px -69px;
transform: scale(0.7);
}
.new-sdk-container .login-third-list p {
text-align: center;
color: #000;
font-size: 14px;
}
/*登录*/
.new-sdk-container .new-sdk-main{
min-height: 14em;
width: 90%;
margin: 0 auto 0 auto;
}
.new-sdk-container .new-sdk-main .other-login{
margin: 17px auto;
line-height: 28px;
color: #434343;
font-size: 24px;
}
.new-sdk-container .new-sdk-main .other-login p{
float: left;
}
.new-sdk-container .new-sdk-main .other-login p a{
display: inline-block;
width: 45px;
height: 45px;
/*background: url(../images/new-sdk-icon.png) no-repeat;*/
margin-left: 15px;
vertical-align: bottom;
}
.new-sdk-container .new-sdk-main .other-login p a.wb{
background-position: 0 -50px;
}
.new-sdk-container .new-sdk-main .other-login p a.qq{
background: url(../images/login_icon.png) no-repeat 0 0;
}
.new-sdk-container .new-sdk-main .other-login p a.weixin{
background: url(../images/login_icon.png) no-repeat 0 -45px;
}
.new-sdk-container .new-sdk-main .other-login label{
float: right;
}
.new-sdk-container .new-sdk-main .other-login label a{
font-size: 18px;
}
.new-sdk-container .new-sdk-main .inputbox{
margin: 0 auto;
background: #fff;
border-radius: 10px;
padding: 30px 18px 24px 25px;
overflow: visible;
zoom: 1;
margin-top: 30px;
position: relative;
border: 1px solid #c0c0c0;
font-family:"Microsoft YaHei","微软雅黑";
color: #434343;
}
.new-sdk-container .new-sdk-main .inputbox .ileft{
float: left;
width: 90px;
min-width: 90px;
font-size: 30px;
font-family:"Microsoft YaHei","微软雅黑";
position: absolute;
line-height: 30px;
}
.new-sdk-container .new-sdk-main .inputbox .iright{
float: left;
width: calc(100% - 90px);
width: -moz-calc(100% - 90px);
width: -webkit-calc(100% - 90px);
margin-left: 90px;
}
.new-sdk-container .new-sdk-main .inputbox input{
width: calc(100% - 47px);
width: -moz-calc(100% - 47px);
width: -webkit-calc(100% - 47px);
font-size: 30px;
line-height: 30px;
border: none;
font-family: "Microsoft YaHei","微软雅黑";
white-space:nowrap; text-overflow:ellipsis; overflow:hidden; word-break:break-all;
}
.new-sdk-container .new-sdk-main .iright .bottom-icon{
position: absolute;
right: 0;
top: 5px;
width: 100px;
height: 90px;
}
.new-sdk-container .new-sdk-main .iright .bottom-icon i.iconfont{
position: absolute;
right: 25px;
top: 50%;
margin-top: -20px;
}
/*.new-sdk-container .new-sdk-main .iright .bottom-icon i{
display: block;
width: 33px;
height: 22px;
background: url(../images/new-sdk-icon.png) no-repeat 0 0;
}*/
.new-sdk-container input{
outline: medium;
}
.new-sdk-container .pull-box{
position:absolute;
top: 85px;
left: -1px;
border: 1px solid #c0c0c0;
border-top: 0;
border-radius: 0 0 20px 20px;
width: 100%;
font-size:16px;
z-index: 99;
background: #fff;
color: #333;
display: none;
font-family: 宋体;
max-height: 11em;
/*overflow-y: scroll;*/
height: 150px;
}
.new-sdk-container .pull-box ul{
margin-left: 65px;
}
.new-sdk-container .pull-box li{
text-indent: 15px;
margin: 5px 0;
color: #434343;
font-size: 30px;
}
.new-sdk-container .pull-box li a{
display: block;
}
/*忘记密码*/
.new-sdk-container .forget-password .function-list {
width: 100%;
margin: 10px auto;
font-size: 16px;
}
.new-sdk-container .forget-password .function-list li {
margin-top: 10px;
}
.new-sdk-container .forget-password .function-list li:first-child {
margin-top: 20px;
}
.new-sdk-container .forget-password .function-list-icon {
display: block;
width: 13px;
height: 13px;
background: url("../images/icon.png") no-repeat;
margin: 5px 10px 0 0;
}
.new-sdk-container .forget-password .function-list-icon-1 {
background-position: -245px -75px;
}
.new-sdk-container .forget-password .function-list-icon-2 {
background-position: -280px -75px;
}
.new-sdk-container .forget-password .function-list-content {
display: none;
margin: 5px 0 0 20px;
}
.new-sdk-container .forget-password .function-list-content .function-input {
width: calc(100% -20px);
width: -moz-calc(100% - 20px);
width: -webkit-calc(100% - 20px);
border: 1px solid #c2c2c2;
padding: 10px;
font-size: 16px;
}
.new-sdk-container .forget-password .function-list-content p {
color: #595757;
font-size: 16px;
margin: 0;
}
.login-box .forget-password .login-button {
margin-top: 10px;
}
.function-list .function-list-text{
float: left;
width: calc(100% -25px);
width: -moz-calc(100% - 25px);
width: -webkit-calc(100% - 25px);
word-break: break-all;
}
/*服务协议*/
.new-sdk-container .new-sdk-content{
width: calc(100% - 76);
width: -moz-calc(100% - 76);
width: -webkit-calc(100% - 76);
height: 300px;
border: 1px solid #c0c0c0;
border-right: none;
border-bottom: none;
margin: 25px 37px 15px;
overflow-y: scroll;
color: #000;
background: #fff;
-webkit-overflow-scrolling: touch;
}
@media only screen and (min-width: 100px) and (max-width: 640px) {
.new-sdk-container .new-sdk-content{
height: 250px;
}
}
.new-sdk-container .new-sdk-content h3 {
font-size: 28px;
font-weight: normal;
text-align: center;
margin: 5px 0 20px;
}
.new-sdk-container .new-sdk-content p, .new-sdk-container .new-sdk-content h4 {
font-size: 24px;
font-weight: normal;
padding: 0 20px;
}
.new-sdk-container .new-sdk-content p {
text-indent: 2em;
}
.new-sdk-container .agreement{
float: right;
font-size: 24px;
line-height: 20px;
margin-right: 32px;
}
.new-sdk-container .checkbox {
width: 24px;
height: 24px;
/*background: transparent url("../images/icon.png") no-repeat scroll 0% 0%;*/
margin: 0 10px;
display: inline-block;
}
.new-sdk-container .checkbox-2 {
background-position: -274px -7px;
}
/*填写注册*/
.new-sdk-container .checkbox-1 {
background-position: -234px -7px;
}
.new-sdk-container .ag-tx{
font-size: 24px;
margin: 20px 0 22px;
}
.new-sdk-container .ag-tx a{
color: #0078ff;
text-decoration: underline;
}
.margintop{
margin-top: 20px;
}
/* 消息框 */
#alert {
background:rgba(0, 0, 0, 0.65)!important; filter:Alpha(opacity=65);
position: absolute;
top: 50%;
left: 50%;
margin: auto 0;
width: 80%;
z-index: 1000;
line-height: 38px;
font-size: 30px;
margin-left: -40%;
text-align: center;
color: #c3c3c3;
border-radius: 10px;
padding: 10px 0px;
}
button.close {
padding: 0;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
}
.alert {
padding: 8px 35px 8px 14px;
font-size: 16px;
/* text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);*/
background:rgba(250, 250, 250, 0.64);
/*border: 1px solid #fbeed5;*/
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.alert,
.alert h4 {
color: #c09853;
}
.alert h4 {
margin: 0;
}
.alert .close {
position: relative;
top: -2px;
right: 8px;
line-height: 20px;
}
.alert-success {
color:#009933;
/*border-bottom:2px solid #9f9f9f;*/
border-color: #d6e9c6;
text-shadow:none;
}
.alert-success h3 {
color: #468847;
}
.alert-danger,
.alert-error {
color:red;
text-shadow:none;
}
.alert-danger h3,
.alert-error h3 {
color: #b94a48;
}
.ios_scroll iframe{
min-height: 320px;
/*transform: scale(1.1);*/
}
/*用户中心*/
.clearfix:before,
.clearfix:after {
display: table;
line-height: 0;
content: "";
}
.clearfix:after {
clear: both;
}
.pull-left{ float: left;}
.pull-right{ float: right;}
.w_45{ width: 45%;}
.w_50{ width: 50%;}
.poslft{ position: absolute; left: 1em;}
.user-center{
position: relative;
text-align: center;
padding: 26px 0 18px;
border-bottom: 2px solid #fff;
color: #00beef;
font-family: "Microsoft YaHei","微软雅黑";
font-size: 36px;
}
.user-center a{
position: absolute;
right: 27px;
bottom:7px;
color: #ff9600;
font-size: 24px;
padding:10px;
}
.user-center a.lefticon{
right: auto;
left: 37px;
}
.user-center-box{
border-top: 1px solid #c4c3c3;
padding: 0 37px 50px;
}
.user-center-box .top{
border-bottom: 2px solid #fff;
padding: 43px 0 40px;
}
.user-center-box .top .txt p{
color: #434343;
font-size: 30px;
white-space:nowrap; text-overflow:ellipsis; overflow:hidden; word-break:break-all;
width: 100%;
}
.user-center-box .top .inline-btn{
margin: 0;
width: 45%;
}
.user-center-box .top .inline-btn a{
border-radius: 10px;
text-align: center;
line-height: 85px;
font-size: 30px;
}
.user-center-box .bind-user{
border-top: 1px solid #c4c3c3;
padding: 30px 20px;
}
.user-center-box .bind-user .txt{
color:#949494;
font-size: 20px;
}
.user-center-box .bind-user .btn-bind{
font-size: 30px;
text-align: center;
line-height: 60px;
border: 1px solid #ff9600;
color: #ff9600;
border-radius: 10px;
background: none;
}
.user-center-box .bind-user .inline-btn{
margin: 0;
width: 35%;
overflow: initial;
margin-left: 10%;
}
.user-center-box .list-item{
border-left: 1px solid #c0c0c0;
border-top: 1px solid #c0c0c0;
}
.user-center-box .list-item li{
position:relative;float: left; width: 33.333%; background: #fff; border-right: 1px solid #c0c0c0;border-bottom: 1px solid #c0c0c0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; text-align: center; color: #434343; font-size: 30px; padding:30px 0;
}
.user-center-box .list-item li a{ display: block;}
.user-center-box .list-item .redround{
position: absolute;
top: 5px;
right: 5px;
background: #ff0000;
display: block;
width: 10px;
height: 10px;
border-radius: 100%;
}
.acount-name{
color: #434343;
font-size: 30px;
margin-bottom: 25px;
}
.user-center a.btn-link{
font-size: 24px;
bottom: 20px;
}
.new-sdk-container .activity{ border-top: 1px solid #c4c3c3;}
.new-sdk-container .activity-list li:not(.more){
padding: 20px;
border-bottom: 1px dashed #ddd;
}
.new-sdk-container .activity-list li:not(.more) a{
font-size: 26px;
}
.new-sdk-container .activity-list .act_time {
color: #999;
font-size: 24px;
}
.new-sdk-container .activity-list .act_title{white-space:nowrap; text-overflow:ellipsis; overflow:hidden; word-break:break-all;display: block;width: 80%;}
.new-sdk-container .activity-list li.more a{
display: block;
width: 235px;
margin: 20px auto;
text-align: center;
padding: 20px;
color: #fff;
font-size: 26px;
background: #00beef;
border-radius: 10px;
}
.new-sdk-container .activity .bor_b_h3{
border-bottom: 1px solid #e0e0e0;
background: #fff;
padding: 20px 0;
margin: 0 37px;
}
.new-sdk-container .activity .bor_b_h3 h3{
color: #000;
font-size: 26px;
font-family: "Microsoft YaHei","微软雅黑";
font-weight: normal;
}
.scroll{ height: 100%;}
.new-sdk-container .activity .bor_b_h3 .text-info{
color: #707070;
font-size: 24px;
font-family: "Microsoft YaHei","微软雅黑";
font-weight: normal;
margin-top: 5px;
}
.new-sdk-container .activity .activity_text{
color: #707070;
font-size: 26px;
padding: 20px;
font-family: "Microsoft YaHei","微软雅黑";
background: #fff;
}
.new-sdk-container .activity .activity_text img{
display: block;
width: 100%;
}
.new-sdk-container .pwd_box{ margin: 0 37px;}
.new-sdk-container .pwd_box li{
border: 1px solid #c0c0c0;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
padding: 20px 0;
margin-bottom: 20px;
background: #fff;
}
.new-sdk-container .pwd_box #mobile_get_pwd_form .inline-btn li{
border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
padding: 0;
}
.new-sdk-container .pwd_box li a{
display: block;
color: #434343;
font-size: 30px;
font-family: "Microsoft YaHei","微软雅黑";
text-align: center;
}
.pwd_box .step-box input{
background: #fff;
width: 100%;
padding: 25px 0;
border-radius: 10px;
border: 1px solid #c0c0c0;
text-align: center;
margin: 83px 0 91px 0;
font-size: 30px;
line-height: 30px;
box-shadow: none;
box-sizing: border-box;
appearance:button;
-moz-appearance:button; /* Firefox */
-webkit-appearance:button; /* Safari 和 Chrome */
}
.pwd_box .step-box a{
display: block;
text-align: center;
width: 235px;
background: #ff9600;
margin: 0 auto;
color: #fff;
padding: 25px 0;
border-radius: 10px;
font-size: 30px;
}
.pwd_box .step-box .pwd_txt{
padding: 45px 25px 35px;
border: 1px solid #c0c0c0;
background: #fff;
margin: 9px 0 38px;
border-radius: 10px;
}
.pwd_box .step-box .pwd_txt p{
color: #434343;
font-size: 30px;
font-family: "Microsoft YaHei","微软雅黑";
}
.pwd_box .step-box .pwd_txt p a{
display: inline-block;
text-align: left;
width: auto;
background: none;
color: #434343;
padding: 0;
border-radius: none;
}
.new-sdk-box .question-input{
position: relative;
background: #fff;
border: 1px solid #c0c0c0;
border-radius: 10px;
padding: 25px 0;
text-align: center;
font-size: 30px;
color: #434343;
font-family: "Microsoft YaHei","微软雅黑";
}
.new-sdk-box .question-input i{
position: absolute;
right: 15px;
top: 27px;
}
.new-sdk-box .input input{
text-align: center;
}
.new-sdk-box .question-input p{
margin: 0;
font-size: 30px;
color: #434343;
font-family: "Microsoft YaHei","微软雅黑";
}
.mt10{ margin-top: 33px;}
.new-sdk-main .other-login p a.hide{ display: none;}
i.checkbx.icon-xuanzhong:before{ color: #999;}
.only-btn.inline-btn .agreement{
position: absolute;
right: 37px;top: 10px;
}
*:focus,* {outline: none;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #b5b5b6;
font-family: "Microsoft YaHei","微软雅黑";
font-size: 30px;
}
.new-sdk-container .new-sdk-main .other-login label a{
color: #434343;
font-size: 24px;
font-family: "Microsoft YaHei","微软雅黑";
vertical-align: -webkit-baseline-middle;
padding: 10px;
}
.pwd_box .step-box .question-input-box{
background: #fff;
padding: 25px 20px;
border-radius: 10px;
border: 1px solid #c0c0c0;
margin: 83px 0 91px 0;
}
.pwd_box .step-box .qib-txt{
width: 150px;
color: #434343;
font-size: 30px;
font-family: "Microsoft YaHei","微软雅黑";
}
.pwd_box .step-box .qib-input{
width: calc(100% - 150px);
}
.pwd_box .step-box .question-input-box input{
padding: 0;
line-height: 40px;
margin: 0;
border: none;
}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
background-color: rgb(255, 255, 255) !important;
box-shadow: 0 0 0px 1000px white inset;
}
input:disabled{
background-color:#ffffff;
color:#434343;
}
.new-sdk-container .pull-box .drop-ul li{
border-bottom: 1px solid #ddd;
}
......
html[data-useragent='ios']
.other-menu{display:none;}
body{
margin:0px;
padding:0px;
font-family: "Microsoft YaHei","微软雅黑";
background-color:white;
text-align: center;
-webkit-box-sizing: border-box;
box-sizing: border-box;
/*overflow: hidden;*/
}
h1,h2,h3,h4{font-weight : normal; margin:5px 0px;}
p{margin:5px;line-height:28px;}
a, button, input, select{
-webkit-tap-highlight-color:rgba(255,0,0,0);outline:none;
}
a,input,textarea,select {
outline: 0;
}
a:focus {
outline:thin dotted; /* 处理“outline”在Chrome浏览器中和其它浏览器之间的不一致 */
}
form{
position: relative;
}
input:-moz-placeholder,
textarea:-moz-placeholder {
color: #555;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
color: #555;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
color: #555;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
padding: 0;
border: none;
}
html{
FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#f7f7f7,endColorStr=#eee);
background: -moz-linear-gradient(top,#f7f7f7,#eee);
background: -webkit-gradient(linear, 0% 0%, 0% 100%,from(#f7f7f7), to(#eee));
background: -webkit-linear-gradient(top, #f7f7f7, #eee);
background: -o-linear-gradient(top, #f7f7f7, #eee);
position: relative;
height: 100%;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);/*禁用ios点击元素时的灰色背景*/
}
body{
background: #f6f6f6;
width: 100%;
height: 100%;
background-size: 100%;
}
select{
width:100%;
font-size:16px;
height:35px; line-height:33px; padding:2px 0;
font-family:"Microsoft YaHei","微软雅黑";
background-color: #fff;
border: 1px solid #CCCCCC;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
-webkit-appearance: listbox;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;}
.fix .ios_scroll{
margin-right: 50px;
width: auto;
}
.nofix .ios_scroll{
overflow: hidden;
}
.ios_scroll{
width: 100%;
height: 100%;
overflow: scroll;
z-index: 1;
-webkit-overflow-scrolling:touch;
}
.ios_scroll iframe{
z-index: 1;
}
.mask{
position: relative;
height: 100%;
/*overflow: hidden;*/
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
a.link{
color: #F00;
border-bottom: 1px solid #F00;
font-weight: bold;
}
.hide{ display: none;}
a:link, a:active, a:hover, a:visited,a:focus{
text-decoration:none;
}
a, button, input, select, li{
-webkit-tap-highlight-color:rgba(255,0,0,0);
}
.disable{
background-color:#DDDDDD;
}
a:disabled, input:disabled{
background-color:#666666;
}
.align-center{
text-align: center;
}
.container img{
max-width: 95%;
}
small, .small{font-size:16px;}
.mar-r-10{
margin-right: 10px;
}
.mar-t-10{
margin-top: 10px;
}
.relative{
position: relative;
}
.w-80{
width: 80%;
}
.w-20{
width: 20%;
}
/* 文字相关 */
p.text-muted{color: #999999; }
.text-warning{color: #DD1144;}
.text-error{color: #DD1144;}
.text-success{color:#0F820C;}
.text-info{color:#1174B7;}
/*对齐方式*/
.text-indent{text-indent: 1em;}
.align-left{text-align: left;}
.pull-right{float:right;}
.pull-left{float:left;}
.inline{display: inline;}
.inline-block{display: inline-block;}
.badge{
display: inline-block;
min-width: 10px;
padding: 3px 7px;
font-size: 12px;
font-weight: bold;
line-height: 1;
color: #fff;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
background-color: #b94a48;
border-radius: 10px;
}
.relative .badge{
position: absolute;
right: 5px;
top: 13px;
}
.badge.pay{
position: absolute;
right: -8px;
top: -6px;
}
/* 基本样式 END */
.clearfix:before,
.clearfix:after {
display: table;
line-height: 0;
content: "";
}
.clearfix:after {
clear: both;
}
p.lead{
text-align: left;
font-size: 18px;
min-height: 100px;
}
.larg{display:block;}
.container .larg{display:block;}
.header .btn.pull-left{
float: none;
position: absolute;
left: 8px;
margin-top: 8px;
}
.header .btn.pull-right{
float: none;
position: absolute;
right: 8px;
margin-top: 8px;
}
.fix .btn.scroll-btn{
display: inline-block;
}
.btn.scroll-btn{
border-radius:35px;
padding:0px;
display: none;
min-width: 35px;
position: absolute;
z-index: 10000;
right: 0px; height:35px;
}
.btn.scroll-up{
top: 40%;
margin-top: -60px;
}
.btn.scroll-down{
top: 57%;
}
/* 输入控件 */
input[type="text"], input[type="submit"], input[type="date"], input[type="email"]{
width:100%; display:block;line-height: normal;
margin: 10px 0px 10px 0;
}
label.enter_game{
margin-top: 8px;
font-size: 20px;
display: inline-block;
}
/*输入控件 END */
/*字体图标*/
/*字体图标*/
@font-face {font-family: "iconfont";
src: url('../font/iconfont.eot?t=1468997064'); /* IE9*/
src: url('../font/iconfont.eot?t=1468997064#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../font/iconfont.woff?t=1468997064') format('woff'), /* chrome, firefox */
url('../font/iconfont.ttf?t=1468997064') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
url('../font/iconfont.svg?t=1468997064#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont {
font-family:"iconfont" !important;
font-size:16px;
font-style:normal;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.2px;
-moz-osx-font-smoothing: grayscale;
}
.icon-weixin:before { content: "\e600"; font-size: 1.8em; color: #0bb515;}
.icon-qq:before { content: "\e601"; font-size: 1.8em; color: #0f9fcf;}
.icon-iconfontcha:before { content: "\e609"; }
.icon-qq1:before { content: "\e602"; font-size: 1.8em; color: #0f9fcf;}
.icon-weixin1:before { content: "\e603"; }
.icon-qq2:before { content: "\e604"; font-size: 1.8em; color: #0f9fcf;}
.icon-iconfontxiangyou:before { content: "\e60a"; color: #fff; font-size: 32px;}
.icon-iconfontcolor19:before { content: "\e60b"; }
.icon-xuanzhong:before { content: "\e60c"; color: #ff9600; font-size: 1.6em;}
.icon-triangle-l:before { content: "\e605"; }
.icon-shuangyuanquan:before { content: "\e60d"; color: #089b55;}
.icon-weixin2:before { content: "\e606"; }
.icon-xiangyou:before { content: "\e60e"; }
.icon-fuxuankuangyixuanze:before { content: "\e607"; }
.icon-xiangxia:before { content: "\e60f"; color: #ddd; font-size: 1.8em;}
.icon-icon3:before { content: "\e608"; }
.icon-fanhui:before { content: "\e610"; color: #949494; font-size: 2em;}
.icon-yonghutouxiang:before { content: "\e611"; color: #c1c1c1; font-size: 84px;}
.icon-triangle-left-copy:before { content: "\e612"; color:#ddd; font-size: 1.8em;}
/* 消息框 */
#alert {
background:rgba(0, 0, 0, 0.65)!important; filter:Alpha(opacity=65);
position: absolute;
top: 200px;
left: 50%;
margin: auto 0;
width: 80%;
z-index: 1000;
line-height: 38px;
font-size: 30px;
margin-left: -40%;
text-align: center;
color: #c3c3c3;
border-radius: 10px;
padding: 10px 0px;
}
button.close {
padding: 0;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
}
.close:hover,
.close:focus {
color: #000000;
text-decoration: none;
cursor: pointer;
opacity: 0.4;
}
button.close {
padding: 0;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
}
/*.alert {
padding: 8px 35px 8px 14px;
font-size: 16px;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
background:rgba(250, 250, 250, 0.64);
border: 1px solid #fbeed5;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}*/
.alert,
.alert h4 {
color: #c09853;
}
.alert h4 {
margin: 0;
}
.alert .close {
position: absolute;
top: -2px;
right: 8px;
line-height: 20px;
color: #fff;
}
.alert-success {
color:#009933;
text-shadow:none;
}
.alert-success h3 {
color: #468847;
}
.alert-danger,
.alert-error {
color:red;
text-shadow:none;
}
.alert-danger h3,
.alert-error h3 {
color: #b94a48;
}
/* 第三方登陆的 */
.other-login {
list-style: none outside none;
margin:0;
padding:0;zoom:0.8;
}
.other-login a { background-image:url(http://cdn.i9133.com/static/sdk/skin/img/share_2.png); background-color:#fff;
background-repeat:no-repeat;
display:inline-block;
margin: 0 12px 0px 0px;
height:69px;
width:70px;
padding:0px;
}
.other-login a.hide{
display: none;
}
.other-login li{
display:inline;
zoom:0.8;
}
.other-login a.sina {
background-position: 0 -211px;
}
.other-login a.douban {
background-position: 0 -96px;
}
.other-login a.renren {
background-position: 0 -70px;
}
.other-login a.taobao {
background-position: 0 0;
}
.other-login a.qq {
background-position: 0 -141px;
}
.other-login a.tqq {
background-position: 0 -281px;
}
.other-login a.wangyi {
background-position: 0 -192px;
}
.other-login a.twitter {
background-position: 0 -225px;
}
.other-login a.baidu {
background-position: 0 -350px;
}
.other-login a.google {background-position: 0 -493px;}
.other-login a.facebook{background-position: 0 -421px;}
/* 第三方登陆 END */
/* 角色信息 */
.account-info{
margin:auto;
text-align: left;
height:78px;
position: relative; margin-bottom:20px;
}
.account-info .desc{
margin-left:85px;
}
.account-info .desc p{
font-size: 16px;
line-height: 16px;
margin: 10px 0;
padding: 0;
}
.account-info img{
height: 75px;
position: absolute;
width: 75px;
}
/* 角色信息 END */
/* 单选框切换内容样式 */
ul.step-tab{
list-style:none;
padding:0px;
margin:auto;
text-align: left;
}
.step-tab li{
text-align: left;
margin-bottom:10px;
}
.step-tab li label{
display: block;
padding: 10px 0;
}
.step-tab li p, .setup-form li form{
font-size:14px;
margin-left: 20px;
}
/* 单选框切换内容样式 END */
/* 金额列表 样式 */
.amount_level{ margin-top:20px;}
.amount_level .btn, .amount_level a{
min-width:70px;
margin-left:30px;
margin-bottom:20px;
}
/* 金额列表 样式 */
/* 支付类型列表 */
.channel_list{
margin-top:10px;
}
.channel_list .btn, .channel_list a{
min-width: 120px;
margin-left:20px;
margin-bottom:10px;
text-align: center;
}
/* 支付类型列表 END */
/* 确认代付 */
.pay-proxy-info{
font-size:14px;
margin:auto;
text-align: left;
height: 100px;
}
.pay-proxy-info .desc{
margin-left:0px;
}
.pay-proxy-info .desc p{
font-size: 14px;
line-height: 16px;
margin: 5px 0;
padding: 0;
}
.pay-proxy-info .btn-group{
margin-left:10px;
float:right;}
/* 确认代付 END */
ol.list{
list-style-type:none;
padding: 0px;
margin:0;
line-height:25px;
text-align: left;
}
/*邀请列表*/
ol.invite-list li{
margin-bottom: 8px;
}
ol.invite-list li img{
width: 50px;
height: 50px;
}
ol.invite-list li div.item{
display: inline-block;
width: 100%;
}
/*客服中心*/
ol.kefu-list li a.item{
margin: 0;
padding: 7px 0;
cursor: pointer;
width : 100%;
display: inline-block;
}
ol.question-list li p{
margin-bottom: 0px;
}
ol.question-list .content{
padding: 5px 5px 0 5px;
}
ol.question-list .content>p{
margin:0;
}
ol.question-list li{
margin: 0;
padding: 7px 0;
width : 100%;
border-bottom: 1px solid #888;
display: inline-block;
}
ol.question-list li span.btn{
font-size: 14px;
line-height: 30px;
height: 30px;
cursor:default;
width: 80px;
text-align: center;
}
ol.question-list li span.kefu{
font-size: 16px;
}
ol.question-list li p.content{
text-indent: 1em;
font-size: 15px;
}
ol.question-list p > a{
font-size: 14px;
line-height: 30px;
height: 30px;
width: 80px;
text-align: center;
margin-right: 7px;
margin-top: 5px;
}
ol.question-list p> a:last-of-type{
margin-right: 0px;
}
/*end */
.statu{
color: #ffffff;
margin-right: 6px;
padding: 1px 5px;
font-size: 12px;
}
.statu_yes{
background: #A26737
}
.statu_no{
background: #950001
}
.reply{ border:1px solid #CCC; padding:2px 5px; margin-right:10px; }
.list li a.item{
margin: 0;
padding:10px 0;
cursor: pointer;
width : 100%;
display: inline-block; font-size:14px;
}
.list li a.item p{
margin: 0;
}
.item img{ margin-right:10px;}
/*活动与公告*/
#activity_detail .detail img{
max-width: 100%;
}
/*end */
/*奖励列表*/
ol.prize-list li p:first-child{
font-size: 16px;
margin: 5px 0px 0px 0px;
}
ol.prize-list li p.prize_content{
text-indent: 2em;
margin-top: 0px;
}
ol.prize-list li{
border-bottom: 1px solid #f8f8f8
}
hr{ display:none;}
/*end */
/* 支付记录列表 */
ol.trade-list{
list-style:none;
padding: 0px;
overflow: auto;
text-align: left;
}
ol.trade-list > li, ol.trade-list > li > p{
font-size:16px;
line-height: 20px;
}
ol li.more{
text-align: center;
}
ol.trade-list .detail{
background: none repeat scroll 0 0 #F3F3F3;
font-size: 16px;
line-height:35px;
height:35px;
margin-bottom: 5px;
position: relative;
padding:0px;
padding-left:8px;
}
.btn.btn_pri_block{ height:140px; line-height:140px;}
ol.trade-list .statu{
font-size: 24px;
position: absolute;
right: 5px;
}
ol.trade-list .detail .statu small{
color: red;
}
ol.trade-list .statu .btn{
background-color: #036BB4;
color: white;
height:30px;
line-height:30px;
display: block;
padding:0 30px;
}
/*ol.trade-list > li{border-bottom: 1px solid #dddddd; margin-bottom:10px; padding-bottom:10px;}*/
ol.trade-list > li p{ padding:8px 5px;}
ol.trade-list > li.more{border:0px;}
/* 支付记录列表 END */
/*用户可定义样式*/
/*自定义样式*/
.scroll{
height: 100%;
position: relative;
}
.scroll p{
margin-bottom: 0px;
}
.scroll ol{
padding-bottom: 10px;
margin-top: 0;
}
.scroll div div:last-child{
padding-bottom: 10px;
}
.container{
box-sizing: border-box;
/*overflow: hidden;*/
position: absolute;
top:64px;
left: 0px;
right: 0px;
bottom:0px;
/*background:url(http://cdn.i9133.com/static/sdk/skin/img/logo-sy.png) right bottom no-repeat;*/
/* 使之可以滚动 */
overflow-y: scroll;
/* 增加该属性,可以增加弹性,是滑动更加顺畅 */
-webkit-overflow-scrolling: touch;
}
.box_info_center{
height: 100%; margin:0 37px;
}
.container textarea{
height: 110px;
line-height: normal;
}
section{
position: relative;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
}
.header{
height:64px;
line-height:64px;
text-align:center;
position: absolute;
top: 0;
left:0;
width: 100%;
box-sizing: border-box;
z-index: 100;
FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#0d96ca,endColorStr=#11a9d3);
background:-moz-linear-gradient(top,#0d96ca,#11a9d3);
background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#0d96ca), to(#11a9d3));
background: -webkit-linear-gradient(top, #0d96ca, #11a9d3);
background: -o-linear-gradient(top, #0d96ca, #11a9d3);
}
.header .btn {
background-image: -moz-linear-gradient(top,#036BB4,#036BB4 );
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#036BB4), to(#036BB4));
background-image: -webkit-linear-gradient(top, #036BB4, #036BB4);
background-image: -o-linear-gradient(top, #036BB4, #036BB4);
background-image: linear-gradient(to bottom, #036BB4, #036BB4);
background-color:#036BB4;
border:1px;
border-style:solid;
border-color:#003090;
margin: 5px 3px;
min-width:60px;
height:50px; line-height:50px;
text-align:center;
font-size:20px; text-shadow:-1px 1px 0 #582804;
}
.header .btn-link{
color: #fff;
font-size: 24px;
font-weight: normal;
}
.header .op-primary{
background-image: -moz-linear-gradient(top,#09AEA8,#09AEA8 );
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#09AEA8), to(#09AEA8));
background-image: -webkit-linear-gradient(top, #09AEA8, #09AEA8);
background-image: -o-linear-gradient(top, #09AEA8, #09AEA8);
background-image: linear-gradient(to bottom, #09AEA8, #09AEA8);
background-color:#09AEA8;
}
.header>.title{
font-size:32px;
color:white;
}
textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
background-color: #FFFFFF; padding:0px; color:#555;
border: 1px solid #CCCCCC;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
/*transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;*/
min-height:44px;
height:44px;
line-height:44px;
font-size:16px;
border-radius: 0;
-webkit-appearance: none;
font-family:"Microsoft YaHei","微软雅黑"; display:block; width:98%; line-height: normal;padding-left:8px; margin-bottom:10px;
}
.ios textarea,.ios input[type="text"],.ios input[type="password"],.ios input[type="datetime"],.ios input[type="datetime-local"],.ios input[type="date"],.ios input[type="month"],.ios input[type="time"],.ios input[type="week"],.ios input[type="number"],.ios input[type="email"],.ios input[type="url"],.ios input[type="search"],.ios input[type="tel"],.ios input[type="color"],.ios .uneditable-input{line-height: normal; width:100%;}
.btn{
background:#036bb4;
color : #FFFFFF;
display : inline-block;
font-size : 16px;
font-weight : normal;
cursor : pointer;
border :0;
-webkit-appearance: none;
border-radius:6px; height:44px; line-height:44px; padding:0px 10px; overflow: hidden;
}
.btn.larg{ padding:0px;border-radius:6px; height:50px; line-height:50px; font-family: "Microsoft YaHei","微软雅黑"; font-size:18px;}
.btn-small{
line-height: 32px;
height:32px;
font-size: 15px;
}
.btn-big{
height:75px;
line-height: 75px;
text-align: center;
padding:0px;
width:120px;
position: absolute;
right:0px;
top:0px;
font-size:20px; font-weight:bold;
}
.toolbar{
margin: 10px auto;
margin-right: auto;
}
.toolbar .btn{
margin-bottom:32px;
width:46%;
margin:0 0px 15px 0;
float:left;
border-radius:6px;
font-size:16px;
padding:0px;
}
div.input-control{
position:relative;
}
.drop-down{
width:55px;
height:55px;
position: absolute;
left:98%;
top:0px;
margin-left:-46px;
background: url(http://cdn.i9133.com/static/sdk/skin/img/toggle-down.png) center center no-repeat;
}
.ios .drop-down{ top:0px;}
.eg{ vertical-align:middle;}
ul.drop-ul{
width:96%;
border: 1px solid #aaaaaa;
background: #ffffff;
position: absolute;
z-index: 100;
color: #222222;
padding: 0;
margin: 0;
font-size: 1.1em;
top:47px;
}
ul.drop-ul li{
width: 100%;
margin: 0px;
padding: 3px;
list-style: none;
}
ul.drop-ul li a{
text-decoration: none;
display: block;
padding: 2px .4em;
line-height: 1.5;
min-height: 0;
font-weight: normal;
}
/*论坛模块*/
div.head{
margin-bottom: 5px;
border-bottom: 3px solid #ffe; padding-bottom:10px;
}
div.head span.num{
position: absolute;
left: 0px;
}
/*其他充值方式*/
div.sec{
margin-top: 16px;
}
ol.other-pay{
padding-left: 5px;
}
ol.other-pay li{
display:inline-block;
}
ol.other-pay li a{
display:inline-block;
text-align: center;
margin:5px 10px 5px 0;
padding: 0 5px;
cursor: pointer;
}
ol.other-pay li a:last-of-type{
margin: 5px 0px 5px 0;
}
ol.other-pay li a img{
width: 70px;
height: 70px;
}
.verify img{
vertical-align:middle; margin-right:15px;
}
.verify input[type=number]{
display: inline-block;
width: 155px;
min-height: 33px;
font-size: 20px;
height: 33px;
line-height: normal;
margin: 8px 15px 8px 0px;
vertical-align:middle;
}
.error_title{
margin: 20px;
}
/*check box*/
*:after,
*:before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.input-control.checkbox {
display: inline-block;
padding: 10px 0;
cursor: pointer;
}
.amount_level .btn,.channel_list .btn,.toolbar .btn{
margin:0 10px 15px 0;
}
.btn-block{
display: block;
}
/***默认头像***/
.user_face{ background:url(http://cdn.i9133.com/static/sdk/skin/img/user-face.jpg) center center no-repeat; position:absolute; background-size:50px; display:block; width:40px; height:40px; margin-right:10px; margin-top:10px; }
.topic-detail-list li{ margin-bottom:10px; }
.game_face{ background:url(http://cdn.i9133.com/static/sdk/skin/img/game_face_35.png) center center no-repeat; display:block;}
.level{ color:#F60; float:right; font-size:14px;}
.gz-zhanghao{ text-align:left; padding:5px; margin-bottom:10px;}
.gz-zhanghao .qq{ padding:5px 0px 5px 35px;background:url(http://cdn.i9133.com/static/sdk/skin/img/qq.png) left bottom no-repeat; }
.gz-zhanghao .weixin{ background:url(http://cdn.i9133.com/static/sdk/skin/img/weixin.png) left bottom no-repeat; padding:5px 0px 5px 35px}
.fs_box{ text-align:left; font-size:16px; }
.help-span{ font-size:20px; color:#f5c85d; font-family:Verdana, Geneva, sans-serif; font-weight:normal; padding-left:5px;}
.help-text{ font-size:22px; text-align:left; line-height:28px;}
p.forget{
margin: 8px 0;
}
p.forget *{
padding:8px 0;
}
.statu { background:none;border:0px;
font-size: 13px;
margin-right: 6px;
padding: 1px 5px;
color:#ff0000;
}
.muted strong{ color:#F00;}
.btn.width100{
width: 100%;
padding: 0;
box-sizing: border-box;
margin-top: 5px;
}
.btn-group { text-align:center;}
h1.error_title{
position: relative;
top:42%;
font-size: 28px;
}
input[type=text], input[type=password]{
line-height: normal;
}
/**sec_invtite**/
.sec_invtite p.title-fs{ padding:10px 15px;}
.sec_invtite p.title-fs a{ color:#F00; border-bottom:1px solid #F00; font-weight:bold;}
li.more .btn{ display:block;}
/*loading*/
/* Second Loadin Circle */
.container_load {
/*background: #161616 url(/static/http://cdn.i9133.com/static/sdk/skin/img/pattern_40.gif) top left repeat;*/
height: 100%;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
z-index: 1000;
}
.container_load.in_frame{
position: absolute;
width: 100%;
left: 0;
top: 0;
}
.container_load .content {margin:0 auto;position: relative;
left:0px;
top: 35%;}
.circle {
background-color: rgba(0,0,0,0);
border:5px solid rgba(0,183,229,0.9);
opacity:.9;
border-right:5px solid rgba(0,0,0,0);
border-left:5px solid rgba(0,0,0,0);
border-radius:50px;
box-shadow: 0 0 35px #2187e7;
width:50px;
height:50px;
margin:0 auto;
-moz-animation:spinPulse 1s infinite ease-in-out;
-webkit-animation:spinPulse 1s infinite linear;
animation:spinPulse 1s infinite linear;
}
.circle1 {
background-color: rgba(0,0,0,0);
border:5px solid rgba(0,183,229,0.9);
opacity:.9;
border-left:5px solid rgba(0,0,0,0);
border-right:5px solid rgba(0,0,0,0);
border-radius:50px;
box-shadow: 0 0 15px #2187e7;
width:30px;
height:30px;
margin:0 auto;
position:relative;
top:-50px;
-moz-animation:spinoffPulse 1s infinite linear;
-webkit-animation:spinoffPulse 1s infinite linear;
animation:spinoffPulse 1s infinite linear;
}
.tip_text{ margin-bottom:15px; margin-top:15px;}
/**客服**/
.question_del{ border-bottom:1px solid #503c2c; line-height:25px;}
.question_del h2{ font-weight:bold; font-size:16px; margin-bottom:15px; }
.q_time{ font-size:13px; font-weight:normal; color:#999; }
.tip{ font-size:13px;}
.padding_box{ padding-top:25px;}
.padding_box p{ padding-bottom:10px;}
/**平台消息**/
.activity-list li,.message-list li{ border-bottom:1px solid #655241;}
.activity-list li .pull-right,.message-list li .pull-right{ font-size:12px;}
.activity-list h3,.message-comm h3{ font-size:22px; margin-bottom:10px;}
.activity-comm .text-info,.message-comm .text-info{ font-size:12px;}
.activity-comm .bor_b_h3,.message-comm .bor_b_h3{ border-bottom:2px #655241 solid;}
.activity-comm .activity_text ,.message-comm .message_text{padding-top:15px; text-align:left;font-size:16px;text-indent:20px; line-height:28px; }
.activity-comm .activity_text p,.message-comm .message_text p{ text-indent:20px; line-height:28px; font-size:16px;}
.activity-list .act_time{ font-size:12px;}
/**居中**/
/***登录前***/
.box_info_center2{ width:600px; margin:0 auto;}
.box_info_center2 .login_case1{ background-color: #fff;border: 1px solid #036BB4;width:240px; float:left; display:block; margin-top:40px; }
.box_info_center2 .other-login li a{ width:80px; margin:0px; height:80px; background-image:url(http://cdn.i9133.com/static/sdk/skin/img/sdk_login.png); background-repeat:no-repeat; background-position:0px 0px ; float:left; }
.box_info_center2 .other-login li a.qq{ background-position:0px 0px ;}
.box_info_center2 .other-login li a.sina{ background-position:-80px 0px;}
.box_info_center2 .other-login li a.baidu{ background-position:-160px 0px;}
.box_info_center2 .login_case2{ margin-left:90px;}
.box_info_center2 .login_case_c{ padding:15px 10px; text-align:center; min-height:80px;}
.box_info_center2 .login_case_c p{ margin-bottom:10px;}
.login_case_c .text-info{ font-size:22px;}
.login_case_c .text-muted{ font-size:16px;}
.box_info_center2 .login_case_b{ padding:14px; border-top:1px solid #036BB4; color:#727474;}
.case_top{ height:80px; background:#036bb4; line-height:80px; font-size:22px; color:#fff;}
.login_case_c .login_case_btn{ display:block; height:44px; line-height:44px; border:1px solid #036BB4; background-color:#ecf0f1; }
.share_box1{ padding:10px 0px; text-align:left;}
.share_box1 img{ margin-right:10px; }
.share_game{ background-color:rgba(245,245,245, 0.5); padding:10px;}
.share_box2{ border-top:1px solid #f6f6f6; text-align:left; padding:5px 0px;}
.share_box2 h2{ font-weight:bold;}
@-moz-keyframes spinPulse {
0% { -moz-transform:rotate(160deg); opacity:0; box-shadow:0 0 1px #2187e7;}
50% { -moz-transform:rotate(145deg); opacity:1; }
100% { -moz-transform:rotate(-320deg); opacity:0; }
}
@-moz-keyframes spinoffPulse {
0% { -moz-transform:rotate(0deg); }
100% { -moz-transform:rotate(360deg); }
}
@-webkit-keyframes spinPulse {
0% { -webkit-transform:rotate(160deg); opacity:0; box-shadow:0 0 1px #2187e7; }
50% { -webkit-transform:rotate(145deg); opacity:1;}
100% { -webkit-transform:rotate(-320deg); opacity:0; }
}
@-webkit-keyframes spinoffPulse {
0% { -webkit-transform:rotate(0deg); }
100% { -webkit-transform:rotate(360deg); }
}
@keyframes spinoffPulse {
0% { transform:rotate(0deg); }
100% { transform:rotate(360deg); }
}
#share{
text-align: left;
margin: 20px 0px;
}
#share span{
display: inline-block;
height: 46px;
line-height: 46px;
vertical-align: top;
}
#share a {
width: 46px;
height: 46px;
display: inline-block;
background-image: url(http://cdn.i9133.com/static/sdk/skin/img/share.png);
background-repeat: no-repeat;
margin-right: 10px;
-webkit-transform: scale(1.2);
}
#share a.s_qzone{
background-position: 5px 4px
}
#share a.s_tsina{
background-position: 5px -36px
}
#share a.s_tqq{
background-position: 5px -76px;
}
.invite_box p{
margin: 5px 0;
font-size: 16px;
}
.invite_box h3{
margin-top: 18px;
}
.share_box1 .s_content{
width: 70%;
margin: 0px;
height: auto;
min-height: 73px;
}
.pay-info-cont{
padding: 10px 37px;
position: relative;
}
.pay-info-cont .player-info-cont{
border-right:1px solid black;
}
.pay-info-cont .player-info-cont .head-ico{
max-height: 50px;
max-width: 50px;
}
.pay-info-cont .player-info-cont span{
display: inline-block;
}
.topic-detail-list li .content{ padding-left:50px;font-size:16px;}
.time_p{ font-size:12px;}
.toolbar .btn:nth-of-type(even){ float:right; margin-right:0px; padding:0px;}
.qq_login .qq{ background:url(img/icon_qq.png) no-repeat; background-position:0px; display:block; height:80px; width:80px; background-size:auto 100%; border-radius:60px; margin:0 auto; }
/*媒介查询字体定义*/
@media screen and (max-width: 320px) {
body {font-size: 14px;}
h1{font-size: 20px;}
h2{font-size:18px;}
h3{font-size:16px;}
h4{ font-size:15px;}
p{ font-size: 14px;}
}
@media screen and (min-width: 320px) {
body {font-size: 14px;}
h1{font-size: 20px;}
h2{font-size:18px;}
h3{font-size:16px;}
h4{ font-size:15px;}
p{ font-size: 14px;}
}
@media screen and (min-width: 480px) {
body {font-size: 19px;}
h1{font-size: 21px;}
h2{font-size:19px;}
h3{font-size:17px;}
h4{ font-size:15px;}
p{ font-size: 16px;}
}
@media screen and (min-width: 640px) {
body {font-size: 24px;}
h1{font-size: 22px;}
h2{font-size:20px;}
h3{font-size:18px;}
h4{ font-size:16px;}
p{ font-size: 17px;}
}
@media screen and (min-width: 720px) {
body {font-size: 27px;}
h1{font-size: 26px;}
h2{font-size:24px;}
h3{font-size:20px;}
h4{ font-size:18px;}
p{ font-size: 20px;}
}
@media screen and (max-width: 600px){
.box_info_center2{ width:500px; margin:0 auto;}
.box_info_center2 .login_case2{ margin-left:15px;}
}
/*充值中心*/
.header .poslft{ position: absolute; left: 37px;}
.header .posrgt{ position: absolute; right: 37px;}
.channel_list .btn{
background: #fff;
border: 1px solid #ddd;
font-family: "Microsoft YaHei","微软雅黑";
color: #434343;
text-align: left;
font-size: 30px;
padding: 0 15px;
margin: 0 0 10px 0;
height: 77px;
line-height: 77px;
display: block;
}
.channel_list .image{
width: 77px; height: 67px; position: relative; margin-right: 30px; margin-top: 5px;
}
.channel_list .image img{
max-width:77px; max-height:67px;
position:absolute; left:0; right:0; top:0; bottom:0; width:auto; height:auto; margin:auto;
}
.warm-prompt { margin-top: 15px; background: #dcdddd; padding: 15px; }
.warm-prompt h2 { color: #ff0000; font-size: 20px; font-weight: normal; font-family: "Microsoft YaHei","微软雅黑"; }
.warm-prompt p { color: #535353; font-family: "Microsoft YaHei","微软雅黑"; font-size: 16px; margin: 0;}
.warm-prompt p a { color: #f39700; }
.pay-info-cont .user-msg { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all; margin-left: 15px; width: calc(100% - 100px);}
.pay-info-cont .user-msg h2 { font-weight: normal; font-size: 24px; margin: 0; color: #949494; }
.pay-info-cont .user-msg p { font-size: 24px; color: #434343; margin: 0; line-height: normal;}
.pay-info-cont .user-msg p span { color: #f39700; }
/*充值记录*/
.integral .box{ border-left:2px solid #089b55; margin-left:100px; height:100%; padding:0 10px 20px;;}
.integral .box h2{ color:#6d6d6d; font-family:"Microsoft YaHei","微软雅黑"; font-weight:normal; position:relative; }
.integral .box .text{ color:#717070; font-family:"Microsoft YaHei","微软雅黑"; font-weight:normal; font-size:16px; padding:10px;background:#fff; border:1px solid #ddd; border-radius:5px; position:relative; margin-left:10px;}
.integral .box .text .position{ position:absolute; top:13px; left:-18px;}
.integral .box .text .position img{ width:10px;}
.integral .box .text h3{ color:#555; font-family:"Microsoft YaHei","微软雅黑"; font-weight:normal; font-size:30px; border-bottom:1px solid #ddd; padding-bottom:10px;}
.integral .box .text .txt{ color:#9d9d9d; font-family:"Microsoft YaHei","微软雅黑"; font-weight:normal; font-size:14px; padding-top:5px;}
.integral .box .text .txt h3{ margin-bottom: 0; border: none; color: #000; margin-bottom: 10px;}
.integral .box .text .txt p{ line-height: normal; padding: 0; margin: 0; font-size: 24px;}
.integral .box .text .txt strong{ color: #ff0000;}
.integral .box h2 .icon{ position:absolute; left:-20px; top:12px; width:17px; background:#fff; border-radius:20px;}
.integral .box h2 .time{ position:absolute; left:-110px; top:12px; width:100px; text-align:center;}
.integral .box .time h3{ color:#333; font-family:"Microsoft YaHei","微软雅黑"; font-weight:normal; font-size:22px; line-height:22px; margin: 0;}
#trade_record .user-msg h2{ line-height: 75px;}
.container form p { border: 1px solid #ddd; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; margin-bottom: 15px;padding: 0 17px;background: #fff; font-size: 30px; color: #434343; }
.container form p label,.container form p input,.container form p select{ height: 84px; line-height: 84px;}
.container form p span { color: #ff9600; }
.container form p input { border: none; font-size: 24px; height: 84px; line-height: 84px; width: calc(100% - 200px); width: -webkit-calc(100% - 200px); width: -moz-calc(100% - 200px); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; min-height: 30px; box-shadow: none; margin: 0;-webkit-appearance: none;}
.container form p select{border: none; box-shadow: none; width: calc(100% - 200px); font-size: 24px; padding: 0;}
.w235{ width: 235px;}
.container form .btn { height: 84px; line-height: 84px; display: block; color: #fff; font-family: "Microsoft YaHei","微软雅黑"; font-size: 30px; text-align: center; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; }
.container form .btn-cancel { background: #0f9fcf; }
.container form .btn-determine { background: #ff9600; }
.container .warm-prompt { margin: 15px 0; background: #dcdddd; padding: 17px 15px;}
.container .warm-prompt h2 { color: #ff0000; font-size: 20px; font-weight: normal; font-family: "Microsoft YaHei","微软雅黑"; text-align: left;}
.container .warm-prompt p { color: #000;font-family: "Microsoft YaHei","微软雅黑";font-size: 20px;padding: 0;margin-top: 5px;text-align: left;border: none; background: none;margin-bottom: 0;}
.container .warm-prompt p a { color: #ff9600; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
color: #b5b5b6;
font-family: "Microsoft YaHei","微软雅黑";
font-size: 30px;
}
input:-moz-placeholder, textarea:-moz-placeholder {
color: #b5b5b6;
font-family: "Microsoft YaHei","微软雅黑";
font-size: 30px;
}
input::-moz-placeholder, textarea::-moz-placeholder {
color: #b5b5b6;
font-family: "Microsoft YaHei","微软雅黑";
font-size: 30px;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
color: #b5b5b6;
font-family: "Microsoft YaHei","微软雅黑";
font-size: 30px;
}
.box_info_center .require_input p input{
float: left;
/*width: auto;*/
}
.box_info_center .require_input select option,.box_info_center .require_input select{
color: #b5b5b6;
font-family: "Microsoft YaHei","微软雅黑";
font-size: 30px;
}
.container a.conBtn{
font-size: 30px;
width: 235px;
color: #fff;
margin: 0 auto;
height:84px;
line-height:84px;
background: #ff9600;
}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
background-color: rgb(255, 255, 255) !important;
box-shadow: 0 0 0px 1000px white inset !important;
html[data-useragent='ios']
.other-menu{display:none;}
body{
margin:0px;
padding:0px;
font-family: "Microsoft YaHei","微软雅黑";
background-color:white;
text-align: center;
-webkit-box-sizing: border-box;
box-sizing: border-box;
/*overflow: hidden;*/
}
h1,h2,h3,h4{font-weight : normal; margin:5px 0px;}
p{margin:5px;line-height:28px;}
a, button, input, select{
-webkit-tap-highlight-color:rgba(255,0,0,0);outline:none;
}
a,input,textarea,select {
outline: 0;
}
a:focus {
outline:thin dotted; /* 处理“outline”在Chrome浏览器中和其它浏览器之间的不一致 */
}
form{
position: relative;
}
input:-moz-placeholder,
textarea:-moz-placeholder {
color: #555;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
color: #555;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
color: #555;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
padding: 0;
border: none;
}
html{
FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#f7f7f7,endColorStr=#eee);
background: -moz-linear-gradient(top,#f7f7f7,#eee);
background: -webkit-gradient(linear, 0% 0%, 0% 100%,from(#f7f7f7), to(#eee));
background: -webkit-linear-gradient(top, #f7f7f7, #eee);
background: -o-linear-gradient(top, #f7f7f7, #eee);
position: relative;
height: 100%;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);/*禁用ios点击元素时的灰色背景*/
}
body{
background: #f6f6f6;
width: 100%;
height: 100%;
background-size: 100%;
}
select{
width:100%;
font-size:16px;
height:35px; line-height:33px; padding:2px 0;
font-family:"Microsoft YaHei","微软雅黑";
background-color: #fff;
border: 1px solid #CCCCCC;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
-webkit-appearance: listbox;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;}
.fix .ios_scroll{
margin-right: 50px;
width: auto;
}
.nofix .ios_scroll{
overflow: hidden;
}
.ios_scroll{
width: 100%;
height: 100%;
overflow: scroll;
z-index: 1;
-webkit-overflow-scrolling:touch;
}
.ios_scroll iframe{
z-index: 1;
}
.mask{
position: relative;
height: 100%;
/*overflow: hidden;*/
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
a.link{
color: #F00;
border-bottom: 1px solid #F00;
font-weight: bold;
}
.hide{ display: none;}
a:link, a:active, a:hover, a:visited,a:focus{
text-decoration:none;
}
a, button, input, select, li{
-webkit-tap-highlight-color:rgba(255,0,0,0);
}
.disable{
background-color:#DDDDDD;
}
a:disabled, input:disabled{
background-color:#666666;
}
.align-center{
text-align: center;
}
.container img{
max-width: 95%;
}
small, .small{font-size:16px;}
.mar-r-10{
margin-right: 10px;
}
.mar-t-10{
margin-top: 10px;
}
.relative{
position: relative;
}
.w-80{
width: 80%;
}
.w-20{
width: 20%;
}
/* 文字相关 */
p.text-muted{color: #999999; }
.text-warning{color: #DD1144;}
.text-error{color: #DD1144;}
.text-success{color:#0F820C;}
.text-info{color:#1174B7;}
/*对齐方式*/
.text-indent{text-indent: 1em;}
.align-left{text-align: left;}
.pull-right{float:right;}
.pull-left{float:left;}
.inline{display: inline;}
.inline-block{display: inline-block;}
.badge{
display: inline-block;
min-width: 10px;
padding: 3px 7px;
font-size: 12px;
font-weight: bold;
line-height: 1;
color: #fff;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
background-color: #b94a48;
border-radius: 10px;
}
.relative .badge{
position: absolute;
right: 5px;
top: 13px;
}
.badge.pay{
position: absolute;
right: -8px;
top: -6px;
}
/* 基本样式 END */
.clearfix:before,
.clearfix:after {
display: table;
line-height: 0;
content: "";
}
.clearfix:after {
clear: both;
}
p.lead{
text-align: left;
font-size: 18px;
min-height: 100px;
}
.larg{display:block;}
.container .larg{display:block;}
.header .btn.pull-left{
float: none;
position: absolute;
left: 8px;
margin-top: 8px;
}
.header .btn.pull-right{
float: none;
position: absolute;
right: 8px;
margin-top: 8px;
}
.fix .btn.scroll-btn{
display: inline-block;
}
.btn.scroll-btn{
border-radius:35px;
padding:0px;
display: none;
min-width: 35px;
position: absolute;
z-index: 10000;
right: 0px; height:35px;
}
.btn.scroll-up{
top: 40%;
margin-top: -60px;
}
.btn.scroll-down{
top: 57%;
}
/* 输入控件 */
input[type="text"], input[type="submit"], input[type="date"], input[type="email"]{
width:100%; display:block;line-height: normal;
margin: 10px 0px 10px 0;
}
label.enter_game{
margin-top: 8px;
font-size: 20px;
display: inline-block;
}
/*输入控件 END */
/*字体图标*/
/*字体图标*/
@font-face {font-family: "iconfont";
src: url('../font/iconfont.eot?t=1468997064'); /* IE9*/
src: url('../font/iconfont.eot?t=1468997064#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../font/iconfont.woff?t=1468997064') format('woff'), /* chrome, firefox */
url('../font/iconfont.ttf?t=1468997064') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
url('../font/iconfont.svg?t=1468997064#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont {
font-family:"iconfont" !important;
font-size:16px;
font-style:normal;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.2px;
-moz-osx-font-smoothing: grayscale;
}
.icon-weixin:before { content: "\e600"; font-size: 1.8em; color: #0bb515;}
.icon-qq:before { content: "\e601"; font-size: 1.8em; color: #0f9fcf;}
.icon-iconfontcha:before { content: "\e609"; }
.icon-qq1:before { content: "\e602"; font-size: 1.8em; color: #0f9fcf;}
.icon-weixin1:before { content: "\e603"; }
.icon-qq2:before { content: "\e604"; font-size: 1.8em; color: #0f9fcf;}
.icon-iconfontxiangyou:before { content: "\e60a"; color: #fff; font-size: 32px;}
.icon-iconfontcolor19:before { content: "\e60b"; }
.icon-xuanzhong:before { content: "\e60c"; color: #ff9600; font-size: 1.6em;}
.icon-triangle-l:before { content: "\e605"; }
.icon-shuangyuanquan:before { content: "\e60d"; color: #089b55;}
.icon-weixin2:before { content: "\e606"; }
.icon-xiangyou:before { content: "\e60e"; }
.icon-fuxuankuangyixuanze:before { content: "\e607"; }
.icon-xiangxia:before { content: "\e60f"; color: #ddd; font-size: 1.8em;}
.icon-icon3:before { content: "\e608"; }
.icon-fanhui:before { content: "\e610"; color: #949494; font-size: 2em;}
.icon-yonghutouxiang:before { content: "\e611"; color: #c1c1c1; font-size: 84px;}
.icon-triangle-left-copy:before { content: "\e612"; color:#ddd; font-size: 1.8em;}
/* 消息框 */
#alert {
background:rgba(0, 0, 0, 0.65)!important; filter:Alpha(opacity=65);
position: absolute;
top: 200px;
left: 50%;
margin: auto 0;
width: 80%;
z-index: 1000;
line-height: 38px;
font-size: 30px;
margin-left: -40%;
text-align: center;
color: #c3c3c3;
border-radius: 10px;
padding: 10px 0px;
}
button.close {
padding: 0;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
}
.close:hover,
.close:focus {
color: #000000;
text-decoration: none;
cursor: pointer;
opacity: 0.4;
}
button.close {
padding: 0;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
}
/*.alert {
padding: 8px 35px 8px 14px;
font-size: 16px;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
background:rgba(250, 250, 250, 0.64);
border: 1px solid #fbeed5;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}*/
.alert,
.alert h4 {
color: #c09853;
}
.alert h4 {
margin: 0;
}
.alert .close {
position: absolute;
top: -2px;
right: 8px;
line-height: 20px;
color: #fff;
}
.alert-success {
color:#009933;
text-shadow:none;
}
.alert-success h3 {
color: #468847;
}
.alert-danger,
.alert-error {
color:red;
text-shadow:none;
}
.alert-danger h3,
.alert-error h3 {
color: #b94a48;
}
/* 第三方登陆的 */
.other-login {
list-style: none outside none;
margin:0;
padding:0;zoom:0.8;
}
.other-login a { background-image:url(http://cdn.i9133.com/static/sdk/skin/img/share_2.png); background-color:#fff;
background-repeat:no-repeat;
display:inline-block;
margin: 0 12px 0px 0px;
height:69px;
width:70px;
padding:0px;
}
.other-login a.hide{
display: none;
}
.other-login li{
display:inline;
zoom:0.8;
}
.other-login a.sina {
background-position: 0 -211px;
}
.other-login a.douban {
background-position: 0 -96px;
}
.other-login a.renren {
background-position: 0 -70px;
}
.other-login a.taobao {
background-position: 0 0;
}
.other-login a.qq {
background-position: 0 -141px;
}
.other-login a.tqq {
background-position: 0 -281px;
}
.other-login a.wangyi {
background-position: 0 -192px;
}
.other-login a.twitter {
background-position: 0 -225px;
}
.other-login a.baidu {
background-position: 0 -350px;
}
.other-login a.google {background-position: 0 -493px;}
.other-login a.facebook{background-position: 0 -421px;}
/* 第三方登陆 END */
/* 角色信息 */
.account-info{
margin:auto;
text-align: left;
height:78px;
position: relative; margin-bottom:20px;
}
.account-info .desc{
margin-left:85px;
}
.account-info .desc p{
font-size: 16px;
line-height: 16px;
margin: 10px 0;
padding: 0;
}
.account-info img{
height: 75px;
position: absolute;
width: 75px;
}
/* 角色信息 END */
/* 单选框切换内容样式 */
ul.step-tab{
list-style:none;
padding:0px;
margin:auto;
text-align: left;
}
.step-tab li{
text-align: left;
margin-bottom:10px;
}
.step-tab li label{
display: block;
padding: 10px 0;
}
.step-tab li p, .setup-form li form{
font-size:14px;
margin-left: 20px;
}
/* 单选框切换内容样式 END */
/* 金额列表 样式 */
.amount_level{ margin-top:20px;}
.amount_level .btn, .amount_level a{
min-width:70px;
margin-left:30px;
margin-bottom:20px;
}
/* 金额列表 样式 */
/* 支付类型列表 */
.channel_list{
margin-top:10px;
}
.channel_list .btn, .channel_list a{
min-width: 120px;
margin-left:20px;
margin-bottom:10px;
text-align: center;
}
/* 支付类型列表 END */
/* 确认代付 */
.pay-proxy-info{
font-size:14px;
margin:auto;
text-align: left;
height: 100px;
}
.pay-proxy-info .desc{
margin-left:0px;
}
.pay-proxy-info .desc p{
font-size: 14px;
line-height: 16px;
margin: 5px 0;
padding: 0;
}
.pay-proxy-info .btn-group{
margin-left:10px;
float:right;}
/* 确认代付 END */
ol.list{
list-style-type:none;
padding: 0px;
margin:0;
line-height:25px;
text-align: left;
}
/*邀请列表*/
ol.invite-list li{
margin-bottom: 8px;
}
ol.invite-list li img{
width: 50px;
height: 50px;
}
ol.invite-list li div.item{
display: inline-block;
width: 100%;
}
/*客服中心*/
ol.kefu-list li a.item{
margin: 0;
padding: 7px 0;
cursor: pointer;
width : 100%;
display: inline-block;
}
ol.question-list li p{
margin-bottom: 0px;
}
ol.question-list .content{
padding: 5px 5px 0 5px;
}
ol.question-list .content>p{
margin:0;
}
ol.question-list li{
margin: 0;
padding: 7px 0;
width : 100%;
border-bottom: 1px solid #888;
display: inline-block;
}
ol.question-list li span.btn{
font-size: 14px;
line-height: 30px;
height: 30px;
cursor:default;
width: 80px;
text-align: center;
}
ol.question-list li span.kefu{
font-size: 16px;
}
ol.question-list li p.content{
text-indent: 1em;
font-size: 15px;
}
ol.question-list p > a{
font-size: 14px;
line-height: 30px;
height: 30px;
width: 80px;
text-align: center;
margin-right: 7px;
margin-top: 5px;
}
ol.question-list p> a:last-of-type{
margin-right: 0px;
}
/*end */
.statu{
color: #ffffff;
margin-right: 6px;
padding: 1px 5px;
font-size: 12px;
}
.statu_yes{
background: #A26737
}
.statu_no{
background: #950001
}
.reply{ border:1px solid #CCC; padding:2px 5px; margin-right:10px; }
.list li a.item{
margin: 0;
padding:10px 0;
cursor: pointer;
width : 100%;
display: inline-block; font-size:14px;
}
.list li a.item p{
margin: 0;
}
.item img{ margin-right:10px;}
/*活动与公告*/
#activity_detail .detail img{
max-width: 100%;
}
/*end */
/*奖励列表*/
ol.prize-list li p:first-child{
font-size: 16px;
margin: 5px 0px 0px 0px;
}
ol.prize-list li p.prize_content{
text-indent: 2em;
margin-top: 0px;
}
ol.prize-list li{
border-bottom: 1px solid #f8f8f8
}
hr{ display:none;}
/*end */
/* 支付记录列表 */
ol.trade-list{
list-style:none;
padding: 0px;
overflow: auto;
text-align: left;
}
ol.trade-list > li, ol.trade-list > li > p{
font-size:16px;
line-height: 20px;
}
ol li.more{
text-align: center;
}
ol.trade-list .detail{
background: none repeat scroll 0 0 #F3F3F3;
font-size: 16px;
line-height:35px;
height:35px;
margin-bottom: 5px;
position: relative;
padding:0px;
padding-left:8px;
}
.btn.btn_pri_block{ height:140px; line-height:140px;}
ol.trade-list .statu{
font-size: 24px;
position: absolute;
right: 5px;
}
ol.trade-list .detail .statu small{
color: red;
}
ol.trade-list .statu .btn{
background-color: #036BB4;
color: white;
height:30px;
line-height:30px;
display: block;
padding:0 30px;
}
/*ol.trade-list > li{border-bottom: 1px solid #dddddd; margin-bottom:10px; padding-bottom:10px;}*/
ol.trade-list > li p{ padding:8px 5px;}
ol.trade-list > li.more{border:0px;}
/* 支付记录列表 END */
/*用户可定义样式*/
/*自定义样式*/
.scroll{
height: 100%;
position: relative;
}
.scroll p{
margin-bottom: 0px;
}
.scroll ol{
padding-bottom: 10px;
margin-top: 0;
}
.scroll div div:last-child{
padding-bottom: 10px;
}
.container{
box-sizing: border-box;
/*overflow: hidden;*/
position: absolute;
top:64px;
left: 0px;
right: 0px;
bottom:0px;
/*background:url(http://cdn.i9133.com/static/sdk/skin/img/logo-sy.png) right bottom no-repeat;*/
/* 使之可以滚动 */
overflow-y: scroll;
/* 增加该属性,可以增加弹性,是滑动更加顺畅 */
-webkit-overflow-scrolling: touch;
}
.box_info_center{
height: 100%; margin:0 37px;
}
.container textarea{
height: 110px;
line-height: normal;
}
section{
position: relative;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
}
.header{
height:64px;
line-height:64px;
text-align:center;
position: absolute;
top: 0;
left:0;
width: 100%;
box-sizing: border-box;
z-index: 100;
FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#0d96ca,endColorStr=#11a9d3);
background:-moz-linear-gradient(top,#0d96ca,#11a9d3);
background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#0d96ca), to(#11a9d3));
background: -webkit-linear-gradient(top, #0d96ca, #11a9d3);
background: -o-linear-gradient(top, #0d96ca, #11a9d3);
}
.header .btn {
background-image: -moz-linear-gradient(top,#036BB4,#036BB4 );
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#036BB4), to(#036BB4));
background-image: -webkit-linear-gradient(top, #036BB4, #036BB4);
background-image: -o-linear-gradient(top, #036BB4, #036BB4);
background-image: linear-gradient(to bottom, #036BB4, #036BB4);
background-color:#036BB4;
border:1px;
border-style:solid;
border-color:#003090;
margin: 5px 3px;
min-width:60px;
height:50px; line-height:50px;
text-align:center;
font-size:20px; text-shadow:-1px 1px 0 #582804;
}
.header .btn-link{
color: #fff;
font-size: 24px;
font-weight: normal;
}
.header .op-primary{
background-image: -moz-linear-gradient(top,#09AEA8,#09AEA8 );
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#09AEA8), to(#09AEA8));
background-image: -webkit-linear-gradient(top, #09AEA8, #09AEA8);
background-image: -o-linear-gradient(top, #09AEA8, #09AEA8);
background-image: linear-gradient(to bottom, #09AEA8, #09AEA8);
background-color:#09AEA8;
}
.header>.title{
font-size:32px;
color:white;
}
textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
background-color: #FFFFFF; padding:0px; color:#555;
border: 1px solid #CCCCCC;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
/*transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;*/
min-height:44px;
height:44px;
line-height:44px;
font-size:16px;
border-radius: 0;
-webkit-appearance: none;
font-family:"Microsoft YaHei","微软雅黑"; display:block; width:98%; line-height: normal;padding-left:8px; margin-bottom:10px;
}
.ios textarea,.ios input[type="text"],.ios input[type="password"],.ios input[type="datetime"],.ios input[type="datetime-local"],.ios input[type="date"],.ios input[type="month"],.ios input[type="time"],.ios input[type="week"],.ios input[type="number"],.ios input[type="email"],.ios input[type="url"],.ios input[type="search"],.ios input[type="tel"],.ios input[type="color"],.ios .uneditable-input{line-height: normal; width:100%;}
.btn{
background:#036bb4;
color : #FFFFFF;
display : inline-block;
font-size : 16px;
font-weight : normal;
cursor : pointer;
border :0;
-webkit-appearance: none;
border-radius:6px; height:44px; line-height:44px; padding:0px 10px; overflow: hidden;
}
.btn.larg{ padding:0px;border-radius:6px; height:50px; line-height:50px; font-family: "Microsoft YaHei","微软雅黑"; font-size:18px;}
.btn-small{
line-height: 32px;
height:32px;
font-size: 15px;
}
.btn-big{
height:75px;
line-height: 75px;
text-align: center;
padding:0px;
width:120px;
position: absolute;
right:0px;
top:0px;
font-size:20px; font-weight:bold;
}
.toolbar{
margin: 10px auto;
margin-right: auto;
}
.toolbar .btn{
margin-bottom:32px;
width:46%;
margin:0 0px 15px 0;
float:left;
border-radius:6px;
font-size:16px;
padding:0px;
}
div.input-control{
position:relative;
}
.drop-down{
width:55px;
height:55px;
position: absolute;
left:98%;
top:0px;
margin-left:-46px;
background: url(http://cdn.i9133.com/static/sdk/skin/img/toggle-down.png) center center no-repeat;
}
.ios .drop-down{ top:0px;}
.eg{ vertical-align:middle;}
ul.drop-ul{
width:96%;
border: 1px solid #aaaaaa;
background: #ffffff;
position: absolute;
z-index: 100;
color: #222222;
padding: 0;
margin: 0;
font-size: 1.1em;
top:47px;
}
ul.drop-ul li{
width: 100%;
margin: 0px;
padding: 3px;
list-style: none;
}
ul.drop-ul li a{
text-decoration: none;
display: block;
padding: 2px .4em;
line-height: 1.5;
min-height: 0;
font-weight: normal;
}
/*论坛模块*/
div.head{
margin-bottom: 5px;
border-bottom: 3px solid #ffe; padding-bottom:10px;
}
div.head span.num{
position: absolute;
left: 0px;
}
/*其他充值方式*/
div.sec{
margin-top: 16px;
}
ol.other-pay{
padding-left: 5px;
}
ol.other-pay li{
display:inline-block;
}
ol.other-pay li a{
display:inline-block;
text-align: center;
margin:5px 10px 5px 0;
padding: 0 5px;
cursor: pointer;
}
ol.other-pay li a:last-of-type{
margin: 5px 0px 5px 0;
}
ol.other-pay li a img{
width: 70px;
height: 70px;
}
.verify img{
vertical-align:middle; margin-right:15px;
}
.verify input[type=number]{
display: inline-block;
width: 155px;
min-height: 33px;
font-size: 20px;
height: 33px;
line-height: normal;
margin: 8px 15px 8px 0px;
vertical-align:middle;
}
.error_title{
margin: 20px;
}
/*check box*/
*:after,
*:before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.input-control.checkbox {
display: inline-block;
padding: 10px 0;
cursor: pointer;
}
.amount_level .btn,.channel_list .btn,.toolbar .btn{
margin:0 10px 15px 0;
}
.btn-block{
display: block;
}
/***默认头像***/
.user_face{ background:url(http://cdn.i9133.com/static/sdk/skin/img/user-face.jpg) center center no-repeat; position:absolute; background-size:50px; display:block; width:40px; height:40px; margin-right:10px; margin-top:10px; }
.topic-detail-list li{ margin-bottom:10px; }
.game_face{ background:url(http://cdn.i9133.com/static/sdk/skin/img/game_face_35.png) center center no-repeat; display:block;}
.level{ color:#F60; float:right; font-size:14px;}
.gz-zhanghao{ text-align:left; padding:5px; margin-bottom:10px;}
.gz-zhanghao .qq{ padding:5px 0px 5px 35px;background:url(http://cdn.i9133.com/static/sdk/skin/img/qq.png) left bottom no-repeat; }
.gz-zhanghao .weixin{ background:url(http://cdn.i9133.com/static/sdk/skin/img/weixin.png) left bottom no-repeat; padding:5px 0px 5px 35px}
.fs_box{ text-align:left; font-size:16px; }
.help-span{ font-size:20px; color:#f5c85d; font-family:Verdana, Geneva, sans-serif; font-weight:normal; padding-left:5px;}
.help-text{ font-size:22px; text-align:left; line-height:28px;}
p.forget{
margin: 8px 0;
}
p.forget *{
padding:8px 0;
}
.statu { background:none;border:0px;
font-size: 13px;
margin-right: 6px;
padding: 1px 5px;
color:#ff0000;
}
.muted strong{ color:#F00;}
.btn.width100{
width: 100%;
padding: 0;
box-sizing: border-box;
margin-top: 5px;
}
.btn-group { text-align:center;}
h1.error_title{
position: relative;
top:42%;
font-size: 28px;
}
input[type=text], input[type=password]{
line-height: normal;
}
/**sec_invtite**/
.sec_invtite p.title-fs{ padding:10px 15px;}
.sec_invtite p.title-fs a{ color:#F00; border-bottom:1px solid #F00; font-weight:bold;}
li.more .btn{ display:block;}
/*loading*/
/* Second Loadin Circle */
.container_load {
/*background: #161616 url(/static/http://cdn.i9133.com/static/sdk/skin/img/pattern_40.gif) top left repeat;*/
height: 100%;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
z-index: 1000;
}
.container_load.in_frame{
position: absolute;
width: 100%;
left: 0;
top: 0;
}
.container_load .content {margin:0 auto;position: relative;
left:0px;
top: 35%;}
.circle {
background-color: rgba(0,0,0,0);
border:5px solid rgba(0,183,229,0.9);
opacity:.9;
border-right:5px solid rgba(0,0,0,0);
border-left:5px solid rgba(0,0,0,0);
border-radius:50px;
box-shadow: 0 0 35px #2187e7;
width:50px;
height:50px;
margin:0 auto;
-moz-animation:spinPulse 1s infinite ease-in-out;
-webkit-animation:spinPulse 1s infinite linear;
animation:spinPulse 1s infinite linear;
}
.circle1 {
background-color: rgba(0,0,0,0);
border:5px solid rgba(0,183,229,0.9);
opacity:.9;
border-left:5px solid rgba(0,0,0,0);
border-right:5px solid rgba(0,0,0,0);
border-radius:50px;
box-shadow: 0 0 15px #2187e7;
width:30px;
height:30px;
margin:0 auto;
position:relative;
top:-50px;
-moz-animation:spinoffPulse 1s infinite linear;
-webkit-animation:spinoffPulse 1s infinite linear;
animation:spinoffPulse 1s infinite linear;
}
.tip_text{ margin-bottom:15px; margin-top:15px;}
/**客服**/
.question_del{ border-bottom:1px solid #503c2c; line-height:25px;}
.question_del h2{ font-weight:bold; font-size:16px; margin-bottom:15px; }
.q_time{ font-size:13px; font-weight:normal; color:#999; }
.tip{ font-size:13px;}
.padding_box{ padding-top:25px;}
.padding_box p{ padding-bottom:10px;}
/**平台消息**/
.activity-list li,.message-list li{ border-bottom:1px solid #655241;}
.activity-list li .pull-right,.message-list li .pull-right{ font-size:12px;}
.activity-list h3,.message-comm h3{ font-size:22px; margin-bottom:10px;}
.activity-comm .text-info,.message-comm .text-info{ font-size:12px;}
.activity-comm .bor_b_h3,.message-comm .bor_b_h3{ border-bottom:2px #655241 solid;}
.activity-comm .activity_text ,.message-comm .message_text{padding-top:15px; text-align:left;font-size:16px;text-indent:20px; line-height:28px; }
.activity-comm .activity_text p,.message-comm .message_text p{ text-indent:20px; line-height:28px; font-size:16px;}
.activity-list .act_time{ font-size:12px;}
/**居中**/
/***登录前***/
.box_info_center2{ width:600px; margin:0 auto;}
.box_info_center2 .login_case1{ background-color: #fff;border: 1px solid #036BB4;width:240px; float:left; display:block; margin-top:40px; }
.box_info_center2 .other-login li a{ width:80px; margin:0px; height:80px; background-image:url(http://cdn.i9133.com/static/sdk/skin/img/sdk_login.png); background-repeat:no-repeat; background-position:0px 0px ; float:left; }
.box_info_center2 .other-login li a.qq{ background-position:0px 0px ;}
.box_info_center2 .other-login li a.sina{ background-position:-80px 0px;}
.box_info_center2 .other-login li a.baidu{ background-position:-160px 0px;}
.box_info_center2 .login_case2{ margin-left:90px;}
.box_info_center2 .login_case_c{ padding:15px 10px; text-align:center; min-height:80px;}
.box_info_center2 .login_case_c p{ margin-bottom:10px;}
.login_case_c .text-info{ font-size:22px;}
.login_case_c .text-muted{ font-size:16px;}
.box_info_center2 .login_case_b{ padding:14px; border-top:1px solid #036BB4; color:#727474;}
.case_top{ height:80px; background:#036bb4; line-height:80px; font-size:22px; color:#fff;}
.login_case_c .login_case_btn{ display:block; height:44px; line-height:44px; border:1px solid #036BB4; background-color:#ecf0f1; }
.share_box1{ padding:10px 0px; text-align:left;}
.share_box1 img{ margin-right:10px; }
.share_game{ background-color:rgba(245,245,245, 0.5); padding:10px;}
.share_box2{ border-top:1px solid #f6f6f6; text-align:left; padding:5px 0px;}
.share_box2 h2{ font-weight:bold;}
@-moz-keyframes spinPulse {
0% { -moz-transform:rotate(160deg); opacity:0; box-shadow:0 0 1px #2187e7;}
50% { -moz-transform:rotate(145deg); opacity:1; }
100% { -moz-transform:rotate(-320deg); opacity:0; }
}
@-moz-keyframes spinoffPulse {
0% { -moz-transform:rotate(0deg); }
100% { -moz-transform:rotate(360deg); }
}
@-webkit-keyframes spinPulse {
0% { -webkit-transform:rotate(160deg); opacity:0; box-shadow:0 0 1px #2187e7; }
50% { -webkit-transform:rotate(145deg); opacity:1;}
100% { -webkit-transform:rotate(-320deg); opacity:0; }
}
@-webkit-keyframes spinoffPulse {
0% { -webkit-transform:rotate(0deg); }
100% { -webkit-transform:rotate(360deg); }
}
@keyframes spinoffPulse {
0% { transform:rotate(0deg); }
100% { transform:rotate(360deg); }
}
#share{
text-align: left;
margin: 20px 0px;
}
#share span{
display: inline-block;
height: 46px;
line-height: 46px;
vertical-align: top;
}
#share a {
width: 46px;
height: 46px;
display: inline-block;
background-image: url(http://cdn.i9133.com/static/sdk/skin/img/share.png);
background-repeat: no-repeat;
margin-right: 10px;
-webkit-transform: scale(1.2);
}
#share a.s_qzone{
background-position: 5px 4px
}
#share a.s_tsina{
background-position: 5px -36px
}
#share a.s_tqq{
background-position: 5px -76px;
}
.invite_box p{
margin: 5px 0;
font-size: 16px;
}
.invite_box h3{
margin-top: 18px;
}
.share_box1 .s_content{
width: 70%;
margin: 0px;
height: auto;
min-height: 73px;
}
.pay-info-cont{
padding: 10px 37px;
position: relative;
}
.pay-info-cont .player-info-cont{
border-right:1px solid black;
}
.pay-info-cont .player-info-cont .head-ico{
max-height: 50px;
max-width: 50px;
}
.pay-info-cont .player-info-cont span{
display: inline-block;
}
.topic-detail-list li .content{ padding-left:50px;font-size:16px;}
.time_p{ font-size:12px;}
.toolbar .btn:nth-of-type(even){ float:right; margin-right:0px; padding:0px;}
.qq_login .qq{ background:url(img/icon_qq.png) no-repeat; background-position:0px; display:block; height:80px; width:80px; background-size:auto 100%; border-radius:60px; margin:0 auto; }
/*媒介查询字体定义*/
@media screen and (max-width: 320px) {
body {font-size: 14px;}
h1{font-size: 20px;}
h2{font-size:18px;}
h3{font-size:16px;}
h4{ font-size:15px;}
p{ font-size: 14px;}
}
@media screen and (min-width: 320px) {
body {font-size: 14px;}
h1{font-size: 20px;}
h2{font-size:18px;}
h3{font-size:16px;}
h4{ font-size:15px;}
p{ font-size: 14px;}
}
@media screen and (min-width: 480px) {
body {font-size: 19px;}
h1{font-size: 21px;}
h2{font-size:19px;}
h3{font-size:17px;}
h4{ font-size:15px;}
p{ font-size: 16px;}
}
@media screen and (min-width: 640px) {
body {font-size: 24px;}
h1{font-size: 22px;}
h2{font-size:20px;}
h3{font-size:18px;}
h4{ font-size:16px;}
p{ font-size: 17px;}
}
@media screen and (min-width: 720px) {
body {font-size: 27px;}
h1{font-size: 26px;}
h2{font-size:24px;}
h3{font-size:20px;}
h4{ font-size:18px;}
p{ font-size: 20px;}
}
@media screen and (max-width: 600px){
.box_info_center2{ width:500px; margin:0 auto;}
.box_info_center2 .login_case2{ margin-left:15px;}
}
/*充值中心*/
.header .poslft{ position: absolute; left: 37px;}
.header .posrgt{ position: absolute; right: 37px;}
.channel_list .btn{
background: #fff;
border: 1px solid #ddd;
font-family: "Microsoft YaHei","微软雅黑";
color: #434343;
text-align: left;
font-size: 30px;
padding: 0 15px;
margin: 0 0 10px 0;
height: 77px;
line-height: 77px;
display: block;
}
.channel_list .image{
width: 77px; height: 67px; position: relative; margin-right: 30px; margin-top: 5px;
}
.channel_list .image img{
max-width:77px; max-height:67px;
position:absolute; left:0; right:0; top:0; bottom:0; width:auto; height:auto; margin:auto;
}
.warm-prompt { margin-top: 15px; background: #dcdddd; padding: 15px; }
.warm-prompt h2 { color: #ff0000; font-size: 20px; font-weight: normal; font-family: "Microsoft YaHei","微软雅黑"; }
.warm-prompt p { color: #535353; font-family: "Microsoft YaHei","微软雅黑"; font-size: 16px; margin: 0;}
.warm-prompt p a { color: #f39700; }
.pay-info-cont .user-msg { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all; margin-left: 15px; width: calc(100% - 100px);}
.pay-info-cont .user-msg h2 { font-weight: normal; font-size: 24px; margin: 0; color: #949494; }
.pay-info-cont .user-msg p { font-size: 24px; color: #434343; margin: 0; line-height: normal;}
.pay-info-cont .user-msg p span { color: #f39700; }
/*充值记录*/
.integral .box{ border-left:2px solid #089b55; margin-left:100px; height:100%; padding:0 10px 20px;;}
.integral .box h2{ color:#6d6d6d; font-family:"Microsoft YaHei","微软雅黑"; font-weight:normal; position:relative; }
.integral .box .text{ color:#717070; font-family:"Microsoft YaHei","微软雅黑"; font-weight:normal; font-size:16px; padding:10px;background:#fff; border:1px solid #ddd; border-radius:5px; position:relative; margin-left:10px;}
.integral .box .text .position{ position:absolute; top:13px; left:-18px;}
.integral .box .text .position img{ width:10px;}
.integral .box .text h3{ color:#555; font-family:"Microsoft YaHei","微软雅黑"; font-weight:normal; font-size:30px; border-bottom:1px solid #ddd; padding-bottom:10px;}
.integral .box .text .txt{ color:#9d9d9d; font-family:"Microsoft YaHei","微软雅黑"; font-weight:normal; font-size:14px; padding-top:5px;}
.integral .box .text .txt h3{ margin-bottom: 0; border: none; color: #000; margin-bottom: 10px;}
.integral .box .text .txt p{ line-height: normal; padding: 0; margin: 0; font-size: 24px;}
.integral .box .text .txt strong{ color: #ff0000;}
.integral .box h2 .icon{ position:absolute; left:-20px; top:12px; width:17px; background:#fff; border-radius:20px;}
.integral .box h2 .time{ position:absolute; left:-110px; top:12px; width:100px; text-align:center;}
.integral .box .time h3{ color:#333; font-family:"Microsoft YaHei","微软雅黑"; font-weight:normal; font-size:22px; line-height:22px; margin: 0;}
#trade_record .user-msg h2{ line-height: 75px;}
.container form p { border: 1px solid #ddd; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; margin-bottom: 15px;padding: 0 17px;background: #fff; font-size: 30px; color: #434343; }
.container form p label,.container form p input,.container form p select{ height: 84px; line-height: 84px;}
.container form p span { color: #ff9600; }
.container form p input { border: none; font-size: 24px; height: 84px; line-height: 84px; width: calc(100% - 200px); width: -webkit-calc(100% - 200px); width: -moz-calc(100% - 200px); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; min-height: 30px; box-shadow: none; margin: 0;-webkit-appearance: none;}
.container form p select{border: none; box-shadow: none; width: calc(100% - 200px); font-size: 24px; padding: 0;}
.w235{ width: 235px;}
.container form .btn { height: 84px; line-height: 84px; display: block; color: #fff; font-family: "Microsoft YaHei","微软雅黑"; font-size: 30px; text-align: center; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; }
.container form .btn-cancel { background: #0f9fcf; }
.container form .btn-determine { background: #ff9600; }
.container .warm-prompt { margin: 15px 0; background: #dcdddd; padding: 17px 15px;}
.container .warm-prompt h2 { color: #ff0000; font-size: 20px; font-weight: normal; font-family: "Microsoft YaHei","微软雅黑"; text-align: left;}
.container .warm-prompt p { color: #000;font-family: "Microsoft YaHei","微软雅黑";font-size: 20px;padding: 0;margin-top: 5px;text-align: left;border: none; background: none;margin-bottom: 0;}
.container .warm-prompt p a { color: #ff9600; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
color: #b5b5b6;
font-family: "Microsoft YaHei","微软雅黑";
font-size: 30px;
}
input:-moz-placeholder, textarea:-moz-placeholder {
color: #b5b5b6;
font-family: "Microsoft YaHei","微软雅黑";
font-size: 30px;
}
input::-moz-placeholder, textarea::-moz-placeholder {
color: #b5b5b6;
font-family: "Microsoft YaHei","微软雅黑";
font-size: 30px;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
color: #b5b5b6;
font-family: "Microsoft YaHei","微软雅黑";
font-size: 30px;
}
.box_info_center .require_input p input{
float: left;
/*width: auto;*/
}
.box_info_center .require_input select option,.box_info_center .require_input select{
color: #b5b5b6;
font-family: "Microsoft YaHei","微软雅黑";
font-size: 30px;
}
.container a.conBtn{
font-size: 30px;
width: 235px;
color: #fff;
margin: 0 auto;
height:84px;
line-height:84px;
background: #ff9600;
}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
background-color: rgb(255, 255, 255) !important;
box-shadow: 0 0 0px 1000px white inset !important;
}
\ No newline at end of file
......