﻿@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:Tahoma,"宋体";font-size:12px;height: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}
	
/*迷你导航*/
	.l_miniMenu{height:34px;line-height:34px;overflow:hidden;font-family:"宋体"; margin-bottom:15px;}
	.miniMenu{width:1000px;margin:auto;}
	.leftMenu{float:left;}
	.leftMenu a.miniLogo{float:left;width:90px;font-family:Verdana,Arial;font-size:14px;text-align:center;height:34px;overflow:hidden;line-height:34px;font-weight:bold;}
	.leftMenu a.miniLogo:hover{text-decoration:none;}
	.leftMenu ul{float:left;overflow:hidden;}
	.leftMenu li{float:left;margin-left:-2px;height:32px; }
	.leftMenu li a{float:left;padding:0 10px;height:32px;line-height:34px;padding-top:2px;}
	.miniUserInfo{float:right;margin-right:10px;height:34px;line-height:34px;}
	.miniSearch{float:right;display:inline; width:212px;height:22px;margin-top:6px;}
	.miniSearch .searchTxt{width:141px; background:none;color:#666;border:none;height:18px;padding-top:4px;float:left;margin:0 4px 0 25px;}
	.miniSearch .searchBtn{float:left;width:26px;height:13px;overflow:hidden;border:none;text-indent:-9999px;margin:4px 0 0 5px; cursor:pointer;background:none;}
	/*skin 1 灰*/
	.miniMenuSkin_1{background:url(bg_x.jpg) 0 0 #fff;border-bottom:solid 1px #C2C2C2; border-top:solid 1px #C2C2C2;}
	.miniMenuSkin_1 a.miniLogo{color:#000;}
	.miniMenuSkin_1 li a{color:#000;  background:url(bg_x.jpg) 0 -35px no-repeat;}
	.miniMenuSkin_1 li a:hover{ color:#000;}
	.miniMenuSkin_1 .miniSearch{ background:url(img.png?20100304) 0 0 no-repeat;}
	.miniMenuSkin_1 .miniUserInfo{ color:#333; }
	.miniMenuSkin_1 .miniUserInfo a{ color:#000;}
	/*skin 2 黑*/
	.miniMenuSkin_2{background:url(bg_x.jpg) 0 -70px #000;border-bottom:solid 1px #000; border-top:solid 1px #000;}
	.miniMenuSkin_2 a.miniLogo{color:#fff;}
	.miniMenuSkin_2 li a{ color:#fff;  background:url(bg_x.jpg) 0 -105px no-repeat;}
	.miniMenuSkin_2 li a:hover{ color:#fff;}
	.miniMenuSkin_2 .miniSearch{ background:url(img.png?20100304) -213px 0 no-repeat;}
	.miniMenuSkin_2 .miniUserInfo{ color:#666;}
	.miniMenuSkin_2 .miniUserInfo a{ color:#fff;}
	/*提示框样式*/
	.sm_search_tips{background:#262631;border:1px solid #666;color:#333;line-height:20px;margin:-5px 0 0 0;}
	.sm_search_tips li a{background:#262631;color:#fff;display:block;overflow:hidden;padding:2px 8px;text-decoration:none;white-space:nowrap;}
	.sm_search_tips li.current a,
	.sm_search_tips li a:hover{background:#000;color:#3eaef9;}
	.sm_search_tips li a.help{color:#aaa;text-align:right;}
	
/*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*/
	/*logo banner*/
	.l_logoBanner{ width:960px; margin:0 auto 5px auto;}
	.l_logoBanner .logo{ float:left; width:345px;}
	.l_logoBanner .banner{ float:left; width:590px;}
	
	/*二级导航*/
	.l_nav{ height:40px; background:url(bg_x.jpg) 0 -156px repeat-x #000; margin-bottom:13px; overflow:hidden;}
	.topNav{ width:960px; margin:auto;}
	.topNav h2{ float:left; margin:9px 0 0 30px; width:144px; height:31px; background:url(img.png?20100304) -121px -78px no-repeat; text-align:center; line-height:31px; overflow:hidden; font-size:16px; font-weight:bold; display:inline;}
	.topNav a{ float:right; width:120px; height:25px; background:url(img.png?20100304) 0 -78px no-repeat; text-align:center; line-height:25px; font-size:14px; color:#fc0; margin:7px 20px 0 0; display:inline; font-weight:bold;}
	
	/*步骤*/
	.l_step{ width:960px; height:50px; margin:auto auto 20px auto; overflow:hidden;}
	.step1{background:url(step.png) 0 0;}
	.step2{background:url(step.png) 0 -51px;}
	.step3{background:url(step.png) 0 -102px;}
	.step4{background:url(step.png) 0 -153px;}
	
	/*站点信息*/
	.site-info{width:958px;margin:0 auto;border:solid 1px #ccc;background:#F2F2F2;}
	.site-info .top_bg{height:4px;background:url(btn.gif) -721px -203px no-repeat;position:relative;z-index:10;margin:-1px -1px auto -1px;overflow:hidden;}
	.site-info .top_bg span{display:block;float:right;width:4px;height:4px;background:url(btn.gif) -721px -221px no-repeat;overflow:hidden;}
	.site-info .bottom_bg{ height:4px;background:url(btn.gif) -721px -212px no-repeat;position:relative;z-index:10;margin:0 -1px -1px -1px;overflow:hidden;}
	.site-info .bottom_bg span{overflow:hidden;display:block;float:right;width:4px;height:4px;background:url(btn.gif) -721px -230px no-repeat;}
	.site-info .sort{ line-height:24px;padding:8px 24px;}
	.site-info .sort .left{ float:left; width:50%; margin-bottom:8px;}
	.site-info .sort .right{ float:right;width:50%; margin-bottom:8px;}
	.site-info .sort .link{ width:100%;}
	.site-info .sort h4{ display:inline-block;*display:inline;zoom:1;width:64px;padding:0;color:#900;}
	.site-info .sort a{ color:#666;padding:0 2px; display:inline-block;}
	.site-info .sort a.more{ padding-right:10px;background:url(btn.gif) -689px -239px no-repeat;}
	.site-info .collaborate{  margin:0 32px 10px 32px;}
	.site-info .collaborate h3{display:block;background:url(bg_x.jpg) 0 -180px repeat-x; height:22px; margin:10px;}
	.site-info .collaborate h3 strong{display:block; margin-left:5px; width:55px; height:14px; float:left;}
	.site-info .collaborate h3 .more{ float:right; color:#fff; margin:2px 5px 0 0;background:transparent url(btn.gif) no-repeat scroll -717px -244px; padding-left:10px;}
	.site-info .collaborate ul{text-align:left; overflow:hidden; float:left;}
	.site-info .collaborate li{display:inline; margin-left:-1px;overflow:hidden; }
	.site-info .collaborate li a{color:#fff;border-left:solid 1px #888; padding:0 5px 0 9px;}
	
	/*游戏列表*/
	.gameList{ width:926px; padding:12px; border:solid 5px #EAEAEA; margin:auto auto 20px auto;}
	.gameList h3{ color:#f60; font-weight:bold; font-size:14px; padding:0 8px; line-height:30px; border-bottom:solid 1px #EAEAEA;}
	.gameList ul{ margin-left:5px; display:inline; float:left;}
	.gameList li{ float:left; width:195px; height:120px; margin:16px 16px 0 16px; display:inline;position:relative; }
	.gameList li a{ text-align:center; font-size:14px; display:block; }	
	.gameList li a.img{ border:solid 1px #EAEAEA; display:block; width:193px; height:88px;}
	.gameList li a.txt{line-height:30px; height:30px; overflow:hidden; color:#930; font-weight:bold; font-size:14px;}
	.gameList li div.show{ }
	.gameList li div.more{ background-color:#fff; top:90px; border:solid 1px #ccc;position: absolute;}
	.gameList li div a{ display:block; height:22px; line-height:22px; color:#333;}
	
	/*提示模块公用*/
	.miniTop{ display:block; height:24px; background:url(miniTop.png) no-repeat;_background:none;}
	.miniBottom{display:block; height:24px;background:url(miniBottom.png) no-repeat;_background:none;}
	.miniContent{ border:solid 10px #FF9D5B; border-bottom:none; border-top:none; padding:0 12px;}
	.miniContent #miniShowBox { margin:0 auto; background-color:#f3f3f3;}
	.miniContent #miniShowBox td	{ padding:5px; border:solid 1px #fff; color:#333;} 
	.miniContent .btn{text-align:center;border-top:solid 1px #ccc; padding-top:16px;}
	.miniContent .btn a{border:solid 1px #F08E2B; color:#000; cursor:pointer; width:90px; height:24px; overflow:hidden; display:inline-block; margin:0 7px;}
	.miniContent .btn a span{display:block;border:solid 1px #fff;line-height:22px;background:url(bg_x.jpg) 0 -198px repeat-x; overflow:hidden;  font-size:14px;}
	.miniTop{_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='http://res.pplive.com/baike/games/g/pay0112/images/miniTop.png',sizingMethod='crop');}
	.miniBottom{_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='http://res.pplive.com/baike/games/g/pay0112/images/miniBottom.png',sizingMethod='crop');}
	
	/*在线支付状态选择*/
	.mainStep3{ width:450px; margin:auto;}
	.mainStep3 h3{ color:#f60; font-size:16px; font-weight:bold; margin-bottom:16px; text-align:center;}
	.mainStep3 p{font-size:14px; line-height:22px; color:#666; margin-bottom:16px;}
	.mainStep3 strong{ font-size:14px; color:#f60; display:block;  padding:0 3px 14px 3px;}
	
	/*充值结果*/
	.mainStep4{ width:450px; margin:40px auto 80px auto; font-family:"宋体";}
	.mainStep4 h3{ color:#f60; font-size:16px; font-weight:bold; margin-bottom:16px; text-align:center;}
	.mainStep4 p{line-height:24px; margin:0 15px 15px 30px; color:#666;font-size:14px; padding-left:100px;}
	.mainStep4 p.type_1{ background:url(img.png?20100304) -445px -78px no-repeat;}
	.mainStep4 p.type_2{ background:url(img.png?20100304) -445px -269px no-repeat;}
	.mainStep4 p tt{font-size:16px; color:#f30; font-weight:bold;}
	.mainStep4 p a{ color:#f60; text-decoration:underline;}
	.mainStep4 p strong{ font-weight:normal; color:#f60;}
	
	/*历史订单*/
	.historyList{ margin:0 auto 20px auto; width:960px;}
	.historyList .main{border:solid 5px #EAEAEA; padding:12px;}
	.pageNav{ color:#000; margin:0 0 10px 0; font-family: "宋体"; margin-left:150px; padding:5px; width:400px;}
	.pageNav a{color:#000;}
	.pageNav span{ color:#f60;}
	.historyList .title{border-bottom:solid 1px #EAEAEA; padding-bottom:5px; margin-bottom:10px;}
	.historyList .title h3{ float:left; font-size:14px; font-weight:bold; margin-left:5px; display:inline;}
	.historyList .title h3 strong{ color:#f60; margin:0 5px;}
	.historyList .title tt{ float:right; display:inline; margin-right:5px;}
	.historyList table{ border:solid 1px #ccc; border-right:none; border-bottom:none;}
	.historyList tr.type{color:#333; background:#eee; font-weight:bold; }
	.historyList td{ text-align:center;line-height:28px; border-bottom:solid 1px #ccc; border-right:solid 1px #ccc; }
	.historyList td a{ color:#f60;}
	
	/*选择充值明细*/
	.l_pay{ width:960px; margin:auto auto 20px auto; background:#F5F5F5;}
	.payTab{ float:left; width:209px; position:relative; z-index:30;}
	
	.payTab a{ display:block; height:43px; margin-bottom:4px; text-indent:-9999px; overflow:hidden;border:solid 1px #F8C094; border-right:solid 1px #FFA66A;}
	.payTab a.tab1{ background:url(img.png?20100810) -208px -168px}
	.payTab a.tab2{ background:url(img.png?20100810) -208px -212px}
	.payTab a.tab3{ background:url(img.png?20100810) -208px -256px}
	.payTab a.tab4{ background:url(img.png?20100810) -208px -300px}
	.payTab a.tab5{ background:url(img.png?20100810) -208px -344px}
	.payTab a.tab6{ background:url(img.png?20100810) -208px -388px}
	.payTab a.tab7{ background:url(img.png?20100810) -208px -432px}
	.payTab a.tab8{ background:url(img.png?20100823) -208px -476px}
	.payTab a.now_1{border:solid 1px #FFA66A; border-right:solid 1px #fff; background:url(img.png?20100810) 0 -168px; cursor:default;}
	.payTab a.now_2{border:solid 1px #FFA66A; border-right:solid 1px #fff; background:url(img.png?20100810) 0 -212px; cursor:default;}
	.payTab a.now_3{border:solid 1px #FFA66A; border-right:solid 1px #fff; background:url(img.png?20100810) 0 -256px; cursor:default;}
	.payTab a.now_4{border:solid 1px #FFA66A; border-right:solid 1px #fff; background:url(img.png?20100810) 0 -300px; cursor:default;}
	.payTab a.now_5{border:solid 1px #FFA66A; border-right:solid 1px #fff; background:url(img.png?20100810) 0 -344px; cursor:default;}
	.payTab a.now_6{border:solid 1px #FFA66A; border-right:solid 1px #fff; background:url(img.png?20100810) 0 -388px; cursor:default;}
	.payTab a.now_7{border:solid 1px #FFA66A; border-right:solid 1px #fff; background:url(img.png?20100810) 0 -432px; cursor:default;}
	.payTab a.now_8{border:solid 1px #FFA66A; border-right:solid 1px #fff; background:url(img.png?20100823) 0 -476px; cursor:default;}
	
	.payMain{background:#fff; float:left; width:709px; margin-left:-1px;padding:10px 20px;border:solid 1px #FFA66A;position:relative; z-index:20;}
	.payMain .prompt{ height:34px; padding:0 14px; margin-bottom:5px; line-height:34px; background:#ffe; border:solid 1px #FFD0A8; font-size:13px;}
	.payMain .prompt span{ font-size:14px; color:#f60; font-weight:bold; margin:0 5px;}
	.payMain h4{ font-size:16px; font-weight:bold; color:#06c; line-height:30px; margin-bottom:5px;}
	.payMain .amount{ color:#333; border:solid 1px #FFD0A8; padding:8px; margin-bottom:5px;}
	.payMain .amount li{ float: left; width:49%; height:19px; margin:2px 0; overflow:hidden;}
	.payMain .amount li input,
	.payMain .amount li label{ height:19px; overflow:hidden; line-height:19px; margin:0 1px; vertical-align:middle; float:left;}
	
	.payMain .server{ color:#333;padding:8px; border-top:solid 1px #ccc; margin-bottom:5px;}
	.payMain .server li{ float: left; width:19%; height:19px; margin:2px 0; overflow:hidden;}
	.payMain .server li input,
	.payMain .server li label{ height:19px; overflow:hidden; line-height:19px; margin:0 1px; vertical-align:middle; float:left;}
	
	.payMain .accounts .tab{ border-bottom:solid 1px #FFA66B; margin-bottom:15px; padding-left:10px; overflow:hidden;}
	.payMain .accounts .tab a{ width:94px; height:31px; line-height:30px; display: inline-block; text-align:center; background:url(img.png?20100304) 0 -136px no-repeat; color:#999; cursor:pointer; margin-bottom:-1px; position:relative; z-index:10;}
	.payMain .accounts .tab a:hover,
	.payMain .accounts .tab a.now{ color:#f30; background:url(img.png?20100304) 0 -104px;}
	.payMain .accounts .tab a:hover{ text-decoration: none;}
	.payMain .accounts dl{ margin-bottom:10px;}
	.payMain .accounts dt{ float:left; width:210px; height:24px; line-height:22px; overflow:hidden; text-align:right; font-size:14px;}
	.payMain .accounts dd{ float:left; width:490px; height:24px; line-height:22px; overflow:hidden;}
	.payMain .accounts dd input{ border:solid 1px #ccc; height:20px; display:block;line-height:20px; width:190px; padding:0 5px;}
	.payMain .accounts dd strong{ color:#c00;}
	
	.payMain .bank{ border-top:solid 1px #ccc; padding-top:10px;}
	.payMain .bank ul{ margin-bottom:10px;}
	.payMain .bank li{ float:left; width:25%; overflow:hidden; text-align:center; margin:3px 0;padding:8px 0px;}
	.payMain label { cursor:pointer;}
	.payMain .bank li input{ display:inline-block; line-height:52px;}
	.payMain .bank li img{ display:inline-block; vertical-align:middle; margin:0 5px;}
	.payMain .gotoNext{ display:block; width:144px; height:42px; text-indent:-9999px; overflow:hidden; background:url(img.png?20100304) -266px -78px; margin-left:20px;}
	.payMain .bank p{ font-size:14px; line-height:30px;margin-left:20px;}
	
	/*帮助中心*/	
	.help{ margin:0 auto 20px auto; width:960px; font-size:14px;}
	.help .main{border:solid 5px #EAEAEA; padding:12px;}
	.help p	{ font-size:16px; padding:10px; text-indent:2em;}
	.help h2	{ font-size:18px; font-weight:bold; padding:10px;}
	.help h3	{ font-size:16px; font-weight:bold; padding:10px;}
	.help h4	{ font-size:14px; font-weight:bold; padding:10px;}
	.help ul	{ padding-left:20px; line-height:1.5em;}
	.help ul	li	{ padding:2px;}
	.help .title{border-bottom:solid 1px #EAEAEA; padding-bottom:5px; margin-bottom:10px;}
	.help .title h3{ float:left; font-size:14px; font-weight:bold; margin-left:5px; display:inline;}
	.help .title h3 strong{ color:#f60; margin:0 5px;}
	.help .title tt{ float:right; display:inline; margin-right:5px;}
	.help table{ border:solid 1px #ccc; border-right:none; border-bottom:none;}
	.help tr.type{color:#333; background:#eee; font-weight:bold; }
	.help td{ text-align:center;line-height:28px; border-bottom:solid 1px #ccc; border-right:solid 1px #ccc; }
	.help td a{ color:#f60;}
	.help .tips	{ background-color:#ffc; border:solid 1px #ccc; padding:10px; color:#000; margin:10px; text-indent:2em;}
/*detail end*/