.clearfix:before,
.clearfix:after{display:table;content:" ";clear:both;}

.search-content-box{ display: none; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); position: fixed; top: 0; right: 0; z-index: 100; opacity: 0; transition: all 0.3s; }
.search-content-box.show{ display: block; opacity: 1; }

.float-window{ width: 350px; background-color: #fff; position: fixed; z-index: 101; bottom: 0; right: calc(50% - 175px); transform: scale(0.1, 0.1); transition: all 0.3s; opacity: 0; }
.search-content-box.show .float-window{ transform: scale(1, 1); opacity: 1; bottom: calc(50% - 100px); transition: all 0.3s; }
.float-window .no{ width: 100%; display: flex; flex-direction: row-reverse; padding-right: 15px; padding-top: 10px; box-sizing: border-box; cursor: pointer; }
.float-window .search{ font-size: 16px; font-weight: bold; padding-left: 20px; box-sizing: border-box; }
.float-window input{ margin:30px 20px 20px; width: calc(100% - 40px); box-sizing: border-box; padding: 5px 10px; border: 1px solid #ccc; outline: none; height: 35px; }
.float-window button{ margin:-5px 20px 20px; width: calc(100% - 40px); background-color: #9ec1e0; height: 35px; color: #fff; margin-bottom: 54px; border:none; }

/** 分页 */
.pager { text-align: center; margin-top: 40px; padding: 20px 0; }
.pager strong,
.pager span,
.pager a { display: inline-block; border:1px solid #eee; padding: 5px 10px; margin: 0 4px; border-radius: 3px; color:#666; }
.pager a:hover,
.pager strong { border:1px solid #9ec1e0; background-color: #9ec1e0; color: #fff; }

.view-title{ font-size: 30px; text-align:center; margin-bottom: 20px; }
.view-element{ color:#666; border-bottom:1px solid #eee; border-top:1px solid #eee; padding: 15px 0; margin-bottom: 20px; }
.view-element .view-attr{ float: left; }
.view-element .view-attr span{ display: inline-block; margin-left: 10px; }
.view-element .view-attr span:first-child{ margin-left: 0; }
.view-element .bshare-custom{ display:inline-block; float:right; }
.view-element .bshare-custom a{ display:inline-block; background: url(../images/share-icon.png) no-repeat; padding-left: 25px; line-height: 24px; height: 24px; }
.view-element .bshare-custom .bsPromo,
.view-element .bshare-custom .bshare-more { display: none; }
.view-element .bshare-custom .bshare-sinaminiblog { background-position: 0 -98px; }
.view-element .bshare-custom .bshare-weixin{ background-position:0 -162px; }
.view-element .bshare-custom .bshare-qzone { background-position: 0 -47px; }
.view-element .bshare-custom .bshare-qqim{ background-position: 0 -260px; }

.view-content{ line-height:2; padding: 15px 0; }
.view-content p{ margin-bottom: 5px; }

.view-assoc{ background-color: #f5f5f5; height: 80px; line-height: 80px; }
.view-assoc .prev{ float: left; padding-left: 30px; position: relative; width: 50%; }
.view-assoc .next{ float: right; padding-right: 30px; position: relative; width: 50%; text-align: right; }
.view-assoc .next::after,
.view-assoc .prev::after { position: absolute; top: 50%; margin-top: -5px; left: 10px; content: ' '; display: block; border: solid #999; border-width: 0 2px 2px 0; padding: 3px; vertical-align: middle; transform: rotate(135deg); -webkit-transform: rotate(135deg); }
.view-assoc .next::after{ left: auto; right: 10px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }

.contact_box .con_b h1,
.contact_box .con_sib{ line-height:2; }