#mydiv { background: #282828; overflow: hidden; } #mydiv canvas { position: absolute!important; top: 0!important; z-index: 1!important; } .nd-support { padding-top: 15px; } .nd-support .support-head { position: relative; background-color: #197dff; background-image: -o-linear-gradient(left,#9c4dff 0,#197dff 100%); background-image: linear-gradient(90deg,#9c4dff,#197dff); width: 100%; padding: 40px 0!important; } .nd-support .support-head h3 { text-align: center; color: #ffe300; margin-bottom: 30px; position: relative; z-index: 10; } .nd-support .support-head .nd-search { width: 480px; margin: 0 auto; position: relative; z-index: 10; } .nd-support .support-head .nd-search form { background: #fff; border-radius: 4px; display: flex; height: 45px; overflow: hidden; align-items: center; } .nd-support .support-head .nd-search input { flex: 1; height: 100%; border: 0; padding-left: 15px; } .nd-support .support-head .nd-search button { background: #ffe300; cursor: pointer; width: auto; height: 100%; padding: 0 25px; border: 0; color: #282828; font-size: 15px; letter-spacing: .5px; } .nd-support .support-main { margin-top: 100px; margin-left: -50px; } .nd-support .support-main .support-item { padding-left: 50px; width: 50%; float: left; margin-bottom: 100px; } .nd-support .support-main .support-item .support-box { border: 1px solid #ddd; min-height: 350px; } .nd-support .support-main .support-item .support-box .icon { text-align: center; } .nd-support .support-main .support-item .support-box .icon a { text-align: center; display: inline-block; margin-top: -40px; } .nd-support .support-main .support-item .support-box .icon i { display: inline-block; width: 85px; height: 85px; line-height: 85px; border-radius: 50%; font-size: 42px; background: #f8f8f8; transition: all .3s; } .nd-support .support-main .support-item .support-box .icon span { display: block; margin-top: 15px; color: #333; letter-spacing: .5px; font-size: 18px; } .nd-support .support-main .support-item .support-box ul { list-style: none; margin: 30px 0; padding: 0 30px; } .nd-support .support-main .support-item .support-box ul li { padding: 15px 0; border-bottom: 1px solid #ddd; position: relative; padding-left: 25px; } .nd-support .support-main .support-item .support-box ul li:after { content: ''; position: absolute; top: 22px; left: 0; width: 6px; height: 6px; border-radius: 50%; background: #b1b1b1; } .support-last {} .support-last li { text-align: center; padding-left: 0!important; } .support-last li:after { display: none; } @media screen and (max-width: 768px){ .nd-support .support-main .support-item { width: 100%; } } .ndTop-warp { background-attachment: fixed; position: relative; } .ndTop { height:650px; display: flex; justify-content:center; align-items:center; } .ndTop .ndTop-l { width: 50% } .ndTop .ndTop-l h1 { margin-top: 0 } .ndTop .ndTop-l h1 span { color:#282828; margin-right: 5px } .ndTop .ndTop-l p { font-size: 18px; color: #62656d; } .ndTop .ndTop-l .nd-btn { margin-top: 4rem } .ndTop .ndTop-l .nd-btn span { color: #999; font-size: 16px; margin: 0 5px } .ndTop .ndTop-l .nd-btn a { display: inline-block; position: relative; padding: 1rem 2.5rem; font-size: 16px; line-height: 1.5; border-radius: .3rem; white-space: nowrap; transform: translatex(0px) } .ndTop .ndTop-l .nd-btn a span { display: inline-block; color: #282828; } .ndTop .ndTop-l .nd-btn a:first-child { padding: 1.2rem 2.7rem; background: #ffe300; } .ndTop .ndTop-l .nd-btn a:first-child:hover span { display:inline-block; transform: translatex(-10px); color: #ffe300; } .ndTop .ndTop-l .nd-btn a:first-child:hover { background: #282828; } .ndTop .ndTop-l .nd-btn a:last-child:hover span { color:#ffe300; display:inline-block; transform: translatex(-10px) } .ndTop .ndTop-l .nd-btn a i { transition: all .3s; position: absolute; opacity: 0; right: 2rem; color: #ffe300; font-size: 20px; transform: translateY(2px); } .ndTop .ndTop-l .nd-btn a:hover i { display: inline-block; right: 1rem; opacity: 1; } .ndTop .ndTop-l .nd-btn a:last-child { border: 1px solid #282828; } .ndTop .ndTop-l .nd-btn a:last-child span { color:#282828; } .ndTop .ndTop-l .nd-btn a:last-child:hover { background:#282828; } .ndTop .ndTop-l .nd-btn a:last-child:hover i { color: #ffe300; } .ndTop .ndTop-l .nd-btn a:last-child:hover span { color:#ffe300; display:inline-block; transform: translatex(-10px) } .ndTop .ndTop-l .nd-v { color: #9d9fa9; margin-top: 15px } .ndTop .ndTop-r { width: 50% } .ndTop .ndTop-r img { animation-name: ndPic; animation-duration:3s; animation-iteration-count: infinite; width: 540px; } @keyframes ndPic { 0% {transform: translatey(0)} 50% {transform: translatey(5px)} 100% {transform: translatey(0)} } @media screen and (max-width: 768px) { .ndTop { display: block; } .ndTop .ndTop-l { width: 100%; margin-top: 50px; text-align: center; } .ndTop .ndTop-r { width: 100%; text-align:center } .ndTop .ndTop-r img { margin-top: 30px; max-width: 80%; } } /* FILE ARCHIVED ON 05:02:32 Jan 19, 2022 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 22:12:09 Sep 27, 2024. JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE. ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C. SECTION 108(a)(3)). */ /* playback timings (ms): captures_list: 0.732 exclusion.robots: 0.033 exclusion.robots.policy: 0.02 esindex: 0.015 cdx.remote: 47.381 LoadShardBlock: 319.412 (3) PetaboxLoader3.resolve: 324.09 (3) PetaboxLoader3.datanode: 171.008 (4) load_resource: 247.349 */