body{background: #fafafa;} *{color: #323232;font-family: "微软雅黑";} ::-webkit-scrollbar {width: 3px;height: 3px;} ::-webkit-scrollbar-track { background: #fafafa;box-shadow: 0px 0px 4px #bbb inset;border-radius:3px;} ::-webkit-scrollbar-thumb { background: #aaa;border-radius:3px;} .container120{/*width:1200px;*/margin:0 auto;} .container100{width:100%;} .bg-blue{background-color:#0C6EA1 !important;} .bg-orange{background: #e97f15;} .bg-orange-red{background: #e8321f;} .bg-f2{background-color: #f2f2f2;} .bg-e6{background: #e6e6e6;} .bg-f5{background: #f5f5f5;} .bg-fa{background: #fafafa;} .text-blue{color:#0C6EA1 !important;} .text-blue1{color:#1c53a3 !important;} .text-d9{color: #d9d9d9;} .text-orange-red{color:#E44820 !important;} .text-orange{color:#E97F15;} .text-green{color:#37a849;} .text-80{color: #808080;} .text-80 *{color: #808080;} .bg-green{background: #37a849;} .text-32{color: #323232 !important;} .text-f2{color: #f2f2f2;} .float-r{float: right;} .float-l{float:left;} .line-h45{line-height: 45px;} .line-h-26{line-height: 26px;} .line-h-30{line-height: 30px;} .line-h-40{line-height:40px;} .mr-20{margin-right: 20px;} .m-7{margin:7px;} .m-lr-20{margin-left: 20px;margin-right: 20px;} .ml-20{margin-left: 20px;} .mb-20{margin-bottom: 20px;} .mb-15{margin-bottom: 15px;} .pt-20{padding-top:20px;} .pr-20{padding-right: 20px;} .pl-20{padding-left: 20px;} .br-1{border-right: 1px solid #d9d9d9;} .bl-1{border-left: 1px solid #d9d9d9;} .w-16{width: 16px;} .p-tb-40{padding-top: 40px;padding-bottom: 40px;} .p-lr-30{padding-left: 30px;padding-right: 30px;} .p-tb-30{padding-top: 30px;padding-bottom: 30px;} .p-lr-5{padding-left:5px;padding-right: 5px;} .p-tb-2{padding-top:2px;padding-bottom: 2px;} .p-30{padding: 30px;} /*header*/ .header{padding-top: 50px;padding-bottom: 30px;height: 45px;} .header .logo{float: left;height: 45px;padding-right: 10px;margin-right: 10px;border-right: 1px solid #d9d9d9;} .header .right{float: right;line-height: 45px;} .header .loginby{width: 24px;vertical-align: middle;} .gongzhonghao{position: relative;cursor: pointer;} .gongzhonghao .codepic{ opacity: 0; height: 0;padding:0px 10px;transition: all 0.3s;-webkit-transition: all 0.3s;-m-transition: all 0.3s;-moz-transition: all 0.3s; line-height: 20px; position: absolute;width: 140px; top: 20px;*top:35px;_top:35px;left: -35px;border: none; background: #fff;overflow: hidden;} .gongzhonghao .codepic img{width: 140px;} .gongzhonghao.hover .codepic{z-index: 2;height: 165px; opacity: 1;border: 1px solid #d9d9d9; padding:10px 10px; transition: all 0.3s;-webkit-transition: all 0.3s;-m-transition: all 0.3s;-moz-transition: all 0.3s;} /*nav*/ .nav .caidan{float: left; width: 80px;height: 58px;margin: 1px;background-color: #DCF3FF;text-align: center;line-height: 58px; background-image: url(../images/icons.gif);background-position: center;background-repeat: no-repeat;background-position:25px 18px;} .nav .co{color: #fff; float: left; display: block; line-height: 56px;margin-top: 4px;font-size: 18px;padding: 0 29px;*padding: 0px 28px;} .nav .co.active{background: #fff;color: #323232;font-weight: bolder;border-radius: 5px 5px 0px 0px;} .nav .subnav{height: 16px;padding: 22px;line-height: 16px;} .nav .subnav .left{float: left;} .nav .subnav .left .ca{display: block;line-height: 20px; float: left; margin-right: 25px;padding-left: 30px; padding-right: 25px;border-right: 1px solid #d5d5d5;font-size: 14px;} .nav .subnav .left .ca.taolun{background: url(../images/icons.gif) no-repeat 0px -125px;} .nav .subnav .left .ca.baohao{background: url(../images/icons.gif) no-repeat 0px -169px;} .nav .subnav .left .ca.paihang{background: url(../images/icons.gif) no-repeat 0px -222px;} .nav .subnav .left .ca.niuren{background: url(../images/icons.gif) no-repeat 0px -277px;} .nav .subnav .left .ca.yijian{background: url(../images/icons.gif) no-repeat 0px -331px;} .nav .subnav .left .ca.gonggao{background: url(../images/icons.gif) no-repeat 0px -387px;} .nav .subnav .left .ca .iconfont{font-size: 20px; vertical-align: middle;margin-right: 10px;} .nav .subnav .right{float: right;} .nav .subnav .right .ca{float: right;padding-left: 35px;_line-height:20px; display: block;font-size: 14px;vertical-align: middle;} /*footer*/ .footer{} .footer .codeBox{float: left;width: 329px;padding: 0 20px;} .footer .codeBox .code{text-align: center;line-height: 20px;padding: 0 20px;float: right;} .footer .codeBox .code img{width:100px;height: 100px;margin-bottom: 5px;} .footer .links{font-size: 10px;vertical-align: middle;color: #323232;vertical-align: middle;margin-bottom: 30px;} .footer .links a,.footer .links span{font-size: 14px;margin: 0px 20px;vertical-align: middle;} .footer .hotLinks{float: left;width: 780px;padding: 5px 0px 5px 40px;} .footer .hotLinks p{width: 110px;margin: 10px;float: left;height: 20px;overflow: hidden;} .footer .hotLinks p a{font-size: 14px;line-height: 20px;height: 20px;overflow: hidden;display: inline-block;*display: inline;_display:inline;} /*搜索框*/ .searchBar{width: 300px;position: relative;float: right;} .searchBar .searchBtn{width: 20px;height: 20px;display: block;position: absolute;right: 5px; top: 5px;background: url(../images/icons.gif) no-repeat -7px -805px;cursor: pointer;border:none;} .searchBar input{border: 1px solid #d9d9d9;border-radius: 3px;width: 260px;padding: 5px 30px 5px 10px;} /*热门话题*/ .home .hotTopic{width: 878px;height: 564px;overflow: hidden; border: 1px solid #D9D9D9;float: left;padding: 30px 0px;} .home .hotTopic .topics{width: 300px;padding: 0px 30px;} /*home*/ /*banner*/ .adbox{width: 100%;height: 210px; display: block;overflow: hidden;position: relative;} .adbox ul.imgbox{width: 100%;height: 100%;position:relative;} .adbox ul.imgbox li{position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;-webkit-transition: all 0.8s;-moz-transition: all 0.8s;-o-transition: all 0.8s;-ms-transition: all 0.8s;} .adbox ul.imgbox li.active{z-index: 2;opacity: 1;-webkit-transition: all 0.8s;-moz-transition: all 0.8s;-o-transition: all 0.8s;-ms-transition: all 0.8s;} .adbox ul.imgbox li a{display: block;width: 100%;height: 100%;} .adbox ul.imgbox li a img{width: 100%;height: 100%;} .adbox ul.listNum{z-index: 10; position: absolute;bottom: 5px;right: 5px;border-radius: 5px;background: rgba(0,0,0,0.5);display: inline-block;_zoom:1;_display:inline;*zoom:1;*display:inline;padding: 5px;} .adbox ul.listNum li{width: 12px;height: 12px;background: #ccc;border-radius: 50%;margin: 0px 3px;display: inline-block;_zoom:1;_display:inline;*zoom:1;*display:inline;overflow: hidden;} .adbox ul.listNum li.active{background: #fff;} ul.list li{padding: 7px 0px;_padding:6px 0px;*padding: 6px 0px; height: 16px;line-height:14px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 100%;} ul.list li a{white-space: nowrap;display:inline-block;_display:inline;*display: inline;max-width: 100%; _width: expression(this.offsetWidth > 300 ? '300px': 'auto' ); text-overflow: ellipsis;overflow: hidden; height: 14px;line-height: 14px;font-size: 14px;} .home .hotNums{width: 455px;} .home .hotNums .title{height: 30px;font-size: 20px;font-weight: bold;padding-left: 35px;} .home .hotNums .title.baohao{background: url(../images/icons.gif) no-repeat -4px -860px;} .home .hotNums .cz{margin-top: 20px;_margin-top:24px;*margin-top: 24px; padding-top:14px;_padding-top:14px;*padding-top:15px;border-top: 1px solid #d9d9d9;} .home .hotNums .czbox .cz:first-child{border-top: none;margin-top: 0px;} .home .hotNums .cz .l{float: left;width: 140px;} .home .hotNums .cz .r{float: left;width: 315px;} .home .hotNums .cz a.tag{display: block;float: left;width: 78px;height: 30px;border: 1px solid #d9d9d9;border-radius: 3px;line-height: 30px;text-align: center;margin-top: 10px;} /*用户信息*/ .home .home-right{width: 301px;_width:301px;*width:301px;float: right;height: 627px;overflow: hidden;} .home .home-right .top{border: 1px solid #d9d9d9;background: #f2f2f2;padding: 20px 19px;} .home .home-right .top .user{} .avatar54{width: 54px;height: 54px;overflow: hidden;} img.avatar{width: 100%;height: 100%;} .home .home-right .btn{display: block;line-height: 36px;height: 36px;color: #fff;text-align: center;float: left;} .home .home-right .userAct .act{width: 33%;} .home .home-right .userAct .icon{padding-left:22px;margin-bottom: 10px;} .home .home-right .userAct .icon.message{background: url(../images/icons.gif) no-repeat -6px -3618px;} .home .home-right .userAct .icon.message.active{background: url(../images/icons.gif) no-repeat -6px -638px;color: #E44820;} .home .home-right .userAct .icon.attention{background: url(../images/icons.gif) no-repeat -6px -704px;} .home .home-right .userAct .icon.topic{background: url(../images/icons.gif) no-repeat -6px -759px;} .home .home-right .actions .action{width: 78px;height: 58px;border: 1px solid #d9d9d9; background: #fafafa;text-align: center;float: left;} .home .home-right .actions .action .icon{width: 20px;height: 20px;margin: 0 auto;margin-bottom: 5px;display: block;margin-top: 10px;} .home .home-right .actions .action .icon.fenxiang{background: url(../images/icons.gif) no-repeat -6px -445px;} .home .home-right .actions .action .icon.liwu{background: url(../images/icons.gif) no-repeat -6px -500px;} .home .home-right .actions .action .icon.jinbi{background: url(../images/icons.gif) no-repeat -6px -555px;} .home .home-right .actions .action .icon.baohao{background: url(../images/icons.gif) no-repeat -6px -170px;} .home .home-right .actions .action .icon.paihang{background: url(../images/icons.gif) no-repeat -6px -223px;} .home .home-right .actions .action .icon.shaijiang{background: url(../images/icons.gif) no-repeat -6px -278px;} .home .home-right .adimg{width: 300px;height: 100px;display: block;} /*讨论区*/ .title-1{padding: 10px 0px 20px 0px;border-bottom: 2px solid #1880b6;zoom: 1;} .title-1:after{content: '';display: table;width: 100%;clear: both;} .title-1 h3{padding-left: 40px;font-size: 20px;float: left;line-height: 28px;} .title-1 h3.taolun{background: url(../images/icons.gif) no-repeat 0px -924px;} .title-1 h3.pinglun{background: url(../images/icons.gif) no-repeat 0px -6891px;} .title-1 h3.baohao{background: url(../images/icons.gif) no-repeat 0px -1952px;} .title-1 h3.paihang{background: url(../images/icons.gif) no-repeat 0px -2016px;} .title-1 h3.gonggao{background: url(../images/icons.gif) no-repeat 0px -5758px;} .title-1 h3.jianyi{background: url(../images/icons.gif) no-repeat 0px -5814px;} .title-1 h3.hit{background: url(../images/icons.gif) no-repeat 0px -3018px;} .title-1 h3.other{background: url(../images/icons.gif) no-repeat 0px -6043px;} .title-1 h3.topic{background: url(../images/icons.gif) no-repeat 0px -1885px;} .title-1 h3.user{background: url(../images/icons.gif) no-repeat 0px -3838px;} .title-1 h3.log{background: url(../images/icons.gif) no-repeat 0px -6400px;} .title-1 h3.attention{background: url(../images/icons.gif) no-repeat 0px -6531px;} .title-1 h3.collection{background: url(../images/icons.gif) no-repeat 0px -6481px;} .title-1 h3.message{background: url(../images/icons.gif) no-repeat 0px -6576px;} .title-1 h3.money{background: url(../images/icons.gif) no-repeat 0px -4017px;} .title-1 h3.lipin{background: url(../images/icons.gif) no-repeat 0px -4083px;height: auto;} .title-1 h3.userInfo{background: url(../images/icons.gif) no-repeat 0px -6757px;height: auto;} .title-1 h3.phone{background: url(../images/icons.gif) no-repeat 0px -6804px;height: auto;} .title-1 h3.address{background: url(../images/icons.gif) no-repeat 0px -4342px;height: auto;} .title-1 h3.fans{background: url(../images/icons.gif) no-repeat 0px -3143px;height: auto;} .title-1 h3.zhuti{background: url(../images/icons.gif) no-repeat 0px -2956px;height: auto;} .title-1 h3.card{background: url(../images/icons.gif) no-repeat 0px -4148px;height: auto;} .home .taolunBox{padding: 20px 0px;margin:-5px;} .home .taolunBox .con{width: 109px;height: 158px;border: 1px solid #d9d9d9;float: left;padding: 20px 15px;display: block;margin: 5px;} .home .taolunBox .con .pic{width: 60px;height: 60px;border-radius: 50%;margin: 0 auto;display: block;margin-bottom: 20px;} .home .taolunBox .gzh{padding-top: 27px;width: 130px;float: left;} .home .taolunBox .gzh img{width: 100%;display: block;margin-bottom: 10px;} .home .ads .ad{width: 285px;height: 100px;overflow: hidden;display: block;float: left;} .home .ads .ad img{width: 100%;height: 100%;} .home .frendLink a{} .commenAction{position: fixed;right:calc(50% - 700px);right: expression(document.width*0.5-700); bottom: 100px;} .commenAction .action{width: 30px;height: 30px;padding: 10px; margin-bottom: 10px;border-radius: 5px;background:#7d7d7d;} .commenAction .action .icon{display: block;width: 100%;height: 100%;} .commenAction .action.gotop .icon{background: url(../images/icons.gif) no-repeat 0 -995px;} .commenAction .action.publish .icon{background: url(../images/icons.gif) no-repeat 0 -1056px;} .commenAction .action.mine .icon{background: url(../images/icons.gif) no-repeat 0 -1126px;} .commenAction .action.gzh .icon{background: url(../images/icons.gif) no-repeat 0 -1196px;} #cznav{width:100%; background:url(../images/cz_bg.gif) repeat-x left center;height:62px;/*min-width:1200px;*/} #cznav ul{margin-left:15px;_margin-left:7px;padding-left:41px;margin-top:9px;} #cznav .fucai{float:left;width:435px; background:url(../images/fucai.gif) no-repeat left top;} #cznav .ticai{float:left;width:435px; background:url(../images/ticai.gif) no-repeat left top;} #cznav .gaopin{float:left;width:100px; background:url(../images/gaopin.gif) no-repeat left top;} #cznav li{line-height:23px;float:left;width:100%;} #cznav li a{display:block;float:left; text-align:left; width:72px;font-size:12px;} #cznav li a.strong{} /*顶部广告*/ .advert{/*width:1200px;*/margin:8px auto;margin-bottom:0px;float:left;} #gg_class16{width:1198px;float:left;background:#fbfbfb;padding:6px 0 6px 0;border:1px solid #eee;clear: both;} #gg_class16 li{float:left;width:133px;text-align:center;padding:4px 0 4px 0;} #gg_class16 li a{color:#333;font-size:12px;} /*热门推荐*/ /*footer上面的热门推荐*/ .hotRecommand{border:1px solid #dbdbdb;height:100px;} .hotRecommand .title{width:20px;padding:11px 10px;height:78px; text-align:center;background:#eee;text-align:center;float:left;font-weight:bold;font-size:14px;font-family:'Microsoft YaHei';} .hotRecommand .hotList{float:left;width:190px;border-right:1px solid #dbdbdb} .hotRecommand .hotList li{padding:0px 30px;height:26px;overflow:hidden;} .hotRecommand .hotList.noBorder{border-right:none;} .hotRecommand .hotList li a{color:#333;line-height:26px;font-size: 14px;} /*登录 注册账户*/ .b-lr-1{border-left: 1px solid #d9d9d9;border-right: 1px solid #d9d9d9;} .login{padding: 25px;border: 2px solid #d9d9d9;clear: both;} .login-title{line-height: 20px;font-size: 18px;font-weight: bold;padding-left: 10px;border-left: 8px solid #e97f15;} .placehoder{position: relative;margin-bottom: 10px;} .placehoder .hoder{position: absolute;top: 10px;left: 10px;line-height: 20px;color: #808080;font-size: 14px;} .log-in{width: 400px;float: left;} .placehoder.h-30 .hoder{top: 6px;} .placehoder.h-30 input{padding: 5px 10px;width: 220px;} .log-in input[type=text],.log-in input[type=password]{width: 300px;height: 20px;border: 1px solid #d9d9d9;padding: 10px;line-height: 20px;vertical-align: middle;background: transparent;z-index: 2;} .log-in .submit{width: 320px;height: 50px;background: #e97f15;font-size: 20px;color: #fff;font-weight: bold;text-align: center;line-height: 50px;border: none;border-radius: 4px;} .login .loginIntro li{margin: 16px 0px;line-height: 20px;font-size: 14px;padding-left: 10px;background: url(../images/icons.gif) no-repeat -13px -4576px;} .getCode{width: 100px;height: 22px;padding: 10px;border-radius: 4px;background: #e97f15;color: #fff;font-size: 15px;text-align: center;line-height: 22px;vertical-align: middle;cursor: pointer;} .getCode.disabled{background: #aaa !important;color: #323232;} .account{border: 2px solid #d9d9d9;clear: both;} .tab .tabctrol{border-bottom: 2px solid #d9d9d9;height: 56px;padding: 0 200px;} .tab .tabctrol .con{width: 50%;float: left;text-align: center;cursor: pointer;} .tab .tabctrol .con span{font-weight: bold;font-size: 18px;height: 56px;line-height: 56px;} .tab .tabctrol .con.active span{border-bottom: 2px solid #e97f15;color: #e97f15;} .tab .tabCon .con{display: none;width: 320px;margin: 0 auto;} .tab .tabCon .con.active{display: block;} .account .userInfo{vertical-align: middle;line-height: 56px;} .avatar56{width: 56px;height: 56px;} .avatar80{width: 80px;height: 80px;} /*普通帖*/ .leftNav{width:200px;float: left;} .leftNav .title{height: 30px;font-size: 18px;padding: 10px;line-height: 30px;} .navLev2{border: 1px solid #d9d9d9;} .navLev2 dt{padding: 30px 10px;cursor: pointer;font-size:18px;} .navLev2 dt p{background:url(../images/icons.gif) no-repeat 0px -4609px;padding-left: 30px; position: relative;} .navLev2 dt p .arrow{position: absolute;right: 10px;top: 0px;width: 20px;height: 20px;background: url(../images/icons.gif) no-repeat -7px -1304px;} .navLev2 dt.active p .arrow{background: url(../images/icons.gif) no-repeat -7px -1257px;} .navLev2 dt.taolun p{background:url(../images/icons.gif) no-repeat 0px -2259px;} .navLev2 dt.yijian p{background:url(../images/icons.gif) no-repeat 0px -330px;} .navLev2 dt.gonggao p{background:url(../images/icons.gif) no-repeat 0px -4777px;} .navLev2 dt.yonghu p{background:url(../images/icons.gif) no-repeat 0px -4656px;} .navLev2 dt.duihuan p{background:url(../images/icons.gif) no-repeat 0px -4739px;} .navLev2 dt.bangzhu p{background:url(../images/icons.gif) no-repeat 0px -4699px;} .navLev2 dd{padding: 12px 20px 12px 30px;display: none;} .navLev2 dd.active{display: block;} .navLev2 dd p{padding: 12px;} .navLev2 dd p.active a{font-weight: bold;color: #e97f15;} .navLev2 dd p a{line-height: 20px;font-size: 18px;} .topicR{width: 980px;float: right;} .topicR .kjh{border: 1px solid #d9d9d9;padding: 20px;} .ballBox{} .ballBox.ball24 .ball{font-size: 14px; float: left;margin: 5px 5px 5px 0px;width:24px;height:24px;line-height: 24px;color: #fff;text-align: center; background: url(../images/icons.gif) no-repeat -4px -5030px;} .ballBox.ball24 .ball.blue{background: url(../images/icons.gif) no-repeat -4px -5072px;} .ballBox.ball24 .ball.grey{background: url(../images/icons.gif) no-repeat -4px -5115px;color: #323232;} .ballBox.ball24 .ball.white{background: url(../images/icons.gif) no-repeat -4px -5157px;color: #323232;} .ballBox .ball{cursor: pointer; font-size: 16px; float: left;margin: 5px 10px 5px 0px;width:30px;height:30px;line-height: 30px;color: #fff;text-align: center; background: url(../images/icons.gif) no-repeat 0px -4822px;} .ballBox.blue .ball{background: url(../images/icons.gif) no-repeat 0px -4977px;color: #323232;} .ballBox.blue .ball.active{background: url(../images/icons.gif) no-repeat 0px -4874px;color: #fff;} .ballBox.red .ball{background: url(../images/icons.gif) no-repeat 0px -4977px;color: #323232;} .ballBox.red .ball.active{background: url(../images/icons.gif) no-repeat 0px -4822px;color: #fff;} .ballBox .ball.blue{background: url(../images/icons.gif) no-repeat 0px -4874px;} .ballBox .ball.grey{background: url(../images/icons.gif) no-repeat 0px -4925px;color: #323232;} .ballBox .ball.white{background: url(../images/icons.gif) no-repeat 0px -4977px;color: #323232;} .ballBox.ball40 .ball{background: url(../images/ball.gif) no-repeat 0px 0px;width: 40px;height: 40px;line-height: 40px;font-weight: bold;font-size: 18px;color: #323232;} .ballBox.ball40 .ball.blue{background: url(../images/ball.gif) no-repeat 0px -60px;} .ballBox.ball40.red .ball.grey,.ballBox.ball40.blue .ball.grey{background: url(../images/ball40.gif) no-repeat 0px -108px;color: #323232;} .ballBox.ball40.red .ball{background: url(../images/ball40.gif) no-repeat 0px -162px;color: #323232;} .ballBox.ball40.blue .ball{background: url(../images/ball40.gif) no-repeat 0px -162px;color: #323232;} .ballBox.ball40.red .ball.active{background: url(../images/ball40.gif) no-repeat 0px 0px;color: #fff;} .ballBox.ball40.blue .ball.active{background: url(../images/ball40.gif) no-repeat 0px -53px;color: #fff;} .btn{cursor: pointer; -webkit-appearance: none;border: none; height: 40px;border-radius: 4px;text-align: center;line-height: 40px;padding: 0 10px;} .btn .phb{padding-left:30px;background: url(../images/icons.gif) no-repeat 0px -5206px;} .btn .zhongjiang{padding-left:30px;background: url(../images/icons.gif) no-repeat 0px -1826px;} .btn.border{border: 1px solid #0C6EA1;height: 38px;} .topPage{float: right;} .topPage span,.topPage a{vertical-align: middle;} .topPage .pre{width: 20px;height: 20px;background: url(../images/icons.gif) no-repeat -6px -1475px;} .topPage .pre.no{background: url(../images/icons.gif) no-repeat -6px -1359px;} .topPage .next{width: 20px;height: 20px;background: url(../images/icons.gif) no-repeat -6px -1417px;} .topPage .no{width: 20px;height: 20px;background: url(../images/icons.gif) no-repeat -6px -1533px;} .topicR .topicList{border:1px solid #d9d9d9;} .tabTitle{height: 60px;} .tabTitle .tabctrol .con{float: left; height: 54px;line-height: 54px;border: 1px solid #f2f2f2; border-bottom:1px solid #d9d9d9; width: auto;padding: 0 40px;font-size: 18px;} .tabTitle .tabctrol .con.active{font-weight: bold; border: 1px solid #d9d9d9;border-bottom: 1px solid #fafafa; background: #fafafa;border-radius: 8px 8px 0px 0px;} .tabTitle .tabctrol{padding: 5px 0px 0px 40px;border-bottom: none;} .topicR .topicList .tabCon .con{padding: 0 20px;width: auto;} .topicR .topicList .list{} .w-750{width: 750px;} .topicList .renqi{width: 60px;height: 50px;text-align: center;} .topicR .topicList .orderTag{width: 30px;height: 30px;border-radius: 4px;color: #fff;line-height: 30px;font-size: 18px;text-align: center;} .table{border-collapse: collapse;width: 100%;} .table.table-bb tr{border-bottom: 1px solid #ddd;} .table.table-bb td,.table.table-bb th{border: none;padding: 20px;} .table td{text-align: center;} .table.table-bb td .yes{width: 30px;height: 30px;background: url(../images/icons.gif) no-repeat 0px -5247px;} .margin-auto{margin: 0 auto;} .botPage .page{border: 1px solid #d9d9d9;padding: 0 15px;line-height: 30px; border-radius: 4px;margin-left: 5px;float: left;font-size: 14px;display: block;} .botPage .page.active{border: 1px solid #0c6ea1;color: #fff;background: #0c6ea1;} .caiso a{margin:0 2px 0 2px;color:#555;} .botPage .page.active a{color: #fff;} .new{background:url(../images/icons.gif) no-repeat -3px -5530px;padding-left:24px;} .old{background:url(../images/icons.gif) no-repeat -3px -5560px;padding-left:24px;} .hot{background:url(../images/icons.gif) no-repeat -3px -5499px;padding-left:24px;background-repeat: no-repeat;} .lock{background:url(../images/icons.gif) no-repeat -3px -5470px;padding-left:24px;} .top1{background:url(../images/icons.gif) no-repeat -3px -5380px;padding-left:24px;} .top2{background:url(../images/icons.gif) no-repeat -3px -5350px;padding-left:24px;} .top3{background:url(../images/icons.gif) no-repeat -3px -5320px;padding-left:24px;} .img{background:url(../images/icons.gif) no-repeat -3px -5589px;padding-left:24px;} .best{background:url(../images/icons.gif) no-repeat -3px -5409px;padding-left:24px;} .over{background:url(../images/icons.gif) no-repeat -3px -5439px;padding-left:24px;} .data{background:url(../images/icons.gif) no-repeat -3px -5290px;padding-left:24px;} .icontype a{font-size: 14px;} .gg{background:url(../images/icons.gif) no-repeat -3px -1587px;padding-left:24px;} select{height: 42px;padding: 10px;border: 1px solid #d9d9d9;border-radius:4px;} input{padding: 10px;height: 20px;border: 1px solid #d9d9d9;border-radius:4px;} .b-1{border: 1px solid #d9d9d9;} .b-lr-1{border-left: 1px solid #d9d9d9;border-right: solid 1px #d9d9d9;} .b-orange-1{border: solid 1px #E97F15 !important;} .br-3{border-radius: 3px;} .whoCanSee{cursor: pointer; width: 70px;text-align: center;font-size: 14px;padding: 5px 10px;border: solid 1px #d9d9d9;border-radius: 3px;margin-right: 10px;} .whoCanSee.active{color: #E97F15;border: 1px solid #E97F15;} .whoCanSee.disabled{background: #ddd;} input[type=checkbox]{display: none; -webkit-appearance: none;border: none; vertical-align: middle;width: 16px;height: 16px;background: url(../images/icons.gif) no-repeat -8px -5636px;} input[type=checkbox]:checked{display: none; background: url(../images/icons.gif)no-repeat -8px -5677px;} input[type=radio]{display: none; -webkit-appearance: none;border: none; vertical-align: middle;width: 14px;height: 14px;background: url(../images/icons.gif) no-repeat -4px -6211px;} input[type=radio]:checked{display: none; background: url(../images/icons.gif)no-repeat -4px -6242px;} label.ccheck{background: url(../images/icons.gif) -8px -5634px;background-repeat: no-repeat;padding-left: 20px;} label.cchecked{background: url(../images/icons.gif) -8px -5675px;background-repeat: no-repeat;padding-left: 20px;} label.rcheck{background: url(../images/icons.gif) -4px -6211px;background-repeat: no-repeat;padding-left: 20px;} label.rchecked{background: url(../images/icons.gif) -4px -6242px;background-repeat: no-repeat;padding-left: 20px;} .ranks{float: left;width: 390px;} .ranks .title{padding: 12px 20px;line-height: 22px;background: #d9edf8;} .rankTable{border-collapse: collapse;width: 100%;border: 1px solid #d9d9d9;} .rankTable th{color: #808080;font-weight: normal;} .rankTable th,.rankTable td{height:44px;overflow: hidden;padding: 5px;border: 1px solid #d9d9d9;font-size: 14px;text-align: center;} .rankTable .yibaohao{width: 20px;height: 20px;background: url(../images/icons.gif)no-repeat -6px -5254px;margin: 0 auto;display: block;} .topicDetail{} .topicDetail .detail{} .topicDetail .detail .user{float: left;width: 130px;padding: 30px;} .topicDetail .detail .user .guanzhu{padding-left: 30px;background: url(../images/icons.gif) no-repeat -5px -2206px;} .topicDetail .detail .user .toSendMessage{padding-left: 30px;background: url(../images/icons.gif) no-repeat -5px -2259px;} .avatar130{width: 128px;height: 128px;border: 1px solid #d9d9d9;display: block;} .topicDetail .detail .right{float: left;width: 947px;padding: 30px;min-height: 380px;_height:expression(this.offsetHeight < 380 ? '380px': 'auto' );} .topicDetail .detail .right .icons{padding-right: 30px;} .topicDetail .detail .right .icons.pinglun{background: url(../images/icons.gif) no-repeat 0px -2431px;} .topicDetail .detail .right .icons.dianzan{background: url(../images/icons.gif) no-repeat 0px -2375px;} .topicDetail .detail .right .active .icons.dianzan{background: url(../images/icons.gif) no-repeat 0px -2315px;} .topicDetail .detail .right .leve2{margin-left: 120px;} .topicDetail .detail .right .content{position: relative;min-height: 300px;_height:expression(this.offsetHeight < 300 ? '255px': 'auto' );} .topicDetail .detail .right .content img{max-width: 100%;width: _width: expression(this.offsetWidth >650 ? '650px': 'auto' );*width: expression(this.offsetWidth >650 ? '650px': 'auto' );} .topicDetail .detail .right .content .ad{display: block;} .topicDetail .detail .right .content .ad img{width: 240px;height: 180px;} .topicTable{border: none;} .topicTable th,.topicTable td{border: none;padding-right: 40px;height: 40px;line-height: 40px;font-size: 14px;} .topicTable th,.topicTable td:last-child{padding-right: 0px;} .topicTable td.bg-{background: url(../images/icons.gif) repeat-x 0px -5705px;} .topicDetail .detail .right .actions .con{width: 335px;cursor: pointer;} .topicDetail .detail .right .actions .con .icon{padding:5px 0px 5px 35px;line-height: 30px;height: 30px;} .topicDetail .detail .right .actions .con .icon.dianzan{background: url(../images/icons.gif)no-repeat 0px -2543px;} .topicDetail .detail .right .actions .con.active .icon.dianzan{background: url(../images/icons.gif)no-repeat 0px -2603px;} .topicDetail .detail .right .actions .con .icon.fenxiang{background: url(../images/icons.gif)no-repeat 0px -2480px;} .topicDetail .detail .right .actions .con .icon.guanzhu{background: url(../images/icons.gif)no-repeat 0px -2661px;} .topicDetail .detail .right .actions .con.active .icon.guanzhu{background: url(../images/icons.gif)no-repeat 0px -2722px;} .col2 .col{width: 50%;float: left;} .top{padding-left: 25px;line-height: 20px;} .fixedNav .fixedCode{position: relative;cursor: pointer;} .fixedNav .fixedCode .codepic1{overflow: hidden; width: 160px;position: absolute;top: 38px;left:40px;height: 0;padding: 0px 10px;border-top:0px;border-bottom: 0px;transition: all 0.5s;-webkit-transition: all 0.5s;} .fixedNav .fixedCode .codepic1.show{height: auto;padding: 10px 10px;border-top:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;transition: all 0.5s;-webkit-transition: all 0.5s;} .fixedNav .fixedCode .codepic1 img{width: 160px;height: 160px;} .topublish{position: absolute;top: 40px;right: 60px;z-index: 500;background: #fafafa;padding: 10px 30px;width: 70px;display: none;} .guangzhuggh{display: none; position: absolute;bottom: -30px;right: 60px;z-index: 500;background: #fafafa;} .commenAction .s{ display: block; width: 20px;height: 30px;position: absolute;right: -11px;top: 39px;background: url(../images/icons.gif) 0px -5994px;} .baohao{background: url(../images/icons.gif) -5px -5867px;background-repeat: no-repeat;} .fatie{background: url(../images/icons.gif) -6px -5907px;background-repeat: no-repeat;} .cur-p{cursor: pointer;} .czTypebg{position:fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 5001;display: none;} .czTypebg .choseCz{width: 260px;padding: 50px 70px;position: relative; margin-top:300px;max-height: 400px;} .czTypebg .choseCz .exit{position: absolute;top: 20px;right: 20px; display: block;width: 20px;height: 20px;background: url(../images/icons.gif) 0px -5956px;_background: url(../images/icons.gif) 0px -5956px;*background: url(../images/icons.gif) 0px -5956px;} .czTypebg .choseCz .cz{display: block;} .p-5{padding: 5px;} .hitList .user{width: 80px;} .hitList .content{width: 835px;} .mine .hitList .content{width: 815px;} .hitList .content .info{width: 390px;padding-left: 20px;} .mine .hitList .content .info{width: 380px;padding-left: 20px;} .hitList .content .info .text-16{height: 55px;overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; } .hitList .content .pics{float: right;} .hitList .content .pics img{margin-left: 10px;width: 122px;height: 86px;} /*开奖号*/ .kjh .kjInfo{width: 770px;} .kjh .kjInfo .title{background: #def0fe;height: 30px;line-height: 30px;border-bottom: 2px solid #0C6EA1;} .kjh .toobar{width:420px;} /*下拉列表*/ .selection{font-size:12px; background:#fff; cursor: default; border: 1px solid #e5e5e5;height: 30px; width: 100px;position: relative;display:inline-block; vertical-align: middle;border-radius: 5px; line-height: 30px;width: 75px;padding-right: 20px;padding-left: 5px;z-index: 0;*display:inline;zoom:1;} .selection.qi{width:65px;} .selection.year{width:50px;} .selection .sanjiao{background: url(../images/selectbg.gif) no-repeat;position: absolute;top: 6px;right: 0;display: block;width: 20px;height: 20px;} .selection .down{display: none; position: absolute;top: 29px;right: 1px;width: 100%;} .selection .down .content{border: 1px solid #e5e5e5;width:100%;border-bottom: none;background: #fff;max-height: 300px;overflow-y: scroll;overflow-x: hidden;} .selection .down a,.selection .down span{display: block;height: 20px;border-bottom: 1px solid #e5e5e5;line-height: 20px;overflow: hidden;width: 80px;padding: 2px 5px;} .selection .down a:hover{color: #323232;text-decoration: none;} .selection .down.show{display: block; } .selection.big{height: 40px;line-height: 40px;} .selection.big .sanjiao{top:11px;} .selection.big .down{top:39px;} .mt-15{margin-top: 15px;} .text{font-family:tahoma;border:1px solid #e5e5e5;width:70px; text-align:center;line-height:30px;height:30px;border-radius: 5px;padding: 0;} #kjhinfosearch{} .text-red{color: #e8321f;} .kjTable{width: 100%;border: none;} .kjTable th,.kjTable td{height: 60px;border: none;font-size: 16px;text-align: center;} .kjTable th{border-top:1px solid #d9d9d9 ;border-bottom:1px solid #d9d9d9 ;background: #f2f2f2;} .kjTable.bb-1 td{border-bottom: 1px solid #d9d9d9;} .bg-blue2{background: #e3f2fc;} .zhoushi{padding-left: 25px;background: url(../images/icons.gif) -5px -6094px;background-repeat: no-repeat;} .riqi{padding-left: 25px;background: url(../images/icons.gif) -5px -6135px;background-repeat: no-repeat;} .li-circle{padding-left: 25px;background: url(../images/icons.gif) 0px -6171px;background-repeat: no-repeat;} .text-green2{color: #189b15;} /*用户中心*/ .User{} .User .userInfo{width: 240px;float: left;} .avatar170{width: 170px; height: 170px;} .User .hot{height: 20px;padding-left:20px;background: url(../images/icons.gif) -7px -3270px;background-repeat:no-repeat ;} .User .lipin{padding-left: 20px;height: 20px;background: url(../images/icons.gif) -7px -500px;} .User .question{padding-left: 20px;height: 20px;background: url(../images/icons.gif) -7px -6718px;} .User .jinbi{padding-left: 20px;height: 20px;background: url(../images/icons.gif) -6px -3972px;} .User .index{padding-left: 20px;height: 20px;background: url(../images/icons.gif) -7px -6276px;} .User .home{padding-left: 20px;height: 20px;background: url(../images/icons.gif) -7px -6850px;} .User .mainInfo{width: 940px;} .User .mainInfo .quick{width: 100px;} .User .mainInfo .quick .icon{padding:3px 0px 3px 33px;line-height: 30px;} .User .mainInfo .quick.active .icon{color: #e8321f; } .User .mainInfo .quick .icon.settings{background: url(../images/icons.gif) 0px -3545px;background-repeat: no-repeat;} .User .mainInfo .quick.active .icon.settings{background: url(../images/icons.gif) 0px -6317px;background-repeat: no-repeat;} .User .mainInfo .quick .icon.message{background: url(../images/icons.gif) 0px -3617px;background-repeat: no-repeat;} .User .mainInfo .quick.active .icon.message{background: url(../images/icons.gif) 0px -6357px;background-repeat: no-repeat;} .User .mainInfo .quick .icon.fans{background: url(../images/icons.gif) 0px -3771px;background-repeat: no-repeat;} .User .mainInfo .quick .icon.likes{background: url(../images/icons.gif) 0px -2663px;background-repeat: no-repeat;} .User .mainInfo .quick .icon.attentions{background: url(../images/icons.gif) 0px -3697px;background-repeat: no-repeat;} .User .mainInfo .quick .icon.money{background: url(../images/icons.gif) 0px -3959px;background-repeat: no-repeat;} .User .mainInfo .quick .icon.arrow-right{padding-left: 20px;height: 10px; background: url(../images/icons.gif) 0px -1522px;background-repeat: no-repeat;} .w-9{width: 90px;} .w-6{min-width: 50px;} .w-84{width: 84px;} .logTable{width: 100%;} .logTable th{border-bottom: 1px solid #d9d9d9;padding: 30px 0px;color: #808080;font-size: 16px;text-align: left;} .logTable td{border-bottom: 1px solid #d9d9d9;padding: 20px 0px;font-size: 16px;} .logTable .noborder td{border-bottom: 0px;} .tolike{position: relative; cursor: pointer; width: 58px;border: solid 1px #0C6EA1;background: #0C6EA1;color: #fff;padding: 5px 10px;height: 18px;font-size: 14px;text-align: center;line-height: 18px;border-radius: 5px;} .tolike.active{border: solid 1px #d9d9d9;background: none;color: #808080;} .like .dislike{position: absolute;top: -6px;right: -6px;display: block;background: url(../images/icons.gif) -9px -6449px;width: 14px;height: 14px;} .like.small{padding: 2px 10px;border-radius:3px;color: #0C6EA1;} .like{position: relative; cursor: pointer; width: 58px;border: solid 1px #d9d9d9;background: none;color: #808080;padding: 5px 10px;height: 18px;font-size: 14px;text-align: center;line-height: 18px;border-radius: 5px;} .w-700{width:700px;} .messageDetail .message .content{width: 745px;float: left;} .messageDetail .message .content .detail{border: solid 1px #d9d9d9;border-radius: 5px; background: #fff; padding: 20px;position: relative;line-height: 24px;font-size: 14px;} .messageDetail .message .content .detail .s{width:9px;height: 20px;display: block;position: absolute;top: 20px;} .messageDetail .message .content .detail .s.l{left: -8px;background: url(../images/icons.gif) -6px -6630px;} .messageDetail .message .content .detail .s.r{right: -8px;background: url(../images/icons.gif) -15px -6653px;} .messageDetail .message .content .time{ background: url(../images/icons.gif) 0px -6688px; background-repeat: repeat-x; height: 20px;overflow: hidden;} .messageDetail .message .content .time .t{text-align: center; display: block;width: 160px; margin: 0 auto;background: #fafafa;color: #808080;font-size: 14px;} .w-120{width: 120px;} .avatar110{width: 110px;height: 110px;} .w-500{width: 500px;} .w-178{width: 178px;} .avatar180{width: 180px;height: 180px;} .min-height-713{_height:expression(this.offsetHeight < 693 ? '693px': 'auto' );min-height: 713px;_min-height:693px;*min-height:693px;} .min-height-694{_height:expression(this.offsetHeight < 674 ? '674px': 'auto' );min-height: 694px;_min-height:674px;*min-height:674px;} .min-height-753{_height:expression(this.offsetHeight < 753 ? '753px': 'auto' );min-height: 753px;_min-height:753px;*min-height:733px;} .min-height-594{_height:expression(this.offsetHeight < 594 ? '594px': 'auto' );min-height: 594px;_min-height:594px;*min-height:574px;} .min-height-1012{_height:expression(this.offsetHeight < 1012 ? '1012px': 'auto' );min-height: 1012px;_min-height:1012px;*min-height:9892px;} .bg-img{background-image:url(../images/userbg.gif);background-size: 100% 100%;} .icon.share-white{padding-left:24px;height: 24px;background: url(../images/icons.gif) -5px -2828px;background-repeat: no-repeat;} .icon.attention-white{padding-left:24px;height: 24px;background: url(../images/icons.gif) -5px -2888px;background-repeat: no-repeat;} .icon.fans-white{padding-left:20px;height: 20px;background: url(../images/icons.gif) -6px -6937px;background-repeat: no-repeat;} .icon.laba-white{padding-left:20px;height: 20px;background: url(../images/icons.gif) -6px -6977px;background-repeat: no-repeat;} .icon.settings{padding-left:20px;height: 20px;background: url(../images/icons.gif) -5px -7056px;background-repeat: no-repeat;} .icon.edit{padding-left:20px;height: 20px;background: url(../images/icons.gif) -6px -7021px;background-repeat: no-repeat;} .mine .icon{padding:2px 0px 2px 30px;height: 30px;line-height: 30px;} .mine .icon.message{background: url(../images/icons.gif) 0px -6885px;background-repeat: no-repeat;} .mine .icon.setting{background: url(../images/icons.gif) 0px -7089px;background-repeat: no-repeat;} .mine .icon.zhuti{background: url(../images/icons.gif) 0px -2954px;background-repeat: no-repeat;} .mine .icon.baohao{background: url(../images/icons.gif) 0px -3082px;background-repeat: no-repeat;} .mine .icon.shaijiang{background: url(../images/icons.gif) 0px -3015px;background-repeat: no-repeat;} .mine .icon.fans{background: url(../images/icons.gif) 0px -3146px;background-repeat: no-repeat;} .blue-border{display: block; line-height: 28px;width: 60px;text-align: center; border: 1px solid #0C6EA1;border-radius: 3px;color: #0C6EA1;font-size: 14px;} .w-320{width: 320px;} .pt-30{padding-top: 30px;} .mb-30{margin-bottom: 30px;} .img-130-100{margin: 0px -10px;} .img-130-100 img{width: 129px;height: 100px;display: block; float: left;padding: 0px 10px;} .noTopic .type{float: left; width: 335px;height: 100px;background-image: url(../images/userbg.gif);background-size: 100% auto;} .noTopic .type .name{line-height: 28px;margin-top: 5px; font-size: 20px;width: 80px;color: #fff;float: left;padding: 0px 20px;border-right: 1px solid #fff;} .noTopic .type .info{width: 130px;padding-left: 40px;float: left;} .error{padding: 100px;} .error .content{width: 750px;margin: 0 auto;} .myModa{position: fixed;top: 0;left: 0;bottom: 0;right:0;background: rgba(0,0,0,0.2);z-index:3000; } .myModa .myAlertBox{width: 300px;border-radius: 5px;border: 1px solid #d9d9d9;background: #fff;overflow: hidden;margin: 0 auto; } .myModa .myAlertBox h6{background: #f2f2f2;padding: 10px;line-height: 20px;font-size: 16px;text-align: center;} .myModa .myAlertBox p{padding: 20px;line-height: 26px;font-size: 14px;color: #808080;} .myModa .myAlertBox .btn{cursor: pointer; width: 80px;line-height: 36px;border-radius: 5px;text-align: center;font-size: 16px;margin: 0 auto;margin-bottom: 20px; background: #D9D9D9;} .myModa .myAlertBox .col2 .col{width:120px;float: left;} .myModa .myAlertBox .col2 .col .btn{width: 100%;} .myModa .myAlertBox .col2{padding: 0 20px;} .myToast{position: fixed;z-index:3001; display: inline-block;padding: 5px 10px;line-height: 24px;font-size: 14px;color: #fff;background:#000; max-width: 300px;_width: expression(this.offsetWidth >300 ? '300px': 'auto' );*width: expression(this.offsetWidth >300 ? '300px': 'auto' );border-radius: 5px;} .ylModa{position: fixed;top: 0;left: 0;bottom: 0;right:0;background: rgba(0,0,0,0.2);z-index:3000;} .ylModa .ylbox{width: 850px;margin: 0 auto;height: 500px;background: #fafafa;border-radius: 8px;border: 1px solid #d9d9d9;position: relative;} .ylModa .ylbox .exit{position: absolute;top: 20px;right: 20px;display: block;width: 20px;height: 20px;background: url(../images/icons.gif) no-repeat 0px -5955px;} .ylModa .ylbox .content{margin: 20px;overflow-y: scroll;height: 400px;} .ylModa .ylbox .content p{line-height: 36px;padding: 5px 0px;} .ylgf{cursor: pointer;} #cropperAvatar{max-width:400px;_width: expression(this.offsetWidth >400 ? '400px': 'auto' );*width: expression(this.offsetWidth >400 ? '400px': 'auto' );} /*头像剪裁*/ .clipBox{width:600px;height:600px;top:100px;border-radius:8px;border:1px solid #d9d9d9;background:#fafafa;position:relative;margin:0 auto;padding:20px;} .clipBox .exit{position: absolute;top: 20px;right: 20px;display: block;width: 20px;height: 20px;background: url(../images/icons.gif) no-repeat 0px -5955px;} .clipBox .clipAvatar{width:600px;height:500px;} /*webuploader*/ .webuploader-pick{padding:0px !important;background:none !important;} /*管理员帖子操作*/ .settingBox{width: 680px;height: 380px;border-radius: 8px;background: #fff;margin: 0 auto;margin-top:240px;padding: 20px;position: relative;} .myModa .exit{position: absolute;top: 20px;right: 20px;display: block;width: 20px;height: 20px;background: url(../images/icons.gif) no-repeat 0px -5955px;} .settingBox .settingName{width: 300px;float: left;} .settingBox .settingName li{width: 130px;float: left;padding: 10px 20px 10px 0px;} .settingBox .settingName li span{border: 1px solid #d9d9d9;color: #808080;line-height: 36px;height: 36px;display: block;text-align: center;border-radius: 3px;cursor: pointer;font-size: 16px;} .settingBox .settingName li.active span{border: 1px solid #E44820;color: #E44820;} .settingBox .editBox{width: 330px;float: left;height: 340px;overflow-y: auto;padding-left:40px;} .settingBox .editBox.tabCon .con{display: none;} .settingBox .editBox.tabCon .con.active{display: block;} .sendMessageBox{width: 480px;height: 380px;border-radius: 8px;background: #fff;margin: 0 auto;margin-top:240px;padding: 20px;position: relative;} .myModa .shareBox{width: 400px;border-radius: 8px;background: #fff;margin: 0 auto;margin-top:340px;padding: 20px;position: relative;} .myModa .shareBox .shareIcon{width:40px;height:40px;display:block;float:left;margin:10px;} .myModa .shareBox .shareIcon.xinlang{background:url(../images/shareIcons.gif) no-repeat 0px 0px;} .myModa .shareBox .shareIcon.qZone{background:url(../images/shareIcons.gif) no-repeat -60px 0px;} .myModa .shareBox .shareIcon.tieba{background:url(../images/shareIcons.gif) no-repeat -120px 0px;} .myModa .shareBox .shareIcon.wechat{background:url(../images/shareIcons.gif) no-repeat -180px 0px;} .myModa .shareBox .shareIcon.douban{background:url(../images/shareIcons.gif) no-repeat -240px 0px;} .myModa .shareBox .shareIcon.pengyou{background:url(../images/shareIcons.gif) no-repeat -300px 0px;} .myModa .shareBox .shareIcon.qq{background:url(../images/shareIcons.gif) no-repeat -360px 0px;} @media only screen and (max-width: 1200px) { html{width: 1300px;} }