< type="text/css"> .u-appbanner { z-index: 100; padding: 30px 20px; display: none; background: #24794b; } .u-appbanner.isMobile { display: block; } .u-appbanner .logo { width: 305px; height: 83px; background: url(https://open-image.ws.126.net/open-h5uploadfile/6608586051446202447.png) 0 0 no-repeat; } .u-appbanner .close { margin: 30px 0 0 25px; width: 28px; height: 28px; background: url(https://open-image.ws.126.net/open-h5uploadfile/6608586051446202447.png) 0 -168px no-repeat; } .u-appbanner .dlbtn { margin-top: 10px; width: 178px; height: 64px; background: url(https://open-image.ws.126.net/open-h5uploadfile/6608586051446202447.png) 0 -97px no-repeat; } <> .u-nav2 .hd-share .shicon1:hover .qrcode, .u-nav2 .hd-share .shicon2:hover .qrcode, .u-nav2 .hd-share .shicon3:hover .qrcode, .u-nav2 .hd-share .shicon4:hover .qrcode { opacity: 1; visibility: visible; } .u-nav2 .hd-share .shicon1 { background: no-repeat url(https://open-image.ws.126.net/db6cf5793e2a4342829d52e6d74910a5.png) center center; } .u-nav2 .hd-share .shicon1:hover { background: no-repeat url(https://open-image.ws.126.net/27a92290ad8946db82d5ad13e1b69876.png) center center; } <> .home-nav-appdownload-btn { position: relative } .qrBox{ text-align: center; transition: 0.2s; visibility: hidden; opacity: 0; padding: 34px 0 32px; position: absolute; width: 228px; border: 2px solid #ededed; right: 0; top: 40px; background: #ffffff; z-index: 10; } .qrBox:before.qrBox:after{ width:0px; height:0px; border: transparent solid; position: absolute; left: 164px; bottom: 100%; content:"" } .qrBox:before{ border-width:10px; border-bottom-color: #ededed; top:-20px; } .qrBox:after{ border-width:8px; border-bottom-color: #fff; left: 166px; top: -16px; } .qrBox .qrCodeImg{ width: 130px; } .qrIcon{ margin-right: 10px; } .tip1{ font-size: 16px; font-weight: bold; color: #333; margin: 14px 0 14px; } .home-nav-appdownload-btn:hover .qrBox { visibility: visible; opacity: 1 } .mainnav .hot.mainnav .newflag{ position: relative; overflow: inherit; } .mainnav .hot:after.mainnav .newflag:after { content: "HOT"; position: absolute; top: -6px; right: -30px; z-index: 999; padding: 0 .75em; border-radius: 8px 8px 8px 0; font-size: 11px; line-height: 16px; background: #ff4b36; transition: .25s } .mainnav .newflag:after { content: "NEW"; border-radius: 8px 8px 8px 8px; } .mainnav .hot:hover:after.mainnav .newflag:hover:after { transform: translate(0-25%); } .ending2022-dialog { position: fixed; top: 0; left: 0; height: 100%; width: 100%; overflow: auto; z-index: 900; background: rgba(0000.6); display: flex; flex-flow: row nowrap; align-items: flex-start; justify-content: center; opacity: 1; will-change: opacity; transition: opacity 500ms ease-in-out; } .e-2022-d { width: 500px; height: 700px; margin: 100px; background: linear-gradient(-26deg,#c4f6d3,#fefff9 51%,#fffdda); border-radius: 16px; position: relative; flex: 0 0 500px; } .e-2022-d-close { width: 30px; height: 30px; background: no-repeat center center / contain; right: -46px; top: 0; position: absolute; cursor: pointer; background-image: url("https://cms-bucket.ws.126.net/2018/12/25/144b8a5e222c4e91b0ef62f663258a68.png"); } .e-2022-bg-img { width: 100%; height: 100%; background: no-repeat center 40px / 70%; background-image: url("https://open-image.ws.126.net/openh5freegb/static/img/start-page-keep.9a60bac2.png"); } .e-2022-qrcode { width: 140px; background: no-repeat center top / contain; height: 140px; position: absolute; bottom: 50px; left: 50%; border-radius: 5px; box-shadow: 0 0 5px rgb(0 0 0 / 20%); margin-left: -136px; background-image: url("https://open-image.ws.126.net/ec9e9842420141a7bfbcf89717fdf691.png"); } .e-2022-qrcode::before { content: "手机扫描二维码"; top: 82px; } .e-2022-qrcode::after { content: "生成我的学习报告"; top: 106px; } .e-2022-qrcode::before, .e-2022-qrcode::after { display: block; position: absolute; width: 200px; font-size: 16px; font-weight: bold; color: #222; line-height: 24px; white-space: pre-line; text-align: left; left: 160px; } .e-2022-d-hide { opacity: 0; pointer-events: none; } <> .m-midnav { height: 40px; padding: 30px 0; } .m-midnav .logo { height: 40px; width: 223px; background: url('https://plus-cms-bucket.ws.126.net/2018/09/26/258f3b40903c438e8e78d50628a1ea3e.png') no-repeat; } .m-midnav-right { float: right; height: 100%; padding-top: 2px; } .u-nav2 .li { border-left: none; } .m-midnav .search { margin-top: 3px; margin-right: 92px; position: relative; } #search-input-elem::placeholder { color: #999; } .search-sug-list { position: absolute; top: 32px; left: -1px; width: 347px; border: solid 1px #ddd; background: #fff; z-index: 800; display: none; } .search-sug-list ul { list-: none; } .search-sug-list li { display: block; font-size: 12px; height: 30px; line-height: 30px; padding: 0 9px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #666; cursor: pointer; } .search-sug-list li:hover { background: #ddd; } .u-nav2 .active, .u-nav2 .hd-mycenter { box-shadow: 0 2px 4px rgba(0000.2); z-index: 800; } .m-midnav .g-container { width: 1180px; } .m-botnav { z-index: 799 } .u-login { max-width: 100px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .open-all-course{ display: none; color: #333333; position: absolute; top: -30px; font-size: 16px; left: 223px; padding: 0 10px; height: 100px; line-height: 100px; } .open-all-course:hover{ box-shadow: 0 2px 4px rgba(0000.3) } #all-course-box{ position: absolute; top: 100%; left: 0; } <> /* 个人中心-优惠券 */ #center-coupon{ color: orange; display: none; } #center-coupon.empty { color: silver; } #center-coupon::before{ content: '('; color: #666 } #center-coupon::after{ content: ')'; color: #666 } <> /* 关怀模式 */ #_N_nav_left a{ color: #666; } #_N_nav_left a:hover { color: #09924b; } <> .new-qr-wrap{ display: none; height: 120px; position: fixed; bottom: 0; left: 0; width: 100%; z-index: 1000; background: rgba(0,0,0,0.7) url(//cms-bucket.ws.126.net/2020/0520/645642acp00qamvsx0009c000l4006oc.png); background-size: auto 100%; } .new-qr-box{ position: relative; padding: 11px 0; margin: 0 auto; width: 1180px; display: flex; flex-direction: row; justify-content: center; align-items: center; } .new-qr-box-logo { width: 60px; height: 60px; margin-right: 16px; background: no-repeat url(//cms-bucket.ws.126.net/2020/0520/5196df7bp00qamwhp0005c0003g003cc.png) center center / contain; } .new-qr-box-info { color: #fff; width: 474px; } .new-qr-box-title { font-weight: bold; font-size: 24px; line-height: 24px; } .new-qr-box-desc { font-size: 20px; line-height: 20px; opacity: 0.86; margin-top: 8px; } .new-qr-box-qrimg { width: 98px; height: 98px; } .new-qr-box-qrimg img { display: block; width: 100%; border: none; } .new-qr-box-close { width: 24px; height: 24px; position: absolute; left: 50%; top: 10px; margin-left: 418px; background: no-repeat url(//cms-bucket.ws.126.net/2020/0520/113ec8a3p00qamwrc0000c000140014c.png) center center / contain; cursor: pointer; } < type="text/css"> .m-sidebar { display: none !important; } .open-pc-pageside-toolbox { position: fixed; right: 2px; bottom: 163px; width: 78px; z-index: 900; } .open-pc-pageside-toolbox :not(:first-child) { margin-top: 5px; } .open-pc-pageside-toolbox .open-download, .open-pc-pageside-toolbox .open-suggest, .open-pc-pageside-toolbox .open-backtop { height: 78px; text-align: center; padding-top: 50px; line-height: 20px; font-size: 14px; color: #999; background: no-repeat #fff center 15px; background-size: 30px; position: relative; box-sizing: border-box; } .open-pc-pageside-toolbox .mask { position: absolute; display: block; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: 0; transition: opacity 0.1s; cursor: pointer; } .open-pc-pageside-toolbox .mask:hover { opacity: 0.2; } .open-pc-pageside-toolbox .open-download { background-image: url(//cms-bucket.ws.126.net/2020/0520/b7876d72p00qamyur0000c0001o001oc.png); } .open-pc-pageside-toolbox .open-suggest { background-image: url(//cms-bucket.ws.126.net/2020/0520/6f844e86p00qamyxr0000c0001q001mc.png); } .open-pc-pageside-toolbox .open-backtop { background-image: url(//cms-bucket.ws.126.net/2020/0520/339e2d32p00qamywh0000c0001k000uc.png); background-size: 28px; background-position: center; } .open-pc-pageside-toolbox .qrcode-layer { display: none; position: absolute; top: 50%; margin-top: -130px; width: 270px; height: 265px; right: 200%; background: url(https://open-image.ws.126.net/7ed5d77a70b6441fac017dd0671c4c78.png) no-repeat center center / 100%; opacity: 0; transition: all 0.2s 1s; } .open-pc-pageside-toolbox .open-download:hover .qrcode-layer { display: block; opacity: 1; right: calc(100% + 16px); } < type="text/css"> .ntes-nav-wza,.ntes-nav-wza-show{float: left;padding-left: 3px;margin-left: 2px;position: relative;} .ntes-nav-wza{display: none;} .ntes-nav-wza-show{display: block;} /*.ntes-nav-wza:before{background: url(https://static.ws.126.net/163/f2e/www/index20170701/images/shilaohua_v2.png) -1px 0px;width: 14px;height: 12px;content: "";position: absolute;left: 2px;top: 16px;}*/ 进入关怀模式 <> .m-botnav .mainnav .link.current { background: none; } .m-botnav .mainnav .link:hover, .m-botnav .mainnav .link.current2 { background: #2e9057; }