﻿@charset "utf-8";
/*	
	版本信息:
		基础样式最后修改:2010-01-06
		联系:Uriel(uriel.hu@gmail.com)
		
	适用范围:
		本样式表专为PPTV常规 合作页|专题页 优化
		
	结构模块:
		1.reset		html标签的默认样式
		2.routine	常用预置样式
		3.layout	页面结构样式
		4.detail	网页详细样式
	
		模块说明：
			1.reset		模块关系全局，修改需非常慎重！
			2.routine	模块为常用预置样式，禁止修改！
			3.detail	模块用于配置网页详细样式
		
	命名约定：
		1.不使用大写形式的类名和id名
		2.尽可能使用描述性的英文单词的组合作为类名和id名
		3.类名或id名的多个英文单词之间使用"_"下划线分隔
		4.不要求多个英文单词之间一定要使用间隔符
		
	常用hack手段:
		注意：良好的结构比任何hack都好，尽量少用。
			width:1px;*width:1px;_width:1px;	ff,ie7,ie6
*/

/*reset start*/
	html{height:100%;}
	body{color:#000;font-family:"宋体";font-size:12px;height:100%;display:table;width:100%;}
	a{text-decoration:none;}
	a:hover{text-decoration:underline;}
	body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin: 0;padding:0;}
	table{border-collapse:collapse;border-spacing:0;}
	fieldset,img{border:0;}
	address,caption,cite,code,dfn,em,th,var,optgroup{font-style:inherit;font-weight:inherit;}
	del,ins{text-decoration:none;}
	li {list-style:none;}
	caption,th{text-align:left;}
	h1{font-size:18px;}
	h2{font-size:14px;}
	h3,h4,h5,h6{font-size:12px;}
	h1,h2,h3,h4,h5,h6{font-weight: normal;}
	abbr,acronym{border:0;font-variant:normal;}
	input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
	input,button,textarea,select{*font-size:100%;}
	strong,b{font-weight:bold;}
/*reset end*/

/*routine start*/
/*清除浮动*/
	.c_b{zoom:1;}
	.c_b:after{clear:both;content:" ";display:block}
	
/*foot信息*/
	.foot{width:850px;margin:auto;padding:20px 10px;}
	.foot p{line-height:22px;}
	.foot .police{float:left;width:200px;text-align:center;padding-top:5px;}
	.foot .police a{display:inline-block;margin:0 10px;}
	.foot .info{float:left;width:650px;text-align:center;padding-top:5px;}
	/*白底黑字*/
	.footColor1{background:#fff;color:#000;}
	.footColor1 a{color:#000;}
	/*黑底白字*/
	.footColor2{background:#000;color:#fff;}
	.footColor2 a{color:#fff;}
/*routine end*/

/*detail start*/
	/*顶部功能区*/
	.la_top{ width:976px; height:90px; overflow:hidden; background:url(bg_top.jpg?100429) no-repeat; margin:0 auto;}
	.la_top iframe{ float:left;}
	
	
	/*附加信息*/
	.othInfo{ float:right; padding-top:22px; margin-right:10px; display: inline;line-height:17px;}
	.othInfo a{ color:#fff; }
	.othInfo a tt{ display:inline-block; width:17px; height:17px; margin-right:2px; vertical-align:middle;}
	.othInfo a.btn_1 tt{ background:url(img.gif?100312) -51px 0;}
	.othInfo a.btn_2 tt{ background:url(img.gif?100312) -69px 0;}
	.othInfo a.btn_3 tt{ background:url(img.gif?100312) -87px 0;}
	
	/*顶部推广链接*/
	.topLink{ display:block;  width:100%;}
	.topLink .show{width:840px; float:left;height:14px; line-height:14px; font-size:12px; font-weight:bold; text-align:center; color:#fff; margin:20px 0 0 20px; display:inline;}
	.topLink .show a{ color:#fff; margin:0 15px;}
	.topLink .more{ float:right; width:101px; height:31px; background:url(img.gif?100312) 0 -18px no-repeat; line-height:31px; font-weight:bold; text-align:center; color:#0461AF; margin:10px 5px 0 0; display:inline;}
	
	/*购票模块*/
	.la_buyTicket{width:810px; height:52px; overflow:hidden; margin:0 auto; background:url(bg_buyTicket.jpg) no-repeat; padding-left:168px;}
	.la_buyTicket .bg_buy{ height:30px; background:#dadada; margin:14px 0 0 0; padding-left:10px;}
	.la_buyTicket .bg_buy tt{ display:inline-block; vertical-align:middle;}
	.la_buyTicket .bg_buy select{ display:inline-block; vertical-align:middle;}
	.la_buyTicket .bg_buy label { display:inline-block; padding-top:5px;}
	.la_buyTicket .bg_buy .btn_1{ width:70px; padding-left:15px; text-align:left; height:21px; line-height:21px; border: none; display:inline-block; border:none; background:url(img.gif?100312) 0 -50px no-repeat;color:#6B6D6C; cursor:pointer;vertical-align:middle; margin:0 10px;}
	.la_buyTicket .bg_buy .btn_2{ width:55px; padding-left:15px; text-align:left; height:21px; line-height:21px; border: none; display:inline-block; background:url(img.gif?100312) 0 -50px no-repeat;color:#6B6D6C; vertical-align:middle;}
	.la_buyTicket .buy{ width:620px; float:left;}
	.la_buyTicket .hot{width:180px; float:left; line-height:30px; height:30px; overflow:hidden;}
	.la_buyTicket .hot a{ text-decoration:underline; color:#636162; display:inline-block;}
	
	/*页面核心结构*/
	.page{ width:976px; margin:0 auto;}
	.pageOth{ width:170px; margin-right:10px; float:left; display:inline;}
	.pageMain{ float:left; width:796px; overflow:hidden;}
	
	/*左侧产品索引*/
	.productIndex{ margin-bottom:10px;}
	.productIndex h3{ width:140px; padding-left:30px; height:26px; line-height:24px;*line-height:28px; font-weight:bold; color:#000; background: url(img.gif?100312) 0 -72px; overflow:hidden;font-size:14px;}
	.productIndex .bg_top{ display:block; height:11px; overflow:hidden; background:url(img.gif?100312) 0 -99px no-repeat;}
	.productIndex .bg_bottom{ display:block; height:14px; overflow:hidden; background:url(img.gif?100312) 0 -111px;}
	.productIndex .show{ background:url(bg_y.jpg) 0 0 repeat-y;}
	.productIndex .show a{ color:#fff;}
	.productIndex .show p{ width:114px; height:35px; padding:24px 0 0 33px; margin:0 auto 2px auto; overflow:hidden; line-height:14px;}
	.productIndex .show .type_1{ background:url(productIndex.png?100312a) 0 0;}
	.productIndex .show .type_2{ background:url(productIndex.png?100312a) 0 -60px;}
	.productIndex .show .type_3{ background:url(productIndex.png?100312a) 0 -120px;}
	.productIndex .show .type_4{ background:url(productIndex.png?100312a) 0 -180px;}
	.productIndex .show .type_5{ background:url(productIndex.png?100312a) 0 -240px; margin-bottom:0;}
	
	/*左侧图片广告*/
	.imgListSp{ margin-bottom:10px;}
	.imgListSp a{ display:block; margin-bottom:12px;}
	
	/*销售排行*/
	.activeDemand{ margin-bottom:10px;}
	.activeDemand h3{width:140px; padding-left:30px; height:26px; line-height:24px;*line-height:28px; font-weight:bold; color:#000; background: url(img.gif?100312) 0 -72px; overflow:hidden; font-size:14px;}
	.activeDemand .show{ height:470px; overflow:hidden; background:url(bg_activeDemand.gif) no-repeat;}
	.activeDemand dl{ margin:10px 10px 10px 0;}
	.activeDemand dt{ float:right; clear:both; margin-bottom:5px;}
	.activeDemand dt img{ display:block; border:solid 1px #DFDDDE;}
	.activeDemand dd{float:right; text-align:right; clear:both; width:100%;}
	.activeDemand dd span{ display:block; line-height:22px; height:22px; overflow:hidden;}
	.activeDemand dd strong{ display:block;height:17px; line-height:17px; font-weight:normal; color:#DC300C;}
	.activeDemand dd tt{display:block;color:#919191; text-decoration:line-through; height:17px; line-height:17px;}
	.activeDemand dd span a{color:#464646;}
	
	.activeDemand p{ height:70px;}
	.activeDemand p img{ display:block; border:solid 1px #DFDDDE; float:right; margin:0 10px 0 5px; display:inline;}
	.activeDemand p span{ display:block; line-height:20px; height:20px; overflow:hidden; margin:5px 10px 0 10px; text-align:right;}
	.activeDemand p strong{ display:block;height:17px; line-height:17px; font-weight:normal; color:#DC300C; text-align:right;}
	.activeDemand p tt{display:block;color:#919191; text-decoration:line-through; height:17px; line-height:17px; text-align:right; margin-top:2px;}
	.activeDemand p span a{color:#464646;}
	
	/*商城列表*/
	.shopList{ margin-bottom:10px;}
	.shopList h3{width:140px; padding-left:30px; height:26px; line-height:24px;*line-height:28px; font-weight:bold; color:#000; background: url(img.gif?100312) 0 -72px; overflow:hidden;font-size:14px;}
	.shopList .show{ background:url(bg_shopList.jpg) repeat-x #EBEBEB; border:solid 1px #CDCDCD;border-top:none;border-bottom:none; padding:10px 10px 0 10px;}
	.shopList .bg_bottom{ display:block; height:16px; background:url(img.gif?100312) 0 -126px no-repeat;}
	.shopList .show h4{ line-height:22px; height:22px; border-bottom: solid 1px #C3C6CB;}
	.shopList .show h4 tt{ display:inline-block; width:30px; height:13px; vertical-align:middle; margin-top:-1px;}
	.shopList .show h4.new tt{ background:url(img.gif?100312) -105px 0;}
	.shopList .show h4.hot{ margin-top:20px;}
	.shopList .show h4.hot tt{ background:url(img.gif?100312) -136px 0;}
	.shopList .show ul{ border-top:solid 1px #DCE0E1;}
	.shopList .show li a{ display:block; height:22px; line-height:22px; color:#000; padding:0 15px; overflow:hidden; border-bottom:dashed 1px #CECECE;}
	
	/*右侧大图广告相关*/
	.imgSpShow{ margin-bottom:3px;}
	.imgSpShow .left{ float:left; width:551px; overflow:hidden; margin-right:9px; display:inline;}
	.imgSpShow .left .info a{ background:#2C2C2C; line-height:23px; height:23px; overflow:hidden; width:177px;  float:left; display:inline; color:#999; padding:0 3px; text-align:center; border-right:solid 1px #545454;}
	.imgSpShow .left .info a:hover,
	.imgSpShow .left .info a.now{ color:#fff; background:#DA300C; text-decoration:none;}
	.imgSpShow .left .info a.end{ border-right:none;}
	.imgSpShow .right{ float:left; width:236px; overflow:hidden;}
	.imgSpShow .right a{ display:block; margin-bottom:7px;}
	.imgSpShow .right a img{ border:solid 1px #CDCCCA;}
	
	/*产品列表开始*/
	.pardectList{ margin-bottom:10px;}
	.pardectList span.bg_left{ float:left; width:10px; height:58px; background:url(img.jpg) 0 0 no-repeat;}
	.pardectList span.bg_right{ float:left; width:10px; height:58px; background:url(img.jpg) -11px 0 no-repeat;}
	.pardectList .main{ height:58px; float:left; background: url(bg_x.jpg) 0 -193px repeat-x; width:776px;}
	.pardectList .main h3{ width:98px; height:25px; text-align:center; font-weight:bold; background:url(img.gif?100312) 0 -143px no-repeat; line-height:25px; color:#2165A6; margin:16px 27px 0 0 ; display:inline; float:left;}
	.pardectList .main .gotoLeft{ width:15px; height:58px; text-indent:-9999px; overflow:hidden; background:url(img.gif?100312) -105px -13px no-repeat; float:left; margin-right:10px; display:inline;}
	.pardectList .main .gotoRight{ width:15px; height:58px; text-indent:-9999px; overflow:hidden; background:url(img.gif?100312) -121px -13px no-repeat;float:left; margin-left:10px; display:inline;}
	.pardectList .main .show{ float:left; width:582px; height:58px; overflow:hidden;}
	.pardectList .main .show a{ float:left; margin:9px 12px;}
	.pardectList .main .show a img{ border:solid 1px #EAEAEA; display:block;}
	
	/*公用 推荐模块*/
	.recommend{background: url(bg_recommend.jpg) repeat-x #F6F6F6; margin-bottom:10px;}
	.recommend .title{ height:26px; line-height:26px; background:url(img.gif?100312) 0 -169px no-repeat; overflow:hidden;}
	.recommend .title h3{ float:left; display:inline; font-size:14px; font-weight:bold; margin-left:35px; width:90px;}
	.recommend .title p{ float:left;display:inline; width:620px; overflow:hidden;}
	.recommend .title p a{ color:#535353; margin:0 10px;}
	.recommend .title a.more{ color:#000;}
	.recommend .bg_bottom{ height:8px; display:block; overflow:hidden; background:url(img.gif?100312) 0 -196px no-repeat;}
	.recommend .main{border:solid 1px #CECCCC; border-bottom:none; border-top:none; padding-left:176px;}
	.recommend .main a.gotoLeft{ float:left; width:11px; height:50px; text-indent:-9999px; overflow:hidden; background:url(img.gif?100312) -137px -14px no-repeat; margin:54px 0 0 0;}
	.recommend .main a.gotoRight{ float:left; width:11px; height:50px; text-indent:-9999px; overflow:hidden; background:url(img.gif?100312) -149px -14px no-repeat; margin:54px 0 0 0;}
	.recommend .main .show{ float:left; width:544px; margin:0 9px; display:inline;}
	.recommend .main .show a{ border:solid 1px #DEDEDE; color:#fff; cursor:pointer; display:block; }
	.recommend .main .show a img{ display:block;}
	.recommend .main .show a tt{ display:block; height:20px; line-height:22px;overflow:hidden; background: url(img.gif?100312) -99px -143px no-repeat; width:106px; padding:0 0 0 14px;}
	.recommend .main .show dl{ float:left;width:122px; margin:10px 7px 0 7px; display:inline;}
	.recommend .main .show dd{ padding-left:18px; line-height:16px;}
	.recommend .main .show dd .txt_1{ color:#000; height:16px; overflow:hidden;}
	.recommend .main .show dd .txt_2{ color:#5B5B5B; height:16px; overflow:hidden;}
	.recommend .main .show dd .txt_2 span{ text-decoration:line-through;}
	.recommend .main .show dd .txt_3{ color:#000; height:16px; overflow:hidden;}
	.recommend .main .show dd .txt_3 span{ color:#FF0000; font-weight:bold;}
	
	/*最热推荐*/
	.hotRecommend .main{ background:url(bg_hot.jpg) no-repeat;}
	/*促销商品*/
	.promotion .main{background:url(bg_promotion.jpg) no-repeat;}
	/*新品上架*/
	.newProduct .main{background:url(bg_newProduct.jpg) no-repeat;}
	
	/*更多产品推荐*/
	.moreProduct .main{ background:url(bg_moreProduct.jpg) repeat-x #F1F1F1; border:solid 1px #CECCCC; border-top:none; border-bottom:none;}
	.moreProduct .bg_top{ display:block; height:10px; overflow:hidden; background:url(img.gif?100312) 0 -205px no-repeat;}
	.moreProduct .bg_bottom{ display:block; height:10px; overflow:hidden; background:url(img.gif?100312) 0 -216px no-repeat;}
	.moreProduct .main .type{ width:117px; height:139px; overflow:hidden; float:left; background:url(bg_type.gif) no-repeat; margin:0 10px; display:inline;}
	.moreProduct .main .type h3{height:39px; text-indent:-9999px;}
	.moreProduct .main .type a{ display:block; text-align:center; width:104px; height:24px; line-height:24px; color:#000; background:url(img.gif?100312) -167px -25px no-repeat; margin:0 auto 2px auto; overflow:hidden;}
	.moreProduct .main .type a:hover,
	.moreProduct .main .type a.now{background:url(img.gif?100312) -167px 0 no-repeat; text-decoration:none;}
	.moreProduct .main .list{ float:left;}
	.moreProduct .main .list .gotoLeft{ width:15px; height:139px; float:left; text-indent:-9999px; background:url(img.gif?100312) -272px 0; overflow:hidden; display:none;}
	.moreProduct .main .list .gotoRight{width:15px; height:139px; float:left; text-indent:-9999px; background:url(img.gif?100312) -288px 0; overflow:hidden; display:none;}
	.moreProduct .main .list .show{ float:left; margin:20px 10px 0 28px; display:inline;}
	.moreProduct .main .list .show a{ width:98px; float:left; text-align:center;color:#000; cursor:pointer; margin:0 10px; display:inline;}
	.moreProduct .main .list .show a span,
	.moreProduct .main .list .show a tt{ display:block;line-height:16px; height:16px; }
	.moreProduct .main .list .show img{ display:block; border:solid 1px #DEDCDC; margin-bottom:4px;}
	
	/*公用 产品明细*/
	.productBox{ margin-bottom:10px; background:url(bg_productBox.jpg) repeat-x #EDECEC;}
	.productBox .title{ height:26px; line-height:26px; background:url(img.gif?100312) 0 -169px no-repeat;}
	.productBox .title h3{ float:left; display:inline; margin-left:35px; font-size:14px; font-weight:bold;}
	.productBox .title a.more{ float:right; display:inline; margin-right:20px; color:#000;}
	.productBox .bg_bottom{ height:5px; background:url(img.gif?100312) 0 -227px no-repeat; overflow:hidden; display:block;}
	.productBox .main{ border:solid 1px #CECCCC; border-top:none; border-bottom:none;}
	.productBox .main .nav{ width:140px; float:left; margin:0 15px 0 18px; padding-top:25px; line-height:18px; display:inline;}
	.productBox .main .nav dl{ margin-bottom:12px;}
	.productBox .main .nav dt{ font-weight:bold; padding-left:5px;}
	.productBox .main .nav dd{ height:18px; overflow:hidden;}
	.productBox .main .nav dd a{ color:#000;line-height:18px;}
	.productBox .showPorduct{ width:603px; float:left; padding-top:23px;}
	.productBox .showPorduct .logo{ height:43px; border:solid 1px #74B3D3; border-left:none; border-right:none; padding-left:22px; background:#fff;}
	.productBox .showPorduct .logo a{ float:left;}
	.productBox .porductList{ margin-bottom:10px;}
	.productBox .porductList dl{ float:left; width:79px; margin:0 3px 0 4px; display:inline; overflow:hidden;}
	.productBox .porductList dl img{ border:solid 1px #ADADAD;}
	.productBox .porductList dd{ text-align:center;}
	.productBox .porductList dd a{ display:block; height:18px; color:#000; line-height:18px; overflow:hidden;}
	.productBox .porductList dd p{ display:block; line-height:18px; color:#5B5B5B; overflow:hidden;}
	.productBox .porductList dd p span{ text-decoration:line-through;}
	.productBox .porductList dd tt{ display:block; height:18px; line-height:18px; overflow:hidden;}
	.productBox .porductList dd strong{ font-weight:bold; color:#f00; margin:0 2px;}
	.productBox .specialOffer{ border:solid 1px #74B3D3; padding:8px 0; border-left:none; border-right:none; background:#fff; margin-bottom:10px;}
	.productBox .specialOffer .box{ float:left; width:143px; padding-left:5px; border-right:solid 1px #666; display:inline;}
	.productBox .specialOffer .end{border-right:none;}
	.productBox .specialOffer .box .name{ font-size:14px; color:#000; line-height:16px; height:36px; overflow:hidden; }
	.productBox .specialOffer .box .name a{ display:block; color:#000; line-height:16px; height:16px; overflow:hidden;}
	.productBox .specialOffer .box .name a:hover{ text-decoration:none;}
	.productBox .specialOffer .box .name tt{ display:block; font-size:12px; padding-top:4px;height:22px;}
	.productBox .specialOffer .box dt{ float:right; width:55px; margin:0 8px 0 8px; display:inline;}
	.productBox .specialOffer .box dd{ float:right; padding-top:5px;}
	.productBox .specialOffer .box dd tt{ display:block; width:64px; height:18px; line-height:18px; color:#fff; background:url(img.gif?100312) -167px -50px no-repeat; text-align: center; font-family:"宋体"; margin-bottom:8px;}
	.productBox .specialOffer .box dd span{ display:block; font-size:14px; font-weight:bold; color:#f00; font-family:"黑体"; margin-bottom:8px;}
	.productBox .specialOffer .box dd u{ text-decoration: line-through; display:block; color:#616161;}
	
	/*扮靓美妆*/
	.banliang .main{ background: url(bg_productShow_1.jpg) no-repeat;}
	/*时尚靓妆*/
	.shishang .main{background: url(bg_productShow_2.jpg) no-repeat;}
	/*特色产品*/
	.tese .main{background: url(bg_productShow_3.jpg) no-repeat;}
	
	/*加盟页*/
	.pageJoin{width:976px; margin:0 auto; font-size:14px;}
	.pageJoin a.banner{ display:block; margin:7px 0;}
	.pageJoin .show_1{ height:182px; background:url(join_1.jpg) no-repeat; position:relative; overflow:hidden; font-size:14px; line-height:22}
	.pageJoin .show_2{ height:401px; background:url(join_2.jpg) no-repeat; position:relative; overflow:hidden; font-size:14px;}
	.pageJoin .show_3{ height:137px; background:url(join_3.jpg) no-repeat; position:relative; overflow:hidden; font-size:14px;}
	.pageJoin .show_4{ height:204px; background:url(join_4.jpg) no-repeat; position:relative; overflow:hidden; font-size:14px;}
	
	.pageJoin .show_1 p{ margin:60px 0 0 333px; line-height:22px; color:#414141;}
	.pageJoin .show_2 p{ margin:40px 370px 0 180px; line-height:42px; color:#414141;}
	.pageJoin .show_2 p a,
	.pageJoin .show_2 p span{ color:#F40000;}
	.pageJoin .show_3 p{ margin:50px 0 0 65px; line-height:26px; color:#414141;}
	.pageJoin .show_4 span{ position:absolute; top:80px;}
	.pageJoin .show_4 .txt_1{left:120px;}
	.pageJoin .show_4 .txt_2{left:300px;}
	.pageJoin .show_4 .txt_3{left:505px;}
	.pageJoin .show_4 .txt_4{left:710px;}
	.pageJoin .show_4 .txt_5{left:850px;}
/*detail end*/