/*----reset----*/ body{ font:12px Arial,Tahoma, Helvetica, sans-serif;color:#838c94; position:relative; min-width:1180px; overflow-x: hidden; font-family: \5FAE\8F6F\96C5\9ED1} html{-webkit-text-size-adjust:none;} body,ul,li,dl,dt,dd,form,p,h1,h2,h3,h4,h5,h6,h7,input{ margin:0; padding:0; } textarea{ font-size:12px; padding:5px 0 0 5px; outline:none} input{ outline:none} li{ list-style:none} h1,h2,h3,h4,h5,h6,h7{ font-size:100%;} img{ border:none} em,i{ font-style:normal} .clearfix:after{ content:""; height:0; font-size:0; clear:both; visibility:hidden; display:block} .clearfix{*zoom:1} a{ text-decoration:none; color:#838c94} a:hover{ text-decoration:none} .layer{ width:1200px; margin:0 auto} .Linefeed{table-layout:fixed; word-break: break-all; overflow:hidden;} .longover{white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden; } *, *:before, *:after {-webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box; } .clear{clear:both;} .fl{float:left} .no-padding-top{padding-top:0} .error{color:#d80045;} .load{height: 30px; width:100%; line-height: 24px;} .load span{margin:0 8px;} /*----common----*/ .center{width:1180px; margin:0 auto;} .level{float:left;clear: left;} .content{background: #fff;padding:20px 15px;clear:both;} .tab-title{ width:100%; height:27px; line-height: 27px;border-bottom: solid 2px #dd3253;font-family: \5B8B\4F53} .tab-title ul{float: left;} .tab-title ul li{float: left; width:111px; height: 27px;padding-left:17px; cursor: pointer;font-size:14px; font-family: \5B8B\4F53} .tab-title ul li.on{background: url('../images/title-bg-short.jpg'); color:#fff; font-weight: bold} .tab-title.long ul li{width:123px;margin-top:-2px} .tab-title.long ul li.on{background: url('../images/title-bg-long.jpg'); color:#fff; font-weight: bold} .more-link{float: right; margin-top: 7px;} .tab-title .more-link:hover{opacity: .8} .point-title{width:100%; height:31px; line-height:31px;color:#282828; font-size:14px;font-family: \5FAE\8F6F\96C5\9ED1; margin-top:-5px;margin-top: -10px;margin-bottom: 3px;} .point-title span{width:31px; height:31px; background: url('../images/icon-title.jpg'); display: inline-block; color:#fff; line-height: 31px; text-align: center; margin-right: 3px;} .page-load{float:right;line-height: 18px ;color:#878585;} .page-load a{color:#878585} .page-load a:hover{color:#dd3253} /*----header----*/ .header{width:100%; height:140px; background: url('../images/header-bg.png') no-repeat top center} .header .logo{float:left;margin-top: 30px; margin-left:60px;} .header .right{float: right; width: 322px;} .header .right .top{height: 40px;margin-top:8px;margin-bottom: 8px;float: left; width: 100%; text-align: right;color:#fff;padding-right: 2px;} .header .right .top .login{width:60px; height: 20px; background: url('../images/icon-login.png') ; display: inline-block;margin-right: 2px;margin-top:5px;} .header .right .top .regedit{width:60px; height: 20px; background: url('../images/icon-regedit.png') ; display: inline-block;margin-right: 10px;margin-top:5px;} .header .right .top a{color:#fff; height:20px; } .header .right .top a:hover{opacity: 0.7;} .header .right .top .opt{float:right;margin-top:8px;} .header .right .top .line{padding:0 12px;} .header .right .date{width:100%;float:left;height:30px;color: #fff; text-align: right;margin-top:-8px;} .header .right .date #jnkc{display: inline-block;padding-top:12px;padding-right: 10px;} .header .right .date iframe{ float: right; color:#fff!important} .header .right .date .ads{ padding-right: 10px;} .header .right .search{float:left;width:320px;height: 32px;margin-top:10px; background: #fff;border: solid 1px #d3d3d3;border-radius: 2px } .header .right .search .text {float:left;width: 260px; padding-left:10px;border: none; height:30px; line-height: 30px;color:#b6b6b6;} .header .right .search .btn{float:right;width:36px; height: 30px; background: url('../images/icon-search-btn.png') no-repeat center center #df322a; border: none; cursor: pointer;border-radius: 2px} .header .right .search .btn:hover{opacity: 0.7} /*----nav----*/ .nav{width:100%;height: 52px; line-height: 52px; float: left;background: #da2921;} .nav ul{width:100%;} .nav ul li{float:left;} .nav ul li a{color:#fff;font-size:16px; font-weight: bold; display: block;padding: 0 14px;} .nav ul li a:hover,.nav ul li.cur a{background: #c31c15;} .nav-hide{display: none;float: left;width:100%; height: 46px; line-height: 46px; background: #f1f1f1; text-align: center;} .nav-hide li {display: none;} .nav-hide li a{color: #676767;padding: 0 20px;font-size: 14px; font-family: \5FAE\8F6F\96C5\9ED1} .nav-hide li a:hover{color:#df322a} /*----content----*/ .level-1{width:100%; height: 400px; float:left;margin-bottom: 20px;} .level-1 .banner{width:700px; height: 400px; float: left;} .level-1 .level-1-right{width:460px; height: 400px;float: right;} .level-1 .toutiao{width: 100%; height: 177px; float: left;} .level-1 .toutiao .label{float:left;width: 66px; height: 66px; background: #da2921; text-align: center;color:#fff; font-size:22px;padding-top: 6px; line-height: 26px;} .level-1 .toutiao .title{width:390px; height: 66px; line-height: 32px; font-size:20px; float:left;padding-left:15px;} .level-1 .toutiao .title a{color:#333;} .level-1 .toutiao a:hover{color:#df322a} .level-1 .toutiao .write{float:left; width:100%; line-height: 24px;font-size: 12px;color:#666666;padding-top: 15px;} .level-1 .toutiao-tab{float:left;width:100%; margin-bottom: 5px;height: 40px; line-height: 40px; border-top: solid 2px #dadada;} .level-1 .toutiao-tab li{height: 40px; margin-top: -2px; margin-right: 15px;float: left; cursor: pointer;border-top: solid 2px #dadada;font-weight: bold; font-size:14px;color: #333;} .level-1 .toutiao-tab li.cur,.level-1 .toutiao-tab li:hover{border-top: solid 2px #da2921;color:#da2921; } .level-1 .toutiao-main ul{display: none;} .level-1 .toutiao-main ul li{width:100%; height:30px; line-height: 30px; float: left;} .level-1 .toutiao-main ul li a{color:#333333;font-size: 14px;float: left;width:350px;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden; } .level-1 .toutiao-main ul li a:hover{color:#df322a} .level-1 .toutiao-main ul li .time{float: right;color: #999999;} .level-2{width:100%; float:left;} .level-2 .left{width: 960px; float: left;} .level-2 .left .item{width:460px; height: 360px; float:left;margin-right: 20px;border-top: solid 2px #dadada;} .level-2 .left .item .title{width:100%; height: 50px; line-height: 50px; padding-bottom: 8px;} .level-2 .left .item .title span{float:left;font-size: 16px; font-weight: bold; color:#333333;background: url('../images/icon-title.png') no-repeat left 10px;padding-left:30px;} .level-2 .left .item .title .more{float:right;color:#999999;} .level-2 .left .item .title .more:hove{color:#df322a} .level-2 .left .item .tt{width:100%; height: 70px;} .level-2 .left .item .tt .pic{width: 108px; height: 70px;text-align: center;margin-right: 16px;float: left;} .level-2 .left .item .tt .pic img{max-width: 100%; max-height: 100%;} .level-2 .left .item .tt .name{float: left;width:330px; height: 50px;font-size: 16px; line-height: 30px;font-weight: bold;margin-top: -5px;} .level-2 .left .item .tt .name a{color:#5c5c5d;} .level-2 .left .item .tt .name a:hover{color:#df322a} .level-2 .left .item .tt .time{width:330px;height: 20px; float: left;font-size: 12px; color: #999999; padding-top: 10px;} .level-2 .left .item .list{width:100%;float:left; padding-top: 15px;} .level-2 .left .item .list li{width:100%; height: 30px; line-height: 30px; float: left;} .level-2 .left .item .list li a{color:#666666; font-size: 14px;display: inline-block;width:80%;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;} .level-2 .left .item .list li a:hover{color:#df322a} .level-2 .left .item .list li .time{font-size:12px;float: right; color: #999} .level-2 .right{width: 220px; float: right;} .level-2 .right .ad{margin-top: 15px;float: left;} .level-2.listpage .left{width:100%;} .level-2.listpage .left .item{width:580px;} .level-2.listpage .left .item.second{margin: 0;} .level-3{width:100%; float:left;margin-bottom: 20px;} .level-3 .left{width: 940px; float: left;} .level-3 .left .food-tab{width:100%; height: 48px; line-height: 48px; border: solid 1px #e2e2e2; border-top: 2px solid #e2e2e2;} .level-3 .left .food-tab li{height: 46px; line-height: 46px;float: left; padding: 0 25px;font-size: 16px; color: #333333; font-weight: bold; cursor: pointer;} .level-3 .left .food-tab li.cur{ border-left: solid 1px #e2e2e2; border-right: solid 1px #e2e2e2;margin-top:-2px;margin-left:-1px;height:48px; background: #fff;border-top: solid 2px #da2921; color: #da2921;} .level-3 .left .food-main{width:100%; } .level-3 .left .food-main .main{display: none;} .level-3 .left .food-main li{width:100%; height: 130px; border-bottom: dashed 1px #e2e2e3;float:left;} .level-3 .left .food-main li .title{width: 100%; height: 60px; line-height: 60px; float: left;} .level-3 .left .food-main li .title a{color: #333333; font-size: 16px; float: left;} .level-3 .left .food-main li .title a:hover{color:#df322a} .level-3 .left .food-main li .title .time{float: right;} .level-3 .left .food-main li .write{line-height: 30px; color: #999999; font-size: 14px;} .level-3 .left .food-main .food-more{float:left;width:100%; height: 34px; line-height: 34px;background: #f5f5f5; text-align: center; color: #5c5c5c; cursor: pointer; display: block;margin-top: 20px;} .level-3 .left .food-main .food-more:hover{background:#df322a; color: #fff;} .level-3 .right{width: 220; float: right;} .level-4{width:100%; float:left;border-top: solid 2px #dadada;} .level-4 .item{width:573px; float: left;} .level-4 .item .title{width:100%; height: 65px; line-height: 65px; font-size: 16px; font-weight: bold;color: #5c5c5c;background: url('../images/icon-title.png') no-repeat left 15px;padding-left:30px;} .level-4 .item .title .more { float: right; color: #999999;} .level-4 .item .left{width: 200px; height: 236px; float: left; border-right: solid 1px #eaeaea;padding-right: 20px;} .level-4 .item .left .pic{width: 180px; height: 110px; position:relative; display: block;} .level-4 .item .left .pic:hover{opacity: 0.7;} .level-4 .item .left .pic img{max-width: 100%; min-height: 100%;} .level-4 .item .left .pic .name{position: absolute; left:0; bottom:0;padding:0 10px; overflow: hidden;width:100%; height: 35px; line-height: 35px; color:#fff; opacity: 0.7 ; background: #000;} .level-4 .item .left .write {color:#8d8d8d; line-height: 24px; padding:15px 0;} .level-4 .item .left .relese a{color:#5c5c5c;} .level-4 .item .left .relese a:hover{color:#df322a} .level-4 .item .right{float:left; width: 370px;} .level-4 .item .right .list{width: 100%;float:left;padding-left: 20px;} .level-4 .item .right .list li{width:100%; height: 30px; line-height: 30px; float: left;} .level-4 .item .right .list li a{float:left; color:#5c5c5c;font-size: 14px;} .level-4 .item .right .list li a:hover{color:#df322a} .level-4 .item .right .list li .time{color:#999999;float: right;} .level-4 .item.second{margin: 0;float: right} /**璇︽儏**/ .detail{width:100%;padding: 25px;border: solid 1px #ececec;border-top: solid 2px #dadada;} .detail .h1{color: #333333; font-weight: bold; font-size: 24px; text-align: center;width:100%; height: 60px; line-height: 50px;} .detail .opt{position: relative;width: 100%; height: 36px;color: #9a9a9a; text-align: center;border-bottom: dashed 1px #e1e1e1;margin-bottom: 20px;} .detail .opt span{cursor: pointer;} .detail .opt span:hover{color:#df322a} .detail .opt .opt-share{position: absolute; right:0; top:-4px; width:300px; line-height: 24px;} .detail .opt .opt-share .s-title{float:left;} .detail .opt .social-share {margin-top:-8px;} .detail .info{font-size:14px; color:#676767; line-height: 34px;} /*.detail .info p{text-indent: 24px;}*/ /*瀛愯彍鍗?/ .menu{width:220px; float:left;} .menu .title{width:100%; height: 51px; line-height: 51px; background: url('../images/title-bg.png') no-repeat; color:#fff;font-size: 16px; font-weight: bold;padding-left:16px;} .menu .title span{font-size: 22px; padding-right:6px; font-style:italic} .menu ul{width:100%; border: solid 1px #e6e6e6; border-top: none;padding: 10px 0;} .menu ul li {width:100%; height: 30px; line-height: 30px;} .menu ul li a{display:block;font-size: 14px;color:#333333; padding-left;margin-left:18px; width:180px;;padding-left: 15px;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden; background: url('../images/icon-arrow.png') no-repeat left center;} .menu ul li a:hover,.menu ul li.cur a{color:#df322a} .level-ad{width:100%; float:left;margin-bottom: 20px;} /*----bigImages----*/ .bigImages{width:700px; height: 400px;float:left;margin-right:15px; overflow:hidden; position:relative; } .bigImages .hd{ height:21px; overflow:hidden; position:absolute; right:10px; bottom:10px; z-index:1; } .bigImages .hd ul{ overflow:hidden; zoom:1; float:left; } .bigImages .hd ul li{ float:left; margin-right:4px; width:21px; height:21px;color:#fff; line-height:20px; text-align:center; background:#292929; cursor:pointer; border:solid 1px #ffffff} .bigImages .hd ul li.on{ background:#d93251; color:#fff; } .bigImages .bd{ position:relative; height:100%; z-index:0; } .bigImages .bd li{ zoom:1; vertical-align:middle; } .bigImages .bd img{ width:700px; height:400px; display:block; } /*----friendLink----*/ .friendLink{width:100%;float: left;clear: both;margin: 18px 0 } .friendLink .center{background: #da2921;height: 48px; line-height: 48px; color: #fff;} .friendLink .title{ width:130px; height: 47px; float: left; background: url('../images/link-bg.png') no-repeat right center; text-align: center; font-size:16px;margin-right: 20px;} .friendLink .f-select{width:338px; float: left;} .friendLink .f-select select{width:220px; height: 24px;margin-left: 10px;color: #606060; padding-left: 5px;border-radius: 3px;border: none;} .detail ul.list li{width:100%; height:90px; line-height: 30px; float: left; border-bottom:dashed 1px #ccc; margin-bottom: 20px;} .detail ul.list li .pic{float:left; margin-right: 10px; width: 108px; height: 70px; text-align:center;} .detail ul.list li .pic a{width:100%; height: 100%;} .detail ul.list li .pic a img{max-width: 100%; max-height: 100%;} .detail ul.list li a{color:#333333;font-size: 14px;float: left;width:350px;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden; } .detail ul.list li a:hover{color:#df322a} .detail ul.list li .top{width:770px; height:30px; line-height: 30px;float: right} .detail ul.list li .top a{float:left;} .detail ul.list li .time{float: right;color: #666;} .detail ul.list li .intro{ line-height: 20px;font-family: \5B8B\4F53; color: #777} /*----footer----*/ .footer{float:left;width:100%; height: 197px; background: #313131; text-align: center;color:#616161;line-height: 36px;} .footer a{color:#616161; margin: 0 15px;} .footer a:hover{color: #da2921} .footer .f-nav{ margin-top:30px;width:100%; float:left;} /* --鍒嗛〉--- */ .page { width: 100%; overflow: hidden; text-align: center; line-height: 14px; } .page .yiz-f-pager { float: right; } .page .yiz-s-pager { width: 200px; margin: 0 auto; display: none; } .page select { padding: 5px; margin: 2px; float: left; } .page .yiz-s-pager a { float: left; } .page a, .page font { padding: 5px 10px; border: 1px solid #ccc; overflow: hidden; display: inline-block; margin: 2px; } .page font { border: 0; padding: 6px 11px; } .page font.prevpage, .page font.nextpage, .page font.curr { padding: 5px 10px; border: 1px solid #ccc; } .page font.curr,.page a:hover{ background: #dd3253; color: #fff; border: 1px solid #dd3253;}