a {
  text-decoration: none;
}

img {
  border: 0 none;
}

.login {
  background: url("../wallpapers/Blue-Sencha.jpg") no-repeat center top;
  background-size: cover;
  overflow: hidden;
}

.x-grid-row .x-grid-cell {
  font: 12px/15px "微软雅黑", tahoma, arial, verdana, sans-serif;
}

.x-grid-with-row-lines .x-grid-cell-inner {
  line-height: 12px;
  padding-top: 6px;
  padding-bottom: 4px;
}

.x-settings-grid .x-grid-cell-inner {
  line-height: 16px;
}

.x-settings-grid .x-grid-checkheader {
  margin-top: 4px;
}

.x-menu-item-link {
  padding-top: 4px;
}

.x-tab-setting {
  background-color: #ced9e7;
}

.x-tab-fragment-form .x-panel-body-default {
  background: none;
}

.x-mask {
  opacity: 0.4;
}

.x-body,
body {
  font-size: 12px;
  font-family: "微软雅黑", tahoma, arial, verdana, sans-serif;
}

/*----------------------------------------------------
	Start Button
*/

.ux-start-button-icon {
  background-image: url(../images/taskbar/sencha.gif) !important;
  background-color: transparent;
}

.ux-start-button .x-btn-arrow {
  background-image: none;
}

.ux-start-button .x-btn-arrow-right {
  padding-left: 10px;
}

.ux-taskbar {
  padding-left: 0px !important;
}

/*
	Start Button (Black)
*/

.ux-desktop-black .ux-start-button {
  height: 28px;
  padding: 0px;
  display: block;
}

.ux-desktop-black .ux-start-button em {
  margin-top: 5px;
}

.ux-desktop-black .ux-start-button .x-btn-inner {
  color: black;
  font-size: 12px;
  font-weight: bold;
}

.ux-desktop-black .ux-start-button {
  background-image: -moz-linear-gradient(
    center top,
    #e4f3ff,
    #d9edff 48%,
    #c2d8f2 52%,
    #c6dcf6
  );
  border-radius: 8px 8px 8px 8px;
  border-color: #81a4d0;
}

/*----------------------------------------------------
	Start Menu
*/

.ux-start-menu-toolbar .x-btn-inner {
  text-align: left;
}

.ux-start-menu-toolbar {
  padding: 4px !important;
}

/*----------------------------------------------------
	TaskBar
*/

.ux-taskbar .x-toolbar {
  background: transparent none;
  border-color: transparent;
}

.x-ie6 .ux-taskbar .x-toolbar {
  border-color: #d3e1f1;
}

.ux-desktop-windowbar .x-btn-inner,
.x-nbr .ux-desktop-windowbar .x-btn-icon-text-left button {
  text-align: left !important;
}

.ux-taskbar .x-toolbar {
  height: 28px;
}

.ux-taskbar {
  height: 28px;
  padding: 0;
}

.x-toolbar .x-toolbar {
  padding: 0;
}

/*
	TaskBar (Black)
*/

.ux-desktop-black .ux-taskbar {
  background: transparent
    url("../images/taskbar/black/taskbar-start-panel-bg.gif") repeat-x left top;
  border-color: transparent;
  /*height: 30px;*/
}

.ux-desktop-black .ux-taskbar .x-splitter {
  background: transparent url(../images/taskbar/black/taskbar-split-h.gif)
    no-repeat scroll 0 -2px;
}

.ux-desktop-black .ux-taskbar .x-toolbar-text {
  color: white !important;
}

.ux-desktop-black .ux-taskbar .x-btn-default-toolbar-small-over {
  background-color: yellow;
}

.ux-desktop-black .ux-taskbar .x-btn-inner {
  color: white;
}

.ux-desktop-black .ux-taskbar .x-btn-pressed .x-btn-inner,
.ux-taskbar .x-btn-over .x-btn-inner {
  color: black;
}

/*----------------------------------------------------
	Tray Clock
*/

.ux-desktop-trayclock {
  text-align: center;
  vertical-align: middle;
  padding-top: 0;
  padding-bottom: 0;
}

/*----------------------------------------------------
	Desktop DataView
*/

.ux-wallpaper {
  background-color: #3d71b8;
}

.ux-wallpaper-tiled {
  background-repeat: repeat;
}

.ux-desktop-shortcut {
  cursor: pointer;
  text-align: center;
  padding: 8px;
  margin: 8px;
  width: 64px;
}

.ux-desktop-shortcut-icon {
  width: 48px;
  height: 48px;
  background-color: transparent;
  background-repeat: no-repeat;
}

.ux-desktop-shortcut-text {
  font-size: 12px;
  text-decoration: none;
  padding-top: 5px;
  color: white;
}

.x-view-over .ux-desktop-shortcut-text {
  text-decoration: none;
}

.x-action-col-icon {
  cursor: pointer;
}

.x-item-disabled {
  cursor: default;
}

/*----------------------------------------------------
	Various icon classes
*/

.accordion-shortcut {
  background-image: url(../images/im48x48.png);
}

.cpu-shortcut {
  background-image: url(../images/statusLarge.png);
}

.grid-shortcut {
  background-image: url(../images/grid48x48.png);
}

.notepad-shortcut {
  background-image: url(../images/notepadLarge.png);
}

.family-icon {
  background-image: url(../images/family-16.png) !important;
  background-repeat: no-repeat;
}

.family-shortcut {
  background-image: url(../images/family-48.png);
}

.recommend-icon {
  background-image: url(../images/rate-16.png) !important;
  background-repeat: no-repeat;
}

.recommend-shortcut {
  background-image: url(../images/rate-48.png) !important;
  background-repeat: no-repeat;
}

.card-icon {
  background-image: url(../images/card-16.png) !important;
  background-repeat: no-repeat;
}

.card-shortcut {
  background-image: url(../images/card-48.png);
}

.x-ie6 .accordion-shortcut {
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/im48x48.png', sizingMethod='scale');
}

.x-ie6 .cpu-shortcut {
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/statusLarge.png', sizingMethod='scale');
}

.x-ie6 .grid-shortcut {
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/grid48x48.png', sizingMethod='scale');
}

.x-ie6 .update-shortcut {
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/update-48.png', sizingMethod='scale');
}

.x-ie6 .notepad-shortcut {
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/notepadLarge.png', sizingMethod='scale');
}

.video {
  background-image: url(../images/gears.gif);
}

.bogus {
  background-image: url(../images/bogus.png) !important;
}

.notepad {
  background-image: url(../images/bogus.png) !important;
}

.logout {
  background-image: url(../images/logout.gif) !important;
}

.settings {
  background-image: url(../images/gears.gif) !important;
}

.icon-grid {
  background-image: url(../images/grid.png) !important;
}

.add {
  background-image: url(../images/icons/add.gif) !important;
}

.city {
  background-image: url(../images/city.png) !important;
}

.option {
  background-image: url(../images/icons/plugin.gif) !important;
}

.swap {
  background-image: url(../images/icons/arrow_switch.png) !important;
}

.clock {
  background-image: url(../images/icons/clock.png) !important;
}

.remove {
  background-image: url(../images/icons/delete.gif) !important;
}

.save {
  background-image: url(../images/icons/save.gif) !important;
}

.accordion {
  background-image: url(../images/accordian.gif) !important;
}

.tabs {
  background-image: url(../images/tabs.gif) !important;
}

/*----------------------------------------------------
	IM window icons
*/

.user {
  background-image: url(../images/icons/user.gif) !important;
}

.user-add {
  background-image: url(../images/icons/user_add.gif) !important;
}

.user-delete {
  background-image: url(../images/icons/user_delete.gif) !important;
}

.connect {
  background-image: url(../images/icons/connect.gif) !important;
}

.user-girl {
  background-image: url(../images/icons/user_female.gif) !important;
}

.user-kid {
  background-image: url(../images/icons/user_green.gif) !important;
}

.user-suit {
  background-image: url(../images/icons/user_suit.gif) !important;
}

.excel {
  background-image: url(../images/icons/page_white_excel.png) !important;
}

.plugin {
  background-image: url(../images/icons/plugin.png) !important;
}

.x-form-readonly input.x-form-text:read-only {
  background: #cccccc;
}

.auto-add-button {
  margin: 3px;
  background: #0a89da;
  border: 1px solid #ccc;
  border-radius: 30px;
}
.auto-remove-button {
  margin: 3px;
  background: #ff5f7d;
  border: 1px solid #ccc;
  border-radius: 30px;
}

.auto-body-margin {
  margin: 3px;
}

[class*="icon-op-"] {
  width: 16px;
  height: 16px;
  border: 0;
  margin-top: 3px;
  margin-left: 2px;
}

.icon-op-empty {
  visibility: hidden;
  width: 16px;
  height: 16px;
  border: 0;
  margin-top: 3px;
  margin-left: 2px;
}

.icon-op-edit {
  background: url(../images/icon.png) no-repeat 0 0;
  width: 16px;
  height: 16px;
  border: 0;
  margin-top: 3px;
  margin-left: 2px;
}

.icon-setting-shortcut {
  background: url(../images/setting-48.png) no-repeat 0 0;
  background-size: cover;
  width: 16px;
  height: 16px;
  border: 0;
  margin-top: 3px;
  margin-left: 2px;
}

.icon-settle-upload {
  background: url(../images/icons/cart_remove.png) no-repeat 0 0;
  width: 16px;
  height: 16px;
  border: 0;
  margin-top: 3px;
  margin-left: 2px;
}

.icon-settle-down {
  background: url(../images/icons/cart_put.png) no-repeat 0 0;
  width: 16px;
  height: 16px;
  border: 0;
  margin-top: 3px;
  margin-left: 2px;
}

.icon-op-edit-big {
  background: url(../images/icon.png) no-repeat 4px 4px;
  width: 16px;
  height: 16px;
  border: 0;
  margin-top: 3px;
  margin-left: 5px;
  padding: 12px;
  border: 1px solid #ccc;
}

.icon-op-detail {
  background: url(../images/icon.png) no-repeat 0 -16px;
  width: 16px;
  height: 16px;
  border: 0;
  margin-top: 3px;
  margin-left: 2px;
}

.icon-op-history {
  background: url(../images/icon.png) no-repeat 0 -32px;
  width: 16px;
  height: 16px;
  border: 0;
  margin-top: 3px;
  margin-left: 2px;
}

.icon-op-delete {
  background: url(../images/icon.png) no-repeat 0 -131px;
  width: 16px;
  height: 16px;
  border: 0;
  margin-top: 3px;
  margin-left: 2px;
}

.icon-op-delete-big {
  background: url(../images/icon.png) no-repeat 4px -127px;
  width: 16px;
  height: 16px;
  border: 0;
  margin-top: 0px;
  margin-left: 5px;
  padding: 12px;
  border: 1px solid #ccc;
}

.icon-op-preview {
  background: url(../images/icon.png) no-repeat 0 -96px;
  width: 16px;
  height: 16px;
  border: 0;
  margin-top: 3px;
  margin-left: 2px;
}

.icon-op-video {
  background: url(../images/video-16.png) no-repeat 0 -96px;
  width: 16px;
  height: 16px;
  border: 0;
  margin-top: 3px;
  margin-left: 2px;
}

.icon-op-videos {
  background: url(../images/video-16.png);
}

.icon-op-empty {
  background: url(../images/icon.png) no-repeat 0 -112px;
  width: 16px;
  height: 16px;
  border: 0;
  margin-top: 3px;
  margin-left: 2px;
}

.icon-op-position {
  background: url(../images/position-16.png) no-repeat 0 0;
  width: 16px;
  height: 16px;
  border: 0;
  margin-top: 3px;
  margin-left: 2px;
}

.icon-op-right {
  background: url(../images/icon.png) no-repeat 0 -48px;
  width: 16px;
  height: 16px;
  border: 0;
  font-size: 0;
  line-height: 0;
  text-indent: -999em;
  display: inline-block;
}

.icon-op-wrong {
  background: url(../images/icon.png) no-repeat 0 -64px;
  width: 16px;
  height: 16px;
  border: 0;
  font-size: 0;
  line-height: 0;
  text-indent: -999em;
  display: inline-block;
}

.icon-op-image {
  background: url(../images/icon.png) no-repeat 0 -80px;
  width: 16px;
  height: 16px;
  border: 0;
  font-size: 0;
  line-height: 0;
  text-indent: -999em;
  display: inline-block;
  background-size: contain;
}

.icon-op-like {
  background: url(../images/like-48.png) no-repeat 0 0;
  width: 32px;
  height: 32px;
  border: 0;
  font-size: 0;
  line-height: 0;
  text-indent: -999em;
  display: inline-block;
  background-size: contain;
}

.icon-op-kill {
  background: url(../images/kill-48.png) no-repeat 0 0;
  width: 32px;
  height: 32px;
  border: 0;
  font-size: 0;
  line-height: 0;
  text-indent: -999em;
  display: inline-block;
  background-size: contain;
}

.icon-op-end {
  background: url(../images/kill-48.png) no-repeat 0 0;
  width: 16px;
  height: 16px;
  border: 0;
  font-size: 0;
  line-height: 0;
  text-indent: -999em;
  display: inline-block;
  background-size: contain;
}

.icon-op-success {
  background: url(../images/success-48.png) no-repeat 0 0;
  width: 32px;
  height: 32px;
  border: 0;
  font-size: 0;
  line-height: 0;
  text-indent: -999em;
  display: inline-block;
  background-size: contain;
}

.icon-op-fail {
  background: url(../images/error-48.png) no-repeat 0 0;
  width: 32px;
  height: 32px;
  border: 0;
  font-size: 0;
  line-height: 0;
  text-indent: -999em;
  display: inline-block;
  background-size: contain;
}

.icon-op-list {
  background: url(../images/icons/application_view_list.png);
  margin-top: 1px;
}

.icon-op-history {
  background: url(../images/list-16.png);
  margin-top: 1px;
}

.icon-op-search {
  background-image: url(../images/icons/zoom.png);
}

.icon-op-room {
  background-image: url(../images/room.png);
  background-size: 16px 16px;
}

.icon-op-peipei {
  background-image: url(../images/peipei.png);
  background-size: 16px 16px;
}

.icon-op-add {
  background: url(../images/icons/add.png);
}

.icon-op-cash {
  background: url(../images/pay-16.png);
}
.icon-op-chat {
  background: url(../images/chat-16.png);
}

.icon-op-date {
  background: url(../images/date-16.png);
}

.icon-op-webcam {
  background: url(../images/icons/webcam.png);
}

.icon-op-upload {
  background: url(../images/icons/arrow_up.png);
}

.icon-op-picture {
  background: url(../images/icons/picture.png);
}

.icon-op-clock-modify {
  background: url(../images/icons/clock_edit.png);
}

.icon-op-copy {
  background: url(../images/icons/page_copy.png);
}

.icon-op-query {
  background: url(../images/query.png);
}

.icon-op-remove {
  background: url(../images/icons/delete.png);
}

.icon-op-star {
  background: url(../images/icons/star.png);
}

.icon-op-authorization {
  background: url(../images/logout.png);
}

.icon-op-cross {
  background: url(../images/icons/cross.png);
}

.icon-op-error {
  background: url(../images/icons/error.png);
}

.icon-op-star-green {
  background: url(../images/icons/star_green.png);
}

.icon-op-play-disabled {
  background: url(../images/icons/control_play.png);
  cursor: default;
}

.icon-op-play {
  background: url(../images/icons/control_play_blue.png);
}

.icon-op-play-big {
  background: url(../images/icons/control_play_blue.png) center center no-repeat;
  padding: 12px;
  marign-left: 5px;
  border: 1px solid #ccc;
}

.icon-op-talk {
  background: url(../images/chat-16.png);
}

.icon-op-map {
  background: url(../images/icons/map.png);
}

.icon-op-back {
  background: url(../images/icons/arrow_undo.png);
}

.icon-op-setimage {
  background: url(../images/icons/image.png);
}

.icon-op-img-add {
  background: url(../images/icons/image_add.png);
}

.icon-op-accept {
  background: url(../images/icons/accept.png);
}

.icon-op-android {
  background: url(../images/android-16.png);
}

.icon-op-user-delete {
  background: url(../images/icons/user_delete.gif);
}

.icon-op-user {
  background: url(../images/user-16.png);
}

.icon-op-excel {
  background: url(../images/icons/page_white_excel.png);
}

.icon-op-plugin {
  background: url(../images/icons/plugin.png);
}

.icon-op-forbidden {
  background: url(../images/icons/group_delete.png);
}

.icon-op-publish-all {
  background: url(../images/icons/shape_square_go.png);
}

.icon-op-publish-selected {
  background: url(../images/icons/shape_square_add.png);
}

.grid-display-image-inner {
  background: url(../images/loading.gif) no-repeat center center;
}

.grid-display-image-inner span {
  text-align: center;
}

.grid-display-image {
  width: 16px;
  height: 16px;
  background: url(../images/icons/picture.png) no-repeat;
}

.grid-display-image-empty {
  background-image: url(../images/icons/picture_black.png) !important;
}

.grid-display-image-resize {
  min-width: 60px;
  min-height: 60px;
}

.grid-display-image-error {
  background-image: url(../images/error.png);
  background-repeat: no-repeat;
  background-position: center center;
}

.form-setting {
  padding: 12px;
}

.form-setting td.td-left,
.form-setting td.td-right {
  padding: 5px 0;
}

.form-setting td.td-left {
  vertical-align: top;
  padding-top: 8px;
  padding-right: 5px;
  text-align: right;
}

.form-msg {
  padding: 5px 0 0 0;
  color: green;
}

.form-item-label-green {
  color: green;
}

.empty-shortcut {
  background-image: url(../images/empty-48.png) !important;
  background-repeat: no-repeat;
}

.empty-icon {
  background-image: url(../images/empty-16.png) !important;
  background-repeat: no-repeat;
}

.modules-shortcut {
  background-image: url(../images/modules-48.png);
  background-repeat: no-repeat;
}

.modules-icon {
  background-image: url(../images/modules-16.png);
  background-repeat: no-repeat;
}

.role-shortcut {
  background-image: url(../images/role-48.png);
  background-repeat: no-repeat;
}

.role-icon {
  background-image: url(../images/role-16.png);
  background-repeat: no-repeat;
}

.user-shortcut {
  background-image: url(../images/user-48.png);
  background-repeat: no-repeat;
}

.user-icon {
  background-image: url(../images/user-16.png);
  background-repeat: no-repeat;
}

.position-shortcut {
  background-image: url(../images/position-48.png);
  background-repeat: no-repeat;
}

.position-icon {
  background-image: url(../images/position-16.png);
  background-repeat: no-repeat;
}

.spider-shortcut {
  background-image: url(../images/spider-48.png);
  background-repeat: no-repeat;
}

.setting-edit-icon {
  background: url(../images/setting-16.png) no-repeat 0 0;
  width: 16px;
  height: 16px;
  border: 0;
  margin-top: 3px;
  margin-left: 2px;
}

.spider-icon {
  background-image: url(../images/spider-16.png);
  background-repeat: no-repeat;
}

.fragment-shortcut {
  background-image: url(../images/fragment-48.png);
  background-repeat: no-repeat;
}

.fragment-icon {
  background-image: url(../images/fragment-16.png);
  background-repeat: no-repeat;
}

.fragment-content-shortcut {
  background-image: url(../images/content-48.png);
  background-repeat: no-repeat;
}

.fragment-content-icon {
  background-image: url(../images/content-16.png);
  background-repeat: no-repeat;
}

.video-shortcut {
  background-image: url(../images/video-48.png);
  background-repeat: no-repeat;
}

.update-shortcut {
  background-image: url(../images/update-48.png);
  background-repeat: no-repeat;
}

.update-icon {
  background-image: url(../images/update-16.png);
  background-repeat: no-repeat;
}

.chat-shortcut {
  background-image: url(../images/chat-48.png);
  background-repeat: no-repeat;
}

.chat-icon {
  background-image: url(../images/chat-16.png);
  background-repeat: no-repeat;
}

.video-icon {
  background-image: url(../images/video-16.png);
  background-repeat: no-repeat;
}

.media-shortcut {
  background-image: url(../images/media-48.png);
  background-repeat: no-repeat;
}

.media-icon {
  background-image: url(../images/media-16.png);
  background-repeat: no-repeat;
}

.setting-shortcut {
  background-image: url(../images/setting-48.png);
  background-repeat: no-repeat;
}

.setting-icon {
  background-image: url(../images/setting-16.png);
  background-repeat: no-repeat;
}

.admin-shortcut {
  background-image: url(../images/admin-48.png);
  background-repeat: no-repeat;
}

.admin-icon {
  background-image: url(../images/admin-16.png);
  background-repeat: no-repeat;
}

.history-shortcut {
  background-image: url(../images/history-48.png);
  background-repeat: no-repeat;
}

.history-icon {
  background-image: url(../images/history-16.png);
  background-repeat: no-repeat;
}

.date-shortcut {
  background-image: url(../images/date-48.png);
  background-repeat: no-repeat;
}

.date-icon {
  background-image: url(../images/date-16.png);
  background-repeat: no-repeat;
}

.commend-shortcut {
  background-image: url(../images/recommend-48.png);
  background-repeat: no-repeat;
}

.commend-icon {
  background-image: url(../images/recommend-16.png);
  background-repeat: no-repeat;
}

.special-shortcut {
  background-image: url(../images/special-48.png);
  background-repeat: no-repeat;
}

.special-icon {
  background-image: url(../images/special-16.png);
  background-repeat: no-repeat;
}

.activity-shortcut {
  background-image: url(../images/activity-48.png);
  background-repeat: no-repeat;
}

.activity-icon {
  background-image: url(../images/activity-16.png);
  background-repeat: no-repeat;
}

.category-shortcut {
  background-image: url(../images/category-48.png);
  background-repeat: no-repeat;
}

.category-icon {
  background-image: url(../images/category-16.png);
  background-repeat: no-repeat;
}

.android-shortcut {
  background-image: url(../images/android-48.png);
  background-repeat: no-repeat;
}

.android-icon {
  background-image: url(../images/android-16.png);
  background-repeat: no-repeat;
}

.pay-shortcut {
  background-image: url(../images/pay-48.png);
  background-repeat: no-repeat;
}

.pay-icon {
  background-image: url(../images/pay-16.png);
  background-repeat: no-repeat;
}

.newroom-shortcut {
  background-image: url(../images/newroom-48.png);
  background-repeat: no-repeat;
}

.newroom-icon {
  background-image: url(../images/newroom-16.png);
  background-repeat: no-repeat;
}

.n_god-shortcut {
  background-image: url(../images/n_god-48.png);
  background-repeat: no-repeat;
}

.n_god-icon {
  background-image: url(../images/n_god-16.png);
  background-repeat: no-repeat;
}

.n_content-icon {
  background-image: url(../images/content-16.png);
  background-repeat: no-repeat;
}

.n_index-shortcut {
  background-image: url(../images/n_index-48.png);
  background-repeat: no-repeat;
}

.n_content-shortcut {
  background-image: url(../images/content-48.png);
  background-repeat: no-repeat;
}

.n_index-icon {
  background-image: url(../images/n_index-16.png);
  background-repeat: no-repeat;
}

.n_money-shortcut {
  background-image: url(../images/n_money-48.png);
  background-repeat: no-repeat;
}

.n_money-icon {
  background-image: url(../images/n_money-16.png);
  background-repeat: no-repeat;
}

.n_review-shortcut {
  background-image: url(../images/n_review-48.png);
  background-repeat: no-repeat;
}

.n_review-icon {
  background-image: url(../images/n_review-16.png);
  background-repeat: no-repeat;
}

.n_user-shortcut {
  background-image: url(../images/n_user-48.png);
  background-repeat: no-repeat;
}

.n_user-icon {
  background-image: url(../images/n_user-16.png);
  background-repeat: no-repeat;
}

.scripts-shortcut {
  background-image: url(../images/scripts-48.png);
  background-repeat: no-repeat;
}

.scripts-icon {
  background-image: url(../images/scripts-16.png);
  background-repeat: no-repeat;
}

.message-shortcut {
  background-image: url(../images/message-48.png);
  background-repeat: no-repeat;
}

.message-icon {
  background-image: url(../images/message-16.png);
  background-repeat: no-repeat;
}

.invite-shortcut {
  background-image: url(../images/invite-48.png);
  background-repeat: no-repeat;
}

.invite-icon {
  background-image: url(../images/invite-16.png);
  background-repeat: no-repeat;
}

.magic-invite-shortcut {
  background-image: url(../images/magic.invite-48.png);
  background-repeat: no-repeat;
}

.magic-invite-icon {
  background-image: url(../images/magic.invite-16.png);
  background-repeat: no-repeat;
}

.valid-shortcut {
  background-image: url(../images/valid-48.png);
  background-repeat: no-repeat;
}

.valid-icon {
  background-image: url(../images/valid-16.png);
  background-repeat: no-repeat;
}

.fuser-shortcut {
  background-image: url(../images/fuser-48.png);
  background-repeat: no-repeat;
}

.fuser-icon {
  background-image: url(../images/fuser-16.png);
  background-repeat: no-repeat;
}

.fuserchannel-shortcut {
  background-image: url(../images/statistics-16.png);
  background-repeat: no-repeat;
}

.fuserchannel-icon {
  background-image: url(../images/statistics.png);
  background-repeat: no-repeat;
}

/* Ext.ux.PagerCheck 的 css */

.x-tbar-page-select {
  background: url(../resources/ux/css/images/unchecked.gif) no-repeat;
}

.x-tbar-page-selected {
  background: url(../resources/ux/css/images/checked.gif) no-repeat;
}

.x-grid-editor {
  padding-top: 3px;
}

.x-form-checkboxgroup-body-nopadding {
  padding: 1px 0;
}

.x-boundlist-line-2 .x-boundlist-item {
  width: 50%;
  display: inline-block;
  padding-left: 6px;
}

.x-boundlist-line-3 .x-boundlist-item {
  width: 33.3333333%;
  display: inline-block;
  padding-left: 6px;
}

.x-boundlist-line-4 .x-boundlist-item {
  width: 25%;
  display: inline-block;
  padding-left: 6px;
}

.x-boundlist-line-5 .x-boundlist-item {
  width: 20%;
  display: inline-block;
  padding-left: 6px;
}

.x-combobox-group {
  background: #eff2f9;
  height: 30px;
  border-bottom: 1px solid #dcdcdc;
  line-height: 30px;
  font-size: 14px;
  padding-left: 12px;
}

/* for MyDesktop.app.media.video.PrintScreenWin */
.ux-screen-thumb {
  float: left;
  width: 216px;
  height: 124px;
}

.ux-screen-thumb img {
  width: 216px;
  height: 124px;
  padding: 3px;
}

.ux-screen-hover img {
  background-color: #ccc;
}

.ux-screen-selected img {
  background: green;
}

.ux-userprofile-img-wrap {
  position: relative;
  top: 0;
  left: 0;
  float: left;
  margin: 3px;
  height: 252px;
  line-height: 252px;
  width: 252px;
  text-align: center;
  border: 1px solid #ccc;
}

.ux-userprofile-img-wrap a.imga {
  float: left;
  height: 250px;
}

.ux-userprofile-img-wrap .img {
  width: 250px;
  height: 250px;
}

.ux-userprofile-img-wrap .icon1 {
  color: green;
  position: absolute;
  bottom: 5px;
  right: 5px;
  width: 16px;
  height: 16px;
}

.ux-userprofile-img-wrap .icon2 {
  color: red;
  position: absolute;
  bottom: 5px;
  right: 26px;
  width: 16px;
  height: 16px;
}

.ux-userprofile-img-wrap .icon2x {
  color: red;
  position: absolute;
  bottom: 5px;
  right: 47px;
  width: 32px;
  height: 32px;
}

.ux-userprofile-img-wrap .icon2x1 {
  bottom: 5px;
  right: 47px;
}

.ux-userprofile-img-wrap .icon2x2 {
  bottom: 5px;
  right: 82px;
}

.ux-userprofile-img-wrap .icon2x3 {
  bottom: 5px;
  right: 120px;
}

.ux-userprofile-img-wrap .icon2x4 {
  bottom: 5px;
  right: 159px;
}

.ux-userprofile-img-wrap .icon3 {
  color: #fff;
  background-color: #f60;
  position: absolute;
  top: 5px;
  right: 5px;
  width: 40px;
  height: 18px;
  text-align: center;
  line-height: 18px;
  border-radius: 3px;
  opacity: 0.9;
}

.ux-userprofile-img-wrap .icon4 {
  background: #ff0000;
}

.ux-userprofile-img-wrap .icon5 {
  background: #01d101;
}

.ux-userprofile-img-wrap .icon6 {
  background: #e10be4;
}

.ux-userprofile-img-wrapt {
  height: 80px;
  line-height: 20px;
  width: 252px;
  text-align: left;
  padding: 15px;
  word-break: break-all;
}

.ux-userprofile-img-wrap2 {
  position: relative;
  top: 0;
  left: 0;
  float: left;
  margin: 3px;
  height: 102px;
  line-height: 102px;
  width: 102px;
  text-align: center;
  border: 1px solid #ccc;
}

.ux-userprofile-img-wrap2 a.imga {
  float: left;
  height: 100px;
}

.ux-userprofile-img-wrap2 .img {
  width: 100px;
  height: 100px;
}

.ux-userprofile-img-wrap2 .icon1 {
  color: green;
  position: absolute;
  bottom: 5px;
  right: 5px;
  width: 16px;
  height: 16px;
}

.ux-userprofile-img-wrap2 .icon2 {
  color: red;
  position: absolute;
  bottom: 5px;
  right: 26px;
  width: 16px;
  height: 16px;
}

.ux-userprofile-img-wrap2 .icon2x {
  color: red;
  position: absolute;
  bottom: 5px;
  right: 16px;
  width: 20px;
  height: 20px;
}

.ux-userprofile-img-wrap2 .icon2x1 {
  bottom: 5px;
  right: 47px;
}

.ux-userprofile-img-wrap2 .icon2x2 {
  bottom: 5px;
  right: 16px;
}

.ux-userprofile-img-wrap2 .icon2x3 {
  bottom: 5px;
  right: 50px;
}

.ux-userprofile-img-wrap2 .icon2x4 {
  bottom: 5px;
  right: 159px;
}

.ux-userprofile-img-wrap2 .icon3 {
  color: #fff;
  background-color: #f60;
  position: absolute;
  top: 5px;
  right: 5px;
  width: 40px;
  height: 18px;
  text-align: center;
  line-height: 18px;
  border-radius: 3px;
  opacity: 0.9;
}

.ux-userprofile-img-wrap2 .icon4 {
  background: #198043;
}

.ux-userprofile-img-wrap2 .icon5 {
  background: #0196d1;
}

.ux-userprofile-img-wrap2 .icon6 {
  background: #e10be4;
}

.ux-userprofile-img-wrapt2 {
  height: 80px;
  line-height: 20px;
  width: 102px;
  text-align: left;
  padding: 15px;
  word-break: break-all;
}

.story-list {
}

.story-list .story-subject {
  padding: 0 10px 10px 10px;
}

.story-list .story-list-inner {
}

.story-list .story-list-inner .story-item {
  float: left;
}

.story-list .story-list-inner .story-item img {
  display: block;
  width: 120px;
  height: 120px;
  padding: 2px;
}

.fix:after,
.clearfix:after {
  clear: both;
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  visibility: hidden;
}

.fix,
.clearfix {
  *zoom: 1;
}

.ai-photo-view .thumb-wrap {
  float: left;
  margin-right: 0;
  padding: 2px;
}

.ai-photo-view .thumb-wrap img {
  width: 260px;
  height: 260px;
  padding: 3px;
  background-color: #cccccc;
  display: block;
}

.ai-photo-view .thumb-wrap-nowebkit img {
  width: 206px;
  height: 206px;
}

.ai-photo-view .x-item-over img {
  background-color: #efefef;
}

.chat-view {
  padding-top: 8px;
  padding-bottom: 8px;
}

.chat-view .item {
  display: flex;
  flex-direction: row;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 5px;
  padding-bottom: 5px;
  border-bottom: 1px solid #efefef;
}

.chat-view .item-alt {
  background-color: #fafafa;
}

.chat-view .x-item-over {
  background-color: #efefef;
}

.chat-view .x-item-selected {
  background-color: #dfe8f6 !important;
}

.chat-view .item-notify p {
  text-align: center;
  flex: 1;
  color: #999999;
}

.chat-view .item .msg {
  line-height: 1.6em;
}

.chat-view .thumb {
  width: 54px;
  width: 54px;
  margin-right: 8px;
}

.chat-view .thumb img {
  width: 50px;
  height: 50px;
  padding: 2px;
  background-color: #cccccc;
  border-radius: 25px;
}

.chat-view .desc {
  flex: 1;
}

.chat-view .desc .time {
  color: #999999;
  padding-top: 3px;
  padding-bottom: 3px;
}

.chat-view .item-me .thumb {
  margin-right: 0;
  margin-left: 8px;
}

.chat-view .item-me {
  flex-direction: row-reverse;
}

.chat-view .item-me .time {
  text-align: right;
}

.chat-view .item-me .msg {
  text-align: right;
}

.chat-view .item-me .msg div {
  float: right !important;
}

.chat-view .item-me .view-emote {
  float: right;
}

.chat-view .display-date {
  display: flex;
  width: 300px;
  background-color: #ff6600;
  border-radius: 6px;
}

.chat-view .display-date .display-date-image {
  width: 80px;
  height: 100px;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
  background-clip: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #ffffff;
  background-size: cover;
}

.chat-view .display-date .display-date-desc {
  flex: 1;
  padding-left: 10px;
  color: #ffffff;
}

.chat-view .display-date .display-date-desc h4 {
  padding-top: 5px;
  padding-bottom: 5px;
}

.chat-emote {
  padding: 6px;
}

.chat-emote .item {
  float: left;
  width: 42px;
  height: 42px;
  padding: 3px;
  margin: 2px 5px;
}

.chat-emote .x-item-over {
  background-color: #cccccc;
}

.chat-emote .item img {
  display: block;
  width: 36px;
  height: 36px;
}

.chat-emote .item-dian {
  width: 66px;
  height: 66px;
  padding: 3px;
}

.chat-emote .item-dian img {
  width: 60px;
  height: 60px;
}

.chat-emote .item-magic {
  width: 68px;
  height: 68px;
  padding: 3px;
}

.chat-emote .item-magic img {
  width: 62px;
  height: 62px;
}

.chat-emote .item-tan {
  width: auto;
  height: 46px;
  padding: 3px;
  float: none;
}

.chat-emote .item-tan img {
  width: auto;
  height: 40px;
  display: block;
}

.x-tab button .x-tab-inner {
  font-weight: normal;
}

.x-tab-top-active button .x-tab-inner {
  font-weight: bold;
}

.x-view-selector {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  border: 1px dotted;
  opacity: 0.5;
  -moz-opacity: 0.5;
  filter: alpha(opacity=50);
  zoom: 1;
  background-color: #c3daf9;
  border-color: #3399bb;
}

.ext-strict .ext-ie .x-tree .x-panel-bwrap {
  position: relative;
  overflow: hidden;
}

body .amap-sug-result {
  z-index: 999999999;
}

.map-circle {
  border-radius: 6px;
  background-color: #393;
  padding: 3px;
  text-align: center;
  color: white;
  opacity: 0.8;
  min-width: 100px;
}

.x-person-info {
  height: 30px;
  padding-left: 8px;
}

.x-person-info label,
.x-person-info span {
  float: left;
  height: 30px;
  line-height: 30px;
}

.x-person-info label {
  width: 60px;
  text-align: right;
  padding-right: 5px;
}

.x-person-info span {
  margin-right: 5px;
}

body .x-grid-table .x-grid-row-disabled .x-grid-cell {
  background-color: #cfcfcf !important;
}

.play-button {
  background: transparent url(../images/play.png);
  background-size: cover;
  text-indent: -999em;
  border: 0;
  width: 36px;
  height: 36px;
}

.pause-button {
  background: transparent url(../images/pause.png);
}

#images-view .x-panel-body {
  background: white;
  font: 11px Arial, Helvetica, sans-serif;
}

#images-view .thumb {
  background: #dddddd;
  padding: 3px;
}

#images-view .thumb img {
  height: 120px;
  width: 120px;
  display: block;
  border: 0;
}

#images-view .thumb-wrap {
  float: left;
  border: 1px solid #dddddd;
  padding: 2px;
  margin: 2px;
}

#images-view .x-view-over,
#images-view .x-item-selected {
  background: #eff5fb;
  border: 1px solid #99bbe8;
}

#images-view .x-view-over .thumb,
#images-view .x-item-selected .thumb {
  background: #eff5fb;
}

#images-view .x-item-selected {
  background: #b8cfee;
  border: 1px solid #99bbe8;
}

#images-view .x-item-selected .thumb {
  background: #b8cfee;
}

.x-toolbar {
  border-bottom: 0 none;
}

.item-line {
  margin-bottom: 8px;
}

.ux-userprofile-img-wrap3 {
  position: relative;
  top: 0;
  left: 0;
  float: left;
  margin: 3px;
  height: 150px;
  line-height: 150px;
  width: 150px;
  text-align: center;
  border: 1px solid #ccc;
}

.ux-userprofile-img-wrap3 .circle {
  width: 20px;
  height: 20px;
  background: red;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  position: absolute;
  top: 5px;
  right: 5px;
  cursor: pointer;
}

.fa {
  line-height: 18px;
}
.x-html-editor-tb .x-edit-removehtml,
.x-menu-item img.x-edit-removehtml {
  background-image: url(../images/image/image1.png);
  background-position: 0 0;
}
.x-html-editor-tb .x-edit-removeformat,
.x-menu-item img.x-edit-removeformat {
  background-image: url(../images/image/removeFormat.png);
  background-position: 0 0;
}
.x-html-editor-tb .x-edit-inserttable,
.x-menu-item img.x-edit-inserttable {
  background-image: url(../images/image/table.png);
  background-position: 0 0;
}
.x-html-editor-tb .x-edit-indent,
.x-menu-item img.x-edit-indent {
  background-image: url(../images/image/indent.png);
  background-position: 0 0;
}
.x-html-editor-tb .x-edit-outdent,
.x-menu-item img.x-edit-outdent {
  background-image: url(../images/image/outdent.png);
  background-position: 0 0;
}
.x-html-editor-tb .x-edit-superscript,
.x-menu-item img.x-edit-superscript {
  background-image: url(../images/image/superscript.png);
  background-position: 0 0;
}
.x-html-editor-tb .x-edit-subscript,
.x-menu-item img.x-edit-subscript {
  background-image: url(../images/image/subscript.png);
  background-position: 0 0;
}
.x-html-editor-tb .x-edit-inserthorizontalrule,
.x-menu-item img.x-edit-inserthorizontalrule {
  background-image: url(../images/image/rule.png);
  background-position: 0 0;
}
.x-html-editor-tb .x-edit-chars,
.x-menu-item img.x-edit-chars {
  background-image: url(../images/image/char.gif);
  background-position: 0 0;
}
.x-html-editor-tb .x-edit-wordpaste,
.x-menu-item img.x-edit-wordpaste {
  background-image: url(../images/image/paste.png);
  background-position: 0 0;
}
.x-html-editor-tb .x-edit-images,
.x-menu-item img.x-edit-images {
  background-image: url(../images/image/image1.png);
  background-position: 0 0;
}
.x-html-editor-tb .x-edit-undo,
.x-menu-item img.x-edit-undo {
  background-image: url(../images/image/undo.png);
  background-position: 0 0;
}
.x-html-editor-tb .x-edit-redo,
.x-menu-item img.x-edit-redo {
  background-image: url(../images/image/redo.png);
  background-position: 0 0;
}

.char-item {
  float: left;
  border: 1px solid #99bbe8;
  margin: 3px;
  text-align: center;
  vertical-align: middle;
  font-size: 14px;
  color: #15428b;
  cursor: pointer;
}

.char-item.x-item-selected {
  background-color: #777;
}

.char-over {
  border: 1px solid #15428b;
  background-color: #d0def0;
}

.toolbar-green-field .x-form-display-field {
  color: #68c84f;
  font-weight: bold;
}

.allo-liveModal-container {
  display: flex;
  height: 420px;
}