首页
活动资料
活动规程
活动路线
报名须知
交通指南
新闻公告
新闻中心
活动公告
主题活动
我要报名
立即报名
报名查询
成绩证书
成绩
证书
关于我们
组委会介绍
联系我们
赛事赞助
赛事合作
赞助商
精彩瞬间
照片查询
视频欣赏
返回组委会官网
登录
2021第七届四姑娘山登山节
登录/注册
返回组委会官网
首页
活动资料
活动规程
活动路线
报名须知
交通指南
新闻公告
新闻中心
活动公告
主题活动
我要报名
立即报名
报名查询
成绩证书
成绩
证书
关于我们
组委会介绍
联系我们
赛事赞助
赛事合作
赞助商
精彩瞬间
照片查询
视频欣赏
首页
/
视频欣赏
2019第五届四姑娘山国际登山节
<div style="position: absolute;width: 100%;height: 100%;z-index: 1;opacity: 0.7;"></div> <div class='footer-content' style="position: relative;z-index: 2;"> <div id="event-logo" > <img class="event-logo-img" src="http://imgoss.geexek.top/event/res/2020/0527/25587da3-3014-4aa5-8d35-a96e3611dd0f.png" width="auto"/> </div> <div id="footer-info-frame"> <div class="footer-info-item clearfix"> <div class="info-key skinfont">联系电话</div> <div class="info-value skinfont">028-85594321</div> </div> <div class="footer-info-item clearfix"> <div class="info-key skinfont">官方邮箱</div> <div class="info-value skinfont">go8611@126.com</div> </div> <div class="footer-info-item clearfix"> <div class="info-key skinfont">公司地址</div> <div class="info-value skinfont">成都市武侯区洗面桥街30号高速大厦</div> </div> </div> <div id="logo-qrcode"> <div id="qrcode-outer"> <div id="wx-blog"> <div id="wx" class="qr-code left"> <div class="qr-code-bottom"> <div class="qr-code-img" style="background-image:url(http://imgoss.geexek.top/event/res/2020/0526/dd449b58-0784-4a9b-b17d-68243dca315b.jpg)"></div> </div> <div class="qr-code-top skinfont gradient-style"> </div> </div> <div id="wx" class="qr-code left"> <div class="qr-code-bottom"> <div class="qr-code-img" style="background-image:url(https://img.geexek.com/files/event/res/2017/0809/e44bcf3b-72e9-45fa-9417-a7d317883525.png)"></div> </div> <div class="qr-code-top skinfont gradient-style"> </div> </div> </div> </div> </div> <div class='clear'></div> </div> <div class='copyright mainBG' style="position: relative;z-index:2;"> <div id="copyright-info-pc"><a href="http://beian.miit.gov.cn" target="_blank">新疆悦途远征赛事文化有限公司</a></div> <div id="geexek-link"><a href="http://www.geexek.com">技术支持 —— 赛小客</a></div> </div> </footer> <script> var bgd = $("#data-css").text().trim() == "" ? null : $.evalJSON($("#data-css").text().trim()); if (bgd && bgd.footImage) { $("#footer-frame").css("cssText", "background-image:url({0})!important".format(bgd.footImage)); } </script> <script src="https://static.geetest.com/static/tools/gt.js?v=3.2.0"></script> <script src="/js/validate/jquery.validate.js?v=3.2.0"></script> <!DOCTYPE html> <html lang="en"> <style> p.dotted:after { content: "or"; position: absolute; width: 40px; text-align: center; background: white; left: 50%; color: #a4a9ae; margin-left: -20px; top: -10px; z-index: 999; } .logo{ display: flex; justify-content: center; overflow: hidden; } .login-dialog,.login-mask{ display: none; } .login-dialog{ width: 380px; height: 500px; background: white; border-radius: 6px; position: absolute; z-index: 1001; left: 50%; margin-left: -240px; top: 60px; padding: 50px; overflow: hidden!important; box-sizing: content-box; } .close{ position: absolute; right: -52px; top: -52px; background-image: url(/views/template/common/res/images/icon_close_pc.png)!important; display: inline-block; height: 104px; width: 104px; border-radius: 50%; background-position: 25px 62px!important;; background-repeat: no-repeat!important;; cursor: pointer; } .relogin{ position: absolute; bottom: 20px; width: 170px; margin-left: -85px; left: 50%; text-align: center; } .logo-img{ max-height: 60px; max-width: 380px; height: 60px; } .login-txt{ font-size: 12px; color: #A4A9AE; } .login-dialog .login-input{ width: 380px; font-size: 20px; border: none; color: #1F2020; border-bottom-width: 1px; border-bottom-style: solid; padding-left: 5px; outline: none; box-shadow: 0px 0px 0px 1000px white inset; transition: all 0.5s; } .login-input-section{ height: 88px; display: flex; flex-direction: column; justify-content: flex-end; } .login-forget{ font-size: 16px; color: #4d4d4d; cursor: pointer; } .login-dialog .login-btn{ height: 34px; width: 70px; text-align: center; color: white; line-height: 34px; border-radius: 4px; cursor: pointer; letter-spacing: 3px; } .login-opt{ display: flex; flex-direction: row; justify-content: space-between; height: 110px; align-items: center; } .dotted{ border-bottom: 2px dashed #e0e1e4; position: relative; margin-top: 20px; } .wx-login{ height: 130px; justify-content: center; align-items: center; display: flex; } .wx-login-account{ height: 130px; justify-content: center; align-items: center; display: flex; } .wx-login-btn{ width: 380px; height: 50px; /*background: #38b7ab;*/ border-radius: 4px; display: flex; } .new-account-tip{ font-size: 20px; color: #A4A9AE; cursor: pointer; } .login-register,.login-back{ font-size: 20px; /*color: #38b7ab;*/ cursor: pointer; } .login-wx{ height: 50px; width: 60px; display: inline-block; background-image: url(/views/template/common/res/images/icon_wx.png); background-repeat: no-repeat; background-position: center; background-color: rgba(0,0,0,0.1); } .login-wx-account{ height: 50px; width: 60px; display: inline-block; background-image: url(/views/template/common/res/images/icon_account.png); background-repeat: no-repeat; background-position: center; background-color: rgba(0,0,0,0.1); } .login-wx-text{ font-size: 20px; color: white; letter-spacing: 6px; display: inline-block; width: 320px; height: 50px; text-align: center; line-height: 50px; cursor: pointer; } .login-bigger-text{ font-size: 20px; transition: all 0.5s; } .login-small-input{ height: 20px; transition: all 0.5s; } .login-mask{ width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; z-index: 1000; background: rgba(0,0,0,.4); } #wx_login_pic{ height: 254px; width: 254px; margin: auto; } #pc_login_btn{ color: #a4a9ae; font-size: 18px; margin: 0px 0px 15px 0px; position: absolute; bottom: -25px; left: 108px; } .item{ visibility: hidden; } .register-txt{ display: inline-block;width: 70px;height: 34px; text-align: center;line-height: 34px;color: white;border-radius: 4px;cursor: pointer; } @media screen and (max-width: 960px) { .login-div{ float: none; } .dotted,.wx-login{ display: none; } .login-dialog{ display: none; } .login-dialog{ width: 76%; max-width: 90%; padding: 0px; margin: auto; position: fixed; top: 5%; left: 5%; height: 452px; z-index: 1001; background: white; padding: 60px 7%; border-radius: 6px; } .login-dialog .logo{ justify-content: end; } .login-dialog .close{ position: absolute; right: 10px; top: 10px; background-image: url(/views/template/common/res/images/icon_close_wx_1.png); display: inline-block; height: 19px; width: 19px; background-color: transparent!important; background-repeat: no-repeat; cursor: pointer; border-radius: 0px; z-index: 999999; background-position: center; background-size: contain; } .login-dialog input[type=text],.login-dialog input[type=password]{ width: 100%; height: 40px; } } .forgetPwd{ visibility: hidden; } #wx_login_box{ text-align: center;margin-top: 20px;position: relative; } .checkbox-dialog{ position: relative; margin: 0px 6px 0px 0px; } .checkbox-dialog:before{ background-color: #ce3939; content: ''; background-image: url(https://zs.geexek.com/static/images/white.png); width: 18px; height: 18px; left: -3px; top: -1px; position: absolute; background-size: 90%; background-repeat: no-repeat; background-position: center; z-index: 9999; border-radius: 2px; cursor: pointer; } </style> <div class="login-dialog"> <span class="close gradient-style skinbk"></span> <div class="logo"> <img src="" alt="" class="logo-img"> </div> <div class="login-div"> <div class="pc"> <div class="login-input-section"> <label for="" class="login-txt login-bigger-text">手机号</label> <input id="mobile" class="login-input skinborder" type="text"> </div> <div class="login-input-section"> <label for="" class="login-txt login-bigger-text">密码</label> <input id="pwd" class="login-input skinborder login-small-input" type="password"> </div> <div class="login-opt"> <span class="login-forget">忘记密码</span> <span class="login-btn gradient-style skinbk" id="login_btn">登录</span> </div> <p class="dotted"></p> <div class="wx-login"> <div class="wx-login-btn gradient-style skinbk"> <span class="login-wx"></span> <span class="login-wx-text ">微信扫码登录</span> </div> </div> <div style="text-align: center"> <span class="new-account-tip">新用户？</span> <span class="login-register mainskinfont">注册账户</span> </div> </div> <div class="wx" style="display: none;"> <div > <div id="wx_login_box"> <img title="扫一扫登录" id="wx_login_pic" src="" class="skinborder"> <p id="pc_login_btn" >微信扫描二维码登录</p> </div> </div> <p class="dotted"></p> <div class="wx-login-account"> <div class="wx-login-btn gradient-style skinbk"> <span class="login-wx-account"></span> <span class="login-wx-text ">账户登录</span> </div> </div> <div style="text-align: center"> <span class="new-account-tip">新用户？</span> <span class="login-register mainskinfont">注册账户</span> </div> </div> </div> <div class="register" style="display: none;"> <div class="login-input-section"> <label for="" class="login-txt">手机号</label> <input id="callPhone" class="login-input skinborder" type="text"> </div> <div id="embed-captcha" style="width: 100%;margin-top:25px;display:none;"></div> <div class="login-input-section item"> <label for="" class="login-txt" >验证码</label> <input class="login-input skinborder" type="text" id="checkcode"> </div> <div class="login-input-section item"> <label for="" class="login-txt">密码</label> <input id="pwd2" class="login-input skinborder" type="password"> </div> <div class="login-input-section item forgetPwd"> <label for="" class="login-txt">确认密码</label> <input id="pwd3" class="login-input skinborder" type="password"> </div> <div style="display: flex;flex-direction: row;justify-content: space-between;height: 80px;align-items: center"> <div class="register_item item"> <p style="height: 25px;line-height: 25px;"> <input type="checkbox" checked class="checkbox-dialog"> <span>我已阅读并同意遵守 <a style="color:#ce3939" target="_blank" href="http://www.geexek.com/about/serviceAgreement">赛客注册条款</a></span> </p> </div> <div class="register_btn item"> <a id="register_btn"><span class="register-txt gradient-style skinbk">注册</span></a> </div> </div> <div class="relogin"> <span class="new-account-tip">已经有账户？</span> <span class="login-back mainskinfont">登录</span> </div> </div> </div> <div class="login-mask"></div> <script> $('body').on('click','.login-dialog .close',function () { $('.login-mask').fadeOut(); $('.login-dialog').fadeOut(); clearInterval(intervalIndex); if(window.navigator.userAgent.toLocaleLowerCase().indexOf('mobile') > -1){ $('#menu_mask').trigger('click'); $('#wx_menu').show(); } }); $('.login-dialog').on('focus','input',function () { if(!$(this).val()){ $(this).prev().removeClass("login-bigger-text"); $(this).prev().addClass('login-small-input'); $(this).removeClass("login-small-input"); $(this).addClass('login-bigger-text') } var sib = $($(this).parent().siblings().get(0)); if(!sib.find('input').val()){ sib.find('label').addClass("login-bigger-text"); sib.find('label').removeClass("login-small-input"); sib.find('input').removeClass("login-bigger-text"); sib.find('input').addClass("login-small-input"); } }); $('.loginBtn').click(function () { $('.login-dialog').fadeIn(); $('.login-mask').fadeIn(); /*$('#menu_btn').click();*/ $('#wx_menu').fadeOut(); $('.login-back').click(); $('#mobile').trigger('focus'); }) $("#login_btn").click(function(){ var param={ callPhone:$('#mobile').val(), password:$('#pwd').val() }; var index=layer.waiting("登录中..."); $.post("/registerInfo/login.do",param,function(data){ _Base.result(data,function(){ window.location.reload(); layer.close(index); },function(){ layer.error(data.msg); layer.close(index); }) }); }); var _login = { } var _register = { init: function () { this.register(); this.callPhoneInput(); }, bean: { callPhone: null, password: null, code: null }, callPhoneInput:function(){ $("#callPhone").on('input',function(e){ var callPhone = e.currentTarget.value; if ("" != callPhone.trim()) { if (_validate.phone(callPhone)) { $("#embed-captcha").show(); } } }); }, register: function () { $("#register_btn").click(function () { if (!_register.validate()) { return; } var url = "/registerInfo/register.do"; var index=layer.waiting("请求数据中..."); var param = { callPhone: $("#callPhone").val(), password: $("#pwd2").val(), code:$("#checkcode").val() }; if($('.register').attr('opt') == 'forget'){ param.rePassword = $('#pwd3').val(); url = "/registerInfo/forget.do"; if(param.password.length < 6){ layer.closeAll(); layer.alert("密码长度需要大于6位"); return ; } if(param.rePassword != param.password){ layer.closeAll(); layer.alert("密码与确认密码不相等！"); return ; } } $.postc(url, param, function (data) { _Base.result(data,function(){ layer.alert('操作成功！'); layer.close(index); window.location.reload(); },function(){ layer.error(data.msg); layer.close(index); }); }); }); }, validatePhone: function () { if (!_validate.required($.trim($('#callPhone').val()))) { layer.error("请输入手机号码"); return false; } if (!_validate.phone($.trim($('#callPhone').val()))) { layer.error("请输入正确的手机号码"); return false; } return true; }, validate: function () { if (!this.validatePhone()) { return false; } if (!_validate.required($('#callPhone').val())) { layer.error("请输入短信验证码"); return false; } if (!_validate.required($('#callPhone').val())) { layer.error("请输入密码"); return false; } return true; } }; var _gt = { init: function () { this.getCaptcha(); }, getCaptcha: function () { $.get("/util/startCaptcha.do", null, function (data) { initGeetest({ gt: data.gt, challenge: data.challenge, product: "float", // 产品形式，包括：float，embed，popup。注意只对PC版验证码有效 offline: !data.success // 表示用户后台检测极验服务器是否宕机，一般不需要关注 }, _gt.handlerEmbed); }); }, handlerEmbed: function (captchaObj) { // 将验证码加到id为captcha的元素里 captchaObj.appendTo("#embed-captcha"); captchaObj.onReady(function () { //按住左边滑块，拖动完成上方拼图 $("#embed-captcha .gt_guide_tip").text("拖动滑块获取短信验证码"); }); captchaObj.onSuccess(function () { var validate = captchaObj.getValidate(); if (!_register.validatePhone()) { return false; } var callPhone = $.trim($('#callPhone').val()); var index= layer.waiting("验证通过请耐心等待"); var url = 'sendRegisterMsgCode.do'; if($('.register').attr('opt') == 'forget'){ url = 'sendForgetMsgCode.do'; } var forgetUrl = 'sendForgetMsgCode.do' $.ajax({ url: "/util/"+url, // 进行二次验证 type: "post", dataType: "json", data: { // 二次验证所需的三个值 geetest_challenge: validate.geetest_challenge, geetest_validate: validate.geetest_validate, geetest_seccode: validate.geetest_seccode, callPhone: callPhone }, success: function (data) { if (_Base.result(data, function () { layer.close(index); layer.info("短信验证码已发送,请耐心等待"); $('.item').css('visibility','visible'); $('#embed-captcha').hide(); if($('.register').attr('opt') == 'forget'){ $('.forgetPwd').css('visibility','visible') }else{ $('.forgetPwd').css('visibility','hidden') } },function(){ layer.close(index); layer.error(data.msg); $('#embed-captcha').hide(); })); } }); }); } }; $(function () { _gt.init(); _register.init(); intervalIndex = 0; $('.wx-login-btn').click(function(){ var wx = $(this).parents('.wx'); if(wx.length>0){ $('.pc').fadeIn(); $('.wx').fadeOut(); clearInterval(intervalIndex); }else{ $('.wx').fadeIn(); $('.pc').fadeOut(); intervalIndex = setInterval(function () { $.ajax({ url: '/registerInfo/getSign.do', data:{'sign':$.evalJSON($("#data-sign").text().trim())}, success:function (data) { if(data.code == 1){ window.location.reload(); } } }) },1000) } }); $('.login-register').click(function () { $('.forgetPwd').fadeOut(); $('.login-div').fadeOut(); $('.register').fadeIn(); $('.register').attr('opt','register'); $('.register-txt').text('注册'); }); $('.login-forget').click(function () { $('.login-div').fadeOut(); $('.register').fadeIn(); $('.register').attr('opt','forget'); $('.register-txt').text('确认'); }); $('.login-back').click(function () { $('.register').fadeOut(); $('.pc,.login-div').fadeIn(); $('.wx').fadeOut(); $('.item').css('visibility','hidden'); }) $('.logo img').attr('src',cmpt.imageUrl) var url=_Base.qr(window.location.origin + "/{0}/wxlogin/{1}".format(cmpt.cmptId,$.evalJSON($("#data-sign").text().trim()))); $("#wx_login_box img").attr("src",url); }); </script> </html> </div> </body> <link rel="stylesheet" href="https://imgoss.geexek.com/resources/layer.css?v=3.2.0"> <script src="/config/config.js?v=3.2.0"></script> <script src="https://imgoss.geexek.com/resources/jquery-1.11.3.js?v=3.2.0"></script> <script src="/js/common.js?v=3.2.0"></script> <script src="https://imgoss.geexek.com/resources/layer.m.js?v=3.2.0"></script> <script src="https://imgoss.geexek.com/resources/jweixin-1.0.0.js?v=3.2.0"></script> <script src="https://imgoss.geexek.com/resources/jwxshare.js?v=3.2.0"></script> <script src="/views/template/common/js/head.js?v=3.2.0"></script> <script type="text/json" id="video"> {"id":2395,"cmptId":13038,"menuId":33145,"type":2,"title":"2019第五届四姑娘山国际登山节","picUrl":"http://imgoss.geexek.top/event/res/2020/0527/c72debbd-0ae5-474f-bdc4-0d717acd010f.jpg","description":"","url":"<iframe height=498 width=510 src='https://v.qq.com/x/page/d0939n5ie0l.html?vuid24=LIOM8GhNCk%2FPUDG7M8V2Ug%3D%3D&url_from=share&second_share=0&share_from=copy&pgid=page_detail&mod_id=mod_toolbar","publishTime":1590549658000,"sort":0,"updateTime":1590563594000} </script> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?dab20de369ad2af5b90a3275ab815890"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> </html>
