.hide {display: none;}
.show {display: block;}
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix {display:block;}
.clear{clear:both; height:0px; line-height:0; margin:0; padding:0; _height:0px;} /* ¼æÈÝIE6 */


.PD20 {  padding:0 20px;}


.W107 {width:107px!important }
.W227 { width:227px }
.W583 { width:583px!important }
.H5 { height:5px; }
.H10 { height:10px; }
.H15 { height:15px; }
.H20 { height:20px; }
.H23 { height:23px; }
.H25 { height:25px; }
.H30 { height:30px; }
.H40 { height:40px; }
.H178 { height:178px!important; }
.H380 { height:380px; }

.red { color: red;  }
.color1 { color: #0f4b8f; }
.color2 { color: #1c62b0; }

.font14 { font-size:14px; }
.font16 { font-size:16px; }
.font18 { font-size:18px; }
.font20 { font-size:20px; }
.font22 { font-size:22px; }
.font24 { font-size:24px; }
.font26 { font-size:26px; }
.font28 { font-size:28px; }
.font44 { font-size:44px; }

.word-wrap{word-wrap: break-word;word-break: break-all;line-height:18px;  padding:2px 0px; }
.word-wrap2{word-wrap: break-word;word-break: break-all;line-height:18px;  color:#fff; text-align:left }






/* page-class */
.page-class { padding: 10px 0; text-align: center;}
.page-class li { margin: 0 4px; width: 22px; height: 20px;}
.page-class li a { display: block;  border: 1px solid #b7bfc6; color: #888; text-align: center; line-height: 18px; font-size: 12px;}
.page-class li a:hover {color: #fff; border-color:  #1c62b0; background: #1c62b0;}
.page-class li.curr a { color: #fff; border-color:  #1c62b0; background: #1c62b0;}
.page-class li.first { width: 40px; }
.page-class li.secend { width: 52px; }