* { margin: 0; padding: 0; border: 0 none; background: transparent; font-size: 100%; vertical-align: baseline } html { overflow-y: auto; } html, body { height: 100%; } body, input, button, select, textarea, th, td { line-height: 1.5; font: 12px/1.5 "Microsoft YaHei", tahoma, arial, 'Hiragino Sans GB', '\5b8b\4f53', sans-serif; color: #666 } 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 } body, input, button, select, textarea, table { font: 12px/1.5 "Microsoft YaHei", tahoma, arial, 'Hiragino Sans GB', '\5b8b\4f53', sans-serif; } body { background:#FFF;color: #333; } h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal } ul, ol { list-style: none } img { vertical-align: top; border: 0; } input, select { vertical-align: middle } button { cursor: pointer; overflow: visible; padding: 0; width: auto } textarea { overflow: auto } table { border-collapse: collapse; border-spacing: 0 } .clearfix { *zoom:1; } .clearfix:after { display: block; clear: both; content: "\0020"; visibility: hidden; height: 0 } a { color: #131313; text-decoration: none; outline: 0 } a:hover { color: #691482; text-decoration: underline } .f12 { font-size: 12px } .f14 { font-size: 14px; height: 40px;} .displaynone { display: none; } .displayblock { display: block; } .blue { color: #07a3ea; } .clr { clear: both; } .text_kong { text-indent: 1em; display: block; } .kongheight10 { height: 10px; } /* header */ .header { min-width: 1200px; display: block; height: 43px; margin: 0 auto; margin-bottom: 10px; background-color:#0066CB; } .header .inner { position: relative; width: 1200px; margin: 0 auto; *zoom:1; } .header .logo { float: left; width: 120px; height: 43px; overflow: hidden; } .header .logo a { background: url("/bbszryiynet/theme/violet/template/images/logo.png") 0 0 no-repeat; display: block; height: 43px; text-indent: -9999px; } .header .nav { float: left; color: #fff; } .header .nav { margin-left: 9px; } .header .nav a:link, .header .nav a:visited { float: left; padding: 0 23px; font-size: 14px; height: 43px; line-height: 43px; cursor: pointer; margin-right: 3px; color: #fff; } .header .nav a:hover { text-decoration: underline; color: #d7d7d7; } .header .nav a.cur:link, .header .nav a.cur:visited { background: #07a3ea; color: #fff; } .gsearch { padding-top: 6px; width: 230px; float: left; margin-left: 33px; } .gsearch input { -webkit-appearance: none; border: 0; background: transparent; outline: 0; } .gsearch .inp { width: 180px; height: 26px; border: 1px dotted #e1e9e1; text-align: left; float: left; border-right: none; } .gsearch .inp input { margin: 0; width: 243px; height: 26px; line-height: 24px\9; border: none; padding-left: 5px; color: #fff; } .gsearch .inp_btn { width: 30px; height: 26px; border: 1px dotted #e1e9e1; border-left: none; background-color: #fff; font-size: 0; float: left; } .gsearch .inp_btn input { width: 30px; height: 26px; *height:28px; padding: 0; margin: 0; line-height: 100px; border: none; background: transparent url("/bbszryiynet/theme/violet/template/images/bn_srh_1.png") no-repeat 50% 50%; font-size: 0; cursor: pointer; } .header .usernav { position: absolute; right: 0; top: 10px; color: #ddd; height: 22px; line-height: 22px; } .header .usernav a { color: #ddd; } .header .usernav a:hover, .header .usernav .current { text-decoration: underline; color: #fff; } .header .usernav span { padding: 0 13px; } /* footer */ .footer { position: fixed; z-index: 9999; bottom: 0; min-width: 1200px; background-color: #07a3ea;; color: #fff; border-top: 1px solid #0066CB; height: 53px; width: 100%; } .footer .inner { width: 1200px; margin: 0 auto; padding: 16px 0 32px; } .footer .inner a{ color:#FFF;} .footer .fmenu { float: right; width: 400px; padding: 2px 0 0 0; overflow: hidden; } .footer .fmenu a { float: right; +display:inline;line-height: 1.2; border-right: 1px solid #ccc; margin-right: -1px; padding: 0 8px; color: #F7F7F7; } .footer .fmenu a:hover { text-decoration: underline; color: #bbb; } /* layout */ .gmain { width: 1200px; margin: 0 auto; padding: 20px 0; margin-bottom: 30px; } .gcon { zoom: 1; width: 100%; margin: 0 auto; margin-bottom: 30px; } .gcon:after { content: "\0020"; display: block; height: 0; clear: both; } .gcon .gcon_a { width: 890px; float: left } .gcon .tube_b { width: 280px; float: right; } .gtube { float: left; +display:inline; +overflow:hidden; line-height: 0; margin-right: 8px; } .gtube { float: left; width: 100%; margin-right: 0 } .triangle_right { width: 0; height: 0; border-left: 6px solid #999; border-bottom: 4px solid transparent; border-top: 4px solid transparent; position: absolute; top: 7px; } /* ================================================================ */ /*小组列表*/ .groupbox { width: 890px; } .groupbox .gitem { float: left; +display:inline; width: 286px; height: 110px; overflow: hidden; margin: 16px 10px 0 0; } .groupbox .gitem img { float: left; width: 80px; height: 80px; overflow: hidden; } .groupbox .gitem .desc { float: left; width: 190px; padding-left: 10px; } .groupbox .gitem .desc h2 { height: 24px; font-size: 14px; font-weight: normal; } .groupbox .gitem .desc h2 a { float: left; } .groupbox .gitem .desc p { font-size: 12px; padding-bottom: 4px } .groupbox .gitem .desc p span { color: #999; } .groupbox .imglist { width: 890px; padding: 10px 0; } .groupbox .imglist li { float: left; _display: inline; overflow: hidden; width: 154px; margin: 3px 12px 10px 12px; } .groupbox .imglist li>a { display: table-cell; overflow: hidden; width: 152px; height: 105px; border-left: 1px #eaeaea solid; border-right: 1px #eaeaea solid; border-top: 1px #eaeaea solid; text-align: center; } .groupbox .imglist li img { width: 152px !important; height: auto !important; margin: 0 auto; } .groupbox .imglist li h3 { height: 24px; line-height: 24px; overflow: hidden; text-align: center; background: #07a3ea; padding: 0 5px; } .groupbox .imglist li h3 a { display: block; color: #ffffff; font-size: 12px; font-weight: 300; } .groupbox .imglist li h3 a:hover { color: #ffffff; text-decoration: underline; } /* 分页样式 */ .gpage { width: 100%; float: left; padding: 12px 0;height: 36px; } .gpage a { padding: 6px 12px; margin: 0 3px 0; color: #333333; border: #999 1px solid; text-decoration: none; } .gpage a:hover { text-decoration: none; background-color: #07a3ea;border: #07a3ea 1px solid; color: #FFF; } .gpage span, .gpage font { color: #BEBEBE; padding: 6px 12px; margin: 0 3px 0; border: #999 1px solid; } /*方块*/ .gblock { zoom: 1; width: 100%; line-height: 1.5; } .gblock:after { content: "\0020"; display: block; height: 0; clear: both; overflow: hidden; } .gblock .lanBack{width:270px; height:36px;line-height: 36px; background-color:#f7f7f7; padding-left:10px; font-size:14px;} .gblock .lanBack a { color: #07a3ea; } /*标题*/ h4 { font-size: 14px; color: #030303; line-height: 36px; height: 36px; padding: 0 0 0px 0; font-weight: 700; } h4.dash { border-bottom: #ccc 1px dotted; } h4.dash span { font-size: 12px; float: right; font-weight: normal !important; } h4.dash span a { color: #09C; } h4.dash span .Btn { width: 80px; height: 26px; background: #07a3ea; padding: 5px; color: #FFF; } h4.grnav { font-size: 12px; } h4.grnav a { margin-right: 13px; } .gblock h1 { font-size: 30px; height: 60px; letter-spacing: 1px; border-bottom: #ccc 1px dotted; } .gblock h2.tftop { font-size: 18px; height: 33px; margin-bottom: -13px; font-weight: 700; border-bottom: #ccc 1px dotted; } /*活跃达人*/ .side_nuts { overflow: hidden } .side_nuts li { overflow: hidden; padding: 9px 0px; } .side_nuts li .pt_pic { _display: inline; float: left; margin-right: 12px } .side_nuts li .pt_txt { border: 1px solid #eaeaea; padding: 5px 10px; overflow: hidden; *zoom:1 } .side_nuts li .pt_txt h3 { font-weight: normal; margin-right: 4px; display: inline } .side_nuts li .pt_txt span { color: #999 } .side_nuts li .pt_txt p { margin-top: 4px; color: #666 } /*首页 申请按钮*/ .gapply { height: 40px; font-size: 16px; text-decoration: none; margin-top: 20px; } .gapply a { display: block; height: 40px; line-height: 40px; padding: 0 50px; background-color: #88c932; color: #fff; text-decoration: none; } .gapply a:hover { background-color: #50a200; color: #fff; text-decoration: none; } /*通用 最新主题*/ .side_topic { overflow: hidden; padding: 0 0 16px; } .side_topic li { padding: 14px 0 16px; margin-top: -1px; border-bottom: #ccc dotted 1px; } .side_topic li div { margin: 4px 0 0; } .side_topic li div a, .side_topic li div a:link { color: #999 } .side_topic span { color: #999; padding: 0 3px; } /*小组介绍 顶部*/ .group_intro { padding: 16px; background-color: #f7f7f7; } .group_intro img { float: left; width: 80px; height: 80px; overflow: hidden; text-align: center; } .group_intro .desc { float: left; width: 750px; margin-left: 20px; } .group_intro .desc h1 { padding-bottom: 4px; font-size: 21px; font-weight: 700; } .group_intro .desc span { font-size: 12px; font-weight: normal; } .group_intro .desc p { padding: 4px 0 8px; } /* 小组列表*/ .xqlist { width: 100%; margin: 8px 0 0; } .xqlist .Tabtitle { background: #f7f7f7; } .xqlist td, .xqlist th { text-align: left; padding: 5px 4px 5px 4px; line-height: 28px; } .xqlist td { border-bottom: 1px dotted #ccc } .pbr { height: 34px; overflow: hidden; margin: 16px 0 0; line-height: 1.2; text-align: right } /*搜索页面专用*/ .search { margin: 0px; padding: 0px; width:880px; height:34px;} .search .sinput { border: 1px solid #d3d3d3; border-right: none; color: #868686; float: left; margin: 0px; background: #fff; width: 563px; height: 32px; line-height: 32px; outline: 0; padding-left:5px; } .search .sbtn { color: #ffffff; background: #07a3ea; font-size: 14px; margin: 0px; cursor: pointer; display: inline-block; float: left; border: none; height: 34px; width: 73px; line-height: 34px; } .search .sbtn:hover { background: #373737; } /*个人空间*/ .usbody { background: url("/bbszryiynet/theme/violet/template/images/user_bg.png") repeat } .up { margin: 0 auto; width: 890px; padding-bottom: 9px; } .up:after { content: "\0020"; display: block; height: 0; clear: both } /*up top */ .up_header { margin: 0 auto; padding-bottom: 9px; border-bottom: 1px solid #ccc; } .up_header:after { content: "\0020"; display: block; height: 0; clear: both } .up_header .up_avatar { width: 100px; height: 100px; overflow: hidden; _display: inline; float: left; margin-right: 13px } .up_header .up_avatar img { width: 90px; height: 90px; padding: 4px; border: #CCC 1px solid; } .up_header .up_text { padding: 9px 0px; float: left; overflow: hidden; *zoom:1 } .up_header .up_text h2 { font-size: 18px; color: #333; } .up_header .up_text p { margin-top: 9px; } .up_header .up_text p.intro { color: #999; } .up_list_top { border-bottom: 1px dotted #999; padding: 19px 0px; margin-bottom: 10px; } .up_list_top span { font-size: 16px; font-weight: 700; } .up_list_item { zoom: 1 } .up_list_item:after { content: "."; display: block; visibility: hidden; height: 0; overflow: hidden; clear: both } .up_list_item .mline { line-height: 23px; font-size: 9px; text-indent: 1em; border: 1px dotted #999; border-radius: 4px; margin: 10px; padding: 5px; } .up_list_item .bline { height: 0; margin: 13px 0; border-bottom: 1px dotted #999; overflow: hidden } .up_list_item .cont { color: #666; position: relative; } .up_list_item .cont a { color: #000; text-indent: 1em; display: block; text-decoration: none; outline: 0; star:expression(this.onFocus=this.blur()); font-size: 14px; font-weight: normal; } .up_list_item .cont a:hover { text-decoration: underline; } .up_list_item .info { color: #999; } .up_list_item .info a { display: inline-block; margin-right: 7px; } .up_list_item .info span { margin: 0px 7px; } .b_top { margin-top: 0px; } .side_ulists { overflow: hidden } .side_ulists li { overflow: hidden; padding: 9px 0px; border-bottom: #CCC dotted 1px; } .side_ulists li .pt_pic { _display: inline; float: left; margin-right: 12px } .side_ulists li .pt_txt { padding: 5px 0px 5px 10px; overflow: hidden; *zoom:1 } .side_ulists li .pt_txt h5 { font-weight: normal; margin-right: 4px; display: inline } .side_ulists li .pt_txt p { margin-top: 4px; color: #666 } /*发布 编辑 话题*/ .gbtn { border: 0; background: #07a3ea; text-indent: 0; color: #fff; padding: 6px 23px; font-size: 14px; cursor: pointer; } .gbtn:hover { background: #07a3ea; } /*申请小组*/ .ulist h1 { font-family: '微软雅黑'; font-size: 30px; height: 60px; letter-spacing: 1px; } .tableform { margin: 16px 0 0; } .tableform td, .tableform th { line-height: 2.2; padding: 6px 8px 2px 0; vertical-align: top; } .tableform .redstar { color: #f21664; } .tableform .reply-sub { padding-top: 3px } .tableform input.ipt { width: 230px; height: 22px; padding: 2px 2px 0 4px; border-width: 1px; border-style: solid; border-color: #ccc #bbb #aaa; font-size: 12px; } .tableform textarea { width: 430px; height: 200px; line-height: 21px; padding: 2px 2px 0 4px; border-width: 1px; border-style: solid; border-color: #ccc #bbb #aaa; font-size: 12px; } /*话题最终页面*/ .pbt { padding-bottom: 8px; font-size: 16px; position: relative; } .pbt b { text-indent: 1em; display: block; } .cmt-area { background-color: #f7f7f7; } .cmt-area .cmt-dl { margin: -1px 0 0; border-top: 1px solid #ebebeb } .cmt-area .cmt-dd { zoom: 1; padding: 16px 0 16px 80px; word-wrap: break-word; word-break: break-all; border-top: 1px solid #fff; border-bottom: 1px solid #ebebeb; } .cmt-area .cmt-dd:after { content: "\0020"; display: block; height: 0; overflow: hidden; clear: both; } .cmt-area .pimg { float: left; +display:inline; width: 64px; padding-left: 16px; margin: 0 0 0 -80px; } .cmt-area h3 { zoom: 1; height: 24px; overflow: hidden; margin-bottom: 0; font-size: 12px; border-bottom: 1px solid #d5d5d5; width: 800px; } .cmt-area h3:after { content: "\0020"; display: block; height: 0; overflow: hidden; clear: both; } .cmt-area h3 b { } .cmt-area h3 i { font-size: 10px; color: #bbb; margin: 2px 0 0 8px; font-style: normal } .cmt-area .cmt-dd .cmt-ctnt { padding: 10px 20px 0 0; font-size: 14px; line-height: 26px; color: #131313; } .cmt-area .cmt-dd .cmt-option{margin: 10px 16px -10px 0;} .cmt-area .cmt-dd .cmt-option a{border: 0;background: #07a3ea;text-indent: 0;color: #fff;padding: 2px 6px; font-size:12px;} .cmt-ctnt img { max-width: 500px; } .cmt-ctnt a{color: #07a3ea;} .cmt-dd a { margin-left: 13px; } .div_page { zoom: 1; padding: 8px 16px 10px 80px; word-wrap: break-word; word-break: break-all; border-top: 1px solid #fff; border-bottom: 1px solid #ebebeb; text-align: right; } .div_page:after { content: "\0020"; display: block; height: 0; overflow: hidden; clear: both; } .divform { zoom: 1; padding-left: 16px; word-wrap: break-word; word-break: break-all; border-top: 1px solid #fff; border-bottom: 1px solid #ebebeb; text-align: left; } .divform:after { content: "\0020"; display: block; height: 0; overflow: hidden; clear: both; } .divform p { margin: 10px 0; } .divform .f-field { border: 1px solid #d5d5d5; font: 12px arial, sans-serif; padding: 5px; width: 588px; line-height: 18px; background-color: #FFF; } /*用户中心*/ /*头像*/ .line { height: 32px; line-height: 2.2; font-size: 14px; border-bottom: 1px solid #dfdfdf; } .psinfo_img { float: left; width: 126px; line-height: 1.8; } .psinfo_img .psimg_d { width: 116px; height: 116px; } .psinfo_img .psimg_d img { display: block; margin: 0; padding: 8px; background-color: #f7f7f7; } .psinfo_set { float: left; +display:inline; color: #999; line-height: 22px; } .psnav .current { color: #f21664; text-decoration: none; } .psqlist { width: 100%; margin: 8px 0 0; } .psqlist td, .psqlist th { text-align: left; padding: 2px 4px 2px 0; line-height: 2; } .psqlist td { border-bottom: 1px dashed #ccc } .psqlist td a { margin-right: 10px; } /*介绍*/ .brdsep { border-top: 1px solid #dfdfdf } .set-baseinfo table { margin: 8px 0 0; } .set-baseinfo th { text-align: right; } .set-baseinfo td, .set-baseinfo th { padding: 8px; } .tableform { margin: 16px 0 0; } .tableform td, .tableform th { line-height: 2.2; padding: 6px 8px 2px 0; vertical-align: top; } .tableform textarea { width: 430px; height: 120px; line-height: 21px; padding: 2px 2px 0 4px; border-width: 1px; border-style: solid; border-color: #ccc #bbb #aaa; font-size: 12px; } .ipt { width: 180px; height: 22px; padding: 2px 2px 0 4px; border-width: 1px; border-style: solid; border-color: #ccc #bbb #aaa; font-size: 12px; } /*发表帖子*/ .boxform { margin: 10px 0; padding: 10px 0; } .boxform .ftitle { text-align: left; line-height: 28px; width: 48px; height: 28px; } .boxform .finput input { border: 1px solid #d5d5d5; font-size: 12px; width: 570px; line-height: 25px; height: 25px; vertical-align: middle; padding: 0 5px; } .boxform .fhelper { color: #999; font-size: 12px; line-height: 25px; height: 25px; } /*发现帖子*/ .topic_list { width: 100%; margin-bottom: 9px; margin: 0; padding: 0; } .topic_list td { padding: 13px 0px; line-height: 18px; text-align: left; border-bottom: 1px dotted #ddd; } .topic_list .author { width: 55px; } .topic_list .author a { display: block; } .topic_list .author img { display: block; padding: 3px; line-height: 1; border: 1px solid #ddd; margin-right: auto; margin-left: auto; } .topic_list .subject p { margin: 0px; padding: 0px; padding-bottom: 7px; float: left; clear: both; padding-left: 7px; } .topic_list .subject p span { margin: 0; padding: 0; margin: 0 5px; color: #CCC; } .topic_list .subject p.info { color: #bbb; font-size: 12px; padding-bottom: 3px; } .topic_list .subject p.info a { color: #778087; } .topic_list .num { color: #666; line-height: 18px; text-align: center; width: 140px; text-align: center; } .topic_list .num span { background: none repeat scroll 0 0 #f3f1f1; display: block; float: right; height: 36px; margin: 0 0 0 10px; overflow: hidden; padding: 7px 0; width: 54px; } .topic_list .num em { display: block; font-weight: 700; } /*--滚动信息,统计--*/ .Ad_InfoBox { width: 1200px; height: 28px; margin: 0 auto; border: #CCC 1px dotted; } .Ad_InfoBox .adInfo_left { float: left; width: 40px; } .Ad_InfoBox .adInfo_left img { margin-left: 5px; margin-top: 8px; } .Ad_InfoBox .adInfo_right { float: right; width: 250px; text-align: right; margin-right: 5px; margin-top: 6px; } .Ad_InfoBox .SlideBox { float: left; width: 900px; } .Ad_InfoBox .SlideBox ul { width: 100%; clear: both; overflow: hidden; } .Ad_InfoBox .SlideBox ul li { width: 98%; padding-right: 2%; height: 28px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .Ad_InfoBox .SlideBox .infoList li { height: 28px; line-height: 28px; } /*--------top定位start-------*/ .GoTop { position: fixed; left: 50%; margin-left: 610px; bottom: 50px; width: 50px; height: auto; z-index: 999; } .GoTop li { width: 50px; float: right; height: 50px; border-radius: 4px; margin: 2px 0; right: 0; color: #fff; text-align: center; position: relative; overflow: hidden; font-size: 14px; cursor: pointer; } .item:hover .base_expand { display: block !important; } .base_tel { background: url("/bbszryiynet/icon/base_tel.png") right center no-repeat; } .base_service { background: url("/bbszryiynet/icon/base_service.png") right center no-repeat; } .base_expand { width: 100px; height: 50px; line-height: 20px; padding-top: 5px; text-align: left; padding-left: 15px; background: #eb6100; } .base_width:hover { width: 155px; } .base_more { background: url("/bbszryiynet/icon/base_more.png") right center no-repeat; } .base_GoTop { background: url("/bbszryiynet/icon/base_GoTop.png") right center no-repeat; } .base_text { content: attr(data-text); position: absolute; top: 0; left: 0; width: 50px; height: 50px; line-height: 20px; padding-top: 5px; font-weight: bold; color: #fff!important; border-radius: 4px; background-color: #07a3ea; text-align: center; -webkit-transform-origin: -50% 50%; transform-origin: -50% 50%; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); -webkit-transition: -webkit-transform .3s ease-in; transition: transform .3s ease-in; opacity: 0\9; filter: alpha(opacity=0)\9; } .button_rotate:hover .base_text { transform: rotate3d(0, 0, 1, 0deg); } /*--------top定位end-------*/ .Flink { min-height: 120px; margin-top: 15px; } .Flink_head { height: 30px; border-bottom: 1px solid #ccc; } .Flink_head>div { width: 60px; height: 30px; text-align: center; font-weight: bold; font-size: 14px; line-height: 20px; border-bottom: 1px solid #ccc; box-sizing: border-box; position: relative; } .Flink_head>div i { width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-bottom: 6px solid #ccc; position: absolute; left: 50%; margin-left: -3px; bottom: 0; } .Flink_head>a { font-size: 14px; line-height: 30px; padding-right: 10px; } .Flink_main { padding: 15px 10px; } .Flink_main a { font-size: 14px; display: block; float: left; width: 85px; text-align: center; height: 28px; overflow: hidden; line-height: 28px; padding: 0 10px; } /*--------ajax加载------*/ .sub-more { padding: 4px 0; text-align: center; line-height: 30px; font-size: 16px; font-weight:bold; background:#07a3ea; } .sub-more a{color: #fff;}