1 x Руководство пользователя {поле: 0; отступ: 0; } основной текст { фон: #fff; цвет: #555; размер шрифта: 12 пикселей; семейство шрифтов: Verdana, Arial, Helvetica, без засечек; } td,th,подпись { размер шрифта: 12 пикселей; } h1, h2, h3, h4, h5, h6 { вес шрифта: обычный; размер шрифта: 100%; } адрес, подпись, cite, код, dfn, em, strong, th, var { стиль шрифта: обычный; вес шрифта: обычный;} a { цвет: #555; оформление текста: отсутствует; } a: наведите курсор {оформление текста: подчеркивание; } img { граница: отсутствует; } ol, ul, li { стиль списка: отсутствует; } ввод, текстовое поле, выбор, кнопка { шрифт: 14 пикселей Verdana, Helvetica, Arial, без засечек; } таблица { граница-свернуть: свернуть; } html { } /* css common */ .clearfix:после {содержимое: "."; отображение: блок; высота: 0; очистить: оба; видимость: скрытая;} .clearfix { *масштабирование: 1; } .fl{float:слева;} .fr{float: справа;} / .контейнер{ширина: 1362px;} без повтора;} .top_nav{заполнение-сверху: 15px;} .top_nav li{float:слева;} .top_nav li a{float:слева;margin-справа: 10 пикселей; дисплей: встроенный блок; цвет фона: #929292; color: #fff; ширина: 175 пикселей; высота: 38 пикселей; высота строки: 38 пикселей; выравнивание текста: по центру; размер шрифта: 12 пикселей; } без повторов; вверху: 5 пикселей; слева: без повторов; вверху: 3 пикселя; слева: -8 пикселей; } /* баннер*/ .баннер{ширина: 100%;} .баннер a{отображение: встроенный блок; ширина: 49%;} .изображение баннера{ширина: 1354 пикселей; высота: 400 пикселей; отображение: встроенный блок;} /*bigpic*/ .bigpic{отступ: 20 пикселей на 0;} .bigpic_descri p{ширина: 97%; цвет: #000; высота строки: 200%;} .bigpic_descri span{высота строки: 150%!важно;} .bigpic_descri strong{вес шрифта: жирный!важно;} .bigpic_descri{ширина: 50%;} .bigpic_descri h2{цвет: #f29e07; размер шрифта: 25 пикселей; нижнее поле: 20 пикселей;} .bigpic_descri h2 span{высота строки: 120%;} #Опубликовать описание{цвет: #000; высота строки: 18 пикселей;} #Опубликовать описание img { граница: 0 отсутствует; высота: авто; максимальная ширина: 100%; } /*轮播图*/ .ползунок{ ширина: 662px; положение: относительное; float: слева; padding-вверху: 672px; } . slider> img{ позиция: абсолютная; слева: 0; вверху: 0; /* переход: всего 0,5 с;*/ } .ввод ползунка[name='slide_switch'] { отображение: отсутствует; } .метка ползунка { float: слева; курсор: указатель; /* переход: всего 0,5 секунды; * / /* Стиль по умолчанию = низкая непрозрачность*/ непрозрачность: 1; } . изображение метки слайдера { отображение: блок; ширина: 158px; высота: 158px; правое поле: 7px; нижнее поле: 10px; граница: 1px сплошная #b5b5b5; } . ввод слайдера [name='slide_switch']: проверено + метка { непрозрачность: 1; } .ввод слайдера[name='slide_switch'] ~ img { непрозрачность: 0; /* преобразование: масштабирование (1.1);*/ ширина: 660 пикселей; высота: 660 пикселей; граница: сплошная 1px #b5b5b5; } . ввод слайдера[name='slide_switch']: отмечен + метка + изображение { непрозрачность: 1; преобразование: масштабирование (1); } /*item这块*/ .index_item{позиция: относительная;} .index_more a{отображение: встроенный блок; позиция: абсолютная; справа: 0; вверху: 5 пикселей; цвет: #929292; размер шрифта: 20 пикселей;} .index_item h2{ширина: 100%; высота: 40 пикселей; высота строки: 40 пикселей; цвет: #929292; размер шрифта: 20 пикселей;} .index_item_list{отступ: 20 пикселей 0;} .index_item_list li a{отображение: встроенный блок; с плавающей точкой: слева; ширина: 15%; правое поле: 27 пикселей;} .index_item_list li a:наведите курсор {оформление текста: отсутствует; цвет фона: #fcfcfc;} .index_item_list li a: изображение при наведении курсора {непрозрачность: 0.8;} .index_item_list li: последний дочерний элемент a{правое поле: 0;} .index_item_list li a img{отображение: встроенный блок; ширина: 200 пикселей; высота: 200 пикселей;} .index_item_list p{ширина: 100%; отступ: 10 пикселей на 0; высота строки: 20 пикселей; максимальная высота: 60 пикселей; переполнение: скрыто; выравнивание текста: по левому краю; размер шрифта: 12 пикселей; перенос слов: разрыв слова;-webkit-перенос слов: разрыв слова;} .ширина списка index_item_list: 1000 пикселей; поле: 0 автоматически; заполнение внизу: 40 пикселей;} .информационная панель {положение: относительное; минимальная высота: 600 пикселей;} .информационная панель li{ background:#2a2a2a;height:32px; line-height:32px; color:#fcfcfc; float:left; text-align:center;} .infobarbody { color:#222222; position:absolute; width: 1000px; left:0px; top: 40px; display: none; line-height: 120%; } .информационная панель li.first_con .infobarbody { отображать: блок;} .информационная панель li.con2:наведите указатель мыши .infobarbody {отображать: блокировать;} .информационная панель li.con2: наведите курсор .con1{отображение: отсутствует! важно;} .infobarbody p{ нижнее поле: 8 пикселей;} .edesc { ширина: 100%; } .infobarbody { ширина: 97%; отступ: 20 пикселей; высота: 600 пикселей; верх: 40 пикселей; размер шрифта: 14 пикселей; цвет фона: #fff; выравнивание текста: по левому краю; } .внизу-информационное описание { ширина: 100%; } .ehot-теги { поле: 0 50 пикселей; } .информационная панель {ширина: 100%;} .информационная панель .информационная панель li:наведите курсор{цвет фона: #f29e07;} p{ширина: 100%; выравнивание текста: по центру; цвет: #fff; размер шрифта: 12 пикселей; высота строки: 40 пикселей;} .footer_m p a{цвет:#fff; размер шрифта: 12 пикселей;} li a{правое поле: 18 пикселей;} .index_item_list - изображение{ширина: 180px; высота: 180px;} /*bigpic*/ .bigpic_descri{ширина:33%;} .bigpic_descri h2{цвет: #d1c0a6; размер шрифта: 25 пикселей;} .bigpic_descri .con{минимальная высота: 350 пикселей;} .infobarbody {ширина: 96%;} } *{поле:0;отступ: 0; семейство шрифтов: arial, "microsoft yahei";} html{размер шрифта: 10 пикселей;} li{стиль списка: отсутствует;} li{тип стиля списка: отсутствует;} /**/ @экран мультимедиа и (минимальная ширина: 320 пикселей) {html{размер шрифта: 50 пикселей;}} @экран мультимедиа и (минимальная ширина: 360 пикселей) {html{размер шрифта: 56.25 пикселей;}} @экран мультимедиа и (минимальная ширина: 375px) {html{размер шрифта: 58.59375px;}} @медиаэкран и (минимальная ширина: 400 пикселей) {html{размер шрифта: 62,5 пикселя;}} @экран мультимедиа и (минимальная ширина: 414 пикселей) {html{размер шрифта: 64.6875 пикселей;}} @экран мультимедиа и (минимальная ширина: 440 пикселей) {html{размер шрифта: 68.75 пикселей;}} @экран мультимедиа и (минимальная ширина: 480 пикселей) {html{размер шрифта: 75 пикселей;}} @экран мультимедиа и (минимальная ширина: 520 пикселей) {html{размер шрифта: 81.25 пикселей;}} @экран мультимедиа и (минимальная ширина: 560 пикселей) {html{размер шрифта: 87,5 пикселей;}} @экран мультимедиа и (минимальная ширина: 600 пикселей) {html{размер шрифта: 93,75 пикселей;}} @экран мультимедиа и (минимальная ширина: 640 пикселей) {html{размер шрифта: 100 пикселей;}} @экран мультимедиа и (минимальная ширина: 680 пикселей) {html{размер шрифта: 106.25 пикселей;}} @экран мультимедиа и (минимальная ширина: 720 пикселей) {html{размер шрифта: 112,5 пикселей;}} @экран мультимедиа и (минимальная ширина: 760 пикселей) {html{размер шрифта: 118,75 пикселей;}} @экран мультимедиа и (минимальная ширина: 800 пикселей) {html{размер шрифта: 100 пикселей;}} @экран мультимедиа и (минимальная ширина: 960 пикселей) {html{размер шрифта: 100 пикселей;}} .clearfix:после { видимость: скрытая; отображение: блок; размер шрифта: 0; содержимое: " "; очистить: оба; высота: 0; } .m_container{максимальная ширина: 7 см; поле: 0 автоматически;} #publishDescription1{отступ: 20 пикселей;} #publishDescription1 img { граница: 0 отсутствует; высота: автоматически; максимальная ширина: 100%; } .тест { ширина: 100%; высота: автоматически; поле: 10 пикселей 0; переполнение: скрыто; } . тестовый ввод [type ="radio"] { отображение: отсутствует; } . тестовая метка { положение: относительное; ширина: 100%; высота: 38 пикселей; высота строки: 38 пикселей; размер шрифта: 16px; фон: #666; цвет: #fff; плавающий: слева; верхняя граница: 1px сплошной #fff; курсор: указатель; отступ текста: 8 пикселей; } .тестовый ввод [type="radio"] + span { отображение: отсутствует; ширина: 100%; высота строки: 22 пикселя; цвет: # 000; курсор: по умолчанию; отступ: 15x30px; граница: 1px сплошной # bbb; размер рамки: border-box; оформление текста: отсутствует; размер шрифта: 14px; } . тестовый вход [type ="radio"]: проверено + диапазон { дисплей: встроенный блок; } .m_banner{ширина: 100%; высота: 100 пикселей; нижнее поле: 15 пикселей; фон: темно-оранжевый; курсор: по центру;} .m_slider{ ширина: 100%; положение: относительное; нижнее поле: 0.3rem; заполнение сверху: 7.5rem; } #publishDescription1 p,#publishDescription1 span{цвет: #000; высота строки: 130%;} #Опубликовать описание1 strong{вес шрифта: жирный;} .m_bigpic{ позиция: абсолютная; слева: 0; вверху: 0; переход: всего 0,5 секунды; } .ввод m_slider[name='m_slide_switch'] { отображение: отсутствует; } .метка m_slider { ширина: 17%; с плавающей точкой: слева; курсор: указатель; /* переход: всего 0,5 с;*/ поле: 0,1 rem 0,08rem; /* Стиль по умолчанию = низкая непрозрачность*/ непрозрачность: 1; } .изображение метки m_slider { отображение: блок; ширина: 1.2rem; высота: 1.2rem; граница: сплошная 1px #d5d5d5; отображение: встроенный блок; } .ввод m_slider[name='m_slide_switch']: проверено + метка { цвет рамки: #666; непрозрачность: 1; } .m_bigpic { непрозрачность: 0; /* преобразование: масштаб (1.1);*/ ширина: 100%; } .first-pic{непрозрачность: 1;} .m_sliderвходные данные[name='m_slide_switch']: отмечен + метка + изображение { непрозрачность: 1; преобразование: масштабирование (1); }Примечание: Мы отправляем товар со склада в США, как обычно, вы получите товар около 5 дней.-