html{height:100%;font-size:24px} body{padding:0;margin:0;z-index:1;width:100%;background:#eeeeeeee;} ul, ol, dl {list-style:none;margin:0;padding:0;} em{font-style:normal;} img{border:none;} a {outline:0;text-decoration:none!important} label{margin: 0;} .crb{очистить: оба;} .header{padding: . 25rem;} .logo{float:слева;} .изображение логотипа{максимальная высота: 80 пикселей; максимальная ширина: 280 пикселей;} .center_container{поле:.5rem 0;отступ: 0 .25rem; фон: #fff; радиус границы: .25rem;} /* -------------- стиль баннера -------------- */ . баннер{ширина: 100%;} .ввод баннера {отображение: отсутствует;} .banner .bigPic{ширина: 100%; высота: 25rem;} .banner .bigPic div{ширина: 100%; фон: #fff; выравнивание текста: по центру; переход: все линейные 500 мс;-o-переход: все линейные 500 мс;-moz-переход: все линейные 500 мс; -webkit-переход: все линейные 500 мс; высота: 25rem; отображение: нет;} .banner .bigPic div img{высота: 100 %;максимальная ширина: 100%;} .banner .sliderPic{ширина: 100%; цвет фона: #363636; высота: 3,7rem; режим переполнения: автоматический;} .banner .sliderPic label {отступ:.5rem;плавающий: слева; курсор: указатель;} .banner .sliderPic label img{максимальная ширина: 5rem; высота: 2,5rem; непрозрачность:.8; } #tongtool-img-rdi-1: проверено ~ .bigPic #tongtool-img-1 {дисплей:блок;} #tongtool-img-rdi-1: проверено ~ .sliderPic #tongtool-img-slider-1 img{граница: сплошная 2 пикселя #f00;непрозрачность: 1;} #tongtool-img-rdi-2: проверено ~ .bigPic #tongtool-img-2{отображение: блок;} #tongtool-img-rdi-2: проверено ~ .sliderPic #tongtool-img-slider-2 img{граница: сплошная 2 пикселя #f00; непрозрачность: 1;} #tongtool-img-rdi-3: проверено ~ .bigPic #tongtool-img-3{отображение: блок;} #tongtool-img-rdi-3: проверено ~ .sliderPic #tongtool-img-slider-3 img{граница: сплошная 2 пикселя #f00; непрозрачность: 1;} #tongtool-img-rdi-4: проверено ~ .bigPic #tongtool-img-4{отображение: блок;} #tongtool-img-rdi-4: проверено ~ .sliderPic #tongtool-img-slider-4 img{граница: сплошная 2 пикселя #f00; непрозрачность: 1;} #tongtool-img-rdi-5: проверено ~ .bigPic #tongtool-img-5{отображение: блок;} #tongtool-img-rdi-5: проверено ~ .sliderPic #tongtool-img-slider-5 img{граница: сплошная 2 пикселя #f00; непрозрачность: 1;} #tongtool-img-rdi-6: проверено ~ .bigPic #tongtool-img-6{отображение: блок;} #tongtool-img-rdi-6: проверено ~ .sliderPic #tongtool-img-slider-6 img{граница: сплошная 2 пикселя #f00; непрозрачность: 1;} #tongtool-img-rdi-7: проверено ~ .bigPic #tongtool-img-7{отображение: блок;} #tongtool-img-rdi-7: проверено ~ .sliderPic #tongtool-img-slider-7 img{граница: сплошная 2 пикселя #f00; непрозрачность: 1;} #tongtool-img-rdi-8: проверено ~ .bigPic #tongtool-img-8{отображение: блок;} #tongtool-img-rdi-8: проверено ~ .sliderPic #tongtool-img-slider-8 img{граница: сплошная 2 пикселя #f00; непрозрачность: 1;} #tongtool-img-rdi-9: проверено ~ .bigPic #tongtool-img-9{отображение: блок;} #tongtool-img-rdi-9: проверено ~ .sliderPic #tongtool-img-slider-9 img{граница: сплошная 2px #f00; непрозрачность: 1;} .flatBigPic{поле: 0 автоматически; ширина: 100%; выравнивание текста: по центру; отображение: отсутствует;} /* -------------- стиль описания -------------- */ . поле{отступ: 0;верхнее поле:.5rem;} .строка заголовка{фон: #0063d1; цвет: #fff;высота: 1.5rem;высота строки: 1.5rem;отступ: 0.6rem; размер шрифта:.7rem} .содержимое{отступ:.25rem; размер шрифта: 0.6rem; очистить: оба;} /* -------------- контекстный СТИЛЬ -------------- */ . tab_container{ширина:100%;} .tab_container input{отображение: отсутствует;} .tab_container .tab{ширина:100%; высота: 1.44rem; нижняя граница: сплошная 2px #0063d1;} .tab_container .tab ul .tab_container .tab ul li label{отображение: блок;отступ: 0-1rem; курсор: указатель;} .tab_container .tab_content{ширина: 100%;} .tab_container .tab_content div{ширина: 100%; отступ: .25rem; размер шрифта: 0.6rem;отображение:отсутствует;} .уровень вкладок{} .tabs-уровень ul{ ширина: 100%; высота: 32px; плавающий: слева; граница-низ: сплошной 1px #ff6600;} .tabs-level ul li{ float:слева;height: 32px; line-height: 32px; padding: 0 20px; background:#333; border-radius: 5px 5px 0 0; margin-right: 4px; курсор: указатель; } .tabs-уровень ul li.tab-текущий,.tabs-уровень ul li.tab-текущий: наведите курсор {фон: #ff6600; цвет: #fff; } .вкладки-уровень ul li:наведите курсор { фон: #444;} .tabs-level .content{ размер поля: border-box; минимальная высота: 186 пикселей; } .tabs-вертикальный{} .вкладки-вертикальные ul{ ширина: 160px; плавающий элемент: слева; } .tabs-vertical ul li{ float:слева; ширина: 130px; высота: 34px; высота строки: 34px; отступ: 015px; фон: #ddd; граница-радиус: 5px 0 0 5px; поле-низ: 4px; курсор: указатель; } .tabs-вертикальный ul li.tab-текущий,.tabs-вертикальный ul li.tab-текущий при наведении курсора {фон: #222; цвет: #fff; } .вкладки-вертикальные ul li:наведите курсор{ фон: #e2e2e2;} .tabs-vertical .content{ поле слева: 160 пикселей; граница слева: сплошная 2px #222; граница сверху: сплошная 1px #e2e2e2; размер рамки: border-box; очистить: унаследовать; отступ: 10px 25px; минимальная высота: 186px; } .tab-time{выравнивание текста: по центру; семейство шрифтов: 宋体; размер шрифта: 15 пикселей; высота строки: 22 пикселя; цвет границы: #85b716;} .tab-time td{цвет границы: #85b716;} .tab1{отображение: отсутствует;} /* -------------- стиль нижнего колонтитула -------------- */ . нижний колонтитул{отступ:.8rem 0 1rem 0;верхняя граница:сплошная 2px #ff6600;} .footer .copyright{выравнивание текста: по центру; размер шрифта:.8em;} /* -------------- исправьте мобильный СТИЛЬ -------------- */ @ экран мультимедиа и (максимальная ширина: 960 пикселей){ html{размер шрифта: 12 пикселей} .контейнер{заполнение: 0} .заголовок{отображение: нет;} .nav{отображение: нет;} .nav .row div{заполнение:0 ; граница: 0} .nav .row div.col-xs-2{ширина: 33.33333%} .titlebar{размер шрифта: 1rem;} .content{размер шрифта: 1rem;} .tab,.tab_content{отображение: нет} . tab1{дисплей: блок} } Описание продукта