Новости высоких технологий, обзоры смартфонов, гаджетов и бытовой техники - Hi-Tech Mail.ru

<img src="https://webcf.waybackmachine.org/web/20230922170915im_/https://rs.mail.ru/d127337870.gif?rnd=234971153&ts=1695402558" style="width:0;height:0;position:absolute;visibility:hidden;" alt=""/><a data-id="huawei_127337870" class="pm-banner__url" data-type="4" href="https://webcf.waybackmachine.org/web/20230922170915/https://r.mail.ru/n387317075?&rnd=234971153" rel="noopener" data-title="Huawei" data-width="102" data-height="21" data-img-src="https://r.mradx.net/img/51/F83E6F.png"></a>

<style>
    #huawei_127337870 {
      display: flex;
      align-items: center;
      background-color: #f9f9fa;
      height: calc(100% - 8px) !important;
      padding: 5px 12px 5px 8px;
      box-sizing: border-box;
      margin-top: 4px;
      border-radius: 8px;
    }
    
    #huawei_127337870 img {
      margin: 0 !important;
    }
    
    #huawei_127337870 .rb_banner_marked {
      visibility: visible;
    }
    #huawei_127337870:hover .rb_banner_marked-icon {
      display: inline-flex;
    }
  </style>
  <style>
    .rb_banner_marked {
      display: inline-block;
      vertical-align: middle;
      white-space: nowrap;
      margin-top: 2px;
      margin-left: 12px;
      line-height: 1;
      visibility: hidden;
    }
		.rb_banner_marked-text {
			display: inline-block;
      vertical-align: middle;
      font-style: normal;
      font-weight: 400;
      font-size: 11px;
      line-height: 14px;
      color: #aaadb3;
		}
		.rb_banner_marked-text::before {
		  content: "";
      display: inline-block;
      height: 2px;
      width: 2px;
      margin-right: 5px;
      vertical-align: middle;
      background-color: currentColor;
		}
		.rb_banner_marked-icon {
		  position: absolute;
		  top: 6px;
		  right: 2px;
			display: none;
			align-items: center;
			justify-content: center;
			margin-left: 8px;
			width: 14px;
			height: 14px;
			vertical-align: middle;
			background: rgba(44, 45, 46, 0.2);
			backdrop-filter: blur(2px);
			border-radius: 50%;
		}
		.rb_banner_marked-icon svg {
		  fill: #fff;
		}
		.rb_banner_overlay {
		  visibility: hidden;
		  z-index: -1;
		  opacity: 0;
		  transition: visibility 0.3s ease-in-out, opacity 0.25s ease-in-out;
		}
		.rb_banner_overlay-shown {
		  display: block !important;
		  visibility: visible;
		  z-index: 99999;
		  opacity: 1;
		}
		.rb_banner_overlay-shown .rb_banner_overlay-content {
		  transform: translateY(0);
		}
		.rb_banner_overlay-content {
			position: relative;
			padding: 12px;
			transform: translateY(100%);
			text-align: left;
			background-color: #fff;
			box-shadow: 0 4px 24px rgba(0, 0, 0, 0.16);
			border-radius: 8px;
			transition: transform 0.5s ease-in-out;
		}

.rb_banner_overlay-title {
			margin-bottom: 12px;
			font-style: normal;
			font-weight: 500;
			font-size: 14px;
			line-height: 20px;
			color: #87898F;
		}

.rb_banner_overlay-text {
			margin-bottom: 12px;
			font-style: normal;
			font-weight: 400;
			font-size: 13px;
			line-height: 18px;
			color: #2C2D2E;
		}

.rb_banner_overlay-text svg,
		.rb_banner_overlay-text a {
		  display: inline-block;
			vertical-align: middle;
		}

.rb_banner_overlay-text svg {
			margin-right: 8px;
		}

.rb_banner_overlay-text a,
		.rb_banner_overlay-text a:visited {
			color: #2C2D2E;
		}

@media (max-width:767px) {
			.rb_banner_overlay {
				position: fixed;
				top: 0;
				right: 0;
				bottom: 0;
				left: 0;
				display: flex;
				align-items: flex-end;
				background-color: rgba(0, 0, 0, 0.35);
			}

.rb_banner_overlay-content {
				width: 100%;
				box-sizing: border-box;
				border-radius: 8px 8px 0 0;
			}

.rb_banner_marked_close {
				position: absolute;
				top: 0;
				right: 0;
				display: block;
				padding: 12px;
				z-index: 1;
			}

.rb_banner_marked_close svg {
				display: block;
			}
		}
		@media (min-width: 768px) {
	    .rb_banner_overlay {
	      position: absolute;
	      top: 5px;
	      right: 5px;
	      z-index: 1;
	      min-width: 192px;
	    }
	    
	    .rb_banner_marked_close {
		    position: absolute;
        top: -8px;
        right: -8px;
        display: block;
        padding: 12px;
        z-index: 1;
			}

.rb_banner_marked_close svg {
				display: block;
			}
	  }
	</style>

<span class="rb_banner_marked">
  	<span class="rb_banner_marked-text">Реклама</span><span class="rb_banner_marked-icon">
  		<svg width="6" height="12" viewbox="0 0 6 12" fill="none" xmlns="http://www.w3.org/2000/svg">
  			<path d="M3 3.375C3.61875 3.375 4.125 2.86875 4.125 2.25C4.125 1.63125 3.61875 1.125 3 1.125C2.38125 1.125 1.875 1.63125 1.875 2.25C1.875 2.86875 2.38125 3.375 3 3.375ZM3 4.875C2.38125 4.875 1.875 5.38125 1.875 6C1.875 6.61875 2.38125 7.125 3 7.125C3.61875 7.125 4.125 6.61875 4.125 6C4.125 5.38125 3.61875 4.875 3 4.875ZM3 8.625C2.38125 8.625 1.875 9.13125 1.875 9.75C1.875 10.3687 2.38125 10.875 3 10.875C3.61875 10.875 4.125 10.3687 4.125 9.75C4.125 9.13125 3.61875 8.625 3 8.625Z"/>
  		</svg>
  	</span>
  </span>
  <div class="rb_banner_overlay">
		<div class="rb_banner_overlay-content">
			<span class="rb_banner_marked_close">
				<svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
					<path fill-rule="evenodd" clip-rule="evenodd" d="M4.71967 4.71967C5.01256 4.42678 5.48744 4.42678 5.78033 4.71967L10 8.93934L14.2197 4.71967C14.5126 4.42678 14.9874 4.42678 15.2803 4.71967C15.5732 5.01256 15.5732 5.48744 15.2803 5.78033L11.0607 10L15.2803 14.2197C15.5732 14.5126 15.5732 14.9874 15.2803 15.2803C14.9874 15.5732 14.5126 15.5732 14.2197 15.2803L10 11.0607L5.78033 15.2803C5.48744 15.5732 5.01256 15.5732 4.71967 15.2803C4.42678 14.9874 4.42678 14.5126 4.71967 14.2197L8.93934 10L4.71967 5.78033C4.42678 5.48744 4.42678 5.01256 4.71967 4.71967Z" fill="#A5A7AD"/>
				</svg>
			</span>

<div class="rb_banner_overlay-text">
				<div class="rb_banner_overlay-title">Рекламное объявление</div>

<div class="rb_banner_overlay-text">
				  <svg width="20" height="20" fill="none" xmlns="http://www.w3.org/2000/svg">
				    <path fill-rule="evenodd" clip-rule="evenodd" d="M10 9.25a.75.75 0 0 1 .75.75v4a.75.75 0 0 1-1.5 0v-4a.75.75 0 0 1 .75-.75Z" fill="#A5A7AD"/>
				    <path d="M11 7a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z" fill="#A5A7AD"/>
				    <path fill-rule="evenodd" clip-rule="evenodd" d="M3.99 3.99A8.476 8.476 0 0 1 10 1.5c2.347 0 4.473.952 6.01 2.49A8.476 8.476 0 0 1 18.5 10a8.476 8.476 0 0 1-2.49 6.01A8.476 8.476 0 0 1 10 18.5a8.476 8.476 0 0 1-6.01-2.49A8.476 8.476 0 0 1 1.5 10c0-2.347.952-4.473 2.49-6.01ZM10 3a6.976 6.976 0 0 0-4.95 2.05A6.976 6.976 0 0 0 3 10c0 1.933.783 3.682 2.05 4.95A6.976 6.976 0 0 0 10 17a6.975 6.975 0 0 0 4.95-2.05A6.975 6.975 0 0 0 17 10a6.976 6.976 0 0 0-2.05-4.95A6.976 6.976 0 0 0 10 3Z" fill="#A5A7AD"/>
				  </svg>
				  <a href="https://webcf.waybackmachine.org/web/20230922170915/https://r.mail.ru/n387317076?&rnd=234971153" rel="noopener noreferrer noopener" target="_blank">О рекламодателе</a>
				</div>
				<div class="rb_banner_overlay-text">
				  <span>Токен:</span>
				  <span>2Vtzqw3aERx</span>
				</div>
			</div>
		</div>
	</div>
	<script>
	  (function () {
    	'use strict';
      
    	var banner = document.getElementById('huawei_127337870');
			var bannerMarked = document.querySelector('#huawei_127337870 ~ .rb_banner_marked');
			var bannerMarkedOverlay = banner.parentNode.querySelector('.rb_banner_overlay');
			var overlayClose = bannerMarkedOverlay.querySelector('.rb_banner_marked_close');

function handleMarkedClick(event) {
  			if (bannerMarkedOverlay && event.target.closest('.rb_banner_marked')) {
  				event.preventDefault();
  				handleToggleOverlay();
  			}
  		}

function handleToggleOverlay() {
  			var isOverlayHidden = !bannerMarkedOverlay.classList.contains('rb_banner_overlay-shown');
  
  			if (isOverlayHidden) {
  				bannerMarkedOverlay.classList.add('rb_banner_overlay-shown');
  			} else {
  				bannerMarkedOverlay.classList.remove('rb_banner_overlay-shown');
  			}
  		}
  
  		function insertAfter(referenceNode, newNode) {
  			referenceNode.insertAdjacentElement('beforeend', newNode);
  		}

insertAfter(banner, bannerMarked);

overlayClose.addEventListener('click', handleToggleOverlay);
			document.addEventListener('click', handleMarkedClick, true);
    })();
	</script>

Mail.ru Почта Мой МирОдноклассникиВКонтакте Игры Знакомства Новости Поиск Облако VK Combo Все проекты

Регистрация Вход

Танк Тигр

Технологии

Опасный, но не спасительный: почему легендарный «Тигр» не спас Третий рейх

Компьютер

Прочее

Современные инструменты для создания презентаций [если надоел PowerPoint]

iPhone 15 Pro

Гаджеты

Обзор обзоров iPhone 15 Pro и iPhone 15 Pro Max. Собрали самое интересное

Honor 90

Гаджеты

Обзор Honor 90: сияет на все 200 мегапикселей

Смартфоны

Гаджеты

18 лучших игровых смартфонов в 2023 году

Новости

Все новости

айфон 15 про пятна

iPhone 15 Pro «ржавеет» из-за жирных пальцев (печальные фото)

Позор дня

дети

На сайте ЗАГСа появился генератор имен

Сервис дня

Свежее

Обзоры

Huawei MatePad

Huawei MatePad 11 дюймов версии PaperMatte: нужен ли «бумажный» планшет в 21 веке?

Реклама

Honor 90

Обзор Honor 90: сияет на все 200 мегапикселей

iOS 17

iOS 17: что нового и как установить

Honor Magic V2

Первый обзор Honor Magic V2: самый тонкий и легкий складной смартфон 2023 года

Sony Xperia WF-1000XM5

Обзор Sony WF-1000XM5: лучшие беспроводные наушники для Android

vivo X Fold 2

Обзор vivo X Fold 2 — почти идеальный складной смартфон

Huawei MateBook 16s

Ноутбуки и планшеты Huawei: выбираем гаджеты для студента и школьника

Показать еще

Подпишитесь на нас

Новости Hi-Tech Mail.ru

Нажимая «Подписаться», вы соглашаетесь с условиями использования