/* ----------------------- * This is a free template, but the use of the terms of the license agreement * * $Id: extend_common.css * $Created & Modified by 酷酷的旧爱 QQ:44312658 ---------------------------------- /* 全局通用 - Tab选项卡 ------------------------------------------------------------------- */ .tab-hd{background-color: #F0F0F0;} .tab-hd a{height: 34px;line-height: 34px;display: block;float: left;padding:0 20px;} .tab-hd a:hover{color: #FFF;} .tab-hd .active{background-color: #58BAE9;color: #FFF;} /* 全局通用 - 面包屑导航 ------------------------------------------------------------------- */ #pt .z a, #pt .z em, #pt .z span{height: 32px;} #pt{background-color: #FFF;border-radius: 2px;height: 32px;line-height: 32px;margin: 0 auto 20px;} #pt .z{padding-left: 20px;} #pt .z a.nvhm{background-image: url("../images/Crumbs_Ico.png");background-repeat: no-repeat;background-position: 0 center;width: 20px;} #pt .z em{background: url("../images/Crumbs_Ico.png") no-repeat -20px 2px !important;} .pg_forumdisplay #pt{margin-left: 205px;margin-bottom: 12px;} /* 全局通用 - 翻页部分样式 ------------------------------------------------------------------- */ .pg strong{background-color: #1ABEE3; border-color: #4CB7EF; border-radius: 26px; color: #FFF; font-weight: normal;} .pg a{border-color: #4CB7EF; border-radius: 26px; font-weight: normal; text-align: center; transition: all 0.2s ease-out 0s;} .pg label{border-color: #4CB7EF; border-radius: 26px;} .pgb a{border-color: #4CB7EF; border-radius: 26px;} .pgs{padding-bottom: 5px;padding-right: 10px;} .pg a:hover, .pgb a:hover{background-color: #1ABEE3; border-color: #4CB7EF; color: #FFF;} /* 全局通用 - 按钮样式 ------------------------------------------------------------------- */ .pn{background: #AAA;border: 0;box-shadow: none;border-radius: 2px;color: #FFF !important;} .pnpost .pn{height: 34px;padding: 0 12px;} .pnc, a.pnc{background: #6C6C6C;border-color: #6C6C6C;} /* 全局通用 - 文本输入框重定义 ------------------------------------------------------------------- */ #ct.ct2_a .px{height: 21px;} #ct.ct2_a .px, .pt{line-height: 21px;} #ct.ct2_a .px, .pt, .ps, select{background: none;border-color: #DDD;} #ct.ct2_a .ftid a{background: none;border-color: #DDD;padding: 2px 4px;} /* 全局 - 顶部样式 ------------------------------------------------------------------- */ #Bai_Top{background-color: #F5F5F5;border-bottom: 1px solid #D9D9D9;box-shadow: 0 0 5px rgba(0,0,0,0.24);min-width: 100%;height: 38px;line-height: 38px;} #Bai_Top .z{height: 38px;} #Bai_Top .z a{height: 38px;margin: 0 10px;} /* 全局 - 顶部样式 - 搜索框 ------------------------------------------------------------------- */ #Bai_Top .scbar #scbar_txt{background-color: #F2F2F5;border: 1px solid #CCC;width: 210px;height: 20px;color: #BBB;padding: 4px 10px;position: relative;} #Bai_Top .scbar #scbar_txt:focus{background-color: #FFF;border: 1px solid #6899EC;} #Bai_Top .scbar #scbar_btn{color: #BBB;cursor: pointer;height: 28px;line-height: 28px;position: relative;right: 30px;} #Bai_Top .scbar #scbar_btn:hover{color: #6899EC;} /* 全局 - 页头框架 ------------------------------------------------------------------- */ #Bai_Header{background-color: #FFF;border-bottom: 1px solid #D9D9D9;} /* 全局 - 页头样式 - 导航 ------------------------------------------------------------------- */ #Bai_Header .nav{border-bottom: #6899EC solid 2px;box-shadow: 0 1px 3px 0 #B5B5B5;width: 100%;height: 50px;} #Bai_Header .nav li{border-right: 1px solid #DDD;height: 30px;float: left;margin: 10px 0;padding: 0 15px;} #Bai_Header .nav li:last-child{background-image: url("../images/qianbao.png");background-position: 0 center;background-repeat: no-repeat;border-right: 0;float: right;padding-left: 25px;} #Bai_Header .nav li a{height: 30px;line-height: 30px;font-size: 16px;color: #333;display: block;} #Bai_Header .nav li a span{display: none;} #Bai_Header .nav li.a a{border-bottom: 2px solid #FA7D3C;color: #FA7D3C;padding-bottom: 10px;} #Bai_Header .nav li a:hover{border-bottom: 2px solid #FA7D3C;color: #FA7D3C;padding-bottom: 10px;} /* 全局 - 弹出列表框架样式 ------------------------------------------------------------------- */ .menuBox{background-color: #FFF;border: 1px solid #CCC;border-radius: 3px;box-shadow: 0 2px 8px 1px rgba(0, 0, 0, 0.2);min-width:94px;color: #333;margin-top: 10px;padding: 2px;} .menuBox a{font-size: 14px;min-width: 50px;line-height: 1em;color: #333;display: block !important;padding: 9px 13px !important;overflow: hidden;} .menuBox a:hover{background-color: #AED7f5 !important;color: #FFF !important;} /* 全局 - 页头样式 - 二级导航 ------------------------------------------------------------------- */ #Bai_Header .subnav{height: 45px;line-height: 45px;} #Bai_Header .subnav ul{background-image: url("../images/subnav.png");background-position: 0 center;background-repeat: no-repeat;padding-left: 85px;} #Bai_Header .subnav ul li{border-right: 1px solid #DDD;height: 25px;float: left;margin: 10px 0;padding: 0 15px;} #Bai_Header .subnav ul li a{height: 25px;line-height: 25px;font-size: 14px;display: block;} #Bai_Header .subnav ul li a:hover{border-bottom: 2px solid #6899EC;color: #6899EC;} #Bai_Header .subnav .navigation{word-spacing: 10px;} /* 论坛首页 - AD ------------------------------------------------------------------- */ #Bai_AD table{width: 100%;} #Bai_AD td{width: 180px;height: 22px;} #Bai_AD td a:hover{text-decoration:underline;} /* 论坛首页 - 论坛统计 ------------------------------------------------------------------- */ #Bai_Chart .top center{height: 45px;line-height: 45px;} #Bai_Chart .box-1 a{display: block; width: 310px; height: 270px;} #Bai_Chart .box-2 {width: 760px; height: 270px;} #Bai_Chart .box-2 ul{width: 375px;} #Bai_Chart .box-2 ul li{height: 27px;line-height: 27px;} #Bai_Chart .box-2 ul li span{border: 1px solid #B9BDC1;border-radius: 4px;height: 20px;line-height: 20px;float: left;color: #757171;text-align: center;margin: 2.5px 0;padding: 0px 5px;} #Bai_Chart .box-2 ul li a{width: 240px;height: 27px;float: left;text-indent: 2em;overflow: hidden;} #Bai_Chart .box-2 ul li em{float: right;} #Bai_Chart .box-3{width: 310px; height: 250px;} #Bai_Chart .box-3 .tab-bd li{height: 25.25px;line-height: 25.25px;border-bottom: 1px dashed #DDD;} #Bai_Chart .box-3 .tab-bd li:last-child{border-bottom: 0;} #Bai_Chart .box-3 .tab-bd li img{width: 25.25px;height: 25.25px;border-radius: 50%;vertical-align: top;} #Bai_Chart .box-3 .tab-bd li a{text-indent: 4px;display: inline-block;} #Bai_Chart .box-3 .tab-bd li em{float:right;} #Bai_Chart .box-4{width: 375px; height: 250px;} #Bai_Chart .box-4 .tab-bd li{width: 100%;height: 25.25px;line-height: 25.25px;border-bottom: 1px dashed #DDD;padding: 0;} #Bai_Chart .box-4 .tab-bd li:last-child{border-bottom: 0;} #Bai_Chart .box-4 .tab-bd li em{float:right;} #Bai_Chart .box-5{width: 375px; height: 250px;} #Bai_Chart .box-5 .tab-bd li{width: 46%;height: 25.25px;line-height: 25.25px;float: left;border-bottom: 1px dashed #DDD;padding: 0;} #Bai_Chart .box-5 .tab-bd li:nth-child(2n){padding-left: 8%;} #Bai_Chart .box-5 .tab-bd li em{float:right;} /* 论坛首页 - 版块分区 ------------------------------------------------------------------- */ .pg_index .bm_h{height: 47px;line-height: 45px;border: 0;} .pg_index .bm_h h2{background-image: url("../images/forum.png");background-position: 0 center;background-repeat: no-repeat;height: 45px;line-height: 45px;font-size: 14px;text-indent: 24px;border-bottom: 2px solid #F0F0F0;} .pg_index .links .bm_h h2{background-image: url("../images/links.png");background-position: 0 center;background-repeat: no-repeat;} /* 列表页 - 头部聚合框架 ------------------------------------------------------------------- */ #Bai_ListBox{background-color: #FFF;box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);height: 100px;position: relative;} /* 列表页 - 头部聚合样式 - Banner ------------------------------------------------------------------- */ #Bai_ListBox .banner{background-color: #FFF;box-shadow: 0 2px 4px rgba(0,0,0,0.3);width: 180px;height: 90px;position: absolute;bottom: 55px;left: 20px;} #Bai_ListBox .banner img{width: 180px;height: 90px;} /* 列表页 - 头部聚合框架 - 内容盒子 ------------------------------------------------------------------- */ #Bai_ListBox .info{height: 80px;margin-left: 230px;overflow: hidden;} #Bai_ListBox .info h1{height: 36px;line-height: 36px;font-size: 22px;font-weight: normal;} #Bai_ListBox .info h1 em{height: 36px;margin-right: 20px;} #Bai_ListBox .info h1 em.y #newspecial{background-color: #1ABEE3;border: 1px solid #4CB7EF;width: 125px;height: 26px;line-height: 26px;color: #FFF;display: block;margin: 4px 0;} #Bai_ListBox .info .mtm a{box-shadow: 0px 1px 2px rgba(0,0,0,0.1);border: 1px solid #DDD;width: 110px;height: 32px;line-height: 32px;display: inline-block;} /* 列表页 - 左侧板块导航 ------------------------------------------------------------------- */ #sd_bdl{width: 150px;border: 1px solid #dbeffc;background-color: #FFF;} #sd_bdl .bdl_h{color: #09E;height: 48px;background: #FFF;text-align: center;line-height: 48px;font-size: 20px;border-bottom: 1px solid #edf7fe;} #sd_bdl.bdl dl{border-bottom: 1px solid #edf7fe;text-align: center;background: #f5fafe;font-size: 14px;color: #3f95e5;cursor: pointer;overflow: hidden;margin: 0;} #sd_bdl.bdl dl.a dt{background: #99cdf1;} #sd_bdl.bdl dl.a dt a{color: #FFF;background: url("../images/forum_arrow_normal.png") no-repeat 6px -57px;} #sd_bdl.bdl dt{margin-bottom: 0;border: 0;background: inherit;display: block;padding-left: 12px;height: 40px;line-height: 40px;} #sd_bdl.bdl dt a{padding: 0;background: url("../images/forum_arrow_normal.png") no-repeat 6px 14px;} #sd_bdl.bdl dd{border-bottom: 1px solid #dcefff;background-color: #FFF;padding-left: 32px;height: 40px;line-height: 40px;font-size: 13px;color: #666;overflow: hidden;} #sd_bdl.bdl dd:last-child{border-bottom: 0;} #sd_bdl.bdl dd a{height: 40px;line-height: 40px;} #sd_bdl.bdl dd.bdl_a a{background-color:inherit; color: #09E; font-weight: 500; } /* 列表页 - 推荐主题 ------------------------------------------------------------------- */ .B_recommend li{border-bottom: 1px solid #DDD;height: 28px;line-height: 28px;overflow: hidden;} .B_recommend li:last-child{border-bottom: 0;} .B_recommend li a{width: 144px;height: 28px;line-height: 28px;float: left;} /* 列表页 - 热门图片 ------------------------------------------------------------------- */ .B_recommend_image li{border: 1px solid #DDD;padding: 5px;margin-bottom: 5px;} .B_recommend_image li:last-child{margin-bottom: 0;} .B_recommend_image li a p{height: 20px;line-height: 20px;overflow: hidden;} /* 列表页 - 列表样式 ------------------------------------------------------------------- */ #threadlisttableid .h {width: 51px;height: 51px;display: inline-block;} #threadlisttableid .h img{border: 1px solid #DDD;border-radius: 50%;width: 45px;height: 45px;padding: 2px;} #threadlisttableid .t {width: 100%;padding-left: 40px;} #threadlisttableid .t p{height: 20px;line-height: 20px;position: relative;bottom: -4px;} #threadlisttableid .by{width: 0px;} #threadlisttableid .num{width: 92px;padding-right: 10px;} #threadlisttableid .num span{border: 1px solid #DDD;border-radius: 3px;box-shadow: inset 0 -3px 0px 0px #DDD;width: 90px;display: block;height: 49px;line-height: 49px;padding-right: 10px;} /* 主题内容页 - 主题内容样式 ------------------------------------------------------------------- */ .pls{display: none;} /* 主题内容页 - 顶部聚合盒子 ------------------------------------------------------------------- */ #postlist .title-box{border-bottom: 1px solid #EEE;height: 185px;} #postlist .box-left{width: 620px;height: 125px;padding: 30px;border-left: 1px solid #EEE;} #postlist .box-right{width: 360px;height: 125px;padding: 30px;margin-left: -1px;} /* 主题内容页 - 顶部聚合盒子 - 左侧 ------------------------------------------------------------------- */ #postlist .box-left #thread_subject{color: #333;font-size: 24px;font-weight: normal;} #postlist .box-left #thread_subject i{vertical-align: inherit;} #postlist .box-left #thread_time{padding-top: 8px;font-size: 14px;color: #BBB;} #postlist .box-left #thread_info{height: 30px;line-height: 30px;margin-top: 30px;} #postlist .box-left #thread_info span a{font-size: 14px;color: #BBB;} #postlist .box-left #thread_info em{font-size: 14px;color: #BBB;margin: 0 16px;} #postlist .box-left #thread_copy{margin-left: 40px;color: #BBB;} #postlist .box-left #thread_copy i{vertical-align: top;} #postlist .box-left #thread_tath font + font{margin-left: 16px;} #postlist .box-left #thread_tath i{color: #BBB;margin-right: 5px;vertical-align: top;} /* 主题内容页 - 顶部聚合盒子 - 右侧 ------------------------------------------------------------------- */ #postlist .box-right #thread_avatar{width: 100px;height: 100px;display: block;margin: 12.5px 0;position: relative;} #postlist .box-right #thread_avatar img{width: 100px;height: 100px;} #postlist .box-right #thread_avatar img.vm{width: auto;height: auto;position: absolute;bottom: 0;left: 0;} #postlist .box-right .box-right-info{width: 240px;height: 125px;margin-left: 20px;overflow: hidden;} #postlist .box-right .box-right-info p{height: 24px;line-height: 24px;margin-bottom: 5px;} #postlist .box-right .box-right-info ul.cl li + li{margin-left: 10px;} #postlist .box-right .box-right-info .mg-z{border: 1px solid #BBB;border-radius: 4px;height: 36px;line-height: 36px;width: 88px;color: #999;display: block;text-align: center;} #postlist .box-right .box-right-info .mg-y{background-color: #3C3C3C;border: 1px solid #3C3C3C;border-radius: 4px;height: 36px;line-height: 36px;width: 88px;color: #FFF;display: block;text-align: center;} /* 主题内容页 - 右侧主题内容样式 ------------------------------------------------------------------- */ .t_fsz{width: 800px;margin: 0 auto;padding-top: 40px;overflow: hidden;} .t_fsz .zoom{width: auto; max-width: 800px;cursor: default;} .t_fsz .pgs{text-align: center;} .t_fsz .pgs .pg a,.t_fsz .pgs .pg strong{float: none;} /* 主题内容页 - 右侧主题内容 - 支持模块样式 ------------------------------------------------------------------- */ #Bai_Recommend{margin-top: 40px;text-align: center;} #Bai_Recommend #recommend_add{background-color: #3C3C3C;border-radius: 50px;width: 118px;height: 72px;color: #FFF;display: inline-block;} #Bai_Recommend #recommend_add i{display: block;} /* 内容页 - 主题回复框架 ------------------------------------------------------------------- */ #Bai_PostReply .box{width: 92%;margin-left: 32px;} /* 内容页 - 主题回复内容 - 头像区域 ------------------------------------------------------------------- */ #Bai_PostReply .avatar{border-radius: 50%;width: 48px;height: 48px;} #Bai_PostReply .avatar img{border-radius: 50%;width: 48px;height: 48px;} /* 内容页 - 主题回复内容 - 点评样式 ------------------------------------------------------------------- */ #Bai_PostReply .comt li a.i{width: 24px;height: 24px;display: inline-block;} #Bai_PostReply .box .pob em{float: right;} /* 内容页 - 主题回复内容 - 快速回帖框架 ------------------------------------------------------------------- */ #Bai_FastPost{padding: 30px;} #Bai_FastPost .plc .cl{margin-bottom: 15px;} #Bai_FastPost .plc .cl .hasfsl{margin-right: 0;} #Bai_FastPost .tedt{border: 1px solid #EEE;width: auto;} #Bai_FastPost .tedt .bar{height: 38px;line-height: 38px;padding: 0 10px;} #Bai_FastPost .tedt .bar .fpd span{display: none;} #Bai_FastPost .tedt .bar a{background: none;display: inline-block;text-indent: 0;width: 24px;height: 24px;line-height: 38px;margin: 7px;} #Bai_FastPost .tedt .bar a i{display: block;} #Bai_FastPost .tedt .bar .swfupload{vertical-align: middle;margin: 7px;} #Bai_FastPost .tedt .area a{color: #EB7350;display: inline-block;} #Bai_FastPost button{border-radius: 4px;height: 35px;line-height: 35px;padding: 0 36px;transition: all 0.2s ease-out 0s;} #Bai_FastPost button:hover{background-color: #3C3C3C;} /* 全局 - 左右分栏样式 - 左侧分栏样式 ------------------------------------------------------------------- */ .appl{background: linear-gradient(to left, #F6F6F6 0%, #FFF 8px);width: 200px;margin: 0 !important;padding: 0;} .appl .User{margin-bottom: 30px;padding-top: 30px;} .appl .User img{border-radius: 50%;display: block;width: 80px;height: 80px;margin: 0 auto 10px;} .appl .User strong{color: #EB7350;display: block;font-weight: normal;text-transform: capitalize;} .appl .User .info{padding: 15px 4px 0;} .appl .User .info .z{width: 64px;} .appl .User .info .z + .z{border-left: 1px solid #D9D9D9;margin-left: -1px;} .appl .User .info .z em{font-size: 18px; display: block; line-height: 18px;} .appl .User .info .z span{display: block;float: none;} .appl .tbn{margin: 0;} .appl ul{margin-bottom: 100px;} .appl ul li{border-bottom: 0; height: 50px; line-height: 50px; margin: 0;} .appl ul li em{display: none;} .appl ul li span{display: none;} .appl hr.da{display: none;} .appl ul a{border: 1px solid transparent; color: #666; font-size: 14px; display: block; height: 20px; line-height: normal; outline: 0 none; margin: 5px 0; padding: 10px 16px; position: relative;} .appl ul .a{background: none; border-top: 0; padding: 0;} .appl ul .a a{background-color: #FFF; border-color: #EEE transparent #EEE #EEE; border-radius: 3px 0 0 3px; box-shadow: -1px 1px 3px rgba(0, 0, 0, 0.05); color: #000;} .appl ul .a a:after{background-color: #EB7350; border-radius: 3px 0 0 3px; content: ""; width: 3px; position: absolute; top: 0; bottom: 0; left: 0;} .ct2_a .mn{width: 850px !important;} /* 全局 - 左右分栏样式 - 设置 - 用户组重定义 ------------------------------------------------------------------- */ .ct2_a .mn .tdats .tfxf{width: 580px;} .ct2_a .mn .tdats th.c0{height: 40px;} .ct2_a .mn .tdats th.c0 h4{background: #FA7D3C;font-weight: normal;height: 40px;line-height: 40px;} .ct2_a .mn .tdats td{height: 32px;padding: 0 12px;} .ct2_a .mn .tdats .h th{background: #FA7D3C;border-top: 1px #FFF solid;border-bottom: 1px #FFF solid;color: #FFF;font-weight: normal;height: 36px;} .ct2_a .mn .tdats .tfx{width: 220px;} .ct2_a .mn .tdats .tfx th, .ct2_a .mn .tdats .tfx td{border-width: 0 1px 0 0 !important;} .ct2_a .mn .tdats .tfx .alt th{border: 1px #FFF solid;} .ct2_a .mn .tdats .tb{border: none;width: 360px;margin: 0;} .ct2_a .mn .tdats .tscr{width: 360px;} .ct2_a .mn .tdats .tb li#c1, .ct2_a .mn .tdats .tb li#c2, .ct2_a .mn .tdats .tb li#c3{background: #F06373;float: none;display: block;font-weight: normal;text-align: center;height: 40px;line-height: 40px;} .ct2_a .mn .tdats .tscr .tdat th, #ct.ct2_a .mn .tdats .tscr .tdat td{width: 349px;} /* 全局 - 左右分栏样式 - 右侧Tab ------------------------------------------------------------------- */ .mn .tb{border-bottom: 1px solid #EEE;height: 40px;line-height: 40px;margin: 0 0 16px;padding: 0;} .mn .tb li{margin: 0;} .mn .tb li a{background: none;border: none;color: #999;font-size: 13px;padding: 0 15px;} .mn .tb li.y a{padding: 0;} .mn .tb li.o{background: #FA7D3C;border: none;border-radius: 3px;height: 26px;margin-top: 6px;margin-left: 6px;transition: 0.2s ease-out;} .mn .tb li.o:hover{background: #5F962A;} .mn .tb li.o a{color: #FFF;font-weight: normal;font-size: 12px;height: 26px;line-height: 26px;} .mn .tb li.a a{background: #FFF;border: 1px solid #EEE;border-bottom: none;border-radius: 3px 3px 0 0;color: #333;font-weight: normal;margin-bottom: -1px;} .mn .tb li.showmenu{margin-left: 15px;} .mn .tb li.showmenu a{border: none;padding: 0;} /* 全局 - 个人资料页 - 头部区域隐藏 ------------------------------------------------------------------- */ #uhd{width: 1100px;margin: 0 auto;background-color: #FFF;} /* 全局 - 页尾样式 ------------------------------------------------------------------- */ #Bai_Footer{background: #FFF;border-top: 2px solid #EA5514;width: 100%;height: 200px;} /* 全局 - 页尾样式 - Top ------------------------------------------------------------------- */ #Bai_Footer .top{height: 130px;line-height: 130px;} #Bai_Footer .top a{color: #666;} #Bai_Footer .top a + a{margin-left: 38px;} #Bai_Footer .top.z a:hover{color: #999;} #Bai_Footer .top.y a i{display: inline;position: relative;} #Bai_Footer .top.y a:hover i.font-wb{color: #E90E24 !important;} #Bai_Footer .top.y a:hover i.font-wx{color: #58BC46 !important;} #Bai_Footer .top.y a:hover i.font-qq{color: #3CAAE3 !important;} #Bai_Footer .top.y a:hover i.font-wx span{display: block;background-image: url("../images/WX_BG.png");background-size: 120px;border: 10px solid #FFF;width: 120px;height: 120px;position: absolute;bottom: 30px;left: 50%;transform: translate(-50%,0);} /* 全局 - 页尾样式 - Bottom ------------------------------------------------------------------- */ #Bai_Footer .bottom{border-top: 1px solid #EAEDF1;width: 100%;padding-top: 20px;} #Bai_Footer .bottom p + p{margin-left: 38px;}