@charset "utf-8";
@import url("iconfont.css");
* {
  box-sizing: border-box;
}
.fa-search {
    height: 117px;
}
#show {
  height: 0;
}
.clearfix:after {
  content: " ";
  display: block;
  clear: both;
  height: 0;
}
.clearfix {
  zoom: 1;
}
.left {
  float: left !important;
}
.right {
  float: right !important;
}
.align_left {
  text-align: left !important;
}
.align_center {
  text-align: center !important;
}
.align_right {
  text-align: right !important;
}
.fixed {
  position: fixed !important;
}
.absolute {
  position: absolute !important;
}
.relative {
  position: relative !important;
}
.inherit {
  position: inherit !important;
}
.show {
  display: block !important;
}
.hide {
  display: none !important;
}
.hidden {
  overflow: hidden !important;
}
.block {
  display: block;
}
.overflow {
  overflow: auto !important;
}
.nobg {
  background: none !important;
}
.nobd {
  border: 0px !important;
}
.nobold {
  font-weight: normal !important;
}
.inline {
  display: inline-block !important;
}
.pointer {
  cursor: pointer;
}
.nowrap {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.multiple-wrap {
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
.multiple-wrap-2 {
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
.multiple-wrap-3 {
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
}
.deg90 {
  transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  /* IE 9 */
  -moz-transform: rotate(90deg);
  /* Firefox */
  -webkit-transform: rotate(90deg);
  /* Safari 和 Chrome */
  -o-transform: rotate(90deg);
  /* Opera */
}
.deg180 {
  transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  /* IE 9 */
  -moz-transform: rotate(180deg);
  /* Firefox */
  -webkit-transform: rotate(180deg);
  /* Safari 和 Chrome */
  -o-transform: rotate(180deg);
  /* Opera */
}
.deg270 {
  transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  /* IE 9 */
  -moz-transform: rotate(270deg);
  /* Firefox */
  -webkit-transform: rotate(270deg);
  /* Safari 和 Chrome */
  -o-transform: rotate(270deg);
  /* Opera */
}
.hover img {
  transition: all .5s ease;
}
.hover:hover img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.w-full {
  width: 100% !important;
}
.container {
  margin: 0 auto;
  overflow: hidden;
}
.row {
  overflow: auto;
}
.indent-30 {
  text-indent: 30px;
}
.label-1 a {
  display: inline-block;
  padding: 2px 5px;
  color: #999;
}
.label-1 a:hover {
  color: #5bc0de;
}
.label-pic a {
  display: inline-block;
  padding: 10px 20px;
  background: #fff;
  border: 1px solid #d0d4d7;
  border-radius: 50px;
  margin: 0 10px 10px 0;
  color: #666;
}
.label-pic a:hover {
  background: #5bc0de;
  color: #fff;
}
.label-hot a {
  display: inline-block;
  padding: 7px 15px;
  background: #fff;
  border: 1px solid #d0d4d7;
  border-radius: 50px;
  margin: 0 10px 10px 0;
  color: #666;
}
.label-hot a:hover {
  background: #5bc0de;
  color: #fff;
}
.tag-media a {
  display: inline-block;
  padding: 0px 15px;
  background: #fff;
  border: 1px solid #d0d4d7;
  border-radius: 10px;
  margin: 0 10px 10px 0;
  color: #666;
}
.tag-media a:hover {
  background: #5bc0de;
  color: #fff;
}
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9 {
  float: left;
}
.col-md-12 {
  width: 100%;
}
.col-md-11 {
  width: 91.66666667%;
}
.col-md-10 {
  width: 83.33333333%;
}
.col-md-9 {
  width: 75%;
}
.col-md-8 {
  width: 66.66666667%;
}
.col-md-7 {
  width: 58.33333333%;
}
.col-md-6 {
  width: 50%;
}
.col-md-5 {
  width: 41.66666667%;
}
.col-md-4 {
  width: 33.33333333%;
}
.col-md-3 {
  width: 25%;
}
.col-md-2 {
  width: 16.66666667%;
}
.col-md-1 {
  width: 8.33333333%;
}
.tabs {
  width: 100%;
  height: auto;
}
.tabs .nav-tabs {
  border-bottom: 1px solid #ddd;
  height: 42px;
}
.tabs .nav-tabs li {
  border-radius: 3px;
  padding: 12px;
  height: 42px;
  color: #333;
  text-align: center;
  float: left;
  cursor: pointer;
}
.tabs .nav-tabs li.active {
  border: 1px solid #ddd;
  border-bottom: 1px solid #FAFAFA;
}
.tabs .nav-tabs li:hover {
  background: #eee;
}
.tabs .tab-content {
  padding: 15px 0;
  width: 100%;
  height: auto;
}
.tabs .tab-content .tabsbox {
  width: 100%;
  height: auto;
  display: none;
}
.silde {
  padding: 0 10px;
  width: 100%;
  height: auto;
  overflow: hidden;
}
.silde .aside-head {
  position: relative;
  width: 100%;
  height: 40px;
  line-height: 40px;
  cursor: pointer;
  color: #000;
  border-top: 0px solid #F0F0F0;
}
.silde .aside-head i.arrow {
  float: right;
  color: #ccc;
}
.silde .aside-list {
  background: #f1f1f1;
  width: 100%;
  height: auto;
  display: none;
}
.silde .aside-list ul {
  list-style-type: none;
}
.silde .aside-list ul li {
  border-bottom: 0px solid #F0F0F0;
  width: 100%;
  height: 30px;
  line-height: 30px;
}
.silde .aside-list ul li a {
  text-decoration: none !important;
  padding-left: 10px;
  color: #333;
  display: block;
  width: 100%;
  box-sizing: border-box;
}
.silde .aside-list ul li a a:hover {
  color: #f00;
}
.gotop-1 {
  background: #5bc0de;
  position: fixed;
  bottom: 100px;
  right: 10px;
  display: none;
  z-index: 9999;
  box-shadow: 0 1px 8px rgba(66, 66, 66, 0.1);
  text-align: center;
}
.gotop-1 img {
  border: none;
  width: 70px;
}
.gotop-1 ul {
  width: 45px;
  minn-height: 195px;
}
.gotop-1 ul li {
  border-bottom: 1px solid #6fd3f1;
  padding: 5px;
  width: 45px;
  min-height: 45px;
  font-size: 12px;
  color: #fff;
}
.gotop-1 ul li i {
  display: block;
  font-size: 18px;
  color: #fff;
}
.gotop-1 ul li span {
  display: block;
}
.gotop-1 ul li a {
  color: #fff;
}
.gotop-1 ul li:hover {
  background: #6fd3f1;
  color: #fff !important;
}
.gotop-1 ul li:hover i {
  color: #fff;
}
.gotop-1 ul li:hover a {
  color: #fff;
}
.gotop-1 ul li.sign {
  background: #fff;
  line-height: 35px;
  color: #f67f00;
}
.gotop-1 ul li.sign:hover {
  background: #fff;
  color: #f67f00 !important;
}
.gotop-1 ul li.wx {
  position: relative;
}
.gotop-1 ul li.wx .qr {
  position: absolute;
  left: -176px;
  bottom: 0;
  background: #fff;
  box-shadow: 0 0 1px 0px rgba(0, 0, 0, 0.3), 0 0 6px 2px rgba(0, 0, 0, 0.15);
  padding: 23px 20px;
  color: #333;
}
.gotop-1 ul li.wx .qr img {
  width: 135px;
}
.gotop-1 ul li.wx:hover .qr {
  display: block;
}
.gotop-2 {
  background: #fff;
  position: fixed;
  bottom: 0px;
  right: 8px;
  display: none;
  z-index: 9999;
  box-shadow: 0 1px 8px rgba(66, 66, 66, 0.1);
  text-align: center;
}
.gotop-2 img {
  border: none;
  width: 40px;
}
.gotop-2 ul {
  width: 40px;
  minn-height: 195px;
}
.gotop-2 ul li {
  border-bottom: 1px solid #eee;
  width: 40px;
  height: 40px;
  line-height: 40px;
}
.gotop-3 {
  background: #fff;
  position: fixed;
  top: 200px;
  left: 8px;
  display: none;
  z-index: 9999;
  box-shadow: 0 1px 8px rgba(66, 66, 66, 0.1);
  text-align: center;
}
.gotop-3 img {
  border: none;
  width: 64px;
}
.gotop-3 ul {
  border-top: 2px solid #5bc0de;
  width: 64px;
  minn-height: 195px;
}
.gotop-3 ul li {
  padding: 12px;
  border-bottom: 1px solid #eee;
  width: 64px;
  height: 64px;
  cursor: pointer;
}
.gotop-3 ul li.spread {
  position: relative;
}
.gotop-3 ul li.spread .spread-img {
  display: none;
  position: absolute;
  left: 70px;
  bottom: 0;
  background: #fff;
  box-shadow: 0 0 1px 0px rgba(0, 0, 0, 0.3), 0 0 6px 2px rgba(0, 0, 0, 0.15);
  padding: 23px 20px;
  color: #333;
}
.gotop-3 ul li.spread .spread-img img {
  width: 110px;
}
.gotop-3 ul li.spread:hover .spread-img {
  display: block;
}
.gotop-4 {
  position: fixed;
  top: 250px;
  display: none;
  z-index: 9999;
  text-align: center;
}
.gotop-4 img {
  border: none;
  width: 40px;
}
.gotop-4 ul {
  width: 40px;
  minn-height: 195px;
}
.gotop-4 ul li {
  width: 50px;
  line-height: 40px;
  text-align: center;
}
.position {
  padding: 15px 25px;
  font-size: 16px;
  color: #999;
}
.position a {
  color: #999;
}
.position a:hover {
  color: #5bc0de;
}
.channel-wrap {
  line-height: 40px;
}
.channel-wrap a {
  background: #ff9da0;
  display: inline-block;
  width: 125px;
  height: 75px;
  line-height: 75px;
  color: #fff;
  float: left;
}
.page-line {
  background: #5bc0de;
  position: absolute;
  top: 0;
  left: 15px;
  display: block;
  width: 80px;
  height: 3px;
}
.page-line-2 {
  background: #5bc0de;
  position: absolute;
  top: 0;
  right: 15px;
  display: block;
  width: 80px;
  height: 3px;
}
.send_info {
  background: #fff;
  margin-bottom: 10px;
  border-radius: 2px;
  width: 100%;
  height: auto;
}
.send_info .sendtitle {
  padding: 0 10px;
  height: 40px;
  line-height: 40px;
  color: #5bc0de;
}
.send_info .send-input {
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
}
.send_info .send-input textarea {
  width: 100%;
  height: 60px;
  margin: 0px;
  padding: 5px;
  border-style: none;
  border-width: 0px;
  font-size: 14px;
  word-wrap: break-word;
  line-height: 18px;
  overflow: hidden;
  outline: none;
}
.send_info .operate {
  padding: 10px;
  height: 50px;
}
.send_info .operate a {
  padding: 0 5px 0 0;
  color: #333;
}
.send_info .operate button {
  background: #5bc0de;
  color: #fff;
}
.user-photos {
  background: #fff;
  margin-bottom: 10px;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
  border-radius: 2px;
  height: auto;
}
.user-photos .user-head {
  background: #ccc;
  height: 80px;
  text-align: center;
}
.user-photos .user-head img {
  margin-top: 30px;
  border-radius: 50%;
  width: 60px;
  height: 60px;
}
.user-photos .user-info {
  height: 100px;
}
.user-photos .user-info .name-box {
  padding: 15px 0;
  text-align: center;
}
.user-photos .user-info .name-atten {
  height: 45px;
}
.user-photos .user-info .name-atten ul li {
  width: 50%;
  height: 35px;
  float: left;
  text-align: center;
}
.user-photos .user-info .name-atten ul li a {
  color: #333;
}
.user-photos .user-info .name-atten ul li strong,
.user-photos .user-info .name-atten ul li span {
  display: block;
}
.user-photos .user-info .name-atten ul li:nth-child(2) {
  border-left: 1px solid #d9d9d9;
}
.user-photos .user-info .name-atten:after {
  content: "";
  clear: both;
}
.user-photos .user-info-art {
  border-top: 1px solid #eee;
  padding: 15px;
  height: 130px;
}
.user-photos .user-info-art ul li {
  padding: 5px;
  width: 33.333333%;
  height: 100px;
  float: left;
  text-align: center;
}
.user-photos .user-info-art ul li a {
  color: #333;
}
.user-photos .user-info-art ul li strong,
.user-photos .user-info-art ul li span {
  display: inline-block;
}
.user-photos .user-info-art:after {
  content: "";
  clear: both;
}
.user-photos .introduction {
  padding: 15px;
  line-height: 25px;
  font-size: 12px;
  color: #666;
}
.user-photos .introduction span {
  font-weight: bold;
}
.form-wrap {
  border: 0px solid #ddd;
}
.form-wrap li {
  position: relative;
  padding: 10px 5px 10px 100px;
  min-height: 30px;
  line-height: 30px;
}
.form-wrap li label {
  position: absolute;
  left: 0px !important;
  top: 50%;
  margin-top: -15px;
  font-size: 14px;
  color: #666;
  font-weight: normal;
}
.con-list {
  background: #FFF;
  margin-bottom: 10px;
  height: auto;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
  border-radius: 2px;
}
.con-list .con-wrap {
  position: relative;
  padding: 15px 15px 15px 80px;
}
.con-list .con-wrap .photos {
  position: absolute;
  top: 15px;
  left: 15px;
  width: 50px;
  height: 50px;
}
.con-list .con-wrap .photos a {
  display: block;
}
.con-list .con-wrap .photos img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
}
.con-list .con-wrap .user_info .username {
  font-weight: bold;
}
.con-list .con-wrap .user_from {
  font-size: 10px;
  color: #808080;
}
.con-list .con-wrap .user_text {
  line-height: 23px;
}
.con-list .con-wrap .user_text .topic {
  color: #eb7350;
}
.con-list .bottom-wrap {
  border-top: 1px solid #f1f1f1;
  padding: 5px 0;
  min-height: 35px;
  font-size: 12px;
}
.con-list .bottom-wrap ul {
  overflow: auto;
}
.con-list .bottom-wrap ul li {
  box-sizing: border-box;
  border-right: 1px solid #eee;
  width: 25%;
  height: 25px;
  line-height: 25px;
  color: #808080;
  float: left;
  text-align: center;
  cursor: pointer;
}
.con-list .bottom-wrap ul li:hover {
  color: #eb7350;
}
.con-list .bottom-wrap ul li .iconfont {
  margin-right: 10px;
  font-size: 16px;
}
.con-list .bottom-wrap ul li .is-collect {
  color: #eb7350;
}
.con-list .bottom-wrap ul li:last-child {
  border: 0;
}
.img-grid {
  padding: 0px !important;
  width: 362px;
  overflow: hidden;
}
.img-grid li {
  padding: 0px;
  margin-top: 4px;
  margin-right: 4px;
  width: 110px;
  height: 110px;
  float: left;
}
.img-grid img {
  width: 110px;
  height: 110px;
  cursor: pointer;
}
.grid {
  background: #fff;
}
.grid li {
  position: relative;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  height: 180px;
  line-height: 180px;
  font-size: 18px;
  text-align: center;
  overflow: hidden;
}
.grid li .grid-cover {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  bottom: 0;
  line-height: 20px;
  background-color: #269bff;
  padding: 25px;
  font-size: 14px;
  color: #fff;
  transition: top .2s ease;
  text-align: left;
}
.grid li .grid-cover .title {
  border-left: 3px solid #ffb230;
  padding-left: 8px;
  font-size: 20px;
}
.grid li .grid-cover .desc {
  padding: 10px 0 15px 0;
}
.grid li .grid-cover a {
  color: #fff;
}
.grid li:hover .grid-cover {
  top: 0;
}
.grid li:nth-child(4n) {
  border-right: 0px solid #ddd;
}
.grid li:nth-child(5),
.grid li:nth-child(6),
.grid li:nth-child(7),
.grid li:nth-child(8) {
  border-bottom: 0px solid #ddd;
}
.bigimg-wrap {
  display: none;
  background: #eee;
  margin-left: -80px;
  margin-right: -15px;
  margin-bottom: 0;
  padding: 30px;
  padding-left: 80px;
  padding-right: 15px;
}
.bigimg-wrap .hideimg {
  cursor: url('/source/public/images/small.cur'), auto;
}
.bigimg-wrap .bigimg_tab {
  height: 30px;
}
.bigimg-wrap .bigimg_tab a {
  margin-right: 10px;
  padding: 10px 0;
  color: #333;
}
.bigimg-wrap .thumblist {
  height: 62px;
}
.bigimg-wrap .thumblist li {
  margin-right: 4px;
  padding: 10px 0;
  width: 52px;
  height: 52px;
  float: left;
}
.bigimg-wrap .thumblist li img {
  width: 52px;
  height: 52px;
}
.bigimg-wrap .thumblist:after {
  content: "";
  clear: both;
}
.timeline {
  padding: 0 10px;
  width: 100%;
  height: auto;
  overflow: hidden;
}
.timeline .line-head {
  position: relative;
  border-right: 4px solid #24adbd;
  margin-bottom: 5px;
  padding-right: 10px;
  width: 100%;
  height: 30px;
  line-height: 30px;
  cursor: pointer;
  color: #24adbd;
  border-top: 0px solid #F0F0F0;
}
.timeline .line-head i.arrow {
  float: right;
  color: #ccc;
}
.timeline .line-head.current {
  background: #24adbd;
}
.timeline .line-head.current a {
  color: #fff;
}
.timeline .line-head a {
  color: #24adbd;
}
.timeline .line-list {
  width: 100%;
  height: auto;
  display: none;
}
.timeline .line-list ul {
  list-style-type: none;
}
.timeline .line-list ul li {
  border-bottom: 0px solid #F0F0F0;
  width: 100%;
  height: 30px;
  line-height: 30px;
}
.timeline .line-list ul li a {
  text-decoration: none !important;
  padding-left: 10px;
  color: #24adbd;
  display: block;
  width: 100%;
  box-sizing: border-box;
}
.timeline .line-list ul li a.current {
  font-weight: bold;
}
.timeline .line-list ul li a a:hover {
  color: #f00;
}
.cat-label {
  background-color: #e7c6a7;
  margin-right: 10px;
  position: relative;
  padding: 2px 6px 4px;
}
.cat-label .label-arrow {
  top: 7px;
  right: -4px;
  border-left: 4px solid #e7c6a7;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  position: absolute;
  width: 0;
  height: 0;
  vertical-align: top;
  content: "";
}
.text-scroll {
  width: 100%;
  /*单行显示，超出隐藏*/
  height: 42px !important;
  /*固定公告栏显示区域的高度*/
  overflow: hidden;
  position: relative;
  padding-left: 25px;
  padding-right: 350px;
}
.text-scroll .icons {
  position: absolute;
  top: 0;
  left: 0;
}
.text-scroll .statistics {
  position: absolute;
  top: 0;
  right: 0;
  width: 350px;
}
.text-scroll ul {
  height: 42px !important;
}
.text-scroll ul li {
  border: 0 !important;
  width: 100% !important;
  height: 42px !important;
  line-height: 42px !important;
  font-size: 14px !important;
  color: #fff !important;
  /*以下为了单行显示，超出隐藏*/
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: left !important;
  overflow: hidden;
}
.text-scroll ul li a {
  height: 42px !important;
}
.ad-wrap {
  position: relative !important;
  overflow: hidden;
  /*&:hover{
		.ad-flag{
			position: absolute !important;
			right: -34px;;
			bottom: 2px;
		}
	}*/
}
.ad-wrap .ad-flag {
  position: absolute !important;
  right: 5px;
  bottom: 5px;
  width: 34px;
  transition: 1s;
  -moz-transition: 1s;
  -webkit-transition: 1s;
  -o-transition: 1s;
}
.ad-wrap .ad-full {
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  width: 1920px;
  height: auto;
  left: 50%;
  margin-left: -960px;
}
.ad-wrap .ad-group li {
  padding: 1px 2px;
  text-align: center;
}
.ad-wrap .ad-group li img {
  width: 100%;
}
.ad-wrap .ad-group-txt li {
  padding: 15px 5px;
  text-align: center;
}
.ad-wrap .ad-group-txt li img {
  width: 100%;
  height: 100px;
}
.theme {
  background-position: -150px -200px;
  background-image: url(../img/icon.png);
  background-repeat: no-repeat;
  position: fixed;
  top: 50px;
  right: 0px;
  width: 42px;
  height: 44px;
  z-index: 10000;
}
.theme:hover {
  background-position: -150px -275px;
}
.theme-box {
  position: fixed;
  bottom: -300px;
  width: 100%;
  height: 300px;
  text-align: center;
  transition: bottom 0.1s ease;
}
.theme-box .theme-head {
  background: rgba(51, 51, 51, 0.9);
  border: 0;
}
.theme-box .theme-head span {
  display: inline-block;
  width: 100px;
  height: 42px;
  line-height: 42px;
  color: #ccc;
}
.theme-box .theme-con {
  background: #0f1012;
  width: 100%;
  height: 188px;
  text-align: center;
}
.theme-box .theme-con ul li {
  position: relative;
  width: 120px;
  height: 70px;
  display: inline-block;
}
.theme-box .theme-con ul li img {
  width: 120px;
  height: 70px;
}
.theme-box .btngroud {
  background: #0f1012;
  height: 80px;
  line-height: 80px;
}
.theme-box .btngroud span {
  background: #fff;
  margin: 0 10px;
  padding: 5px 15px;
}
.media-cat li a {
  display: block;
  padding: 10px;
}
.media-cat li i {
  color: #eee !important;
}
.media-cat li:hover {
  background: #009a61;
}
.media-cat li:hover a {
  color: #fff;
}


/* width */
.w70 {
  width: 70px !important;
}
.w110 {
  width: 110px !important;
}
.w120 {
  width: 120px !important;
}
.w130 {
  width: 130px !important;
}
.w150 {
  width: 150px !important;
}
.w190 {
  width: 190px !important;
}
.w200 {
  width: 200px !important;
}
.w210 {
  width: 210px !important;
}
.w220 {
  width: 220px !important;
}
.w230 {
  width: 230px !important;
}
.w245 {
  width: 245px !important;
}
.w250 {
  width: 250px !important;
}
.w300 {
  width: 300px !important;
}
.w320 {
  width: 320px !important;
}
.w325 {
  width: 325px !important;
}
.w350 {
  width: 350px !important;
}
.w360 {
  width: 360px !important;
}
.w400 {
  width: 400px !important;
}
.w450 {
  width: 450px !important;
}
.w480 {
  width: 480px !important;
}
.w500 {
  width: 500px !important;
}
.w530 {
  width: 530px !important;
}
.w560 {
  width: 560px !important;
}
.w580 {
  width: 580px !important;
}
.w610 {
  width: 610px !important;
}
.w645 {
  width: 645px !important;
}
.w675 {
  width: 675px !important;
}
.w685 {
  width: 685px !important;
}
.w695 {
  width: 695px !important;
}
.w700 {
  width: 700px !important;
}
.w725 {
  width: 725px !important;
}
.w750 {
  width: 750px !important;
}
.w770 {
  width: 770px !important;
}
.w780 {
  width: 780px !important;
}
.w785 {
  width: 785px !important;
}
.w840 {
  width: 840px !important;
}
.w870 {
  width: 870px !important;
}
.w880 {
  width: 880px !important;
}
.w890 {
  width: 890px !important;
}
.w930 {
  width: 930px !important;
}
.w940 {
  width: 940px !important;
}
.w960 {
  width: 960px !important;
}
.w1000 {
  width: 1000px !important;
}
.w1100 {
  width: 1100px !important;
}
.w1200 {
  width: 1200px !important;
}
/* height */
.h35 {
  height: 35px !important;
}
.h50 {
  height: 50px !important;
}
.h60 {
  height: 60px !important;
}
.h70 {
  height: 70px !important;
}
.h80 {
  height: 80px !important;
}
.h90 {
  height: 90px !important;
}
.h100 {
  height: 100px !important;
}
.h120 {
  height: 120px !important;
}
.h140 {
  height: 140px !important;
}
.h150 {
  height: 150px !important;
}
.h200 {
  height: 200px !important;
}
.h210 {
  height: 210px !important;
}
.h250 {
  height: 250px !important;
}
.h265 {
  height: 265px !important;
}
.h285 {
  height: 285px !important;
}
.h300 {
  height: 300px !important;
}
.h340 {
  height: 340px !important;
}
.h390 {
  height: 390px !important;
}
.h400 {
  height: 400px !important;
}
.h415 {
  height: 415px !important;
}
.h455 {
  height: 455px !important;
}
.h460 {
  height: 460px !important;
}
.h470 {
  height: 470px !important;
}
.h500 {
  height: 500px !important;
}
.h600 {
  height: 600px !important;
}
.h700 {
  height: 700px !important;
}
/* margin */
.m0 {
  margin: 0px !important;
}
.m10 {
  margin: 10px !important;
}
.m15 {
  margin: 15px !important;
}
.m20 {
  margin: 20px !important;
}
.m25 {
  margin: 25px !important;
}
.m30 {
  margin: 30px !important;
}
.mt0 {
  margin-top: 0px !important;
}
.mt10 {
  margin-top: 10px !important;
}
.mt15 {
  margin-top: 15px !important;
}
.mt20 {
  margin-top: 20px !important;
}
.mt25 {
  margin-top: 25px !important;
}
.mt30 {
  margin-top: 30px !important;
}
.mt60 {
  margin-top: 60px !important;
}
.mt64 {
  margin-top: 64px !important;
}
.mt70 {
  margin-top: 70px !important;
}
.mt75 {
  margin-top: 75px !important;
}
.mr0 {
  margin-right: 0px !important;
}
.mr10 {
  margin-right: 10px !important;
}
.mr15 {
  margin-right: 15px !important;
}
.mr20 {
  margin-right: 20px !important;
}
.mr25 {
  margin-right: 25px !important;
}
.mr30 {
  margin-right: 30px !important;
}
.mr60 {
  margin-right: 60px !important;
}
.mr64 {
  margin-right: 64px !important;
}
.mr70 {
  margin-right: 70px !important;
}
.mr75 {
  margin-right: 75px !important;
}
.mb0 {
  margin-bottom: 0px !important;
}
.mb5 {
  margin-bottom: 5px !important;
}
.mb10 {
  margin-bottom: 10px !important;
}
.mb15 {
  margin-bottom: 15px !important;
}
.mb20 {
  margin-bottom: 20px !important;
}
.mb25 {
  margin-bottom: 25px !important;
}
.mb30 {
  margin-bottom: 30px !important;
}
.mb35 {
  margin-bottom: 35px !important;
}
.mtb0 {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}
.mtb10 {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}
.mtb15 {
  margin-top: 0px !important;
  margin-bottom: 15px !important;
}
.mtb20 {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}
.mtb25 {
  margin-top: 25px !important;
  margin-bottom: 25px !important;
}
.mtb30 {
  margin-top: 30px !important;
  margin-bottom: 30px !important;
}
.mlr0 {
  margin-left: 0px !important;
  margin-right: 0px !important;
}
.mlr10 {
  margin-left: 10px !important;
  margin-right: 10px !important;
}
.mlr15 {
  margin-left: 15px !important;
  margin-right: 15px !important;
}
.mlr20 {
  margin-left: 20px !important;
  margin-right: 20px !important;
}
.mlr25 {
  margin-left: 25px !important;
  margin-right: 25px !important;
}
.mlr30 {
  margin-left: 30px !important;
  margin-right: 30px !important;
}
.mlr35 {
  margin-left: 35px !important;
  margin-right: 35px !important;
}
/* padding */
.p0 {
  padding: 0px !important;
}
.p10 {
  padding: 10px !important;
}
.p15 {
  padding: 15px !important;
}
.p20 {
  padding: 20px !important;
}
.p25 {
  padding: 25px !important;
}
.p30 {
  padding: 30px !important;
}
.pt0 {
  padding-top: 0px !important;
}
.pt10 {
  padding-top: 10px !important;
}
.pt15 {
  padding-top: 15px !important;
}
.pt20 {
  padding-top: 20px !important;
}
.pt25 {
  padding-top: 25px !important;
}
.pt30 {
  padding-top: 30px !important;
}
.pr0 {
  padding-right: 0px !important;
}
.pr10 {
  padding-right: 10px !important;
}
.pr15 {
  padding-right: 15px !important;
}
.pr20 {
  padding-right: 20px !important;
}
.pr25 {
  padding-right: 25px !important;
}
.pr30 {
  padding-right: 30px !important;
}
.pb0 {
  padding-bottom: 0px !important;
}
.pb10 {
  padding-bottom: 10px !important;
}
.pb15 {
  padding-bottom: 15px !important;
}
.pb20 {
  padding-bottom: 20px !important;
}
.pb25 {
  padding-bottom: 25px !important;
}
.pb30 {
  padding-bottom: 30px !important;
}
.pb35 {
  padding-bottom: 35px !important;
}
.pl0 {
  padding-left: 0px !important;
}
.pl10 {
  padding-left: 10px !important;
}
.pl15 {
  padding-left: 15px !important;
}
.pl20 {
  padding-left: 20px !important;
}
.pl25 {
  padding-left: 25px !important;
}
.pl30 {
  padding-left: 30px !important;
}
.pl35 {
  padding-left: 35px !important;
}
.ptb0 {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.ptb10 {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}
.ptb15 {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}
.ptb20 {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}
.ptb25 {
  padding-top: 25px !important;
  padding-bottom: 25px !important;
}
.ptb30 {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}
.plr0 {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.plr10 {
  padding-left: 10px !important;
  padding-right: 10px !important;
}
.plr15 {
  padding-left: 15px !important;
  padding-right: 15px !important;
}
.plr20 {
  padding-left: 20px !important;
  padding-right: 20px !important;
}
.plr25 {
  padding-left: 25px !important;
  padding-right: 25px !important;
}
.plr30 {
  padding-left: 30px !important;
  padding-right: 30px !important;
}
.plr35 {
  padding-left: 35px !important;
  padding-right: 35px !important;
}
.font12 {
  font-size: 12px !important;
}
.font14 {
  font-size: 14px !important;
}
.font16 {
  font-size: 16px !important;
}
.font18 {
  font-size: 18px !important;
}
.font20 {
  font-size: 20px !important;
}
.font24 {
  font-size: 24px !important;
}
.font32 {
  font-size: 32px !important;
}
.font50 {
  font-size: 50px !important;
}
.font60 {
  font-size: 60px !important;
}
.font64 {
  font-size: 64px !important;
}
.colorred {
  color: #F00 !important;
}
.color999 {
  color: #999 !important;
}
.cl-f67f00 {
  color: #f67f00 !important;
}
.cl-cad9e5 {
  color: #cad9e5 !important;
}
.cl-0ec5a1 {
  color: #0ec5a1 !important;
}
.cl-fff {
  color: #fff !important;
}
.cl-333 {
  color: #333 !important;
}
.cl-666 {
  color: #666 !important;
}
.cl-999 {
  color: #999 !important;
}
.cl-ccc {
  color: #ccc !important;
}
.cl-22ab39 {
  color: #22ab39 !important;
}
.cl-eb7350 {
  color: #eb7350 !important;
}
.cl-dee3eb {
  color: #dee3eb !important;
}
.bold {
  font-weight: bold;
}
.nbold {
  font-weight: normal;
}
.cl-red {
  color: #f00 !important;
}
.cl-white {
  color: #fff !important;
}
.cl-green {
  color: #00a65a !important;
}
.cl-5bc0de {
  color: #5bc0de !important;
}
.bg-5bc0de {
  background: #5bc0de !important;
}
.bg-26cad3 {
  background: #26cad3 !important;
}
.bg-white {
  background: #fff !important;
}
.bg-orange {
  background-color: #ff851b !important;
}
.bg-lightorange {
  background-color: #f0ad4e !important;
}
.bg-aqua {
  background-color: #04c1c4 !important;
}
.bg-green {
  background-color: #00a65a !important;
}
.bg-blue {
  background-color: #46b8da !important;
}
.bg-darkblue {
  background-color: #5867dd !important;
}
.bg-darkred {
  background-color: #d9534f !important;
}
.bg-gray {
  background-color: gray !important;
}
.bg-eee {
  background: #eee;
}
.bg-999 {
  background: #999;
}
.bg-666 {
  background: #666;
}
.bg-0ec5a1 {
  background: #0ec5a1 !important;
}
.bg-f9f9f9 {
  background: #f9f9f9 !important;
}
.bg-eaedf1 {
  background: #eaedf1 !important;
}
.bd-eee {
  border: 1px solid #eee !important;
}
.bd-dee3eb {
  border: 1px solid #dee3eb !important;
}
.bd-t-eee {
  border-top: 1px solid #eee;
}
.border-b-1eee {
  border-bottom: 1px solid #eee;
}
.br {
  border-right: 1px solid #eaeaea;
}
.bb {
  border-bottom: 1px solid #eaeaea !important;
}
.b0 {
  border: 0px !important;
}
.bt0 {
  border-top: 0px !important;
}
.br0 {
  border-right: 0px !important;
}
.bb0 {
  border-bottom: 0px !important;
}
.bl0 {
  border-left: 0px !important;
}
.box-shadow {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
}
.b-radius-50 {
  border-radius: 50%;
}
.da-service {
  margin: 0 auto;
  width: 100%;
  font-size: 14px;
}
.da-service .grid {
  width: 100%;
  border-collapse: collapse;
  text-align: center;
}
.da-service .grid th {
  border: 1px solid #ff8e00;
  background: #ffefda;
  height: 33px;
  color: #666;
}
.da-service .grid .left-th {
  color: #666;
  font-weight: bold;
}
.da-service .grid td {
  border: 1px solid #fdc277;
  height: 42px;
}

.icon-youxiang {
  font-size: 24px !important;
}
.icon-zhengque {
  color: #C4EA5F !important;
}
.icon-cuowu {
  color: #FC5959 !important;
}
.icon-img,
.icon-article {
  color: #CAD9E5 !important;
}
.icon-fanhui2 {
  font-size: 20px !important;
  color: #ADAFB2;
}
.set-gray {
  color: #C0C0C0;
}
.icon-add {
  font-size: 24px !important;
}
.icon-view {
  color: #888 !important;
}
.icon-down {
  color: #696e78 !important;
  font-size: 12px !important;
}
.icon-add {
  color: #ccc;
}
.icon-iconfontemoji {
  color: #999 !important;
  font-size: 18px !important;
  font-weight: bold;
}
.icon-pic {
  color: #999;
}
.icon-topic {
  color: #999;
  font-size: 14px;
}
.icon-video {
  color: #999;
  font-size: 20px !important;
  font-weight: bold;
}
.icon-shezhi1 {
  color: #999;
  font-size: 18px !important;
}
.icon-user,
.icon-home {
  color: #999;
  font-size: 18px !important;
  font-weight: bold;
}
.icon-youxiang {
  color: #999;
  font-size: 20px !important;
  font-weight: bold;
}
.icon-arrow {
  margin: 10px !important;
  font-size: 12px !important;
}
.icon-channel {
  font-size: 14px !important;
}
.icon-Prompt {
  font-size: 40px !important;
  color: #87c0da;
}
.icon-dot {
  margin-left: 0;
  font-size: 20px !important;
}
.icon-hot,
.icon-talk,
.icon-dot {
  color: #fff;
}
.icon-face {
  color: #5bc0de;
  font-weight: bold;
}
.icon-pic {
  color: #84c002;
}
.icon-video {
  color: #8fa8d7;
}
.icon-topic {
  color: #ee8055;
}
.icon-article {
  color: #5bc0de;
}
.icon-male {
  color: #5fc2fa;
}
.icon-female {
  color: #f586b4;
}
.icon-right {
  color: #8cd52e;
}
.icon-guanbi {
  background: #fff;
  border-radius: 50%;
  font-size: 32px !important;
  color: #000000;
}
.icon-copy,
.icon-url,
.icon-recycle,
.icon-move {
  cursor: pointer;
}
.icon-concern {
  color: #5bc0de;
}
.icon-checkbox {
  background: #fff;
  position: absolute;
  top: 0;
  right: 0;
  padding: 0 2px;
  font-size: 20px !important;
  color: #999;
  z-index: 100000000000000000000000;
}
.icon-checkbox.current {
  background: #999;
  color: #fff;
}
.move-arrow {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 120px;
  height: 25px;
}
.move-arrow span {
  cursor: pointer;
  display: inline-block;
  width: 25px;
  height: 16px;
  text-align: center;
}
.move-arrow span i {
  color: #ccc;
}

.site_search {
  background: #fff;
  border: 2px solid #0ec5a1;
  position: relative;
  width: 230px;
  font-size: 12px;
  height: 40px;
}
.site_search .searchinput {
  width: 445px;
  height: 36px;
  line-height: 36px;
}
.site_search .searchinput input {
  outline: none;
  border: 0;
  padding: 0 5px;
  width: 190px;
  height: 36px;
  color: #999;
}
.site_search .searchbtn {
  background: #0ec5a1;
  position: absolute;
  top: 0;
  right: 0;
  padding: 10px;
  width: 100px;
  height: 36px;
}
.site_search .searchbtn .icon-sousuo {
  margin-top: -8px;
  display: inline-block;
  cursor: pointer;
  font-size: 16px;
  color: #ccc;
}
.site_search .searchbtn a {
  padding: 0;
  height: 34px;
  line-height: 34px;
  color: #fff;
}
.site_key {
  padding-top: 5px;
  height: 30px;
  line-height: 30px;
  text-align: left;
}
.site_key a {
  padding: 0 30px 0 0;
  height: 30px;
  font-size: 14px;
  color: #999;
  display: inline;
}
.search-scroll {
  width: 100%;
  /*单行显示，超出隐藏*/
  height: 30px !important;
  /*固定公告栏显示区域的高度*/
  overflow: hidden;
  position: relative;
}
.search-scroll .icons {
  position: absolute;
  top: 0;
  left: 0;
}
.search-scroll .statistics {
  position: absolute;
  top: 0;
  right: 0;
  width: 350px;
}
.search-scroll ul {
  height: 30px !important;
}
.search-scroll ul li {
  border: 0 !important;
  width: 100% !important;
  height: 30px !important;
  line-height: 30px !important;
  font-size: 14px !important;
  color: #fff !important;
  /*以下为了单行显示，超出隐藏*/
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: left !important;
  overflow: hidden;
}
.search-scroll ul li a {
  height: 30px !important;
  font-size: 14px !important;
}
.toper {
  background: #f2f2f2;
  width: 100%;
  height: 30px;
  line-height: 30px;
  font-size: 12px;
  color: #999;
}
.toper .toper-wrap {
  position: relative;
  margin: 0 auto;
  padding: 0 100px 0 300px;
  height: 30px;
}
.toper .toper-left {
  position: absolute;
  top: 0;
  left: 0;
  width: 300px;
  height: 30px;
}
.toper .toper-left a {
  font-size: 12px;
  text-align: left;
}
.toper .toper-content {
  width: 100%;
  height: 30px;
  line-height: 30px;
  text-align: left;
}
.toper .toper-right {
  position: absolute;
  top: 0;
  right: 0;
  height: 30px;
  text-align: right;
  float: right;
}
.toper .toper-right a {
  display: inline-block;
  padding: 0 10px;
  font-size: 12px;
  text-align: center;
}
.toper ul {
  height: 30px;
  line-height: 30px;
}
.toper ul li {
  display: inline-block;
  height: 30px;
  color: #333;
}
.toper ul li.morenav {
  padding: 0 20px;
}
header {
  background: rgba(255, 255, 255, 0.94);
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  box-shadow: 0 0 1px 0px rgba(0, 0, 0, 0.3), 0 0 6px 2px rgba(0, 0, 0, 0.15);
  z-index: 100;
  width: 100%;
  min-height: 50px;
  line-height: 50px;
  font-size: 14px;
  color: #999;
}
header .head-wrap {
  position: relative;
  margin: 0 auto;
  padding-left: 200px;
  padding-right: 200px;
  height: 50px;
}
header .header-left {
  position: absolute;
  top: 0;
  left: 0;
  width: 170px;
  height: 50px;
  line-height: 50px;
}
header .header-left.logo {
  font-weight: bold;
}
header .header-left.logo a {
  padding: 0;
  font-size: 18px;
  color: #fff;
}
header .header-content {
  width: 100%;
  height: 50px;
  line-height: 50px;
  text-align: left;
}
header .header-right {
  position: absolute;
  top: 0;
  right: 0;
  width: 250px;
  height: 50px;
  line-height: 50px;
  text-align: right;
}
header ul {
  height: 50px;
  line-height: 50px;
}
header ul li {
  display: block;
  height: 50px;
  color: #333;
  float: left;
}
header ul li.morenav {
  padding: 0 20px;
}
header ul li:hover {
  color: #5bc0de;
}
header ul li:hover .menu {
  position: absolute;
  background: #f3f1f4;
  display: block !important;
  height: auto;
  z-index: 10;
}
header ul li:hover .menu .name {
  height: 45px;
  line-height: 45px;
  text-align: center;
  border-bottom: 1px solid #ddd;
}
header ul li:hover .menu .menu-box {
  padding: 10px;
}
header ul li:hover .menu .menu-box a {
  padding: 5px;
  width: auto;
  height: 40px;
  line-height: 20px;
  font-size: 14px;
  text-align: left;
  float: left;
}
header ul .login {
  background: #5bc0de;
  width: 80px;
  color: #FFF;
  display: inline-block;
  text-align: center;
  cursor: pointer;
  -webkit-transition: 1s;
}
header ul .login:hover {
  background: #869db5;
}
header ul .register {
  width: 80px;
  text-align: center;
  cursor: pointer;
}
header a {
  padding: 0 15px;
  width: 100%;
  height: 50px;
  font-size: 16px;
  color: #333;
  text-align: center;
  display: block;
}
header a:hover {
  text-decoration: none;
}
header a.curret {
  color: #c0d2d8;
}
header .morelist {
  background: #fff;
  box-shadow: 0 0 1px 0px rgba(0, 0, 0, 0.3), 0 0 6px 2px rgba(0, 0, 0, 0.15);
  position: absolute;
  top: 50px;
  right: -15px;
  width: 150px;
  height: auto;
  display: none;
}
header .morelist a {
  display: block;
  height: 40px;
  line-height: 40px;
  font-size: 14px;
}
header .morelist a:hover {
  background: #d00000;
  color: #fff;
}
.sliddown {
  position: fixed;
  top: -120px;
  left: 0;
  width: 100%;
  height: 64px;
  font-size: 16px;
  box-shadow: 0 0 5px #888;
  z-index: 100000;
}
.sliddown li {
  height: 64px;
}
.sliddown li.logo {
  width: 150px;
  font-size: 24px;
  font-weight: bold;
}
.sliddown li.logo a {
  font-size: 24px;
  padding: 0;
  color: #0ec5a1;
  text-align: left;
}
.sliddown li.title {
  font-size: 16px;
  font-weight: bold;
}
.sliddown li.title h2 {
  font-size: 18px;
}
.sliddown a {
  display: inline-block;
  width: 100%;
  height: 64px;
  line-height: 64px;
  color: #a9a9a9;
  text-align: center;
}
.sliddown a .current {
  background: #F10582;
  color: #333;
}
.sliddown a:hover {
  color: #b10108;
}
.navlist ul li {
  position: relative;
  padding: 0 10px;
  line-height: 25px;
  float: left;
  /*			&:last-child{
				width: 174px !important;
			}*/
}
.navlist ul li a {
  font-size: 14px;
  color: #666;
}
.navlist ul li a.current {
  color: #ff3514;
  font-weight: bold;
}
.navlist ul li:hover .cover {
  display: block !important;
}
.navlist ul li .cover {
  background: rgba(0, 0, 0, 0.54);
  display: none;
  width: 100%;
  line-height: 140px;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  color: #fff;
  font-size: 16px;
}
.navlist ul li .cover a {
  color: #fff;
}
.navlist ul li:hover .cover1 {
  display: block !important;
  background: rgba(0, 0, 0, 0.6);
  color: #ccc;
}
.navlist ul li:hover .cover1 .title {
  display: block !important;
}
.navlist ul li .cover1 {
  background: rgba(0, 0, 0, 0.3);
  padding-top: 60px;
  width: 100%;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  color: #fff;
  text-align: center;
  font-size: 14px;
}
.navlist ul li .cover1 .title {
  position: absolute;
  bottom: 5px;
  width: 100%;
  line-height: 40px;
}
.navlist ul li .cover1 a {
  color: #fff;
}
.recommend-nav {
  background: #3598db;
  height: 80px;
  line-height: 40px;
  margin: 0 auto;
}
.recommend-nav dl {
  border-left: 1px solid #2283C5;
  border-right: 1px solid #43A9EE;
  padding-left: 15px;
  width: 300px;
  height: 80px;
  float: left;
}
.recommend-nav dl dt {
  /*width:64px;*/
  padding-right: 15px;
  height: 80px;
  float: left;
  text-align: center;
}
.recommend-nav dl dt a {
  color: #fff;
  display: block;
  font-size: 16px;
  height: 80px;
  line-height: 80px;
}
.recommend-nav dl dd {
  width: 230px;
  height: 80px;
  float: left;
}
.recommend-nav dl dd a {
  padding: 10px;
  width: auto;
  height: 30px;
  line-height: 30px;
  display: inline;
  float: left;
  font-size: 14px;
  color: #fff;
}
.recommend-nav dl:last-child {
  border-right: 0;
}
.naver {
  width: 100%;
  height: 40px;
  line-height: 30px;
  font-size: 14px;
  color: #999;
}
.naver .naver-wrap {
  position: relative;
  margin: 0 auto;
  height: 40px;
}
.naver .naver-wrap .naverlist {
  height: 40px;
  line-height: 40px;
}
.naver .naver-wrap .naverlist li {
  display: inline-block;
  height: 40px;
}
.naver .naver-wrap .naverlist li a {
  display: block;
  padding: 0 25px;
  font-family: "Microsoft YaHei";
  font-size: 15px;
  color: #333;
  text-align: left;
}
.naver .naver-wrap .naverlist li a:hover {
  background: #5bc0de;
  color: #fff;
}
/*.sidebar{
	background:#000;
	z-index: 10000000000000;
	position:fixed; top:0;
	right:0; bottom:0;
	width:35px;
	.sidebar-wrap{
		position: absolute;
		bottom: 20px;
		right: 0;
		display: none;
		text-align: center;
		img{
			border: none;
			width: 70px;
		}
		ul{
			width: 35px;
			minn-height: 195px;
			li{
				border-bottom: 1px solid #808080;
				padding: 5px;
				width: 35px;
				height: auto;
				i{
					display: block;
					font-size: 16px;
					color: #fff;
				}
				span{
					display: block;
				}
				a{
					color: #fff;
				}
				&:hover{
					background: #0ec5a1;
					color: #fff !important;
					i{
						color: #fff;
					}
					a{
						color: #fff;
					}
				}
				&.wx{
					position: relative;
					.qr{
						position: absolute;
						left: -140px;
						bottom: 0;
						background: #0ec5a1;
						box-shadow: 0 0 1px 0px rgba(0, 0, 0, 0.3), 0 0 6px 2px rgba(0, 0, 0, 0.15);
						padding: 20px;
						color: #fff;
						img{
							width: 100px;
						}
					}
				}
				&:last-child{
					border-bottom: 0;
				}
			}
		}
	}

}*/
.left-sidebar {
  width: 150px;
  min-height: 700px;
}
.left-sidebar .sidebar {
  min-height: 500px;
}
.left-sidebar .aside_nav {
  background: #7f97b1;
  width: 150px;
  min-height: 700px;
}
.left-sidebar .head {
  background: #f2f2f5;
  padding: 10px;
  font-weight: bold;
}
.left-sidebar .concern {
  padding: 0 32px;
}
.left-sidebar .photoslist {
  width: 100%;
  height: 265px;
}
.left-sidebar .photoslist li {
  padding: 5px !important;
  width: 50%;
  height: 125px;
  line-height: 40px;
  font-size: 14px;
  float: left;
}
.left-sidebar .photoslist li a {
  padding: 0 15px;
  display: block;
  color: #fff;
}
.left-sidebar .photoslist li a i {
  color: #fff !important;
}
.left-sidebar .photoslist li a:hover {
  background: rgba(241, 243, 246, 0.5);
  text-decoration: none;
}
.left-sidebar .photoslist li a.current {
  background: #5bc0de;
  color: #999;
}
.left-sidebar .photoslist li:first-child {
  position: relative;
}
.left-sidebar .photoslist:after {
  content: "";
  clear: both;
}
.left-sidebar li {
  width: auto;
  height: auto;
  line-height: 40px;
  font-size: 14px;
}
.left-sidebar li a {
  padding: 0 15px;
  display: block;
  color: #fff;
}
.left-sidebar li a i {
  color: #fff !important;
}
.left-sidebar li a:hover {
  background: rgba(241, 243, 246, 0.5);
  text-decoration: none;
}
.left-sidebar li a.current {
  background: #5bc0de;
  color: #999;
}
.left-sidebar li:first-child {
  position: relative;
}
.left-sidebar li.brand-infor {
  padding: 10px;
  width: 180px;
}
.main-center {
  width: 1040px;
  height: auto;
  /*margin-left: 190px;*/
}
.module-wrap {
  background: #fff;
  position: relative;
  margin-bottom: 15px;
  height: auto;
}
.module-wrap .module-head {
  border-bottom: 1px solid #eee;
  padding: 10px;
  color: #333;
}
.module-wrap .module-head h3 {
  display: inline-block;
  margin: 0;
  font-size: 14px;
  color: #333;
}
.module-wrap .module-head a {
  display: block;
}
.module-wrap .module-head .cate {
  float: right;
}
.module-wrap .module-head .cate a {
  display: block;
  padding: 0 10px;
  float: right;
}
.module-wrap .module-head .more {
  float: right;
  margin-top: -20px;
}
.module-wrap .module-head .more a {
  color: #999;
}
.module-wrap .module-head .more a:hover {
  text-decoration: underline;
}
.module-wrap .module-content {
  padding: 10px 0;
  height: auto;
  font-size: 14px;
  color: #666;
}
.module-wrap .module-content ul li.list {
  position: relative;
}
.module-wrap .module-content ul li.list .img {
  width: 100%;
}
.module-wrap .module-content ul li.list .img img {
  width: 100%;
  height:90px;
}
.module-wrap .module-content ul li.list a {
  overflow: hidden;
  white-space: nowrap;
  display: block;
  padding: 5px 0;
  color: #333;
}
.module-wrap .module-content ul li.list .pic{
  height: 98px;
}
.module-wrap .module-content ul li.list a:hover {
  color: #eb7350;
  text-decoration: none;
}
.module-wrap .module-content ul li.list span {
  position: absolute;
  top: 10px;
  right: 10px;
  color: #eb7350;
}
.module-wrap .module-content ul li.list span i {
  color: #eb7350 !important;
}
.module-wrap .module-content ul li .show-iocn {
  display: none;
}
.module-wrap .module-content ul li:hover .show-iocn {
  display: block;
}
.module-wrap .module-content ul li.current {
  background: #ccc;
}
.module-wrap .module-content ul li.current a {
  color: #fff;
}
.module-wrap .module-content.after {
  content: "";
  clear: both;
}
.module-wrap .module-content .label-box {
  padding: 10px 0;
  height: 40px;
}
.module-wrap .module-content .label-box a {
  margin-right: 10px;
  color: #ccc;
}
.module-wrap .module-content .comment-list {
  position: relative;
  border-top: 1px dashed #eaeaea;
  padding: 15px 8px 0 50px;
  line-height: 23px;
  font-size: 16px;
}
.module-wrap .module-content .comment-list img {
  opacity: 0.65;
  filter: alpha(opacity=40);
  border-radius: 50%;
}
.module-wrap .module-content .comment-list .nickname {
  color: #333;
  font-weight: bold;
}
.module-wrap .module-content .comment-list a {
  color: #aaa;
}
.module-wrap .module-foot {
  border-top: 1px solid #eee;
  padding: 10px;
  width: 100%;
  color: #666;
  text-align: center;
}
.media-wrap {
  overflow: hidden;
  margin-bottom: 10px;
  border-bottom: 1px dotted #ccc;
  width: 100%;
  line-height: normal;
  font-size: 12px;
}
.media-wrap .media-left {
  float: left;
  padding-right: 15px;
}
.media-wrap .media-body {
  vertical-align: top;
}
.media-wrap .media-body h3 {
  margin: 0px;
}
.media-wrap .media-body p {
  padding-top: 5px;
}
.media-wrap:last-child {
  border-bottom: 0px dotted #ccc;
}
.grid-wrap {
  background: #f2f2f5;
  position: relative;
  padding: 20px 20px 20px 80px;
  height: 170px;
}
.grid-wrap .grid-left {
  position: absolute;
  top: 20px;
  bottom: 20px;
  left: 10px;
  border-right: 1px dotted #CCC;
  padding-top: 25px;
  padding-right: 10px;
  width: auto;
}
.grid-wrap .grid-body p {
  padding-bottom: 10px;
}
.link {
  background: #fff;
  margin-bottom: 25px !important;
}
.link a {
  padding: 5px;
  font-size: 14px;
}
footer {
  background: #fff;
  width: 100%;
  color: #999;
}
footer .foot-wrap {
  position: relative;
  margin: 0 auto;
}
footer .foot-left {
  width: 150px;
  height: 50px;
  line-height: 50px;
  float: left;
}
footer .foot-left.logo {
  font-size: 18px;
  font-weight: bold;
}
footer .foot-left.logo a {
  padding: 0;
  color: #c7c7c7;
  text-align: left;
}
footer .foot-content {
  width: 600px;
  height: 50px;
  line-height: 50px;
  text-align: left;
  float: left;
}
footer .foot-right {
  width: 250px;
  height: 50px;
  line-height: 50px;
  text-align: right;
  float: right;
}
footer .foot-bottom {
  background: #565656;
  width: 100%;
  height: 150px;
}
footer .foot-link {
  background: #f7f7f7;
  width: 100%;
  height: auto;
}
footer .foot-copyright {
  background: rgba(255, 255, 255, 0.94);
  margin: 0 auto;
  width: 1100px;
  height: 50px;
  line-height: 50px;
}
footer a {
  padding: 5px;
  color: #999;
}
.page {
  float: right;
  padding-top: 0px;
  text-align: center;
}
.page li {
  background: #fff;
  box-shadow: rgba(34, 25, 25, 0.2) 0px 1px 3px;
  min-width: 30px;
  margin: 0 5px;
  display: inline-block;
  font-size: 12px;
}
.page li.current {
  background: #cad9e5;
}
.page li.current a {
  color: #fff;
}
.page li a {
  padding: 10px;
  display: block;
}
.page li a:hover {
  background: #cad9e5;
  color: #fff;
}
.page li a:hover i {
  color: #fff;
}
.page li.li-input {
  padding: 1px 10px;
}
.page li input {
  border: 0px;
  padding: 8px 0px;
  width: 25px;
  text-align: center;
}
.page-wrap li {
  background: #fff;
  box-shadow: rgba(34, 25, 25, 0.2) 0px 1px 3px;
  min-width: 30px;
  margin: 0 5px;
  display: inline-block;
  font-size: 12px;
}
.page-wrap li.current {
  background: #cad9e5;
}
.page-wrap li.current a {
  color: #fff;
}
.page-wrap li a {
  padding: 20px;
  display: block;
}
.page-wrap li a:hover {
  background: #cad9e5;
  color: #fff;
}
.page-wrap li a:hover i {
  color: #fff;
}
.page-wrap li.li-input {
  padding: 1px 10px;
}
.page-wrap li input {
  border: 0px;
  padding: 8px 0px;
  width: 25px;
  text-align: center;
}
.tag-wrap {
  background: #fff;
  position: relative;
  padding: 15px 0;
  height: auto;
}
.tag-wrap .tag-box {
  background: none;
  border-right: 1px #f78db0 solid;
}
.tag-wrap .tag-box h3 {
  color: #333;
}
.tag-wrap .tag-box .module-head {
  padding-top: 0;
}
.tag-wrap .tag-box:last-child {
  border-right: 0;
}
.tag-wrap .tag-box .module-head {
  padding: 10px 15px 0 15px;
}
.tag-wrap .tag-box .module-content {
  padding: 10px;
}
.tag-wrap a {
  padding: 8px;
  display: block;
  color: #666;
  float: left;
}
.tag-wrap a:hover {
  color: #333;
  text-decoration: underline;
}
.tag-wrap a.current {
  background: #e4e6e7;
  font-size: 12px;
  color: #666;
}
.tagInputContainer {
  background: #fff;
  border: 1px solid #eee;
  width: 100%;
  padding: 2px 5px;
  min-height: 20px;
}
.tagInputContainer .tag-box {
  background: #f4f4f4;
  display: inline-block;
  margin-right: 5px;
  border: 1px solid #ccc;
  padding: 0 5px;
  width: auto;
  min-height: 16px;
  line-height: 20px;
}
.tagInputContainer input[type=text] {
  height: 30px;
}
.tagListContainer {
  background: #FFFEEB;
  display: none;
  border: 1px solid #eee;
  border-top: 0;
  padding: 10px;
}
.tagListContainer .tagList {
  padding: 10px;
  position: relative;
  padding-left: 60px;
  min-height: 50px;
}
.tagListContainer .tagList span {
  position: absolute;
  top: 15px;
  left: 0;
  padding: 0 5px;
  width: auto;
  min-height: 16px;
  line-height: 20px;
}
.tagListContainer .tag-box {
  background: #f4f4f4;
  display: inline-block;
  margin-right: 5px;
  border: 1px solid #ccc;
  padding: 0 5px;
  width: auto;
  min-height: 16px;
  line-height: 20px;
}
.sourceInputContainer {
  background: #fff;
  border: 1px solid #eee;
  width: 100%;
  padding: 2px 5px;
  min-height: 20px;
}
.sourceInputContainer .source-box {
  background: #f4f4f4;
  display: inline-block;
  margin-right: 5px;
  border: 1px solid #ccc;
  padding: 0 5px;
  width: auto;
  min-height: 16px;
  line-height: 20px;
}
.sourceInputContainer input[type=text] {
  height: 30px;
}
.sourceListContainer {
  background: #FFFEEB;
  display: none;
  border: 1px solid #eee;
  border-top: 0;
  padding: 10px;
}
.sourceListContainer .sourceList {
  padding: 10px;
  position: relative;
  padding-left: 65px;
  min-height: 50px;
}
.sourceListContainer .sourceList span {
  position: absolute;
  top: 15px;
  left: 0;
  padding: 0 5px;
  width: auto;
  min-height: 16px;
  line-height: 20px;
}
.sourceListContainer .source-box {
  background: #f4f4f4;
  display: inline-block;
  margin-right: 5px;
  border: 1px solid #ccc;
  padding: 0 5px;
  width: auto;
  min-height: 16px;
  line-height: 20px;
}
table {
  width: 100%;
}
table td[class*=col-],
table th[class*=col-] {
  position: static;
  display: table-cell;
  float: none;
}
table > head > th > td,
table > tbody > tr > td {
  padding: 5px;
  height: 40px;
}
.table-striped tr:nth-child(odd) {
  background-color: #f5f5f7;
}
.table-striped tr:nth-child(even) {
  background-color: #fafafa;
}
.table-hover tr:hover {
  background-color: #f1f1f1;
}
.col-left-1 td {
  text-align: center;
}
.col-left-1 td:nth-child(1) {
  text-align: left;
}
.col-left-12 td {
  text-align: center;
}
.col-left-12 td:nth-child(1),
.col-left-12 td:nth-child(2) {
  text-align: left;
}
.col-left-123 td {
  text-align: center;
}
.col-left-123 td:nth-child(1),
.col-left-123 td:nth-child(2),
.col-left-123 td:nth-child(3) {
  text-align: left;
}
.col-left-2 td {
  text-align: center;
}
.col-left-2 td:nth-child(2) {
  text-align: left;
}
.col-left-23 td {
  text-align: center;
}
.col-left-23 td:nth-child(2),
.col-left-23 td:nth-child(3) {
  text-align: left;
}
.col-left-234 td {
  text-align: center;
}
.col-left-234 td:nth-child(2),
.col-left-234 td:nth-child(3),
.col-left-234 td:nth-child(4) {
  text-align: left;
}
.col-left-3 td {
  text-align: center;
}
.col-left-3 td:nth-child(3) {
  text-align: left;
}
.col-left-34 td {
  text-align: center;
}
.col-left-34 td:nth-child(3),
.col-left-34 td:nth-child(4) {
  text-align: left;
}
.col-left-345 td {
  text-align: center;
}
.col-left-345 td:nth-child(3),
.col-left-345 td:nth-child(4),
.col-left-345 td:nth-child(5) {
  text-align: left;
}
.col-left-346 td {
  text-align: center;
}
.col-left-346 td:nth-child(3),
.col-left-346 td:nth-child(4),
.col-left-346 td:nth-child(6) {
  text-align: left;
}
.col-left-4 td {
  text-align: center;
}
.col-left-4 td:nth-child(4) {
  text-align: left;
}
.col-left-6 td {
  text-align: center;
}
.col-left-6 td:nth-child(6) {
  text-align: left;
}
.col-left-7 td {
  text-align: center;
}
.col-left-7 td:nth-child(7) {
  text-align: left;
}
/*公告列表*/
.col-center td {
  text-align: center;
}
.article {
  background: #fff;
  width: 835px;
}
.article .article-head {
  position: relative;
  border-bottom: 1px solid #eee;
  padding: 0 25px 25px 25px;
}
.article .article-head h2 {
  font-size: 32px;
  color: #404040;
}
.article .article-head .author {
  margin-top: 20px;
  font: 16px/1 Arial, "Sim sun";
  color: #888;
  height: 20px;
  line-height: 20px;
}
.article .article-head .author span {
  display: inline-block;
  margin-right: 10px;
  height: 20px;
  float: left;
}
.article .article-head .author span img {
  margin-top: -7px;
  border-radius: 50%;
  width: 35px;
  height: 35px;
}
.article .article-head .label {
  margin-top: 20px;
  color: #888;
}
.article .article-head .original_genuine {
  position: absolute;
  top: 25px;
  right: 15px;
  border: 1px solid #5bc0de;
  padding: 2px 5px;
  color: #5bc0de;
  display: none;
}
.article .article-content {
  border-bottom: 1px solid #eee;
  padding: 25px 25px;
  line-height: 30px;
  font-size: 14px;
}
.article .article-content p {
  text-indent: 20px;
}
.article .article-content .summary {
  background: #f1f1f1;
  padding: 10px;
  line-height: 30px;
}
.article .article-content img {
  width: 100% !important;
  height: auto !important;
}
.article .img {
  position: relative;
  text-align: center;
}
.article .img .preg {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: 35%;
  height: 100%;
  cursor: url(/source/public/images/pic_prev.cur), auto;
}
.article .img .next {
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  width: 35%;
  height: 100%;
  cursor: url(/source/public/images/pic_next.cur), auto;
}
.article .img img {
  width: 100%;
}
.article .related {
  padding: 25px 20px;
  font-size: 16px;
}
.article .related .preg {
  padding: 5px 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.article .related .next {
  padding: 5px 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.article .related a:hover {
  text-decoration: underline;
}
.article .thumbile {
  margin-bottom: 50px;
  width: 100%;
  text-align: center;
}
.article .thumbile .demo-count,
.article .thumbile .down-count {
  font-size: 16px;
  color: #999;
}
.article .thumbile a {
  display: inline-block;
  font-size: 18px;
  padding: 0 25px;
  height: 45px;
  line-height: 45px;
}
.article .thumbile a i {
  color: #fff !important;
}
.article .thumbile a.down {
  background: #5bc0de;
  font-size: 24px;
  color: #fff;
}
.article .thumbile a.demo {
  background: #fc7553;
  font-size: 24px;
  color: #fff;
}
.article .thumbile a.collect {
  box-shadow: 0px 1px 5px #999;
  background: #5cb85c;
  color: #fff;
}
.article .thumbile a.collect:hover {
  background-color: #5cb85c;
  border: 1px solid #5cb85c;
}
.article .thumbile-count {
  border-bottom: 1px solid #ddd;
  padding-bottom: 50px;
  width: 100%;
  text-align: center;
}
.article .thumbile-count .down-count {
  width: 20%;
  display: inline-block;
  margin-right: 50px;
  color: #1d9ce8;
}
.article .thumbile-count .down-count span {
  color: #fc9700;
}
.article .thumbile-count .demo-count {
  width: 20%;
  display: inline-block;
  color: #1d9ce8;
}
.article .thumbile-count .demo-count span {
  color: #fc9700;
}
.label a {
  display: inline-block;
  padding: 5px 10px;
  background: #5bc0de;
  margin-right: 10px;
  margin-bottom: 10px;
  color: #fff;
  /*		text-shadow: 0 1px 0 #fff;
		-webkit-box-shadow: 0 1px 1px #eaeaea, inset 0 1px 0 #fbfbfb;
		-moz-box-shadow: 0 1px 1px #eaeaea,inset 0 1px 0 #fbfbfb;
		box-shadow: 0 1px 1px #eaeaea, inset 0 1px 0 #fbfbfb;
		border-radius: 1.3em;
		-moz-border-radius: 1.3em;
		-webkit-border-radius: 1.3em;*/
}
.label a:hover {
  background: #16b999;
  color: #fff;
}
.demo {
  background: #58c77f;
  height: 50px;
  line-height: 50px;
  text-align: center;
}
.demo a {
  color: #fff;
}
.download {
  background: #5bc0de;
  height: 50px;
  line-height: 50px;
  text-align: center;
}
.download a {
  color: #fff;
}
.count {
  height: 50px;
  line-height: 50px;
  text-align: center;
  color: #333;
}
.userinfo {
  background: #FFF;
  margin-bottom: 15px;
  padding: 15px;
}
.userinfo .stores-model {
  height: auto;
}
.userinfo .stores-model .img {
  position: relative;
  width: 80px;
  height: 80px;
  float: left;
}
.userinfo .stores-model .img .tamll {
  background: #FFF;
  position: absolute;
  right: 20px;
  bottom: 0;
  width: 30px;
  height: 30px;
  color: #FF9900;
  text-align: center;
  z-index: 100;
}
.userinfo .stores-model .img img {
  border-radius: 50%;
}
.userinfo .stores-model .name {
  width: 180px;
  height: 80px;
  line-height: 35px;
  font-size: 14px;
  color: #666;
  float: right;
}
.detail {
  line-height: 30px;
  font-size: 14px;
}
.detail p {
  text-indent: 30px;
}
.learn-content h3 {
  margin-top: 25px;
}
.learn-content h3:first-child {
  margin-top: 0;
}
.learn-content p {
  text-indent: 0 !important;
  padding: 5px 0;
}
.learn-content .lang-php {
  padding: 10px 15px;
  border: 1px solid #ddd;
  border-left-width: 4px;
  background: #f0f5e1 !important;
  color: #a7e9ff;
}
.learn-content .lang-bsh {
  padding: 10px 15px;
  border: 1px solid #ddd;
  border-left-width: 4px;
  background: #333 !important;
  color: #ccc !important;
}
.learn-content .linenums {
  padding: 10px 15px;
  border: 1px solid #ddd;
  border-left-width: 4px;
  background: #fbfbfb;
  color: #333;
}
.learn-content pre {
  display: block;
  font-family: monospace;
  white-space: pre;
  margin: .5rem 0px 1em 0px;
  line-height: 25px;
  font-family: 微软雅黑;
}
.page-wrap {
  margin-bottom: 20px !important;
  height: auto;
}
.page-wrap .page-left {
  width: 200px;
  min-height: 800px;
}
.page-wrap .page-left h3 {
  background: #ccc;
  position: relative;
  height: 60px;
  line-height: 60px;
  text-align: center;
  font-size: 16px;
  color: #fff;
  font-weight: bold;
}
.page-wrap .page-left h3:before {
  background-color: #FF6699;
  content: " ";
  position: absolute;
  top: 0;
  left: 5px;
  width: 50px;
  height: 3px;
}
.page-wrap .page-left li {
  border-top: 1px solid #edf1f2;
  width: 200px;
  height: auto;
  height: 50px;
  line-height: 50px;
  font-size: 14px;
}
.page-wrap .page-left li a {
  padding: 0 25px;
  height: 50px;
  line-height: 50px;
  display: block;
}
.page-wrap .page-left li a.current {
  background: #F5F5F5;
  position: relative;
  color: #cc0000;
}
.page-wrap .page-left li a.current:before {
  content: " ";
  position: absolute;
  top: 0;
  width: 2px;
  height: 60px;
  background-color: #cc0000;
  left: 0;
}
.page-wrap .page-left li a:hover {
  background: #f9f9f9;
  color: #cc0000;
}
.page-wrap .page-right {
  background: #fff;
  box-sizing: border-box;
  padding: 0 25px;
  width: 885px;
  height: 1000px;
  float: right;
}
.page-wrap .page-right .page-title {
  height: 50px;
  line-height: 50px;
  border-bottom: 1px solid #eee;
}
.page-wrap .page-right .page-content {
  line-height: 30px;
  font-size: 14px;
  color: #666;
  padding-top: 25px;
}
.page-wrap .page-right h1 {
  font-size: 18px;
  color: #333;
}
.page-wrap .page-right h3 {
  padding: 10px 0;
}
.feedback-title {
  font-size: 18px;
  display: block;
  width: 100%;
  color: #666;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: solid 1px #e0e0e0;
}
.form-section {
  margin-bottom: 20px;
  padding: 10px;
  position: relative;
  overflow: hidden;
}
.form-section .input-label {
  color: #aaa;
  position: absolute;
  font-size: 14px;
  top: -2px;
  left: 22px;
  background: #fff;
  padding: 0 3px;
}
.form-section .input-dropdown {
  width: 615px;
  height: 45px;
  text-indent: 16px;
  font-family: "Microsoft Yahei";
  font-size: 15px;
  border: 1px solid #e0e0e0;
  color: #888;
  font-size: 14px;
  line-height: 45px;
  -webkit-transition: border-color 0.2s linear;
  transition: border-color 0.2s linear;
  outline: none;
}
.form-section .input-textarea {
  width: 100%;
  height: 100px;
  padding: 12px 16px;
  border: 1px solid #e0e0e0;
  color: #888;
  font-size: 14px;
  line-height: 25px;
  -webkit-transition: border-color 0.2s linear;
  transition: border-color 0.2s linear;
}
.form-section .input-text {
  width: 100%;
  height: 45px;
  padding: 12px 16px;
  border: 1px solid #e0e0e0;
  color: #888;
  font-size: 14px;
  line-height: 45px;
  -webkit-transition: border-color 0.2s linear;
  transition: border-color 0.2s linear;
}
.form-section .submitQuestion {
  display: block;
  width: 150px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background-color: #5bc0de;
  color: #fff;
  font-size: 15px;
}
.questions-list {
  background: #fff;
  padding: 25px 0;
  height: 100px;
  font-size: 14px;
}
.questions-list .help {
  background: #b8c5d4;
  width: 60px;
  height: 50px;
  line-height: 50px;
  color: #fff;
  text-align: center;
}
.questions-list .answer {
  background: #d00000;
  width: 60px;
  height: 50px;
  line-height: 50px;
  color: #fff;
  text-align: center;
}
.questions-list .browse {
  background: #f1f1f1;
  width: 60px;
  height: 50px;
  line-height: 50px;
  text-align: center;
}
.questions-list .con-wrap {
  position: relative;
  padding: 0px 15px 0 15px;
  padding-left: 80px;
  min-height: 50px;
}
.questions-list .con-wrap .photos {
  position: absolute;
  top: 0;
  left: 15px;
  width: 50px;
  height: 50px;
}
.questions-list .con-wrap img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
}
.questions-list .con-wrap .wb_info {
  padding-bottom: 10px;
  color: #808080;
}
.questions-list .con-wrap .wb_info .username {
  color: #666;
  font-weight: bold;
}
.questions-list .con-wrap .cat {
  color: #fc9700;
}
.send_info {
  background: #f9f9f9;
  margin-bottom: 10px;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
  border-radius: 2px;
  width: 100%;
  height: auto;
}
.send_info .sendtitle {
  padding: 0 10px;
  height: 40px;
  line-height: 40px;
  color: #999;
}
.send_info .send-input {
  /*border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;*/
}
.send_info .send-input textarea {
  width: 100%;
  height: 80px;
  margin: 0px;
  padding: 5px;
  border-style: none;
  border-width: 0px;
  font-size: 14px;
  word-wrap: break-word;
  line-height: 18px;
  overflow: hidden;
  outline: none;
}
.send_info .operate {
  height: 40px;
}
.send_info .operate .operate-left {
  width: 60%;
  height: 40px;
  float: left;
}
.send_info .operate .operate-left a {
  padding: 0 5px 0 0;
  color: #333;
}
.send_info .operate .operate-right {
  width: 40%;
  height: 40px;
  float: left;
  text-align: right;
}
.send_info .operate .operate-right button {
  background: #009a61;
  border: 0;
  border-radius: 3px;
  width: 80px;
  height: 30px;
  line-height: 30px;
  color: #fff;
}
.ycIcon {
  background: url(../img/ycicon_v2.png) no-repeat;
  position: absolute;
  top: -10px;
  right: -15px;
  height: 52px;
  width: 52px;
  overflow: hidden;
  z-index: 2;
}
.rmIcon {
  background: url(../img/top.png) no-repeat;
  position: absolute;
  top: -10px;
  right: -15px;
  height: 52px;
  width: 52px;
  overflow: hidden;
  z-index: 2;
}
.fload-ad {
  background: #fff;
  position: fixed;
  bottom: 1000px;
  z-index: 9999;
  box-shadow: 0 1px 8px rgba(66, 66, 66, 0.1);
  text-align: center;
}
.fload-ad img {
  border: none;
  width: 70px;
}
.fload-ad ul {
  width: 64px;
  minn-height: 195px;
}
.fload-ad ul li {
  border-bottom: 1px solid #eee;
  padding: 15px;
  width: 64px;
  height: 64px;
  font-size: 12px;
  cursor: pointer;
  color: #999;
}
.fload-ad ul li.head {
  background: #5bc0de ;
  line-height: 32px;
  color: #fff;
}
.fload-ad ul li:hover {
  background: #5bc0de ;
  color: #fff !important;
}
.fload-ad ul li.current {
  background: #5bc0de ;
  color: #fff !important;
}
.cat-wrap {
  background: rgba(0, 0, 0, 0.9) !important;
  box-shadow: 0 0 5px #ccc;
  height: 90px;
  font-size: 14px;
  line-height: normal;
  box-shadow: 0 0 1px #eee;
}
.cat-wrap .cat-left {
  background: rgba(0, 0, 0, 0.8);
  width: 170px;
  height: 380px;
  font-size: 14px;
  color: #fff;
  z-index: 10000;
}
.cat-wrap .cat-left li {
  padding: 16px 5px;
  text-align: left;
}
.cat-wrap .cat-left li .cat-box {
  background: #fff;
  position: absolute;
  left: 200px;
  top: 0;
  border-top: 1px solid #5bc0de;
  padding: 15px;
  width: 1000px;
  height: 380px;
  display: none;
}
.cat-wrap .cat-left li .cat-box .cat-parent {
  width: 70px;
}
.cat-wrap .cat-left li .cat-box .cat-parent a {
  display: block;
  padding: 7px 0px;
}
.cat-wrap .cat-left li .cat-box .cat-list {
  border-bottom: 1px dashed #eee;
  padding-bottom: 15px;
  width: 650px;
}
.cat-wrap .cat-left li .cat-box .cat-list a {
  display: block;
  padding: 5px 10px;
  float: left;
}
.cat-wrap .cat-left li .cat-box .cat-img {
  background: #f6f6f6;
  width: 250px;
  height: 350px;
}
.cat-wrap .cat-left li .cat-box .cat-img a {
  display: block;
  padding: 5px;
  float: left;
}
.cat-wrap .cat-left li .cat-box .cat-img img {
  width: 100%;
  height: 350px;
}
.cat-wrap .cat-left li:hover {
  background: #f1f1f1;
  color: #5bc0de;
}
.cat-wrap .cat-left li:hover i {
  font-size: 16px;
  color: #0ec5a1;
}
.cat-wrap .cat-left li:hover .cat-box {
  display: block;
}
.cat-wrap .nav-box {
  padding-top: 10px;
  width: 100%;
  height: 90px;
}
.cat-wrap .nav-box .cat-parent {
  padding-right: 10px;
  width: 45px;
  height: 70px;
}
.cat-wrap .nav-box .cat-parent a {
  display: block;
  padding: 0;
  height: 70px;
  line-height: 70px;
  color: #fff;
  text-align: left;
}
.cat-wrap .nav-box .cat-list {
  width: 220px;
  height: 70px;
}
.cat-wrap .nav-box .cat-list a {
  width: auto;
  height: 35px;
  line-height: 25px;
  display: block;
  padding: 5px 10px;
  font-size: 14px;
  color: #fff;
  float: left;
}
.cat-wrap .nav-box .cat-img {
  background: #f6f6f6;
  padding: 15px;
  width: 250px;
  height: 370px;
}
.cat-wrap .nav-box .cat-img a {
  display: block;
  padding: 5px;
  float: left;
}
.comment-wrap {
  padding: 0;
}
.comment-wrap .comment-submit {
  position: relative !important;
  padding: 10px 25px 0 80px;
  height: 40px;
}
.comment-wrap .comment-submit img {
  position: absolute !important;
  top: 10px;
  left: 40px;
}
.comment-wrap .comment-submit input {
  border: 1px solid #ffc09f;
  width: 100%;
  height: 30px;
}
.comment-wrap .comment-operate {
  position: relative !important;
  padding: 10px 25px 0 80px;
  height: 50px;
}
.comment-wrap .comment-content {
  position: relative;
  box-sizing: border-box;
  padding: 0;
  width: auto;
}
.comment-wrap .comment-content .feedback-list {
  background: #f9f9f9;
  position: relative;
  border-bottom: 1px solid #f1f1f1;
  box-sizing: border-box;
  padding: 8px 13px;
  padding-left: 80px;
  width: auto;
  min-height: 75px;
}
.comment-wrap .comment-content .feedback-list .photos {
  position: absolute;
  top: 15px;
  left: 40px;
  width: 30px;
  height: 30px;
}
.comment-wrap .comment-content .feedback-list p {
  font-size: 12px;
  color: #666;
  line-height: 1.5em;
  margin-bottom: .5em;
  word-wrap: break-word;
}
.comment-wrap .comment-content .feedback-list p:last-child {
  margin-bottom: 0;
}
.feedback-head {
  background: url(../img/tops1.gif);
  margin: 0 auto;
  box-sizing: border-box;
  padding: 0 25px;
  width: auto;
  height: 90px;
  line-height: 35px;
}
.feedback-head .page {
  float: right;
}
.feedback-content-wrap {
  /*background: #fff;*/
  margin: 0 auto;
  box-sizing: border-box;
  padding: 0;
  width: auto;
  height: auto;
}
.feedback-content-wrap .feedback-content {
  padding-bottom: 20px;
  width: auto;
  height: auto;
}
.feedback-content .feedback-title {
  margin-top: 15px;
  width: auto;
  height: 35px;
  line-height: 35px;
}
.feedback-content .feedback-title .page {
  float: right;
}
.feedback-content .feedback-list .feedback-content .feedback-list p.feedback-user,
.feedback-content .feedback-list p.feedback-label {
  margin: 0;
  font-size: 13px;
  color: #333;
  word-wrap: break-word;
}
.feedback-content .feedback-list .reply_info {
  position: relative;
  margin: 5px 0;
  /*border-bottom:1px dotted #666;*/
  padding-left: 50px;
  height: 50px;
  color: #eee;
}
.feedback-content .feedback-list .reply_info img {
  position: absolute;
  top: 0;
  left: 0;
  width: 35px;
  height: 35px;
}
.feedback-content .feedback-list p.reply_default {
  border: 1px solid #ddd;
  padding: 5px;
  width: 400px;
  display: none;
}
.feedback-content .feedback-list .reply {
  cursor: pointer;
}
.feedback-content .feedback-list .reply_wrap {
  display: none;
}
.reply_wrap .form {
  position: relative;
  border: 1px solid #ddd;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  width: 402px;
  min-height: 80px;
}
.reply_wrap .form textarea {
  display: block;
  border: 0px;
  border-bottom: 1px solid #ddd;
  box-sizing: border-box;
  padding: 5px;
  outline: none;
  width: 400px;
  height: auto;
  min-height: 50px;
}
.reply_wrap .form button {
  background: none;
  border: 0px;
  border-right: 1px solid #ddd;
  width: 60px;
  height: 37px;
}
.reply_wrap .form button[class=cancel] {
  background: none;
  border: 0px;
  width: 60px;
  height: 30px;
  color: #ccc;
}
.reply_wrap .form .countmsg {
  position: absolute;
  right: 5px;
  line-height: 30px;
  color: #ccc;
  font-weight: normal;
}
.feedback-list .photos a {
  display: block;
}
.feedback-list .photos img {
  border-radius: 5px;
  width: 50px;
  height: 50px;
}
.feedback-list .wb_info {
  padding-bottom: 5px;
}
.feedback-list .wb_info .username {
  font-weight: bold;
}
.feedback-list .wb_from {
  padding-bottom: 5px;
  font-size: 10px;
  color: #808080;
}
.feedback-list .wb_text {
  line-height: 23px;
}
.feedback-list .wb_text .topic {
  color: #eb7350;
}
.feedback-list .wb_text .imglist {
  width: 342px;
}
.feedback-list .wb_text .imglist li {
  margin-top: 4px;
  margin-right: 4px;
  width: 110px;
  height: 110px;
  float: left;
}
/*.feedback-list img{
	position: absolute;
	top:10px;
	left: 25px;
	box-shadow: 0 1px 3px hsla(0, 0%, 0%, 0.22);
	-webkit-border-radius: 3px;
	border-radius: 3px;
	width: 50px;
	height: 50px;
}*/
.feedback-content-wrap .feedback-form {
  padding: 0 0;
  width: auto;
  /*min-height: 130px;*/
}
.feedback-form .form {
  -webkit-border-radius: 3px;
  border-radius: 3px;
  width: auto;
  min-height: 130px;
  display: none;
}
.feedback-form .form textarea {
  background: #f9f9f9;
  display: block;
  margin-bottom: 0;
  border: 0px;
  border-bottom: 1px solid #ddd;
  box-sizing: border-box;
  padding: 5px;
  outline: none;
  width: 100%;
  height: auto;
  min-height: 100px;
  color: #333;
}
.feedback-form .form button {
  border: 0px;
  border-left: 1px solid #ddd;
  width: 100px;
  height: 30px;
  color: #fff;
  float: right;
}
.feedback-content .feedback-footer {
  background: #EEE;
  margin-bottom: 15px;
  box-sizing: border-box;
  padding: 0 25px;
  width: auto;
  height: 35px;
  line-height: 35px;
}
.feedback-content .feedback-footer .page {
  float: right;
}
.feedback-content-wrap .feedback-write {
  padding: 20px;
  width: auto;
  min-height: 130px;
}
.feedback-write ul {
  border: 0px solid #ddd;
}
.feedback-write li {
  position: relative;
  padding: 5px 5px 5px 100px;
  min-height: 30px;
  line-height: 30px;
}
.feedback-write li label {
  position: absolute;
  left: 0px !important;
  top: 50%;
  margin-top: -15px;
  font-size: 14px;
  color: #666;
  font-weight: normal;
}
header {
  background: rgba(255, 255, 255, 0.94);
  box-shadow: 0 0 1px 0px rgba(0, 0, 0, 0.3), 0 0 6px 2px rgba(0, 0, 0, 0.15);
  z-index: 100;
  height: 64px;
  line-height: 64px;
  font-size: 14px;
}
header ul {
  height: 64px;
  line-height: 64px;
}
header .header-right {
  width: 290px !important;
}
header .head-wrap {
  background: none;
  box-shadow: none;
  padding-left: 200px;
  padding-right: 0;
}
header .head-wrap .header-left {
  width: 150px;
  font-size: 24px;
  color: #5bc0de;
}
header .head-wrap .header-right {
  width: 210px !important;
  height: 64px;
  line-height: 64px;
}
header .head-wrap li {
  height: 64px;
  line-height: 64px;
  font-size: 16px;
}
header .head-wrap li a {
  height: 64px;
  line-height: 64px;
}
header .head-wrap li:hover {
  height: 64px;
}
header .head-wrap li.more .more-menu {
  background: #fff;
  display: none;
  top: 65px;
  right: -25px;
  width: 100px;
  height: auto;
  z-index: 1000000000000;
}
header .head-wrap li.more .more-menu li {
  height: 40px;
  line-height: 40px;
}
header .head-wrap li.more .more-menu li a {
  height: 40px;
  line-height: 40px;
  font-size: 14px;
}
header .head-wrap li.more:hover .more-menu {
  display: block;
}
.banner-plate {
  background: #fff;
  margin-bottom: 15px;
  height: 80px;
}
.banner-plate ul li {
  border-left: 1px solid #727577;
  border-color: #eee;
  width: 250px;
  height: 80px;
  line-height: 80px;
  font-size: 18px;
  font-family: georgia;
  color: #999;
  float: left;
  cursor: pointer;
  text-align: center;
}
.banner-plate ul li:hover {
  background-color: rgba(255, 255, 255, 0.06);
}
.banner-plate ul li:last-child {
  border-right: 1px solid #727577;
  border-color: #eee;
}
.banner-channel {
  background: #fff;
  margin-bottom: 15px;
  box-shadow: 0 0 5px #ccc;
  height: 80px;
}
.banner-channel ul li {
  border-left: 1px solid #727577;
  border-color: #eee;
  width: 220px;
  height: 80px;
  line-height: 80px;
  font-size: 18px;
  font-family: georgia;
  color: #999;
  float: left;
  cursor: pointer;
  text-align: center;
}
.banner-channel ul li:hover {
  background-color: rgba(255, 255, 255, 0.06);
}
.banner-channel ul li:last-child {
  border-right: 1px solid #727577;
  border-color: #eee;
}
.hot_tag {
  padding: 10px !important;
}
.hot_tag a {
  display: inline-block;
  padding: 5px;
}
.navBeta {
  background: #2B6BAB;
  margin-bottom: 15px;
  border-top: 2px #f33 solid;
  padding: 15px;
  font-size: 14px;
}
.navBeta li {
  float: left;
  width: 225px;
}
.navBeta li a {
  display: inline-block;
  padding: 5px;
  color: #fff;
}
.navBeta li a:first-child {
  font-size: 15px;
  font-weight: bold;
}
.topic-nav {
  height: 80px;
  line-height: 16px;
  margin: 0 auto;
}
.topic-nav dl {
  padding: 8px 0;
  width: 299px;
  height: 16px;
  float: left;
  border-left: 1px solid #727577;
  border-color: rgba(255, 255, 255, 0.06);
  box-sizing: content-box;
}
.topic-nav dt {
  position: relative;
  margin-right: 10px;
  border-right: 1px solid #e3e7e8;
  padding-left: 15px;
  width: 65px;
  height: 16px;
  float: left;
  text-align: center;
}
.topic-nav dt i {
  position: absolute;
  left: -5px;
  top: -5px;
}
.topic-nav dt a {
  color: #666;
  display: block;
  font-size: 14px;
}
.topic-nav dd {
  width: 219px;
  height: 16px;
  font-size: 14px;
  float: left;
}
.topic-nav dd a {
  padding-right: 15px;
  height: 16px;
  line-height: 16px;
  display: block;
  float: left;
  color: #999;
}
.tabs-index {
  width: 100%;
  height: auto;
}
.tabs-index .nav-tabs {
  border-bottom: 1px solid #ddd;
  height: 42px;
}
.tabs-index .nav-tabs li {
  display: inline-block;
  padding: 10px 20px;
  background: #fff;
  border: 1px solid #d0d4d7;
  border-radius: 50px;
  margin: 0 25px 10px 0;
  color: #666;
  cursor: pointer;
  float: none;
}
.tabs-index .nav-tabs li.active {
  background: #5bc0de;
  color: #fff;
}
.tabs-index .nav-tabs li:hover {
  background: #5bc0de;
  color: #fff;
}
.tabs-index .tab-content {
  padding: 15px 0;
  width: 100%;
  height: auto;
}
.tabs-index .tab-content .tabsbox {
  width: 100%;
  height: auto;
  display: none;
}
.slide-index {
  padding: 25px 0;
  height: 185px;
}
.slide-index .slide-next,
.slide-index .slide-prev {
  display: none;
}
.slide-index .slide-next i,
.slide-index .slide-prev i {
  border-radius: 50%;
  background: #5bc0de;
  padding: 5px 4px 5px 6px;
  font-size: 24px !important;
  color: #fff !important;
}
.slide-index:hover .slide-next,
.slide-index:hover .slide-prev {
  display: block;
}