﻿
/*---- 全局定义---- */

body { color:#666;}/*全局文字*/
a { color:#666;}/*全局链接*/
a:hover { color: #a90000 }    /* 当有鼠标悬停在链接上 */

/*----m_search.htm----*/

.g-se{ padding:15px 10px;position:relative;} /*搜索布局*/
.g-se .m-ipt{margin-right:43px;}
.g-se .u-key{width:100%;height:14px;padding:7px 0; line-height:14px;border-right:0;	border-bottom-left-radius:5px;border-top-left-radius:5px;border-bottom-right-radius:0;border-top-right-radius:0;-webkit-border-top-left-radius:5px; -webkit-border-bottom-left-radius:5px; -webkit-border-top-right-radius:0;  -webkit-border-bottom-right-radius:0; text-indent:15px;float:left;color:#d0d0d0; box-shadow:3px 2px 3px #ccc inset;} /*搜索中的请输入关键词样式*/
.g-se .u-in{ float:right; position:absolute; z-index:100; right:10px; top:15px; width:42px; height:30px;background:transparent;}
.g-se .u-bt{ width:42px; height:30px; float:right; border-radius:0 4px 4px 0;-webkit-border-radius:0 4px 4px 0; position:relative;}
.g-se .u-bt:before{content:'';display:block;width:12px;height:12px;border-radius:17px;position:absolute;right:14px;top:5px;z-index:99;border:3px solid #fff;} /*搜索右边的图标css3样式*/
.g-se .u-bt:after{content:'';display:block;width:4px;height:10px;border-radius:5px;border:0;position:absolute;right:12px;top:16px;z-index:99;-webkit-transform:rotate(-52deg);-o-transform:rotate(-52deg);-ms-transform:rotate(-52deg);transform:rotate(-52deg);background:#fff;} /*搜索右边的图标css3样式*/

/*----m_back.htm----*/

.g-back{ overflow: hidden;position: relative;text-align:right;margin-top:1px; height:38px; padding:7px 11px 0 9px;background:#e8e8e8; border-top:1px solid #e8e8e8;} /*内页返回布局样式*/
.g-back a{display: inline-block;font-size:0.875rem;height: 32px;line-height: 28px; width:32px;position: relative;}	/*内页返回链接样式*/
.g-back .u-bp,.g-back .u-bl,.g-back .u-bh{background:url(../images/Skins/Nyskinsbar.png) no-repeat; background-size:35px 600px;}
.g-back .u-bp { background-position:0 0; } /*内页返回样式*/
.g-back .u-bl {background-position:0 -286px;  } /*内页回到首页样式*/
.g-back .u-bh { margin-right:10px; background-position:0 -232px;} /*内页目录样式*/

/*----m_left_list.htm----*/

.g-bd .m-pronav { margin:13px 10px 18px 10px; }
.g-bd .m-pronav .prolist { border-radius:5px; -webkit-border-radius:5px; overflow:hidden; border: 1px solid #e1e1e1; font-size:14px; }
.g-bd .m-pronav .prolist li .on { height:40px; display:block; padding-left:10px; line-height:40px; border-bottom:1px solid #ffffff; background-color:#fbfbfb; background-image: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#e1e1e1)); background-image: -webkit-linear-gradient(top, #fbfbfb, #e1e1e1); background-image: -moz-linear-gradient(top, #fbfbfb, #e1e1e1); background-image: -o-linear-gradient(top, #fbfbfb, #e1e1e1); background-image: -ms-linear-gradient(top, #fbfbfb, #e1e1e1); background-image: linear-gradient(top, #fbfbfb, #e1e1e1); }
.g-bd .m-pronav .prolist li .down { height:40px; display:block; padding-left:10px; padding-right:10px; line-height:40px; border-bottom:1px solid #e1e1e1; background-color:#ffffff; }
.g-bd .m-pronav .prolist li .down span { float:right;}

.g-bd .m-pronav .list1 { display:none; background-color:#fff; }
.g-bd .m-pronav .list1 li { height:38px; line-height:38px; border-bottom:1px solid #e1e1e1; padding-left:33px; position:relative; white-space:nowrap; overflow:hidden; }
.g-bd .m-pronav .list1 li:before { content:""; overflow:hidden; position:absolute; left:20px; top:17px; z-index:7; width:0; height:0; border-width:3px; border-style:solid; transform:roate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); }
.g-bd .m-pronav .list1 li:after { content:""; overflow:hidden; position:absolute; left:20px; top:18px; z-index:8; width:0; height:0; border-width:2px; border-style:solid; transform:roate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); }


/*---分页样式---*/

.g-page{ margin-bottom:20px;}
.g-page .u-pup,.g-page .u-pne {border-radius:5px;display:inline-block;font-size:1em;height: 30px;line-height: 30px; text-align: center;width:25%; color:#fff;} /*上一页样式*/
.g-page .pager-select{display:inline-block;padding:0 20px; margin: 0 10px; width:10%; height: 30px; line-height: 30px; position:relative; top: 10px;}
.g-page .page_number{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events:none;  border-radius: 5px; box-shadow: 0 0 5px #333 inset; text-indent: -1em;}
.g-page .page_number:before{ width: 0; height:0; content: ""; position: absolute; border-top: 5px solid #aaa; border-left: 5px solid rgba(0,0,0,0);border-right: 5px solid rgba(0,0,0,0); left: 50%; margin-left:15px; top: 12px;}
.g-page .pager-select .page_number span{ padding: 0 2px; font-weight: bold;}
.g-page .select_box{ width: 100%; height: 100%; opacity: 0; position: absolute; z-index: 0; left: 0; top: 0; text-align: center;}

/*---当前位置---*/

.m-btit {line-height: 35px; padding-left: 12px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;border-top:1px solid #d9d9d9; box-shadow:0 1px #fff; position:relative; background-color:#f6f6f6;background-image: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#eaeaea));background-image: -webkit-linear-gradient(top, #f6f6f6, #eaeaea); 
background-image: -moz-linear-gradient(top, #f6f6f6, #eaeaea); background-image: -o-linear-gradient(top, #f6f6f6, #eaeaea); background-image: -ms-linear-gradient(top, #f6f6f6, #eaeaea);
background-image: linear-gradient(top, #f6f6f6, #eaeaea);border-bottom:1px solid #d9d9d9; } /*内页面包屑导航背景*/
.m-btit:before{content:"";position:absolute;left:0;top:0;width:100%;border-top: 1px solid #fff;}	/*内页面包屑导航背景上面的线条*/
.m-btit span{ padding:0 8px; position:relative; height:100%; top:-12px; display:inline-block;}
.m-btit span:before{content:"";position:absolute;background:#7c7c7c;width:8px;height:8px;left:2px;top:3px;z-index:10;-moz-transform: rotate(45deg); -o-transform: rotate(45deg);-webkit-transform: rotate(45deg);transform: rotate(45deg);}  /*角度45度，内页面包屑箭头样式*/
.m-btit span:after{content:"";position:absolute;width:8px;height:8px;left:1px;top:3px;z-index:11; background-color:#f2f2f2;background-image: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#eeeeee));background-image: -webkit-linear-gradient(top, #f2f2f2, #eeeeee);background-image: -moz-linear-gradient(top, #f2f2f2, #eeeeee);background-image: -o-linear-gradient(top, #f2f2f2, #eeeeee);background-image: -ms-linear-gradient(top, #f2f2f2, #eeeeee);background-image: linear-gradient(top, #f2f2f2, #eeeeee);-moz-transform: rotate(45deg);
-o-transform: rotate(45deg); -webkit-transform: rotate(45deg);transform: rotate(45deg);	} 

/*---m_list_page.htm---*/

.u-mtit h1 { font-size:16px; text-align:center; padding:24px 0 10px 0; width:96%; margin:0 auto; font-weight:bold; line-height:30px;}
.u-mtit h2{ font-size:16px; text-align:center; padding:24px 0 10px 0; }
.u-mtit p{ padding-top:10px; font-size:12px; padding-bottom:7px; border-bottom:1px solid #fff; }
.u-mtit p a{ margin-left:5px; }
.m-mcon{ line-height:30px; font-size:14px;  border-top:1px solid #e6e6e6; padding:10px 14px 7px 10px;}
.m-mcon img { width:100%;}

/*---m_list_pic.htm---*/

.s-babg:nth-child(n){ background:#fff; }	/*XX列表奇偶阴影*/
.s-babg:nth-child(2n){ background:#fafafa; }  /*XX列表奇偶阴影*/

.g-bd .m-con-p { margin-bottom:26px; }
.g-bd .m-con-p a{ display:block;}
.g-bd .m-con-p dl { border-bottom:1px solid #ffffff; box-shadow:0 1px #e6e6e6; margin-bottom:2px; padding:12px 10px 12px 10px; position:relative; }
.g-bd .m-con-p dt { float:left;display:block;border:1px solid #ccc; margin-right:11px; }
.g-bd .m-con-p dt img { display:block;border:1px solid #e2e2e2;}
.g-bd .m-con-p h3{ line-height: 24px; padding-right: 10px; font-size:16px; font-weight:bold;word-wrap:break-word;word-break:break-all;}
.g-bd .m-con-p p { font-size: 14px;line-height: 24px; margin:5px; margin-right:3%; overflow: hidden; }
.g-bd .m-con-p .s-babg p span{ width: auto; height: auto; background: none; position: relative; right: inherit;top: inherit; display: inline;}
.g-bd .m-con-p .s-babg p span:before,.g-bd .m-con-p .s-babg p span:after{ display: none;}

/*---m_list_product.htm---*/

.g-bd .m-con-pro { margin-bottom:26px; }
.g-bd .m-con-pro a{ display:block;}
.g-bd .m-con-pro dl { border-bottom:1px solid #ffffff; box-shadow:0 1px #e6e6e6; margin-bottom:2px; padding:12px 10px 12px 10px; position:relative; }
.g-bd .m-con-pro dt { float:left;display:block;border:1px solid #ccc; margin-right:11px; }
.g-bd .m-con-pro dt img { display:block;border:1px solid #e2e2e2;}
.g-bd .m-con-pro h3{ line-height: 24px; padding-right: 10px; font-size:16px; font-weight:bold;word-wrap:break-word;word-break:break-all;}
.g-bd .m-con-pro .con { font-size: 12px;line-height: 25px; height:100px; overflow:hidden; margin:0px;/* margin-right:3%;*/ overflow: hidden; }
/*.g-bd .m-con-pro .s-babg p span{ width: auto; height: auto; background: none; position: relative; right: inherit;top: inherit; display: inline;}
.g-bd .m-con-pro .s-babg p span:before,.g-bd .m-con-pro .s-babg p span:after{ display: none;}*/


.g-bd .m-con-1 {/* padding:15px 0 12px 0;*/ margin:15px auto;}
.g-bd .m-con-1 a { float:left; width:44%; margin:0 0px 0.5rem 1rem; text-align:center; display:block; font-size:14px; }
.g-bd .m-con-1 span{ height:1.5rem; line-height:1.5rem; clear:both; display:block; overflow:hidden;}
.g-bd .m-con-1 a img {  border:1px solid #e2e2e2; float:left; margin-bottom:8px; padding:1px; width:100%; }





/*---m_list_news.htm---*/

.g-bd .m-con-n { margin-bottom:26px;}
.g-bd .m-con-n a{ display:block;}
.g-bd .m-con-n dl { border-bottom:1px solid #ffffff; box-shadow:0 1px #e6e6e6; margin-bottom:2px; padding:12px 10px 12px 10px; position:relative; }
.g-bd .m-con-n dt { float:left;display:block;border:1px solid #ccc; margin-right:11px; }
.g-bd .m-con-n dt img { display:block;border:1px solid #e2e2e2;}
.g-bd .m-con-n h3 { line-height: 24px; padding-right: 10px; font-size:16px; font-weight:bold;}
.g-bd .m-con-n p { font-size: 14px; height: 72px; line-height: 24px; margin:5px; margin-right:3%; overflow: hidden; }
.g-bd .m-con-n .s-babg p span{ width: auto; height: auto; background: none; position: relative; right: inherit;top: inherit; display: inline;}
.g-bd .m-con-n .s-babg p span:before,.g-bd .m-con-n .s-babg p span:after{ display: none;}

/*---m_list_book.htm---*/

.leave{ padding:15px 10px 5px 10px;}
.leave li{ margin-bottom:13px;}
.leave span{ float:left;display:block; width:40px; height:28px;line-height:28px; font-size:14px;}
.leave .input_wrap{ margin-left:40px;}
.leave input,.leave textarea{ width:100%;}
.leave .name{ height:30px; border-radius:5px; -webkit-border-radius:5px;text-indent:8px;}
.leave .ly{ height:65px; border-radius:5px; -webkit-border-radius:5px;text-indent:8px; line-height:20px;}
.show_more2{ padding:0 10px 18px 10px; height:26px;}
.show_more2 input{ width:100%;}
.leave .name, .leave .ly { color:#d6d6d6; }
.leave .name, .leave .ly { border:1px solid #d2d2d2; background-color:#f8f8f8;background-image: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#fff)); background-image: -webkit-linear-gradient(top, #f8f8f8, #fff); background-image: -moz-linear-gradient(top, #f8f8f8, #fff); background-image: -o-linear-gradient(top, #f8f8f8, #fff); background-image: -ms-linear-gradient(top, #f8f8f8, #fff); background-image: linear-gradient(top, #f8f8f8, #fff); }

/*---m_info_show.htm---*/

.m-nowra { width:80%; margin:0 auto; }
.m-nowra img { width:100%;}
.contactus{ text-align:center;}
.m-abpro .m-con { padding:10px 10px 0 10px; padding-bottom:16px;word-spacing:10px; letter-spacing:normal; white-space:normal; line-height:2em; font-size:1em; }
.m-abpro .m-con img { width:100%; height:100%;}
.m-abpro p {  line-height:2em; font-size:1em; }




/*  滚动产品  */
.pro_gd .m-nowra { width:320px; margin:0 auto; position:relative; overflow:hidden; }
.pro_gd .prev { width:35px; height:60px; position:absolute; top:50%; margin-top: -25px;left:0; z-index:99; }
.pro_gd .prev:before { content:""; position:absolute; background:#bababa; width:15px; height:15px; left:10px; top:21px; z-index:10; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.pro_gd .prev:after { content:""; position:absolute; background:#f9f9f9; width:15px; height:15px; left:14px; top:21px; z-index:11; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.pro_gd .next { width:35px; height:60px; position:absolute; top:50%; margin-top: -25px; right:0; z-index:99; }
.pro_gd .next:before { content:""; position:absolute; background:#bababa; width:15px; height:15px; right:10px; top:21px; z-index:10; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.pro_gd .next:after { content:""; position:absolute; background:#f9f9f9; width:15px; height:15px; right:14px; top:21px; z-index:11; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.pro_gd .no_ov { margin:16px 35px 0 35px; width:250px; overflow:hidden;}
.pro_gd .m-box {  overflow:hidden; }
.pro_gd .m-box p a { display:inline-block; width:250px; float:left; line-height:35px; text-align:center; }
.pro_gd .m-box p a.mr10 { margin-right:10px; }
.pro_gd .m-box p a img { float:left; }

/*---分享代码---*/

.m-share{ margin-bottom:23px; font-size:13px;}
.m-share span{vertical-align:middle; line-height:25px; float:left; margin:0 10px 0 30px;}
.m-share .m-ico{position:relative;width:320px; margin:0 auto;}

/*---相关新闻---*/

.m-about .list { margin:5px; font-size:12px; line-height:22px;border-bottom:1px solid #e6e6e6; }
.m-about .list a { font-size:14px; height:33px; display:block; line-height:33px; padding-left:8px; overflow:hidden;border-bottom:1px solid #fff; border-top:1px solid #e6e6e6; }
.m-about .list a:nth-child(1) { border-top:0; }
.m-about .list a:last-child { border-bottom:0; }

/*---推荐产品---*/

.m-rec .m-con { width:320px; margin:0 auto; position:relative; font-size:14px; }
.m-rec .prev { width:20px; height:40px; position:absolute; top:50%; margin-top: -35px; left:0; z-index:99; }
.m-rec .prev:before { content:""; position:absolute; background:#bababa; width:12px; height:12px; left:4px; top:14px; z-index:10; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.m-rec .prev:after { content:""; position:absolute; background:#f9f9f9; width:12px; height:12px; left:8px; top:14px; z-index:11; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.m-rec .next { width:20px; height:40px; position:absolute; top:50%; margin-top: -35px;right:0; z-index:99; }
.m-rec .next:before { content:""; position:absolute; background:#bababa; width:12px; height:12px; right:4px; top:14px; z-index:10; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.m-rec .next:after { content:""; position:absolute; background:#f9f9f9; width:12px; height:12px; right:8px; top:14px; z-index:11; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.m-rec .m-nowr { margin:16px 22px 0 22px; }
.m-rec .m-box { height:177px; overflow:hidden; }
.m-rec .m-box p a:nth-child(1){ margin-right:10px;}
.m-rec .m-box p a { display:inline-block; width:132px; float:left; line-height:36px; text-align:center; }
.m-rec .m-box p a.mr10 { margin-right:10px; }
.m-rec .m-box p a img { border:1px solid #e2e2e2; float:left;width:130px;height:130px; }

/*======================================以下为内页更换颜色值的地方=======================================*/

.g-se .u-key{ border:1px solid #00a0e9; }
.g-se .u-bt{ 
background: #00a0e9; /* Old browsers */
background: -moz-linear-gradient(top,  #00a0e9 0%, #00a0e9 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00a0e9), color-stop(100%,#00a0e9)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #00a0e9 0%,#00a0e9 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #00a0e9 0%,#00a0e9 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #00a0e9 0%,#00a0e9 100%); /* IE10+ */
background: linear-gradient(to bottom,  #00a0e9 0%,#00a0e9 100%); /* W3C */}

.g-bd .m-pronav .list1 li:before { border-color: #00a0e9 #00a0e9 transparent transparent; }
.g-bd .m-pronav .list1 li:after { border-color: #fff #fff transparent transparent; }
.g-bd .m-pronav .list1 a { color:#333 ; }

.u-co-bt {color:#fff;
background-color:#00a0e9;
background-image: -webkit-gradient(linear, left top, left bottom, from(#00a0e9), to(#00a0e9)); 
background-image: -webkit-linear-gradient(top, #00a0e9, #00a0e9); 
background-image: -moz-linear-gradient(top,  #00a0e9, #00a0e9); 
background-image: -o-linear-gradient(top,  #00a0e9, #00a0e9); 
background-image: -ms-linear-gradient(top, #00a0e9, #00a0e9); 
background-image: linear-gradient(top, #00a0e9, #00a0e9);}

.g-page a {color:#fff; 
background-color:#00a0e9;
background-image: -webkit-gradient(linear, left top, left bottom, from(#00a0e9), to(#00a0e9)); 
background-image: -webkit-linear-gradient(top, #00a0e9, #00a0e9); 
background-image: -moz-linear-gradient(top,  #00a0e9, #00a0e9); 
background-image: -o-linear-gradient(top,  #00a0e9, #00a0e9); 
background-image: -ms-linear-gradient(top, #00a0e9, #00a0e9); 
background-image: linear-gradient(top, #00a0e9, #00a0e9);}
.g-page .pager-select .page_number .u-pnum { color:#00a0e9 ; }

.s-wc,a.s-wc,.s-wc a{ color:#00a0e9 ; }/*产品标题颜色*/
.m-tit { background:#eee; border-bottom:3px solid #652c7f; }
.m-tit .u-ico:before{ background:#00a0e9; }
.m-tit .u-ico:after{ background:#eee; }
.m-tit.z-spe{border-bottom:1px solid #A9A9A9;} /* 产品详细页标题边框颜色 */





/*------二手车主体信息框架------*/


.car-summary { position:relative;}
.summary-nav{background-color:#f2f2f2;border:0px solid #e6e6e6; width:100%; height:103px;}
.summary-nav.navFix{position:fixed;top:0;z-index:100;width:100%;}
/*------二手车浮动导航右------*/
.summary-nav .nav-right { display:none;}
.summary-nav.navFix .nav-right { display:block;}
.summary-nav .nav-right{padding-right:18px}
.summary-nav .nav-right .nav-price{margin-top:17px;margin-right:30px;font-size:26px;color:#F35F23;line-height:26px}
.summary-nav .nav-right .nav-phone{margin-top:17px;margin-right:30px;font-size:18px;color:#F35F23;line-height:26px}
.summary-nav .nav-right .nav-phone span{color:#212121;padding-right:20px; font-size:18px;}
.summary-nav .nav-right .button-block{height:36px;margin-top:12px;margin-right:20px;line-height:36px;font-size:16px;}
/*------二手车浮动导航左------*/
.summary-nav .summary-nav-tab{display:inline;}
.summary-nav .summary-nav-tab span{display:inline;float:left;width:1px;height:60px;background-color:#e6e6e6}
.summary-nav .summary-nav-tab .tab-item{display:inline;float:left;width:33%;height:48px;line-height:46px;border-top:3px solid #f2f2f2;font-size:16px;color:#212121;text-align:center;cursor:pointer; border-bottom:1px solid #e6e6e6; border-right:1px solid #e6e6e6;}
.summary-nav .summary-nav-tab .tab-item:nth-child(3n) { border-right:0;}
.summary-nav .summary-nav-tab .tab-item:hover{color:#00a0e9;}
.summary-nav .summary-nav-tab .tab-item.active{color:#00a0e9;position:relative;background-color:#fff;border-top-color:#00a0e9;}


/*------车主自述------*/
.car-summary .summary-content{}

/*------车主自述标题------*/
.car-summary .summary-content-title{padding-top:40px;color:#212121;font-size:20px;border-bottom:2px solid #F8F8F8;font-weight:700}
.car-summary .summary-content-title .txt{display:inline-block;padding:0 5px 10px;border-bottom:4px solid #00a0e9;line-height:20px}












