@charset "utf-8"; body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;border:0 none;outline:0;} body{background: #E4E4E4;font-size:14px;max-width: 740px;margin: auto;} table{border-collapse:collapse;border-spacing:0} fieldset,img{border:0 none} address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal} strong{font-weight:800} ol,ul,li{list-style:none outside none} caption,th{text-align:left} h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal} a{color: #0080bd;text-decoration:none;font-size: 16px;} a:hover{text-decoration:underline;color: #2965b1!important;} /*head*/ .header{text-align: center;width: 100%;background: #fbfbfb;float: left;line-height: 48px;} .header .head_box{width: 170px;margin: 0 auto;} .header img{float: left;margin-top: 9px 0;height:50px;} .header mip-img{float: left;width: 110px;} .header span{float: left;color: #97cc51;font-size: 20px;font-weight: 700;} .header span:before{float: left;content: "";background: #97cc51;height: 4px;width: 4px;margin: 25px 8px;border-radius: 50px;} .banner{width: 100%;float: left;background: #fff;} .banner img{width: 100%} /*栏目导航*/ .nav{display:block;position:relative;float: left;width: 100%;padding: 10px 0;background: #fff;padding-top: 5px;margin-bottom: 10px;} .nav li{float:left;margin: 1.5%;text-align:center;width: 22%;} .nav li a{color: #fff;display:block;padding:3px;border-radius:4px;line-height: 30px;} .nav .col1{background: #67ccd0;} .nav .col2{background: #97cb51;} .nav .col3{background: #e6a01b;} .nav .col4{background: #f57a7c;} .nav .col5{background: #a66feb;} .nav .col6{background:#67ccd0} .nav .col7{background: #2ca6e0;} .nav .col8{background:#efcc82} .nav .col9{background: #2ca6e0;} @media screen and (min-width: 0) and (max-width:359px) {.nav li a{font-size: 14px;}} /*最新优秀作文*/ .hot_box{float: left;padding: 2%;background: #fff;margin-bottom: 10px;} .hot_box .hot_tl{float: left;font-size: 18px;color: #fb7f0a;font-weight: 700;margin-bottom: 6px;padding-left: 25px;width: 92%;background: url(../images/news.png) left 2px no-repeat;} .hot_box .right_list{float: left;width: 100%;margin-bottom: 5px;} .hot_box ul li{float: left;line-height: 38px;height: 38px;width: 100%;overflow: hidden;word-break: keep-all;text-overflow: ellipsis;white-space: nowrap;border-bottom: 1px dotted #e9e9e9;} .hot_box ul li a{font-size: 16px;float: left;color: #0086c5;} .hot_box ul li span{margin-right: 10px;color: #a5a5a5;font-size: 14px;} .hot_box ul li code{font-size: 12px;float: left;background: #2ca6e0;color: #fff;display: inline-block;width: 18px;height: 18px;line-height: 18px;margin-top: 10px;margin-right: 5px;text-align: center;} .hot_box ul li:nth-child(1) code{background: #5eb938;} .hot_box ul li:nth-child(2) code{background: #97cc51;} .hot_box ul li:nth-child(3) code{background: #e6a01b;} /*index_list*/ .index_list{width: 100%;float: left; margin-bottom: 10px;background: #fff;} /*list_title*/ .index_list .list_l{float: left;width: 100%;margin-bottom: 10px;height: 44px;border-bottom: 2px solid #dcddde;} .index_list .list_l a{float: left;color: #2ca6e0;font-size: 20px;height: 42px;line-height: 42px;padding: 0 2%;width: 96%;} .index_list .list_l a span{float: right;font-size: 14px;} .index_list .list_l a b{border-bottom: 3px solid #2ca6e0;display: inline-block;padding: 0 10px;} /*图片*/ .hot-image{float: left;width: 100%;margin-right: 15px;} .hot-image a{float: left;width: 47%;margin: 0 0% 0 2%;} .hot-image a img{width: 100%;max-height: 110px;float: left;min-height: 110px;} .hot-image a span{height: 28px;width: 100%;float: left;text-align: center;line-height: 28px;font-size: 15px;left: 3%;color: #2a2a2a;background: #fbfbfb;overflow: hidden;} /*list_left*/ .index_list .news_box{float: left;width: 96%;padding: 2%;} .index_list .news_box .new_title{float: left;width: 100%;height: 23px;line-height: 23px;font-size: 16px;color: #2ca6e0;margin-bottom: 8px;font-weight: 700;} .index_list .news_box .new_title i{float: left;width: 5px;height: 17px;background: #2ca6e0;margin-top: 3px;display: none;} .index_list .news_box .new_title span{float: left;background: #fff;} .index_list .news_box ul li{float: left;line-height: 40px;width: 100%;height: 40px;border-bottom: 1px dotted #e9e9e9;} .index_list .news_box ul li a{float: left;width: 100%;} .index_list .news_box ul li span{font-size: 14px;float: right;color: #bfbfbf;} /*回到顶部*/ .backtop{position: fixed;width: 2.5rem;height: 2.5rem;bottom: 10rem;right: 0.7rem;opacity: 0.6;background: #868686;border-radius: 1.5rem;} .backtop img{width: 100%;height: 100%;} /*页脚*/ .footer{width: 96%;background: #ffffff;float: left;text-align: center;padding: 2%;} .footer a:nth-child(1){color: #888;font-size: 16px;background: url(../images/m_logo.png) no-repeat -2px 4px;background-size: 23px;padding-left: 26px;} .footer a{color: #aeaeae;padding: 0 5px;font-size: 15px;}