/*-----------------------------------------------------------------------------
* @Description:     此文件用于配置专题的样式
*                   同样的文件已经在页面中加载了一份，可以编辑一份样式后自动专题配置
* @author:          simon(406400939@qq.com)
* @date             2014.4.16
*---------------------------------------------------------------------------*/

/* ==========================================================================
--重写通用的css设置，此处为不可更改选项
========================================================================== */
.box-shadow .box-gap {
	height: 19px;
	background-position: center bottom;
}

.footer-tips {
	padding-top: 19px;
}
/*-----------------------------------------------------------------------------
* @Description:     用于专题的可配置部分编辑
* @Version:         1.0.0
* @author:          simon(406400939@qq.com)
* @date             2014.4.24
* ==NOTES:=============================================
* v1.0.0(2014.4.24):
*   专题可配置部分：
*       包括：通用样式
*             头部
*             尾部
*             侧边栏
*             整体外观
*             图书列表样式
*             自定义样式
*   可以根据自己的需要，修改
*---------------------------------------------------------------------------*/

/* ==========================================================================
可配置部分说明：
    1.以下部分所有的内容都可以根据具体的专题的需求加以修改
    2.所有的图片需要使用绝对路径，否则可能访问不到; 上传图片，请使用ftp上传到服务器
    3.请留意各个部分的注释，并按照注释进行操作
========================================================================== */

/**
* 专题页通用样式
* 主要控制专题的背景，文字等信息
*/
.evt-container {
	margin-top: -2px;
	font-family: "微软雅黑";
}

/**
* 头部
* 控制头部通栏的样式。注意：头部通栏是在后台html写入的，如果html发生更改，样式也会发生更改
*/
.evt-header .evt-header-img-wrapper img {
	width: 100%;
}

.banner {
	height: 300px;
}
/**
* 尾部
* 控制尾部样式，跟头部功能类似
* 如果不想显示尾部，设置为： .evt-footer{display: none;}
*/
.evt-footer {
	padding: 10px;
}

.evt-footer-inner {
	position: relative;
	zoom: 1;
	width: 882px;
	height: 116px;
	margin: 0 auto;
	padding-left: 116px;
}

.evt-footer-inner .scroll-2-top {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 66px;
	height: 66px;
	padding: 25px;
	background: #ff6f20;
	color: #fff;
	font-size: 28px;
	text-align: center;
	text-decoration: none;
	line-height: 32px;
}

.evt-footer-inner li {
	display: block;
	float: left;
	width: 174px;
	height: 58px;
	margin: 0 0 1px 1px;
	text-align: center;
	line-height: 58px;
}

.evt-footer-inner li a {
	display: block;
	height: 100%;
	background: #8b58cf;
	color: #fff;
	font-size: 18px;
	text-decoration: none;
}

/**
* 侧边导航栏
* 用户控制页面右侧自动导航
* 默认为不显示，如果想要显示，位置  .evt-nav{display: block;}
*/
.evt-content {
	position: relative;
}

.evt-nav {
	visibility: hidden;
	position: fixed;
	width: 150px;
	z-index: 110;
	background: #FFFDE6;
	margin-left: 20px;
	right: 20px;
	top: 50%;
	border : 1px solid white;
	border-radius: 6px;
	box-shadow: 5px 2px 6px #000;
	_position: absolute;
    _top: expression(documentElement.scrollTop +
		 documentElement.clientHeight-this.offsetHeight);
}

.evt-nav li a {
	display: block;
	height: 30px;
	margin: 5px 2px;
	color: #000;
	font-size: 18px;
	text-align: center;
	text-decoration: none;
	line-height: 30px;
	border: 1px solid #FFFDE6;
}

.evt-nav li a:hover {
	box-shadow: 0px 0px 5px #5FBFE7;
	border: 1px solid #5FBFE7;
	border-radius: 5px;
	transition-property: border, box-shadow;
	transition-duration: .5s;
	transition-timing-function: ease-in, ease-out;
	transition-delay: .0 .5s;
}

.evt-nav li.select a {
	
}

/**
* 整体外观
* 用户列表页展示的整体外观控制
* 注意，即便是只有大类，没有二级类，在具体实现的时候，也是按照图书在二级类处理的
*/

/*大类容器*/
.evt-level1 {
	margin-top: 12px;
}

.level1-holder {
	width: 80%;
	margin: 0 auto;
}
/*大类标题，通常为图片*/
.level1-title {
	display: block;
	text-align: center;
}

.level1-title img {
	display: block;
	width: 100%;
	border-radius: 6px;
	box-shadow: 5px 2px 6px #000;
}
/*小类导航*/
.level2-nav {
	height: 48px;
	overflow: hidden;
	line-height: 48px;
	margin-top: 10px;
}

.level2-nav li {
	display: inline-block;
	height: 100%;
	font-size: 17px;
}

.level2-nav li a {
	display: block;
	height: 100%;
	background: #d6c9ff;
	color: #7261a8;
	text-align: center;
	text-decoration: none;
}

.level2-nav li a:hover {
	background: #9f4c9a;
	color: #fff;
}

.level2-nav li.select a {
	background: #9f4c9a;
	color: #fff;
}
/*二级列表容器*/
.level2-content ul {
	position: relative;
	display: none;
	padding: 2.5px;
}

.level2-content ul.show {
	display: inherit;
}

.level2-content ul .get-more {
	display: inline-block;
	position: absolute;
	right: 8px;
	bottom: 0;
	padding-right: 16px;
	background:
		url(http://static.welan.com//upload/zhuanti/img/ico-get-more.png) right
		center no-repeat;
}

.event-level1 .level1-holder .level2-content .show {
	display: inherit;
}

/**
 * 用于二级导航自动控制宽度，
 * 比如专题主体的宽度为980px， 那么：
 *  col-1 代表二级导航只有1列的情况，宽度为980px
 *  col-2 代表二级导航只有两列的情况，宽度为980/2=499px
 *  ...(以此类推)
 */
.col-1 li {
	width: 980px;
}

.col-2 li {
	width: 480px;
}

.col-3 li {
	width: 326.66px;
}

.col-4 li {
	width: 245px;
}

.col-5 li {
	width: 196px;
}

.col-6 li {
	width: 163.33px;
}

.col-7 li {
	width: 140px;
}

.col-8 li {
	width: 122.5px;
}

/**
* 图书展示样式1
* 如果需要此种样式，则将样式2，样式3的css代码删除或者注释掉
*/

/* 
.level2-content ul li{ float: left; width: 190px; height: 290px; margin: 2.5px; }
.book-cover{ display: block; height: 160px; margin: 15px; }
.book-cover img{ max-height: 160px; max-width: 160px; }
.level2-content .evt-book-name{ display: block; height: 52px; padding: 0 15px; color: #333; font-family: "宋体"; overflow: hidden; line-height: 26px; }
.evt-book-buy-info{ position: relative; zoom: 1; margin-top: 5px; padding: 0 97px 0 15px; }
.current-price{ display: block; }
.current-price .price-title{ display: none; }
.current-price strong{ color: #f00; letter-spacing: -1px; word-spacing: -1px; }
.current-price .price-symbol{ display: inline-block; width: 12px; margin-left: -2px; font-size: 14px; }
.current-price .price-yuan{ font-size: 18px; }
.current-price .price-dot{ font-size: 14px; letter-spacing: -1px; }
.current-price .price-fen{ font-size: 14px; }
.original-price{ display: none; }
.btn-add-cart{ position: absolute; right: 15px; top: 5px; padding-left: 23px; background: url(http://sf.wl.cn/upload/zhuanti/img/ico-cart.png) left center no-repeat; color: #146ec1; font-family: "宋体"; } */

/**
* 图书展示样式2
* 如果需要此种样式，则将样式1，样式3的css代码删除或者注释掉
*/
.level2-content ul li {
	float: left;
	width: 190px;
	height: 290px;
	margin: 2.5px;
	background: white;
	border-radius: 6px;
	box-shadow: 5px 2px 6px #c6c6c6;
}

.book-cover {
	display: block;
	height: 160px;
	margin: 15px;
}

.book-cover img {
	max-height: 160px;
	max-width: 160px;
}

.level2-content .evt-book-name {
	display: block;
	height: 34px;
	padding: 0 5px;
	color: #333;
	font-family: "宋体";
	overflow: hidden;
}

.evt-book-buy-info {
	position: relative;
	zoom: 1;
	height: 53px;
	margin-top: 5px;
	padding: 8px 72px 0 5px;
}

.current-price {
	display: block;
}

.current-price .price-title {
	display: none;
}

.current-price strong {
	color: #f00;
	letter-spacing: -1px;
	word-spacing: -1px;
}

.current-price .price-symbol {
	display: inline-block;
	width: 12px;
	margin-left: -2px;
	font-size: 18px;
}

.current-price .price-yuan {
	font-size: 18px;
}

.current-price .price-dot {
	font-size: 18px;
	letter-spacing: -1px;
}

.current-price .price-fen {
	font-size: 18px;
}

.original-price {
	display: block;
	color: #999;
}

.btn-add-cart {
	position: absolute;
	display: inline-block;
	right: 5px;
	top: 4px;
	width: 67px;
	height: 45px;
	background:
		url(http://static.welan.com//upload/zhuanti/img/evt-btn-add-cart.png) left
		center no-repeat;
	color: #146ec1;
	font-family: "宋体";
	text-indent: -99999px;
}

/
**
* 图书展示样式3
* 如果需要此种样式，则将样式1，样式2的css代码删除或者注释掉
 
.level2-content ul {
	background: #fff;
}

.level2-content ul li {
	float: left;
	width: 190px;
	padding: 2.5px 2.5px 9px 2.5px;
	margin: 14px;
}

.level2-content .one-book {
	/* 	height: 338px; */
	/* 	border: 1px solid #89e6ee; */
	
}

.book-cover {
	display: block;
	height: 160px;
	margin: 15px;
}

.book-cover img {
	max-height: 160px;
	max-width: 160px;
}

.level2-content .evt-book-name {
	display: block;
	height: 36px;
	border-bottom: 1px dashed #89e6ee;
	padding: 8px 15px;
	color: #333;
	font-family: "宋体";
	overflow: hidden;
	line-height: 36px;
}

.evt-book-buy-info {
	position: relative;
	zoom: 1;
	margin-top: 5px;
	padding: 46px 15px 0 15px;
}

.current-price {
	display: block;
	position: absolute;
	left: 15px;
	top: 19px;
}

.current-price .price-title {
	display: inline;
	color: #f00;
	font-size: 14px;
	font-family: "宋体";
}

.current-price strong {
	color: #f00;
	letter-spacing: -1px;
	word-spacing: -1px;
}

.current-price .price-symbol {
	font-size: 20px;
	margin-right: 5px;
}



.current-price .price-yuan {
	font-size: 16px;
}

.current-price .price-dot {
	font-size: 16px;
	letter-spacing: -1px;
}

.current-price .price-fen {
	font-size: 16px;
}

.original-price {
	display: block;
	position: absolute;
	left: 15px;
	top: 0;
	height: 19px;
	color: #666;
	font-family: "宋体";
	text-decoration: line-through;
}

.original-price .price-symbol {
	width: 12px;
	font-family: "微软雅黑";
	letter-spacing: -5px;
	word-spacing: -5px;
}

.original-price strong {
	font-weight: normal;
}

li.nav-scroll-top a {
	font-size: 40px;
	color: gray;
}

.nva-visibility{
	visibility : visible;
	border:0px solid white;
	
}