@import "font.min.css";
body {
  overflow: hidden;
  background-color: #fcfcfc;
  margin: 0;
  padding: 0;
  font-family: "Arial", "微软雅黑", "Microsoft YaHei";
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-text-size-adjust: 100% !important
}
a {
  cursor: pointer
}
ol, ul {
  margin-top: 0;
  margin-bottom: 10px
}
ol ol, ol ul, ul ol, ul ul {
  margin-bottom: 0
}
.flimg:not(.animated):not(.imgeached), .popUpWindow .content img:not(.imgeached) {
  background: url("../image/imgloading.gif") no-repeat center center;
  background-color: rgba(0, 0, 0, 0.02)
}
.iconfont {
  -webkit-font-smoothing: antialiased
}
.flipbook-viewport {
  overflow: hidden;
  width: 100%;
  height: 100%
}
.flipbook-viewport .container {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: auto
}
.flipbook {
  -webkit-transition: margin-left 500ms;
  -o-transition: margin-left 500ms;
  transition: margin-left 500ms
}
.flipbook-viewport {
  -webkit-transition: -webkit-transform 200ms;
  -o-transition: -o-transform 200ms;
  transition: -webkit-transform 200ms;
  -o-transition: transform 200ms;
  transition: transform 200ms;
  transition: transform 200ms, -webkit-transform 200ms
}
.flipbook-viewport .page img {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}
.flipbook-viewport-search {
  -webkit-transition: width 200ms;
  -o-transition: width 200ms;
  transition: width 200ms
}
.flipbook-viewport .shadow {
  -webkit-transition: -webkit-box-shadow .5s;
  -o-transition: -o-box-shadow .5s;
  transition: -webkit-box-shadow .5s;
  -o-transition: box-shadow .5s;
  transition: box-shadow .5s;
  transition: box-shadow .5s, -webkit-box-shadow .5s;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2)
}
.normal_left_border {
  position: absolute;
  left: 0;
  top: 0;
  width: 2%;
  height: 100%;
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(20, 20, 20, 0.5)), to(rgba(240, 240, 200, 0)));
  background-image: linear-gradient(left, rgba(20, 20, 20, 0.5), rgba(240, 240, 200, 0));
  background-image: -o-linear-gradient(left, rgba(20, 20, 20, 0.5), rgba(240, 240, 200, 0));
  background-image: -ms-linear-gradient(left, rgba(20, 20, 20, 0.5), rgba(240, 240, 200, 0));
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#88CCCCCC', EndColorStr='#00CCCCCC')
}
.normal_right_border {
  position: absolute;
  right: 0;
  top: 0;
  width: 2%;
  height: 100%;
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(20, 20, 20, 0.5)), to(rgba(240, 240, 200, 0)));
  background-image: linear-gradient(right, rgba(20, 20, 20, 0.5), rgba(240, 240, 200, 0));
  background-image: -o-linear-gradient(right, rgba(20, 20, 20, 0.5), rgba(240, 240, 200, 0));
  background-image: -ms-linear-gradient(right, rgba(20, 20, 20, 0.5), rgba(240, 240, 200, 0));
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#88CCCCCC', EndColorStr='#00CCCCCC')
}
.evenshadow {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 20%;
  pointer-events: none;
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1, EndColorStr='#553f3f3f', StartColorStr='#007b7b7b');
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(60, 60, 60, 0.3)), color-stop(23%, rgba(250, 250, 250, 0.05)), color-stop(28%, rgba(255, 255, 255, 0)), color-stop(34%, rgba(250, 250, 250, 0.05)), color-stop(54%, rgba(50, 50, 50, 0.1)), to(rgba(200, 200, 200, 0)));
  background-image: linear-gradient(right, rgba(60, 60, 60, 0.3) 0, rgba(250, 250, 250, 0.05) 23%, rgba(255, 255, 255, 0) 28%, rgba(250, 250, 250, 0.05) 34%, rgba(50, 50, 50, 0.1) 54%, rgba(200, 200, 200, 0) 100%);
  background-image: -o-linear-gradient(right, rgba(60, 60, 60, 0.3) 0, rgba(250, 250, 250, 0.05) 23%, rgba(255, 255, 255, 0) 28%, rgba(250, 250, 250, 0.05) 34%, rgba(50, 50, 50, 0.1) 54%, rgba(200, 200, 200, 0) 100%);
  background-image: -ms-linear-gradient(right, rgba(60, 60, 60, 0.3) 0, rgba(250, 250, 250, 0.05) 23%, rgba(255, 255, 255, 0) 28%, rgba(250, 250, 250, 0.05) 34%, rgba(50, 50, 50, 0.1) 54%, rgba(200, 200, 200, 0) 100%);
  background-image: -webkit-gradient(linear, right top, left top, color-stop(0, rgba(60, 60, 60, 0.3)), color-stop(0.23, rgba(250, 250, 250, 0.05)), color-stop(0.28, rgba(255, 255, 255, 0.05)), color-stop(0.34, rgba(250, 250, 250, 0.05)), color-stop(0.54, rgba(50, 50, 50, 0.1)), color-stop(1, rgba(200, 200, 200, 0)))
}
.oddshadow {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 12%;
  pointer-events: none;
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(60, 60, 60, 0.4)), color-stop(40%, rgba(60, 60, 60, 0.2)), color-stop(60%, rgba(60, 60, 60, 0.1)), to(rgba(200, 200, 200, 0)));
  background-image: linear-gradient(left, rgba(60, 60, 60, 0.4) 0, rgba(60, 60, 60, 0.2) 40%, rgba(60, 60, 60, 0.1) 60%, rgba(200, 200, 200, 0) 100%);
  background-image: -o-linear-gradient(left, rgba(60, 60, 60, 0.4) 0, rgba(60, 60, 60, 0.2) 40%, rgba(60, 60, 60, 0.1) 60%, rgba(200, 200, 200, 0) 100%);
  background-image: -ms-linear-gradient(left, rgba(60, 60, 60, 0.4) 0, rgba(60, 60, 60, 0.2) 40%, rgba(60, 60, 60, 0.1) 60%, rgba(200, 200, 200, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1, EndColorStr='#00C8C8C8', StartColorStr='#CC5D5D5D')
}
.thickness {
  background: url(../image/thickness.png) no-repeat right;
  height: 100%;
  position: absolute;
  background-size: 100% 100%;
  z-index: 50;
  -webkit-transition: width 500ms, right 500ms;
  -o-transition: width 500ms, right 500ms;
  transition: width 500ms, right 500ms
}
.thickness_left {
  background: url(../image/thickness_left.png) no-repeat left;
  height: 100%;
  position: absolute;
  background-size: 100% 100%;
  z-index: 50;
  -webkit-transition: width 500ms, left 500ms;
  -o-transition: width 500ms, left 500ms;
  transition: width 500ms, left 500ms
}
.zsj_dsd {
  background: url(../image/zsj_dsd.png) no-repeat left;
  background-size: 100% 100%;
  height: 100%;
  width: 100%;
  position: absolute;
  left: -1px
}
.ysj_dsd {
  background: url(../image/ysj_dsd.png) no-repeat right;
  background-size: 100% 100%;
  height: 100%;
  width: 100%;
  position: absolute;
  right: -1px
}
.cover_shadow, .cover_shadow_right {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 1
}
.hard_left_border {
  position: absolute;
  left: 0;
  top: 0;
  width: 1.2%;
  height: 100%;
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(20, 20, 20, 0.5)), to(rgba(240, 240, 200, 0)));
  background-image: linear-gradient(left, rgba(20, 20, 20, 0.5), rgba(240, 240, 200, 0));
  background-image: -o-linear-gradient(left, rgba(20, 20, 20, 0.5), rgba(240, 240, 200, 0));
  background-image: -ms-linear-gradient(left, rgba(20, 20, 20, 0.5), rgba(240, 240, 200, 0));
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#77151515', EndColorStr='#00DCDCB4')
}
.hard_top_border {
  position: absolute;
  left: 0;
  top: 0;
  height: 3px;
  width: 100%;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(240, 240, 200, 0.6)), to(rgba(240, 240, 200, 0)));
  background-image: linear-gradient(top, rgba(240, 240, 200, 0.6), rgba(240, 240, 200, 0));
  background-image: -o-linear-gradient(top, rgba(240, 240, 200, 0.6), rgba(240, 240, 200, 0));
  background-image: -ms-linear-gradient(top, rgba(240, 240, 200, 0.6), rgba(240, 240, 200, 0));
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#CCF0F0C8', EndColorStr='#00F0F0C8')
}
.hard_bottom_border {
  position: absolute;
  left: 12px;
  top: auto;
  bottom: 0;
  height: 3px;
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#00F0F0C8', EndColorStr='#77C8C896')
}
.hard_bottom_border_width {
  left: .4%;
  width: 99.6%
}
.hard_right_border {
  position: absolute;
  left: auto;
  right: 0;
  top: 1px;
  width: 3px;
  height: 100%;
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -ms-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#00F0F0C8', EndColorStr='#77C8C896')
}
.hard_left_body {
  position: absolute;
  left: 2.5%;
  top: 0;
  width: 1.5%;
  height: 100%;
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(40, 40, 20, 0)), color-stop(35%, rgba(40, 40, 20, 0.4)), to(rgba(40, 40, 20, 0)));
  background-image: linear-gradient(left, rgba(40, 40, 20, 0) 0, rgba(40, 40, 20, 0.4) 35%, rgba(40, 40, 20, 0) 100%);
  background-image: -o-linear-gradient(left, rgba(40, 40, 20, 0) 0, rgba(40, 40, 20, 0.4) 35%, rgba(40, 40, 20, 0) 100%);
  background-image: -ms-linear-gradient(left, rgba(40, 40, 20, 0) 0, rgba(40, 40, 20, 0.4) 35%, rgba(40, 40, 20, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#77282815', EndColorStr='#00282815')
}
.hard_inner_left_border {
  position: absolute;
  z-index: 1;
  left: 0;
  right: auto;
  top: 0;
  width: 10px;
  height: 100%;
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(150, 150, 150, 0.4)), to(rgba(180, 180, 180, 0)));
  background-image: linear-gradient(left, rgba(150, 150, 150, 0.4), rgba(180, 180, 180, 0));
  background-image: -o-linear-gradient(left, rgba(150, 150, 150, 0.4), rgba(180, 180, 180, 0));
  background-image: -ms-linear-gradient(left, rgba(150, 150, 150, 0.4), rgba(180, 180, 180, 0));
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#66969696', EndColorStr='#00B4B4B4')
}
.hard_left_cover_border {
  position: absolute;
  z-index: 0;
  left: 0;
  right: auto;
  top: 0;
  width: 4px;
  height: 100%;
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(180, 180, 140, 0.6)), to(rgba(180, 180, 140, 0)));
  background-image: linear-gradient(left, rgba(180, 180, 140, 0.6), rgba(180, 180, 140, 0));
  background-image: -o-linear-gradient(left, rgba(180, 180, 140, 0.6), rgba(180, 180, 140, 0));
  background-image: -ms-linear-gradient(left, rgba(180, 180, 140, 0.6), rgba(180, 180, 140, 0));
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#CCF0F0C8', EndColorStr='#00F0F0C8')
}
.flip_x {
  -webkit-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  transform: scaleX(-1);
  -webkit-filter: FlipH;
  filter: FlipH
}
html, body {
  overflow: hidden;
  margin: 0;
  padding: 0;
  -webkit-overflow-scrolling: touch;
  width: 100%;
  height: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}
.body {
  overflow: hidden;
  height: 100%;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: -webkit-transform 200ms;
  -o-transition: -o-transform 200ms;
  transition: -webkit-transform 200ms;
  -o-transition: transform 200ms;
  transition: transform 200ms;
  transition: transform 200ms, -webkit-transform 200ms;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none
}
.body100 {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: fixed
}
#main {
  position: relative
}
a:focus, input:focus, p:focus, div:focus {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  outline: 0
}
input, button, select, textarea {
  outline: 0;
  font-family: inherit;
  font: inherit;
  color: inherit;
  text-transform: none
}
.scroll {
  overflow-y: auto;
  overflow-x: hidden
}
.scroll::-webkit-scrollbar {
  width: 5px
}
.scroll:hover::-webkit-scrollbar-thumb {
  background-color: #CCC
}
hr {
  border-color: #ccc;
  border-style: solid;
  border-width: 1px 0 0 0
}
table {
  border-spacing: 0;
  border-collapse: collapse;
  background-color: transparent
}
.table {
  border-collapse: collapse !important;
  width: 100%;
  max-width: 100%
}
.flipbook-viewport, .boxdiv {
  position: absolute;
  width: 100%;
  height: 100%
}
.page {
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  background-size: 100% 100%;
  overflow: hidden;
  background-color: #FFF
}
.page .highlight {
  background: #F7F910
}
.page div {
  position: absolute;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box
}
.page hr {
  height: 0;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eee
}
.group .dhc {
  overflow: visible
}
.dhc {
  width: inherit;
  height: inherit;
  overflow: hidden;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box
}
.dhc video {
  width: 100%;
  height: 100%
}
.text {
  font-size: 18px;
  outline: 0;
  color: #000;
  line-height: 1.42857143
}
.text .dhc {
  padding: 10px;
  outline: 0;
  word-wrap: break-word;
  -ms-word-wrap: break-word;
  overflow: hidden
}
.text div {
  position: static
}
.qz-justify .dhc div {
  text-align: justify;
  -moz-text-align-last: justify;
  text-align-last: justify
}
.qz-justify .dhc div:after {
  display: inline-block;
  content: '';
  overflow: hidden;
  width: 100%;
  height: 0
}
.table {
  margin-bottom: 0
}
.table .dhc {
  overflow: visible;
  padding: 0
}
.dhc table {
  border: 1px solid #676767;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%
}
.dhc table td, .dhc table th {
  border: 1px solid #676767;
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  padding: 5px
}
.shape {
  width: 100px;
  height: auto;
  top: 0;
  left: 0
}
.shape svg {
  position: absolute
}
.video .dhc {
  background: #000;
  position: absolute
}
.video .dhc .videoplaybtn {
  width: 52px;
  height: 52px;
  background: url("../image/spplay.svg") no-repeat;
  background-size: 100% 100%;
  opacity: .8;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -26px;
  margin-top: -26px;
  display: block
}
.video .videoplaybtn:hover {
  opacity: 1;
  cursor: pointer
}
.link a {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute
}
.animated {
  display: none
}
.flhide {
  display: none
}
.event {
  cursor: pointer
}
.grid .dhc {
  background-repeat: no-repeat;
  background-size: 100% 100%
}
.onerow {
  white-space: nowrap
}
.onerow .dhc {
  overflow: visible
}
.dhc.scroll {
  overflow: hidden
}
.liutext > .dhc > div {
  position: static
}
.form .dhc {
  border: 1px solid #E1E1E1;
  background-color: #fff;
  font-size: 16px
}
.flsubmit .dhc {
  background-color: #7a90b2;
  border: 0
}
.form input, .form textarea, .form select {
  padding: 5px;
  width: inherit;
  height: inherit;
  border: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #676767
}
.form .options, .form .radio-title, .form .option-group {
  position: static;
  color: #676767
}
.form .options {
  width: inherit
}
.form .radio-title {
  width: inherit;
  line-height: 40px;
  padding-left: 5px;
  border-bottom: 1px solid #E1E1E1
}
.form .option-group {
  width: inherit;
  padding: 5px;
  margin-bottom: 5px
}
.form .option-group label {
  margin: 0;
  font-weight: 400
}
.form .option-group label span {
  margin-left: 5px
}
.form .hxxs .option-group {
  float: left;
  width: auto
}
.form button {
  width: inherit;
  height: inherit;
  border: 0;
  outline: 0;
  background: 0;
  padding: 0;
  margin: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff
}
.popupContent {
  display: none
}
.praise {
  cursor: pointer
}
.praise .dhc {
  text-align: center;
  color: #2CABDF;
  font-size: 20px
}
.praise .dhc span {
  display: block
}
.praise .dhc > .icon > i {
  font-size: 22px
}
.praise.l-r .dhc > .icon {
  margin-right: 10px
}
.praise.l-r .dhc span {
  display: inline
}
.praise.l-r .dhc::before {
  content: '';
  height: 100%;
  display: inline-block;
  vertical-align: middle
}
.downmore {
  position: absolute;
  z-index: 1001000;
  text-align: center;
  top: 50%;
  left: 50%;
  display: none
}
.downmore p {
  line-height: 50px;
  color: #fff
}
.downmore a {
  color: #fff;
  text-decoration: none;
  padding: 15px 40px 15px 40px;
  border: 1px solid transparent
}
.downmore a:hover {
  border: 1px solid #fff
}
.downmore a i {
  margin-right: 10px;
  font-size: 26px;
  position: relative;
  top: 4px
}
#imgloadbox {
  height: 100%;
  padding-left: 5px;
  visibility: hidden;
  display: inline-block
}
#imgloadbox i {
  color: #fff;
  font-size: 14px;
  position: absolute;
  width: 16px;
  height: 16px;
  top: 13px;
  text-align: center;
  line-height: 16px;
  -webkit-animation: rotate360 .5s linear 0s infinite normal;
  animation: rotate360 .5s linear 0s infinite normal
}
video::-internal-media-controls-download-button {
  display: none
}
video::-webkit-media-controls-enclosure {
  overflow: hidden
}
.flipx {
  -webkit-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  transform: scaleX(-1);
  -webkit-filter: FlipH;
  filter: FlipH
}
.flipy {
  -webkit-transform: scaleY(-1);
  -ms-transform: scaleY(-1);
  transform: scaleY(-1);
  -webkit-filter: FlipV;
  filter: FlipV
}
.mf-make-btn {
  height: 100%;
  float: right;
  padding: 0 10px 0 10px
}
.mf-make-btn:before {
  content: "";
  pointer-events: none;
  height: 100%;
  display: inline-block;
  vertical-align: middle
}
.mf-make-btn a {
  color: #fff;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.7);
  text-decoration: underline;
  vertical-align: middle
}
.tcck {
  width: 100%;
  height: 100%;
  z-index: 9999999000;
  background: #000;
  position: absolute;
  display: none;
  left: 0;
  top: 0
}
.tcck_gb {
  width: 50px;
  height: 50px;
  display: block;
  position: fixed;
  top: 20px;
  right: 20px;
  z-index: 1001000;
  font-size: 36px;
  color: #ccc;
  text-align: center;
  line-height: 50px
}
.tcck_gb:hover {
  cursor: pointer;
  color: #fff
}
.objhtml {
  width: 100%;
  height: 100%;
  position: fixed;
  text-align: center
}
.objhtml .videobox {
  max-width: 640px;
  max-height: 498px;
  position: fixed
}
.objhtml iframe {
  max-width: 640px;
  max-height: 498px
}
.zoom img {
  display: none
}
.zoom .ewmimg {
  display: block
}
.zoom {
  cursor: pointer
}
.zoom:hover > .dhc::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  -webkit-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
  background: url("../image/magnifier.png") no-repeat center center rgba(0, 0, 0, 0.6)
}
.objhtml img {
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -webkit-transition: all 500ms;
  -o-transition: all 500ms;
  transition: all 500ms;
  background: url(../image/jz-s1.gif) center center no-repeat;
  border: 0;
  outline: 0
}
.jmbox {
  width: 100%;
  height: 100%;
  z-index: 9999999000;
  background: rgba(25, 25, 25, 0.9);
  position: absolute
}
.jmbox .dlbox {
  width: 90%;
  max-width: 400px;
  min-height: 280px;
  background: #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  padding: 20px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box
}
.jmbox .jmicon {
  width: 100px;
  height: 100px;
  margin: 0 auto;
  background: #32395B;
  color: #fff;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  line-height: 100px;
  text-align: center
}
.jmbox .jmicon i {
  font-size: 50px
}
.jmbox .mmsrbox input {
  width: 100%;
  height: 50px;
  border: 0;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  background: #EBEBEB;
  padding: 10px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  font-size: 18px;
  color: #676767
}
.jmbox .mmsrbox .inputvl {
  background: #189BED;
  cursor: pointer;
  color: #fff
}
.jmbox .mmsrbox .mmtsbox {
  background: #FCF8E3;
  padding: 10px;
  color: #A79066;
  font-size: 12px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border: 1px solid #FAEBCC
}
.zzz {
  position: fixed;
  z-index: 999000;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  left: 0;
  top: 0;
  display: none
}
.tcfx div {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box
}
.tcfx a {
  text-decoration: none
}
.tcfx {
  width: 580px;
  height: 400px;
  background: #FFF;
  position: fixed;
  left: 50%;
  top: 50%;
  margin-left: -290px;
  margin-top: -200px;
  display: none;
  z-index: 1001000;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  font-size: 14px
}
.tcfx h2 {
  font-size: 28px;
  font-weight: 400;
  margin: 0
}
.tcfx h3 {
  font-size: 14px;
  font-weight: 400;
  margin: 10px 0 10px 0
}
.tcfx .headbox {
  height: 100px;
  color: #fff;
  background: url('../image/fxbg.jpg') no-repeat;
  padding: 20px;
  background-size: 100%;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px
}
.tcfx .fxnrbox {
  padding: 40px
}
.tcfx .lbox {
  width: 272px;
  border-right: 1px solid #D0D0D0;
  height: 210px;
  float: left
}
.tcfx .rbox {
  float: right;
  width: 200px;
  margin-top: -10px
}
.tcfx .lbtnbox a {
  width: 50px;
  height: 50px;
  display: inline-block;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  line-height: 50px;
  text-align: center;
  margin: 0 10px 10px 0
}
.tcfx .lbtnbox a i {
  font-size: 28px;
  color: #fff
}
.fx-wx {
  background: #51C332
}
.fx-wx:hover {
  background: #31B212
}
.fx-qq {
  background: #64D5FC
}
.fx-qq:hover {
  background: #51CBF8
}
.fx-kj {
  background: #F7AE32
}
.fx-kj:hover {
  background: #F09E30
}
.fx-wb {
  background: #EB452F
}
.fx-wb:hover {
  background: #E3422D
}
.fx-db {
  background: #499A19
}
.fx-db:hover {
  background: #408919
}
.fx-tb {
  background: #268FFA
}
.fx-tb:hover {
  background: #0F83F7
}
.fx-ly {
  background: #207CC6
}
.fx-ly:hover {
  background: #086CBC
}
.fx-yy {
  background: #05A57C
}
.fx-yy:hover {
  background: #088B6A
}
.fx-hb {
  background: #7EAA17
}
.fx-hb:hover {
  background: #6A8E15
}
.fx-er {
  background: #76BD30
}
.fx-er:hover {
  background: #4CAF50
}
.fx-lj {
  background: #29B6F6
}
.fx-lj:hover {
  background: #00A2EA
}
.tcfx .lfzkbox {
  margin-top: 20px
}
.tcfx .lfzkbox .ljfz {
  margin-bottom: 10px
}
.tcfx .lfzkbox input, .tcfx .lfzkbox button {
  height: 30px;
  border: 1px solid #E2E2E2;
  background: #fff;
  width: 113px;
  color: #808080;
  vertical-align: middle
}
.tcfx .lfzkbox input {
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
  padding: 0 5px 0 20px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box
}
.tcfx .lfzkbox button {
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
  padding-right: 20px;
  border-left: none;
  cursor: pointer
}
.tcfx .lfzkbox input:hover {
  border: 1px solid #FF7E0C
}
.tcfx .lfzkbox button:hover {
  background: #FF7E0C;
  color: #fff;
  border: 0
}
.tcfx .rwmbox {
  width: 182px;
  height: 182px;
  background: #828282;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px
}
.tcfx .rwmbox canvas, .tcfx .rwmbox img {
  width: 184px;
  height: 184px
}
.tcfx .rbtnbox {
  margin-top: 5px
}
.tcfx .rbtnbox button {
  display: inline-block;
  width: 90px;
  background: #fff;
  color: #808080;
  border: 1px solid #E2E2E2;
  height: 30px;
  cursor: pointer
}
.tcfx .rbtnbox .wxb {
  border-right: 0;
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px
}
.tcfx .rbtnbox .xcxb {
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px
}
.tcfx .rbtnbox .jh {
  background: #FF7E0C;
  color: #fff;
  border: 0
}
.tcfxgb, .hbtgb {
  width: 50px;
  height: 50px;
  position: absolute;
  z-index: 1002000;
  top: 0;
  right: -50px;
  font-size: 100px;
  color: #FFF;
  font-weight: 100;
  background: url(../image/close.png) no-repeat;
  cursor: pointer
}
#xcxqrcode {
  width: 118px;
  height: 118px;
  float: left
}
#mailbox {
  display: none;
  padding: 60px 40px;
  text-align: center;
  position: relative
}
#mailbox .qxbtn {
  position: absolute;
  left: 20px;
  top: 20px;
  color: #808080
}
#mailbox .qxbtn:hover {
  color: #333
}
#mailbox .tt {
  font-size: 22px
}
#mailbox input, #sjmailbox input {
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  border: 1px solid #E2E2E2;
  background: #fff;
  max-width: 360px;
  color: #808080;
  padding: 10px;
  font-size: 16px;
  text-align: center;
  margin: 20px
}
#mailbox .ft a {
  display: block;
  margin: 0 auto;
  margin-bottom: 10px
}
#mailbox .postmail {
  width: 150px;
  height: 40px;
  line-height: 40px;
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  text-align: center;
  background: #FF7E0C;
  color: #fff
}
#mailbox .postmail:hover {
  background: #E5710A
}
.ft .er {
  color: red;
  margin-top: 20px
}
.ft .er i, .ft .ok i {
  margin-right: 5px
}
.ft .ok {
  color: green;
  margin-top: 20px
}
#sjmailbox {
  padding: 20px;
  text-align: center
}
#sjmailbox .postmail {
  width: 150px;
  height: 40px;
  line-height: 40px;
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  text-align: center;
  background: #FF7E0C;
  color: #fff;
  display: block;
  margin: 0 auto
}
#sjmailbox .postmail:hover {
  background: #E5710A
}
#sjmailbox .ft .er {
  color: red;
  margin-top: 20px
}
#sjmailbox .ft .er i {
  margin-right: 5px
}
#hbtbox {
  width: 480px;
  height: 787px;
  position: absolute;
  top: 20px;
  margin-left: -240px;
  z-index: 1002000;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  display: none
}
#hbtbox .jtbox {
  width: 100%;
  height: 100%;
  background: url('../image/fxtbg.jpg') no-repeat 100% 100%;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px
}
#hbtbox table {
  width: 357px;
  height: 357px;
  margin: 0 auto
}
#hbtbox table td {
  text-align: center;
  vertical-align: bottom
}
#hbtbox table td img {
  max-height: 250px;
  max-width: 250px
}
#hbtbox h3 {
  font-size: 27px;
  font-weight: 400
}
#hbtbox .nrbox {
  text-align: center
}
#hbtbox .nrbox h3 {
  margin-top: 50px;
  color: #000;
  padding: 10px 40px 10px 40px;
  margin-bottom: 0
}
#hbtbox .nrbox p {
  color: #6A6A6A;
  padding: 10px 40px 10px 40px
}
#hbtbox .nrbox div {
  margin-top: 30px;
  padding: 10px 40px 10px 40px
}
#hbtbox .footbox {
  position: absolute;
  bottom: 50px;
  left: 30px
}
#hbtbox .footbox h3 {
  margin-top: 0
}
#hbtbox .footbox p {
  color: #A7A7A7;
  margin-bottom: 2px
}
#hbtbox .ewm {
  width: 128px;
  height: 128px;
  position: absolute;
  right: 30px;
  bottom: 30px
}
#hbtbox .canvasbox {
  width: 100%;
  height: 100%;
  background: url("../image/jz-s1.gif") #000 center center no-repeat;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 5px;
  overflow: hidden
}
#hbtbox .canvasbox div {
  background-color: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 50px;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  text-align: center;
  line-height: 50px;
  -webkit-transition: opacity .2s;
  -o-transition: opacity .2s;
  transition: opacity .2s;
  -webkit-transition: -webkit-transform 200ms;
  -moz-transition: -moz-transform 200ms;
  -o-transition: -o-transform 200ms
}
#hbtbox .canvasbox div a {
  padding: 5px 10px 5px 10px;
  color: #fff;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  background-color: #FF7E0C
}
#hbtbox .canvasbox:hover div {
  opacity: 1
}
#hbtbox .canvasbox div span {
  float: left;
  color: #fff;
  margin-left: 10px;
  font-size: 14px
}
#hbtbox .canvasbox div a[name=gbhbtbox] {
  float: right;
  padding: 0;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  margin-right: 10px;
  margin-top: 10px;
  font-size: 18px
}
.sjtcfx {
  width: 100%;
  background: #FFF;
  position: fixed;
  bottom: 0;
  z-index: 1110000;
  -webkit-transform: translate3d(0, 100%, 0);
  -ms-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  -webkit-transition: -webkit-transform 200ms;
  -o-transition: -o-transform 200ms;
  transition: -webkit-transform 200ms;
  -o-transition: transform 200ms;
  transition: transform 200ms;
  transition: transform 200ms, -webkit-transform 200ms
}
.sjtcfx.jh {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}
.sjtcfx a {
  text-decoration: none;
  font-size: 12px
}
.sjtcfx .sjfxhead {
  height: 50px;
  line-height: 50px;
  padding: 0 20px 0 20px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  color: rgba(0, 0, 0, 0.8);
  font-size: 16px;
  text-align: center;
  overflow: hidden
}
.sjtcfx .sjfxhead a {
  float: left
}
.sjtcfx .sjfxhead span {
  float: right;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.4)
}
.sjtcfx a {
  color: rgba(0, 0, 0, 0.7)
}
.sjtcfx .fxbtnbox {
  margin: 20px
}
.sjtcfx .fxbtnbox table {
  width: 100%
}
.sjtcfx .fxbtnbox table td {
  text-align: center;
  height: 90px;
  vertical-align: top
}
.sjtcfx .fxbtnbox a {
  width: 50px;
  height: 50px;
  display: inline-block;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  line-height: 50px;
  text-align: center;
  margin-bottom: 5px
}
.sjtcfx .fxbtnbox a i {
  font-size: 28px;
  color: #fff
}
.sjtcfx .fxbtnbox p {
  line-height: 20px;
  margin: 0
}
.sjtcfx .rbtnbox {
  text-align: center;
  margin-bottom: 10px
}
.sjtcfx .rbtnbox button {
  display: inline-block;
  width: 90px;
  background: #fff;
  color: #808080;
  border: 1px solid #E2E2E2;
  height: 30px;
  font-size: 14px
}
.sjtcfx .rbtnbox .wxb {
  border-right: 0;
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px
}
.sjtcfx .rbtnbox .xcxb {
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px
}
.sjtcfx .rbtnbox .jh {
  background: #FF7E0C;
  color: #fff;
  border: 0
}
.sjtcfx .qxbtn a {
  width: 100%;
  height: 50px;
  line-height: 50px;
  text-align: center;
  display: block;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  font-size: 16px
}
.fxts {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1111000;
  background-color: rgba(0, 0, 0, 0.8);
  background-image: url('../image/sharetips.png');
  background-repeat: no-repeat;
  background-size: 100%;
  display: none
}
#sjqrcode, #sjxcxqrcode {
  text-align: center;
  padding: 10px
}
#sjqrcode img, #sjxcxqrcode img {
  width: 200px;
  height: 200px
}
.music {
  display: none
}
.tools {
  position: absolute;
  height: 46px;
  width: 100%;
  z-index: 999000;
  background: rgba(0, 0, 0, 0.6)
}
.top_bar {
  top: 0;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  padding: 0;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  -webkit-transition: -webkit-transform 500ms;
  -o-transition: -o-transform 500ms;
  transition: -webkit-transform 500ms;
  -o-transition: transform 500ms;
  transition: transform 500ms;
  transition: transform 500ms, -webkit-transform 500ms
}
.top_bar_hide {
  -webkit-transform: translate3d(0, -50px, 0);
  -ms-transform: translate3d(0, -50px, 0);
  transform: translate3d(0, -50px, 0)
}
.bottom_bar {
  bottom: 0;
  text-align: center;
  -webkit-transition: -webkit-transform 500ms;
  -o-transition: -o-transform 500ms;
  transition: -webkit-transform 500ms;
  -o-transition: transform 500ms;
  transition: transform 500ms;
  transition: transform 500ms, -webkit-transform 500ms
}
.helpzzbox {
  width: 100%;
  height: 100%;
  background: #000;
  position: absolute;
  z-index: 888000;
  opacity: .8;
  display: none
}
.bottom_bar_hide {
  -webkit-transform: translate3d(0, 50px, 0);
  -ms-transform: translate3d(0, 50px, 0);
  transform: translate3d(0, 50px, 0)
}
.top_right_btn {
  float: right;
  height: 100%
}
.bottom_left_btn {
  position: absolute;
  display: inline-block;
  left: 0;
  top: 0;
  height: 100%
}
.bottom_right_btn {
  position: absolute;
  right: 0;
  top: 0;
  display: inline-block;
  height: 100%
}
.center_btn {
  height: 100%;
  width: 404px;
  margin: 0 auto;
  text-align: center
}
.center_btnn {
  display: inline-block;
  height: 100%
}
.btnbox {
  width: 42px;
  height: 100%;
  float: left;
  display: inline-block;
  padding: 0
}
.btnbox2 {
  width: 68px;
  height: 100%;
  float: left;
  padding: 0
}
.btnbox3 {
  max-width: 300px;
  height: 100%;
  float: left;
  padding: 0
}
.btnbox4 {
  width: 42px;
  height: 100%;
  float: left;
  padding: 0;
  cursor: pointer
}
.btn {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  cursor: pointer;
  text-align: center;
  position: relative
}
.btnhover:hover {
  background: rgba(255, 255, 255, 0.1);
  border-bottom: 2px #ECF5FB solid
}
.btn:active {
  background: rgba(255, 255, 255, 0.2);
  border-bottom: 2px #ECF5FB solid
}
.top_right_btn .btnbox {
  width: 35px
}
.more {
  line-height: 40px
}
.more i {
  font-size: 14px
}
.searchbox {
  width: 260px;
  height: 30px;
  background: #A4A4A4;
  margin: 8px 8px 0 8px;
  position: relative;
  float: right
}
.searchbox input {
  width: 230px;
  height: 20px;
  line-height: 20px;
  border: 0;
  background: 0;
  margin: 5px 0 0 10px
}
.searchbox a {
  color: #272727;
  position: absolute;
  right: 10px;
  top: 5px;
  width: 20px;
  height: 20px;
  display: inline-block;
  cursor: pointer
}
.searchbox a:hover {
  color: #707070
}
.searchbox.jh {
  background: #fff
}
#messagebox {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: #fff;
  max-width: 640px;
  margin: 0 auto;
  opacity: 0;
  transform: translate3d(-100%, 0, 0);
  -webkit-transform: translate3d(-100%, 0, 0);
  -moz-transform: translate3d(-100%, 0, 0);
  -o-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  -webkit-transition: -webkit-transform 300ms;
  -o-transition: -o-transform 300ms;
  transition: -webkit-transform 300ms;
  -o-transition: transform 300ms;
  transition: transform 300ms;
  transition: transform 300ms, -webkit-transform 300ms;
  z-index: 1002000
}
#messagebox.showmsgbox {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0)
}
#messagebox .index {
  overflow: hidden;
  height: calc(100% - 65px)
}
#messagebox h2 {
  font-size: 18px;
  font-weight: 100;
  background: #F8F8F8;
  margin: 0;
  padding: 20px;
  border-bottom: 1px solid #EEE
}
#messagebox h2 i {
  margin-right: 10px
}
#messagebox h2 a {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  width: 65px;
  height: 65px;
  text-align: center;
  line-height: 65px;
  font-size: 36px;
  cursor: pointer
}
#messagebox .formbox {
  padding: 20px
}
#messagebox .formbox .cuowu {
  color: #F00;
  margin: 10px 0 0 0
}
#messagebox .formbox .cuowu i {
  margin-right: 6px;
  font-size: 14px
}
#messagebox textarea {
  display: block;
  border: 1px solid #E1E1E1;
  padding: 10px;
  font-size: 16px;
  width: 100%;
  margin-top: 20px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box
}
#messagebox input {
  border: 1px solid #E1E1E1;
  padding: 10px;
  font-size: 16px;
  width: calc(50% - 10px);
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  height: 40px
}
#messagebox input[name=tel] {
  float: right
}
#messagebox button {
  border: 0;
  background: #DDD;
  margin-top: 20px;
  height: 40px;
  width: 100%;
  cursor: pointer
}
#messagebox .msgc {
  padding: 20px
}
#messagebox .msgcli {
  margin-top: 20px
}
#messagebox .linr {
  border: 1px solid #F6F6F6;
  padding: 20px;
  color: #555;
  font-size: 14px
}
#messagebox .linr hr {
  background-color: #F6F6F6;
  height: 1px;
  border: 0;
  margin: 20px 0 20px 0
}
#messagebox .litop {
  display: inline-block;
  background: #F6F6F6;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  padding: 10px 20px 10px 20px;
  color: #545454
}
#messagebox .litop i, #messagebox .litop span {
  margin-right: 10px
}
#messagebox .litop font {
  color: #A5A5A5;
  font-size: 14px
}
#messagebox .lihf span {
  font-weight: bold
}
#messagebox .postok {
  text-align: center;
  padding: 40px
}
#messagebox .postok i {
  font-size: 48px
}
#messagebox .postok a {
  font-size: 14px;
  text-decoration: underline;
  cursor: pointer
}
.map-nav-box {
  position: absolute;
  bottom: 0;
  background-color: #fff;
  width: 100%;
  height: 54px;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  z-index: 1
}
.map-nav-box .address-name {
  height: 30px;
  margin: 12px;
  float: left
}
.map-nav-box .address-name P {
  margin: 0;
  font-size: 13px;
  padding: 0;
  line-height: 16px
}
.map-nav-box .address-name p:nth-of-type(2) {
  color: #999;
  font-size: 12px
}
.map-nav-box .go-here {
  height: 30px;
  color: #fff;
  padding: 0 10px;
  border-radius: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  right: 0;
  background-color: #1593ff;
  font-size: 12px;
  margin: 12px
}
.map-nav-box .go-here i {
  position: relative;
  top: 2px;
  margin-right: 5px
}
.btn i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  color: #fff
}
.iconoo {
  width: 16px;
  height: 16px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  margin: auto;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box
}
.iconoo:before, .iconoo:after {
  content: '';
  pointer-events: none;
  position: absolute
}
.iconoo span {
  display: inline-block;
  position: absolute
}
.iconoo-mulu {
  border: 1px solid;
  width: 14px
}
.iconoo-mulu:before {
  border-top: 1px solid;
  width: 5px;
  left: 2px;
  right: 0;
  top: 2px
}
.iconoo-mulu:after {
  border-top: 1px solid;
  width: 8px;
  left: 2px;
  top: 5px;
  box-shadow: 0 3px, 0 6px;
  -webkit-box-shadow: 0 3px, 0 6px;
  -moz-box-shadow: 0 3px, 0 6px;
  -ms-box-shadow: 0 3px, 0 6px;
  -o-box-shadow: 0 3px, 0 6px
}
.iconoo-fengmian {
  border-left: 1px solid
}
.iconoo-fengmian:before, .iconoo-shangyiye:before {
  width: 11px;
  height: 11px;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  border-left: 1px solid;
  border-bottom: 1px solid;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg)
}
.iconoo-fengmian:after, .iconoo-shangyiye:after, .iconoo-xiayiye:after, .iconoo-fengdi:after {
  width: 100%;
  border-top: 1px solid;
  left: 0;
  margin-top: calc(50% - 0.5px)
}
.iconoo-xiayiye:before, .iconoo-fengdi:before {
  width: 11px;
  height: 11px;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  border-right: 1px solid;
  border-bottom: 1px solid;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg)
}
.iconoo-fengdi {
  border-right: 1px solid
}
.iconoo-more {
  width: 18px;
  height: 18px;
  border: 1px solid;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%
}
.iconoo-more:before {
  width: 0;
  height: 0;
  border: 1px solid;
  left: 3px;
  top: 7px;
  box-shadow: 4px 0, 8px 0;
  -webkit-box-shadow: 4px 0, 8px 0;
  -moz-box-shadow: 4px 0, 8px 0;
  -ms-box-shadow: 4px 0, 8px 0;
  -o-box-shadow: 4px 0, 8px 0
}
.iconoo-liuyan {
  width: 16px;
  height: 12px;
  border-top: 1px solid;
  border-left: 1px solid;
  border-right: 1px solid;
  margin-top: -2px;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px
}
.iconoo-liuyan:before {
  width: 0;
  height: 0;
  border: 1px solid;
  left: 2px;
  top: 4px;
  box-shadow: 4px 0, 8px 0;
  -webkit-box-shadow: 4px 0, 8px 0;
  -moz-box-shadow: 4px 0, 8px 0;
  -ms-box-shadow: 4px 0, 8px 0;
  -o-box-shadow: 4px 0, 8px 0
}
.iconoo-liuyan:after {
  width: 1px;
  height: 0;
  border-bottom: 1px solid;
  left: 0;
  top: 10px;
  box-shadow: 1px 0, 2px 0, 3px 0, 3px 1px, 3px 2px, 3px 3px, 3px 4px, 4px 4px, 5px 3px, 6px 2px, 7px 1px, 8px 0, 9px 0, 10px 0, 11px 0, 12px 0, 13px 0;
  -webkit-box-shadow: 1px 0, 2px 0, 3px 0, 3px 1px, 3px 2px, 3px 3px, 3px 4px, 4px 4px, 5px 3px, 6px 2px, 7px 1px, 8px 0, 9px 0, 10px 0, 11px 0, 12px 0, 13px 0;
  -moz-box-shadow: 1px 0, 2px 0, 3px 0, 3px 1px, 3px 2px, 3px 3px, 3px 4px, 4px 4px, 5px 3px, 6px 2px, 7px 1px, 8px 0, 9px 0, 10px 0, 11px 0, 12px 0, 13px 0;
  -ms-box-shadow: 1px 0, 2px 0, 3px 0, 3px 1px, 3px 2px, 3px 3px, 3px 4px, 4px 4px, 5px 3px, 6px 2px, 7px 1px, 8px 0, 9px 0, 10px 0, 11px 0, 12px 0, 13px 0;
  -o-box-shadow: 1px 0, 2px 0, 3px 0, 3px 1px, 3px 2px, 3px 3px, 3px 4px, 4px 4px, 5px 3px, 6px 2px, 7px 1px, 8px 0, 9px 0, 10px 0, 11px 0, 12px 0, 13px 0
}
.iconoo-about {
  width: 18px;
  height: 18px;
  border: 1px solid;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%
}
.iconoo-about:before {
  width: 0;
  height: 0;
  border: 1px solid;
  left: 7px;
  top: 3px
}
.iconoo-about:after {
  width: 0;
  height: 4px;
  border: 1px solid;
  left: 7px;
  top: 7px
}
.iconoo-Ankerwebicon {
  width: 18px;
  height: 18px;
  border: 1px solid;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%
}
.iconoo-Ankerwebicon span {
  width: 0;
  height: 0;
  border: 1px solid;
  left: 7px;
  top: 7px
}
.iconoo-Ankerwebicon:before {
  width: 6px;
  height: 16px;
  border: 1px solid;
  left: 4px;
  top: -1px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%
}
.iconoo-Ankerwebicon:after {
  width: 16px;
  height: 6px;
  border: 1px solid;
  left: -1px;
  top: 4px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%
}
.iconoo-xiazai {
  width: 16px;
  height: 16px;
  border-bottom: 1px solid
}
.iconoo-xiazai:before {
  width: 11px;
  height: 11px;
  border-right: 1px solid;
  border-bottom: 1px solid;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  top: 1px;
  left: 2px
}
.iconoo-xiazai:after {
  width: 0;
  height: 14px;
  border-left: 1px solid;
  top: 0;
  left: 8px
}
.iconoo-sousuo1 {
  width: 16px;
  height: 16px
}
.iconoo-sousuo1:before {
  width: 12px;
  height: 12px;
  border: 1px solid;
  top: 0;
  left: 0;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%
}
.iconoo-sousuo1:after {
  width: 0;
  height: 2px;
  border: 1px solid;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  top: 12px;
  left: 12px
}
.iconoo-shujia {
  width: 6px;
  height: 16px;
  border: 1px solid;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px
}
.iconoo-shujia:before {
  width: 4px;
  height: 8px;
  border-top: 1px solid;
  border-left: 1px solid;
  border-bottom: 1px solid;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
  left: -6px;
  top: 5px
}
.iconoo-shujia:after {
  width: 4px;
  height: 10px;
  border-top: 1px solid;
  border-right: 1px solid;
  border-bottom: 1px solid;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  left: 5px;
  top: 3px
}
.iconoo-shujia span {
  width: 3px;
  border-top: 1px solid;
  top: 10px;
  left: 1px;
  box-shadow: -5px 0, 5px 0, -5px 2px, 0 2px, 5px 2px;
  -webkit-box-shadow: -5px 0, 5px 0, -5px 2px, 0 2px, 5px 2px;
  -moz-box-shadow: -5px 0, 5px 0, -5px 2px, 0 2px, 5px 2px;
  -ms-box-shadow: -5px 0, 5px 0, -5px 2px, 0 2px, 5px 2px;
  -o-box-shadow: -5px 0, 5px 0, -5px 2px, 0 2px, 5px 2px
}
.iconoo-zhuye {
  width: 12px;
  height: 8px;
  margin-top: 4px;
  border-left: 1px solid;
  border-bottom: 1px solid;
  border-right: 1px solid;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px
}
.iconoo-zhuye:after {
  width: 11px;
  height: 11px;
  border-top: 1px solid;
  border-left: 1px solid;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  left: -1px;
  top: -6px
}
.iconoo-zhuye:before {
  width: 2px;
  height: 2px;
  border-top: 1px solid;
  border-right: 1px solid;
  top: -7px;
  left: 9px
}
.iconoo-comiisfangda, .iconoo-comiissuoxiao {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border: 1px solid;
  top: 0;
  left: 0
}
.iconoo-comiisfangda:after, .iconoo-comiissuoxiao:after {
  width: 0;
  height: 2px;
  border: 1px solid;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  top: 11px;
  left: 11px
}
.iconoo-comiisfangda:before {
  width: 0;
  height: 0;
  border: 1px solid;
  top: 5px;
  left: 2px;
  box-shadow: 1px 0, 3px 0, 5px 0, 6px 0, 3px -2px, 3px -3px, 3px 2px, 3px 3px;
  -webkit-box-shadow: 1px 0, 3px 0, 5px 0, 6px 0, 3px -2px, 3px -3px, 3px 2px, 3px 3px;
  -moz-box-shadow: 1px 0, 3px 0, 5px 0, 6px 0, 3px -2px, 3px -3px, 3px 2px, 3px 3px;
  -ms-box-shadow: 1px 0, 3px 0, 5px 0, 6px 0, 3px -2px, 3px -3px, 3px 2px, 3px 3px;
  -o-box-shadow: 1px 0, 3px 0, 5px 0, 6px 0, 3px -2px, 3px -3px, 3px 2px, 3px 3px
}
.iconoo-comiissuoxiao:before {
  width: 0;
  height: 0;
  border: 1px solid;
  top: 5px;
  left: 2px;
  box-shadow: 1px 0, 3px 0, 5px 0, 6px 0;
  -webkit-box-shadow: 1px 0, 3px 0, 5px 0, 6px 0;
  -moz-box-shadow: 1px 0, 3px 0, 5px 0, 6px 0;
  -ms-box-shadow: 1px 0, 3px 0, 5px 0, 6px 0;
  -o-box-shadow: 1px 0, 3px 0, 5px 0, 6px 0
}
.iconoo-bangzhu {
  width: 18px;
  height: 18px;
  border: 1px solid;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%
}
.iconoo-bangzhu:before {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border: 1px solid;
  border-left: transparent;
  border-bottom: transparent;
  left: 5px;
  top: 3px
}
.iconoo-bangzhu:after {
  width: 1px;
  height: 0;
  border-top: 1px solid;
  left: 7px;
  top: 8px;
  box-shadow: 0 1px, 0 2px, 0 4px;
  -webkit-box-shadow: 0 1px, 0 2px, 0 4px;
  -moz-box-shadow: 0 1px, 0 2px, 0 4px;
  -ms-box-shadow: 0 1px, 0 2px, 0 4px;
  -o-box-shadow: 0 1px, 0 2px, 0 4px
}
.iconoo-bofang, .iconoo-zanting {
  width: 18px;
  height: 18px;
  border: 1px solid;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%
}
.iconoo-bofang:before {
  width: 0;
  height: 0;
  border-top: 3px solid transparent;
  border-left: 6px solid;
  border-bottom: 3px solid transparent;
  top: 5px;
  left: 6px
}
.iconoo-zanting:before {
  width: 0;
  height: 0;
  border: 3px solid;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  top: 5px;
  left: 5px
}
.iconoo-fenxiang {
  width: 16px;
  height: 16px
}
.iconoo-fenxiang span:nth-child(1) {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border: 1px solid;
  top: 4px;
  left: 0
}
.iconoo-fenxiang span:nth-child(2) {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border: 1px solid;
  top: 0;
  left: 10px
}
.iconoo-fenxiang span:nth-child(3) {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border: 1px solid;
  top: 9px;
  left: 10px
}
.iconoo-fenxiang:before {
  width: 5px;
  height: 0;
  border-top: 1px solid;
  transform: rotate(-29deg);
  -webkit-transform: rotate(-29deg);
  -moz-transform: rotate(-29deg);
  -o-transform: rotate(-29deg);
  -ms-transform: rotate(-29deg);
  left: 5px;
  top: 5px
}
.iconoo-fenxiang:after {
  width: 5px;
  height: 0;
  border-top: 1px solid;
  transform: rotate(31deg);
  -webkit-transform: rotate(31deg);
  -moz-transform: rotate(31deg);
  -o-transform: rotate(31deg);
  -ms-transform: rotate(31deg);
  left: 5px;
  top: 9px
}
.iconoo-erweima2 {
  width: 22px;
  height: 22px
}
.iconoo-erweima2 span:nth-child(1) {
  width: 8px;
  height: 8px;
  border: 1px solid;
  top: 0;
  left: 0
}
.iconoo-erweima2 span:nth-child(2) {
  width: 8px;
  height: 8px;
  border: 1px solid;
  top: 0;
  left: 12px
}
.iconoo-erweima2 span:nth-child(3) {
  width: 8px;
  height: 8px;
  border: 1px solid;
  top: 12px;
  left: 0
}
.iconoo-erweima2:before {
  width: 0;
  height: 0;
  border: 2px solid;
  top: 3px;
  left: 3px;
  box-shadow: 12px 0, 0 12px;
  -webkit-box-shadow: 12px 0, 0 12px;
  -moz-box-shadow: 12px 0, 0 12px;
  -ms-box-shadow: 12px 0, 0 12px;
  -o-box-shadow: 12px 0, 0 12px
}
.iconoo-erweima2:after {
  width: 0;
  height: 0;
  border: 1px solid;
  top: 12px;
  left: 12px;
  box-shadow: 1px 0, 3px 0, 8px 0, 6px 2px, 8px 4px, 4px 4px, 8px 8px, 6px 8px, 6px 6px, 0 1px, 0 3px, 0 6px, 2px 6px, 0 8px;
  -webkit-box-shadow: 1px 0, 3px 0, 8px 0, 6px 2px, 8px 4px, 4px 4px, 8px 8px, 6px 8px, 6px 6px, 0 1px, 0 3px, 0 6px, 2px 6px, 0 8px;
  -moz-box-shadow: 1px 0, 3px 0, 8px 0, 6px 2px, 8px 4px, 4px 4px, 8px 8px, 6px 8px, 6px 6px, 0 1px, 0 3px, 0 6px, 2px 6px, 0 8px;
  -ms-box-shadow: 1px 0, 3px 0, 8px 0, 6px 2px, 8px 4px, 4px 4px, 8px 8px, 6px 8px, 6px 6px, 0 1px, 0 3px, 0 6px, 2px 6px, 0 8px;
  -o-box-shadow: 1px 0, 3px 0, 8px 0, 6px 2px, 8px 4px, 4px 4px, 8px 8px, 6px 8px, 6px 6px, 0 1px, 0 3px, 0 6px, 2px 6px, 0 8px
}
.iconoo-thumbnail {
  width: 16px;
  height: 16px
}
.iconoo-thumbnail span {
  width: 5px;
  height: 5px;
  border: 1px solid;
  top: 0;
  left: 0
}
.iconoo-thumbnail:before {
  width: 5px;
  height: 5px;
  border: 1px solid;
  top: 0;
  left: 9px
}
.iconoo-thumbnail:after {
  width: 5px;
  height: 5px;
  border: 1px solid;
  top: 9px;
  left: 0
}
.iconoo-thumbnail span:before {
  content: '';
  pointer-events: none;
  position: absolute;
  width: 5px;
  height: 5px;
  border: 1px solid;
  top: 8px;
  left: 8px
}
.iconoo-pageswitching {
  width: 16px;
  height: 10px;
  border: 1px solid;
  margin-top: -2px
}
.iconoo-pageswitching:before {
  width: 0;
  height: 8px;
  border-right: 2px solid;
  top: 0;
  left: 6px
}
.iconoo-pageswitching:after {
  width: 16px;
  height: 0;
  border-bottom: 1px solid;
  top: 12px;
  left: -1px
}
.iconoo-pageswitching span {
  width: 1px;
  height: 0;
  border-bottom: 1px solid;
  top: 13px;
  left: 0;
  box-shadow: 1px 1px, 13px -2px, 12px -3px, 0px -11px, 1px -11px, 2px -11px, 3px -11px, 0px -8px, 1px -8px, 2px -8px, 3px -8px, 9px -11px, 10px -11px, 11px -11px, 12px -11px, 9px -8px, 10px -8px, 11px -8px, 12px -8px;
  -webkit-box-shadow: 1px 1px, 13px -2px, 12px -3px, 0px -11px, 1px -11px, 2px -11px, 3px -11px, 0px -8px, 1px -8px, 2px -8px, 3px -8px, 9px -11px, 10px -11px, 11px -11px, 12px -11px, 9px -8px, 10px -8px, 11px -8px, 12px -8px;
  -moz-box-shadow: 1px 1px, 13px -2px, 12px -3px, 0px -11px, 1px -11px, 2px -11px, 3px -11px, 0px -8px, 1px -8px, 2px -8px, 3px -8px, 9px -11px, 10px -11px, 11px -11px, 12px -11px, 9px -8px, 10px -8px, 11px -8px, 12px -8px;
  -ms-box-shadow: 1px 1px, 13px -2px, 12px -3px, 0px -11px, 1px -11px, 2px -11px, 3px -11px, 0px -8px, 1px -8px, 2px -8px, 3px -8px, 9px -11px, 10px -11px, 11px -11px, 12px -11px, 9px -8px, 10px -8px, 11px -8px, 12px -8px;
  -o-box-shadow: 1px 1px, 13px -2px, 12px -3px, 0px -11px, 1px -11px, 2px -11px, 3px -11px, 0px -8px, 1px -8px, 2px -8px, 3px -8px, 9px -11px, 10px -11px, 11px -11px, 12px -11px, 9px -8px, 10px -8px, 11px -8px, 12px -8px
}
.iconoo-back {
  width: 16px;
  height: 16px
}
.iconoo-back:before {
  width: 12px;
  height: 10px;
  border-right: 1px solid;
  border-top: 1px solid;
  top: 5px;
  left: 2px
}
.iconoo-back:after {
  width: 8px;
  height: 8px;
  border-left: 1px solid;
  border-bottom: 1px solid;
  left: 2px;
  top: 1px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg)
}
.iconoo-forward {
  width: 16px;
  height: 16px
}
.iconoo-forward:before {
  width: 12px;
  height: 10px;
  border-left: 1px solid;
  border-top: 1px solid;
  top: 5px;
  left: 0
}
.iconoo-forward:after {
  width: 8px;
  height: 8px;
  border-right: 1px solid;
  border-top: 1px solid;
  left: 4px;
  top: 1px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg)
}
.iconoo-zidongbofang, .iconoo-zidongbofang-zt {
  width: 14px;
  height: 14px;
  border: 1px solid
}
.iconoo-zidongbofang-zt:before, .iconoo-zidongbofang:before {
  width: 14px;
  height: 14px;
  border-right: 1px solid;
  border-bottom: 1px solid;
  right: -3px
}
.iconoo-zidongbofang:after {
  width: 0;
  height: 0;
  top: 3px;
  left: 4px;
  border-top: 3px solid transparent;
  border-left: 4px solid;
  border-bottom: 3px solid transparent
}
.iconoo-zidongbofang-zt:after {
  width: 2px;
  height: 6px;
  top: 3px;
  left: 4px;
  border-left: 1px solid;
  border-right: 1px solid
}
.iconoo-quanping:before {
  border-top: 1px solid;
  width: 5px;
  left: 0;
  top: 0;
  box-shadow: 0 15px, 11px 0, 11px 15px;
  -webkit-box-shadow: 0 15px, 11px 0, 11px 15px;
  -moz-box-shadow: 0 15px, 11px 0, 11px 15px;
  -ms-box-shadow: 0 15px, 11px 0, 11px 15px;
  -o-box-shadow: 0 15px, 11px 0, 11px 15px
}
.iconoo-quanping:after {
  border-left: 1px solid;
  height: 5px;
  left: 0;
  top: 0;
  box-shadow: 15px 0, 0 11px, 15px 11px;
  -webkit-box-shadow: 15px 0, 0 11px, 15px 11px;
  -moz-box-shadow: 15px 0, 0 11px, 15px 11px;
  -ms-box-shadow: 15px 0, 0 11px, 15px 11px;
  -o-box-shadow: 15px 0, 0 11px, 15px 11px
}
.iconoo-quanping-tc:before {
  border-top: 1px solid;
  width: 5px;
  left: 0;
  top: 4px;
  box-shadow: 0 7px, 11px 0, 11px 7px;
  -webkit-box-shadow: 0 7px, 11px 0, 11px 7px;
  -moz-box-shadow: 0 7px, 11px 0, 11px 7px;
  -ms-box-shadow: 0 7px, 11px 0, 11px 7px;
  -o-box-shadow: 0 7px, 11px 0, 11px 7px
}
.iconoo-quanping-tc:after {
  border-left: 1px solid;
  height: 5px;
  left: 4px;
  top: 0;
  box-shadow: 0 11px, 7px 0, 7px 11px;
  -webkit-box-shadow: 0 11px, 7px 0, 7px 11px;
  -moz-box-shadow: 0 11px, 7px 0, 7px 11px;
  -ms-box-shadow: 0 11px, 7px 0, 7px 11px;
  -o-box-shadow: 0 11px, 7px 0, 7px 11px
}
.iconoo-shengyin, .iconoo-guanbishengyin {
  height: 16px;
  width: 10px;
  margin-left: -3px;
  border-left: 0;
  box-shadow: 4px 0 0 -1px inset;
  -webkit-box-shadow: 4px 0 0 -1px inset;
  -moz-box-shadow: 4px 0 0 -1px inset;
  -ms-box-shadow: 4px 0 0 -1px inset;
  -o-box-shadow: 4px 0 0 -1px inset;
  border-top: 4px solid transparent;
  border-right: 5px solid;
  border-bottom: 4px solid transparent
}
.iconoo-shengyin:before {
  width: 8px;
  height: 8px;
  border: 4px double;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  top: -4px;
  left: 1px;
  border-top-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent
}
.iconoo-guanbishengyin:before {
  width: 7px;
  border-top: 1px solid;
  left: 11px;
  top: 4px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg)
}
.iconoo-guanbishengyin:after {
  width: 7px;
  border-top: 1px solid;
  left: 11px;
  top: 4px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg)
}
.pageinput {
  text-align: center;
  width: 54px;
  height: 20px;
  line-height: 20px;
  display: inline-block;
  margin: 0 auto;
  background: rgba(255, 255, 255, 0.9);
  font-size: 12px;
  position: relative;
  vertical-align: middle
}
.btnbox2:before {
  content: '';
  pointer-events: none;
  height: 100%;
  display: inline-block;
  vertical-align: middle
}
.pageinput input {
  border: 0;
  width: 48px;
  height: 20px;
  position: absolute;
  left: 0;
  top: 0;
  padding: 0 4px 0 4px;
  background: 0;
  text-align: center
}
.pageinput .gopagea {
  color: rgba(0, 0, 0, 0.5);
  text-decoration: none;
  position: absolute;
  right: 0;
  top: 0
}
.text-left {
  text-align: left
}
.text-left input {
  text-align: left;
  width: 30px
}
.booklogo {
  height: 100%;
  background: no-repeat;
  background-size: 100%;
  margin: 3px 0 0 5px;
  display: inline-block;
  cursor: pointer;
  float: left
}
.booklogo img {
  max-height: 40px;
  position: relative
}
.zoombtnbox {
  width: 200px;
  height: 40px;
  position: absolute;
  left: 50%;
  margin-left: -100px;
  margin-top: 50px;
  background: #000;
  text-align: center;
  opacity: .2;
  -webkit-transition: all 300ms;
  -o-transition: all 300ms;
  transition: all 300ms
}
.zoombtnbox:hover {
  opacity: .6
}
.zoombtnbox a {
  color: #fff;
  height: 100%;
  width: 30px;
  display: inline-block;
  text-align: center;
  line-height: 40px;
  cursor: pointer
}
.zoombtnbox a i {
  font-size: 18px
}
#ewmbox {
  width: 50px;
  height: 50px;
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  bottom: 70px;
  right: 30px;
  text-align: center;
  line-height: 50px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  z-index: 99
}
#ewmbox i {
  font-size: 22px;
  color: rgba(255, 255, 255, 0.8);
  cursor: pointer
}
.ewmshadow {
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2)
}
#ewmrq {
  width: 170px;
  height: 180px;
  text-align: center;
  position: absolute;
  right: 90px;
  bottom: 70px;
  background: #fff;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  display: none;
  padding-top: 20px;
  z-index: 9999000
}
#ewmrq p {
  font-size: 12px;
  color: #3F5154
}
#triangle-right {
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-left: 6px solid #fff;
  border-bottom: 5px solid transparent;
  position: absolute;
  right: -6px;
  bottom: 20px
}
.helpxx {
  position: relative;
  display: none
}
.trhelp .helpx {
  width: 0;
  border-right: 1px #fff solid;
  position: relative;
  margin-left: 20px;
  margin-top: 5px
}
.tlhelp .helpx {
  width: 0;
  border-right: 1px #fff solid;
  position: relative;
  margin-left: 30px;
  margin-top: 5px
}
.trhelp .helpx span, .tlhelp .helpx span {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  display: block;
  background: #fff;
  position: absolute;
  bottom: 0;
  margin-left: -3px
}
.trhelp .helpwz {
  text-align: right;
  position: absolute;
  font-size: 12px;
  color: #fff;
  right: 10px;
  width: 100px
}
.tlhelp .helpwz {
  text-align: left;
  position: absolute;
  font-size: 12px;
  color: #fff;
  left: 26px;
  width: 100px
}
.bottomhelp, .rbhelp, .lbhelp {
  height: 200px;
  position: relative;
  top: -235px
}
.bottomhelp .helpx {
  width: 0;
  border-right: 1px #fff solid;
  position: absolute;
  margin-left: 35px;
  bottom: 5px
}
.bottomhelp .helpx span, .rbhelp .helpx span, .lbhelp .helpx span {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  display: block;
  background: #fff;
  position: absolute;
  margin-left: -3px;
  top: 0
}
.bottomhelp .helpx .helpwz {
  text-align: center;
  position: relative;
  font-size: 12px;
  color: #fff;
  left: -60px;
  width: 120px;
  top: -20px
}
.rbhelp .helpx, .lbhelp .helpx {
  width: 0;
  border-right: 1px #fff solid;
  position: absolute;
  margin-left: 20px;
  bottom: 15px
}
.rbhelp .helpx .helpwz {
  text-align: right;
  position: absolute;
  font-size: 12px;
  color: #fff;
  right: -3px;
  width: 120px;
  top: -20px
}
.lbhelp .helpx .helpwz {
  text-align: left;
  position: absolute;
  font-size: 12px;
  color: #fff;
  left: -3px;
  width: 120px;
  top: -20px
}
.langbox {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  position: absolute;
  display: none;
  z-index: 99999999000
}
.langbox ul {
  list-style: none;
  text-align: center;
  color: #fff;
  padding: 0;
  width: 280px;
  height: 300px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -140px;
  margin-top: -150px
}
.langbox ul li {
  line-height: 40px;
  cursor: pointer;
  padding: 5px
}
.langbox .xz {
  outline: 1px solid #F2947C
}
#abautbox {
  max-width: 600px;
  background-color: #000;
  z-index: 1001000;
  left: 50%;
  top: 50%;
  position: fixed;
  color: #fff;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px
}
#abautbox .abaut-l {
  text-align: center;
  padding: 0 20px 20px 20px
}
#abautbox .abaut-l a {
  height: 50px
}
#abautbox .abaut-l a img {
  max-height: 50px
}
#abautbox .abaut-t {
  margin: 10px 10px 0 10px
}
#abautbox .abaut-t a {
  font-size: 30px;
  cursor: pointer;
  position: absolute;
  right: 10px;
  top: 4px
}
#abautbox .abaut-h {
  text-align: center;
  font-size: 20px;
  line-height: 36px
}
#abautbox .abaut-p {
  text-align: center;
  font-size: 12px
}
#abautbox .abaut-c {
  background-color: #524648;
  margin: 10px;
  font-size: 12px;
  padding: 10px;
  overflow: hidden;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px
}
#abautbox .abaut-c ul {
  list-style: none;
  padding: 20px 20px 0 20px;
  line-height: 26px;
  border-top: 1px solid #5D5A5D
}
#abautbox .abaut-c li {
  width: 50%;
  min-width: 200px;
  max-width: 258px;
  display: inline-block;
  white-space: nowrap
}
#abautbox .abaut-c li a {
  border: 1px solid #908B90;
  color: #908B90;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  padding: 0 2px 0 2px;
  display: none;
  margin-left: 5px
}
#abautbox .abaut-c li:hover a {
  display: inline;
  cursor: pointer
}
#abautbox .abaut-c ul .abaut-dz {
  width: 100%;
  max-width: 480px;
  white-space: normal
}
#abautbox .abaut-sj {
  text-align: center;
  margin: 20px
}
#abautbox .abaut-sj div {
  display: inline-block;
  margin-right: 16px;
  line-height: 30px
}
#abautbox .abaut-sj div i {
  margin-right: 5px
}
#abautbox .abaut-f {
  height: 20px
}
#phonebox {
  width: 300px;
  height: 220px;
  background-color: #000;
  z-index: 1001000;
  left: 50%;
  top: 50%;
  margin-left: -150px;
  margin-top: -110px;
  position: fixed;
  color: #fff;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px
}
#phonebox .phone-t {
  margin: 10px 10px 0 10px
}
#phonebox .phone-t a {
  font-size: 30px;
  cursor: pointer;
  position: absolute;
  right: 10px;
  top: 4px
}
#phonebox .phone-c {
  background-color: #524648;
  margin: 10px;
  padding: 10px;
  overflow: hidden;
  height: 150px;
  text-align: center;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px
}
#phonebox .phone-c a {
  padding: 5px 15px;
  color: #fff;
  text-decoration: none;
  border: 1px solid #fff;
  margin: 10px;
  border-radius: 3px
}
#xxtsk {
  padding: 10px 40px 10px 40px;
  background-color: rgba(0, 0, 0, 0.7);
  top: 100px;
  position: fixed;
  left: 50%;
  color: #fff;
  z-index: 1001000;
  text-align: center;
  display: none;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px
}
.mask {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 1000
}
.mask.activ {
  display: block
}
.pop {
  position: fixed;
  z-index: 1000;
  opacity: 0;
  display: none;
  -webkit-transform: scale3d(0.5, 0.5, 0.5);
  transform: scale3d(0.5, 0.5, 0.5);
  background: #fff;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto !important;
  border-radius: 5px;
  line-height: normal;
  -webkit-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
  background-color: #000
}
.pop.active {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  opacity: 1
}
.pop > .abtn[name=close], .pop > .abtn[name=closeTrue] {
  position: absolute;
  width: 40px;
  height: 40px;
  top: 0;
  right: -56px;
  color: #717785;
  background-color: #fff;
  border-radius: 50%;
  font-weight: bold;
  line-height: 43px;
  text-align: center
}
.pop > .t {
  margin: 10px 10px 0 10px;
  color: #fff;
  padding-right: 40px
}
.pop > .t > a {
  font-size: 30px;
  cursor: pointer;
  position: absolute;
  right: 10px;
  top: 4px
}
.pop > .c {
  background-color: #fff;
  margin: 10px;
  font-size: 12px;
  overflow: hidden;
  border-radius: 3px;
  position: absolute;
  width: calc(100% - 20px)
}
.pop > .c > .content {
  height: 100%;
  padding: 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%
}
.pop > .c > .content img, .pop > .c > .content video {
  max-width: 100%
}
#danmu {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 998
}
#danmu > div {
  position: absolute;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.5) 1px 0 0, rgba(0, 0, 0, 0.5) 0 1px 0, rgba(0, 0, 0, 0.5) -1px 0 0, rgba(0, 0, 0, 0.5) 0 -1px 0;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  cursor: default
}
.tooltipster-default {
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border: 0;
  background: #000;
  color: #fff;
  top: 10px
}
.tooltipster-default .tooltipster-content {
  font-family: Arial, sans-serif;
  font-size: 12px;
  line-height: 14px;
  padding: 6px 8px;
  overflow: hidden
}
.tooltipster-base {
  padding: 0;
  font-size: 0;
  line-height: 0;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9999999000;
  pointer-events: none;
  width: auto;
  overflow: visible
}
.tooltipster-base .tooltipster-content {
  overflow: hidden
}
.tooltipster-arrow {
  display: block;
  text-align: center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1
}
.tooltipster-arrow span, .tooltipster-arrow-border {
  display: block;
  width: 0;
  height: 0;
  position: absolute
}
.tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span {
  border-left: 5px solid transparent !important;
  border-right: 5px solid transparent !important;
  border-top: 5px solid;
  bottom: -5px
}
.tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border {
  border-left: 9px solid transparent !important;
  border-right: 9px solid transparent !important;
  border-top: 9px solid;
  bottom: -7px
}
.tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span {
  border-left: 5px solid transparent !important;
  border-right: 5px solid transparent !important;
  border-bottom: 5px solid;
  top: -5px
}
.tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
  border-left: 9px solid transparent !important;
  border-right: 9px solid transparent !important;
  border-bottom: 9px solid;
  top: -7px
}
.tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border {
  left: 0;
  right: 0;
  margin: 0 auto
}
.tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span {
  left: 6px
}
.tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
  left: 5px
}
.tooltipster-arrow-top-right span, .tooltipster-arrow-bottom-right span {
  right: 6px
}
.tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border {
  right: 5px
}
.tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border {
  border-top: 8px solid transparent !important;
  border-bottom: 8px solid transparent !important;
  border-left: 8px solid;
  top: 50%;
  margin-top: -7px;
  right: -7px
}
.tooltipster-arrow-left .tooltipster-arrow-border {
  border-top: 9px solid transparent !important;
  border-bottom: 9px solid transparent !important;
  border-left: 9px solid;
  margin-top: -8px
}
.tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border {
  border-top: 8px solid transparent !important;
  border-bottom: 8px solid transparent !important;
  border-right: 8px solid;
  top: 50%;
  margin-top: -7px;
  left: -7px
}
.tooltipster-arrow-right .tooltipster-arrow-border {
  border-top: 9px solid transparent !important;
  border-bottom: 9px solid transparent !important;
  border-right: 9px solid;
  margin-top: -8px
}
.tooltipster-fade {
  opacity: 0;
  -webkit-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity
}
.tooltipster-fade-show {
  opacity: 1
}
.hard {
  background: #fff
}
.page-wrapper {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}
.swiper-container-3d .page-wrapper {
  -webkit-perspective: 2000px;
  -ms-perspective: 2000px;
  perspective: 2000px
}
.right_btns {
  width: 100%;
  height: 200px;
  background: #000;
  position: absolute;
  left: 0;
  bottom: -200px;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 1001000;
  -webkit-transition: -webkit-transform 200ms;
  -o-transition: -o-transform 200ms;
  transition: -webkit-transform 200ms;
  -o-transition: transform 200ms;
  transition: transform 200ms;
  transition: transform 200ms, -webkit-transform 200ms
}
.right_btns .btn {
  width: 68px;
  height: 68px;
  text-align: center;
  float: left
}
.right_btns .btn:hover {
  border: 0;
  background: 0
}
.right_btns .btn:active {
  background: rgba(255, 255, 255, 0.1)
}
.right_btns .btn i {
  top: 22px
}
.right_btns .btn .lang {
  color: #fff;
  font-size: 12px;
  position: relative;
  top: 38px
}
.right_btns .btns_box {
  margin: 0 auto
}
.right_btns .btns_gb {
  width: 100%;
  height: 46px;
  line-height: 46px;
  background: #000;
  border-top: 1px solid rgba(255, 255, 255, 0.15);
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  text-align: center;
  font-size: 12px;
  cursor: pointer
}
.catalog_list {
  padding: 10px 10px 10px 0;
  font-size: .7em;
  margin-left: -10px;
  height: calc(100% - 62px);
  overflow: hidden
}
.catalog_box {
  margin: 0 0 0 20px
}
.catalog_li {
  padding: 0 5px 0 5px;
  cursor: pointer;
  position: relative
}
.catalog_li span:first-child {
  width: 100%;
  display: block;
  padding: 10px 30px 10px 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}
.catalog_li .ym {
  position: absolute;
  right: 10px;
  top: 10px
}
.catalog_li .ym i {
  font-size: 16px
}
.search_body, .left_body {
  width: 260px;
  position: absolute;
  left: 0;
  top: 50%;
  background: rgba(0, 0, 0, 1);
  height: calc(100% - 122px);
  z-index: 999999000;
  color: #fff;
  transform: translate3d(0, -50%, 0);
  -webkit-transform: translate3d(0, -50%, 0);
  -moz-transform: translate3d(0, -50%, 0);
  -o-transform: translate3d(0, -50%, 0);
  -ms-transform: translate3d(0, -50%, 0);
  -webkit-transition: -webkit-transform 200ms;
  -o-transition: -o-transform 200ms;
  transition: -webkit-transform 200ms;
  -o-transition: transform 200ms;
  transition: transform 200ms;
  transition: transform 200ms, -webkit-transform 200ms
}
.search_bodyhide, .left_bodyhide {
  transform: translate3d(-400px, -50%, 0);
  -webkit-transform: translate3d(-400px, -50%, 0);
  -moz-transform: translate3d(-400px, -50%, 0);
  -o-transform: translate3d(-400px, -50%, 0);
  -ms-transform: translate3d(-400px, -50%, 0)
}
.search_bodyhide2, .left_bodyhide2 {
  transform: translate3d(-260px, -50%, 0);
  -webkit-transform: translate3d(-260px, -50%, 0);
  -moz-transform: translate3d(-260px, -50%, 0);
  -o-transform: translate3d(-260px, -50%, 0);
  -ms-transform: translate3d(-260px, -50%, 0)
}
.search_body_gb, .search_body_yc, .left_body_gb, .left_body_yc {
  width: 42px;
  height: 42px;
  position: absolute;
  top: 0;
  right: -41px;
  color: #fff;
  background: rgba(0, 0, 0, 1);
  display: block;
  cursor: pointer
}
.search_body_gb i, .search_body_yc i, .left_body_gb i, .left_body_yc i {
  font-size: 24px;
  font-weight: 100;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%)
}
.search_body .s_tit, .left_body .l_tit {
  color: #fff;
  line-height: 42px;
  margin-left: 15px;
  font-size: 1em
}
.search_body .s_tit i, .left_body .l_tit i {
  margin-right: 10px
}
.search_body .searchinput {
  padding: 10px;
  position: relative;
  opacity: .8
}
.search_body .searchinput input {
  width: 100%;
  height: 30px;
  padding: 5px 30px 5px 5px;
  border: 0;
  color: #000
}
.search_body .searchinput #searchbtn {
  position: absolute;
  top: 10px;
  right: 12px;
  width: 30px;
  height: 30px;
  cursor: pointer
}
.search_body .searchinput i {
  color: #000;
  font-size: 18px;
  font-weight: 100;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%)
}
.searchnum {
  color: #fff;
  font-size: .7em;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  padding: 10px
}
#searchli {
  color: #fff;
  font-size: .7em;
  overflow: hidden;
  height: calc(100% - 170px)
}
#searchli div {
  position: relative;
  padding: 10px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  cursor: pointer
}
#searchli div:active, .catalog_li:active {
  background: rgba(255, 255, 255, 0.1)
}
#searchli div:hover, .catalog_li:hover {
  background: rgba(255, 255, 255, 0.1)
}
#searchli .searchstr {
  width: 180px;
  display: block
}
#searchli .rightpagenum {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translate3d(0, -50%, 0);
  -webkit-transform: translate3d(0, -50%, 0);
  -moz-transform: translate3d(0, -50%, 0);
  -o-transform: translate3d(0, -50%, 0);
  -ms-transform: translate3d(0, -50%, 0)
}
.left_btnbox {
  width: 120px;
  height: auto;
  position: absolute;
  background: rgba(0, 0, 0, 0);
  left: 7px;
  top: 54px;
  z-index: 2;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  transform: translate3d(-400px, 0, 0);
  -webkit-transform: translate3d(-400px, 0, 0);
  -moz-transform: translate3d(-400px, 0, 0);
  -o-transform: translate3d(-400px, 0, 0);
  -ms-transform: translate3d(-400px, 0, 0);
  -webkit-transition: -webkit-transform 200ms;
  -o-transition: -o-transform 200ms;
  transition: -webkit-transform 200ms;
  -o-transition: transform 200ms;
  transition: transform 200ms;
  transition: transform 200ms, -webkit-transform 200ms
}
.left_btnbox a {
  color: #fff;
  text-decoration: none;
  width: 100%;
  height: 100%
}
.left_btnbox_tc {
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  z-index: 999
}
.left_btnbox_zktc {
  transform: translate3d(280px, 0, 0);
  -webkit-transform: translate3d(280px, 0, 0);
  -moz-transform: translate3d(280px, 0, 0);
  -o-transform: translate3d(280px, 0, 0);
  -ms-transform: translate3d(280px, 0, 0)
}
.left_btn {
  width: 100%;
  height: 40px;
  color: #fff;
  font-size: 12px;
  line-height: 40px;
  cursor: pointer
}
.left_btn i {
  margin: 0 8px 0 20px;
  font-size: 15px
}
.left_btnhover:hover {
  background: rgba(255, 255, 255, 0.1);
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px
}
.left_btn:active {
  background: rgba(255, 255, 255, 0.2)
}
#triangle-up {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 6px solid rgba(0, 0, 0, 0);
  top: -6px;
  position: relative;
  left: 18px
}
#triangle-up2 {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 6px solid #fff;
  top: -6px;
  position: relative;
  left: 15px
}
.pagemusic {
  width: 100%;
  height: 100%;
  cursor: pointer
}
.musicbtn1 {
  background: url(../image/audioplay.svg) no-repeat;
  background-size: 100% 100%
}
.musicbtn2 {
  background: url(../image/audiopause.svg) no-repeat;
  background-size: 100% 100%
}
.imgzoombar {
  width: 100%;
  height: 47px;
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 999000;
  -webkit-transition: -webkit-transform .5s;
  -o-transition: -o-transform .5s;
  transition: -webkit-transform .5s;
  -o-transition: transform .5s;
  transition: transform .5s;
  transition: transform .5s, -webkit-transform .5s
}
.imgzoombarhide {
  transform: translate3d(0, -48px, 0);
  -webkit-transform: translate3d(0, -48px, 0);
  -moz-transform: translate3d(0, -48px, 0);
  -o-transform: translate3d(0, -48px, 0);
  -ms-transform: translate3d(0, -48px, 0)
}
.imgprev, .imgnext {
  -webkit-transition: -webkit-transform .5s;
  -o-transition: -o-transform .5s;
  transition: -webkit-transform .5s;
  -o-transition: transform .5s;
  transition: transform .5s;
  transition: transform .5s, -webkit-transform .5s
}
.imgprevhide {
  transform: translate3d(-65px, 0, 0);
  -webkit-transform: translate3d(-65px, 0, 0);
  -moz-transform: translate3d(-65px, 0, 0);
  -o-transform: translate3d(-65px, 0, 0);
  -ms-transform: translate3d(-65px, 0, 0)
}
.imgnexthide {
  transform: translate3d(65px, 0, 0);
  -webkit-transform: translate3d(65px, 0, 0);
  -moz-transform: translate3d(65px, 0, 0);
  -o-transform: translate3d(65px, 0, 0);
  -ms-transform: translate3d(65px, 0, 0)
}
.imgzoombar .leftnum {
  float: left;
  color: rgba(255, 255, 255, 0.6);
  line-height: 47px;
  margin-left: 20px
}
.imgzoombar .leftnum font {
  margin: 0 5px 0 5px
}
.imgzoombar .rightbtnbox {
  float: right
}
.imgzoombar .rightbtnbox .imgbtn {
  width: 50px;
  height: 100%;
  color: rgba(255, 255, 255, 0.6);
  line-height: 47px;
  text-align: center;
  float: right;
  -webkit-transition: color 300ms;
  -o-transition: color 300ms;
  transition: color 300ms;
  cursor: pointer
}
.imgzoombar .rightbtnbox .imgbtn:active {
  color: rgba(255, 255, 255, 1)
}
.imgzoombar .rightbtnbox .zoomibhover:hover {
  color: rgba(255, 255, 255, 1)
}
.imgzoombar .rightbtnbox .wkq {
  color: rgba(255, 255, 255, 0.3);
  cursor: default
}
.imgzoombar .rightbtnbox .wkq:hover {
  color: rgba(255, 255, 255, 0.3)
}
.imgtext {
  padding: 15px 20px 15px 20px;
  position: absolute;
  left: 0;
  bottom: 0;
  color: #fff;
  text-align: center;
  width: 100%;
  z-index: 999000;
  background: rgba(0, 0, 0, 0.5);
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  color: #EEE;
  -webkit-transition: -webkit-transform .5s;
  -o-transition: -o-transform .5s;
  transition: -webkit-transform .5s;
  -o-transition: transform .5s;
  transition: transform .5s;
  transition: transform .5s, -webkit-transform .5s
}
.imgtexthide {
  transform: translate3d(0, 200px, 0);
  -webkit-transform: translate3d(0, 200px, 0);
  -moz-transform: translate3d(0, 200px, 0);
  -o-transform: translate3d(0, 200px, 0);
  -ms-transform: translate3d(0, 200px, 0)
}
.imgtext h4 {
  padding: 0;
  margin: 0;
  font-size: 14px
}
.imgtext p {
  margin: 5px 0 0 0;
  font-size: 12px
}
.flip_bar {
  width: 64px;
  height: 160px;
  position: absolute;
  top: 50%;
  margin-top: -80px;
  cursor: pointer;
  z-index: 888000
}
.left_bar {
  left: -1px;
  background: url(../image/previous_normal.png) no-repeat center center;
  -webkit-transition: -webkit-transform 200ms;
  -o-transition: -o-transform 200ms;
  transition: -webkit-transform 200ms;
  -o-transition: transform 200ms;
  transition: transform 200ms;
  transition: transform 200ms, -webkit-transform 200ms
}
.left_bar_search {
  transform: translate3d(260px, 0, 0);
  -webkit-transform: translate3d(260px, 0, 0);
  -moz-transform: translate3d(260px, 0, 0);
  -o-transform: translate3d(260px, 0, 0);
  -ms-transform: translate3d(260px, 0, 0)
}
.right_bar {
  right: 0;
  background: url(../image/next_normal.png) no-repeat center center
}
.left_barhover:hover, .left_bar:active, .right_barhover:hover, .right_bar:active {
  background-color: rgba(0, 0, 0, 0.8)
}
#ifgb {
  position: fixed;
  left: 0;
  top: 0;
  display: none;
  z-index: 99999999000
}
#ifgb a {
  width: 30px;
  height: 30px;
  background: url(../image/zsgb.png);
  display: block
}
#ifgb a:hover {
  background: url(../image/zsgb2.png)
}
#ifgb a:active {
  background: url(../image/zsgb2.png)
}
.alertbox {
  width: 280px;
  background: #fff;
  position: fixed;
  left: 50%;
  margin-left: -140px;
  top: 50%;
  margin-top: 200%;
  z-index: 999999;
  -webkit-transition: margin-top 200ms;
  -o-transition: margin-top 200ms;
  transition: margin-top 200ms;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px
}
.alertbox .alertbody {
  padding: 20px;
  font-size: 14px
}
.alertbox .alertok {
  padding: 15px;
  text-align: center;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  color: #5B6D96;
  font-weight: bold;
  display: block;
  cursor: pointer
}
#webpage {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #fff;
  background-image: url('../image/jz-s.gif');
  background-position: center center;
  background-repeat: no-repeat
}
#webpage .iosiframe {
  width: 100%;
  height: 100%;
  -webkit-overflow-scrolling: touch;
  overflow: auto
}
#webpage iframe {
  width: 100%;
  height: 100%;
  border: 0
}
#webpage .tcgb {
  position: absolute;
  text-align: center;
  color: rgba(255, 255, 255, 0.8);
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 50%;
  top: 20px;
  right: 20px;
  width: 30px;
  height: 30px;
  line-height: 30px
}
#webpage .tcgb i {
  font-size: 14px
}
#webpage .tcgb:hover {
  color: #fff
}
.thumbnail_body {
  position: absolute;
  width: 100%;
  height: 280px;
  left: 0;
  top: 50%;
  margin-top: -140px;
  z-index: 999000;
  background: #1F1C1C
}
.thumbnail_body .thumbnail_body_gb {
  width: 40px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  color: #fff;
  position: absolute;
  right: 20px;
  top: -30px;
  background: #1F1C1C;
  cursor: pointer
}
.thumbnail_body .thumbnail_body_gb:hover {
  background: #402C31
}
.thumbnail_body .thumbnail_box {
  margin: 20px;
  overflow: hidden
}
.thumbnail_list {
  height: 200px;
  white-space: nowrap
}
.thumbnail_list .page {
  position: absolute;
  white-space: normal
}
.thumbnail_body .thumbnail_list .page-li {
  height: inherit;
  position: relative;
  display: inline-block;
  overflow: hidden;
  margin-right: 10px
}
.thumbnail_body .thumbnail_list .page-li .ymtext {
  position: absolute;
  width: 100%;
  text-align: center;
  height: 30px;
  line-height: 30px;
  bottom: 0;
  font-size: 12px;
  color: #fff
}
.thumbnail_body .thumbnail_list .page-li .page:nth-child(even) {
  right: 0;
  top: 0;
  transform-origin: right top;
  -webkit-transform-origin: right top;
  -moz-transform-origin: right top;
  -ms-transform-origin: right top;
  -o-transform-origin: right top
}
.thumbnail_body .thumbnail_list .page-li .page:nth-child(odd) {
  left: 0;
  top: 0;
  transform-origin: left top;
  -webkit-transform-origin: left top;
  -moz-transform-origin: left top;
  -ms-transform-origin: left top;
  -o-transform-origin: left top
}
.thumbnail_body .thumbnail_list .page-li .zzbox {
  width: 100%;
  height: 170px;
  position: absolute;
  left: 0;
  top: 0;
  cursor: pointer;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}
.thumbnail_body .thumbnail_list .page-li .zzbox:hover {
  border: 3px solid #F18200
}
.thumbnail_body .thumbnail_list .page-li .activ {
  border: 3px solid #016BAF
}
.page-li .audio .dhc {
  background: url(../image/audioplay.svg) no-repeat;
  background-size: 100% 100%
}
.thumbnail_body .thumbnail_bar {
  height: 10px;
  margin: 0 20px 0 20px;
  background: #363434;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px
}
.thumbnail_body .thumbnail_bar .swiper-scrollbar-drag {
  height: 10px;
  background: #5D5253;
  cursor: pointer;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px
}
.thumbnail_body_m {
  position: absolute;
  width: 100%;
  height: calc(100% - 92px);
  left: 0;
  top: 46px;
  z-index: 999000;
  background: rgba(0, 0, 0, 0.7);
  padding: 20px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box
}
.thumbnail_body_m .thumbnail_body_gb {
  width: 24px;
  height: 24px;
  position: absolute;
  bottom: 10px;
  font-size: 12px;
  color: #fff;
  border: 1px solid #fff;
  line-height: 24px;
  left: 50%;
  margin-left: -12px;
  text-align: center;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%
}
.thumbnail_m_box {
  margin: 0 auto;
  height: calc(100% - 30px);
  overflow: hidden
}
.thumbnail_m_box .page-li {
  height: 120px;
  position: relative;
  display: inline-block;
  overflow: hidden;
  margin-left: 20px
}
.thumbnail_m_box .page-li .page {
  left: 0;
  top: 0;
  position: absolute;
  transform-origin: left top;
  -webkit-transform-origin: left top;
  -moz-transform-origin: left top;
  -ms-transform-origin: left top;
  -o-transform-origin: left top
}
.thumbnail_m_box .page-li .ymtext {
  position: absolute;
  width: 100%;
  text-align: center;
  height: 30px;
  line-height: 20px;
  bottom: 0;
  font-size: 12px;
  color: #fff
}
blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  border-left: 5px solid #eee
}
blockquote ol:last-child, blockquote p:last-child, blockquote ul:last-child {
  margin-bottom: 0
}
blockquote .small, blockquote footer, blockquote small {
  display: block;
  font-size: 80%;
  line-height: 1.42857143;
  color: #777
}
blockquote .small:before, blockquote footer:before, blockquote small:before {
  content: '\2014 \00A0'
}
.blockquote-reverse, blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  text-align: right;
  border-right: 5px solid #eee;
  border-left: 0
}
.blockquote-reverse .small:before, .blockquote-reverse footer:before, .blockquote-reverse small:before, blockquote.pull-right .small:before, blockquote.pull-right footer:before, blockquote.pull-right small:before {
  content: ''
}
.blockquote-reverse .small:after, .blockquote-reverse footer:after, .blockquote-reverse small:after, blockquote.pull-right .small:after, blockquote.pull-right footer:after, blockquote.pull-right small:after {
  content: '\00A0 \2014'
}