/** 配置表样式 **/

.config-series { position: relative; padding: 75px 0; background: #f7f7f7; overflow-y: auto; }
.config-series .show { display: block; position: relative; }
.table-title{ position: absolute; left: 0; top: 0; width: 100%; z-index: 5;}
.config-series .config-title { padding-bottom: 25px; color: #231815; text-align: center; font-size: 40px; }
.config-series .config-btn { overflow: hidden; margin: 20px auto; width: 75pc; }
.config-series .table-btn.config-down { float: right; }
.config-series .table-tip{width:75pc;margin: 0 auto;padding-top: 25px;line-height: 1.5;font-size: 12px;color: #888;}

.config-table { display: none; margin: 0 auto; width: 75pc}
.config-table table { width: 100%; background: #ececec; }
.config-table .table-title table td ,.config-table .table-title table th{ box-sizing: border-box; padding: 9pt 8px; border: 1px solid #d5d5d5; color: #575757; text-align: center; font-size: 14px; }
.config-table .table-title table .price td { background: #fff; }
.config-table .table-content { height: 500px; }
.config-table .table-content table { width: 100%; background: #fff; }
.config-table .table-content table .title { background: #414141; }
.config-table .table-content table .title th { border: 1px solid #414141; color: #fff; font-size: 14px; }
.config-table .table-content table td { box-sizing: border-box; padding: 9pt 8px; border: 1px solid #d5d5d5; color: #575757; text-align: center; font-size: 14px; }
.config-table .table-content table .title td { border: 1px solid #414141; }
.config-table .table-content table th { box-sizing: border-box; padding: 9pt 8px; border: 1px solid #d5d5d5; color: #575757; text-align: center; font-size: 14px; }
.config-table .table-nav { position: absolute; left: 50%; overflow: hidden; margin-left: 600px; }
.config-table .table-nav ul { margin: 0 0 0 20px; padding: 0; width: 5pc; list-style: none; }
.config-table .table-nav ul li { border-top: 1px solid #d5d5d5; }
.config-table .table-nav ul li:first-child { border-top: none; }
.config-table .table-nav ul li a { display: block; height: 46px; color: #919191; white-space: nowrap; font-size: 14px; line-height: 46px; }
.config-table .table-nav ul li.active a { color: #231815; }

@media screen and (max-width: 1400px) { .config-table .table-nav { display: none; } }
@media screen and (max-width: 1200px) { .config-series,.config-btn, .config-table , .config-series .table-tip{ display: none !important; } }
.nav-series .logo{ margin-left: 10%; width: 150px;}
.nav-series .menu{ margin-right: 11%;}
.nav-series ul{ margin-left: 80px;}

.config-series{ padding-bottom: 0;}
.config-series .config-title{ font-size: 36px;}
.config-table .table-content{ height: 400px;}
.config-table .table-content table{ background: none;}
.config-table .table-content table tr.cx{ background: #313131;}
.config-table .table-content table tr.cx td{ color: #fff;}
.config-table .table-content table tr td{  word-break:break-all; width: 25%;}
.config-table .table-content table tr td:first-child{}
.tips{ text-align: right; font-size: 14px; color: #575757; padding-top: 10px;}

.d-img{ width: 100%; display: block;}
.d-car-size{text-align:center;position:relative;}
.d-carsize-box{padding:5% 0 2%;}
.d-carsize-box.fl{width:48%;margin-left:6.35%;}
.d-carsize-box.fl .d-lengthL{width:83.54%;margin-left:6.34%;}
.d-carsize-box.fr{width:32%;margin-right:7.86%;}
.d-carsize-box.fr .d-lengthL{width:61.2%;margin-left:20.6%;}
.d-length-num{background:#F7F7F7;color:#231815;}
.d-carsize-box .d-length-num{padding:0 3%;}
.d-lengthT{background:url('../images/raeton-cc/images/line-top.png') no-repeat center top;position:absolute;left:55.7%;margin-left:-3.5px;top:12%;height:78.2%;width:7px;}
.d-lengthT .d-length-num{position:absolute;transform:rotate(90deg);-webkit-transform:rotate(90deg);top: 45%;left: -600%;padding: 0 183%;}
.d-lengthL{background:url('../images/raeton-cc/images/line-left.png') no-repeat left center;}
.d-lengthR{background:url('../images/raeton-cc/images/line-right.png') no-repeat right center;}
.d-lengthB{background:url('../images/raeton-cc/images/line-bot.png') no-repeat center bottom;height:100%;width:100%;}
.d-wrap{ width: 83.333%; margin: 0 auto;}
.p3-b-b{position: relative;overflow: hidden;color:#231815;padding-bottom:3%;min-width:730px;} 
.p3-b-b .p3-b-box{position: relative;float: right;overflow: hidden;margin-left:1.5%;}
.p3-b-b .p3-b-box p{margin-top: 0;}
.p3-b-b .p3-b-box p .p3-span-1{margin-right: 10px;display: inline-block;}
.p3-b-b .p3-b-box p .p3-span-2{position: absolute;margin-top:4%;}
.p3-b-b .p3-b-box p .p3-span-3{}
.d-p3-box1{width:22%;}
.d-p3-box2{width:21.12%;}
.d-p3-box3{width:24.31%;}
.d-p3-box4{width:26.4%;}
.d-config-btn{display:block;min-width:7.6%;padding:1% 5% 1% 3%;border: 1px solid #000; color:#000;letter-spacing:3px;position:relative;text-align:center;margin-bottom:2%;}
.d-config-btn:after{position:absolute;right:13%;content:'>';transition:All 0.3s;-webkit-transition:All 0.3s;font-family:'宋体','黑体','微软雅黑';font-weight:bold;top:0;margin-top: 7%;}
.d-config-btn:hover:after{right:10%;}
.d-config-wrap p.font12{color:#888;line-height:2}
.d-wap-hide{display:block;}
.d-pc-hide{display:none;}

@media screen and (max-width: 1500px) {
	.nav-series .logo{ width: 120px; margin-left: 5%;}
	.nav-series .menu{ margin-right: 5%;}
	.exp-text .title{ padding-bottom: 10px; margin-bottom: 10px; line-height: 1.2;}
	.exp-text .desc{ line-height: 1.6;}
	.exp-text .title,.config-series .config-title{ font-size: 32px;}
}
@media screen and (max-width: 1366px){
}
@media screen and (max-width: 1280px) {
	.nav-series ul li a{ padding: 0 10px;}
	.exp-text .title,.config-series .config-title{ font-size: 30px;}
    .nav-series ul li a{ padding: 0 12px;}
	.exp-text .desc{ font-size: 14px;}
}
@media screen and (min-width: 1200px){
    .nav-series ul{
        display: inline-block !important;
    }
}
@media screen and (max-width: 1200px) {
	.nav-series .logo{ margin-left: 5%; opacity: 1}
	.nav-series .menu{ margin-right: 5%; opacity: 1;}
	.nav-series ul{ display: none;}
	.config-series{ width: auto; padding: 40px 20px 0;}
	.config-series, .config-btn, .config-series .table-tip, .config-series .show{ display: block !important;}
	.config-table,.config-series .config-btn{ width: 100%;}
}
@media screen and (max-width: 1024px) {
	.nav-series{ display: block; height: 100px;}
	.nav-series .wrap{ height: 100px;}
	.p3-b-b .p3-b-box p .p3-span-2{ margin-top: 2%;}
}
@media screen and (max-width: 980px) {
    .nav-series .logo, .nav-series .menu { opacity: 1; }
    .nav-series ul { display: none; position: fixed; right: 0; width: 50%; background: #fff; border-left: 1px solid #dadada; z-index: 99; }
    .nav-series ul li { display: block; width: 100%; border-bottom: 1px solid #dadada; }
    .nav-series ul li a { border: 0; }
}
@media screen and (max-width: 768px){
  	.d-wap-hide{display:none;}
    .d-pc-hide{display:block;}
    .p3-b-b{min-width:0; width: 100%;}
    .d-carsize-box.fl {width: 95%;margin-left: 0%;}
    .d-lengthT {left: 93.7%;height: 81.2%;}
    .p3-b-b .p3-b-box{float:left;margin-bottom:2%;}
    .d-p3-box4 {width: 58.4%;}
    .d-p3-box3 {width: 56%;}
    .p3-b-b .d-p3-box1{float:right;width:38%;white-space:nowrap;}
    .d-p3-box2{width:41%;}

}
@media screen and (max-width: 640px) {
  .config-series .config-title{ font-size: 24px;}
  .config-table .table-content table tr td{ padding: 5px;}
  .config-table .table-content table tr td:first-child{ width: 20%;}
  
}
/*字体大小定义*/

.font12{font-size:12px;}
.font14{font-size:14px;}
.font16{font-size:16px;}
.font18{font-size:18px;}
.font20{font-size:20px;}
.font22{font-size:22px;}
.font24{font-size:24px;}
.font26{font-size:26px;}
.font28{font-size:28px;}
.font30{font-size:30px;}
.font36{font-size:36px;}
.font40{font-size:40px;}
.font44{font-size:44px;}
.font48{font-size:48px;}
.font60{font-size:60px;}
.font74{font-size:74px;}
.font96{font-size:96px;}
/*---------------------------屏幕小于1670px---------------------------*/

@media screen and (max-width: 1670px){ 
  .font14{font-size:12px;}
  .font16{font-size:14px;}
  .font18{font-size:16px;}
  .font20{font-size:18px;}
  .font22{font-size:20px;}
  .font24{font-size:20px;} 
  .font26{font-size:22px;} 
  .font28{font-size:24px;}
  .font30{font-size:26px;}
  .font36{font-size:30px;}
  .font40{font-size:36px;}
  .font44{font-size:38px;}
  .font48{font-size:40px;}
  .font60{font-size:50px;}
  .font74{font-size:62px;}
  .font96{font-size:80px;}
}
/*---------------------------屏幕小于1440px---------------------------*/

@media screen and (max-width: 1440px){
  .font16{font-size:12px;}
  .font18{font-size:14px;}
  .font20{font-size:16px;}
  .font22{font-size:18px;}
  .font24{font-size:18px;}
  .font26{font-size:19px;}
  .font28{font-size:20px;}
  .font30{font-size:22px;}
  .font36{font-size:26px;}
  .font40{font-size:32px;}
  .font44{font-size:32px;}
  .font48{font-size:34px;}
  .font60{font-size:40px;}
  .font74{font-size:56px;}
  .font96{font-size:70px;}
} 
/*---------------------------屏幕小于1366px---------------------------*/

@media screen and (max-width: 1366px){
    .font18{font-size:12px;}
    .font20{font-size:14px;}
    .font22{font-size:16px;}
    .font24{font-size:16px;}
    .font26{font-size:17px;}
    .font28{font-size:18px;}
    .font30{font-size:20px;}
    .font36{font-size:24px;}
    .font40{font-size:28px;}
    .font44{font-size:30px;}
    .font48{font-size:32px;}
    .font60{font-size:42px;}
    .font74{font-size:52px;}
    .font96{font-size:64px;}
}
/*---------------------------屏幕小于1300px---------------------------*/

@media screen and (max-width: 1300px){ 
    .font20{font-size:12px;}
    .font22{font-size:14px;}
    .font24{font-size:14px;}
    .font26{font-size:15px;}
    .font28{font-size:16px;}
    .font30{font-size:18px;}
    .font36{font-size:22px;}
    .font40{font-size:24px;}
    .font44{font-size:26px;}
    .font48{font-size:30px;}
    .font60{font-size:40px;}
    .font74{font-size:50px;}
    .font96{font-size:62px;}
}
/*---------------------------屏幕小于1200px---------------------------*/

@media screen and (max-width: 1300px){  
    .font22{font-size:11px;}
    .font24{font-size:12px;}
    .font26{font-size:13px;}
    .font28{font-size:14px;}
    .font30{font-size:15px;}
    .font36{font-size:18px;}
    .font40{font-size:20px;}
    .font44{font-size:22px;}
    .font48{font-size:24px;}
    .font60{font-size:30px;}
    .font74{font-size:35px;}
    .font96{font-size:48px;}
}  
/*---------------------------屏幕小于768px---------------------------*/

@media screen and (max-width: 768px){ 
    .d-wap-hide{display:none;}
    .d-pc-hide{display:block;}
    .d-wap-header-slide a{font-size:14px;}
    .d-footer-box {line-height: 1.5;padding: 5% 0;}
    .d-link-box {padding: 7% 0;}
    .d-link-box li {padding: 0 4%;} 
}