﻿@CHARSET "UTF-8";

/*
 *@description:模块CSS
 *@author:xyk
 *@update:xyk(2013.3.5) 
 */

/* module：文字列表模块，用于通知列表、个人中心列表等 */
.text-list{
	border:1px solid #dedede;
	margin-bottom:10px;
}
/*除首页外的所有栏目bar样式*/
.bar{
	width:100%;
	height:35px;   
	line-height:35px;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#DDDDDD)); /* for Chrome */
	background: -moz-linear-gradient(top,  #ffffff,  #DDDDDD); /* for Firefox */
	background: -ms-linear-gradient(top,  #ffffff,  #DDDDDD); /* for IE10 */
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#DDDDDD'); /* for IE */
}
	.bar h3{
		display:inline;
		margin-left:10px;
	}
/*选择当前栏目时的文字样式*/
.current{
	color:#006; 
	font-weight: bold;
}
	.content ul{
		line-height:24px;
	}
/*列表间隔背景颜色样式*/
.list-bg{
	background-color:#f1f1f1;   
}
/*****************************************************************************************************************************************************/

/*****************************************************************************************************************************************************/

/* module：图文列表模块(上图下字)，用于热卖商品列表、商品总列表等 */
.p-t{
	display:block;
	width: 100%; 
	margin-bottom:10px;
}
.pt{
	float:left;
	width:162px;
	height:250px;
	text-align: left;
	margin: 10px 10px 0 10px; 
}
.pt-pic {
	display: block;
	width:160px;
	height:160px;
	background-color:#f1d1e1;
    border:1px solid #dedede;
    margin-bottom: 5px;
}
.pt-txt{
	display:block;
	text-align: center;
}
.pt-txt a {
	text-align: left;
	margin: 0;
}
.pt-txt p{
	display:block;
	line-height:18px;
}
/*价格*/
.pt-txt .price {
    color: #cc0000;
}
/*销量*/
.pt-txt .volume {
    color:#36F;
}
/***********************************************************************************************************************************************/

/* module： 分类供应商页的商品种类选择框*/
.types{
	clear:both;
	float:left;
	width:980px;
	height:320px;
	border:1px solid #d7d7d7;
	background-color:#fdfdfd;
	margin-bottom: 10px; 
}
.types ul{
	margin-top:10px;
	margin-left:10px;
}
.types li{
	float:left;
	display:block;
	line-height:28px;
	text-align:center;
}
.types ul li a{
	float:left;
	padding:0 5px 0 5px;
	margin-left:10px;
	color:#03C;
}
.types ul li a:hover{
	text-decoration:none;
	background-color:#06F;
	color:#fff;
}
.types ul{
	clear:both;
	float:left;
	display:block;
}
.computer,
.software,
.digital,
.equipment,
.consumable,
.server,
.appliance,
.vehicle{
	width:90px;
	height:28px;
	background:url(../Image/label.png) no-repeat 0 0;
}
/***********************************************************************************************************************************************/

/* module：商品配置筛选框*/
.screen{
	clear:both;
	width:780px;
	height:320px;
	border:1px solid #fce6a3;
	background-color:#fff;
	margin-bottom:10px;
}
.screen ul .here a{
	background-color:#06F;
	color:#fff;
}
.screen-title{
	height:34px;
	background: -webkit-gradient(linear, left top, left bottom, from(#feefe5), to(#ffffff)); /* for Chrome */
	background: -moz-linear-gradient(top,  #feefe5,  #ffffff); /* for Firefox */
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#feefe5',endColorstr='#ffffff'); /* for IE */
}
.screen-title span{
	text-align:left;
	line-height:34px;
	margin-left:10px;
	color:#dd5f0a;
}

.screen-title span a{
	text-decoration:none;
	float:right;
	margin-right:10px;
}
.screen-title span a:hover{
	text-decoration:underline;
}
.screen ul{
	display:block;
	margin-left: 10px;
	border-bottom:1px dotted #fce6e3;
}
.screen ul li{
	float:left;
	margin-bottom:5px;
	padding:4px;
}
.screen ul li a{
	text-decoration:none;
	color:#03F;
	padding:4px;
}
.screen ul li a:hover{
	background-color:#06F;
	color:#fff;
}
.no-goods{
	float:left;
	width:100%;
	height:34px;
	border:1px solid #f6c6ac;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff4e7), to(#fadeca)); /* for Chrome */
	background: -moz-linear-gradient(top,  #fff4e7,  #fadeca); /* for Firefox */
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff4e7',endColorstr='#fadeca'); /* for IE */
}
.no-goods span{
	float:left;
	line-height:34px;
	text-align:left;
	color:#dd5f0a;
	margin-left:10px;
}
/***********************************************************************************************************************************************/

/* module：普通商品列表（table）*/
table{
	clear:both;
	display:''; /*解决表格在IE下正常，在Firefox下不正常的问题*/
	line-height:30px;
	border:1px solid #dedede;
}
/*表头*/
/* th{
	font-family: "宋体";
	font-size: 14px;
	text-align:center;
	background: -webkit-gradient(linear, left top, left bottom, from(#d4e9ff), to(#f2f8ff)); for Chrome
	background: -moz-linear-gradient(top,  #d4e9ff,  #f2f8ff); for Firefox
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d4e9ff',endColorstr='#f2f8ff'); for IE
} */
/*各行内容*/
th, td{
	text-align:center;
	line-height:45px;
}
td img{
	float: left;
	width: 80px;
	height: 80px;
	margin: 5px 0 0 5px;
}
/*延保*/
td em{
	padding: 5px;
	background-color:#F90;
	color:#fff;
}
td a{
	color: blue;
}
td a:hover{
	color: #f60; /*强制覆盖公共样式*/
}
/*列表间隔背景颜色样式*/
.list-bg{
	background-color:#f1f1f1;   
}
/***********************************************************************************************************************************************/

/* module：警示框，对比框，购物按钮区域，分配商品信息栏等*/
.column{
	margin-bottom:10px;
	width: 400px; /*自定义大小*/
	height: 100px; /*自定义大小*/
	border:1px solid #F5b271;
	background-color:#Fef8e2;
}
/***********************************************************************************************************************************************/

/* module：箭头进度图片1——订单过程 */
.steps-1{
	margin-top:30px;
	margin-bottom:10px;
	width:988px;
	height:42px;
	background:url(../Image/arrow_btn.png) no-repeat 0 0;
}
.step-1{
	background-position:0 0;
}
.step-2{
	background-position:0 -42px;
}
.step-3{
	background-position:0 -84px;
}
.step-4{
	background-position:0 -126px;
}
.steps-1 li{
	display:inline;
	float:left;
	height:42px;
	line-height:42px;
	text-indent:-9999px;
}
/***********************************************************************************************************************************************/

/* module：箭头进度图片2——询价过程 */
.steps-2{
	margin-bottom:10px;
	width:988px;
	height:42px;
	background:url(../Image/arrow_btn2.png) no-repeat 0 0;
}
.step-1{
	background-position:0 0;
}
.step-2{
	background-position:0 -42px;
}
.step-3{
	background-position:0 -84px;
}
.step-4{
	background-position:0 -126px;
}
.step-5{
	background-position:0 -168px;
}
.step-6{
	background-position:0 -210px;
}
.steps-2 li{
	display:inline;
	float:left;
	height:42px;
	line-height:42px;
	text-indent:-9999px;
}
/***********************************************************************************************************************************************/

/* module：分页——页码 */
.page{
	width: 100%;
	height: 60px;
	line-height: 20px;
	/* border: 1px solid #dedede; */
	margin-top: 20px;
}
.page-l{
	float: left;
	margin-left: 10px;
	margin-top: 20px;
}
.page-r{
	float: right;
	/* *margin: 5px 10px 10px 0; */
	margin-right: 10px; 
	/* padding: 0 !important; */
	cursor: pointer;
}
.page-r a{
	font-size: 12px;
	margin-left: 6px;
	float: left;
	padding: 8px 12px;
	border: 1px solid #c1c1c1;
	color: #666 !important;
	text-decoration: none !important;
}
.page-r a:hover{
	text-decoration: none !important;
	background-color: #dedede;
	color: #666 !important;
}
.page-c{
	color: rgb(253,109,1) !important;
	background-color: rgb(255,237,225) !important;
	border: 1px solid rgb(253,109,1) !important;
	font-weight: bold;
}
.page-r > .noclick{
	color: #c1c1c1 !important;
	background-color: #fff !important;
	border: 1px solid #c1c1c1 !important;
	cursor: default;
}
.page-r > .noclick:hover{
	color: #c1c1c1 !important;
	background-color: #fff !important;
	border: 1px solid #c1c1c1 !important;
	cursor: default;
}
/***********************************************************************************************************************************************/
