1 line
7.2 KiB
CSS
1 line
7.2 KiB
CSS
header{background:#fff;position:fixed;z-index:99;left:0;right:0;height:112px;font-size:16px;line-height:24px;box-shadow:8px 8px 16px 4px rgba(133,139,146,0.06)}@media all and (max-width:1600px) and (min-width:1280px){header{height:82px;font-size:14px;line-height:18px}}header .container{height:inherit;display:flex;align-items:center;justify-content:space-between;padding:0;background:#fff}header .container:after{display:none}header a{text-decoration:none;color:#000}header a.logo{transform:translateY(4px)}header .header_menu{margin:0 24px;padding:0 24px;border-left:1px solid #e7e9f0;border-right:1px solid #e7e9f0;display:flex;align-items:center;justify-content:space-between;height:32px;width:100%}header .header_menu:last-child{border-right:0;padding-right:0;margin-right:0}header .header_menu nav .nav_toggle{display:none}header .header_menu nav ul{display:flex}header .header_menu nav ul li:not(:last-child){margin-right:24px}header .header_menu nav ul li:last-child{margin-right:63px}header .header_menu nav ul li a.active{color:var(--blue);font-weight:700}header .header_menu nav ul li.active a{color:var(--blue);font-weight:700}header .system_nav{display:flex;align-items:center;gap:16px}header .system_nav>li>a{display:block;width:32px;height:32px;font-size:0px;color:transparent;position:relative}header .system_nav>li>a[data-notify]:before{content:attr(data-notify);display:block;position:absolute;top:-2px;right:-2px;width:19px;height:19px;border-radius:100%;line-height:19px;text-align:center;color:#fff;background:#A8026B;font-size:13px}@media all and (max-width:768px){header .system_nav>li>a[data-notify]:before{width:13px;height:13px;font-size:10px;line-height:14px;top:0;right:0}}header .system_nav>li>a[data-notify="0"]:before{display:none}header .system_nav>li>a[data-icon="phone"]{background:url(/assets/images/icons/icon-phone-black.svg) no-repeat center}header .system_nav>li>a[data-icon="notify"]{background:url(/assets/images/icons/icon-notify.svg) no-repeat center}header .system_nav>li>a[data-icon="message"]{background:url(/assets/images/icons/icon-message.svg) no-repeat center}@media all and (max-width:768px){header .system_nav{gap:12px}header .system_nav>li>a{width:21px;height:21px;background-size:21px !important}}header .system_nav li{position:relative}header .system_nav .backdrop{position:absolute;width:657px;top:65px;right:-96px;display:none}header .system_nav .backdrop.opened{display:block}@media all and (max-width:1279px){header .system_nav .backdrop{width:600px}}@media all and (max-width:768px){header .system_nav .backdrop{background:rgba(12,12,12,0.5);position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;padding:55px 15px;width:100%}}header .system_nav .backdrop .modal{background:#FFFFFF;box-shadow:0 4px 32px rgba(0,0,0,0.16);padding:35px 20px 0 46px;position:relative}header .system_nav .backdrop .modal:before{content:"";display:block;width:0;height:0;border-left:13px solid transparent;border-right:13px solid transparent;border-bottom:24px solid #fff;position:absolute;top:-24px;right:100px}@media all and (max-width:768px){header .system_nav .backdrop .modal{padding:17px 17px 0 17px}header .system_nav .backdrop .modal:before{display:none}}header .system_nav .backdrop .modal .list li{font-size:13px;line-height:20px;border-bottom:1px solid #EDEFF5;color:#2C2D2E;padding:10px 0;display:flex;flex-wrap:wrap;justify-content:space-between;position:relative}header .system_nav .backdrop .modal .list li.new:after{content:"";display:block;width:13px;height:13px;border-radius:100%;background:#2F80ED;position:absolute;top:14px;right:0}@media all and (max-width:768px){header .system_nav .backdrop .modal .list li.new:after{right:auto;left:0}}header .system_nav .backdrop .modal .list li p{line-height:20px}header .system_nav .backdrop .modal .list li p:not(:last-child){margin-bottom:5px}header .system_nav .backdrop .modal .list li p.name{color:#8E94A7;width:calc(100% - 110px);font-weight:700}@media all and (max-width:768px){header .system_nav .backdrop .modal .list li p.name{order:2;width:100%}}header .system_nav .backdrop .modal .list li p.name b{color:#2C2D2E}header .system_nav .backdrop .modal .list li p.date{font-weight:700;font-size:13px;line-height:20px;color:#8E94A7;margin-right:30px}@media all and (max-width:768px){header .system_nav .backdrop .modal .list li p.date{order:1;width:100%;margin-left:0px;margin-right:0}}header .system_nav .backdrop .modal .list li p.action{width:100%;margin-top:10px}@media all and (max-width:768px){header .system_nav .backdrop .modal .list li p.action{order:3;text-align:center}}header .system_nav .backdrop .modal .list li p.type{margin-bottom:0;padding-right:20px}@media all and (max-width:768px){header .system_nav .backdrop .modal .list li p.type{padding-right:0;padding-left:20px}}header .system_nav .backdrop .modal .list li a{color:var(--blue);font-weight:600}header .system_nav .backdrop .modal .all{background:var(--blue);line-height:40px;text-align:center;display:block;margin:15px -20px 0 -46px;font-weight:600;font-size:13px;color:#fff}@media all and (max-width:768px){header .system_nav .backdrop .modal .all{margin:15px -17px 0 -17px}}header .system_nav .backdrop .modal .close{display:none}@media all and (max-width:768px){header .system_nav .backdrop .modal .close{margin:0 -17px 0 -17px;background:#fff;color:var(--blue);line-height:40px;text-align:center;display:block;font-weight:600;font-size:13px;width:calc(100% + 34px);padding:0}}header .lk{display:block;text-decoration:none;min-width:32px;width:32px;height:32px;background:url("/assets/images/icons/logout.svg") no-repeat center}@media all and (max-width:1420px){header a.logo img{width:180px;height:26px;object-fit:contain}header .header_menu{padding:0 16px;margin:0 16px}header .header_menu nav ul li:not(:last-child){margin-right:15px}header .header_menu nav ul li:last-child{margin-right:30px}}@media all and (max-width:1279px){header{font-size:15px;line-height:24px;height:86px}header a.logo img{width:130px;height:20px}header .header_menu{padding:0 16px 0 32px;margin:0 16px 0 32px;border-right:0}header .header_menu nav{height:23px;position:relative}header .header_menu nav .nav_toggle{display:block;height:23px;z-index:3;background-image:url("/assets/images/icons/icon-select.svg");background-repeat:no-repeat;background-position:100% 50%;font-size:15px;color:var(--blue);font-weight:700;padding-left:0;cursor:pointer;text-align:left;white-space:nowrap;text-overflow:ellipsis;max-width:285px;overflow:hidden}header .header_menu nav ul{display:block;position:absolute;background:#fff;padding:15px 20px;top:25px;left:-20px;width:320px}header .header_menu nav ul:not(.open){display:none}header .header_menu nav ul li:not(:last-child){margin-bottom:6px}header .header_menu nav ul li a{font-size:15px}header .header_menu a[href^="tel:"]{width:32px;height:32px;background:url("/assets/images/icons/icon-header-phone.svg") no-repeat center;text-indent:-9999px;overflow:hidden;margin-left:auto}}@media all and (max-width:768px){header{height:84px}header .container{padding-bottom:35px}header .header_menu{border-left:0;padding-left:0;margin-left:0;height:24px}header .header_menu nav{position:absolute;left:0;bottom:9px}header .header_menu a[href^="tel:"]{width:24px;height:24px;background-size:contain}header .lk{width:24px;height:24px;min-width:24px;background-size:contain}}/*# sourceMappingURL=./style.css.map */ |