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;
}

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

.list-48 {
    background-image: url(../images/list-48.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;
}

[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-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-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-statistics {
    background: url(../images/statistics-16.png);
    margin-top: 1px;
}

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

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

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

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

.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-xiaochengxu{
    background-image: url(../images/xiaochengxu.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-refresh {
    background: url(../images/icons/arrow_refresh.png)
}

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

.icon-op-star {
    background: url(../images/icons/star.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
}

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

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

.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_index-shortcut {
    background-image: url(../images/n_index-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-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;
}


.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: .5;
    -moz-opacity: .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;
}

.chatroom-image{
    height: 44px;
    width: 44px;
    border-radius: 50%;
}
.chatroom-image-wrap{
    padding-top: 6px;
    padding-bottom: 6px;
    float: left;
    width: 25%;
    text-align: center;
}

.chatroom-image-wrap-1{
    width : 100%;
}

.chatroom-uname{
    display: block;
    text-align: center;
    overflow: hidden;
    height:18px;
}

.chatroom-image-voice{
    height: 44px;
    width: 44px;
    border-radius:50%;
    -webkit-animation: voice_ani 2s linear infinite;
}

@keyframes voice_ani {
    0%{
         box-shadow: 0 0 0px #0865f9
    }
    25%{
         box-shadow: 0 0 10px #0865f9
    }
     50%{
         box-shadow: 0 0 20px #0865f9
    }
    75%{
         box-shadow: 0 0 10px #0865f9
    }
    100%{
     box-shadow: 0 0 0px #0865f9
    }
 }

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

.form-body-background {
    background: #dfe8f6;
}

.risk-remove-btn{
    background-image: url('../images/icons/delete.png') !important;
    width: 22px;
    height: 22px;
    border: 0;
}

/*----------------------------------------------------
    bootstrap css
*/

.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    padding: 6px 12px;
    font-size: 12px !important;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.btn-primary {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
}
.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover {
    color: #fff;
    background-color: #204d74;
    border-color: #122b40;
}
.btn-xs {
    padding: 1px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}
.btn.disabled, .btn[disabled] {
    cursor: not-allowed;
    filter: alpha(opacity=65);
    opacity: .65;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.bs-example>.btn, .bs-example>.btn-group {
    margin-top: 5px;
    margin-bottom: 5px;
}
.btn-link, .btn-link:active, .btn-link:focus, .btn-link:hover {
    border-color: transparent;
}
.btn-link, .btn-link.active, .btn-link:active, .btn-link[disabled], fieldset[disabled] .btn-link {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.btn-link {
    font-weight: 400;
    color: #337ab7;
    border-radius: 0;
}
.fa {
    line-height: 18px;
    margin-right: 1px;
    color: #1f1f1f;
}
.fa-green {
	color: darkgreen;
}
.fa-red {
	color: #d9534f;
}
.btn-link:hover{
    font-weight: 600 !important;
    text-decoration: underline;
}
.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}
.btn-primary {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
}
.btn-info {
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da;
}
.btn-warning {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236;
}
.btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
}

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

.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;
}

.video-play{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 28px;
    height: 28px;
    object-fit: cover;
}