@charset "UTF-8";
/*  Extra large devices (large desktops) 大屏桌面端 */
.locationWidget06 {
  width: 100%;
  height: 100vh;
  font-size: 14px;
  overflow: hidden; }
  .locationWidget06 .mapWrap {
    width: 100%;
    height: 100%;
    padding: 4% 6%;
    box-sizing: border-box;
    position: relative; }
    .locationWidget06 .mapWrap .containerWrap {
      width: 100%;
      height: 100%;
      position: relative; }
      .locationWidget06 .mapWrap .containerWrap .map {
        width: 100%;
        height: 100%; }
      .locationWidget06 .mapWrap .containerWrap .mapMask {
        width: 100%;
        height: 30px;
        background: rgba(0, 0, 0, 0.4);
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2; }
        .locationWidget06 .mapWrap .containerWrap .mapMask span {
          color: white;
          display: block;
          width: 100%;
          text-align: center;
          margin-top: 3px; }
    .locationWidget06 .mapWrap .textWrap {
      width: 480px;
      background: #ffffff;
      position: absolute;
      top: 50%;
      right: 10%;
      transform: translateY(-50%);
      padding: 55px 48px;
      transition: all .7s ease-in-out; }
      .locationWidget06 .mapWrap .textWrap .title {
        font-size: 1.43em;
        margin-bottom: 1.7em;
        white-sapce: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
      .locationWidget06 .mapWrap .textWrap .text {
        overflow: hidden; }
      .locationWidget06 .mapWrap .textWrap p {
        color: #999999;
        font-size: 1em;
        max-height: 50vh;
        overflow: hidden;
        text-align: justify; }
      .locationWidget06 .mapWrap .textWrap .hideBtn, .locationWidget06 .mapWrap .textWrap .showBtn {
        color: #a2a2a2;
        font-size: 1.5em;
        position: absolute;
        right: 24px;
        bottom: 16px;
        cursor: pointer; }
        .locationWidget06 .mapWrap .textWrap .hideBtn:hover, .locationWidget06 .mapWrap .textWrap .showBtn:hover {
          opacity: 0.8;
          text-shadow: 2px 4px 4px #bfbcbc; }
      .locationWidget06 .mapWrap .textWrap .hideBtn {
        display: block; }
      .locationWidget06 .mapWrap .textWrap .showBtn {
        display: none; }
    .locationWidget06 .mapWrap .amap-toolbar {
      z-index: 1; }
    .locationWidget06 .mapWrap .amap-logo {
      z-index: 0; }
    .locationWidget06 .mapWrap .amap-copyright {
      z-index: 0; }
  .locationWidget06 .amap-copyright {
    opacity: 0.2; }

/* Large devices (desktops, less than 1200px) 普通桌面端 */
@media (max-width: 1200px) {
  .locationWidget06 .mapWrap .textWrap {
    width: 30%; }
    .locationWidget06 .mapWrap .textWrap p {
      max-height: auto; } }
/* Medium devices (tablets, less than 992px) 平板端 */
@media (max-width: 992px) {
  .locationWidget06 {
    height: 100%; }
    .locationWidget06 .mapWrap {
      padding: 32px 16px; }
      .locationWidget06 .mapWrap .containerWrap {
        height: 140px; }
        .locationWidget06 .mapWrap .containerWrap .mapMask {
          display: none; }
      .locationWidget06 .mapWrap .textWrap {
        position: static;
        width: 100%;
        transform: translateY(0);
        box-sizing: border-box;
        padding: 36px 24px;
        margin-top: 12px; }
        .locationWidget06 .mapWrap .textWrap .title {
          margin-bottom: 1em; }
        .locationWidget06 .mapWrap .textWrap p {
          overflow-y: scroll; }
        .locationWidget06 .mapWrap .textWrap .hideBtn, .locationWidget06 .mapWrap .textWrap .showBtn {
          display: none; } }

/*# sourceMappingURL=locationWidget06.css.map */