www.gusucode.com > 43:【198-3930】新闻博客军事资讯头条网织梦模板(带手机端) > 43:【198-3930】新闻博客军事资讯头条网织梦模板(带手机端)/style/css/detail.css
/* 织梦58(dede58.com)做最好的织梦整站模板下载网站 */ @charset "utf-8"; a { text-decoration: none; outline: none; color: #333; cursor: pointer; } /*引用东方头条详细页样式开始*/ div.article:after, div.article:before, div.aside:before, div.aside:after, div.bottom_over_cnt:before, div.bottom_over_cnt:after { content: ''; display: table; clear: both } div.article, div.aside { float: left; } div.aside { width: 332px; min-height: 10px; float: right; } div.bottom_over_cnt { width: 670px; float: left; height: auto; } .gg_cnt_detail .gg_cnt_left { width: 664px; } .gg_cnt_detail .gg_cnt_right { width: 338px; background: none; } .gg_cnt_detail .gg_cnt_right input.search_text { width: 243px; left: 53px; *width:237px; top: 18px; } .gg_cnt_detail .gg_cnt_right input.search_btn { top: 18px; } /*详细页搜索也ifram容器样式*/ .detail_ifram_cnt { position: absolute; width: auto; height: auto; right: 0; top: 18px; } .detail_gg_cnt { float: left; width: 50%; height: 100%; color: #DDD; overflow: hidden; *zoom:1; } .detail_cnt { width: 1002px; height: auto; margin-left: auto; margin-right: auto; } .detail_left { float: left; width: 670px; height: auto; } .detail_left_cnt { width: 100%; height: auto; overflow: hidden; padding-top: 25px; } .detail_right_cnt { float: left; width: 332px; height: auto; *overflow:hidden; *zoom; } .title_detail { width: 100%; height: auto; overflow: hidden; *zoom:1; border-bottom: #dedede 1px dotted } .title_detail h1 { height: auto; line-height: 36px; font-size: 26px; color: #333; overflow: hidden; font-weight: bold; } .share_cnt_p { height: 32px; line-height: 32px; font-size: 12px; color: #666; width: 100%; position: relative; margin-top: 10px; margin-bottom: 10px; } .share_cnt_p i { padding-right: 10px; } /*============ 评论 ============*/ .discuss-wrap { display: block; position: absolute; right: 0; bottom: 2px; width: 30px; background-image: url("../images/detail_icon.png"); background-position: -37px 7px; background-position: -39px 6px \9; background-repeat: no-repeat; padding-left: 26px; height: 32px; line-height: 32px; font-size: 14px; } .discuss-wrap span.discuss_a { color: #EC4B4B; } /* 新闻内容 */ .contain_detail_cnt { width: auto; height: auto; overflow: hidden; color: #333; font-size: 16px; line-height: 30px; } .contain_detail_cnt img { display: block; margin-left: auto; margin-right: auto; max-width: 100%; } .contain_detail_cnt p { text-indent: 2em; } .contain_detail_cnt p:after { content: ' '; display: block; height: 1em; } .tips_detail_cnt { width: auto; height: auto; overflow: hidden; color: #666; font-size: 12px; line-height: 20px; padding: 20px 0px; } .erweima_detail_cnt { border-top: 1px solid #EDEDED; border-bottom: 1px solid #EDEDED; width: auto; height: 143px; padding: 20px; } .erweima_detail_cnt div { width: 49.9%; height: 100%; float: left; } .erweima_detail { overflow: hidden; } .erweima_detail a { display: block; background-image: url(../images/erweima.jpg); width: 50%; height: 100%; float: left; background-position: 5px center; background-size: auto auto; background-repeat: no-repeat; } .erweima_detail a.erweima_1 { background-position: -127px center; } .share_detail { position: relative; border-left: 1px solid #EDEDED; } .share_detail span { position: absolute; top: 63px; left: 40px; color: #333; font-size: 16px; } .share_detail a { top: 50%; margin-top: -16px; position: absolute; display: block; width: 32px; height: 32px; background-image: url(../images/share_bg.png); background-size: 246px auto; background-repeat: no-repeat; } .share_detail a.weibo { left: 110px; } .share_detail a.qq { left: 155px; background-position: -32px top; } .share_detail a.kongjian { left: 199px; background-position: -64px top; } /*看我此文的心情*/ .cyEmoji { width: 670px; height: 190px; } p.cyEmoji_title { width: 100%; border-bottom: 1px solid #E6E6E6; font-size: 16px; height: 26px; line-height: 26px; color: #333; padding: 20px 0 5px 0; margin-bottom: 20px; overflow: hidden; } ul.emoji-list { width: 100%; height: auto; } ul.emoji-list li { float: left; width: 16.3%; height: auto; cursor: pointer; padding: 10px 0; border: 1px solid transparent; border-radius: 4px; box-shadow: none; } ul.emoji-list li:hover { border: 1px solid #eee; box-shadow: 0 0 10px #ccc; } ul.emoji-list li p { width: 100%; color: #333; text-align: center; } ul.emoji-list li p span { font-size: 16px; } ul.emoji-list li p i { font-size: 12px; color: #c33; } ul.emoji-list li p.emoji_p { height: 80px; background-size: auto; background-repeat: no-repeat; background-position: center center; } ul.emoji-list li p.emoji_p0 { background-image: url(../images/emoji_0.gif); } ul.emoji-list li p.emoji_p1 { background-image: url(../images/emoji_1.gif); } ul.emoji-list li p.emoji_p2 { background-image: url(../images/emoji_2.gif); } ul.emoji-list li p.emoji_p3 { background-image: url(../images/emoji_3.gif); } ul.emoji-list li p.emoji_p4 { background-image: url(../images/emoji_4.gif); } ul.emoji-list li p.emoji_p5 { background-image: url(../images/emoji_5.gif); } /*相关推荐*/ .other_more { width: 670px; height: auto; float: left; background-color: #FCFCFC; color: #ddd; margin: 10px 0; } .guess_like { width: 670px; height: auto; float: left; color: #ddd; } .guess_title { float: left; width: 100%; height: 30px; padding-bottom: 20px; margin-top: 30px; line-height: 50px; color: #EC4B4B; } .guess_title span { font-size: 20px; font-weight: normal; color: #EC4B4B; border-bottom: 2px solid #666; display: block; width: 100%; height: 30px; line-height: 30px; position: relative; } .guess_title span i { position: absolute; display: block; width: 80px; height: 2px; background-color: #EC4B4B; left: 0; bottom: -2px; overflow: hidden; *zoom:1; } .guess_contain { float: left; width: 100%; height: auto; overflow: hidden; *zoom:1; } /* 相关推荐、新闻聚焦、猜你喜欢、热门推荐 - 样式优化 */ .guess_like .rel-recmmend { margin-top: 0; padding-bottom: 5px; } .guess_like .news-focus { margin-top: 0; padding-bottom: 10px; } .guess_like .guess-yl { margin-top: 10px; padding-bottom: 10px; } .guess_like .hot-recommend { margin-top: 10px; padding-bottom: 10px; } /*图文列表样式*/ ul.main_l_item { width: 100%; height: auto; overflow: hidden; *zoom:1; color: #222; } ul.main_l_item li { float: left; width: 100%; height: auto; padding-bottom: 25px; border-bottom: 1px solid #EFEFEF; } ul.main_l_item li h3 { height: 60px; line-height: 60px; font-size: 20px; font-weight: bold; overflow: hidden; position: relative; } ul.main_l_item li h3 span { text-indent: 0; position: absolute; display: block; left: 0; top: 21px; width: 18px; height: 18px; line-height: 16px; font-size: 12px; color: #FFF; border: 1px solid #E10400; background-color: #FF4200; border-radius: 2px; text-align: center;/*font-family: "宋体";*/ } ul.main_l_item li h3 a { color: #222; padding-left: 5px; } ul.main_l_item li h3 a:hover { color: #EE4B4B; text-decoration: underline; } dl.item_main_l_dl { width: 100%; height: 114px; overflow: hidden; } dl.item_main_l_dl dt { float: left; width: 152px; height: 100%; padding-right: 18px; } dl.item_main_l_dl dt img { width: 100%; height: 100%; } dl.item_main_l_dl dd { float: left; width: 500px; height: 100%; overflow: hidden; position: relative; } dl.item_main_l_dl dd p { width: 100%; max-height: 72px; height: auto; line-height: 24px; font-size: 12px; overflow: hidden; } dl.item_main_l_dl dd p a { color: #666; } dl.item_main_l_dl dd p a:hover { color: #EE4B4B; } dl.item_main_l_dl dd span { position: absolute; left: 0; bottom: 0; font-size: 12px; color: #999; line-height: 24px; } /*评论*/ .discuss_cnt { width: 100%; height: auto; overflow: hidden; } .discuss_top { width: 100%; height: 50px; line-height: 50px; color: #333; font-size: 18px; } .discuss_top span, .discuss_top i { color: #E74851; } .discuss_contain { width: 100%; height: auto; overflow: hidden; } .discuss_cont_l { width: 60px; height: auto; float: left; text-align: center; } .discuss_cont_l img { height: 42px; } .discuss_cont_r { width: 610px; height: auto; float: left; } a.discuss_mask_a { width: 608px; height: 40px; line-height: 40px; border: 1px solid #CCD4D9; display: block; padding-left: 5px; font-size: 12px; color: #B8B8B8; position: relative; } a.discuss_mask_a span { position: absolute; right: -1px; top: -1px; padding: 0 20px; color: #fff; background-color: #e74851; font-weight: bold; font-size: 16px; } .discuss_contain_r { width: auto; height: auto; overflow: hidden; display: none; } .discuss_text_cnt { width: 608px; height: auto; border: 1px solid #CCD4D9; overflow: hidden; } .discuss_text_textarea { width: auto; height: auto; } .discuss_text_textarea textarea { width: 100%; height: auto; resize: none; color: #B8B8B8; font-size: 12px; border: none; padding: 10px; } .discuss_emj_btn { width: 100%; height: 39px; border-top: 1px solid #E6EAED; background-color: #FAFAFA; position: relative; } .icon_btn_cnt { width: 41px; height: 100%; font-size: 12px; color: #ddd; border-right: 1px solid #E6EAED; } a.send_btn_a { position: absolute; right: -1px; top: -1px; padding: 0 20px; color: #fff; background-color: #e74851; line-height: 40px; height: 40px; font-weight: bold; font-size: 16px; } ul.login_discuss { width: 100%; height: auto; overflow: hidden; } .login_discuss li { float: left; width: 110px; height: 40px; padding: 10px 12px 10px 0; } .login_discuss li a { display: block; border: 1px solid #CCD4D9; width: auto; padding-left: 39px; height: 38px; line-height: 38px; text-align: center; overflow: hidden; position: relative; } .login_discuss li a i { position: absolute; left: 4px; top: 4px; width: 30px; height: 30px; display: block; background-image: url(../images/share_bg.png); background-size: auto 30px; background-repeat: no-repeat; } .login_discuss li a span { font-size: 14px; color: #333; } .login_discuss li a i.souhu { background-position: -90px top; background-position: -96px top \9; *background-position:-90px top; } .login_discuss li a i.weibo { background-position: 0 top; } .login_discuss li a i.qq { background-position: -30px top; background-position: -33px top \9; *background-position:-30px top; } .login_discuss li a i.renren { background-position: -150px top; background-position: -162px -2px \9; *background-position:-150px top; } .login_discuss li a i.youke { background-position: -181px top; background-position: -193px -2px \9; *background-position:-181px top; } .empty-prompt { background-color: #ECF8FF; color: #0090EB; width: 100%; height: 35px; line-height: 35px; font-size: 12px; text-align: center; margin: 10px 0; } /*热评话题容器*/ .hot_discuss_cnt { width: 100%; height: auto; overflow: hidden; color: #ddd; } /*右侧悬浮容器*/ .xfcnt_lft { width: auto; height: auto; } /*换一换按钮*/ a.change_btn_bot { display: block; width: 100%; height: 32px; line-height: 32px; background-color: #ff9298; text-align: center; font-size: 14px; color: #fff; position: relative; margin: 10px 0; } a.change_btn_bot i { width: 18px; height: 16px; background-image: url("../images/refresh.png"); background-repeat: no-repeat; position: absolute; left: 43%; top: 8px; } /*详细页内容里的图片切换*/ .pic_loop_cnt { width: 540px; height: 405px; background-color: #eee; padding: 30px; position: relative; overflow: hidden; margin-bottom: 15px; margin-left: auto; margin-right: auto; } .pic_loop_contain { width: 100%; height: 100%; overflow: hidden; } .index_cnt { position: absolute; left: 6px; top: 8px; width: 65px; height: 25px; line-height: 25px; font-size: 14px; color: #333; } .index_cnt i { color: #F00; font-size: 30px; } .index_cnt em { font-size: 16px; } .pic_item_cnt { width: 100%; height: 100%; overflow: hidden; } .pic_item_cnt li { width: 100%; height: 100%; display: table; float: left; } .pic_item_cnt li span { width: 100%; height: 100%; display: table-cell; vertical-align: middle; text-align: center; } .pic_item_cnt img { max-width: 100%; max-height: 100%; } .pic_loop_contain > a { display: block; width: 50%; height: 100%; z-index: 5; position: absolute; top: 0; } .pic_loop_contain > a.btn_pic_pre { left: 0; cursor: url(../images/arr_l.cur), auto; } .pic_loop_contain > a.btn_pic_next { right: 0; cursor: url(../images/arr_r.cur), auto; } .gg_return_cnt { display: none; width: 100%; height: 100%; overflow: hidden; position: relative; } .gg_top_cnt { position: absolute; left: 0; top: 0; width: 300px; height: 250px; background-color: #FCFCFC; color: #ddd; } .return_btn_cnt { width: 220px; height: 250px; position: absolute; right: 0; top: 0; background: transparent url(../images/view_end.png) no-repeat scroll center 15%; } a.btn_return_view { position: absolute; left: 50%; margin-left: -55px; top: 60%; width: 110px; height: 30px; display: block; background: transparent url(../images/view_again_btn.png) no-repeat center center; } a.btn_return_back { position: absolute; left: 50%; margin-left: -55px; top: 80%; width: 110px; height: 30px; display: block; background: transparent url(../images/view_back_btn.png) no-repeat center center; } .gg_bottom_cnt { width: 540px; height: 120px; position: absolute; left: 0; bottom: 0; background-color: #FCFCFC; color: #ddd; } /* 商品介绍 */ .softmore { height: 300px; margin-bottom: 10px; font-size: 14px; padding-top: 10px } .softmore ul.softul { width: 250px; float: left } .softmore ul.softul li { width: 250px; line-height: 35px; overflow: hidden; border-bottom: #dedede 1px dotted } .softmore ul.softul li small { font-weight: bold; font-size: 15px; } .softmore ul.softimg { width: 400px; height: 300px; float: right } .softmore ul.softimg img { float: right; max-width: 360px; margin-top: 10px } .detit { width: 100%; display: inline; } .detit h3 { height: 42px; background: url(../images/hbg.jpg) repeat-x 0 bottom; } .detit h3 span { float: left; display: block; height: 38px; line-height: 38px; color: #333; font-weight: normal; font-size: 16px; border: #e9e9e9 1px solid; border-bottom: none; background: #f9f9f9; cursor: pointer; font-weight: normal; width: 128px; text-align: center; margin: 0 10px 0 0; display: inline; } .detit h3 span.current { height: 39px; line-height: 38px; border: #e9e9e9 3px solid; border-bottom: none; background: #fff; font-weight: bold; width: 124px; } /*---------------产品采购----------------*/ .procure { width: 668px; margin-top: 45px; padding-bottom: 10px; border: 1px solid #e9e9e9; background: url(../images/22.gif) no-repeat 430px 80px; height: 320px } .procure .title { height: 38px; line-height: 38px; color: #333333; border-bottom: 1px solid #dedede; padding: 0px 10px; background: url(../images/location.jpg) repeat-x bottom; } .procure .title h3 { display: block; float: left; font-size: 14px; } .procure .title span { display: block; float: right; font-size: 12px; color: #666666; padding-left: 12px; background: url(../images/tb_3.jpg) no-repeat 0px 12px; } .procure ul { padding: 25px 20px 0px 20px; } .procure ul li { width: 100%; float: left; margin-bottom: 8px; line-height: 20px; color: #666666; } .procure ul li h5 { width: 100px; float: left; display: block; font-size: 12px; font-weight: lighter; text-align: left; } .procure ul li .h5_1 { background: url(../images/tb_3.jpg) no-repeat 60px 8px; } .procure ul li .h5_2 { background: url(../images/tb_3.jpg) no-repeat 5px 8px; } .procure ul li span { width: 300px; float: left; display: block; } .procure ul li span input { height: 20px; line-height: 20px; padding-left: inherit; border: 1px solid #dedede; } .procure ul li span textarea { height: 60px; line-height: 18px; padding-left: inherit; border: 1px solid #dedede; } .procure .submit { height: 25px; padding: 15px 0px 15px 118px; } .procure .coolbg { width: 72px; height: 25px; line-height: 25px; background: url(../images/submit.jpg) no-repeat 0px 0px; border: none; color: #FFFFFF; font-size: 14px; } .procure .coolbg_1 { width: 72px; height: 25px; line-height: 25px; background: url(../images/submit.jpg) no-repeat -85px 0px; border: none; color: #FFFFFF; font-size: 14px; } .procure a { padding: 5px 36px; background: url(../images/tb_2.jpg) no-repeat scroll 15px 0px; } /* 热门推荐 */ .hot_recommend_cnt { width: 100%; height: 830px; overflow: hidden; position: relative; } .hot_recommend { width: 100%; height: auto; position: absolute; left: 0; top: 0; } .hot_recommend .listNews-item-s1 { width: 100%; float: left; height: 135px; padding-top: 15px; padding-bottom: 15px; border-bottom: 1px solid #e9e9e9; position: relative; overflow: hidden; } .hot_recommend .listNews-item-s1 i.hot { position: absolute; left: 0; top: 15px; background-color: #ec4b4b; width: 30px; height: 30px; text-align: center; line-height: 30px; color: #fff; font-size: 16px; } .hot_recommend .listNews-item-s1 .img a { display: block; width: 180px; height: 135px; overflow: hidden; } .hot_recommend .listNews-item-s1 .info { margin-left: 200px; height: 135px; position: relative; } .hot_recommend .listNews-item-s1 .info h3 { font-size: 18px; line-height: 28px; } .hot_recommend .listNews-item-s1 .info h3 a:hover { color: #EE4B4B; } .hot_recommend .listNews-item-s1 .info .desc { font-size: 14px; line-height: 20px; margin-top: 10px; color: #666; } .hot_recommend .listNews-item-s1 .info .from { position: absolute; left: 0; bottom: 0; font-size: 12px; color: #999; } /*============ 分享 ============*/ .bdshare-special { right: 74px; bottom: 5px; width: 144px; }