* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
body{margin: 0;font-family: "Helvetica Neue","microsoft yahei",Helvetica,Arial,sans-serif;font-size: 16px;color: #333;}
input,textarea,select{font-family:"Microsoft YaHei",Arial, Helvetica, sans-serif;background: #FFF;outline:none;padding:0;border-radius: 0;font-size: 16px;}
h1,h2,h3,h4,h5,h6,i,em{margin: 0;padding: 0;font-weight:normal;font-style: normal;font-size: 100%;}
table{border-collapse:collapse;}
img{border:none;max-width: 100%;}
dl,dd,dt,p{padding: 0;margin: 0;}
a,a:link {text-decoration: none;color:#333;}
ul, li {padding: 0;margin: 0;list-style-type:none;}
.fl {float: left;}
.fr{float: right;}
.clear {clear:both;font-size:0px;line-height:0px;height:0px;zoom:0; display:block;}
.clearfix:before, .clearfix:after {display: table;content: " ";}
.clearfix:after {clear: both;}
.clearfix {*zoom: 1; }
.mtop10{margin-top: 10px;}
.mtop20{margin-top: 20px;}
.mbot20{margin-bottom: 20px;}
.blank10 {margin: 0 auto; width: 100%; height: 10px; font-size: 1px; clear: both;}
.blank15 {margin: 0 auto; width: 100%; height: 15px; font-size: 1px; clear: both;}
.blank20  {margin: 0 auto; width: 100%; height: 20px; font-size: 1px; clear: both;}
.list-hd-warp{ width:100%; max-width:1200px; margin:0 auto;background:#fff;padding: 10px;}
.list-hd-header{padding:20px; height:224px; background:url(../images/list-hd-header.jpg) center top no-repeat;}
.xx-text-left{ width:60%; float:left; color:#fff; line-height:26px; font-size:14px;}
.xx-text-left h2{ font:normal 26px/180% "microsoft yahei"; color:#fff;}
.hd-ul01{ float:right; margin-top:50px;}
.hd-ul01 li{ float:left; width:110px; text-align:center; line-height:36px;}
.hd-ul01 li i{width:80px; height:80px; margin:0 auto; display:block; background:#1fa7ff; font-size:36px; line-height:80px; color:#fff; text-align:center; border-radius:50%;}
.hd-ul01 li a{ color:#fff;}
.mailtitel { border-bottom:1px solid #d1d6dc; height:45px;margin:auto}
.mailtitel ul.a1 { width:35%; float:left }
.mailtitel ul.a2 {  float:right;width:55%;}
.mailtitel ul.a1 li a { line-height:40px; height:40px; padding:0px 10px 10px 10px;font-size:18px;font-weight:bold; color:#333}
.mailtitel ul.a1 li a:hover { color:#0169b0;  height:100%}
.mailtitel ul.a1 li a.active {color:#0169b0; font-weight:bold;  }
.xj-opa-sea{ font-size: 14px; }
.xj-opa-sea .text{ height: 36px;width: 70%;border: 1px solid #d2d2d2;float: left;text-indent: 10px;border-radius: 4px;}
input.text::-webkit-input-placeholder{ color:#999;}
.xj-opa-sea .sel{ float: left;width: 85px;border: 1px solid #d2d2d2;color:#999;margin-left: 12px;text-indent: 6px;border-radius: 4px;padding: 6px 0;}
.xj-opa-sea .btn{ background: #005ea5 ;border: none;padding:0;margin-left: 7px;float: left;width: 58px;height: 36px;border-radius: 4px;cursor: pointer;text-align:center; color:#FFF}
.mailcontent { width:100%; margin:auto; margin-top:20px}
table.mailcontent th { background:#ebebeb; line-height:24px; padding:4px 0; text-align:center}
table.mailcontent td { border-bottom:1px solid #ebebeb; line-height:24px; padding:4px 0;  text-align:center; color:#888;  font-size:14px;}
table.mailcontent tr:hover { background:#f7f7f7}
table.mailcontent td.d1 { padding:0 10px;text-align:left; color:#333; font-size:16px; background:url(../images/dian.png) 2px center no-repeat;}
table.mailcontent td.d1 a:hover {}
.hd-page{ text-align:center; height:60px;  line-height:60px}
.hd-page a{ color:#222;}
.hd-page .page-input{ border:1px solid #eee;}
.ld-title { display:block; overflow:hidden; border-bottom:1px solid #eee;}
.ld-title li a { display:block; line-height:40px; height:40px; width:120px;font-size:16px;font-weight:bold; text-align:center;}
.ld-title li a:hover { color:#fff;  height:100%}
.ld-title li a.active {color:#fff; float:left; font-weight:bold; background:#1d84bf; border-radius:4px 4px 0 0;}
.ld-title li a.more { width:80px; font-size:14px; font-weight:normal; float:right; color:#000; text-align:right;}
.data-title{height: 39px;border-bottom: 1px solid #cccccc; margin-top:15px;}
.data-title li{display:block;float: left;line-height: 37px;font-size: 16px;color: #666;cursor: pointer;text-align: center;}
.data-title li a{ display:block; padding:0px 10px; margin-left:5px;}
.data-title li.on{display:block;border-left: 1px solid #ccc;border-right: 1px solid #ccc;border-top: 1px solid #ccc;border-bottom:1px solid #ededed;background: #ededed;color: #0066cc;}
.data-title li.on a{color: #0066cc;}
.date-ph-box { border:20px solid  #eeeeee;overflow:hidden}
.date-ph-box ul { width:500px; float:left; margin-left:50px;margin-top:20px; }
.date-ph-box ul li{ height: 41px;border-bottom: 1px dashed #cccccc;line-height: 42px;color: #666; clear:both;}
.date-ph-box ul li i{width: 20px;height: 20px;background: #808080;margin: 11px 12px;float: left;line-height: 20px;text-align: center;color: #fff;font-size: 12px;}
.date-ph-box ul li span{float: right;color: #888;}
.date-ph-box ul li i.i1{background: #ef8200;}
.date-ph-box ul li i.i2{background: #f6ab00;}
.date-ph-box ul li i.i3{background: #fee100;}

.public-tit {height:30px;margin:5px 0 20px;border-bottom: 1px solid #E8E8E8;background: #fff;}
.public-tit h4 {font-size: 18px;color: #555;padding:0px;background: #fff;line-height: 24px;font-weight: normal;}
.public-tit h4 i{font-size:22px;color: #3084C3;padding: 0 10px;}
.public-con .letters-public {border-collapse: collapse;border: 1px solid #E8E8E8;width: 100%;}
.public-con .letters-public td {border-collapse: collapse;border: 1px solid #E8E8E8;padding: 18px 0;line-height: 34px;font-size: 16px;vertical-align: top;}
.public-con .letters-public .tit {background: #F7F7F7;width:15%;text-align: center;}
.public-con .letters-public .info {width:79%;padding-left:3%;padding-right:3%;}
.info{ margin:0px auto;line-height:30px;  color:#555;}
.info a{color:#000;}
.info i{ color:#555; margin-right:10px; font-size:18px;}

.letter-pj {position: relative;  overflow: visible; width: 100%; background:#f7f7f7;}
.letter-pj-tit{ padding:10px 20px; border-bottom:1px solid #eee; line-height:38px;}
.letter-pj-box{ padding:20px 20px;}
.nrhf{ padding-right:50px; float:left;}
.nrhf{zoom:1;}
.nrhf:after{content:""; display:block;clear:both;}
.nrhf h3{ float:left; color:#555555; font-size:15px; line-height:20px;}
.nrhf p{ float:left;}
.xx a{ float:left; width:16px; height:16px; cursor:pointer; margin-right:5px; background:url(../images/xingxing.png) no-repeat left -16px;transition: all 0.2s ease 0s;}
.xx a:hover{transition: all 0.2s ease 0s;}
.xx .on{ background-position:left 0;}
.nrhf span{ color:#888888; font-size:15px; float:left; line-height:20px; width:120px;}
.mydasb { float:right;color:#fff;background:#f00;border-radius: 5px;border: 0px;padding: 5px 10px;cursor: pointer;}
.myzh{ position:absolute; z-index:1; left:50%; margin-left: -300px; bottom:50px; border:#e9e9e9 1px solid; width:600px; height: auto; background:#fff; display:none;}
.myzh .title{ height:38px; border-top:#e9e9e9 1px solid; background: url(../images/bj2.jpg);}
.myzh .title h2{ font-size:16px; line-height:38px; font-weight:700;float:left; padding-left:37px;margin-left: 235px;}
.myzh .title a{ float:right; width:21px; height:21px; margin-right:10px; margin-top:8px; background:url(../images/gb.jpg) no-repeat;cursor:pointer;}
.myzh-c{ background:#ffffff;clear:both;}
.myzh-c{zoom:1;}
.myzh-c:after{content:""; display:block;clear:both;}
.myzh-c ul{ float:left; width:255px; margin-left:35px;}
.myzh-c li{ color:#333333; font-size:15px; line-height:50px; height:50px; border-bottom:#f1f1f1 1px solid;}
.myzh-c li h3{ float:left; width:87px; font-size:14px;}
.myzh-c li span{ float:right; width:35px; text-align:center;}
.myzh-c li p{ float:left; width:110px; margin-top:15px;}
.myzh-c .n1{font-size:14px; font-weight:700; color:#555555;}
.myzh-c .n1 span{  float:none;}

/*数据排行*/
.ph-title{ padding-left:20px;height: 45px;background: #227fc4;line-height: 45px;overflow: hidden;font-weight: bold;color: #fff;}
.data-sjph{ border:1px solid #eee;}
.data-sjph-box{ padding:10px 20px;}
.data-sjph-title li{ line-height:40px;float: left;border-left:1px solid #e0e0e0;width: 33.3333%;background: #eaeaea ;text-align: center;color: #333;cursor: pointer;}
.data-sjph-title li.on{background-color: #fff; }
.data-sjph-title li:first-child{ border-left:none;}
.data-sjph-title li:last-child{ border-right:none;}
.data-sjph-box li{ height: 45px;border-bottom: 1px dashed #cccccc;line-height: 46px;color: #666; clear:both;}
.data-sjph-box li i{width: 20px;height: 20px;background: #808080;margin:14px 12px 14px 0px;float: left;line-height: 20px;text-align: center;color: #fff;font-size: 12px;}
.data-sjph-box li span{float: right;color: #227fc4;}
.data-sjph-box li i.i1{background: #ef8200;}
.data-sjph-box li i.i2{background: #f6ab00;}
.data-sjph-box li i.i3{background: #fee100;}
.data-sjph-box li:last-child{ border-bottom:none;}

@media(max-width:374px){
.list-hd-header{padding:10px; height:180px; background:url(../images/list-hd-header.jpg) center top no-repeat;}
.hd-ul01{ width:100%; margin-top:30px;}
.hd-ul01 li{ float:left; width:33%; text-align:center; line-height:30px;}
.xx-text-left{ height:0; width:0px; overflow:hidden;}
.mailtitel ul.a2{ width:100%;}
.xj-opa-sea .text {width:52%;}
.xj-opa-sea .btn{ margin-left:5px;float: left;width:45px;height: 36px; font-size:14px;}
.mailtitel{ height:auto;}
.date-ph-box ul { width:95%; float:left; margin-left:2%;margin-top:0px; } 
.date-ph-box ul li{ font-size:14px;}
.mail-h{ font-size:14px;}
table.mailcontent td.d1 { padding:0 10px; text-align:left; color:#333; font-size:14px}
table.mailcontent th {font-size:14px; line-height:22px;}
table.mailcontent th:nth-child(2){width:0px; overflow:hidden; font-size:0px; line-height:0px;}
table.mailcontent td:nth-child(2){width:0px; overflow:hidden; font-size:0px; line-height:0px;}
table.mailcontent th:nth-child(3){width:0px; overflow:hidden; font-size:0px; line-height:0px;}
table.mailcontent td:nth-child(3){width:0px; overflow:hidden; font-size:0px; line-height:0px;}
table.mailcontent td:last-child{white-space: nowrap;text-overflow: ellipsis;}
.public-con .letters-public .tit {background: #F7F7F7;width:25%;text-align: center;}
.public-con .letters-public .info {width:69%;padding-left:3%;padding-right:3%;}
.public-con .letters-public td {border-collapse: collapse;border: 1px solid #E8E8E8;padding: 18px 0;line-height:26px;font-size: 14px;vertical-align: top;}
.myzh{ position:absolute; z-index:1; left:50%; margin-left: -150px; bottom:50px; border:#e9e9e9 1px solid;  width:300px; height: auto; background:#fff; display:none;}
.myzh .title h2{ font-size:16px; line-height:38px; font-weight:700;float:left; padding-left:37px;margin-left:0px;}
.myzh-c li{ font-size:14px; line-height:35px; height:35px;}
.myzh-c li p { margin-top:8px;}
.nrhf{ padding-right:0px; float:left;}
.letter-pj{ font-size:14px;}

}




@media (min-width: 375px) {
.list-hd-header{padding:10px; height:180px; background:url(../images/list-hd-header.jpg) center top no-repeat;}
.hd-ul01{ width:100%; margin-top:30px;}
.hd-ul01 li{ float:left; width:33%; text-align:center; line-height:30px;}
.hd-ul01 li i{ width:70px; height:70px; font-size:32px; line-height:70px;}
.xx-text-left{ height:0; width:0px; overflow:hidden;}
.mailtitel ul.a2{ width:100%;}
.xj-opa-sea .text {width:55%;}
.mailtitel{ height:auto;}
.date-ph-box ul { width:95%; float:left; margin-left:2%;margin-top:0px; }
.mail-h{ font-size:14px;}
table.mailcontent th {font-size:14px; line-height:22px;}
table.mailcontent td.d1 { padding:0 10px; text-align:left; color:#333; font-size:14px}
table.mailcontent th:nth-child(2){width:0px; overflow:hidden; font-size:0px; line-height:0px;}
table.mailcontent td:nth-child(2){width:0px; overflow:hidden; font-size:0px; line-height:0px;}
table.mailcontent th:nth-child(3){width:0px; overflow:hidden; font-size:0px; line-height:0px;}
table.mailcontent td:nth-child(3){width:0px; overflow:hidden; font-size:0px; line-height:0px;}
table.mailcontent td:last-child{white-space: nowrap;text-overflow: ellipsis;}
.public-con .letters-public .tit {background: #F7F7F7;width:25%;text-align: center;}
.public-con .letters-public .info {width:69%;padding-left:3%;padding-right:3%;}
.public-con .letters-public td {border-collapse: collapse;border: 1px solid #E8E8E8;padding: 18px 0;line-height:26px;font-size: 14px;vertical-align: top;}
.date-ph-box ul li{ font-size:14px;}
.myzh{ position:absolute; z-index:1; left:50%; margin-left: -150px; bottom:50px; border:#e9e9e9 1px solid;  width:300px; height: auto; background:#fff; display:none;}
.myzh .title h2{ font-size:16px; line-height:38px; font-weight:700;float:left; padding-left:37px;margin-left:0px;}
.myzh-c li{ font-size:14px; line-height:35px; height:35px;}
.myzh-c li p { margin-top:8px;}
.nrhf{ padding-right:0px; float:left;}
.letter-pj{ font-size:14px;}
}
@media (min-width: 576px) {
.xx-text-left{ width:100%; }
.mail-h{ font-size:14px;}
.public-con .letters-public .tit {background: #F7F7F7;width:25%;text-align: center;}
.public-con .letters-public .info {width:69%;padding-left:3%;padding-right:3%;}
.public-con .letters-public td {border-collapse: collapse;border: 1px solid #E8E8E8;padding: 18px 0;line-height:26px;font-size: 14px;vertical-align: top;}
.date-ph-box ul li{ font-size:14px;}
}

@media (min-width: 768px) {
.list-hd-header{padding:20px; height:224px; background:url(../images/list-hd-header.jpg) center top no-repeat;}
.xx-text-left{ height:auto; width:59%; line-height:23px;}
.mailtitel{ height:45px;}
.hd-ul01{ width:40%; margin-top:50px; float:right;}
.mailtitel ul.a2 {  float:right;width:55%;}
.hd-ul01 li{ float:left; width:33%; text-align:center; line-height:26px;}
.hd-ul01 li i{width:70px; height:70px;font-size:36px; line-height:70px;}
.date-ph-box ul { width:45%; float:left; margin-left:3%;margin-top:20px; }
.mail-h{ font-size:14px;}
table.mailcontent td.d1 { padding:0 10px; text-align:left; color:#333; font-size:14px}
table.mailcontent th:nth-child(2){width:12%; overflo:auto; font-size:14px; line-height:24px;}
table.mailcontent td:nth-child(2){width:12%; overflow:auto; font-size:14px; line-height:24px;}
table.mailcontent th:nth-child(3){width:16%; overflo:auto; font-size:14px; line-height:24px;}
table.mailcontent td:nth-child(3){width:16%; overflow:auto; font-size:14px; line-height:24px;}
.public-con .letters-public td {border-collapse: collapse;border: 1px solid #E8E8E8;padding: 18px 0;line-height:26px;font-size: 14px;vertical-align: top;}
.myzh{ position:absolute; z-index:1; left:50%; margin-left: -300px; bottom:50px; border:#e9e9e9 1px solid;  width:600px; height:310px; background:#fff; display:none;}
.myzh-c li{ color:#333333; font-size:15px; line-height:50px; height:50px; border-bottom:#f1f1f1 1px solid;}
.myzh-c li p{ float:left; width:110px; margin-top:15px;}
.xj-opa-sea .text{width: 60%;}
}
@media (min-width: 992px) {
table.mailcontent th:nth-child(2){width:12%; overflo:auto; font-size:14px; line-height:24px;}
table.mailcontent td:nth-child(2){width:12%; overflow:auto; font-size:14px; line-height:24px;}
table.mailcontent th:nth-child(3){width:16%; overflo:auto; font-size:14px; line-height:24px;}
table.mailcontent td:nth-child(3){width:16%; overflow:auto; font-size:14px; line-height:24px;}
.xj-opa-sea .text{width: 70%;}
}

@media (max-width: 992px) {
.hidden{ overflow:hidden; height:0px; line-height:0px;}
}
@media (min-width: 1200px) {
.xj-opa-sea .text{width: 75%;}
}