﻿/*下拉选框样式*/
.select-mrap{ margin: 20px 0 0;}
.duibi-select-box { position: relative; width: 170px !important; margin:0 auto 5px; border:1px solid #CCC; background: #FFF; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -o-border-radius:4px; -ms-border-radius:4px; cursor: pointer;}
.select-off:hover { border-color: #4284D9;}
.select-off:hover em{ background-position: 0 0;}
.duibi-select-box .select-present{ display:block; float: left; width: 127px !important; margin-left:10px; height: 34px; line-height: 34px; color:#999; overflow: hidden;white-space:nowrap;}
.select-off .select-present{ display:block; float: left; width: 127px !important; margin-left:10px; height: 34px; line-height: 34px; color:#333; overflow: hidden;white-space:nowrap;}
.duibi-select-box:after{ display:block; content: "."; height: 0; clear: both; overflow: hidden;}
.duibi-select-box em{float: right; background: url("/images/auto/cyc2016/selection-jt.png") no-repeat 0px -28px; display: block; content: ' '; width: 14px !important; height: 9px; margin: 14px 11px 0 0;}
.duibi-select-box .select-option-box { width: 180px !important; position: absolute; top: 38px; z-index: 20; display: none;}
.duibi-select-box .select-option-box.onaz-list { width: 221px !important;}
.duibi-select-box .select-option-box .az-list{ border-right:1px solid #d9d9d9; background: #f9f9f9; width: 40px !important; padding: 5px 0; float: left; }
.duibi-select-box .select-option-box .az-list a{ display: block; height: 18px; line-height: 18px; width: 18px !important; color:#666; margin:2px auto; font-size: 14px;text-align: center; text-decoration: none; }
.duibi-select-box .select-option-box .az-list a:hover{background:#ff4f53;color:#FFF;border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; -o-border-radius:2px; -ms-border-radius:2px;}
.duibi-select-box .select-option-box.onaz-list { float: left;}
.duibi-select-box .onaz-list .data-list ul { border-bottom: 1px solid #d9d9d9; }
.duibi-select-box .select-option-box .data-list { width: 180px !important; height: 100%;overflow-y: scroll;overflow-x: hidden; color:#666; }
.duibi-select-box .select-option-box .data-list p{ height: 30px; line-height: 30px; font-weight: bolder; background: #f9f9f9; text-indent: 10px; border-bottom: 1px solid #d9d9d9; }
.duibi-select-box .select-option-box .data-list ul li{ height: 25px; line-height: 25px; padding:0 10px; font-size: 14px; overflow: hidden;white-space:nowrap; }
.duibi-select-box .select-option-box .data-list ul li:hover{ background: #f7f7f7; cursor: pointer; }
.duibi-select-box .select-option-box .data-list ul li a{ display: block;white-space:nowrap;}

/* 当前地址*/
.currenturl a:hover{text-decoration:none}
.currenturl{ width: 1100px; margin: 0 auto; clear: both;}
.currenturl:after{ content:".";display:block;height:0;overflow:hidden;clear:both;}
.currenturl .urllist{ float: left;color:#666;margin-top:19px;}
.currenturl .urllist em{ display:inline-block;width:20px;height:18px;background:url("/images/auto/cyc2016/imgs.png") no-repeat 0 -2px;}
.currenturl .urllist a{ color:#666;}
.currenturl .urllist a:hover{ color:#e32904;}
.currenturl .yhs-sousuo{ float: right; margin: 15px 15px 0 0;}
.currenturl .yhs-sousuo .text{ float: left; width: 250px; height: 30px; border:1px solid #d3d3d3; border-right: none; overflow: hidden;}
.currenturl .yhs-sousuo .text input{ width: 225px; margin-left: 10px; font-size: 14px; padding: 7px 0; border: none;}
.currenturl .yhs-sousuo .text input.valid{ border:none !important; }
.currenturl .yhs-sousuo .text .input-validation-error{border:none !important;background-color:transparent !important;}
.currenturl .yhs-sousuo .but{ float: left; width: 70px; height: 32px; background: #feb13f; overflow: hidden;border-radius:0 2px 2px 0;-moz-border-radius:0 2px 2px 0;-webkit-border-radius:0 2px 2px 0;-o-border-radius:0 2px 2px 0;-ms-border-radius:0 2px 2px 0;}
.currenturl .yhs-sousuo .but input{ padding: 8px 0; width: 45px; cursor: pointer; background: none; border:none; color: #FFF; display: block; margin: 0 auto;}

/*内容左右包含*/
.show-mrap a:hover{text-decoration:none}
.show-mrap{ width:1100px;margin:0 auto;}
.show-mrap:after{content:".";display:block;height:0;overflow:hidden;clear:both;}
.show-mrap .lefa-mrap{ width:770px;float:left;}
.show-mrap .right-mrap{ width:300px;float:right;}

/*车型参配页面 start*/
.show-mrap .parameter-box{ position: relative;margin-top: 15px;}
.show-mrap .box-top{ position: relative;}
.show-mrap .box-left{ position: relative;}
/*表格头部*/
.show-mrap .parameter-box .tabletop{ background:#f7f7f7; color:#000;vertical-align: top;position: relative; top:0; left:0;}
.show-mrap .parameter-box .tabletop .img{ width: 224px; height: 149px; display: block;margin: 5px auto 0;}
.show-mrap .parameter-box .tabletop .name{ font-size: 16px; /*font-weight: bolder;*/ line-height: 22px; padding: 5px 0; display: block;}
.show-mrap .parameter-box .tabletop .name:hover{ text-decoration: underline;}
.show-mrap .parameter-box .tabletop tr td div{ text-align: left; width: 200px;}
.show-mrap .parameter-box .tabletop tr td{ border:1px solid #d9e5f3; padding: 10px; vertical-align: top; }
.show-mrap .parameter-box .tabletop tr td .pheight{ height: 16px;}
.show-mrap .parameter-box .tabletop tr td .ondel{ display: inline-block; width: 21px; height: 16px; background: url("/images/auto/cyc2016/ban.png") no-repeat 0 -5px; cursor: pointer; float: right;}

/*表格参数内容*/
.show-mrap .parameter-box .box-show{ color: #666; }
.show-mrap .parameter-box .box-show tr th{ border:1px solid #d9e5f3; border-top:0; padding: 10px 0 10px 14px; text-align: left; color:#000; background: #f0f3f8; }
.show-mrap .parameter-box .box-show tr td{ border:1px solid #d9e5f3; padding: 10px; }
.show-mrap .parameter-box .box-show tr td div{ width: 200px;text-align: center; line-height: 22px;}
.show-mrap .parameter-box .box-show tr .parametername div{ text-align: right; color:#3b5998;}
.show-mrap .parameter-box .cue{ line-height: 22px; color:#999; margin: 30px auto;}

/*左浮动*/
.show-mrap .parameter-box .box-left{ position: absolute; left:-120px; width: 120px;z-index: 5; top:75px;}
.show-mrap .parameter-box .box-left .back{ background: url("/images/auto/cyc2016/flolefton.png") no-repeat; width: 135px; height: 30px; position: absolute;z-index: -1; top:10px;}
.show-mrap .parameter-box .box-left ul{ width: 100px; margin: 0 0 0 6px;}
.show-mrap .parameter-box .box-left .topbottom-back{ display: block; width: 100px; height: 10px; margin: 0 0 0 6px; background: #eef3f9;}
.show-mrap .parameter-box .box-left ul li{ width: 100px; height: 27px; background: #eef3f9; padding: 0;}
.show-mrap .parameter-box .box-left ul li a{ display: block; width: 100px; text-align: center; height: 27px; line-height: 27px; color:#666;}
.show-mrap .parameter-box .box-left ul li a:hover{color:#e32904;}
.show-mrap .parameter-box .box-left ul .on{ background: none;}
.show-mrap .parameter-box .box-left ul .on a{ color:#FFF;}
.show-mrap .parameter-box .box-left ul .on a:hover{ color:#FFF;}
/*车型参配页面 end*/