@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: #ec8d16;
}



.loglist li.con:hover,
#blogsort ul li a:hover,
#pagenavi a:hover,
#tw li:hover i {
  border-color: ##ec8d16;
}

#topnav {
  background-color: none;
}

#topnav .tnrt a,
.comment .comment-content a.fa {
  color: #ec8d16;
}

* {
  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: #15458d
}

body {
  color: #555;
  font-family: "\5FAE\8F6F\96C5\9ED1", "\82F9\679C\4E3D\4E2D\9ED1", Arial, Helvetica, sans-serif;
  font-size: 14px;
  background-color: #f6f6f6;
  background-position: center 98px;
  background-repeat: repeat
}

.wrap {
  width: 1200px;
  margin: 0 auto;
  
}

i.fa {
  color: #aaa
}

.mcolor {
  color: #15458d!important;
}
/* Head */

#topnav {
  height: 30px;
  line-height: 30px;
  font-size: 12px;
  background: #efefef;
  clear: both
}

#topnav .tnlt {
  float: left;
  max-width: 50%;
  color: #000;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
}

#topnav .rightTnlt {
  float: right;
  color: #CCD2D7;
  display: inline-block;
}

#topnav .rightTnlt a {
  color: #000;
}

#topnav .tnrt {
  float: right
}

#topnav .tnrt a {
  color: #ec8d16;
  margin-left: 15px
}

#topnav .tnrt a i.fa {
  color: #bbb;
  margin-right: 3px
}

.topmenu .navActive {
  background: #fff;
}

.topmenu .navActive a {
  color: #ec8d16;
}

#mainav {
  width: 100%;
  height: 102px;
  color: #fff;
}

#mainav a {
  color: #15458d
}

#mainav .navbox {
  width: 100%;
  height: 102px;
  line-height: 102px;
  background: #fff;
  z-index: 9990;
  box-shadow: 0 3px 3px #fff
}

#mainav .navbox .wrap {
  position: relative;
  height: 100%;
}

#mainav .mlogo {
  float: left;
  
  overflow: hidden;
  margin: 11px auto;
}

#mainav .mlogo a {
  font-size: 30px;
}

#mainav .mlogo img {
  max-height: 100%;
}

#mainav .topName {
  width: 100%;
  height: 102px;
  background: #fff;
}

.topName .companyName {
  font-size: 42px;
  color: #0154AD;
  font-weight: bold;
}

.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;
}

.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;
}

#mainav .sub-nav li {
  width: 100%;
  height: 32px;
  line-height: 32px;
  border-top: 1px #999 solid;
  border-right: 0
}

#mainav .sub-nav li a {
  width: 100%;
  font-size: 14px;
  padding: 0
}

#mainav .sub-nav a:hover {
  background: #444;
}

#mainav .headfix {
  position: fixed;
  top: 0;
  left: 0;
  line-height: 42px;
}

#mainav .headfix .mlogo a {
  font-size: 24px
}

#mainav .headfix .mlogo img {
  height: 42px
}

#mainav .headfix .bar li a {
  font-size: 14px
}

#mainav .headfix .sub-nav {
  top: 42px
}

#mainav .fa-navicon {
  display: none;
  position: fixed;
  top: 15px;
  right: 15px;
  color: #fff;
  font-size: 2em;
  cursor: pointer;
  z-index: 9999
}
/* Left */

#content {
  padding: 22px 0;
  clear: both
}

#contentleft {
  float: left;
  width: 880px;
}

.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 .ui-banner-slogans{
  position:static;
  
}

.ui-banner ul {
  overflow: hidden;
  float:left;  
  width:560px;
  height:400px;
  padding:0px;
}

.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: 620px;
  height: 400px;
  overflow: hidden;
  background: #fff;
  float:right;
}

.ui-banner .ui-banner-slogans li {
  padding: 17px 0;
  border-bottom: 1px #ddd dotted;
  list-style: none;
}

.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: 30px;
  line-height: 22px;
  padding: 5px 0 0;
  overflow: hidden
}

.ui-banner .ui-banner-slogans li.ui-banner-slogans-current h3 {
  color: #ec8d16;
}

.ui-banner .ui-banner-slogans li.ui-banner-slogans-prev {
  border-bottom: none;
}



.itbox {
  position: relative;
  height: 42px;
  line-height: 42px;
  margin: 0 0 15px;
  background: #FFF;
}

.itbox h3 {
  position: absolute;
  top: 0;
  left: 0;
  width: 110px;
  text-align: center;
  color: #fff;
  font-size: 15px;
  background-image: url(../images/11.png);
  box-shadow: 20px 0 30px #fff;
}

.itscroll {
  border: 0 #fff solid;
  border-width: 0 15px 0 110px;
  clear: both;
  overflow: hidden
}

.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;
  margin-top:16px;
}

.cmslist {
  float: left;
  width: 404px;
  min-height: 356px;
  margin: 0 20px 16px 0;
  border: 1px #e5e5e5 solid;
  background: #FFF;
  padding: 5px 12px;
}

.cmslist:nth-child(2n) {
  margin: 0 0 16px 0;
}

.cmslist .xyti {
  height: 48px;
  line-height: 48px;
  border-bottom: 1px #e5e5e5 solid;
}

.cmslist .xyti h3 {
  font-size: 18px;
  display: inline-block;
}

.cmslist .xyti .more {
  float: right;
  cursor: pointer;
}

.cmslist .xyti .more:active {
  color: #ec8d16;
}

.cmslist .xyti h3 i.fa {
  margin-right: 9px
}

.cmslist ul {
  padding: 8px 0;
  list-style-type: square;
  margin-left: 18px;
}

.cmslist li {
  height: 28px;
  line-height: 28px;
  font-size: 14px;
  color: #15458d;
}

.cmslist li a {
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.cmslist li i.fa {
  font-size: 10px;
  margin-right: 6px
}

.cmslist li.first {
  height: 80px;
  line-height: 18px;
  white-space: normal;
  padding: 5px 0
}

.cmslist li.first .pic {
  display: block;
  float: left;
  width: 120px;
  height: 80px;
  margin-right: 10px;
  overflow: hidden
}

.cmslist li.first img {
  width: 120px;
  height: 80px;
}

.cmslist li.first img:hover,
.loglist li.con .des img:hover {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
}

.cmslist li.first .text {
  display: block;
  width: 160px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden
}

.cmslist li.first div {
  color: #999;
  font-size: 12px;
  padding-top: 4px;
}

.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 #c00000 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;
  font-weight: bold;
}

.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: 28px;
  height: 54px;
  margin-top: 10px;
  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: #ec8d16
}

.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: right;
  width: 300px;
  overflow: hidden;
  margin-top:16px;
}

#sidebar>li {
  margin-bottom: 20px;
  border: 1px #e5e5e5 solid;
  background: #FFF;
  overflow: hidden
}

#sidebar .rlist1 h3 {
  height: 40px;
  line-height: 40px;
  font-size: 18px;
  font-weight: normal;
  background:#efefef;
  color: #fff;
}
#sidebar .rlist1 h3 span{
  display:inline-block;
  height:40px;
  line-height:40px;
  background:#15458d;
  width:120px;
  text-align:center;
  font-weight:bold;
}

#sidebar .rlist1 ul {
  padding: 10px 12px
}

#sidebar .rlist1 ul li {
  line-height: 24px;
  border-bottom: 1px #e5e5e5 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: #ec8d16
}

.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 #ec8d16 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: #ec8d16;
  background: #ec8d16
}

#pagenavi span {
  color: #aaa;
  background: #f6f6f6
}
/* Foot */

.footer {
  line-height: 46px;
  font-size: 13px;
  padding: 15px 0px;
  border-top: 1px solid #dfdfdf;
  color: #4c4c4c;
  text-align: center;
  background: #fff;
  box-shadow: 0 -1px 3px #fff;
  overflow: hidden;
  clear: both
}

.footer ul {
  width: 700px;
  margin: 0 auto;
}

.footer ul li {
  display: inline-block;
}

.footer .wrap {
  position: relative
}

.footer .wrap li a {
  color: #4c4c4c;
  padding-right: 5px;
  border-right: 1px solid #4D4D4D;
}

.footer ul li:last-child a {
  border: none;
}

.footer .wrap .zz {
  text-align: center
}

.footer .wrap .zz a {
  color: #737373
}

#backtop {
  display: none;
  position: fixed;
  left: 50%;
  bottom: 170px;
  margin-left: 625px;
  color: #888;
  font-size: 32px;
  text-align: center;
  cursor: pointer;
  transition: all .3s linear;
}

#backtop:hover {
  color: #f90
}
/* 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: 30px;
  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: #ec8d16
}

.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: #ec8d16;
  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: #ec8d16
}

#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: #ec8d16
}

#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: #ec8d16;
  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: #ec8d16
}

.mycenterad .name_price .gobuy {
  text-align: center;
  width: 50%;
  margin: 20px 0 0;
  background: #ec8d16;
  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;
}
/*#mainav .mlogo a{
outline: none;
text-decoration: none;
position: relative;
font-size: 30px;
line-height: 1;
color: #fff;
display: inline-block;
font-family: serif;
}   

.lvxv--logowz {
text-transform: uppercase;
font-weight: 900;
overflow: hidden;
line-height: 0.75;
color: #b2b0a9;
}

.lvxv--logowz:hover {
color: #b2b0a9;
}

.lvxv--logowz::after {
content: '';
position: absolute;gi
height: 16px;
width: 100%;
top: 50%;
margin-top: -8px;
right: 0;
background: #F9F9F9;
transform: translate3d(-100%,0,0);
transition: transform 0.4s;
transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}

.lvxv--logowz:hover::after {
transform: translate3d(100%,0,0);
}

.lvxv--logowz::before {
content: attr(data-letters);
position: absolute;
z-index: 2;
overflow: hidden;
color: #424242;
white-space: nowrap;
width: 0%;
transition: width 0.4s 0.3s;
}

.lvxv--logowz:hover::before {
width: 100%;
} */

.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 #ec8d16;
  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: #ec8d16;
  color: #fff;
  border: 1px solid #ec8d16
}

.pagess ul li:hover a {
  color: #fff;
}

.pagess ul li.thisclass {
  display: inline-block;
  border: 1px solid #ec8d16;
  padding: 2px 9px;
  margin: 0 3px;
  background: #ec8d16;
  color: #fff;
}

.pagess ul li.thisclass a {
  color: #fff;
}

.pagess ul li a {
  display: block;
  color: #999
}

.pagess ul li a:hover {
  color: #fff;
}
/*鐠囧嫯顔�------------*/

.gbko {
  padding-left: 3%
}

.mt1 {
  background-color: #fff;
  overflow: hidden;
  width: 100%
}

.mt1 .tbox {
  width: 100%;
  padding-top: 2%
}

.posttitle {
  height: 22px;
  line-height: 22px;
  font-size: 18px;
  font-weight: normal;
  border-left: 3px solid #3169b0;
  padding-left: 8px;
  margin: 8px 0px 12px 0;
}

.posttitle strong {
  color: #3169b0;
  font-weight: normal;
}

.decmt-box2 {
  width: 98%;
  padding: 6px 10px 6px 0;
  margin: 0px auto;
  overflow: hidden;
  clear: both;
}

.decmt-box2 span.fr {
  float: right;
}

.decmt-box2 span.title {
  float: left;
  width: 80%;
  line-height: 20px;
}

.decmt-box2 ul {}

.decmt-box2 ul li {
  width: 100%;
  border-bottom: 1px dashed #ccc;
  padding-bottom: 10px;
  overflow: hidden;
}

.decmt-box2 ul li a.plpic {
  float: left;
  width: 46px;
  height: 46px;
  background: #F9FDED;
  margin-right: 5px;
  overflow: hidden;
}

.decmt-box2 ul li a.plpic img {
  width: 40px;
  height: 40px;
  padding: 2px;
  border: 1px solid #DFD9B9;
}

.decmt-box2 ul li p {
  float: left;
  width: 630px;
  line-height: 22px;
}

.decmt-box2 .comment_act {
  float: left;
  width: 80%;
  line-height: 20px;
  color: #aeaeae;
}

.decmt-box2 .comment_act a {
  color: #aeaeae;
}

.decmt-box {
  width: 98%;
  padding: 6px 5px;
  margin: 0px auto;
  overflow: hidden;
  clear: both;
}

.decmt-box span.fr {
  float: right;
}

.decmt-box span.title {
  float: left;
  line-height: 20px;
  width: 600px;
}

.decmt-box ul {}

.decmt-box ul li {
  width: 100%;
  border-bottom: 1px dashed #ccc;
  padding-bottom: 10px;
  overflow: hidden;
}

.decmt-box ul li a.plpic {
  float: left;
  width: 40px;
  height: 40px;
  padding: 2px;
  border: 1px solid #DFD9B9;
  background: #F9FDED;
  margin-right: 5px;
  overflow: hidden;
}

.decmt-box ul li p {
  float: left;
  width: 630px;
  line-height: 22px;
}

.decmt-box .comment_act {
  float: left;
  width: 630px;
  line-height: 20px;
  color: #aeaeae;
}

.decmt-box .comment_act a {
  color: #aeaeae;
}

.decmt-box1 {
  width: 98%;
  padding: 6px 5px;
  margin: 0px auto;
  overflow: hidden;
  clear: both;
}

.decmt-box1 span.fr {
  float: right;
}

.decmt-box1 span.title {
  float: left;
  line-height: 20px;
  width: 600px;
}

.decmt-box1 ul {}

.decmt-box1 ul li {
  width: 100%;
  border-bottom: 1px dashed #ccc;
  padding: 10px 0;
  overflow: hidden;
}

.decmt-box1 ul li a.plpic {
  float: left;
  width: 40px;
  height: 40px;
  padding: 2px;
  border: 1px solid #DFD9B9;
  background: #F9FDED;
  margin-right: 5px;
  overflow: hidden;
}

.decmt-box1 ul li p {
  float: left;
  width: 880px;
  line-height: 22px;
}

.decmt-box1 .comment_act {
  float: left;
  width: 880px;
  line-height: 20px;
  color: #aeaeae;
}

.decmt-box1 .comment_act a {
  color: #aeaeae;
}

.dede_comment .decmt-box .decmt-title {
  line-height: 19px;
  color: #999;
  font-family: Tahoma;
}

.dede_comment .decmt-box .decmt-title span {
  margin-right: 2px;
  vertical-align: middle;
}

.dede_comment .decmt-box .decmt-title .moodico {
  height: 18px;
  width: 18px;
  display: inline-block;
}

.dede_comment .decmt-box .decmt-title .username {
  color: #669;
}

.dede_comment .decmt-box .decmt-title .username a {
  color: #669;
}

.dede_comment .decmt-box .decmt-title .username a:hover {
  text-decoration: none;
  color: #690;
}

.dede_comment .decmt-box .decmt-title .ip {
  color: #669;
  font-size: 11px;
}

.dede_comment .decmt-box .decmt-title .date {
  color: #555;
  font-size: 11px;
}

.dede_comment .decmt-box .decmt-act {
  float: right;
  margin-top: -18px;
  padding-right: 10px;
  position: relative;
  clear: both;
  color: #999;
}

.dede_comment .decmt-box .decmt-act span {
  margin-right: 7px;
}

.dede_comment .decmt-box .decmt-act span a {
  color: #888;
}

.dede_comment .decmt-box .decmt-content {
  color: #555;
  line-height: 21px;
  clear: both;
  width: 99%;
  margin: 2px auto 0px;
  /*background:url(../images/ico-comment-quote.gif) 0px 4px no-repeat;text-indent:18px;*/
}

.dede_comment .decmt-box .decmt-content img {
  vertical-align: middle;
}

.decmt-box,
.decmt-content .decmt-box,
.dede_comment .decmt-box .decmt-box {
  background: #FFE;
  border: 1px solid #CCC;
  margin: 6px auto;
}

.dede_comment .decmt-box .decmt-box .decmt-title {
  text-indent: 4px;
}

.dede_comment .decmt-box .decmt-box .decmt-content {
  color: #555;
}

.nocomment {
  padding: 10px;
  color: #666;
}

.dede_comment_post {
  padding: 5px 0;
}

.dcmp-content {
  padding-top: 8px;
}

.dcmp-content textarea {
  width: 98%;
  height: 120px;
  display: block;
  border: 1px solid #dedede;
  padding: 4px 8px;
  line-height: 24px;
  color: #666;
}

.dcmp-content1 {
  /*width:700px;*/
  padding-top: 8px;
}

.dcmp-content1 textarea {
  height: 100px;
  width: 700px;
  float: left;
}

.dcmp-post {
  overflow: hidden;
  clear: both;
  color: #444;
  padding: 5px 0 10px 0;
}

.dcmp-post .dcmp-userinfo {
  float: left;
  margin-right: 6px;
  width: 100%
}

.dcmp-post .dcmp-userinfo .yzm {
  height: 30px;
  line-height: 30px;
}

.dcmp-post .dcmp-userinfo input {
  height: 25px;
  padding-right: 0px;
  border: 1px solid #dedede;
}

.dcmp-post .dcmp-userinfo input,
.dcmp-post .dcmp-userinfo img {
  vertical-align: middle;
  margin: 5px;
  display: inline-block
}

.dcmp-post .dcmp-submit {
  float: left;
  padding-top: 6px;
  width: 100%
}

.dcmp-post .dcmp-submit input,
.dcmp-post .dcmp-submit button {
  vertical-align: middle;
}

.dcmp-post .dcmp-submit button {
  background-image: none;
  height: 45px;
  width: 145px;
  background-color: #0077dd;
  font-size: 16px;
  color: #fff;
  text-align: center;
  line-height: 45px;
  float: left;
  border: 0px;
  margin: 15px 15px 0px 0px;
  cursor: pointer;
}

.dcmp-post .dcmp-submit .comment-sm {
  height: 45px;
  line-height: 45px;
  width: 400px;
  display: block;
  float: left;
  overflow: hidden;
  color: #333;
  margin-top: 15px;
}
/* 鍒嗛〉鏍峰紡 */

.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: #ec8d16;
  color: #ec8d16;
}

.paging a {
  color: #333333
}

.paging a:hover {
  color: #ec8d16
}


p.title{color:#1e50ae;font-size:4.5rem;font-weight:bold} 
p.sub-title{color:#1e50ae;font-size:2rem;padding-top:1.5rem;padding-bottom:6.2rem} 
.desc{margin-top:3rem;margin-bottom:2.8rem} 
.desc ul.desc-list{display:inline-block;font-size:1.4rem;color:#666666;margin:0 auto;white-space:nowrap;text-align:left} 
.desc ul.desc-list::after{content:'.';display:block;width:0;height:0;clear:both;visibility:hidden} 
.desc ul.desc-list li:not(:last-child)::after{content:'';display:block;width:2px;height:95px;background-color:#fafafa;position:absolute;right:-4.6rem;top:1.1rem} 
.desc ul.desc-list li{padding:1rem;width:15rem;float:left;text-align:center;margin:0 4rem;position:relative} 
.desc ul.desc-list li .title{font-size:1.6rem;color:#333333;font-weight:bold} 
.desc ul.desc-list li .content{white-space:normal;word-break:break-all;text-align:center;font-size:1.4rem;color:#666666} 
.links{padding-bottom:3.8rem;padding-top:2rem;text-align:center;background-color:#f5f5f5} 
.links .links-title{font-size:2.2rem;color:#000}
.links .line{border:1px solid #1e50ae;width:6rem;margin:1rem auto;margin-bottom:2rem} 
.links ul.links-list{display:inline-block;font-size:1.4rem;color:#666666;margin:0 auto;width:98rem;white-space:nowrap;text-align:left} 
.links ul.links-list::after{content:'.';display:block;width:0;height:0;clear:both;visibility:hidden} 
.links ul.links-list li{padding:1rem;width:24rem;float:left} 
.links ul.links-list a{color:#666666;text-decoration-line:none} 
.search-field{width:875px;
  margin-top: 15px;
  margin-bottom: 10px;
  text-align: left;
  height: 80px;
  border: 2px solid #ec8d16;
  position: relative;
  background-color: #fff;}
.search-text{display:block;height:4.8rem;line-height:4.8rem;border:none;float:left;margin-left:2rem} 
.search-text input[type="text"]{width:48rem;border:none;outline:0;background-color:transparent;    font-size: 20px;  } 
.search-btn{width:15rem;line-height:4.9rem;position:absolute;right:0;color:#fff;border:1px solid #ec8d16;background-color:#ec8d16;font-size:25px;letter-spacing:0.2rem;outline:medium;-webkit-appearance:none;cursor:pointer;font-weight:bold}@media screen and (max-device-width: 600px){{padding-top:0;background-size:100% auto} 
.search-field{width:90%;height:4.2rem} 
.search-text{height:4.2rem;line-height:4.2rem;font-size:2.1rem}
.search-text input[type="text"]{width:12rem;font-size:3rem} 
.search-btn{width:9rem;line-height:3.9rem;height:3.9rem}