/* ****************************** ********** author:@zhou小白猪 ********** css:index.css ********** 说明:首页样式 ****************************** */ .middle_main { position: relative; } /*固定二维码*/ .fixed_ewm { width: 1200px; height: auto; float: left; margin-top: 20px; margin-bottom: 20px; position: fixed; } .fixed_ewm img { width: 120px; height: 120px; top: 100px; right: -125px; position: absolute; } /*文明头条*/ .wm_top { width: 100%; height: auto; float: left; margin-top: 20px; margin-bottom: 20px; } .wm_top .wm_top_left { width: 65px; height: 65px; float: left; background: url(img_wenming_001.jpg) no-repeat 0; } .wm_top .wm_top_middle { width: 1070px; height: 65px; float: left; padding: 0 35px; } .wm_top_middle_top { width: 100%; height: auto; float: left; } .wm_top_middle_top a { float: left; } .wm_top_middle_top a img { width: 1000px; height: 60px; float: left; } .wm_top_middle_bottom { width: 90%; height: auto; float: left; text-align: center; margin-top: 5px; } .wm_top_middle_bottom a { margin: 0 5px; } .wm_top .wm_top_right { width: 65px; height: 65px; float: left; background: url(img_wenming_002.jpg) no-repeat 0; } a.wm_top_middle_a { width: 10%; height: auto; float: left; text-align: right; margin-top: 5px; color: #cc0000 !important; } /*焦点图文*/ .focus { width: 620px; height: 380px; float: left; overflow: hidden; background: #f4f5f9; margin-right: 45px; } .slideBox { width: 620px; height: left; overflow: hidden; position: relative; } .slideBox .hd { height: 10px; overflow: hidden; position: absolute; right: 5px; bottom: 11px; z-index: 1; } .slideBox .hd ul { overflow: hidden; zoom: 1; float: left; } .slideBox .hd ul li { float: left; margin-right: 6px; width: 20px; height: 8px; line-height: 14px; text-align: center; background: #fff; opacity: .7; cursor: pointer; } .slideBox .hd ul li.on { background: #cc0000; opacity: 1; color: #fff; } .slideBox .bd { position: relative; height: 100%; z-index: 0; } .slideBox .bd li { zoom: 1; vertical-align: middle; position: relative; } .slideBox .bd li span.text { width: 100%; height: 35px; line-height: 35px; position: absolute; bottom: 0; left: 0; padding-left: 15px; padding-right: 180px; background: rgba(0, 0, 0, .5); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000, endColorstr=#7F000000); color: #fff; font-size: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .slideBox .bd img { width: 620px; height: 380px; display: block; } /*文明聚焦*/ .wmjj { width: 535px; height: 380px; float: left; overflow: hidden; } .wmjj .title { width: 100%; height: 60px; line-height: 60px; float: left; background: url(ico_wmjj.png) no-repeat left; } .wmjj .title a { float: right; color: #999; } .wmjj .title .text { width: auto; float: left; font-size: 22px; font-weight: bold; color: #cc0000; margin-left: 30px; } .wmjj .hr365 { width: 100%; height: 60px; float: left; padding-left: 95px; background: url(bg_hr365.png) no-repeat 0 top; margin-top: 10px; border-bottom: 1px dashed #e6e6e6; } a.hr365_a { width: 100%; height: auto; line-height: 25px; float: left; font-size: 16px; color: #cc0000; } .wmjj .detail { width: 100%; height: auto; float: left; } .wmjj .detail ul li { width: 100%; height: auto; float: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 15px; background: url(ico_point_002.gif) no-repeat left; padding-left: 18px; margin-top: 11px; } /* 统一列表栏目样式 一 */ .common_lanmu_001 { width: 400px; height: 350px; float: left; background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, .15); border-top: 2px solid #c40000; margin-top: 25px; margin-right: 25px; padding: 15px; /* overflow: hidden; */ } .common_lanmu_001 .titles { width: 100%; height: 30px; float: left; background: url(bg_line.png) no-repeat center right 50px; } .common_lanmu_001 .titles .texts { width: auto; height: 30px; line-height: 30px; float: left; padding: 0 20px; background: #C40000; color: #fff; font-size: 15px; font-weight: bold; } .common_lanmu_001 .titles .more { height: 30px; line-height: 30px; float: right; color: #999; } .common_lanmu_001 .details { width: 100%; height: auto; float: left; margin-top: 15px; } .common_lanmu_001 .details .imgList { width: 100%; height: 75px; float: left; position: relative; padding-left: 120px; } .common_lanmu_001 .details .imgList .img { width: 105px; height: 75px; position: absolute; top: 0; left: 0; } .common_lanmu_001 .details .imgList .img img { width: 105px; height: 75px; } .common_lanmu_001 .details .imgList .detailss { width: 100%; height: 75px; float: left; position: relative; } .common_lanmu_001 .details .imgList .detailss a.details_a { width: 100%; height: auto; float: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; color: #000; } .common_lanmu_001 .details .imgList .detailss .details_main { width: 100%; height: auto; line-height: 23px; float: left; margin-top: 10px; color: #999; } .common_lanmu_001 .details .newList { width: 100%; height: 190px; float: left; margin-top: 8px; overflow: hidden; } .common_lanmu_001 .details .newList li { width: 100%; float: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 15px; margin-top: 11px; padding-left: 15px; background: url(ico_point_002.gif) no-repeat left; } /*统一框样式02*/ .common_lanmu_002 { width: 383px; height: 350px; float: left; background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, .15); border-top: 2px solid #c40000; margin-top: 25px; margin-right: 25px; padding: 15px; /* overflow: hidden; */ } .common_lanmu_002 .titles { width: 100%; height: 30px; float: left; } .common_lanmu_002 .titles .btn { width: 245px; height: 30px; } .common_lanmu_002 .titles .btn_item { width: 122px; height: 30px; margin-right: 1px; float: left; background: #eeeeee; color: #777777; text-align: center; line-height: 30px; cursor: pointer; } .common_lanmu_002 .titles .btn_item:nth-child(2) { margin-right: 0px; } .common_lanmu_002 .titles .btn_item.current { background: #c40000; color: white; } .common_lanmu_002 .titles .more { height: 30px; line-height: 30px; float: right; color: #999; } .common_lanmu_002 .details { width: 100%; height: auto; float: left; margin-top: 15px; display: none; } .common_lanmu_002 .details.current { display: inline-block !important; } .common_lanmu_002 .details .imgItem { width: 100%; height: 160px; overflow: hidden; float: left; border-radius: 8px; position: relative; } .common_lanmu_002 .details .imgItem img { width: 100%; height: 100%; } .common_lanmu_002 .details .imgItem .tips { width: 100%; height: auto; text-align: center; height: 30px; line-height: 30px; background: rgba(0, 0, 0, .4); color: white; font-size: 15px; position: absolute; bottom: 0; } .common_lanmu_002 .details .newList { width: 100%; height: 107px; float: left; margin-top: 8px; overflow: hidden; } .common_lanmu_002 .details .newList li { width: 100%; float: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 15px; margin-top: 11px; padding-left: 15px; background: url(ico_point_002.gif) no-repeat left; } /*板块类*/ .common_all { width: 1200px; height: 180px; float: left; background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, .15); margin-top: 25px; margin-right: 25px; padding: 15px; overflow: hidden; } .common_all .select_item { float: left; height: 150px; width: 130px; margin-bottom: 10px; margin-right: 13px; } .common_all .select_item:nth-child(2) { margin-bottom: 0px; } .common_all .select_item .all_pic { position: relative; width: 100%; height: 100%; } .common_all .select_item .all_pic img { position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; } .common_all .pic_item { float: left; height: 150px; width: 110px; margin-bottom: 10px; margin-right: 20px; } .common_all .pic_item:last-child { margin-right: 0px; } /*垂直滚动*/ .multipleLine { width: 741px; float: left; height: 150px; /* overflow: hidden; */ position: relative; } .multipleLine .hd { overflow: hidden; } .multipleLine .bd { height: 100%; overflow: hidden; } .multipleLine .bd ul { overflow: hidden; zoom: 1; margin-bottom: 15px; } .multipleLine .bd ul li { width: 110px; margin-right: 16px; zoom: 1; vertical-align: middle; position: relative; float: left; _display: inline; overflow: hidden; } /*.multipleLine .bd ul{ overflow:hidden; zoom:1; margin-bottom:10px; } .multipleLine .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center; }*/ .multipleLine .bd li:nth-child(6n) { margin-right: 0px; } .multipleLine .bd img { width: 110px; height: 150px; display: block; } /*视频模块*/ .video_item { width: 795px; float: left; height: 375px; margin-top: 25px; margin-right: 20px; } .video_item .video_title { width: 795px; float: left; height: 35px; } .video_item .video_title .titles { width: 60px; float: left; height: 35px; background: #C40000; color: white; font-size: 18px; font-weight: bold; text-align: center; line-height: 35px; } .video_item .video_title .city_name { width: 60px; float: left; height: 35px; color: #000; font-size: 20px; font-weight: bold; text-align: center; line-height: 35px; /* margin-right: 10px; */ } .video_item .video_title .line { width: 616px; height: 35px; float: left; position: relative; margin-right: 10px; } .video_item .video_title .line img { width: 100%; height: 10px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } .video_item .video_title .more { width: 49px; text-align: center; height: 35px; line-height: 35px; float: right; color: #999; } .video_item .content { float: left; width: 100%; margin-top: 20px; height: 320px; } .video_item .content .videos_box { float: left; width: 411px; height: 320px; margin-right: 20px; position: relative; } .video_item .content .videos_box img{ width: 100%; height: 100%; } .video_item .content .videos_box #video { width: 100%; height: 100%; object-fit: fill; } .video_item .content .text_box { width: 360px; height: 321px; float: left; } .video_item .content .text_box ul { width: 100%; height: 100%; } .video_item .content .text_box ul li { width: 100%; height: 35px; line-height: 35px; margin-top: 1.5px; font-size: 15px; color: #333333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-decoration: none; } .video_item .content .text_box ul li img { width: 25px; height: 25px; margin-top: 5px; float: left; margin-right: 13px; } /*文件模块*/ .doc { width: 383px; height: 380px; float: left; background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, .15); border-top: 2px solid #c40000; margin-top: 25px; margin-right: 25px; padding: 15px; margin-right: 0; /* overflow: hidden; */ } .doc .titles { width: 100%; height: 35px; float: left; margin-bottom: 5px; } .doc .titles .title_text { width: 245px; height: 35px; } .doc .titles .title_text img { height: 24px; margin-top: 5px; width: 24px; float: left; margin-right: 5px; } .doc .titles .title_text .text_ { color: #c40000; font-weight: bold; font-size: 17px; height: 35px; width: auto; line-height: 35px; } .doc .titles .more { height: 30px; line-height: 30px; float: right; color: #999; } .doc .details { width: 100%; height: auto; float: left; } .doc .details .newList { width: 100%; height: auto; float: left; overflow: hidden; } .doc .details .newList li { width: 100%; float: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 15px; margin-top: 11px; padding-left: 15px; background: url(ico_point_002.gif) no-repeat left; } .doc .line_ { height: 1px; float: left; width: 100%; border-top: 1px dashed #999; margin-bottom: 10px; margin-top: 10px; } /*统一样式03*/ .common_lanmu_003 { width: 383px; height: 296px; float: left; background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, .15); border-top: 2px solid #c40000; margin-top: 25px; margin-right: 25px; /*padding: 15px;*/ /* overflow: hidden; */ } .common_lanmu_003 .titles { width: 100%; height: 44px; float: left; border-bottom: 1px solid rgba(0, 0, 0, .1); } .common_lanmu_003 .titles .title_text { height: 18px; line-height: 18px; margin-top: 13.5px; width: auto; padding-left: 5px; border-left: 2px solid #C40000; font-size: 18px; font-weight: bold; color: #C40000; margin-left: 15px; } .common_lanmu_003 .titles .more { height: 18px; line-height: 18px; float: right; margin-top: 13.5px; color: #999; margin-right: 15px; } .common_lanmu_003 .details { width: 100%; height: auto; float: left; } .common_lanmu_003 .details .newList { width: 100%; height: 250px; float: left; overflow: hidden; } .common_lanmu_003 .details .newList li { width: 100%; float: left; height: 35px; line-height: 35px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 15px; /*margin-top: 11px;*/ padding-left: 15px; } .common_lanmu_003 .details .newList li a:nth-child(1) { color: #c40000; } /* 专题展播 */ .ztzb { width: 350px; height: 350px; float: left; margin-top: 25px; overflow: hidden; } .ztzb .titles { width: 100%; height: 35px; float: left; background: url(bg_line_ztzb.png) bottom no-repeat; font-size: 18px; font-weight: bold; color: #c40000; } .ztzb .titles .more { height: 30px; line-height: 30px; float: right; color: #999; font-size: 14px; font-weight: normal; } .ztzb .details { width: 100%; height: auto; float: left; } .ztzb .details .ztzb_a { width: 100%; float: left; margin-top: 11px; } /*核心文明图片*/ .hximg { width: 100%; height: auto; float: left; margin-top: 20px; margin-bottom: 20px; } .hximg img { width: 100%; height: auto; } /*阅读潮州*/ .common_all .all_pic_item { width: 1047px; height: 150px; margin-bottom: 10px; float: left; overflow: hidden; } .picMarquee-left { width: 1047px; height: left; overflow: hidden; position: relative; } .picMarquee-left .bd { position: relative; height: 100%; z-index: 0; } .picMarquee-left .bd li { width: 162px; margin-right: 35px; zoom: 1; vertical-align: middle; position: relative; } .picMarquee-left .bd li span.text { width: 100%; height: 30px; line-height: 30px; float: left; text-align: center; margin: auto; color: #333333; font-size: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; } .picMarquee-left .bd img { width: 162px; height: 120px; display: block; } /*多彩潮州*/ .common_lanmu_004 { width: 700px; height: 338px; float: left; background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, .15); /*border-top: 2px solid #c40000;*/ margin-top: 25px; margin-right: 25px; /*padding: 15px;*/ /* overflow: hidden; */ } .common_lanmu_004 .titles { width: 100%; height: 45px; float: left; border-bottom: 1px solid rgba(0, 0, 0, .1); } .common_lanmu_004 .titles .title_head { width: 173px; background: #C40000; color: white; font-size: 18px; font-weight: bold; float: left; height: 45px; line-height: 45px; padding: 0px 15px; position: relative; margin-right: 27px; } .common_lanmu_004 .titles .title_head .title_text { width: 105px; height: auto; position: absolute; margin: auto; left: 0; top: 0; bottom: 0; right: 0; } .common_lanmu_004 .titles .title_head .title_text img { width: 24px; height: 24px; margin-top: 10px; float: left; /* margin-left: 10px; */ } .common_lanmu_004 .titles .nav_text { width: auto; height: 45px; line-height: 45px; } .common_lanmu_004 .titles .nav_text li { width: auto; padding: 0px 5px; list-style: none; float: left; } .common_lanmu_004 .titles .nav_text li a { color: #999999; font-size: 14px; } .common_lanmu_004 .titles .nav_text li font { color: #999999; font-size: 14px; } .common_lanmu_004 .titles .nav_text li a.current { color: #C40000; } .common_lanmu_004 .titles .more { height: 45px; line-height: 45px; float: right; color: #999; padding-right: 15px; } .common_lanmu_004 .details { width: 100%; padding: 15px; height: auto; float: left; display: none; } .common_lanmu_004 .details.current { display: inline-block; } .common_lanmu_004 .details .pic_body { width: 271px; height: 264px; float: left; margin-right: 10px; } .common_lanmu_004 .details .pic_body img { width: 100%; height: 170px; float: left; } .common_lanmu_004 .details .pic_body .data_list { height: 94px; width: 100%; padding-top: 12px; float: left; overflow: hidden; } .common_lanmu_004 .details .pic_body .data_list li { height: 26px; line-height: 26px; width: 100%; color: #000; font-weight: bold; float: left; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .common_lanmu_004 .details .data_body { width: 389px; height: 264px; float: left; overflow: hidden; } .common_lanmu_004 .details .data_body .body_list { width: 100%; height: 100%; float: left; } .common_lanmu_004 .details .data_body .body_list li { width: 100%; height: auto; font-size: 15px; color: #333333; float: left; list-style: none; margin-bottom: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .common_lanmu_004 .details .data_body .body_list li img { margin: 0px 15px; } /*今日视点*/ .common_lanmu_005 { width: 475px; height: 338px; float: left; background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, .15); margin-top: 25px; } .common_lanmu_005 .titles { height: 44px; line-height: 44px; border-bottom: 1px solid rgba(0, 0, 0, .1); width: 100%; } .common_lanmu_005 .titles .button { width: 25%; text-align: center; padding: 5px; box-sizing: border-box; text-align: center; height: 44px; line-height: 34px; float: left; color: #999; font-size: 16px; position: relative; cursor: pointer; } .common_lanmu_005 .titles .button.current { color: white; font-size: 18px; font-weight: bold; background-color: #C40000; } .common_lanmu_005 .titles .button.current img { width: 80%; height: 80%; position: absolute; left: 10%; top: 10%; } .common_lanmu_005 .details { width: 100%; height: 293px; padding: 15px; box-sizing: border-box; float: left; display: none; } .common_lanmu_005 .details.current { display: inline-block; } .common_lanmu_005 .details .data_list { height: 100%; width: 100%; overflow: hidden; } .common_lanmu_005 .details .data_list li { width: 100%; height: auto; font-size: 15px; color: #333333; float: left; list-style: none; margin-bottom: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .common_lanmu_005 .details .data_list li img { margin: 0px 15px 0px 0px; } /*地方365bet体育在线手机版*/ .common_lanmu_006 { width: 1200px; height: auto; float: left; background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, .15); margin-top: 25px; padding: 15px; position: relative; } .common_lanmu_006 .start { position: absolute; width: 248px; height: 73px; top: -15px; left: 15px; } .common_lanmu_006 .titles { width: 100%; height: 28px; line-height: 28px; float: left; padding-left: 255px; } .common_lanmu_006 .titles .title_list { width: auto; height: 35px; line-height: 30px; font-weight: bold; color: #999; font-size: 17px; float: left; margin-right: 20px; cursor: pointer; } .common_lanmu_006 .titles .title_list.current { color: #C40000; border-bottom: 2px solid #C40000; } .common_lanmu_006 .details { width: 100%; height: 295px; float: left; padding: 15px 23px; display: none; } .common_lanmu_006 .details.current { display: inline-block; } .common_lanmu_006 .details a { float: left; width: auto; margin: 5px 15px; color: #333; } #my_slide { overflow: hidden; } #my_slide iframe{ float: left; } #my_slide #test{ margin-top: -114px; margin-left: -110px; transform: scale(.79); } .links{ background:url(bg_links.jpg) no-repeat bottom;} .links .title{ padding:15px 0;} .links .tags{ text-align:center;} .links .tags a{ display:inline-block; font-size:18px; padding:10px 45px 10px 15px;} .links .tags a:hover,.links .tags .selected{ background:url(tag_wangzhanqun.png) no-repeat; background-size:100% 100%; color:#fff;} .lisnks_list{ font-size:14px; padding:20px 20px 30px;} .lisnks_list .left{ width:150px; color:#990000;} .lisnks_list .right{ width:1000px;} .lisnks_list .right a{ display:inline-block; padding:0 5px; line-height:30px; color:#666;} .lisnks_list .right a:hover{ color:#990000; text-decoration:underline;} /*友情链接改为ol-li,修改样式*/ .lisnks_list{overflow:hidden;} .lisnks_list ol{clear:both;} .lisnks_list ol li{float:left;padding:5px 10px;font-size:14px;}