@charset "utf-8";
 body {
    background-color: #f6f6f6;
    width: 1200px;
    margin: 0 auto;
 }
 
 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
 }
 /* Head */
 
 #topnav {
     height: 110px;
     line-height: 30px;
     font-size: 12px;
     clear: both
 }
 
 #topnav .wrap img {
     float: left;
     margin: 15px 0;
 }
 
 #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: 150px;
     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
 }
 /*注释掉*/
 .loglist li.con {
     position: relative;
     margin: 0 0 15px;
     border: 1px #e5e5e5 solid;
     background: #FFF;
     padding: 10px 10px;
     clear: both;
     overflow: hidden;
     transition: all .4s linear;
 }
 
 .loglist li.con:hover {
     border: 1px #19548E solid;
 }
 
 .loglist li.con .info {
     float: left;
     width: 140px;
     line-height: 30px;
     margin-right: 20px;
     color: #999;
     font-family: "Open Sans", Arial, "Hiragino Sans GB", "Microsoft YaHei";
     border-right: 1px #e5e5e5 dotted;
     overflow: hidden;
     height: 30px;
 }
 
 .loglist li.con .info span:not(.sn) a {
     color: #999
 }
 
 .loglist li.con .info .sn a {
     display: block;
     margin: 0 0 15px;
     font-size: 16px;
     text-align: center;
     text-overflow: ellipsis;
     white-space: nowrap;
     overflow: hidden;
     border-radius: 15px 0 0 15px;
     background: #f6f6f6
 }
 
 .loglist li.con .info .sn a:hover {
     background: #f6f6f6
 }
 
 .loglist li.con .info .pi span em {
     display: none
 }
 
 .loglist li.con .info i.fa {
     margin: 0 5px 0 12px
 }
 
 .loglist li.con .des .h2 {
     font-weight: normal;
     padding: 0 0 15px;
     display: block
 }
 
 .loglist li.con .des i.fa {
     margin-right: 6px;
     font-size: 1.2em
 }
 
 .loglist li.con .des .h2 {
     font-size: 18px;
     word-break: keep-all;
     text-overflow: ellipsis;
     white-space: nowrap;
     overflow: hidden;
 }
 
 .loglist li.con .des .h2:hover {
     padding-left: 10px;
 }
 
 .loglist li.con .des .pic {
     display: block;
     float: left;
     width: 17%;
     height: 100px;
     margin-right: 10px;
     overflow: hidden
 }
 
 .loglist li.con .des img {
     width: 100%;
     max-height: 100px;
 }
 
 .loglist li.con .des .text {
     line-height: 24px;
     height: 72px;
     overflow: hidden;
 }
 
 .loglist li.con .des .tags {
     clear: both;
     padding: 10px 0 0;
 }
 
 .tags a {
     display: inline-block;
     margin: 0 3px 5px 0;
     font-size: 12px;
     border: 1px #ddd solid;
     border-radius: 12px;
     padding: 3px 8px;
     background-image: linear-gradient(#fff, #F6F6F6);
 }
 
 .loglist li.con .more {
     position: absolute;
     bottom: 0;
     right: 0;
     width: 100px;
     height: 32px;
     line-height: 32px;
     color: #fff;
     text-align: center;
     background: #d2d2d2;
 }
 
 .loglist li.con .more i {
     color: #fff;
     margin-left: 8px
 }
 
 .loglist li.con:hover .more {
     background: #19548E
 }
 
 .loglist li.con .more:hover {
     width: 150px;
 }
 
 .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;
 }
 
 #sidebar>li {
     margin-bottom: 20px;
     border: 1px #e5e5e5 solid;
     background: #FFF;
     overflow: hidden
 }
 
 #sidebar .rlist1 h3 {
     height: 40px;
     line-height: 40px;
     text-align: center;
     font-size: 16px;
     font-weight: normal;
     background: #19548E;
     color: #fff;
 }
 
 #sidebar .rlist1 ul {
     padding: 10px 12px
 }
 
 #sidebar .rlist1 ul li {
     line-height: 24px;
     border-bottom: 1px #eee dashed;
     padding: 10px 0
 }
 
 #sidebar .rlist1 ul li:last-child {
     border-bottom: 0
 }
 
 #sidebar .rlist1 .link a {
     line-height: 30px;
 }
 
 .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 {
     line-height: 26px;
     font-size: 12px;
     padding: 15px 0px;
     border-top: 1px solid #dfdfdf;
     color: #fff;
     text-align: center;
     background: #494949;
     box-shadow: 0 -1px 3px #fff;
     overflow: hidden;
     clear: both
 }
 
 #footerbar ul {
     width: 700px;
     margin: 0 auto;
 }
 
 #footerbar ul li {
     display: inline-block;
 }
 
 #footerbar .wrap {
     position: relative
 }
 
 #footerbar .wrap li a {
     color: #fff;
     padding-right: 5px;
     border-right: 1px solid #fff;
 }
 
 #footerbar ul li:last-child a {
     border: none;
 }
 
 #footerbar .wrap .zz {
     text-align: center
 }
 
 #footerbar .wrap .zz a {
     color: #737373
 }
 /* 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;
     padding: 10px
 }
 
 .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: 700px;
 }
 
 .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;
 }
 
 .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 li {
     list-style: none;
     line-height: 32px;
     border-bottom: 1px dashed #333;
     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(/html/template/csptia/images/side.jpg);
     height: 39px;
     border-bottom: 1px solid #cecece;
     position: relative;
 }
 
 .friendLink .top .mark {
     position: absolute;
     left: 5px;
     top: 16px;
 }
 
 .friendLink .top .title {
     position: absolute;
     left: 18px;
     top: 10px;
 }
 
 .linkitem {
     display: inline-block;
     margin: 5px 10px;
 }
 /*留言*/
 
 .messageCon {
     width: 880px;
     border: 1px dotted #ccc;
     background: #fff;
     float: right;
     box-sizing: border-box;
     margin-top: 15px;
     background: #f7f7f7;
 }
 
 .messageCon .title {
     height: 60px;
     line-height: 60px;
     padding: 0 20px;
 }
 
 .messageCon .title h3 {
     border-bottom: 2px dotted #ccc;
 }
 
 .messageCon form {
     width: 700px;
     margin: 0 auto;
     padding: 30px 0 80px;
 }
 
 .messageCon form div {
     margin-bottom: 20px;
     overflow: hidden;
 }
 
 .messageCon form label {
     display: inline-block;
     width: 80px;
     line-height: 40px;
     text-align: right;
 }
 
 .messageCon input {
     width: 570px;
     height: 40px;
     margin-left: 10px;
     padding-left: 5px;
     font-size: 14px;
 }
 
 .messageCon textarea {
     width: 570px;
     height: 80px;
     margin-right: 13px;
     padding-left: 5px;
     font-size: 14px;
     float: right;
     resize: none;
 }
 
 .messageCon span {
     color: red;
     float: right;
     margin-left: 10px;
     line-height: 40px;
 }
 
 .messageCon .CheckBox {
     width: 160px;
 }
 
 .messageCon img {
     position: absolute;
 }
 
 .messageCon button {
     width: 260px;
     height: 40px;
     background: #f54f4f;
     color: #fff;
     margin-right: 20px;
     font-size: 18px;
     outline: none;
     border: none;
     margin-left: 90px;
 }
/***** 侧边留言  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(/html/template/csptia/skin/images/message.png) no-repeat 24px 10px;
}
.floatBox .messge:hover{
   color: #00388D;
   background: url(/html/template/csptia/skin/images/message-b.png) no-repeat 24px 10px;
}
.floatBox .custome-services{
   background: url(/html/template/csptia/skin/images/person.png) no-repeat 24px 10px;
}
.floatBox .custome-services:hover{
   background: url(/html/template/csptia/skin/images/person-b.png) no-repeat 24px 10px;
}

.floatBox .backtop{
   background: url(/html/template/csptia/skin/images/top.png) no-repeat 24px 10px;
}
.floatBox .backtop:hover{
   background: url(/html/template/csptia/skin/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;
}
.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{
    width: 100%;
    font-family: -apple-system, BlinkMacSystemFont, 'Apple Color Emoji', Segoe UI, Roboto, Ubuntu, Helvetica Neue, Helvetica, Arial, PingFang SC, Hiragino Sans GB, Microsoft YaHei UI, Microsoft YaHei, Source Han Sans CN, sans-serif;
}
.navList{
    clear: both;
}
.topBox{
    overflow: hidden;
}
.topBox>a{
    float:left;
    width: 499px;  
    margin:32px 0px;
}
.topBox>a>img{
    width: 499px;  
    height: 72px;
    background-size: 100% 100%;
}
.searchBar {
    float: right;
    font-size: 0px;
    margin-top: 48px;
}
.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;
    font-size: 14px;
    font-weight: 400;
    color: #FFFFFF;
}
.navsActive>a{
    background: #821D18;
    opacity: 1;
}
.navMenu{
    width: 1200px;
    height: 56px;
    line-height: 56px;
    margin: 0 auto;
    background: #9B231C;
}
.navMenu>ul,
.navMenu>ul>li{
    height: 56px;
}
.navMenu>.bar>li>a{
    line-height: 56px;
}
/* 首页index */
.fl{
    float:left;
}
.fr{
    float:right;
}
.flow{
    overflow: hidden;
}
.margin-top{
    margin-top:40px;
}
.indexBanner{
    width: 384px;
    height: 256px; 
}
.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: 384px;
    height: 256px; 
    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:16px;
    overflow: hidden; 
    white-space: nowrap; 
    text-overflow: ellipsis;
}
.swiper-container .swiper-pagination{
    position: absolute;
    left:81% !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%;
}
.sortBox{
    width: 384px;
    height: 256px;
}
.sortTitle{
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #333333;
    border-bottom: 1px solid #CECECE;
}
.sortTitle>span{
    position: relative;
    padding-bottom: 12px;
    border-bottom: 2px solid #9B231C;
}
.sortTitle>a{
    color: #969799;
}
.newsList .sortBox:nth-child(3){
    margin:0px 24px;
}
.sortList>li{
    border-bottom: 1px dotted #DCDEE0;
}
.sortList>li>a{
    display: block;
    padding:12px 0px;
    font-size: 14px;
    font-weight: 400;
    color: #333333;
}
.sortList>li>a:hover{
    color:#9B231C;
}
.sortInfo{
    height: 196px;
}
.pathImg>a{
    width: 180px;
    height: 64px;
    line-height: 64px;
    text-align: center;
    font-size: 20px;
    font-weight: 500;
    color: #FFFFFF;
}
.queryBomb{
    background: url(/html/template/csptia/skin/images/query-bg.png) no-repeat 0 0;
    background-size: 100% 100%;
}
.declareBomb{
    background: url(/html/template/csptia/skin/images/declare-bg.png) no-repeat 0 0;
    background-size: 100% 100%;
}
.pathImg>a>img{
    width: 35px;
    height: 35px;
    background-size: 100% 100%;
    margin:16px 8px 0px 27px;
}
.sortNews>div,
.sortListItem{
    height: auto;
}
.sortNews>div:nth-child(2){
    margin:0px 24px;
}
.bgImg{
    width: 100%;
    height: 152px;
}
.bgImg>img{
    width: 100%;
    height: 100%;
    background-size: 100% 100%;
}
.certificateBanner{
    margin-right: 0 !important;
}
.selection-img{
    width: 100%;
    height: 108px;
    background-size: 100% 100%;
    margin-top:12px;
}
.selection{
    text-indent: 2em;
}
/* 底部 */
.footBox{
    background:#333;
    overflow: hidden;
    clear: both;
}
.footBox>div{
    text-align: center;
}
.footBox .wrap ul{
    width: 100%;
    padding:40px 0px 16px 0px;
    font-size: 0px;
}
.footBox .wrap li{
    display: inline-block;
    font-size: 14px;
}
.footBox .wrap li>a{
    display: block;
    padding:0 12px;
    border-right:1px solid #fff;
    font-weight: 400;
    line-height: 16px;
    color: #FFFFFF;
}
.footBox .wrap>p{
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    color: #FFFFFF;
    padding-bottom: 40px;
}
.noData{
    padding-top:10%;
    text-align: center;
    font-size: 16px;
}