/* CSS Document */
/*--------------------------------------------------------------------------------------start外框架构布局-------------------*/
.header,.footer,.wrap-page{
	position:absolute;
	left:0;
	right:0;
}
.header,.footer{
	background: transparent;
	z-index:900;
}
.header{
	top: 0;	
}
.footer{
	bottom: 0;
}
.wrap-page{
	top:4.5rem;
	bottom:4.5rem;
	overflow-y:auto;
}
.wrap-page-noheader{
	top:0px;
}
.wrap-page-nofooter{
	bottom:0px;
}
.wrap-page-noheaderfooter{
	top:0px;
	bottom:0px;
}




.wrap-page-flex{
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	height: 100%;
	width: 100%;
	background-color:#fff;
}
.wrap-page-single{
	-webkit-box-flex: 1;
	-ms-flex: 1;
	-webkit-flex: 1;
	flex: 1;
	padding:1rem 1rem;
}

/*--------------------------------------------------------------------------------------end外框架构布局-------------------*/
.pdlr-10{
	padding:0 10px;
}
.link-black18{
	background:#000;
	color:#FFF;
	line-height:4.5rem;
	display:block;
	text-align:center;
	font-size:18px;
}
.link-black:hover{
	background:#000;
	color:#FFF;
	line-height:4.5rem;
	display:block;
	text-align:center;
	font-size:18px;
}
/*--end 18号字体黑色背景宽按钮--*/
.link-sdwf{
	background:#d7b14b;
	color:#FFF;
	border:1px solid #d7b14b;
	line-height:4rem;
	display:block;
	text-align:center;
	margin-bottom:1rem;
}
.link-sdwf:hover{
	background:#d7b14b;
	color:#FFF;
	border:1px solid #d7b14b;
	line-height:4rem;
	display:block;
	text-align:center;
	margin-bottom:1rem;
}
/*--end 黄色背景白色字宽按钮与底部空10个像素--*/

.link-jrgwc{
	background:#d7b14b;
	color:#FFF;
	border:1px solid #d7b14b;
	line-height:4rem;
	display:block;
	text-align:center;
	margin-bottom:1rem;
}
.link-jrgwc:hover{
	background:#d7b14b;
	color:#FFF;
	border:1px solid #d7b14b;
	line-height:4rem;
	display:block;
	text-align:center;
	margin-bottom:1rem;
}
/*--end 黄色背景白色字宽按钮与底部空10个像素（加入购物车）--*/
.link-ljdz{
	background:#fff;
	color:#000;
	border:1px solid #000;
	line-height:4rem;
	display:block;
	text-align:center;
	margin-bottom:1rem;
}
.link-ljdz:hover{
	background:#fff;
	color:#000;
	border:1px solid #000;
	line-height:4rem;
	display:block;
	text-align:center;
	margin-bottom:1rem;
}
/*--end 白色背景黑色字宽按钮与底部空10个像素（立即订制）--*//



.toggle {
	    display: block;
	    height: 4.5rem;
	    line-height: 4.5rem;
	    text-align: center;
	    width: 4.5rem;
		color:#fff;
	  }
/*--end 头部菜单按钮menu的样式--*/
.header-cell{
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	background-color:#000;
	justify-content:space-between;
	align-items:center;
	text-align:center;
}
.iconmenu,
.iconcart {
	-webkit-box-flex:0 1 auto;
	-ms-flex: 0 1 auto;
	-webkit-flex:0 1 auto;
	flex:0 1 auto;
	min-width:6.4rem;
	text-align:center;
}
.header-logo{
	-webkit-box-flex: 0 1 100%;
	-ms-flex: 100%;
	-webkit-flex: 100%;
	flex: 100%;
}
.header-logo img{
	width:auto;
	height:4.5rem;
}
.iconcart a span.num{
	color:#ff0000;
}
/*--------------------------------end 头部菜单按钮 LOGO 购物车--*/


.flexslider-banner{
	width:100%; margin:0px; padding:0px; background: #fff;zoom: 1; position:relative;
}
.flexslider-banner img{
	width:100%; height:auto;
}
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 290px; }
.flexslider-banner .slides { zoom: 1;}

/* Direction Nav 左右切换箭头 */
.flex-direction-nav {*height: 0; display:none;}

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; text-align: center; }
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(255,255,255,0.7); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); }
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #d7b14b; background: rgba(215,177,75,0.9); cursor: default; }
.flexslider-banner .flex-control-nav{	bottom:10px;	z-index:999;}
/*--------------------------------end banner---*/


.index-service{
	width:100%;
	clear:both;
	overflow:hidden;
}
.index-service ul{
}
.index-service ul li{
	width:50%;
	float:left;
	text-align:center;
}
.index-service .thumbnail {
	display:block;
	padding:1rem 0.5rem 1rem 0.5rem;
	margin:0px;
}
.index-service .thumbnail a>img, .index-service .thumbnail>img {
	width:100%;
	height:auto;
	margin-right:auto;
	margin-left:auto;
}
.index-service .thumbnail .caption {
	padding:0px; margin:0px; font-size:1.4rem; 
	color:#fff;
}
.index-service .thumbnail .caption h2{
	font-weight:bold;
	color:#d7b14b;
	padding:0.5rem 0rem;
}
/*--------------------------------end 首页四个服务项目---*/
.index-about{
	width:100%;
	padding:2rem 0rem 2.5rem 0rem;
	text-align:center;
	background:url(../images/index-about-bg.jpg) no-repeat;
	width:100%;
	height:auto;
	background-size:cover;
}
.index-about h2{
	font-size:2.4rem;
	font-weight:bold;
	padding:0rem 0rem 0rem 0rem;
}
.index-about p.word{
	font-weight:bold;
	padding:0rem 5.5rem 0.3rem 5.5rem;
}
.index-about p.word2{
	padding:0rem 5.5rem;
}
/*--------------------------------end 首页威根简介---*/
.index-copyright, .footer-copyright{
	text-align:center;
	padding:1rem 0rem;
}
.index-copyright, .index-copyright a{
	color:#FFF;
}
/*--------------------------------end 首页威根版权---*/









.intslist{
	width:100%;
	background-color:#FFF;
}
.intslist ul{
}
.intslist ul li{
	width:100%;
	float:left;
	text-align:center;
}
.intslist .thumbnail {
	display:block;
	padding:1rem 0.5rem 1rem 0.5rem;
	margin:0px;
}
.intslist .thumbnail a>img, .intslist .thumbnail>img {
	width:100%;
	height:auto;
	margin-right:auto;
	margin-left:auto;
}
.intslist .thumbnail .caption {
	padding:1rem 2rem; margin:0px; font-size:1.4rem;
}
.intslist .thumbnail .caption h2{
	font-weight:bold;
	font-size:1.6rem;
	padding:0rem;
}

/*--------------------------------end 汽车内饰改装列表页---*/

.boutlist{
	width:100%;
	background-color:#FFF;
}
.boutlist ul{
}
.boutlist ul li{
	width:50%;
	float:left;
	text-align:center;
}
.boutlist .thumbnail {
	display:block;
	padding:0.5rem 0.5rem 0.5rem 0.5rem;
	margin:0px;
}
.boutlist .thumbnail a>img, .boutlist .thumbnail>img {
	width:100%;
	height:auto;
	margin-right:auto;
	margin-left:auto;
	border:1px solid #e0e0e0;
}
.boutlist .thumbnail .caption {
	padding:0px; margin:0px; font-size:1.4rem; 
}
.boutlist .thumbnail .caption h2{
	font-weight:bold;
	color:#d7b14b;
	padding:0rem;
}
/*--------------------------------end 汽车精品列表页---*/

.garlist{
	width:100%;
	background-color:#FFF;
}
.garlist ul{
}
.garlist ul li{
	width:50%;
	float:left;
	text-align:center;
}
.garlist .thumbnail {
	display:block;
	padding:0.5rem 0.5rem 0.5rem 0.5rem;
	margin:0px;
}
.garlist .thumbnail a>img, .garlist .thumbnail>img {
	width:100%;
	height:auto;
	margin-right:auto;
	margin-left:auto;
}
.garlist .thumbnail .caption {
	padding:0px; margin:0px; font-size:1.4rem; 
}
.garlist .thumbnail .caption h2{
	font-size:1.2rem;
	font-weight:bold;
	color:#d7b14b;
	padding:0rem;
}
/*--------------------------------end 太阳膜 隐形车衣列表页---*/

.intslist h2, .boutlist h2, .garlist h2{
	text-align:center;
	padding:0 2rem;
	font-weight:bold;
}
.intslist h2 p, .boutlist h2 p, .garlist h2 p{
	font-size:1.4rem;
	line-height:2.4rem;
}
/*--------------------------------end 汽车内饰改装 汽车精品 太阳膜列表的标题及标语--*/

.garzbcx{
	width:100%;
	background-color:#FFF;
}
.garzbcx h2{
	font-size:2.4rem;
	text-align:center;
	padding:0 2rem;
	font-weight:bold;
}
.garzbcx ul li{
	width:100%;
	clear:both;
	overflow:hidden;
	padding:0.5rem 1rem;
}
.garzbcx ul li input{
	width:100%;
	border:2px solid #cdcdcd;
	border-radius:0;
	-webkit-appearance: none;/*去除内阴影*/
	line-height:3rem;
}
.garzbcx ul li input[type="button"]{
	background:#d7b14b;
	color:#FFF;
	border:2px solid #d7b14b;
	line-height:4rem;
}
.garzbcx ul li select{
	width:100%;
	border:2px solid #cdcdcd;
	border-radius:0;
	-webkit-appearance: none;/*去除内阴影*/
	line-height:3rem;
}
/*--------------------------------end 质保查询表单 也用在贴膜门店的门店指南搜索--*/


.garzbk{
	width:100%;
	padding:1rem 1rem;
}
.garzbk img{
	width:100%;
	height:auto;
}
.garzbk p.word01{
	width:100%;
	display:block;
	text-align:center;
	color:#d7b14b;
	background:#000;
}
.garzbk p.word02{
	text-align:center;
	color:#fff;
	background:#000;
	font-size:2.4rem;
	padding-bottom:2rem;
}
.garzbk h2{
	font-size:2.4rem;
	text-align:center;
	padding:0 2rem;
	font-weight:bold;
}
.garzbk table{
	border:2px solid #000;
}
.garzbk table tr{
	border-top:1px solid #cdcdcd;
}
.garzbk table tr:first-child{
	border-top-width:0;
}
.garzbk table td{
	background:#FFF;
	padding:5px;
	border-right:1px solid #cdcdcd;
	color:#666;
}
.garzbk table td:last-child{
	border-right-width:0;
}
/*--------------------------------end 质保卡表--*/



.store-list{
	width:100%;
	padding:1rem;
}
.store-list ul li{
	line-height:24px;
	color:#666;
	padding:1rem 0rem;
}
.store-list ul li span{
	font-size:16px;
	color:#000;
	display:block;
}
/*--------------------------------end 贴膜门店每家门店列表 --*/


.sol-banner{
	width:100%;	
}
.sol-banner img{
	width:100%;
	height:auto;
}

.sol-single{
	width:100%;
	padding:1rem;
}
.sol-single img{
	width:100%;
	height:auto;
}
.sollist{
	width:100%;
	margin:0 auto;
	padding:0 2rem;
	clear:both;
	overflow:hidden;
}
.sollist-title{
	width:150px;
	margin:0 auto;
	background:#000;
	color:#FFF;
	text-align:center;
	font-size:18px;
	line-height:40px;
	clear:both;
	overflow:hidden;
}
.sollist p.note{
	color:#ff0000;
	padding:10px 0px 0px 0px;
	text-align:center;
}
	
.sollist ul{
	width:50%;
	float:left;
	padding-top:1rem;
	padding-bottom:1rem;
}

.sollist ul li{
	border:3px solid #e0e0e0;
	padding:10px 10px;
	display:block;
	text-align:center;
	margin-right:1rem;
}
.sollist ul li:nth-child(2n){
	margin-right:0rem;
}
.sollist ul li p{
	padding:0px;
	margin:0px;
}
.sollist ul li p.title{
	font-size:18px;
	padding:5px 0px;
	font-weight:bold;
}
.sollist ul li p.price{
	font-size:14px;
	color:#000;
}
.sol-single table td{
	padding:5px;
	border:1px solid #666;
}
/*--------------------------------end 关怀方案--*/





.intshow{
	width:100%;
	margin:0 auto;
	padding:0 0.5rem;
	clear:both;
	overflow:hidden;
}
.intshow h2{
	font-size:2.4rem;
	text-align:center;
	padding:0 2rem;
	font-weight:bold;
}
.intshow p{
	font-size:1.4rem;
	line-height:2.4rem;
	text-align:center;
	padding:0 2rem;
}
.intshow p.ckprice{
	padding:1rem 0rem;
}
.intshow img{
	width:100%;
	height:auto;
}
.intshow input[type="button"]{
	width:100%;
	line-height:4rem;
	display:block;
}
.boutshow{
	width:100%;
	margin:0 auto;
	padding:0 0.5rem;
	clear:both;
	overflow:hidden;
}
.boutshow h2{
	font-size:2.4rem;
	padding:0rem 0rem;
	font-weight:bold;
}
.boutshow p{
	font-size:1.4rem;
	line-height:2.4rem;
	padding:0rem 0rem;
}
.boutshow p.ckprice{
	padding:1rem 0rem;
}
.boutshow img{
	width:100%;
	height:auto;
}

/*--------------------------------end 汽车内饰改装 汽车精品的详情页--*/






.wg-single{
	width:100%;
	padding:1rem;
	text-align:center;
}
.wg-single img{
	width:100%;
	height:auto;
}
/*--start 百度地图--*/
.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
/*--end 百度地图--*/





/*---------------------------会员及表单-----------------------------------*/

/*----------START个人/代理商登录页的切换----------*/
.login-gq{
	clear:both;
	overflow:hidden;
	margin:0 auto;
}
.login-gq h2{
	color:#333;
	font-size:1.8rem;
	line-height:50px;
	text-align:center;
	cursor:pointer;
	font-weight:bold;
}
.tab{
	zoom:1;
	clear:both;
	overflow:hidden;
	margin:0 auto;
}
.tab li{
	float:left;
	color:#333;
	font-size:1.8rem;
	width:50%;
	line-height:50px;
	text-align:center;
	cursor:pointer;
	font-weight:bold;
}
.tab li.current{
	color:#ff0000;
}
.register-content, .login-content, .fws-content { clear:both;}
.register-content ul, .login-content ul { display:none;margin:0px auto;padding:0px; clear:both; overflow:hidden;}
.register-content ul li, .login-content ul li, .fws-content ul li{
	clear:both;
	overflow:hidden;
}
/*----------END个人/代理商登录页的切换----------*/

.hy{
	width:100%;
	background-color:#FFF;
}
.hy h2{
	font-size:1.8rem;
	text-align:center;
	padding:2rem 2rem 0rem 2rem;
	font-weight:bold;
	text-align:center;
}
.hy ul li{
	width:100%;
	clear:both;
	overflow:hidden;
	padding:0.5rem 1rem;
}
.hy ul li.re a{
	display:block;
	border:2px solid #000;
	line-height:4rem;
	text-align:center;
}
.hy ul li.item{
	border:0;
}
.hy ul li.item .item-after{
	margin:0;
}
.hy ul li.item .item-after span.dxm{
	display:block;
	background:#000;
	color:#FFF;
	padding:0rem 0.5rem;
}
.hy ul li.item .item-after span.dxm a{
	color:#FFF;
	text-decoration:none;
	display:block;
	line-height:4rem;
}
/*--end 会员--*/
.dxm2{
	display:block;
	background:#000;
	color:#FFF;
	padding:0rem 0.5rem;
}
.dxm2 a{
	color:#FFF;
	text-decoration:none;
	display:block;
	line-height:4rem;
}







.bdys input[type="text"]{
	width:100%;
	border:2px solid #cdcdcd;
	border-radius:0;
	-webkit-appearance: none;/*去除内阴影*/
	line-height:3rem;
}
.bdys input[type="password"]{
	width:100%;
	border:2px solid #cdcdcd;
	border-radius:0;
	-webkit-appearance: none;/*去除内阴影*/
	line-height:3rem;
}
.bdys input[type="button"]{
	width:100%;
	background:#d7b14b;
	color:#FFF;
	border:2px solid #d7b14b;
	line-height:4rem;
	display:block;
}


/*-----------------------------End 表单输入框 密码 按钮样式（登陆）----------------------------------*/



.magic-radio,
.magic-checkbox {
  position: absolute;
  display: none; }

.magic-radio[disabled],
.magic-checkbox[disabled] {
  cursor: not-allowed; }

.magic-radio + label,
.magic-checkbox + label {
  position: relative;
  display: block;
  padding-left: 26px;
  cursor: pointer;
  vertical-align: middle; }
  
.magic-radio + label:hover:before,
.magic-checkbox + label:hover:before {
	animation-duration: 0.4s;
    animation-fill-mode: both;
    animation-name: hover-color; }
	
.magic-radio + label:before,
.magic-checkbox + label:before {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 20px;
    height: 20px;
    content: '';
    border: 1px solid #c0c0c0; }
	
.magic-radio + label:after,
.magic-checkbox + label:after {
    position: absolute;
    display: none;
    content: ''; }

.magic-radio[disabled] + label,
.magic-checkbox[disabled] + label {
  cursor: not-allowed;
  color: #e4e4e4; }
  
  .magic-radio[disabled] + label:hover, .magic-radio[disabled] + label:before, .magic-radio[disabled] + label:after,
  .magic-checkbox[disabled] + label:hover,
  .magic-checkbox[disabled] + label:before,
  .magic-checkbox[disabled] + label:after {
    cursor: not-allowed; }
  .magic-radio[disabled] + label:hover:before,
  .magic-checkbox[disabled] + label:hover:before {
    border: 1px solid #e4e4e4;
    animation-name: none; }
  .magic-radio[disabled] + label:before,
  .magic-checkbox[disabled] + label:before {
    border-color: #e4e4e4; }

.magic-radio:checked + label:before,
.magic-checkbox:checked + label:before {
  animation-name: none; }

.magic-radio:checked + label:after,
.magic-checkbox:checked + label:after {
  display: block; }

.magic-radio + label:before {
  border-radius: 50%; }

.magic-radio + label:after {
  top: 7px;
  left: 7px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #ebbf4a; }

.magic-radio:checked + label:before {
  border: 1px solid #ebbf4a; }

.magic-radio:checked[disabled] + label:before {
  border: 1px solid #c9e2f9; }

.magic-radio:checked[disabled] + label:after {
  background: #c9e2f9; }

.magic-checkbox + label:before {
  border-radius: 3px; }

.magic-checkbox + label:after {
  top: 2px;
  left: 7px;
  box-sizing: border-box;
  width: 6px;
  height: 12px;
  transform: rotate(45deg);
  border-width: 2px;
  border-style: solid;
  border-color: #fff;
  border-top: 0;
  border-left: 0; }

.magic-checkbox:checked + label:before {
  border: #ebbf4a;
  background: #ebbf4a; }

.magic-checkbox:checked[disabled] + label:before {
  border: #ebbf4a;
  background: #ebbf4a; }
  
/*-----------------------------end 下次自动登录----------------------------------*/

/*--reset_phone_1的三步骤样式--*/
.steps{
	width:100%;
	clear:both;
	overflow:hidden;
}
.steps ul li{
	float:left;
	width:33%;
	text-align:center;
	font-weight:bold;
}
.steps ul li.active{
	color:#ebbf4a;
}
.steps4{
	width:100%;
	clear:both;
	overflow:hidden;
}
.steps4 ul li{
	float:left;
	width:25%;
	text-align:center;
	font-weight:bold;
}
.steps4 ul li.active{
	color:#ebbf4a;
}
.steps5{
	width:100%;
	clear:both;
	overflow:hidden;
}
.steps5 ul li{
	float:left;
	width:20%;
	line-height:4rem;
	text-align:center;
	font-weight:bold;
}
.steps5 ul li.active{
	color:#ebbf4a;
}

@media(max-width:767px){
	.table-responsive{
		width:100%;
		margin-bottom:15px;
		overflow-x:scroll;
		overflow-y:hidden;
		-webkit-overflow-scrolling:touch;
		-ms-overflow-style:-ms-autohiding-scrollbar;
		border:1px solid #ddd;
	}
}