.amp-dialog {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1109;
  overflow: auto;
}
.amp-dialog.amp-dialog__active {
  display: block;
}
.amp-dialog-content {
  position: relative;
  margin-top: 100px;
  margin-right: auto;
  margin-left: auto;
  z-index: 1111;
  border-radius: 2px;
  background-color: #fff;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
}
.amp-dialog-mask {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1110;
  background-color: rgba(0, 0, 0, 0.5);
}
.amp-dialog--mask .amp-dialog-mask {
  display: block;
}
.amp-dialog-wrap {
  background-color: white;
  border-radius: 4px;
  width: 400px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}
.amp-dialog-header {
  position: relative;
  padding: 5px 15px;
  border-bottom: 1px solid #eeeeee;
}
.amp-dialog-title {
  display: inline-block;
}
.amp-dialog-close {
  position: absolute;
  top: 50%;
  margin-top: -12px;
  right: 15px;
  display: inline-block;
  width: 24px;
  height: 24px;
  background: no-repeat url(../../img/icon/icon.png) -352px 0;
  cursor: pointer;
}
.amp-dialog-body {
  min-height: 300px;
  padding: 5px 15px;
  overflow: auto;
}
.amp-dialog-body iframe {
  border: none;
  outline: none;
  width: 100%;
  height: 100%;
}
.amp-dialog-footer {
  text-align: right;
  border-top: 1px solid #eeeeee;
  padding: 15px;
}
.amp-dialog-footer button {
  border: none;
  margin: 0 8px;
  padding: 6px 12px;
  border-radius: 2px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}
.amp-dialog-footer button:hover {
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
}
.amp-dialog-ok {
  background-color: #536dfe;
  color: #eeeeee;
}
.amp-dialog-cancel {
  background-color: #fff;
  color: #444444;
}
.amp-dialog__alert .amp-dialog-cancel,
.amp-dialog__alert .amp-dialog-close {
  display: none;
}
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*,
*:active,
*:hover {
  outline: none !important;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
}
html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
  margin: 0;
  font-family: "Microsoft YaHei", "Arial-normal", "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 18px;
  color: #444444;
  background-color: #fbf5fb;
  overflow: hidden;
}
.bg-white {
  background-color: #ffffff;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block;
}
a {
  background-color: transparent;
  text-decoration: none;
  color: #02A8F3;
  cursor: pointer;
}
a:active,
a:hover {
  outline: 0;
}
img {
  border: 0;
  vertical-align: middle;
}
hr {
  box-sizing: content-box;
  height: 0;
}
button,
input,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
textarea {
  overflow: auto;
}
ul li {
  list-style: none;
}
.line-bottom {
  border-bottom: 1px solid #ebcceb;
}
.clearfix {
  clear: both;
}
.clearfix:after {
  content: "";
  display: block;
  clear: both;
  zoom: 1;
}
.icon {
  background-image: url(../../img/icon/icon.png);
  display: inline-block;
}
.icon.tab-close {
  position: absolute;
  top: 14px;
  right: 4px;
  width: 8px;
  height: 10px;
  background-position: -360px -7px;
  cursor: pointer;
  display: none;
}
.icon-no-permission {
  border-radius: 50%;
  float: left;
  margin: 1px 8px;
  font-size: 14px;
  background-color: red;
  width: 16px;
  height: 16px;
  position: relative;
}
.icon-no-permission:after {
  content: "!";
  font-weight: bold;
  font-size: 16px;
  position: absolute;
  top: -1px;
  left: 5px;
}
.icon-drag {
  width: 18px;
  height: 12px;
  background-position: -1338px 0;
  cursor: pointer;
}
.icon-set {
  width: 14px;
  height: 14px;
  background-position: -1288px 0;
  cursor: pointer;
  /* display: none; */
}
.icon-set:hover {
  background-position: -1302px 0;
}
.icon-delete {
  width: 11px;
  height: 14px;
  background-position: -1316px 0;
  cursor: pointer;
  display: inline-block;
}
.icon-delete:hover {
  background-position: -1327px 0;
}
.icon-favorite-folder {
  width: 20px;
  height: 20px;
  background-position: -1268px 0;
}
.icon-close-sm {
  width: 24px;
  height: 24px;
  background-position: -1204px 0;
  cursor: pointer;
}
.icon-close-sm:hover {
  background-position: -1228px 0;
}
.icon.favorite {
  width: 24px;
  height: 24px;
  background-position: -1124px -2px;
}
.icon.do-success {
  width: 24px;
  height: 24px;
  background-position: -1148px -2px;
}
.icon-save-widget-edit {
  width: 24px;
  height: 17px;
  background-position: -1149px -4px;
  margin-bottom: -4px;
}
.icon-folder {
  width: 24px;
  height: 14px;
  background-position: -1076px -4px;
}
.icon-folder-lg {
  width: 24px;
  height: 20px;
  background-position: -1100px -2px;
  margin-right: 8px;
  float: left;
  margin-top: 4px;
}
.icon-new {
  width: 24px;
  height: 24px;
  background-position: -1032px 0;
  position: absolute;
  right: -4px;
  top: -4px;
}
.icon-recommend {
  width: 24px;
  height: 24px;
  background-position: -1008px 0;
  position: absolute;
  right: -4px;
  top: -4px;
}
.icon.collection {
  width: 16px;
  height: 12px;
  cursor: pointer;
  background-position: -52px -5px;
}
.icon.collection:hover,
.icon.collection.active {
  background-position: -75px -5px;
}
#appFavIcon {
  position: absolute;
}
.appTitleFlag {
  position: relative;
}
.icon.classify-more {
  width: 24px;
  height: 24px;
  cursor: pointer;
  background-position: -985px 0;
  position: absolute;
  right: 0;
  /*top: 26px;*/
}
.icon.classify-more:hover {
  background-position: -960px 0;
}
body.notLogin .icon.collection {
  display: none;
}
.icon.app-collection {
  width: 28px;
  height: 28px;
  cursor: pointer;
  background-position: -1174px -2px;
  float: left;
}
#headerAppCollection {
  margin: 10px 0 0 0;
}
#headerAppCollection:hover,
#headerAppCollection.active {
  background-color: rgba(0, 0, 0, 0.16);
  border-radius: 4px;
}
#headerMsg {
  margin: 10px 4px 0 0;
}
#headerMsg:hover,
#headerMsg.active {
  background-color: rgba(0, 0, 0, 0.16);
  border-radius: 4px;
}
.icon.headerMini-app-detail {
  width: 28px;
  height: 28px;
  cursor: pointer;
  background-image: url(../../img/icon/icon_new.png);
  background-position: -2px -2px;
  float: left;
}
.open-app .icon.headerMini-app-detail {
  display: block;
}
.icon.delete {
  width: 20px;
  height: 20px;
  cursor: pointer;
  background-position: -192px 0;
  margin: 4px 4px 0 0;
  opacity: 0;
  filter: alpha(opacity=0);
  float: right;
  position: absolute;
  right: 0;
  z-index: 10;
}
.icon.delete:hover {
  background-position: -212px 0;
}
.icon.refresh {
  width: 20px;
  height: 20px;
  cursor: pointer;
  background-position: -797px 0;
}
.icon.refresh:hover {
  background-position: -776px 0;
}
.icon.app-refresh {
  width: 24px;
  height: 24px;
  cursor: pointer;
  background-position: -872px 0;
  float: left;
}
.icon.user {
  width: 24px;
  height: 24px;
  background-position: -137px 0;
  float: left;
  margin: 9px 18px 0 0;
}
.icon.home {
  width: 24px;
  height: 24px;
  background-position: -168px 0;
  float: left;
}
.icon.home-running {
  width: 46px;
  height: 46px;
  background-position: -552px 6px;
}
.icon.manage {
  width: 24px;
  height: 24px;
  background-position: -256px 3px;
  float: left;
  margin-right: 6px;
  margin-top: 6px;
}
.icon.exit {
  width: 24px;
  height: 24px;
  background-position: -304px 3px;
  float: left;
  margin-right: 6px;
  margin-top: 6px;
}
.icon.close {
  width: 24px;
  height: 24px;
  background-position: -352px 0;
  position: absolute;
  margin: 6px;
  cursor: pointer;
  z-index: 1;
  right: 0;
}
.icon.close:hover {
  background-position: -328px 0;
}
.icon.listIcon {
  width: 24px;
  height: 24px;
  float: left;
  margin-right: 6px;
  margin-top: 6px;
}
.feedback-dropdown-menu .icon.listIcon {
  margin-top: 4px;
}
.icon.feedback {
  background-position: -1444px 0px;
}
.icon.myFeedback {
  background-position: -1468px 0px;
}
.icon.message-red {
  background-position: -1600px 0px;
  width: 16px;
  height: 15px;
  margin: 0 10px;
}
.icon.serviceIntro {
  background-position: -1492px 0px;
}
.icon.serviceIntro.disabled {
  background-position: -1516px 0px;
}
.text-bold {
  font-weight: bold;
}
.loginTool,
.noLoginTool {
  display: none;
}
.noLoginTool {
  float: right;
  margin-right: 32px;
}
.open-app {
  overflow: hidden;
}
.loginTool {
  float: right;
}
.loginTool:after {
  content: "";
  clear: both;
  display: table;
}
.panel-lv1 {
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.28);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.28);
}
.panel-lv2 {
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28);
}
.scroll-hide {
  overflow: hidden !important;
}
/**澶撮儴 header start**/
.user-login {
  float: left;
  margin-top: 15px;
  position: relative;
  line-height: 20px;
}
.user-login a {
  color: #fff;
}
.user-login:after {
  content: "";
  background: #fff;
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
  -webkit-transition: all;
  -o-transition: all;
  transition: all;
  -webkit-transition-duration: 250ms;
  transition-duration: 250ms;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}
.user-login:hover:after {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
#appTools {
  float: left;
  margin-top: 13px;
  display: block;
}
#appTools > div {
  margin-left: 4px;
  margin-right: 4px;
}
#appTools > i {
  margin: -3px 4px 0 0;
}
#appTools > i:hover {
  background-color: rgba(0, 0, 0, 0.16);
  border-radius: 4px;
}
.headerLogo {
  float: left;
  margin-right: 16px;
  margin-left: 4px;
  text-align: center;
}
.headerLogo img {
  height: 40px;
  margin-top: 4px;
}
.headerLogo img.logoIn {
  display: none;
}
body.head-search-open .amp-header-search-container {
  width: auto;
}
.amp-header-search-container {
  float: right;
  margin-right: 8px;
  position: relative;
  width: 24px;
}
.amp-header-search-icon-box {
  overflow: hidden;
  float: right;
  margin-top: 11px;
  width: 24px;
  position: absolute;
  right: 0;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transform-origin: 50% 100%;
  -moz-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}
.amp-header-search-box {
  position: relative;
  float: right;
  margin-top: 11px;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 4px;
  width: 220px;
  -webkit-transition: all;
  -o-transition: all;
  transition: all;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transform: scaleX(0);
  -moz-transform: scaleX(0);
  -o-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 100% 50%;
  -moz-transform-origin: 100% 50%;
  -ms-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
}
@media (max-width: 941px) {
  .amp-header-search-box {
    display: none;
  }
}
body.head-search-open .amp-header-search-box {
  display: block;
  width: 220px;
  -webkit-transform: scaleX(1);
  -moz-transform: scaleX(1);
  -o-transform: scaleX(1);
  transform: scaleX(1);
  visibility: visible;
  overflow: visible;
}
body.head-search-open .amp-header-search-icon-box {
  width: 0;
  -webkit-transform: scaleX(0);
  -moz-transform: scaleX(0);
  -o-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all;
  -o-transition: all;
  transition: all;
  -webkit-transition-duration: 0.01s;
  transition-duration: 0.01s;
}
.headerBar-roleSwitch {
  position: relative;
  float: right;
  background-color: rgba(0, 0, 0, 0.16);
  color: #fff;
  height: 28px;
  padding: 4px 28px 4px 8px;
  cursor: pointer;
  margin-top: 10px;
  margin-right: 0px;
  border-radius: 2px;
}
.headerBar-roleSwitch:hover {
  background-color: rgba(0, 0, 0, 0.32);
}
.headerBar-roleSwitch:after {
  content: "";
  position: absolute;
  top: 11px;
  right: 8px;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #fff;
}
.bh-headerBar-roleBox {
  position: absolute;
  max-height: 346px;
  z-index: 9999;
  background-color: #fff;
  min-width: 176px;
  padding: 4px 8px;
  overflow: hidden;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.24);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.24);
}
.bh-headerBar-roleBox.bh-active,
.bh-headerBar-userInfoBox.bh-active,
.bh-headerBar-userInfoBox .theme-box.bh-active {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.bh-headerBar-roleBox-title {
  height: 32px;
  padding: 6px 8px;
  font-size: 14px;
}
.bh-headerBar-roleBox-title:hover {
  background-color: #f1f4ff;
}
.bh-headerBar-roleBox-title a {
  color: #444444;
}
.bh-headerBar-userInfoBox {
  position: absolute;
  z-index: 9999;
  background-color: #fff;
  width: 260px;
  padding: 32px 24px;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28);
}
.bh-headerBar-userInfoBox .user-info {
  position: relative;
  overflow: hidden;
  zoom: 1;
}
.bh-headerBar-userInfoBox .user-icon-img {
  width: 60px;
  margin-right: 8px;
  float: left;
}
.bh-headerBar-userInfoBox .user-name-span {
  display: block;
  color: #888888;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 6px;
}
.bh-headerBar-userInfoBox .user-pro-span,
.bh-headerBar-userInfoBox .user-id-span {
  display: block;
  color: #bbbbbb;
}
.bh-headerBar-userInfoBox .user-info p {
  float: left;
  margin: 0;
}
.bh-headerBar-userInfoBox h5 {
  margin: 26px 0 6px 0;
  padding: 0;
  color: #444444;
}
.bh-headerBar-userInfoBox ul {
  margin: 0;
  padding: 0;
}
.bh-headerBar-userInfoBox .theme-item,
.bh-headerBar-userInfoBox .current-theme {
  border: 1px solid transparent;
  border-radius: 2px;
  padding: 6px;
  display: block;
}
.bh-headerBar-userInfoBox .theme-item.active {
  background-color: #eef7fe;
}
.bh-headerBar-userInfoBox .theme-item:hover {
  background-color: #eef7fe;
}
.bh-headerBar-userInfoBox .current-theme {
  border: 1px solid #d8dcf0;
}
.bh-headerBar-userInfoBox .theme-name {
  color: #444444;
}
.bh-headerBar-userInfoBox .theme-info,
.bh-headerBar-userInfoBox .theme-primary {
  display: inline-block;
  padding: 6px 14px;
  float: right;
  margin-top: 3px;
}
.bh-headerBar-userInfoBox .blue .theme-info {
  background-color: #3E50B4;
}
.bh-headerBar-userInfoBox .blue .theme-primary {
  background-color: #2196F3;
}
.bh-headerBar-userInfoBox .purple .theme-info {
  background-color: #734184;
}
.bh-headerBar-userInfoBox .purple .theme-primary {
  background-color: #4DAAF5;
}
.bh-headerBar-userInfoBox .lightBlue .theme-info {
  background-color: #5677FC;
}
.bh-headerBar-userInfoBox .lightBlue .theme-primary {
  background-color: #00BCD4;
}
.bh-headerBar-userInfoBox .green .theme-info {
  background-color: #009688;
}
.bh-headerBar-userInfoBox .green .theme-primary {
  background-color: #00BCD4;
}
.bh-headerBar-userInfoBox .theme-box {
  position: absolute;
  z-index: 10000;
  width: 100%;
  background-color: #fff;
  -webkit-box-shadow: 0 6px 24px rgba(0, 0, 0, 0.24);
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.24);
}
.bh-headerBar-userInfoBox .block-btn {
  color: #444444;
  background-color: #fff;
  border: none;
  padding: 7px 8px;
  display: block;
  width: 100%;
  border-radius: 2px;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.28);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.28);
  text-align: center;
}
.bh-headerBar-userInfoBox .block-btn.danger {
  color: white;
  background-color: #ff5252;
}
.bh-headerBar-userInfoBox .m-v-7 {
  margin: 7px 0;
}
.bh-headerBar-userInfoBox .splite-line {
  width: 100%;
  height: 1px;
  background-color: #f0f1f9;
  margin-bottom: 7px;
}
.bh-headerBar-userInfoBox .block-btn:focus,
.bh-headerBar-userInfoBox .block-btn:hover {
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28);
}
.bh-headerBar-popupBox-animate {
  -webkit-transition: transform;
  -o-transition: transform;
  transition: transform;
  -webkit-transition-duration: .25s;
  transition-duration: .25s;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-origin: top right;
  -moz-transform-origin: top right;
  -ms-transform-origin: top right;
  transform-origin: top right;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}
.bh-headerBar-popupBox-animate.bh-active {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.icon.search {
  width: 24px;
  height: 24px;
  float: left;
  cursor: pointer;
  background-image: url(../../img/icon/icon_new.png);
  background-position: -36px -4px;
  margin: 2px 0 0 4px;
}
.icon.message {
  width: 28px;
  height: 28px;
  float: left;
  cursor: pointer;
  background-image: url(../../img/icon/icon_new.png);
  background-position: -130px -2px;
  position: relative;
}
.icon.message span.message-num {
  display: none;
  color: white;
  padding: 0;
  position: absolute;
  right: -3px;
  top: -5px;
  font-style: normal;
  text-align: center;
  line-height: 16px;
  min-width: 20px;
  z-index: 1;
}
.icon.message.hasMessage:after {
  position: absolute;
  content: '';
  background-color: #E24034;
  border-radius: 3px;
  min-width: 20px;
  height: 16px;
  line-height: 16px;
  right: -3px;
  top: -5px;
}
.icon.message.hasMessage span.message-num {
  display: block;
}
.amp-header-search-input {
  width: 170px;
  float: left;
  background-color: transparent;
  border: none;
  line-height: 20px;
  font-size: 12px;
  color: #fff;
  padding: 4px;
  height: 28px;
  border-radius: 4px;
}
.amp-header-search-input::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.68);
}
.amp-header-search-input::-ms-clear {
  display: none;
}
#searchBlock,
#historyBlock,
#historyBlock02 {
  width: 220px;
  right: 0px;
  top: 24px;
  position: absolute;
  z-index: 10;
  padding: 4px 0;
  text-align: left;
  background-color: #fff;
  display: none;
  cursor: pointer;
  color: #444444;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.28);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.28);
}
#historyBlock02 {
  width: 100%;
}
body #searchBlock li,
body #historyBlock li,
body #historyBlock02 li {
  display: table;
  width: 100%;
  line-height: 28px;
}
#historyBlock li,
#historyBlock02 li {
  line-height: 40px;
}
#searchBlock li > div,
#historyBlock li > div,
#historyBlock02 li > div {
  display: inline-block;
  vertical-align: middle;
}
#searchBlock li > div:first-child {
  width: 60px;
}
#historyBlock li #historyBlock02 li {
  padding: 0 8px;
}
#historyBlock li i,
#historyBlock02 li i {
  display: inline-block;
  width: 20px;
  height: 23px;
  vertical-align: middle;
  background: url(../../img/icon/icon.png) -1056px 0 no-repeat;
  margin: 0 12px;
}
#historyBlock li span,
#historyBlock02 li span {
  display: inline-block;
  width: 176px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  vertical-align: top;
}
#searchKeyShow {
  width: 140px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#user {
  float: right;
  margin: 10px 20px 0 0;
  width: 28px;
  height: 28px;
}
#user img {
  width: 28px;
  height: 28px;
}
.icon.icon-right-side {
  width: 28px;
  height: 28px;
  float: right;
  cursor: pointer;
  background-image: url(../../img/icon/icon_new.png);
  background-position: -98px -2px;
  margin: 10px 8px 0 0;
  border-radius: 4px;
}
/*.icon-right-side{
    float: right;
    width: 32px;
    height: 32px;
    margin: 9px 0 0 0;
    padding: 6px;
    border-radius: 4px;
    cursor: pointer;
    background-position: -816px 0;
    background-repeat: no-repeat;
}*/
.icon-right-side:hover,
.icon-right-side.active {
  background-color: rgba(0, 0, 0, 0.16);
}
.icon-right-side > div {
  height: 2px;
  margin-top: 2px;
  background-color: #fff;
  float: right;
  clear: both;
}
.icon-right-side > div:nth-child(1) {
  width: 12px;
}
.icon-right-side > div:nth-child(2) {
  width: 20px;
}
.icon-right-side > div:nth-child(3) {
  width: 16px;
}
.icon-right-side > div:nth-child(4) {
  width: 18px;
}
.icon-home-menu-wrap {
  overflow: hidden;
  float: right;
}
.icon-home-menu {
  float: right;
  width: 32px;
  height: 32px;
  margin: 9px 7px 0 0;
  border-radius: 4px;
  cursor: pointer;
  background-position: -743px 0;
  background-repeat: no-repeat;
}
.icon-home-menu:hover,
.icon-home-menu.active {
  background-color: rgba(0, 0, 0, 0.16);
}
.icon-home-menu > div {
  width: 4px;
  height: 4px;
  margin-top: 2px;
  background-color: #fff;
  border-radius: 50%;
}
/**澶撮儴 header end**/
section {
  /* -webkit-transition: width,opacity 0.5s;
    -moz-transition: width,opacity 0.5s;
    -ms-transition: width,opacity 0.5s;
    -o-transition: width,opacity 0.5s;
    transition: width,opacity 0.5s; */
}
#bsdtContainer {
  padding-top: 8px;
  overflow: hidden;
}
.row {
  margin: 0 8px;
}
.text-center {
  text-align: center!important;
}
.text-left {
  text-align: left!important;
}
.text-right {
  text-align: right!important;
}
.text-classify {
  font-size: 20px;
  line-height: 20px;
}
.text-caption {
  font-size: 12px;
  color: #bbbbbb;
}
/**杞挱 start**/
.image-play {
  width: 100%;
  position: relative;
  overflow: hidden;
  /*height: 320px;*/
}
.image-play .page > div {
  cursor: default;
}
.img-play-item,
.image-play img {
  position: absolute;
  top: 0;
  width: 100%;
}
.img-play-item.active,
.image-play img.active {
  z-index: 1;
}
.img-play-item .text {
  z-index: 9999;
  position: relative;
  left: 120px;
  font-size: 24px;
  color: #fff;
}
.image-play-text {
  position: absolute;
  z-index: 2;
  top: 96px;
  color: #fff;
  left: 82px;
}
.image-play-text .text1 {
  font-size: 16px;
}
.image-play-text .text2 {
  font-size: 32px;
  line-height: 40px;
}
.image-play .page {
  position: absolute;
  z-index: 2;
  bottom: 0;
  left: 82px;
}
.image-play .mask {
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.35);
  width: 100%;
  height: 100%;
  z-index: 1;
}
.banner-text-njau {
  color: #ffffff;
  font-size: 24px;
  position: relative;
  top: 24px;
  left: 38px;
}
.img-play-item .text font,
.banner-text-njau font {
  font-size: 36px;
  margin-right: 5px;
  font-weight: bold;
}
.banner-search-container {
  position: absolute;
  top: 50%;
  right: 80px;
  z-index: 1;
  overflow: hidden;
}
.banner-search-container-njau {
  top: 156px;
  left: 120px;
  right: 0;
}
.banner-search-container span {
  color: #ffffff!important;
}
.banner-search-input {
  border: 1px solid #ffffff;
  display: block;
  float: left;
  width: 360px;
  line-height: 32px;
  height: 32px;
  background: rgba(0, 0, 0, 0.35);
  padding: 0 30px 0 5px;
  color: #ffffff;
  border-radius: 2px;
}
.banner-search-input:focus {
  border: 2px solid #536dfe;
  padding-left: 4px;
}
.banner-search-input::-webkit-input-placeholder {
  color: #ffffff;
}
.banner-search-input:-moz-placeholder {
  color: #ffffff;
}
.banner-search-input::-moz-placeholder {
  color: #ffffff;
}
.banner-search-input:-ms-input-placeholder {
  color: #ffffff;
}
.banner-search-button {
  display: block;
  background: none;
  border: none;
  float: left;
  margin-left: -36px;
  height: 32px;
  text-align: center;
  position: relative;
  z-index: 2px;
}
.banner-search-button > i {
  float: none!important;
  margin: 4px 0 0 2px!important;
}
/**杞挱 end**/
/**鎺ㄨ崘 start**/
#homeTabList > li:first-child {
  /*  margin-right: 16px; */
}
#homeTabList > li > a > img {
  position: absolute;
  top: 8px;
  left: 10%;
}
#homeTabList > li > a > div {
  margin: 0 0 0 56px;
  line-height: 20px;
  padding-top: 20px;
}
.nav-tabs {
  height: 72px;
  background-color: #fff;
  text-align: center;
  margin-top: 0;
  padding: 0 16px;
  box-sizing: content-box;
}
.nav-tabs > li {
  position: relative;
  display: inline-block;
  width: 20%;
  max-width: 280px;
  height: 72px;
  text-align: center;
}
.nav-tabs > li.active {
  background: #efefef;
}
.nav-tabs > li.active > a:hover {
  cursor: default;
}
.nav-tabs > li > a {
  font-size: 20px;
  color: #888888;
  display: block;
  height: 100%;
  line-height: 72px;
}
.right-animate {
  -webkit-transition: right 0.5s;
  -moz-transition: right 0.5s;
  -ms-transition: right 0.5s;
  -o-transition: right 0.5s;
  transition: right 0.5s;
}
.tab-content .home-tab-pane {
  width: 100%;
  float: left;
  position: absolute;
  left: 105%;
  top: 0;
}
.tab-content .home-tab-pane.active {
  display: block;
}
.teach-student-tab {
  overflow: hidden;
}
.teach-student-tab .small {
  font-size: 12px;
}
.tab-content {
  background-color: #fff;
  margin-top: 16px;
}
.home-recommond {
  padding: 4px 8px 8px 8px;
  position: relative;
  height: 272px;
  overflow: hidden;
}
.home-recommond .page {
  padding-bottom: 0;
}
.recommend-header {
  padding: 24px 8px 8px 8px;
  position: relative;
}
.recommend-header .text-caption {
  margin-top: 4px;
  text-indent: 16px;
  margin-bottom: 8px;
}
.recommend-header .text-classify {
  text-indent: 16px;
}
.recommend {
  float: left;
  width: 276px;
  height: 120px;
  padding: 20px 0 0 20px;
  cursor: pointer;
}
.recommend:hover {
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28);
}
.home-recommond > div.clearfix {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding-top: 4px;
}
.home-recommond > div.page {
  position: relative;
  top: 230px;
  z-index: 2;
}
.home-recommond > div.clearfix.active,
.home-recommond > div.clearfix.active {
  display: block;
}
#homeTabContainer {
  background: none;
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 1000px;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
#homeTabContainer.teacher {
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
#homeTabContainer.teacher #TeachAffairs {
  opacity: 1;
  filter: alpha(opacity=100);
  display: block;
}
#TeachAffairs {
  opacity: 0;
  filter: alpha(opacity=0);
  display: none;
}
#homeTabContainer .recommend-header {
  background: #fff;
  margin-bottom: 16px;
}
.aside-show .recommend {
  width: 25%;
}
.recommend .image {
  float: left;
  width: 72px;
  height: 72px;
  margin-right: 8px;
  text-align: center;
  position: relative;
}
.recommend .image img {
  width: 72px;
  height: 72px;
}
.recommend .information {
  /*float: left;*/
  padding-top: 10px;
  margin-left: 80px;
}
.recommend .information .title {
  float: left;
  font-size: 14px;
  color: #888888;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: -moz-calc(100% - 16px);
  width: -webkit-calc(100% - 16px);
  width: calc(100% - 16px);
  margin-right: 4px;
}
.recommend .information .classify {
  /*clear: both;*/
  font-size: 12px;
  color: #bbbbbb;
  /*margin: 4px 0;*/
  margin-bottom: 2px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.page {
  text-align: center;
  padding: 14px 0;
  clear: both;
}
.page > div {
  display: inline-block;
  width: 8px;
  height: 8px;
  background-color: #dddddd;
  margin: 4px;
  cursor: pointer;
}
.page > div.active,
.page > div:hover,
.page > div.active {
  background-color: #536dfe;
}
/**鎺ㄨ崘 end**/
/**搴旂敤鍒嗙被 start**/
.app-classify {
  margin: 0 -8px;
}
.classify-item {
  width: -moz-calc((100% - 48px)/3);
  width: -webkit-calc((100% - 48px)/3);
  width: calc((100% - 48px)/3);
  height: 272px;
  padding: 24px;
  background-color: #ffffff;
  float: left;
  margin: 0px 8px 16px 8px;
}
.classify-item.thiner {
  width: -moz-calc((100% - 32px)/2);
  width: -webkit-calc((100% - 32px)/2);
  width: calc((100% - 32px)/2);
}
.ie9 .classify-item {
  width: -moz-calc((100% - 48px)/3- 1px);
  width: -webkit-calc((100% - 48px)/3- 1px);
  width: calc((100% - 48px)/3- 1px);
}
.ie9 .classify-item.thiner {
  width: -moz-calc((100% - 32px)/2);
  width: -webkit-calc((100% - 32px)/2);
  width: calc((100% - 32px)/2);
}
.classify-item .header {
  /*padding: 0 0 0 16px;*/
  position: relative;
}
.classify-item .header .text-caption {
  margin-top: 4px;
}
.classify-item .container {
  margin-top: 18px;
  overflow: hidden;
}
.classify-item .container .app-item {
  width: 48%;
  height: 24px;
  line-height: 24px;
  text-align: left;
  padding-right: 12px;
  float: left;
  margin-bottom: 8px;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #888888;
  /*text-indent: 14px;*/
}
.classify-item .container .app-item:nth-of-type(2n+1) {
  float: left;
}
.classify-item .container .app-item:nth-of-type(2n) {
  float: right;
}
.classify-item .container .app-item.more {
  color: #bbbbbb;
}
.classify-item .container .app-item:hover {
  background-color: #EFEFEF;
  /*color: #ffffff;*/
}
/**搴旂敤鍒嗙被 end**/
/* 椤佃剼 start */
footer {
  position: relative;
  clear: both;
  width: 100%;
  height: 32px;
  bottom: 0;
  z-index: 11;
  margin-top: 16px;
}
.open-app footer {
  position: fixed;
}
.footer {
  margin: 0 auto;
  padding-top: 8px;
  height: 32px;
  /*width: 1152px;*/
  text-align: center;
  background-color: #990099;
  color: #fff;
  display: block;
}
.fwzx-header {
  background-color: #ffffff;
  color: #bbbbbb;
  padding: 16px 24px 4px 24px;
  margin-top: 8px;
}
.fwzx-header .title {
  color: #888888;
}
.wdfw-header .title {
  font-size: 20px;
  color: #888888;
  margin-bottom: 32px;
}
.fwzx-header .title .icon.refresh {
  position: absolute;
  top: 10px;
  right: 32px;
}
.wdfw-header .title {
  margin-bottom: 20px;
}
.fwzx-header .line-bottom {
  clear: both;
  padding: 4px 0;
  overflow: visible;
  padding-bottom: 12px;
}
.fwzx-header .line-bottom:after {
  content: "";
  display: block;
  clear: both;
}
.fwzx-header .line-bottom:last-child {
  border-bottom: 0;
}
.fwzx-header label {
  float: left;
  width: 62px;
  text-align: right;
  margin-top: 3px;
}
.fwzx-search-box,
.fav-search-box {
  height: 32px;
  float: left;
  border: 1px solid #536dfe;
  margin: 0 0 0 2px;
  position: relative;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
.fwzx-search-box span {
  left: 4px!important;
}
.fwzx-search-box > div > span,
.fav-search-box > div > span {
  color: #bbbbbb !important;
}
#fwzxSearchAppInput {
  width: 430px;
  line-height: 20px;
  height: 28px;
  padding: 4px;
  margin: 0 0 0 4px;
  border: none;
  font-size: 14px;
  color: #888888;
}
#fwzxSearchAppInput::-webkit-input-placeholder,
#favSearchAppInput::-webkit-input-placeholder,
#fwzxSearchAppInput:-moz-placeholder,
#favSearchAppInput:-moz-placeholder,
#fwzxSearchAppInput::-moz-placeholder,
#favSearchAppInput::-moz-placeholder,
#fwzxSearchAppInput:-ms-input-placeholder,
#favSearchAppInput:-ms-input-placeholder {
  color: #bbbbbb;
}
#fwzxSearchBtn,
#favSearchBtn {
  background-color: #536dfe;
  color: #ffffff;
  border: none;
  box-sizing: border-box;
  text-align: center;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  float: left;
}
#fwzxSearchBtn {
  padding: 1px 18px;
}
#favSearchBtn {
  padding: 1px 8px;
}
#fwzxSearchBtn i,
#favSearchBtn i {
  margin: 2px 0 0 0;
  float: none;
  background-image: url(../../img/icon/icon.png);
  background-position: 0 0;
}
.tab-lv3 {
  margin: 0;
}
.tab-lv3 li {
  display: inline-block;
  border-radius: 2px;
  color: #536dfe;
  font-size: 12px;
  height: 24px;
  padding: 3px 8px;
  margin: 0 6px;
  cursor: pointer;
}
.tab-lv3 li.active,
.tab-lv3 li:hover {
  background-color: #536dfe;
  color: #fff;
}
.line-bottom .tab-lv3 li.disabled {
  color: #bbbbbb;
  background-color: transparent;
  cursor: default;
}
.fwzx-body {
  margin-top: 16px;
  position: relative;
}
.letter-list {
  color: #bbbbbb;
  float: left;
  margin-left: 8px;
  position: absolute;
}
.letter-list > div {
  text-align: center;
  width: 40px;
  height: 18px;
  margin-left: auto;
  margin-right: auto;
  border-radius: 2px;
  cursor: pointer;
}
.letter-list > div.active {
  color: #ffffff;
  background-color: #bbbbbb;
}
.letter-list > div:not(.active):hover {
  color: #ffffff;
  background-color: #dddddd;
}
.fwzx-app {
  margin-left: 60px;
  min-height: 495px;
  overflow: hidden;
}
.wdfw .fwzx-app {
  margin-left: 0;
}
.app-letter {
  margin-bottom: 22px;
}
.app-letter .letter {
  font-size: 20px;
  color: #bbbbbb;
  margin-bottom: 8px;
  line-height: 24px;
}
.app-letter-list {
  margin: 12px 0 0 28px;
}
.app-item-delete {
  width: 240px;
  height: 114px;
  position: relative;
  float: left;
  margin: 0 8px 16px 8px;
}
.app-letter-list .app-item-delete .app-item {
  margin: 0;
}
.cover-block {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1000;
  top: 0;
  left: 0;
}
.app-letter-list .app-item {
  width: 240px;
  height: 114px;
  background-color: #fff;
  padding: 10px 12px;
  float: left;
  margin: 0 8px 16px 8px;
  cursor: pointer;
  position: relative;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.28);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.28);
}
.app-letter-list .app-item.has-permission:before {
  content: "";
  background-position: -1616px 0;
}
.app-letter-list .app-item.no-permission:before {
  content: "";
  background-position: -1648px 0;
}
.app-letter-list .app-item:before {
  background-image: url(../../img/icon/icon.png);
  position: absolute;
  width: 32px;
  height: 32px;
  right: 0;
  bottom: 0;
}
.app-letter-list .app-item:hover {
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28);
}
.app-letter-list .app-item:last-child {
  margin-right: 0;
}
.app-letter-list .app-item.end {
  margin-right: 0;
}
.app-letter-list .app-item img {
  float: left;
  width: 53px;
  height: 53px;
}
.app-letter-list .app-item .header {
  padding-bottom: 7px;
  position: relative;
}
.app-letter-list .app-item.curation .title {
  max-width: 192px;
  width: auto;
}
.app-letter-list .app-item .title {
  font-size: 14px;
  font-weight: bold;
  color: #888888;
  float: left;
  width: 216px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.app-letter-list .app-item .body {
  padding-top: 7px;
  display: table;
}
.app-letter-list .app-item .body .image {
  display: table-cell;
  vertical-align: middle;
}
.app-letter-list .app-item .body .content {
  padding-left: 7px;
  display: table-cell;
  vertical-align: middle;
}
.app-letter-list .app-item .body .content > div {
  color: #bbbbbb;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 160px;
}
.app-letter-list .app-item .body .content > div:last-child {
  color: #bbbbbb;
}
.app-letter-list .app-item .curation {
  padding-top: 7px;
}
.app-letter-list .curation .classify {
  color: #bbbbbb;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 160px;
}
.app-letter-list .app-item .curation-img-list {
  width: 100%;
}
.app-letter-list .app-item .curation-img-list img {
  width: 30px;
  height: 30px;
  margin: 8px 6px 0 0;
}
.curation-count {
  color: #bbbbbb;
}
/*鏈嶅姟涓績 end*/
#rightSide {
  width: 368px;
  position: fixed;
  right: -368px;
  top: 48px;
  background-color: #fff;
  height: 100%;
  z-index: 12;
  padding-bottom: 32px;
}
#rightSide .mCSB_container {
  margin-right: 4px;
}
#rightSide.active {
  right: 0;
  /* opacity: 1; */
  /* filter:Alpha(opacity=100); */
}
.open-app #rightSide.active {
  top: 48px;
}
.tab-nav {
  overflow: hidden;
}
.tab-nav {
  list-style: none;
  padding: 8px 0;
  white-space: nowrap;
  margin: 0;
  overflow: visible;
  border-bottom: 2px solid #eeeeee;
}
.tab-nav > li {
  display: inline-block;
  vertical-align: top;
  padding: 0 16px;
  cursor: pointer;
}
.tab-nav > li > a {
  display: inline-block;
  color: #fff;
  text-transform: uppercase;
  position: relative;
  width: 100%;
  -webkit-transition: all;
  -o-transition: all;
  transition: all;
  -webkit-transition-duration: 250ms;
  transition-duration: 250ms;
  font-weight: normal;
  font-size: 14px;
  padding: 15px 6px;
  bottom: -2px;
  z-index: 1;
}
.tab-nav > li > a:after {
  content: "";
  height: 4px;
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  -webkit-transition: all;
  -o-transition: all;
  transition: all;
  -webkit-transition-duration: 250ms;
  transition-duration: 250ms;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}
.tab-nav > li.active > a:after,
.tab-nav > li:hover > a:after {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.tab-nav > li.active > a:after,
.tab-nav > li:hover > a:after {
  background: #536dfe;
}
#rightSide .tab-nav {
  padding: 0;
  text-align: center;
  /*box-shadow: inset 0 -2px 0 0 #efefef;*/
}
#rightSide .tab-nav > li > a {
  color: #888888;
}
#rightSide .tab-nav > li > a:after {
  height: 2px;
}
#rightSide .tab-nav-today {
  width: 184px;
  text-align: center;
}
#rightSide .tab-content {
  margin-top: -3px;
  position: relative;
  padding-bottom: 32px;
  box-sizing: border-box;
}
#rightSide .error-tdy-panel {
  border-top: 1px solid #efefef;
  text-align: center;
  padding-top: 50px;
  display: none;
}
#rightSide .error-tdy-panel > div {
  line-height: 24px;
  color: #bbbbbb;
}
.right-side-list {
  border-bottom: 1px solid #efefef;
}
/* .right-side-list:first-child{
    border-top: 1px solid #efefef;
} */
.right-side-item {
  padding: 4px 0;
  position: relative;
}
.right-side-item.widget {
  padding: 0;
  border-left: 2px solid #990099;
  border-bottom: 1px solid #fbf5fb;
}
.right-side-item.widget img {
  display: none;
}
.right-side-item:after {
  content: "";
  display: block;
  clear: both;
}
.right-side-item.right-side-none {
  text-align: center;
  line-height: 45px;
  color: #888888;
}
.right-side-item .image,
.right-side-item .head-image {
  float: left;
}
.right-side-item .image {
  margin: 7px 20px;
}
.right-side-item .head-image {
  margin: 0 12px;
}
.right-side-item .image img {
  width: 32px;
  height: 32px;
}
.right-side-item .head-image img {
  width: 48px;
  height: 48px;
}
.right-side-item .content,
.right-side-item .head-content {
  float: left;
}
.right-side-item .head-content {
  /*margin-top: 4px;*/
  width: 100%;
}
.right-side-item .content {
  margin-top: 5px;
  width: 281px;
}
.right-side-item .content .caption {
  margin-left: 12px;
}
.right-side-item .content .text-caption {
  /*margin-top: 4px;*/
}
.right-side-item a.operation {
  float: right;
  background-color: #990099;
  color: #fff;
  border-radius: 4px;
  border: 0;
  padding: 1px 5px;
  margin-top: 8px;
}
.right-side-item .head-title {
  font-size: 14px;
  line-height: 31px;
  height: 31px;
  color: #444444;
  text-indent: 10px;
  display: inline-block;
  margin-right: 4px;
}
.right-side-item .head-title img {
  width: 24px;
  height: 24px;
  margin-right: 8px;
}
.right-side-item .caption {
  color: #bbbbbb;
}
.right-side-item .update-now {
  color: #bbbbbb;
  display: inline-block;
  opacity: 0;
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  -ms-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
}
.right-side-item .update-now.active {
  opacity: 1;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
.right-side-widget .right-side-do-more {
  text-align: center;
  color: #bbbbbb;
  cursor: pointer;
  line-height: 24px;
}
#rightSide.active .right-side-edit-a {
  right: 0;
}
.right-side-edit-a {
  position: fixed;
  display: block;
  width: 368px;
  height: 32px;
  border-color: #efefef;
  border-style: solid;
  border-width: 1px 0;
  right: -368px;
  bottom: 0;
  background: #fff;
  text-align: center;
  line-height: 32px;
  color: #bbbbbb;
  cursor: pointer;
}
.right-side-edit-a:hover {
  background: #fbf5fb;
}
.right-side-edit-a.edit .rightWidgetToEdit,
.right-side-edit-a .rightWidgetToSave {
  display: none;
}
.right-side-edit-a.edit .rightWidgetToSave {
  display: block;
}
.right-side-edit-container {
  background: #fff;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.right-side-edit-container.show {
  z-index: 1;
  top: 0 !important;
}
.right-side-widget {
  margin-top: 3px;
}
.rse-edit-a {
  width: 18px;
  height: 18px;
  display: block;
  float: left;
  border-radius: 9px;
  color: #fff;
  text-align: center;
  font-weight: bold;
  text-indent: 0;
  margin: 7px 0 0 12px;
  position: relative;
  cursor: pointer;
}
.rse-delete {
  background-color: #ff5252;
}
.rse-delete:after {
  content: "";
  background-color: #FFFFFF;
  font-size: 18px;
  position: absolute;
  top: 8px;
  left: 5px;
  width: 8px;
  height: 2px;
}
.rse-add {
  background-color: #8bc34a;
}
.rse-add:before {
  content: "";
  width: 8px;
  height: 2px;
  background-color: #fff;
  position: absolute;
  top: 8px;
  left: 5px;
}
.rse-add:after {
  content: "";
  background-color: #FFFFFF;
  position: absolute;
  top: 5px;
  left: 8px;
  width: 2px;
  height: 8px;
}
.rse-drag-btn {
  float: right;
  width: 24px;
  height: 24px;
  margin-top: 16px;
  margin-right: 12px;
  cursor: pointer;
}
.rse-drag-btn span {
  width: 16px;
  height: 2px;
  background: #eeeeee;
  margin: 0 auto 2px;
  display: block;
}
.right-side-item .rse-add-title {
  color: #bbbbbb;
  font-size: 12px;
}
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.5, 1.5, 1.5);
    transform: scale3d(1.5, 1.5, 1.5);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.5, 1.5, 1.5);
    transform: scale3d(1.5, 1.5, 1.5);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}
@-webkit-keyframes zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  100% {
    opacity: 0;
  }
}
@keyframes zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  100% {
    opacity: 0;
  }
}
.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}
@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}
.max-height-animate {
  -webkit-transition: max-height 0.3s;
  -moz-transition: max-height 0.3s;
  -ms-transition: max-height 0.3s;
  -o-transition: max-height 0.3s;
  transition: max-height 0.3s;
}
/*鍔ㄧ敾 end*/
/*鍙充晶涓嬫媺妗�start*/
/* .open-app .dropdown-menu{
	top: 38px;
} */
.dropdown-menu {
  position: fixed;
  -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.24);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.24);
  z-index: 30;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  text-align: left;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 2px;
  -webkit-transition: all;
  -o-transition: all;
  transition: all;
  -webkit-transition-duration: 250ms;
  transition-duration: 250ms;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-origin: top right;
  -moz-transform-origin: top right;
  -ms-transform-origin: top right;
  transform-origin: top right;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  opacity: 0;
  filter: alpha(opacity=0);
  display: block;
}
.feedback-dropdown-menu {
  right: 172px;
  top: 40px;
}
.feedback-dropdown-menu li a {
  display: block;
  width: 100%;
  height: 100%;
}
.dropdown-menu.active {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  filter: alpha(opacity=100);
}
.dropdown-menu > li,
#searchBlock > li {
  padding: 0 8px;
  clear: both;
  line-height: 32px;
  cursor: pointer;
}
.dropdown-menu > li:hover,
#searchBlock > li:hover,
#historyBlock > li:hover,
#historyBlock02 > li:hover {
  background-color: #eef7fe;
}
.dropdown-menu > li > a {
  color: #444444;
  white-space: nowrap;
  font-size: 14px;
}
.dropdown-menu > li > a.disabled {
  cursor: not-allowed;
}
.dropdown-menu > li:hover > a {
  color: #444444;
}
#headerAppHelp.disabled {
  color: #dddddd;
  margin-left: -8px;
  margin-right: -8px;
  width: -moz-calc(100% + 16px);
  width: -webkit-calc(100% + 16px);
  width: calc(100% + 16px);
  padding-left: 8px;
}
#headerAppHelp.disabled:hover {
  background: #fff;
}
#headerAppHelp.disabled i.icon {
  background-position: -1516px 0px;
}
/*鍙充晶涓嬫媺妗�end*/
/*璇︽儏椤�start*/
.cover {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 13;
  background-color: rgba(0, 0, 0, 0.65);
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.5s;
  -moz-transition: opacity 0.5s;
  -ms-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
#appDetail.cover.active {
  z-index: 15;
}
.cover.active {
  opacity: 1;
  filter: alpha(opacity=100);
}
.cover.curation .app-detail-content {
  -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.24);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.24);
}
.app-detail-content {
  /* max-width: 1200px; */
  /* width: 100%; */
  /* height: 560px; */
  /* margin: 5% auto 0 auto; */
  position: absolute;
  top: 104px;
  right: 48px;
  bottom: 48px;
  left: 48px;
  background-color: #fff;
}
.app-detail-content #closeDetail {
  margin: 16px;
}
.app-detail-content iframe {
  width: 100%;
  height: 100%;
}
.showSweetAlert {
  -webkit-animation: showSweetAlert .3s;
  animation: showSweetAlert .3s;
}
.hideSweetAlert {
  -webkit-animation: hideSweetAlert .2s;
  animation: hideSweetAlert .2s;
}
@-webkit-keyframes showSweetAlert {
  0% {
    transform: scale(0.7);
    -webkit-transform: scale(0.7);
  }
  45% {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
  }
  80% {
    transform: scale(0.95);
    -webkit-transform: scale(0.95);
  }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}
@keyframes showSweetAlert {
  0% {
    transform: scale(0.7);
    -webkit-transform: scale(0.7);
  }
  45% {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
  }
  80% {
    transform: scale(0.95);
    -webkit-transform: scale(0.95);
  }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}
@-webkit-keyframes hideSweetAlert {
  0% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
  100% {
    transform: scale(0.7);
    -webkit-transform: scale(0.7);
  }
}
@keyframes hideSweetAlert {
  0% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
  100% {
    transform: scale(0.7);
    -webkit-transform: scale(0.7);
  }
}
.app-detail {
  width: 100%;
  height: 100%;
  /* position: relative; */
  background-color: #fff;
  -webkit-box-shadow: 0 6px 24px rgba(0, 0, 0, 0.24);
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.24);
  overflow: hidden;
}
.detail-no-permission-prompt {
  color: #ff5252;
}
.app-detail.active {
  height: 480px;
}
.app-detail > .detail-body {
  padding: 32px 24px;
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  box-sizing: border-box;
  background-color: #fff;
}
.app-detail > .detail-body.move {
  left: -944px;
}
.login-page {
  position: absolute;
  left: 944px;
  top: 0;
}
.login-page.move {
  left: 0;
}
.app-detail .head {
  height: 60px;
  border-bottom: 1px solid #fbf5fb;
}
.app-detail .head img {
  float: left;
  width: 32px;
  height: 32px;
  margin-right: 8px;
}
.app-detail .head .title {
  font-size: 16px;
  color: #444444;
  line-height: 28px;
}
.app-detail .head .title .text-caption {
  margin-left: 8px;
}
.app-detail .content {
  height: -moz-calc(100% - 124px);
  height: -webkit-calc(100% - 124px);
  height: calc(100% - 124px);
  overflow-y: scroll;
  border-bottom: 1px solid #fbf5fb;
}
.app-detail .content .app-letter-list .app-item .body .content {
  overflow: hidden;
  border-bottom: none;
}
.app-detail .content .app-letter-list .app-item {
  margin: 0;
  box-shadow: none;
  min-width: 240px;
}
.app-detail .content .app-letter-list {
  margin-left: 2px;
}
.app-detail .content .app-letter-list .app-item:hover {
  -webkit-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.25);
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.25);
  z-index: 1;
}
.app-detail .content .text {
  line-height: 36px;
}
.app-detail .content .text label {
  font-weight: bold;
  float: left;
}
.app-detail .content .text .list,
.app-detail .content .text .process {
  clear: both;
}
.app-detail .content .text .list div {
  line-height: 36px;
}
.app-detail .foot {
  padding-top: 32px;
  position: relative;
}
.app-detail .foot .btn {
  float: left;
  margin-right: 20px;
}
.app-detail .foot div {
  margin-top: 8px;
}
.app-detail .foot .amp-checkbox {
  margin-top: 0;
}
.app-detail .foot a {
  color: #536dfe;
  margin-right: 5px;
  margin-left: 4px;
}
.amp-checkbox {
  display: inline-block;
}
.amp-checkbox label {
  cursor: pointer;
  position: relative;
  padding-left: 30px;
}
.amp-checkbox input {
  display: block;
  opacity: 0;
  width: 18px;
  height: 18px;
  position: absolute;
  top: 0;
  left: 0;
}
.amp-checkbox .input-helper:before,
.amp-checkbox .input-helper:after {
  content: "";
  position: absolute;
  transition: all 0.25s;
}
.amp-checkbox .input-helper:before {
  top: 0;
  left: 0;
  width: 17px;
  height: 17px;
  display: block;
  border: 1px solid #dddddd;
}
.amp-checkbox .input-helper:after {
  opacity: 1;
  filter: alpha(opacity=0);
  -webkit-transform: scale(0) rotate(80deg);
  -ms-transform: scale(0) rotate(80deg);
  -o-transform: scale(0) rotate(80deg);
  transform: scale(0) rotate(80deg);
  width: 22px;
  height: 9px;
  border-bottom: 2px solid #536dfe;
  border-left: 2px solid #536dfe;
  border-bottom-left-radius: 2px;
  left: -1px;
  top: 1px;
  display: block;
}
.amp-checkbox input:checked + .input-helper:before {
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}
.amp-checkbox input:checked + .input-helper:after {
  -webkit-transform: scale(1) rotate(-50deg);
  -ms-transform: scale(1) rotate(-50deg);
  -o-transform: scale(1) rotate(-50deg);
  transform: scale(1) rotate(-50deg);
  opacity: 1;
  filter: alpha(opacity=100);
}
/*璇︽儏椤�end*/
/*鐧诲綍椤甸潰 start*/
#headLoginPage {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  z-index: 10;
  -webkit-transition: height 0.5s;
  -moz-transition: height 0.5s;
  -ms-transition: height 0.5s;
  -o-transition: height 0.5s;
  transition: height 0.5s;
}
#headLoginPage.active {
  height: 100%;
}
/*鐧诲綍椤甸潰 end*/
/*iframe*/
.iframeBlock {
  position: relative;
  display: block;
  z-index: 10;
  overflow: hidden;
}
.iframeBlock.iframeBg {
  background-color: #eeeeee;
}
#iframeSmallBlock {
  position: absolute;
  height: 100%;
  background-color: #eeeeee;
  /*padding: 60px 0;*/
  z-index: 1;
  left: 0;
  -webkit-transition: left 0.5s ease-in-out;
  -moz-transition: left 0.5s ease-in-out;
  -ms-transition: left 0.5s ease-in-out;
  -o-transition: left 0.5s ease-in-out;
  transition: left 0.5s ease-in-out;
}
#iframeSmallBlock img {
  width: 80px;
  height: 80px;
}
#iframeSmallBlock .title {
  margin-top: 10px;
}
.amp-iframe-sm-item {
  display: table;
  height: 100%;
  width: 500px;
  text-align: center;
  background-color: #fff;
  float: left;
  margin-right: 80px;
}
.amp-iframe-sm-item .content {
  display: table-cell;
  vertical-align: middle;
}
@-webkit-keyframes iframeZoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 1;
    -webkit-transform: scale3d(0.7, 0.7, 0.7);
    transform: scale3d(0.7, 0.7, 0.7);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.7, 0.7, 0.7);
    transform: scale3d(0.7, 0.7, 0.7);
  }
}
@keyframes iframeZoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 1;
    -webkit-transform: scale3d(0.7, 0.7, 0.7);
    transform: scale3d(0.7, 0.7, 0.7);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.7, 0.7, 0.7);
    transform: scale3d(0.7, 0.7, 0.7);
  }
}
@-webkit-keyframes iframeOpacityOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes iframeOpacityOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
.iframeZoomOut {
  -webkit-animation-name: iframeZoomOut;
  animation-name: iframeZoomOut;
}
.iframeOpacityOut {
  -webkit-animation-name: iframeOpacityOut;
  animation-name: iframeOpacityOut;
}
@-webkit-keyframes iframeZoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.7, 0.7, 0.7);
    transform: scale3d(0.7, 0.7, 0.7);
  }
  50% {
    opacity: 1;
  }
}
@keyframes iframeZoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.7, 0.7, 0.7);
    transform: scale3d(0.7, 0.7, 0.7);
  }
  50% {
    opacity: 1;
  }
}
@-webkit-keyframes iframeOpacityIn {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}
@keyframes iframeOpacityIn {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}
.iframeZoomIn {
  -webkit-animation-name: iframeZoomIn;
  animation-name: iframeZoomIn;
}
.iframeOpacityIn {
  -webkit-animation-name: iframeOpacityIn;
  animation-name: iframeOpacityIn;
}
.iframeZoomIE9 {
  transform: scale(0.7, 0.7);
  -ms-transform: scale(0.7, 0.7);
  /* IE 9 */
  -webkit-transform: scale(0.7, 0.7);
  /* Safari 鍜�Chrome */
  -o-transform: scale(0.7, 0.7);
  /* Opera */
  -moz-transform: scale(0.7, 0.7);
}
/*open app*/
.open-app #appTools {
  display: block;
}
.open-app .leftOpenPoint {
  padding-top: 0;
  padding-bottom: 0;
  height: 40px;
  background-position: -664px center;
  margin-right: 4px;
}
.open-app .footer {
  width: 100%;
}
/*tips*/
.collectionPromptDiv {
  position: fixed;
  overflow: hidden;
  z-index: 30;
  margin-bottom: 8px;
  top: 56px;
  height: 100%;
  left: -moz-calc(100% - 300px);
  left: -webkit-calc(100% - 300px);
  left: calc(100% - 300px);
}
.collectionPrompt {
  width: 290px;
  height: 56px;
  position: relative;
  background-color: transparent;
  overflow: hidden;
  z-index: 30;
  margin-bottom: 8px;
}
.collection-prompt {
  /* position: absolute;*/
  padding: 20px 0;
  width: 290px;
  height: 56px;
  right: -290px;
  background-color: rgba(0, 0, 0, 0.87);
  color: #fff;
  -webkit-transition: right 0.5s ease-in-out;
  -moz-transition: right 0.5s ease-in-out;
  -ms-transition: right 0.5s ease-in-out;
  -o-transition: right 0.5s ease-in-out;
  transition: right 0.5s ease-in-out;
}
.collection-prompt .app-collection {
  background-position: -1172px -7px;
}
.collection-prompt .app-collection.active {
  background-position: -1252px 0px;
  width: 16px;
  margin: 0 8px;
}
.collection-prompt.hidden-icon .app-collection {
  display: none;
}
.collection-prompt.hidden-icon > div {
  padding-left: 8px;
}
.collection-prompt .collection {
  float: left;
  margin: 2px 24px;
  cursor: default;
}
.collection-prompt .collection:hover {
  background-position: -52px -5px;
}
.collection-prompt .icon.close {
  margin: -2px 6px;
  cursor: pointer;
}
.collection-prompt .icon.close:hover {
  background-position: -376px 0;
}
.collection-prompt .promptText {
  width: 240px;
  margin: -22px 35px;
}
.amp-tooltip {
  display: none;
  position: absolute;
  z-index: 20;
  background-color: rgba(0, 0, 0, 0.8);
  padding: 2px 8px;
  border-radius: 4px;
  color: #fff;
}
#wdfwAppList .app-letter-list .blank {
  display: none;
  text-align: center;
  color: #888888;
  font-size: 20px;
  line-height: 60px;
}
#wdfwAppList .app-item i.collection {
  /* display: none; */
  opacity: 0;
  -webkit-transition: opacity 0.25s;
  -moz-transition: opacity 0.25s;
  -ms-transition: opacity 0.25s;
  -o-transition: opacity 0.25s;
  transition: opacity 0.25s;
}
#wdfwAppList .app-item:hover i.collection {
  /* display: inline-block; */
  opacity: 1;
}
#wdfwAppList .app-item-mask {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: transparent;
}
.pull-left {
  float: left !important;
}
.pull-right {
  float: right !important;
}
.sortable-ghost {
  opacity: 0.4;
  background-color: #eeeeee;
}
/**widget 缂栬緫 start**/
.right-side-item {
  overflow: hidden;
}
.right-side-item.edit-widget {
  max-height: 48px;
}
.right-side-item.edit-widget.delete {
  max-height: 0;
}
.rse-to-selected .right-side-item.edit-widget.delete {
  border: none;
  padding: 0;
}
.right-side-item .head-content {
  position: relative;
  left: 0;
}
.right-side-item .head-content .icon.refresh {
  position: absolute;
  top: 6px;
  right: 20px;
}
.right-side-item .head-content.delete {
  left: -370px;
}
.left-animate {
  -webkit-transition: left 0.5s;
  -moz-transition: left 0.5s;
  -ms-transition: left 0.5s;
  -o-transition: left 0.5s;
  transition: left 0.5s;
}
.right-animate {
  -webkit-transition: right 0.5s;
  -moz-transition: right 0.5s;
  -ms-transition: right 0.5s;
  -o-transition: right 0.5s;
  transition: right 0.5s;
}
.height-animate {
  -webkit-transition: height, max-height 0.3s;
  -moz-transition: height, max-height 0.3s;
  -ms-transition: height, max-height 0.3s;
  -o-transition: height, max-height 0.3s;
  transition: height, max-height 0.3s;
}
.top-animate {
  -webkit-transition: top 0.5s;
  -moz-transition: top 0.5s;
  -ms-transition: top 0.5s;
  -o-transition: top 0.5s;
  transition: top 0.5s;
}
/**widget 缂栬緫 end**/
.btn {
  min-width: 80px;
  height: 32px;
  border: 0;
  background-color: #536dfe;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.28);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.28);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  color: #fff;
  font-size: 14px;
  padding: 6px 8px;
}
.btn:hover {
  background-color: #536dfe;
}
.btn.disabled {
  background-color: #dde2ff;
  cursor: default;
}
.btn.disabled:hover {
  background-color: #dde2ff;
  cursor: default;
}
.btn.warning {
  background-color: #ffa000;
}
.btn.warning:hover {
  background-color: #ffa000;
}
.btn.warning.disabled:hover,
.btn.warning.disabled {
  background-color: #ffeccc;
  cursor: default;
}
.disabled .cursor-pointer {
  cursor: default;
}
.m-t-2 {
  /* margin-top: 2px; */
}
.cursor-pointer {
  cursor: pointer;
}
.hidden {
  display: none;
}
.detail-collection-success {
  color: #8bc34a;
  display: none;
}
.detail-collection-success.active {
  display: block;
}
#favoriteAside {
  width: 402px;
  max-height: 472px;
  padding: 0 16px 0 16px;
  position: fixed;
  background-color: #fff;
  z-index: 30;
  right: 123px;
  top: 44px;
  overflow: hidden;
  -webkit-transition: all;
  -o-transition: all;
  transition: all;
  -webkit-transition-duration: 250ms;
  transition-duration: 250ms;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-origin: top right;
  -moz-transform-origin: top right;
  -ms-transform-origin: top right;
  transform-origin: top right;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  filter: alpha(opacity=100);
  display: block;
}
.open-app #favoriteAside {
  right: 155px;
}
#favoriteAside.unActive {
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  opacity: 0;
  filter: alpha(opacity=0);
}
#favoriteAside .icon-close-sm {
  position: absolute;
  top: 8px;
  right: 8px;
}
.favorite-do-active {
  position: absolute;
  top: 24px;
  left: 138px;
  z-index: 20;
}
#favoriteAside .icon-favorite-folder {
  float: left;
  margin: -1px 8px 0 0;
}
#favoriteAside .favorite-top {
  font-size: 16px;
  color: #888888;
  margin: 24px 16px;
}
#favoriteAside .detail-collection-success {
  overflow: hidden;
}
.character-limit {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.favorite-footer-bar {
  height: 40px;
  position: relative;
  width: 402px;
  margin-left: -16px;
  bottom: 0;
  line-height: 40px;
  text-align: center;
  clear: both;
  cursor: pointer;
  color: #888888;
}
.favorite-footer-bar:hover {
  background-color: #efefef;
}
/**涓汉涓績 start**/
#wdfwContainer {
  padding: 8px 0;
}
#wdfwContainer:after {
  content: "";
  clear: both;
  display: table;
}
.my-site-container {
  padding-bottom: 0;
}
.my-site-content {
  position: relative;
}
.my-site-column {
  width: 33.33%;
  float: left;
  padding-right: 16px;
  min-height: 100px;
}
.my-site-column.col-half {
  width: 50%;
}
.my-site-column.col-two {
  width: 66.66%;
}
.my-site-column:last-child {
  padding-right: 0;
}
.my-site-widget {
  width: 100%;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.28);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.28);
  background-color: #ffffff;
  padding: 16px;
  margin-bottom: 16px;
  position: relative;
}
.my-site-column .my-site-widget:last-child {
  margin-bottom: 0;
}
.my-site-child-widget {
  margin-right: -8px;
  margin-left: -8px;
  margin-bottom: 16px;
}
.my-site-child-widget:after {
  content: "";
  clear: both;
  display: table;
}
.my-site-child-widget > .my-site-widget {
  width: -moz-calc(50% - 16px);
  width: -webkit-calc(50% - 16px);
  width: calc(50% - 16px);
  margin-right: 8px;
  margin-left: 8px;
  float: left;
}
.my-site-header {
  /*margin-bottom: 16px;*/
  position: relative;
}
.my-site-header:hover .icon-list {
  display: block;
}
.my-site-header img {
  width: 22px;
  height: 22px;
  float: left;
  margin-right: 8px;
}
.my-site-header .title {
  font-size: 16px;
  color: #888888;
  float: left;
  margin-top: 2px;
}
.my-site-header .icon-list {
  position: absolute;
  text-align: center;
  width: 100%;
  margin-top: -10px;
  display: none;
  overflow: visible;
}
.my-site-header .icon-list .icon:not(.icon-drag) {
  float: right;
  margin: 0 4px;
}
.my-site-header .icon-list .icon:not(.refresh) {
  margin-top: 3px;
}
/* .my-site-header .icon-list .icon:not(.icon-set){
	display:none;
} */
.my-site-header .icon-list .icon.icon-set {
  margin-top: 3px;
  /* display:none; */
  margin-right: 4px;
}
.add-widget-container {
  width: 100%;
  display: inline-block;
  clear: both;
  position: relative;
  text-align: center;
  margin-top: 16px;
}
.add-widget-button {
  width: 48px;
  height: 48px;
  position: relative;
  background-color: #FFFFFF;
  color: #444444;
  border: none;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.28);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.28);
  font-size: 14px;
  border-radius: 50%;
  padding: 10px;
  display: none;
}
.add-widget-button:hover,
.add-widget-button.active {
  background-color: #eeeeee;
}
.add-widget-button:before {
  content: "";
  width: 20px;
  height: 4px;
  background-color: #dddddd;
  position: absolute;
  top: 22px;
  left: 14px;
  transition: all 250ms;
  -moz-transition: all 250ms;
  -webkit-transition: all 250ms;
  -o-transition: all 250ms;
}
.add-widget-button:after {
  content: "";
  background-color: #dddddd;
  position: absolute;
  top: 14px;
  left: 22px;
  width: 4px;
  height: 20px;
  transition: all 250ms;
  -moz-transition: all 250ms;
  -webkit-transition: all 250ms;
  -o-transition: all 250ms;
}
.add-widget-button:hover:before,
.add-widget-button:hover:after {
  background-color: #FFFFFF;
  transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  -o-transform: rotate(360deg);
}
.widget-add-modal {
  position: fixed;
  width: 500px;
  min-height: 300px;
  top: 50%;
  left: 50%;
  border-radius: 2px;
  -webkit-box-shadow: 0 6px 24px rgba(0, 0, 0, 0.24);
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.24);
  margin-left: -250px;
  margin-top: -300px;
  background: #fff;
  padding: 16px;
  display: none;
}
.widget-preview-modal {
  position: fixed;
  min-width: 500px;
  max-width: 1180px;
  border-radius: 2px;
  -webkit-box-shadow: 0 6px 24px rgba(0, 0, 0, 0.24);
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.24);
  background: #fff;
  padding: 16px;
  display: none;
}
.widget-modal-header .close {
  margin-top: -2px;
  float: right;
  font-size: 28px;
  font-weight: 700;
  color: #444444;
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity=20);
  opacity: .2;
  cursor: pointer;
  background-color: transparent;
  border: none;
}
.widget-modal-header .close:hover {
  color: #536dfe;
  text-decoration: none;
  filter: alpha(opacity=80);
  opacity: .8;
}
.widget-modal-header .modal-title {
  margin: 0;
  line-height: 20px;
  font-size: 20px;
  font-weight: normal;
}
.widget-modal-body {
  margin: 20px 0;
  position: relative;
}
.widget-modal-body .modal-title {
  margin-bottom: 20px;
  line-height: 16px;
  font-size: 16px;
  font-weight: normal;
}
.widget-modal-footer {
  position: relative;
  display: block;
}
.widget-modal-footer a {
  float: right;
  text-align: center;
  margin-right: 20px;
}
.preview-widget {
  pointer-events: none;
  width: 100%;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.28);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.28);
  background-color: #ffffff;
  padding: 16px;
  margin-bottom: 16px;
  position: relative;
  max-height: 500px;
}
.widget-block {
  float: left;
  width: 85px;
  text-align: center;
  color: #bbbbbb;
  font-size: 12px;
  margin: 16px;
  display: block;
  cursor: default;
}
.widget-block:hover {
  box-shadow: none;
}
.widget-block.active:hover {
  cursor: pointer;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28);
}
.widget-block .title {
  text-align: center;
}
/**涓汉涓績 end**/
/**new tab start**/
#headerMini {
  position: fixed;
  background-color: #990099;
  height: 48px;
  color: #444444;
  width: 100%;
  z-index: 13;
}
#headTab {
  float: left;
}
.head-tab {
  overflow: hidden;
  color: #fff;
  margin-top: 8px;
  font-size: 0;
  position: relative;
  height: 40px;
}
.tab-more .head-tab .head-tab-item {
  padding: 10px 4px;
}
.head-tab-item,
#moreTabBtn {
  display: inline-block;
  padding: 10px 20px;
  cursor: pointer;
  background-color: rgba(255, 255, 255, 0.1);
  margin-right: 1px;
  height: 40px;
  text-align: center;
  font-size: 14px;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 164px;
  min-width: 96px;
}
.head-tab-item:hover,
.head-tab-item.active,
#moreTabBtn:hover,
#moreTabBtn.active {
  background-color: rgba(255, 255, 255, 0.2);
}
.head-tab-item.active .icon {
  display: block;
}
#headTabsContent {
  display: inline-block;
}
#headTabsContent:after {
  content: "";
  clear: both;
  display: table;
}
#moreTabBtn {
  padding: 9px 8px;
  min-width: 32px;
  max-width: 32px;
  display: none;
}
#moreTabBtn.show {
  display: inline-block;
}
.amp-more-tabs {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: #990099;
  color: #ffffff;
}
.amp-more-tabs .head-tab-item {
  display: block;
  border-top: 1px solid #fff;
  padding-right: 22px;
  margin-right: 0;
}
/**new tab end**/
/* 鎴戠殑鏀惰棌澶瑰姛鑳�*/
.favorite-container {
  max-height: 365px;
  overflow: hidden;
  position: relative;
  padding-top: 1px;
}
.favorite-container .favorite-item {
  float: left;
  width: 106px;
  height: 106px;
  padding: 6px;
  text-align: center;
  color: #bbbbbb;
  margin-left: 16px;
  margin-bottom: 16px;
  cursor: pointer;
}
.favorite-container .favorite-item:hover {
  outline: 1px solid #dedede !important;
}
.favorite-container .favorite-item .image,
.favorite-container .favorite-item .image img {
  width: 72px;
  height: 72px;
  margin: auto;
}
.favorite-container .favorite-item .curation-image {
  width: 72px;
  height: 72px;
  margin: 0 auto;
}
.favorite-container .favorite-item .curation-image img {
  width: 22px;
  height: 22px;
  float: left;
  margin: 1px;
}
.favorite-container .none-item-text {
  font-size: 20px;
  color: #888888;
  margin: 24px 16px 60px 16px;
  text-align: center;
}
.fav-search-box span {
  left: 4px!important;
}
#favSearchAppInput {
  width: 200px;
  line-height: 20px;
  height: 30px;
  padding: 4px;
  border: none;
  font-size: 14px;
  color: #888888;
}
.fav-btn-list {
  position: absolute;
  top: 30px;
  right: 62px;
  z-index: 1;
}
.favorite-to-edit .fav-btn-list {
  top: 8px;
  right: 28px;
}
.fav-btn {
  background-color: #536dfe;
  color: #ffffff;
  border: none;
  border-radius: 4px;
  font-size: 14px;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.28);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.28);
  padding: 5px 8px;
}
.fav-btn:hover {
  background-color: #536dfe;
}
.fav-btn.fav-btn-success {
  background-color: #8bc34a;
}
.fav-btn.fav-btn-success:hover {
  background-color: #8bc34a;
}
.fav-btn.fav-btn-cancel {
  background-color: #fff;
  color: #444444;
}
.fav-btn.fav-btn-cancel:hover {
  background-color: #eeeeee;
}
/* .fav-editfav,.fav-savefav{
	position: absolute;
	top: 10px;
    right: 62px;
    margin-top:20px;
    z-index:9999;
} */
.fav-j-delete {
  border-radius: 50%;
  background-color: #ff5252;
  width: 14px;
  height: 14px;
  position: absolute;
  right: 0;
  top: 2px;
  display: none;
}
.favorite-edit .fav-j-delete {
  display: block;
}
.fav-j-delete:hover {
  background-color: #ff5252;
}
.fav-j-delete:after {
  content: "";
  width: 8px;
  height: 2px;
  background-color: #fff;
  position: absolute;
  top: 6px;
  left: 3px;
}
/* /鎴戠殑鏀惰棌澶瑰姛鑳�*/
.detail-amp-img {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.detail-amp-img img {
  width: 100%;
}
/* 个人数据的widget弹框 */
.widget-set-container {
  position: relative;
  overflow: visible;
  float: right;
}
.widget-set-container .dropdown-menu {
  top: 30px;
  right: 0;
  position: absolute;
  z-index: 999;
}
.widget-modal-container {
  position: fixed;
  width: 500px;
  height: 400px;
  top: 50%;
  left: 50%;
  margin-left: -250px;
  margin-top: -200px;
  background: #fff;
  padding: 16px;
}
.widget-set-container.active .dropdown-menu {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  display: block;
}
.widget-modal-title {
  overflow: hidden;
  margin-bottom: 16px;
}
.widget-modal-title h4 {
  margin: 0;
  font-size: 14px;
  line-height: 36px;
}
.widget-modal-title i {
  float: right;
}
.widget-form-group {
  margin-bottom: 6px;
}
.widget-form-group input,
.widget-form-group select {
  height: 28px;
  padding: 4px;
  font-size: 12px;
  line-height: 18px;
  color: #444444;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #dddddd;
  border-radius: 2px;
  width: 100px;
  margin-right: 8px;
}
.widget-form-group input {
  width: 160px;
}
.widget-form-group > span {
  margin-right: 8px;
}
.widget-form-group label {
  margin-right: 8px;
}
.widget-modal-confirm,
.widget-modal-cancel,
.modal-btn-default,
.modal-btn-success {
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  outline: none !important;
  padding: 6px 8px;
  font-size: 12px;
  line-height: 20px;
  border-radius: 2px;
  min-width: 80px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.28);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.28);
  -webkit-transition: all;
  -o-transition: all;
  transition: all;
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms;
  margin-right: 8px;
}
.modal-btn-default {
  background: #fff;
  color: #444444;
}
.modal-btn-default.disabled {
  color: #bbbbbb;
  background-color: #eeeeee;
  border: none;
  cursor: not-allowed;
}
.modal-btn-success {
  background: #8bc34a;
  color: #fff;
}
.widget-modal-confirm {
  color: #ffffff;
  background-color: #536dfe;
  border: none;
}
.widget-modal-cancel {
  color: #444444;
  background-color: #ffffff;
  border: 1px solid #eeeeee;
  padding: 5px 8px;
}
.widget-validate-span {
  margin: 0;
  color: #ff5252;
  margin-bottom: 6px;
  margin-left: 58px;
  display: none;
}
.no-data-prompt {
  width: -moz-calc(100% - 40px);
  width: -webkit-calc(100% - 40px);
  width: calc(100% - 40px);
  text-align: center;
  margin-top: 150px;
}
.no-data-prompt img {
  width: 144px;
  height: 144px;
}
.no-data-prompt-text {
  font-size: 18px;
  color: #bbbbbb;
  margin-top: 16px;
}
.bind-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  overflow: hidden;
}
.bind-block {
  padding: 16px;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  -ms-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
}
.bind-block.bind-left {
  -webkit-transform: translate3d(-100%, 0, 0);
  -moz-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  -o-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}
.bind-block.bind-right {
  -webkit-transform: translate3d(100%, 0, 0);
  -moz-transform: translate3d(100%, 0, 0);
  -ms-transform: translate3d(100%, 0, 0);
  -o-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}
.bind-result-img {
  width: 88px;
  height: 88px;
  margin: 0 auto;
  border-radius: 50%;
  position: relative;
  margin-bottom: 12px;
}
.bind-result-img.success {
  border: #eeeeee solid 4px;
}
.bind-result-img.success:before {
  content: '';
  position: absolute;
  width: 24px;
  height: 48px;
  left: 29px;
  top: 11px;
  background: #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  border: #8bc34a solid 4px;
  border-top: none;
  border-left: none;
}
.bind-result-img.error {
  border: #ff5252 solid 4px;
}
.bind-result-img.error:before,
.bind-result-img.error:after {
  content: '';
  position: absolute;
  display: block;
  width: 47px;
  height: 4px;
  background: #ff5252;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  left: 16px;
  top: 38px;
}
.bind-result-img.error:before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.bind-result-img.error:after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.bind-mail-block {
  width: 100%;
  padding: 4px;
  line-height: 32px;
  border-bottom: #eeeeee solid 1px;
}
.bind-mail-block:after {
  content: '';
  display: block;
  clear: both;
}
.bind-mail-block:first-child {
  border-top: #F0F0F0 solid 1px;
}
.bind-mail-block-img {
  width: 32px;
  margin-right: 8px;
}
.bind-mail-block p {
  margin: 0;
}
.bind-unbind {
  font-weight: normal;
}
.bind-manage-list {
  margin-bottom: 8px;
  min-height: 126px;
}
.bind-manage-title span {
  font-size: 12px;
  color: #bebebe;
  margin-left: 8px;
}
.fav-head-normal .icon-favorite-folder {
  float: left;
  margin: 4px 8px 0 0;
}
.fav-folder-text {
  float: left;
  font-size: 16px;
  color: #444444;
  margin: 6px 32px 0 0;
}
.favorite-header {
  padding: 16px 24px 4px 24px;
  margin-top: 8px;
}
.fav-head-normal .fav-search-box {
  width: initial;
}
.fav-head-normal .icon.refresh {
  margin: 8px 0 0 8px;
}
.fav-head-normal {
  height: 48px;
  border-bottom: 1px solid #fbf5fb;
}
.favorite-to-edit .fav-head-normal {
  display: none;
}
.favorite-to-edit .fav-head-edit {
  display: block;
}
.fav-head-edit {
  height: 48px;
  float: right;
  display: none;
}
.bsdt-login {
  display: none;
  width: 300px;
  height: 260px;
  background: #fff;
  z-index: 99;
  position: absolute;
  top: 30px;
  left: 750px;
}
.bsdt-login iframe {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.amp-show-block {
  display: block !important;
}
.amp-star {
  display: inline-block;
  background-image: url(../../img/icon/homeIcon.png);
  width: 14px;
  height: 14px;
  background-position: -168px 0;
  margin-right: 2px;
}
.amp-star-half {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-right: 2px;
  position: relative;
}
.amp-star-half .highlight {
  position: absolute;
  width: 7px;
}
.amp-star.grey {
  background-position: -144px 0;
}