@charset "utf-8";

/* CSS Document */

/*重置*/

body,
div,
p,
span,
input,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
li,
dl,
dt,
dd,
textarea {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  font-weight: normal;
  text-decoration: none;
  /*cursor:default;outline:none;*/
}

body {
  font-family: 'microsoft yahei', Verdana, Geneva, sans-serif;
  font-size: 16px;
}

a {
  text-decoration: none;
  color: #232323;
}

a:hover {
  text-decoration: none;
}

a:visited {
  text-decoration: none;
}

a:active {
  text-decoration: none;
}

a:link {
  text-decoration: none;
}

input[type='text'],
input[type='password'],
textarea[type='text'] {
  -webkit-appearance: none;
  appearance: none;
  outline: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  border-radius: 5px;
}

.test {
  width: 100px;

  height: 48px;

  border: 1px solid #f00;

  background: url(../images/security.png) top center no-repeat;
}

.test:hover {
  background-position: center -48px;
}

body {
  background-color: #f6f6f6;

  max-width: 1920px;

  margin: auto;
}

@media (max-width: 1280px) {
  body {
    font-size: 14px;
  }
}

@media (max-width: 768px) {
  input[type='text'],
  input[type='button'],
  textarea[type='text'] {
    border-radius: 5px;
  }
}

/*页码*/

.yema {
  margin: 2% 0;

  heigth: 10px;

  line-height: 10px;

  /*background-color:#666;*/

  text-align: center;
}

/*返回顶部*/

.top-bottom {
  position: fixed;

  bottom: 100px;

  right: 30px;

  cursor: pointer;

  display: none;

  z-index: 10;
}

/*导航*/

.index-nav {
  max-width: 1920px;

  margin: auto;

  position: fixed;

  height: 100px;

  width: 100%;

  top: 0;

  z-index: 999999;
}

.index-nav .pc-nav {
  height: 100px;
}

.index-nav .pc-nav .logo {
  float: left;

  padding-top: 20px;
}

.index-nav .pc-nav .logo1 {
  display: none;

  padding-top: 20px;
}

.index-nav .pc-nav .text-nav {
  float: left;

  /* width: 548px; */

  margin-left: 3%;

  padding-top: 20px;
}

.index-nav .pc-nav .text-nav li {
  float: left;

  padding: 0 15px;

  line-height: 60px;
}

.index-nav .pc-nav .text-nav li a {
  color: #fff;
}

.index-nav .pc-nav .text-nav li a:hover {
  color: #2d8fe2;
}

.index-nav .pc-nav .my {
  /*display:none;*/

  float: right;

  width: 230px;

  margin-top: 10px;

  padding-top: 20px;
}

.index-nav .pc-nav .my .dl {
  float: right;

  width: 100px;

  line-height: 40px;

  height: 40px;

  /*background-color:#2d8fe2;*/

  color: #fff;

  text-align: center;

  border-radius: 5px;

  border: 1px solid #fff;
}

.index-nav .pc-nav .my .zc {
  float: right;

  width: 100px;

  line-height: 40px;

  height: 40px;

  color: #fff;

  border: 1px solid #fff;

  text-align: center;

  border-radius: 5px;

  margin-right: 25px;
}

.index-nav .pc-nav .my .dl:hover {
  background-color: #2d8fe2;

  border: 1px solid #2d8fe2;

  color: #fff;
}

.index-nav .pc-nav .my .zc:hover {
  color: #fff;

  border: 1px solid #2d8fe2;

  background-color: #2d8fe2;
}

/*登陆成功后*/

.index-nav .pc-nav .my2 {
  width: 140px;

  height: 100px;

  float: right;

  position: relative;
}

.index-nav .pc-nav .my2 .head100 {
  width: 35px;

  height: 35px;

  position: absolute;

  cursor: pointer;

  top: 30px;

  left: 50px;

  /*border:1px solid #F00;*/

  border-radius: 50%;
}

.index-nav .pc-nav .my2 .head100 img {
  display: block;

  width: 35px;

  height: 35px;

  border-radius: 50%;
}

.index-nav .pc-nav .my2 .dian {
  position: absolute;

  right: 46px;

  bottom: 28px;
}

.index-nav .pc-nav .my2 .lists {
  position: absolute;

  width: 140px;

  top: 100px;

  right: 0;

  display: none;

  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.25);

  border-left: 1px solid #dcdcdc;

  border-right: 1px solid #dcdcdc;

  border-bottom: 1px solid #dcdcdc;
}

.index-nav .pc-nav .my2 .lists li a {
  display: block;

  height: 70px;

  background-color: #fff;

  line-height: 70px;

  color: #777;

  text-align: center;
}

.index-nav .pc-nav .my2 .lists li a:hover {
  color: #fff;

  background-color: #2d8fe2;
}

/*搜索*/

.index-nav .pc-nav .ss {
  float: right;

  width: 200px;

  padding-top: 33px;

  margin-right: 3%;
}

.index-nav .pc-nav .ss .ss-botton {
  float: right;

  padding-left: 20px;
}

.index-nav .pc-nav .ss .box {
  float: right;

  width: 0px;

  display: none;

  line-height: 30px;

  height: 30px;

  border: none;

  background-color: transparent;

  border-bottom: 1px solid #aaa;

  padding-left: 10px;

  color: #fff;

  box-shadow: none;

  outline: none;
}

/*滑动导航*/

.index-hidenav {
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.25);

  background-color: #fff;

  border-bottom: 1px solid #dcdcdc;
}

.index-hidenav .pc-nav .logo {
  display: none;
}

.index-hidenav .pc-nav .logo1 {
  display: block;

  float: left;
}

.index-hidenav .pc-nav .text-nav li a {
  color: #777;
}

.index-hidenav .pc-nav .my .zc {
  color: #2d8fe2;

  border: 1px solid #2d8fe2;
}

.index-hidenav .pc-nav .my .dl {
  color: #2d8fe2;

  border: 1px solid #2d8fe2;
}

.index-hidenav .pc-nav .my .zc:hover {
  color: #fff;

  background-color: #2d8fe2;
}

.index-hidenav .pc-nav .ss .box {
  color: #777;
}

/*移动端导航*/

.index-nav .mobile-nav {
  background-color: #fff;
}

.index-nav .mobile-nav .mobile-my {
  line-height: 70px;

  color: #2d8fe2;

  display: none;

  float: left;
}

.index-nav .mobile-nav .mobile-my2 {
  width: 35px;

  float: left;

  position: relative;
}

.index-nav .mobile-nav .mobile-my2 .head100 {
  width: 35px;

  height: 35px;

  position: absolute;

  cursor: pointer;

  top: 17px;

  left: 0;

  /*border:1px solid #F00;*/
}

.index-nav .mobile-nav .mobile-my2 .head100 img {
  display: block;

  height: 35px;

  width: 35px;

  border-radius: 50%;
}

.index-nav .mobile-nav .mobile-my2 .lists {
  position: fixed;

  width: 140px;

  top: 70px;

  left: -175px;

  /*display:none;*/

  background-color: #fff;

  height: 100%;

  border-right: 1px solid #eee;
}

.index-nav .mobile-nav .mobile-my2 .lists li a {
  display: block;

  height: 70px;

  background-color: #fff;

  line-height: 70px;

  color: #777;

  text-align: center;
}

.index-nav .mobile-nav .mobile-my2 .lists li a:hover {
  color: #fff;

  background-color: #2d8fe2;
}

.index-nav .mobile-nav .mobile-my2 .lists .close-list {
  position: absolute;

  top: 50%;

  margin-top: -35px;

  right: -22px;

  cursor: pointer;
}

.index-nav .mobile-nav .mobilenav-text {
  float: right;

  position: relative;

  margin-top: 20px;

  cursor: pointer;
}

.index-nav .mobile-nav .mobilenav-text img {
}

.index-nav .mobile-nav .mobilenav-text .startnav {
  padding: 0 10px;
}

.index-nav .mobile-nav .mobilenav-text .closenav {
  display: none;

  padding: 0 25px;
}

.index-nav .mobile-nav .mobilenav-text .list-nav {
  position: fixed;

  width: 100%;

  top: 70px;

  right: -100%;

  background-color: #fff;

  height: 100%;

  overflow: auto;

  /*iPhone禁止拖动*/

  -webkit-overflow-scrolling: touch;
}

.index-nav .mobile-nav .mobilenav-text .list-nav li a {
  display: block;

  height: 70px;

  background-color: #fff;

  line-height: 70px;

  color: #777;

  text-align: center;
  font-size: 1.2em;
}

.index-nav .mobile-nav .mobilenav-text .list-nav li a:hover {
  color: #fff;
  font-size: 1.2em;
  background-color: #2d8fe2;
}

.index-nav .mobile-nav .mobile-logo {
  display: block;

  margin: 0 auto;

  padding-top: 12px;

  width: 50px;
}

.index-nav .mobile-nav .mobile-logo img {
  display: block;

  width: 100%;
}

.mobile-ss {
  position: fixed;

  width: 100%;

  height: 50px;

  bottom: 0;

  background-color: #fff;

  box-shadow: 0 0 8px rgba(0, 0, 0, 0.25);

  z-index: 9999;
}

.mobile-ss .ss-botton {
  float: right;

  margin-top: 14px;
}

.mobile-ss .ss-botton img {
  display: block;
}

.mobile-ss .ss-box {
  float: left;

  line-height: 30px;

  height: 30px;

  border: 1px solid #ddd;

  background-color: #f6f6f6;

  border-radius: 5px;

  padding-left: 10px;

  color: #777;

  box-shadow: none;

  outline: none;

  margin-top: 10px;

  width: 85%;
}

/*占位*/

.zhanwei {
  height: 100px;
}

@media (max-width: 991px) {
  .index-nav {
    height: 70px;

    background-color: #fff;

    box-shadow: 0 0 8px rgba(0, 0, 0, 0.25);
  }

  .zhanwei {
    height: 70px;
  }
}

@media (max-width: 767px) {
  .index-nav {
    height: 51px;
  }

  .index-nav .mobile-nav .mobile-my {
    line-height: 50px;
  }

  .index-nav .mobile-nav .mobile-my2 {
    height: 50px;

    width: 30px;
  }

  .index-nav .mobile-nav .mobile-my2 .head100 {
    width: 30px;

    height: 30px;

    border-radius: 20px;

    overflow: hidden;

    top: 10px;
  }

  .index-nav .mobile-nav .mobile-my2 .head100 img {
    width: 100%;

    height: 100%;
  }

  .index-nav .mobile-nav .mobile-my2 .lists {
    top: 50px;
  }

  .index-nav .mobile-nav .mobilenav-text {
    margin-top: 10px;
  }

  .index-nav .mobile-nav .mobilenav-text img {
    width: 20px;

    padding-top: 6px;
  }

  .index-nav .mobile-nav .mobilenav-text .dsimg {
    width: auto;

    padding-top: 6px;
  }

  .index-nav .mobile-nav .mobilenav-text .list-nav {
    top: 50px;
  }

  .index-nav .mobile-nav .mobile-logo {
    width: 30px;

    padding-top: 13px;
  }

  .zhanwei {
    height: 40px;
  }

  .index-nav .mobile-nav .mobile-my2 .lists li a,
  .index-nav .mobile-nav .mobilenav-text .list-nav li a {
    line-height: 40px;

    height: 40px;
  }
}

@media (max-width: 991px) {
  .index-banner {
    padding-top: 13px;

    /*padding-bottom:50%;*/
  }

  /*.index-banner .banner-box{

		top:50%;



		margin-top:-36%;

		}*/

  .index-banner .banner-box img {
    display: block;

    width: 100%;

    height: auto;
  }

  /*.index-banner .banner-box{

		margin-left:-100%;

		}*/
}

/*人气榜*/

.index-hot {
  padding-top: 6%;
}

.index-hot .hot-title .text {
  overflow: hidden;

  border-bottom: 1px solid #ddd;
}

.index-hot .hot-title .text .left {
  float: left;

  padding-bottom: 10px;

  border-bottom: 1px solid #232323;

  width: 130px;
}

.index-hot .hot-title .text .left h1 {
  font-size: 18px;

  color: #232323;

  float: left;
}

.index-hot .hot-title .text .left h2 {
  padding: 5px 0 0 5px;

  color: #ff0000;

  float: left;

  font-size: 12px;
}

.index-hot .hot-title .text .right {
  float: right;
}

.index-hot .hot-title .text .right h3 {
  font-size: 12px;

  color: #aaa;

  padding-top: 5px;

  text-align: right;
}

@media (max-width: 768px) {
  .index-hot .hot-title .text {
  }

  .index-hot .hot-title .text .left {
    width: 85px;

    padding-bottom: 5px;

    padding-left: 10px;
  }

  .index-hot .hot-title .text .left h1 {
    font-size: 14px;
  }

  .index-hot .hot-title .text .left h2 {
    font-size: 10px;
  }

  .index-hot .hot-title .text .right {
    padding-right: 10px;
  }

  .index-hot .hot-title .text .right h3 {
    font-size: 0.7em;
  }
}

/*人气榜图片区*/

.index-hot .hot-box {
  padding-top: 50px;

  padding-bottom: 1%;
}

.index-hot .hot-box .grid {
  height: auto;

  position: relative;
}

.index-hot .hot-box .grid .pm .box {
  width: 99.9%;
  overflow: hidden;
  height: auto;
  position: relative;
}

.index-hot .hot-box .grid .pm {
  /*position:relative;

	overflow:hidden;*/

  padding: 5px;

  /*float:left;

	width:24%;
*/
}

.index-hot .hot-box .grid .pm .img {
  display: block;

  width: 100%;

  max-width: 390px;
}

.index-hot .hot-box .grid .pm .bj {
  width: 100%;

  height: 620px;

  position: absolute;

  top: 0;

  opacity: 0.3;

  /*IE8*/

  filter: alpha(opacity=30);

  background-color: #000;

  top: -640px;
}

.index-hot .hot-box .grid .pm .more {
  position: absolute;

  top: -47px;

  left: 50%;

  margin-left: -23px;

  opacity: 0.6;

  /*IE8*/

  filter: alpha(opacity=60);
}

.index-hot .hot-box .grid .pm .more:hover {
  opacity: 1;

  /*IE8*/

  filter: alpha(opacity=100);
}

.index-hot .hot-box .grid .pm .text {
  position: absolute;

  width: 100%;

  height: 90px;

  background: rgba(255, 255, 255, 0.9);

  bottom: 0;
}

.index-hot .hot-box .grid .pm .text h1 {
  position: absolute;

  top: 20px;

  left: 15px;

  font-size: 1em;

  color: #777;
}

.index-hot .hot-box .grid .pm .text h1 a {
  color: #333;
  font-size: 1.2em;
}

.index-hot .hot-box .grid .pm .text h2 {
  position: absolute;

  bottom: 20px;

  left: 15px;

  font-size: 1.2em;
}

.index-hot .hot-box .grid .pm .text h2 a {
  color: #777;
}

.index-hot .hot-box .grid .pm .text h2 a:hover {
  color: #2d8fe2;
}

.index-hot .hot-box .grid .pm .text .data {
  position: absolute;

  right: 0;

  bottom: 15px;

  /*width:160px;*/

  height: 20px;
}

.index-hot .hot-box .grid .pm .text .data img {
  float: right;

  margin-right: 10px;

  line-height: 18px;

  cursor: pointer;
}

.index-hot .hot-box .grid .pm .text .data .zan {
  opacity: 0.5;

  /*IE8*/

  filter: alpha(opacity=50);
}

.index-hot .hot-box .grid .pm .text .data .yan {
  padding-top: 5px;

  opacity: 0.5;

  /*IE8*/

  filter: alpha(opacity=50);
}

.index-hot .hot-box .grid .pm .text .data img:hover {
  opacity: 1;

  /*IE8*/

  filter: alpha(opacity=100);
}

.index-hot .hot-box .grid .pm .text .data span {
  float: right;

  font-size: 14px;

  color: #aaa;

  line-height: 20px;

  display: block;

  padding-right: 15px;

  font-size: 0.7em;
}

@media (max-width: 1280px) {
  .index-hot .hot-box .grid .pm .text .data {
    /*width:120px;*/
  }

  .index-hot .hot-box .grid .pm .text .data img {
    margin-right: 5px;
  }

  .index-hot .hot-box .grid .pm .text .data span {
    padding-right: 10px;
  }
}

@media (max-width: 992px) {
  .index-hot .hot-box {
    padding-top: 30px;
  }

  .index-hot .hot-box .grid .pm .text {
    position: relative;

    bottom: 0;

    left: 0;
  }
}

@media (max-width: 768px) {
  .index-hot .hot-box .grid .pm .text .data .yan {
    width: 12%;
  }

  .index-hot .hot-box .grid .pm .text .data .zan {
    padding-top: 2px;

    width: 8%;
  }

  .index-hot .hot-box .grid .pm .text h1 {
  }

  .index-hot .hot-box .grid .pm .text .data span {
    line-height: 16px;
  }
}

@media (max-width: 430px) {
  .index-hot .hot-box {
    padding-top: 15px;
  }

  .index-hot .hot-box .grid {
    padding-left: 10px;

    padding-right: 10px;
  }

  .index-hot .hot-box .grid .pm .text h1 {
    top: 10px;
  }

  .index-hot .hot-box .grid .pm .text h2 {
    bottom: 40px;
    font-size: 1.2em;
  }

  .index-hot .hot-box .grid .pm .text .data {
    left: 7px;

    bottom: 8px;

    right: auto;
  }
}

/*摄影*/

.index-photo {
  padding-top: 3%;

  background-color: #fff;

  padding-bottom: 1%;
}

.index-photo .photo-title .text {
  overflow: hidden;

  border-bottom: 1px solid #ddd;
}

.index-photo .photo-title .text .left {
  float: left;

  padding-bottom: 10px;

  border-bottom: 1px solid #232323;

  width: 130px;
}

.index-photo .photo-title .text .left h1 {
  font-size: 18px;

  color: #232323;

  float: left;
}

.index-photo .photo-title .text .left h2 {
  padding: 5px 0 0 5px;

  color: #ff0000;

  float: left;

  font-size: 12px;
}

.index-photo .photo-title .text .center {
  width: 70%;

  overflow: hidden;

  float: left;

  margin-left: 10px;

  height: 18px;

  /*margin-top:5px;*/
}

.index-photo .photo-title .text .center a {
  font-size: 0.8em;

  color: #777;

  float: left;

  padding: 0 15px;
}

.index-photo .photo-title .text .center a:hover {
  color: #2d8fe2;
}

.index-photo .photo-title .text .right {
  float: right;
}

.index-photo .photo-title .text .right a {
  font-size: 0.8em;

  color: #777;

  text-align: right;
}

.index-photo .photo-title .text .right a:hover {
  color: #2d8fe2;
}

@media (max-width: 768px) {
  .index-photo .photo-title .text {
  }

  .index-photo .photo-title .text .left {
    width: 100px;

    padding-bottom: 5px;

    padding-left: 10px;
  }

  .index-photo .photo-title .text .left h1 {
    font-size: 14px;
  }

  .index-photo .photo-title .text .left h2 {
    font-size: 10px;
  }

  .index-photo .photo-title .text .right {
    padding-right: 10px;
  }

  .index-photo .photo-title .text .right h3 {
    font-size: 0.7em;
  }

  .index-photo .photo-title .text .center {
    width: 60%;
  }

  .index-photo .photo-title .text .center a {
    padding: 0 8px;
  }
}

/*图片区*/

.index-photo .photo-box {
  padding-top: 50px;
}

.index-photo .photo-box .grid1 .pm .box {
  width: 99.9%;

  position: relative;

  overflow: hidden;
}

.index-photo .photo-box .grid1 .pm {
  /*position:relative;

	overflow:hidden;
*/
  padding: 5px;

  /*float:left;

	width:24%;*/
}

.index-photo .photo-box .grid1 .pm .img {
  display: block;

  width: 100%;

  max-width: 390px;

  margin: auto;
}

.index-photo .photo-box .grid1 .pm .bj {
  width: 100%;

  height: 620px;

  position: absolute;

  top: 0;

  opacity: 0.3;

  /*IE8*/

  filter: alpha(opacity=30);

  background-color: #000;

  top: -640px;
}

.index-photo .photo-box .grid1 .pm .more {
  position: absolute;

  top: -47px;

  left: 50%;

  margin-left: -23px;

  opacity: 0.6;

  /*IE8*/

  filter: alpha(opacity=60);
}

.index-photo .photo-box .grid1 .pm .more:hover {
  opacity: 1;

  /*IE8*/

  filter: alpha(opacity=100);
}

.index-photo .photo-box .grid1 .pm .text {
  position: absolute;

  width: 100%;

  height: 90px;

  background: rgba(246, 246, 246, 0.9);

  bottom: 0;
}

.index-photo .photo-box .grid1 .pm .text h1 {
  position: absolute;

  top: 20px;

  left: 15px;

  font-size: 1em;

  color: #777;
}

.index-photo .photo-box .grid1 .pm .text h1 a {
  color: #333;
  font-size: 1.2em;
}

.index-photo .photo-box .grid1 .pm .text h2 {
  position: absolute;

  bottom: 20px;

  left: 15px;

  font-size: 1.2em;
}

.index-photo .photo-box .grid1 .pm .text h2 a {
  color: #777;
}

.index-photo .photo-box .grid1 .pm .text h2 a:hover {
  color: #2d8fe2;
}

.index-photo .photo-box .grid1 .pm .text .data {
  position: absolute;

  right: 0;

  bottom: 15px;

  /*width:160px;*/

  height: 20px;
}

.index-photo .photo-box .grid1 .pm .text .data img {
  float: right;

  margin-right: 10px;

  line-height: 18px;

  cursor: pointer;
}

.index-photo .photo-box .grid1 .pm .text .data .zan {
  opacity: 0.5;

  /*IE8*/

  filter: alpha(opacity=50);
}

.index-photo .photo-box .grid1 .pm .text .data .yan {
  padding-top: 5px;

  opacity: 0.5;

  /*IE8*/

  filter: alpha(opacity=50);
}

.index-photo .photo-box .grid1 .pm .text .data img:hover {
  opacity: 1;

  /*IE8*/

  filter: alpha(opacity=100);
}

.index-photo .photo-box .grid1 .pm .text .data span {
  float: right;

  font-size: 14px;

  color: #aaa;

  line-height: 20px;

  display: block;

  padding-right: 15px;

  font-size: 0.7em;
}

@media (max-width: 1280px) {
  .index-photo .photo-box .grid1 .pm .text .data {
    /*width:120px;*/
  }

  .index-photo .photo-box .grid1 .pm .text .data img {
    margin-right: 5px;
  }

  .index-photo .photo-box .grid1 .pm .text .data span {
    padding-right: 10px;
  }
}

@media (max-width: 992px) {
  .index-photo .photo-box {
    padding-top: 30px;
  }

  .index-photo .photo-box .grid1 .pm .text {
    position: relative;

    bottom: 0;

    left: 0;
  }
}

@media (max-width: 768px) {
  .index-photo .photo-box .grid1 .pm .text .data .yan {
    width: 12%;
  }

  .index-photo .photo-box .grid1 .pm .text .data .zan {
    padding-top: 2px;

    width: 8%;
  }

  .index-photo .photo-box .grid1 .pm .text h1 {
  }

  .index-photo .photo-box .grid1 .pm .text .data span {
    line-height: 16px;
  }
}

@media (max-width: 430px) {
  .index-photo .photo-box {
    padding-top: 15px;
  }

  .index-photo .photo-box .grid1 {
    padding-left: 10px;

    padding-right: 10px;
  }

  .index-photo .photo-box .grid1 .pm .text h1 {
    top: 10px;
  }

  .index-photo .photo-box .grid1 .pm .text h2 {
    bottom: 40px;
  }

  .index-photo .photo-box .grid1 .pm .text .data {
    left: 7px;

    bottom: 8px;

    right: auto;
  }
}

/*视频*/

.index-video {
  padding-top: 3%;

  padding-bottom: 4%;
}

.index-video .video-title .text {
  overflow: hidden;
  border-bottom: 1px solid #ddd;
}

.index-video .video-title .text .left {
  float: left;

  padding-bottom: 10px;

  border-bottom: 1px solid #232323;

  width: 130px;
}

.index-video .video-title .text .left h1 {
  font-size: 18px;

  color: #232323;

  float: left;
}

.index-video .video-title .text .left h2 {
  padding: 5px 0 0 5px;

  color: #ff0000;

  float: left;

  font-size: 12px;
}

.index-video .video-title .text .center {
  width: 70%;

  overflow: hidden;

  float: left;

  margin-left: 10px;

  height: 18px;

  /*margin-top:5px;*/
}

.index-video .video-title .text .center a {
  font-size: 0.8em;

  color: #777;

  float: left;

  padding: 0 15px;
}

.index-video .video-title .text .center a:hover {
  color: #2d8fe2;
}

.index-video .video-title .text .right {
  float: right;
}

.index-video .video-title .text .right a {
  font-size: 0.8em;

  color: #777;

  text-align: right;
}

.index-video .video-title .text .right a:hover {
  color: #2d8fe2;
}

@media (max-width: 768px) {
  .index-video .video-title .text {
  }

  .index-video .video-title .text .left {
    width: 85px;

    padding-bottom: 5px;

    padding-left: 10px;
  }

  .index-video .video-title .text .left h1 {
    font-size: 14px;
  }

  .index-video .video-title .text .left h2 {
    font-size: 10px;
  }

  .index-video .video-title .text .right {
    padding-right: 10px;
  }

  .index-video .video-title .text .right h3 {
    font-size: 0.7em;
  }

  .index-video .video-title .text .center {
    width: 60%;
  }

  .index-video .video-title .text .center a {
    padding: 0 8px;
  }
}

/*视频区*/

.index-video .video-box {
  padding-top: 50px;
}

.index-video .video-box .grid2 .pm .box {
  width: 99.9%;

  position: relative;

  overflow: hidden;
}

.index-video .video-box .grid2 .pm {
  /*position:relative;

	overflow:hidden;*/

  padding: 5px;

  /*float:left;

	width:24%;*/
}

.index-video .video-box .grid2 .pm .img {
  display: block;

  width: 100%;

  max-width: 390px;

  margin: auto;
}

.index-video .video-box .grid2 .pm .bj {
  width: 100%;

  height: 620px;

  position: absolute;

  top: 0;

  opacity: 0.3;

  /*IE8*/

  filter: alpha(opacity=30);

  background-color: #000;

  top: -640px;
}

.index-video .video-box .grid2 .pm .more {
  position: absolute;

  top: -50px;

  left: 50%;

  margin-left: -23px;

  opacity: 0.6;

  /*IE8*/

  filter: alpha(opacity=60);
}

.index-video .video-box .grid2 .pm .more:hover {
  opacity: 1;

  /*IE8*/

  filter: alpha(opacity=100);
}

.index-video .video-box .grid2 .pm .text {
  position: absolute;

  width: 100%;

  height: 90px;

  background: rgba(255, 255, 255, 0.9);

  bottom: 0;
}

.index-video .video-box .grid2 .pm .text h1 {
  position: absolute;

  top: 20px;

  left: 15px;

  font-size: 1em;

  color: #777;
}

@media (max-width: 992px) {
  .index-video .video-box {
    padding-top: 30px;
  }

  .index-video .video-box .grid2 .pm .text {
    position: relative;

    bottom: 0;

    left: 0;
  }
}

@media (max-width: 768px) {
  .index-video .video-box .grid2 .pm .text .data span {
    line-height: 16px;
  }
}

@media (max-width: 430px) {
  .index-video .video-box {
    padding-top: 15px;
  }

  .index-video .video-box .grid2 {
    padding-left: 10px;

    padding-right: 10px;
  }

  .index-video .video-box .grid2 .pm .text h1 {
    top: 10px;
  }
}

.list .list-box .grid3 .pm .box {
  width: 99.9%;

  position: relative;

  overflow: hidden;
}

.list .list-box .grid3 .pm .img2 {
  display: block;

  width: 100%;

  max-width: 390px;

  margin: auto;

  display: none;
}

.index-hot .hot-box .grid .pm .img2 {
  display: block;

  width: 100%;

  max-width: 390px;

  display: none;
  /*transition: all 0.6s; */
}

.dhcss1 {
  transition: all 0.6s;
  transform: scale(1.5);
}

.dhcss2 {
  transition: all 0.6s;
  transform: scale(1);
}

.index-hot .hot-box .grid .pm .img2:hover {
  /*transform: scale(1.5); */
}

.index-photo .photo-box .grid1 .pm .img2 {
  display: block;

  width: 100%;

  max-width: 390px;

  display: none;
}

.index-video .video-box .grid2 .pm .img2 {
  display: block;

  width: 100%;

  max-width: 390px;

  display: none;
}

/*底部*/

.footer {
  max-width: 1920px;

  margin: auto;

  background: url(../images/footerbj.jpg) center center no-repeat;

  overflow: hidden;

  padding: 3% 0 4% 0;
}

.footer .pc .left {
  float: left;
}

.footer .pc .left h1 {
  font-size: 0.875em;

  color: #fff;

  padding-top: 20px;
  text-align: center;
}

.footer .pc .left img {
  display: block;

  margin: auto;
}

.footer .pc .center1 {
  float: left;

  margin-left: 15%;
}

.footer .pc .center1 dt {
  padding-bottom: 20px;
}

.footer .pc .center1 dt a {
  color: #fff;

  font-size: 1.2em;
}

.footer .pc .center1 dt a:hover {
  color: #2d8fe2;
}

.footer .pc .center1 dd {
  padding-bottom: 10px;
}

.footer .pc .center1 dd a {
  color: #fff;

  font-size: 0.8em;
}

.footer .pc .center1 dd a:hover {
  color: #2d8fe2;
}

.footer .pc .center2 {
  float: left;

  margin-left: 15%;
}

.footer .pc .center2 dt {
  padding-bottom: 20px;
}

.footer .pc .center2 dt a {
  color: #fff;

  font-size: 1.2em;
}

.footer .pc .center2 dt a:hover {
  color: #2d8fe2;
}

.footer .pc .center2 dd {
  padding-bottom: 10px;
}

.footer .pc .center2 dd a {
  color: #fff;

  font-size: 0.8em;
}

.footer .pc .center2 dd a:hover {
  color: #2d8fe2;
}

.footer .pc .right {
  float: right;
}

.footer .pc .right dt {
  color: #fff;

  padding-bottom: 20px;

  text-align: left;

  font-size: 1.2em;
}

.footer .pc .right dd {
  color: #fff;

  padding-bottom: 10px;

  text-align: left;

  font-size: 0.8em;
}

.footer .pc .right dd .icon {
  float: left;

  width: 34px;

  height: 34px;

  margin-right: 10px;

  background: url(../images/icons_0_32.png) top center no-repeat;

  margin-top: 10px;
}

.footer-bottom {
  background-color: #000;
}

.footer-bottom h1 {
  padding: 30px 0;

  margin: auto;

  color: #fff;

  font-size: 0.8em;

  text-align: center;

  line-height: 20px;
}

.footer-bottom h1 a:link,
a:visited,
a:hover,
a:active {
  color: #fff;
}

@media (max-width: 1160px) {
  .footer .pc .center1,
  .footer .pc .center2 {
    margin-left: 10%;
  }
}

.footer .mobile {
  padding: 3% 0;
}

.footer .mobile h1 {
  font-size: 0.8em;

  text-align: center;

  padding: 10px 0;

  color: #fff;
}

.footer .mobile .ma {
  padding-top: 10px;

  display: block;

  margin: auto;

  width: 80px;
}

.footer-zhanwei {
  height: 40px;
}

/*列表页*/

.list-class {
  padding-top: 4%;

  padding-bottom: 4%;
}

/*pc*/

.list-class .pc .box {
  background-color: #fff;

  border-bottom: 1px solid #ddd;
}

.list-class .pc .box .title,
.list-class .pc .box .title1 {
  padding: 15px 0;

  border-bottom: 1px solid #eee;
}

.list-class .pc .box .title .left h1,
.list-class .pc .box .title1 .left h1 {
  font-size: 1em;

  color: #777;

  text-align: right;

  line-height: 40px;
}

.list-class .pc .box .title .right,
.list-class .pc .box .title1 .right {
  padding: 0 5%;

  overflow: hidden;
}

.list-class .pc .box .title .right a,
.list-class .pc .box .title1 .right a {
  font-size: 1em;

  color: #777;

  line-height: 35px;

  float: left;

  margin-right: 3%;

  padding: 0 2%;
  /*width:103px;*/
}

.list-class .pc .box .title .right .bj {
  color: #2d8fe2;
}

.list-class .pc .box .title .right a:hover {
  color: #2d8fe2;
}

.list-class .pc .box .title1 .right .bj1 {
  /*background-color:#2d8fe2;

	border-radius:5px;*/

  color: #2d8fe2;
}

.list-class .pc .box .title1 .right a:hover {
  /*background-color:#2d8fe2;

	border-radius:5px;*/

  color: #2d8fe2;
}

/*移动*/

.list-class .mobile {
  background-color: #fff;
}

.list-class .mobile .small-list {
  border-bottom: 1px solid #eee;

  border-right: 1px solid #eee;

  height: 40px;
}

.list-class .mobile .noborder {
  border-right: none;
}

.list-class .mobile .small-list2 {
  border-bottom: 1px solid #2d8fe2;
}

.list-class .mobile .small-list3 {
  border-bottom: 1px solid #2d8fe2;
}

.list-class .mobile .small-list h1 {
  float: left;

  font-size: 1em;

  color: #777;

  padding-left: 10px;

  line-height: 40px;
}

.list-class .mobile .small-list2 h1 {
  color: #2d8fe2;
}

.list-class .mobile .small-list3 h1 {
  color: #2d8fe2;
}

.list-class .mobile .small-list .list-dian {
  float: right;

  padding-right: 10px;

  padding-top: 18px;
}

.list-class .small-list-box {
  height: 200px;

  overflow-y: scroll;

  background-color: #fff;

  -webkit-overflow-scrolling: touch;

  display: none;
}

.list-class .small-list-box a {
  width: 45%;

  line-height: 40px;

  color: #777;

  font-size: 1em;

  display: block;

  float: left;

  padding-left: 10px;
}

.list-class .mobile-list-box .del {
  width: 100%;

  height: 40px;

  font-size: 1em;

  color: #fff;

  text-align: center;

  line-height: 40px;

  background-color: #2d8fe2;

  display: none;
}

/*图片区*/

.list {
  max-width: 1920px;

  margin: auto;

  padding-bottom: 0;
}

.list .list-box .grid3 {
  height: auto;

  position: relative;
}

.list .list-box .grid3 .pm {
  padding: 5px;
}

.list .list-box .grid3 .pm .img {
  display: block;

  width: 100%;

  max-width: 390px;

  margin: auto;
}

.list .list-box .grid3 .pm .bj {
  width: 100%;

  height: 620px;

  position: absolute;

  top: 0;

  opacity: 0.3;

  /*IE8*/

  filter: alpha(opacity=30);

  background-color: #000;

  top: -640px;
}

.list .list-box .grid3 .pm .more {
  position: absolute;

  top: -47px;

  left: 50%;

  margin-left: -23px;

  opacity: 0.6;

  /*IE8*/

  filter: alpha(opacity=60);
}

.list .list-box .grid3 .pm .more:hover {
  opacity: 1;

  /*IE8*/

  filter: alpha(opacity=100);
}

.list .list-box .grid3 .pm .text {
  position: absolute;

  width: 100%;

  height: 90px;

  background: rgba(255, 255, 255, 0.9);

  bottom: -0;
}

.list .list-box .grid3 .pm .text h1 {
  position: absolute;

  top: 20px;

  left: 15px;

  font-size: 1.2em;

  color: #777;
}

.list .list-box .grid3 .pm .text h1 a {
  color: #333;
}

.list .list-box .grid3 .pm .text h2 {
  position: absolute;

  bottom: 20px;

  left: 15px;

  /* font-size: 0.7em; */
  font-size: 1.1em;
}

.list .list-box .grid3 .pm .text h2 a {
  color: #777;
}

.list .list-box .grid3 .pm .text h2 a:hover {
  color: #2d8fe2;
}

.list .list-box .grid3 .pm .text .data {
  position: absolute;

  right: 0;

  bottom: 15px;

  /*width:160px;*/

  height: 20px;
}

.list .list-box .grid3 .pm .text .data img {
  float: right;

  margin-right: 10px;

  line-height: 18px;

  cursor: pointer;
}

.list .list-box .grid3 .pm .text .data .zan {
  opacity: 0.5;

  /*IE8*/

  filter: alpha(opacity=50);
}

.list .list-box .grid3 .pm .text .data .yan {
  padding-top: 5px;

  opacity: 0.5;

  /*IE8*/

  filter: alpha(opacity=50);
}

.list .list-box .grid3 .pm .text .data img:hover {
  opacity: 1;

  /*IE8*/

  filter: alpha(opacity=100);
}

.list .list-box .grid3 .pm .text .data span {
  float: right;

  font-size: 14px;

  color: #aaa;

  line-height: 20px;

  display: block;

  padding-right: 15px;

  font-size: 0.7em;
}

@media (max-width: 1280px) {
  .list .list-box .grid3 .pm .text .data {
    /*width:120px;*/
  }

  .list .list-box .grid3 .pm .text .data img {
    margin-right: 5px;
  }

  .list .list-box .grid3 .pm .text .data span {
    padding-right: 10px;
  }
}

@media (max-width: 992px) {
  .list .list-box {
    padding-top: 30px;
  }

  .list .list-box .grid3 .pm .text {
    position: relative;

    bottom: 0;

    left: 0;
  }
}

@media (max-width: 768px) {
  .list .list-box .grid3 .pm .text .data .yan {
    width: 20%;
  }

  .list .list-box .grid3 .pm .text .data .zan {
    padding-top: 2px;

    width: 15%;
  }

  .list .list-box .grid3 .pm .text h1 {
  }

  .list .list-box .grid3 .pm .text .data span {
    line-height: 16px;
  }
}

@media (max-width: 430px) {
  .list .list-box {
    padding-top: 15px;
  }

  .list .list-box .grid3 {
    padding-left: 10px;

    padding-right: 10px;
  }

  .list .list-box .grid3 .pm .text h1 {
    top: 10px;
  }

  .list .list-box .grid3 .pm .text h2 {
    bottom: 40px;
  }

  .list .list-box .grid3 .pm .text .data {
    left: 7px;

    bottom: 8px;

    right: auto;
  }
}

/*新手指南*/

.help {
  max-width: 1920px;

  margin: auto;
}

.help .bjcolor {
  background-color: #fff;

  min-height: 100px;
}

.help .left-nav {
  padding: 5% 0;
}

.help .left-nav .first {
  width: 100%;
}

.help .left-nav .first dt {
  line-height: 30px;

  font-size: 1em;

  padding: 6% 0;

  color: #232323;

  text-align: center;

  cursor: pointer;

  border-left: 3px solid #f6f6f6;
}

.help .left-nav .first dt a {
  color: #777;
}

.help .left-nav .first .click {
  background-color: #fff;

  border-left: 4px solid #31b0d5;
}

.help .left-nav .first dt:hover {
  background-color: #fff;

  border-left: 4px solid #31b0d5;
}

.help .left-nav .first .second {
  max-height: 300px;

  background-color: #fff;

  overflow-y: auto;

  display: none;
}

.help .left-nav .first .second ul li {
  padding: 0 5px;

  border-bottom: 1px solid #eee;
}

.help .left-nav .first .second ul li a {
  padding: 6% 0;

  text-align: center;

  color: #777;

  display: block;

  font-size: 0.8em;
}

.help .left-nav .first .second ul li a:hover {
  color: #2d8fe2;
}

.help .help-text {
  padding: 5% 4%;
}

.help .help-text h1 {
  font-size: 1em;

  color: #232323;

  padding: 5px 0;
}

.help .help-text p {
  font-size: 0.8em;

  color: #777;

  line-height: 20px;

  padding: 20px 0 0 0px;
}

/*移动端*/

.help-mobile-nav .mobile-second {
  width: 75%;

  height: 100%;

  border: 1px solid #eee;

  border-left: none;

  background-color: #fff;

  position: fixed;

  top: -100%;

  left: 25%;

  overflow-y: auto;

  z-index: 1;

  padding-top: 5%;

  padding-bottom: 140px;

  -webkit-overflow-scrolling: touch;
}

.help-mobile-nav .mobile-second li {
  padding: 20px 10px;

  border-bottom: 1px solid #eee;

  text-align: center;
}

.help-mobile-nav .mobile-second li a {
  font-size: 0.8em;

  color: #777;
}

.help-mobile-nav .mobile-second li a:hover {
  color: #2d8fe2;
}

/*登录*/

.loginbox {
  padding: 9% 0 4% 0;

  background: url(../images/loginbj.jpg) center top no-repeat;
}

.registerbj {
  background: url(../images/register.jpg) center top no-repeat;
}

.resetbj {
  background: url(../images/reset.jpg) center top no-repeat;
}

.backbj {
  background: url(../images/back.jpg) center top no-repeat;
}

.loginbox .box {
  width: 600px;

  margin: 0 auto;
}

.loginbox .box .title {
  overflow: hidden;

  background-color: #2d8fe2;

  padding: 0 60px;
}

.loginbox .box .title h1 {
  font-size: 1.6em;

  color: #fff;

  line-height: 70px;

  height: 70px;

  float: left;
}

.loginbox .box .title span {
  font-size: 1em;

  float: right;

  color: #ddd;

  line-height: 70px;

  height: 70px;
}

.loginbox .box .title span a {
  color: #00ff0c;
}

.loginbox .box .title span a:hover {
  color: #fff;
}

.loginbox .box .form {
  padding: 25px 60px;

  background-color: #fff;
}

.loginbox .box .form .regemail,
.loginbox .box .form .password {
  width: 100%;

  padding-left: 60px;

  height: 48px;

  /*line-height:48px;*/

  border: 1px solid #ddd;

  margin-bottom: 20px;

  color: #777;
}

.loginbox .box .register-form .regemail,
.loginbox .box .register-form .password {
  margin-bottom: 20px;
}

.loginbox .box .form .regemail {
  background: url(../images/id.jpg) left center no-repeat;
}

.loginbox .box .form .regborder {
  border: 1px solid #f00;

  color: #f00;
}

.loginbox .box .form .piccontainer {
  width: 50%;

  height: 48px;

  float: left;

  margin-left: 5%;
}

.loginbox .box .form .validatepic {
  width: 100%;

  height: 48px;

  display: block;

  cursor: pointer;

  /*	border-radius:6px;*/

  border: 1px solid #e6e6e6;
}

.loginbox .box .form .password1 {
  background: url(../images/password.jpg) left center no-repeat;
}

.loginbox .box .form .realpwd {
  background: url(../images/password.jpg) left center no-repeat;
}

.loginbox .box .form .password2 {
  background: url(../images/password2.jpg) left center no-repeat;
}

.loginbox .box .form .regvalidate {
  background: url(../images/password3.jpg) left center no-repeat;
}

.loginbox .box .form .regvalidate {
  width: 45%;

  float: left;

  margin-bottom: 25px;
}

.loginbox .box .form .password4 {
  width: 45%;

  float: right;

  padding: 0;

  text-align: center;

  background-color: #ddd;

  color: #fff;
}

.loginbox .box .form .keep {
  clear: both;

  outline: none;

  width: 14px;

  height: 14px;

  float: left;

  border-radius: 0;

  border: 1px solid #ddd;

  margin-top: 4px;
}

.loginbox .box .form .keep:hover {
  border: 1px solid #2d8fe2;
}

.loginbox .box .form .keeptext {
  font-size: 1em;

  color: #777;

  float: left;

  display: block;

  margin-left: 10px;
}

.loginbox .box .form .change {
  font-size: 1em;

  color: #2d8fe2;

  float: right;

  margin-bottom: 25px;
}

.loginbox .box .form .change:hover {
  color: #69b3f2;
}

.loginbox .box .form .bottom {
  width: 100%;

  line-height: 50px;

  height: 50px;

  background-color: #2d8fe2;

  color: #fff;

  text-align: center;

  clear: both;

  margin-bottom: 20px;

  border-radius: 5px;

  font-size: 18px;

  font-weight: bold;
}

.loginbox .box .form .bottom:hover {
  background: #69b3f2;
}

@media (max-width: 768px) {
  .loginbox {
    padding: 16% 0 6% 0;
  }

  .loginbox .box {
    width: 100%;
  }

  .loginbox .box .title {
    padding: 0 20px;
  }

  .loginbox .box .title h1 {
    font-size: 1.4em;
  }

  .loginbox .box .form {
    padding: 20px 20px;
  }

  .loginbox .box .form .regemail,
  .loginbox .box .form .password {
    font-size: 0.8em;

    padding-left: 40px;

    height: 35px;

    /*line-height:35px;*/

    margin-bottom: 25px;

    background-size: contain;

    border-radius: 6px;
  }

  .loginbox .box .form .regvalidate {
    width: 45%;
  }

  .loginbox .box .form .password4 {
    width: 45%;

    padding: 0;
  }

  .loginbox .box .form .bottom {
    line-height: 40px;

    height: 40px;
  }

  .loginbox .box .form .piccontainer {
    width: 50%;

    height: 35px;

    float: left;

    margin-left: 4%;
  }

  .loginbox .box .form .validatepic {
    width: 100%;

    height: 35px;

    display: block;

    cursor: pointer;

    border-radius: 6px;

    border: 1px solid #e6e6e6;
  }
}

.loginbox .promptinfo {
  padding: 5em 1.2em 5em 1.2em;

  text-align: center;

  background: #fff;

  color: #666;

  font-size: 1em;

  line-height: 28px;
}

.loginbox .promptinfo a {
  color: #ff0000;

  font-size: 1.5em;
}

.loginbox .promptinfo a:hover {
  color: #2d8fe2;

  font-size: 1.5em;
}

.loginbox .activepromptinfo {
  padding: 5em 1.2em 5em 1.2em;

  text-align: center;

  background: #fff;

  color: #666;

  line-height: 30px;

  font-size: 1em;

  color: #f00;
}

.loginbox .activepromptinfo a {
  color: #ff0000;

  font-size: 1.5em;
}

.loginbox .activepromptinfo a:hover {
  color: #2d8fe2;

  font-size: 1.5em;
}

/*账号管理*/

.zhanghao-data {
  max-width: 1920px;

  margin: auto;
}

.zhanghao-data .bjcolor {
  background-color: #fff;

  min-height: 100px;
}

.zhanghao-data .left-nav {
  padding: 5% 0;
}

.zhanghao-data .left-nav a {
  line-height: 30px;

  font-size: 1em;

  padding: 6% 0;

  color: #232323;

  text-align: center;

  border-left: 3px solid #f6f6f6;

  display: block;
}

.zhanghao-data .left-nav .click {
  background-color: #fff;

  border-left: 4px solid #31b0d5;
}

.zhanghao-data .left-nav a:hover {
  background-color: #fff;

  border-left: 4px solid #31b0d5;
}

/*mobile-nav*/

.zhanghao-data .data-mobile-nav {
  overflow: hidden;
}

.zhanghao-data .data-mobile-nav a {
  float: left;

  line-height: 30px;

  font-size: 1em;

  padding: 6% 0 1.5% 0;

  color: #232323;

  text-align: center;

  border-bottom: 3px solid #f6f6f6;

  background-color: #f6f6f6;

  width: 50%;
}

.zhanghao-data .data-mobile-nav a:hover {
  background-color: #fff;

  border-bottom: 4px solid #31b0d5;
}

.zhanghao-data .data-mobile-nav .mobile-click {
  background-color: #fff;

  border-bottom: 4px solid #31b0d5;
}

.zhanghao-data .data-text {
  padding: 4% 0 4% 0;
}

.zhanghao-data .data-text .row {
  padding-bottom: 1.5%;
}

.zhanghao-data .data-text .headimgbottom {
  padding-bottom: 5%;
}

.zhanghao-data .data-text .title h1 {
  font-size: 1em;

  color: #777;

  text-align: right;

  line-height: 53px;
}

.zhanghao-data .data-text .title h1 span {
  color: #f00;
}

.zhanghao-data .data-text .content {
  max-width: 360px;

  margin-top: 8px;
}

.zhanghao-data .data-text .content .zhregvalidate {
  width: 135px;

  margin-bottom: 8px;

  margin-right: 5px;
}

.zhanghao-data .data-text .content .zhvalidatepic {
  height: 40px;

  width: 135px;

  border-radius: 5px;

  border: 1px solid #e6e6e6;

  cursor: pointer;

  margin: -4px 0 0 0;
}

.zhanghao-data .data-text .content .piccon {
  /*margin-top:15px;*/
}

.zhanghao-data .data-text .content .pictext {
  /*margin-top:15px;*/

  color: #777777;

  /*font-size:14px;*/
}

.zhanghao-data .data-text .content input {
  width: 100%;

  border: 1px solid #ddd;

  /*line-height:20px;*/

  height: 40px;

  padding-left: 10px;

  color: #777;

  font-size: 0.9em;

  /*border-radius:5px;*/
}

.zhanghao-data .data-text .content .redborder {
  border: 1px solid #f00;
}

.zhanghao-data .data-text .content h4 {
  line-height: 40px;

  color: #777;

  font-size: 0.9em;
}

.zhanghao-data .data-text .content label {
  color: #777;

  font-size: 1em;

  float: left;

  font-weight: 100;

  padding: 0;

  padding-right: 20px;

  padding-left: 5px;
}

.zhanghao-data .data-text .content .man,
.zhanghao-data .data-text .content .woman {
  float: left;

  width: 14px;

  padding: 0;

  height: 20px;
}

.zhanghao-data .data-text .content textarea {
  width: 100%;

  border: 1px solid #ddd;

  min-height: 150px;

  color: #777;

  font-size: 0.8em;

  padding: 5px;

  border-radius: 5px;

  resize: none;
}

.zhanghao-data .data-text .content1 .headimg {
  width: 130px;

  height: auto;

  margin-bottom: 20px;

  text-align: center;
}

.zhanghao-data .data-text .content1 .headimg .headpic {
  position: relative;

  margin-bottom: 1em;
}

.zhanghao-data .data-text .content1 .headimg .headpic img {
  width: 130px;

  height: 130px;

  border-radius: 50%;

  display: block;
}

.zhanghao-data .data-text .content1 input {
  height: 35px;

  line-height: 35px;

  border-radius: 5px;

  background-color: #2d8fe2;

  color: #fff;

  padding: 0 1.5em 0 1.5em;
}

.zhanghao-data .data-text .content1 input:hover {
  background-color: #69b3f2;
}

.zhanghao-data .data-text .content1 h2,
.zhanghao-data .data-text .content h2 {
  font-size: 1em;

  color: #777;

  margin-top: 0.2em;

  line-height: 18px;
}

.zhanghao-data .data-text .content1 h2 span,
.zhanghao-data .data-text .content h2 span {
  color: #f00;
}

.zhanghao-data .data-text .content1 .texttip,
.zhanghao-data .data-text .content .texttip {
  display: block;

  margin-top: 10px;

  color: #f00;

  font-size: 14px;
}

.zhanghao-data .data-text .content .date {
  float: left;

  height: 40px;

  border: 1px solid #ddd;

  padding: 0 5px;

  position: relative;
}

.zhanghao-data .data-text .content .date input {
  line-height: 40px;

  cursor: pointer;

  text-align: left;

  color: #aaa;

  display: block;

  background: url(../images/list_dian.png) center right no-repeat;

  width: 100%;

  border: none;

  -webkit-appearance: none;
  /*解决iphone safari上的圆角问题*/
}

.zhanghao-data .data-text .content .date ul {
  width: 100%;

  border: 1px solid #ddd;

  position: absolute;

  top: 38px;

  left: 0;

  height: 200px;

  overflow: auto;

  overflow-x: hidden;

  background-color: #fff;

  display: none;
}

.zhanghao-data .data-text .content .date ul li {
  padding: 5px 5px;

  color: #aaa;

  cursor: pointer;
}

.zhanghao-data .data-text .content .date ul li:hover {
  background-color: #eee;
}

.zhanghao-data .data-text .content .year {
  width: 40%;
}

.zhanghao-data .data-text .content .month {
  width: 28%;

  margin-left: 2%;
}

.zhanghao-data .data-text .content .day {
  width: 28%;

  margin-left: 2%;
}

.zhanghao-data .data-text .content .city {
  width: 48%;
}

.zhanghao-data .data-text .content .city2 {
  width: 48%;

  margin-left: 4%;
}

.zhanghao-data .data-text .content .code {
  display: block;

  margin-bottom: 10px;

  max-width: 100%;
}

.zhanghao-data .data-text .content .submit {
  border: 0;

  padding: 0;

  width: 100%;

  max-width: 120px;

  background-color: #2d8fe2;

  color: #fff;

  border-radius: 5px;

  margin: 0 auto 2em auto;

  line-height: 35px;

  font-size: 16px;
}

.zhanghao-data .data-text .content .submit:hover {
  background-color: #69b3f2;
}

@media (max-width: 992px) {
  .zhanghao-data .data-text .content input {
    border-radius: 5px;
  }

  .zhanghao-data .data-text .content .redborder {
    border: 1px solid #f00;
  }

  .zhanghao-data .data-text .content textarea {
    border-radius: 5px;
  }

  .zhanghao-data .data-text .content .date {
    border-radius: 5px;
  }
}

@media (max-width: 640px) {
  .zhanghao-data .data-text .title h1 {
    line-height: 35px;
  }

  .zhanghao-data .data-text .content input {
    /*line-height:35px;*/
  }

  .zhanghao-data .data-text .content .redborder {
    border: 1px solid #f00;
  }

  .zhanghao-data .data-text .content .headimg {
    width: 100px;

    height: 100px;

    border-radius: 50%;
  }

  .zhanghao-data .data-text .content .headimg img {
    width: 100px;

    height: 100px;

    border-radius: 50%;
  }

  .zhanghao-data .data-text .content .head-button {
    /*width:100px;*/

    border: 1px solid #f00;

    line-height: 35px;

    height: 35px;
  }

  .zhanghao-data .data-text .content .date {
    font-size: 0.8em;
  }
}

/*安全设置*/

.zhanghao-data .security {
  padding: 6% 5% 4% 5%;
}

.zhanghao-data .security .mod {
  width: 100%;

  border: 1px solid #ddd;

  padding: 5% 2% 5% 2%;

  padding-left: 16.666666%;

  background: url(../images/security.png) 3% center no-repeat;

  background-size: auto;

  margin-bottom: 8%;

  position: relative;
}

.zhanghao-data .security .yes {
  background: url(../images/security2.png) 3% center no-repeat;
}

.zhanghao-data .security .no {
  background: url(../images/security.png) 3% center no-repeat;
}

.zhanghao-data .security .mod .text {
  padding-right: 20px;

  overflow: hidden;
}

.zhanghao-data .security .mod .text h1 {
  font-size: 1em;

  font-weight: bold;

  float: left;

  line-height: 23px;

  margin-right: 10px;
}

.zhanghao-data .security .mod .text h2 {
  color: #777;

  float: left;

  font-size: 0.8em;

  line-height: 23px;
}

.zhanghao-data .security .mod .btnbox {
  position: absolute;

  top: 50%;

  margin-top: -24px;

  right: 2%;
}

.zhanghao-data .security .mod .btnbox a {
  display: block;

  width: 50%;

  /*line-height:48px;*/

  background-color: #2d8fe2;

  border-radius: 5px;

  color: #fff;

  font-size: 14px;

  text-align: center;

  margin: 0.5em auto 0 auto;

  padding-top: 8px;

  padding-bottom: 8px;
}

.zhanghao-data .security .mod .btnbox a:hover {
  background-color: #69b3f2;

  font-size: 14px;
}

.zhanghao-data .security .mod .btnbox .hide-a {
  display: none;
}

.hidebox {
  display: none;
}

@media (max-width: 992px) {
  .zhanghao-data .security .mod .text h1 {
    line-height: 23px;
  }

  .zhanghao-data .security .mod .text h2 {
    line-height: 23px;
  }

  .zhanghao-data .security .mod .btnbox {
    margin-top: -15px;
  }

  .zhanghao-data .security .mod .btnbox a {
    line-height: 23px;

    width: 100%;
  }
}

@media (max-width: 640px) {
  .zhanghao-data .security .mod {
    background-size: 10%;
  }
}

/*修改密码*/

.zhanghao-data .security-key {
  padding: 6% 5% 8% 5%;
}

.zhanghao-data .security-key .bigtitle h1 {
  font-size: 1.2em;

  color: #232323;

  text-align: right;

  padding-bottom: 20%;
}

.zhanghao-data .security-key .mod {
  padding: 2% 0;
}

.zhanghao-data .security-key .mod .title h1 {
  line-height: 40px;

  font-size: 1em;

  color: #777;

  text-align: right;
}

.zhanghao-data .security-key .mod .content input {
  width: 100%;

  max-width: 620px;

  border: 1px solid #ddd;

  line-height: 40px;

  height: 40px;

  font-size: 0.8em;

  color: #777;

  padding-left: 10px;
}

.zhanghao-data .security-key .mod .content h2 {
  font-size: 0.8em;

  color: #f00;

  line-height: 22px;

  margin-top: 0.5em;

  /*display:none;*/
}

.zhanghao-data .security-key .yanzheng {
  padding: 2% 0;
}

.zhanghao-data .security-key .yanzheng .title h1 {
  line-height: 40px;

  font-size: 1em;

  color: #777;

  text-align: right;
}

.zhanghao-data .security-key .yanzheng .content {
  overflow: hidden;
}

.zhanghao-data .security-key .yanzheng .content .yzvalidatepic {
  margin-top: 15px;

  /* border:1px solid #F00;*/

  cursor: pointer;

  border: 1px solid #ededed;

  border-radius: 6px;

  height: 48px;
}

.zhanghao-data .security-key .yanzheng .content .vtip {
  margin-top: 18px;
}

.zhanghao-data .security-key .yanzheng .content input {
  /*float:left;*/

  width: 100%;

  max-width: 620px;

  border: 1px solid #ddd;

  line-height: 40px;

  font-size: 0.8em;

  color: #777;

  padding-left: 10px;

  display: block;
}

.zhanghao-data .security-key .yanzheng .content h3 {
  font-size: 0.8em;

  margin-top: 15px;

  color: #f00;
}

.zhanghao-data .security-key .yanzheng .content .yanzhengimg {
  width: 48%;

  float: right;

  height: 40px;

  background-color: #777;

  color: #fff;
}

.zhanghao-data .security-key .btnbox {
  margin-top: 3%;
}

.zhanghao-data .security-key .btn1 {
  width: 160px;

  line-height: 40px;

  background-color: #2d8fe2;

  text-align: center;

  color: #fff;

  border-radius: 5px;
}

.zhanghao-data .security-key .btn1:hover {
  background-color: #69b3f2;
}

@media (max-width: 992px) {
}

/*手机验证*/

.zhanghao-data .security-key .tel {
  padding: 2% 0;
}

.zhanghao-data .security-key .tel .title h1 {
  line-height: 40px;

  font-size: 1em;

  color: #777;

  text-align: right;
}

.zhanghao-data .security-key .tel .content {
  overflow: hidden;
}

.zhanghao-data .security-key .tel .content .left {
  /*float:left;*/

  width: 30%;

  border: 1px solid #ddd;

  line-height: 40px;

  height: 40px;

  font-size: 0.8em;

  color: #777;

  padding-left: 10px;
}

.zhanghao-data .security-key .tel .content h2 {
  font-size: 0.8em;

  margin-top: 15px;

  color: #f00;
}

.zhanghao-data .security-key .tel .content .right {
  width: 65%;

  float: right;

  line-height: 40px;

  height: 40px;

  background-color: #2d8fe2;

  border-radius: 5px;

  color: #fff;

  font-size: 0.7em;
}

.zhanghao-data .security-key .tel .content .right:hver {
  background-color: #69b3f2;
}

@media (max-width: 992px) {
  .zhanghao-data .security-key input {
    border-radius: 5px;
  }

  .zhanghao-data .security-key .mod .title h1 {
    line-height: 35px;
  }

  .zhanghao-data .security-key .mod .content input {
    line-height: 35px;

    border-radius: 5px;

    height: 35px;
  }

  .zhanghao-data .security-key .yanzheng .title h1 {
    line-height: 35px;
  }

  .zhanghao-data .security-key .yanzheng .content input {
    line-height: 35px;

    border-radius: 5px;
  }

  .zhanghao-data .security-key .yanzheng .content .yanzhengimg {
    height: 35px;
  }

  .zhanghao-data .security-key .btn1 {
    line-height: 35px;
  }

  .zhanghao-data .security-key .tel .title h1 {
    line-height: 35px;
  }

  .zhanghao-data .security-key .tel .content .left,
  .zhanghao-data .security-key .tel .content .right {
    line-height: 35px;

    height: 35px;
  }
}

/*修改页面*/

.zhanghao-data .security-alter .step {
  padding-bottom: 5%;
}

.zhanghao-data .security-alter .step .bj {
  width: 100%;

  height: 5px;

  background-color: #ccc;
}

.zhanghao-data .security-alter .step .number {
  width: 30px;

  height: 30px;

  line-height: 30px;

  text-align: center;

  background-color: #ccc;

  color: #fff;

  font-size: 0.8em;

  border-radius: 15px;

  margin: auto;

  margin-top: -20px;
}

.zhanghao-data .security-alter .step h1 {
  font-size: 1em;

  color: #ccc;

  text-align: center;

  padding: 10px 0;
}

.zhanghao-data .security-alter .step .greed {
  background-color: #00cc00;
}

.zhanghao-data .security-alter .step .greed-h1 {
  color: #00cc00;
}

.zhanghao-data .security-alter .mod .content h6 {
  font-size: 1em;

  color: #777;

  line-height: 40px;
}

.zhanghao-data .security-alter .text {
  padding: 5% 0;
}

.zhanghao-data .security-alter .text h1 {
  font-size: 1.5em;

  font-weight: bold;

  color: #232323;

  padding-left: 60px;

  background: url(../images/security2.png) left center no-repeat;

  width: 270px;

  margin: auto;

  margin-bottom: 100px;
}

.zhanghao-data .security-alter .text a {
  width: 100px;

  line-height: 35px;

  height: 35px;

  background-color: #2d8fe2;

  color: #fff;

  text-align: center;

  display: block;

  margin: auto;

  border-radius: 5px;
}

.zhanghao-data .security-alter .text a:hover {
  background-color: #69b3f2;
}

/*个人中心*/

.personal-head {
  padding: 6% 0;

  background: url(../images/personalbj.jpg) top center no-repeat;

  background-size: cover;

  text-align: center;
}

.personal-head .headbj {
  width: 190px;

  height: 190px;

  margin: auto;

  /*background-color:#fff;*/

  /*border-radius:50%;*/

  filter: alpha(opacity=30);

  opacity: 0.3;
}

.personal-head .head {
  width: 160px;

  height: 160px;

  margin: auto;

  /*background-color:#C69;*/

  border-radius: 100px;

  margin-top: -175px;

  overflow: hidden;

  border-radius: 50%;
}

.personal-head .head img {
  width: 160px;

  height: 160px;

  border-radius: 50%;
}

.personal-head .id {
  font-size: 1em;

  color: #fff;

  text-align: center;

  padding: 40px 0;
}

.personal-head .data {
  width: 25%;

  margin: auto;

  overflow: hidden;

  margin-bottom: 50px;
}

.personal-head .data .text {
  float: left;

  width: 49%;
}

.personal-head .data .text h2 {
  color: #fff;

  font-size: 1em;

  text-align: center;

  padding: 10px 0;
}

.personal-head .data .text h3 {
  color: #fff;

  font-size: 1.5em;

  text-align: center;

  padding: 10px 0;
}

.personal-head .data .xian {
  width: 1px;

  height: 80px;

  background-color: #fff;

  filter: alpha(opacity=30);

  opacity: 0.3;

  float: left;
}

.personal-head .btn {
  display: inline-block;

  /*max-width:120px;*/

  font-size: 1em;

  margin: 0 auto;

  padding: 1% 2% 1% 2%;

  color: #232323;

  /*	font-weight:bold;*/

  text-align: center;

  background-color: #fff;

  filter: alpha(opacity=30);

  opacity: 0.3;
}

.personal-head .btn:hover {
  filter: alpha(opacity=100);

  font-size: 1em;

  font-weight: bold;

  opacity: 1;
}

.content-title {
  padding-top: 3%;
}

.content-title .border {
  border-bottom: 1px solid #ddd;
}

.content-title .left {
  font-size: 1em;

  padding: 2%;

  color: #777;

  border-bottom: 2px solid #f6f6f6;

  width: 100%;

  max-width: 200px;

  text-align: center;

  float: right;
}

.content-title .left:hover {
  border-bottom: 2px solid #2d8fe2;
}

.content-title .right {
  font-size: 1em;

  padding: 2%;

  color: #777;

  border-bottom: 2px solid #f6f6f6;

  width: 100%;

  max-width: 200px;

  text-align: center;

  float: left;

  display: block;
}

.content-title .right:hover {
  border-bottom: 2px solid #2d8fe2;
}

.content-title .blue {
  border-bottom: 2px solid #2d8fe2;
}

@media (max-width: 992px) {
  .personal-head .headbj {
    width: 150px;

    height: 150px;
  }

  .personal-head .head {
    width: 120px;

    height: 120px;

    margin-top: -135px;

    border-radius: 50%;
  }

  .personal-head .head img {
    width: 120px;

    height: 120px;

    border-radius: 50%;
  }

  .personal-head .data {
    width: 80%;
  }
}

.personal-content {
  padding: 3% 0 4% 0;
}

.personal-content .pm {
  padding: 10px;

  overflow: hidden;
}

.personal-content .pm .imgbox {
  width: 100%;

  position: relative;

  /*overflow:hidden;*/

  /*border:1px solid #F00;*/
}

.personal-content .pm .imgbox .img {
  width: 100%;

  display: block;
}

.personal-content .pm .imgbox .bj {
  width: 100%;

  height: 999px;

  position: absolute;

  top: 0;

  left: 0;

  filter: alpha(opacity=30);

  opacity: 0.3;

  background-color: #000;
}

.personal-content .pm .imgbox .more {
  display: block;

  position: absolute;

  top: -999px;

  left: 50%;

  margin-left: -23px;
}

.personal-content .pm .imgbox .text {
  width: 100%;

  background-color: #fff;

  /*position:absolute;

	bottom:0px;*/

  height: 120px;
}

.personal-content .pm .imgbox .text a.hong:link,
a.hong:visited,
a.hong:active {
  color: #ff0000;
}

.personal-content .pm .imgbox .text a.yu:link,
a.yu:visited,
a.yu:active {
  color: #090;
}

.personal-content .pm .imgbox .text a:hover {
  color: #2d8fe2;
}

.personal-content .pm .imgbox .text h1 {
  padding: 20px 10px;

  text-align: center;

  font-size: 1em;

  color: #777;
}

.personal-content .pm .imgbox .text .data {
  margin: auto;

  width: 100%;

  text-align: center;

  height: 35px;

  line-height: 35px;
}

.personal-content .pm .imgbox .text .data img {
  float: right;

  margin-right: 10px;

  line-height: 18px;

  /*cursor:pointer;*/
}

.personal-content .pm .imgbox .text .data .zan {
  opacity: 0.5;

  /*IE8*/

  filter: alpha(opacity=50);
}

.personal-content .pm .imgbox .text .data .yan {
  padding-top: 5px;

  opacity: 0.5;

  /*IE8*/

  filter: alpha(opacity=50);
}

.personal-content .pm .imgbox .text .timeshow {
  font-size: 0.8em;

  text-align: center;

  color: #aaa;
}

.personal-content .pm .imgbox .text .data img:hover {
  /*opacity:1;*/

  /*IE8*/

  /*filter:alpha(opacity=100);*/
}

.personal-content .pm .imgbox .text .data span {
  /*float:right;*/

  font-size: 14px;

  color: #aaa;

  line-height: 20px;

  /*display:block;*/

  padding-right: 15px;

  font-size: 0.8em;
}

.personal-content .pm .imgbox .text .data .liulan {
  padding-left: 22px;

  background: url(../images/data.png) no-repeat left center;
}

.personal-content .pm .imgbox .text .data .dianzan {
  padding-left: 20px;

  background: url(../images/data2.png) no-repeat left center;
}

@media (max-width: 1280px) {
  .personal-content .pm .imgbox .text .data {
    width: 120px;
  }

  .personal-content .pm .imgbox .text .data img {
    margin-right: 5px;
  }

  .personal-content .pm .imgbox .text .data span {
    padding-right: 10px;
  }
}

@media (max-width: 992px) {
  .personal-content .pm .imgbox .text {
    position: relative;

    bottom: 0;

    left: 0;
  }
}

@media (max-width: 768px) {
  .personal-content .pm .imgbox .text .data .yan {
    width: 13%;
  }

  .personal-content .pm .imgbox .text .data .zan {
    padding-top: 2px;

    width: 10%;
  }

  .personal-content .pm .imgbox .text h1 {
  }

  .personal-content .pm .imgbox .text .data span {
    line-height: 16px;
  }
}

@media (max-width: 430px) {
  .personal-content .pm .imgbox .text h1 {
    top: 10px;
  }

  .personal-content .pm .imgbox .text h2 {
    bottom: 40px;
  }
}

/*作品管理*/

.works {
  max-width: 1920px;

  margin: auto;

  padding-top: 2%;
}

@media (max-width: 767px) {
  .works {
    padding-top: 10%;
  }
}

.works .bjcolor {
  background-color: #fff;

  min-height: 100px;
}

.works .left-nav .album {
  line-height: 30px;

  font-size: 1em;

  padding: 6% 1% 6% 6%;

  color: #232323;

  text-align: center;

  border-left: 3px solid #f6f6f6;

  display: block;

  overflow: hidden;
}

.works .left-nav .album a {
  float: left;

  color: #1b1b1b;
}

.works .left-nav .album a:hover {
  color: #2d8fe2;
}

.works .left-nav .album a span {
  color: #f00;
}

.works .left-nav .album img {
  float: right;

  margin: 0 6px;

  cursor: pointer;

  display: none;
}

.works .left-nav .click {
  background-color: #fff;

  border-left: 4px solid #31b0d5;
}

.works .left-nav .album:hover {
  background-color: #fff;

  border-left: 4px solid #31b0d5;
}

.works .left-nav .album:hover img {
  display: block;
}

.works .left-nav .add {
  width: 100%;

  display: block;

  padding: 6% 0 6% 8%;

  text-align: left;

  color: #2d8fe2;

  cursor: pointer;
}

.works .mobile-left-nav {
  padding: 2% 0;

  background-color: #fff;
}

.works .mobile-left-nav h1 {
  font-size: 1em;

  color: #777;

  line-height: 35px;

  text-align: center;
}

.works .mobile-left-nav .pm {
  height: 35px;

  border: 1px solid #ddd;

  background-color: #fff;

  background: url(../images/list_dian1.png) center right no-repeat;

  position: relative;

  cursor: pointer;
}

.works .mobile-left-nav .pm ul {
  position: absolute;

  width: 100%;

  top: 35px;

  height: 115px;

  left: 0;

  background-color: #d9d9d9;

  z-index: 20;

  overflow-y: auto;

  display: none;
}

.works .mobile-left-nav .pm ul li:hover {
  background: #2d8fe2;

  color: #fff;
}

.works .mobile-left-nav .pm li,
.works .mobile-left-nav .pm h2 {
  line-height: 35px;

  padding: 0 2%;

  color: #777;

  font-size: 1em;

  cursor: pointer;
}

.works .mobile-left-nav .edit-btn {
  width: 80%;

  margin: auto;

  line-height: 35px;

  background-color: #2d8fe2;

  border-radius: 5px;

  display: block;

  text-align: center;

  color: #fff;

  cursor: pointer;
}

.works .mobile-left-nav .edit {
  padding-top: 2%;

  /*display:none;*/
}

.works .mobile-left-nav .edit .row {
  border-bottom: 1px solid #ddd;
}

.works .mobile-left-nav .edit .span {
  text-align: center;

  line-height: 35px;

  font-size: 0.8em;

  display: block;

  color: #2d8fe2;

  cursor: pointer;
}

.works .mobile-left-nav .edit .title1 {
  color: #777;
}

.movecate {
  position: relative;

  /*border:1px solid #F00;*/
}

.movecate .subcate {
  position: absolute;

  display: none;

  /*right:50px;

	top:60px;*/

  border: 1px solid #d9d9d9;

  z-index: 9999;

  text-align: center;
}

.movecate .subcate {
  background: #f6f6f6;
}

.movecate .subcate li {
  height: 40px;

  line-height: 40px;

  padding: 0 12px;

  border-bottom: 1px dotted #ccc;
}

.movecate .subcate li:hover {
  background: #2d8fe2;

  color: #fff;

  cursor: pointer;
}

.movecate .subcate a {
  color: #000;
}

.movecate .subcate a:hover {
  color: #fff;
}

.works .nav1 {
  border-bottom: 1px solid #ddd;
}

.works .nav1 h1 {
  font-size: 1em;

  padding: 15% 0;

  text-align: center;

  border-bottom: 2px solid #f6f6f6;
}

.works .nav1 h1:hover {
  border-bottom: 2px solid #2d8fe2;
}

.works .nav1 h1 a {
  color: #777;
}

.works .nav1 h1 a:hover {
  color: #2d8fe2;
}

.works .nav1 .blue {
  border-bottom: 2px solid #2d8fe2;
}

.works .nav1 .up-btn {
  width: 70%;

  padding: 2%;

  text-align: center;

  color: #2d8fe2;

  border: 1px solid #2d8fe2;

  background: #2d8fe2;

  border-radius: 5px;

  display: block;

  font-size: 1em;

  float: right;

  color: #fff;

  margin-top: 7%;
}

.works .nav1 .up-btn:hover {
  background-color: #69b3f2;

  border: 1px solid #69b3f2;

  color: #fff;
}

.works .sosuo {
}

.works .sosuo .imgsearch {
  overflow: hidden;

  width: 300px;

  margin: 30px 0;

  height: 35px;

  float: right;

  position: relative;
}

.works .sosuo .imgsearch img {
  position: absolute;

  top: 0;

  bottom: 0;

  right: 5px;

  margin: auto;

  cursor: pointer;
}

.works .sosuo input {
  width: 300px;

  /*margin:30px 0;*/

  /*float:right;*/

  padding: 10px;

  color: #777;

  border: 1px solid #ddd;

  border-radius: 5px;

  height: 35px;

  line-height: 15px;
}

/*.works .sosuo input:hover

{

	background:url(../images/search_icon_hover.png) no-repeat 270px center ;

}*/

.works .content {
  padding: 2% 0 5% 0;
}

.works .content .pc-edit {
}

.works .content .pc-edit span {
  color: #777;

  font-size: 1em;

  text-align: center;

  display: block;

  padding: 0 0 0 0;

  cursor: pointer;
}

.works .content .pc-edit span label {
  font-weight: normal;

  cursor: pointer;
}

.works .content .imgbox .spanleft span {
  text-align: left;

  padding-left: 8px;
}

.works .content .imgbox .col-lg-4 {
  padding: 1%;
}

.works .content .imgbox .col-lg-4 .img {
  max-width: 100%;

  display: block;
}

.works .content .imgbox .col-lg-4 .textbox {
  padding: 5%;

  background-color: #eee;
}

.works .content .imgbox .col-lg-4 .textbox .lin1 {
  padding: 5% 0;

  overflow: hidden;
}

.works .content .imgbox .col-lg-4 .textbox .lin1 .time {
  color: #777;

  font-size: 0.8em;

  float: left;

  line-height: 1.5em;
}

.works .content .imgbox .col-lg-4 .textbox .lin1 .yan {
  font-size: 0.8em;

  color: #777;

  padding-left: 25px;

  background: url(../images/data.png) center left no-repeat;

  /*background-size:contain;*/

  float: right;

  margin-right: 5px;

  line-height: 1.5em;
}

.works .content .imgbox .col-lg-4 .textbox .lin1 .zan {
  font-size: 0.8em;

  color: #777;

  padding-left: 20px;

  background: url(../images/data2.png) center left no-repeat;

  /*background-size:auto;*/

  float: right;

  line-height: 1.5em;
}

.works .content .imgbox .col-lg-4 .textbox .title4 {
  font-size: 0.8em;

  padding: 5% 0;

  color: #777;
}

.works .content .imgbox .col-lg-4 .textbox .sharebtning {
  font-size: 0.8em;

  padding: 5% 0;

  color: #777;

  background: url(../images/sharebtn.png) no-repeat 42px center;

  text-align: left;

  padding-left: 0;
}

.works .content .imgbox .col-lg-4 .textbox .sharebtning:hover {
  background: url(../images/sharebtnhover.png) no-repeat 42px center;
}

.works .content .imgbox .col-lg-4 .textbox .sharebtning span {
  width: 22px;

  height: 22px;

  padding: 5px 14px;

  cursor: pointer;
}

.works .content .imgbox .col-lg-4 .textbox2 {
  padding: 5% 0;

  height: 45px;
}

.works .content .imgbox .col-lg-4 .textbox2 .com,
.works .content .imgbox .col-lg-4 .textbox2 .rename2 {
  float: left;

  margin-right: 5px;

  padding-top: 5px;

  cursor: pointer;
}

.works .content .imgbox .col-lg-4 .textbox2 .share {
  width: 80px;

  height: 30px;

  line-height: 30px;

  border: 1px solid #ddd;

  background-color: #fff;

  float: right;

  text-align: center;

  position: relative;
}

.works .content .imgbox .col-lg-4 .textbox2 .share h5 {
  /*padding-left:5px;*/

  text-align: center;

  width: 100%;

  height: 30px;

  line-height: 28px;

  /*background:url(../images/list_dian1.png) right center no-repeat;*/

  cursor: pointer;
}

.works .content .imgbox .col-lg-4 .textbox2 .share h5:hover {
  background: #2d8fe2;

  color: #fff;
}

.works .content .imgbox .col-lg-4 .textbox2 .share ul {
  width: 80px;

  border: 1px solid #ddd;

  background-color: #fff;

  position: absolute;

  top: 35px;

  left: -1px;

  display: none;

  z-index: 10;
}

.works .content .imgbox .col-lg-4 .textbox2 .share ul li {
  width: 32px;

  height: 32px;

  overflow: hidden;

  margin: auto;

  margin: 3px auto;

  cursor: pointer;
}

.works .content .imgbox .col-lg-4 .textbox2 .share ul .shareimg1 {
  /*background:url(../images/icons_0_32.png) top center no-repeat;*/
}

@media (max-width: 1024px) {
  .works .left-nav .album img {
    width: 10%;

    padding-top: 5px;
  }
}

@media (max-width: 768px) {
  .works .content .imgbox .col-lg-4 .textbox2 .share h5 {
    font-size: 0.7em;
  }

  .works .nav1 h1 {
    padding: 20% 0 5% 0;
  }

  .works .nav1 .up-btn {
    /*padding:1%;*/

    margin: 40px auto;

    float: none;
  }

  .works .content .imgbox .col-lg-4 .textbox2 .com,
  .works .content .imgbox .col-lg-4 .textbox2 .rename2 {
    margin-right: 2px;

    padding-top: 5px;

    cursor: pointer;
  }

  .works .content .imgbox .col-lg-4 .textbox2 .share {
    width: 60px;
  }

  .works .content .imgbox .col-lg-4 .textbox2 .share ul {
    width: 60px;
  }
}

/*相册*/
.albumlist {
  margin: 15px auto 50px auto;
  min-height: 200px;
}

.albumlist .imgc {
  width: 100%;
}

.albumlist .imgc .imgc_a {
  margin: 0 15px 35px 15px;
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
}

.albumlist .imgc .imgc_a .imc_a_1 {
  margin: 0 15px 15px 15px;

  position: relative;
}

.albumlist .imgc .imgc_a .imc_a_1 .layerover {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  margin: auto;
  background: -moz-linear-gradient(to bottom, #fff 60%, #333333 100%);
  background: -webkit-linear-gradient(to bottom, #fff 60%, #333333 100%);
  background: -o-linear-gradient(to bottom, #fff 60%, #333333 100%);
  background: -ms-linear-gradient(to bottom, #fff 60%, #333333 100%);
  background: linear-gradient(to bottom, #fff 60%, #333333 100%);
  filter: alpha(opacity=45);
  -moz-opacity: 0.45;
  opacity: 0.45;
  z-index: 1;
}

.albumlist .imgc .imgc_a .imc_a_1 .btn_c {
  position: absolute;

  width: 100px;
  height: 38px;
  background-color: rgba(0, 0, 0, 0.45);
  margin: 0 auto;
  z-index: 19;
  left: 50%;
  margin-left: -50px;
  top: 50%;
  margin-top: -19px;
  text-align: center;
  border-radius: 3px;
  color: #fff;
  line-height: 38px;
  font-size: 14px;
}

.albumlist .imgc .imgc_a .imc_a_1 .btn_update {
  position: absolute;
  width: 100%;
  /*height:38px;*/
  margin: 0 auto;
  z-index: 20;
  left: 0;
  /*margin-left:-50px;*/
  top: 15px;
  /*margin-top:-19px;*/
  text-align: right;
  padding-right: 15px;
  color: #fff;
  /*line-height:38px;
	font-size:14px;*/
}

.albumlist .imgc .imgc_a .imc_a_1 .btn_update a {
  color: #333;
}

.albumlist .imgc .imgc_a .imc_a_1 .btn_update a:hover {
  color: #ff0000;
}

.albumlist .imgc .imgc_a .imc_a_1 .btn_c a {
  color: #fff;
}

.albumlist .imgc .imgc_a .imc_a_1 .btn_c a:hover {
  color: #ff0000;
}

.albumlist .imgc .imgc_a .imc_a_1 .numtxt {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 45px;
  line-height: 45px;
  padding-right: 15px;
  z-index: 2;
  text-align: right;
  color: #fff;
  font-size: 18px;
}

.albumlist .imgc .imgc_a h1 {
  font-size: 14px;
  text-align: center;
  padding: 15px 0 30px 0;
}

.albumlist .imgc .imgc_a h1 a {
  color: #333;
}

.albumlist .imgc .imgc_a h1 a:hover {
  color: #2d8fe2;
}

.ycss_1 {
  overflow: hidden;
}

.ycss_1 .rm {
  margin: 1px auto 1px auto;
}

.ycss_1 .cinput {
  /*float:left;*/
  /*margin-right:2em;*/
  border: 1px solid #ccc;
  height: 15px;
  line-height: 15px;
  border-radius: 4px;
  width: 90%;
  padding: 1%;
  font-size: 12px;
}

.ycss_1 .albumlistdesc {
  border: 1px solid #ccc;
  height: 55px;
  border-radius: 4px;
  width: 90%;
  padding: 1%;
  line-height: 26px;
  resize: none;
}

.ycss_1 .tipmessage {
  width: 100%;
  color: #ff0500;
  padding-left: 36px;
  font-size: 12px;
  /*margin-top:5px;*/
  word-break: break-all;
  text-align: left;
}

.albumlist_add_big {
  margin-top: 2%;

  /*padding-bottom:6%;*/

  /*max-width:1200px;*/
}

@media (max-width: 767px) {
  .albumlist_add_big {
    margin-top: 10%;
  }
}

.albumlist_add_big .nav1 {
  border-bottom: 1px solid #ddd;
}

.albumlist_add_big .nav1 h1 {
  font-size: 1em;

  padding: 15% 0;

  text-align: center;

  border-bottom: 2px solid #f6f6f6;
}

.albumlist_add_big .nav1 h1:hover {
  border-bottom: 2px solid #2d8fe2;
}

.albumlist_add_big .nav1 h1 a {
  color: #777;
}

.albumlist_add_big .nav1 h1 a:hover {
  color: #2d8fe2;
}

.albumlist_add_big .nav1 .blue {
  border-bottom: 2px solid #2d8fe2;
}

.albumlist_add_big .nav1 .up-btn {
  width: 70%;

  padding: 2%;

  text-align: center;

  color: #2d8fe2;

  background: #2d8fe2;

  border: 1px solid #2d8fe2;

  border-radius: 5px;

  display: block;

  font-size: 1em;

  float: right;

  color: #fff;

  margin-top: 7%;
}

@media (max-width: 767px) {
  .albumlist_add_big .nav1 .up-btn {
    float: none;
    margin: 40px auto 40px auto;
  }
}

.albumlist_add_big .nav1 .up-btn:hover {
  background-color: #69b3f2;

  border: 1px solid #69b3f2;

  color: #ffffff;
}

.albumlist_add {
  margin-bottom: 75px;
  margin-top: 25px;
}

.albumlist_add .timeline {
  margin: 35px 0 0 0;
}

.albumlist_add .addm {
  margin: 25px 0;
}

.albumlist_add .timeline .cinput {
  /*float:left;*/
  /*margin-right:2em;*/
  border: 1px solid #ccc;
  height: 30px;
  line-height: 30px;
  border-radius: 4px;
  width: 45%;
  padding: 1%;
}

.albumlist_add .timeline .addtime {
  width: 120px;
  line-height: 35px;
  height: 35px;
  text-align: center;
  color: #fff;
  background-color: #2d8fe2;
  border-radius: 5px;
  margin: 0 auto 0 auto;
  /* display: inline-block;
    padding: 0 20px 0 20px;*/
}

.albumlist_add .imgc {
  background-color: #ebebeb;
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
}

@media (max-width: 767px) {
  .albumlist_add .imgc {
    margin: 0 15px;
  }
}

.albumlist_add .imgc .imgc_1 {
  position: relative;
}

.albumlist_add .imgc .imgc_1 .layerover {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  margin: auto;
  background: -moz-linear-gradient(to bottom, #fff 50%, #333333 100%);
  background: -webkit-linear-gradient(to bottom, #fff 50%, #333333 100%);
  background: -o-linear-gradient(to bottom, #fff 50%, #333333 100%);
  background: -ms-linear-gradient(to bottom, #fff 50%, #333333 100%);
  background: linear-gradient(to bottom, #fff 50%, #333333 100%);
  filter: alpha(opacity=25);
  -moz-opacity: 0.25;
  opacity: 0.25;
  z-index: 1;
}

.albumlist_add .imgc .imgc_1 .tipc {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 15px;
  text-align: center;
  z-index: 3;
  color: #ff0000;
}

.albumlist_add .imc_btn {
  height: 50px;
  line-height: 50px;
  background-color: #2d8fe2;
  width: 100%;
  text-align: center;
  color: #fff;
  cursor: pointer;
}

.albumlist_add .imc_btn:hover {
  background-color: #69b3f2;
}

.albumlist_add .ok {
  width: 120px;
  line-height: 35px;
  height: 35px;
  text-align: center;
  color: #fff;
  background-color: #cccccc;
  border-radius: 5px;
  margin: 0 auto 0 auto;
  /* display: inline-block;
    padding: 0 20px 0 20px;*/
}

.albumlist_add .alistc {
  margin-top: 85px;
}

@media (max-width: 767px) {
  .albumlist_add .alistc {
    margin-top: 35px;
  }
}

.albumlist_add .alistc h5 {
  font-size: 18px;
  text-align: center;
  margin-bottom: 15px;
  color: #f00;
}

.albumlist_add .alistc .tiptext {
  font-size: 14px;
  line-height: 28px;
  text-align: center;
  margin-bottom: 35px;
}

.albumlist_add h1 {
  font-size: 24px;
  text-align: center;
  margin-bottom: 25px;
}

.albumlist_add .alistc .borderline {
  position: relative;
  width: 100%;
  height: 1px;
  background-color: rgba(103, 103, 103, 0.18);
  margin: 0 auto 0px auto;
}

.albumlist_add .alistc .borderline span {
  display: block;
  width: 150px;
  height: 6px;
  background-color: #0759a2;
  margin: 0 auto;
  position: absolute;
  left: 50%;
  margin-left: -75px;
  top: 50%;
  margin-top: -3px;
}

.albumlist_add .btnimgc {
  margin: 35px auto;
}

.albumlist_add .btnimgc .apointer {
  cursor: pointer;
}

.albumlist_add .grid_list {
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
}

.albumlist_add .grid_list .imglic {
}

.albumlist_add .grid_list .imglic .imglic_1 {
  position: relative;
  /*margin:15px;*/
  /*min-height:280px;*/
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
  /*margin-top:15px;*/
  background: url(../images/noneimg.png) no-repeat center center;
  background-color: #ebebeb;
}

.albumlist_add .grid_list .imglic .imglic_1 .btn_update {
  position: absolute;
  width: 100%;
  /* height: 38px; */
  margin: 0 auto;
  z-index: 20;
  left: 0;
  /* margin-left: -50px; */
  top: 0;
  /* margin-top: -19px; */
  text-align: right;
  padding: 10px 15px 10px 0;
  color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
}

.albumlist_add .grid_list .imglic .imglic_1 .btn_update span {
  cursor: pointer;
}

@media (max-width: 767px) {
  .albumlist_add .grid_list .imglic .imglic_1 {
    background: none;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .albumlist_add .grid_list .imglic .imglic_1 {
    background: none;
  }
}

.albumlist_add .grid_list .imglic .imglic_1 .img-name {
  text-align: center;
  padding: 20px 15px;
}

.albumlist_add .pano_submit_btn_tip_txt {
  margin: 25px auto 10px auto;
  text-align: center;
  font-size: 14px;
  color: #f00;
  min-height: 25px;
}

.albumlist_add .pano_progress {
  height: 20px;

  line-height: 20px;

  position: absolute;

  top: 0;

  left: 0;

  margin-top: 0;

  z-index: 999;

  width: 100%;

  background-color: #fff;

  /* border-radius: 4px;*/

  /* -webkit-box-shadow: inset 0 2px 3px rgba(0, 0, 0, .2);

            box-shadow: inset 0 2px 3px rgba(0, 0, 0, .2);	*/
}

.albumlist_add .pano_progress .bar {
  background-color: #449d44;

  display: block;

  width: 0%;

  height: 20px;

  line-height: 20px;

  /*border-radius:5px; */
}

.albumlist_add .pano_progress .percent {
  position: absolute;

  height: 20px;

  line-height: 20px;

  top: 0;

  left: 0;

  color: #fff;

  font-size: 12px;

  text-align: center;

  margin: 0 auto;
}

/*上传*/

.upload {
  padding-top: 2%;

  padding-bottom: 6%;

  /*max-width:1200px;*/
}

.upload .nav1 {
  border-bottom: 1px solid #ddd;
}

.upload .nav1 h1 {
  font-size: 1em;

  padding: 15% 0;

  text-align: center;

  border-bottom: 2px solid #f6f6f6;
}

.upload .nav1 h1:hover {
  border-bottom: 2px solid #2d8fe2;
}

.upload .nav1 h1 a {
  color: #777;
}

.upload .nav1 h1 a:hover {
  color: #2d8fe2;
}

.upload .nav1 .blue {
  border-bottom: 2px solid #2d8fe2;
}

.upload .nav1 .up-btn {
  width: 70%;

  padding: 2%;

  text-align: center;

  color: #2d8fe2;

  background: #2d8fe2;

  border: 1px solid #2d8fe2;

  border-radius: 5px;

  display: block;

  font-size: 1em;

  float: right;

  color: #fff;

  margin-top: 7%;
}

.upload .nav1 .up-btn:hover {
  background-color: #69b3f2;

  border: 1px solid #69b3f2;

  color: #ffffff;
}

.upload .up-cover {
  padding: 2% 0;
}

.upload .up-cover .imgbox {
  width: 100%;

  /*height:200px;*/

  /*line-height:350px;*/

  /*padding-bottom:90%;*/

  position: relative;

  /*border-radius:6px;*/

  text-align: center;

  overflow: hidden;

  /*background:#ddd url(../images/none.png) no-repeat center center;*/

  /*border:1px solid #F00;*/
}

.upload .up-cover .imgbox img {
  /*border-radius:5px;*/

  display: block;

  width: 100%;

  height: auto;
}

.upload .up-cover .imgbox .up-cover-btn {
  /*line-height:20px;

	width:40%;

	text-align:center;



	border-radius:5px;

	position:absolute;

	bottom:10%;

	left:50%;

	margin-left:-20%;

	color:#fff;*/

  overflow: hidden;
}

.upload .up-cover .imgbox .browse {
  width: 100%;

  /*border-radius:5px;*/

  background: #2d8fe2;

  color: #fff;

  padding: 8px 18px 8px 18px;
}

.upload .up-cover .imgbox .browse:hover {
  background: #69b3f2;
}

.upload .up-cover .notes {
  width: 100%;

  text-align: center;

  padding: 3% 0;

  color: #777;

  font-size: 1em;

  color: #f00;
}

.upload .inputs {
  padding-left: 2%;
}

.upload .inputs .name {
  width: 100%;

  background: none;

  padding: 2%;

  border: 1px solid #ccc;

  color: #777;

  margin-bottom: 20px;
}

.upload .inputs .about {
  width: 100%;

  background: none;

  height: 200px;

  padding: 2%;

  border: 1px solid #ccc;

  color: #777;

  resize: none;

  border-radius: 5px;
}

.upload .link {
  padding-bottom: 40px;

  /*border-bottom:1px solid #ddd;*/
}

.upload .link .link-title {
  width: 20%;

  text-align: center;

  line-height: 35px;

  background-color: #ddd;

  float: left;
}

.upload .link .left input {
  width: 79%;

  border: 1px solid #ddd;

  background-color: #fff;

  float: left;

  line-height: 33px;

  height: 35px;

  font-size: 0.8em;

  color: #777;

  padding-left: 10px;
}

.upload .link .uplink-btn {
  width: 80%;

  line-height: 35px;

  height: 35px;

  border-radius: 5px;

  background-color: #2d8fe2;

  position: relative;

  overflow: hidden;

  text-align: center;

  color: #fff;

  cursor: pointer;

  margin: auto;
}

.upload .link .uplink-btn:hover {
  background-color: #69b3f2;
}

.upload .link .uplink-btn input {
  width: 10000px;

  height: 10000px;

  position: absolute;

  top: 0;

  filter: alpha(opacity=0);

  opacity: 0;

  cursor: pointer;
}

.upload .link .look-btn {
  width: 80%;

  line-height: 35px;

  height: 35px;

  border-radius: 5px;

  background-color: #57c83d;

  text-align: center;

  color: #fff;

  cursor: pointer;

  margin: auto;
}

.upload .link .look-btn:hover {
  background-color: #8aef73;
}

.upload .link .ps {
  line-height: 35px;

  color: #777;

  font-size: 0.8em;

  text-align: right;

  display: block;

  width: 100%;
}

.upload .link .uploadvideo_btn {
  width: 160px;
  line-height: 35px;
  height: 35px;
  border-radius: 5px;
  background-color: #2d8fe2;
  position: relative;
  overflow: hidden;
  text-align: center;
  color: #fff;
  cursor: pointer;
  margin: auto;
}

.upload .link .uploadvideo_btn:hover {
  background-color: #69b3f2;
}

.upload .link .progress_bar {
  margin-top: 1em;
  /*width:160px;*/
  /*border:1px solid #F00;*/
}

.upload .agr {
  margin: 40px 0;
}

.upload .agr .agr-title {
  text-align: left;

  line-height: 35px;

  color: #777;

  font-size: 1em;
}

.upload .agr .area-title {
  text-align: left;

  line-height: 35px;

  color: #777;

  font-size: 1em;
}

.upload .agr .input {
  line-height: 35px;

  height: 35px;

  font-size: 0.9em;

  border: 1px solid #ccc;

  background-color: #fff;

  color: #777;

  cursor: pointer;

  position: relative;

  border-radius: 5px;
}

.upload .agr .input .text {
  padding-left: 10px;

  background-color: #fff;

  color: #555555;

  background: url(../images/list_dian1.png) right center no-repeat;
}

.upload .agr .input ul {
  position: absolute;

  top: 34px;

  width: 100.2%;

  left: -1px;

  background-color: #fff;

  display: none;

  height: 150px;

  overflow-y: scroll;

  z-index: 10;

  border-top: 0;

  border-bottom: 1px solid #dedede;

  border-left: 1px solid #dedede;

  border-right: 1px solid #dedede;
}

.upload .agr .input ul li {
  padding-left: 10px;

  color: #555555;

  cursor: pointer;
}

.upload .agr .input ul li:hover {
  background-color: #eee;
}

.upload .agr .bus_input {
  line-height: 35px;

  height: 35px;

  font-size: 0.9em;

  border: 1px solid #ccc;

  background-color: #fff;

  color: #777;

  cursor: pointer;

  position: relative;

  border-radius: 5px;
}

.upload .agr .bus_input .text {
  padding-left: 10px;

  background-color: #fff;

  background: url(../images/list_dian1.png) right center no-repeat;

  color: #555555;
}

.upload .agr .bus_input ul {
  position: absolute;

  top: 34px;

  width: 100.2%;

  left: -1px;

  background-color: #fff;

  display: none;

  height: 150px;

  overflow-y: scroll;

  z-index: 10;

  border-top: 0;

  border-bottom: 1px solid #dedede;

  border-left: 1px solid #dedede;

  border-right: 1px solid #dedede;
}

.upload .agr .bus_input ul li {
  padding-left: 10px;

  cursor: pointer;

  color: #555555;
}

.upload .agr .bus_input ul li:hover {
  background-color: #eee;
}

.upload .agr .province_city {
  /*line-height:35px;

	height:35px;*/

  font-size: 0.9em;

  color: #777;
}

.upload .agr .ps {
  display: block;

  line-height: 35px;

  padding-left: 30px;

  color: #57c83d;

  background: url(../images/problem.png) left center no-repeat;

  float: right;

  cursor: pointer;
}

.upload .lable {
  margin: 20px 0;
}

.upload .lable .lable-title {
  font-size: 1em;

  line-height: 35px;

  color: #777;
}

.upload .lable .lable-title span {
  padding: 10px;

  line-height: 35px;

  font-size: 0.8em;

  color: #aaa;
}

.upload .lable ul {
  width: 100%;

  margin: 10px 0;

  overflow: hidden;
}

.upload .lable ul li {
  padding: 0 30px;

  line-height: 30px;

  background-color: #fff;

  border: 2px solid #ddd;

  color: #777;

  float: left;

  margin-right: 20px;

  margin-bottom: 15px;

  cursor: pointer;
}

.upload .lable ul li:hover {
  border: 2px solid #57c83d;
}

.upload .lable ul .in {
  border: 2px solid #57c83d;

  background: url(../images/loblebj.png) right bottom no-repeat;
}

.upload .add-lable {
  overflow: hidden;
}

.upload .add-lable .text {
  width: 90%;

  float: left;

  line-height: 35px;

  height: 35px;

  padding-left: 10px;

  color: #777;

  background-color: #fff;

  margin: 5px 20px 5px 0;

  font-size: 0.8em;

  border: 1px solid #ddd;
}

.upload .add-lable .regvalidate_text {
  width: 120px;

  float: left;

  line-height: 35px;

  height: 35px;

  padding-left: 10px;

  color: #777;

  background-color: #fff;

  margin: 5px 10px 5px 0;

  font-size: 0.8em;

  border: 1px solid #ddd;
}

.upload .add-lable .zhvalidatepic {
  height: 35px;

  width: 135px;

  border-radius: 5px;

  border: 1px solid #e6e6e6;

  cursor: pointer;

  margin: 5px 0 0 0;
}

.upload .add-lable .add-btn {
  font-size: 0.8em;

  width: 120px;

  line-height: 35px;

  height: 35px;

  background-color: #2c8fe2;

  border: 0px solid #2c8fe2;

  color: #fff;

  text-align: center;

  cursor: pointer;

  border-radius: 5px;

  margin: 5px 0 5px 0;
}

.upload .add-lable .add-btn:hover {
  background-color: #69b3f2;

  color: #fff;
}

.upload .add-lable .clear-btn {
  font-size: 0.8em;

  width: 80px;

  line-height: 35px;

  height: 35px;

  background-color: #2c8fe2;

  border: 0px solid #2c8fe2;

  color: #fff;

  text-align: center;

  cursor: pointer;

  border-radius: 5px;

  margin: 5px 0 5px 0;
}

.upload .add-lable .clear-btn:hover {
  background-color: #69b3f2;

  color: #fff;
}

.upload .ok {
  /*width:120px;*/

  line-height: 35px;

  height: 35px;

  text-align: center;

  color: #fff;

  background-color: #2d8fe2;

  border-radius: 5px;

  margin: 30px 15px 0 0;

  display: inline-block;

  padding: 0 20px 0 20px;
}

.upload .ok:hover {
  background-color: #69b3f2;
}

/*上传图片*/

.upload .link .uploadareamarginbottom {
  margin-top: 30px;

  margin-bottom: 18px;

  text-align: right;

  padding-right: 0.5%;
}

.upload .link .uploadareamarginbottom h3 {
  margin-bottom: 15px;

  color: #333;
}

.upload .link .uploadareamarginbottom p {
  color: #f00;
  padding: 0.25em;
}

.upload .link .up-img-btn {
  width: 90%;

  margin: auto;

  line-height: 35px;

  text-align: center;

  color: #fff;

  position: relative;

  overflow: hidden;

  background-color: #2d8fe2;

  border-radius: 5px;

  cursor: pointer;
}

.upload .link .up-img-btn input {
  width: 10000px;

  height: 10000px;

  position: absolute;

  top: 0;

  display: block;

  filter: alpha(opacity=0);

  opacity: 0;

  cursor: pointer;

  left: 0;
}

.upload .link .up-img-btn:hover {
  background-color: #69b3f2;
}

.upload .link .look-img-btn {
  width: 100%;

  margin: auto;

  line-height: 35px;

  text-align: center;

  color: #fff;

  position: relative;

  overflow: hidden;

  background-color: #57c83d;

  border-radius: 5px;

  cursor: pointer;
}

.upload .link .look-img-btn input {
  width: 10000px;

  height: 10000px;

  position: absolute;

  top: 0;

  display: block;

  filter: alpha(opacity=0);

  opacity: 0;

  cursor: pointer;

  left: 0;
}

.upload .link .look-img-btn:hover {
  background-color: #57c83d;
}

.upload .link .imgbox {
  width: 100%;

  background-color: #fff;

  border: 1px solid #ccc;

  overflow: hidden;

  margin: 20px 0;

  min-height: 300px;

  border-radius: 5px;
}

.upload .link .imgbox li {
  float: left;

  margin: 2% 0 2% 4%;

  width: 20%;

  padding-bottom: 20%;

  background-color: #ccc;

  overflow: hidden;

  position: relative;

  background: url(../images/pano_none.png) no-repeat center center;
}

.upload .link .imgbox .clearbg {
  background: none;
}

.upload .link .imgbox li .vr-img {
  display: block;

  max-width: 100%;

  position: absolute;

  top: 0;
}

.upload .link .imgbox li .vr-imgjia {
  display: block;

  width: 100%;

  height: auto;

  position: absolute;

  top: 0;

  left: 0;

  cursor: pointer;
}

.upload .link .imgbox li .x {
  max-width: 10%;

  display: block;

  position: absolute;

  right: 0;

  top: 0;

  cursor: pointer;

  display: none;
}

.upload .link .imgbox li .img-rename {
  width: 100%;

  background-color: #000;

  filter: alpha(opacity=50);

  opacity: 0.5;

  line-height: 35px;

  position: absolute;

  bottom: 0;

  left: 0;

  padding: 10px 0;
}

.upload .link .imgbox li .img-rename .img-rename-btn {
  display: block;

  float: right;

  margin-right: 15px;

  cursor: pointer;
}

.upload .link .imgbox li .img-name {
  width: 100%;

  background-color: #eee;

  color: #777;

  font-size: 0.8em;

  text-align: center;

  line-height: 35px;

  position: absolute;

  bottom: 0;

  padding: 10px 0;
}

.upload .link .imgbox li:hover .img-rename {
  bottom: 55px;
}

.upload .link .imgbox li:hover .x {
  display: block;
}

.upload .qianru {
  margin: 20px 0;
}

.upload .qianru .qianru-title {
  color: #777;

  margin-bottom: 20px;

  font-size: 1em;
}

.upload .qianru input {
  width: 100%;

  line-height: 35px;

  height: 35px;

  background-color: #fff;

  font-size: 0.8em;

  color: #777;

  border: 1px solid #ddd;
}

.upload .fenxiang h3 {
  font-size: 1em;

  float: left;

  margin-right: 10px;

  line-height: 34px;
}

.upload .fenxiang .fenxiang-img {
  width: 34px;

  height: 34px;

  background: url(../images/icons_0_32.png) top center no-repeat;

  float: left;

  margin: 0 10px;

  cursor: pointer;
}

@media (max-width: 992px) {
  .upload .link .imgbox li {
    width: 29%;

    padding-bottom: 29%;

    margin: 2% 0 2% 3.2%;
  }

  .upload .link .imgbox li .img-rename {
    bottom: 55px;
  }

  .upload .link .imgbox li .x {
    display: block;
  }
}

@media (max-width: 768px) {
  .upload {
    padding: 10% 2% 10% 2%;

    /*padding-bottom:10%;*/
  }

  .upload .nav1 h1 {
    padding: 20% 0 5% 0;
  }

  .upload .nav1 .up-btn {
    padding: 2%;

    margin: 40px auto;

    float: none;
  }

  .upload .up-cover .imgbox {
    /*padding-bottom:50%;*/
  }

  .upload .up-cover .inputs {
    padding-left: 0;
  }

  .upload .up-cover .imgbox .up-cover-btn {
    padding: 2% 0;
  }

  .upload .link {
    padding: 0;

    padding-bottom: 40px;
  }

  .upload .ok {
    /*margin:0 auto;*/

    margin-top: 20px;
  }

  .upload .link .look-btn {
    width: 90%;
  }

  .upload .link .imgbox li {
    width: 45%;

    margin: 2% 0 2% 3.2%;

    padding-bottom: 45%;
  }
}

.ycss {
  overflow: hidden;

  text-align: center;
}

.ycss ul li {
  float: left;

  width: 100%;

  margin: 1em 0;
}

.ycss ul li span {
  /*float:left;*/
}

.ycss ul li .cinput {
  /*float:left;*/

  margin-right: 2em;

  border: 1px solid #ccc;

  height: 30px;

  border-radius: 4px;

  width: 60%;

  padding-left: 1%;
}

@media (max-width: 992px) {
  .ycss ul li {
    width: 100%;
  }
}

@media (max-width: 992px) {
  .ycss ul li .cinput {
    width: 50%;
  }
}

/*兼容百度分享下的微信分享错位CSS*/

.bd_weixin_popup {
  -webkit-box-sizing: content-box;

  -moz-box-sizing: content-box;

  box-sizing: content-box;
}

/*全景图片上传进度条*/

/*#add_ul_pic li{float:left;width:120px;height:120px;border:1px solid #ddd;margin:0 5px 10px}  */

.upload .pano_progress {
  height: 20px;

  line-height: 20px;

  position: absolute;

  top: 50%;

  left: 0;

  margin-top: -10px;

  z-index: 999;

  width: 100%;

  background-color: #fff;

  border-radius: 4px;

  -webkit-box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.2);

  box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.2);
}

.upload .bar {
  background-color: #449d44;

  display: block;

  width: 0%;

  height: 20px;

  line-height: 20px;

  border-radius: 5px;
}

.upload .percent {
  position: absolute;

  height: 20px;

  line-height: 20px;

  top: 0;

  left: 0;

  color: #fff;

  font-size: 12px;

  text-align: center;

  margin: 0 auto;
}

/*全景设置区域样式表*/

.panosetarea {
  padding: 15px 0 10px 0;

  background: #fefefe;
}

.panosetarealink {
  padding: 0 0 10px 0;

  background: #fefefe;
}

.panosetarealink dt {
  text-align: left;
}

.panosetarealink dd {
  margin-top: 0.8em;

  text-align: left;
}

.panosetarea dt {
  text-align: center;
}

.panosetarea dt img {
  cursor: pointer;
}

.panosetarea dd {
  text-align: center;

  line-height: 32px;

  height: 32px;
}

.panosetarea dd span {
  cursor: pointer;
}

.panosetarea dd span:hover {
  color: #2d8fe2;
}

.handclose {
  width: 100%;

  height: 50px;

  line-height: 50px;

  text-align: center;

  background: #f1f1f1;

  color: #2d8fe2;

  overflow: hidden;

  border-top: 1px solid #cfcfcf;
}

.handclose span {
  cursor: pointer;

  color: #fc472b;
}

.handclose span:hover {
  color: #2d8fe2;
}

#handclose_span {
  padding: 6px 15px;

  color: #fff;

  border-radius: 5px;

  background-color: #d9534f;

  border-color: #d43f3a;

  font-size: 0.875em;
}

#handclose_span:hover,
#handclose_span.hover {
  color: #fff;

  background-color: #c9302c;

  border-color: #761c19;
}

#handclose_span_btn {
  padding: 6px 15px;

  color: #fff;

  border-radius: 5px;

  background-color: #d9534f;

  border-color: #d43f3a;

  font-size: 0.875em;
}

#handclose_span_btn:hover,
#handclose_span_btn.hover {
  color: #fff;

  background-color: #c9302c;

  border-color: #761c19;
}

/*背景音乐*/

.panosetarea .addmusicbtn {
  background: #2c8ee1;

  color: #fff;

  padding: 8px 20px;

  border-radius: 4px;
}

.panosetarea .available_btn {
  background: #2c8ee1;

  color: #fff;

  padding: 8px 20px;

  border-radius: 4px;
}

.panosetarea .addmusicbtn:hover {
  background: #69b3f2;
}

.panosetarea .music_press {
  /*text-align:center;

	margin-top:15px;

	border-top:2px solid #449d44;*/

  display: none;
}

.panosetarea .music_press_text {
  display: none;
}

/*语音解说*/

.panosetarea_talk .disabledaddtalkbtn {
  background: #ccc;

  color: #fff;

  padding: 8px 20px;

  border-radius: 4px;
}

.panosetarea_talk .addtalkbtn {
  background: #2c8ee1;

  color: #fff;

  padding: 8px 20px;

  border-radius: 4px;
}

.panosetarea_talk .addtalkbtn:hover {
  background: #69b3f2;
}

.panosetarea_talk .talk_press {
  /*text-align:center;

	margin-top:15px;

	border-top:2px solid #449d44;*/

  display: none;
}

.panosetarea_talk .talk_press_text {
  display: none;
}

.panosetarea_talk {
  padding: 15px 30px 10px 30px;

  background: #fefefe;
}

.panosetarea_talk dt {
  text-align: center;
}

.panosetarea_talk dt img {
  cursor: pointer;
}

.panosetarea_talk dd {
  text-align: center;

  line-height: 32px;

  height: 32px;
}

.panosetarea_talk h5 {
  text-align: center;
  height: 35px;
  line-height: 35px;
}

.panosetarea_talk .firstchk {
  text-align: center;
  padding: 10px 0;
}

.panosetarea_talk .secondchk {
  text-align: center;
}

.panosetarea_talk .thirdchk {
  text-align: center;
  padding: 10px 0;
}

.panosetarea_talk .thirdchk li[id='none'] {
  cursor: not-allowed;
}

/*.panosetarea_talk dd span

{

	cursor:pointer;

}

.panosetarea_talk dd span:hover

{

	color:#2d8fe2;

}	*/
/*.panosetarea_talk .isceneslist
{
	margin-bottom:15px;
	text-align:left;
}

.panosetarea_talk .isceneslist h5
{
	text-align:left;
}
.panosetarea_talk .isceneslist .chklist
{

	margin-bottom:30px;

}

.panosetarea_talk .isceneslist .chklist ul li
{
	display:inline-block;
	text-align:left;


}*/

/*自定义logo*/

.panosetarea .addlogobtn {
  background: #2c8ee1;

  color: #fff;

  padding: 8px 20px;

  border-radius: 4px;
}

.panosetarea .available_btn {
  background: #2c8ee1;

  color: #fff;

  padding: 8px 20px;

  border-radius: 4px;
}

.panosetarea .addlogobtn:hover {
  background: #69b3f2;
}

.panosetarea .logo_press {
  /*text-align:center;

	margin-top:15px;

	border-top:2px solid #449d44;*/

  display: none;
}

.panosetarea .logo_press_text {
  display: none;
}

.panosetarea .logolink {
  text-align: left;

  margin-top: 0.8em;
}

/*生成全景进度条*/

.works .content .imgbox .progress-box {
  position: relative;
}

.works .content .imgbox .progress-box .generate_progress {
  position: absolute;

  width: 100%;

  height: 100%;

  background-color: rgba(0, 0, 0, 0.65);

  color: #fff;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

  margin: auto;

  display: none;
}

.works .content .imgbox .progress-box .generate_progress .generate_progress_container {
  position: absolute;

  width: 65px;

  height: 65px;

  line-height: 35px;

  /*background-color:rgba(0,0,0,0.65);

	color:#fff;*/

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

  margin: auto;

  text-align: center;
}

.works .content .imgbox .progress-box .generate_progress .ptxt {
  position: absolute;

  width: 100%;

  height: 1.5em;

  line-height: 1.5em;

  color: #fff;

  top: 80px;

  bottom: 0;

  left: 0;

  right: 0;

  margin: auto;

  text-align: center;

  font-size: 0.875em;
}

.works .content .imgbox .progress-box .look {
  position: absolute;

  width: 100%;

  height: 100%;

  background-color: rgba(0, 0, 0, 0.5);

  color: #fff;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

  margin: auto;

  display: none;
}

.works .content .imgbox .progress-box .look:before {
  content: '预览';

  text-align: center;

  position: absolute;

  width: 65px;

  height: 65px;

  line-height: 65px;

  border-radius: 50%;

  font-size: 1em;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

  margin: auto;

  background: #2d8fe2;
}

.works .content .imgbox .progress-box:hover .look {
  display: block;
}

/***首页VR视频样式***/

/*CSS*/

.index-video .video-box .grid2 .pm .title-txt {
  /*position:absolute;*/

  width: 100%;

  height: 100px;

  background: rgba(255, 255, 255, 0.9);
}

.index-video .video-box .grid2 .pm .title-txt h1 {
  position: absolute;

  top: 20px;

  left: 15px;

  font-size: 1.2em;

  color: #777;
}

.index-video .video-box .grid2 .pm .title-txt .name {
  position: absolute;

  bottom: 20px;

  left: 0;

  padding: 0 15px;

  width: 100%;

  font-size: 1.2em;

  height: 1.4em;

  overflow: hidden;

  display: table;

  vertical-align: middle;
}

.index-video .video-box .grid2 .pm .title-txt .name h2 {
  line-height: 1.4em;

  font-size: 1.1em;

  /*display:table-cell;

	vertical-align: middle;*/

  width: 35%;

  position: static;

  float: left;

  overflow: hidden;

  white-space: nowrap;
}

.index-video .video-box .grid2 .pm .title-txt .data {
  overflow: hidden;

  position: static;

  white-space: nowrap;

  font-size: 10px;

  float: right;

  text-align: right;
}

.index-video .video-box .grid2 .pm .title-txt .data img,
.index-video .video-box .grid2 .pm .title-txt .data span {
  vertical-align: middle;

  display: inline-block;
}

.index-video .video-box .grid2 .pm .title-txt .data img {
  max-width: 100%;
}

.index-video .video-box .grid2 .pm .title-txt .data .zan {
  opacity: 0.5;

  filter: alpha(opacity=50);
}

.index-video .video-box .grid2 .pm .title-txt .data .yan {
  opacity: 0.5;

  filter: alpha(opacity=50);
}

.index-video .video-box .grid2 .pm .title-txt .data span {
  font-size: 0.7em;

  line-height: 1.4em;

  color: #aaa;
}

.index-video .video-box .grid2 .pm .title-txt .data .table-row {
  display: table;

  width: 100%;
}

.index-video .video-box .grid2 .pm .title-txt .data .yan-box,
.index-video .video-box .grid2 .pm .title-txt .data .zan-box {
  display: inline-block;
}

.index-video .video-box .grid2 .pm .title-txt .data img,
.index-video .video-box .grid2 .pm .title-txt .data span {
  display: inline-block;
}

.index-video .video-box .grid2 .pm .title-txt .data .zan-box {
  padding-left: 0.5em;
}

@media (max-width: 479px) {
  .index-video .video-box .grid2 .pm .title-txt .name .data,
  .index-video .video-box .grid2 .pm .title-txt .name h2 {
    width: 100%;
  }

  .index-video .video-box .grid2 .pm .title-txt .data {
    text-align: left;

    margin-top: 5px;
  }

  .index-video .video-box .grid2 .pm .title-txt .name {
    bottom: 10px;
  }

  .index-video .video-box .grid2 .pm .title-txt .data .yan {
    max-width: 45%;
  }

  .index-video .video-box .grid2 .pm .title-txt .data .zan {
    max-width: 30%;
  }

  .index-video .video-box .grid2 .pm .title-txt .data .zan-box {
    padding-left: 0;
  }
}

/*生成全景进度加载动画*/

.cssload-clock {
  border-radius: 43px;

  border: 2px solid rgb(255, 255, 255);

  height: 58px;

  width: 58px;

  position: relative;

  left: 35%;

  left: calc(50% - 31px);

  left: -o-calc(50% - 31px);

  left: -ms-calc(50% - 31px);

  left: -webkit-calc(50% - 31px);

  left: -moz-calc(50% - 31px);
}

.cssload-clock:after {
  content: '';

  position: absolute;

  background-color: rgb(255, 255, 255);

  top: 1px;

  left: 48%;

  height: 28px;

  width: 3px;

  border-radius: 4px;

  transform-origin: 50% 97%;

  -o-transform-origin: 50% 97%;

  -ms-transform-origin: 50% 97%;

  -webkit-transform-origin: 50% 97%;

  -moz-transform-origin: 50% 97%;

  animation: grdAiguille 1.1s linear infinite;

  -o-animation: grdAiguille 1.1s linear infinite;

  -ms-animation: grdAiguille 1.1s linear infinite;

  -webkit-animation: grdAiguille 1.1s linear infinite;

  -moz-animation: grdAiguille 1.1s linear infinite;
}

.cssload-clock:before {
  content: '';

  position: absolute;

  background-color: rgb(255, 255, 255);

  top: 4px;

  left: 48%;

  height: 25px;

  width: 3px;

  border-radius: 4px;

  transform-origin: 50% 94%;

  -o-transform-origin: 50% 94%;

  -ms-transform-origin: 50% 94%;

  -webkit-transform-origin: 50% 94%;

  -moz-transform-origin: 50% 94%;

  animation: ptAiguille 6.6s linear infinite;

  -o-animation: ptAiguille 6.6s linear infinite;

  -ms-animation: ptAiguille 6.6s linear infinite;

  -webkit-animation: ptAiguille 6.6s linear infinite;

  -moz-animation: ptAiguille 6.6s linear infinite;
}

@keyframes grdAiguille {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

@-o-keyframes grdAiguille {
  0% {
    -o-transform: rotate(0deg);
  }

  100% {
    -o-transform: rotate(360deg);
  }
}

@-ms-keyframes grdAiguille {
  0% {
    -ms-transform: rotate(0deg);
  }

  100% {
    -ms-transform: rotate(360deg);
  }
}

@-webkit-keyframes grdAiguille {
  0% {
    -webkit-transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
  }
}

@-moz-keyframes grdAiguille {
  0% {
    -moz-transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(360deg);
  }
}

@keyframes ptAiguille {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

@-o-keyframes ptAiguille {
  0% {
    -o-transform: rotate(0deg);
  }

  100% {
    -o-transform: rotate(360deg);
  }
}

@-ms-keyframes ptAiguille {
  0% {
    -ms-transform: rotate(0deg);
  }

  100% {
    -ms-transform: rotate(360deg);
  }
}

@-webkit-keyframes ptAiguille {
  0% {
    -webkit-transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
  }
}

@-moz-keyframes ptAiguille {
  0% {
    -moz-transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(360deg);
  }
}

/*前期请求资源加载样式*/

#cssload-wrapper {
  position: absolute;

  left: 0;

  top: 0;

  right: 0;

  bottom: 0;

  z-index: 15;

  overflow: hidden;
}

.cssload-loader {
  width: 146px;

  height: 146px;

  border: 1px rgb(255, 255, 255) solid;

  position: absolute;

  left: 50%;

  top: 50%;

  margin: -73px 0 0 -73px;

  border-radius: 50%;

  -o-border-radius: 50%;

  -ms-border-radius: 50%;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;
}

.cssload-loader .cssload-loading {
  font-size: 12px;

  position: absolute;

  width: 100%;

  text-align: center;

  line-height: 14px;

  font-family: 'Century Gothic', sans-serif;

  font-style: normal;

  left: 0;

  top: 50%;

  margin-top: 19px;

  color: rgb(255, 255, 255);

  font-weight: bold;

  text-transform: uppercase;

  -o-text-transform: uppercase;

  -ms-text-transform: uppercase;

  -webkit-text-transform: uppercase;

  -moz-text-transform: uppercase;
}

.cssload-loader-circle-1 {
  width: 135px;

  height: 135px;

  left: 5px;

  top: 5px;

  border: 1px rgb(255, 255, 255) solid;

  position: absolute;

  border-right-color: transparent;

  border-radius: 50%;

  -o-border-radius: 50%;

  -ms-border-radius: 50%;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  animation: spin 3.45s linear infinite;

  -o-animation: spin 3.45s linear infinite;

  -ms-animation: spin 3.45s linear infinite;

  -webkit-animation: spin 3.45s linear infinite;

  -moz-animation: spin 3.45s linear infinite;
}

.cssload-loader-circle-2 {
  width: 123px;

  height: 123px;

  left: 5px;

  top: 5px;

  border: 1px transparent solid;

  position: absolute;

  border-right-color: rgb(232, 21, 18);

  border-radius: 50%;

  -o-border-radius: 50%;

  -ms-border-radius: 50%;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  animation: spin 5.75s linear infinite;

  -o-animation: spin 5.75s linear infinite;

  -ms-animation: spin 5.75s linear infinite;

  -webkit-animation: spin 5.75s linear infinite;

  -moz-animation: spin 5.75s linear infinite;
}

.cssload-loader .cssload-line {
  width: 10px;

  height: 2px;

  background: rgb(255, 255, 255);

  position: absolute;
}

.cssload-loader .cssload-line:nth-child(1) {
  left: 16px;

  top: 50%;

  margin-top: -1px;
}

.cssload-loader .cssload-line:nth-child(2) {
  transform: rotate(45deg);

  -o-transform: rotate(45deg);

  -ms-transform: rotate(45deg);

  -webkit-transform: rotate(45deg);

  -moz-transform: rotate(45deg);

  left: 32px;

  top: 32px;
}

.cssload-loader .cssload-line:nth-child(3) {
  top: 16px;

  left: 50%;

  width: 2px;

  height: 10px;
}

.cssload-loader .cssload-line:nth-child(4) {
  transform: rotate(135deg);

  -o-transform: rotate(135deg);

  -ms-transform: rotate(135deg);

  -webkit-transform: rotate(135deg);

  -moz-transform: rotate(135deg);

  right: 32px;

  top: 32px;
}

.cssload-loader .cssload-line:nth-child(5) {
  right: 16px;

  top: 50%;

  margin-top: -1px;
}

.cssload-loader .cssload-line:nth-child(6) {
  transform: rotate(45deg);

  -o-transform: rotate(45deg);

  -ms-transform: rotate(45deg);

  -webkit-transform: rotate(45deg);

  -moz-transform: rotate(45deg);

  right: 32px;

  bottom: 32px;

  background: rgb(232, 21, 18);
}

.cssload-loader .cssload-subline {
  position: absolute;

  width: 3px;

  height: 2px;

  background: rgb(255, 255, 255);
}

.cssload-loader .cssload-subline:nth-child(7) {
  transform: rotate(22.5deg);

  -o-transform: rotate(22.5deg);

  -ms-transform: rotate(22.5deg);

  -webkit-transform: rotate(22.5deg);

  -moz-transform: rotate(22.5deg);

  left: 20px;

  top: 49px;
}

.cssload-loader .cssload-subline:nth-child(8) {
  transform: rotate(67.5deg);

  -o-transform: rotate(67.5deg);

  -ms-transform: rotate(67.5deg);

  -webkit-transform: rotate(67.5deg);

  -moz-transform: rotate(67.5deg);

  left: 49px;

  top: 20px;
}

.cssload-loader .cssload-subline:nth-child(9) {
  transform: rotate(112.5deg);

  -o-transform: rotate(112.5deg);

  -ms-transform: rotate(112.5deg);

  -webkit-transform: rotate(112.5deg);

  -moz-transform: rotate(112.5deg);

  right: 49px;

  top: 20px;
}

.cssload-loader .cssload-subline:nth-child(10) {
  transform: rotate(157.5deg);

  -o-transform: rotate(157.5deg);

  -ms-transform: rotate(157.5deg);

  -webkit-transform: rotate(157.5deg);

  -moz-transform: rotate(157.5deg);

  right: 20px;

  top: 49px;
}

.cssload-loader .cssload-subline:nth-child(11) {
  transform: rotate(22.5deg);

  -o-transform: rotate(22.5deg);

  -ms-transform: rotate(22.5deg);

  -webkit-transform: rotate(22.5deg);

  -moz-transform: rotate(22.5deg);

  right: 19px;

  bottom: 48px;

  background: rgb(232, 21, 18);
}

.cssload-loader .cssload-needle {
  width: 14px;

  height: 14px;

  border: 1px rgb(255, 255, 255) solid;

  position: absolute;

  left: 50%;

  top: 50%;

  margin: -8px 0 0 -8px;

  z-index: 1;

  border-radius: 50%;

  -o-border-radius: 50%;

  -ms-border-radius: 50%;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  animation: pegIt 3.45s infinite ease-in-out;

  -o-animation: pegIt 3.45s infinite ease-in-out;

  -ms-animation: pegIt 3.45s infinite ease-in-out;

  -webkit-animation: pegIt 3.45s infinite ease-in-out;

  -moz-animation: pegIt 3.45s infinite ease-in-out;
}

.cssload-loader .cssload-needle:before {
  content: '';

  width: 0;

  height: 0;

  border-style: solid;

  border-width: 3.5px 49px 3.5px 0;

  border-color: transparent rgb(232, 21, 18) transparent transparent;

  position: absolute;

  right: 50%;

  top: 50%;

  margin: -3.5px 0 0 0;

  border-radius: 0 50% 50% 0;

  -o-border-radius: 0 50% 50% 0;

  -ms-border-radius: 0 50% 50% 0;

  -webkit-border-radius: 0 50% 50% 0;

  -moz-border-radius: 0 50% 50% 0;
}

@keyframes pegIt {
  0% {
    transform: rotate(0deg);
  }

  16% {
    transform: rotate(75deg);
  }

  25% {
    transform: rotate(55deg);
  }

  30% {
    transform: rotate(90deg);
  }

  36% {
    transform: rotate(170deg);
  }

  42% {
    transform: rotate(150deg);
  }

  50% {
    transform: rotate(227deg);
  }

  100% {
    transform: rotate(0deg);
  }
}

@-o-keyframes pegIt {
  0% {
    -o-transform: rotate(0deg);
  }

  16% {
    -o-transform: rotate(75deg);
  }

  25% {
    -o-transform: rotate(55deg);
  }

  30% {
    -o-transform: rotate(90deg);
  }

  36% {
    -o-transform: rotate(170deg);
  }

  42% {
    transform: rotate(150deg);
  }

  50% {
    -o-transform: rotate(227deg);
  }

  100% {
    -o-transform: rotate(0deg);
  }
}

@-ms-keyframes pegIt {
  0% {
    -ms-transform: rotate(0deg);
  }

  16% {
    -ms-transform: rotate(75deg);
  }

  25% {
    -ms-transform: rotate(55deg);
  }

  30% {
    -ms-transform: rotate(90deg);
  }

  36% {
    -ms-transform: rotate(170deg);
  }

  42% {
    transform: rotate(150deg);
  }

  50% {
    -ms-transform: rotate(227deg);
  }

  100% {
    -ms-transform: rotate(0deg);
  }
}

@-webkit-keyframes pegIt {
  0% {
    -webkit-transform: rotate(0deg);
  }

  16% {
    -webkit-transform: rotate(75deg);
  }

  25% {
    -webkit-transform: rotate(55deg);
  }

  30% {
    -webkit-transform: rotate(90deg);
  }

  36% {
    -webkit-transform: rotate(170deg);
  }

  42% {
    transform: rotate(150deg);
  }

  50% {
    -webkit-transform: rotate(227deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
  }
}

@-moz-keyframes pegIt {
  0% {
    -moz-transform: rotate(0deg);
  }

  16% {
    -moz-transform: rotate(75deg);
  }

  25% {
    -moz-transform: rotate(55deg);
  }

  30% {
    -moz-transform: rotate(90deg);
  }

  36% {
    -moz-transform: rotate(170deg);
  }

  42% {
    transform: rotate(150deg);
  }

  50% {
    -moz-transform: rotate(227deg);
  }

  100% {
    -moz-transform: rotate(0deg);
  }
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg);
  }

  100% {
    -o-transform: rotate(360deg);
  }
}

@-ms-keyframes spin {
  0% {
    -ms-transform: rotate(0deg);
  }

  100% {
    -ms-transform: rotate(360deg);
  }
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
  }
}

@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(360deg);
  }
}

/*banner图样式*/
.callbacks_container {
  position: relative;
  /*  float: left;*/
  width: 100%;
  max-width: 100%;
  text-align: center;
  /*  padding-top:100px;*/
  /*  padding-bottom:60px;*/
  /*overflow:hidden;*/
}

.callbacks {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
}

.callbacks li {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
}

.callbacks img {
  display: block;
  position: relative;
  z-index: 1;
  height: auto;
  width: 100%;
  border: 0;
}

.callbacks .caption {
  display: block;
  position: absolute;
  z-index: 2;
  font-size: 20px;
  text-shadow: none;
  color: #fff;
  background: #000;
  background: rgba(0, 0, 0, 0.8);
  left: 0;
  right: 0;
  bottom: 0;
  padding: 10px 20px;
  margin: 0;
  max-width: none;
}

.callbacks_nav {
  position: absolute;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  top: 50%;
  left: 0;
  opacity: 0.6;
  z-index: 3;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 61px;
  width: 38px;
  background: transparent url(../images/themes.gif) no-repeat left top;
  margin-top: -30px;
  display: none;
}

.callbacks_container:hover .callbacks_nav {
  display: block;
}

.callbacks_nav:active {
  opacity: 1;
}

.callbacks_nav.next {
  left: auto;
  background-position: right top;
  right: 0;
}

.callbacks_tabs.callbacks1_tabs {
  margin-top: -40px;
  position: relative;
  z-index: 100;
  margin-bottom: 18px;
  text-align: center;
}

.callbacks_tabs.callbacks1_tabs li {
  display: inline-block;
  width: 35px;
  height: 2px;
  margin-left: 12px;
  /*border-radius:10px;*/
  border: 1px solid #2c8ee1;
  background: #2c8ee1;
  position: relative;
}

.callbacks_tabs.callbacks1_tabs li a {
  display: inline-block;
  width: 40px;
  height: 2px;
  /*border-radius:10px;*/
  position: absolute;
  left: -1px;
  top: -1px;
  z-index: 1000;
  color: rgba(100, 200, 300, 0);
  color: transparent;
}

.callbacks_tabs.callbacks1_tabs li.callbacks_here a {
  width: 40px;
  height: 2px;
  background: #ffffff;
}

/*新闻资讯*/

.news {
  max-width: 1920px;

  margin: auto;
}

.news .bjcolor {
  background-color: #fff;

  min-height: 100px;
}

.news .left-nav {
  padding: 5% 0;
}

.news .left-nav .first {
  width: 100%;
}

.news .left-nav .first dt {
  line-height: 30px;
  padding: 6% 0;

  color: #232323;

  text-align: center;

  cursor: pointer;

  border-left: 3px solid #f6f6f6;
}

.news .left-nav .first dt a {
  color: #777;
  font-size: 1em;
}

.news .left-nav .first dt a:hover {
  color: #337ab7;
}

.news .left-nav .first .click {
  background-color: #fff;

  border-left: 4px solid #31b0d5;
}

.news .left-nav .first dt:hover {
  background-color: #fff;

  border-left: 4px solid #31b0d5;
}

.news .left-nav .first .second {
  max-height: 300px;

  background-color: #fff;

  overflow-y: auto;

  display: none;
}

.news .left-nav .first .second ul li {
  padding: 0 5px;

  border-bottom: 1px solid #eee;
}

.news .left-nav .first .second ul li a {
  padding: 6% 0;

  text-align: center;

  color: #777;

  display: block;

  font-size: 0.8em;
}

.news .left-nav .first .second ul li a:hover {
  color: #2d8fe2;
}

/*移动端新闻分类菜单*/
.news .m_left_nav {
  padding: 4%;
  margin-top: 15px;
}

.news .m_left_nav li {
  margin: 0.5em 1em;
}

.news .m_left_nav .hasline {
  border-bottom: 2px solid #337ab7;
  padding-bottom: 0.2em;
}

.news .m_left_nav li a {
  color: #777;
  font-size: 1.1em;
}

.news .m_left_nav li a:hover {
  color: #337ab7;
  font-size: 1.1em;
}

/*移动端分类当前样式*/

a.m_left_style:link,
a.m_left_style:visited,
a.m_left_style:active {
  color: #31b0d5;
  font-weight: bold;
}

a.m_left_style:hover {
  color: #31b0d5;
  font-weight: bold;
}

.news .news_text {
  padding: 3% 3% 5% 3%;
}

.news .news_text dl {
  padding: 0;
  border: 1px solid #ccc;
  margin-bottom: 1.8em;
  box-shadow: 5px 5px 10px #bbb;
}

.news .news_text dl dt {
  overflow: hidden;
  position: relative;
}

.news .news_text dl dt span {
  position: absolute;
  top: 0;
  left: 0;
  color: #fff;
  background: #2d8fe2;
  background-color: rgba(45, 143, 226, 0.6);
  padding: 0.6em;
  text-align: center;
}

.news .news_text dl dt span h4 {
  font-size: 1.6em;
  text-align: center;
}

.news .news_text dl dt img {
  transition: all 0.6s;
}

.news .news_text dl dt img:hover {
  transform: scale(1.5);
}

.news .news_text dl .firstdd {
  background: #e5e5e5;
  text-align: left;
  font-size: 1.2em;
  padding: 1.5em 1.5em 2.5em 1.5em;
  font-weight: bold;
  /*height:300px;
	overflow:hidden;*/
}

.news .news_text dl .firstdd a {
  color: #777;
}

.news .news_text dl .firstdd a:hover {
  color: #337ab7;
}

.news .news_text dl .firstdd .text {
  line-height: 1.8em;
  margin-top: 1em;
  margin-bottom: 1em;
  color: #969696;
  text-indent: 2em;
  height: 280px;
  overflow: hidden;
}

.news .news_text dl .firstdd font {
  display: block;
  float: right;
  font-family: Verdana, Geneva, sans-serif;
  font-style: italic;
}

.news .news_text dl .firstdd font a {
  color: #777;
}

.news .news_text dl .firstdd font a:hover {
  color: #2d8fe2;
}

.news .news_text .mainnews {
  position: relative;
  padding: 8px;
  margin-bottom: 12em;
}

.news .news_text .mainnews span {
  position: absolute;
  top: 38px;
  left: 38px;
  color: #fff;
  background: #2d8fe2;
  background-color: rgba(45, 143, 226, 0.75);
  padding: 0.8em;
  text-align: center;
}

.news .news_text .mainnews .textcontent {
  position: absolute;
  top: 30%;
  left: 30%;
}

.news .news_text .mainnews .textcontent h3 {
  font-size: 1.8em;
  line-height: 1.3em;
  /* text-shadow: 5px 5px 10px #333; */
}

.news .news_text .mainnews .textcontent h3:hover {
  text-shadow: 5px 5px 10px #999;
}

.news .news_text .mainnews .textcontent h3 a {
  color: #fc472b;
  font-weight: 800;
}

.news .news_text .mainnews .textcontent h3 a:hover {
  color: #2d8fe2;
}

.news .news_text .mainnews .textcontent .subtextcontent {
  margin-top: 2em;
  background-color: rgba(53, 51, 62, 0.75);
  box-shadow: 5px 5px 10px #bbb;
  overflow: hidden;
}

.news .news_text .mainnews .textcontent .subtextcontent font {
  display: block;

  float: right;
  font-family: Verdana, Geneva, sans-serif;
  font-style: italic;
  margin: 1em;
}

.news .news_text .mainnews .textcontent .subtextcontent font a {
  color: #fff;
}

.news .news_text .mainnews .textcontent .subtextcontent font a:hover {
  color: #2d8fe2;
}

.news .news_text .mainnews .textcontent .subtextcontent .txt {
  text-indent: 2em;
  color: #fff;
  padding: 1.4em 1.4em 0 1.4em;
  line-height: 1.8em;
}

.news .news_text .mainnews .kline {
  position: absolute;
  top: 0;
  left: 0;
  width: 25%;
  height: 250px;
  border-top: 3px solid #2d8fe2;
  border-left: 3px solid #2d8fe2;
}

.news .news_text .mainnews .imgcontent {
  text-align: left;
  margin: 30px 0 0 30px;
}

.news .news_text .mainnews .imgcontent .innerimgcontent {
  width: 60%;
  overflow: hidden;
  box-shadow: 5px 5px 10px #bbb;
}

.news .news_text .mainnews .imgcontent .innerimgcontent img {
  transition: all 0.6s;
}

.news .news_text .mainnews .imgcontent .innerimgcontent img:hover {
  transform: scale(1.2);
}

/*新闻正文*/
.news .news_text_content {
  padding: 3% 3% 5% 3%;
}

.news .news_text_content h1 {
  font-size: 1em;
  color: #969696;
}

.news .news_text_content h2 {
  font-size: 1.5em;
  color: #777;
  border-bottom: 1px solid #e8e8e8;
  line-height: 1.4em;
  padding: 0.8em 0 0.8em 0;
}

.news .news_text_content .newshare {
  text-align: right;
  height: 32px;
  line-height: 28px;
  margin-top: 1.5em;
  /*background:url(../images/news_share.png) right center no-repeat;*/
}

.news .news_text_content .newshare span {
  cursor: pointer;
}

.news .news_text_content .zscontent {
  color: #969696;
  line-height: 1.8em;
  text-indent: 2em;
  margin-top: 2em;
  margin-bottom: 2em;
  font-size: 1em;
}

.news .news_text_content .zscontent p {
  text-indent: 2em;
}

.news .news_text_content .zscontent img {
  display: block;
  margin: 1.5em auto;
  width: 100%;
  height: auto;
}

.news .news_text_content .prenext {
  text-align: right;
}

.news .news_text_content .prenext a {
  margin-top: 1em;
  display: block;
  font-size: 1.1em;
  color: #777;
}

.news .news_text_content .prenext a:hover {
  color: #337ab7;
}

.news .news_text_content .xgnews h1 {
  font-size: 1.5em;
  color: #777;
  border-bottom: 1px solid #e8e8e8;
  line-height: 1.4em;
  padding: 0.8em 0 0.8em 0;
  margin-top: 1.8em;
  text-align: left;
}

.news .news_text_content .xgnews h1 a {
  float: right;
  font-size: 0.6em;
  color: #777;
  font-style: italic;
}

.news .news_text_content .xgnews h1 a:hover,
.news .news_text_content .xgnews h1 a:active {
  color: #337ab7;
}

.news .news_text_content .xgnews h1 a:visited {
  color: #777;
}

.news .news_text_content .xgnews .xglist {
  /*border:1px solid #F00;*/
}

.news .news_text_content .xgnews .xglist dl {
  padding: 0;
  border: 1px solid #ccc;
  margin-top: 1.8em;
  box-shadow: 5px 5px 10px #bbb;
}

.news .news_text_content .xgnews .xglist dl dt {
  overflow: hidden;
  position: relative;
}

.news .news_text_content .xgnews .xglist dl dt span {
  position: absolute;
  top: 0;
  left: 0;
  color: #fff;
  background: #2d8fe2;
  background-color: rgba(45, 143, 226, 0.6);
  padding: 0.6em;
  text-align: center;
}

.news .news_text_content .xgnews .xglist dl dt span h4 {
  font-size: 1.6em;
  text-align: center;
}

.news .news_text_content .xgnews .xglist dl dt img {
  transition: all 0.6s;
}

.news .news_text_content .xgnews .xglist dl dt img:hover {
  transform: scale(1.5);
}

.news .news_text_content .xgnews .xglist dl .firstdd {
  background: #e5e5e5;
  text-align: left;
  font-size: 1.2em;
  padding: 1.5em 1.5em 2.5em 1.5em;
  /*height:220px;
	overflow:hidden;*/
}

.news .news_text_content .xgnews .xglist dl .firstdd a {
  color: #777;
}

.news .news_text_content .xgnews .xglist dl .firstdd a:hover {
  color: #337ab7;
}

.news .news_text_content .xgnews .xglist dl .firstdd .text {
  line-height: 1.8em;
  margin-top: 1em;
  margin-bottom: 1em;
  color: #969696;
  text-indent: 2em;
  height: 150px;
  overflow: hidden;
}

.news .news_text_content .xgnews .xglist dl .firstdd font {
  display: block;
  float: right;
  font-family: Verdana, Geneva, sans-serif;
  font-style: italic;
}

.news .news_text_content .xgnews .xglist dl .firstdd font a {
  color: #777;
}

.news .news_text_content .xgnews .xglist dl .firstdd font a:hover {
  color: #2d8fe2;
}

/*互动专题*/
.topic {
  max-width: 1920px;

  margin: auto;
}

.topic .bjcolor {
  background-color: #fff;

  min-height: 100px;
}

.topic .left-nav {
  padding: 5% 0;
}

.topic .left-nav .first {
  width: 100%;
}

.topic .left-nav .first dt {
  line-height: 30px;
  padding: 6% 0;

  color: #232323;

  text-align: center;

  cursor: pointer;

  border-left: 3px solid #f6f6f6;
}

.topic .left-nav .first dt a {
  color: #777;
  font-size: 1em;
}

.topic .left-nav .first dt a:hover {
  color: #337ab7;
}

.topic .left-nav .first .click {
  background-color: #fff;

  border-left: 4px solid #31b0d5;
}

.topic .left-nav .first dt:hover {
  background-color: #fff;

  border-left: 4px solid #31b0d5;
}

.topic .left-nav .first .second {
  max-height: 300px;

  background-color: #fff;

  overflow-y: auto;

  display: none;
}

.topic .left-nav .first .second ul li {
  padding: 0 5px;

  border-bottom: 1px solid #eee;
}

.topic .left-nav .first .second ul li a {
  padding: 6% 0;

  text-align: center;

  color: #777;

  display: block;

  font-size: 0.8em;
}

.topic .left-nav .first .second ul li a:hover {
  color: #2d8fe2;
}

/*移动端互动专题分类菜单*/
.topic .m_left_nav {
  padding: 4%;
  margin-top: 15px;
}

.topic .m_left_nav li {
  margin: 0.5em 1em;
}

.topic .m_left_nav .hasline {
  border-bottom: 2px solid #337ab7;
  padding-bottom: 0.2em;
}

.topic .m_left_nav li a {
  color: #777;
  font-size: 1.1em;
}

.topic .m_left_nav li a:hover {
  color: #337ab7;
  font-size: 1.1em;
}

.topic .topic_text {
  padding: 3% 3% 5% 3%;
}

.topic .topic_text dl {
  padding: 0;
  border: 1px solid #ccc;
  margin-bottom: 1.8em;
  box-shadow: 5px 5px 10px #bbb;
}

.topic .topic_text dl dt {
  overflow: hidden;
  position: relative;
}

.topic .topic_text dl dt span {
  position: absolute;
  top: 0;
  left: 0;
  color: #fff;
  background: #2d8fe2;
  background-color: rgba(45, 143, 226, 0.6);
  padding: 0.6em;
  text-align: center;
}

.topic .topic_text dl dt span h4 {
  font-size: 1.6em;
  text-align: center;
}

.topic .topic_text dl dt img {
  transition: all 0.6s;
}

.topic .topic_text dl dt img:hover {
  transform: scale(1.5);
}

.topic .topic_text dl .firstdd {
  background: #e5e5e5;
  text-align: left;
  font-size: 0.875em;
  padding: 1.5em 1.5em 2.5em 1.5em;
}

.topic .topic_text dl .firstdd a {
  color: #777;
  font-size: 1.5em;
  font-weight: bold;
}

.topic .topic_text dl .firstdd a:hover {
  color: #337ab7;
  font-size: 1.5em;
}

.topic .topic_text dl .firstdd .text {
  line-height: 1.8em;
  margin-top: 1em;
  margin-bottom: 1em;
  color: #969696;
  text-indent: 2em;
  height: 200px;
  overflow: hidden;
  font-size: 1.3em;
}

.topic .topic_text dl .firstdd font {
  display: block;
  float: right;
  font-family: Verdana, Geneva, sans-serif;
  font-style: italic;
}

.topic .topic_text dl .firstdd font a {
  color: #777;
}

.topic .topic_text dl .firstdd font a:hover {
  color: #2d8fe2;
}

/*互动专题正文*/
.topic .topic_text_content {
  padding: 3% 3% 5% 3%;
}

.topic .topic_text_content h1 {
  font-size: 1em;
  color: #969696;
}

.topic .topic_text_content h2 {
  font-size: 1.5em;
  color: #777;
  border-bottom: 1px solid #e8e8e8;
  line-height: 1.4em;
  padding: 0.8em 0 0.8em 0;
}

.topic .topic_text_content .topichare {
  text-align: right;
  height: 32px;
  line-height: 28px;
  margin-top: 1.5em;
  /*background:url(../images/news_share.png) right center no-repeat;*/
}

.topic .topic_text_content .topichare span {
  cursor: pointer;
}

.topic .topic_text_content .zscontent {
  color: #969696;
  line-height: 1.8em;
  text-indent: 2em;
  margin-top: 2em;
  margin-bottom: 2em;
  font-size: 1.3em;
}

.topic .topic_text_content .zscontent p {
  text-indent: 2em;
}

.topic .topic_text_content .zscontent img {
  display: block;
  margin: 1.5em auto;
  width: 100%;
  height: auto;
}

.topic .topic_text_content .prenext {
  text-align: right;
}

.topic .topic_text_content .prenext a {
  margin-top: 1em;
  display: block;
  font-size: 1.3em;
  color: #777;
}

.topic .topic_text_content .prenext a:hover {
  color: #337ab7;
  font-size: 1.3em;
}

.topic .topic_text_content .xgtopic h1 {
  font-size: 1.5em;
  color: #777;
  border-bottom: 1px solid #e8e8e8;
  line-height: 1.4em;
  padding: 0.8em 0 0.8em 0;
  margin-top: 1.8em;
  text-align: left;
}

.topic .topic_text_content .xgtopic h1 a {
  float: right;
  font-size: 0.6em;
  color: #777;
  font-style: italic;
}

.topic .topic_text_content .xgtopic h1 a:hover,
.topic .topic_text_content .xgtopic h1 a:active {
  color: #337ab7;
}

.topic .topic_text_content .xgtopic h1 a:visited {
  color: #777;
}

.topic .topic_text_content .xgtopic .xglist {
  /*border:1px solid #F00;*/
}

.topic .topic_text_content .xgtopic .xglist dl {
  padding: 0;
  border: 1px solid #ccc;
  margin-top: 1.8em;
  box-shadow: 5px 5px 10px #bbb;
}

.topic .topic_text_content .xgtopic .xglist dl dt {
  overflow: hidden;
  position: relative;
}

.topic .topic_text_content .xgtopic .xglist dl dt span {
  position: absolute;
  top: 0;
  left: 0;
  color: #fff;
  background: #2d8fe2;
  background-color: rgba(45, 143, 226, 0.6);
  padding: 0.6em;
  text-align: center;
}

.topic .topic_text_content .xgtopic .xglist dl dt span h4 {
  font-size: 1.6em;
  text-align: center;
}

.topic .topic_text_content .xgtopic .xglist dl dt img {
  transition: all 0.6s;
}

.topic .topic_text_content .xgtopic .xglist dl dt img:hover {
  transform: scale(1.5);
}

.topic .topic_text_content .xgtopic .xglist dl .firstdd {
  background: #e5e5e5;
  text-align: left;
  font-size: 0.875em;
  padding: 1.5em 1.5em 2.5em 1.5em;
}

.topic .topic_text_content .xgtopic .xglist dl .firstdd a {
  color: #777;
  font-size: 1.3em;
  font-weight: bold;
}

.topic .topic_text_content .xgtopic .xglist dl .firstdd a:hover {
  color: #337ab7;
}

.topic .topic_text_content .xgtopic .xglist dl .firstdd .text {
  line-height: 1.8em;
  margin-top: 1em;
  margin-bottom: 1em;
  color: #969696;
  text-indent: 2em;
  font-size: 1.3em;
  height: 250px;
  overflow: hidden;
}

.topic .topic_text_content .xgtopic .xglist dl .firstdd font {
  display: block;
  float: right;
  font-family: Verdana, Geneva, sans-serif;
  font-style: italic;
}

.topic .topic_text_content .xgtopic .xglist dl .firstdd font a {
  color: #777;
}

.topic .topic_text_content .xgtopic .xglist dl .firstdd font a:hover {
  color: #2d8fe2;
}

/*vr悦读*/
.reading {
  max-width: 1920px;

  margin: auto;
}

.reading .bjcolor {
  background-color: #fff;

  min-height: 100px;
}

.reading .left-nav {
  padding: 5% 0;
}

.reading .left-nav .first {
  width: 100%;
}

.reading .left-nav .first dt {
  line-height: 30px;
  padding: 6% 0;

  color: #232323;

  text-align: center;

  cursor: pointer;

  border-left: 3px solid #f6f6f6;
}

.reading .left-nav .first dt a {
  color: #777;
  font-size: 1em;
}

.reading .left-nav .first dt a:hover {
  color: #337ab7;
}

.reading .left-nav .first .click {
  background-color: #fff;

  border-left: 4px solid #31b0d5;
}

.reading .left-nav .first dt:hover {
  background-color: #fff;

  border-left: 4px solid #31b0d5;
}

.reading .left-nav .first .second {
  max-height: 300px;

  background-color: #fff;

  overflow-y: auto;

  display: none;
}

.reading .left-nav .first .second ul li {
  padding: 0 5px;

  border-bottom: 1px solid #eee;
}

.reading .left-nav .first .second ul li a {
  padding: 6% 0;

  text-align: center;

  color: #777;

  display: block;

  font-size: 0.8em;
}

.reading .left-nav .first .second ul li a:hover {
  color: #2d8fe2;
}

/*移动端vr悦读分类菜单*/
.reading .m_left_nav {
  padding: 4%;
  margin-top: 15px;
}

.reading .m_left_nav li {
  margin: 0.5em 1em;
}

.reading .m_left_nav .hasline {
  border-bottom: 2px solid #337ab7;
  padding-bottom: 0.2em;
}

.reading .m_left_nav li a {
  color: #777;
  font-size: 1.1em;
}

.reading .m_left_nav li a:hover {
  color: #337ab7;
  font-size: 1.1em;
}

.reading .reading_text {
  padding: 3% 3% 5% 3%;
}

.reading .reading_text dl {
  position: relative;
  padding: 0;
  margin-bottom: 1.8em;
  box-shadow: 0 0 15px #bbb;
  padding: 1.5em 1.5em 1.5em 1.5em;
}

.reading .reading_text dl dt {
  overflow: hidden;
}

.reading .reading_text dl dt span {
  position: absolute;
  top: 0;
  left: 0;
  color: #fff;
  background: #2d8fe2;
  background-color: rgba(45, 143, 226, 0.6);
  padding: 0.6em;
  text-align: center;
}

.reading .reading_text dl dt span h4 {
  font-size: 1.6em;
  text-align: center;
}

.reading .reading_text dl dt img {
  transition: all 0.6s;
}

.reading .reading_text dl dt img:hover {
  transform: scale(1.5);
}

.reading .reading_text dl .firstdd {
  text-align: left;
  font-size: 1.2em;
}

.reading .reading_text dt a {
  color: #777;
  font-size: 1.2em;
  font-weight: bold;
}

.reading .reading_text dt a:hover {
  color: #337ab7;
  font-size: 1.2em;
}

.reading .reading_text dl .firstdd a {
  color: #777;
}

.reading .reading_text dl .firstdd a:hover {
  color: #337ab7;
}

.reading .reading_text dl .firstdd .text {
  line-height: 1.8em;
  margin-top: 1em;
  margin-bottom: 1em;
  color: #969696;
  text-indent: 2em;
  height: 180px;
  overflow: hidden;
}

.reading .reading_text dl .firstdd font {
  display: block;
  float: right;
  font-family: Verdana, Geneva, sans-serif;
  font-style: italic;
}

.reading .reading_text dl .firstdd font a {
  color: #777;
}

.reading .reading_text dl .firstdd font a:hover {
  color: #2d8fe2;
}

/*VR悦读正文*/
.reading .reading_text_content {
  padding: 3% 3% 5% 3%;
}

.reading .reading_text_content h1 {
  font-size: 1em;
  color: #969696;
}

.reading .reading_text_content h2 {
  font-size: 1.5em;
  color: #777;
  border-bottom: 1px solid #e8e8e8;
  line-height: 1.4em;
  padding: 0.8em 0 0.8em 0;
}

.reading .reading_text_content .readinghare {
  text-align: right;
  height: 32px;
  line-height: 28px;
  margin-top: 1.5em;
  /*background:url(../images/news_share.png) right center no-repeat;*/
}

.reading .reading_text_content .readinghare span {
  cursor: pointer;
}

.reading .reading_text_content .zscontent {
  color: #969696;
  line-height: 1.8em;
  text-indent: 2em;
  margin-top: 2em;
  margin-bottom: 2em;
  font-size: 0.875em;
}

.reading .reading_text_content .zscontent p {
  text-indent: 2em;
}

.reading .reading_text_content .zscontent img {
  display: block;
  margin: 1.5em auto;
  width: 100%;
  height: auto;
}

.reading .reading_text_content .prenext {
  text-align: right;
}

.reading .reading_text_content .prenext a {
  margin-top: 1em;
  display: block;
  font-size: 0.875em;
  color: #777;
}

.reading .reading_text_content .prenext a:hover {
  color: #337ab7;
}

.reading .reading_text_content .xgreading h1 {
  font-size: 1.5em;
  color: #777;
  border-bottom: 1px solid #e8e8e8;
  line-height: 1.4em;
  padding: 0.8em 0 0.8em 0;
  margin-top: 1.8em;
  text-align: left;
}

.reading .reading_text_content .xgreading h1 a {
  float: right;
  font-size: 0.6em;
  color: #777;
  font-style: italic;
}

.reading .reading_text_content .xgreading h1 a:hover,
.reading .reading_text_content .xgreading h1 a:active {
  color: #337ab7;
}

.reading .reading_text_content .xgreading h1 a:visited {
  color: #777;
}

.reading .reading_text_content .xgreading .xglist {
  /*border:1px solid #F00;*/
}

.reading .reading_text_content .xgreading .xglist dl {
  padding: 0;
  /*margin-bottom:1.8em;*/
  margin-top: 1.8em;
  box-shadow: 0 0 15px #bbb;
  padding: 1.5em 1.5em 1.5em 1.5em;
}

.reading .reading_text_content .xgreading .xglist dl dt {
  overflow: hidden;
}

.reading .reading_text_content .xgreading .xglist dl dt span {
  position: absolute;
  top: 0;
  left: 0;
  color: #fff;
  background: #2d8fe2;
  background-color: rgba(45, 143, 226, 0.6);
  padding: 0.6em;
  text-align: center;
}

.reading .reading_text_content .xgreading .xglist dl dt span h4 {
  font-size: 1.6em;
  text-align: center;
}

.reading .reading_text_content .xgreading .xglist dl dt img {
  transition: all 0.6s;
}

.reading .reading_text_content .xgreading .xglist dl dt img:hover {
  transform: scale(1.5);
}

.reading .reading_text_content .xgreading .xglist dl .firstdd {
  text-align: left;
  font-size: 0.875em;
}

.reading .reading_text_content .xgreading .xglist dt a {
  color: #777;
}

.reading .reading_text_content .xgreading .xglist dt a:hover {
  color: #337ab7;
}

.reading .reading_text_content .xgreading .xglist dl .firstdd a {
  color: #777;
}

.reading .reading_text_content .xgreading .xglist dl .firstdd a:hover {
  color: #337ab7;
}

.reading .reading_text_content .xgreading .xglist dl .firstdd .text {
  line-height: 1.8em;
  margin-top: 1em;
  margin-bottom: 1em;
  color: #969696;
  text-indent: 2em;
  height: 180px;
  overflow: hidden;
}

.reading .reading_text_content .xgreading .xglist dl .firstdd font {
  display: block;
  float: right;
  font-family: Verdana, Geneva, sans-serif;
  font-style: italic;
}

.reading .reading_text_content .xgreading .xglist dl .firstdd font a {
  color: #777;
}

.reading .reading_text_content .xgreading .xglist dl .firstdd font a:hover {
  color: #2d8fe2;
}

.videoshow {
  margin-bottom: 70px;
}

.videoshow h1 {
  font-size: 1em;
  margin-top: 2em;
  margin-left: 1em;
}

.videoshow h2 {
  margin-top: 1em;
  font-size: 1em;
  line-height: 28px;
  margin-left: 1em;
}

.videoshow video {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  -ms-overflow-style: scrollbar;
  line-height: 0;
  border: 2px solid #009be3;
}

.videoshow .video_c {
}

.videoshow .video_c .video_tvc {
  object-fit: fill;
}

.videoshow .video_c .video_tvc_ie {
  object-fit: cover;
  object-position: left top;
  font-family: 'object-fit:cover;object-position:left top';
}

video::-internal-media-controls-download-button {
  display: none;
}

video::-webkit-media-controls-enclosure {
  overflow: hidden;
}

video::-webkit-media-controls-panel {
  width: calc(100% + 30px);
}

/*后台分页样式二start*/
.jogger {
  /*padding-right: 2px; */
  padding-left: 2px;
  padding-bottom: 2px;
  margin: 7px 0 7px 0;
  padding-top: 2px;
  font-family: 'Lucida Sans Unicode', 'Lucida Grande', LucidaGrande, 'Lucida Sans', Geneva, Verdana, sans-serif;
}

.jogger a {
  padding-right: 0.64em;
  padding-left: 0.64em;
  padding-bottom: 0.43em;
  margin: 2px;
  color: #fff;
  padding-top: 0.5em;
  background-color: #1a7ed3;
  text-decoration: none;
  border-radius: 4px;
  border: 1px solid #1470bd;
}

.jogger a:hover {
  padding-right: 0.64em;
  padding-left: 0.64em;
  padding-bottom: 0.43em;
  margin: 2px;
  color: #fff;
  padding-top: 0.5em;
  background-color: #1470bd;
  border-radius: 4px;
  border: 1px solid #1470bd;
}

.jogger a:active {
  padding-right: 0.64em;
  padding-left: 0.64em;
  padding-bottom: 0.43em;
  margin: 2px;
  color: #fff;
  padding-top: 0.5em;
  background-color: #ccc;
  border-radius: 4px;
  border: 1px solid #ccc;
}

.jogger span.currentpage {
  padding-right: 0.64em;
  padding-left: 0.64em;
  padding-bottom: 0.43em;
  margin: 2px;
  color: #6d643c;
  padding-top: 0.5em;
  background-color: #ccc;
  color: #000;
  border-radius: 4px;
  border: 1px solid #ccc;
}

/*end*/

.news .pages {
  margin-top: 2.5em;
  text-align: right;
}

.topic .pages {
  margin-top: 2.5em;
  text-align: right;
}

.reading .pages {
  margin-top: 2.5em;
  text-align: right;
}

.livelist .pages {
  margin-top: 2.5em;
  text-align: right;
}

/*分享*/
.share_list {
  text-align: right;
}

.share_list span {
  margin: 0 5px;
  cursor: pointer;
  height: 32px;
  line-height: 28px;
  margin-top: 1.5em;
}

.share_list .wx-friend-icon {
  background: #1cb526;
  display: inline-block;
  width: 26px;
  height: 26px;
  padding: 5px;
  vertical-align: middle;
  border-radius: 50%;
}

.share_list .wx-friend-icon img {
  padding: 0;
  margin: 0;
  display: block;
  width: 100%;
  height: auto;
}

.share_list .wx-ring-icon {
  background: #1cb526;
  display: inline-block;
  width: 26px;
  height: 26px;
  padding: 5px;
  vertical-align: middle;
  border-radius: 50%;
}

.share_list .wx-ring-icon img {
  padding: 0;
  margin: 0;
  display: block;
  width: 100%;
  height: auto;
}

.share_list .qq-icon {
  background: #2e8efc;
  display: inline-block;
  width: 26px;
  height: 26px;
  padding: 5px;
  vertical-align: middle;
  border-radius: 50%;
}

.share_list .qq-icon img {
  padding: 0;
  margin: 0;
  display: block;
  width: 100%;
  height: auto;
}

.share_list .qzone-icon {
  background: #fae033;
  display: inline-block;
  width: 26px;
  height: 26px;
  padding: 5px;
  vertical-align: middle;
  border-radius: 50%;
}

.share_list .qzone-icon img {
  padding: 0;
  margin: 0;
  display: block;
  width: 100%;
  height: auto;
}

.share_list .weibo-icon {
  background: #df4d69;
  display: inline-block;
  width: 26px;
  height: 26px;
  padding: 5px;
  vertical-align: middle;
  border-radius: 50%;
}

.share_list .weibo-icon img {
  padding: 0;
  margin: 0;
  display: block;
  width: 100%;
  height: auto;
}

.livelist {
  padding-top: 4%;
  padding-bottom: 4%;
}

@media (max-width: 767px) {
  .livelist {
    padding-top: 16%;
    padding-bottom: 16%;
  }
}

.livelist .imgc .imgc_a {
  margin: 0 15px 35px 15px;
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
}

.livelist .imgc .imgc_a .imc_a_1 {
  /*margin:0 15px 15px 15px;*/

  position: relative;
}

.livelist .imgc .imgc_a .imc_a_1 .layerover {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  margin: auto;
  background: -moz-linear-gradient(to bottom, #fff 60%, #333333 100%);
  background: -webkit-linear-gradient(to bottom, #fff 60%, #333333 100%);
  background: -o-linear-gradient(to bottom, #fff 60%, #333333 100%);
  background: -ms-linear-gradient(to bottom, #fff 60%, #333333 100%);
  background: linear-gradient(to bottom, #fff 60%, #333333 100%);
  filter: alpha(opacity=45);
  -moz-opacity: 0.25;
  opacity: 0.25;
  z-index: 1;
}

.livelist .imgc .imgc_a .imc_a_1 .numtxt {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 45px;
  line-height: 45px;
  padding-right: 15px;
  z-index: 2;
  text-align: right;
  color: #fff;
  font-size: 18px;
}

.livelist .imgc .imgc_a h1 {
  font-size: 14px;
  text-align: center;
  padding: 25px 0 25px 0;
}

.livelist .imgc .imgc_a h1 a {
  color: #333;
  font-size: 1.3em;
}

.livelist .imgc .imgc_a h1 a:hover {
  color: #2d8fe2;
  font-size: 1.3em;
}

.lived {
  /*padding-top: 4%;
    padding-bottom: 4%;*/
}

@media (max-width: 767px) {
  /*.lived
	{
		padding-top: 16%;
		padding-bottom: 16%;

	}*/
}

.lived h1 {
  font-size: 24px;
  text-align: left;
  padding: 25px 15px 20px 15px;
  line-height: 35px;
}

@media (max-width: 767px) {
  .lived h1 {
    font-size: 18px;
    line-height: 25px;
  }
}

.lived .infolist {
  padding-left: 15px;
  padding-right: 15px;
}

.lived .infolist .timedate {
  background: url(../images/rlb.png) no-repeat left center;
  height: 30px;
  padding-left: 26px;
  line-height: 30px;
  font-size: 14px;
  color: #636d75;
}

.lived .infolist .zhuopiao {
  background: url(../images/zhuopiao.png) no-repeat left center;
  height: 30px;
  padding-left: 26px;
  line-height: 30px;
  font-size: 14px;
  color: #636d75;
}

.lived .infolist .liulan {
  background: url(../images/liulan.png) no-repeat left center;
  height: 30px;
  padding-left: 26px;
  line-height: 30px;
  font-size: 14px;
  color: #636d75;
}

.lived .infolist_1 {
  padding-left: 15px;
  padding-right: 15px;
}

.lived .infolist_1 h2 {
  margin: 35px auto 15px auto;
  font-size: 18px;
  text-align: left;
}

@media (max-width: 767px) {
  .lived .infolist_1 h2 {
    font-size: 16px;
  }
}

.lived .infolist_1 .borderline {
  position: relative;
  width: 100%;
  height: 1px;
  background-color: rgba(103, 103, 103, 0.18);
  margin: 0 auto 0px auto;
}

.lived .infolist_1 .borderline span {
  display: block;
  width: 70px;
  height: 6px;
  background-color: #ffc237;
  margin: 0 auto;
  position: absolute;
  left: 0;
  margin-left: 0;
  top: 50%;
  margin-top: -3px;
}

.lived .infolist_1 .showtxt {
  line-height: 25px;
  margin: 35px auto 45px auto;
}

.lived .infolist_2 {
  padding-left: 0;
  padding-right: 0;
}

.lived .noshow {
  display: none !important;
}

.lived .infolist_2 .imgbtn {
  cursor: pointer;
}

.lived .infolist_3 {
  padding-left: 15px;
  padding-right: 15px;
  margin: 0 auto 35px auto;
}

.lived .infolist_3 .cur {
  margin: 5px auto;
  font-size: 18px;
  text-align: left;
  cursor: pointer;
  position: relative;
  transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  -webkit-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
}

.lived .infolist_3 .cur a {
  color: #333;
}

.lived .infolist_3 .cur a:hover {
  color: #ffc237;
}

@media (max-width: 767px) {
  .lived .infolist_3 .cur {
    font-size: 16px;
  }
}

.lived .infolist_3 h2 .curline {
  display: block;
  width: 73px;
  height: 2px;
  background-color: #ffc237;
  margin: 0 auto;
  position: absolute;
  left: 0;
  margin-left: 0;
  bottom: -10px;
  transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  -webkit-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
}

.lived .infolist_3 h2 .showcurline {
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
}

.lived .infolist_3 .cur:hover {
  color: #ffc237;
}

.lived .infolist_3 .cur:hover + .curline {
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
}

.imgcontent {
  position: relative;
  width: 100%;
  height: 100%;
  /*overflow:hidden;*/
}

/*.imgcontent .imgscale
{
	width:90%
}*/
.imgcontent .toparea {
  position: absolute;
  left: 0;
  width: 100%;
  height: 50px;
  background-color: rgba(0, 0, 0, 0.45);
  top: 0;
  z-index: 2;
}

.imgcontent .imginfo {
  position: absolute;
  left: 0;
  width: 100%;
  height: 50px;
  z-index: 3;
  text-align: left;
  color: #fff;
}

.imgcontent .imginfo span {
  display: block;
  width: 43%;
  height: 50px;
  float: left;
  color: #fff;
  display: inline-table;
  padding-left: 8%;
}

.imgcontent .imginfo span .vs {
  display: table-cell;
  vertical-align: middle;
  font-weight: normal;
}

.imgcontent .imginfo .span1 {
  display: block;
  width: 40%;
  height: 50px;
  float: left;
  color: #fff;
  padding-left: 6%;
}

.imgcontent .closebtn {
  position: absolute;
  width: 50px;
  height: 50px;
  right: 8%;
  top: 0;
  z-index: 4;
  cursor: pointer;
}

.imgcontent .bottomarea {
  position: absolute;
  left: 0;
  width: 100%;
  height: 50px;
  background-color: rgba(0, 0, 0, 0.7);
  bottom: 0;
  z-index: 2;
}

.imgcontent .bottomarea .leftspan {
  display: block;
  width: 40%;
  height: 50px;
  float: left;
  display: inline-table;

  padding-left: 5%;
}

.imgcontent .bottomarea .leftspan .acs {
  display: table-cell;
  vertical-align: middle;

  padding-left: 15px;
  color: #fff;
  width: 25%;
}

@media (max-width: 767px) {
  .imgcontent .bottomarea .leftspan .acs {
    width: 35%;
  }
}

.imgcontent .bottomarea .leftspan .acs .autherc {
  border-radius: 50%;
  width: 65%;
  border: 2px solid #fff;
}

@media (max-width: 767px) {
  .imgcontent .bottomarea .leftspan .acs .autherc {
    width: 95%;
  }
}

.imgcontent .bottomarea .leftspan .authtxt {
  display: table-cell;
  vertical-align: middle;
  font-weight: normal;
  text-align: left;
  color: #fff;
}

.imgcontent .bottomarea .rightspan {
  display: block;
  width: 50%;
  height: 50px;
  float: right;
  display: inline-table;
}

.imgcontent .bottomarea .rightspan .dianzan {
  padding-right: 4%;
  margin-top: 3px;
  float: right;
  color: #fff;
}

.imgcontent .bottomarea .rightspan .dianzancur {
  cursor: pointer;
}

.imgcontent .bottomarea .rightspan .pinlun {
  padding-right: 18%;
  margin-top: 6px;
  float: right;
}

.imgcontent .leftarrow {
  position: absolute;
  left: -70px;
  top: 50%;
  margin-top: -30px;
  cursor: pointer;
}

.imgcontent .rightarrow {
  position: absolute;
  right: -70px;
  top: 50%;
  margin-top: -30px;
  cursor: pointer;
}

@media (max-width: 767px) {
  .imgcontent .leftarrow {
    top: 55%;
    left: -39px;
  }

  .imgcontent .leftarrow img {
    width: 50%;
  }

  .imgcontent .rightarrow {
    top: 55%;
    right: -39px;
  }

  .imgcontent .rightarrow img {
    width: 50%;
  }
}

a.lincxxx:link {
  color: #fff;
  color: transparent;
}

a.lincxxx:hover {
  color: #fff;
  color: transparent;
}

a.lincxxx:visited {
  color: #fff;
  color: transparent;
}

a.lincxxx:active {
  color: #fff;
  color: transparent;
}

.showc_c_c {
  position: relative;
  margin-top: 100px;
}