@font-face{ font-family:"iconfont"; src:url("//at.alicdn.com/t/font_2444528_fvmfw6cxkvw.woff2?t=1653362199039") format("woff2"),url("//at.alicdn.com/t/font_2444528_fvmfw6cxkvw.woff?t=1653362199039") format("woff"),url("//at.alicdn.com/t/font_2444528_fvmfw6cxkvw.ttf?t=1653362199039") format("truetype") }
.banner{ width:100%; height:480px; margin:0 auto; background-repeat:no-repeat; background-size:cover; background-position:center }
.banner .banner-top{ width:1220px; display:flex; align-items:center; justify-content:space-between; margin:0 auto; padding:26px 0 }
.banner .banner-top .banner-top-l{ display:flex; align-items:center }
.banner .banner-top .banner-top-l img{ width:94px; height:28px }
.banner .banner-top .banner-top-l span{ font-size:26px; font-family:PingFang SC; font-weight:normal; color:#fff; line-height:36px; margin-left:25px; position:relative }
.banner .banner-top .banner-top-l span::before{ content:""; position:absolute; left:-12px; top:50%; transform:translateY(-50%); display:inline-block; width:1px; height:20px; background:#fff }
.banner .banner-top .banner-top-nav{ margin-left:60px; display:flex }
.banner .banner-top .banner-top-nav li{ margin-right:30px; cursor:pointer; position:relative }
.banner .banner-top .banner-top-nav li a{ font-size:14px; font-family:PingFang SC; font-weight:normal; color:#fff }
.banner .banner-top .banner-top-nav li::after{ content:""; display:block; width:100%; height:2px; background-color:#fff; position:absolute; bottom:-8px; left:0; transition-duration:.3s; transform:scaleX(0) }
.banner .banner-top .banner-top-nav li:hover::after{ transform:scaleX(1) }
.banner .banner-top .banner-top-nav li:last-child{ margin-right:0 }
.banner .banner-top .banner-top-nav .active-nav{ position:relative }
.banner .banner-top .banner-top-nav .active-nav a{ font-size:14px; font-family:Source Han Sans CN-Bold,Source Han Sans CN; font-weight:bold; color:#fff }
.banner .banner-top .banner-top-nav .active-nav::after{ content:""; width:100%; height:2px; background-color:#fff; position:absolute; bottom:-8px; left:0; transform:scaleX(1) }
.banner .banner-con{ width:1220px; margin:0 auto; display:flex; align-items:center; justify-content:space-between; min-height:320px }
.banner .banner-con .banner-con-l h1{ font-size:40px; font-family:Source Han Sans CN-Bold,Source Han Sans CN; font-weight:bold; color:#fff; line-height:56px; margin-bottom:8px }
.banner .banner-con .banner-con-l p{ font-size:18px; font-family:Source Han Sans CN-Regular,Source Han Sans CN; font-weight:400; color:#fff; line-height:25px; margin-bottom:4px }
.banner .banner-con .banner-con-l .teacher-apply-cooperate-btn,.banner .banner-con .banner-con-l .apply-cooperate-btn{ display:block; width:136px; height:40px; line-height:40px; background:#1a8cff; border-radius:2px; font-size:14px; font-family:PingFang SC; font-weight:normal; color:#fff; margin:0 }
.banner .banner-con .banner-con-l .teacher-apply-cooperate-btn:hover,.banner .banner-con .banner-con-l .apply-cooperate-btn:hover{ background-color:#53a7ff }
.education-banner{ background-image:url(../img/banner.jpg) }
.online-class-banner{ background-image:url(../img/wk_banner_img.png) }
.elementary-education-banner{ background-image:url(../img/jcjy_banner_img.png) }
.extra-activity-banner{ background-image:url(../img/kwhd_banner_img.png) }
.teacher-banner{ background-image:url(../img/dk_banner_img.png) }
.login-box{ width:340px; height:320px; background:#fff; border-radius:4px; position:relative }
.login-tab-nav{ padding:20px 56px 0 20px }
.login-tab-nav .login-tab-tit{ font-size:14px; font-family:PingFang SC; font-weight:normal; color:#262626 }
.login-tab-nav .account-num-login{ padding:2px 15px 2px 10px; float:right; font-size:12px; font-family:PingFang SC; font-weight:normal; color:#1a8cff; background:url(../img/si_lp_icon@2x.png) no-repeat; background-size:100% 100%; cursor:pointer; display:none }
.login-tab-nav .swicth-num{ display:inline }
.login-tab-nav .ercode-tab{ width:44px; height:44px; display:inline-block; position:absolute; top:10px; right:10px }
.login-tab-nav .ercode-tab img{ width:100%; height:100% }
.login-tab-nav .ercode-tab .swicth-ewm{ display:none }
.login-ewm{ width:140px; height:140px; margin:34px auto 20px; position:relative }
.login-ewm img{ width:100%; height:100% }
.login-ewm .login-loading{ display:none }
.login-ewm .login-ewm-sx{ width:100%; height:100%; position:absolute; top:0; background:hsla(0,0%,100%,.9); text-align:center; display:none }
.login-ewm .login-ewm-sx p{ font-size:15px; font-weight:bold; color:#262626; text-align:center; margin-top:53px }
.login-ewm .login-ewm-sx button{ background:#1a8cff; border-radius:2px; color:#fff; font-size:13px; padding:9px 26px; margin-top:8px }
.login-ewm .login-success{ padding:16px 0; text-align:center; width:100%; height:100%; position:absolute; top:0; background:hsla(0,0%,100%,.9) }
.login-ewm .login-success i{ font-size:64px; color:#07c160 }
.login-ewm .login-success p{ font-size:15px; font-weight:bold; color:#262626; position:relative; bottom:7px; text-align:center }
.hint-text{ width:182px; font-size:14px; font-family:PingFang SC; font-weight:normal; color:#595959; line-height:20px; text-align:center; margin:0 auto }
.without-bind{ font-size:14px; color:#e6a23c; line-height:20px; text-align:center; display:none }
.without-bind i{ font-size:13px; margin-right:3px }
.login-content-xy{ padding:0 20px; display:none }
.login-content-xy .error-txt{ height:15px; line-height:20px; padding:0 10px; margin-top:5px; color:#f90 }
.login-content-xy .phone-num{ padding-top:10px; position:relative }
.login-content-xy .input-frame input{ width:100%; height:40px; line-height:40px; background-color:#fff; font-size:14px; border-radius:4px; border:1px solid #d9d9da; padding:10px; color:#262626 }
.login-content-xy .verify-num,.login-content-xy .password{ padding-top:16px }
.login-content-xy .verify-num .verify-num-code,.login-content-xy .password .verify-num-code{ float:right; position:relative; bottom:40px; right:10px; color:#999; cursor:not-allowed; height:40px; line-height:40px }
.login-content-xy .password{ display:none; position:relative }
.login-content-xy .password span{ float:right; position:absolute; right:10px; color:#f43430; cursor:pointer; height:40px; line-height:40px }
.login-content-xy .select-login{ font-size:14px; color:#595959; padding:16px 0 }
.login-content-xy .select-login i{ color:#ababab; margin-right:2px; cursor:pointer }
.login-content-xy .select-active{ color:#1a8cff !important }
.login-content-xy .fromSubmit{ color:#fff; font-size:16px; font-weight:bold; background-color:#1a8cff; width:100%; height:40px; border-radius:4px }
.login-content-xy .fromSubmit .login-btn-loading{ width:20px; height:20px; background:url(https://passport.jiaoyubao.cn/images/loading.svg) no-repeat; background-size:100% 100%; display:inline-block; vertical-align:middle; -webkit-animation:weuiLoading 1s steps(12,end) infinite; margin-bottom:3px }
.login-content-xy .fromSubmit .loading{ display:none }
.login-content-xy .login-footer{ padding-top:12px; font-size:14px }
.login-content-xy .login-footer span{ font-size:14px; color:#1a8cff; line-height:20px; cursor:pointer }
.login-content-xy .login-footer dl{ display:inline-block; float:right }
.login-content-xy .login-footer dl dd{ display:inline-block; padding:0 10px; color:#8c8c8c; position:relative }
.login-content-xy .login-footer dl dd a{ color:#8c8c8c }
.login-content-xy .login-footer dl dd:last-child:before{ content:""; width:1px; height:14px; background-color:#d8d8d8; position:absolute; left:0; top:3px }
.verify-c{ color:#1a8cff !important; cursor:pointer !important }
.select-jg{ height:236px; padding:44px 20px; position:relative; display:none; padding-bottom:67px }
.select-jg dl{ height:128px; overflow:auto }
.select-jg dd{ font-size:16px; color:#262626; line-height:22px; margin-bottom:16px; cursor:pointer }
.select-jg dd i{ color:#ababab; margin-right:8px }
.select-jg dd .i-active{ color:#1a8cff !important }
.select-jg .login-btn-loading,.select-jg .fromSubmit .login-btn-loading{ width:20px; height:20px; background:url(https://passport.jiaoyubao.cn/images/loading.svg) no-repeat; background-size:100% 100%; display:inline-block; vertical-align:middle; -webkit-animation:weuiLoading 1s steps(12,end) infinite; margin-bottom:3px }
.select-jg .loading,.select-jg .fromSubmit .loading{ display:none }
.select-jg button{ max-width:300px; height:40px; line-height:40px; background:#1a8cff; border-radius:4px; color:#fff; font-size:16px; font-weight:bold; width:100%; text-align:center; position:absolute; bottom:8px }
::-webkit-scrollbar{ width:6px; height:6px }
::-webkit-scrollbar-thumb{ background:#ddd; border-radius:8px }
.loading .weui-loading{ display:inline-block }
@-webkit-keyframes weuiLoading{ 0%{transform:rotate3d(0,0,1,0deg) }
100%{ transform:rotate3d(0,0,1,360deg) }
}
@keyframes weuiLoading{ 0%{transform:rotate3d(0,0,1,0deg) }
100%{ transform:rotate3d(0,0,1,360deg) }
}
.after-login{ padding:20px 20px 16px; height:100%; position:relative; display:none }
.after-login .after-login-tit{ font-size:14px; font-family:PingFang SC; font-weight:normal; color:#262626; line-height:20px }
.after-login .login-jg-logo{ width:76px; height:76px; opacity:1; border:1px solid #ebebeb; border-radius:50%; display:flex; align-items:center; justify-content:center; margin:16px auto }
.after-login .login-jg-logo img{ max-width:100%; max-height:100%; border-radius:50% }
.after-login .login-jg-logo div{ width:100%; height:100%; background-color:#1a8cff; border-radius:50%; text-align:center; font-size:16px; font-family:PingFang SC; font-weight:normal; color:#fff; line-height:20px; padding:17px }
.after-login .login-jg-name{ font-size:18px; font-family:PingFang SC; font-weight:600; color:#262626; line-height:22px; text-align:center }
.after-login ul{ display:flex; justify-content:center; margin-top:16px }
.after-login ul li{ font-size:14px; font-family:PingFang SC; font-weight:normal; line-height:20px; position:relative; margin-right:48px; text-align:center }
.after-login ul li span{ color:#8c8c8c; margin-bottom:5px }
.after-login ul li p{ color:#595959 }
.after-login ul li::after{ content:""; position:absolute; top:0; right:-24px; width:1px; height:36px; background:#ebebeb }
.after-login ul li:last-child{ margin-right:0 }
.after-login ul li:last-child::after{ width:0 }
.after-login a{ display:block; width:152px; height:44px; border-radius:200px; opacity:1; border:1px solid #1a8cff; font-size:16px; font-family:PingFang SC; font-weight:normal; color:#1a8cff; line-height:44px; text-align:center; position:absolute; bottom:48px; left:50%; transform:translateX(-50%) }
.after-login.jp-organ a{ bottom:32px }
.platform-nav{ width:1220px; margin:0 auto; display:flex; justify-content:space-between; position:relative }
.platform-nav li{ width:calc((100% - 42px)/3); background:#e6f7ff; padding:15px 0; text-align:center; cursor:pointer }
.platform-nav li h3{ font-size:18px; font-family:PingFang SC; font-weight:normal; color:#262626; line-height:26px }
.platform-nav li p{ font-size:14px; font-family:PingFang SC; font-weight:normal; color:#262626; line-height:20px; margin-top:4px }
.platform-nav .active-platform-nav{ background:#1a8cff }
.platform-nav .active-platform-nav h3,.platform-nav .active-platform-nav p{ color:#fff }
.platform-nav .platform-nav-line{ position:absolute; bottom:0; width:1220px; height:2px; background:linear-gradient(90deg,#1A8CFF 0%,rgba(26,140,255,0) 100%) }
.platform-nav-fixed{ position:fixed; top:0; left:0; width:100%; background-color:#fff; box-shadow:0px 2px 4px 1px rgba(0,0,0,.1); z-index:100000 }
.div-block{ margin-top:72px }
.div-block-tit{ font-size:32px; font-family:PingFang SC; font-weight:600; color:#1a8cff; line-height:45px; text-align:center }
.jyb-platform{ width:1220px; margin:20px auto 0 }
.div-sub-block .title{ padding:72px 0 12px; font-size:36px; font-family:PingFang SC; font-weight:600; color:#262626; line-height:50px; text-align:center }
.div-sub-block .subtitle{ font-size:18px; font-family:PingFang SC; font-weight:400; color:#141414; line-height:28px; text-align:center }
.jyb-platform-list-t1{ display:flex; justify-content:center; align-items:center; margin-top:90px }
.jyb-platform-list-t1 .jyb-platform-item{ width:393px; height:280px; background:linear-gradient(270deg,#B9DAFD 0%,#E5F1FF 63.71%),#fff; border-radius:6px 6px 6px 6px; margin-right:20px; padding:36px 0 0 }
.jyb-platform-list-t1 .jyb-platform-item span{ display:block; font-size:20px; color:#000; line-height:28px; font-weight:600; text-align:center }
.jyb-platform-list-t1 .jyb-platform-item p{ width:330px; font-size:15px; color:#000; line-height:25px; margin:7px auto 14px }
.jyb-platform-list-t1 .jyb-platform-item img{ display:block; width:194px; height:126px; margin:0 auto }
.jyb-platform-list-t1 .jyb-platform-item:last-child{ margin-right:0 }
.jyb-platform-list-t2{ width:1220px; display:flex; justify-content:space-between; align-items:center; margin:50px auto 0 }
.jyb-platform-list-t2 .jyb-platform-item{ width:393px; height:530px; position:relative }
.jyb-platform-list-t2 .jyb-platform-item span{ display:block; width:100%; position:absolute; top:58px; font-size:22px; color:#000; text-align:center; font-weight:600; line-height:56px }
.jyb-platform-list-t2 .jyb-platform-item .sub{ width:100%; position:absolute; top:110px; font-size:18px; color:#000; text-align:center; line-height:56px }
.jyb-platform-list-t2 .jyb-platform-item p{ width:calc(100% - 90px); margin-left:40px; position:absolute; top:180px; font-size:16px; color:#666; line-height:30px }
.jyb-platform-list-t2 .jyb-platform-item:nth-child(1){ background:url("../img/c1.jpg") center center no-repeat; background-size:100% 100% }
.jyb-platform-list-t2 .jyb-platform-item:nth-child(2){ background:url("../img/c2.jpg") center center no-repeat; background-size:100% 100% }
.jyb-platform-list-t2 .jyb-platform-item:nth-child(3){ background:url("../img/c3.jpg") center center no-repeat; background-size:100% 100% }
.jyb-platform-list-t3{ width:1220px; display:flex; justify-content:flex-start; flex-wrap:wrap; margin:50px auto 0 }
.jyb-platform-list-t3 .jyb-platform-item{ width:597px; height:410px; background:#fff; border-radius:4px 4px 4px 4px; border:1px solid #ececec; margin-bottom:30px; padding:56px 44px; position:relative }
.jyb-platform-list-t3 .jyb-platform-item span{ font-size:20px; color:#262626; font-weight:600; line-height:28px }
.jyb-platform-list-t3 .jyb-platform-item ul{ margin-top:14px }
.jyb-platform-list-t3 .jyb-platform-item ul li{ padding-left:16px; position:relative; font-weight:250; font-size:16px; color:#212529; line-height:28px }
.jyb-platform-list-t3 .jyb-platform-item ul li::before{ content:""; position:absolute; left:2px; top:10px; width:4px; height:4px; border-radius:50%; background:#212529 }
.jyb-platform-list-t3 .jyb-platform-item img{ display:block; width:420px; height:210px; position:absolute; bottom:0 }
.jyb-platform-list-t3 .jyb-platform-item:nth-child(2n+1){ margin-right:26px }
.jyb-platform-list-t4{ width:1220px; display:flex; justify-content:flex-start; flex-wrap:wrap; margin:50px auto 0 }
.jyb-platform-list-t4 .jyb-platform-item{ width:286px; background:#fff; border-radius:20px; border:2px solid #ececec; padding:38px 30px 25px 30px; margin-right:22px; position:relative }
.jyb-platform-list-t4 .jyb-platform-item .emblem{ width:96px; height:32px; background:linear-gradient(135deg,#3865fd 0%,#6948f6 100%),#fff; border-radius:16px; font-size:15px; color:#fff; text-align:center; line-height:32px; font-weight:600; position:absolute; left:50%; top:-16px; transform:translateX(-50%) }
.jyb-platform-list-t4 .jyb-platform-item .edition{ display:block; font-size:26px; color:#333; font-weight:600 }
.jyb-platform-list-t4 .jyb-platform-item .edition-tips{ display:block; padding-top:8px; font-size:16px; color:#1a8eff; font-weight:600 }
.jyb-platform-list-t4 .jyb-platform-item>em{ display:block; padding-top:8px; font-size:14px; color:#a0acba }
.jyb-platform-list-t4 .jyb-platform-item .pain-point{ width:100%; height:100px; background:#f7f9fc; border-radius:10px; margin-top:45px; padding:15px 18px; display:flex; justify-content:center; align-items:center }
.jyb-platform-list-t4 .jyb-platform-item .pain-point span{ font-size:16px; color:#748192 }
.jyb-platform-list-t4 .jyb-platform-item ul{ display:block; margin-top:50px }
.jyb-platform-list-t4 .jyb-platform-item ul li{ display:flex; justify-content:flex-start; align-items:center; height:35px; border-bottom:1px dashed #e8f0f8 }
.jyb-platform-list-t4 .jyb-platform-item ul li img{ display:block; width:20px; height:20px; margin-right:12px }
.jyb-platform-list-t4 .jyb-platform-item ul li span{ font-size:14px; color:#616e81 }
.jyb-platform-list-t4 .jyb-platform-item .consulting-service{ margin:130px 0 0; width:100%; border-radius:6px; border:2px solid #346fff; background:#fff; font-size:18px; color:#1e6cff; line-height:44px; font-weight:600 }
.jyb-platform-list-t4 .jyb-platform-item:last-child{ margin-right:0 }
.jyb-platform-list-t4 .jyb-platform-item:hover .consulting-service{ background:#2f6bff; color:#fff }
.jyb-platform-list-t4 .jyb-platform-item:hover{ border:2px solid #2f6bff }
.jyb-platform-list-t5{ width:1220px; margin:50px auto 0 }
.jyb-platform-list-t5 img{ display:block; margin:0 auto }
.jyb-platform-list-t5 ul{ display:flex; justify-content:space-between; align-items:center }
.jyb-platform-list-t5 ul li{ width:140px; margin-right:114px }
.jyb-platform-list-t5 ul li span{ display:block; width:100%; font-size:16px; color:#262626; text-align:center; font-weight:600 }
.jyb-platform-list-t5 ul li p{ margin-top:8px; font-size:12px; color:#000; text-align:center }
.jyb-platform-list-t5 ul li:last-child{ margin-right:0 }
.div-sub-block-foot{ width:180px; position:relative; margin:0 auto }
.div-sub-block-foot .teacher-apply-cooperate-btn,.div-sub-block-foot .apply-cooperate-btn{ width:180px; height:48px; background:#1a8cff; border-radius:2px; font-size:15px; font-family:PingFang SC; font-weight:normal; color:#fff }
.div-sub-block-foot .teacher-apply-cooperate-btn:hover,.div-sub-block-foot .apply-cooperate-btn:hover{ background-color:rgba(26,140,255,.6) }
.div-sub-block-foot .online-consult{ position:absolute; right:-98px; top:50%; transform:translateY(-50%); font-size:14px; font-family:PingFang SC; font-weight:normal; color:#1a8cff; display:flex; align-items:center; cursor:pointer; display:none }
.div-sub-block-foot .online-consult i{ margin-right:5px; font-size:20px; line-height:20px }
.traffic-box{ background:linear-gradient(180deg,#FAFBFC 0%,#FFFFFF 100%) }
.traffic-operation-tools{ padding-top:72px }
.zhixiao-saas{ margin-top:20px }
.zhixiao-saas .zhixiao-saas-nav{ width:1220px; display:flex; justify-content:space-between; margin:12px auto 0 }
.zhixiao-saas .zhixiao-saas-nav li{ width:160px; font-size:18px; font-family:PingFang SC; font-weight:normal; color:#262626; line-height:48px; text-align:center; position:relative; cursor:pointer }
.zhixiao-saas .zhixiao-saas-nav li i{ display:block; width:100%; background-color:#1a8cff; transition-duration:.3s; height:3px; position:absolute; bottom:0; transform:scaleX(0) }
.zhixiao-saas .zhixiao-saas-nav li:first-child i{ transform:scaleX(1) }
.zhixiao-saas .zhixiao-saas-nav li:hover{ color:#1a8cff }
.zhixiao-saas .zhixiao-saas-nav .active-saas-nav{ color:#1a8cff }
.traffic-con{ width:1220px; display:flex; align-items:center; margin:40px auto 0; display:none }
.traffic-con:first-child{ display:flex }
.traffic-con .traffic-con-info{ width:572px }
.traffic-con .traffic-con-info h6{ font-size:22px; font-family:PingFang SC; font-weight:600; color:#262626; line-height:31px }
.traffic-con .traffic-con-info .tit-intro{ font-size:16px; font-family:PingFang SC; font-weight:normal; color:#595959; line-height:24px; margin-top:24px }
.traffic-con .traffic-con-info ul{ margin-top:32px }
.traffic-con .traffic-con-info ul li{ margin-bottom:24px }
.traffic-con .traffic-con-info ul li .list-tit{ font-size:16px; font-family:PingFang SC; font-weight:normal; color:#1a8cff; margin-bottom:8px }
.traffic-con .traffic-con-info ul li .list-intro{ font-size:14px; font-family:PingFang SC; font-weight:normal; color:#8c8c8c }
.traffic-con .traffic-con-info a{ display:block; margin-top:32px; width:128px; height:40px; background:#fff; border-radius:2px; opacity:1; border:1px solid #1a8cff; font-size:14px; font-family:PingFang SC; font-weight:normal; color:#1a8cff; line-height:40px; text-align:center }
.traffic-con .traffic-con-img{ width:572px; height:460px; margin-left:76px }
.traffic-con .traffic-con-img img{ width:100%; height:100% }
.traffic-con-active{ display:flex; animation:fadeTraffic .3s linear }
@keyframes fadeTraffic{ 0%{opacity:0 }
100%{ opacity:1 }
}
.traffic-product-con{ display:flex }
.traffic-product .traffic-con-img{ margin:0 116px 0 0 }
.main-foot{ width:100%; height:235px; margin-top:100px; background-image:url(https://static.jiaoyubao.cn/site/organization/img/jgzx_db_img.png); background-repeat:no-repeat; background-size:100% 100%; padding:31px 0 }
.main-foot p{ font-size:30px; font-family:PingFang SC; font-weight:normal; color:#fff; line-height:34px; text-align:center; margin-bottom:16px }
.main-foot span{ display:block; font-size:18px; font-family:PingFang SC; font-weight:normal; color:#fff; line-height:34px; text-align:center; margin-bottom:16px }
.main-foot button,.main-foot a{ display:block; margin:0 auto; width:180px; height:48px; background:#fff; border-radius:4px; font-size:15px; font-family:PingFang SC; font-weight:normal; color:#1a8cff }
.short-footer{ width:100%; padding:48px 0; background:#212529 }
.short-footer .footer-cont{ width:1220px; margin:0 auto }
.short-footer .footer-cont ul{ text-align:center; overflow:hidden; list-style:none }
.short-footer .footer-cont ul li{ display:inline-block; height:14px; border-left:1px solid #8c8c8c; padding:0 10px; line-height:14px }
.short-footer .footer-cont ul li:first-child{ border-left:0 }
.short-footer .footer-cont ul li a{ font-size:12px; color:#8c8c8c; line-height:14px }
.short-footer .footer-cont ul li a:hover{ color:#1184e1 }
.short-footer .footer-cont ul li a:focus{ color:#666 }
.short-footer .footer-cont .fcopyright{ margin:15px auto 0 auto; font-size:12px; color:#aaa; line-height:17px; text-align:center }
.short-footer .footer-cont .fcopyright .colora2{ color:#2a2a2a }
.short-footer a{ color:#8c8c8c }
.short-footer .pr5{ padding-right:5px }
.short-footer .font15{ font-size:15px }
.reason-text{ font-size:18px; font-family:PingFang SC; font-weight:600; color:#1a8cff; line-height:25px; text-align:center; margin-top:20px }
.teacher-apply-cooperate-btn,.apply-cooperate-btn{ display:block; width:180px; height:48px; background:#1a8cff; border-radius:2px; font-size:15px; font-family:PingFang SC; font-weight:normal; color:#fff; margin:32px auto 0; cursor:pointer; text-align:center; line-height:48px }
.online-class-advantage,.shop-backstage-advantage{ margin-top:72px }
.online-class-ad-con{ display:flex; justify-content:center; align-items:center; margin-top:32px }
.online-class-ad-con .online-class-ad-img{ width:572px; height:430px; margin-right:78px; display:none }
.online-class-ad-con .online-class-ad-img img{ width:100%; height:100% }
.online-class-ad-con .online-class-ad-img:first-child{ display:block }
.online-class-ad-con li{ width:570px; height:76px; background:#f5f6f7; font-size:20px; font-family:PingFang SC; font-weight:normal; color:#595959; line-height:76px; margin-bottom:12px; padding-left:32px; cursor:pointer }
.online-class-ad-con li:last-child{ margin-bottom:0 }
.online-class-ad-con .active-li{ background:linear-gradient(90deg,#1A8CFF 0%,rgba(26,140,255,0.2) 100%); color:#fff }
.shop-backstage-advantage .online-class-ad-con .online-class-ad-img{ margin:0 0 0 78px }
.shop-backstage-advantage .apply-cooperate-btn{ margin-top:72px }
.online-class-list{ margin-top:72px }
.online-class-list ul{ width:1220px; margin:0 auto; display:flex; flex-wrap:wrap }
.online-class-list ul li{ max-width:140px; margin:32px 40px 0 0 }
.online-class-list ul li:nth-child(7),.online-class-list ul li:nth-child(14){ margin-right:0 }
.online-class-list ul li div{ width:140px; height:140px; display:flex; align-content:center; justify-content:center; position:relative; cursor:pointer }
.online-class-list ul li div .jg-logo-img{ max-width:100%; max-height:100% }
.online-class-list ul li div .jg-qrcode{ width:100%; height:100%; position:absolute; left:0; top:0; box-shadow:0px 10px 20px 1px rgba(0,0,0,.06); display:none }
.online-class-list ul li div .jg-qrcode img{ width:100%; height:100% }
.online-class-list ul li div:hover .jg-qrcode{ display:block }
.online-class-list ul li p{ max-width:130px; font-size:14px; font-family:PingFang SC; font-weight:normal; color:#262626; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin-top:16px }
.big-shot-list{ margin-top:72px }
.big-shot-list ul{ width:1220px; display:flex; flex-wrap:wrap; margin:32px auto 0 }
.big-shot-list ul li{ width:calc((100% - 38px)/3); border-radius:4px; border:1px solid #ebebeb; margin-right:19px; margin-bottom:20px }
.big-shot-list ul li:nth-child(3n){ margin-right:0 }
.big-shot-list ul li:nth-last-child(1),.big-shot-list ul li:nth-last-child(2),.big-shot-list ul li:nth-last-child(3){ margin-bottom:0 }
.big-shot-list ul li .big-shot-detail{ display:flex; align-items:center; padding:24px 20px; box-sizing:border-box }
.big-shot-list ul li .big-shot-detail .big-shot-img{ flex-shrink:0; width:68px; height:68px; margin-right:16px }
.big-shot-list ul li .big-shot-detail .big-shot-img img{ width:100%; height:100%; border-radius:50% }
.big-shot-list ul li .big-shot-detail .big-shot-detail-r{ width:calc(100% - 85px); font-size:14px; font-family:PingFang SC; font-weight:normal; color:#8c8c8c }
.big-shot-list ul li .big-shot-detail .big-shot-detail-r .big-shot-item-r-person{ display:flex; align-items:center; margin-bottom:4px }
.big-shot-list ul li .big-shot-detail .big-shot-detail-r .big-shot-item-r-person .big-shot-name{ font-size:16px; font-family:PingFang SC; font-weight:bold; color:#262626; line-height:26px; margin-right:10px }
.big-shot-list ul li .big-shot-detail .big-shot-detail-r .big-shot-item-r-person i{ color:#8c8c8c; font-size:16px }
.big-shot-list ul li .big-shot-detail .big-shot-item-intro{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height:16px }
.big-shot-list ul li .big-shot-detail dl{ display:flex; align-items:center; margin-top:4px; line-height:20px }
.big-shot-list ul li .big-shot-detail dl dt{ white-space:nowrap }
.big-shot-list ul li .big-shot-detail dl dd{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap }
.rz-qrcode{ margin:60px auto 32px; width:200px; height:200px; position:relative }
.rz-qrcode img{ width:100%; height:100% }
.rz-qrcode .rz-qrcode-ewm-sx{ width:100%; height:100%; position:absolute; top:0; background:hsla(0,0%,100%,.9); text-align:center; display:none }
.rz-qrcode .rz-qrcode-ewm-sx p{ font-size:15px; font-weight:bold; color:#262626; text-align:center; margin-top:53px }
.rz-qrcode .rz-qrcode-ewm-sx button{ background:#1a8cff; border-radius:2px; color:#fff; font-size:13px; padding:9px 26px; margin-top:8px; width:auto; height:auto; line-height:initial }
.rz-qrcode .rz-qrcode-success{ padding:16px 0; text-align:center; width:100%; height:100%; position:absolute; top:0; background:hsla(0,0%,100%,.9) }
.rz-qrcode .rz-qrcode-success i{ font-size:64px; color:#07c160 }
.rz-qrcode .rz-qrcode-success p{ font-size:15px; font-weight:bold; color:#262626; position:relative; bottom:7px; text-align:center }
.rz-qrcode-remind{ font-size:15px; font-family:PingFang SC; font-weight:normal; color:#262626; line-height:21px; text-align:center; margin-bottom:24px }
.traffic-con-infonnew li{ display:flex; justify-content:flex-start; align-items:center }
.traffic-con-infonnew2{ width:400px !important; margin-left:200px }
.traffic-con-infonnew2 li{ display:flex; justify-content:flex-start; align-items:center }
.traffic-con-infonnew li>img{ display:block; width:15px; height:15px; margin-right:9px }
.traffic-con-infonnew2 li>img{ display:block; width:15px; height:15px; margin-right:9px }