/* CSS Document */

/* 分类 */
.sort{ padding-top:5px;}
.sort dl dt{ height:50px; overflow:hidden;}
.sort dl dd{ width:228px; background:url(../images/sort-02.jpg) repeat-y}
.sort dl dd ul li{ height:33px; background:url(../images/sort-05.jpg) 0 bottom no-repeat; line-height:30px; text-align:center; color:#fff; font-size:14px;}
.sort dl dd ul li .icon{ position:relative; top:2px; margin-right:5px;}
.sort dl dd ul li.liNav{ background:none; height:61px; overflow:hidden;}
.sort dl dd ul li.liNone{ background:none; padding-bottom:10px;}
.sort .sortBot{ height:70px; background:url(../images/sort-06.jpg) no-repeat; text-align:center;}
.sort .sortBot a{ width:154px; height:28px; background:url(../images/sort-07.jpg); display:block; margin:0 auto;}
.sort .sortBot a:hover{ background:url(../images/sort-07-over.jpg);}

/* 排行榜 */
.rank dl dt{ height:28px; padding:29px 17px 0 0; background:url(../images/rank-01.jpg)}
.rank dl dt ul li{ width:35px; height:33px; background:url(../images/rankDt-02.gif) no-repeat; line-height:30px; color:#fff; text-align:center; float:right; padding-right:2px; cursor:pointer; font-size:14px; font-weight:bold;}
.rank dl dt ul li.liSel{ background:url(../images/rankDt-01.gif) no-repeat; color:#000;}
.rank dl dd ul{ height:517px; background:url(../images/rank-03.jpg) no-repeat 0 110px;}
.rank dl dd ul li{ height:40px; padding:0 0 0 25px;}
.rank dl dd ul li .nom{ font-family:Georgia, "Times New Roman", Times, serif; color:#F3EB86; font-size:18px; font-weight:bold; width:33px; display:inline-block; font-style:italic;}
.rank dl dd ul li .img{ position:relative; top:5px; margin:0 10px 0 6px;}
.rank dl dd .liTop{ height:81px; padding:29px 0 0 30px; background:url(../images/rank-02.jpg) no-repeat; color:#ddd;}
.rank dl dd .liTop h4{ width:116px; float:left; font-size:12px; padding-left:7px; height:17px;}
.rank dl dd .liTop p{ width:116px; float:left; padding-left:7px; line-height:16px;}

/* 全部算命 */
.all{ padding:10px 0 10px 0;}
.all .allContain{ width:691px; padding:18px 0 0 12px; background:url(../images/all-05.jpg) repeat-y; position:relative; margin-top:5px;}
.all .allConUp{ width:703px; height:10px; position:absolute; top:0; left:0; background:url(../images/all-04.jpg); font-size:0;}
.all .allConBot{ width:703px; height:10px; position:absolute; bottom:0; left:0; background:url(../images/all-06.jpg); font-size:0;}
.all dl dt{ height:22px; padding-top:9px; font-size:18px; font-weight:bold; color:#fff; text-indent:30px; background:url(../images/all-01.jpg) no-repeat;}
.all dl dd{ padding-top:12px;}
.all dl dd ul li{ width:215px; height:119px; padding:0 13px 15px 0; float:left; background:url(../images/all-02.jpg) no-repeat;}
.all dl dd ul li .info{ padding:11px 0 0 11px; height:74px;}
.all dl dd ul li .info .img{ float:left; position:relative;}
.all dl dd ul li .info .img .imgOver{ position:absolute; top:38px; left:5px;}
.all dl dd ul li .info .img .imgCor{ position:absolute; top:0; left:0;}
.all dl dd ul li .info h4{ width:140px; padding-left:12px; float:left; font-size:12px; height:18px;}
.all dl dd ul li .info p{ width:140px; padding-left:12px; float:left; color:#999;}
.all dl dd ul li .control{ padding-left:11px;}
.all dl dd ul li .control .price{ width:115px;}
.all dl dd ul li .control .price img{ position:relative; top:2px; margin-right:5px;}
.all dl dd ul li .control .cBtn{ position:relative; padding-top:3px;}
.all dl dd ul li .control .cBtn a.btn{ width:48px; height:18px; display:inline-block; background:url(../images/button-01.gif); position:absolute; top:0; left:31px;}
.all dl dd ul li .control .cBtn a.btn:hover{ background:url(../images/button-01-over.gif);}

/* 收费结果 */
.result .rePro{ margin:0 auto; text-align:center;}
.result .contain{ width:855px; margin:0 auto;}
.result .contain dl dt{ height:22px; padding-top:10px; font-weight:bold; font-size:14px; color:#fff; background:url(../images/result-01.jpg) no-repeat; text-indent:12px;}
.result .contain dl.other dt{ height:7px; font-size:0; background:url(../images/result-04.jpg) no-repeat; padding:0;}
.result .contain dl dd{ background:url(../images/result-02.jpg) repeat-y;}
.result .contain dl dd ul{ height:97px; padding:15px 0 0 5px;}
.result .contain dl dd ul li{ float:left; width:105px; text-align:center}
.result .contain dl dd h4{ font-size:14px; text-indent:19px; height:24px; padding-top:7px;}
.result .contain dl dd p.pName{ text-align:center; padding-top:7px; margin:0 auto;}
.result .contain dl dd p.mail{ text-align:center; height:40px;}
.result .contain dl dd p.sel{ line-height:26px; text-align:center; padding-top:15px; height:60px;}
.result .contain dl dd p.sel input{ position:relative; top:2px; margin:0 5px 0 30px;}
.result .contain dl dd p.pText{ padding-left:13px; line-height:26px;}
.result .contain dl dd p.pBtn{ text-align:center; padding-top:13px; height:42px;}
.result .contain dl dd p textarea{ width:826px; height:110px; border:1px solid #C3C3C3;}
.result .contain dl dd .inputW{ width:280px; height:24px; line-height:24px; border:1px solid #C3C3C3; margin-right:19px;}
.result .contain dl dd .inputBtn{ width:117px; height:36px; background:url(../images/result-06.jpg) no-repeat; border:0; cursor:pointer;}
.result .contain dl dd .inputBtnOver{ width:117px; height:36px; background:url(../images/result-06-over.jpg) no-repeat; border:0; cursor:pointer;}
.result .contain dl dd .inputBtn:hover{ background:url(../images/result-06-over.jpg) no-repeat;}
.result .contain .bot{ height:12px; background:url(../images/result-03.jpg) no-repeat;}
.result .contain .botOther{ height:7px; font-size:0; background:url(../images/result-05.jpg) no-repeat;}

/* 命格测算 */
.fate{ margin-top:9px; width:689px; height:129px; padding:41px 0 0 12px; background:url(../images/fateBg.jpg) no-repeat 0 39px; position:relative;}
.fate .img{ position:absolute; top:0; left:0;}

/* 产品 */
.product{ padding-top:5px; height:185px;}
.product dl{ width:348px; height:175px; background:url(../images/proBg.jpg) no-repeat; float:left;}
.product dl dt{ line-height:38px; height:40px; font-weight:bold; color:#fff; font-size:14px; text-indent:10px;}
.product dl dd .img{ width:95px; height:120px; padding:0 0 0 19px; float:left;}
.product dl dd p{ line-height:23px; height:94px; float:left; width:220px;}
.product dl dd p.pControl{ height:35px; position:relative;}
.product dl dd p.pControl img{ position:relative; top:2px; margin-right:3px;}
.product dl dd p.pControl a.btn{ width:75px; height:25px; display:inline-block; background:url(../images/testBtn.jpg); position:absolute; top:-2px; right:10px;}
.product dl dd p.pControl a.btn:hover{ background:url(../images/testBtnOver.jpg);}

/* 温馨小提醒 */
.warm{ width:703px;}
.warm dl dt{ height:20px; font-weight:bold; padding:5px 0 0 12px; background:url(../images/warmBg-01.jpg) no-repeat; position:relative;}
.warm dl dt img{ position:relative; top:2px; margin-right:5px;}
.warm dl dt a.close{ width:35px; height:22px; background:url(../images/close.gif) no-repeat; position:absolute; right:5px; top:2px; display:block;}
.warm dl dd{ background:url(../images/warmBg-02.jpg) repeat-y; color:#999; text-indent:16px; padding-bottom:5px;}
.warm dl dd img{ position:relative; top:5px;}
.warm dl dd.board{ text-indent:0; padding:5px 0 5px 16px; line-height:18px;}
.warm .warmBot{ width:703px; height:8px; font-size:0; background:url(../images/warmBg-03.jpg) no-repeat;}

/* 列表 */
.proList{ width:704px;}
.proList .up{ height:12px; background:url(../images/listBg-01.jpg) no-repeat;}
.proList .cen{ width:704px; background:url(../images/listBg-02.jpg) repeat-y}
.proList .bot{ height:14px; background:url(../images/listBg-03.jpg) no-repeat;}
.proList ul{ padding:0 0 0 14px;}
.proList ul li{ width:674px; padding-top:13px; background:url(../images/listBg-04.jpg) no-repeat 0 bottom; float:left; padding-bottom:12px;}
.proList ul li .img{ width:349px; height:82px; padding:11px 0 0 6px; background:url(../images/listImgBg.jpg) no-repeat; float:left;}
.proList ul li h4{ width:300px; line-height:24px; height:24px; padding-left:12px; float:left; position:relative; font-size:14px;}
.proList ul li h4 img{ position:absolute; top:0; right:0;}
.proList ul li p{ width:300px; padding-left:12px; float:left; line-height:17px;}
.proList ul li p.pBtn{ width:200px; padding:10px 100px 0 12px; text-align:right; float:left; position:relative;}
.proList ul li p.pBtn .imgM{ position:relative; top:2px; margin-right:5px;}
.proList ul li p.pBtn a.btn{ width:75px; height:25px; display:inline-block; background:url(../images/testBtn.jpg); position:absolute; top:7px; right:10px;}
.proList ul li p.pBtn a.btn:hover{ background:url(../images/testBtnOver.jpg);}

/* 登录 */
.upload{ width:228px; padding:5px 0 5px 0;}
.upload .up{ height:50px; background:url(../images/uploadBg-01.jpg) no-repeat;}
.upload .cen{ width:228px; padding-bottom:10px; background:url(../images/uploadBg-02.jpg) repeat-y;}
.upload .cen p.pWr{ height:38px; color:#fff; font-size:14px; text-indent:23px;}
.upload .cen p.pWr input{ width:138px; height:23px; padding:3px 0 0 5px; height:20px \9; padding:6px 0 0 5px \9; background:url(../images/inputBg.jpg) no-repeat; border:0; margin-left:5px;}
.upload .cen p.pBtn{ height:40px; padding-top:2px; text-align:center;}
.upload .cen p.pBtn input{ width:87px; height:28px; background:url(../images/button-02.gif) no-repeat; border:0; cursor:pointer;}
.upload .cen p.pBtn input:hover{ background:url(../images/button-02-over.gif) no-repeat;}
.upload .cen p.pBtn input.over{ width:87px; height:28px; background:url(../images/button-02-over.gif) no-repeat; border:0; cursor:pointer;}
.upload .cen p.pName{ height:30px; color:#999; padding-left:20px;}
.upload .cen p.pName .fStyle{ font-style:italic; font-size:18px; font-weight:bold;}
.upload .cen p.pInfo{ color:#999; padding-left:20px; height:21px;}
.upload .cen p.pInfoLine{ width:180px; color:#999; margin-left:20px; height:31px; border-bottom:1px dashed #FFD064;}
.upload .bot{ height:50px; background:url(../images/uploadBg-03.jpg) no-repeat; text-align:center;}
.upload .botO{ height:50px; background:url(../images/uploadBg-03.jpg) no-repeat; padding-left:21px;}
.upload .botO img{ position:relative; top:2px; margin-right:5px;}
.upload .botOther{ height:70px; text-align:center; background:url(../images/uploadBg-04.jpg) no-repeat; color:#fff;}
.upload .botOther p{ padding-top:9px;}
.upload .botOther p img{ position:relative; top:3px; margin:0 3px;}

/* 相关推荐 */
.about{ width:705px; padding-top:10px;}
.about dl dt{ height:31px; background:url(../images/aboutBg-01.jpg)}
.about dl dd{ width:685px; padding:12px 0 0 20px; background:url(../images/aboutBg-02.jpg) repeat-y;}
.about dl dd ul li{ float:left; width:130px; text-align:center;}
.about dl dd ul li p{ width:130px; text-align:center; padding-top:3px; *padding-top:7px;}
.about .aboutBot{ height:11px; font-size:0; background:url(../images/aboutBg-03.jpg) no-repeat;}

/* 返回顶部 */
.backTop{ width:24px;position:fixed; bottom:40px; left:50%; top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,30)||0)-(parseInt(this.currentStyle.marginBottom,30)||0)));_position: absolute; margin-left:489px;}
.backTop a{ width:24px; height:74px; background:url(../images/backUp.gif); display:block;}

/* 白金 */
.tongy01{ background:url(../images/psychology_01.jpg); height:70px; padding:10px 0 0 15px; width:685px;}
.tongy01 .tongy01-1{ position:relative; top:5px; padding:0 30px 0 20px; *padding:0 25px 0 20px;}
.tongy01 .tongy01-2{ position:relative; top:10px;}
.lih20{ line-height:20px;}
.lih30{ line-height:30px;}
.mgl15{ margin-left:15px;}
.tear{ text-align:right;}
