@charset "UTF-8";
[v-cloak] {
  display: none;
}

.in-block {
  display: inline-block;
}

.default-color {
  color: #3D82F2;
}

.overHiddenAll {
  overflow: hidden !important;
}

.center-first {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}

.opacity0 {
  opacity: 0;
}

.visibility {
  visibility: hidden;
  position: absolute;
  z-index: -1;
}

input[type=text]::-webkit-input-placeholder,
input[type=password]::-webkit-input-placeholder {
  color: #999;
}

input[type=text]::-moz-placeholder,
input[type=password]::-moz-placeholder {
  color: #999;
}

input[type=text]::-ms-input-placeholder,
input[type=password]::-ms-input-placeholder {
  color: #999;
}

input[type=text]::-webkit-input-placeholder, input[type=password]::-webkit-input-placeholder {
  color: #999;
}

input[type=text]::-moz-placeholder, input[type=password]::-moz-placeholder {
  color: #999;
}

input[type=text]:-ms-input-placeholder, input[type=password]:-ms-input-placeholder {
  color: #999;
}

input[type=text]::-ms-input-placeholder, input[type=password]::-ms-input-placeholder {
  color: #999;
}

input[type=text]::placeholder,
input[type=password]::placeholder {
  color: #999;
}

/*标题的文字加粗*/
.title-t > b {
  font-weight: bold;
}

/*按钮的样式*/
.btn-fff-s {
  width: 44px;
  height: 24px;
  text-align: center;
  border-radius: 2px;
  color: #3D82F2;
  font-size: 14px;
  border: 1px solid;
  cursor: pointer;
  background-color: #fff;
}

.btn-blue-s {
  width: 44px;
  height: 24px;
  text-align: center;
  background: rgb(61, 130, 242);
  border-radius: 2px;
  color: #fff;
  font-size: 14px;
  cursor: pointer;
}

.btn-blue-s:disabled {
  background-color: #ccc;
  color: #fff;
  cursor: default;
}

#header .top-btns,
#banner .top-btns,
#footer .top-btns {
  position: absolute;
  display: none;
  top: -37px;
  left: auto;
  right: 2px;
  padding-bottom: 4px;
  z-index: 999;
}
#header .top-btns > div,
#banner .top-btns > div,
#footer .top-btns > div {
  display: block;
  padding: 0 8px;
  color: #666;
  font-size: 12px;
  z-index: 10;
  cursor: pointer;
  min-width: 76px;
  height: 33px;
  background: rgb(255, 255, 255);
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
  border-radius: 4px;
  text-align: center;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
#header .top-btns .icon-set,
#banner .top-btns .icon-set,
#footer .top-btns .icon-set {
  margin-right: 4px;
  font-size: 16px;
}
#header .top-btns span,
#banner .top-btns span,
#footer .top-btns span {
  display: inline-block;
  vertical-align: middle;
  line-height: 32px;
}
#header .top-btns a,
#banner .top-btns a,
#footer .top-btns a {
  display: inline-block;
  vertical-align: middle;
}
#header:hover .top-btns,
#banner:hover .top-btns,
#footer:hover .top-btns {
  display: block;
}
#header:hover .module-set,
#banner:hover .module-set,
#footer:hover .module-set {
  display: inline-block;
}
#header .top-btns .module-set,
#banner .top-btns .module-set,
#footer .top-btns .module-set {
  display: inline-block;
}
#header .top-btns .hide-banner,
#banner .top-btns .hide-banner,
#footer .top-btns .hide-banner {
  margin-left: 12px;
  cursor: pointer;
}
#header .top-btns .hide-banner .icon,
#banner .top-btns .hide-banner .icon,
#footer .top-btns .hide-banner .icon {
  font-size: 14px;
  display: inline-block;
  color: #3D82F2;
  margin-right: 8px;
}

#header {
  width: 100%;
  min-width: 1200px;
}
#header .module-set {
  top: 0;
}

.item-drag-wrap .middle-set .icon {
  color: #999;
  font-size: 16px;
}
.item-drag-wrap .middle-set .icon.active {
  color: #3D82F2;
}
.item-drag-wrap .middle-set[disabled=true] .icon {
  background-color: #eee;
}
.item-drag-wrap .ui-resizable-handle {
  display: none !important;
}
.item-drag-wrap .img-clip.center {
  transform: translate3d(-50%, -50%, 0);
  -webkit-transform: translate3d(-50%, -50%, 0);
  -moz-transform: translate3d(-50%, -50%, 0);
  -ms-transform: translate3d(-50%, -50%, 0);
  -o-transform: translate3d(-50%, -50%, 0);
}
.item-drag-wrap .btn-module {
  position: relative;
  width: 100%;
  height: 100%;
}
.item-drag-wrap .btn-module.center {
  background-color: transparent;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  height: 100%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}

/*基础小模块拖拽的样式*/
#index {
  /*分页器样式7*/
  /*锚点设置为左侧*/
}
#index:not(.editor-page) .pointer {
  cursor: pointer;
}
#index .margin0 {
  margin: 0;
}
#index .anchorPositoinTL {
  top: 0;
  left: 48px;
  right: auto;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  max-height: 90%;
  overflow-y: auto;
}
#index .anchorPositoinTc {
  left: 60px;
  right: unset;
}

.editor-page .item-drag-wrap:hover {
  z-index: 9999;
}
.editor-page .item-drag-wrap:hover .little-module-set {
  display: block;
}
.editor-page .grid-stack-item-content {
  cursor: move;
}
.editor-page .grid-stack-item-content div.locked {
  pointer-events: none;
}
.editor-page .search-module input[type=text] {
  pointer-events: none;
}

.item-drag-wrap {
  z-index: 9998;
  min-width: 20px;
  min-height: 20px !important;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  border: 2px solid transparent;
}
.item-drag-wrap strong {
  font-weight: bold;
}
.item-drag-wrap i {
  font-style: italic;
}
.item-drag-wrap .item-main {
  outline: none;
}
.item-drag-wrap .item-content {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.item-drag-wrap .btn-module {
  position: relative;
  width: 100%;
  height: 100%;
  font-size: 14px;
  background-color: #3D82F2;
  color: #fff;
  border: 0 solid #3D82F2;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  outline: none;
}
.item-drag-wrap .btn-module > a {
  position: absolute;
  display: block;
  width: 100%;
  text-align: center;
  line-height: 1.4;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.item-drag-wrap .btn-module .item-main {
  width: 100%;
  height: 100%;
  line-height: 36px;
  outline: none;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  border: 0 solid #3D82F2;
}
.item-drag-wrap .btn-module .item-main:empty:before {
  content: "双击输入内容...";
}
.item-drag-wrap .btn-module .item-main:focus:before {
  content: none;
}
.item-drag-wrap .btn-module .item-main p {
  word-break: break-all;
}
.item-drag-wrap .btn-module .item-main * {
  display: inline-block;
}
.item-drag-wrap .text-module {
  font-size: 14px;
  overflow: hidden;
}
.item-drag-wrap .text-module * {
  word-break: break-word;
}
.item-drag-wrap .text-module .item-main {
  min-height: 30px;
}
.item-drag-wrap .text-module .item-main:focus:before {
  content: none;
}
.item-drag-wrap .img-module {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.item-drag-wrap .img-module .img-clip {
  background-color: transparent;
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: 100% 100%;
  overflow: hidden;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
  transition: background-size 0.3s linear;
  -webkit-transition: background-size 0.3s linear;
  -moz-transition: background-size 0.3s linear;
  -ms-transition: background-size 0.3s linear;
  -o-transition: background-size 0.3s linear;
}
.item-drag-wrap .img-module .img-clip.center {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}
.item-drag-wrap .img-module .img-clip.circle {
  border-radius: 50%;
}
.item-drag-wrap .img-module .img-clip > img {
  width: 100%;
}
.item-drag-wrap .img-module.hover-zoom-in .img-clip:hover {
  background-size: 150% 150%;
}
.item-drag-wrap .img-module .default-style {
  position: relative;
  height: 100%;
  text-align: center;
  cursor: pointer;
}
.item-drag-wrap .img-module .default-style .icon {
  display: inline-block;
  margin-bottom: 16px;
}
.item-drag-wrap .img-module .default-style .icon:before {
  color: #333;
  font-size: 48px;
}
.item-drag-wrap .img-module .default-style > div {
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
.item-drag-wrap .img-module .default-style p {
  color: #333;
}
.item-drag-wrap.video-module-container {
  width: 160px;
  height: 135px;
  min-width: 40px;
  min-height: 40px !important;
}
.item-drag-wrap.search-module-container {
  min-width: 100px;
}
.item-drag-wrap .video-module {
  width: 100%;
  height: 100%;
}
.item-drag-wrap .video-module .item-main {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  cursor: pointer;
  overflow: hidden;
}
.item-drag-wrap .video-module .item-main .icon-video {
  position: absolute;
  font-size: 30px;
  color: #7b6d6d;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  cursor: pointer;
}
.item-drag-wrap .video-module .item-main .video-cover {
  width: 100%;
  height: 100%;
}
.item-drag-wrap .video-module .default-styles {
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
.item-drag-wrap .video-module .default-styles .icon {
  display: inline-block;
  margin-bottom: 16px;
}
.item-drag-wrap .video-module .default-styles .icon:before {
  color: #333;
  font-size: 48px;
}
.item-drag-wrap .video-module .default-styles p {
  color: #333;
}
.item-drag-wrap .video-module .video-styles {
  height: 100%;
}
.item-drag-wrap .video-module .video-styles.hide {
  display: none;
}
.item-drag-wrap .plugin-module {
  width: 100%;
  height: 100%;
}
.item-drag-wrap .plugin-module .item-main {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #fff;
  text-align: center;
  cursor: pointer;
  overflow: hidden;
}
.item-drag-wrap .search-module {
  position: relative;
  line-height: inherit;
}
.item-drag-wrap .search-module[style-type="2"] > input[type=text] {
  border-width: 0px;
  padding: 0 10px 0 40px;
}
.item-drag-wrap .search-module[style-type="2"] > input[type=text]:focus {
  border-bottom-width: 1px;
}
.item-drag-wrap .search-module[style-type="2"] .icon-search {
  left: 10px;
  right: auto;
}
.item-drag-wrap .search-module[style-type="2"] .search-types {
  padding-left: 40px;
}
.item-drag-wrap .search-module > input[type=text] {
  width: 100%;
  height: 32px;
  font-size: 14px;
  padding: 0 40px 0 10px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #3D82F2;
  border-radius: 4px;
  background-color: transparent;
}
.item-drag-wrap .search-module > input[type=text][size-type="1"] + .icon-search {
  font-size: 14px;
}
.item-drag-wrap .search-module > input[type=text][size-type="2"] + .icon-search {
  font-size: 16px;
}
.item-drag-wrap .search-module > input[type=text][size-type="3"] + .icon-search {
  font-size: 20px;
}
.item-drag-wrap .search-module .icon-search {
  position: absolute;
  top: 50%;
  right: 10px;
  font-size: 14px;
  color: #3D82F2;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  cursor: pointer;
}
.item-drag-wrap .search-module .selected-search-type {
  cursor: pointer;
}
.item-drag-wrap .search-module .search-types {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  z-index: 1;
  width: 110px;
  padding-left: 10px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.item-drag-wrap .search-module .search-types + input[type=text] {
  padding-left: 110px;
}
.item-drag-wrap .search-module .search-types .search-type-name {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  padding-right: 20px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.item-drag-wrap .search-module .search-types .search-types-ul {
  position: absolute;
  display: none;
  top: 100%;
  left: 0;
  margin-top: 4px;
  width: 100%;
  max-height: 200px;
  overflow: auto;
  background-color: #fff;
  -webkit-box-shadow: 0 6px 9px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 6px 9px 0 rgba(0, 0, 0, 0.1);
}
.item-drag-wrap .search-module .search-types .search-types-ul > li {
  padding: 0 10px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
}
.item-drag-wrap .search-module .search-types .search-types-ul > li:not(:last-child) {
  border-bottom: 1px solid #eee;
}
.item-drag-wrap .search-module .search-types .icon {
  display: inline-block;
  vertical-align: middle;
}
.item-drag-wrap .search-module .search-types .icon-triangle-down {
  position: absolute;
  top: 50%;
  right: 5px;
  transform: translateY(-50%) scale(0.8);
  -webkit-transform: translateY(-50%) scale(0.8);
  -moz-transform: translateY(-50%) scale(0.8);
  -ms-transform: translateY(-50%) scale(0.8);
  -o-transform: translateY(-50%) scale(0.8);
}
.item-drag-wrap .search-module .search-types .icon-triangle-down.rotate180 {
  transform: translateY(-50%) scale(0.8) rotate(180deg);
  -webkit-transform: translateY(-50%) scale(0.8) rotate(180deg);
  -moz-transform: translateY(-50%) scale(0.8) rotate(180deg);
  -ms-transform: translateY(-50%) scale(0.8) rotate(180deg);
  -o-transform: translateY(-50%) scale(0.8) rotate(180deg);
}
.item-drag-wrap .search-module[style-type="3"] .icon-triangle-down:before {
  content: "\e913";
  color: rgb(109, 109, 109);
}
.item-drag-wrap .search-module[style-type="3"] > input[type=text] {
  padding: 0 10px 0 100px;
}
.item-drag-wrap .search-module[style-type="3"] .icon-search {
  right: 0;
  bottom: 0;
  height: 100%;
  line-height: inherit;
  padding: 0 20px;
  color: white;
  border-radius: 0 8px 8px 0;
}
.item-drag-wrap .search-module[style-type="3"] .search-types {
  min-width: 86px;
  width: auto;
  max-width: 100px;
}
.item-drag-wrap .search-module[style-type="4"] .icon-search {
  right: 0;
  bottom: 0;
  height: 98%;
  line-height: inherit;
  padding: 0 11px;
  color: white;
  border-radius: 0 8px 8px 0;
}
.item-drag-wrap .search-module[style-type="5"] {
  width: 276px;
}
.item-drag-wrap .search-module[style-type="5"] > input[type=text] {
  border-radius: 6px;
  -webkit-box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.2);
          box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.2);
}
.item-drag-wrap .search-module[style-type="5"] .icon-search {
  width: 86px;
  right: 0;
  line-height: 36px;
  cursor: pointer;
  z-index: 1;
  opacity: 0;
}
.item-drag-wrap .search-module[style-type="5"] .style5-text {
  position: absolute;
  font-size: 14px;
  right: 0;
  top: 0;
  bottom: 0;
  line-height: 36px;
  border-radius: 6px;
  padding: 0 14px;
  border: 1px solid #CCCCCC;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  background: -webkit-gradient(linear, left top, left bottom, from(#EBEBEB), to(#B3B3B3));
  background: -webkit-linear-gradient(top, #EBEBEB 0%, #B3B3B3 100%);
  background: linear-gradient(180deg, #EBEBEB 0%, #B3B3B3 100%);
}
.item-drag-wrap .map-module,
.item-drag-wrap .maps-module {
  background-color: white;
  width: 100%;
  height: 100%;
}
.item-drag-wrap .map-module .map-title,
.item-drag-wrap .maps-module .map-title {
  font-size: 18px;
  color: #333333;
  padding-top: 16px;
}
.item-drag-wrap .map-module .item-main,
.item-drag-wrap .maps-module .item-main {
  width: 100%;
  height: calc(100% - 54px);
  padding: 0 24px 24px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.item-drag-wrap .map-module .BMap_cpyCtrl,
.item-drag-wrap .maps-module .BMap_cpyCtrl {
  display: none;
}
.item-drag-wrap .map-module .anchorBL,
.item-drag-wrap .maps-module .anchorBL {
  display: none;
}
.item-drag-wrap .richtext-module .map-title {
  font-size: 18px;
  color: #333333;
  padding-top: 16px;
}
.item-drag-wrap .language-module i.icon-down {
  font-style: normal;
  font-size: 12px;
  margin: 0 6px;
}
.item-drag-wrap .language-module i.icon-down.openlist {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-transition: 300ms all ease;
  transition: 300ms all ease;
}
.item-drag-wrap .language-module .change-language-lists {
  display: none;
  border-radius: 4px;
  background: #ffffff;
  -webkit-box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.1);
  padding: 4px;
  margin-top: 10px;
  min-width: 88px;
}
.item-drag-wrap .language-module .change-language-lists li {
  height: 32px;
  line-height: 32px;
  text-align: left;
  font-size: 14px;
  color: #333333;
}
.item-drag-wrap .language-module .change-language-lists li.active, .item-drag-wrap .language-module .change-language-lists li:hover {
  background: #F5F8FE;
}
.item-drag-wrap .language-module .change-language-lists li a {
  display: block;
  padding: 0 16px;
}
.item-drag-wrap .maps-module {
  font-size: 0;
}
.item-drag-wrap .maps-module .left-lists {
  width: 30%;
  display: inline-block;
  vertical-align: top;
  height: 100%;
  overflow-y: auto;
  background: #eafafc;
}
.item-drag-wrap .maps-module .left-lists .list {
  height: 105px;
  padding-left: 26px;
  padding-top: 20px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
}
.item-drag-wrap .maps-module .left-lists .list .list1 {
  font-size: 18px;
  margin-bottom: 5px;
}
.item-drag-wrap .maps-module .left-lists .list .list2 {
  font-size: 14px;
  color: #666666;
}
.item-drag-wrap .maps-module .left-lists .list.bg-theme .list1 {
  color: #fff;
}
.item-drag-wrap .maps-module .left-lists .list.bg-theme .list2 {
  color: #fff;
}
.item-drag-wrap .maps-module .right-map {
  height: 100%;
  width: 70%;
  display: inline-block;
  vertical-align: top;
}
.item-drag-wrap .maps-module .mapOne .left-lists {
  display: none;
}
.item-drag-wrap .maps-module .mapOne .right-map {
  width: 100%;
}
.item-drag-wrap .select-module {
  position: relative;
}
.item-drag-wrap .select-module .select-box {
  display: inline-block;
  vertical-align: top;
  padding-bottom: 10px;
}
.item-drag-wrap .select-module .select-box .input-box {
  position: relative;
  width: 200px;
  height: 30px;
  background: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 5px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.item-drag-wrap .select-module .select-box .input-box input {
  width: 100%;
  line-height: 28px;
  border: 0;
  border-radius: 5px;
  padding: 0 30px 0 10px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.item-drag-wrap .select-module .select-box .input-box i {
  position: absolute;
  right: 8px;
  top: 9px;
  font-size: 12px;
  color: #DDDDDD;
  font-style: normal;
}
.item-drag-wrap .select-module .select-box .select-lists {
  position: absolute;
  width: 200px;
  max-height: 200px;
  overflow: auto;
  opacity: 1;
  background: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 5px;
  top: 36px;
  padding: 8px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  display: none;
}
.item-drag-wrap .select-module .select-box .select-lists ul li {
  width: 100%;
  line-height: 30px;
  cursor: pointer;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.item-drag-wrap .select-module .select-box .select-lists ul li.bg-theme {
  color: #ffffff;
}
.item-drag-wrap .select-module .select-box .select-lists ul li:not(.bg-theme):hover {
  background-color: rgba(61, 130, 242, 0.1);
}
.item-drag-wrap .select-module .select-box:hover .input-box i {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.item-drag-wrap .select-module .select-box:hover .select-lists {
  display: block;
}
.item-drag-wrap .select-module.list-loc-top .select-box .select-lists {
  top: auto;
  bottom: 40px;
}
.item-drag-wrap .select-module .btn-enter {
  padding: 0 16px;
  height: 30px;
  line-height: 30px;
  color: #fff;
  border-radius: 4px;
  display: inline-block;
  vertical-align: top;
  margin-left: 2px;
}
.item-drag-wrap .select-module.hide-btn .btn-enter {
  display: none;
}

.editor-page .item-drag-wrap .text-module .item-main:empty:before {
  content: "双击输入内容...";
}
.editor-page .item-drag-wrap .text-module a {
  pointer-events: none;
}
.editor-page .item-drag-wrap .select-module .select-box:hover .select-lists {
  display: none !important;
}
.editor-page .item-drag-wrap.select-module-container {
  min-width: 200px !important;
}

.btn-module-container {
  width: 60px;
  text-align: center;
  height: 40px;
  min-height: 30px !important;
  min-width: 30px;
}
#index:not(.big-screen-page) .text-module-container, #loginPage:not(.big-screen-page) .text-module-container, #mh-header:not(.big-screen-page) .text-module-container, #mh-footer:not(.big-screen-page) .text-module-container {
  width: 206px;
  height: auto !important;
}
.img-module-container {
  width: 320px;
  height: 150px;
  min-width: 10px;
  min-height: 10px !important;
}
.weather-module-container .item-content,
.date-module-container .item-content {
  font-size: 14px;
}
.weather-module-container .item-content *,
.date-module-container .item-content * {
  display: inline-block;
  vertical-align: middle;
  color: inherit;
  font-weight: inherit;
  line-height: 1.8;
  font-size: inherit;
}
.weather-module-container .item-content .icon,
.date-module-container .item-content .icon {
  margin-right: 10px;
}
.weather-module-container .item-content .bold,
.date-module-container .item-content .bold {
  font-weight: bold;
}
.weather-module-container .item-content .weather-temp,
.date-module-container .item-content .weather-temp {
  display: none;
}
.weather-module-container .weather-module,
.date-module-container .weather-module {
  cursor: pointer;
}
.weather-module-container .weather-module.has-temp .weather-temp,
.date-module-container .weather-module.has-temp .weather-temp {
  margin-left: 10px;
  display: inline-block;
}
.weather-module-container .weather-text,
.date-module-container .weather-text {
  margin-right: 6px;
}

/* 定位 */
.location-module-container .location-module .location-img {
  width: 17px;
  height: 21px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}
.location-module-container .location-module .location-txt {
  color: #ffffff;
  font-size: 21px;
  margin: 0 12px;
  display: inline-block;
  vertical-align: middle;
}
.location-module-container .location-module .location-btn {
  font-size: 12px;
  color: #ffffff;
  display: inline-block;
  vertical-align: middle;
}

#header .img-module-container,
#header .video-module-container, .header-container .img-module-container,
.header-container .video-module-container {
  width: 100px;
  height: 100px;
}

.item-module-wrap {
  z-index: 9999;
  min-height: 20px !important;
}

.module-set-wrap {
  position: absolute;
  display: none;
  top: -50px;
  right: 0;
  z-index: 100;
  padding: 6px 0;
}

.active-module .module-set-wrap {
  display: block !important;
}

.editor-page .active-module-container {
  border: 2px dashed #3D82F2;
}
.editor-page .weather-module {
  cursor: initial;
}

.little-module-set {
  font-size: 12px;
  color: #666;
  padding: 10px 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background: white;
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
  border-radius: 4px;
  line-height: 1.3;
  white-space: nowrap;
}
.little-module-set:after {
  display: block;
  content: "";
  clear: both;
}
.little-module-set.show {
  display: block;
}
.little-module-set .icon {
  display: inline-block;
  font-size: 16px;
  vertical-align: middle;
  color: #ccc;
}
.little-module-set .marginr4 {
  margin-right: 4px;
}
.little-module-set span {
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
}
.little-module-set .styles {
  cursor: pointer;
}
.little-module-set .middle-set span {
  margin: 0 6px;
}
.little-module-set > div {
  display: inline-block;
  padding: 0 16px;
}
.little-module-set > div:not(:last-child) {
  border-right: 1px solid #ddd;
}

/*设置气泡的样式*/
.set-label {
  position: absolute;
  display: none;
  height: 22px;
  line-height: 22px;
  padding: 0 8px;
  background: rgb(255, 255, 255);
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
  border-radius: 2px;
  z-index: 9999;
  white-space: nowrap;
}
.set-label:after {
  position: absolute;
  content: "";
  bottom: -8px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  border-width: 4px;
  border-style: solid;
  border-color: #fff transparent transparent transparent;
}

/*拖拽手势*/
.item-drag-wrap {
  position: absolute !important;
}

#index, #loginPage {
  /*拖拽手势*/
}
#index #bgs .ui-resizable-e:before, #index #bgs .ui-resizable-s:before, #loginPage #bgs .ui-resizable-e:before, #loginPage #bgs .ui-resizable-s:before {
  display: none;
}
#index .ui-resizable-e, #loginPage .ui-resizable-e {
  cursor: e-resize;
  cursor: url("/entry/assets/images/arrow/1.png"), e-resize;
  width: 10px;
  right: 2px;
  top: 0;
  bottom: 0;
}
#index .ui-resizable-e:before, #loginPage .ui-resizable-e:before {
  position: absolute;
  display: inline-block;
  width: 8px;
  height: 8px;
  background-color: #fff;
  content: "";
  top: 50%;
  right: 5px;
  margin-top: -4px;
  border: 2px solid #3D82F2;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 2px;
}
#index .item-drag-wrap .ui-resizable-e:before, #loginPage .item-drag-wrap .ui-resizable-e:before {
  right: -6px;
}
#index .ui-resizable-s, #loginPage .ui-resizable-s {
  cursor: s-resize;
  cursor: url("/entry/assets/images/arrow/2.png"), s-resize;
  height: 10px;
  left: 0;
  bottom: 0;
  right: 0;
}
#index .ui-resizable-s:before, #loginPage .ui-resizable-s:before {
  position: absolute;
  display: inline-block;
  width: 8px;
  height: 8px;
  background-color: #fff;
  content: "";
  top: -5px;
  left: 50%;
  margin-left: -4px;
  border: 2px solid #3D82F2;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 2px;
}
#index .item-drag-wrap .ui-resizable-s:before, #loginPage .item-drag-wrap .ui-resizable-s:before {
  top: 6px;
}
#index .nest-modules .ui-resizable-w, #loginPage .nest-modules .ui-resizable-w {
  width: 10px;
  left: -10px;
}
#index .grid-stack-item .ui-resizable-w, #loginPage .grid-stack-item .ui-resizable-w {
  cursor: w-resize;
  cursor: url("/entry/assets/images/arrow/1.png"), w-resize;
  top: 0;
  bottom: 0;
}
#index .grid-stack-item .ui-resizable-w:before, #loginPage .grid-stack-item .ui-resizable-w:before {
  position: absolute;
  display: inline-block;
  width: 8px;
  height: 8px;
  background-color: #fff;
  content: "";
  top: 50%;
  left: 9px;
  margin-top: -4px;
  border: 2px solid #3D82F2;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 2px;
}
#index .grid-stack-item .item-drag-wrap .ui-resizable-w:before, #loginPage .grid-stack-item .item-drag-wrap .ui-resizable-w:before {
  left: -2px;
}
#index .grid-stack-item .ui-resizable-n, #loginPage .grid-stack-item .ui-resizable-n {
  cursor: n-resize;
  cursor: url("/entry/assets/images/arrow/2.png"), n-resize;
  width: 100%;
  left: 0;
  top: 0;
  bottom: 0;
}
#index .grid-stack-item .ui-resizable-n:before, #loginPage .grid-stack-item .ui-resizable-n:before {
  position: absolute;
  display: inline-block;
  width: 8px;
  height: 8px;
  background-color: #fff;
  content: "";
  top: 7px;
  left: 50%;
  margin-left: -4px;
  border: 2px solid #3D82F2;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 2px;
}
#index .grid-stack-item .item-drag-wrap .ui-resizable-n:before, #loginPage .grid-stack-item .item-drag-wrap .ui-resizable-n:before {
  top: -4px;
}
#index .grid-stack .grid-stack-item .ui-resizable-se, #loginPage .grid-stack .grid-stack-item .ui-resizable-se {
  cursor: url("/entry/assets/images/arrow/4.png"), se-resize;
}
#index .grid-stack .grid-stack-item .ui-resizable-sw, #loginPage .grid-stack .grid-stack-item .ui-resizable-sw {
  cursor: url("/entry/assets/images/arrow/3.png"), se-resize;
}
#index .grid-stack .grid-stack-item .ui-resizable-nw, #loginPage .grid-stack .grid-stack-item .ui-resizable-nw {
  cursor: url("/entry/assets/images/arrow/4.png"), se-resize;
}
#index .grid-stack .grid-stack-item .ui-resizable-ne, #loginPage .grid-stack .grid-stack-item .ui-resizable-ne {
  cursor: url("/entry/assets/images/arrow/3.png"), se-resize;
}
#index .base-container .ui-resizable-e, #loginPage .base-container .ui-resizable-e {
  cursor: e-resize;
  width: 10px;
  right: 2px;
  top: 0;
  bottom: 0;
}
#index .base-container .ui-resizable-e:before, #loginPage .base-container .ui-resizable-e:before {
  position: absolute;
  display: inline-block;
  width: 8px;
  height: 8px;
  background-color: #fff;
  content: "";
  top: 50%;
  right: 5px;
  margin-top: -4px;
  border: 2px solid #3D82F2;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 2px;
}
#index .base-container .item-drag-wrap .ui-resizable-e:before, #loginPage .base-container .item-drag-wrap .ui-resizable-e:before {
  right: -6px;
}
#index .base-container .ui-resizable-s, #loginPage .base-container .ui-resizable-s {
  cursor: s-resize;
  height: 10px;
  left: 0;
  bottom: 0;
  right: 0;
}
#index .base-container .ui-resizable-s:before, #loginPage .base-container .ui-resizable-s:before {
  position: absolute;
  display: inline-block;
  width: 8px;
  height: 8px;
  background-color: #fff;
  content: "";
  top: -5px;
  left: 50%;
  margin-left: -4px;
  border: 2px solid #3D82F2;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 2px;
}
#index .base-container .item-drag-wrap .ui-resizable-s:before, #loginPage .base-container .item-drag-wrap .ui-resizable-s:before {
  top: 6px;
}
#index .base-container .ui-resizable-w, #loginPage .base-container .ui-resizable-w {
  cursor: w-resize;
  width: 10px;
  left: -2px;
  top: 0;
  bottom: 0;
}
#index .base-container .ui-resizable-w:before, #loginPage .base-container .ui-resizable-w:before {
  position: absolute;
  display: inline-block;
  width: 8px;
  height: 8px;
  background-color: #fff;
  content: "";
  top: 50%;
  left: 9px;
  margin-top: -4px;
  border: 2px solid #3D82F2;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 2px;
}
#index .base-container .item-drag-wrap .ui-resizable-w:before, #loginPage .base-container .item-drag-wrap .ui-resizable-w:before {
  left: -2px;
}
#index .base-container .ui-resizable-n, #loginPage .base-container .ui-resizable-n {
  cursor: n-resize;
  width: 100%;
  left: 0;
  top: 0;
  bottom: 0;
}
#index .base-container .ui-resizable-n:before, #loginPage .base-container .ui-resizable-n:before {
  position: absolute;
  display: inline-block;
  width: 8px;
  height: 8px;
  background-color: #fff;
  content: "";
  top: 7px;
  left: 50%;
  margin-left: -4px;
  border: 2px solid #3D82F2;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 2px;
}
#index .base-container .item-drag-wrap .ui-resizable-n:before, #loginPage .base-container .item-drag-wrap .ui-resizable-n:before {
  top: -4px;
}

.grid-stack .grid-stack-placeholder > .placeholder-content:before {
  position: absolute;
  display: inline-block;
  content: "";
  top: -12px;
  left: -1px;
  right: -1px;
  height: 12px;
  background: #3D82F2;
  z-index: 2;
}

.editor-page .grid-wrap {
  overflow: visible;
}

.grid-wrap {
  overflow: hidden;
}

.grid-stack-item {
  z-index: 99;
}

.editor-page .grid-stack-item:hover {
  z-index: 100;
}

/*背景列表的样式*/
#bgs {
  position: absolute;
  width: 100%;
  z-index: 0;
  top: 0;
  overflow: hidden;
}
#bgs.single-bg-mode > li {
  height: 100% !important;
}
#bgs.single-bg-mode div {
  height: 100% !important;
}
#bgs > li {
  position: relative;
  overflow: hidden;
}
#bgs .img-stretch {
  background-size: 100% 100%;
}
#bgs .img-tile {
  background-size: auto 100%;
  -webkit-background-size: auto 100%;
  background-position: center center;
  background-repeat: no-repeat;
}
#bgs .img-center {
  background-size: auto auto;
  -webkit-background-size: auto auto;
  background-position: center 0;
  background-repeat: no-repeat;
}
#bgs .bg-box {
  height: 100%;
}
#bgs .bg-height {
  display: none;
  position: absolute;
  bottom: 6px;
  right: 50px;
  padding: 0 6px;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 2px;
  line-height: 22px;
  z-index: 2;
}

/*移动端样式*/
@media only screen and (min-width: 1px) and (max-width: 926px) {
  body {
    background-color: #fff;
    -webkit-text-size-adjust: none;
  }
  #header {
    min-width: 100%;
  }
  .responsive-page {
    min-width: 100% !important;
  }
  .responsive-page .aid-groups .grid-wrap {
    width: 100%;
  }
  .responsive-page #grid1 {
    width: 100%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  }
  .grid-stack.grid-stack-one-column-mode > .grid-stack-item {
    margin-bottom: 0;
  }
  .w1180 {
    width: 100%;
  }
  #quickEntry {
    display: none;
  }
  #bgs {
    display: none !important;
  }
  #index.no-app-style .item-drag-wrap {
    position: absolute !important;
    display: inline-block !important;
  }
  .item-drag-wrap {
    position: initial !important;
    display: none !important;
    /*移动端将嵌套视频放出来*/
  }
  .item-drag-wrap.video-module-container, .item-drag-wrap.plugin-module-container, .item-drag-wrap.map-module-container, .item-drag-wrap.richtext-module-container {
    display: block !important;
    position: initial !important;
    width: 100% !important;
    height: auto !important;
    margin-left: 0 !important;
    -webkit-transform: none !important;
        -ms-transform: none !important;
            transform: none !important;
  }
  .item-drag-wrap.video-module-container .map-module, .item-drag-wrap.plugin-module-container .map-module, .item-drag-wrap.map-module-container .map-module, .item-drag-wrap.richtext-module-container .map-module {
    width: 100% !important;
  }
  .item-drag-wrap.richtext-module-container {
    height: auto !important;
  }
  .item-drag-wrap.richtext-module-container .item-engine-title:not(.app-title-box) {
    display: none !important;
  }
  .item-drag-wrap.richtext-module-container .item-engine-title.app-title-box {
    display: block;
  }
  .grid-stack-item-content > .layout-content {
    width: 100% !important;
  }
  .tab-content-container:not(.autoplay_layout) .layout-content {
    width: 100% !important;
  }
  .layout-content {
    height: auto !important;
    margin: 0 !important;
  }
  .layout-content:not(:last-child) {
    margin-bottom: 20px !important;
  }
  .layout-content.visibility {
    height: 0 !important;
    visibility: hidden;
    position: absolute !important;
    top: 0;
    z-index: -1;
  }
  .grid-stack.grid-stack-one-column-mode .layout-drag {
    height: auto !important;
  }
  .grid-stack.grid-stack-one-column-mode .layout-drag .grid-stack-item-content {
    border: none;
  }
  .grid-stack.grid-stack-one-column-mode .layout-drag[data-type="6"] .layout-content:not(:last-child) {
    margin-bottom: 0 !important;
  }
  #myVideo {
    max-width: 100%;
  }
  /*隐藏飘窗*/
  #bayWindow {
    display: none;
  }
  #bayWindow .icon-close {
    display: block !important;
  }
  #bayWindow.app-show {
    display: block;
  }
  #bayWindow.app-show .masking {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: -1;
  }
  #bayWindow.app-show #imgsBox {
    display: none;
  }
  #bayWindow.app-show #appimgsBox {
    display: block;
  }
  #bayWindow.app-show #appimgsBox a {
    display: inline-block;
  }
  #bayWindow.app-show #appimgsBox a img {
    width: 100%;
    height: 100%;
  }
}
@media only screen and (min-width: 1px) and (max-width: 1080px) {
  body.touchmachine {
    background-color: #fff;
    -webkit-text-size-adjust: none;
  }
  .touchmachine #header {
    min-width: 100%;
  }
  .touchmachine.responsive-page {
    min-width: 100% !important;
  }
  .touchmachine.responsive-page .aid-groups .grid-wrap {
    width: 100%;
  }
  .touchmachine.responsive-page #grid1 {
    width: 100%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  }
  .touchmachine .grid-stack.grid-stack-one-column-mode > .grid-stack-item {
    margin-bottom: 0;
  }
  .touchmachine .w1180 {
    width: 100%;
  }
  .touchmachine #quickEntry {
    display: none;
  }
  .touchmachine #bgs {
    display: none !important;
  }
  .touchmachine #index.no-app-style .item-drag-wrap {
    position: absolute !important;
    display: inline-block !important;
  }
  .touchmachine .item-drag-wrap {
    position: initial !important;
    display: none !important;
    /*移动端将嵌套视频放出来*/
  }
  .touchmachine .item-drag-wrap.video-module-container, .touchmachine .item-drag-wrap.plugin-module-container, .touchmachine .item-drag-wrap.map-module-container, .touchmachine .item-drag-wrap.richtext-module-container {
    display: block !important;
    position: initial !important;
    width: 100% !important;
    margin-left: 0 !important;
    -webkit-transform: none !important;
        -ms-transform: none !important;
            transform: none !important;
  }
  .touchmachine .item-drag-wrap.video-module-container .map-module, .touchmachine .item-drag-wrap.plugin-module-container .map-module, .touchmachine .item-drag-wrap.map-module-container .map-module, .touchmachine .item-drag-wrap.richtext-module-container .map-module {
    width: 100% !important;
  }
  .touchmachine .item-drag-wrap.richtext-module-container {
    height: auto !important;
  }
  .touchmachine .item-drag-wrap.richtext-module-container .item-engine-title:not(.app-title-box) {
    display: none !important;
  }
  .touchmachine .item-drag-wrap.richtext-module-container .item-engine-title.app-title-box {
    display: block;
  }
  .touchmachine .grid-stack-item-content > .layout-content {
    width: 100% !important;
  }
  .touchmachine .tab-content-container:not(.autoplay_layout) .layout-content {
    width: 100% !important;
  }
  .touchmachine .layout-content {
    height: auto !important;
    margin: 0 !important;
  }
  .touchmachine .layout-content:not(:last-child) {
    margin-bottom: 20px !important;
  }
  .touchmachine .layout-content.visibility {
    height: 0 !important;
    visibility: hidden;
    position: absolute !important;
    top: 0;
    z-index: -1;
  }
  .touchmachine .grid-stack.grid-stack-one-column-mode .layout-drag {
    height: auto !important;
  }
  .touchmachine .grid-stack.grid-stack-one-column-mode .layout-drag .grid-stack-item-content {
    border: none;
  }
  .touchmachine .grid-stack.grid-stack-one-column-mode .layout-drag[data-type="6"] .layout-content:not(:last-child) {
    margin-bottom: 0 !important;
  }
  .touchmachine #myVideo {
    max-width: 100%;
  }
  /*隐藏飘窗*/
  .touchmachine #bayWindow {
    display: none;
  }
  .touchmachine #bayWindow .icon-close {
    display: block !important;
  }
  .touchmachine #bayWindow.app-show {
    display: block;
  }
  .touchmachine #bayWindow.app-show .masking {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: -1;
  }
  .touchmachine #bayWindow.app-show #imgsBox {
    display: none;
  }
  .touchmachine #bayWindow.app-show #appimgsBox {
    display: block;
  }
  .touchmachine #bayWindow.app-show #appimgsBox a {
    display: inline-block;
  }
  .touchmachine #bayWindow.app-show #appimgsBox a img {
    width: 100%;
    height: 100%;
  }
}
/*飘窗的公共样式*/
.editor-page #bayWindow {
  z-index: 9990;
}

#bayWindow {
  position: fixed;
  z-index: 9999;
  width: 340px;
  height: 126px;
  max-width: 1200px;
  max-height: 768px;
  overflow: hidden;
  text-align: center;
}
#bayWindow .window-box {
  display: inline-block;
  width: 100%;
  height: 100%;
  vertical-align: middle;
  margin: 0 auto;
}
#bayWindow .window-box > img {
  width: 100%;
  height: 100%;
}
#bayWindow .icon-close {
  display: none;
  position: absolute;
  top: 8px;
  right: 8px;
  cursor: pointer;
  border-radius: 4px;
  font-size: 18px;
  padding: 3px;
  background-color: rgba(0, 0, 0, 0.2);
}
#bayWindow .icon-close::before {
  content: "\e923";
  color: white;
}
#bayWindow:hover .icon-close.show {
  display: block;
}
#bayWindow:hover .icon-close.show:hover {
  background: rgba(0, 0, 0, 0.4);
}
#bayWindow #imgsBox .window-box {
  margin-bottom: 0;
}
#bayWindow #imgsBox .window-box:last-child {
  margin-right: 0 !important;
}
#bayWindow #imgsBox.vertical .window-box {
  margin-right: auto;
}
#bayWindow #imgsBox.vertical .window-box:last-child {
  margin-right: auto !important;
  margin-bottom: 0 !important;
}
#bayWindow .window-set {
  position: absolute;
  display: none;
  top: 0;
  right: 2px;
  z-index: 999;
}
#bayWindow .window-set > div {
  display: block;
  padding: 8px;
  color: #666;
  font-size: 12px;
  z-index: 10;
  cursor: pointer;
  min-width: 76px;
  height: 33px;
  background: rgb(255, 255, 255);
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
  border-radius: 4px;
  text-align: center;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
#bayWindow .window-set .icon-set {
  margin-right: 4px;
  font-size: 16px;
}
#bayWindow .window-set span {
  display: inline-block;
  vertical-align: middle;
}
#bayWindow #appimgsBox {
  display: none;
}

.editor-page #bayWindow .window-set {
  display: none;
}
.editor-page #bayWindow .icon-close {
  display: none;
}
.editor-page #bayWindow:hover .window-set {
  display: block;
}

/*视频播放弹框的样式*/
#myVideoBox {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
}
#myVideoBox .icon-del {
  position: absolute;
  z-index: 1;
  cursor: pointer;
  left: calc(50% + 456px);
  padding: 4px;
  top: 76px;
}
#myVideoBox .icon-del:before {
  color: #ffffff;
}

.my-video-wrap {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
}

#myVideo {
  width: 960px;
  height: 400px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 100px;
}

#myVideoOriBox,
.myVideoOriBox {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding-top: 20px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  background-color: black;
}
#myVideoOriBox #myVideoOri,
#myVideoOriBox .myVideoOri,
.myVideoOriBox #myVideoOri,
.myVideoOriBox .myVideoOri {
  width: 100%;
  height: 100%;
}
#myVideoOriBox i.icon-del,
.myVideoOriBox i.icon-del {
  font-style: normal;
  position: absolute;
  right: 0;
  top: 0;
  padding: 4px;
}

.grid-stack-item.hide {
  display: none !important;
}

/*全局iframe的样式*/
.editor-page #globalIframe .gloabl-iframe-container:hover .window-set {
  display: block;
}

#globalIframe .iframe-box {
  width: 100%;
  height: 100%;
  background-color: #fff;
}
#globalIframe .iframe-box > div {
  width: 100%;
  height: 100%;
}
#globalIframe .mini-statu {
  width: auto !important;
  height: auto !important;
}
#globalIframe .gloabl-iframe-container {
  position: fixed;
  top: 50%;
  left: 0;
  z-index: 9998;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
#globalIframe .gloabl-iframe-container.screen-right {
  right: 0;
  left: auto;
}
#globalIframe .gloabl-iframe-container.screen-right .window-set {
  left: auto;
  right: 0;
}
#globalIframe .gloabl-iframe-container.screen-right .mini-iframe-text {
  float: right;
}
#globalIframe .gloabl-iframe-container.content-left {
  left: 50%;
  right: auto;
  margin-left: -600px;
}
#globalIframe .gloabl-iframe-container.content-left .mini-iframe-text {
  float: right;
}
#globalIframe .gloabl-iframe-container.content-left .window-set {
  right: 0;
  left: auto;
}
#globalIframe .gloabl-iframe-container.content-right {
  left: 50%;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  right: auto;
  margin-left: 600px;
}
#globalIframe .mini-iframe-text {
  padding: 10px 8px;
  width: 30px;
  text-align: center;
  color: #fff;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  word-break: break-all;
  cursor: pointer;
}
#globalIframe .window-set {
  position: absolute;
  display: none;
  top: -33px;
  left: 0;
  right: auto;
  z-index: 999;
}
#globalIframe .window-set > div {
  display: block;
  padding: 8px;
  color: #666;
  font-size: 12px;
  z-index: 10;
  cursor: pointer;
  min-width: 76px;
  height: 33px;
  background: rgb(255, 255, 255);
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
  border-radius: 4px;
  text-align: center;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
#globalIframe .window-set .icon-set {
  margin-right: 4px;
  font-size: 16px;
}
#globalIframe .window-set span {
  display: inline-block;
  vertical-align: middle;
}
#globalIframe .gloabl-iframe-container .mini-iframe {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 2;
  cursor: pointer;
}

/*布局样式*/
.tab-layout {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 100%;
  padding-top: 16px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  background-size: 100% 100% !important;
}
.tab-layout .layout-content:before {
  display: none;
}
.tab-layout .tab-layout-top {
  position: relative;
}
.tab-layout .tab-layout-top:hover .layout-style-set {
  display: block;
}
.tab-layout .tab-layout-top .layout-style-set {
  position: absolute;
  display: none;
  bottom: -33px;
  left: 0;
}
.tab-layout .tab-layout-tabs {
  font-size: 16px;
  width: calc(100% - 32px);
  margin: 0 auto;
}
.tab-layout .tab-layout-tabs.hide {
  display: none;
}
.tab-layout .tab-layout-tabs > li {
  display: inline-block;
  font-size: inherit;
  color: #333;
  padding-bottom: 8px;
  cursor: pointer;
}
.tab-layout .tab-layout-tabs.center {
  text-align: center;
}
.tab-layout .tab-layout-tabs.right {
  text-align: right;
}
.tab-layout .layout-tabs1 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.tab-layout .layout-tabs1 > li:not(:last-child),
.tab-layout .layout-tabs2 > li:not(:last-child) {
  margin-right: 30px;
}
.tab-layout .layout-tabs1 > li.active,
.tab-layout .layout-tabs2 > li.active {
  color: #3D82F2;
  border-bottom: 2px solid;
}
.tab-layout .layout-tabs3 > li {
  text-align: center;
  padding: 8px;
}
.tab-layout .layout-tabs3 > li.active {
  color: #fff;
  background-color: #3D82F2;
}
.tab-layout .layout-tabs4 > li {
  padding: 0 12px;
  border-left: 1px solid #ccc;
}
.tab-layout .layout-tabs4 > li:first-child {
  padding-left: 0;
  border: none;
}
.tab-layout .layout-tabs4 > li.active {
  color: #3D82F2;
}
.tab-layout .layout-tabs5 {
  color: #ffffff;
  padding-bottom: 38px;
}
.tab-layout .layout-tabs5 > li {
  position: relative;
  padding-bottom: 33px;
}
.tab-layout .layout-tabs5 > li:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -7px;
  border-radius: 50%;
  border: 7px solid;
  opacity: 0;
}
.tab-layout .layout-tabs5 > li.active:after {
  opacity: 1;
}
.tab-layout .layout-tabs6 {
  margin-bottom: 100px;
}
.tab-layout .layout-tabs6 > li {
  text-align: left;
  padding: 10px !important;
  -webkit-writing-mode: vertical-lr;
      -ms-writing-mode: tb-lr;
          writing-mode: vertical-lr;
  vertical-align: top;
  max-height: 82px;
  line-height: 20px;
  letter-spacing: 4px;
  border-radius: 6px;
}
.tab-layout .layout-tabs6 > li.active {
  color: #fff;
  background-color: #3D82F2;
}
.tab-layout .default-style {
  text-align: center;
  font-size: 16px;
  color: #333;
  line-height: 22px;
  padding-top: 100px;
}
.tab-layout .default-style .icon {
  display: inline-block;
  font-size: 48px;
  margin-bottom: 25px;
}
.tab-layout .default-style .icon:before {
  color: rgba(0, 0, 0, 0.1);
}
.tab-layout .tab-content-container {
  height: calc(100% - 32px);
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.tab-layout .tab-content-container .layout-content {
  width: 100%;
  position: relative;
}
.tab-layout .tab-content-container > div {
  height: calc(100% - 49px);
}
.tab-layout .layout-tabs5 + .tab-content-container {
  height: calc(100% - 93px);
}
.tab-layout .layout-tabs5 + .tab-content-container > div {
  height: calc(100% - 109px);
}
.tab-layout .layout-tabs6 + .tab-content-container {
  height: calc(100% - 202px);
}
.tab-layout .layout-tabs6 + .tab-content-container > div {
  height: calc(100% - 218px);
}

.editor-page .layout-drag .grid-stack-item-content .layout-content {
  position: absolute;
  /*删除后的布局空状态*/
}
.editor-page .layout-drag .grid-stack-item-content .layout-content:before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  border: 1px dashed #ccc !important;
  z-index: 10;
}
.editor-page .grid-stack .grid-stack-item-content .custom-draggable-handle {
  z-index: 2;
}
.editor-page .grid-stack .grid-stack-item-content .custom-draggable-handle:not(.layout-content) {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.editor-page .grid-stack .layout-drag .grid-stack-item-content .custom-draggable-handle {
  z-index: 1;
}

.custom-draggable-handle:not(.layout-content) {
  display: none;
  height: 0;
}

.editor-page .custom-draggable-handle {
  height: 100%;
  display: block;
}

.layout-drag .grid-stack-item-content .layout-content {
  position: absolute;
  overflow: hidden;
  z-index: 0;
}
.layout-drag .grid-stack-item-content .layout-content.visibility {
  z-index: -1;
}
.layout-drag .grid-stack-item-content .layout-content > div:not(.layout-top-btns) {
  min-height: 100%;
}

.layout-drag[data-type="1"] .grid-stack-item-content .layout-content {
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.layout-drag[data-type="2"] .grid-stack-item-content .layout-content {
  left: 0;
  width: 578px;
  height: 100%;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.layout-drag[data-type="2"] .grid-stack-item-content .layout-content:not(.no-margin) {
  left: 598px;
}

.layout-drag[data-type="3"] .grid-stack-item-content .layout-content {
  width: 378px;
  height: 100%;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.layout-drag[data-type="3"] .grid-stack-item-content .layout-content:not(.no-margin) {
  width: 379px;
}
.layout-drag[data-type="3"] .grid-stack-item-content .layout-content:nth-child(2) {
  left: 0;
}
.layout-drag[data-type="3"] .grid-stack-item-content .layout-content:nth-child(3) {
  left: 398px;
}
.layout-drag[data-type="3"] .grid-stack-item-content .layout-content:nth-child(4) {
  left: 796px;
}

.layout-drag[data-type="4"] .grid-stack-item-content .layout-content {
  left: 0;
  width: 770px;
  height: 100%;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.layout-drag[data-type="4"] .grid-stack-item-content .layout-content:not(.no-margin) {
  width: 386px;
  left: 790px;
}

.layout-drag[data-type="5"] .grid-stack-item-content .layout-content {
  left: 0;
  width: 386px;
  height: 100%;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.layout-drag[data-type="5"] .grid-stack-item-content .layout-content:not(.no-margin) {
  width: 770px;
  left: 406px;
}

.layout-drag[data-type="1"] > .ui-resizable-e,
.layout-drag[data-type="2"] > .ui-resizable-e,
.layout-drag[data-type="3"] > .ui-resizable-e,
.layout-drag[data-type="4"] > .ui-resizable-e,
.layout-drag[data-type="5"] > .ui-resizable-e {
  display: none !important;
}
.layout-drag[data-type="1"] > .ui-resizable-w,
.layout-drag[data-type="2"] > .ui-resizable-w,
.layout-drag[data-type="3"] > .ui-resizable-w,
.layout-drag[data-type="4"] > .ui-resizable-w,
.layout-drag[data-type="5"] > .ui-resizable-w {
  display: none !important;
}

.layout-content {
  position: absolute;
}
.layout-content:hover .layout-top-btns {
  display: block;
}
.layout-content .layout-top-btns {
  position: absolute;
  display: none;
  top: 0;
  right: 0;
  z-index: 100;
  padding-bottom: 10px;
  height: 33px;
  line-height: 33px;
  font-size: 12px;
  color: #666;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.layout-content .layout-top-btns .icon {
  display: inline-block;
  font-size: 16px;
  vertical-align: middle;
}
.layout-content .layout-top-btns span {
  display: inline-block;
  vertical-align: middle;
}

/*布局内div的拖动图标的样式修改*/
.grid-stack .layout-drag .grid-stack-item-content .layout-content > .ui-resizable-w,
.grid-stack .layout-drag .grid-stack-item-content .layout-content > .ui-resizable-e {
  display: none !important;
}
.grid-stack .layout-drag .grid-stack-item-content .layout-content > .ui-resizable-e {
  right: -4px;
}
.grid-stack .layout-drag .grid-stack-item-content .layout-content > .ui-resizable-w {
  left: -8px;
}
.grid-stack .layout-drag .grid-stack-item-content .layout-content:hover > .ui-resizable-w,
.grid-stack .layout-drag .grid-stack-item-content .layout-content:hover > .ui-resizable-e {
  display: block !important;
}
.grid-stack .layout-drag .grid-stack-item-content .layout-content:hover:before {
  border: 1px dashed #3D82F2 !important;
}

/*公共电梯样式*/
#fp-nav,
#anchorsNav {
  letter-spacing: 0;
  /*公共电梯效果1*/
  /*公共电梯效果2*/
  /*公共电梯效果1*/
  /*公共电梯效果8*/
  /*公共电梯效果9*/
  /*公共电梯效果10*/
}
#fp-nav ul.common-right-nav1,
#anchorsNav ul.common-right-nav1 {
  overflow: visible;
  -ms-overflow-style: none;
  scrollbar-width: none;
  padding: 4px;
}
#fp-nav ul.common-right-nav1::-webkit-scrollbar,
#anchorsNav ul.common-right-nav1::-webkit-scrollbar {
  display: none;
}
#fp-nav ul.common-right-nav1 > li,
#anchorsNav ul.common-right-nav1 > li {
  width: 58px;
  height: 58px;
  border-radius: 50% !important;
  background-color: rgba(255, 255, 255, 0.6);
  text-align: center;
  -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2);
  padding: 0;
}
#fp-nav ul.common-right-nav1 > li:not(:last-child),
#anchorsNav ul.common-right-nav1 > li:not(:last-child) {
  margin-bottom: 20px;
}
#fp-nav ul.common-right-nav1 > li.active-li, #fp-nav ul.common-right-nav1 > li.active, #fp-nav ul.common-right-nav1 > li:hover,
#anchorsNav ul.common-right-nav1 > li.active-li,
#anchorsNav ul.common-right-nav1 > li.active,
#anchorsNav ul.common-right-nav1 > li:hover {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  border-radius: 50%;
}
#fp-nav ul.common-right-nav1 > li.active:before,
#anchorsNav ul.common-right-nav1 > li.active:before {
  display: none;
}
#fp-nav ul.common-right-nav1 > li img,
#anchorsNav ul.common-right-nav1 > li img {
  width: 24px;
  height: 24px;
  margin: 8px 0 0;
}
#fp-nav ul.common-right-nav1 > li a,
#anchorsNav ul.common-right-nav1 > li a {
  display: block !important;
  width: 100% !important;
  text-align: center;
  font-size: 14px;
  transform: scale(0.8);
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 22px !important;
  color: #000;
}
#fp-nav ul.common-right-nav1 .back-top,
#anchorsNav ul.common-right-nav1 .back-top {
  color: #000;
  padding: 12px 6px;
}
#fp-nav ul.common-right-nav1 .placeholder,
#anchorsNav ul.common-right-nav1 .placeholder {
  height: 26px;
}
#fp-nav ul.common-right-nav2,
#anchorsNav ul.common-right-nav2 {
  overflow: visible;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
#fp-nav ul.common-right-nav2::-webkit-scrollbar,
#anchorsNav ul.common-right-nav2::-webkit-scrollbar {
  display: none;
}
#fp-nav ul.common-right-nav2 > li,
#anchorsNav ul.common-right-nav2 > li {
  width: 50px;
  height: 50px;
  border-radius: 8px !important;
  background: rgba(0, 0, 0, 0.4);
  text-align: center;
  -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(255, 255, 255, 0.5);
  padding: 0;
}
#fp-nav ul.common-right-nav2 > li:not(:last-child),
#anchorsNav ul.common-right-nav2 > li:not(:last-child) {
  margin-bottom: 2px;
}
#fp-nav ul.common-right-nav2 > li img,
#anchorsNav ul.common-right-nav2 > li img {
  width: 40px;
  height: 40px;
  margin: 3px 0 0;
}
#fp-nav ul.common-right-nav2 > li a,
#anchorsNav ul.common-right-nav2 > li a {
  position: relative;
  display: block !important;
  width: 100% !important;
  text-align: center;
  font-size: 16px;
  height: 100%;
  border-radius: 8px;
  color: #000;
}
#fp-nav ul.common-right-nav2 > li a:hover .anchors-name,
#anchorsNav ul.common-right-nav2 > li a:hover .anchors-name {
  display: block;
}
#fp-nav ul.common-right-nav2 > li a .anchors-name,
#anchorsNav ul.common-right-nav2 > li a .anchors-name {
  position: absolute;
  display: none;
  right: 54px;
  top: 10px;
  min-width: 104px;
  height: 30px;
  line-height: 30px;
  padding: 0 6px;
  white-space: nowrap;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 15px;
  border: 1px solid rgba(0, 0, 0, 0.4);
}
#fp-nav .right-nav1,
#fp-nav .right-nav2,
#anchorsNav .right-nav1,
#anchorsNav .right-nav2 {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
#fp-nav .right-nav1::-webkit-scrollbar,
#fp-nav .right-nav2::-webkit-scrollbar,
#anchorsNav .right-nav1::-webkit-scrollbar,
#anchorsNav .right-nav2::-webkit-scrollbar {
  display: none;
}
#fp-nav ul.common-right-nav3,
#anchorsNav ul.common-right-nav3 {
  overflow: visible;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
#fp-nav ul.common-right-nav3::-webkit-scrollbar,
#anchorsNav ul.common-right-nav3::-webkit-scrollbar {
  display: none;
}
#fp-nav ul.common-right-nav3 > li,
#anchorsNav ul.common-right-nav3 > li {
  width: 76px;
  height: 76px;
  border-radius: 50% !important;
  background-color: rgb(255, 255, 255);
  text-align: center;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.06);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.06);
  padding: 0;
}
#fp-nav ul.common-right-nav3 > li:not(:last-child),
#anchorsNav ul.common-right-nav3 > li:not(:last-child) {
  margin-bottom: 20px;
}
#fp-nav ul.common-right-nav3 > li.active-li a, #fp-nav ul.common-right-nav3 > li.active a, #fp-nav ul.common-right-nav3 > li:hover a,
#anchorsNav ul.common-right-nav3 > li.active-li a,
#anchorsNav ul.common-right-nav3 > li.active a,
#anchorsNav ul.common-right-nav3 > li:hover a {
  color: #ffffff;
}
#fp-nav ul.common-right-nav3 > li.active-li img.img-normal, #fp-nav ul.common-right-nav3 > li.active img.img-normal, #fp-nav ul.common-right-nav3 > li:hover img.img-normal,
#anchorsNav ul.common-right-nav3 > li.active-li img.img-normal,
#anchorsNav ul.common-right-nav3 > li.active img.img-normal,
#anchorsNav ul.common-right-nav3 > li:hover img.img-normal {
  display: none;
}
#fp-nav ul.common-right-nav3 > li.active-li img.img-hover, #fp-nav ul.common-right-nav3 > li.active img.img-hover, #fp-nav ul.common-right-nav3 > li:hover img.img-hover,
#anchorsNav ul.common-right-nav3 > li.active-li img.img-hover,
#anchorsNav ul.common-right-nav3 > li.active img.img-hover,
#anchorsNav ul.common-right-nav3 > li:hover img.img-hover {
  display: block;
}
#fp-nav ul.common-right-nav3 > li.active:before,
#anchorsNav ul.common-right-nav3 > li.active:before {
  display: none;
}
#fp-nav ul.common-right-nav3 > li img,
#anchorsNav ul.common-right-nav3 > li img {
  width: 36px;
  height: 36px;
  margin: 0 auto;
  margin-top: 8px;
}
#fp-nav ul.common-right-nav3 > li img.img-normal,
#anchorsNav ul.common-right-nav3 > li img.img-normal {
  display: block;
}
#fp-nav ul.common-right-nav3 > li img.img-hover,
#anchorsNav ul.common-right-nav3 > li img.img-hover {
  display: none;
}
#fp-nav ul.common-right-nav3 > li a,
#anchorsNav ul.common-right-nav3 > li a {
  display: block !important;
  width: 100% !important;
  text-align: center;
  font-size: 14px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 20px;
  color: #333;
  font-weight: 600;
}
#fp-nav ul.common-right-nav3 .back-top,
#anchorsNav ul.common-right-nav3 .back-top {
  color: #000;
  padding: 12px 6px;
}
#fp-nav ul.common-right-nav3 .placeholder,
#anchorsNav ul.common-right-nav3 .placeholder {
  height: 26px;
}
#fp-nav .common-left-nav1,
#anchorsNav .common-left-nav1 {
  position: relative;
  width: 261px;
  text-align: center;
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: 100% auto;
}
#fp-nav .common-left-nav1 ul,
#anchorsNav .common-left-nav1 ul {
  width: 120px;
  margin: 0 auto;
  padding-top: 320px;
  padding-bottom: 70px;
}
#fp-nav .common-left-nav1 ul li,
#anchorsNav .common-left-nav1 ul li {
  position: relative;
  display: block;
  line-height: 36px;
  border-radius: 8px;
  margin-bottom: 20px;
}
#fp-nav .common-left-nav1 ul li.active-li,
#anchorsNav .common-left-nav1 ul li.active-li {
  color: #ffffff;
}
#fp-nav .common-left-nav1 ul li.active,
#anchorsNav .common-left-nav1 ul li.active {
  color: #ffffff;
}
#fp-nav .common-left-nav1 ul li a,
#anchorsNav .common-left-nav1 ul li a {
  position: relative;
  display: block;
  margin: 0 auto;
  color: inherit;
  border-radius: 8px;
}
#fp-nav .common-left-nav1 ul li a.active,
#anchorsNav .common-left-nav1 ul li a.active {
  color: #ffffff;
}
#fp-nav .common-left-nav1 .toggle-box,
#anchorsNav .common-left-nav1 .toggle-box {
  padding: 35px 0 60px 0;
}
#fp-nav .common-left-nav1 .toggle-box .btn-box,
#anchorsNav .common-left-nav1 .toggle-box .btn-box {
  display: inline-block;
  cursor: pointer;
  line-height: 30px;
  color: #ffffff;
  border-radius: 6px;
  padding: 0 8px;
}
#fp-nav .common-left-nav1 .toggle-box .btn-box span,
#anchorsNav .common-left-nav1 .toggle-box .btn-box span {
  margin-right: 5px;
}
#fp-nav .common-left-nav1 .toggle-box .btn-box i,
#anchorsNav .common-left-nav1 .toggle-box .btn-box i {
  font-size: 14px;
  display: inline-block;
}
#fp-nav .common-left-nav1 .toggle-box .btn-box .txt-1,
#anchorsNav .common-left-nav1 .toggle-box .btn-box .txt-1 {
  display: none;
}
#fp-nav .common-left-nav1 .toggle-box .btn-box .txt-2,
#anchorsNav .common-left-nav1 .toggle-box .btn-box .txt-2 {
  display: inline-block;
}
#fp-nav .common-left-nav1 .toggle-box .btn-box.btn-open i,
#anchorsNav .common-left-nav1 .toggle-box .btn-box.btn-open i {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
#fp-nav .common-left-nav1 .toggle-box .btn-box.btn-open .txt-1,
#anchorsNav .common-left-nav1 .toggle-box .btn-box.btn-open .txt-1 {
  display: inline-block;
}
#fp-nav .common-left-nav1 .toggle-box .btn-box.btn-open .txt-2,
#anchorsNav .common-left-nav1 .toggle-box .btn-box.btn-open .txt-2 {
  display: none;
}
#fp-nav .common-right-nav4,
#anchorsNav .common-right-nav4 {
  padding: 135px 10px 23px;
  background-size: 100%;
}
#fp-nav .common-right-nav4 .anchors-nav li,
#anchorsNav .common-right-nav4 .anchors-nav li {
  width: 80px;
  height: 80px;
  border-radius: 8px !important;
  text-align: center;
  margin-bottom: 10px !important;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
#fp-nav .common-right-nav4 .anchors-nav li.active-li a, #fp-nav .common-right-nav4 .anchors-nav li.active a, #fp-nav .common-right-nav4 .anchors-nav li:hover a,
#anchorsNav .common-right-nav4 .anchors-nav li.active-li a,
#anchorsNav .common-right-nav4 .anchors-nav li.active a,
#anchorsNav .common-right-nav4 .anchors-nav li:hover a {
  background-color: rgba(255, 255, 255, 0.2);
  border: 1px solid rgb(255, 255, 255);
}
#fp-nav .common-right-nav4 .anchors-nav li .img-box,
#anchorsNav .common-right-nav4 .anchors-nav li .img-box {
  width: 26px;
  height: 26px;
  margin: 0 auto;
  display: block;
}
#fp-nav .common-right-nav4 .anchors-nav li img,
#anchorsNav .common-right-nav4 .anchors-nav li img {
  width: 26px;
  height: 26px;
  margin: 0 auto;
  display: block;
}
#fp-nav .common-right-nav4 .anchors-nav li a,
#anchorsNav .common-right-nav4 .anchors-nav li a {
  position: relative;
  display: block !important;
  width: 100% !important;
  text-align: center;
  height: 100%;
  border-radius: 8px;
  color: #ffffff;
  font-size: 14px;
  padding: 12px 0;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.4);
}
#fp-nav .common-right-nav4 .anchors-nav li a.active, #fp-nav .common-right-nav4 .anchors-nav li a:hover,
#anchorsNav .common-right-nav4 .anchors-nav li a.active,
#anchorsNav .common-right-nav4 .anchors-nav li a:hover {
  background-color: rgba(255, 255, 255, 0.2);
  border: 1px solid rgb(255, 255, 255);
}
#fp-nav .common-right-nav4 .anchors-nav li a .anchors-name,
#anchorsNav .common-right-nav4 .anchors-nav li a .anchors-name {
  position: absolute;
  display: none;
  right: 54px;
  top: 10px;
  min-width: 104px;
  height: 30px;
  line-height: 30px;
  padding: 0 6px;
  white-space: nowrap;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 15px;
  border: 1px solid rgba(0, 0, 0, 0.4);
}
#fp-nav .common-right-nav4 .nav-totop,
#anchorsNav .common-right-nav4 .nav-totop {
  width: 80px;
  height: 80px;
  border-radius: 8px !important;
  text-align: center;
  margin-bottom: 10px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
#fp-nav .common-right-nav4 .nav-totop:hover a,
#anchorsNav .common-right-nav4 .nav-totop:hover a {
  background-color: rgba(255, 255, 255, 0.2);
  border: 1px solid rgb(255, 255, 255);
}
#fp-nav .common-right-nav4 .nav-totop .img-box,
#anchorsNav .common-right-nav4 .nav-totop .img-box {
  width: 26px;
  height: 26px;
  margin: 0 auto;
  display: block;
}
#fp-nav .common-right-nav4 .nav-totop img,
#anchorsNav .common-right-nav4 .nav-totop img {
  width: 26px;
  height: 26px;
  margin: 0 auto;
  display: block;
}
#fp-nav .common-right-nav4 .nav-totop a,
#anchorsNav .common-right-nav4 .nav-totop a {
  position: relative;
  display: block !important;
  width: 100% !important;
  text-align: center;
  height: 100%;
  border-radius: 8px;
  color: #ffffff;
  font-size: 14px;
  padding: 12px 0;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.4);
}
#fp-nav .common-right-nav4 .nav-totop a:hover,
#anchorsNav .common-right-nav4 .nav-totop a:hover {
  background-color: rgba(255, 255, 255, 0.2);
  border: 1px solid rgb(255, 255, 255);
}
#fp-nav .common-right-nav4 .nav-totop a .anchors-name,
#anchorsNav .common-right-nav4 .nav-totop a .anchors-name {
  position: absolute;
  display: none;
  right: 54px;
  top: 10px;
  min-width: 104px;
  height: 30px;
  line-height: 30px;
  padding: 0 6px;
  white-space: nowrap;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 15px;
  border: 1px solid rgba(0, 0, 0, 0.4);
}
#fp-nav .common-right-nav5 .logo-box,
#anchorsNav .common-right-nav5 .logo-box {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  border: 4px solid #fff;
  -webkit-box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.08);
  cursor: pointer;
}
#fp-nav .common-right-nav5 .logo-box img,
#anchorsNav .common-right-nav5 .logo-box img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
#fp-nav .common-right-nav5 .anchors-nav,
#anchorsNav .common-right-nav5 .anchors-nav {
  display: none;
  width: 127px;
  padding: 88px 6px 18px;
  border-radius: 8px;
  margin: -75px auto 0;
}
#fp-nav .common-right-nav5 .anchors-nav li,
#anchorsNav .common-right-nav5 .anchors-nav li {
  margin-top: 4px;
}
#fp-nav .common-right-nav5 .anchors-nav li:first-child,
#anchorsNav .common-right-nav5 .anchors-nav li:first-child {
  margin-top: 0;
}
#fp-nav .common-right-nav5 .anchors-nav li > a,
#anchorsNav .common-right-nav5 .anchors-nav li > a {
  display: block;
  width: 100%;
  padding: 0 4px 0 8px;
  border-radius: 6px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  height: 36px;
  line-height: 36px;
  font-size: 0;
}
#fp-nav .common-right-nav5 .anchors-nav li .img-box,
#anchorsNav .common-right-nav5 .anchors-nav li .img-box {
  display: inline-block;
  vertical-align: middle;
  width: 18px;
  height: 18px;
  margin-right: 4px;
}
#fp-nav .common-right-nav5 .anchors-nav li img,
#anchorsNav .common-right-nav5 .anchors-nav li img {
  width: 100%;
  height: 100%;
  vertical-align: top;
}
#fp-nav .common-right-nav5 .anchors-nav li .pagination-item-icon-active,
#anchorsNav .common-right-nav5 .anchors-nav li .pagination-item-icon-active {
  display: none;
}
#fp-nav .common-right-nav5 .anchors-nav li span,
#anchorsNav .common-right-nav5 .anchors-nav li span {
  display: inline-block;
  vertical-align: middle;
  width: 80px;
  text-align: center;
  letter-spacing: 1.2px;
  font-size: 15px;
  line-height: 36px;
  color: #2F3C45;
}
#fp-nav .common-right-nav5 .anchors-nav li:hover .pagination-item-icon, #fp-nav .common-right-nav5 .anchors-nav li a.active .pagination-item-icon, #fp-nav .common-right-nav5 .anchors-nav li.active-li .pagination-item-icon,
#anchorsNav .common-right-nav5 .anchors-nav li:hover .pagination-item-icon,
#anchorsNav .common-right-nav5 .anchors-nav li a.active .pagination-item-icon,
#anchorsNav .common-right-nav5 .anchors-nav li.active-li .pagination-item-icon {
  display: none;
}
#fp-nav .common-right-nav5 .anchors-nav li:hover .pagination-item-icon-active, #fp-nav .common-right-nav5 .anchors-nav li a.active .pagination-item-icon-active, #fp-nav .common-right-nav5 .anchors-nav li.active-li .pagination-item-icon-active,
#anchorsNav .common-right-nav5 .anchors-nav li:hover .pagination-item-icon-active,
#anchorsNav .common-right-nav5 .anchors-nav li a.active .pagination-item-icon-active,
#anchorsNav .common-right-nav5 .anchors-nav li.active-li .pagination-item-icon-active {
  display: inline-block;
}
#fp-nav .common-right-nav5 .anchors-nav li:hover span, #fp-nav .common-right-nav5 .anchors-nav li a.active span, #fp-nav .common-right-nav5 .anchors-nav li.active-li span,
#anchorsNav .common-right-nav5 .anchors-nav li:hover span,
#anchorsNav .common-right-nav5 .anchors-nav li a.active span,
#anchorsNav .common-right-nav5 .anchors-nav li.active-li span {
  color: #fff;
}
#fp-nav .common-right-nav6 .nav,
#anchorsNav .common-right-nav6 .nav {
  position: relative;
  margin: 0 17px 24px;
  display: block;
  width: 15px;
  height: 15px;
}
#fp-nav .common-right-nav6 .nav.active-li,
#anchorsNav .common-right-nav6 .nav.active-li {
  margin: 0 0 24px;
  width: 49px;
  height: 39px;
}
#fp-nav .common-right-nav6 .nav a img,
#anchorsNav .common-right-nav6 .nav a img {
  display: block;
  width: 100%;
  height: 100%;
}
#fp-nav .common-right-nav6 .nav .active-img,
#anchorsNav .common-right-nav6 .nav .active-img {
  display: none;
  width: 100%;
  height: 100%;
  background: url("/entry/assets/images/common/sd-bg.png") no-repeat center center;
  background-size: 100% 100%;
}
#fp-nav .common-right-nav6 .nav.active-li img,
#anchorsNav .common-right-nav6 .nav.active-li img {
  display: none;
}
#fp-nav .common-right-nav6 .nav.active-li .active-img,
#anchorsNav .common-right-nav6 .nav.active-li .active-img {
  display: block;
}
#fp-nav .common-right-nav6 .nav:hover .nav-info,
#anchorsNav .common-right-nav6 .nav:hover .nav-info {
  display: block;
  right: 61px;
}
#fp-nav .common-right-nav6 .nav .nav-info,
#anchorsNav .common-right-nav6 .nav .nav-info {
  position: absolute;
  top: 50%;
  right: 44px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  border: 1px solid;
  height: 26px;
  font-size: 14px;
  line-height: 24px;
  padding: 0 14px;
  border-radius: 13px;
  display: none;
  white-space: nowrap;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  background: url("/entry/assets/images/common/sd-info-bg.png") no-repeat center center;
  background-size: 100% 100%;
}

.grid-stack-item.ui-draggable-dragging .default-dom {
  text-align: center;
}
.grid-stack-item.ui-draggable-dragging .default-dom img {
  margin: 0 auto;
}
.grid-stack-item.ui-draggable-dragging .default-dom p {
  text-align: center;
}

/*拖拽、悬停时候的尺寸显示样式*/
#index .grid-stack .curModuleSize {
  position: absolute;
  z-index: 9999;
  bottom: 10px;
  right: 10px;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  border-radius: 4px;
  padding: 0 8px;
  line-height: 26px;
  height: 26px;
  min-height: auto;
  font-size: 14px;
}
#index .grid-stack .layout-content .curModuleSize {
  bottom: 0;
  right: 0;
}
#index .grid-stack .layout-content .curModuleSize.up {
  bottom: 28px;
}
#index .plugin-module-container .curModuleSize {
  position: absolute;
  z-index: 9999;
  bottom: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  border-radius: 4px 0 0 0;
  padding: 0 8px;
  line-height: 26px;
  height: 26px;
  min-height: auto;
  font-size: 14px;
}
#index .richtext-module-container .richtext-module {
  width: 100%;
  height: 100%;
  overflow: auto;
}
#index.editor-page .anchorPositoinTL {
  -webkit-transform: translateY(48px);
      -ms-transform: translateY(48px);
          transform: translateY(48px);
}
#index.editor-page .anchorPositoinTL .general-set {
  top: 0;
}

/*布局模式的样式---待优化*/
.editor-page.layout-mode {
  min-width: 1420px;
}
.editor-page.layout-mode #popupNav {
  position: absolute;
  top: 48px;
  left: 0 !important;
  bottom: 0;
  width: 200px;
}
.editor-page.layout-mode #popupNav .tab-con-wrap {
  max-height: none;
}
.editor-page.layout-mode #popupNav .menus {
  width: 100%;
  border-radius: 0;
  height: 100%;
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
}
.editor-page.layout-mode #popupNav .modules img {
  width: 50px;
  height: 34px;
}
.editor-page.layout-mode #popupNav .module-name {
  font-size: 12px;
}
.editor-page.layout-mode #popupNav .edit-page-bg {
  left: 210px;
}
.editor-page.layout-mode #popupNav .pop-nav-content {
  height: 100%;
}
.editor-page.layout-mode #popupNav .tab-con-wrap {
  height: calc(100% - 50px);
  overflow-y: auto;
}
.editor-page.layout-mode #popupNav #scaleLeft {
  display: none;
}
.editor-page.layout-mode #popupNav .colors > li:not(:nth-child(8n)) {
  margin-right: 2px;
}
.editor-page.layout-mode .content,
.editor-page.layout-mode #header,
.editor-page.layout-mode #banner,
.editor-page.layout-mode #firstSection,
.editor-page.layout-mode #footer {
  width: 1204px;
  margin-left: 212px;
}
.editor-page.layout-mode #firstSection #header, .editor-page.layout-mode #firstSection #banner {
  width: 100%;
  margin-left: 0;
}

/*进入页面的加载状态*/
#loadPage {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 10000;
}
#loadPage > img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100px;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}

/*登录应用的样式  前期写的时候提出来写在一起的，后期不好分离 --- start*/
.lg-container {
  /**返回*/
  /**密码锁*/
  /**闭眼*/
  /**睁眼*/
  /**手机*/
  /**学校单位*/
  /**学号/工号*/
  /**验证码icon*/
  /**向右小箭头*/
  /**姓名icon*/
  /**登录模块公共样式------start*/
  /*.lg-container .item-tel.error-tip {*/
  /*margin-bottom: 40px;*/
  /*}*/
  /*.lg-container .error-tip .top66{*/
  /*top: 66px;*/
  /*}*/
  /**美化滚动条*/
  /**获取验证码-input*/
  /**随机生成验证码*/
  /**跳过*/
  /**登录模块公共样式------end*/
  /** 默认登录方式的样式-----start */
  /** 默认登录方式的样式-----end */
  /**初始化密码----------start */
  /**初始化密码----------end */
  /**完善个人信息+初始化密码----------start */
  /**完善个人信息+初始化密码----------end */
  /*登录通知提示*/
  /*扫码登录*/
  /*设置按钮样式*/
  /*按钮的样式*/
  /*单选*/
  /*手机号登录和机构登录切换*/
}
.lg-container input {
  -moz-appearance: button;
  /* Firefox */
  -webkit-appearance: button;
  /* Safari 和 Chrome */
}
.lg-container .col-blue {
  color: #3A8BFF;
}
.lg-container .fs15 {
  font-size: 15px;
}
.lg-container .clearaft:after {
  content: "";
  display: block;
  clear: both;
}
.lg-container ::-webkit-input-placeholder {
  color: #CAD0E6 !important;
  text-overflow: ellipsis;
}
.lg-container :-moz-placeholder {
  color: #CAD0E6 !important;
  text-overflow: ellipsis;
}
.lg-container ::-moz-placeholder {
  color: #CAD0E6 !important;
  text-overflow: ellipsis;
}
.lg-container :-ms-input-placeholder {
  color: #CAD0E6 !important;
  text-overflow: ellipsis;
}
.lg-container input:-moz-placeholder,
.lg-container input::-moz-placeholder {
  opacity: 1;
}
.lg-container .default-login-main + .login-tel {
  display: none;
}
.lg-container .icon-back:before {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url("/entry/assets/images/login/icon-back.png") no-repeat center;
  background-size: cover;
  position: relative;
  top: 2px;
  margin-right: 6px;
}
.lg-container .icon-pwd:before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url("/entry/assets/images/login/icon-password.png") no-repeat center;
  background-size: cover;
}
.lg-container .icon-eye-close:before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url("/entry/assets/images/login/icon-eye-close.png") no-repeat center;
  background-size: cover;
  vertical-align: middle;
  cursor: pointer;
}
.lg-container .icon-eye-open:before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url("/entry/assets/images/login/icon-eye-open.png") no-repeat center;
  background-size: cover;
  vertical-align: middle;
  cursor: pointer;
}
.lg-container .icon-tel:before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url("/entry/assets/images/login/icon-tel.png") no-repeat center;
  background-size: cover;
  vertical-align: middle;
}
.lg-container .icon-school:before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url("/entry/assets/images/login/icon-school.png") no-repeat center;
  background-size: cover;
}
.lg-container .icon-card:before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url("/entry/assets/images/login/icon-card.png") no-repeat center;
  background-size: cover;
}
.lg-container .icon-verify:before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url("/entry/assets/images/login/icon-verify.png") no-repeat center;
  background-size: cover;
}
.lg-container .icon-right:after {
  content: "";
  display: inline-block;
  width: 6px;
  height: 10px;
  background: url("/entry/assets/images/login/icon-right.png") no-repeat center;
  background-size: cover;
  margin-left: 5px;
}
.lg-container .icon-person:before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url("/entry/assets/images/login/icon-person.png") no-repeat center;
  background-size: cover;
}
.lg-container .lg-container {
  /*position: relative;*/
  /*height: 100%;*/
  /*background: #F2F4F7;*/
  /*border-top: 1px solid #F2F4F7;*/
}
.lg-container .main {
  /*position: absolute;*/
  /*top: 50%;*/
  /*left: 50%;*/
  /*-webkit-transform: translate(-50%, -50%);*/
  /*-moz-transform: translate(-50%, -50%);*/
  /*-ms-transform: translate(-50%, -50%);*/
  /*-o-transform: translate(-50%, -50%);*/
  /*transform: translate(-50%, -50%);*/
  /*z-index: 5;*/
  margin: 0 auto;
  position: relative;
}
.lg-container .btn-big-blue {
  width: 360px;
  height: 48px;
  /*background: #3D82F2;*/
  /*box-shadow: 0 3px 12px 0 rgba(39, 125, 255, 0.3);*/
  border-radius: 24px;
  font-size: 18px;
  color: #ffffff;
  outline: none;
  margin-top: 24px;
  cursor: pointer;
  border: none;
}
.lg-container .btn-big-blue:not(.disable):hover {
  opacity: 0.9;
}
.lg-container .btn-big-blue:active {
  opacity: 0.9;
}
.lg-container .btn-big-blue.disable {
  background: #DDDDDD;
}
.lg-container .lg-item {
  width: 360px;
  line-height: 48px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 24px;
  font-size: 14px;
  color: #181E33;
  padding: 0;
  position: relative;
  /**  密码强中弱 标识*/
}
.lg-container .lg-item:before {
  position: absolute;
  top: 15px;
  left: 24px;
}
.lg-container .lg-item input {
  width: 100%;
  height: 48px;
  vertical-align: top;
  background: #FFFFFF;
  border: 1px solid #E3E8F0;
  outline: none;
  font-size: 14px;
  color: #181E33;
  border-radius: 24px;
  padding: 0 24px 0 54px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.lg-container .lg-item input:focus {
  border: 1px solid #dddddd;
  background: #ffffff;
}
.lg-container .lg-item .pd-right60 {
  padding-right: 60px;
}
.lg-container .lg-item .pos-r24 {
  position: absolute;
  top: 0;
  right: 24px;
  line-height: unset;
}
.lg-container .lg-item .pwd-rule {
  font-size: 12px;
  color: #A8A8B3;
  padding-left: 24px;
  line-height: 1;
  margin-top: 6px;
  /*position: absolute;*/
}
.lg-container .lg-item .pwd-diff-list {
  padding-left: 24px;
  /*margin-top: 18px;*/
  line-height: 1;
}
.lg-container .lg-item .pwd-diff-list > a {
  display: inline-block;
  width: 40px;
  text-align: center;
  margin-right: 4px;
  padding-top: 10px;
  font-size: 12px;
  color: #A8A8B3;
}
.lg-container .lg-item .pwd-diff-list > a i {
  display: inline-block;
  width: 40px;
  height: 6px;
  border-radius: 4px;
  margin-bottom: 4px;
  background: #E2E4EF;
}
.lg-container .lg-item .pwd-diff-list > a.diff1 {
  color: #181e33;
}
.lg-container .lg-item .pwd-diff-list > a.diff1 > i {
  background: -webkit-gradient(linear, left top, right top, from(#64aaff), to(#6494ff));
  background: -webkit-linear-gradient(left, #64aaff, #6494ff);
  background: linear-gradient(90deg, #64aaff, #6494ff);
}
.lg-container .lg-item .pwd-diff-list > a.diff2 {
  color: #181e33;
}
.lg-container .lg-item .pwd-diff-list > a.diff2 > i {
  background: -webkit-gradient(linear, left top, right top, from(#638fff), to(#6077ff));
  background: -webkit-linear-gradient(left, #638fff, #6077ff);
  background: linear-gradient(90deg, #638fff, #6077ff);
}
.lg-container .lg-item .pwd-diff-list > a.diff3 {
  color: #181e33;
}
.lg-container .lg-item .pwd-diff-list > a.diff3 > i {
  background: -webkit-gradient(linear, left top, right top, from(#6073ff), to(#5d5bff));
  background: -webkit-linear-gradient(left, #6073ff, #5d5bff);
  background: linear-gradient(90deg, #6073ff, #5d5bff);
}
.lg-container input:focus {
  border: 1px solid #dddddd;
  background: #ffffff;
}
.lg-container .item-tel {
  margin-bottom: 24px;
  position: relative;
}
.lg-container .item-tel .tel-area {
  display: inline-block;
  width: 100px;
  height: 48px;
  line-height: 48px;
  background: #FFFFFF;
  border: 1px solid #e3e8f0;
  border-radius: 24px;
  padding-left: 24px;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 14px;
  color: #646873;
  margin-right: 12px;
  cursor: pointer;
}
.lg-container .item-tel .icon-down:after {
  content: "";
  display: inline-block;
  width: 11px;
  height: 100%;
  background: url("/entry/assets/images/login/icon-down.png") no-repeat center;
  background-size: 100%;
  position: absolute;
  right: 20px;
  top: 0;
}
.lg-container .item-tel .icon-down:before {
  content: none;
}
.lg-container .item-tel .icon-up:after {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.lg-container .item-tel .ipt-focus {
  width: 248px;
  height: 48px;
  outline: none;
  background: #ffffff;
  border: 1px solid #e3e8f0;
  border-radius: 24px;
  font-size: 14px;
  color: #181E33;
  padding: 0 24px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.lg-container .item-tel .ipt-focus:focus {
  border: 1px solid #dddddd;
  background: #ffffff;
}
.lg-container .item-tel.error-tip .err-txt {
  /*top: 48px;*/
  left: 112px;
}
.lg-container .error-tip {
  position: relative;
}
.lg-container .error-tip > input {
  border: 1px solid #FF5152 !important;
  background: #FFFFFF !important;
}
.lg-container .error-tip .err-txt {
  font-size: 12px;
  line-height: 1;
  color: #FF5152;
  padding: 6px 0 0 24px;
  position: absolute;
  /*top: 48px;*/
  bottom: -18px;
}
.lg-container .lg-top {
  line-height: 20px;
}
.lg-container .lg-top .back {
  position: absolute;
  top: 30px;
  left: 30px;
}
.lg-container .lg-top .service {
  position: absolute;
  top: 30px;
  right: 30px;
  cursor: pointer;
  color: #91A0B5;
  outline: none;
  z-index: 2;
}
.lg-container .ipt-focus:focus {
  border: 1px solid #dddddd !important;
  background: #ffffff !important;
}
.lg-container .lg-title {
  color: #181E33;
  font-size: 20px;
  margin-bottom: 32px;
}
.lg-container .col-lightblue {
  color: #91A0B5;
}
.lg-container .main-def-w {
  width: 460px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #ffffff;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(175, 187, 204, 0.2);
          box-shadow: 0px 0px 20px 0px rgba(175, 187, 204, 0.2);
  border-radius: 8px;
  padding: 72px 50px 50px;
}
.lg-container .filter-list {
  display: none;
  width: 324px;
  position: absolute;
  top: 50px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  /*padding: 7px 2px;*/
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #f7f8fa;
  z-index: 2;
  background: #FFFFFF;
  -webkit-box-shadow: 0 2px 12px 0 #AFBBCC;
          box-shadow: 0 2px 12px 0 #AFBBCC;
  border-radius: 6px;
}
.lg-container .filter-list .list-jg {
  max-height: 332px;
  overflow-y: auto;
}
.lg-container .filter-list .list {
  max-height: 252px;
  overflow-y: auto;
}
.lg-container .filter-list li {
  text-align: left;
  font-size: 14px;
  color: #181E33;
  line-height: 40px;
  height: 40px;
  padding: 0 12px;
  cursor: pointer;
  overflow: hidden;
}
.lg-container .filter-list li:hover, .lg-container .filter-list li:active, .lg-container .filter-list li.current {
  background: #eee;
  color: #333333;
}
.lg-container .filter-list li:hover span, .lg-container .filter-list li:active span, .lg-container .filter-list li.current span {
  color: #333333;
}
.lg-container .filter-list li .fl {
  color: #181E33;
}
.lg-container .filter-list li .fr {
  color: #646873;
}
.lg-container .filter-list .li-search {
  padding: 9px 13px;
}
.lg-container .filter-list .li-search .dataSearch {
  width: 100%;
  position: relative;
}
.lg-container .filter-list .li-search .dataSearch .dataSearch_input {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 34px;
  font-size: 14px;
  color: #181E33;
  border: 1px solid #E5E5E5;
  background: none;
  z-index: 2;
  padding: 0 14px;
  border-radius: 40px;
}
.lg-container .filter-list .li-search:hover {
  background: #ffffff;
}
.lg-container .beat-scroll::-webkit-scrollbar {
  width: 6px;
}
.lg-container .beat-scroll::-webkit-scrollbar-track {
  background-color: #ffffff;
  border-radius: 2em;
}
.lg-container .beat-scroll::-webkit-scrollbar-thumb {
  width: 6px;
  background-color: #E6E6E6;
  border-radius: 2em;
}
.lg-container .item-getcode .ipt-code {
  padding-right: 130px !important;
}
.lg-container .item-getcode .col-gray {
  color: #91A0B5;
}
.lg-container .item-getcode .before-reget {
  display: none;
}
.lg-container .item-code-random .ipt-code {
  width: 248px;
  height: 48px;
  outline: none;
  padding: 0 20px;
  background: #FFFFFF;
  border: 1px solid #e3e8f0;
  border-radius: 24px;
  font-size: 14px;
  color: #181E33;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.lg-container .item-code-random .code-img {
  width: 95px;
  height: 37px;
  margin-top: 6px;
  margin-right: 2px;
}
.lg-container .txt-skip {
  font-size: 14px;
  text-align: center;
  margin-top: 30px;
}
.lg-container .txt-skip a {
  outline: none;
  color: #3A8BFF;
}
.lg-container .margin-top30 {
  margin-top: 30px;
}
.lg-container .margin-btm18 {
  margin-bottom: 18px;
}
.lg-container .margin-btm24 {
  margin-bottom: 24px;
}
.lg-container .margin-btm30 {
  margin-bottom: 30px;
}
.lg-container .margin-btm40 {
  margin-bottom: 40px;
}
.lg-container .w-ipt-100 {
  width: 100%;
}
.lg-container .w-ipt-80 {
  width: 80%;
}
.lg-container .pd-lr-24 {
  padding: 0 24px;
}
.lg-container .pd-btm100 {
  padding-bottom: 100px;
}
.lg-container .default-login {
  width: 900px;
  height: 430px;
  overflow: hidden;
  -webkit-box-shadow: 0 0 20px 0 rgba(175, 187, 204, 0.3);
          box-shadow: 0 0 20px 0 rgba(175, 187, 204, 0.3);
  background: #ffffff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 8px;
  position: relative;
}
.lg-container .default-login-min {
  width: 540px;
}
.lg-container .default-login-min .default-login {
  width: 540px;
  /*height: 590px;*/
}
.lg-container .default-login-min .lg-notice {
  width: 540px;
}
.lg-container .default-login .left {
  width: 540px;
  height: 100%;
  padding: 40px 90px 51px;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.lg-container .default-login .left .line {
  margin-top: 20px;
  border-top: 1px dashed #F2F2F2;
  padding-top: 24px;
  text-align: center;
}
.lg-container .default-login .right {
  height: 100%;
  width: 360px;
  padding: 80px 64px 0;
  border-left: 1px dashed #F2F2F2;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
}
.lg-container .default-login .right .ecode-box {
  border: 1px solid #F2F2F2;
  border-radius: 12px;
  padding: 25px;
  margin-bottom: 20px;
}
.lg-container .default-login .right .ecode-box img {
  width: 180px;
  height: 180px;
}
.lg-container .default-login .right .tip {
  margin-bottom: 40px;
  font-weight: 400;
}
.lg-container .default-login .item-pwd .ipt-pwd {
  padding-right: 140px;
}
.lg-container .default-login .item-pwd .icon-eye {
  position: absolute;
  top: 0;
  right: 110px;
  line-height: 48px;
}
.lg-container .init-password {
  padding-top: 68px;
}
.lg-container .init-perfect-msg {
  min-height: 800px;
  overflow: auto;
}
.lg-container .init-perfect-msg .main {
  width: auto;
  padding: 68px 0 92px;
}
.lg-container .init-perfect-msg .lg-title {
  margin-bottom: 25px;
}
.lg-container .init-perfect-msg .item {
  padding: 0 90px;
}
.lg-container .init-perfect-msg .item-line {
  border-bottom: 1px dashed #F2F2F2;
  padding-bottom: 36px;
  margin-bottom: 28px;
}
.lg-container .init-perfect-msg .btn-big-blue {
  display: block;
  margin: 40px auto 0;
}
.lg-container .init-perfect-msg .btns-box {
  width: 360px;
  padding-top: 40px;
  margin: 0 auto;
}
.lg-container .init-perfect-msg .btns-box .btn-big-blue {
  margin-top: 0;
}
.lg-container .btns-box {
  position: relative;
}
.lg-container .btns-box .err-tip {
  font-size: 12px;
  color: #FF5152;
  /*margin-top: 6px;*/
  text-align: left;
  /*position: absolute;*/
  /*top: 0;*/
  /*left: 0;*/
  padding-left: 24px;
  word-break: break-all;
}
.lg-container .btns-box .err-tip > a {
  text-decoration: underline;
}
.lg-container input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px #F7F8FA inset !important;
}
.lg-container .lg-notice {
  padding: 23px 30px;
  background: #ffffff;
  border-radius: 16px;
  text-align: center;
  margin-top: 20px;
  -webkit-box-shadow: 0 0 20px 0 rgba(175, 187, 204, 0.15);
          box-shadow: 0 0 20px 0 rgba(175, 187, 204, 0.15);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  margin-bottom: 76px;
}
.lg-container .lg-notice .msg-title {
  font-size: 20px;
  color: #181E33;
}
.lg-container .lg-notice p {
  font-size: 13px;
  color: #0C0015;
  text-align: center;
  line-height: 24px;
}
.lg-container .default-login-main {
  max-width: 900px;
}
.lg-container .default-login-main .lg-notice {
  width: 900px;
}
.lg-container .Rmain-cont {
  text-align: center;
}
.lg-container .Rmain-cont .g_code_end img {
  display: block;
  width: 100px;
  height: 100px;
  border-radius: 8px;
  margin: 0 auto;
}
.lg-container .Rmain-cont .g_code_name {
  font-size: 20px;
  color: #333333;
  text-align: center;
}
.lg-container .Rmain-cont .g_code_over {
  font-size: 14px;
  color: #646873;
  margin-top: 6px;
}
.lg-container .Rmain-cont .g_code_btn {
  width: 120px;
  height: 36px;
  line-height: 34px;
  text-align: center;
  font-size: 14px;
  border: 1px solid;
  border-radius: 24px;
  margin: 70px auto 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
}
.lg-container .mt30 {
  margin-top: 30px;
}
.lg-container .mt20 {
  margin-top: 20px;
}
.lg-container .login-logo-box {
  height: 60px;
  text-align: center;
  margin-bottom: 20px;
}
.lg-container .login-logo-box img {
  height: 100%;
  max-width: 100%;
}
.lg-container .filter-list .dataSearch_bnt {
  width: 18px;
  height: 18px;
  border: 0 none;
  cursor: pointer;
  position: absolute;
  right: 14px;
  z-index: 3;
  outline: none;
  display: inline-block;
  background: url(/assets/images/login/icon-search.png) no-repeat center;
  background-size: cover;
  top: 9px;
}
.lg-container .has-set-fun {
  position: relative;
}
.lg-container .bg-body {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.lg-container .bg-body > div {
  height: 100%;
}
.lg-container .pop-nav .edit-page-bg .img-sizes > div {
  width: 100px;
}
.lg-container .btn-fff-s {
  width: 44px;
  height: 24px;
  text-align: center;
  border-radius: 2px;
  color: #3D82F2;
  font-size: 14px;
  border: 1px solid;
  cursor: pointer;
  background-color: #fff;
}
.lg-container .btn-blue-s {
  width: 44px;
  height: 24px;
  text-align: center;
  background: #3d82f2;
  border-radius: 2px;
  color: #fff;
  font-size: 14px;
  cursor: pointer;
}
.lg-container .btn-blue-s:disabled {
  background-color: #ccc;
  color: #fff;
  cursor: default;
}
.lg-container .margint16 {
  margin-top: 16px;
}
.lg-container .upload-logo-pop {
  /*display: none;*/
}
.lg-container .upload-logo-pop .radio-list {
  margin-top: 8px;
}
.lg-container .upload-logo-pop .radio-list > span {
  margin-right: 32px;
  cursor: pointer;
  color: #666666;
  font-size: 14px;
}
.lg-container .upload-logo-pop .radio-list > span:before {
  color: #dddddd;
  margin-right: 3px;
  vertical-align: middle;
}
.lg-container .upload-logo-pop .radio-box {
  display: inline-block;
  position: relative;
  color: #333333;
  font-size: 14px;
  margin-right: 24px;
  cursor: pointer;
}
.lg-container .upload-logo-pop .radio-box .txt-theme {
  display: none;
}
.lg-container .upload-logo-pop .radio-box span {
  margin-right: 3px;
  vertical-align: middle;
}
.lg-container .upload-logo-pop .radio-box input[type=radio] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: inline-block;
  opacity: 0;
  cursor: pointer;
}
.lg-container .upload-logo-pop .radio-box input[type=radio]:checked + .icon-radio {
  display: none;
}
.lg-container .upload-logo-pop .radio-box input[type=radio]:checked + .icon-radio + .icon-radio-checked {
  display: inline-block;
}
.lg-container .upload-logo-pop .radio-box .icon-radio {
  color: #cccccc;
}
.lg-container .upload-logo-pop {
  text-align: center;
}
.lg-container .upload-logo-pop .pop-content {
  width: 600px;
}
.lg-container .upload-logo-pop .middle {
  padding: 50px 0 30px;
}
.lg-container .upload-logo-pop .logo-box {
  width: 60%;
  margin: 0 auto 40px;
  border: 1px dashed #eeeeee;
  padding: 10px;
}
.lg-container .upload-logo-pop .logo-box img {
  height: 40px;
}
.lg-container .upload-logo-pop .btn-add-logo {
  width: 108px;
  height: 30px;
  border: 1px solid #DDDDDD;
  background: #F5F5F5;
  font-size: 14px;
  color: #999999;
  line-height: 30px;
  border-radius: 2px;
  margin: 0 auto;
  position: relative;
}
.lg-container .upload-logo-pop .ipt-file {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 110px;
  opacity: 0;
}
.lg-container .upload-logo-pop .btn-add-logo.icon-add-strong:before {
  vertical-align: middle;
  margin-right: 4px;
}
.lg-container .login-tab-box .tab-head {
  overflow: hidden;
  margin-bottom: 40px;
}
.lg-container .login-tab-box .tab-list {
  display: none;
}
.lg-container .login-tab-box .tab-head .tab-t {
  float: left;
  display: inline-block;
  width: 50%;
  text-align: center;
  font-size: 20px;
  color: #C7C8D4;
  border-bottom: 2px solid #F2F2F2;
  padding-bottom: 12px;
}
.lg-container .login-tab-box .tab-head .tab-t.current {
  color: #181E33;
  border-color: #3A8BFF;
}

@media only screen and (min-width: 1px) and (max-width: 926px) {
  .lg-item {
    width: 100% !important;
  }
  .item-code-random .ipt-code {
    width: 60%;
  }
  .filter-list {
    width: 100% !important;
  }
  .btn-big-blue {
    width: 100% !important;
  }
  .login-index .main {
    position: absolute !important;
    width: 90% !important;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  /*style1 默认登录*/
  .default-login-main {
    max-width: 100%;
  }
  .default-login {
    width: 100% !important;
    height: 100% !important;
  }
  .default-login .left {
    width: 100% !important;
    padding: 40px 16px 51px !important;
    float: none !important;
  }
  .default-login .right {
    display: none;
  }
  /*手机验证码登录*/
  .lg-container .login-tel {
    padding: 50px 16px;
    width: 100%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  }
  .lg-container .login-tel .lg-title {
    margin-bottom: 24px;
    margin-top: 16px;
  }
  .login-tel .item-tel .ipt-focus {
    width: calc(100% - 112px);
  }
  /*机构登录*/
  .lg-container .login-jg {
    padding: 72px 16px 50px;
  }
  .bgMusicBox {
    display: none;
  }
  .tab-layout .layout-tabs5 > li {
    color: #000 !important;
  }
}
@media only screen and (min-width: 1px) and (max-width: 1080px) {
  .touchmachine .lg-item {
    width: 100% !important;
  }
  .touchmachine .item-code-random .ipt-code {
    width: 60%;
  }
  .touchmachine .filter-list {
    width: 100% !important;
  }
  .touchmachine .btn-big-blue {
    width: 100% !important;
  }
  .touchmachine .login-index .main {
    position: absolute !important;
    width: 90% !important;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  /*style1 默认登录*/
  .touchmachine .default-login-main {
    max-width: 100%;
  }
  .touchmachine .default-login {
    width: 100% !important;
    height: 100% !important;
  }
  .touchmachine .default-login .left {
    width: 100% !important;
    padding: 40px 16px 51px !important;
    float: none !important;
  }
  .touchmachine .default-login .right {
    display: none;
  }
  /*手机验证码登录*/
  .touchmachine .lg-container .login-tel {
    padding: 50px 16px;
  }
  .touchmachine .login-tel .item-tel .ipt-focus {
    width: calc(100% - 112px);
  }
  /*机构登录*/
  .touchmachine .lg-container .login-jg {
    padding: 72px 16px 50px;
  }
  .touchmachine .bgMusicBox {
    display: none;
  }
  .touchmachine .tab-layout .layout-tabs5 > li {
    color: #000 !important;
  }
}
/*登录应用的样式   --- start*/
/*动态版心的样式*/
.dynamic1440 .grid-wrap, .dynamic1440 .content, .dynamic1440 .content .aid-groups {
  width: 1404px;
}
.dynamic1440 .login-box,
.dynamic1440 .nav-container,
.dynamic1440 .w-content {
  width: 1400px !important;
}

/* 富文本与地图的设置 */
.map-module-container.rich-title-hide .item-engine-title,
.richtext-module-container.rich-title-hide .item-engine-title {
  display: none !important;
}
.map-module-container .module-set-wrap,
.richtext-module-container .module-set-wrap {
  top: 0 !important;
}
.map-module-container .app-title-box,
.richtext-module-container .app-title-box {
  display: none;
}

/* 页面锁定弹窗 */
.page-forbid-pop .pop-content {
  width: 500px;
}
.page-forbid-pop .middle {
  text-align: center;
  padding: 40px 16px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

/* 新手引导 */
.new-guide-bg {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99999;
  background-color: rgba(0, 0, 0, 0.6);
  overflow: auto;
}

.new-guide {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  right: 0;
  bottom: 0;
  z-index: 99999;
  min-height: 1080px;
  min-width: 1920px;
}
.new-guide.guideLeft0 {
  left: 0;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  right: auto;
}
.new-guide li {
  width: 100%;
  height: 100%;
  min-height: 1080px;
  overflow-y: hidden;
  display: none;
}
.new-guide li img {
  width: 100%;
  height: auto;
}
.new-guide li .btns {
  position: absolute;
  display: none;
  top: 267px;
  left: 50%;
  margin-left: 4%;
}
.new-guide li .btns .btn {
  color: #ffffff;
  width: 83px;
  text-align: center;
  line-height: 36px;
  margin: 0 10px;
  border-radius: 18px;
  font-size: 16px;
  display: inline-block;
}
.new-guide li .btns .btn-skip {
  background-color: rgba(255, 255, 255, 0.2);
}
.new-guide li:first-child {
  display: block;
}
.new-guide li:first-child .btns {
  top: 267px;
  left: 50%;
  margin-left: 4%;
}
.new-guide li:nth-of-type(2) .btns {
  top: 328px;
  left: 50%;
  margin-left: -11%;
}
.new-guide li:nth-of-type(3) .btns {
  top: 458px;
  left: 50%;
  margin-left: -11%;
}
.new-guide li:nth-of-type(4) .btns {
  top: 344px;
  left: 50%;
  margin-left: 9%;
}
.new-guide li:nth-of-type(5) .btns {
  top: 496px;
  left: 50%;
  margin-left: -34%;
}
.new-guide li:nth-of-type(6) .btns {
  top: 457px;
  left: 50%;
  margin-left: -33%;
}

/* 背景音乐 */
.bgMusicBox {
  position: fixed;
  top: 10px;
  z-index: 10000;
  cursor: pointer;
}
.bgMusicBox.musicTopR {
  left: auto;
  right: 10px;
}
.bgMusicBox.musicTopL {
  left: 10px;
  right: auto;
}
.bgMusicBox .icon-close {
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  display: none;
}
.bgMusicBox .icon-close::before {
  color: #898989;
}
.bgMusicBox:hover .icon-close {
  display: block;
}
.bgMusicBox .bgPlaying {
  -webkit-animation: turn 2s linear infinite;
          animation: turn 2s linear infinite;
}

@-webkit-keyframes turn {
  0% {
    -webkit-transform: rotate(0deg);
  }
  25% {
    -webkit-transform: rotate(90deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
  }
  75% {
    -webkit-transform: rotate(270deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes turn {
  0% {
    -webkit-transform: rotate(0deg);
  }
  25% {
    -webkit-transform: rotate(90deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
  }
  75% {
    -webkit-transform: rotate(270deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
.editor-page .bgMusicBox {
  top: 50px;
  z-index: 9997;
}

.pop-nav .tab-con-wrap {
  scrollbar-arrow-color: rgb(153, 153, 153);
  scrollbar-face-color: rgb(153, 153, 153);
  scrollbar-3dlight-color: rgb(221, 221, 221);
  scrollbar-highlight-color: rgb(221, 221, 221);
  scrollbar-shadow-color: rgb(221, 221, 221);
  scrollbar-darkshadow-color: rgb(221, 221, 221);
  scrollbar-track-color: rgb(221, 221, 221);
  scrollbar-base-color: #f8f8f8;
  scrollbar-color: #999 #f8f8f8;
  scrollbar-width: thin;
}
.pop-nav .tab-con-wrap::-webkit-scrollbar-track-piece {
  background-color: #f8f8f8;
}
.pop-nav .tab-con-wrap::-webkit-scrollbar {
  width: 9px;
  height: 9px;
}
.pop-nav .tab-con-wrap::-webkit-scrollbar-thumb {
  background-color: #dddddd;
  background-clip: padding-box;
  min-height: 28px;
}
.pop-nav .tab-con-wrap::-webkit-scrollbar-thumb:hover {
  background-color: #bbb;
}

.autoplay_layout {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.autoplay_layout.move {
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
}
.autoplay_layout .layout-content {
  float: left;
  position: relative !important;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  visibility: visible;
}

.tab-layout .tab-layout-tabs.hide + .tab-content-container {
  height: 100%;
}
.tab-layout .tab-layout-tabs.hide + .tab-content-container > div {
  height: 100%;
}

.history-list a span:hover {
  font-weight: 900;
}

.history-list a span {
  font-size: 14px;
}

.fullItem .grid-stack-item-content {
  width: calc(100% - 4px) !important;
  left: 0 !important;
  right: 0 !important;
}

/*适配移动端css start*/
@media only screen and (min-width: 1px) and (max-width: 926px) {
  body.grid-bottom-spacer {
    font-size: 14px;
    min-width: 100%;
    background-color: #ffffff;
  }
  #htContainer #header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
  }
  #pageTopWrap {
    min-width: 100%;
  }
  .w1180 {
    width: 100%;
  }
  /*.grid-stack.grid-stack-one-column-mode > .grid-stack-item{*/
  /*    height: auto !important;*/
  /*    min-height: 0 !important;*/
  /*    !*margin-bottom: .1rem;*!    !*每个模块之间的间距*!*/
  /*}*/
  .grid-stack.grid-stack-one-column-mode {
    height: auto !important;
  }
  .grid-stack.grid-stack-one-column-mode > .grid-stack-item {
    position: relative !important;
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    /*margin-bottom: .1rem;*/ /*每个模块之间的间距*/
  }
  .grid-stack.grid-stack-one-column-mode > .grid-stack-item > .grid-stack-item-content {
    position: initial;
    border: none;
  }
  .grid-stack.grid-stack-one-column-mode .layout-content {
    position: static !important;
  }
  .tab-layout .tab-layout-tabs {
    white-space: nowrap;
    overflow-x: auto;
  }
  .tab-layout .layout-tabs6 {
    margin-bottom: 0;
  }
  .tab-layout .layout-tabs6 > li {
    -webkit-writing-mode: horizontal-tb;
        -ms-writing-mode: lr-tb;
            writing-mode: horizontal-tb;
  }
  .page-header .img-logo-mobile {
    position: absolute !important;
    top: 0 !important;
    left: 50% !important;
    z-index: 1;
    -webkit-transform: translateX(-50%) !important;
    -ms-transform: translateX(-50%) !important;
    transform: translateX(-50%) !important;
    text-align: center;
    width: auto !important;
    height: 40px;
    max-height: 40px !important;
    max-width: 60%;
  }
  .page-header .img-logo-mobile img {
    margin: 0 auto;
    width: 100%;
    height: 100%;
    -webkit-transform: translateY(5px);
    -ms-transform: translateY(5px);
    transform: translateY(5px);
  }
  .page-header .img-logo-mobile p {
    margin: 0 auto;
    line-height: 50px;
    font-size: 16px !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media only screen and (min-width: 1px) and (max-width: 1080px) {
  body.grid-bottom-spacer.touchmachine {
    font-size: 14px;
    min-width: 100%;
    background-color: #ffffff;
  }
  .touchmachine #htContainer #header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
  }
  .touchmachine #pageTopWrap {
    min-width: 100%;
  }
  .touchmachine .w1180 {
    width: 100%;
  }
  .touchmachine .grid-stack.grid-stack-one-column-mode {
    height: auto !important;
  }
  .touchmachine .grid-stack.grid-stack-one-column-mode > .grid-stack-item {
    position: relative !important;
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    /*margin-bottom: .1rem;*/ /*每个模块之间的间距*/
  }
  .touchmachine .grid-stack.grid-stack-one-column-mode > .grid-stack-item > .grid-stack-item-content {
    position: initial;
    border: none;
  }
  .touchmachine .grid-stack.grid-stack-one-column-mode .layout-content {
    position: static !important;
  }
  .touchmachine .tab-layout .tab-layout-tabs {
    white-space: nowrap;
    overflow-x: auto;
  }
  .touchmachine .tab-layout .layout-tabs6 {
    margin-bottom: 0;
  }
  .touchmachine .tab-layout .layout-tabs6 > li {
    -webkit-writing-mode: horizontal-tb;
        -ms-writing-mode: lr-tb;
            writing-mode: horizontal-tb;
  }
  .touchmachine .page-header .img-logo-mobile {
    position: absolute !important;
    top: 0 !important;
    left: 50% !important;
    z-index: 1;
    -webkit-transform: translateX(-50%) !important;
    -ms-transform: translateX(-50%) !important;
    transform: translateX(-50%) !important;
    text-align: center;
    width: auto !important;
    height: 40px;
    max-height: 40px !important;
    max-width: 60%;
  }
  .touchmachine .page-header .img-logo-mobile img {
    margin: 0 auto;
    width: 100%;
    height: 100%;
    -webkit-transform: translateY(5px);
    -ms-transform: translateY(5px);
    transform: translateY(5px);
  }
  .touchmachine .page-header .img-logo-mobile p {
    margin: 0 auto;
    line-height: 50px;
    font-size: 16px !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}