Description
<!– –>
/*万能清除浮动开始*/
*{margin:0; padding:0; list-style:none; }
img{ border:0; }
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: ” “; clear: both; height: 0; }
.clearfix { display: block; }
ul { list-style: none; overflow: hidden; margin: 0px; padding: 0px; }
a { color: #fff; text-decoration: none; }
img { border: none; }
img[src=””],img:not([src]){opacity:0;}
#zhengti{width:1200px;background-image: url(https://images2post.com/images/xpert/xpert_template_02.jpg);/*background-repeat: no-repeat;*/background-position: center; background-size: 100%;margin:0 auto;overflow: hidden; background-color: #213651;}
.top-ys ,.store{width:998px;height: auto;overflow: hidden;margin: 0 auto;}
.store {margin-top: 30px;margin-bottom: 30px;overflow: hidden;}
.store .store-categories{width:297px;height: 820px;background-color:#1f3c5e;-moz-box-shadow: 0px 15px 10px -2px rgba(1, 119, 190, 0.42) inset; /* 老的 Firefox */box-shadow:0px 19px 20px -6px rgba(1, 119, 190, 0.42) inset;float: left;}
.store #store-categories{width:100%;margin:0 auto;height: 60px;border-bottom: 1px solid #0177be;color:#fff;}
.store .store-categories li{width:100%;margin:0 auto;height: 60px;border-bottom: 1px solid #0177be7a;color:#fff;}
.store .store-categories li a{color: white;width: 90%;margin: 0 auto;display: block;font-size:22px;line-height: 60px;}
#store-categories a{font-size:26px;line-height: 70px;font-weight: bold;}
/* 手机端 */
@media (max-width: 767px) {
#zhengti{width:100%;}
#zhengti img{width: 100%;}
.top-ys ,.store{width:95%;height: auto;overflow: hidden;margin: 0 auto;}
.store .store-categories{width:95%;height: auto;float: none; overflow: hidden;margin:0.5rem auto;}
.store #store-categories{height: 40px;}
.store .store-categories li{height: 40px;}
.store .store-categories li a{font-size:1em;line-height: 40px;}
#store-categories a{font-size:1.3em;line-height: 50px;font-weight: bold;}
#zhengti .top-ys img{width: 95%;margin-left: 2.5%;}
}
- STORE CATEGORIES
- Front Bumper Lip
- Rear Bumper Lip
- Window Visor
- Trunk Spoiler
- Roof Spoiler
- Floor Mat
- Side Skirt
- Grille
PRODUCT DESCRIPTION
-
Fits
1997-2001 Toyota Camry 4Dr Sedan -
Style
OE Style -
Color
Matte Black -
Material
ABS Plastic -
Package Includes
1x Trunk Spoiler -
Installation Instructions
Not Included
Note:
Professional installation is highly recommended
Please confirm your vehicle matches the Compatibility Chart
/* css 重置 */
/* 12个产品幻灯片 */
.picFocus{ margin:0 auto; width:660px;padding:5px; position:relative; overflow:hidden; zoom:1; float: right;height: 810px;background-color:#1f3c5e;-moz-box-shadow: 0px 15px 10px -2px rgba(1, 119, 190, 0.42) inset; /* 老的 Firefox */box-shadow:0px 19px 20px -6px rgba(1, 119, 190, 0.42) inset;}
.banner-slides { margin:0 auto; width:660px; position:relative; overflow:hidden; zoom:1; height: 810px;margin-top: 10px;}
.banner-slides * {user-select: none;-ms-user-select: none;-moz-user-select: none;-khtml-user-select: none;-webkit-user-select: none;-webkit-touch-callout: none;}
.banner-slides input {display: none;}
/* 12个小图片 */
.hds{ width:630px; padding-top:5px; overflow:hidden; margin:0 auto;cursor: pointer;position:absolute;bottom: 10px;right: 15px;}
.hds .hd{ padding-top:5px; float:left; text-align:center; width:101px;height: 70px;margin-right:4.5px;margin-bottom: 5px; overflow: hidden;}
.hds label:nth-child(6){margin-right: 0;}
.hds label:nth-child(12){margin-right: 0;}
.hds label img{ width:109px; height:65px; cursor:pointer; margin-right:0; }
.hds{overflow:hidden; zoom:1; }
.banner-container {width:630px;margin:0 auto;height: 630px; overflow:hidden; clear: both;}
.banner-slide {zoom:1; width:630px;margin:0 auto;opacity: 0;height: 630px;display: block;top: 0;position: absolute;transform: skew(0);
transition: all .7s ease-in-out;}
.banner-container{ vertical-align:middle; }
.banner-container img{ width:100%; }
.hds .hd {opacity: 0.7;}
.hds label:hover { opacity: 1;background:#fff;}
input:checked + .banner-container .banner-slide {opacity: 1;transform: skew(1);transition: opacity 1s ease-in-out;}
input:checked + .banner-container .hds .hd {display: block;}
.hds .hd:hover {cursor: pointer;}
.hds label {opacity: 0;z-index: 9;cursor: pointer;transition: opacity .2s;text-shadow: 0px 0px 15px rgb(119, 119, 119);background: #fff;}
.banner-slide:hover + .hds label {
opacity: 0.7;
}
input#banner-img-1:checked ~ .hds label#banner-img-dot-1,
input#banner-img-2:checked ~ .hds label#banner-img-dot-2,
input#banner-img-3:checked ~ .hds label#banner-img-dot-3,
input#banner-img-4:checked ~ .hds label#banner-img-dot-4,
input#banner-img-5:checked ~ .hds label#banner-img-dot-5,
input#banner-img-6:checked ~ .hds label#banner-img-dot-6,
input#banner-img-7:checked ~ .hds label#banner-img-dot-7,
input#banner-img-8:checked ~ .hds label#banner-img-dot-8,
input#banner-img-9:checked ~ .hds label#banner-img-dot-9,
input#banner-img-10:checked ~ .hds label#banner-img-dot-10,
input#banner-img-11:checked ~ .hds label#banner-img-dot-11,
input#banner-img-12:checked ~ .hds label#banner-img-dot-12
{opacity: 1;}
/* 手机端12个幻灯片 */
@media (max-width: 767px) {
.picFocus{width:95%;padding:0; height: auto; float: none;}
.banner-slides { margin:0 auto; width:95%; position:relative; overflow:hidden; zoom:1; height: 630px;margin-top: 10px;}
/* 12个小图片 */
.hds{ width:100%; padding-top:5px; overflow:hidden; margin:0 auto;position:absolute;bottom: 5px;left: 0;}
.hds .hd{ padding-top:0; float:left; text-align:center; width:24%;height: 80px;background:#fff;margin-right: 1%;margin-bottom: 5px; overflow: hidden;}
.hds label:nth-child(6){margin-right: 1%;}
.hds label:nth-child(4){margin-right: 0;}
.hds label:nth-child(8){margin-right: 0;}
.hds label:nth-child(12){margin-right: 0;}
.hds label img{ width:100%;cursor:pointer; margin-right:0; height: auto;overflow: hidden;}
/* 上面图片展示 */
.banner-slide img{ width:100%; }
.banner-container {width:95%;margin:0 auto;height: auto; overflow:hidden; clear: both;}
.banner-slide {zoom:1; width:100%;margin:0 auto;opacity: 0;height: 370px;display: block;top: 0;position: absolute;transform: skew(0);
transition: all .7s ease-in-out;right: 0;}
}
.mayyoulike{width:297px;height: 560px;background-color:#1f3c5e;-moz-box-shadow: 0px 15px 10px -2px rgba(1, 119, 190, 0.42) inset; /* 老的 Firefox */box-shadow:0px 19px 20px -6px rgba(1, 119, 190, 0.42) inset;float: left;margin-top: 30px;}
.mayyoulike h1{width:100%;margin:0 auto;height: 60px;color:#fff;font-size:26px;line-height: 70px;text-align: center;}
.mayyoulike a{display:block;width: 95%;margin:15px auto;height: auto;overflow: hidden;}
.mayyoulike a img{width:100%;}
.mayyoulike a b{display:block;width: 100%;font-weight: normal;font-size: 14px;text-align: center;}
/* 手机端两个图片 */
@media (max-width: 767px) {
.mayyoulike{width:95%;height: auto;float: none;margin:10px auto;margin-top: 10px;}
.mayyoulike h1{width:100%;margin:0 auto;font-size:22px;line-height: 60px;text-align: center;height: 40px;}
}
.PRODUCT-DESCRIPTION{ margin:0 auto; width: 998px;px;overflow:hidden; zoom:1; float: right;height: auto;background-color:#1f3c5e;-moz-box-shadow: 0px 15px 10px -2px rgba(1, 119, 190, 0.42) inset; /* 老的 Firefox */box-shadow:0px 19px 20px -6px rgba(1, 119, 190, 0.42) inset;margin-top:30px;}
.PRODUCT-DESCRIPTION h1{width:100%;margin:0 auto;height: 60px;color:#fff;font-size:26px;line-height: 70px;text-align: center;}
.PRODUCT-DESCRIPTION ul{width:960px;margin:0 auto;height: auto;margin-top:10px;background: #fff;}
.PRODUCT-DESCRIPTION ul li{margin:0 auto;width: 100%;height: auto;border-bottom: 1px solid #233852;line-height: 60px;overflow: hidden;padding-left: 10px;padding-right: 15px;color:#0b6097;}
.PRODUCT-DESCRIPTION ul li b{float: left;width:30%;}
.PRODUCT-DESCRIPTION ul li b:nth-child(2){width:67%;display: block;border-left: 1px solid #233852;white-space:normal; word-break:break-all;white-space: pre-wrap;padding-left: 0.5%;}
.PRODUCT-DESCRIPTION span{display:block;width:95%;margin:20px auto;color:#fff;line-height: 30px;}
/* 手机端 表单 */
@media (max-width: 767px) {
.PRODUCT-DESCRIPTION{ margin:0 auto; width:95%;height: auto;float: none;overflow:hidden; margin-top:30px;}
.PRODUCT-DESCRIPTION h1{width:100%;margin:0 auto;font-size:22px;line-height: 60px;text-align: center;height: 40px;}
.PRODUCT-DESCRIPTION ul{width:95%;margin:0 auto;height: auto;margin-top:10px;}
.PRODUCT-DESCRIPTION ul li{margin:0 auto;width: 100%;height: auto;padding-left: 1%;padding-right:1%;color:#0b6097;font-size:0.9em;line-height: 40px;}
.PRODUCT-DESCRIPTION ul li b{float: left;overflow: hidden;width:44%;}
/*.hh-bd{width: 53%;overflow: hidden;float: right;height:55px;line-height: 25px;margin-top:5px;}*/
.PRODUCT-DESCRIPTION ul li b:nth-child(2){width:53%;display: block;border-left: 1px solid #233852;}
.PRODUCT-DESCRIPTION ul li .Installation{height:50px;line-height: 25px;overflow: hidden;padding-top:5px;}
.Installation-height{line-height: 25px;}
.PRODUCT-DESCRIPTION span{font-size:0.9em;margin-bottom: 10px;}
/* 手机端 表单 */
}
/* 最后部分css */
.slides {
width:998px;height: auto;margin: 50px auto; background-color:#1f3c5e;padding-bottom: 30px;
display: block;
position: relative;
min-height: 1350px;
overflow: hidden;
}
.slides * {
user-select: none;
-ms-user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-webkit-touch-callout: none;
}
.slides input {
display: none;
}
.slide-container {
clear: both;
display: block;
width: 907px;
margin: 0 auto;
font-size: 18px;
}
.slide {
padding:15px; zoom:1; width:907px;margin:0 auto;font-size: 18px;
opacity: 0;
height: auto;
display: block;
top: 90px;
position: absolute;
transform: scale(0);
transition: all .7s ease-in-out;
}
/*
.slide img {
width: 100%;
height: 100%;
}
*/
.nav label {
width: 200px;
height: 100%;
display: none;
position: absolute;
opacity: 0;
z-index: 9;
cursor: pointer;
transition: opacity .2s;
color: #FFF;
font-size: 156pt;
text-align: center;
line-height: 380px;
font-family: “Varela Round”, sans-serif;
background-color: rgba(255, 255, 255, .3);
text-shadow: 0px 0px 15px rgb(119, 119, 119);
}
.slide:hover + .nav label {
opacity: 0.5;
}
.nav label:hover {
/* opacity: 1;*/
background:#0b6097;
}
input:checked + .slide-container .slide {
opacity: 1;
transform: scale(1);
transition: opacity 1s ease-in-out;
}
input:checked + .slide-container .nav label {
display: block;
}
.nav-dots {
width: 100%;
height:70px;
display: block;
position: absolute;
text-align: center;
background:#bebebe;
}
.nav-dots .nav-dot {
height:50px;width: 150px; background: #666;
margin: 0 4px;
position: relative;
top: -5px;
display: inline-block;
color:#fff; padding:0 15px;
line-height:50px; text-align: center;margin:15px;font-size: 26px;font-weight: bold;
}
.nav-dots .nav-dot:hover {
cursor: pointer;
background:#0b6097;
}
input#img-1:checked ~ .nav-dots label#img-dot-1,
input#img-2:checked ~ .nav-dots label#img-dot-2,
input#img-3:checked ~ .nav-dots label#img-dot-3,
input#img-4:checked ~ .nav-dots label#img-dot-4
{
background:#0b6097;
}
/**
.nav-dots label#img-dot-1 ~ input#img-1:checked,
.nav-dots label#img-dot-2 ~ input#img-2:checked,
.nav-dots label#img-dot-3 ~ input#img-3:checked,
.nav-dots label#img-dot-4 ~ input#img-4:checked**/
.slide ul li span{width:682px;display: block;margin:10px auto;}
.slide ul li span img{width:100%;margin:0 auto;}
/* 表单 */
.slide ul li div{width:907px;height: auto;margin-top:10px;background: #004371;overflow: hidden;margin:0 auto;}
.slide ul li div b{margin:0 auto;width: 390px;height: 50px;border-bottom: 1px solid #fff;line-height: 50px;padding-left: 10px;color:#fff;float: left;display: block;overflow: hidden;font-weight: normal;}
.slide ul li div b:nth-child(even){width:485px;display: block;background: #bebebe;color:#b10e0f;padding-left: 20px;font-weight: bold;}
.slide ul li div b:nth-child(9),
.slide .bd ul li div b:nth-child(10){border-bottom: 0px solid #fff;}
.slide ul li p{line-height: 40px;color:#fff;margin:15px auto;}
.slide ul li p i{display:block;width:10px;height: 10px;background:#b10e0f;float:left;margin-top:15px;margin-right: 10px;}
@media (max-width: 767px) {
.slide{width:95%;margin: 0 auto;padding:0;}
.slides{width:95%;margin: 30px auto;min-height: 1730px; }
.nav-dots{ height:60px; width:100%; }
.nav-dots .nav-dot { height:40px;width: 22%; line-height:40px; margin:15px 0.3%;font-size: 0.9em;padding:0;}
.slide-container {
padding:0; width:95%;margin:0 auto;font-size: 0.9em;
}
/* 本例子css */
.slide ul li span{width:100%;display: block;margin:10px auto;}
.slide ul li span img{width:100%;margin:0 auto;}
/* 表单 */
.slide ul li div{width:100%;margin:0 auto;height: auto;margin-top:10px;background: #004371;overflow: hidden;font-size: 0.9em;}
.slide ul li div b{font-size: 0.9em;margin:0 auto;width: 40%;height: 50px;border-bottom: 1px solid #fff;line-height: 50px;padding-left: 2%;color:#fff;float: left;display: block;overflow: hidden;font-weight: normal;}
.slide ul li div b:nth-child(even){width:56%;display: block;background: #bebebe;color:#b10e0f;padding-left: 2%;font-weight: bold;}
.slide ul li div b:nth-child(9),
.slide ul li div b:nth-child(10){border-bottom: 0px solid #fff;}
.slide ul li p{line-height: 40px;color:#fff;margin:15px auto;font-size: 0.9em;}
.slide ul li p i{display:block;width:10px;height: 10px;background:#b10e0f;float:left;margin-top:15px;margin-right: 10px;}
}
.clerfix{clear: both;}
Reviews
There are no reviews yet.