/* Автор шаблона: Art Marks * { outline: 2px dotted red; } * * { outline: 2px dotted green; } * * * { outline: 2px dotted orange; } * * * * { outline: 2px dotted blue; } * * * * * { outline: 1px solid red; } * * * * * * { outline: 1px solid green; } * * * * * * * { outline: 1px solid orange; } * * * * * * * * { outline: 1px solid blue; } */ html, body { border: 0; margin: 0; padding: 0; } body { margin: 0; font-family: Arial; font-size: 12px; color: #a6a6a6; border-top: 5px solid #444; } /***** ClearFix *****/ .clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; visibility: hidden; } .clearfix:after { clear: both; } .clearfix { zoom: 1; } /***** Подключение шрифта PT Sans Narrow *****/ @font-face { font-family: 'PT Sans Narrow'; src: url('ptn57f_w.eot'); src: local('PT Sans Narrow'), url('PTN57F_W.woff') format('woff'),url('PTN57F_W.ttf') format('truetype'), url('PTN57F_W.svg#PTSans-Narrow') format('svg'); } /***** Заголовки *****/ h1, h2, h3, h4, h5, h6 { font-family: 'PT Sans Narrow'; font-weight: lighter; margin: 0; padding: 0; } h1 { font-size: 24px; color: #353535; } h2 { } h3 { font-size: 24px; color: #353535; } h4 { font-size: 18px; color: #353535; } /***** Форматирование контента *****/ p { padding: 0; margin: 0; } li { list-style: none; padding: 0; margin: 0; } ul, li { margin: 0px; padding: 0px; } img { border: 0; } a img { border: 0; } .categoryselect { border: 1px solid #000; } /***** Ссылки *****/ a { color: #25abe5; } a:hover { text-decoration: none; } /***** Формы ввода данных *****/ input, select, textarea { font-family: Arial; font-size: 12px; color: #a6a6a6; border: 1px solid #e0e0e0; padding: 5px; } input:focus, select:focus, textarea:focus { border: 1px solid #ffae00; } textarea { } label { cursor: pointer; } .i-vak-textarea { width: 658px; min-height: 80px; max-height: 150px; resize: vertical; } .i-vak-input { width: 658px; } .i-textarea { width: 313px; min-height: 80px; max-height: 150px; resize: vertical; } .i-input { width: 668px; } .i-button { border: 0px; font-size: 14px; font-family: PT Sans Narrow; color: #fff; padding: 3px 5px 5px 5px; background: #ffae00; cursor: pointer; } .i-button:focus { border: 0px; background: #444; } .i-edit-textarea { width: 668px; min-height: 80px; max-height: 150px; resize: vertical; } .tips { color: #565656; } /***** Поисковая линия *****/ .isearch { width: 579px; } .bsearch { border: 0px; font-size: 14px; font-family: PT Sans Narrow; color: #fff; padding-top: 3px; background: #ffae00; } .bsearch:focus { border: 0px; background: #444; } .checksearch { padding: 0; margin: 0; margin-top: 5px; vertical-align: -2px; } /***** Стили шрифтов *****/ .mtop5 { margin-top: 5px; } .mtop10 { margin-top: 10px; } .mtop20 { margin-top: 20px; } .mtop30 { margin-top: 30px; } .mtop40 { margin-top: 40px; } .mtop50 { margin-top: 50px; } .mnew{color:#353535;font-size:24px;margin-bottom: 30px;} .mbot5 { margin-bottom: 5px; } .mbot10 { margin-bottom: 10px; } .mbot20 { margin-bottom: 20px; } .mbot30 { margin-bottom: 30px; } .mbot40 { margin-bottom: 40px; } .mbot50 { margin-bottom: 50px; } .paragraph10 { text-indent: 10px; } .c-gray { color: #a6a6a6; } /***** Верхнее меню *****/ #topmenu { max-width: 1170px;width: 100%; margin: 0 auto; height: 25px; font-family: PT Sans Narrow; } #topmenu a { float: right; display: block; height: 25px; font-size: 16px; color: #fff; text-decoration: none; margin-left: 3px; padding: 0 15px; border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -khtml-border-radius: 0 0 5px 5px; } #topmenu .back-1 { background: #25abe5; } #topmenu .back-2 { background: #eb2466; } #topmenu .back-3 { background: #ffae00; } #topmenu .back-4 { background: #6d6d6d; } #topmenu .back-1:hover, #topmenu .back-2:hover, #topmenu .back-3:hover, #topmenu .back-4:hover { background: #444; } /***** Верхняя часть *****/ #headline { max-width: 1170px; width: 100%;height: 60px; margin: 0 auto; margin-top: 30px; } #headline .logo { float: left; width: 310px; height: 60px; } #headline .search { float: right; width: 670px; padding: 10px; background: #f5f5f7; border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; } #headline .search label { float: left; line-height: 10px; margin-right: 20px; } /***** Верхний баннер *****/ #headbanner { max-width: 1170px;width: 100%; padding: 30px 0px 20px; text-align: center; margin: 0 auto; } #headbanner .desc { color: #fff; left: 544px; top: 115px; width: 420px; position: absolute; } #headbanner .desc .title { font-size: 28px; font-family: PT Sans Narrow; } #headbanner .desc .txt { margin-top: 10px; font-size: 14px; } /***** Главная страница *****/ #mainbl { float: left; width: 1000px; } #mainbl a { font-weight: bold; text-decoration: none; } #mainbl a:hover { text-decoration: underline; } #mainbl .column-1 { float: left; width: 350px; margin-right: 30px; } #mainbl .column-2 { float: left; width: 290px; margin-right: 30px; } #mainbl .column-3 { float: left; width: 300px; } /***** Разметка *****/ #wrap{ max-width: 1170px; position: relative; display: flex; width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; flex: 1; } #wleft{ padding-right: 15px; padding-left: 15px; width: 60%; order: 2; } #wright { width: 25%; order: 3; } #sidebar { width: 15%; order: 1; } /***** Категории. Вывод в категориях и компаниях *****/ #bl-categ { width: 300px; min-height: 40px; padding-bottom: 10px; border-bottom: 1px solid #f5f5f7; overflow: hidden; } #bl-categ .title { width: 300px; height: 25px; overflow: hidden; } #bl-categ .title .company { float: left; width: 210px; } #bl-categ .title .company a { font-family: PT Sans Narrow; color: #353535; font-size: 18px; font-weight: lighter; text-decoration: none; } #bl-categ .title .company a:hover { text-decoration: underline; } #bl-categ .detal { width: 300px; height: 14px; } #bl-categ .detal .cat { float: left; width: 280px; padding-left: 20px; margin-right: 20px; background: url("../images/i-position.png") no-repeat; font-size: 11px; } #bl-categ .detal .cat a { color: #ffae00; text-decoration: none; } #bl-categ .detal .cat a:hover { text-decoration: underline; } /***** Главная. Последние отзывы *****/ #new-review { width: 350px; padding-bottom: 20px; overflow: hidden; } #new-review .title a { font-family: PT Sans Narrow; color: #353535; font-size: 18px; font-weight: lighter; } #new-review .detal { width: 350px; height: 14px; } #new-review .detal .cat { float: left; font-size: 11px; } #new-review .review-good { float: left; width: 350px; margin-top: 21px; color: #565656; } #new-review .review-good .i-good { float: left; width: 15px; height: 15px; background: url("../images/i-good.png") no-repeat; overflow: hidden; } #new-review .review-good .good { float: right; width: 325px; height: 45px; overflow: hidden; } #new-review .review-bad { float: left; width: 350px; margin-top: 30px; color: #565656; } #new-review .review-bad .i-bad { float: left; width: 15px; height: 15px; background: url("../images/i-bad.png") no-repeat; overflow: hidden; } #new-review .review-bad .bad { float: right; width: 325px; height: 45px; overflow: hidden; } #new-review .detal-review { float: left; width: 350px; margin-top: 20px; text-align: right; } #new-review .detal-review .about { width: 350px; float: right; } #new-review .detal-review .town { width: 350px; float: right; font-size: 11px; margin-top: 2px; } /***** Главная. Свежие зарплаты *****/ #new-salary { width: 290px; height: 40px; padding-bottom: 10px; border-bottom: 1px solid #f5f5f7; overflow: hidden; } #new-salary .title { width: 290px; height: 25px; overflow: hidden; } #new-salary .title .company { float: left; width: 210px; } #new-salary .title .company a { font-family: PT Sans Narrow; color: #353535; font-size: 18px; font-weight: lighter; } #new-salary .title .salary { width: 80px; float: right; text-align: right; font-family: PT Sans Narrow; color: #a6a6a6; font-size: 18px; font-weight: lighter; } #new-salary .detal { width: 290px; height: 14px; } #new-salary .detal .position { float: left; width: 120px; padding-left: 20px; margin-right: 20px; background: url("../images/i-position.png") no-repeat; font-size: 11px; color: #ffae00; font-weight: bold; } #new-salary .detal .town { float: right; font-size: 11px; } /***** Главная. Лучшие работодатели *****/ #best-employer { width: 300px; height: 40px; padding-bottom: 10px; border-bottom: 1px solid #f5f5f7; overflow: hidden; } #best-employer .title { height: 25px; width: 250px; overflow: hidden; } #best-employer .title a { font-family: PT Sans Narrow; color: #25abe5; font-size: 18px; font-weight: lighter; text-decoration: none; } #best-employer .title a:hover { text-decoration: underline; } #best-employer .detal { width: 300px; height: 14px; } #best-employer .detal .rating { float: left; width: 30px; padding-left: 20px; margin-right: 20px; background: url("../images/i-rating.png") no-repeat; font-size: 11px; color: #ffae00; font-weight: bold; } #best-employer .detal .comment { float: left; padding-left: 20px; margin-right: 20px; background: url("../images/i-comment.png") no-repeat; font-size: 11px; } #best-employer .detal .cat { float: right; font-size: 11px; } #best-employer .detal .cat a { font-weight: lighter; color: #a6a6a6; } /***** Главная. Зарплаты по категориям *****/ #new-salary-cat { width: 350px; height: 33px; margin-bottom: 5px; padding-bottom: 6px; border-bottom: 1px solid #f5f5f7; overflow: hidden; } #new-salary-cat .title { float: left; width: 250px; } #new-salary-cat .title a { color: #10a5eb; font-size: 12px; } #new-salary-cat .detal { float: left; width: 250px; height: 14px; } #new-salary-cat .detal .position { padding-left: 20px; background: url("../images/i-position.png") no-repeat; font-size: 11px; color: #ffae00; font-weight: bold; } #new-salary-cat .salary { float: right; width: 100px; margin-top: 5px; text-align: right; font-family: PT Sans Narrow; color: #a6a6a6; font-size: 16px; font-weight: lighter; } /***** Главная. Новые вакансии *****/ #new-vacancy-bl { width: 260px; padding: 20px; background: #f5f5f7; border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; } #new-vacancy { width: 260px; margin-bottom: 9px; padding-bottom: 10px; border-bottom: 1px solid #e6e6ed; overflow: hidden; } #new-vacancy:last-child { border-bottom: none; margin-bottom: 0px; } #new-vacancy .title { float: left; width: 260px; } #new-vacancy .title a { color: #10a5eb; font-size: 14px; } #new-vacancy .salary { color: #353535; font-weight: bold; } #new-vacancy .company { width: 260px; margin-top: 3px; color: #a6a6a6; } #new-vacancy .town { width: 260px; margin-bottom: 3px; font-size: 11px; color: #a6a6a6; } /***** Главная. Пресс-Релизы *****/ #new-pr { width: 290px; margin-bottom: 9px; padding-bottom: 8px; border-bottom: 1px solid #f5f5f7; overflow: hidden; } #new-pr:last-child { margin-bottom: 0px; } #new-pr .title { float: left; width: 290px; } #new-pr .title a { color: #10a5eb; font-size: 12px; } #new-pr .txt { width: 290px; margin-top: 5px; color: #565656; } #new-pr .detal { float: left; width: 290px; height: 14px; } #new-pr .detal .next { text-align: right; font-size: 11px; color: #ffae00; font-weight: bold; } /***** Лучшие компании *****/ #best-company { max-width: 1170px;width: 100%; margin: 0 auto; margin-top: 50px; } #best-company .line { max-width: 1170px;width: 100%; margin: 0 auto; padding-top: 40px; border-top: 2px dotted #efefef; } #best-company .company { float: left; width: 80px; height: 80px; border: 1px solid #e5e5e5; margin: 10px; overflow: hidden; } #best-company .company img { width: 80px; } /***** Описание компании *****/ #full-strory .column-1 { float: left; width: 670px; color: #565656; line-height: 18px; } #full-strory .column-1 ul{margin: 10px 0px;padding-left: 40px;} #full-strory .column-1 ul li{list-style: inherit;} #full-strory .column-2 { float: left; width: 670px; margin-bottom: 20px; } #full-strory .column-2 .img { float: left; width: 100px; height: 100px; border: 1px solid #e0e0e0; overflow: hidden; margin-right: 20px; } #full-strory .column-2 .img img { width: 100%; } #full-strory .column-2 .other { float: left; width: 150px; color: #565656; } #full-strory .column-2 .other.one { width: 300px; margin-right: 20px; } #full-strory .column-2 .other a { color: #ffae00; font-weight: bold; text-decoration: underline; } #full-strory .column-2 .other a:hover { text-decoration: none; } #full-strory .column-2 .other .cat a { color: #25abe5; font-weight: lighter; text-decoration: underline; } #full-strory .column-2 .other .cat a:hover { text-decoration: none; } #full-strory .column-2 .other .detal { width: 150px; overflow: hidden; } #full-strory .column-2 .other .detal .rating { float: left; width: 50px; height: 16px; padding-left: 25px; line-height: 14px; background: url("../images/i-rating-big.png") no-repeat; font-size: 18px; color: #ffae00; font-weight: bold; } #full-strory .column-2 .other .detal .review { float: left; width: 50px; height: 16px; padding-left: 25px; line-height: 14px; background: url("../images/i-comment-big.png") no-repeat; font-size: 18px; color: #ffae00; font-weight: bold; } #full-strory .column-3 { float: left; width: 670px; } #full-strory .column-3 .item_rat { display: inline-block; width: 168px; border: 1px solid #e0e0e0; padding: 10px 25px; vertical-align: top; margin-bottom: 10px; } #full-strory .column-3 .item_rat .title { color: #10a5eb; font-weight: bold; text-align: center; } #full-strory .column-3 .item_rat .vote-success { text-align: center; padding-top: 5px; } #full-strory .column-4 { float: left; width: 670px; color: #565656; line-height: 18px; } #full-strory .column-4 img { max-width: 300px; margin: 0 0 20px 20px; } #full-strory .column-4 .detal { width: 670px; height: 14px; padding-bottom: 10px; border-bottom: 1px solid #f5f5f7; } #full-strory .column-4 .detal .comment { float: left; padding-left: 20px; margin-right: 20px; background: url("../images/i-comment.png") no-repeat; font-size: 11px; } #full-strory .column-4 .detal .rating { float: right; margin-right: 10px; font-size: 11px; } #full-strory .column-4 .detal .date { float: right; font-size: 11px; } #full-strory .column_left { float: left; width: calc(50% - 10px); margin-bottom: 20px; } #full-strory .column_right { float: right; width: calc(50% - 10px); margin-bottom: 20px; } #full-strory .column_right .banner { position: relative; } #full-strory .column_right .banner div { } /***** Кратко о компании *****/ #short-story { width: 670px; height: 40px; padding: 5px 0 15px 0; border-bottom: 1px solid #f5f5f7; overflow: hidden; } #short-story .img { width: 40px; height: 40px; float: left; margin: 4px 10px 0 0; border: 1px solid #f5f5f7; overflow: hidden; } #short-story .img img { width: 40px; } #short-story .title { height: 25px; width: 618px; overflow: hidden; } #short-story .title a { font-family: PT Sans Narrow; color: #25abe5; font-size: 18px; font-weight: lighter; text-decoration: none; } #short-story .title a:hover { text-decoration: underline; } #short-story .detal { width: 670px; height: 14px; } #short-story .detal .rating { float: left; width: 30px; padding-left: 20px; margin-right: 20px; background: url("../images/i-rating.png") no-repeat; font-size: 11px; color: #ffae00; font-weight: bold; } #short-story .detal .comment { float: left; padding-left: 20px; margin-right: 20px; background: url("../images/i-comment.png") no-repeat; font-size: 11px; } #short-story .detal .cat { float: right; font-size: 11px; } #short-story .detal .cat a { font-weight: lighter; color: #a6a6a6; } #short-story .detal .txt { float: left; width: 610px; } /***** Кратко о компании *****/ #rel-story { width: 670px; height: 55px; padding: 5px 0 15px 0; border-bottom: 1px solid #f5f5f7; overflow: hidden; } #rel-story .img { width: 40px; height: 40px; float: left; margin: 4px 10px 0 0; border: 1px solid #f5f5f7; overflow: hidden; } #rel-story .img img { width: 40px; } #rel-story .title { height: 25px; width: 618px; overflow: hidden; } #rel-story .title a { font-family: PT Sans Narrow; color: #25abe5; font-size: 18px; font-weight: lighter; text-decoration: none; } #rel-story .title a:hover { text-decoration: underline; } #rel-story .title_rev { font-family: PT Sans Narrow; color: #25abe5; font-size: 18px; font-weight: lighter; text-decoration: none; } #rel-story .detal { width: 670px; } #rel-story .detal .txt { float: left; width: 610px; } /***** Кратко о пресс-релизе *****/ #short-story-pr { width: 670px; padding-bottom: 10px; border-bottom: 1px solid #f5f5f7; overflow: hidden; } #short-story-pr .title { height: 25px; width: 670px; overflow: hidden; } #short-story-pr .title a { font-family: PT Sans Narrow; color: #25abe5; font-size: 18px; font-weight: lighter; text-decoration: none; } #short-story-pr .title a:hover { text-decoration: underline; } #short-story-pr .txt { width: 670px; height: 56px; } #short-story-pr .detals { width: 670px; height: 14px; } #short-story-pr .detals .comment { float: left; padding-left: 20px; margin-right: 20px; background: url("../images/i-comment.png") no-repeat; font-size: 11px; } #short-story-pr .detals .date { float: right; font-size: 11px; } /***** Зарплаты. Описание компании *****/ #salary-full-strory { width: 670px; margin-bottom: 50px; overflow: hidden; } #salary-full-strory .column-1 { float: left; width: 498px; margin-right: 20px; color: #565656; line-height: 18px; } #salary-full-strory .column-2 { float: left; width: 150px; } #salary-full-strory .column-2 .img { width: 150px; height: 150px; border: 1px solid #e0e0e0; overflow: hidden; } #salary-full-strory .column-2 .img img { width: 148px; } #salary-full-strory .column-2 .other { width: 150px; color: #565656; } #salary-full-strory .column-2 .other a { color: #ffae00; font-weight: bold; text-decoration: underline; } #salary-full-strory .column-2 .other a:hover { text-decoration: none; } #salary-full-strory .column-2 .other .cat a { color: #25abe5; font-weight: lighter; text-decoration: underline; } #salary-full-strory .column-2 .other .cat a:hover { text-decoration: none; } #salary-full-strory .column-2 .other .detal { width: 150px; overflow: hidden; } #salary-full-strory .column-2 .other .detal .rating { float: left; width: 50px; height: 16px; padding-left: 25px; line-height: 14px; background: url("../images/i-rating-big.png") no-repeat; font-size: 18px; color: #ffae00; font-weight: bold; } #salary-full-strory .column-2 .other .detal .review { float: left; width: 50px; height: 16px; padding-left: 25px; line-height: 14px; background: url("../images/i-comment-big.png") no-repeat; font-size: 18px; color: #ffae00; font-weight: bold; } #new-salary-full { width: 670px; height: 40px; margin-top: 4px; padding-bottom: 10px; border-bottom: 1px solid #f5f5f7; overflow: hidden; } #new-salary-full .title { font-family: PT Sans Narrow; color: #353535; font-size: 18px; font-weight: lighter; } #new-salary-full .title span { font-family: PT Sans Narrow; color: #a6a6a6; font-size: 18px; font-weight: lighter; } #new-salary-full .title .high { width: 120px; text-align: right; float: right; } #new-salary-full .title .middle { width: 120px; text-align: right; color: #25abe5; float: right; } #new-salary-full .title .low { width: 120px; text-align: right; float: right; } #new-salary-full .detal { width: 670px; height: 14px; font-size: 11px; } #new-salary-full .detal .company { float: left; width: 300px; overflow: hidden; height: 14px; } #new-salary-full .detal .high, #new-salary-full .detal .middle, #new-salary-full .detal .low { width: 120px; text-align: right; float: right; } /***** Добавление комментария *****/ #addcomment { margin-top: 30px; } #addcomment .column-1 { float: left; width: 325px; } #addcomment .column-2 { float: right; width: 325px; } #addcomment .column-2 .title { color: #10a5eb; font-weight: bold; } /***** Отзывы *****/ #comment { float: left; width: 670px; margin-bottom: 30px; padding-bottom: 35px; border-bottom: 2px dotted #efefef; } #comment .title { font-family: PT Sans Narrow; color: #353535; font-size: 18px; font-weight: lighter; } #comment .position { float: left; width: 350px; height: 14px; font-size: 11px; } #comment .progressbar { float: left; width: 670px; } #comment .review-good { float: left; width: 670px; margin-top: 20px; color: #565656; } #comment .review-good .i-good { float: left; width: 15px; height: 15px; background: url("../images/i-good.png") no-repeat; overflow: hidden; } #comment .review-good .good { float: right; width: 645px; overflow: hidden; } #comment .review-bad { float: left; width: 670px; margin-top: 30px; color: #565656; } #comment .review-bad .i-bad { float: left; width: 15px; height: 15px; background: url("../images/i-bad.png") no-repeat; overflow: hidden; } #comment .review-bad .bad { float: right; width: 645px; overflow: hidden; } #comment .review-tip { float: left; width: 670px; margin-top: 30px; color: #565656; } #comment .review-tip .i-tip { float: left; width: 15px; height: 15px; background: url("../images/i-tip.png") no-repeat; overflow: hidden; } #comment .review-tip .tip { float: right; width: 645px; overflow: hidden; } #comment .detal-review { float: left; width: 670px; margin-top: 20px; text-align: right; } #comment .detal-review .date-review { width: 120px; float: left; text-align: left; } #comment .detal-review .date-review .date { margin-top: 2px;font-weight: bold; font-size: 11px; } #comment .detal-review .about { width: 330px; float: right; } #comment .detal-review .town { width: 530px; float: right; font-size: 11px; margin-top: 2px; } /***** Нижняя часть *****/ #footerline { width: 100%; margin: 0 auto; margin-top: 50px; background: #f5f5f7; padding: 50px 0; border-top: 1px solid #e0e0e0; overflow: hidden; } #footerline .footer { width: 1000px; margin: 0 auto; } #footerline .footer .left { width: 300px; float: left; margin: 0 auto; } #footerline .footer .right { width: 700px; float: right; margin: 0 auto; } #footerline .copyright { font-size: 18px; } #footerline .copyright a { text-decoration: none; } #footerline .copyright a:hover { text-decoration: underline; } #footerline .point a { color: #a6a6a6; text-decoration: none; } #footerline .point a:hover { text-decoration: underline; } /***** Навигация по страницам *****/ .navigation { margin-top: 40px; } .navigation, .navigation a, .navigation span, .bnnavi, .nextprev, .nextprev .thide { text-align: center; } .navigation a, .navigation span { padding: 5px 10px; border: none; border: 1px solid #e0e0e0; text-decoration: none; } .navigation a, .navigation span.nav_ext { color: #717171; } .navigation a:hover { background-color: #ffae00; border: 1px solid #ffae00; color: #fff; } .navigation span { background: #25abe5; border: 1px solid #25abe5; color: #fff; } .navigation span > span { padding: 0; border: 0; } .hreview.comm_hide .title, .hreview.comm_hide .position, .hreview.comm_hide .review-good .good, .hreview.comm_hide .review-bad .bad, .hreview.comm_hide .review-tip .tip, .hreview.comm_hide .detal-review .date-review .date, .hreview.comm_hide .detal-review .about { text-shadow: 0 0 5px rgba(0, 0, 0, 0.5) !important; color: transparent !important; -ms-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; } .hreview.comm_hide .progressbar { display: none; } /*.stuck_banner { position: fixed; bottom: 20px; left: 20px; z-index: 10; text-align: right; }*/ .stuck_banner.close { display: none; } .stuck_banner_center .close_stuck_banner_center, .stuck_banner .close_stuck_banner { cursor: pointer; width: 40px; height: 40px; background: #000; color: #fff; line-height: 40px; font-size: 24px; text-align: center; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; border-radius: 50%; } .stuck_banner_center { position: fixed; bottom: 20px; width: 50%; left: 25%; z-index: 10; background: #fff; z-index: 10000; text-align: right; } .stuck_banner_center.close { display: none; }