VEVOR 5KW 12V Дизельный Воздушный Обогреватель 4 Выхода Воздуха Все В Одном с ЖК-переключателем И Пультом Дистанционного Управления Для Автомобильных Автобусов RV Грузовиков Кемпер Фургонов

Document body, div, ul, li, ol, h1, h2, h3, h4, h5, h6, input, textarea, select, p, dl, dt, dd, a, img, button, form, table, th, tr, td, tbody, article, aside, details, figcaption, figure, header, menu, nav, section { margin: 0; padding: 0; box-sizing: border-box; } .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } @font-face { font-family: "iconfont"; src: url('iconfont.eot?t=1545182990006'); src: url('iconfont.eot?t=1545182990006#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAAQoAAsAAAAABmwAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADMAAABCsP6z7U9TLzIAAAE8AAAARAAAAFY850hjY21hcAAAAYAAAABLAAABcOeZtv1nbHlmAAABzAAAAHgAAAB4lY+zvmhlYWQAAAJEAAAALgAAADYTnsQMaGhlYQAAAnQAAAAcAAAAJAfeA4NobXR4AAACkAAAAAgAAAAICAAAAGxvY2EAAAKYAAAABgAAAAYAPAAAbWF4cAAAAqAAAAAeAAAAIAEOAC5uYW1lAAACwAAAAUUAAAJtPlT+fXBvc3QAAAQIAAAAHwAAADDX3mJ6eJxjYGRgYOBikGPQYWB0cfMJYeBgYGGAAJAMY05meiJQDMoDyrGAaQ4gZoOIAgCKIwNPAHicY2BkYWCcwMDKwMHUyXSGgYGhH0IzvmYwYuRgYGBiYGVmwAoC0lxTGByeFT4rZG7438AQw9zA0AAUZgTJAQDuzQzFeJxjYGBgZWBgYAZiHSBmYWBgDGFgZAABP6AoI1icmYELLM7CoARWwwISf1b4/z+MBPJZwCQDIxvDKOABkzJQHjisIJiBEQA9SwstAAACAAD/iAPtA20AFQAhAAAFAT4BNS4BJw4BBx4BFzI2NwEWMjY0JS4BJz4BNx4BFw4BA9/+/yovBOaureYEBOatSYE1AQEOJBv9s4azAwOzhoezAwOzKgEBNYFIreYFBeatreYELyr+/w0bJNAEs4aHswMDs4eGs3icY2BkYGAAYiFDQb14fpuvDNwsDCBww/4AL4L+38HCwJwL5HIwMIFEAdWrCAAAAHicY2BkYGBu+N/AEMPCAAJAkpEBFTABAEcIAmsEAAAABAAAAAAAAAAAPAAAeJxjYGRgYGBiUAJiBjCLgYELCBkY/oP5DAAMAAE9AAB4nGWPTU7DMBCFX/oHpBKqqGCH5AViASj9EatuWFRq911036ZOmyqJI8et1ANwHo7ACTgC3IA78EgnmzaWx9+8eWNPANzgBx6O3y33kT1cMjtyDRe4F65TfxBukF+Em2jjVbhF/U3YxzOmwm10YXmD17hi9oR3YQ8dfAjXcI1P4Tr1L+EG+Vu4iTv8CrfQ8erCPuZeV7iNRy/2x1YvnF6p5UHFockikzm/gple75KFrdLqnGtbxCZTg6BfSVOdaVvdU+zXQ+ciFVmTqgmrOkmMyq3Z6tAFG+fyUa8XiR6EJuVYY/62xgKOcQWFJQ6MMUIYZIjK6Og7VWb0r7FDwl57Vj3N53RbFNT/c4UBAvTPXFO6stJ5Ok+BPV8bUnV0K27LnpQ0kV7NSRKyQl7WtlRC6gE2ZVeOEXpc0Yk/KGdI/wAJWm7IAAAAeJxjYGKAAC4G7ICJkYmRmYGtODWxKDmDgQEAEFwCkgA=') format('woff'), url('iconfont.ttf?t=1545182990006') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/ url('iconfont.svg?t=1545182990006#iconfont') format('svg'); /* IE9*/ /* iOS 4.1- */ } .iconfont { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-search:before { content: "671"; } #pc .header { width: 1200px; height: 235px; margin: 0 auto; } #pc .header .navBox { width: 100%; height: 50px; background: #000000; } #pc .header .navBox ul { width: 970px; height: 50px; border-bottom: 1px solid #53514C; margin: 0 auto; } #pc .header .navBox ul li { width: 25%; height: 100%; list-style: none; float: left; position: relative; } #pc .header .navBox ul li a { width: 100%; height: 100%; display: block; text-align: center; padding-top: 10px; color: #FEFEFE; font-size: 11px; text-decoration: none; } #pc .header .navBox ul li a p { font-weight: bold; } #pc .header .navBox ul li i { position: absolute; right: 0; bottom: 12px; width: 1px; height: 20px; background: #53514C; } #pc .header .logoBox { width: 100%; height: 130px; background: #000; } #pc .header .logoBox .imgBox { width: 970px; height: 130px; margin: 0 auto; } #pc .header .logoBox .imgBox .left { width: 470px; height: 100%; float: left; } #pc .header .logoBox .imgBox .right { width: 500px; height: 100%; float: right; } #pc .header .iconBox { width: 100%; height: 55px; background: #252525; } #pc .header .iconBox .centerBox { width: 970px; height: 100%; margin: 0 auto; } #pc .header .iconBox .centerBox .left { width: 334px; height: 100%; float: left; padding: 0px 50px; } #pc .header .iconBox .centerBox .left .img { float: left; height: 100%; padding-top: 5px; } #pc .header .iconBox .centerBox .left .info { float: left; color: #fff; margin-left: 18px; } #pc .header .iconBox .centerBox .left .info p { font-size: 18px; line-height: 18px; font-weight: bold; margin-top: 7px; } #pc .header .iconBox .centerBox .left .info span { font-size: 14px; display: block; } #pc .header .iconBox .centerBox .right { width: 572px; height: 100%; float: right; } #pc .header .iconBox .centerBox .right .img { float: left; height: 100%; padding-top: 9px; } #pc .header .iconBox .centerBox .right .info, #pc .header .iconBox .centerBox .right .hours { color: #fff; } #pc .header .iconBox .centerBox .right .info p, #pc .header .iconBox .centerBox .right .hours p { font-size: 18px; font-weight: bold; line-height: 30px; } #pc .header .iconBox .centerBox .right .info span, #pc .header .iconBox .centerBox .right .hours span { font-size: 11px; float: left; } #pc .header .iconBox .centerBox .right .info { height: 100%; float: left; margin-left: 26px; } #pc .header .iconBox .centerBox .right .info span:last-child { margin-left: 20px; } #pc .header .iconBox .centerBox .right .hours { height: 100%; float: left; margin-left: 50px; position: relative; } #pc .header .iconBox .centerBox .right .hours::before { content: ""; width: 1px; height: 40px; background: #fff; position: absolute; left: -25px; top: 7px; } #pc .article { width: 970px; font-family: Arial, sans-serif; margin: 0 auto; word-wrap:break-word; } #pc .article .mapBox { width: 100%; height: 374px; background-color: #fff; } #pc .article .mapBox .left { width: 450px; height: 100%; float: left; padding-top: 50px; position: relative; } #pc .article .mapBox .left span { font-size: 11px; font-weight: bold; color: #000; position: absolute; } #pc .article .mapBox .left span.ca { left: 20px; bottom: 125px; } #pc .article .mapBox .left span.tx { left: 198px; bottom: 78px; } #pc .article .mapBox .left span.ky { left: 264px; bottom: 160px; } #pc .article .mapBox .left span.nj { right: 58px; top: 154px; } #pc .article .mapBox .right { width: 520px; height: 100%; float: right; } #pc .article .mapBox .right h1 { font-size: 18px; color: #900900; margin-top: 40px; margin-left: 7px; } #pc .article .mapBox .right .listBox { width: 100%; height: 113px; border: 1px solid #CFCAC0; margin-top: 17px; padding-top: 13px; padding-left: 22px; } #pc .article .mapBox .right .listBox div { width: 100px; float: left; font-size: 12px; margin-right: 24px; line-height: 20px; } #pc .article .mapBox .right .listBox div p { font-weight: bold; } #pc .article .mapBox .right .advantage, #pc .article .mapBox .right .attention { padding-left: 7px; font-size: 12px; line-height: 20px; margin-top: 15px; } #pc .article .mapBox .right .advantage p, #pc .article .mapBox .right .attention p { font-weight: bold; } #pc .article .bgimgBox { width: 100%; background-color: #fff; position: relative; } #pc .article .pro_desc{ font-size:16px; font-weight:bold; line-height:36px; } #pc .article .bgimgBox .bginfo { position: absolute; right: 50px; top: 125px; width: 250px; max-height: 300px; background-color: rgba(255,255,255,.7); color: #000; /*word-break: break-all;*/ padding: 10px; /*overflow: hidden; transform: translateY(-50%);*/ } #pc .article .bgimgBox img { width: 96%; margin-top:15px; } #pc .article .product { width: 96%; line-height: 19px; margin-top: 5px; margin-bottom:20px; } /* #pc .article .product .introduction { font-size: 14px; font-weight: bold; } #pc .article .product div { font-size: 12px; }*/ #pc .article .features { width: 100%; margin-top: 15px; } #pc .article .features h1 { font-size: 16px; } #pc .article .features ul li { width: 250px; float: left; list-style: none; margin-top: 30px; line-height: 19px; /*height:498px;*/ } #pc .product1{ line-height: 19px; } #pc .product1 .introduction{ font-size:16px; font-weight:bold; line-height:40px; } #pc .article .features ul li:nth-child(3n-1) { margin-left: 35px; margin-right: 35px; } #pc .article .features ul li .imgBox { width: 100%; height: 300px; border: 1px solid #A8A39F; } /*#pc .article .features ul li p { font-size: 12px; line-height: 34px; }*/ #pc .article .features ul li div { font-size: 10px; line-height: 20px; } #pc .article .parameter { width: 100%; margin-top: 40px; margin-bottom: 30px; } #pc .article .parameter .imgBox { width: 250px; float: left; margin-left:35px; } #pc .article .parameter .imgBox img { width: 100%; height: 100%; } #pc .article .parameter .information { width: 250px; height: 100%; float: left; padding-right: 25px; padding-left: 40px; } #pc .article .parameter .information .intro1{ margin:20px auto; } #pc .article .parameter .information .intro1 ul{ padding:10px 40px; border-radius:5px; border:1px solid #ccc; background: #f3f3f3; /*color: #888888;*/ margin-top:8px; } /*#pc .article .parameter .information p { font-size: 16px; font-weight: bold; line-height:40px; }*/ #pc .article .parameter .information div { font-size: 10px; line-height: 20px; } #pc .article .parameter .information .intro2{ padding:25px; border:1px solid #ccc; } #pc .article .parameter .package { width: 250px; height: 100%; float: left; padding-left:25px; border-left:1px solid #ccc; } #pc .article .parameter .package img { width: 100%; height: 100px; /* border: 1px solid #A8A39F;*/ } #pc .article .parameter .package p { font-size: 16px; /* font-weight: bold;*/ line-height: 36px; } #pc .article .parameter .package ul { width: 100%; padding: 10px 20px 10px 30px; border: 1px solid #AAAAAA; border-radius: 5px; margin:12px auto; } #pc .article .parameter .package ul li { font-size: 10px; color: #000; line-height: 20px; } #pc .article .comparison { width: 100%; margin-top: 50px; margin-bottom: 15px; } #pc .article .comparison table { width: 100%; table-layout: fixed; } #pc .article .comparison table thead th { /*width: 130px;*/ } #pc .article .comparison table thead th img { /*width: 150px; height:300px;*/ border: 5px solid #fff; width: 100%; max-width: 150px; } #pc .article .comparison table thead th:nth-child(1) { width: 150px; } #pc .article .comparison table tbody tr:first-child td { color: #0265C0; } #pc .article .comparison table tbody td { font-size: 13px; color: #111030; padding: 7px 20px; text-align: center; line-height: 20px; } /* #pc .article .comparison table tbody td:nth-child(1) { color: #88888A; background: #DCDCDC; }*/ #pc .article .comparison table tbody tr:not(:first-child) td:not(first-child) { background: #FEF5EC; } #pc .article .comparison table tbody tr:not(:first-child) td:first-child { background: #DCDCDC; color: #88888A; } #pc .article .comparison table td { border-bottom: 1px solid #ccc; word-wrap:break-word;word-break:break-all; } .inputnavs1:checked ~ .spannavs1 { background: #2A2A2A; } .inputnavs1:checked ~ #shipping { display: block; } .inputnavs2:checked ~ .spannavs2 { background: #2A2A2A; } .inputnavs2:checked ~ #about { display: block; } .inputnavs3:checked ~ .spannavs3 { background: #2A2A2A; } .inputnavs3:checked ~ #payment { display: block; } .inputnavs4:checked ~ .spannavs4 { background: #2A2A2A; } .inputnavs4:checked ~ #returns { display: block; } .inputnavs5:checked ~ .spannavs5 { background: #2A2A2A; } .inputnavs5:checked ~ #contact { display: block; } .inputnavs6:checked ~ .spannavs6 { background: #2A2A2A; } .inputnavs6:checked ~ #faq { display: block; } /* ---- PC 纯CSS底部导航 end -------- */ .ytvideo * { box-sizing:border-box; } .ytvideo { margin:.5em auto 40px auto; font-family:arial; text-align:center; position:relative; background-color:#555; } .ytvideo p { position:absolute; margin:0; color:white; background-color:rgba(0,0,0,.5); } .ytvideo .yt_hd { font-size:16px; width:100%; height:28px; line-height:28px; text-align:left; top:0; left:0; padding-left:10px; overflow:hidden; } .ytvideo .yt_ft { font-size:12px; width:100%; bottom:0; left:0; } .ytvideo img { display:block; max-width:100%; border:0; } .ytvideo a:after { content:"\A0BA"; position:absolute; width:60px; height:50px; left:0; top:0; right:0; bottom:0; margin:auto; border:0; border-radius:10px; color:white; background:rgba(0,0,0,.6); font-size:24px; line-height:50px; cursor:pointer; } .ytvideo a:hover:after { background:#CC181E; } .ytvideo .yt_inp { position:absolute; top:100%; left:0; width:100%; text-align:center; padding:.5em .2em; xfont-size:18px; border:0; color:white; background: rgba(0,0,0,.7); } @media(max-device-width:960px){ .ytvideo { margin-bottom:60px; } .ytvideo .yt_inp { padding:1em .2em; } } #mobile .ytvideo{margin-left: 15px;margin-right:15px;}