﻿@charset "utf-8";
/*
将具有默认margin和padding的标记置零
*/
/*
 * 修正IE5.x和IE6的斜体溢出bug
 * @bugfix
 * @css-for    IE 5.x/Win, IE6
 */
 
	/** html body{overflow:visible;}
	* html iframe, * html frame{overflow:auto;}
	* html frameset{overflow:hidden;}*/

/* @group 常用标签 */
	/*
	 * 基本标签默认样式取消
	 * @overlay HTML标签
	 * @desc 取消基本标签默认样式,防止不同浏览器显示效果不同
	 * @Prop text-align:center; 解决不同浏览器剧中问题
	 */
	body{color:#000;background:#fff; font-family:Arial, Helvetica, sans-serif,宋体; font-size:12px; text-align:center;}
	body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,img,div,tr,span{margin:0;padding:0;}
	input,select{font-size:12px; vertical-align:middle;}    /*表单元素字号位置设置*/
	/*
	 * 设置内容左对齐
	 * @overlay div
	 * @desc 恢复因BODY设置剧中产生的继承
	 */
	body div{text-align:left;}  /*统一div内容左浮动*/
	/*统一内补丁  */
	.Pad_0{padding:0!important;}
	.Pad_5{padding:5px!important;}
	.Pad_10{padding:10px!important;}
	/*
	 * 标签属性
	 * @overlay textarea,input
	 * @desc 强制输入时内容超出时换行
	 */
	textarea,input{word-wrap:break-word; word-break:break-all; padding:0px;}
	/*
	 * 清除ul列表标记的样式
	 * @overlay  li
	 * @desc	ul列表更多的用在不需要列表前置符号的样式里
	 */
	li{list-style-type:none;}
	/*
	 * 定义图片边框
	 * @overlay img
	 * @desc	当图片作为链接内容被填充时，会有默认边框出现，重定义掉
	 */
	img{border:0 none;}
	/*
	 * 定义默认的链接样式
	 * @overlay a
	 * @desc	仅仅是作为默认样式提供，可以在各自的实例中覆盖掉
	 */
	a{
		font-size:12px;
		font-family:Arial, Helvetica, sans-serif,宋体;
		color:#000;
		text-decoration: none;
	}
	a:hover{
		/*color:#F60;*/
		text-decoration:none;
	}
	.hov_NOline:hover{
		text-decoration:none!important;
	}
	/*    去掉链接的虚线框     */
	/*  	a {outline: none;  	a {star:expression(this.onFocus=this.blur()); */ 
	.Botline_xu{ border-bottom:1px #999 dotted;}
	/*
	 * 定义H系列标签
	 * @overlay HN
	 * @desc  覆盖H系列标签默认属性
	 */
	
	
	/*定义字体*/
	.FontS{font-family:宋体;}
	.FontH{font-family:黑体;}
	.FontW{font-family:微软雅黑;}
/* @end */
   
   
	hr {
		color:#fff;
		background:transparent;
		margin:0 0 0.5em 0;
		padding:0 0 0.5em 0;
		border:0;
		border-bottom:1px #eee solid;
	}


/* @group 通用属性定义 */
	/*  鼠标样式 */
	.pointer{cursor:pointer;}
	
	/* 取消边框 */
	.NoBorder{border:0 none;}
	
	/*  文本对齐方式  */
	.t-l{text-align:left;}  /*文本左对齐*/
	.t-c{text-align:center;} /*文本居中对齐*/
	.t-r{text-align:right;} /*文本右对齐*/

	/*
	 * 字母和单词换行设置
	 * @class Break 强制内容换行
	 * @class Nobreak 强制内容不换行
	 */
	.Break{word-break:break-all; word-wrap:break-word;}
	.Nobreak{word-break:keep-all; word-wrap:normal;}

	/*     浮动定义   */
	.FL{float:left;}
	.FR{float:right;}
	
	/*  定义文本下划线  */
	.UnLine{text-decoration:underline;}          /*   有下划线   */
	.none_unLine{text-decoration:none;}          /*  没有下划线  */
	
	/*    定位关系     */
	.absolute{position:absolute;}
	.relative{position:relative;}
	
	/*   ul列表	*/
	.ul-fl{
		clear:both;
	}
	.ul-fl li{
		float:left; height:23px; line-height:23px; overflow:hidden; width:280px;        /*横向布局li列表需要设定宽度*/
	}
	.ul-no-f li{
		height:23px; width:100%; overflow:hidden; line-height:23px; padding-left:20px;        /*纵向布局li列表*/
	}

/* @end */ 


/* 通用容器 */
	.wrapper{clear: both; overflow: hidden;}

/* @group 隐藏元素 */
	
	/*
	 * 内容益处隐藏元素
	 * @class o-hidden
	 * @desc 当元素内容内容超出元素height 或 width 时，隐藏之
	 */
	.o-hidden{overflow:hidden;}
	/*
	 * 隐藏元素（元素不显示但是占空间）
	 * @class invisible
	 * @desc	visibility可以隐藏元素，但是还是会在布局中占位
	 */
	.invisible{visibility:hidden;}
	/*
	 * 从页面布局上隐藏元素
	 * @class hidden
	 * @desc	从布局上隐藏元素
	 */
	.hidden{display:none;}
	.block{display:block;}
/* @end */

/*
 * 清理元素
 * @class clear
 * @desc	清理浮动元素,当浮动换行时后面元素不希望浮动，添加此属性，防止IE BUG
 */
	.clear{clear:both; height:0px; width:100%; font-size:1px; line-height:0px; visibility:hidden; overflow:hidden;}
    .blank{clear:both; height:10px; overflow:hidden;}

/*   常用样式定义  */
	
	/*
	 * 边框定义
	 * @Pro 由大写B开头,表示系统公用边框样式
	 * @desc 常用样式可更具一个项目的样式使用频率重新定义,扩展
	 */
	.Bord1_cGray{border:1px solid #ccc;}                     /*普通1像素灰色边框*/
	.Bord2_cGray{border:2px solid #999;}                     /*普通2像素灰色边框*/
	.Bord3_cGray{border:3px solid #999;}                     /*普通3像素灰色边框*/
	.Bord4_cGray{border:4px solid #999;}                     /*普通4像素灰色边框*/
	.Bord5_cGray{border:5px solid #999;}                     /*普通5像素灰色边框*/
	
	/*  边框宽度  (BW开头)    */
	.BW1{border-width:1px;}
	.BW2{border-width:2px;}
	.BW3{border-width:3px;}
	.BW4{border-width:4px;}
	.BW5{border-width:5px;}
	
	/*    边框样式 (Bs开头)    */
	.BsS{border-style:solid;}
	.BsD{border-style:dotted;}
	
	/*    边框颜色  (Bc开头)   */
	.BcBlue{border-color: #0000FF;}
	.BcBlack{border-color: #000;}
	
	/*   去除边框   */
	.NObor_top{ border-top:0!important;}
	.NObor_bottom{border-bottom:0!important;}
	.NObor_left{ border-left:0!important;}
	.NObor_right{ border-right:0!important;}
	
	/*   下划直线   */
	.BotLine{border-bottom:1px solid #ccc; overflow:hidden;}

	/*
	 * 宽度定义
	 * @Pro 由小写C开头,表示color
	 * @desc 常用样式可更具一个项目的样式使用频率重新定义,扩展
	 
	.W1024,.W786,.W975,.W972{width:968px;margin:0 auto;}
	.W1024{width:1024px;}
	.W786{width:786px;}
	.W975{width:975px;}
	.W972{width:972px;}
	*/
	/*  重置背景为无  */
	.bg_none{
		background:none!important;
	}
	
	/*
	 * 颜色功能定义
	 * @Pro 由小写C开头,表示color
	 * @desc 常用样式可更具一个项目的样式使用频率重新定义,扩展
	 */
	.cRed{color:#e73f3e;}             /* 定义文字红色 */
	.cWhite{color:#FFF;}           /* 定义文字白色 */
	.cGreen{color:#3d7f01;}           /* 定义文字绿色 */
	.cGray_ccc{color:#ccc;}        /* 定义文字浅灰色 */
	.cGray_999{color:#999;}        /* 定义文字中灰色 */
	.cGray_666{color:#666;}        /* 定义文字深灰色 */
	.cBlue{color:#00F;}            /* 定义文字蓝色 */
	.cblack{color:#000;}           /* 定义文字黑色 */
	.cyellow{color:#FF6600;}       /* 定义文字黄色 */
	/*
	 * 定义字体样式
	 * @Pro 由大写字母F开头,表示FONT
	 * @desc 常用样式可更具一个项目的样式使用频率重新定义,扩展
	 */
	
	/*  字体样式 */
	.FB{font-weight:bold;}
	.FN{ font-weight:normal;}
	.FI{font-style:italic;}
	
	
	/*  字体大小  */
	.F10{font-size:10px;}
	.F12{font-size:12px;}
	.F13{font-size:13px;}
	.F14{font-size:14px;}
	.F16{font-size:16px;}
	.F18{font-size:18px;}
	.F22{font-size:22px;}
	.F25{font-size:25px;}
	.F28{font-size:28px;}
	.F30{font-size:30px;}
	.F35{font-size:35px;}
	.F40{font-size:40px;}
	
	/*
	 * 定义间距,上下2个DIV间距
	 * @Pro 使用DIVH开头.
	 * @desc 上下DIV有间距时使用,尽量不使用margin/padding值,防止不同浏览器出现BUG,
	 *	     使用下面属性可兼容大多浏览器.
	 */
	.DivH15,.DivH18,.DivH20,.DivH23,.DivH25,.DivH30,.DivH40{width:100%;overflow:hidden;}

	.DivH15{height:15px;}
	.DivH18{height:18px;}
	.DivH20{height:20px;}
	.DivH23{height:20px;}
	.DivH25{height:25px;}
	.DivH30{height:30px;}
	.DivH40{height:40px;}
	
	/*
	 * 定义行高
	 * @class LH
	 * @desc 使用较少,主要定义line-height属性
	 */
	/*
	.LH10{line-height:10px;} 
	*/
	.LH15{line-height:15px;}
	.LH18{line-height:18px;}
	.LH20{line-height:20px;}
	.LH23{line-height:23px;}
	.LH25{line-height:25px;}
	.LH30{line-height:30px;}
	.LH40{line-height:40px;}
	.LH0{ line-height:normal;}
	
	/*
	 * 标题样式定义
	 * @Pro PTit
	 * @desc 在定义p标签元素或其它元素时,需要同时定义行高和高度,一般使用在标题显示中.
	 */
	
	.PTit10,.PTit15,.PTit18,.PTit20,.PTit22,.PTit25,.PTit30{width:100%;	overflow:hidden;}       /*  统一普通标题样式防止溢出   */
	.PTit30{line-height:30px;height:30px;}                    /*  统一普通标题高度及行高   */
	.PTit25{line-height:25px;height:25px;}
	.PTit22{line-height:22px;height:22px;}
	.PTit20{line-height:20px;height:20px;}
	.PTit18{line-height:18px;height:18px;}
	.PTit15{line-height:15px;height:15px;}
	.PTit10{line-height:10px;height:10px;}
	/* 
	.PTit1{line-height:1px;height:1px;}
	 */
	
	/*
	 * MORE更多样式设计
	 * @Pro MORE
	 * @desc 显示在右侧更多/MORE样式,可根据需求扩展
	 */
		
	.more{text-align:right; float:right; height:28px; line-height:28px; margin-top:-28px; font-size:12px; font-weight:100;}       /*自定义more样式*/
	.more2{text-align:right; float:right; height:34px; line-height:34px;  font-size:12px; font-weight:100;}   
	.More{text-align:right; position:absolute; top:0; right:3px;}  
	
	/* 定义图片垂直居中  */
	.align_M{
		vertical-align:middle;
	}
	/* 定义盒子外补丁  */
	.margin5{margin:5px;}
	.margin10{margin:10px;}
	.margin15{margin:15px;}
	.margin20{margin:20px;}
	.margin25{margin:25px;}
	.margin30{margin:30px;}
	
	.ml5{margin-left:5px;}
	.ml10{margin-left:10px;}
	.ml20{margin-left:20px;}
	.ml30{margin-left:30px;}
	
	.mr5{margin-right:5px;}
	.mr10{margin-right:10px;}
	.mr15{margin-right:15px;}
	.mr20{margin-right:20px;}
	.mr30{margin-right:30px;}
	
	.mt5{margin-top:5px;}
	.mt10{margin-top:10px;}
	.mt15{margin-top:15px;}
	.mt20{margin-top:20px;}
	.mt30{margin-top:30px;}
	
	.mb10{margin-bottom:10px;}
	.mb20{margin-bottom:20px;}
	.mb30{margin-bottom:30px;}
	
	.p1{padding:1px;}
	.p5{padding:5px;}
	.p10{padding:10px;}
	
	.pb5{padding-bottom:5px;}
	.pb10{padding-bottom:10px;}
	
	
	.pt5{padding-top:5px;}
	.pt10{padding-top:10px;}
	.pt20{padding-top:20px;}
	.pt30{padding-top:30px;}
	.pl10{padding-left:10px;}
	.pl20{padding-left:20px;}
	.pl30{padding-left:30px;}
	.pr10{padding-right:10px;}
	.pr20{padding-right:20px;}
	.pr30{padding-right:30px;}
	/* 定义盒子居中  */
	.margin_center{margin:auto;}
	
	
	/* 定义内容居中  */
	.text_center{text-align:center;}
	
	
	/*
	 * 普通列表样式定义
	 * @desc 文章列表样
	 * @use  一般列表使用,ul li列表
	 */
	.ArtList20,.ArtList25,.ArtList22,.ArtList24{width:100%; overflow:hidden; margin:0 auto;}          /*  ul列表样式   */
	.ArtList20 li{width:100%; height:20px; line-height:20px; overflow:hidden;}             /*  行高为20的li列表样式   */
	.ArtList25 li{width:100%; height:25px; line-height:25px; overflow:hidden;}             /*  行高为5的li列表样式   */  
	.ArtList24 li{width:100%; height:24px; line-height:24px; overflow:hidden;}            /*  行高为24的li列表样式   */
	.ArtList22 li{width:100%; height:22px; line-height:22px; overflow:hidden;}            /*  行高为22的li列表样式   */
	
	/*  表单元素边框   */
	
	/*input,select{
		border:1px #999 solid!important;
	}*/
	/*         统一单行文本框的样式         */
	.input_k{
		height:19px;
		line-height:19px;
		border:1px #ccc solid;
	}
/* @end  */

/*           加载960背景图片             */
	.960_12_bgimg{
		background: #fff url(../images/12_col.gif) repeat-y center top;         /*   加载960框架12列背景图片  */
	}
	.960_16_bgimg{
		background: #fff url(../images/16_col.gif) repeat-y center top;         /*   加载960框架16列背景图片  */
	}
	.960_24_bgimg{
		background: #fff url(../images/24_col.gif) repeat-y center top;         /*   加载960框架24列背景图片  */
	}

/*--------------------商城统一设置------------------*/

	/*----------文字设置----------*/
	
	.shopping_del_price{                /*   原价   */     
		text-decoration:line-through;  
		color:#999;                    
	}
	.shopping_price{                    /*   现价   */    
		font-size:14px;               
		font-weight:bold;             
		color:#FF0000;           
	}
	.shopping_name a{                   /*   商品名称   */    
		color:#3366CC;
	}
	.shopping_name a:hover{             /*   商品名称鼠标经过样式   */  
		color:#FF6600;                  
		text-decoration:underline;       
	}
	.shopping_xx_price{                 /*   详细页面商品价格   */  
		font-size:24px; 
		color:#FF0000; 
		font-weight:bold; 
	} 
	.shopping_xx_name{                  /*    详细页商品名称文字样式    */
		color:#000;
		font-size:15px;
		font-weight:bold; 
	}
	.other_price{                       /*   其他价格文字颜色   */  
		color:#FF6600;
	}
	.yishou{                            /*   已售数量文字颜色   */  
		color:#CC9933;
	}
	.Comments{                          /*   评论文字颜色   */  
		color:#0066CC;
	}
	
	.W2{
		width:200px;
	}
	
/*   END   */