body {
  background: #fff
}

.gLeft {
  width: 780px;
  overflow: visible
}

.gRight {
  width: 330px
}

.g-content {
  overflow: visible
}

.p_nav {
  border-bottom: 1px solid #d7d7d7
}

.p_nav .box .logo {
  width: 134px;
  height: 30px;
  overflow: hidden;
  float: left;
  background: url("../images/logo_s.png") no-repeat;
  margin: 12px 10px 0 0
}

.p_nav .box .logo a {
  display: block;
  width: 100%;
  height: 100%
}

.p_nav .box .l {
  font-size: 18px;
}

.p_nav .box .l a {
  margin-right: 29px
}

.p_nav .box .r {
  width: 308px
}

.p_nav .box .loginOut {
  width: 162px
}

.m-menu {
  margin-bottom: 20px
}

.infoTitle {
  width: 780px;
  line-height: 40px;
  margin-bottom: 32px;
  overflow: hidden;
  font-size: 31px;
  color: #0c0c0c;
  text-align: center;
  font-weight: bold
}

.infoTime {
  width: 780px;
  height: 42px;
  line-height: 42px;
  color: #5c5c5c;
  padding: 11px 0;
  border-bottom: 1px solid #f0f0f0;
  border-top: 1px solid #f0f0f0;
  margin-bottom: 40px;
  position: relative
}

.infoTime .name {
  width: 240px;
  height: 42px;
  float: left
}

.infoTime .name dt {
  width: 42px;
  height: 42px;
  float: left;
  position: relative
}

.infoTime .name dt .border {
  width: 42px;
  height: 42px;
  position: absolute;
  left: -1px;
  top: -1px
}

.infoTime .name dt .border div {
  border-radius: 50%;
  position: absolute;
  border: 1px solid #ffd106;
  opacity: 0;
  transition: 0.2s
}

.infoTime .name dt .border div.b1 {
  width: 42px;
  height: 42px;
  left: 0px;
  top: 0px
}

.infoTime .name dt .border div.b2 {
  width: 46px;
  height: 46px;
  left: -2px;
  top: -2px
}

.infoTime .name dt .border div.b3 {
  width: 50px;
  height: 50px;
  left: -4px;
  top: -4px
}

.infoTime .name dt .border div.b4 {
  width: 54px;
  height: 54px;
  left: -6px;
  top: -6px
}

.infoTime .name dt .border div.b5 {
  width: 58px;
  height: 58px;
  left: -8px;
  top: -8px
}

.infoTime .name dt .border div.b6 {
  width: 62px;
  height: 62px;
  left: -10px;
  top: -10px
}

.infoTime .name dt .border div.on {
  opacity: 1
}

.infoTime .name dt .box {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  overflow: hidden
}

.infoTime .name dt img {
  width: 100%;
  border-radius: 50%
}

.infoTime .name dd {
  width: 166px;
  height: 42px;
  overflow: hidden;
  padding-left: 20px;
  float: left
}

.infoTime .name dd i {
  font-family: Arial;
  font-weight: bold
}

.infoTime .time {
  width: 354px;
  height: 42px;
  overflow: hidden;
  float: left
}

.infoTime .time i {
  margin-right: 20px
}

.infoTime .textShare {
  width: 180px;
  height: 42px;
  overflow: hidden;
  float: right
}

.infoTime .editHome {
  width: 301px;
  height: 102px;
  overflow: hidden;
  background: url("../images/editHome.png") no-repeat;
  position: absolute;
  left: 0;
  top: -84px;
  display: none
}

.infoTime .editHome dl {
  width: 160px;
  height: 160px;
  overflow: hidden;
  padding: 11px 0 0 13px
}

.infoTime .editHome dl dt {
  width: 64px;
  height: 64px;
  overflow: hidden;
  float: left;
  border-radius: 50%
}

.infoTime .editHome dl dt img {
  width: 100%;
  display: block;
  border-radius: 50%;
  margin: 0 auto
}

.infoTime .editHome dl dd {
  width: 84px;
  float: left;
  padding-left: 10px;
  padding-top: 8px
}

.infoTime .editHome dl dd .nm {
  width: 84px;
  height: 26px;
  line-height: 26px;
  float: none;
  font-size: 16px;
  color: #0037d6;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.infoTime .editHome dl dd .edit {
  width: 84px;
  height: 26px;
  line-height: 26px;
  color: #6f6f6f;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.infoTime .editHome .hm {
  display: block;
  width: 80px;
  height: 50px;
  position: absolute;
  right: 22px;
  top: 16px;
  overflow: hidden
}

.infoTime .editHome .close {
  width: 14px;
  height: 14px;
  overflow: hidden;
  position: absolute;
  right: 10px;
  top: 4px;
  cursor: pointer
}

.infoTime .editHome.on {
  display: block
}

.double_quotes {
  width: 710px;
  overflow: hidden;
  padding: 30px 0 0 70px;
  line-height: 30px;
  font-size: 16px;
  color: #5d5d5d;
  background: #f8f8f8 url("../images/double_quotes_l.png") no-repeat
}

.double_quotes div {
  width: 640px;
  overflow: hidden;
  padding: 0 70px 30px 0;
  background: #f8f8f8 url("../images/double_quotes_r.png") no-repeat right bottom
}

.textCon {
  width: 780px;
  overflow: hidden;
  padding-top: 40px
}

.textCon strong {
  display: block;
  margin-bottom: 12px;
  font-weight: bold
}

.textCon div {
  text-align: center
}

.textCon .editer_pic {
  width: 640px;
  overflow: hidden;
  margin: 0 auto
}

.textCon i {
  display: block;
  margin: 15px auto 30px;
  width: 640px;
  text-align: center;
  font-size: 14px;
  color: #999;
  line-height: 28px
}
.textCon img{
  display:block;
  margin:0 auto;
}
.textCon p {
  line-height: 32px;
  margin: 0 auto 20px;
  width: 640px;
  color: #333;
  font-size: 16px;
  text-indent: 2em;
}

.textCon p.prompt {
  color: #7b7b7b;
  padding-top: 10px;
  margin-bottom: 30px
}

.textCon p strong {
  display: inline;
  margin: 0
}

.textCon h2,.textCon h3 {
  font-size: 18px;
  color: #000;
  height: 30px;
  line-height: 30px;
  margin-bottom: 14px;
  font-weight: bold
}

.textCon h3 {
  font-size: 16px
}

.textCon a {
  color: #e86800
}

.textCon .textFoucs {
  width: 640px;
  overflow: hidden;
  margin: 0 auto 30px;
  text-align: left;
  border-top: 2px solid #ededed;
  padding-top: 20px
}

.textCon .textFoucs .btn {
  width: 640px;
  height: 70px;
  line-height: 50px;
  overflow: hidden
}

.textCon .textFoucs .btn dt {
  float: left;
  font-size: 24px;
  color: #969696
}

.textCon .textFoucs .btn dt span {
  color: #333
}

.textCon .textFoucs .btn dd {
  float: right;
  width: 110px
}

.textCon .textFoucs .btn dd span {
  display: block;
  width: 50px;
  height: 50px;
  overflow: hidden;
  text-indent: -999px;
  cursor: pointer;
  background: url("../images/public_bg.png") no-repeat 0 -115px;
  float: right
}

.textCon .textFoucs .btn dd span.prev {
  float: left;
  background-position: right -115px
}

.textCon .textFoucs .box {
  width: 640px;
  overflow: hidden
}

.textCon .textFoucs .box dl {
  width: 640px;
  overflow: hidden;
  height: 0;
  overflow: hidden;
  opacity: 0
}

.textCon .textFoucs .box dl.on {
  display: block;
  opacity: 1;
  height: auto;
  -webkit-transition: 2s opacity;
  -moz-transition: 2s opacity;
  transition: 2s opacity
}

.textCon .textFoucs .box dd {
  width: 640px;
  height: 30px;
  overflow: hidden;
  padding-top: 14px;
  font-size: 18px;
  color: #000
}

.textCon .navTag {
  width: 640px;
  overflow: hidden;
  margin: 0 auto;
  height: auto
}

.textCon .navTag a {
  color: #545454
}

.textCon .navTag a:hover {
  color: #f60;
  transition: color .2s ease-in-out
}

.textShare {
  width: 250px;
  height: 42px;
  line-height: 42px;
  overflow: hidden;
  margin: 0 auto
}

.textShare dt {
  width: 36px;
  float: left;
  overflow: hidden
}

.textShare .bshare-custom.icon-medium {
  padding-top: 6px
}

.textShare .bshare-custom.icon-medium a {
  width: 32px;
  height: 32px;
  padding-left: 0;
  overflow: hidden;
  margin: 0;
  margin-left: 9px;
  display: block;
  margin-top: 0;
  background: url("../images/share_all.png") no-repeat;
  float: left;
  text-indent: -999px
}

.textShare .bshare-custom.icon-medium a.bshare-sinaminiblog {
  background-position: 0 -32px
}

.textShare .bshare-custom.icon-medium a.bshare-qzone {
  background-position: 0 -64px
}

.pages_fullRead {
  width: 780px;
  overflow: hidden;
  margin: 20px 0 40px
}

.pages_fullRead dt {
  width: 630px;
  float: left
}

.pages_fullRead dd {
  width: 138px;
  float: right
}

.pages_fullRead dd .read {
  width: 136px;
  height: 53px;
  line-height: 53px;
  text-align: center;
  border: 1px solid #e5e5e5;
  display: block;
  font-size: 16px;
  color: #212121
}

.pages_fullRead dd .read:hover {
  color: #f60
}

.pages {
  height: 55px;
  line-height: 55px;
  overflow: hidden;
  text-align: center;
  font-size: 18px
}

.pages a,.pages span,.pages i {
  color: #a0a0a0;
  margin: 0 6px
}

.pages a:hover,.pages span:hover,.pages i:hover {
  color: #f60
}

.pages a.prev,.pages a.next,.pages span.prev,.pages span.next,.pages i.prev,.pages i.next {
  display: block;
  float: left;
  width: 136px;
  height: 53px;
  line-height: 53px;
  border: 1px solid #e5e5e5;
  background: url("../images/public_bg.png") no-repeat;
  color: #212121;
  text-align: left
}

.pages a.prev i,.pages a.next i,.pages span.prev i,.pages span.next i,.pages i.prev i,.pages i.next i {
  color: #212121
}

.pages a.prev,.pages span.prev,.pages i.prev {
  background-position: -260px -250px
}

.pages a.prev i,.pages span.prev i,.pages i.prev i {
  margin-left: 60px
}

.pages a.next,.pages span.next,.pages i.next {
  float: right;
  background-position: 92px -250px
}

.pages a.next i,.pages span.next i,.pages i.next i {
  margin-left: 20px
}

.pages a.prev:hover,.pages a.next:hover {
  border: 3px solid #212121;
  width: 132px;
  height: 49px;
  line-height: 49px;
  color: #212121
}

.pages a.prev:hover {
  background-position: -262px -252px
}

.pages a.prev:hover i {
  margin-left: 58px
}

.pages a.next:hover {
  background-position: 90px -252px
}

.pages a.next:hover i {
  margin-left: 18px
}

.pages span.prev,.pages span.next {
  width: 136px;
  height: 53px;
  line-height: 53px;
  border: 1px solid #f2f2f2;
  color: #f2f2f2
}

.pages span.prev i,.pages span.next i {
  color: #f2f2f2
}

.pages span.prev {
  background-position: -260px -296px
}

.pages span.next {
  float: right;
  background-position: 92px -296px
}

.pages span {
  color: #212121
}

.text-ads {
  margin: 30px auto
}

.publicTitle {
  height: 26px;
  line-height: 26px;
  padding-bottom: 8px;
  border-bottom: 4px solid #000;
  overflow: hidden;
  margin-bottom: 8px
}

.publicTitle dt {
  float: left;
  height: 26px;
  overflow: hidden;
  font-size: 24px;
  color: #000
}

.publicTitle dd {
  float: right;
  height: 26px;
  font-size: 14px;
  color: #575757;
  line-height: 34px
}

.publicTitle dd a {
  color: #575757;
  margin-left: 16px
}

.publicTitle dd a:hover {
  color: #f60
}

.relatedRead {
  width: 780px;
  overflow: hidden;
  padding-top: 20px;
  margin-bottom: 30px
}

.relatedRead .readT {
  width: 780px;
  height: 280px;
  overflow: hidden;
  padding-bottom: 20px;
  border-bottom: 1px solid #e3e3e3
}

.relatedRead .readT dt {
  width: 430px;
  height: 280px;
  overflow: hidden;
  text-align: center;
  float: left
}

.relatedRead .readT dd {
  width: 320px;
  height: 280px;
  overflow: hidden;
  float: right
}

.relatedRead .readT dd ul {
  width: 313px;
  height: 280px;
  border-left: 2px solid #e3e3e3;
  margin-left: 5px
}

.relatedRead .readT dd li {
  width: 288px;
  overflow: hidden;
  padding-left: 32px;
  background: url("../images/hollow_round.png") no-repeat;
  position: relative;
  left: -7px;
  margin-bottom: 14px
}

.relatedRead .readT dd li span {
  display: block;
  width: 288px;
  height: 22px;
  overflow: hidden;
  color: #989898
}

.relatedRead .readT dd li p {
  line-height: 26px;
  width: 288px;
  overflow: hidden;
  font-size: 16px;
  color: #000
}

.relatedRead .readC {
  width: 780px;
  overflow: hidden;
  margin-bottom: 20px
}

.relatedRead .readC dl {
  width: 780px;
  height: 165px;
  padding: 20px 0;
  border-bottom: 1px solid #e3e3e3
}

.relatedRead .readC dl dt {
  width: 250px;
  height: 165px;
  overflow: hidden;
  text-align: center;
  float: left
}

.relatedRead .readC dl dd {
  width: 510px;
  overflow: hidden;
  float: right
}

.relatedRead .readC dl dd h2 {
  width: 510px;
  height: 36px;
  line-height: 36px;
  margin-bottom: 6px;
  overflow: hidden;
  font-size: 20px;
  color: #000;
  font-weight: bold
}

.relatedRead .readC dl dd h2 a {
  color: #000
}

.relatedRead .readC dl dd h2 a:hover {
  color: #f60
}

.relatedRead .readC dl dd p {
  line-height: 28px;
  height: 102px;
  width: 510px;
  overflow: hidden;
  color: #969696
}

.relatedRead .readC dl dd .time {
  width: 510px;
  height: 20px;
  overflow: hidden;
  color: #969696
}

.relatedRead .readC dl dd .time a {
  color: #554f4f;
  margin-right: 16px
}

.relatedRead .readC dl dd .time a:hover {
  color: #f60
}

.relatedRead .readC dl dd .time span {
  float: right
}

.relatedRead .readB {
  width: 780px;
  overflow: hidden;
  margin-bottom: 20px;
  border-bottom: 1px solid #e3e3e3;
  padding-bottom: 20px
}

.relatedRead .readB h2 {
  width: 780px;
  height: 28px;
  margin-bottom: 16px;
  overflow: hidden;
  color: #000;
  font-weight: bold
}

.relatedRead .readB h2 a {
  color: #000
}

.relatedRead .readB h2 a:hover {
  color: #f60
}

.relatedRead .readB ul {
  width: 795px;
  overflow: hidden
}

.relatedRead .readB ul li {
  width: 250px;
  height: 165px;
  overflow: hidden;
  float: left;
  margin-right: 15px
}

.textProduct {
  width: 740px;
  overflow: hidden;
  padding: 20px;
  margin-bottom: 40px;
  background: url("../images/textProduct_bg.png");
  position: relative;
  margin-top: 30px
}

.textProduct .tabBtn {
  width: 700px;
  height: 46px;
  overflow: hidden;
  background: #f6f6f6;
  border-bottom: 2px solid #fafafa;
  padding-left: 40px
}

.textProduct .tabBtn a {
  display: block;
  height: 43px;
  border-bottom: 3px solid #f6f6f6;
  line-height: 43px;
  float: left;
  margin-right: 70px;
  font-size: 18px
}

.textProduct .tabBtn a.on {
  color: #fe5400;
  border-bottom-color: #fe5400
}

.textProduct .tabBox {
  width: 740px;
  overflow: hidden
}

.textProduct .tabBox .items {
  display: none
}

.textProduct .tabBox .items.on {
  display: block
}

.textProduct_tab .box {
  width: 700px;
  height: 160px;
  padding: 20px;
  overflow: hidden;
  background: #fff
}

.textProduct_tab .box dl {
  width: 700px;
  height: 0;
  overflow: hidden;
  opacity: 0
}

.textProduct_tab .box dl.on {
  display: block;
  opacity: 1;
  height: 160px;
  -webkit-transition: 2s opacity;
  -moz-transition: 2s opacity;
  transition: 2s opacity
}

.textProduct_tab .box dt {
  width: 160px;
  height: 160px;
  overflow: hidden;
  float: left;
  text-align: center
}

.textProduct_tab .box dd {
  width: 480px;
  padding-left: 20px;
  overflow: hidden;
  float: left
}

.textProduct_tab .box dd h2 {
  font-size: 20px;
  color: #000;
  width: 480px;
  height: 30px;
  line-height: 30px;
  overflow: hidden;
  margin-bottom: 4px
}

.textProduct_tab .box dd h2 a {
  color: #000
}

.textProduct_tab .box dd h2 a:hover {
  color: #f60
}

.textProduct_tab .box dd li {
  width: 480px;
  line-height: 25px;
  float: left;
  color: #333
}

.textProduct_tab .box dd li span {
  display: block;
  width: 80px;
  height: 20px;
  float: left;
  color: #7e7e7e
}

.textProduct_tab .box dd li i {
  display: block;
  float: left;
  width: 400px
}

.textProduct_tab .box dd li .look {
  color: #e86800;
  font-size: 16px;
  display: block;
  padding-top: 4px;
  width: 180px
}

.textProduct_tab .btn {
  width: 40px;
  height: 17px;
  line-height: 17px;
  overflow: hidden;
  position: absolute;
  right: 40px;
  bottom: 40px;
  color: #e5e5e5;
  text-align: center
}

.textProduct_tab .btn span,.textProduct_tab .btn i {
  width: 10px;
  height: 17px;
  overflow: hidden;
  background: url("../images/public_bg.png") no-repeat;
  display: block;
  cursor: pointer
}

.textProduct_tab .btn span {
  background-position: right -221px;
  float: left
}

.textProduct_tab .btn i {
  background-position: 0 -221px;
  float: right
}

.textProduct_add .box {
  width: 700px;
  height: 200px;
  padding: 20px;
  overflow: hidden;
  background: #fff
}

.textProduct_add .box .l {
  width: 190px;
  height: 195px;
  overflow: hidden;
  float: left;
  border-right: 1px solid #f2f2f2
}

.textProduct_add .box .l dl {
  width: 134px;
  overflow: hidden;
  padding-left: 16px
}

.textProduct_add .box .l dt {
  width: 130px;
  height: 130px;
  overflow: hidden;
  border: 2px solid #f7f7f7;
  border-radius: 50%
}

.textProduct_add .box .l dt a {
  display: block;
  width: 100%;
  height: 100%;
  text-align: center
}

.textProduct_add .box .l dt img {
  max-width: 130px;
  max-height: 130px;
  display: inline-block;
  vertical-align: middle
}

.textProduct_add .box .l dt i {
  display: inline-block;
  vertical-align: middle;
  height: 100%
}

.textProduct_add .box .l dd {
  width: 134px;
  overflow: hidden;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  color: #222;
  padding-top: 10px
}

.textProduct_add .box .l dd i {
  display: block;
  font-family: arial;
  width: 134px;
  height: 22px;
  overflow: hidden;
  font-size: 18px;
  white-space: nowrap;
  text-overflow: ellipsis
}

.textProduct_add .box .r {
  width: 480px;
  height: 206px;
  overflow: hidden;
  float: right
}

.textProduct_add .box .r h2 {
  width: 470px;
  height: 22px;
  font-size: 16px;
  color: #000;
  font-weight: bold;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.textProduct_add .box .r h2 a {
  color: #000
}

.textProduct_add .box .r h2 a:hover {
  color: #f60
}

.textProduct_add .box .r p {
  width: 470px;
  line-height: 24px;
  font-size: 14px;
  color: #a0a0a0;
  margin-bottom: 18px
}

.textProduct_add .box .r .show {
  width: 470px;
  height: 120px;
  overflow: hidden
}

.textProduct_add .box .r .scroll {
  width: 470px;
  height: 120px;
  margin: 0 auto;
  position: relative;
  overflow: hidden
}

.textProduct_add .box .r .scroll .sbox {
  width: 384px;
  height: 120px;
  margin: 0 auto;
  overflow: hidden
}

.textProduct_add .box .r .scroll .content {
  width: 30000px;
  height: 120px;
  overflow: hidden
}

.textProduct_add .box .r .scroll .content .item {
  width: 400px;
  height: 120px;
  overflow: hidden;
  float: left
}

.textProduct_add .box .r .scroll .content .item dl {
  width: 100px;
  height: 120px;
  overflow: hidden;
  float: left
}

.textProduct_add .box .r .scroll .content .item dt {
  width: 80px;
  height: 80px;
  overflow: hidden;
  border-radius: 50%
}

.textProduct_add .box .r .scroll .content .item dd {
  width: 80px;
  text-align: center;
  overflow: hidden;
  color: #a6a6a6;
  height: 40px;
  line-height: 20px
}

.textProduct_add .box .r .scroll .content .item dd i {
  color: #575757;
  margin-left: 5px
}

.textProduct_add .box .r .scroll .content .item img {
  width: 80px;
  height: 80px;
  overflow: hidden;
  border-radius: 50%
}

.textProduct_add .box .r .scroll .btn {
  width: 22px;
  height: 32px;
  background: url("../images/public_bg.png") no-repeat;
  position: absolute;
  left: 0;
  top: 26px;
  z-index: 3;
  cursor: pointer
}

.textProduct_add .box .r .scroll .btn.left {
  background-position: 0 -515px
}

.textProduct_add .box .r .scroll .btn.right {
  left: auto;
  right: 0;
  background-position: -22px -515px
}

.textProduct_add .box .r .scroll .btn.left:hover {
  background-position: -44px -515px
}

.textProduct_add .box .r .scroll .btn.right:hover {
  background-position: -66px -515px
}

.textProduct_add .box .r .menu {
  width: 470px;
  height: 18px;
  overflow: hidden;
  line-height: 18px;
  margin-bottom: 16px;
  color: #626262
}

.textProduct_add .box .r .menu a {
  color: #626262;
  margin-right: 20px
}

.textProduct_add .box .r .menu a.on {
  color: #e85775
}

.textProduct_add .box .r .menu a:hover {
  color: #f60
}

.textProduct_add .box .r .tabBox {
  width: 470px;
  height: 160px;
  overflow: hidden
}

.textProduct_add .box .r .imgText {
  width: 510px;
  height: 160px;
  overflow: hidden;
  display: none
}

.textProduct_add .box .r .imgText.on {
  display: block
}

.textProduct_add .box .r .imgText dl {
  width: 170px;
  float: left;
  text-align: center
}

.textProduct_add .box .r .imgText dl dt {
  width: 130px;
  height: 130px;
  overflow: hidden
}

.textProduct_add .box .r .imgText dl dd {
  width: 130px;
  overflow: hidden;
  padding-top: 6px;
  height: 20px;
  line-height: 20px;
  white-space: nowrap;
  text-overflow: ellipsis
}

.textProduct_hzp {
  background: #f9f4f6
}

.textProduct_hzp .box {
  width: 700px;
  padding: 23px 20px 22px;
  overflow: hidden;
  background: #fff
}

.textProduct_hzp .box .l {
  width: 190px;
  height: 195px;
  overflow: hidden;
  float: left;
  border-right: 1px solid #f2f2f2
}

.textProduct_hzp .box .l dl {
  width: 160px;
  overflow: hidden;
  padding-left: 16px
}

.textProduct_hzp .box .l dt {
  width: 160px;
  height: 195px;
  overflow: hidden
}

.textProduct_hzp .box .r {
  width: 480px;
  overflow: hidden;
  float: right;
  height: 195px
}

.textProduct_hzp .box .r h2 {
  width: 470px;
  height: 30px;
  font-size: 16px;
  color: #000;
  font-weight: bold;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.textProduct_hzp .box .r h2 a {
  color: #000
}

.textProduct_hzp .box .r h2 a:hover {
  color: #f60
}

.textProduct_hzp .box .r dl {
  width: 470px;
  overflow: hidden
}

.textProduct_hzp .box .r dl dt {
  width: 260px;
  overflow: hidden;
  float: left;
  position: relative
}

.textProduct_hzp .box .r dl dt .txt {
  width: 82px;
  height: 80px;
  overflow: hidden;
  position: absolute;
  left: 38px;
  top: 46px
}

.textProduct_hzp .box .r dl dt .txt span {
  color: #f06b6c;
  font: 36px Arial;
  display: block;
  width: 82px;
  text-align: center
}

.textProduct_hzp .box .r dl dt .txt p {
  width: 82px;
  height: 20px;
  text-align: center
}

.textProduct_hzp .box .r dl dd {
  width: 200px;
  height: 150px;
  overflow: hidden;
  float: right;
  background: url("../images/star_line.png") no-repeat left center;
  padding-left: 10px
}

.textProduct_hzp .box .r dl dd ul {
  width: 184px;
  overflow: hidden;
  float: right;
  padding-top: 10px
}

.textProduct_hzp .box .r dl dd ul li {
  width: 184px;
  height: 30px;
  overflow: hidden;
  float: right
}

.textProduct_hzp .box .r dl dd ul em {
  width: 72px;
  text-align: right;
  float: left;
  padding-right: 3px
}

.textProduct_hzp .box .r dl dd ul span {
  width: 22px;
  text-align: right;
  float: left
}

.textProduct_hzp .box .r dl dd ul .stars {
  float: left
}

.textProduct_hzp .box .r .stars {
  width: 82px;
  height: 14px;
  overflow: hidden;
  background: url("../images/hzp_2014.png") no-repeat 0 -22px
}

.textProduct_hzp .box .r .stars i {
  background: url("../images/hzp_2014.png") no-repeat -218px -22px;
  display: block;
  height: 14px
}

.textList {
  width: 780px;
  overflow: hidden
}

.textList li {
  width: 240px;
  height: 30px;
  line-height: 30px;
  overflow: hidden;
  margin-right: 20px;
  float: left;
  font-size: 16px;
  white-space: nowrap;
  text-overflow: ellipsis
}

.textList li a {
  color: #515151
}

.textList li a:hover {
  color: #f60
}

.gListBox {
  width: 810px;
  overflow: hidden
}

.gListBox .g-list {
  margin: 0 30px 20px 0;
  height: 380px
}

.gListBox .g-list .img {
  height: 280px
}

.adBox {
  width: 330px;
  height: 490px;
  overflow: hidden;
  margin-bottom: 40px;
  position: relative
}

.todayHot {
  width: 330px;
  overflow: hidden;
  margin-bottom: 50px
}

.todayHot .tit {
  height: 40px;
  border-bottom: 1px solid #222222;
  font-size: 18px;
  position: relative;
  margin-bottom: 13px
}

.todayHot .tit span {
  width: 200px;
  height: 40px;
  line-height: 40px;
  margin: 0 auto;
  text-align: center;
  background: #222222;
  color: #fff;
  display: block
}

.todayHot .tit i {
  margin: 0 0 0 -10px;
  display: block;
  width: 0;
  height: 0;
  line-height: 0;
  position: absolute;
  left: 50%;
  bottom: -21px;
  border: 10px solid;
  border-color: #222222 #fff #fff #fff
}

.todayHot .news {
  height: 446px;
  overflow: hidden;
  width: 320px;
  margin: 0 auto 10px;
  font-size: 18px
}

.todayHot .news .fcut {
  height: 50px;
  background: url("../images/today.png") no-repeat center bottom;
  overflow: hidden;
  text-align: center;
  line-height: 28px;
  font-size: 16px;
  margin-bottom: 4px;
  padding-bottom: 23px;
  font-weight: bold
}

.todayHot .news .fcut .mask {
  height: 56px;
  line-height: 28px;
  width: 100%;
  overflow: hidden
}

.todayHot .news_ad {
  height: 51px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: center;
  font-size: 16px;
  padding: 10px 0 0;
  font-weight: bold
}

.todayHot .change {
  background: url("../images/line-black.png") repeat-x left center;
  height: 40px;
  overflow: hidden;
  width: 300px;
  margin: 0 auto
}

.button_btn {
  width: 200px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  color: #000;
  border: 2px solid #000;
  margin: 0 auto;
  cursor: pointer;
  background: #fff;
  position: relative;
  overflow: hidden;
  display: block;
  padding: 0
}

.button_btn em,.button_btn i {
  width: 200px;
  height: 36px;
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  overflow: hidden;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s
}

.button_btn em {
  width: 230px;
  height: 0px;
  background: #000;
  -webkit-transform: translateX(-30px) translateY(-50%) rotate(45deg);
  -moz-transform: translateX(-30px) translateY(-50%) rotate(45deg);
  transform: translateX(-30px) translateY(-50%) rotate(45deg)
}

.button_btn:hover em {
  height: 230px
}

.button_btn:hover i {
  color: #fff
}

.bbs_marrow {
  width: 330px;
  overflow: hidden;
  margin-bottom: 20px
}

.bbs_marrow dl {
  width: 330px;
  overflow: hidden;
  text-align: center;
  margin-bottom: 8px;
  font-size: 16px
}

.bbs_marrow dt {
  width: 330px;
  height: 180px;
  overflow: hidden
}

.bbs_marrow dd {
  width: 330px;
  height: 42px;
  line-height: 42px;
  overflow: hidden
}

.ad_first {
  width: 330px;
  overflow: hidden;
  background: #fafafa;
  margin-bottom: 30px
}

.ad_first .img {
  width: 330px;
  height: 280px;
  overflow: hidden
}

.ad_first img {
  width: 100%
}

.ad_first ul {
  width: 320px;
  overflow: hidden;
  margin: 14px 0 16px 25px
}

.ad_first li {
  width: 140px;
  height: 28px;
  overflow: hidden;
  margin-right: 20px;
  float: left;
  line-height: 28px;
  white-space: nowrap;
  text-overflow: ellipsis
}

.ad_first a {
  color: #606060
}

.ad_first a:hover {
  color: #f60
}

.vdInBox {
  width: 330px;
  height: 435px;
  overflow: hidden;
  background: #2c2c2c;
  text-align: center;
  margin-bottom: 30px
}

.vdInBox .tit {
  height: 62px;
  line-height: 62px;
  background-size: 100% auto
}

.vdInBox .vd {
  width: 330px;
  height: 248px;
  overflow: hidden;
  position: relative
}

.vdInBox .vd img {
  width: 100%
}

.vdInBox .icon {
  width: 44px;
  height: 41px;
  overflow: hidden;
  background: url("../images/play.png") no-repeat;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -20px 0 0 -22px
}

.vdInBox em {
  display: block;
  height: 20px;
  line-height: 20px;
  font-size: 16px;
  color: #8b8b8b;
  margin-top: 18px;
  transition: color .2s ease-in-out
}

.vdInBox strong {
  display: block;
  font-size: 18px;
  color: #fff;
  width: 296px;
  margin: 10px auto 0;
  line-height: 26px;
  transition: color .2s ease-in-out
}

.vdInBox a:hover em,.vdInBox a:hover strong {
  color: #f60
}

.right_fixed {
  width: 330px;
  overflow: hidden;
  z-index: 99;
  background: #fff
}

.right_fixed.active {
  position: fixed;
  _position: absolute;
  top: 0
}

.right_fixed .ad_switch {
  margin-bottom: 0
}

.everyoneSearch {
  width: 330px;
  overflow: hidden;
  color: #3f3f3f;
  line-height: 30px;
  margin-bottom: 20px
}

.everyoneSearch a {
  font-size: 16px;
  color: #3f3f3f
}

.everyoneSearch a:hover {
  color: #f60
}

.everyoneSearch span {
  margin: 0 10px;
  color: #cacaca
}

.ad_switch {
  margin-bottom: 0
}

.g-box {
  background: #fff
}

.publicAccount {
  width: 738px;
  height: 100px;
  border: 1px solid #e9e9e9;
  padding: 20px;
  margin-bottom: 20px;
  position: relative;
  z-index: 2
}

.publicAccount .l {
  width: 80px;
  overflow: hidden;
  float: left
}

.publicAccount .l dt {
  width: 60px;
  height: 60px;
  overflow: hidden;
  text-align: center;
  padding: 5px;
  border: 1px solid #e9e9e9;
  border-radius: 50%
}

.publicAccount .l dt img {
  border-radius: 50%
}

.publicAccount .l dd {
  font-size: 12px;
  width: 80px;
  text-align: center;
  padding-top: 6px
}

.publicAccount .r {
  width: 640px;
  float: right
}

.publicAccount .r dt {
  width: 510px;
  float: left
}

.publicAccount .r dt h2 {
  width: 510px;
  height: 28px;
  overflow: hidden;
  font-size: 18px
}

.publicAccount .r dt h2 a {
  color: #000
}

.publicAccount .r dt h2 a:hover {
  color: #f60
}

.publicAccount .r dt p {
  width: 510px;
  overflow: hidden;
  line-height: 24px;
  color: #a0a0a0
}

.publicAccount .r dd {
  width: 100px;
  height: 100px;
  overflow: hidden;
  float: right
}

.publicAccount .code {
  width: 304px;
  height: 246px;
  background: #fff url("../images/publicAccount_bg.jpg") no-repeat 15px 15px;
  position: absolute;
  left: 118px;
  top: 52px;
  padding: 15px;
  border: 1px solid #cacaca;
  display: none
}

.publicAccount .code span {
  display: block;
  width: 10px;
  height: 16px;
  overflow: hidden;
  position: absolute;
  left: -10px;
  top: 12px;
  background: url("../images/publicAccount_arrow.png") no-repeat
}

.publicAccount .icon {
  width: 16px;
  height: 16px;
  background: url("../images/publicAccount_icon.png") no-repeat;
  position: absolute;
  left: 72px;
  top: 72px
}

.ad_switch {
  margin-bottom: 40px
}

.ad_banner {
  margin-bottom: 30px
}
