/* CSS Document */ /* @media screen and (min-width:)and (max-width:){} body{font:normal 14px/22px Arial,"Microsoft YaHei"; color:#333;background-color:#e3e2e2; max-width:640px;margin:0 auto; min-height:100%} section,footer,nav,em,mark,p,span,ul,li,ol,h1,h2,h3,h4,input,textarea{margin:0;padding:0;font-weight:normal;list-style:none;font-style:normal} input,textarea,select{border:none;outline:none;} /*---------------------------------------segmentation------------------------------------------*/ @media all and (min-width: 721px) { html { font-size:62.5% } } @media all and (max-width: 720px) { html { font-size:62.5% } } @media all and (max-width: 604px) { html { font-size:52.432% } } @media all and (max-width: 600px) { html { font-size:52.083% } } @media all and (max-width: 540px) { html { font-size:46.88% } } @media all and (max-width: 534px) { html { font-size:46.36% } } @media all and (max-width: 480px) { html { font-size:41.66% } } @media all and (max-width: 424px) { html { font-size:36.8% } } @media all and (max-width: 400px) { html { font-size:34.72% } } @media all and (max-width: 384px) { html { font-size:33.33% } } @media all and (max-width: 360px) { html { font-size:31.25% } } @media all and (max-width: 320px) { html { font-size:27.77% } } *{ margin:0px; padding:0px; } html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(35, 167, 217, 0.5); } body { font-family: roboto, "\65B9\6B63\5170\4EAD\7EA4\9ED1\7B80\4F53", "\5FAE\8F6F\96C5\9ED1", "Helvetica Neue", Helvetica, Arial, sans-serif; word-wrap: break-word; background-color: #fff; font-size: 3.2em; /*max-width: 720px;*/ color: #333333; } div,img,ul,ol,li,dl,dt,dd,p{ border:none; padding:0; margin:0;} li{list-style-type:none;} h1,h2,h3,h4,h5{font-size:14px;font-weight:normal;} em,i{ font-style:normal;} .clear{ clear:both;} .fl{float:left;} .fr{float:right;} .clearflx:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } *html .clearflx { zoom: 1; } /* IE6 */ *:first-child+html .clearflx { zoom: 1; } /* IE7 */ input[type="text"],input[type="button"] { -webkit-appearance:none; -webkit-border-radius:0; border-radius:0;} /*text-align*/ .l-txt{text-align:left} .c-txt{text-align:center} .r-txt{text-align:right} /*position*/ .rel{position:relative} .abs{position:absolute} .fix{position:fixed} .hide{display:none} .block{ display:block;} /*vertical-align*/ .veralign-mid{ vertical-align:middle;} /*img*/ img{border:none;vertical-align:bottom} /*link-color*/ a:link,a:visited,a:active {color:#333; text-decoration:none; -webkit-tap-highlight-color:transparent;} a:hover {} /*line-height*/ .h15{ line-height:15px;} .h18{ line-height:18px;} .h20{ line-height:20px;} .h21{ line-height:21px;} .h22{ line-height:22px;} .h23{ line-height:23px;} .h24{ line-height:24px;} .h25{ line-height:25px;} .h26{ line-height:26px;} .h27{ line-height:27px;} .h28{ line-height:28px;} .h30{ line-height:30px;} /*font-size*/ .tb{ font-weight:bold} .t12{ font-size:12px;} .t14{ font-size:14px;} .t16{ font-size:16px;} .t18{ font-size:18px;} .t20{ font-size:20px;} .padNo{ padding:0 !important;} /*margin*/ .mar-T2{ margin-top:2px;} .mar-T3{ margin-top:3px;} /*--zoom/z-index--*/ .zoom{zoom:1;} .z-index{ z-index:100;} /*--radius--*/ .radius3{ border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px; } .radius5{ border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px; } /*---------------------------------------segmentation------------------------------------------*/ .wrap{width:100%} .list li{ font-size:1em; line-height:2.8em; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; padding-left:1em; border-bottom: 1px dashed #e5e5e5;} .list li:nth-child(even){ background: #f6f6f6;} .list li a:hover{ color:#0080b5;} .list li span{ float:right; color:#999;} .list li a span{ width:0; height:0; overflow:hidden; float:left; margin:13px 7px 0 5px; border-width:2px; line-height:28px; border-color:transparent transparent transparent red; border-style:dashed dashed dashed solid; } .more{ padding-right:10px; float:right; font-size:12px; font-family:" 宋体";} .more:link,.more:visited{ color:#999;} .borSB1{ border-bottom:1px solid #CCC;} .borDB1{ border-bottom:1px dashed #CCC;} .borDR1{ border-right:1px dashed #CCC;} .borDL1{ border-left:1px dashed #CCC;} /*color*/ .co-white{ color:#FFF} .co-black{ color:#000} .co-gray{ color:#9b9b9b} .co-green{ color:#29b409} .co-blue{ color:#3b9df1} .co-orange{ color:#e55100} .co-red{ color:#ed3403} /*a-color*/ .a-red:link,.a-red:visited{ color:#C00;}/*--红--*/ .a-blue:link,.a-blue:visited{ color:#03F;}/*--蓝--*/ .a-white:link,.a-white:visited{ color:#fff;}/*--白--*/ .a-orange:link,.a-orange:visited{ color:orange}/*--橙--*/ .a-gran:link,.a-gran:visited{ color:#e5e5e5;}/*--灰--*/ .a-green:link,.a-green:visited{ color:green}/*--绿--*/ .a-dive:link,.a-dive:visited{ color:#FF3;}/*--黄--*/ .a-teal:link,.a-teal:visited{ color:#88eee2;}/*--青--*/ /*--------top/footer---------*/ .bg{ background: url(20171128fjst_bg.png) no-repeat fixed; background-size: cover; width: 100%; height: 100%;} .top{ height: 4em; background:#1b8bea; padding: 0.8em;} .top span{ width: 50%; display: block;} .top em a{ color:#fff !important; font-size: 2.2em; line-height: 1.1em;} .top em a:link,.a:visited{ color:#fff !important;} .gg_box{ margin-bottom: 0.5em;} .gg_box span{padding:0 0.5em; height: 2em; line-height: 2em; display: inline-block; border: 1px solid #fff;border-radius:5px !important; -moz-border-radius:5px !important; -ms-border-radius:5px !important; -o-border-radius:5px !important; -webkit-border-radius:5px !important; color:#fff; font-size: 0.8em; float: left; } .gg_box em{ font-size: 0.8em; margin-left: 2%; height: 2em;display:inline-block; overflow: hidden; line-height: 2em; float: left; width: 65%;} .gg_box em a{color:#fff;} .seach{ height:5.5em; padding: 1em 1em; border-bottom: 1px solid #6dbfff;} .seach_box{ height: 3.5em; background: rgba(27,139,234,0.5); display: block; padding: 0.8em;} .seach_inp{ width: 78%; background: #fff; height: 1.9em; line-height: 1.9em; border: none;border-radius:5px !important; -moz-border-radius:5px !important; -ms-border-radius:5px !important; -o-border-radius:5px !important; -webkit-border-radius:5px !important; padding-left: 0.5em; font-size: 1em;vertical-align: middle;} .seach_btn{ width: 20%; border: none; background: #0089f3; color:#fff; display: block; height: 1.9em; vertical-align: middle;border-radius:5px !important; -moz-border-radius:5px !important; -ms-border-radius:5px !important; -o-border-radius:5px !important; -webkit-border-radius:5px !important; font-size: 1em; } .footer{ height: 3em; border-top:2px solid #1d71b8; position: fixed; bottom: 0; width: 100%; background: #1b8bea;} .footer p{ line-height: 3em; color:#fff; padding-left: 1em;} .footer span{ padding: 0.5em;} .footer span a{ padding:0.2em 0.5em; display: block; background: #1d71b8; color:#fff;border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px;}