@charset "utf-8";
@import url("CommStyle.css");
@import url("Structure.css");


P{ float:left; color:#444; font-size:14px; line-height:23px; text-indent:4ex; }
P a{ color:#006600; text-decoration:underline; }

.cartirelay{ background-color:#FFF;}
.cartire{ float:left; width:100%; display:flex; justify-content:left; flex-direction:row; align-items:flex-start; }
.cartire .car{ margin-left:1%; min-width:120px; }
.cartire .tireZone{ margin:10px 0 0 10px; flex-shrink:1; flex-basis:540px; flex-grow:1; }
.tireZone .T{ float:left; margin-bottom:5px; width:100%; }
.tireZone .T .carbrandLogo{ float:left; margin:0 1% 0 0; width:10%; max-width:55px;}
.tireZone .T .carname{ float:left; font-size:16px; font-weight:bold; color:#333; margin-top:3px; width:calc(89% - 25px); }
.tireZone .T .exit{ float:right; width:14px; height:14px; margin:5px 10px 0 0; display:none; }
.tireZone .carname span{ font-weight:normal;}
.TireParamlist{ float:left; width:100%; margin-bottom:15px; }
.TireParamlist li{ float:left; width:100%; margin-top:8px; }
.TireParamlist li .SParts{ font-size:19px; color:#006600; text-decoration:underline; font-family:Arial, Helvetica, sans-serif; }
.TireParamlist li .SParts:hover{ color:#900;}
.TireParamlist li .SPartsDsr{ margin-left:7px; line-height:25px; font-size:14px; color:#999; }
.TireParamlist li .gray{ color:#666}
.TireParamlist li .Ori{ text-align:center; color:#666; font-size:14px;}

.TireParamChoice{ float:left; width:100%; display:flex; justify-content:center; flex-flow:row wrap;}
.TireParamChoice .param{ margin:1px 0 15px 0;}
.TireParamChoice .t{ float:left; font-size:14px; font-weight:bold; color:#333; line-height:20px; }
.TireParamChoice select{ float:left; margin-top:-2px; font-size:18px; color:#333; font-family:Arial, Helvetica, sans-serif; height:25px; width:auto; box-shadow:3px 3px 5px #CCC;}
.TireParamChoice option{ font-size:18px; color:#333; font-family:Arial, Helvetica, sans-serif; }
.TireParamChoice .r{ float:left; line-height:18px; font-size:16px; margin:1px 5px 0 5px; color:#666; font-weight:bold; font-family:Arial, Helvetica, sans-serif; }
.TireParamChoice  .button{ width:18%; height:24px; margin:0 0 10px 14px; font-size:13px; line-height:19px; box-shadow:3px 3px 5px #CCC;}

.tireZone .paramdsr{ float:left; width:calc(100% - 20px); margin:20px 0 0 10px; display:flex; justify-content:center; }
.tireZone .paramdsr .img{ flex-basis:180px; flex-shrink:1; margin-top:3px;}
.tireZone .paramdsr img{ width:100%;}
.tireZone .paramdsr .c{ flex-basis:340px; flex-shrink:1; color:#888888; text-indent:4ex; font-size:14px; line-height:22px; margin-left:10px;}

.dwZone{ float:left; width:calc(100% - 20px); margin:15px 0 10px 10px; border:1px solid #CCC; padding:10px; border-radius:6px; box-sizing:border-box;}
.dwZone .T{ float:left; width:100%; margin-bottom:5px;}
.dwfee{ float:left; width:calc(100% - 20px); margin:5px 0 5px 10px; }
.dwfee table{ float:left; border-collapse:collapse; width:100%; line-height:17px; border-top:#336666 solid 2px; border-bottom:#336666 solid 2px; width:100%; }
.dwfee table td{ padding:5px 5px; border-top:#336666 solid 1px; text-align:center; font-size:14px;}
.dwfee table th{ padding:5px 5px; background-color:#D1E9E9; text-align:center; font-size:14px;}
.dwfee table .t0{ width:15%;}
.dwfee table .t1{ width:15%; border-left:#336666 solid 1px;}
.dwfee table .t2{ width:15%; border-left:#336666 solid 1px; border-right:#336666 solid 1px;}
.dwfee table .t3{ text-align:left; line-height:21px;}
.dwfee .susp{ text-align:left; }
.dwfee .susp .t{ color:#666; font-size:14px; }
.dwfee .susp .n{ color:#006699; font-size:14px; }

.dwZone .layBlock{ float:left; width:100%; display:flex; justify-content:space-between; flex-direction: row; align-items:flex-start; margin-top:10px;}
.dwZone .LBlock{ flex-basis:560px; flex-shrink:1; margin-right:2.5%; flex-grow:1;}
.dwZone .LBlock h2{ float:left; width:100%; margin:3px 0 0 0; color:#336666; }
.dwZone .LBlock P{ margin-top:5px; }
.dwZone .LBlock .tbottom{ float:left; width:100%; line-height:19px; }
.dwZone .LBlock .tbottom li{ float:left; width:calc(100% - 3ex); text-indent:-3ex; padding-left:4ex; color:#999; font-size:14px; line-height:22px; }
.dwZone .RBlock{ flex-basis:220px; flex-shrink:1; }
.dwZone .RBlock .dwfig{ float:left; width:90%; margin:5px 0 0 5%; }
.dwZone .RBlock .dwfig img{ width:100%; }
.dwZone .jumplink{ width:100%;}

.MMOnline{ margin-top:15px;}

.serv{ align-items:stretch; margin-top:10px;} 
.serv .linebrake{ margin:20px 0 20px 0; width:100%; height:1px; background-color:#CCC; font-size:0; }
.serv .halflay{ background-color:#FFF;  }
.serv .servLeft{ float:left; border-right:1px solid #CCC; box-sizing:border-box; padding:15px; }
.serv .servLeft .linebrake{ float:right;} 
.serv .servRight{ float:left; box-sizing:border-box; padding:15px; }
.serv .servRight .servimg{ margin-top:0;}
.serv .servRight .linebrake{ float:left;} 
.serv .servblock{ float:left; width:100%; }
.serv .dsr{ float:left; width:calc(100% - 150px); margin-top:10px; font-size:14px; line-height:22px; color:#444; text-indent:4ex;}
.serv .faq{ float:left; width:100%; margin-top:15px; }
.serv .faq li{ width:100%; line-height:25px;}
.serv .faqleft{ width:calc(100% - 150px); margin-top:25px; }
.serv .faqleft li{ width:100%; line-height:23px; }
.serv a{ color:#0000CC; font-size:14px; text-decoration:none;}
.serv a:hover{ color:#900;}
.servimg{ float:right; margin:0 10px 0 0;}

.servTable{ float:left; border-collapse:collapse; line-height:17px; border-bottom:#888888 solid 1px; width:100%;}
.servTable th{ padding:5px 0; border-bottom:#888888 solid 1px; border-top:#888888 solid 1px; background-color:#DDDDDD; text-align:center; color:#333; font-weight:normal; font-size:14px;}
.servTable td{ padding:5px 0; border-top:#BBBBBB solid 1px; text-align:center; color:#666; font-size:14px;}
.servTable td li{ font-size:14px; color:#666; line-height:22px;}
.servTable .t1{ border-left:#BBBBBB solid 1px;}
.servTable .t2{ border-left:#BBBBBB solid 1px;}
.servDivTable{ float:left; width:100%;}
.servDivTable table{border-collapse:collapse; line-height:17px; border-bottom:#888888 solid 1px; width:100%;}
.servDivTable th{ padding:5px 0; border-bottom:#888888 solid 1px; border-top:#888888 solid 1px; background-color:#DDDDDD; text-align:center; color:#333; font-weight:normal;}
.servDivTable td{ padding:5px 0; border-top:#BBBBBB solid 1px; text-align:center; color:#666;}
.servDivTable .t1{ border-left:#BBBBBB solid 1px;}
.servDivTable .t2{ border-left:#BBBBBB solid 1px;}

.T{ float:left; width:100%;}
.T .redsquare{ width:12px; height:12px; float:left; margin:2px 8px 0 0; background-color:#BB0000}
.T .title{ float:left; font-size:14px; font-weight:bold; color:#333; }

.inform{ float:left; width:770px; height:30px; padding-top:10px; margin-top:8px; text-align:center; color:#900; font-size:14px; border:1px solid #993300}

.jumplink{ float:left; text-align:right; margin:10px 0 0 0; width:100%;}
.jumplink a{ color:#006600; text-decoration:underline; font-size:14px;}
.jumplink a:hover{ color:#900;}
.tablebottom{ float:left; color:#999; margin-top:6px; padding:0 5px; box-sizing:border-box; font-size:14px; }
.tabletitle{ float:left; color:#336666; text-indent:1ex; margin:15px 0 5px 0; font-size:14px; width:100%;  }
.tabletitle span{ color:#336666;}

.car{ border:2px solid #D32C2C; border-top:0px; background-color:#FFF; border-radius:0 0 8px 8px; box-shadow:2px 2px 2px #999; }
.cargray{ border-color:#CCC;}

.Pack{ float:left; width:770px; margin-bottom:10px; }



.battTable .t0{ width:210px; }
.battTable .t0 img{ float:left;}
.battTable .t0 ul{ float:right; width:135px; margin-top:5px;}
.battTable .t0 ul li{ float:left; width:140px; line-height:19px; text-align:left; color:#666 }
.battTable .t1 ul li{ color:#666 }
.battTable .t2{ width:50px; }
.brakeTable .t0{ width:40%; }
.brakeTable .t1{ width:30%; }
.brakeTable table{ border-bottom:0 }

.TrdTopline{ float:left; font-size:0; width:970px; height:2px; border-top:1px solid #900; margin:25px 0 0 10px;}
.TrdHead{ float:left; width:970px; height:30px; background-color:#DDDDDD; margin-left:10px;}
.TrdHead .imgT{ float:left; margin:3px 0 0 10px;}
.TrdHead .dsrtxt{ float:left; margin:10px 0 0 10px; color:#555; font-size:12px; }
.Trd{ float:left; width:970px; margin:20px 0 0 10px; }
.Trd .block{ float:left; width:206px; height:210px; border-right:1px solid #CCC; padding:0 18px; }
.Trd .block1{ float:left; width:205px; height:210px; padding:0 18px;}
.Trd .jumplink{ float:left; width:960px; height:30px; text-align:right;}
.Trd .T{ float:left; width:200px; height:40px;}
.Trd .T .jdLogo{ float:left; width:35px; height:27px; background:url(../images/logo/Logo_Trd.png)}
.Trd .T .tuLogo{ float:left; width:28px; height:28px; background:url(../images/logo/Logo_Trd.png) -1px -77px;}
.Trd .T .yxLogo{ float:left; width:52px; height:24px; background:url(../images/logo/Logo_Trd.png) 0 -52px;}
.Trd .T .tbLogo{ float:left; width:31px; height:33px; background:url(../images/logo/Logo_Trd.png) 0 -106px;}
.Trd .T .qccrLogo{ float:left; width:33px; height:27px; background:url(../images/logo/Logo_Trd.png) 0 -140px;}
.Trd .T .t1{ float:left; font-size:16px; color:#333; font-weight:bold; margin:8px 0 0 5px;}
.Trd .T .t1 span{ font-weight:normal; color:#999; font-size:12px;}
.Trd P{ float:left; width:205px; color:#666; text-indent:4ex; line-height:20px; margin-top:2px;}

@media screen and (max-width: 750px){
	.midcartirelay{ display:none;}
	.tireZone .T .exit{ display:block; }
	
	.car .choice{ width:480px; left:-55px; top:20px; }
	.car .choice .Bblock{ width:140px;}
	.car .choice .Sblock{ width:100px;}
	.car .tab .tab_mask{ display:none; }
}