/*看工地*/ .gdBox{overflow:hidden;} .gdBox .gdItem{float: left;padding:12px; border:1px solid #c8c7c7;overflow:hidden; margin:14px 0;} .gdBox .gdItem:hover{border:1px solid #fedc52;} .gdBox .img{width:290px;height:230px;display:block;overflow:hidden;position:relative;margin-right:45px;} .gdBox .img img{width:100%;height:100%;} .gdBox .title{font-size:18px;color:#3e3e3e;font-weight:100;width:610px;height:50px;line-height:50px;text-align:left;overflow:hidden;margin-right:65px;} .gdBox .title a{color:#3e3e3e;} .gdBox .ghBtn{color:white;font-size:18px;cursor:pointer;width:155px;height:49px;line-height:49px;background:url(../images/gdBtn.png) left center no-repeat;} .gdBox .ghBtn a{color:white;} .gdBox .gdInfos{width:600px;margin:10px 0;} .gdBox .gdInfos i{float:left;display:block;width:190px;text-align:left;height:30px;line-height:30px;text-decoration:normal;font-style:normal;font-size:14px;color:#777777;} .gdBox .gdJd{width:825px;} .gdBox .gdJd i{margin:20px 39px 0 0;float:left;font-style:normal;font-size:14px;color:#b3b3b2;display:block;width:84px;height:56px;overflow:hidden;line-height:79px;text-align:center;} .gdBox .gdJd i.jdImg1{background:url(../images/kdgjd1.png) left center no-repeat;} .gdBox .gdJd i.jdImg2{background:url(../images/kdgjd2.png) left center no-repeat;} .gdBox .gdJd i.jdImg3{background:url(../images/kdgjd3.png) left center no-repeat;} .gdBox .gdJd i.jdImg4{background:url(../images/kdgjd4.png) left center no-repeat;} .gdBox .gdJd i.jdImg5{background:url(../images/kdgjd5.png) left center no-repeat;} .gdBox .gdJd i.jdImg6{background:url(../images/kdgjd6.png) left center no-repeat;} .gdBox .gdJd i.jdImg7{background:url(../images/kdgjd7.png) left center no-repeat;margin-right:0;} .gdBox .gdJd i.jdImg11{background:url(../images/kdgjd11.png) left center no-repeat;color:#fb9143;} .gdBox .gdJd i.jdImg21{background:url(../images/kdgjd21.png) left center no-repeat;color:#fb9143;} .gdBox .gdJd i.jdImg31{background:url(../images/kdgjd31.png) left center no-repeat;color:#fb9143;} .gdBox .gdJd i.jdImg41{background:url(../images/kdgjd41.png) left center no-repeat;color:#fb9143;} .gdBox .gdJd i.jdImg51{background:url(../images/kdgjd51.png) left center no-repeat;color:#fb9143;} .gdBox .gdJd i.jdImg61{background:url(../images/kdgjd61.png) left center no-repeat;color:#fb9143;} .gdBox .gdJd i.jdImg71{background:url(../images/kdgjd71.png) left center no-repeat;margin-right:0;color:#fb9143;} .gdlist-top{margin-top:26px;margin-bottom:64px;} /* 工地直播 > 详情页面 */ .show_live { } .show_live_t { padding: 15px; background: #fff; border: solid 1px #e5e5e5; } .show_live_t .mui-media-object.mui-pull-left { max-width: 240px; width: 240px; height: 240px; margin-right: 35px; } .show_live_t .mui-media-body { height: 240px; } .show_live_t .mui-media-body .name_more { padding-bottom: 14px; border-bottom: solid 1px #dcdcdc; } .show_live_t .mui-media-body .name_more .name h1 { margin-top: 6px; font-size: 18px; line-height: 34px; } .show_live_t .mui-media-body .name_more .more { width: 252px; } .show_live_t .mui-media-body .name_more .more a { width: 115px; border-radius: 0; } .show_live_t .mui-media-body .info_desc { width: 50%; margin: 20px 0; } .show_live_t .mui-media-body .info_desc p { font-size: 12px; } .show_live_t .mui-media-body .stage_box { } .show_live_t .mui-media-body .stage_box .dt { width: 80px; } .show_live_t .mui-media-body .stage_box .dd { width: 750px; } .show_live_t .mui-media-body .stage_box .dd .stage { width: 78px; margin-right: 5px; } .show_live_t .mui-media-body .stage_box .dd .stage .box { width: 100%; height: 6px; margin-top: 9px; margin-bottom: 6px; background: #eee; } .show_live_t .mui-media-body .stage_box .dd .stage.active .box { background: #fcb815; } .show_live_t .mui-media-body .stage_box .dd .stage_1 .box { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .show_live_t .mui-media-body .stage_box .dd .stage_5 .box { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .show_live_t .mui-media-body .stage_box .dd .stage .txt { font-size: 12px; } .show_live_t .mui-media-body .stage_box .dd .stage_o { width: 24px; height: 24px; } .show_live_t .mui-media-body .stage_box .dd .stage_o .ico { width: 24px; height: 24px; } .show_live_t .mui-media-body .stage_box .dd .stage_o .ico .iconfont { font-size: 14px; height: 24px; line-height: 24px; color: #fcb815; } /*--------------------------------------------------------------------------------------------------------------------------------------------------------*/ .show_live_b { margin: 24px 0 90px 0; background: #fff; border: solid 1px #e5e5e5; } .show_live_b .l { width: 1040px; margin-bottom: 60px; } .show_live_b .l .show_content { padding-left: 30px; } .stage_info .dt { position: relative; height: 24px; margin-top: 36px; border-left: solid 12px #fcb815; } .stage_info .dt .desc { position: absolute; left: 0; height: 24px; width: 100px; padding-left: 18px; font-size: 18px; font-weight: bold; background: #fff; } .stage_info .dt .line { position: absolute; top: 12px; left: 0; width: 100%; height: 1px; border-bottom: solid 1px #e5e5e5; } .stage_info .dd { position: relative; z-index: 999; padding: 36px 0 0 30px; } .stage_info .mui-media-object.mui-pull-left { max-width: 450px; width: 450px; height: 280px; margin-right: 30px; border: solid 1px #e5e5e5; } .stage_info .mui-media-body { height: 260px; margin-top: 10px; } .stage_info .mui-media-body, .stage_info .mui-media-body * { color: #666; } .stage_info .swiper-pagination.swiper-pagination-stage { bottom: 25px; } .stage_info .swiper-pagination.swiper-pagination-stage .swiper-pagination-bullet { width: 10px; height: 10px; margin: 0 3px; background: none; border: solid 1px #fff; opacity: 1; } .stage_info .swiper-pagination.swiper-pagination-stage .swiper-pagination-bullet-active { background: #fff !important; } /*--------------------------------------------------------------------------------------------------------------------------------------------------------*/ .show_live_b .r { width: 100px; margin-top: 45px; } .show_live_b .r.fixed { position: fixed; top: 0; left: 50%; margin-left: 500px; } .show_live_b .r .dl { position: relative; height: 36px; } .show_live_b .r .dt { position: absolute; z-index: 999; left: -8px; width: 13px; height: 24px; text-align: center; } .show_live_b .r .dt .iconfont { font-size: 13px; color: #fcb815; z-index: 98; } .show_live_b .r .dt .iconfont.icon-tag { font-size: 22px; margin-left: -3px; } .show_live_b .r .dt .iconfont.icon-circle { font-size: 12px; color: #c9c9c9; } .show_live_b .r .first .dt .iconfont, .show_live_b .r .last .dt .iconfont { font-size: 16px; margin-left: -1.4px; } .show_live_b .r .last .dt .iconfont.icon-dotcircleo { color: #c9c9c9; } .show_live_b .r .dt .iconfont.hide { display: none; } .show_live_b .r .dl.stageNav.active .iconfont.show { display: none; } .show_live_b .r .dl.stageNav.active .iconfont.hide { display: block; } .show_live_b .r .br { position: absolute; z-index: 99; left: -2.3px; top: 17px; height: 27px; width: 2px; background: #eaeaea; } .show_live_b .r .dd { margin-left: 20px; font-size: 12px; } .show_live_b .r .dd a:hover { color: #fcb815; } .show_live_b .r .did .dd a { color: #fcb815; } .show_live_b .r .doi .iconfont.icon-circle { color: #fcb815; } .show_live_b .r .doi .dd a { color: #fcb815; font-weight: bold; } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/