人人功课

<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>人人功课</title> <meta name="renderer" content="webkit" /> <meta http-equiv="Cache-Control" content="no-transform" /> <meta http-equiv="Cache-Control" content="no-siteapp" /> <script type="text/javascript" src="./js/md5.js"></script> <link rel="icon" href="./images/renren_work_favicon.ico" type="image/x-icon" /> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@5.4.5/css/swiper.min.css" /> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/animate.css@4.1.0/animate.min.css" /> <style> html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, menu, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, main, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section { display: block; } /* HTML5 hidden-attribute fix for newer browsers */ *[hidden] { display: none; } body { line-height: 1; } menu, ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } </style> <style> html, body { -moz-user-select:none; /*火狐*/ -webkit-user-select:none; /*webkit浏览器*/ -ms-user-select:none; /*IE10*/ -khtml-user-select:none; /*早期浏览器*/ user-select:none; height: 100%; background-color: #f9fafe; min-height: 900px; font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif; } a { color: #409eff; text-decoration: none; } footer { height: 100px; } footer a { color: #2b3445; text-decoration: none; } footer .row { display: flex; flex-direction: row; justify-content: center; line-height: 17px; color: #2b3445; margin-bottom: 8px; font-size: 12px; opacity: 0.5; } .container { display: flex; height: 100%; overflow: hidden; background: url(./images/bg.png); background-size: 100% 100%; } .main { width: 1200px; min-width: 1200px; margin: 0 auto; position: relative; min-height: 100%; height: 100%; z-index: 10; display: flex; flex-direction: column; } .main-content { flex: 1; } .main-right-bg { position: absolute; top: 0; right: 0; bottom: 0; left: -300px; background-color: #ffe700; z-index: 1; overflow: hidden; } .main-right-bg-left { position: absolute; top: 0; left: 0; bottom: 0; width: 200px; background: linear-gradient(101deg, #f9fafe 50%, #ffe700 0); } .logo { width: 225px; margin: 30px; /* display: flex; */ vertical-align: middle; } .logo .logo1 { /* width: 24px; */ height: 40px; margin-right: 10px; vertical-align: middle; } .logo .logo2 { /* width: 90px; */ height: 26px; vertical-align: middle; } .circle-big { width: 400px; height: 400px; border-radius: 200px; position: absolute; left: 235px; top: -200px; background-color: #ffdf00; } .circle-small { width: 130px; height: 130px; border-radius: 65px; position: absolute; bottom: 290px; left: 273px; background-color: #ffdf00; } .triangle-top { position: absolute; width: 700px; height: 700px; top: -490px; left: -490px; transform: rotate(12deg); z-index: -1; } .triangle-bottom { position: absolute; width: 500px; height: 500px; bottom: -300px; left: 160px; transform: rotate(19deg); z-index: -1; } .copyright-text { opacity: 0.5; } .swiper-container { width: 100%; height: 668px; /* float: left; */ } .swiper-slide { text-align: center; font-size: 18px; display: flex; /* justify-content: flex-end; */ align-items: center; padding-left: 50px; box-sizing: border-box; } .slide-image { width: 362px; height: 615px; position: relative; background: url(./images/phoneBg.png); background-size: 100% 100%; } .slide-image img { position: absolute; width: 234px; height: 493px; left: 64px; top: 44px; } .swiper-container-fade .swiper-slide { opacity: 0 !important; } .swiper-container-fade .swiper-slide-active { opacity: 1 !important; } .devide-line { width: 65px; border-top: 3px solid #F9CB32; margin: 0 0 32px; } .mainCenter{ width: 100%; position: absolute; margin: auto 0; top: 0; bottom: 0; height: 668px; } .download { position: absolute; /* width: 450px; */ top: 100px; left: 490px; text-align: left; color: #757985; z-index: 10; display: flex; flex-direction: column; /* align-items: flex-end; */ } .download-btns { margin-top: 260px; /* margin-left: 150px; */ display: flex; flex-direction: row; /* justify-content: flex-end; */ } .download-btns li { margin-right: 14px; background: #333333; border-radius: 12px; padding: 16px 16px; /* height: 24px; */ } .download-btns li a{ display: flex; text-decoration: none; } .download-btns li .text{ font-size: 26px; color: #ffffff; padding-left: 16px; line-height: 33px; } .download-img-android img,.download-img-ios img{ height: 33px; } .download-img-qrcode { width: 33px; /* height: 33px; */ } .download-img-qrcode img{ width: 100%; } .download-btn-qrcode { position: relative; } .codeWrapper{ display: none; } .download-btn-qrcode:hover + .codeWrapper { display: block; } .qrcode { width: 100px; border-radius: 12px; } .codeParent{ position: relative; } .codeParent :hover .codeWrapper{ display: block; } .codeImgImg{ width: 100px; height: 100px; background-color: #fff; border-radius: 12px; } .codeImgImg img{ width: 100%; } .sanjiao{ width: 0; height: 0; border-bottom: 18px solid #333; border-left: 18px solid transparent; position: absolute; left: -18px; top: -0; transform: rotate(-90deg); } .codeImg{ position: absolute; top: 0; left: 104px; width: 140px; height: 164px; background: #333333; border-radius: 0px 12px 12px 12px; display: flex; align-items: center; justify-content: space-around; flex-direction: column; } .codeText{ width: 140px; height: 14px; font-size: 12px; font-family: PingFangSC-Regular, PingFang SC; font-weight: 400; color: #FFFFFF; line-height: 14px; text-align: center; } .content-wrap { display: flex; padding-top: 160px; flex-direction: column; align-items: flex-start; position: absolute; top: 110px; left: 490px; } .download .title img { width: 295px; margin-bottom: 24px; } .download .text { /* margin-bottom: 60px; */ font-size: 36px; font-weight: 300; color: #555555; line-height: 36px; } .content-wrap .subTle { font-size: 30px; margin-bottom: 20px; color: #555555; font-weight: 600; } .content-wrap .subText { font-size: 32px; /* margin-bottom: 20px; */ color: #555555; font-weight: 300; } </style> <style> .swiper-pagination-bullets{ right: auto!important; left: 35px; } .swiper-pagination-bullet { width: 12px; height: 12px; border-radius: 50%; background-color: #fff; opacity: 0.5; margin: 10px auto !important; } .swiper-pagination-bullet-active { width: 20px; height: 20px; opacity: 1; } </style> </head> <script> var sUserAgent = navigator.userAgent.toLowerCase(); var bIsIpad = sUserAgent.match(/ipad/i) == "ipad"; var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os"; var bIsMidp = sUserAgent.match(/midp/i) == "midp"; var bIsUc7 = sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4"; var bIsUc = sUserAgent.match(/ucweb/i) == "ucweb"; var bIsAndroid = sUserAgent.match(/android/i) == "android"; var bIsCE = sUserAgent.match(/windows ce/i) == "windows ce"; var bIsWM = sUserAgent.match(/windows mobile/i) == "windows mobile"; if(bIsIpad || bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM) { //移动端打开的项目为当前的 //手机端打开跳转此地址 if (location.host === 'gongke.renren.com') { location.href = "https://wap-gongke.renren.com/"; } else { location.href = "http://test-wap-gongke.renren.com/"; } } </script> <body> <div class="container"> <div class="main-left"></div> <main class="main"> <div class="main-content"> <a href="https://gongke.renren.com" > <div class="logo"> <img class="logo1" src="./images/logo1.png"/> <img class="logo2" src="./images/logo2.png"/> </div> </a> <div class="mainCenter"> <div class="download"> <h1 class="title"><img src="./images/logo2.png" alt=""></h1> <h2 class="text">量身定制的大学生学习备考工具</h2> <ul class="download-btns"> <li> <a target="_blank" href="https://apps.apple.com/cn/app/id1563328816" > <div class="download-img-ios"> <img src="./images/ios.png" alt=""> </div> <div class="text">App Store</div> </a> </li> <li> <a href="javascript:;" onclick="appDown()">  <div class="download-img-android"> <img src="./images/android.png" alt=""> </div> <div class="text">Android</div> </a> </li> <li class="codeParent"> <a href="javascript:" class="download-btn-qrcode"> <div class="download-img-qrcode"> <img src="./images/code.png" alt=""> </div> </a> <div class="codeWrapper"> <div class="codeImg"> <div class="sanjiao"></div> <div class="codeImgImg"> <img src="./images/code2.png" alt=""> </div> <span class="codeText">扫码下载人人功课APP</span> </div> </div> </li> </ul> </div> <div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="content-wrap"> <p class="devide-line"></p> <h1 class="subTle">学习计划</h1> <h2 class="subText">智能测试，匹配学霸计划</h1> </div> <div class="slide-image"> <img src="./images/xuexijihua.png" > </div> </div> <div class="swiper-slide"> <div class="content-wrap">  <p class="devide-line"></p> <h1 class="subTle">自律挑战</h1> <h2 class="subText">立Flag，主动学习赢现金</h1> </div> <div class="slide-image"> <img src="./images/zilvtiaozhan.png"> </div> </div> <div class="swiper-slide"> <div class="content-wrap">  <p class="devide-line"></p> <h1 class="subTle">自习室</h1> <h2 class="subText">云学习场景，远程并肩作战</h1> </div> <div class="slide-image"> <img src="./images/zixishi.png"> </div> </div> <div class="swiper-slide"> <div class="content-wrap">  <p class="devide-line"></p> <h1 class="subTle">圈子</h1> <h2 class="subText">分享学习状态，讨论学科难题</h1> </div> <div class="slide-image"> <img src="./images/quanzi.png" > </div> </div> <div class="swiper-slide"> <div class="content-wrap">  <p class="devide-line"></p> <h1 class="subTle">学习数据</h1> <h2 class="subText">每一刻的专注都值得被记录</h1> </div> <div class="slide-image"> <img src="./images/xuexishuju.png" > </div> </div> </div> <div class="swiper-pagination"></div> </div> </div> </div> <footer> <div class="row"> 公司地址：北京市海淀区宝盛东路多牛传媒中心 </div> <div class="row copyright-text"> 违法和不良信息举报电话：024-31160919     <a href="https://beian.miit.gov.cn/" target="_blank">京ICP备 20030558号-1号</a>     <a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010502001242" target="_blank"> 京公网安备 11010802029038号</a> </div> <div class="row copyright-text"> 京网文[2020]4677-864号京ICP证B2-20203269号人人网©2016 </div> </footer> </main> </div> <script src="https://cdn.jsdelivr.net/npm/swiper@5.4.5/js/swiper.min.js"></script> <script> new Swiper(".swiper-container", { direction: "vertical", autoplay: { delay: 3000, }, effect: "fade", fade: { crossFade: false, }, pagination: { el: ".swiper-pagination", clickable: true, }, }); function getData(jsonObj){ var jsonstr = '' var newkey = Object.keys(jsonObj).sort() for (var i = 0; i < newkey.length; i++) { var valuestr = jsonObj[newkey[i]] if (valuestr.length > 50) { valuestr = valuestr.substring(0, 50) } jsonstr = jsonstr + newkey[i] + '=' + valuestr } return jsonstr } function getsign(jsonObj){ var secretKey = '4qrhol45tyh980jy2qqou4fadcghd41y' return hex_md5(getData(jsonObj) + secretKey) } function md5Data(datas){ var param = datas param.appKey = '0qavwkasg1fswpv8wvuxa3v39x5txqg0' param.callId = new Date().getTime().toString() param.sig = getsign(datas); return param; } function appDown(){ var httpHost = "http://rrgkapi-test.renren.com"; if (location.host === 'gongke.renren.com') { httpHost = "https://rrgkapi.renren.com"; } var data = { app: 'gongke', brand: 'other', system: 'android' } data = md5Data(data) // document.write(JSON.stringify(data)) var httpRequest = new XMLHttpRequest();//第一步：创建需要的对象 httpRequest.open('POST', httpHost + '/appconfig/v1/getAppInfo', true); //第二步：打开连接 httpRequest.setRequestHeader("Content-type","application/json");//设置请求头注：post方式必须设置请求头（在建立连接后设置请求头） httpRequest.send(JSON.stringify(data));//发送请求将json写入send中 /** * 获取数据后的处理程序 */ httpRequest.onreadystatechange = function () {//请求后的回调接口，可将请求成功后要执行的程序写在其中 if (httpRequest.readyState == 4 && httpRequest.status == 200) {//验证请求是否发送成功 var data = JSON.parse(httpRequest.responseText);//获取到服务端返回的数据 // console.log(data.data); var downLoadUrl = '' if (!data.errorCode) { downLoadUrl = data.data.appUrl; } else { downLoadUrl = 'https://gongke.renren.com/download/rrgk.apk' } window.location.href = downLoadUrl; } }; } </script> </body> </html>

CINXE.COM

人人功课