@charset "utf-8";
 body {
     background-color: #f6f6f6;
 }
 
 a:hover,
 .mcolor,
 .ui-banner .ui-banner-slogans li.ui-banner-slogans-current h3,
 .loglist li.con .des h2 i.fa,
 .wapost h2 i.fa,
 .calendar td.day a,
 .logcon a,
 #tw li p:hover {
     color: #19548E;
 }
 
 .itbox h3,
 .loglist li.con:hover .more,
 #pagenavi a:hover {
     background: #19548E;
 }
 
 .loglist li.con:hover,
 #blogsort ul li a:hover,
 #pagenavi a:hover,
 #tw li:hover i {
     border-color: #19548E;
 }
 
 #topnav .tnrt a,
 .comment .comment-content a.fa {
     color: #19548E;
 }
 
 * {
     padding: 0;
     margin: 0
 }
 
 ul {
     list-style: none
 }
 
 img {
     border: 0;
     transition: all .3s linear;
 }
 
 input,
 select {
     font-size: 12px;
     vertical-align: middle
 }
 
 em,
 i {
     font-style: normal
 }
 
 a {
     color: #111;
     text-decoration: none;
     /* transition: all .3s linear;
     -webkit-transition: all .3s linear; */
 }
 
 a:hover {
     color: #19548E
 }
 
 body {
     color: #111;
     font-family: "\5FAE\8F6F\96C5\9ED1", "\82F9\679C\4E3D\4E2D\9ED1", Arial, Helvetica, sans-serif;
     font-size: 14px;
     background-color: #fff;
     background-position: center 98px;
     background-repeat: repeat
 }
 
 .wrap {
     width: 1200px;
     margin: 0 auto;
 }
 
 i.fa {
     color: #aaa
 }
 
 .mcolor {
     color: #0E3868;
     line-height: 30px;
 }
 /* Head */
 
 #topnav {
     height: 110px;
     line-height: 30px;
     font-size: 12px;
     clear: both
 }
 
 #topnav .wrap {
     margin: 15px auto;
 }
 
 #topnav .wrap img {
     float: left;
     margin-right: 20px;
 }
 
 #topnav .tnlt {
     float: left;
     max-width: 50%;
     color: #838383;
     text-overflow: ellipsis;
     white-space: nowrap;
     overflow: hidden;
     display: inline-block;
 }
 
 #topnav .rightTnlt {
     float: right;
     color: #CCD2D7;
     display: inline-block;
 }
 
 #topnav .rightTnlt a {
     color: #333;
 }
 
 #topnav .tnrt {
     float: right
 }
 
 #topnav .tnrt a {
     color: #19548E;
     margin-left: 15px
 }
 
 #topnav .tnrt a i.fa {
     color: #bbb;
     margin-right: 3px
 }
 
 .topmenu {
     width: 1200px;
     margin: 0 auto;
     height: 45px;
     background: #a40200;
 }
 
 .topmenu ul {
     width: 1200px;
     height: 45px;
     margin: 0 auto;
 }
 
 .topmenu li {
     width: 170px;
     height: 45px;
     display: inline-block;
     float: left;
     letter-spacing: normal;
     position: relative;
 }
 
 .topmenu li a {
     color: #fff;
     line-height: 45px;
     text-align: center
 }
 
 .topmenu .navActive a {
     border-bottom: 3px solid #ffea00;
 }
 
 .topmenu .bar>li:last-child .dot {
     display: none
 }
 
 .topmenu .bar li i.dot {
     position: absolute;
     top: 50%;
     right: 0;
     display: block;
     width: 1px;
     height: 16px;
     margin: -7px 0 0;
     background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(255, 255, 255, 0.5) 50%, rgba(0, 0, 0, 0) 100%);
 }
 
 .topmenu .bar li a {
     display: block;
     font-size: 16px;
     text-align: center;
     padding: 0 15px;
     line-height: 42px;
 }
 
 .topmenu .bar li a i.fa {
     color: #fff;
     font-size: 12px;
     margin-left: 4px;
     transition: all .1s linear;
     -webkit-transition: all .1s linear;
 }
 
 .topmenu .bar li:hover i.fa {
     -webkit-transform: rotate(180deg);
     -moz-transform: rotate(180deg);
     -o-transform: rotate(180deg);
     transform: rotate(180deg);
 }
 
 .topmenu li.current a {
     font-weight: bold
 }
 
 .topmenu li.current li a {
     font-weight: normal
 }
 
 .topmenu li .sub-nav {
     display: none;
     position: absolute;
     top: 68px;
     left: -1px;
     width: 100%;
     border-top: 0;
     padding: 0 0 5px;
     z-index: 9992;
     border-radius: 0 0 8px 8px;
     background: #777;
 }
 /* Left */
 
 #content {
     /* padding: 22px 0; */
     width: 1200px;
     margin: 0 auto;
     clear: both
 }
 
 .imoney {
     width: 100%;
     margin: 0 0 15px;
     text-align: center;
     overflow: hidden
 }
 
 .imoney img {
     width: 100%
 }
 
 .ui-banner {
     display: block;
     position: relative;
     width: 100%;
     margin: 0 0 20px;
     background: #fff
 }
 
 .ui-banner.ui-banner-invalid {
     display: none;
 }
 
 .ui-banner,
 .ui-banner .ui-banner-slides,
 .ui-banner .ui-banner-slogans,
 .ui-banner .ui-banner-arrow {
     height: 320px;
 }
 
 .ui-banner .ui-banner-slides,
 .ui-banner .ui-banner-slogans,
 .ui-banner .ui-banner-arrow {
     position: absolute;
     top: 0;
 }
 
 .ui-banner ul {
     overflow: hidden;
 }
 
 .ui-banner .ui-banner-slides {
     width: 534px;
     height: 320px;
     left: 0
 }
 
 .ui-banner .ui-banner-slides li {
     display: none;
     position: absolute;
     width: 100%;
     height: 100%;
 }
 
 .ui-banner .ui-banner-slides li img {
     width: 100%;
     height: 100%;
 }
 
 .ui-banner .ui-banner-slides li.ui-banner-slides-current,
 .ui-banner .ui-banner-slides li.ui-banner-slides-prev,
 .ui-banner .ui-banner-slides li.ui-banner-slides-next {
     display: block;
 }
 
 .ui-banner .ui-banner-slides li.ui-banner-slides-current {
     left: 0;
 }
 
 .ui-banner .ui-banner-slides li.ui-banner-slides-prev {
     left: -660px;
 }
 
 .ui-banner .ui-banner-slides li.ui-banner-slides-next {
     left: 660px;
 }
 
 .ui-banner .ui-banner-slogans {
     width: 346px;
     height: 320px;
     overflow: hidden;
     padding: 0 20px;
     right: 0;
     background: #fff;
 }
 
 .ui-banner .ui-banner-slogans li {
     padding: 17px 0;
     border-bottom: 1px #ddd dotted;
     cursor: pointer;
 }
 
 .ui-banner .ui-banner-slogans li h3 {
     font-size: 18px;
     text-overflow: ellipsis;
     white-space: nowrap;
     overflow: hidden
 }
 
 .ui-banner .ui-banner-slogans li .des {
     font-size: 12px;
     height: 44px;
     line-height: 22px;
     padding: 5px 0 0;
     overflow: hidden
 }
 
 .ui-banner .ui-banner-slogans li.ui-banner-slogans-current h3 {
     color: #19548E;
 }
 
 .ui-banner .ui-banner-slogans li.ui-banner-slogans-prev {
     border-bottom: none;
 }
 
 .ui-banner .ui-banner-arrow {
     display: block;
     width: 18px;
     height: 30px;
     line-height: 30px;
     text-align: center;
     right: 0;
     outline: none;
     color: #fff;
     background: #eee;
     transition: all .3s linear;
 }
 
 .ui-banner .ui-banner-arrow:hover {
     background: #19548E
 }
 
 .ui-banner .ui-banner-arrow.ui-banner-arrow-prev {
     top: 0
 }
 
 .ui-banner .ui-banner-arrow.ui-banner-arrow-next {
     top: auto;
     bottom: 0
 }
 
 .itbox {
     position: relative;
     height: 42px;
     line-height: 42px;
     margin: 0 0 15px;
     background: #FFF;
 }
 
 .itbox img {
     position: absolute;
     top: 0;
     left: 20px;
     bottom: 0;
     margin: auto;
     box-shadow: 20px 0 30px #fff
 }
 
 .itscroll {
     border: 0 #fff solid;
     border-width: 0 15px 0 60px;
     clear: both;
     overflow: hidden;
     margin-top: 20px;
 }
 
 .itscroll .con {
     width: 5000%
 }
 
 .itscroll .con ul {
     float: left
 }
 
 .itscroll li {
     float: left;
     margin: 0 1em;
 }
 
 .itscroll li i.fa {
     margin-right: 5px
 }
 
 .itscroll li span {
     margin-left: 4px;
     font-family: "Trebuchet MS", Arial, Helvetica, sans-serif
 }
 
 .cmsbox {
     width: 880px;
     overflow: hidden
 }
 /*注释掉*/
 
 .wapost {
     width: 290px;
     margin: 0 0 -1px -1px;
     border: 1px #e5e5e5 solid;
     background: #FFF;
     padding: 14px 18px;
     transition: all .4s linear;
 }
 
 .wapost:hover {
     box-shadow: 0 0 50px 2px rgba(0, 0, 0, 0.2);
     position: relative;
     z-index: 9;
 }
 
 .wapost i.fa {
     margin-right: 4px
 }
 
 .wapost .aptop {
     border-bottom: 1px #e5e5e5 solid;
     padding: 15px 0;
     overflow: hidden;
 }
 
 .wapost .aptop .sn {
     float: left;
 }
 
 .wapost .aptop .sn a {
     font-size: 16px;
     font-weight: bold
 }
 
 .wapost .aptop .pi {
     float: right;
     color: #999;
     font-size: 12px
 }
 
 .wapost .aptop .pi span em {
     display: none
 }
 
 .wapost h2 {
     padding: 15px 0 20px
 }
 
 .wapost h2 a {
     font-size: 18px;
 }
 
 .wapost .img {
     text-align: center
 }
 
 .wapost .img img {
     width: 290px;
     height: 200px;
 }
 
 .wapost .text {
     word-break: break-all;
     word-wrap: break-word;
     line-height: 22px;
     padding: 10px 0;
 }
 
 .wapost .tags a {
     display: inline-block;
     margin: 0 3px 4px 0;
     color: #aaa;
     font-size: 12px;
     border: 1px #ddd dotted;
     border-radius: 5px;
     padding: 2px 5px;
 }
 
 .wapost .count {
     margin-top: 10px;
     border-top: 1px #e5e5e5 solid;
     padding: 15px 0;
     overflow: hidden;
 }
 
 .wapost .count span {
     float: left;
     margin-right: 40px;
     font-family: "Open Sans", Arial, "Hiragino Sans GB", "Microsoft YaHei";
 }
 
 .wapost .count span.edit {
     float: right;
     margin-right: 0;
     font-size: 12px;
 }
 
 .loading {
     text-align: center;
     padding: 30px 0;
     clear: both
 }
 /* Right */
 
 #sidebar {
     float: left;
     width: 300px;
     overflow: hidden;
     margin-top: 15px;
     margin-right: 20px;
 }
 
 #sidebar .leftContent {
     width: 300px;
     margin-top: 0;
 }
 
 #sidebar .leftContent .leftItem {
     margin-bottom: 0;
 }
 
 #sidebar .leftItem ul li a {
     width: 280px;
 }
 
 .calendartop {
     width: 100%;
     line-height: 30px;
     border-collapse: collapse;
     text-align: center;
 }
 
 .calendar {
     width: 100%;
     border-collapse: collapse;
 }
 
 .calendar td {
     font-size: 12px;
     text-align: center;
     border: 1px #eee solid;
     padding: 1px 5px;
     line-height: 20px;
 }
 
 .calendar td.day {
     background: #eee
 }
 
 .calendar td.day a {
     color: #19548E
 }
 
 .calendar .sun {
     color: #333;
     font-weight: bold
 }
 
 #newcomment i.fa {
     color: #ccc;
     margin: 0 5px;
     font-size: 10px
 }
 
 #newcomment li span {
     color: #999;
     margin-left: 4px;
 }
 
 #sidebar .mscroll ul {
     max-height: 304px;
     overflow-y: auto;
 }
 
 #blogsort h3 {
     height: 38px;
     line-height: 38px;
     font-size: 16px;
 }
 
 #blogsort h3 i.fa {
     margin: 0 5px 0 10px
 }
 
 #blogsort ul li {
     position: relative;
     line-height: 38px;
     border-top: 1px #eee solid;
 }
 
 #blogsort ul li .sico {
     position: absolute;
     top: 0;
     right: 0;
     width: 20px;
     height: 38px;
     line-height: 38px;
     color: #ccc;
     font-size: 8px;
     text-align: center;
     cursor: pointer
 }
 
 #blogsort ul li .sico:hover {
     border-left: 1px #eee solid;
     background: #f6f6f6
 }
 
 #blogsort ul li a {
     display: block;
     height: 38px;
     text-indent: 28px;
     border-left: 4px #fff solid;
 }
 
 #blogsort ul li a.cu,
 #blogsort ul li a:hover {
     border-left: 4px #19548E solid;
     background: #f6f6f6
 }
 
 #blogsort ul li a i {
     color: #999;
     margin-left: 5px;
     font-size: 12px
 }
 
 #blogsort li ul {
     display: none;
     background: #fafafa
 }
 
 #blogsort li ul li a {
     text-indent: 35px;
     border-color: #fafafa
 }
 
 #bloggerinfoimg {
     text-align: center;
     padding: 10px 0
 }
 
 #bloggerinfo {
     line-height: 20px;
     font-size: 12px;
     padding: 6px 8px 12px 16px;
 }
 
 #record i.fa,
 #sidelinks i.fa {
     margin-right: 6px;
 }
 
 #sidebar ul#sidelinks li {
     font-size: 12px;
     padding: 5px 0 !important
 }
 
 #logsearch {
     position: relative;
     padding: 25px 15px
 }
 
 #logsearch form {
     width: 240px;
     height: 40px;
     margin: 0 auto;
 }
 
 #logsearch i.fa {
     position: absolute;
     top: 34px;
     left: 26px;
     color: #ccc
 }
 
 #logsearch .search {
     width: 235px;
     height: 40px;
     border: 1px solid #999;
     padding-left: 5px;
     outline: none
 }
 
 #logsearch ::-webkit-input-placeholder {
     color: #666;
     font-size: 14px;
 }
 
 #hotlog li {
     position: relative
 }
 
 #hotlog i {
     position: absolute;
     top: 10px;
     left: -22px;
     font-size: 16px;
     font-weight: bold;
     font-family: Georgia, "Times New Roman", Times, serif;
 }
 
 #sidebar>li.diyarea {
     text-align: center;
     border: 0;
     background: none
 }
 
 .slfix {
     position: fixed;
     top: 55px;
     width: 298px
 }
 /* PageNav */
 
 #pagenavi {
     text-align: center;
     padding: 25px 0;
     overflow: hidden;
     clear: both
 }
 
 #pagenavi a,
 #pagenavi span {
     display: inline-block;
     font: 14px/20px Arial;
     border-radius: 3px;
     padding: 6px 12px;
     margin: 0 3px;
     height: 20px;
     border: 1px solid #ddd;
     background: #FFF
 }
 
 #pagenavi a:hover {
     color: #fff;
     border-color: #19548E;
     background: #19548E
 }
 
 #pagenavi span {
     color: #aaa;
     background: #f6f6f6
 }
 /* Foot */
 
 #footerbar {
     font-size: 14px;
     line-height: 100px;
     border-top: 1px solid #d3d2d2;
     color: #4d4d4d;
     text-align: center;
     box-shadow: 0 -1px 3px #fff;
     overflow: hidden;
     clear: both
 }
 
 #footerbar .wrap {
     position: relative
 }
 /* PageLeft */
 
 .pagenow {
     color: #ccc;
 }
 
 .pagenow i.fa {
     margin: 0 10px 0 15px
 }
 
 .pagenow span {
     margin-left: 5px;
 }
 
 .pagenow .csort {
     position: absolute;
     top: 0;
     right: 15px;
     width: 60%;
     text-align: right;
     text-overflow: ellipsis;
     white-space: nowrap;
     overflow: hidden;
 }
 
 .pagenow .csort p {
     margin-right: -5px
 }
 
 .pagenow .csort a,
 .logbox .pagenow a {
     color: #999;
 }
 
 .logcu span {
     margin-right: 5px
 }
 
 .logbox {
     margin: 0 0 30px;
     border: 1px #e5e5e5 solid;
     background: #fff;
     padding: 5px 15px 10px;
     overflow: hidden
 }
 
 .logbox .pagenow {
     margin-bottom: 0;
     border-top: 0
 }
 
 .logbox .pagenow i.fa {
     margin-left: 0
 }
 
 .logbox .pagenow span {
     color: #ccc;
     margin: 0 4px;
 }
 
 .logbox h1 {
     color: #000;
     font-size: 40px;
     line-height: 58px;
     font-weight: 400;
     padding: 15px 0
 }
 
 .logbox .data {
     color: #999;
     font-family: "Open Sans", Arial, "Hiragino Sans GB", "Microsoft YaHei";
     padding: 0 0 20px 5px
 }
 
 .logbox .data i.fa {
     margin: 0 3px 0 25px
 }
 
 .logcon {
     color: #000;
     line-height: 1.9;
     font-size: 16px;
     border-top: 1px #eee dotted;
     border-bottom: 1px dotted #eee;
     margin-bottom: 30px;
     padding: 10px 20px 20px;
 }
 
 .logcon p {
     margin: 0.5em 0;
 }
 
 .logcon a {
     color: #19548E
 }
 
 .logcon img,
 .logcon embed,
 .logcon iframe {
     max-width: 98% !important;
 }
 
 .logcon img {
     height: auto !important
 }
 
 .logbox .tags {
     padding: 5px 0;
 }
 
 .nextlog {
     margin: 15px 0;
     border: 0 #ddd solid;
     border-width: 1px 0;
     padding: 15px 0;
     overflow: hidden;
     clear: both
 }
 
 .nextlog a:hover {
     background: #f6f6f6
 }
 
 .nextlog .prev {
     float: left;
     width: calc(42% - 1px);
     border-right: 1px #eee dotted;
 }
 
 .nextlog .next {
     float: right;
     text-align: right;
 }
 
 .nextlog a span {
     display: block;
     color: #aaa;
     padding: 0 0 10px
 }
 
 .nextlog a i.fa {
     position: absolute;
     top: 28px;
     left: 5px;
 }
 
 .nextlog .next i.fa {
     left: auto;
     right: 5px
 }
 
 .link-box {
     padding: 15px 0;
     overflow: hidden;
     clear: both
 }
 
 .link-box h3 {
     font-size: 18px;
     padding: 0 0 10px
 }
 
 .ullist4 li {
     float: left;
     width: 48%;
     line-height: 30px;
     text-overflow: ellipsis;
     white-space: nowrap;
     overflow: hidden;
     padding: 0 1%
 }
 
 .ullist4 li i.fa {
     margin-right: 5px;
     font-size: 10px
 }
 /* Comment */
 
 .comment {
     font-size: 12px;
     padding: 15px 0;
     border-bottom: #f8f8f8 1px solid;
     overflow: hidden;
     clear: both
 }
 
 .comment .comment-time {
     color: #999;
     display: inline
 }
 
 .comment .avatar {
     float: left;
     width: 40px;
     padding: 2px 10px 0 0
 }
 
 .comment .avatar img {
     width: 40px;
     height: 40px
 }
 
 .comment .comment-info {
     float: left;
     width: calc(100% - 50px)
 }
 
 .comment .comment-info b {
     color: #555;
     margin-right: 10px;
     font-weight: normal
 }
 
 .comment .comment-content {
     font-size: 14px;
     padding: 10px 0 0
 }
 
 .comment .comment-content a.fa {
     color: #19548E;
     margin-left: 15px;
 }
 
 .comment-children {
     float: right;
     width: calc(100% - 73px);
     margin-top: 10px;
     clear: both;
     border: none;
     border-left: 3px #eee solid;
     background: #f8f8f8;
     padding: 10px
 }
 
 .comment-children .avatar img {
     border-radius: 6px
 }
 
 .comment-header {
     font-size: 18px;
     font-weight: bold;
     padding: 25px 0 0;
     clear: both
 }
 
 .comment-post {
     padding: 15px 0;
     overflow: hidden;
     clear: both
 }
 
 .comment-post .comment-header {
     border-top: 1px #ddd dashed;
     padding: 25px 0 10px
 }
 
 .comment-post p {
     float: left;
     height: 28px;
     line-height: 28px;
     margin: 0 15px 10px 0;
     border: 1px #ccc solid;
     background: #eee;
     border-radius: 5px
 }
 
 .comment-post p i.fa {
     width: 30px
 }
 
 .comment-post p input {
     height: 28px;
     line-height: normal;
     vertical-align: top;
     text-indent: 8px;
     border: none;
     border-left: 1px #ccc solid;
     outline: none;
     border-radius: 0 5px 5px 0
 }
 
 .comment-post p:nth-child(5) {
     background: none;
     margin-right: 0;
     padding-left: 3px
 }
 
 .comment-post .cancel-reply {
     float: right;
     cursor: pointer;
     padding: 0 0 7px
 }
 
 .comment-post .input {
     width: 80px
 }
 
 .comment-post textarea {
     display: block;
     width: 98%;
     width: calc(98% - 2px);
     height: 80px;
     font-size: 14px;
     border: solid 1px #ccc;
     padding: 1%;
     resize: none;
     outline: none;
     overflow: hidden;
     background-image: -webkit-linear-gradient(top, #f9f9f9, #fff);
     background-image: linear-gradient(to bottom, #f9f9f9, #fff);
     background-repeat: repeat-x;
     border-radius: 5px 5px 0 0;
     clear: both
 }
 
 .comment .comment-post {
     width: 96%;
     margin: 15px auto
 }
 
 .comment-post .cpost {
     position: relative;
     width: calc(98% - 2px);
     border: 1px solid #ccc;
     border-top: 0;
     overflow: hidden;
     padding-right: 2%;
     background-image: linear-gradient(to bottom, #fff, #f9f9f9);
     clear: both
 }
 
 .comment-post .cpost i.fa {
     width: 50px;
     height: 30px;
     line-height: 30px;
     color: #666;
     font-size: 16px;
     border-right: 1px #ccc solid;
     background: #eee;
     background-image: linear-gradient(#fcfcfc, #fcfcfc 25%, #e6e6e6);
     background-image: -webkit-linear-gradient(#fcfcfc, #fcfcfc 25%, #e6e6e6);
     cursor: pointer
 }
 
 #comment_submit {
     position: absolute;
     top: 0;
     right: 0;
     width: 100px;
     height: 30px;
     line-height: 30px;
     text-align: center;
     text-shadow: 0 1px 0 #fff;
     font-weight: bold;
     background: #eee;
     border: 0;
     border-left: 1px #ccc solid;
     cursor: pointer;
     background-image: linear-gradient(#fcfcfc, #fcfcfc 25%, #e6e6e6);
     background-image: -webkit-linear-gradient(#fcfcfc, #fcfcfc 25%, #e6e6e6);
     outline: none
 }
 
 .comment-post .cpost i.fa:hover,
 #comment_submit:hover {
     background-image: linear-gradient(#E8E7E7, #E7E5E5 25%, #FDFDFD);
     background-image: -webkit-linear-gradient(#E8E7E7, #E7E5E5 25%, #FDFDFD);
 }
 /* Tw */
 
 #tw {
     border: 1px #e5e5e5 solid;
     background: #fff;
     padding: 0 15px;
     overflow: hidden
 }
 
 #tw li {
     position: relative;
     float: left;
     width: calc(100% - 100px);
     padding-left: 100px
 }
 
 #tw li .date {
     position: absolute;
     top: 50%;
     left: 0;
     margin-top: -16px;
     display: block;
     width: 80px;
     color: #999;
     font-size: 12px;
     text-align: right;
 }
 
 #tw li p {
     position: relative;
     float: right;
     width: calc(100% - 35px);
     line-height: 1.8;
     border-left: 1px #eee solid;
     font-size: 15px;
     padding: 20px 10px 20px 25px;
     transition: all .3s linear
 }
 
 #tw li p:hover {
     color: #19548E
 }
 
 #tw li p i {
     position: absolute;
     top: 50%;
     left: -6px;
     display: block;
     width: 6px;
     height: 6px;
     margin-top: -6px;
     border: 3px #ddd solid;
     background: #fff;
     border-radius: 50%;
     transition: all .3s linear
 }
 
 #tw li:hover i {
     border-color: #19548E
 }
 
 #tw li .tp {
     max-width: 90%;
     margin-top: 6px;
     border: 1px #eee solid;
     padding: 1px
 }
 
 #footerbar .friendlink {
     text-align: left;
     width: 1200px;
     margin: auto;
 }
 
 #footerbar .friendlink a {
     line-height: 30px;
     height: 30px;
     padding-right: 10px;
     display: inline-block
 }
 
 #footerbar .friendlink .friendlinktitle {
     height: 30px;
     border-bottom: 1px solid #f6f6f6;
     color: #555;
 }
 
 #footerbar .friendlink .friendlinktitle span {
     width: 150px;
     height: 30px;
     background: #f6f6f6;
     text-align: center;
     display: block
 }
 
 .mycenterad {
     width: 96%;
     overflow: hidden;
     position: relative;
     margin: 0 0 20px;
     border: 1px solid #ddd;
     padding: 10px 2%;
 }
 
 .mycenterad .imgbox {
     width: 20%;
     max-width: 100%;
     float: left;
 }
 
 .mycenterad .name_price {
     width: 76%;
     padding: 10px 0;
     color: #333;
     float: left;
     margin-left: 4%
 }
 
 .mycenterad .name_price .name {
     font-size: 16px;
     font-weight: bold;
     word-break: keep-all;
     text-overflow: ellipsis;
     white-space: nowrap;
     overflow: hidden;
 }
 
 .mycenterad .name_price .price {
     font-size: 14px;
     margin: 20px 0 0
 }
 
 .mycenterad .name_price .price em {
     background: #19548E;
     color: #fff;
     font-size: 14px;
     padding: 3px 6px;
     margin: 0 5px 0 0
 }
 
 .mycenterad .name_price .price span {
     font-size: 24px;
     font-weight: bold;
     color: #19548E
 }
 
 .mycenterad .name_price .gobuy {
     text-align: center;
     width: 50%;
     margin: 20px 0 0;
     background: #19548E;
     color: #fff;
     font-size: 14px;
     padding: 6px 0;
 }
 
 .mycenterad .marquee {
     height: 30px;
     line-height: 30px;
     font-size: 14px;
     font-weight: bold;
     background: rgba(0, 0, 0, 0.5);
     color: #fff;
 }
 
 .lvxvtagbox {
     background: #fff;
     padding: 10px;
     display: table;
     height: 100%
 }
 
 .lvxvtagwz {
     font-size: 16px;
     padding-bottom: 5px;
     margin-bottom: 10px;
     color: #0C3;
     border-bottom: 1px solid #00aff0
 }
 
 .lvxvtagli {
     white-space: nowrap;
     margin: 0 10px 10px 0;
     float: left
 }
 
 .lvxvtagspan {
     line-height: 30px;
     border: 1px dashed #CCC;
     padding: 5px;
     border-radius: 10px;
     display: block;
 }
 
 .rank_des {
     background: #fff;
     padding: 20px;
     margin-bottom: 20px;
     line-height: 25px;
 }
 
 .rank_des h1 {
     text-align: center;
     margin-bottom: 20px;
 }
 
 .rank-tit {
     background: #fff;
     padding: 15px 10px;
     border-left: 4px solid #19548E;
     margin-bottom: 20px;
 }
 
 .rank-other {
     clear: both;
     margin: 30px auto;
 }
 
 .rank-other ul {
     background: #fff;
     margin-top: 20px;
     padding: 20px;
 }
 
 .rank-other ul li {
     display: inline-block;
     margin: 5px;
 }
 
 .rank-other ul li a {
     font-size: 20px;
 }
 
 .pagess {
     clear: both;
     margin: 20px;
     overflow: hidden;
     margin-left: 0px;
     text-align: center;
     font-size: 12px
 }
 
 .pagess ul li {
     display: inline-block;
     border: 1px solid #ccc;
     padding: 2px 9px;
     margin: 0 3px;
     line-height: 20px;
     background: #fff;
     color: #999
 }
 
 .pagess ul li:hover {
     background: #19548E;
     color: #fff;
     border: 1px solid #19548E
 }
 
 .pagess ul li:hover a {
     color: #fff;
 }
 
 .pagess ul li.thisclass {
     display: inline-block;
     border: 1px solid #19548E;
     padding: 2px 9px;
     margin: 0 3px;
     background: #19548E;
     color: #fff;
 }
 
 .pagess ul li.thisclass a {
     color: #fff;
 }
 
 .pagess ul li a {
     display: block;
     color: #999
 }
 
 .pagess ul li a:hover {
     color: #fff;
 }
 /* 分页样式 */
 
 .paging {
     margin-top: 32px;
     font-size: 14px;
     text-align: center;
     padding-bottom: 30px;
 }
 
 .paging>span {
     margin: auto 16px;
 }
 
 .paging .page-numbar {
     margin: auto 0;
 }
 
 .paging .page-numbar .page-num,
 .paging .page-index,
 .paging .page-pre,
 .paging .page-next,
 .paging .page-last {
     display: inline-block;
     margin: auto 4px;
     padding: 2px 12px;
     border: 1px solid #EEE;
     border-radius: 2px;
     background-color: #FFFFFF;
 }
 
 .paging .page-numbar .page-num-current,
 .paging .page-numbar .page-num:hover {
     border-color: #19548E;
     color: #19548E;
 }
 
 .paging a {
     color: #333333
 }
 
 .paging a:hover {
     color: #19548E
 }
 /*列表*/
 
 .rightContent {
     width: 880px;
     margin-top: 15px;
     float: right;
     min-height: 300px;
     box-sizing: border-box;
     border: 1px solid rgba(204, 204, 204, 1)
 }
 
 .list-items {
     width: 100%;
     float: left;
     margin-right: 25px;
     height: 300px;
     overflow: hidden;
 }
 
 .topItems:nth-child(2n-1) {
     margin-right: 0;
 }
 
 .list-items .item {
     position: relative;
 }
 
 .list-items .item h3 {
     border-bottom: 1px solid #9c9c9c;
     padding-left: 20px;
 }
 
 .list-items .item h3 a {
     height: 32px;
     margin: 0;
     line-height: 32px;
     font-size: 14px;
     font-weight: 400;
     color: #333;
     display: inline-block;
     border-bottom: 2px solid #aa0004;
 }
 
 .list-items .item img {
     position: absolute;
     top: 10px;
     right: 0;
 }
 
 #content .list-items ul {
     padding: 20px;
 }
 
 #content .list-items ul li {
     list-style: none;
     line-height: 36px;
     border-bottom: 1px dashed #f5f5f5;
     padding-left: 5px;
     position: relative;
 }
 
 #content .list-items ul li:hover {
     background: #aa0004;
 }
 
 #content .list-items ul li a {
     display: block;
     /* width: 260px; */
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
 }
 
 #content .list-items ul li span {
     position: absolute;
     top: 0;
     right: 0;
 }
 
 #content .list-items ul li:hover a {
     color: #fff;
 }
 
 #content .list-items ul li:hover span {
     color: #fff;
 }
 
 .friendLink {
     border: 1px solid #cecece;
     float: left;
     width: 100%;
 }
 
 .friendLink .top {
     background: url(../../images/side.jpg);
     height: 39px;
     position: relative;
 }
 
 .friendLink .top .mark {
     position: absolute;
     left: 6px;
     top: 10px;
     width: 20px;
 }
 
 .friendLink .top .title {
     position: absolute;
     left: 30px;
     top: 10px;
 }
 
 .linkitem {
     display: inline-block;
     margin: 5px 10px;
 }
 
 .linkDiv {
     margin: 20px;
 }
 
 .linkDiv span {
     color: #B71721;
     padding-left: 10px;
     font-size: 16px;
 }
 /*list*/
 
 .leftContent {
     width: 325px;
     box-sizing: border-box;
     margin: 20px 0;
     display: inline-block;
     float: left;
 }
 
 .leftItem {
     border: 1px solid rgba(204, 204, 204, 1);
     margin-bottom: 20px;
 }
 
 .leftItem h3 {
     line-height: 32px;
     border-bottom: 1px solid rgba(204, 204, 204, 1);
     padding-left: 10px;
 }
 
 .navtags {
     border: 1px solid #aaaaaa;
     padding: 10px 20px;
     margin: 10px;
     display: inline-block;
     border-radius: 5px;
     cursor: pointer;
 }
 
 .leftItem .more {
     color: #999;
     float: right;
 }
 
 .leftItem h3 .itemName {
     border-bottom: 2px solid #c40000;
     display: inline-block;
     color: rgba(0, 66, 118, 1)
 }
 
 .leftItem ul,
 .middleContent .constitution ul {
     padding: 0 5px;
     line-height: 36px;
 }
 
 .leftItem ul li,
 .middleContent .constitution ul li {
     position: relative;
 }
 
 .leftItem ul li a,
 .middleContent .constitution ul li a {
     display: block;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
     width: 200px;
 }
 
 .middleContent .constitution ul li a {
     width: 320px;
 }
 
 .leftItem ul li span,
 .middleContent .constitution ul li span {
     position: absolute;
     top: 0;
     right: 0;
 }
 
 .middleContent {
     width: 500px;
     margin: 20px;
     float: left;
     display: inline-block;
 }
 
 .middleContent .swiper-container {
     width: 500px;
     height: 287px;
 }
 
 .middleContent .topContent img {
     width: 100%;
     height: 100%;
 }
 
 .constitution,
 .middleContent .constitution {
     margin-top: 20px;
 }
 
 /*.constitution p,*/
 .middleContent .constitution .article {
     height: 240px;
     overflow: hidden;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-line-clamp: 8;
     -webkit-box-orient: vertical;
     line-height: 20px;
     text-align: justify;
 }
 
 .middle img {
     width: 100%;
 }
 
 .leftItem2 {
     background: #f7f7f7;
 }
 
 .leftContent2 h3 .itemName {
     border-bottom: none;
     color: #c40000
 }
 
 .conPosition {
     width: 880px;
     margin-top: 15px;
     float: right;
     height: 34px;
     line-height: 34px;
     box-sizing: border-box;
     border: 1px solid rgba(204, 204, 204, 1);
     padding-left: 20px;
 }
 
 .rightContent .list-items {
     overflow: none;
     height: auto;
     line-height: 30px;
 }
 /*index*/
 
 .leftContent {
     width: 325px;
     box-sizing: border-box;
     margin: 20px 0;
     display: inline-block;
     float: left;
 }
 
 .leftItem {
     border: 1px solid rgba(204, 204, 204, 1);
     margin-bottom: 20px;
 }
 
 .leftItem h3 {
     line-height: 32px;
     border-bottom: 1px solid rgba(204, 204, 204, 1);
     padding-left: 10px;
 }
 
 .leftItem .more {
     color: #999;
     float: right;
 }
 
 .navtags {
     border: 1px solid #aaaaaa;
     padding: 10px 20px;
     margin: 10px;
     display: inline-block;
     border-radius: 5px;
     cursor: pointer;
 }
 
 .leftItem h3 .itemName {
     border-bottom: 2px solid #c40000;
     display: inline-block;
     color: rgba(0, 66, 118, 1)
 }
 
 .leftItem ul,
 .middleContent .constitution ul {
     padding: 0 5px;
     line-height: 36px;
 }
 
 .leftItem ul li,
 .middleContent .constitution ul li {
     position: relative;
 }
 
 .leftItem ul li a,
 .middleContent .constitution ul li a {
     display: block;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
     width: 200px;
 }
 
 .middleContent .constitution ul li a {
     width: 320px;
 }
 
 .leftItem ul li span,
 .middleContent .constitution ul li span {
     position: absolute;
     top: 0;
     right: 0;
 }
 
 .middleContent {
     width: 500px;
     margin: 20px;
     float: left;
     display: inline-block;
 }
 
 .middleContent .swiper-container {
     width: 500px;
     height: 287px;
 }
 
 .middleContent .topContent img {
     width: 100%;
     height: 100%;
 }
 
 .constitution,
 .middleContent .constitution {
     margin-top: 20px;
 }
 
 /*.constitution p,*/
 .middleContent .constitution .article {
     height: 270px;
     overflow: hidden;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-line-clamp: 8;
     -webkit-box-orient: vertical;
     line-height: 30px;
     text-align: justify;
 }
 
 .middle img {
     width: 100%;
 }
 
 .leftItem2 {
     background: #f7f7f7;
 }
 
 .leftContent2 h3 .itemName {
     border-bottom: none;
     color: #c40000
 }
/***** 侧边留言  start *****/
.floatBox{
    width: 70px;
    background: #fff;
    position: fixed;
    right: 30px;
    bottom: 100px;
   box-shadow: 0px 0px 14px 1px rgba(19, 49, 105, 0.12);
   z-index: 9999;
}
.floatBox .item{
   height: 66px;
   width: 100%;
   border-bottom: 1px solid #E6E6E6;
   text-align: center;
   cursor: pointer;
   position: relative;
}
.floatBox .messge{
 background: url(../images/message.png) no-repeat 24px 10px;
}
.floatBox .messge:hover{
   color: #00388D;
   background: url(../images/message-b.png) no-repeat 24px 10px;
}
.floatBox .custome-services{
   background: url(../images/person.png) no-repeat 24px 10px;
}
.floatBox .custome-services:hover{
   background: url(../images/person-b.png) no-repeat 24px 10px;
}

.floatBox .backtop{
   background: url(../images/top.png) no-repeat 24px 10px;
}
.floatBox .backtop:hover{
   background: url(../images/top-b.png) no-repeat 24px 10px;
}
.floatBox .backtop{
   height: 50px;
}
.floatBox img{
   margin: 10px 0 2px;
}
.floatBox p{
   position: absolute;
   bottom: 6px;
   text-align: center;
   width: 100%;
}
.messageBox{
   width: 266px;
   /* height: 390px; */
   background: #FFFFFF;
   box-shadow: 0px 0px 14px 1px rgba(34, 37, 42, 0.18);
   position: absolute;
   top: -200px;
   right: 110px;
   padding: 23px;
   box-sizing: border-box;
   display: none;
   z-index: 1000;
}
.messageBox input {
   width: 220px;
   height: 34px;
   padding-left: 5px;
   font-size: 14px;
   border:1px solid #E0E0E0;
   margin-bottom: 14px;
}

.messageBox textarea {
   width: 220px;
   height: 80px;
   padding-left: 5px;
   font-size: 14px;
   resize: none;
   border:1px solid #E0E0E0;

}
.messageBox .checkBox input{
   width: 100px; 
   float: left;
   margin-top: 10px;
   margin-right: 6px;

}
.messageBox .checkBox img{
   width: 100px; 
   display: inline-block;
   height: 35px;
}
.messageBox button{
    width: 115px;
    height: 34px;
    background: #E0E0E0;
    line-height: 34px;
    text-align: center;
    color: #333;
    outline: none;
    border: none;
}
/***** 侧边留言  end *****/

/* 修改首页/头部、底部 */
/* 修改头部 */
body {
    background-color: #fff;
    width: 100%;
}
#navHeader {
    width: 100%;
    background: #FFFFFF;
}
.topBox {
    width: 1200px;
    height: 136px;
    margin:0 auto;
    overflow: hidden;
}
.topBox>a{
    float:left;
    width: 428px;  
}
.topBox>a>img{
    height: 72px;
    background-size: 100% 100%;
    margin-top:32px;
}
.navBox{
    width: 100%;
    height: 56px;
    background-color: #F1F1F1;
}
.navBox .bar {
    height: 56px;
    line-height: 56px;
}  
.bar li {
    float: left;
    width: 171px;
    height: 100%;
}
.bar li a {
    display: inline-block;
    width: 100%;
    height: 100%;
    font-size: 16px;
    font-weight: 400;
    color: #333333;
    text-align: center;
}
.navBox .bar li:hover{
    background: #B5161B;
}
.navBox .bar li:hover>a{
    color:#fff;
}
#navHeader .navActive {
    background: #B5161B;
}
#navHeader .navActive>a {
    color: #fff;
}
.searchBar {
    position: relative;
    float: right;
    font-size: 0px;
    margin-top: 42px;
}
.searchBar input {
    float: left;
    outline: none;
    border: none;
    width: 356px;
    height: 40px;
    box-sizing: border-box;
    background:#fff;
    border: 1px solid #DCDEE0;
    padding-left: 16px;
}
.searchBar button {
   float:left;
   width: 72px;
   height: 40px;
   cursor: pointer;
   outline: none;
   border: none;
   background: #B70816;
}
.img{
   width: 20px;
   height: 20px;
   background-size: 100% 100%;
} 
/* 首页index */
.fl{
    float:left;
}
.fr{
    float:right;
}
.flow{
    overflow: hidden;
}
.topImg{
    width: 100%;
    height: 334px;
}
.imgBg{
    width: 100%;
    height: 100%;
    background-size: 100% 100%;
}
.margin-top{
    margin-top:40px;
}
.center-margin{
    margin:0px 24px;
}
.sortBox{
    width: 336px;
    height: 311px;
    border: 1px solid #DCDEE0;
    opacity: 1;
    font-size: 16px;
    font-weight: 400;
}
.sortTitle{
    height: 47px;
    line-height: 47px;
    padding:0px 16px;
    background: linear-gradient(180deg, rgba(241, 241, 241, 0) 0%, #F1F1F1 100%);
    opacity: 1;
    color: #B70816;
}
.sortTitle>a{
    color: #969799;
}
.sortList{
    padding:0px 16px;
}
.sortList>a{
    display: block;
    padding:12px 0px;
    font-size: 14px;
    font-weight: 400;
    color: #333333;
    border-bottom: 1px dotted #DCDEE0;
}
.sortList>a:last-child{
    border-bottom: none;
}
.sortList>a:hover{
    color:#B70816;
}
.sortBomb{
    width: 474px;
}
.sortHeight{
    height: auto !important;
}
.indexBanner{
    width: 476px;
    height: 311px; 
    margin: 0px 24px !important;
}
.swiper-container {
    margin-left: auto;
    margin-right: auto;
} 
.swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 18px;
    background: #fff;
}
.swiper-slide>a{
    position: relative;
    display: inline-block;
    width: 476px;
    height: 311px; 
    cursor: pointer;
}
.swiper-slide>a>img{
    width: 100%;
    height: 100%;
    background-size: 150% 100%;
} 
.swiper-slide>a>div{
    position: absolute;
    left:0;
    bottom: 0;
    width: 100%;
    height: 88px;
    line-height: 126px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
    opacity: 1;
    color:#fff;
    font-size: 14px;
    text-align: left;
    z-index: 1000;
    cursor: pointer;
}
.swiper-slide>a>div>span{
    display: block;
    width: 70%;
    height: 100%;
    padding-left:10px;
    overflow: hidden; 
    white-space: nowrap; 
    text-overflow: ellipsis;
}
.swiper-container .swiper-pagination{
    position: absolute;
    left:83% !important;
    bottom:0px !important;
    width: 20% !important;
    height: 50px;
    line-height: 50px;
    z-index: 100000;
}
.swiper-pagination>span{
    width:8px;
    height:8px;
    border-radius:50%;
}
.sortInfo{
    height: 179px;
    margin-bottom: 16px;
}
.pathImg>a{
    width: 161px;
    height: 116px;
    text-align: center;
}
.pathImg>a>img{
    width: 35px;
    height: 35px;
    background-size: 100% 100%;
    margin:16px 0px 5px 0px;
}
.pathImg>a>div{
    font-size: 16px;
    font-weight: 500;
    color: #FFFFFF;
}
.queryBomb{
    background: #D5726C;
    opacity: 1;
}
.pathImg>a>.pathPic{
    width: 23px;
    height: 6px;
    background-size: 100% 100%;
}
.declareBomb{
    background:#B39C80;
}
.bgImg{
    width: 100%;
    height: 152px;
}
.bgImg>img{
    width: 100%;
    height: 100%;
    background-size: 100% 100%;
}
.newsList{
    width: 838px;
    height: auto;
}
.sortList>li{
    border-bottom: 1px dotted #DCDEE0;
}
.listPicItem{
    padding:24px 0px;
}
.listPicItem>img{
    width: 200px;
    height: 132px;
    background-size: 100% 100%;
}
.listPicItem>div{
    width: 590px;
}
.listNews>a{
    display: block;
    font-size: 16px;
    font-weight: 400;
    color:#333333;
    margin-bottom: 16px;
}
.listNews>a:hover{
    color: #B70816;
}
.listNews>div{
    font-size: 14px;
    font-weight: 400;
    line-height: 26px;
    color: #969799;
}
.listNews>div>img{
    width: 16px;
    height: 16px;
    background-size: 100% 100%;
    margin-right:12px;
    vertical-align: middle;
}
.listNews>div>span{
    font-size: 14px;
    font-family: Arial;
    font-weight: 400;
    color: #969799;
    margin-right:8px;
    vertical-align: middle;
}
.timesBox{
    margin-top: 24px;
}
.listItem{
    padding:24px 0px;
}
/* 底部 */
.footerBox{
    width: 100%;
    height: 108px;
    line-height: 100px;
    text-align: center;
    margin-top: 96px;
    border-top:8px solid #B70816;
    clear: both
}
.fl{
    float:left;
}
.link-item>a{
    display: inline-block;
    margin:12px 8px;
}