@charset "utf-8"; /* css document */ .pt0{padding-top:0 !important;} .pb0{padding-bottom:0 !important;} .b0{border:0 !important;} .none{display:none !important;} .fz16{ font-size:16px;} /* 顶部top*/ .topwrap{width:100%;background-color:#505050;} .topdiv1{background-color:#505050; height:30px; overflow:hidden; padding-right:12px;width:988px;margin:0 auto;} .topdiv1 li {float: left;padding: 0 12px 0 0;height: 30px;line-height: 30px;position:relative;} .topdiv1 li a{color:#c1bebe;font-family: "microsoft yahei";} .topdiv1 li a:hover{color:#fff;text-decoration: none;} .topdiv1 li img{float:left; margin-right:2px;display:none;} .topdiv1 .topenter {margin: 0;} .topenter {height: 30px;line-height: 30px;color: #c1bebe;} .topenter a{color:#c1bebe;font-family: "microsoft yahei";} .topenter a:hover{color:#fff;text-decoration: none;} .topenter p span {border: 1px solid #3d3c3c;margin-left: 4px;padding: 1px 0;} .topenter p span a {border: 1px solid #575656;} .topenter p a img {vertical-align: middle;} .topenter .inputenter {width: 92px;height: 18px;line-height: 18px 9;border: 1px solid #abadb3; padding-left: 2px;margin-left: 3px;} .topenter p {padding-left: 10px;} .topenter p a {padding: 0px 3px;color:#c1bebe;} /* 头部head*/ .head { width:1000px;height:102px;z-index:999; margin:0 auto;} .head .logo {width:182px; height:102px;} .head .logo a {display: block;} .head .pindao {width:120px;height:102px;} .head .pindao .sitename {color: #000;font-family: "微软雅黑";font-size: 18px;margin-top:40px;z-index: 10;} .head .pindao .a1 { color: #6290dd; cursor:pointer;} .head .pindao .a1:hover{ color:#4d84dd; text-decoration: none;} .head .addresslayer{position:absolute; z-index:9999; top:115px; background:#fff; border:#ddd solid 1px; width:215px; padding:3px 3px; overflow:hidden; display:none;} .addresslayer li{line-height:32px; line-height:32px; overflow:hidden; position:relative; border-bottom:#dedede solid 1px;} .addresslayer .name{position:absolute; z-index:10; left:0px; top:3px;} .addresslayer a{padding:0 6px;} .addresslayer .more{text-align:right; padding:9px 0 6px 0;} .head .searchbox { margin-top:35px;} .head .searchbox .text {width:465px;height:24px; line-height:24px; border:2px solid #448be3; padding:6px 0 6px 35px; background: url(/uploads/image/hpimages/search_bg.gif) 0 2px no-repeat; font-size:14px; color:#a9a9a9;font-family: "微软雅黑"; outline:none;} .head .searchbox .btn_search {width:92px; height:40px; line-height:40px;border:none; cursor:pointer; background:#448be3; text-align:center; color:#fff; font-size:20px;font-family: "微软雅黑"; outline:none;} /* 主要内容main*/ .main .position { height:42px; line-height:42px; border-bottom:1px solid #ececec;} .main .position p { color:#999999;} .main .position p a { color:#666;} .main .position p a:hover { color:#f00;} .main .loupan_name { height:60px; margin:15px 0; overflow:hidden;} .main .loupan_name .weixin_div img { display:block; width:60px; height:60px; margin-right:20px;} .main .loupan_name .namediv {height:60px; width:500px; overflow:hidden;} .main .loupan_name .namediv .name {font-size:26px; color:#2255aa; padding-right:5px;} .main .loupan_name .namediv .zt { background:url(/uploads/image/hpimages/icon11.jpg) no-repeat;color: #fff;display: inline-block; font-family: "宋体"; font-size: 12px;font-weight: normal;width: 36px;height: 28px;left:5px;line-height: 20px; position: relative; text-align:center;top:-8px;} .main .loupan_name .namediv .leixing span { display:inline-block; float:left; padding:0px 5px; border:1px solid #ececec; margin-right: 5px; color:#666; max-width:635px; height:22px; overflow:hidden;} .main .loupan_name .phone { height:60px; line-height:60px; color:#f60; font-size:24px;} /*nav*/ .main .nav { height:40px; background:#448be3; margin-bottom:20px;} .main .nav a { display:inline-block; float:left; height:40px; line-height:40px; color:#fff; padding:0 18px; font-size:16px;} .main .nav a.on {background:#2b75d8; } .main .nav a:hover { background:#2b75d8; text-decoration:none; color:#fff;} /*新闻内容*/ .content { overflow:hidden; margin:0px auto;} .newsbg{min-height:500px; _height:500px; background: url(/uploads/image/hpimages/line1.gif) 682px repeat-y; font-family:"宋体";} .newstitle{text-align:center; padding-bottom:22px; border-bottom:#e0e0e0 dotted 1px; font-family: "微软雅黑"; color:#030303;} .newstitle h1{font-size:22px; padding-bottom:8px; font-weight:100;} .newstitle h2{font-size:18px; font-weight:100;} .newstitle p{font-size:16px;} .newtime{height:40px; line-height:23px; overflow:hidden; position:relative; background:url(/uploads/image/hpimages/line2.gif) left 24px repeat-x;} .newtime .blue{color:#258ada;} .newtime .commentnum{position:absolute; z-index:10; top:0px; right:0px; padding:0 8px 0 36px; background:#ebf5fd left top no-repeat; height:23px; line-height:23px; overflow:hidden; font-family:arial; font-weight:bold; color:#506fa5;} .newtime .commentnum:hover{background:#fcf4ec left top no-repeat; color:#cd0000;} .newtime .fxa{display:block; position:absolute; z-index:10; top:0px; right:165px; width:64px; height:22px; line-height:22px; padding-left:8px; border:#fff solid 1px; border-bottom:0px; background: left top no-repeat; text-decoration:none;} .newtime .fxa:hover, .newtime .fxanow{background: left top no-repeat; border:#d1d1d1 solid 1px; text-decoration:none; color:#c30;} .review{font-size:14px; color:#000; background:#f1f1f1; line-height:28px; padding:10px 5px;} .newshow{padding:23px 0; font-size:14px; color:#444;} .newshow .imgdiv{text-align:center;} .newshow .content{line-height:24px; padding:0;} .newshow .content p {margin: 0 0 8px; padding: 0; text-indent: 2em;} .newshow .content div {margin: 0 0 8px; padding: 0; text-indent: 2em;} .newshow .content img {/*display: block;*/max-width: 100%;} .newshowbtn{height:82px; overflow:hidden; padding-top:50px;} .newshowbtn .fr{font-size:14px; color:#999; text-align:right;} .newlabel{font-size:14px; height:38px; overflow:hidden;} .newlabel a{color:#258ada;} /*免费看房报名*/ .baoming_box { width:628px; border:1px solid #dddddd; padding:0 15px;overflow: hidden;font-family: "微软雅黑"} .baoming_box .title { height:46px; line-height:46px; border-bottom:1px dotted #cacaca;} .baoming_box .title h3 { font-size:24px; font-weight:100; color:#333} .baoming_box .baoming_xinxi {width:630px; height:196px; overflow:hidden;border-bottom:1px dotted #cacaca; padding:20px 0; clear:both; overflow:hidden;} .baoming_box .baoming_xinxi .xinxi_left { width:308px; border-right:1px dotted #cacaca; padding:6px 0;} .baoming_box .baoming_xinxi .xinxi_left input.tptxt { display:block; width:235px; height:30px; line-height:30px; padding-left:10px;border:1px solid #d0d0d0; margin-bottom:15px; color:#333; font-family: "微软雅黑"; font-size:14px;} .baoming_box .baoming_xinxi .xinxi_left input.tpbtn {display:block; width:120px; height:34px; font-size:14px;font-family: "微软雅黑"; line-height:34px; text-align:center; background:#6391dc; color:#fff; border:none; cursor:pointer;} .baoming_box .baoming_xinxi .xinxi_right { padding:10px 0 0 30px;} .baoming_box .baoming_xinxi .xinxi_right p { padding-bottom:20px;width:290px; line-height:18px; font-size:14px; color:#666} .baoming_box .kanf_way { padding:5px 0 10px 0;} .baoming_box .kanf_way p { line-height:32px; color:#61605e;font-size:14px;} .baoming_box .kanf_way p a {color:#2255aa} .baoming_box .kanf_way p a:hover {color:#cd0000;} .baoming_box .kanf_way .way_title { color:#333;font-size:15px;} .baoming_box .kanf_way .way_title a {color:#287add;} /*相关新闻*/ .related .fl{width:100%; overflow:hidden;} .related .fr{width:225px; padding:0px 3px 5px 0; overflow:hidden;} .related .title,.hotrecomment .title{height: 36px;overflow: hidden;background: url(/uploads/image/hpimages/line3.gif) left 35px repeat-x;margin-bottom: 10px;} .related .title div,.hotrecomment .title div{height:35px; line-height:34px; overflow:hidden; border-bottom:#2d96e9 solid 1px; padding-right:10px; float:left; color:#0064b2;} .related .title div span,.hotrecomment .title div span {color: #444444;font: 18px "微软雅黑";} .related .title div a {color:#287add;font: 18px "微软雅黑";} .related .title div a:hover{text-decoration:underline;color:#cd0000} .related .msg{height:35px; line-height:26px; overflow:hidden; color:#000;} .related .msg span{float:left; padding-right:6px;} .related .msg a{display:block; height:24px; line-height:24px; padding:0 6px; font-weight:100; border:#ddd solid 1px; margin-right:6px; float:left; color:#546fb6;} .related .list{ padding-bottom:10px;} .related .list li,.hotrecomment .list li{height:35px; line-height:35px; overflow:hidden; background: url(/uploads/image/hpimages/ico22.gif) left center no-repeat; padding-left:9px; color:#666;text-align: right;font-family: "微软雅黑";white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .related .list li .news{ float:left; width:563px;height:35px; line-height:35px; white-space:nowrap; overflow:hidden;} .related .list li .time{ float:right;width:80px;} .related .list a,.hotrecomment .list a{font-size:14px; padding-right:8px;color: #333;float:left;font-family: "微软雅黑";} .related .list a:hover,.hotrecomment .list a:hover{color: #cd0000;} .related .list2{background:#fff; border:#dcdfe4 solid 1px; padding-bottom:10px; -webkit-box-shadow:2px 2px 1px #ecedf2;-moz-box-shadow:2px 2px 1px #ecedf2; box-shadow: 2px 2px 0 #ecedf2;} .related .list2 h5{text-align:center; height:33px; line-height:33px; overflow:hidden; background:#f3f8fb; color:#1f9aff;} .related .list2 li{padding:10px 12px 0 12px; line-height:18px;} .related .list2 a{color:#4476b3;} .related .list2 a:hover{color: #379be9;} .related .list2 .msg1{text-align:right; color:#999;} /*热门推荐*/ .hotrecomment .content {overflow: hidden;} .hotrecomment .fl{ width: 100%;padding-top:5px;overflow: hidden;} .hotrecomment .list li {height: 32px;line-height: 32px;overflow: hidden;} .hotrecomment .list a.t-c {width:500px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden; text-align:left} .hotrecomment .list a.t-a {padding: 0;width:55px;overflow:hidden;} .hotrecomment .list a.t-a:hover {color: #666;text-decoration: none;} .hotrecomment .list1 li{float:left; width:130px; height:105px; overflow:hidden;} .hotrecomment .list1 img{width:118px; overflow:hidden; border:#ddd solid 1px; margin-bottom:3px;} .hotrecomment .listbox{border:1px solid #ddd;height:148px;position:relative;} .hotrecomment .listbox .bd{} .hotrecomment .listbox .bd .list,.hotrecomment .listbox .bd .list a{width:198px;height:148px;position:relative;overflow:hidden;display: block;padding: 0;} .hotrecomment .listbox .bd .list a img{width:100%;display:block;} .hotrecomment .listbox .bd .list a h3{height:29px;padding: 0 4px;line-height:29px;text-align: center;color:#fff;white-space:nowrap;text-overflow: ellipsis;overflow: hidden;margin-top:-29px;font-size:12px;font-family:"microsoft yahei";font-weight:normal;position: relative;background-color:rgba(0,0,0,0.5);filter:progid:dximagetransform.microsoft.gradient(startcolorstr=#7f000000,endcolorstr=#7f000000);} .hotrecomment .listbox .bd .list a:hover,.hotrecomment .listbox .bd .list a:hover h3{text-decoration:none;color:#fff;} .hotrecomment .listbox a.prev,.hotrecomment .listbox a.next {display: block;position: absolute;top: 50%;text-indent: -9999px;font-size: 0;width:11px;height:21px;margin-top:-5px;background: url(/uploads/image/hpimages/sprites-icons-03.gif) -352px 0 no-repeat;} .hotrecomment .listbox a.prev{left:9px;background-position:-352px 0 ;} .hotrecomment .listbox a.next{right:9px;background-position:-368px 0 } .hotrecomment .listbox a.prev:hover{background-position:-352px -22px ;} .hotrecomment .listbox a.next:hover{background-position:-368px -22px ;} .hotcomment .title{height:28px; line-height:28px; overflow:hidden; border-bottom:#ddd solid 1px; margin-bottom:15px; padding-top:15px;} .hotcomment li{padding-bottom:10px;} .hotrecomment .listcontent{width:100%;overflow:hidden;height:115px;padding: 20px 0 55px 0;} .hotrecomment .listcontent .bd{overflow:hidden;height:115px;margin-right:-12px;} .hotrecomment .listcontent .bd .list{width:154px;height:113px;position:relative;overflow:hidden;display: block;padding: 0;border:1px solid #eaeaea;float:left;margin-right:12px;} .hotrecomment .listcontent .bd .list a{display: block;width:100%;height:100%;position:relative;padding: 0;} .hotrecomment .listcontent .bd .list a img{width:100%;display:block;} .hotrecomment .listcontent .bd .list a h3{height:29px;padding: 0 4px;line-height:29px;text-align: center;color:#fff;white-space:nowrap;text-overflow: ellipsis;overflow: hidden;margin-top:-29px;font-size:12px;font-family:"microsoft yahei";font-weight:normal;position: relative;background-color:rgba(0,0,0,0.5);filter:progid:dximagetransform.microsoft.gradient(startcolorstr=#7f000000,endcolorstr=#7f000000);} .hotrecomment .listcontent .bd .list a:hover,.hotrecomment .listbox .bd .list a:hover h3{text-decoration:none;color:#fff;} .homebtn{text-align:center; padding:15px 0;} /*右侧楼盘信息 */ .sidewrap1 .sidelist p { line-height:24px; font:14px "microsoft yahei"; padding:3px 0; overflow:hidden;} .sidewrap1 .sidelist p .more_huxing { color:#2255aa; padding-left:10px;} .sidewrap1 .sidelist .lp_position { width:100%; overflow:hidden;/*white-space:nowrap;*/} .sidewrap1 .sidelist .youhui_xg { padding-top:10px; border-top:1px dotted #dddddd; margin-top:8px; overflow:hidden;} .sidewrap1 .sidelist .youhui_xg h3 { font-size:16px; font-weight:normal;font-family: '微软雅黑'; color:#444;} .sidewrap1 .sidelist .youhui_xg p { color:#ea4242; padding-top:5px; line-height:24px;} .sidewrap1 .sidelist .youhui_xg .youhui_list li { width:278px; overflow:hidden; margin-top:15px;font-family: '微软雅黑';} .sidewrap1 .sidelist .youhui_xg .youhui_list strong { display:block; background:#e84341; color:#fff; width:18px; height:18px; line-height:18px; text-align:center; margin-right:5px; float:left; font-weight:normal;} .sidewrap1 .sidelist .youhui_xg .youhui_list span{display:block; width:255px; float:left; overflow:hidden; color:#ea4242; font-size:14px;line-height:16px;} .sidewrap1 .sidelist .youhui_xg .join { text-align:center; padding-top:5px;} .sidewrap1 .sidelist .youhui_xg .join a {color:#2255aa; font:14px "microsoft yahei"; } .sidewrap .sidetitle {color: #444444;font-size: 18px;font-family: '微软雅黑';font-weight: normal;line-height: 22px;border-bottom: 2px solid #379be9;padding-bottom: 8px;position:relative;cursor: default;} .sidewrap .sidetitle a.mor {font-size: 12px;float: right;position: absolute;right: 0;color: #666;} .sidewrap .sidetitle a.mor:hover{ color:#cd0000; text-decoration:underline;} .sidewrap .sidelist{border: 1px solid #dddddd;border-top-width: 0;padding: 10px;} .sidewrap .sidelist .sidelist_li_box {background: none;padding:10px 0;height: 64px;overflow: hidden;line-height: 1.5;border-bottom:1px dotted #ababab;} .sidewrap .sidelist .sidelist_li_box a {display: block;position: relative;color: #666;padding-left:95px;height:64px;font:14px "microsoft yahei";outline:none;} .sidewrap .sidelist .sidelist_li_box a img{display: block;border: none;position: absolute;left: 0;top:0;width:86px;height: 64px;} .sidewrap .sidelist .sidelist_li_box a h4.lp_tit {font-weight: normal;color: #333;line-height: 1.4;padding-bottom: 4px;} .sidewrap .sidelist .sidelist_li_box a p.lp_mon{ color:#ea4242} .sidewrap .sidelist .sidelist_li_box a:hover{text-decoration: none;color: #666;} /*楼盘资讯列表页 */ .content1 {background: url(/uploads/image/hpimages/line1.gif) 682px repeat-y;} .content .newscont_box { color:#333;} .content .newscont_box .news_list { overflow:hidden; padding-bottom:30px;} .content .newscont_box .news_list li {height:90px; padding:10px 0; border-bottom:1px dashed #d8d6d7; overflow:hidden;} .content .newscont_box .news_list li .img_div img { width:120px; height:90px; display:block;} .content .newscont_box .news_list li .text_div {width:520px;height:90px; margin-left:20px; _display:inline; overflow:hidden; padding-top:5px;} .content .newscont_box .news_list li .text_div p span.fl {width:440px; overflow:hidden; color:#000;} .content .newscont_box .news_list li .text_div p span.fl a { font-weight:bold;} .content .newscont_box .news_list li p { font-size:14px; line-height:28px; clear:both;} .content .newscont_box .news_list li .text_div .time_fabu { font-size:12px; color:#666;} /*资讯页面顶部*/ .topdiv{height:35px; overflow:hidden; background:#379be9; margin-bottom:12px;} .nav li{float:left;} /*.nav a{display:block; float:left; height:35px; line-height:32px; overflow:hidden; font-size:14px; font-family:"微软雅黑"; color:#ffffff; padding:0 6px; text-decoration:none;}*/ /*.nav a:hover{text-decoration:none; background:#1669ab; color:#fff;}*/ .nav .more{background: 37px center no-repeat; padding:0 15px 0 6px;} .nav .more:hover, .nav .morenow{background: 37px center no-repeat;} .navmore{width:74px; overflow:hidden; position:absolute; z-index:11; top:33px; background:#379be9; padding-top:1px; display:none;} .navmore a{display:block; height:35px; line-height:35px; overflow:hidden; text-decoration:none; color:#fff;font-size:14px; font-family:"微软雅黑"; padding-left:6px;} .navmore a:hover{text-decoration:none; background:#1669ab;} .topdiv .fr{padding:5px 15px 0 0;} .topdiv .fr a{color:#fff; padding:0 6px;} .topdiv .fr0{padding:11px 0 0 0;} .pagenow{height:33px; line-height:33px; padding-top:10px; overflow:hidden; border-bottom:#379be9 solid 3px; padding-left:265px; background: left center no-repeat;} .pagenow a{color:#063994;} .pagenow a:hover{text-decoration: underline; color:#cd0000;} .newsbg .newstitle1 { padding-top:22px;} .sidenewsearch{padding-top:3px; height:40px; width:300px; overflow:hidden;} .sidenewsearch .input1{float:left; width:194px; height:36px; line-height:36px; padding-left:35px; border:#ddd solid 1px; border-right:0px; background: 0 2px no-repeat; font-size:12px; color:#6b6b6b; margin:0px; outline:none;} .sidenewsearch .btn1{float:left; width:70px; height:38px; line-height:38px; text-align:center; color:#fff; border:0px; background:#379be9; cursor:pointer; font-size:16px; font-family:"微软雅黑";outline:none;} /*资讯页面——独家团购优惠轮播*/ .tg_box {width: 100%;position: relative;} .tg_box .bd{} .tg_box .hd {height: 34px;position: absolute;right: -10px;top: -45px;} .tg_box .hd ul {height: 34px;line-height: 34px;float: right;} .tg_box .hd ul li {float: left;height: 8px;margin-top: 13px;line-height: 34px;overflow: hidden;padding: 0;width: 8px;margin-left:5px; text-indent: -9999px;background: url(/uploads/image/hpimages/sprites-icons-03.gif) -12px 0 no-repeat; cursor:pointer;} .tg_box .hd ul li.on {background-position: 0px 0px;} .tg_box .bd .tglist a {display: block;color: #000000;} .tg_box .bd .tglist a img{display:block;margin:0 auto;width:264px;height:140px;opacity: 0.9;filter: alpha(opacity=90);} .tg_box .bd .tglist a h3{color:#000;font:18px/1.8 "microsoft yahei";text-align: center;padding: 8px 0 0 0;text-overflow: ellipsis;white-space:nowrap;overflow:hidden;} .tg_box .bd .tglist a:hover,.tg_box .bd .tglist a:hover img,.tg_box .bd .tglist a:hover h3{text-decoration: none;opacity: 1;filter: alpha(opacity=100);} .tg_box .bd .tglist .tgtext_yh {color: #ea4242;font:15px/1.8 "微软雅黑";background: url(/uploads/image/hpimages/ico22.gif) left 13px no-repeat;padding-left: 10px;} .tg_box .bd .tglist .tgtext_box {overflow: hidden;padding: 0 6px;height: 30px;} .tg_box .bd .tglist .tgtext_box p {float: left;font: 12px/30px "微软雅黑";color: #666;cursor:default;} .tg_box .bd .tglist .tgtext_box p.tgtext_left {width: 120px;} .tg_box .bd .tglist .tgtext_box p.tgtext_right {text-overflow: ellipsis;white-space: nowrap;overflow: hidden;width: 140px;} .tg_box .bd .tglist .tgtext_box p span.tgtext_t {color:#287add;margin-right: 6px;} .tg_box .bd .tglist .tgtext_time {font: 12px/26px "微软雅黑";color: #666;padding-left: 5px;background:url(/uploads/image/hpimages/sprites-icons-03.gif) -337px -174px no-repeat;height: 26px;} .tg_box .bd .tglist .tgtext_time .close_time { display:inline-block; width:57px; height:18px; line-height:18px; background: no-repeat; color:#fff; padding-left:2px; margin-right:3px;} .tg_box .bd .tglist .tgtext_time span.date {margin-right: 10px;} .tg_box .bd .tglist .tgtext_time span.peo strong {color: #ea4242;font-size: 14px;line-height: 26px;} .tg_box .bd .tglist .tgtext_btn {width: 146px;height:30px; line-height:30px; font-size:14px; border:none; background-color:#e84341; text-align:center; color:#fff; font-family:"微软雅黑"; border-radius:3px;margin: 8px auto 0 auto; outline:none; cursor:pointer;} /*资讯页面——看房团回顾轮播*/ .slidebox{ width:100%; height:200px; overflow:hidden; position:relative; } .slidebox .hd{ overflow:hidden; margin:4px 20px 0;_margin:4px 10px 0;} .slidebox .hd ul li{float: left;height: 8px;overflow: hidden;padding: 0;width: 8px;margin-left:5px; text-indent: -9999px;background: url(/uploads/image/hpimages/sprites-icons-03.gif) -12px 0 no-repeat; cursor:pointer;} .slidebox .hd ul li.on{background-position: 0px 0px;} .slidebox .bd{ width:100%; height:170px;} .slidebox .bd p { width:100%; text-align:center; font-size:14px; padding-bottom:10px; color:#444;} .slidebox .bd img{ width:270px; height:140px; display:block; margin:0 auto } .slidebox .hd,.slidebox .prev,.slidebox .next { float:left; color:#444;} .slidebox .prev:hover,.slidebox .next:hover { text-decoration:none;} .slidebox .tx_center { width:180px; margin:10px auto 0; overflow:hidden; } /* 红包 2015-11-05 */ #hbfloatbox{ position:fixed; right:10px; bottom:200px; width:182px; height:205px; background: no-repeat; z-index:9999999;} #hbfloatbox .hbcount{ margin:125px 0 0 0; color:#f30; font-size:16px; text-align:center;} #hbfloatbox .hbcount strong{ font-size:24px;} #hbfloatbox .hbbtn{ display:block; height:32px; width:87px; margin:3px 0 0 47px;} #hbfloatbox .hbclose{ display:block; width:30px; height:30px; background:url(/uploads/image/hpimages/hb_close.png) left center no-repeat;position:absolute;top:-30px; right:0; cursor:pointer;} #hbfloatbox .hbclose:hover{background-position:right center;} .hb_popbox{ display: none; position: fixed; top: 0; left: 0; background: #000 none repeat scroll 0 0; opacity: 0.8; filter:alpha(opacity=80); width: 100%; height: 100%; z-index: 10000001;} .hbpop { display: none; position: fixed; left: 50%; top: 50%; height: 700px ;margin-left: -500px; margin-top: -350px; width: 1000px; z-index: 10000002;} .hbpophead{ position:relative; width:758px; margin:0 auto;} .hbpophead .tips{ position:absolute; top:135px; right:110px; color:#e83532; font-size:18px; font-weight:bold;} .hbpophead .tips span{ font-size:30px;} .hbpophead .hbpopclose{ position:absolute; top:150px; right:-60px; background:url(/uploads/image/hpimages/hb_popclose.jpg) no-repeat; width:66px; height:66px;} .hbpopcon{ position:relative; width:680px; padding:53px 0; background:#fff; border-radius:6px; margin:-36px auto 0;} .hbpopcon img{ position:absolute; top:-46px; right:-70px;} .hbpopcon .hbbg{ position:relative; background:url(/uploads/image/hpimages/hb_b.png) no-repeat; width:453px; height:230px; margin-left:120px;} .hbpopcon .hbbg .num{ position:absolute; top:116px; left:25px; width:115px; color:#e83532; text-align:center; font-size:34px;} .hbpopcon .hbbg .count{ position:absolute; top:150px; left:30px; width:90px; text-align:center; font-size:18px;} .hbpopcon .hbbg .count span{ color:#e83532;} .hbpopcon .hbbg .text{ float:right; width:310px; margin:20px 0 0; color:#fff; font-size:28px; line-height:40px; text-align:center;} .hbpopcon .hbbg .text span{ color:#fff600;} .hbpopcon .hbbg .text .takebtn{ display:block; background:#ffeb01; width:170px; height:60px; margin:45px 0 0 70px; border-radius:5px; color:#e83532; font-size:30px; text-align:center; line-height:60px; text-decoration:none;} /* 转盘 start */ :focus{ outline: 0;} .lottery-zp-box{ position: relative; margin: 10px 0; height: 380px; width: 1000px; overflow: hidden;} .lottery-plate-box{ position: absolute; top: 0; left: 0; width: 380px; height: 380px; z-index: 2;} .rotate-bg{ background: url(/uploads/image/hpimages/rotate-bg.png) no-repeat; width: 380px; height: 380px;} .lottery-star{ position: absolute; top: 83px; left: 87px; z-index: 2;} .lottery-msg-box{ position: absolute; top: 35px; right: 0; width: 760px; height: 310px; background: #c92331; border-radius: 8px; overflow: hidden; z-index: 1;} .lottery-msg-box .box-item{ float: right; margin: 10px 20px 0 0; padding: 10px 20px; width: 520px; height: 270px; background: #cf3946; border-radius: 8px;} .lottery-msg-box .lottery-input{ margin-top: 15px; overflow: hidden;} .lottery-msg-box .lottery-input li{ position: relative; float: left; height: 40px; margin-left: 10px; display: inline; overflow: hidden;} .lottery-msg-box .lottery-input li input{ height: 40px; padding-left: 10px; border: 0; border-radius: 5px; background: #d9616b; color: #fff; font-size: 12px; line-height: 40px;} .lottery-msg-box .lottery-input .lt1{ margin-left: 0; width: 150px;} .lottery-msg-box .lottery-input .lt2{ width: 190px;} .lottery-msg-box .lottery-input .lt3{ width: 150px;} .lottery-msg-box .lottery-input .inp-tel{ width: 140px;} .lottery-msg-box .lottery-input .inp-yzm{ width: 180px;} .lottery-msg-box .lottery-input .get-yzm{ position: absolute; top: 0; right: 0; display: block; background: #ff2e3e; height: 40px; width: 76px; color: #fff; border-top-right-radius: 5px; border-bottom-right-radius: 5px; font-size: 12px; text-align: center; line-height: 40px; *margin-top: 1px;} .lottery-msg-box .lottery-input .btn-lottery{ width: 150px; height: 40px; display: block;} .lottery-msg-box .rule-box{ margin: 10px 0; height: 180px; color: #fff; font-size: 12px; line-height: 22px; overflow: hidden;} .lottery-msg-box .rule-bar{ padding: 2px 0; border-bottom: 1px solid #d36a73;} .lottery-msg-box .rule-content{ line-height: 20px;} .lottery-msg-box .lottery-tips{ color: #e6989f; font-size: 12px; text-align: center;} .lottery-mask{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #333; z-index: 999999998;} .lottery-msg{ position: fixed; top: 50%; left: 50%; width: 400px; height: 160px; margin: -80px 0 0 -200px; background:#fff; border-radius: 5px; border: 1px solid #ccc; overflow: hidden; z-index: 999999999;} .lottery-msg .lottery-msg-content{ height: 60px; padding: 35px 15px 5px; text-align: center; font-size: 14px;overflow: hidden;} .lottery-msg .lottery-msg-close{ display: block; width: 80px; height: 40px; margin: 0 auto; background: #fbaa35; border-radius: 5px; color: #fff; text-decoration: none; text-align: center; line-height: 40px; font-size: 14px; overflow: hidden;} /* 转盘 end */