﻿
/* =================================
Author: Allen
Vision: tlcs.yaowan.com
Email: Allen714@foxmail.com
Copright: www.yaowan.com
================================= */
body,html{ overflow-x:hidden;}
body{ background:#2c1710 url(../image/bg34.jpg) center 37px no-repeat; color:#5D5341;}
.bg_bottom{ background:url(../image/bg_bottom.jpg) center bottom no-repeat; padding-bottom:25px;}

/* 屠龙传说 导航 */
.myNav{background:url(../image/bg_myNav.jpg) no-repeat; width:1002px; height:188px; overflow:hidden;}
.myNav ul{ background:url(../image/bg_nav.png) no-repeat; display:block; height:54px; margin-top:118px; padding-left:34px;}
.myNav ul li{ float:left; height:54px; width:120px; line-height:54px; text-align:center;}
.myNav ul li.n3{ margin-right:215px;}
.myNav ul li.n6{ margin-right:0;}
.myNav ul li:hover{ background:url(../image/bg_nav.png) 0 -54px no-repeat; height:54px;}
.myNav ul li.n1:hover{ background-position:-34px -54px;}
.myNav ul li.n2:hover{ background-position:-154px -54px;}
.myNav ul li.n3:hover{ background-position:-274px -54px;}
.myNav ul li.n4:hover{ background-position:-609px -54px;}
.myNav ul li.n5:hover{ background-position:-729px -54px;}
.myNav ul li.n6:hover{ background-position:-849px -54px;}

/* 屠龙传说 首页 */
.wrap{ position:relative; width:1002px;}
.wrap .tl_down{ width:221px; height:273px; position:absolute; left:388px; top:233px;cursor: pointer;}
.header{ background:url(../image/bg_header.jpg) no-repeat; height:263px; padding-left:60px; padding-top:40px;}
.header a{ width:240px; height:110px;}
.mainContainer{}
.leftContainer{ background:url(../image/bg_left.png) no-repeat; width:246px; height:1066px; overflow:hidden;}
.rightContainer{ background:url(../image/bg_home_right.png) no-repeat; width:722px; padding-right:20px; padding-left:14px; height:1066px;}

/* -- 左边 -- */
.loginCon{ height:195px;  overflow:hidden;}
.loginCon ul li{ padding:6px 0;}
.loginCon input{ background-color:#fff; border:1px #948886 solid; color:#000; padding:2px 3px; width:122px;}
.loginCon label span{ color:#B36B0D;width:50px; display:block;float:left; text-align:right; font-weight:bold;}
.loginCon ul li span.wh{ display:block; float:right; margin-right:16px;_margin-right:8px; margin-top:4px;}
.loginCon ul li span.wh a{ background:url(../image/wh.png);width:14px; height:15px; display:block;}
.loginCon ul li.login-btn{ padding-left:50px;_padding-left:30px;}
.loginCon ul li.login-btn input{ background:url(http://image.91wan.com/tlcs/images/left_login_btn.jpg) no-repeat;width:75px; cursor:pointer; border:none; height:28px;}
.loginCon ul li.login-btn input:hover{ background-position:0 -28px;}
.loginCon ul li.login-btn a{ background:url(http://image.91wan.com/tlcs/images/left_login_btn.jpg) -75px 0 no-repeat;display:block; width:75px; height:28px; float:right; margin-right:15px;}
.loginCon ul li.login-btn a:hover{ background-position:-75px -28px;}
.login-after{padding:15px 14px 5px 34px;}
.login-after p{line-height:1.8; font-weight:bold;}
.left_cz,.left_xsk{ background-color:#271416; border:#764F4D 1px solid; width:206px; height:55px; padding:3px;}
.left_title h2{background:url(../image/left_title.jpg) no-repeat;height:47px;}
.leftfwqCon{ padding:5px 15px 10px;}
.left_fwq h2{ background-position:0 -47px;}
.left_fwq ul.serverList li{ padding:0 10px;height:26px; _margin-top:-2px; line-height:26px;}
.left_fwq ul.serverList li a:hover{ font-weight:bold;}
.left_fwq ul.serverList li span{ float:right;}
.left_fwq ul.serverList li span.red{ color:red;}
.left_fwq ul.serverList li span.green{ color:green;}
.leftmtlj h2{ background-position:0 -94px;}
.scroll-div { width:210px; height:63px; margin:0 auto; overflow:hidden; white-space:nowrap; padding-top:10px;}
.scroll-div img {  background-color:#271416; border:#764F4D 1px solid; padding:3px; display:block; margin-bottom:5px;}
.left_yxjs h2{ background-position:0 -141px;}
.yxjsCon{ padding:15px 20px;}
.yxjsCon p{ line-height:1.8; text-indent:2em;}
.left_news h2{ background-position:0 -188px;}
.left_news_con ul li{ height:26px; line-height:26px; margin:0 10px;}
.left_news_con ul li a strong{ margin-right:8px; font-weight:normal;}
.left_news_con ul li a{ display:block; float:left; width:205px; height:26px; line-height:26px; overflow:hidden; color:#626053; font-weight:bold;}
.left_news_con ul li a:hover{ color:#948A66;}
/* -- 右边 -- */
.rgtrow_one{ margin-top:20px;}
.focus{ background:url(../image/pic_focus_bg.jpg) no-repeat; width:372px; height:212px; padding:6px; overflow:hidden;}
.r_more{ width:45px; position:absolute; float:right; right:5px; top:-28px; font-family:"宋体";}
.r-more2{ width:45px; position:absolute; float:right; right:15px; top:-25px;}
.focusNews{ width:326px; height:225px;overflow:hidden;}/*tab select start*/

.subMenu{ background:url(../image/focus_news_title.jpg) no-repeat; height:33px;}
.nTab .subMenu li,.nTab .subMenu li span{ display:block; float:left;width:64px;cursor:pointer;text-align:center;height:30px;  margin-right:3px;overflow:hidden; font-weight:bold;  font-size:14px;  }
.nTab .subMenu .active span{ background:url(../image/top_withe.gif) bottom center no-repeat; color:#a68958;}

.focusNews_con{ height:192px; width:326px;position:relative;}
.focusNews_con ul li{ border-bottom:#2e2920 1px dashed; height:30px; line-height:30px; margin:0 10px;}
.focusNews_con ul li a strong{ margin-right:8px;}
.focusNews_con ul li a{ display:block; float:left; width:215px; height:30px; line-height:30px; overflow:hidden;}
.focusNews_con ul li a:hover{ font-weight:bold;}
.rgtrow_two{ height:113px; margin:17px 0;}
.rgtrow_two ul li{ background:url(../image/pic_ts_bg.jpg) no-repeat; padding:6px; float:left; display:block; width:218px; height:101px; margin-right:10px}
.rgtrow_two ul li img{ display:block;}
.rightyxzl{ border:#512C28 1px solid; background-color:#1E1101; width:475px; height:265px;}
.rightyxzl .yxzlMenu{ background:url(../image/yxzl_title.jpg) no-repeat;height:40px; padding-left:12px;}

.nTab .yxzlMenu li,.nTab .yxzlMenu li span{display:block; float:left;width:107px;cursor:pointer;height:40px; line-height:40px;overflow:hidden; text-indent:-9999px;}
.nTab .yxzlMenu .active span{ background:url(../image/yxzl_title.jpg) 0 -40px no-repeat;}
.nTab .yxzlMenu .active span.zl1{ background-position:-12px -40px;}
.nTab .yxzlMenu .active span.zl2{ background-position:-119px -40px;}

.rightyxzl_con{ height:221px; position:relative;}
.rightjbjs{ background:url(../image/bg_rightjbjs.jpg) no-repeat; width:475px; height:140px; padding-top:81px;}
.rightjbjs ul.jbList{ display:block; float:left; width:80px; padding:5px 10px 0 24px;_padding:5px 9px 0 8px;}
.rightjbjs ul.jbList li a{ display:block; width:80px; overflow:hidden;}

.rightyxzl_con .yxzltable{ border-collapse:collapse; height:200px;}
.rightyxzl_con .yxzltable tr{ display:block;height:50%; height:100px;} 
.rightyxzl_con .yxzltable tr td strong{ background:url(../image/yxzl.jpg) no-repeat;width:110px; height:74px; display:block;}
.rightyxzl_con .yxzltable tr td strong.str_bg2{ background-position:0 -74px;}
.rightyxzl_con .yxzltable tr td p{ text-align:left; padding:15px; line-height:1.8;}

.rightyxzl_con ul li{ border-bottom:#2F1F16 1px dashed; *height:25px; *line-height:25px; margin:0 10px;}
.rightyxzl_con ul li a strong{ margin-right:8px;}
.rightyxzl_con ul li a{ display:block; float:left; width:260px; height:27px;line-height:27px; *height:25px; *line-height:25px; overflow:hidden;}
.right_bbox{ width:233px;}
.right_bbox img{ display:block;}
.right_yxjt,.right_wjzp{ height:128px;}
.right_yxjt h2,.right_wjzp h2{ background:rgba(0, 0, 0, 0.6) none repeat scroll 0 0 !important;/*实现FF背景透明，文字不透明*/filter:Alpha(opacity=60);background:#000000;/*实现IE背景透明*/ text-align:center; line-height:26px; height:26px; width:233px; font-size:12px; position:absolute; left:0; bottom:0;}
.right_bbox h2 a{ color:#fff;}
.mtContainer{ background-color:#100c02; border:#523533 1px solid; width:353px; height:290px;}
.mtContainer .meitMenu{height:37px; padding-left:20px;border-bottom:#523533 1px solid;}
.nTab .meitMenu li{ color:#8e7975; font-weight:bold; font-size:14px; display:block; float:left;width:96px;cursor:pointer;text-align:center;height:37px; line-height:37px; text-align:center;}
.nTab .meitMenu .active{ color:#dba909;}
.kfContainer{ background-color:#100c02; border:#523533 1px solid; height:32px; line-height:32px;}
.kfContainer p{ padding-left:15px;}
.kfContainer p span{ margin-right:15px;}

/* 版权部分模块 footer*/
.foot{ width:900px;padding-top:40px;}
.footInfo p{ line-height:1.8; margin-left:20px; color:#A68958;}
.footInfo p a{ color:#6C5738;}
.footInfo p a:hover{ color:#a83200;}
.footInfo p span{ margin:0 5px;}

/* inner-page */
.innerRight{width:756px;}
.innerTitle{ background:url(../image/inner_title.jpg) no-repeat;width:716px; height:44px; line-height:44px; padding:0 20px;}
.xw_innerTitle{ background-position:0 0;}
.xsk_innerTitle{ background-position:0 -44px;}
.zl_innerTitle{ background-position:0 -132px;}
.xz_innerTitle{ background-position:0 -176px;}
.fwq_innerTitle{ background-position:0 -88px;}
.gl_innerTitle{ background-position:0  bottom;}
.innerTitle p.location{ float:right;}
.innerTitle p.location a{ margin:0 5px;}
.right_inner_cen{ background:url(../image/right_inner_cen.png) repeat-y; min-height:900px;_height:900px;}
.innerContainer{ padding:20px 35px;}
.inner_news_list ul li{ background:url(../image/listStyle.gif) left center no-repeat; border-bottom:#2F1F16 1px dashed; padding-left:10px; height:32px; line-height:32px;color:#A68958;}
.inner_news_list ul li span{ float:right;}
.inner_news_list ul li a{ color:#A68958; display:block; float:left; width:580px; height:32px; overflow:hidden;}
.inner_news_list ul li a:hover{color:#A83200;}
.innerContainer .newsTitle{text-align:center; border-bottom:#2F1F16 1px dashed;}
.innerContainer .newsTitle h3{ color:#A83200; padding:10px 0; overflow:hidden; font-family: 'Microsoft Yahei','宋体';font-size:20px;font-weight:bold;text-align:center;}
.innerContainer .newsTitle .pubTime{ margin-bottom:8px;}
.innerContainer .newsTitle .pubTime span{ padding:0 12px;}
.innerContainer .newsContent{ padding-top:10px; line-height:26px; font-size:13px; color:#A68958;}
.newsContent p {padding-top:5px; text-indent:2em;}
.newsContent p img,.newsContent img{display:block;margin:0 auto;max-width:604px;padding:10px 0;text-align:center;}
.inner_fwq_list .zj,.inner_fwq_list .tj,.inner_fwq_list .sy{margin-bottom:20px;}
.inner_fwq_list .zj h2,.inner_fwq_list .tj h2,.inner_fwq_list .sy h2{ border:#4c2a28 1px solid; color:#4c2a28; height:34px; line-height:34px; font-size:14px; text-indent:2em;}
.inner_fwq_list .ff{ overflow:hidden; margin:10px auto 0; padding-bottom:12px; padding-left:10px;} 
.inner_fwq_list .ff a{ color:#CA7B31; display:block; width:156px; height:28px; background:url(../image/server_f_item.jpg) no-repeat;font-size:12px; font-weight:bold; line-height:28px; float:left; margin:12px 6px 0;_margin:20px 6px 0; text-align:center; position:relative;}
.inner_fwq_list .ff a:hover,.inner_fwq_list .ff a.hover{ background:url(../image/server_f_item.jpg) 0 -28px no-repeat; color:#CA7B31; text-decoration:none;}
.inner_fwq_list .ff a span{ margin-left:10px;}
.page_inf{ padding:10px 15px 0;}
.news_conbox p{ line-height:180%; font-size:13px;}
.page_inf .new_cardbtn {background:url(../image/xsk.png) no-repeat ; width:155px; height:37px; line-height:37px; cursor:pointer; border:none;}
.right_inner_bot{ background:url(../image/right_inner_bot.png) no-repeat; height:122px;}

/* regCon */
.regCon{ background-color:#110D03; margin:0 auto; width:600px; overflow:hidden;}
.reg1{ background:url(../image/reg1.jpg) no-repeat; height:39px;}
.reg1 h2{ color:#887048; text-align:right; line-height:39px; width:320px; font-size:14px;}
.reg1 .close{float:right; margin:10px 24px 0 0;_margin:10px 12px 0 0; width:20px; height:20px; z-index:99;}
.reg2{ padding-top:25px; padding-bottom:25px; padding-left:45px;}
.reg2 h3{ font:bold 14px Arial; color:green;}
.reg2 p{ margin-top:5px; color:#999;}
.reg2 .regItem{ height:28px; margin:10px 0; overflow:hidden; line-height:28px;}
.reg2 .regItem label{color:#887048; width:80px; display:block; float:left; font-weight:bold; text-align:right; height:28px; line-height:28px;}
.reg2 .regItem span.red{ color:red; margin-right:3px;}
.reg2 .regItem input{ background-color:#fff; border:1px #948886 solid; color:#000; float:left; margin-right:3px;height:24px; line-height:24px; width:180px; padding:0 3px; vertical-align:middle;}
.reg2 .check{ margin-left:78px;}
.reg2 .check input{float:left; margin-right:5px; width:20px; height:20px;*margin-top:-3px; _margin-top:0;}
.reg2 .check span a{ font-weight:bold; color:green;}
.reg2 .reg_btn{ margin-top:20px; margin-left:120px;}

/* 2012.06.28 屠龙下载页 */
.down_wrap{ width:960px; margin:0 auto;}
.down_head{ background:url(../image/down_head.jpg) no-repeat; height:348px;}
.down_head a{ width:111px; height:31px; position:absolute; top:43px; right:37px;}
.down_content{ background:url(../image/down_content.jpg) no-repeat; height:289px;}
.down_left{ width:230px; height:230px; padding-top:59px;}
.reg_content{width:230px;padding-top:10px;}
.reg_item{height:55px;}
.reg_item label{ color:#B36B0D;width:80px;display:block;float:left;font-size:12px;font-weight:bold;text-align:right;padding-top:5px;}
.reg_item input{width:120px;height:20px; border:#4C3936 1px solid;}
.reg_item span{font-size:18px;font-family:Tahoma;color:#f00;}
.reg_explain{ color:#54310B; font-weight:bold;padding-left:80px;margin-top:6px;}
.reg_content .down_reg_btn{ padding-left:80px; padding-top:8px;}
.reg_content .down_reg_btn input{ background:url(../image/down_reg_btn.jpg) no-repeat; width:102px; height:34px; border:none; cursor:pointer;}
.reg_content .down_reg_btn input:hover{ background-position:0 -34px;}
.reg_content_after{padding:15px 14px 5px 34px;}
.reg_content_after p{line-height:1.8; font-weight:bold;}
.down_right{ width:725px; height:289px;}
.down_js{ width:226px; height:81px; position:absolute; top:91px; left:67px;}
.down_js a{ background:url(../image/down_right_btn.jpg) no-repeat; width:227px; height:81px;}
.down_js a:hover{ background-position:0 -81px;}
.down_wz a{ background:url(../image/down_right_btn.jpg) -227px 0 no-repeat; width:227px; height:81px;}
.down_wz a:hover{ background-position:-227px -81px;}
.down_wz{ width:226px; height:81px; position:absolute; top:91px; right:83px;}
.down_foot{ background:url(../image/down_foot.jpg) no-repeat; height:163px; padding-top:42px; padding-left:40px;}

/*新增样式*/

.button,.qq,.card,.pay,.moreServer a,.play{ background:url(../image/change_btn.jpg) no-repeat; display:block; overflow:hidden;}

.login{ margin-top:8px;}
.login a{ color:#a6854d;}
.qq{ width:211px; height:27px; background-position:0 0; margin:8px auto; text-align:center; line-height:27px; color:#d56930;}
.qq:hover{ background-position:right 0; color:#ff7b36; text-decoration:none;}
.login td{ padding:4px 0 0 8px;}
.login input{  border:1px solid #000; width:134px; height:21px; overflow:hidden; line-height:21px; background:#31170f; color:#7e3f2b;}
.bsd{border:1px solid #000;}
.button{ width:60px; height:54px; background-position:left bottom;}
a.button:hover{ background-position:right bottom;}

/*新手卡按钮*/
.box_btn{ margin:0 auto; width:212px;}
.box_btn a{ width:210px; height:59px;}
.card{ background-position:0 -32px;}
.pay{ background-position:0 -96px;}

.card:hover{ background-position:right -32px;}
.pay:hover{ background-position:right -96px;}

/*更多服务器*/
.moreServer{ background:url(../image/server.jpg) no-repeat; width:236px; padding:12px 0px; margin:0 auto; height:26px;}
.moreServer a{ background-position:0 -160px; width:152px; height:24px; margin:0 auto; }
.moreServer a:hover{ background-position:right -160px;}

/*新闻列表*/
.nTab em{ font-size:12px; margin:0 5px; font-family:"宋体"; font-weight:bold; font-style:normal;}
/*游戏攻略*/
.rightyxz2{border:#512C28 1px solid; background-color:#1E1101; width:230px; height:265px;}
.play{ width:230px; height:36px; background-position:-165px -207px;}
.rightyxz2 ul{ padding:5px 0 0 0;}
.rightyxz2 ul li{ height:27px; line-height:27px; border-bottom:1px dashed #2F1F16; padding:0 10px; position:relative; overflow:hidden; _margin-top:-2px;}
.rightyxz2 ul li a{ float:left;}
.rightyxz2 ul li a:hover{ text-decoration:none;}
.rightyxz2 ul li span{ float:right;}
.rightyxz2 em{ font-style:normal; font-family:"宋体"; margin:0 3px 0 0;}

/*玩家相册*/
.photos{ height:265px; background:url(../image/pic_bg.jpg) no-repeat; width:720px;}
.rightyxzl .other{ background-position:0 -80px;}
.nTab .other .active span{ background:url(../image/yxzl_title.jpg) 0 -116px no-repeat;}
.nTab .other .active span.zl1{ background-position:-10px -120px;}
.nTab .other .active span.zl2{ background-position:-117px -120px;}
/*图片列表*/
.poto_box{ width:678px; margin:0 25px!important; margin:0 20px; padding:15px 0; overflow:hidden; }
#pic_list{ width:760px; overflow:hidden;}
#pic_list li{ display:block; border:0 none; height:95px; float:left; margin:0 13px 2px 0; width:157px; text-align:center; text-indent:0px;}
#pic_list li a { display:block; width:145px; height:63px;  border:1px solid #402502; background:#1f1410; padding:6px; overflow:hidden;}
#pic_list li a:hover{ background:#0f0501;}
#pic_list li a img{ width:145px; height:63px; overflow:hidden; }
.pd0{ padding-bottom:5px;}

#pic_list p a{  line-height:7px; overflow:hidden; text-align:center; height:5px;}

.more{ position:absolute; margin:-26px 0 0 180px;}

/*图片列表新增*/
#in_list{ margin:0 0 0 5px!important;}
#in_list ul li{ padding-left:0px; background:none; height:120px;}
#in_list #pic_list li a{ height:83px;}
#in_list #pic_list a img{ height:83px; overflow:hidden;}
/*next*/
.next{ border:#271607 1px dashed; border-left:0 none; border-right:0 none; margin:15px 0;  padding:15px 20px; }
.next li{ line-height:24px;}
.next li a{ margin-left:3px;}
/*near*/
.near{ background:#130b00; border:1px solid #271607;}
.near h5{ height:35px; line-height:35px; background:#190701;text-indent:15px; overflow:hidden; border-bottom:1px solid #271607; font-size:14px;}
.near ul{ width:784px;}
.near li{ width:300px; margin-right:45px; float:left; display:inline-block; line-height:22px;}

.in_box{ width:644px; overflow:hidden; padding:15px 20px;}

/*列表详细新增*/
.p_detail{ width:686px; margin:0 auto; overflow:hidden; text-align:center;}
.p_detail img{ background:#130b00; border:1px solid #271607; padding:10px;  max-width:656px; width: expression(this.width >656 && this.height < this.width ? 656: true);}
.bot_button{ padding:20px 0 0 0; text-align:center;}
.bot_button a{ padding:5px 10px; background:#271607; border:1px solid #3a1f0b; }
.bot_button a:hover{ background:#180d04; text-decoration:none;}
