.mans { padding: 40px 0; } .toutiao { border: 1px #d7d7d7 solid; border-top: 3px #ed4040 solid; box-shadow: 0 4px 5px #efeded; padding: 15px; } .toutiao img { float: left; margin-right: 15px; width: 97px; height: 65px; } .toutiao .pull-left a { width: 1056px; line-height: 65px; height: 65px; display: block; overflow: hidden; font-size: 36px; font-weight: bold; color: #000; text-align: center; } .rows { margin: 20px 0; background: #ecf0f1; padding: 15px; } .rows .banner { width: 420px; height: 300px; float: left; background: #ccc; overflow: hidden; position: relative; } .banner .hd { height: 15px; overflow: hidden; position: absolute; right: 5px; bottom: 5px; z-index: 1; } .banner .hd ul { overflow: hidden; zoom: 1; float: left; } .banner .hd ul li { float: left; margin-right: 2px; width: 15px; height: 15px; line-height: 14px; text-align: center; background: #fff; cursor: pointer; } .banner .hd ul li.on { background: #f00; color: #fff; } .banner .bd { position: relative; height: 100%; z-index: 0; } .banner .bd li { zoom: 1; vertical-align: middle; } .banner .bd img { width: 420px; height: 300px; display: block; } .rows .banner-text { margin-left: 30px; width: 345px; height: 300px; float: left; } .titles { height: 38px; line-height: 38px; border-bottom: 2px solid #999999; position: relative; } .titles span { left: 0; position: absolute; height: 38px; border-bottom: 2px solid #2563a4; font-size: 18px; z-index: 9; } .titles a { position: absolute; right: 0; height: 38px; color: #2563a4; } .rows .banner-text ul { height: 260px; overflow: hidden; } .rows .banner-text ul li a { display: block; height: 36px; line-height: 36px; border-bottom: 1px dotted #987cb9; position: relative; font-size: 14px; color: #333; } .rows .banner-text ul li a span:first-child { width: 240px; height: 36px; position: absolute; left: 0; overflow: hidden; } .rows .banner-text ul li a span:last-child { position: absolute; right: 0; } .rows .banner-text ul li a:hover { background: #ddd; color: #2563a4; } .xx-tishi { border: 1px solid #f49a43; } .xx-tishi .xx-tishi-tit { background: #f49a43; padding: 15px; } .xx-tishi .xx-tishi-tit a { color: #fff; font-size: 18px; font-weight: bold; } .xx-tishi .xx-tishi-tit a:hover { color: #2563a4; } .xx-tishi .xx-tishi-text { width: 1040px; height: 56px; line-height: 56px; overflow: hidden; font-size: 18px; } .xx-tishi .xx-tishi-text a { color: #000; } .panel { margin-top: 20px; } .panel li { width: 136px; height: 70px; overflow: hidden; margin-left: 15px; float: left; display: inline-block; } .panel li:first-child, .panel li:last-child { margin-left: 0; } .panel li a, .panel li a img { display: block; width: 136px; height: 70px; transition: all 0.6s; } .panel li a img:hover { transform: scale(1.4); } .rows-man { margin-top: 20px; } .rows-man .man-text { float: left; margin-left: 20px; width: 356px; background: #ecf0f1; padding: 0 15px 15px; } .rows-man .man-text:first-child { margin-left: 0; } .rows-man .man-text ul { height: 190px; overflow: hidden; } .rows-man .man-text ul li a { height: 37px; border-bottom: 1px dotted #987cb9; display: block; position: relative; line-height: 36px; color: #333; } .rows-man .man-text ul li a:hover { color: #2563a4; background: #ddd; } .rows-man .man-text ul li a span:first-child { position: absolute; width: 260px; height: 36px; overflow: hidden; left: 0; top: 0; } .rows-man .man-text ul li a span:last-child { position: absolute; height: 36px; right: 0; top: 0; } .links { margin-top: 20px; } .links li { float: left; margin-left: 15px; border: 1px solid #eee; padding: 5px; } .links li:first-child { margin-left: 0; } .links li a { width: 216px; display: block; overflow: hidden; } .links li a img { width: 216px; transition: all 0.6s; } .links li a img:hover { transform: scale(1.4); } .set { border: 1px solid #f1f1f1; padding: 15px; background: #ecf0f1; } .set span { margin-right: 10px; } .list { margin-top: 20px; border: 1px solid #f1f1f1; padding: 5px 15px 15px; } .list li { border-bottom: 1px dotted #987cb9; padding: 10px 0; } .list li .date { text-align: center; background: #ecf0f1; padding: 15px; height: 48px; width: 50px; } .list li .date p:first-child { font-size: 30px; font-weight: bold; } .list li .tit { width: 1060px; padding: 0 10px; } .list li:hover .tit { background: #ecf0f1; } .list li .tit h2 { margin: 0; height: 30px; line-height: 30px; overflow: hidden; } .list li .tit h2 a { color: #333; } .list li .tit h2 a:hover { color: #2563a4; } .list li .tit p { color: #999; height: 48px; line-height: 24px; overflow: hidden; } .new-list { margin-top: 20px; } .new-list .pull-left { width: 190px; } .new-list .pull-left li { margin-bottom: 15px; } .new-list .pull-left li a { display: block; height: 40px; line-height: 40px; background: #2563a4; color: #fff; font-size: 16px; padding: 5px 15px; } .new-list .pull-left li a:hover { background: #104780; color: #f2ea66; } .new-list .pull-right { padding: 15px; border: 1px solid #2563a4; width: 950px; min-height: 800px; line-height: 200%; font-size: 16px; } .new-list .pull-right p { text-indent: 32px; color: #333; margin: 5px 0; font-family: '宋体'; } .email-list { margin-top: 20px; position: relative; padding-bottom: 20px; } .email-list .email-list-lf { width: 360px; border: 1px dotted #2563a4; border-radius: 6px; padding: 20px 15px 15px; background: #f5f5dc; position: relative; margin-top: 20px; } .email-list .email-list-lf span { position: absolute; z-index: 9; background: #f5f5dc; display: block; width: 180px; top: -20px; left: 50%; border: 1px dotted #2563a4; text-align: center; margin-left: -90px; height: 30px; line-height: 30px; font-size: 18px; font-weight: bold; } .email-list .email-list-lf p { line-height: 200%; font-size: 16px; } .email-list .email-list-rt { width: 760px; } .email-list .email-list-rt .dm-search { float: right; padding: 15px 0; } .search-xc { position: absolute; top: 6px; right: 0; } .search-xc input { padding: 0 5px; border: 1px solid #2563a4; height: 24px; width: 168px; position: absolute; right: 47px; top: 0; border-radius: 3px 0 0 3px; } .search-xc button { height: 26px; right: 0; top: 0; width: 47px; z-index: 99; background: #2563a4; color: #fff; border: 0; position: absolute; border-radius: 0 3px 3px 0; } .dm-search-text { width: 760px; margin-top: 20px; border-top: 1px solid #eee; } .tabs { height: 560px; overflow: auto; } .dm-search-text .gds { display: grid; grid-template-columns: auto 12% 9% 9% 12% 12% 10% 8% ; border-right: 1px solid #eee; } .dm-search-text .gds div { border-left: 1px solid #eee; border-bottom: 1px solid #eee; padding: 5px 5px; text-align: center; } .dm-search-text .gds div:first-child { text-align: left; } .bgs { background: #f5f5dc; font-weight: bold; font-size: 14px; } .dm-search-text .gds div a { color: #2563a4; } .dm-search-text .gds:hover { background: #ecf0f1; } .btns { position: absolute; left: 150px; bottom: 0; width: 120px; text-align: center; height: 40px; line-height: 40px; background: #2563a4; color: #fff; border-radius: 3px; } .btns:hover { color: #f2ea66; } .myd-bxt { border: 1px solid #eee; margin-bottom: 20px; } .myd-bxt .myd-bxt-tit { background: #ecf0f1; padding: 15px; } .myd-bxt .myd-bxt-tit span { color: red; } .myd-bxt-btn { padding: 15px 0; } .myd-bxt-btn p { margin-bottom: 10px; } .myd-bxt-btn span { padding: 10px; border: 1px solid #eee; border-radius: 6px; cursor: pointer; margin-right: 5px; } .pjs { margin-top: 20px; border-top: 1px solid #eee; } .grids { display: grid; grid-template-columns: auto 20% 20% 20%; text-align: center; border-right: 1px solid #eee; } .grids div { border-left: 1px solid #eee; border-bottom: 1px solid #eee; line-height: 40px; } .padding-20 { padding: 20px; } .other { margin-top: 20px; } .other label { display: block; margin-bottom: 10px; } .other textarea { height: 100px; width: 1084px; padding: 15px; resize: none; border: 1px solid #eee; border-radius: 3px; } .sm { background: #ecf0f1; border: 1px solid #ddd; padding: 15px; } .form-btn { text-align: center; padding: 20px 0 0; } .form-btn button { width: 70px; height: 40px; margin-right: 10px; padding: 5px 15px; border-radius: 6px; border: 0; cursor: pointer; } .form-btn button:first-child { background: #2563a4; color: #fff; } .bs { background: #2563a4; color: #fff; } .posts { display: grid; grid-template-columns: 25% 25% 25% 25%; margin-top: 20px; text-align: center; border: 1px solid #eee; } .posts div { padding: 15px 0; border-right: 1px solid #eee; line-height: 32px; } .posts div:last-child { border-right: 0; } .posts .tx input { width: 180px; height: 30px; padding: 0 5px; border: 1px solid #2563a4; border-radius: 3px; } .newdiv { padding: 15px 0; } .zjhlx { display: grid; grid-template-columns: 40% 60%; border: 1px solid #eee; } .zjhlx div { border-right: 1px solid #eee; padding: 15px; } .zjhlx div:last-child { border-right: 0; } .zjhlx div input { width: 70%; height: 32px; border: 1px solid #2563a4; padding: 0 5px; border-radius: 3px; } .emailpost label { margin-right: 10px; } .emailpost .other { margin-top: 0; } .btss { padding: 15px 0; } .btss input { width: 80%; height: 32px; border: 1px solid #2563a4; padding: 0 5px; border-radius: 3px; } .emailpost .sm { margin-top: 20px; } .emailpost .sm span { color: red; } .em-grid { display: grid; grid-template-columns: auto 12% 12% 8% 15% 25%; border: 1px solid #eee; text-align: center; } .em-grid div { border-right: 1px solid #eee; padding: 10px 0; } .em-grid div:last-child { border-right: 0; } .em-grid2 { display: grid; grid-template-columns: auto 19.9% 12% 15.1% 25%; text-align: center; border-left: 1px solid #eee; border-bottom: 1px solid #eee; } .em-grid2 div { border-right: 1px solid #eee; padding: 10px 0; } .cars { color: #2563a4; background: #f8f8f8; } .cars span { color: #666; } .xjnr { line-height: 200%; padding: 15px; background: #f8f8f8; border: 1px solid #eee; } /*qmyfzq*/ .lists { margin-top: 20px; border: 1px solid #f1f1f1; padding: 5px 15px 15px; } .lists li { border-bottom: 1px dotted #987cb9; padding: 10px 0; } .lists li a { display: block; position: relative; font-size: 14px; height: 30px; line-height: 30px; color: #000000; } .lists li a span:first-child { color: red; margin-right: 5px; position: absolute; top: 0; left: 0; height: 30px; } .lists li a span:nth-child(2) { display: block; width: 960px; overflow: hidden; position: absolute; left: 18px; top: 0; height: 30px; } .lists li a span:last-child { position: absolute; right: 0; top: 0; height: 30px; } .postss { display: grid; grid-template-columns: 25% 25% auto; margin-top: 20px; text-align: center; border: 1px solid #eee; } .postss div { padding: 15px 0; border-right: 1px solid #eee; line-height: 32px; } .postss div:last-child { border-right: 0; } .postss .tx input { width: 230px; height: 30px; padding: 0 5px; border: 1px solid #2563a4; border-radius: 3px; } .postss .txs input { width: 510px; height: 30px; padding: 0 5px; border: 1px solid #2563a4; border-radius: 3px; }