#fp-nav ul li a span{background-color:#fc5531;opacity:.5;border-color:#fc5531}#fp-nav ul li a.active span{background-color:#fc5531;opacity:1;width:14px;height:14px;left:-1px;top:-1px}.fp-viewing-1 #fp-nav ul li a span,.fp-viewing-3 #fp-nav ul li a span{background-color:#fc5531;opacity:.5;border-color:#fc5531}.fp-viewing-1 #fp-nav ul li a.active span,.fp-viewing-3 #fp-nav ul li a.active span{background-color:#fc5531;opacity:1}#fp-nav ul li.on{width:16px;height:16px}a:focus,a:hover{color:#ca0c16;text-decoration:none}.qrcode{background-color:#fff;padding:8px;border-radius:10px;width:168px;height:168px}#fp-nav.right{right:10px}.csdn-toolbar{position:fixed;top:0;z-index:100;display:none}#csdn-toolbar{position:fixed;top:0;z-index:100;display:none}#dowebok,#fp-nav{display:none}#mobile .scrollPage4 .pageWarp{height:100vh;display:flex;align-items:center;background-color:#fafafc;background-image:url(../images/bg_wap.png);background-repeat:no-repeat;background-size:100% auto;background-position:center 0}#mobile .scrollPage4 .pageWarp .sec04_txt{position:absolute;bottom:60px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}#mobile .scrollPage4 .pageWarp #btn-download3{background-image:none;padding-left:0;width:240px;height:22px;line-height:22px;padding:13px;border-radius:24px;background-color:#fc5531;border-color:#fc5531;box-sizing:content-box;color:#fff;font-size:16px;font-weight:500}#mobile .scrollPage4 .pageWarp .container{display:flex;flex-direction:column;position:relative;height:100%;padding:0;margin:0;width:100%;padding-top:40px}#mobile .scrollPage4 .pageWarp .container img.bg_mobile{width:100%;height:auto;}.animation{-webkit-animation-duration:1s;-webkit-animation-delay:.2s;-webkit-animation-timing-function:ease;-webkit-animation-fill-mode:both;animation-duration:1s;animation-delay:.2s;animation-timing-function:ease;animation-fill-mode:both}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-80px)}100%{opacity:1;-webkit-transform:translateX(0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-80px);transform:translateX(-80px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(80px)}100%{opacity:1;-webkit-transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(80px);transform:translateX(80px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(50px)}100%{opacity:1;-webkit-transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes chatTip{0%{opacity:0;-webkit-transform:scale(.8);top:150px}80%{opacity:1;-webkit-transform:scale(1.02)}100%{opacity:1;-webkit-transform:scale(1)}}@keyframes chatTip{0%{opacity:0;-webkit-transform:scale(.8);top:150px}80%{opacity:1;-webkit-transform:scale(1.02)}100%{opacity:1;-webkit-transform:scale(1)}}@-webkit-keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3)}50%{opacity:1;-webkit-transform:scale(1.05)}70%{-webkit-transform:scale(.9)}100%{-webkit-transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}50%{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05)}70%{-webkit-transform:scale(.9);transform:scale(.9)}100%{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes pulse{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes pulse{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;-webkit-animation-duration:1.3s;animation-duration:1.3s}.scrollPage1,.scrollPage3{background:#f0f0f5 url(../images/sec1-4.png) no-repeat center bottom;background-color:#f0f0f5!important}.scrollPage1 .top_bg,.scrollPage3 .top_bg{position:absolute;left:0;top:0;background:url(../images/sec1-6.png) no-repeat left top;height:80px;width:100%}.scrollPage4{background-color:#fff!important}.scrollPage4 .pc_tips{border:1px solid #979797}.tabcell{padding-top:30px;text-align:center;position:relative}.sec01,.sec03{color:#fff}.sec01 .text-center img,.sec03 .text-center img,.sec04 .text-center img{width:55%}.sec01 h3,.sec03 h3{margin-top:24px;margin-bottom:12px;font-size:20px;font-weight:500;color:#1c1d30;line-height:28px}.sec01 p,.sec03 p{margin-bottom:24px;font-size:14px;line-height:20px}.m_disnone{display:none;position:relative}.m_disblock{display:block}.m_disnone .pos_anim{position:absolute;top:50%;left:212px;width:58%;margin-top:-30%;z-index:100}.logo img{width:52%}.tabcell p{color:#1c1d30}.xq{position:absolute;top:0;left:20px;width:10%}.btn_and,.btn_ios{margin:232px auto 0;display:block;width:140px;line-height:44px;height:44px;background:#fff url(../images/icon-android-edu.png) no-repeat 12px 9px;border-radius:8px;padding-left:28px;color:#ca0c16;font-size:18px;cursor:pointer;text-decoration:none;background-size:20%}.btn_ios{background:#fff url(../images/icon-ios-edu.png) no-repeat 12px 7px;background-size:20%}#btn-download,#btn-download2,#btn-download3{color:#ff5409;background-color:#f7f7fc;box-shadow:0 1px 0 0 rgba(222,222,222,.5)}#btn-download3{margin-top:25px}.pc_tips{display:none}.sec01 .app-tip{position:absolute;width:64%;height:24%;top:19%;left:17%}.sec01 .app-tip img{width:100%}.sec03 .chat-tip{position:absolute;width:66%;height:24%;top:19%;left:16%}.sec03 .chat-tip img{width:100%}.peoimg-1{position:absolute;top:25px;left:0;-webkit-animation-delay:.9s;animation-delay:.9s;width:100%}.peoimg-2{position:absolute;top:296px;left:23px;-webkit-animation-delay:1.2s;animation-delay:1.2s;width:130px}.peoimg-3{position:absolute;top:245px;right:26px;-webkit-animation-delay:1.3s;animation-delay:1.3s;width:130px}.m_disnone .fadeInUp{-webkit-animation-delay:.9s;animation-delay:.9s}.m_disnone .bounceIn{-webkit-animation-delay:.5s;animation-delay:.5s}.pageWarp{display:none}.active .pageWarp{display:block}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}.animation .app-tip{-webkit-animation:fadeInUp 1s ease 1s;animation:fadeInUp 1s ease 1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}.animation .chat-tip{-webkit-animation:chatTip 1s ease 1s;animation:chatTip 1s ease 1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}.sec02 h3,.sec04 h3{margin-top:24px;margin-bottom:12px;font-size:22px;font-weight:500;color:#2a2d33;line-height:30px}.sec02 h3 span,.sec04 p span{display:block}.sec02 p{margin-bottom:150px;font-size:16px;line-height:22px;color:#2a2d33}.sec02 img{width:100%;margin:0 auto}.m_disblock .pos_anim_m{position:absolute;top:50%;left:69px;width:65%;margin-top:-21%;z-index:100}.sec04_img{position:relative}@media (max-height:625px){.sec01 .text-center>img,.sec03 .text-center>img,.sec04 .text-center>img{width:50%}.tabcell{padding-top:20px}.sec01 h3,.sec03 h3,.sec04 h3{margin-top:6px;margin-bottom:6px}.sec01 p,.sec03 p{margin-bottom:0}.sec02 p{margin-bottom:100px}.btn_and,.btn_ios{margin:10px auto 0;height:36px;line-height:36px;background-position:12px 4px;background-size:14%}.m_disblock .pos_anim_m{left:55px;margin-top:-18%}.xq{left:3px}.peoimg-2{top:69%;left:8%}.peoimg-3{top:54%;right:6%}.peoimg-1{top:9%;left:0;width:100%}.sec04 .peoimg-2 img,.sec04 .peoimg-3 img{width:50%}}@media (min-width:768px){.top_bg{display:none}.tabcell{padding-top:0;display:table-cell;vertical-align:middle;height:439px;padding-left:25px;text-align:left}.m_disblock,.tabcell a{display:none}.m_disnone{display:block}.sec01 .logo{margin-top:90px}.sec01 h3{margin-top:64px;margin-bottom:24px;font-size:40px;font-weight:400;line-height:56px}.sec01 p,.sec02 p,.sec03 p,.sec04 p{margin-bottom:44px;font-size:20px;line-height:28px}.sec01 .text-center img{width:80%}.sec01 .app-tip img{width:100%}.xq{left:auto;right:0;width:68px}.sec02{max-width:949px;margin:0 auto}.sec02 h3,.sec03 h3,.sec04 h3{margin-bottom:24px;font-size:40px;font-weight:400;line-height:56px}.sec02 h3 span,.sec04 p span{display:inline}.sec02 p{margin-bottom:110px}.sec03 h3,.sec04 h3{margin-top:100px}.sec03 .text-center img,.sec04 .text-center img{width:80%}.sec03 .chat-tip img{width:100%}.sec03 .xq{right:-90px}.sec04 .xq{left:-10px}.sec04{padding:0 30px}.sec04_img{float:right}.pc_tips{margin-top:5px;display:block;width:168px;line-height:44px;height:44px;text-align:center;color:#1c1d30;font-size:18px;border-radius:8px;background-color:#fff}.sec01 .app-tip{width:440px;height:114px;top:150px;left:17px}.sec03 .chat-tip{width:440px;height:136px;top:140px;left:22px}.sec02 p{margin-bottom:115px}.peoimg-1{top:9px;left:-50px;width:470px}.peoimg-2{top:69%;left:-11%;width:150px}.peoimg-3{top:52%;right:-14%;width:150px}}@media (min-width:992px){.sec02 img{width:80%}.csdn-toolbar{display:block}#csdn-toolbar{display:block}#dowebok,#fp-nav{display:block}#mobile{display:none}#mobile .scrollPage4 .pageWarp{display:none}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}}@media (min-width:1460px){.sec01 .logo{margin-top:113px}.sec04 h3{margin-top:150px}.sec02 img{width:100%}.sec03 .text-center img,.sec04 .text-center img{width:auto}.sec04 .peoimg-2 img,.sec04 .peoimg-3 img,.sec04 .text-center .peoimg-1 img{width:100%}}