 *:focus {
     outline: none;
 }
 body {
      background-color: #272a2f;
      -moz-user-select: none; /*火狐*/
      -webkit-user-select: none;  /*webkit浏览器*/
      -ms-user-select: none;   /*IE10*/
      -khtml-user-select: none; /*早期浏览器*/
      user-select: none;
   
 }
#bug-report,
.proj-name,
.ui-proj-node,
#qq1,
#qq2 {
      -moz-user-select:text; /*火狐*/
      -webkit-user-select: text;  /*webkit浏览器*/
      -ms-user-select:text;   /*IE10*/
      -khtml-user-select:text; /*早期浏览器*/
      user-select:text;
}
[disabled="disabled"]{
     opacity:0.4;
}
input.ui-widget-content,
textarea.ui-widget-content {
     padding: .2em 0.4em;
     background: rgba(33, 37, 42, 0.6);
     box-shadow:0 1px 3px rgba(0, 0, 0, 0.17) inset, 0 1px 0 rgba(255, 255, 255, 0.1);
     border: 1px solid #101010;
     color:#c8d2da;
     border-radius:3px;
 }
.objects-properties-pane .widget input.ui-widget-content{
	white-space:nowrap;
    overflow:hidden; 
    text-overflow:ellipsis;
}
 input.ui-widget-content:focus,
textarea.ui-widget-content:focus{
     color:#fff;
     box-shadow:0 1px 3px rgba(0, 0, 0, 0.5) inset, 0 0 3px rgba(0, 143, 255, 0.64);
 }
.custom-radio {
     position:relative;
     margin-right:5px;
 }
.custom-checkbox{
    position:relative;
}
 .custom-checkbox input, .custom-radio input {
     position: absolute;
     margin: 0;
     z-index: 0;
     visibility: hidden;
 }
 .custom-checkbox label, .custom-radio label {
     display: block;
     position: relative;
     z-index: 1;
     font-size:14px;
     padding-right: 1em;
     line-height: 1;
     padding: 2px 0 5px 25px;
     margin: 0 0 .3em;
     cursor: pointer;
 }
 .custom-checkbox label.checked {
     background:url("qiyun/checkbox_Check.png") no-repeat;
 }
 .custom-radio label.checked {
     background:url("qiyun/radioselect_Check.png") no-repeat;
 }
 .custom-checkbox label {
     background:url("qiyun/checkbox.png") no-repeat;
 }
 .custom-radio label {
     background:url("qiyun/radioselect.png") no-repeat;
 }
.object-following{
	margin-top:5px;
}
 fieldset {
     border: 1px solid #101010;
     box-shadow: 0 0 1px rgba(255, 255, 255, 0.62) inset;
     border-radius: 3px;
     padding: .3em .7em .5em .7em;/*新添加的*/
 }
.ui-button.ui-state-default .ui-icon-drop-down{
     background:url("qiyun/icon_11_1.png") -22px 0;
     width:12px;
     height:12px;
     margin-top:-5px;
     margin-left:-6px;
 }
.ui-button.ui-state-hover .ui-icon-drop-down{
     background:url("qiyun/icon_11_1.png") -66px 0;
}
 input.text {
     margin-bottom:12px;
     width:95%;
     padding: .4em;
 }
 .validateTips {
     border: none;
     font-size:12px;
     border-radius:10px;
     width:40%;
 }
 #tabControl .ui-button-icon-only .ui-button-text {
     padding:0.3em;
 }
.tab-content {
    overflow: auto;
}
.ui-dialog-content{
  font-size:14px;
}
.select-menu.ui-widget-content{
  padding:0 20px 0 0;
  text-align: center;
  max-height: 265px;
  overflow-y: auto;
  overflow-x: hidden;
}
.select-menu li[value="disable"]{
	border-bottom:0
}
#alert{
background: #f9edb8;
border: 2px solid #edc967;
color: #333;
text-shadow: none;
position: absolute;
top: 1%;
padding: 10px 20px;
border-radius: 5px;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
z-index: 1000;
font-weight: bold;
font-size: 14px;
}

 /*==============================================page-title============================================*/
.page-title {
    background: #191b1e;
    box-shadow: 0 -1px 1px #000000 inset;
    overflow:hidden !important;
}
.gameeditor-logo{
    background:url("qiyun/logo_test.png") center center no-repeat;
    width:220px;
    height:40px;
    position:absolute;
    top:0;
}
.toolbar {
     overflow:hidden !important;
     height:22px;
     bottom: 1px;
     left: 15.5%;
     position: absolute;
     padding:5px;
     border-radius: 5px;
     box-shadow: 0 1px 1px rgba(255, 255, 255, 0.15) inset;
     border-style:solid;
     border-width:1px;
     border-color:#1B1B1B #1B1B1B #000 #1B1B1B;
 }
.page-title .toolbar{
     width:60% !important;
     background: none;
     border: none;
     box-shadow: none;
     height: 40px;
     padding: 0;
}
 .toolbar {
     background: -moz-linear-gradient(top, rgba(62, 69, 77, 0.8) 0%, rgba(55, 61, 68, 0.8) 47%, rgba(49, 55, 62, 0.8) 49%, rgba(42, 45, 49, 0.8) 100%);
     /* FF3.6+ */
     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(62, 69, 77, 0.8)), color-stop(47%, rgba(55, 61, 68, 0.8)), color-stop(49%, rgba(49, 55, 62, 0.8)), color-stop(100%, rgba(42, 45, 49, 0.8)));
     /* Chrome,Safari4+ */
     background: -webkit-linear-gradient(top, rgba(62, 69, 77, 0.8) 0%, rgba(55, 61, 68, 0.8) 47%, rgba(49, 55, 62, 0.8) 49%, rgba(42, 45, 49, 0.8) 100%);
     /* Chrome10+,Safari5.1+ */
     background: -o-linear-gradient(top, rgba(62, 69, 77, 0.8) 0%, rgba(55, 61, 68, 0.8) 47%, rgba(49, 55, 62, 0.8) 49%, rgba(42, 45, 49, 0.8) 100%);
     /* Opera 11.10+ */
     background: -ms-linear-gradient(top, rgba(62, 69, 77, 0.8) 0%, rgba(55, 61, 68, 0.8) 47%, rgba(49, 55, 62, 0.8) 49%, rgba(42, 45, 49, 0.8) 100%);
     /* IE10+ */
     background: linear-gradient(to bottom, rgba(62, 69, 77, 0.8) 0%, rgba(55, 61, 68, 0.8) 47%, rgba(49, 55, 62, 0.8) 49%, rgba(42, 45, 49, 0.8) 100%);
     /* W3C */
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cc3e454d', endColorstr='#cc2a2d31', GradientType=0);
     /* IE6-9 */
 }
 .page-title .toolbar .ui-state-default {
     background: none;
     border-color:transparent;
     border-width: 0 0 1px 0;
     border-style:solid;
     margin:-3px 20px;
     height: 50px;
     box-shadow:none;
     height: 40px;
     border-radius:0;
 }
 .page-title .toolbar .ui-button-text {
     padding:0;
     font-size:14px;
     margin-top:18px;
     font-weight:normal;
 }
 .page-content {
    padding: 0 !important;
    background:#272a2f;
}  

/*===============================================icon===============================================*/
.ui-button.ui-state-default .ui-icon.ui-icon-add,
 .ui-button.ui-state-default .ui-icon.ui-icon-add-sound{
     background-image:url("qiyun/icon_b6c5d4.png");
     background-position:-160px 0;
     width:20px;
     height:20px;
     margin-top: -11px;
     margin-left: -10px;
 }
 .ui-button.ui-state-hover .ui-icon.ui-icon-add,
 .ui-button.ui-state-hover .ui-icon.ui-icon-add-sound{
     background-image:url('qiyun/icon_14bef6.png');
     background-position:-160px 0;
     width:20px;
     height:20px;
     margin-top: -11px;
     margin-left: -10px;
 }
 .ui-button.ui-state-default .ui-icon.ui-icon-edit {
     background-image:url("qiyun/icon_b6c5d4.png");
     background-position:-180px 0;
     width:20px;
     height:20px;
     margin-top: -11px;
     margin-left: -10px;
 }
  .ui-button.ui-state-hover .ui-icon.ui-icon-edit {
     background-image:url('qiyun/icon_14bef6.png');
     background-position:-180px 0;
     width:20px;
     height:20px;
     margin-top: -11px;
     margin-left: -10px;
 }
 .ui-button.ui-state-default .ui-icon.ui-icon-remove,
 .ui-button.ui-state-default .ui-icon.ui-icon-delete-sound{
     background-image:url("qiyun/icon_b6c5d4.png");
     background-position:0 -20px;
     width:20px;
     height:20px;
     margin-top: -11px;
     margin-left: -10px;
 }
 .ui-button.ui-state-hover .ui-icon.ui-icon-remove,
 .ui-button.ui-state-hover .ui-icon.ui-icon-delete-sound{
     background-image:url('qiyun/icon_14bef6.png');
     background-position:0 -20px;
     width:20px;
     height:20px;
     margin-top: -11px;
     margin-left: -10px;
 }
 .ui-button.ui-state-default .ui-icon.ui-icon-copy{
     background-image:url("qiyun/icon_b6c5d4.png");
     background-position:-160px -20px;
     width:20px;
     height:20px;
     margin-top: -11px;
     margin-left: -10px;
}
 .ui-button.ui-state-default .ui-icon.ui-icon-cut{
     background-image:url("qiyun/icon_b6c5d4.png");
     background-position:-140px -20px;
     width:20px;
     height:20px;
     margin-top: -11px;
     margin-left: -10px;
}
 .ui-button.ui-state-default .ui-icon.ui-icon-paste{
     background-image:url("qiyun/icon_b6c5d4.png");
     background-position:-180px -20px;
     width:20px;
     height:20px;
     margin-top: -11px;
     margin-left: -10px;
}
 .ui-button.ui-state-default .ui-icon.ui-icon-save{
     background-image:url("qiyun/icon_b6c5d4.png");
     background-position: -120px -60px;
     width:20px;
     height:20px;
     margin-top: -10px;
     margin-left: -10px;
}
 .ui-button.ui-state-default .ui-icon.skeleton {
	 background-image:url("qiyun/icon_b6c5d4.png");
     background-position: -20px -120px;
     width:20px;
     height:20px;
     margin-top: -11px;
     margin-left: -10px;
}
 .ui-button.ui-state-default .ui-icon.ui-icon-lightbulb {
	 background-image:url("qiyun/icon_b6c5d4.png");
     background-position: -41px -120px;
     width:20px;
     height:20px;
     margin-top: -11px;
     margin-left: -10px;
}
.ui-button.ui-state-default .ui-icon.ui-icon-filter{
 background-image:url("qiyun/icon_b6c5d4.png");
}
 .ui-button.ui-state-hover .ui-icon.ui-icon-copy,
 .ui-button.ui-state-hover .ui-icon.ui-icon-cut,
 .ui-button.ui-state-hover .ui-icon.ui-icon-paste,
 .ui-button.ui-state-hover .ui-icon.ui-icon-save,
 .ui-button.ui-state-hover .ui-icon.ui-icon-expandAll,
 .ui-button.ui-state-hover .ui-icon.ui-icon-collapseAll,
 .ui-button.ui-state-default .ui-icon.skeleton,
 .ui-button.ui-state-hover .ui-icon.ui-icon-lightbulb {
     background-image:url('qiyun/icon_14bef6.png');
}
/*.events-dialog .ui-button.ui-state-default .ui-icon.ui-icon-expandAll,
.content .ui-button.ui-state-default .ui-icon.ui-icon-expandAll{
	left:-16px;
}
.events-dialog .ui-button.ui-state-default .ui-icon.ui-icon-collapseAll,
.content .ui-button.ui-state-default .ui-icon.ui-icon-collapseAll{
	left:38px;
}*/

 .ui-button.ui-state-default .ui-icon.ui-icon-expandAll{
     background-image:url("qiyun/icon_b6c5d4.png");
     background-position: -100px -100px;
     width:20px;
     height:20px;
     margin-top: -11px;
     margin-left: -10px;
}
/*.event-sheet-dialog .ui-button.ui-state-default .ui-icon.ui-icon-expandAll{
	margin-left: 22px;
}
.event-sheet-dialog .title .expandAll.ui-state-hover{
	margin-left: 22px;
}*/
 .ui-button.ui-state-default .ui-icon.ui-icon-collapseAll{
     background-image:url("qiyun/icon_b6c5d4.png");
     background-position: -80px -100px;
     width:20px;
     height:20px;
     margin-top: -11px;
     margin-left: -10px;
}
/*.event-sheet-dialog .ui-button.ui-state-default .ui-icon.ui-icon-collapseAll{
	margin-left: -42px;
}
.event-sheet-dialog .title .collapseAll.ui-state-hover{
	margin-left: -42px;
}*/

 .movement-button.toolButton.ui-state-default .ui-icon {
     background-image:url("qiyun/actionIcon.png?");
     width:25px;
     height:25px;
     margin:-12px -12px -12px 0px;
 }
/*.ui-layout-east .ui-button-icon-primary {
	margin:-12px !important;
}*/
.Scenes-dialog .toolbuttons .ui-state-default .ui-icon {
     background-image:url("qiyun/icon_b6c5d4.png?");
     width:20px;
     height:20px;
     margin-left:-12px;
     margin-top:-10px;
 }
 .Scenes-dialog .toolbuttons .ui-state-hover .ui-icon {
     background-image:url("qiyun/icon_14bef6.png?");
     cursor:pointer;
 }
 .ui-icon-run_animation,
 .ui-icon-animation {
     background-position:-25px -250px;
 }
 .ui-icon-frame_by_frame_animation{
     background-position:-50px -450px;
 }
 .ui-icon-move_to {
     background-position:-50px -350px;
 }
 .ui-icon-set_speed {
     background-position:-25px 0;
 }
 .ui-icon-set_gravity {
     background-position:-75px 0;
 }
 .ui-icon-reverse_horizontal {
     background-position:-100px 0;
 }
 .ui-icon-reverse_vertical {
     background-position:-125px 0;
 }
 .ui-icon-set_friction {
     background-position:-150px 0;
 }
.ui-icon-set_is_sensor{
     background-position:-50px -425px;
 }
 .ui-icon-apply_force {
     background-position:-75px -250px;
 }
 .ui-icon-control_rotation {
     background-position:-50px -250px;
 }
 .ui-icon-set_fixed_rotation {
     background-position:-25px -275px;
 }
 .ui-icon-set_gravity_scale {
     background-position:-50px -275px;
 }
 .ui-icon-face_toward {
     background-position:-200px -275px;
 }
 .ui-icon-set_speed_toward_tap {
     background-position:-150px -300px;
 }
 .ui-icon-create_weld_joint {
     background-position:-75px -275px;
 }
 .ui-icon-release_joints {
     background-position:-100px -275px;
 }
.ui-icon-drag_to{
     background-position:0 -325px;
 }
 .ui-icon-create_rope_joint {
     background-position:-75px -300px;
 }
 .ui-icon-create_prismatic_joint {
     background-position:0 -300px;
 }
 .ui-icon-create_revolute_joint {
     background-position:-25px -300px;
 }
 .ui-icon-create_distance_joint {
     background-position:-50px -300px;
 }
 .ui-icon-jump_to {
     background-position:-175px 0;
 }
 .ui-icon-jump_horizontal {
     background-position:-100px -200px;
 }
 .ui-icon-jump_vertical {
     background-position:-125px -200px;
 }
 .ui-icon-set_path {
     background-position:-200px 0;
 }
 .ui-icon-set_random_path {
     background-position:-175px -175px;
 }
 .ui-icon-end_path {
     background-position:0 -25px;
 }
 .ui-icon-set_path_position {
     background-position:-25px -25px;
 }
 .ui-icon-set_path_speed {
     background-position:-50px -25px;
 }
 .ui-icon-instance_create {
     background-position:-75px -25px;
 }
 .ui-icon-create_moving {
     background-position:-100px -25px;
 }
 .ui-icon-create_random {
     background-position:-125px -25px;
 }
 .ui-icon-instance_change {
     background-position:-150px -25px;
 }
 .ui-icon-instance_destroy {
     background-position:-175px -25px;
 }
 .ui-icon-set_scale {
     background-position:-200px -175px;
 }
.ui-icon-set_rotation {
     background-position:-200px -400px;
 }
.ui-icon-compare_rotation {
     background-position:0 -425px;
 }
.ui-icon-set_mirror{
     background-position:-75px -400px;
}
.ui-icon-set_id{
     background-position:0 -475px;
}
.ui-icon-is_destroyed{
     background-position:-25px -475px;
}
 .ui-icon-change_sprite {
     background-position:-200px -25px;
 }
 .ui-icon-transform_sprite {
     background-position:0 -50px;
 }
 .ui-icon-set_width {
     background-position:-175px -225px;
 }
 .ui-icon-set_height {
     background-position:-200px -225px;
 }
.ui-icon-set_keyframe_speed{
     background-position:-175px -450px;
 }
.ui-icon-set_sprite_speed{
     background-position:-75px -475px;
 }
 .ui-icon-sound_play {
     background-position:-25px -50px;
 }
 .ui-icon-stop_sound {
     background-position:-50px -50px;
 }
 .ui-icon-check_sound {
     background-position:-75px -50px;
 }
.ui-icon-mute{
     background-position:-50px -325px;
}
.ui-icon-unmute{
     background-position:-75px -325px;
}
.ui-icon-is_mute{
     background-position:-100px -325px;
}
.ui-icon-set_volume{
     background-position:-125px -325px;
}
 .ui-icon-prev_scene {
     background-position:-100px -50px;
 }
 .ui-icon-next_scene {
     background-position:-125px -50px;
 }
 .ui-icon-restart_scene {
     background-position:-150px -50px;
 }
 .ui-icon-different_scene {
     background-position:-175px -50px;
 }
 .ui-icon-check_prev_scene {
     background-position:-200px -50px;
 }
 .ui-icon-check_next_scene {
     background-position:0 -75px;
 }
 .ui-icon-set_scene_follow {
     background-position:-175px -275px;
 }
.ui-icon-set_pause_scene{
    background-position:-75px -425px;
}
.ui-icon-set_background{
    background-position:-50px -475px;
}
.ui-icon-add_instance_to_scroller {
     background-position:-50px -400px;
 }
.ui-icon-remove_instance_from_scroller {
     background-position:-25px -400px;
 }
.ui-icon-set_show_state{
     background-position:-75px -350px;
}
.ui-icon-set_opacity{
     background-position:-100px -350px;
}
.ui-icon-send_msg,.ui-icon-message{
     background-position:-25px -425px;
}
.ui-icon-begin_watch_acceleration,
.ui-icon.ui-icon-acceleration{
    background-position:-125px -425px;
}
.ui-icon-cancel_watch_acceleration{
    background-position:-150px -425px;
}
.ui-icon-open_link{
    background-position:-200px -450px;
}
.ui-icon-set_timeline,
.ui-icon-timeline {
     background-position:-25px -75px;
}
.ui-icon-timeline_position {
     background-position:-50px -75px;
}
.ui-icon-timeline_speed {
     background-position:-75px -75px;
}
.ui-icon-start_timeline {
     background-position:-100px -75px;
}
.ui-icon-stop_timeline {
     background-position:-125px -75px;
}
.ui-icon-set_alarm{
     background-position:-150px -325px;
}
.ui-icon-cancel_alarm{
     background-position:0 -350px;
}
.ui-icon-restart_game {
     background-position:-150px -75px;
}
.ui-icon-end_game {
     background-position:-175px -75px;
}
.ui-icon-pause_game {
     background-position:0 -200px;
}
.ui-icon-resume_game {
     background-position:-25px -200px;
}
.ui-icon-is_paused {
     background-position:-25px -350px;
}
.ui-icon-check_empty {
     background-position:-200px -75px;
}
.ui-icon-check_collision {
     background-position:0 -100px;
}
.ui-icon-check_object {
     background-position:-25px -100px;
} 
.ui-icon-test_instance_count {
     background-position:-50px -100px;
}
.ui-icon-test_chance {
     background-position:-75px -100px;
}
.ui-icon-check_question {
     background-position:-100px -100px;
}
.ui-icon-compare_2_values {
     background-position:-175px -200px;
}
.ui-icon-is_between_values {
     background-position:-150px -200px;
}
.ui-icon-compare_width {
     background-position:-200px -200px;
}
.ui-icon-compare_height {
     background-position:0 -225px;
}
.ui-icon-compare_x {
     background-position:-25px -225px;
}
.ui-icon-compare_y {
     background-position:-50px -225px;
}
.ui-icon-multiConditions {
     background-position:-100px -250px;
}
.ui-icon-start_block {
     background-position:-125px -100px;
}
.ui-icon-else_ {
     background-position:-150px -100px;
}
.ui-icon-exit {
     background-position:-175px -100px;
}
.ui-icon-end_block {
    background-position:-200px -100px;
}
.ui-icon-repeat {
     background-position:0 -125px;
}
.ui-icon-stop_event {
     background-position:0 -250px;
}
.ui-icon-set_follow {
     background-position:-125px -275px;
}
.ui-icon-unfollow {
     background-position:-150px -275px;
}
.ui-icon-make_draggable {
     background-position:-100px -300px;
}
.ui-icon-release_draggable {
     background-position:-125px -300px;
}
.ui-icon-execute_code {
     background-position:-25px -125px;
}
.ui-icon-execute_script {
     background-position:-50px -125px;
}
.ui-icon-execute_actionlist {
     background-position:-100px -425px;
}
.ui-icon-set_variable {
     background-position:-75px -125px;
}
.ui-icon-test_variable {
     background-position:-100px -125px;
}
.ui-icon-draw_variable {
     background-position:-125px -125px;
}
.ui-icon-toggleVariable {
     background-position:0 -275px;
}
.ui-icon-save_game_variable{
    background-position:-175px -425px;
}
.ui-icon-load_game_variable{
    background-position:-200px -425px;
}
.ui-icon-save_all_autosave_variables{
    background-position:0 -450px;
}
.ui-icon-load_all_autosave_variables{
    background-position:-25px -450px;
}
.ui-icon-set_score {
     background-position:-150px -125px;
}
.ui-icon-test_score {
     background-position:-175px -125px;
}
.ui-icon-draw_score {
     background-position:-200px -125px;
}
.ui-icon-insert_ranklist_data {
     background-position:-125px -350px;
}
.ui-icon-display_ranklist{
     background-position:-150px -350px;
}
.ui-icon-clear_highscore {
     background-position:0 -150px;
}
.ui-icon-set_lives {
     background-position:-25px -150px;
}
.ui-icon-test_lives {
     background-position:-50px -150px;
}
.ui-icon-draw_lives {
     background-position:-75px -150px;
}
.ui-icon-draw_life_image {
     background-position:-100px -150px;
}
.ui-icon-set_health {
     background-position:-175px -375px;
}
.ui-icon-test_health {
     background-position:-200px -375px;
}
.ui-icon-draw_health {
     background-position:0 -400px;
}
.ui-icon-set_money {
     background-position:-175px -350px;
}
.ui-icon-draw_money {
     background-position:0 -375px;
}
.ui-icon-test_money{
     background-position:-200px -350px;
}
.ui-icon-set_experience{
     background-position:-100px -375px;
}
.ui-icon-test_experience{
     background-position:-125px -375px;
}
.ui-icon-draw_experience{
     background-position:-150px -375px;
}
.ui-icon-set_level{
     background-position:-25px -375px;
}
.ui-icon-test_level{
     background-position:-50px -375px;
}
.ui-icon-draw_level{
     background-position:-75px -375px;
}
.ui-icon-create_text {
     background-position:-50px -200px;
}
.ui-icon-set_text{
     background-position:-100px -400px;
}
.ui-icon-add_text{
     background-position:-125px -400px;
}
.ui-icon-set_font_color{
     background-position:-150px -400px;
}
.ui-icon-set_font_size{
     background-position:-175px -400px;
}
.ui-icon-and {
     background-position:-125px -250px;
}
.ui-icon-or {
     background-position:-150px -250px;
}
.ui-icon-left_bracket {
     background-position:-175px -250px;
}
.ui-icon-right_bracket {
     background-position:-200px -250px;
}
.ui-icon-share_in_weibo{
     background-position:-100px -450px;
}
.ui-icon-is_weixin_browser{
    background-position:-125px -450px; 
}
.ui-icon-show_share_in_weixin_indicate_img{
    background-position:-75px -450px; 
}
.ui-icon-set_share_in_weixin{
    background-position:-150px -450px; 
}
.ui-icon-create {
     background-position:-200px -150px;
}
.ui-icon-mouse {
     background-position:0px -175px;
}
.ui-icon-other {
     background-position:-50px -175px;
}
.ui-icon-keydown {
     background-position:-100px -175px;
 }
.ui-icon-destroy {
     background-position:-175px -25px;
 }
.ui-icon-touch {
     background-position:-25px -175px;
 }
 .ui-icon-collision {
     background-position:-75px -175px;
 }
 .ui-icon-collisionend {
     background-position:-125px -225px;
 }
 .ui-icon-enterobject {
     background-position:-75px -225px;
 }
 .ui-icon-leaveobject {
     background-position:-100px -225px;
 }
 .ui-icon-outofscene {
     background-position:-75px -200px;
 }
 .ui-icon-inscene {
     background-position:-150px -225px;
 }
.ui-icon-outofview {
     background-position:-175px -325px;
 }
.ui-icon-inview {
     background-position:-200px -325px;
 }
.ui-icon-alarm {
     background-position:-150px -325px;
 }
.ui-icon-path{
     background-position: -200px 0;
 }
 .ui-icon-keyup {
     background-position:-125px -175px;
 }
.ui-icon-swipe {
     background-position:-25px -325px;
 }
.ui-icon-sound {
     background-position:-25px -50px;
 }
.ui-icon-video {
	background-position: -175px -475px;
}
.ui-icon-set_video_src {
	background-position: -200px -475px;
}
.ui-icon-play_video {
	background-position: -125px -475px;
}
.ui-icon-pause_video {
	background-position: -150px -475px;
}
.ui-icon-replay_video {
	background-position: -100px -475px;
}
.ui-icon-set_cursor {
	background-position: 0px -500px;
}
.ui-icon-is_online {    /*是否有网络*/
 	background-position: 0px -550px;
}
.ui-icon-set_input_value {
	background-position: -25px -500px;
}
.ui-icon-set_shield {
   	background-position: -100px -500px;    
}
.ui-icon-cancel_shield {
    background-position: -125px -500px; 
}
.ui-icon-set_shade {
    background-position: -50px -500px;
}
.ui-icon-cancel_shade {
    background-position: -75px -500px;    
}
.ui-icon-update_dataform {
	background-position: -150px -500px; 
}
.ui-icon-delete_from_dataform {
	background-position: -175px -500px;
}
.ui-icon-set_skeleton_speed {
     background-position: -200px -500px;
 }
 .ui-icon-set_sleep {
     background-position: 0px -525px;
 }
.ui-icon-destroy_instance_by_position {
	background-position: -150px -525px;
}
.ui-icon-set_iframe_src {
	background-position: -25px -550px;
}
.ui-icon-stop_video {
	background-position: -125px -525px;
}
.ui-icon-set_video_volume {    /*设置视频音量*/
    background-position: -200px -525px;
}
.ui-icon-play_frame_animation {
	background-position: -100px -525px;
}
.ui-icon-hide_share_in_weixin_indicate_img {
	background-position: -50px -525px;
}
.ui-icon-stop_frame_animation {
	background-position: -175px -525px;
}
.ui-icon-stop_animation {
	background-position: -25px -525px;
}
.ui-icon-set_layer {
	background-position: -75px -525px;
}
.ui-icon-array_push{
	background-position: -75px -549px;
}
.ui-icon-array_splice{
	background-position: -100px -549px;
}
.ui-icon-mobile_pay{
    background-position:-49px -549px;
}
.ui-icon-unicom_pay{
    background-position:-150px -549px;
}
.ui-icon-telecom_pay{
    background-position:-125px -549px;
}
.ui-state-default .ui-icon.ui-icon-zoomIn {
     background-image:url("qiyun/icon_b6c5d4.png?");
     width:20px;
     height:20px;
     margin-left:-10px;
     margin-top:-10px;
     background-position:-40px -20px;
 }
.ui-state-hover .ui-icon.ui-icon-zoomIn{
     background-image:url("qiyun/icon_14bef6.png?");
     width:20px;
     height:20px;
     margin-left:-10px;
     margin-top:-10px;
     background-position:-40x -20px;
}
.ui-state-default .ui-icon.ui-icon-zoomOut {
     background-image:url("qiyun/icon_b6c5d4.png?");
     width:20px;
     height:20px;
     margin-left:-10px;
     margin-top:-10px;
     background-position:-60px -20px;
 }
.ui-state-hover .ui-icon.ui-icon-zoomOut{
     background-image:url("qiyun/icon_14bef6.png?");
     width:20px;
     height:20px;
     margin-left:-10px;
     margin-top:-10px;
     background-position:-60px -20px;
}
.ui-state-default .ui-icon.ui-icon-zoom-to-1 {
     background-image:url("qiyun/icon_b6c5d4.png?");
     width:20px;
     height:20px;
     margin-left:-10px;
     margin-top:-10px;
     background-position:-80px -20px;
 }
.ui-state-hover .ui-icon.ui-icon-zoom-to-1 {
     background-image:url("qiyun/icon_14bef6.png?");
     width:20px;
     height:20px;
     margin-left:-10px;
     margin-top:-10px;
     background-position:-80px -20px;
 }
.ui-state-default .ui-icon.ui-icon-moveBy {
     background-image:url("qiyun/icon_b6c5d4.png?");
     width:20px;
     height:20px;
     margin-left:-10px;
     margin-top:-10px;
     background-position:-60px -60px;
 }
.ui-state-hover .ui-icon.ui-icon-moveBy {
     background-image:url("qiyun/icon_14bef6.png?");
     width:20px;
     height:20px;
     margin-left:-10px;
     margin-top:-10px;
     background-position:-60px -60px;
 }
.ui-state-default .ui-icon.ui-icon-undo{
     background-image:url("qiyun/icon_b6c5d4.png?");
     width:20px;
     height:20px;
     margin-left:-10px;
     margin-top:-10px;
     background-position:-100px -20px;
}
.ui-state-hover .ui-icon.ui-icon-undo{
     background-image:url("qiyun/icon_14bef6.png?");
     width:20px;
     height:20px;
     margin-left:-10px;
     margin-top:-10px;
     background-position:-100px -20px;
}
.ui-state-default .ui-icon.ui-icon-redo{
     background-image:url("qiyun/icon_b6c5d4.png?");
     width:20px;
     height:20px;
     margin-left:-10px;
     margin-top:-10px;
     background-position:-120px -20px;
}
.ui-state-hover .ui-icon.ui-icon-redo{
     background-image:url("qiyun/icon_14bef6.png?");
     width:20px;
     height:20px;
     margin-left:-10px;
     margin-top:-10px;
     background-position:-120px -20px;
}
/*============================================tutorial-page============================================*/
 #tutorial-page{
    background:url("images/tutorial_bg.jpg") no-repeat 0 -80px;
    width: 100%;
    height: 95%;
}
 .tutorial-page.ui-state-default.ui-corner-top {
    background: rgb(238,238,238); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(238,238,238,1) 0%, rgba(204,204,204,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(100%,rgba(204,204,204,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
 }
.tutorial-page.ui-state-default .ui-tabs-anchor{
    color: #616161;
    /*text-shadow:0 1px 1px #fff;*/
}
.tutorial-page.ui-state-hover .ui-tabs-anchor,
.tutorial-page.ui-state-active .ui-tabs-anchor{
    color:#000 !important;
   /* text-shadow:0 1px 1px #fff !important;*/
}
.ui-tabs .ui-tabs-nav li.tutorial-page.ui-tabs-active a,
.ui-tabs .ui-tabs-nav li.tutorial-page.ui-state-disabled a, 
.ui-tabs .ui-tabs-nav li.tutorial-page.ui-tabs-loading a {
     cursor: text;
     color:#fff;
    /*text-shadow:0 1px 1px #000;*/
 }
.guide-inner {
     background-color:#F6F5F2;
     top:5%;
     display:block;
     margin:0 auto;
     border: 1px solid #101010;
     box-shadow: 0 5px 5px rgba(0, 0, 0, 0.09), 0 0 1px #fff inset;
     width: 960px;
     height: 550px;
     overflow: visible !important;
 }
 .guide-banner.ui-layout-pane {
     padding:0;
     height:250px !important;
    overflow:hidden;
 }
.indicators {
position: absolute;
bottom: -15px;
left: 50%;
z-index: 15;
width: 60%;
padding-left: 0;
margin-left: -30%;
text-align: center;
list-style: none;
}
.indicators li {
    list-style-type: none;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #000 \9;
    background-color: rgba(255, 255, 255, 0.4);
    border: 0;
    border-radius: 10px;
}
.indicators .active {
    background-color: rgb(255, 255, 255);
    border:0;
}
.banner-content{
 position:absolute;
 width:100%;
 height:100%;
 overflow:hidden; 
 background-color:#313a4b;
}
.banner-content div {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
}
.banner-content .new-project {
    background: url("qiyun/banner1.png") no-repeat;
    left: 0px;
}
.banner-content .upload-file {
    background: url("qiyun/banner2.png") no-repeat;
    left: 960px;
}
.banner-content .add-scene {
    background: url("qiyun/banner3.png") no-repeat;
    left: 1700px;
}
.banner-content .add-object {
    background: url("qiyun/banner4.png") no-repeat;
    left: 2550px;
}
.banner-content .release-game {
    background: url("qiyun/banner5.png") no-repeat;
    left: 3400px;
}
.proj-type-node {
display: inline-block;
text-align: center;
margin: 0 20px;
}
.sample-projects .proj-type-node {
  margin:10px;
  position:relative;
}
.sample-projects .proj-type-node .image{
  float:left;
  width:80px;
  height:80px;
}
.sample-projects .proj-type-node .operations{
  float: left;
  height: 80px;
  padding: 0 0 0 5px;
  margin: -2px 0;
}
.operations li{
  margin-top:10px;
}
.operations a,
.switch-page a{
  color:#6B6B6B !important;
  font-size:12px;
}
.operations a{
  color:#3C3B3B !important;
  text-decoration:underline;
}
.operations a:hover{
  text-decoration:underline;
  cursor:pointer;
  color:#000 !important;
}
.sample-projects .proj-type-node .proj-name{
  display: block;
  font-weight: normal;
  color: #000;
  position: absolute;
  bottom: -20px;
  width: 82px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.guide-bottom{
  font-size:14px;
  color:#000;
  height:300px !important;
  top: 276px !important;
}
.bottom-left{
  width:280px;
  height:250px;
  float:left;
  left:0;
}
.recent-proj{
  width:230px;
  height:250px;
  float:left;
  left:280px;
}
.recent-proj li{
   color:#3C3B3B;
}
.recent-proj li:hover{
   text-decoration:underline;
   cursor:pointer;
    color:#000;
}
.sample-projects{
  width:420px;
  height:260px;
  float:left;
  left:510px;
  overflow-y:auto;
  position: absolute;
}
.switch-page{
  text-align: center;
  margin-top: 10px;
  position: absolute;
  width: 100%;
  bottom: 0;
}
.switch-page .next-page{
  margin-left:10px;
  cursor:pointer;
}
.switch-page .next-page:hover,
.switch-page .prev-page:hover{
  text-decoration:underline;
}
.prev-page{
  cursor:pointer;
}
.links{
  position: absolute;
  bottom: 100px;
}
.start-from-here label,
.links label,
.recent-proj label,
.sample-projects label{
  display:block;
  font-weight: bold;
  color: #313131;
}
 .play-anim .ui-button-text {
     font-size:14px;
 }
 .guide-inner li {
     list-style-type: none;
     max-width: 130px;
     text-overflow: ellipsis;
     white-space:nowrap;
     /*overflow: hidden;*/
     font-size: 14px;
 }
 .links.ui-layout-pane {
     overflow:hidden;
 }
 .start-title {
     display:block;
 }
 .link-title, .demo-title, .start-title {
     color: #05385f;
     /*text-shadow: 0 1px 1px #fff;*/
 }
 .link-label, .demo-label {
     color:#3C3B3B !important;
    /* text-shadow:0 1px 1px #fff;*/
     text-decoration:none;
 }
 .link-label:hover, .demo-label:hover {
     color:#000 !important;
     cursor:pointer;
     text-decoration:underline;
 }
 .guide-footer .link-label {
     margin-right:20px;
     margin-top: 10px;
     display: inline-block;
 }
.guide-inner .footer .microMsg,
.guide-inner .footer .offcialQQ,
.guide-inner .footer .freshmanCommuQQ{
     float:left;
     margin:-2px 30px;
     padding-left:20px;
}
.guide-inner .footer .microMsg{
     background:url("qiyun/weixin.png") left center no-repeat;
}
.guide-inner .footer .offcialQQ,.footer .freshmanCommuQQ{
     background:url("qiyun/qq_blue.png") left center no-repeat;
}
.guide-inner .footer{
      padding: 5px 10px 2px 10px !important;
      background: url("qiyun/ribbon.png") center center no-repeat;
      font-size: 12px;
      height: 20px !important;
      color:#000;
      top: 250px !important;
      bottom: auto !important;
      position: absolute !important;
      width: 980px !important;
      left: -20px !important;
}
 .version-code {
     color: #5AB199 !important;
     font-size: 12px;
     display: block;
     margin-top: 5px;
     position:absolute;
     right:10px;
 }
.prev-banner{
     background:url("qiyun/previous.png") no-repeat;
     width:30px;
     height:50px;
     position:absolute;
     opacity:0.3;
     top:100px;
     left:10px;
}
.next-banner{
     background:url("qiyun/next.png") no-repeat;
     width:30px;
     height:50px;
     position:absolute;
     opacity:0.3;
     right:10px;
     top:100px;
}
.prev-banner:hover,
.next-banner:hover{
     opacity:1;
     cursor:pointer;
}
 .new-proj.ui-state-default .ui-icon, .open-proj.ui-state-default .ui-icon {
     background-image:url("qiyun/icon_ffffff.png");
     width:20px;
     height:20px;
     margin-top:-10px;
 }
 .guide-demos {
     position: absolute;
     margin: 0px;
     left: auto;
     right: 0px;
     top: 220px !important;
 }
 .get-started {
     top: 240px;
 }
 .more-properties.ui-layout-pane.ui-layout-pane-south {
     z-index: 1 !important;
     background:rgb(53, 58, 64);
 }
 .dialog-inner .ui-tabs .ui-tabs-panel {
     float:left;
     width:80%;
     height: 95% !important;
 }
 .ui-tabs-vertical .ui-tabs-panel {
     padding:1em 0;
     float:left;
    width:80%;
 }
.modify-collision-shape{
     margin-top:2px;
}
/*==============================================page-left==============================================*/
.page-left{
     top: 15px !important;
     position: absolute !important;
}
.resources-title {
     border: 1px solid #101010;
     background: #30353c;
     box-shadow: 0 1px 1px rgba(255, 255, 255, 0.18) inset;
     color: #c8d2da;
     overflow:hidden !important;
     font-size:14px;
     font-weight:bold;
     text-align:center;
     padding:10px 0 !important;
 }
 .resources-title .proj-name {
     max-width: 150px;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space:nowrap;
     display: inline-block;
     color:#09BEF6;
     /*text-shadow: 0 1px 1px #000;*/
 }
.settings.ui-state-default .ui-icon.ui-icon-settings {
     width:20px;
     height:20px;
     background:url('qiyun/icon_b6c5d4.png?') -20px -20px no-repeat;
     position: absolute;
     top: 9px;
     left: 9px;    
 }
.settings.ui-state-hover .ui-icon.ui-icon-settings {
     background:url('qiyun/icon_14bef6.png?') -20px -20px no-repeat;
 }
.settings.ui-state-default {
     float: right;
     right:0;
     top:-5px;
     background: none;
     border:1px solid transparent;
     box-shadow: none;
     width:22px;
     height:22px;
 }
 .resources {
     width:auto !important;
     padding-left:10px;
    overflow-x:hidden !important;
 }
.resources .resources{
     overflow:hidden !important;
     margin:0;
}
.resources.ui-accordion .ui-accordion-header{
     padding: .8em .5em .8em .7em;
}
.ui-resource-node {
    display: inherit;
    font-size: 14px;
    cursor: pointer;
    border-width: 1px 0 1px 1px;
    border-color: transparent;
    border-style: solid;
    text-overflow: ellipsis;
    white-space:nowrap;
    padding:5px 0 5px 0;
}
.resource-content {
    padding: 0 !important;
}
.add-resource {
    position: absolute !important;
    right: 0;
}
.resource-manage-box {
    position: absolute;
    right: 0;
    display: inline-block;
}
.ui-resource-node:hover {
    background: rgba(0, 0, 0, 0.2);
    color:#fff;
    cursor:pointer;
}
.ui-resource-node label:hover{
    cursor:pointer;
}
.ui-resource-node.selected{
    color:#09BEF6;
    background: rgba(0, 0, 0, 0.46);
}
 .add-resource.ui-state-default {
     background: none;
     border: 1px solid transparent;
     box-shadow:none;
     width: 22px;
     height: 22px;
     border-radius:15px;
     right:5px;
     top:8px;
 }
 .add-resource.ui-state-hover {
     border:1px solid #000;
     box-shadow:0 1px 1px rgba(255, 255, 255, 0.22) inset;
 }
 .add-resource.ui-state-hover,
 .settings.ui-state-hover {
     border-color:#262626;
     background: rgb(67, 78, 89);
     /* Old browsers */
     background: -moz-linear-gradient(top, rgba(67, 78, 89, 1) 0%, rgba(61, 71, 81, 1) 47%, rgba(57, 67, 77, 1) 49%, rgba(53, 62, 72, 1) 100%);
     /* FF3.6+ */
     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(67, 78, 89, 1)), color-stop(47%, rgba(61, 71, 81, 1)), color-stop(49%, rgba(57, 67, 77, 1)), color-stop(100%, rgba(53, 62, 72, 1)));
     /* Chrome,Safari4+ */
     background: -webkit-linear-gradient(top, rgba(67, 78, 89, 1) 0%, rgba(61, 71, 81, 1) 47%, rgba(57, 67, 77, 1) 49%, rgba(53, 62, 72, 1) 100%);
     /* Chrome10+,Safari5.1+ */
     background: -o-linear-gradient(top, rgba(67, 78, 89, 1) 0%, rgba(61, 71, 81, 1) 47%, rgba(57, 67, 77, 1) 49%, rgba(53, 62, 72, 1) 100%);
     /* Opera 11.10+ */
     background: -ms-linear-gradient(top, rgba(67, 78, 89, 1) 0%, rgba(61, 71, 81, 1) 47%, rgba(57, 67, 77, 1) 49%, rgba(53, 62, 72, 1) 100%);
     /* IE10+ */
     background: linear-gradient(to bottom, rgba(67, 78, 89, 1) 0%, rgba(61, 71, 81, 1) 47%, rgba(57, 67, 77, 1) 49%, rgba(53, 62, 72, 1) 100%);
     /* W3C */
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#434e59', endColorstr='#353e48', GradientType=0);
     /* IE6-9 */
 }
/*search*/
.filter-resource{
     white-space:nowrap;
}
.filter-resource .select-category .main-button.ui-state-default .ui-button-text{
     font-size: 12px;
     padding: .2em 1.5em .2em 1em;
}
.filter-resource .start-filter.ui-state-default{
     background: none !important;
     border: 0 !important;
     box-shadow: none !important;
     height: 16px;
     width:16px;
     margin-left:-20px;
}
.filter-resource .filter{
     display:inline-block;
     width: 60%;
     position: relative;
}
.filter-resource .filter .filter-input{
     width:90%;
    border-radius:20px;
}
.tab-title .search-result-list .ui-icon.ui-icon-close{
      background: url("qiyun/remove.png") no-repeat center center;
      position:absolute;
      top:0;
}
.tab-title .search-result-list .ui-icon.ui-icon-close:hover{
      background: url("qiyun/remove_h.png") no-repeat center center;
}
.start-filter.ui-state-default .ui-icon-filter{
     background: url("qiyun/search.png") no-repeat center center;
     width: 25px;
     height: 25px;
     margin-top: -14px;
     opacity: 0.7;
     margin-left: -13px;
}
.start-filter.ui-state-hover .ui-icon-clear{
     background: url("qiyun/remove_h.png") no-repeat center center;
}
.page-left .search-result{
     overflow-x:hidden;
     box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3) inset;
     color: #798ea1;
     /*text-shadow: 0 1px 1px #000;*/
     background-color: #212830;
     border: 1px solid #101010;
     font-size: 14px;
     height:99% !important;
}
.page-left .search-result .results{
     padding-left:5px;
}
.page-left .ui-layout-pane-center{
     padding:0;
}
.tab-title .resource-list,
.tab-title .search-result-list{
     width:50%;
     margin:0;
    border-radius:0;
    background:none;
    box-shadow:none;
    font-size:12px;
} 
.tab-title .resource-list.selected,
.tab-title .search-result-list.selected{
    background: #23252a;
    color: #fff;
}
.tab-title .resource-list.ui-state-hover,
.tab-title .search-result-list.ui-state-hover{
    color:#fff;
}
.tab-title .search-result-list{
    border-width:1px 1px 1px 1px;
    border-color:transparent transparent transparent #101010;
    border-radius:0;
}
.tab-title .resource-list{
    border:1px solid transparent;
}
.page-left .tab-title{
     border-color:#101010;
    border-width:1px 0 1px 0;
    border-style:solid;
    border-radius:0;
    font-weight:normal;
    box-shadow:0 1px 1px rgba(255, 255, 255, 0.1) inset;
    background: rgb(59,64,76); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(59,64,76,1) 0%, rgba(54,59,70,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(59,64,76,1)), color-stop(100%,rgba(54,59,70,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(59,64,76,1) 0%,rgba(54,59,70,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(59,64,76,1) 0%,rgba(54,59,70,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(59,64,76,1) 0%,rgba(54,59,70,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(59,64,76,1) 0%,rgba(54,59,70,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b404c', endColorstr='#363b46',GradientType=0 ); /* IE6-9 */
}
/*category-icon */
.category-icon{
    width:20px;
    height:20px;
    display: inline-block;
    position: absolute;
    left: 20px;
    top: 8px;
}
.category-label{
     margin-left:35px;
}
 .animations.ui-state-default .category-icon {
     background:url("qiyun/icon_b6c5d4.png?") -40px 0 no-repeat;;
 }
 .animations.ui-state-hover .category-icon,
 .animations.ui-state-active .category-icon{
     background:url("qiyun/icon_14bef6.png??") -40px 0 no-repeat;;
 }
 .sounds.ui-state-default .category-icon {
     background:url("qiyun/icon_b6c5d4.png?") -60px 0 no-repeat;;
 }
 .sounds.ui-state-hover .category-icon,
 .sounds.ui-state-active .category-icon{
     background:url("qiyun/icon_14bef6.png??") -60px 0 no-repeat;;
 }
 .texts.ui-state-default .category-icon {
     background:url("qiyun/icon_b6c5d4.png?") -80px 0 no-repeat;
 }
 .texts.ui-state-hover .category-icon,
 .texts.ui-state-active .category-icon{
     background:url("qiyun/icon_14bef6.png??") -80px 0 no-repeat;
 }
 .paths.ui-state-default .category-icon {
     background:url("qiyun/icon_b6c5d4.png?") -100px 0 no-repeat;
 }
 .paths.ui-state-hover .category-icon,
 .paths.ui-state-active .category-icon{
     background:url("qiyun/icon_14bef6.png??") -100px 0 no-repeat;
 }
 .scripts.ui-state-default .category-icon {
     background:url("qiyun/icon_b6c5d4.png?") -140px 0 no-repeat;
 }
.scripts.ui-state-hover .category-icon,
.scripts.ui-state-active .category-icon{
     background:url("qiyun/icon_14bef6.png??") -140px 0 no-repeat;
 }
 .timelines.ui-state-default .category-icon {
     background:url("qiyun/icon_b6c5d4.png?") -120px 1px no-repeat;
 }
 .timelines.ui-state-hover .category-icon,
 .timelines.ui-state-active .category-icon{
     background:url("qiyun/icon_14bef6.png??") -120px 1px no-repeat;
 }
.other.ui-state-default .category-icon {
     background:url("qiyun/icon_b6c5d4.png?") -140px -60px no-repeat;
 }
.other.ui-state-hover .category-icon,
.other.ui-state-active .category-icon{
     background:url("qiyun/icon_14bef6.png??") -140px -60px no-repeat;
 }
 .Timelines-dialog .ui-tabs .ui-tabs-nav li {
     border-radius:3px 0 0 3px;
 }
 .objects.ui-state-default .category-icon {
     background:url("qiyun/icon_b6c5d4.png?") -20px 0 no-repeat;
 }
.objects.ui-state-hover .category-icon,
.objects.ui-state-active .category-icon{
     background:url("qiyun/icon_14bef6.png?") -20px 0 no-repeat;
 }
 .scenes.ui-state-default .category-icon {
     background:url("qiyun/icon_b6c5d4.png?") 0 0 no-repeat;
 }
 .scenes.ui-state-hover .category-icon,
 .scenes.ui-state-active .category-icon{
    background:url("qiyun/icon_14bef6.png?") 0 0 no-repeat;
}
 .ui-resource-node {
     position:relative;
 }
 .ui-resource-node .icon {
     margin-left:8px;
     margin-right:5px;
 }
 .ui-resource-node .icon.no-sprite{
     display:inline-block;
     height:12px;
}
 .ui-paths-node .icon {
     background:url("qiyun/icon16.png") -32px 0 no-repeat;
     width:16px;
     height:16px;
     display:inline-block;
     position:relative;
     top:2px;
 }
 .ui-scripts-node .icon {
     background:url("qiyun/icon16.png") -48px 0 no-repeat;
     width:16px;
     height:16px;
     display:inline-block;
     position:relative;
     top:2px;
 }
 .ui-timelines-node .icon {
     background:url("qiyun/icon16.png") -96px 0 no-repeat;
     width:16px;
     height:16px;
     display:inline-block;
     position:relative;
     top:2px;
 }
 .ui-animations-node .icon {
     background:url("qiyun/icon16.png") -146px 0 no-repeat;
     width:16px;
     height:16px;
     display:inline-block;
     position:relative;
     top:2px;
 }
 .ui-sounds-node .icon {
     background:url("qiyun/icon16.png") -112px 0 no-repeat;
     width:16px;
     height:16px;
     display:inline-block;
     position:relative;
     top:2px;
 }
 .ui-texts-node .icon {
     background:url("qiyun/icon16.png") -128px 0 no-repeat;
     width:16px;
     height:16px;
     display:inline-block;
     position:relative;
     top:2px;
 }
 .ui-fonts-node .icon {
     background:url("qiyun/icon16.png") 0 -16px no-repeat;
     width:16px;
     height:16px;
     display:inline-block;
     position:relative;
     top:2px;
 }
.not-dropable{
     cursor:url('qiyun/no.png'),auto;
}
 .search-icon.ui-state-default {
     background:none !important;
     border:0 !important;
     box-shadow:none !important;
     height:25px;
 }
.Timelines-dialog .ui-button-icon-primary.ui-icon.ui-icon-search,
.action-plus-movements-dialog .ui-button-icon-primary.ui-icon.ui-icon-search,
.Actionlists-dialog .ui-button-icon-primary.ui-icon.ui-icon-search{
  top: 8px;
}
 .search-icon.ui-state-default .ui-icon-search {
     background:url("qiyun/search.png") 0 0 no-repeat !important;
     width: 25px;
     height: 25px;
     margin-top: -12px;
     opacity:0.7;
     /*left: 22px;*/
    /*margin-left:-2px;*/
 }
 .add-folder {
     margin-left:9px;
 }
 .ui-resource-folder .add-folder {
     margin-left:20px;
 }
.resource-content .folder-title{
     padding:5px 0 5px 7px;
}
.resource-content .folder-title .folder-name{
    display:inline-block;
    max-width: 80%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
 .toggle-resource.expand  {
     background:url("qiyun/icon_b6c5d4.png?") -40px -60px no-repeat;
     width: 20px;
     height: 20px;
     display: inline-block;
 }
 .toggle-resource.expand:hover{
     background:url("qiyun/icon_14bef6.png?") -40px -60px no-repeat;
}
 .toggle-resource.collapsed:hover {
     background:url("qiyun/icon_14bef6.png?") -180px -40px no-repeat;
}
 .toggle-resource.collapsed {
     background:url("qiyun/icon_b6c5d4.png?") -180px -40px no-repeat;
     width: 20px;
     height: 20px;
    display: inline-block;
 }
.add-folder.ui-state-default .ui-icon-add-folder {
     background:url("qiyun/icon_b6c5d4.png?") 0 -60px no-repeat;
     width: 20px;
     height:20px;
     display: inline-block;
     margin-left:-10px;
     margin-top:-10px;
 }
.add-folder.ui-state-hover .ui-icon-add-folder{
     background:url("qiyun/icon_14bef6.png?") 0 -60px no-repeat;
}
 .sub-resources{
    /* min-height:10px !important;*/
    padding-left:0px;
}
 /*.sub-resources.ui-sortable {
     min-height:10px;
 }*/
 .resource-manage-box {
     position: absolute;
     background:none;
     z-index:1;
     top:0;
 }
.ui-resource-folder .folder-title:hover {
     background-color:rgba(0, 0, 0, 0.2);
     color:#fff;
 }
.ui-resource-folder .folder-title.selected {
    background-color: rgba(0, 0, 0, 0.2);
    color: #fff;
}
 .ui-resource-folder.selected {
     color:#09BEF6;
     background-color:rgba(0, 0, 0, 0.46);
 }
 .ui-resource-folder {
     position:relative;
     list-style:none;
 }
.resource-name {
    width: 120px;
}
.resource-origin-input,
.resource-size-input {
    width: 55px;
    margin: 0 5px 12px 5px;
}
.resource-origin.center {
    margin: 0;
}
.fill-type-select-group {
    display: inline-block;
}
.fill-settings {
    border: 1px solid #b6b6b6;
    margin: 8px 0 5px 0;
    border-radius: 5px;
}
.select-solid-color {
    width: 60px;
    padding: .4em;
    margin: 0 5px 12px 5px;
}
.resource-stroke-px,
.resource-stroke-color {
    width: 70px;
}
.show-menu.ui-button{
     float:right;    
}
.show-menu.ui-button.ui-state-default{
     border:1px solid transparent;
     box-shadow:none;
     font-size:12px;
     background:none;
     border-radius:15px;
     position:absolute;
     top:0;
     right:0;
 }
#multiConditions .margin-div .show-menu.ui-button.ui-state-default {
    position: relative;
    right: -4px;
    top: -3px !important;
}
.show-menu.ui-button.ui-state-hover{
    color:#09bef6;
    cursor:pointer;
    background:rgba(0,0,0,0.5);
 }
.show-menu.ui-state-default .ui-icon.ui-icon-triangle-1-s,
.show-menu.ui-state-default .ui-icon.ui-icon-drop-down{
     background:url("qiyun/icon_11.png") 0 0 no-repeat;
     width: 11px;
     height: 11px;
     margin-left: -6px;
     margin-top: -6px;
}
.show-menu.ui-state-hover .ui-icon.ui-icon-drop-down,
.show-menu.ui-state-hover .ui-icon.ui-icon-triangle-1-s{
     background:url("qiyun/icon_11.png") -44px 0 no-repeat;
}
/*==============================================#online-help==========================================*/
#online-help{
   border-radius: 0 0 3px 3px;
   box-shadow: 0 5px 10px rgba(0, 0, 0, 0.7);
   border: 5px solid #fff;
}
#tab-content-customActions{
   height:72%;
}
.slipper{
    width: 50%;
    height: 25px;
    position: absolute;
    top:1px;
    box-shadow: 0 2px 5px #000;
    border-radius: 15px;
    background: rgb(135,224,253)!important; /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(135,224,253,1) 0%, rgba(83,203,241,1) 40%, rgba(5,171,224,1) 100%)!important; /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(135,224,253,1)), color-stop(40%,rgba(83,203,241,1)), color-stop(100%,rgba(5,171,224,1)))!important; /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(135,224,253,1) 0%,rgba(83,203,241,1) 40%,rgba(5,171,224,1) 100%)!important; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(135,224,253,1) 0%,rgba(83,203,241,1) 40%,rgba(5,171,224,1) 100%)!important; /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(135,224,253,1) 0%,rgba(83,203,241,1) 40%,rgba(5,171,224,1) 100%)!important; /* IE10+ */
    background: linear-gradient(to bottom,  rgba(135,224,253,1) 0%,rgba(83,203,241,1) 40%,rgba(5,171,224,1) 100%)!important; /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87e0fd', endColorstr='#05abe0',GradientType=0 ); /* IE6-9 */
}
.slipper .on-text,
.slipper .off-text{
    padding:4px;
    display:inline-block;
}
#online-help {
    display: inline-block;
    background:/*#F6F5F2*/#E9F1F6;
    width: 600px;
    height: 400px;
    text-align:center;
}
.join-group {
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 50%;
}
.online-consulting {
    position: absolute;
    left: 50%;
    top: 0;
    background:#24B4F8;
    width: 50%;
    height: 50%;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
}
.weixin {
    position: absolute;
    top: 50%;
    left: 0;
    width: 50%;
    height: 50%;
    background:#4ec33c;
    text-align:center;
}
.weixin label{
    top: 130px;
    position: relative;
    font-weight: bold;
    color: #fff;
    display:block;
}
.weixin-tip{
    font-size: 14px !important;
    font-weight:normal !important;
}
.weixin-qr-code {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 50%;
    height: 50%;
}
.join-group{
    font-weight: bold;
    color: #0F91DA;
    top: 50px;
}
.join-offcial-group,.join-freshman-group{
    background-color: #24B4F8;
    color: #fff;
    padding: 5px 5px;
    width: 80px;
    text-align: center;
     margin-left:110px;
    font-size: 12px;
    font-weight: normal;
    border-radius:3px;
}
.join-offcial-group:hover,.join-freshman-group:hover{
    background-color:#09A9E7;
    cursor:pointer;
}
.join-offcial-group{
    margin-bottom:20px;
}
.weixin-logo{
    background:url("qiyun/weixin_logo.png") center 0 no-repeat;
    width:300px;
    height:200px;
}
.qq-girl{
    background:url("qiyun/qq_girl.png") center center no-repeat;
    width:90px;
    height:90px;
    position: absolute;
    left: 50px;
    top:40px;
    border-radius:90px;
}
.qq-boy{
    background:url("qiyun/qq_boy.png") center center no-repeat;
    width:90px;
    height:90px;
    position: absolute;
    right: 50px;
    top:40px;
    border-radius:90px;
}
.qq-boy:hover,.qq-girl:hover{
    background-color:#fff;
    cursor:pointer;
}
.online-consulting label{
    /*margin: 20px 0 0 110px;*/
    display: block;
    top: 140px;
    position: relative;
}
.weixin-qr-code .qr-code{
    background:url("qiyun/qrcode.png") center center no-repeat;
    width:200px;
    height:200px;
    background-size:180px;
    left: 50px;
    position: absolute;
}
.weixin-qr-code label{
    line-height: 1.9;
    float: right;
    white-space: normal;
    top: 10px;
    right: 20px;
    position: relative;
    width: 25px;
    font-size: 14px;
    word-wrap: break-word;
    font-weight:bold;
}
/*===========================================#bug-report===============================================*/
.bug-report {
    background-image: url("qiyun/bug_report.png");
    right: 140px;
    top: 12px;
    display: inline-block;
    width: 20px;
    height: 20px;
    position: absolute;
    opacity: 0.7;
    background-size: 100%;
}
.bug-report:hover,
.gamemei-settings:hover,
.local-show-update:hover {
    opacity:1;
    cursor:pointer;
}
#bug-report .close-me{
    position: absolute;
    top: 0;
    right: 0;
}
#bug-report .close-me.ui-state-default {
background: none;
border: none;
}
#bug-report .close-me.ui-state-default .ui-icon-close{
background: url("qiyun/close_h.png") center center no-repeat;
width: 25px;
height: 25px;
margin-left: -12px;
margin-top: -12px;
}
#bug-report .close-me.ui-state-hover .ui-icon-close{
background: url("qiyun/close.png") center center no-repeat;
}
.gamemei-settings {
    background-image: url("qiyun/gamemei_set.png");
    right: 60px;
    top: 12px;
    display: inline-block;
    width: 20px;
    height: 20px;
    position: absolute;
    opacity: 0.7;
    background-size: 100%;
}
.online-help,
.language-zh-CN,
.language-en-US{
display: inline-block;
position: absolute;
opacity:0.7;
background-size:100%;
}
.online-help:hover{
 opacity:1;
 cursor:pointer;
}
.online-help{
  background-image:url("qiyun/help_online.png");
  right: 100px;
  top: 12px;
  width: 20px;
  height: 20px;
}
.language-zh-CN,.language-en-US{
  right:150px;
  white-space:nowrap;
}
.language-zh-CN:hover,
.language-en-US:hover{
  color:#fff;
  text-decoration:underline;
  cursor:pointer;
}
.bug-desc{
    height:100px;
    resize: none;
}
#bug-report{
   height:480px !important;
   box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5);
   border: 3px solid rgba(38, 52, 69, 0.3);
}
#bug-report.ui-widget-content{
   background:#fff;
   color:#000;
}
#bug-report textarea{
    margin-bottom: 12px;
    width: 95%;
}
#bug-report input.ui-widget-content,
#bug-report textarea.ui-widget-content{
    background:#fff;
    border: 1px solid #9C9C9C;
    box-shadow:none;
    color:#000;
}
#bug-report input.ui-widget-content:focus,
#bug-report textarea.ui-widget-content:focus{
    border: 1px solid rgb(18, 170, 255);
}
.edit-apkad input.publisherId,
.edit-apkad input.inlineAdPositionId,
.edit-apkad input.interstitialAdPositionId,
.edit-apkad input.splashAdPositionId{
	min-width: 180px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.upload-image.ui-state-default{
    box-shadow: none !important;
    border-radius: 0;
}
#bug-report .image-name{
    font-size:12px;
    max-width: 200px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: inline-block;
    line-height: 0.8;
    padding-left: 10px;
}
#bug-report .contact-info-tip{
    font-size:12px;
/*    margin: 20px 0 10px 0;*/
    display:block;
}
#bug-report .title{
    text-align:center;
    padding:10px 25px;
    background:url("qiyun/bugbg_top.png") center center no-repeat;
    line-height:3;
}
#bug-report .ui-layout-center{
    padding:10px 25px;
    background:url("qiyun/bugbg_center.png") center bottom no-repeat;
}
#bug-report .ui-layout-south{
   text-align:center;
   padding:10px 25px;
   background:url("qiyun/bugbg_bottom.png") center 0 no-repeat;
}
#bug-report .dialogButton{
   width: 200px;
height: 40px;
border: 1px solid rgb(26, 146, 26) !important;
border-radius: 4px;
color: #fff !important;
font-weight: bold !important;
text-shadow: none !important;
font-size: 18px !important;
}
#bug-report .bug-number{
  color:orange;
  font-weight:bold;
}
#bug-report .success-icon{
  background:url("qiyun/bug_success.png") center center no-repeat;
  margin:0 auto 20px;
  width:80px;
  height:80px;
}
#bug-report .success{
  font-size:14px;
  text-align:center;
}
#bug-report .custom-checkbox{
  display:block;
  margin-top:-10px;
}
/*=======================================gamemei-settings-dialog=======================================*/
.gamemei-settings-dialog .settings{
    padding:10px;
}
.gamemei-settings-dialog .ui-layout-center{
    border-top:1px solid #000;
}
.gamemei-settings-dialog .shotcuts{
    padding:10px 10px 10px 20px;
}
.gamemei-settings-dialog .ui-spinner{
    width:75px;
}
.gamemei-settings-dialog .ui-spinner input{
    width:40px;
}
.gamemei-settings-dialog .custom-checkbox{
    margin-right:20px;
}
.shotcut-value{
    float:right;
    position:relative;
    /*right:50%;*/
}
.shotcut-node{
    border-bottom:1px dotted #000;
}
/*==========================================open-proj-dialog==========================================*/
.search-bar {
    display: inline-block;
    float: right;
    position: relative;
}
.search-bar .button.ui-button-icon-only{
	width: 25px !important;
  	height: 23px;
  	line-height: 23px;
}
.search-bar input.ui-widget-content{
    border-radius:15px;
}
.ui-proj-node {
    display: inherit;
    text-overflow: ellipsis;
    white-space:nowrap;
    overflow: hidden;
    padding: 4px 10px 6px 25px;
    font-size: 16px;
    font-weight: bold;
    margin-top: 5px;
    cursor: pointer;
    border-width: 1px 0 1px 1px;
    border-color: transparent;
    border-style: solid;
}
.ui-proj-node:hover{
    background-color:/*#4e5b68*/#272B2E;
    border:1px solid #101010;
    color:#fff;
}
.ui-proj-node.selected,
.ui-proj-node.selected:hover{
    background-color: #272B2E;
    border:1px solid #101010;
    color:/*#fff*/ #09BEF6;
}
 /*========================================select-image-dialog========================================*/
.select-image-dialog .toolbar{
     height: 22px !important;
}
.multiple-tip{
     font-size:12px;
     padding: 6px 8px;
     top: 5px;
     position: absolute;
     right: 0;
}
.select-image-dialog .toolbar .ui-state-default{
     margin-top:-5px;
}
.select-image-dialog .toolbar .ui-state-default .ui-icon{
    background-image:url("qiyun/icon_b6c5d4.png?");
    width:20px;
    height:20px;
    margin-top: -11px;
}
.select-image-dialog .toolbar .ui-state-hover .ui-icon{
    background-image:url("qiyun/icon_14bef6.png?");
}
 .manage-resource:hover {
     color:#fff;
     text-decoration:underline;
 }
 .ui-icon-import {
     background-position:-20px -60px;
 }
 .ui-icon-prev {
     background-position:-120px -40px;
 }
.thumbnail-node {
    display: inline-block;
    width: 150px;
    height: 150px;
    text-align: center;
    margin: 0 5px 5px 0;
}
.thumbnail-node .img {
    width: 100px;
    height: 100px;
    margin: auto;
    border: 1px solid transparent;
}
.thumbnail-node p {
    max-width: 150px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
 .thumbnail-node p:hover {
     cursor:pointer;
 }
.thumbnail-node input {
    width: 120px;
}
.thumbnail-node .quote-tag{
     background:url("qiyun/quote.png") no-repeat center center,rgba(0,0,0,0.5);
     width:20px;
     height:20px;
}
 .thumbnail-node .img.folder-icon {
     background:url("qiyun/folder50.png") center center no-repeat;
 }
 .thumbnail-node .img.audio-icon {
     background:url("qiyun/audio50.png") center center no-repeat;
 }
 .thumbnail-node .img.font-icon {
     background:url("qiyun/font50.png") center center no-repeat;
 }
.thumbnail-node .img:hover {
     background-color:#4e5b68 !important;
     border:1px solid #101010;
 }
 .ui-grid-node.ui-grid-node-selected .img,
.ui-grid-node.ui-grid-node-selected .img:hover,
.thumbnail-node.selected .img,
.select-collision-shape-dialog .folder.selected .img {
     background-color: #272b2e !important;
     border: 1px solid #09BEF6;
     opacity: 0.8;
     outline:0 !important;
 }
 .thumbnail-node .rename-input {
     margin-top:5px;
 }
.list-node .icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 1px solid;
}
.list-node p {
    display: inline-block;
    margin: 0;
}
 .file-list.ui-layout-pane {
     padding:0;
     height:78% !important;
 }
 .file-dropper {
     border:4px dashed #c8d2da;
     background-color:rgba(86, 93, 102, 0.36);
     height:18% !important;
     padding:0 !important;
 }
 .ui-import-file-button {
     margin:5px;
 }
 .import-file-node {
     padding:5px 0;
 }
 .ui-import-file-icon.ui-state-default {
     background: none !important;
     border: 0 !important;
     box-shadow: none !important;
 }
 .import-file-node .ui-state-default .ui-icon {
     background-image:url("qiyun/icon25_b.png");
     width:25px;
     height:25px;
     margin:-12px;
 }
 .import-file-node .ui-state-hover .ui-icon {
     background-image:url("qiyun/icon25.png");
 }
 .import-file-node .ui-status-icon.ui-state-default .ui-icon.ui-icon-busy {
     background:url('qiyun/throbber.svg')center center no-repeat;
     width:25px;
     height:25px;
     margin-top:-12px;
 }
 .import-file-node .ui-status-icon.ui-state-default .ui-icon.ui-icon-done {
     background:url('qiyun/done-icon.png') center center no-repeat;
     width:25px;
     height:25px;
     margin:-12px;
 }
 .ui-import-file-icon .ui-icon-import-file {
     background-position:-25px -75px;
 }
 .ui-import-file-icon.ui-import-image .ui-icon-import-file {
     background-position:-124px 0;
 }
 .ui-import-file-icon.ui-import-audio .ui-icon-import-file {
     background-position:0 -75px;
 }
 .ui-delete-icon, .ui-status-icon {
     margin-left:10px;
 }
 /*===============================================Sounds-dialog========================================*/
 .play-sound.ui-button.ui-corner-all,
 .stop-sound.ui-button.ui-corner-all{
     border-radius:15px;
}
 .play-sound.ui-state-default .ui-icon,
 .stop-sound.ui-state-default .ui-icon{
     background-image:url("qiyun/icon_b6c5d4.png?");
     width: 20px;
     height: 20px;
     margin: -10px;
 }
 .play-sound.ui-state-hover .ui-icon,
 .stop-sound.ui-state-hover .ui-icon{
     background-image:url("qiyun/icon_14bef6.png?");
 }
.ui-icon-play-sound {
     background-position:-80px -60px;
 }
.play-sound.ui-state-default.playing .ui-icon-play-sound {
     background:url("qiyun/icon_14bef6.png?") -80px -60px;
     width: 20px;
     height: 20px;
     margin: -10px;
 }
.ui-icon-stop-sound {
     background-position:-100px -60px;
 }
 .sounds .sound{
     line-height: 1.5;
     display:block;
     cursor:pointer;
     margin:2px 0;
     padding:0 10px;
 }
 .sounds .sound:hover{
     background-color:#272b2e;
     color:#fff;
}
 .sounds .sound.selected{
     background-color:#272b2e;
     color:#09BEF6;
}
.Sounds-dialog .sounds{
     background: rgba(86, 93, 102, 0.36);
     border: 1px solid #101010;
     padding: 5px;
}
 /*==========================================Objects-dialog============================================*/
.main-button.ui-state-default .ui-button-text,
.select-resource .ui-state-default .ui-button-text{
    padding: .3em 1.5em .3em 1em;
}
.select-parent,
.select-resource{
     position:relative;
}
.game-icon,
.apk-load-bg,
.apk-icon{
     display:inline-block;
     position:relative;
}
.ui-dialog .images .one-image,
#show_share_in_weixin_indicate_img .image .one-image{
    border: 1px solid #101010;
    width: 50px !important;
    height: 50px !important;
    background-size: 100% !important;
    background-repeat: no-repeat;
    background-position: 50% 50% !important;
    margin-right: 2px;
    position:relative;
    top:8px;
    cursor:pointer;
}
#show_share_in_weixin_indicate_img .image .one-image{
    top:0;
}
.ui-dialog .images .one-image.selected,
#show_share_in_weixin_indicate_img .image .one-image.selected{
    border: 1px solid #09BEF6;
}
.ui-dialog .images .one-image:hover,
#show_share_in_weixin_indicate_img .image .one-image:hover{
     border: 1px solid #09BEF6;
     background-color: #4e5b68;
}
.clear{
     width: 14px !important;
     height: 14px;
     position: absolute !important;
     right: 2px;
     top: 8px;
}
.delete-image{
     float:right;
     width: 16px !important;
     height: 16px;
     position:absolute !important;
     right:-5px;
     top:-5px;
}
.clear-filter{
     width: 16px !important;
     height: 16px;
     position: absolute !important;
     right: 2px;
     top: 5px;
}
.clear.ui-button.ui-state-default .ui-icon.ui-icon-delete,
.delete-image.ui-state-default .ui-icon.ui-icon-delete,
.clear-filter.ui-state-default .ui-icon.ui-icon-delete,
.clear-content.ui-state-default .ui-icon-delete{
     background:url("qiyun/remove.png") no-repeat center center !important;
     width:16px !important;
     height:16px !important;
     margin-left:-8px !important;
     margin-top:-9px !important;
}
.clear.ui-button.ui-state-hover .ui-icon.ui-icon-delete,
.delete-image.ui-state-hover .ui-icon.ui-icon-delete,
.clear-filter.ui-state-hover .ui-icon.ui-icon-delete,
.clear-content.ui-state-hover .ui-icon-delete,
.game-config-dialog .tab .ui-state-hover .ui-icon-close,
.game-data-mgmt-dialog .tab .ui-state-hover .ui-icon-close{
     background:url("qiyun/remove_h.png") no-repeat center center !important;
}
.clear.ui-state-default,
.clear.ui-state-hover,
.delete-image.ui-state-default,
.delete-image.ui-state-hover,
.clear-filter.ui-state-default,
.clear-filter.ui-state-hover,
.clear-content.ui-state-default,
.clear-content.ui-state-hover {
     background:none !important;
     border:none !important;
     box-shadow:none !important;
}
.sprite {
    display: inline-block;
}
.sprite p {
    margin: 0;
}
.add-sprite {
    display: inline-block;
    width: 66px;
    height: 64px;
    background: #fff;
}
 .Objects-dialog .sprites {
     background: #272a2f;
     height:60px;
     overflow-y:auto;
     overflow-x:hidden;
 }
 .Objects-dialog .sprite {
     margin:2px 0;
     width:60px;
     height:60px;
     border:1px solid transparent;
     padding:2px 2px 0 2px;
 }
  .Objects-dialog .object-events,
  .Objects-dialog .object-sprite-property {
     border:1px solid #101010 !important;
     box-shadow: 0 0 1px rgba(255, 255, 255, 0.43) inset;
 }
 .Objects-dialog .preview-text {
     position: absolute;
 }
 .Objects-dialog .sprite:hover {
     background-color: rgba(0, 0, 0, 0.4);
     color:#fff;
     cursor:pointer;
 }
 .Objects-dialog .sprite.selected {
     background-color: rgba(0, 0, 0, 0.4);
     border: 1px solid #09BEF6;
     opacity: 0.8;
     color:#fff;
 }
 .Objects-dialog .sprite.defaultSprite, .Objects-dialog .sprite.selected.defaultSprite {
     background-image:url("qiyun/default_bg.png");
 }
.Objects-dialog .basic-properties .split {
	position: relative;
	top: 4px;
}
.ui-layout-bottom-wxh {
    border: 1px solid #1d1d1d;
    border-radius: 2px;
	background: rgba(159,196,231,0.24);
    color: #c8d2da;
	text-align: center;
    margin: 1px 20px 0 10px;
    margin-top: -4px !important;
}
.ui-layout-bottom-wxh p{
	margin-top: 2px;
    width: 820px;
	height: 17px;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
}

.no-sprite{
    background:url("qiyun/default.png") center center no-repeat !important;
    width:20px;
    height:20px;
    opacity:1 !important;
}
.select-layer-dialog .no-sprite{
    display: inline-block;
    width: 16px;
	height: 16px;
}

 .Objects-dialog .sprite .img {
     margin:0 auto;
     display:block !important;
     width:32px;
     height:32px;
     background-size:32px;
     background-position:50% 50%;
     background-repeat:no-repeat;
 }
 .Objects-dialog .sprite input{
     font-size:12px;
     width:50px;
}
 .Objects-dialog .sprite p {
     max-width: 60px;
     text-overflow: ellipsis;
     overflow: hidden;
     white-space: nowrap;
     text-align: center;
 }
 .Objects-dialog .add-sprite {
     background:url("qiyun/add.png") no-repeat center center;
     opacity:0.5;
     width:45px;
     height:40px;
     margin:12px;
 }
 .Objects-dialog .add-sprite:hover {
     opacity:1;
     cursor:pointer;
 }
 .Objects-dialog .tabs.ui-widget-content {
     border:0;
     top: 45px !important;
     overflow:hidden;
 }
.action-plus-movements-dialog .ui-layout-pane-north,
.Actionlists-dialog .ui-layout-north{
     overflow:hidden;
}
 .Objects-dialog .object-sprite-properties.ui-widget-content,
 .Objects-dialog .object-sprite-events.ui-widget-content {
     background: #272a2f;
     border: 1px solid #101010;
 }
.object-events .save-action-list,
.events-center .save-action-list,
.dialog-center .save-action-list,
.action-plus-movements-dialog .save-action-list,
.object-events .expandAll,
.events-center .expandAll,
.dialog-center .expandAll,
.action-plus-movements-dialog .expandAll,
.Actionlists-dialog .expandAll,
.object-events .collapseAll,
.events-center .collapseAll,
.action-plus-movements-dialog .collapseAll,
.Actionlists-dialog .collapseAll,
.dialog-center .collapseAll{
     float: right;
}
.object-events .save-action-list.ui-state-default,
.events-center .save-action-list.ui-state-default,
.dialog-center .save-action-list.ui-state-default,
.action-plus-movements-dialog .save-action-list.ui-state-default{
     background:none;
     position: relative;
     top: -5px;
}
.object-events .expandAll.ui-state-default,
.events-center .expandAll.ui-state-default,
.dialog-center .expandAll.ui-state-default,
.action-plus-movements-dialog .expandAll.ui-state-default,
.Actionlists-dialog .expandAll.ui-state-default,
.object-events .collapseAll.ui-state-default,
.events-center .collapseAll.ui-state-default,
.dialog-center .collapseAll.ui-state-default,
.action-plus-movements-dialog .collapseAll.ui-state-default,
.Actionlists-dialog .collapseAll.ui-state-default{
     width: 25px;
     height: 25px;
     background: none;
     border: 1px solid transparent;
     box-shadow:none;
     position:relative;
     top:-5px;
}
.object-events .expandAll.ui-state-hover,
.events-center .expandAll.ui-state-hover,
.dialog-center .expandAll.ui-state-hover,
.action-plus-movements-dialog .expandAll.ui-state-hover,
.Actionlists-dialog .expandAll.ui-state-hover,
.object-events .collapseAll.ui-state-hover,
.events-center .collapseAll.ui-state-hover,
.dialog-center .collapseAll.ui-state-hover,
.action-plus-movements-dialog .collapseAll.ui-state-hover,
.Actionlists-dialog .collapseAll.ui-state-hover{
     background: rgba(0, 0, 0, 0.27) !important;
     border: 1px solid #101010 !important;
     box-shadow: 0 1px 1px rgba(255, 255, 255, 0.1) inset,0 1px 1px rgba(255, 255, 255, 0.1) !important;
}
/*.events-center .collapseAll.ui-state-hover{
	left:38px;
}*/
.edit-area{
     left:auto !important;
}
.edit-area input{
     font-size:12px;
}
.inner-edit-area{
     background-image: url("images/previewBg.png");
}
.inner-edit-area .origin-more-toolbar{
     position:absolute;
     top:0;
     background-color:#272a2f;
     z-index:3;
     width:100%;
    text-align:center;
}
.inner-edit-area .more-toolbar,.fill-with-color-toolbar,.origin-toolbar{
     padding-left:10px;
}
.inner-edit-area .minicolors-position-left .minicolors-panel{
     left:-40px;
}
.inner-edit-area .text-toolbar td{
    white-space: nowrap;
}
.edit-area .inner-edit-area{
    padding:0;
    overflow:hidden;
    top:30px !important;
}
.edit-area .left-toolbar{
     padding: 0 0 0 2px;
     background: #343B47;
}
.edit-area,.edit-area .ui-button-text,.edit-area .resource-dialog-label{
     font-size:12px;
}
.edit-area.ui-layout-pane{
     padding:0;
}
.edit-area input{
     width:50px;
}
.edit-area .ui-spinner input{
     width:25px;
    height:15px;
}
.edit-area .ui-widget input{
    font-size:12px;
}
.edit-area .more{
     width:60px;
}
.edit-area .top-toolbar{
     padding: 2px 0 0 40px;
     background: #343B47;
     height:30px !important;
}
.edit-area .top-toolbar .split{
     position: relative;
     top: 4px;
}
.edit-area .top-toolbar .resource-dialog-label.ui-state-default{
     height: 25px;
     background: none;
     border: 1px solid transparent;
     box-shadow: none;
     position: relative;
     top: -2px;
     margin: 0 1px;
}
.edit-area .left-toolbar .ui-state-default{
     height: 25px;
     background: none;
     border: 1px solid transparent;
     box-shadow: none;
     position: relative;
     margin: 0 1px;
}
.object-sprite-property .edit-area .left-toolbar .ui-state-default,
.edit-area .top-toolbar .zoom-in,
.edit-area .top-toolbar .zoom-out,
.edit-area .top-toolbar .zoom-2-1,
.edit-area .top-toolbar .undo,
.edit-area .top-toolbar .redo{
     width:30px;
}
.edit-area .top-toolbar .resource-dialog-label.ui-state-hover,
.edit-area .left-toolbar .ui-state-hover,
.edit-area .top-toolbar .select-button.ui-state-hover,
.edit-area .top-toolbar .toggle-menu-button.ui-state-hover{
    background: rgba(0, 0, 0, 0.27);
    border: 1px solid #101010;
    border-radius: 2px;
    box-shadow: 0 1px 1px rgba(255, 255, 255, 0.1) inset,0 1px 1px rgba(255, 255, 255, 0.1);
}
.ui-button.ui-state-default .ui-icon-triangle-1-s{
    background-image:url("qiyun/icon_11_1.png");
	background-position:-22px 2px;
    width:11px;
}
.ui-button.ui-state-hover .ui-icon-triangle-1-s{
    background-image:url("qiyun/icon_11_1.png");
	background-position:-66px 2px;
    width:11px;
}
.edit-area .show-preview.selected{
     outline:1px solid #000;
}
.edit-area .left-toolbar .ui-state-default .ui-icon{
    background-image:url("qiyun/icon_b6c5d4.png?");
    width:20px;
    height:20px;
    margin-left:-10px;
    margin-top:-10px;
}
.edit-area .left-toolbar .ui-state-hover .ui-icon{
    background-image:url("qiyun/icon_14bef6.png?");
}
.text-toolbar {
    position: absolute;
    top: 0px;
    background-color: rgb(39, 42, 47);
    height: 100%;
    overflow-x:hidden;
    overflow-y:auto;
    z-index:10;
}
/*inner-edit-area*/
.preview-parent {
    width: auto;
    height: auto;
    display: inline-block;
    position: absolute;
    overflow: visible;
}
.cross-hair {
    background-image: url("images/cross.png");
    display: inline-block;
    position: absolute;
    background-size:21px;
    width: 21px;
    height: 21px;
}
.inner-edit-area .preview-text.selected textarea[disabled="disabled"]{
   background: rgba(0, 10, 255, 0.2);
   border: 1px solid rgb(0, 41, 255);
}
.inner-edit-area .preview-text.selected textarea{
   background: rgba(0, 10, 255, 0.2);
   border: 1px solid rgb(10, 255, 216);
}
.inner-edit-area .preview-text textarea{
   resize:none;
   overflow:hidden;
}
.inner-edit-area .preview-text [disabled="disabled"] {
    opacity: 1;
    background: none;
    border: 1px solid transparent;
}
.ui-icon-color{
   background-position:0 -40px;
}
.ui-icon-mirror{
   background-position:-20px -80px;
}
.ui-icon-origin{
   background-position:-20px -40px;
}
.ui-icon-image-point{
   background-position:-40px -40px;
}
.ui-icon-collision-shape{
   background-position:-60px -40px;
}
.ui-icon-text{
   background-position:-80px 0;
}
.left-toolbar .text.ui-state-default.selected{
   background:rgba(0, 0, 0, 0.54);
   box-shadow:0 1px 2px rgba(0, 0, 0, 0.51) inset,0 1px 0 rgba(255, 255, 255, 0.28);    
}
.dblclick-to-add-image{
   color: #000;
   text-align: center;
   top: 50%;
   display: block;
   position: relative;
   font-size:12px;
}
 .ui-tabs-vertical.ui-tabs .ui-tabs-nav li {
     border-radius:3px 0 0 3px;
 }
.movement-content .ui-button-text{
	position:relative;
}
.new-action-flag{
     background-image:url("qiyun/new.png");
     width:16px;
     height:16px;
     float: right;
     top: -2px;
     right: 5px;
     position: absolute;
}
 .add-event-dialog .ui-button {
    height: 32px;
	width: 32px;
	margin: 6px;
 }
/*add by lizhiyao*/
.add-event-dialog .event-search-input {
	right: 10px;
	position: absolute;
	top: 3px;
}
.add-event-dialog .search-input {
	position: absolute;
	top: 10px;
	left: -180px;
    padding-left: 20px;
    /*text-indent:8px;*/
}
.add-event-dialog .sub-event-input{
    background:#000;
}
 .add-event-dialog .ui-button.ui-state-default .ui-icon {
     background-image:url("qiyun/actionIcon.png");
     width:25px;
     height:25px;
     margin-top:-12px;
 }
 .add-event-dialog .event-node {
     display:inline-block;
     background:#272b2e;
     color:#09BEF6;
     margin-right:5px;
     cursor:pointer;
     padding:2px 5px;
     margin-bottom:5px;
 }
 .add-event-dialog .event-pane{
     background: rgba(86, 93, 102, 0.36);
     border: 1px solid #101010;
}
 .add-event-dialog .event-nodes{
     border: 1px solid rgb(16, 16, 16) !important;
     box-shadow: rgba(255, 255, 255, 0.431373) 0px 0px 1px inset;
}
 .add-event-dialog .event-nodes .wraper{
     width:130px;
     display:inline-block;
     position:relative;
     margin:5px;
}
 .add-event-dialog .event-nodes .wraper .ui-button.question{
    margin:-5px 2px 0 0;
}
 .add-event-dialog .event-nodes .wraper .ui-button{
    margin:0;
}
.event-node .show-menu,.action-node .show-menu,.moment-node .show-menu{
     width:22px;
     height:22px;
     top:2px !important;
}
.add-event-dialog .dialog-top label{
     display:inline-block;
     font-size:12px;
     margin:5px;
 }
 .add-event-dialog .dialog-top {
     background: rgba(86, 93, 102, 0.36);
     border: 1px solid #101010;
 }
 .add-event-dialog .ui-layout-center{
     padding:0;
}
.right-bottom-arrow{
     width: 11px;
     height: 11px;
     display: inline-block;
     position: absolute;
     right: 0;
     bottom: 5px;
     background:url("qiyun/icon_11.png") -88px 0;
}
 .add-event-dialog .event-nodes .ui-button.ui-state-default {
     width:130px;
 }
 .add-event-dialog .question.ui-button{
     float: right;
     top: 8px;
     position: absolute;
     right: 5px;
}
.add-event-dialog .question.ui-button .ui-icon{
    left:50%;
}
.add-event-dialog .operation-bar .ui-button.ui-state-default .ui-icon{
   margin-left:-12px;
}
.add-event-dialog .operation-bar .ui-button.ui-state-default .ui-icon-search{
	margin-top:-19px;
}
 .add-event-dialog .operation-bar{
    padding:0;
    overflow:hidden;
    box-shadow: 0 0 1px rgba(255, 255, 255, 0.62) inset;
    border-radius: 3px;
    border-width:1px 1px 0 1px;
    border-color:#101010;
    border-style:solid;
}
.events-dialog {
	overflow: hidden !important;
}


#execute_code textarea{
     background: #1d2937;
     color:#eafeff;
     border:1px solid #101010;
     resize:none;
     height:100px !important;
 }
.widget textarea{
     background:rgba(33, 37, 42, 0.6);
     box-shadow:0 1px 3px rgba(0, 0, 0, 0.17) inset, 0 1px 0 rgba(255, 255, 255, 0.1);
}
 #icon-menu {
     padding:0;
     border-radius:0 0 3px 3px;
     box-shadow:0 2px 5px rgba(0, 0, 0, 0.25);
     max-height:250px;
     overflow-y:auto;
     overflow-x:hidden;
 }
 #icon-menu .icon {
     margin-right: 5px;
     padding:0;
     border:0;
     border-radius:0;
     margin:0;
 }
 #icon-menu .icon.ui-state-focus {
     padding:0;
     border:0;
     margin:0;
 }
 /*object-events*/
 .ui-tabs-vertical {
     overflow:hidden;
 }
 .ui-tabs-vertical .ui-tabs-nav {
     padding:0!important;
     float: right;
     width:20%;
 }
 .ui-tabs-vertical .ui-tabs-nav li {
     clear: left;
     width: 100%;
     border-bottom-width: 1px !important;
     border-right-width: 0 !important;
     margin: 0 -1px .2em 0;
 }
 .ui-tabs-vertical .ui-tabs-nav li a {
     display:block;
 }
 .ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active {
     padding-bottom: 0;
     padding-right: .1em;
     border-right-width: 1px;
     border-right-width: 1px;
 }
 .movements.ui-corner-all {
     overflow-x:hidden;
     border-radius:0;
     box-shadow:0 0 1px rgba(255, 255, 255, 0.75) inset;
 }
 .ui-layout-pane.ui-tabs-vertical {
     overflow-x:hidden;
     box-shadow:0 0 1px rgba(255, 255, 255, 0.5) inset;
 }
 .Objects-dialog .ui-layout-pane-north,
 .scene-events-dialog .events-center .ui-layout-north,
 .events-center .ui-layout-north{
     overflow:hidden;
 }
.events,
.actions {
     background:rgba(86, 93, 102, 0.36);
     border:1px solid #101010;
 }
.condition-list .action-node{
     padding:2px 5px;
}
.moments .moment-node:hover,
.actions .action-node:hover,
.condition-list .action-node:hover,
.events .event-node:hover {
     background:
     #272b2e;
     cursor:pointer;
     color:#fff;
 }
.moments .moment-node.selected,
.actions .action-node.selected,
.events .event-node.selected,
.condition-list .action-node.selected{
     background:#272b2e;
     color:#09BEF6;
 }
.condition-list .action-node.disabled{
	text-decoration:line-through;
}
.actions .action-node.disabled,
.events .event-node.disabled,
.moments .moment-node.disabled{
     text-decoration:line-through;
}
.actions .action-node,
.moments .moment-node,
.events  .event-node {
     padding: 5px;
     margin:2px 0;
     position:relative;
 }
 .physics_property_dialog .bullet-tip {
     font-size:12px;
 }
.movements .ui-layout-pane-north .filter{
    display: inline-block;
    right: 10px;
    position: absolute;
    top: 4px;
}
.movements .ui-layout-pane-north .filter .search-input{
    padding-left:20px;
    width:100px;
    /*text-indent:8px;*/
}
.movements .ui-layout-pane-north .filter .search-icon{
    position: absolute;
    left: 33px;
    top: 5px;
}
.movements .ui-layout-north.ui-layout-pane.ui-layout-pane-north {
	overflow: hidden;
    height: 16px !important;
}
.dialog-inner .is-equal-scale.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-icon-only.equal-scale {
	width: 15px;
	border: none;
	background: none;
	box-shadow: none;
}
.dialog-inner .is-equal-scale.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-icon-only.not_equal-scale {
	width: 15px;
	border: none;
	background: none;
	box-shadow: none;
}
.scene-events-dialog .ui-layout-north.ui-layout-pane.ui-layout-pane-north,
.Skeletons-dialog .ui-layout-north.ui-layout-pane.ui-layout-pane-north,
.import-skeleton-to-object-dialog .ui-layout-north.ui-layout-pane.ui-layout-pane-north {
	overflow: hidden;
}
 /*===========================================Timelines-dialog=======================================*/
 .Timelines-dialog .ui-layout-pane-north {
     overflow:hidden;
 }
 .Timelines-dialog .ui-layout-pane {
     overflow-x:hidden;
 }
 .Timelines-dialog .moments, .Timelines-dialog .actions {
     background:rgba(86, 93, 102, 0.36);
     border:1px solid #101010;
 }
 .main-button {
     font-size:14px !important;
 }

 /*==========================================new-proj-dialog==========================================*/
.proj-type-node {
    display: inline-block;
    text-align: center;
    margin: 0 20px;
}
.proj-type-node p {
    text-overflow: ellipsis;
    max-width: 100px;
    overflow: hidden;
    margin-top: 5px;
    font-size: 14px;
    font-weight: normal;
    white-space: nowrap;
}
.resource-dialog-input {
    padding: .3em;
}
.resource-dialog-label.or {
    display: block;
    margin: 10px 0;
}
 .proj-type-node[value="gamemei"] .image {
     background:#fff;
 }
 .proj-type-node .image {
     cursor:pointer;
 }
 .proj-type-node .image:hover {
     outline:1px solid #fff;
 }
 .proj-type-node.selected .image {
     outline: 1px solid #09BEF6;
     opacity: 0.8;
 }
 /*.uyan_frame */
 /*#uyan_frame {
     background:#EEE;
     overflow:auto;
 }*/
 /*========================================filemgmt-dialog==============================================*/
 .filemgmt-dialog.ui-dialog-content,.select-image-dialog.ui-dialog-content{
     padding:0 0 1em 0 !important;
 }
.filemgmt-dialog .title,.select-image-dialog .title {
  height:100px !important;
}
.file-displayer{
  top:120px !important;
}
 .filemgmt-dialog .dialog-top.ui-layout-pane {
     padding:0;
 }
 .filemgmt-dialog .first-toolbar.ui-layout-pane {
     background:#40454b;
     padding:0 0 0 10px;
     height:50px !important;
     border-width: 0 1px 0 1px;
     border-color: #101010;
     border-style: solid;
     border-radius: 0;
 }
 .filemgmt-dialog .dialog-content {
     top:85px !important;
     background: #40454b;
     border: 1px solid #101010;
 }
 .filemgmt-dialog .tool-buttons,.select-image-dialog .tool-buttons {
     position:relative;
     padding:0 5px;
     border-radius: 5px;
     box-shadow: 0 1px 1px rgba(255, 255, 255, 0.15) inset, 0 2px 2px rgba(0, 0, 0, 0.31);
     border-style:solid;
     border-width:1px;
     border-color:#1B1B1B #1B1B1B #000 #1B1B1B;
     background: -moz-linear-gradient(top, rgba(62, 69, 77, 0.8) 0%, rgba(55, 61, 68, 0.8) 47%, rgba(49, 55, 62, 0.8) 49%, rgba(42, 45, 49, 0.8) 100%);
     /* FF3.6+ */
     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(62, 69, 77, 0.8)), color-stop(47%, rgba(55, 61, 68, 0.8)), color-stop(49%, rgba(49, 55, 62, 0.8)), color-stop(100%, rgba(42, 45, 49, 0.8)));
     /* Chrome,Safari4+ */
     background: -webkit-linear-gradient(top, rgba(62, 69, 77, 0.8) 0%, rgba(55, 61, 68, 0.8) 47%, rgba(49, 55, 62, 0.8) 49%, rgba(42, 45, 49, 0.8) 100%);
     /* Chrome10+,Safari5.1+ */
     background: -o-linear-gradient(top, rgba(62, 69, 77, 0.8) 0%, rgba(55, 61, 68, 0.8) 47%, rgba(49, 55, 62, 0.8) 49%, rgba(42, 45, 49, 0.8) 100%);
     /* Opera 11.10+ */
     background: -ms-linear-gradient(top, rgba(62, 69, 77, 0.8) 0%, rgba(55, 61, 68, 0.8) 47%, rgba(49, 55, 62, 0.8) 49%, rgba(42, 45, 49, 0.8) 100%);
     /* IE10+ */
     background: linear-gradient(to bottom, rgba(62, 69, 77, 0.8) 0%, rgba(55, 61, 68, 0.8) 47%, rgba(49, 55, 62, 0.8) 49%, rgba(42, 45, 49, 0.8) 100%);
     /* W3C */
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cc3e454d', endColorstr='#cc2a2d31', GradientType=0);
     /* IE6-9 */
 }
.mine-or-public .my-resource.ui-state-default,
.mine-or-public .public-resource.ui-state-default{
    background:none !important;
    border-width:0 0 3px 0;
    border-color:#ccc;
    border-style:solid;
    box-shadow:none;
    border-radius:0;
    margin-right:10px;
    width:90px;
}
.assets-or-quote button.ui-state-default{
    background:none !important;
    border-width:0 0 1px 0;
    border-color:transparent;
    border-style:solid;
    box-shadow:none;
    border-radius:0;
    margin-right:20px;
}
 .mine-or-public .my-resource.selected,
 .mine-or-public .public-resource.selected{
    border-bottom:3px solid rgb(6,195,255);
    color: #09BEF6;
}
.assets-or-quote button.ui-state-default.selected{
    border-bottom:1px solid #fff;
    color:#fff;
}
.mine-or-public .my-resource.ui-button-text-only .ui-button-text,
.mine-or-public .public-resource.ui-button-text-only .ui-button-text,
.assets-or-quote button.ui-button-text-only .ui-button-text{
    padding:0.3em 0;
}
.tool-buttons .filter{
    position: absolute;
    right: 10px;
    top: 1px;
}
.thumbnail-mode,
.list-mode{
    position:relative;
    top:-2px;
}
 .list-mode.ui-state-default {
    float:right;
    margin-left: -2px;
    border-radius: 0 3px 3px 0;
    border-left:0 !important;
 }
 .thumbnail-mode.ui-state-default {
    float:right;
    margin-left: -2px;
    border-radius: 3px 0 0 3px;
 }
 .list-mode.ui-state-default .ui-icon-list-mode {
    background:url("qiyun/list.png");
    width:22px;
    height:22px;
    margin-top:-12px;
    margin-left:-11px;
 }
 .list-mode.ui-state-default.selected .ui-icon-list-mode {
    background:url("qiyun/list_h.png");
 }
 .thumbnail-mode.ui-state-default .ui-icon-thumbnail-mode {
    background:url("qiyun/thumbnail.png");
    width:22px;
    height:22px;
    margin-top:-12px;
    margin-left:-11px;
 }
 .thumbnail-mode.ui-state-default.selected .ui-icon-thumbnail-mode {
    background:url("qiyun/thumbnail_h.png");
 }
 .thumbnail-mode.ui-state-default.selected, .list-mode.ui-state-default.selected {
    background: -moz-linear-gradient(top, rgba(42, 45, 49, 0.8) 0%, rgba(49, 55, 62, 0.8) 51%, rgba(55, 61, 68, 0.8) 53%, rgba(62, 69, 77, 0.8) 99%, rgba(62, 69, 77, 0.8) 100%);
     /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(42, 45, 49, 0.8)), color-stop(51%, rgba(49, 55, 62, 0.8)), color-stop(53%, rgba(55, 61, 68, 0.8)), color-stop(99%, rgba(62, 69, 77, 0.8)), color-stop(100%, rgba(62, 69, 77, 0.8)));
     /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(42, 45, 49, 0.8) 0%, rgba(49, 55, 62, 0.8) 51%, rgba(55, 61, 68, 0.8) 53%, rgba(62, 69, 77, 0.8) 99%, rgba(62, 69, 77, 0.8) 100%);
     /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(42, 45, 49, 0.8) 0%, rgba(49, 55, 62, 0.8) 51%, rgba(55, 61, 68, 0.8) 53%, rgba(62, 69, 77, 0.8) 99%, rgba(62, 69, 77, 0.8) 100%);
     /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(42, 45, 49, 0.8) 0%, rgba(49, 55, 62, 0.8) 51%, rgba(55, 61, 68, 0.8) 53%, rgba(62, 69, 77, 0.8) 99%, rgba(62, 69, 77, 0.8) 100%);
     /* IE10+ */
    background: linear-gradient(to bottom, rgba(42, 45, 49, 0.8) 0%, rgba(49, 55, 62, 0.8) 51%, rgba(55, 61, 68, 0.8) 53%, rgba(62, 69, 77, 0.8) 99%, rgba(62, 69, 77, 0.8) 100%);
     /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cc2a2d31', endColorstr='#cc3e454d', GradientType=0);
     /* IE6-9 */
 }
 .filemgmt-dialog .dialog-content.ui-layout-pane,.select-image-dialog .dialog-content.ui-layout-pane {
    padding:10px 0;
 }
.filemgmt-dialog .dialog-content .list-node .custom-checkbox p ,
.select-image-dialog .dialog-content .list-node .custom-checkbox p{
    display:inline-block;
 }
.filemgmt-dialog .dialog-content .list-node .custom-checkbox label,
.select-image-dialog .dialog-content .list-node .custom-checkbox label{
    background-position:0 10px;
 }
.filemgmt-dialog .dialog-content .list-node,
.select-image-dialog .dialog-content .list-node{
    border-color:transparent;
    border-width:1px 0 1px 0;
    border-style:solid;
    padding-left:10px;
 } 
.filemgmt-dialog .list-node p,
.select-image-dialog .list-node p {
    position:relative;
    top:-10px;
}
.filemgmt-dialog .dialog-content .list-node p:hover,
.select-image-dialog .dialog-content .list-node p:hover{
    text-decoration:underline;
 }
.filemgmt-dialog .dialog-content .list-node:hover,
.select-image-dialog .dialog-content .list-node:hover{
    background-color:/* #4e5b68*/#272B2E;
    border-color:#101010;
    border-width:1px 0 1px 0;
    border-style:solid;
    color: #fff;
 }
.filemgmt-dialog .list-node .icon,
.select-image-dialog .list-node .icon {
    position: relative;
    top: -3px;
}
.filemgmt-dialog .list-node .image-icon,
.select-image-dialog .list-node .png{
    background:url("qiyun/sprite.png") 0 0 no-repeat;
    width:25px;
    height:25px;
    display:inline-block;
    border:0;
 }
.select-image-dialog .list-node .exportjson{
    background:url("qiyun/lettericon_25.png") 0 0 no-repeat;
    background-position: -75px 0px;
    width:25px;
    height:25px;
    display:inline-block;
    border:0;
 }
.select-image-dialog .list-node .json{
    background:url("qiyun/lettericon_25.png") 0 0 no-repeat;
    background-position: 0px 0px;
    width:25px;
    height:25px;
    display:inline-block;
    border:0;
 }
.select-image-dialog .list-node .plist{
    background:url("qiyun/lettericon_25.png") 0 0 no-repeat;
    background-position: -25px 0px;
    width:25px;
    height:25px;
    display:inline-block;
    border:0;
 }
.select-image-dialog .list-node .atlas{
    background:url("qiyun/lettericon_25.png") 0 0 no-repeat;
    background-position: -50px 0px;
    width:25px;
    height:25px;
    display:inline-block;
    border:0;
 }
.filemgmt-dialog .list-node .audio-icon,
.select-image-dialog .list-node .audio-icon{
    background:url("qiyun/audio25.png") 0 0 no-repeat;
    width:25px;
    height:25px;
    display:inline-block;
    border:0;
 }
.filemgmt-dialog .list-node .font-icon,
.select-image-dialog .list-node .font-icon{
    background:url("qiyun/fonts.png") 0 0 no-repeat;
    width:25px;
    height:25px;
    display:inline-block;
    border:0;
 }
.filemgmt-dialog .list-node .folder-icon,
.select-image-dialog .list-node .folder-icon{
    background:url("qiyun/file25.png") 0 0 no-repeat;
    width:25px;
    height:25px;
    display:inline-block;
    border:0;
 }
.ui-button.ui-state-default .ui-icon-refresh {
    background:url("qiyun/icon_b6c5d4.png??") -160px -40px no-repeat;
    width:20px;
    height:20px;
    margin-top: -10px;
    margin-left:-10px;
 }
.ui-button.ui-state-hover .ui-icon-refresh {
    background:url("qiyun/icon_14bef6.png?") -160px -40px no-repeat;
 }
.import.ui-state-default .ui-icon-import-file {
    background:url("qiyun/icon_b6c5d4.png?") -20px -60px no-repeat;
    width:20px;
    height:20px;
    margin-top: -10px;
    margin-left:-10px;
 }
 .import.ui-state-hover .ui-icon-import-file {
    background:url("qiyun/icon_14bef6.png?") -20px -60px no-repeat;
 }
 .back.ui-state-default .ui-icon-back {
    background:url("qiyun/icon_b6c5d4.png?") -120px -40px no-repeat;
    width:20px;
    height:20px;
    margin-top: -10px;
    /*margin-left:-10px;*/
 }
 .back.ui-state-hover .ui-icon-back {
    background:url("qiyun/icon_14bef6.png?") -120px -40px no-repeat;
 }
.new-folder.ui-state-default .ui-icon-new-folder {
    background:url("qiyun/icon_b6c5d4.png?") 0 -60px no-repeat;
    width:20px;
    height:20px;
    margin-top: -10px;
    margin-left:-10px;
 }
.new-folder.ui-state-hover .ui-icon-new-folder {
    background:url("qiyun/icon_14bef6.png?") 0 -60px no-repeat;
 }
 .folder-list .folder-node {
    border:1px solid transparent;
 }
 .folder-list .folder-node:hover {
    cursor:pointer;
    background-color: #4e5b68;
    border: 1px solid #101010;
    color: #fff;
 }
 .folder-list .folder-node.selected {
    background-color: #272B2E;
    border: 1px solid #101010;
    color: #fff;
 }
 .folder-list.ui-dialog-content {
    overflow:auto!important;
 }
 .folder-list li {
    list-style:none;
 }
 .folder-list .folder-node {
    white-space:nowrap;
    overflow:hidden;
 }
 .folder-node .folder-icon {
    background:url("qiyun/icon_b6c5d4.png?") -180px -40px no-repeat;
    width:20px;
    height:20px;
    display:inline-block;
 }
 .folder-node.expanded .folder-icon {
    background:url("qiyun/icon_b6c5d4.png?")-40px -60px no-repeat;
    width:20px;
    height:20px;
    display:inline-block;
 }
 /*=================================================workspace=========================================*/
.workspace.ui-tabs .ui-tabs-nav li a{
    padding: .2em 1em;
}
 .workspace.ui-widget-content {
    background:none;
    border:none;
    overflow:hidden;
    padding:0 !important;
 }
.Scenes-dialog {
    background: url(images/previewBg.png) !important;
}
 .Scenes-dialog.ui-tabs-panel.ui-widget-content.ui-corner-bottom {
    background:url("qiyun/cellbg.png");
    outline:1px solid #000;
    border-radius:0;
 }
.Scenes-dialog .toolbuttons .ui-state-default{
    width: 30px;
    height: 25px;
    background:none;
    border:1px solid transparent;
    box-shadow:none;
    position:relative;
    top:1px;
    margin:0 1px;
 }
.Scenes-dialog .toolbuttons .ui-state-hover{
    background: rgba(0, 0, 0, 0.27);
    border: 1px solid #101010;
    border-radius: 2px;
    box-shadow: 0 1px 1px rgba(255, 255, 255, 0.1) inset,0 1px 1px rgba(255, 255, 255, 0.1);
 }
.Scenes-dialog.ui-tabs-panel{
    height:96% !important;
}
 .Scenes-dialog .toolbuttons{
    left:0;
    top:0;
    padding: 0;
    overflow: hidden;
    border-radius: 0;
    background: #343B47;
}
.Scenes-dialog .toolbuttons .eventSheet.ui-state-default{
    background: rgb(53, 201, 53) !important;
    color: #0A3103;
    /*text-shadow: 0 1px 1px #fff;*/
    border-radius:0;
    border: 1px solid #101010;
    width:85px;
    position:absolute;
    right:2px;
    font-size:12px;
}
.split{
    width: 1px;
    height: 16px;
    background-color: rgba(255, 255, 255, 0.1);
    border-left: 1px solid #101010;
}
 .Scenes-dialog .split{
    top: 4px;
    position: relative;
}
 .toolbuttons {
    background: rgba(0, 0, 0, 0.62);
    border-radius: 5px;
    top:10px;
    left:10px;
 }

 .Scenes-dialog .bg-element{
    text-align:center;
}
 .Scenes-dialog .dblclick-tip{
    color: #000;
    font-size: 12px;
    line-height:480px;
}
.moveByTools .ui-state-default .ui-icon{
    background-image:url("qiyun/icon_b6c5d4.png?");
    width:20px;
    height:20px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform:  rotate(-45deg);
    -moz-transform: rotate(-45deg);
    margin:-12px 0 0 5px;
}
.moveByTools .ui-state-hover .ui-icon{
    background-image:url("qiyun/icon_14bef6.png?");
}
.ui-icon-moveByUp{
    background-position:-80px -40px;
}
.ui-icon-moveByRight{
    background-position:-140px -40px;
}
.ui-icon-moveByDown{
    background-position:-100px -40px;
}
.ui-icon-moveByLeft{
    background-position:-120px -40px;
}
.ui-icon-moveBySet{
    background-position:-20px -20px;
    margin: -10px 0 0 -3px !important;
}
.ui-icon-copy {
    background-position:-25px -125px;
 }
.ui-icon-cut {
    background-position:-140px -20px;
 }
.ui-icon-paste {
    background-position:-180px -20px;
 }
.ui-icon-align-distribute-to-resource{
    background-position:-20px -100px;
    left:15px !important;
}
.ui-icon-align-distribute-to-scene{
    background-position:-40px -80px;
    left:15px !important;
}
.align-to-left .ui-icon-align{
    background-position:-60px -80px;
}
.align-to-h-center .ui-icon-align{
    background-position:-80px -80px;
}
.align-to-right .ui-icon-align{
    background-position:-100px -80px;
}
.align-to-top .ui-icon-align{
    background-position:-120px -80px;
}
.align-to-v-center .ui-icon-align{
    background-position:-140px -80px;
}
.align-to-bottom .ui-icon-align{
    background-position:-160px -80px;
}
.distribute-horizontal .ui-icon-distribute{
    background-position:0 -100px;
}
.distribute-vertical .ui-icon-distribute{
    background-position:-180px -80px;
}
.edit-scene-collision-shape .ui-icon-collisionShapeDialog{
    background-position:-40px -100px;
}
.Scenes-dialog .toolbuttons .select-align-distribute-type.ui-state-default{
    width:40px;
}
.select-align-distribute-type.ui-state-default .ui-icon-drop-down{
    background: url("qiyun/icon_11_1.png") -22px 0 !important;
    width:12px !important;
    height:12px !important;
    position:relative;
    top: -8px;
    left: 32px;
 }
.select-align-distribute-type.ui-state-hover .ui-icon-drop-down{
    background: url("qiyun/icon_11_1.png") -66px 0 !important;
}
.okButton .ui-icon-btn{
    background-position:-120px -60px;
}
.undoButton .ui-icon-btn{
    background-position:-100px -20px;
}
.redoButton .ui-icon-btn{
    background-position:-120px -20px;
}
 .scene-content {
    border:1px solid #000;
 }
.add-resource.ui-state-default.cross .ui-icon,.cross {
    cursor: crosshair !important;
 }
.rotate-object{
    cursor:url('qiyun/rotate.png'),defalut;   
}
 .settings-nav.ui-state-default,
.layers-nav.ui-state-default,
.background-nav.ui-state-default, 
.objects-nav.ui-state-default,
.layers-nav.ui-state-default {
    font-size:12px !important;
 }
/*==============================================properties=========================================*/
.properties{
    padding: 0 !important;
}
 /*scenes-properties-pane*/
.scenes-properties-pane {
    border-top:1px solid #101010;
 }
.properties .ui-layout-pane-north{
    padding:3px 10px;
}
.scenes-properties-pane.ui-accordion .ui-accordion-content{
    overflow:auto !important;
}
.scenes-properties-pane.ui-accordion .ui-accordion-header{
    font-size:12px;
    background: -moz-linear-gradient(top, rgba(62, 69, 77, 0.8) 0%, rgba(55, 61, 68, 0.8) 47%, rgba(49, 55, 62, 0.8) 49%, rgba(42, 45, 49, 0.8) 100%);
     /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(62, 69, 77, 0.8)), color-stop(47%, rgba(55, 61, 68, 0.8)), color-stop(49%, rgba(49, 55, 62, 0.8)), color-stop(100%, rgba(42, 45, 49, 0.8)));
     /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(62, 69, 77, 0.8) 0%, rgba(55, 61, 68, 0.8) 47%, rgba(49, 55, 62, 0.8) 49%, rgba(42, 45, 49, 0.8) 100%);
     /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(62, 69, 77, 0.8) 0%, rgba(55, 61, 68, 0.8) 47%, rgba(49, 55, 62, 0.8) 49%, rgba(42, 45, 49, 0.8) 100%);
     /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(62, 69, 77, 0.8) 0%, rgba(55, 61, 68, 0.8) 47%, rgba(49, 55, 62, 0.8) 49%, rgba(42, 45, 49, 0.8) 100%);
     /* IE10+ */
    background: linear-gradient(to bottom, rgba(62, 69, 77, 0.8) 0%, rgba(55, 61, 68, 0.8) 47%, rgba(49, 55, 62, 0.8) 49%, rgba(42, 45, 49, 0.8) 100%);
     /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cc3e454d', endColorstr='#cc2a2d31', GradientType=0);
     /* IE6-9 */
 }
 .scenes-properties-pane.ui-accordion .ui-accordion-header.ui-state-hover, .scenes-properties-pane.ui-accordion .ui-accordion-header.ui-accordion-header-active {
    color:#fff;
 }
.scenes-properties-pane{
    height:99%;
}
.global-properties-pane,
.objects-properties-pane,
.texts-properties-pane,
.inputs-properties-pane,
.videos-properties-pane,
.iframes-properties-pane {
    background: #353a40;
    color: #c8d2da;
    /*text-shadow: 0 1px 1px #000;*/
    font-size: 14px;
    padding: 10px;
    border: 1px solid #101010;
    /*margin-top:10px;*/
 }
.videos-properties-pane .select-button {
	position: relative !important;
	float: left
}
.videos-properties-pane .clear {
	display: none;
	position: relative !important;
	float: left;
	top: 7px;
	left: -20px;
}
/*视频跳过*/
.skipBtnPropertyWraper .custom-checkbox{
	margin-top: 5px;
}
.skipBtnPropertyWraper .video-skipBtn-pane .label {
	width: 73px;
}
.skipBtnPropertyWraper .video-skipBtn-pane .video-skipBtn-pictureWraper {
	width: 30px;
    height: 30px;
    position-size: 100%;
}
.videos-properties-pane .ui-button-text {
    max-width: 60px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.objects-properties-pane input {
	width: 145px;
}
.objects-properties-pane .question {
	margin-left: 5px;
}

.texts-properties-pane input,
.inputs-properties-pane input{
    width: 80px;
}
.objects-properties-pane .ui-spinner input,
.texts-properties-pane .ui-spinner input,
.inputs-properties-pane .ui-spinner input{
    width: 40px;
}
.objects-properties-pane .ui-spinner,
.texts-properties-pane .ui-spinner,
.inputs-properties-pane .ui-spinner{
    width:75px;
}
.objects-properties-pane .behavior{
    min-height:90px;
}
.objects-properties-pane .behavior .content{
    min-height:40px;
}
.objects-properties-pane .is-equal-scale.ui-state-default,
.animationData .is-equal-scale.ui-state-default,
#set_scale .is-equal-scale.ui-state-default{
    width:25px;
    height:25px;
    background:none;
    border:0;
    box-shadow:none;
    position:relative;
    top:20px;
}
.animationData .is-equal-scale.ui-state-default,
#set_scale .is-equal-scale.ui-state-default{
    top:15px;
}
.is-equal-scale.ui-state-default .ui-icon{
    background-image:url("qiyun/icon_b6c5d4.png");
    margin-top: -10px;
    margin-left: -10px;
    width:20px;
    height:20px;
}
.is-equal-scale.ui-state-hover .ui-icon{
    background-image:url("qiyun/icon_14bef6.png");
}
.equal-scale,
.not_equal-scale .equal-scale{
    background-position:-160px -100px;
}
.not_equal-scale{
    background-position:-180px -100px;
}
 .select-background {
    display: block !important;
    margin: 5px 0;
 }
 .background table {
    margin: 0px;
 }
.properties .ui-layout-pane-north label{
    color: #c8d2da;
    font-size: 12px;
}
.properties .ui-layout-pane-center{
    padding:0 10px 10px 10px;
    top:30px !important;
}
/*layers*/
 .layer-toolbar {
    background: rgba(87, 87, 87, 0.4);
    border-bottom: 1px solid #000;
    padding-left:15px;
    word-wrap: normal;
    white-space: nowrap;
 }
 .layer-content {
    padding-left:0;
    margin-top:0;
 }
/*.layer-item .ui-state-default,*/
.operate-object .ui-state-default {
    background:none !important;
    border:none !important;
    box-shadow:none !important;
 }
 .layer-visible.ui-state-default {
    border-right: 1px solid #101010 !important;
    border-radius: 0;
    box-shadow: -1px 0 1px rgba(255, 255, 255, 0.18) inset !important;
    
 }
 .layer-item {
    /*border-bottom:1px solid #101010;*/
    border-top: 1px solid rgba(255, 255, 255, 0.09);
    font-size:12px;
 }
/* .layer-item.selected, .layer-item.selected:hover {
    background-color: #272B2E;
    color: #09BEF6;
    border-bottom:1px solid #101010;
     
 }*/
 /*.layer-item:hover {
    background-color: #4e5b68;
    color: #fff;
 }*/
 .layer-toolbar .ui-state-default .ui-icon {
    background-image:url("qiyun/icon_b6c5d4.png?");
    width:20px;
    height:20px;
    margin-left:-10px;
    margin-top:-10px;
 }
 .layer-toolbar .ui-state-hover .ui-icon.ui-icon-up,.layer-toolbar .ui-state-hover .ui-icon.ui-icon-down{
    background-image:url("qiyun/icon_14bef6.png?");
}
.ui-icon-up{
    background-position:-80px -40px;
}
.ui-icon-down{
    background-position:-100px -40px;
}
.layer-toolbar .ui-state-default,
.image-point-dialog .ui-layout-north .ui-state-default{
    background:none !important;
    border:none !important;
    box-shadow:none !important;
    width:30px;
    height:25px;
    border-radius:3px;
}
.layer-toolbar .ui-state-hover,
.image-point-dialog .ui-layout-north .ui-state-hover{
    background:rgba(0, 0, 0, 0.27) !important;
    border: 1px solid #101010 !important;
    border-radius: 2px;
    box-shadow: 0 1px 1px rgba(255, 255, 255, 0.1) inset,0 1px 1px rgba(255, 255, 255, 0.1) !important;
}
.operate-object .ui-state-default .ui-icon {
    background-image:url("qiyun/layerbar-icon_b.png");
    width:20px;
    height:20px;
    margin-top:-12px;
 }
 .layer-toolbar .ui-state-hover .ui-icon, .operate-object .ui-state-hover .ui-icon {
    background-image:url("qiyun/layerbar-icon.png");
 }
 .operate-object .ui-state-default {
    width:20px;
    height:20px;
 }
 .layer-item .ui-state-default .ui-icon {
    background-image:url("qiyun/layerbar-icon_b.png");
    width:15px;
    height:15px;
    margin-left:-10px;
    margin-top:-10px;
    left:13px;
    top:17px;
 }
 .layer-item .ui-state-hover .ui-icon {
    background-image:url("qiyun/layerbar-icon.png");
 }
 .layer-toolbar .ui-button-icon-only {
    width:1.8em;
 }
 .layer-text {
    margin-left:10px;
    max-width: 50%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    line-height: 1;
    display:inline-block;
    position:relative;
    top:3px;
 }
 .layer-object-count {
    float:right;
    margin-top: 5px;
    margin-right:5px;
 }
 .layer-lock {
    float:right;
 }
 .ui-icon-addLayer {
    background-position:0 0;
 }
 .operate-object .ui-state-default .ui-icon.ui-icon-moveup,
 .ui-icon-upLayer {
    background-position:-20px 0;
 }
 .operate-object .ui-state-default .ui-icon.ui-icon-movedown,
 .ui-icon-downLayer {
    background-position:-40px 0;
 }
 .ui-icon-editLayer {
    background-position:-60px 0;
 }
 .ui-icon-lockLayer {
    background-position:-80px 0;
 }
 .ui-icon-deleteLayer {
    background-position:-100px 0;
 }
 .ui-icon.ui-icon-visible {
    background-position:-120px -2px;
 }
 .ui-icon.ui-icon-lock, .invisible .ui-icon.ui-icon-visible {
    background-position:15px 15px;
    border-width:1px;
    border-style:solid;
    border-color: rgba(255, 255, 255, 0.4) #000 #000 rgba(255, 255, 255, 0.4);
    left:15px;
    top:17px;
 }
 .locked .ui-icon.ui-icon-lock {
    width: 20px !important;
    height: 20px !important;
    background-position:-142px -2px;
    border:1px solid transparent;
 }
 .sticky .ui-icon.ui-icon-sticky {
    width: 20px !important;
    height: 20px !important;
    background-position:-180px -2px;
    border:1px solid transparent;
 }
 .not-sticky .ui-icon.ui-icon-sticky {
    width: 20px !important;
    height: 20px !important;
    background-position:-200px -2px;
    border:1px solid transparent;
 }
 .ui-icon-collapsed .ui-icon.ui-icon-toggle-sub-objects {
    width: 20px !important;
    height: 20px !important;
    background-position:-221px -2px;
    top:15px;
    left:17px;
 }
 .ui-icon-expand .ui-icon.ui-icon-toggle-sub-objects {
    width: 20px !important;
    height: 20px !important;
    background-position:-240px -2px;
 }
/*add by lizhiyao*/
.layer-ignore25d.not-ignore25d .ui-icon-ignore25d {
	width: 20px !important;
    height: 20px !important;
    background-position:-260px -2px;
}
.layer-ignore25d.ignore25d .ui-icon-ignore25d {
	width: 20px !important;
    height: 20px !important;
    background-position:-280px -2px;
}

 .sub-objects.ui-sortable {
    box-shadow: rgba(0, 0, 0, 0.568627) 0px 3px 5px;
    color:#c8d2da;
    min-height:20px;
 }
 .sub-objects li:hover {
    color:#fff;
    cursor:pointer;
    background:rgba(0, 0, 0, 0.2);
 }
 .sub-objects li.selected {
    background:rgba(0, 0, 0, 0.46);
    color:#09BEF6;
 }
 .layers li {
    list-style:none;
    padding-left:20px;
 }
 .sub-objects.ui-sortable li {
    padding:5px 0;
 }
 .ui-icon-close {
    background-position: -80px -128px;
    opacity:0.8;
 }
 .ui-icon-close:hover {
    opacity:1;
 }
 .objects .resource-dialog-label.add_object_tip {
    margin-top:10px;
    display:block;
    font-size:12px;
 }
 .object.ui-draggable.selected,
 .scroller.ui-draggable.selected{
    background-color:rgba(0, 0, 0, 0.3);
 }
.scene-inner .object,
.scene-inner .input{
    border:1px solid transparent;
}
 .object.ui-draggable.selected,
.input.ui-draggable.selected{
    border:1px solid blue;
    background-color:rgba(0, 0, 0, 0);
}
 .ui-draggable.ui-draggable-dragging {
    cursor:move;
 }
.settings input,
.objects input,
.background input,
.physics input,
.views input{
    width:80px;
 }
/*.physics .custom-checkbox{
    margin:10px;
}
*/
 .views .custom-checkbox {
    padding:10px;
 }
 .custom-checkbox.disabled{
    opacity:0.4;
}
 .view-list li {
    list-style:none;
 }
 .view-list {
    padding-left:10px;
 }
 .view-item {
    padding:2px;
 }
 .view-item.selected, .view-item.selected:hover {
    background-color: #272B2E;
    border:0;
    color: #fff;
 }
 .view-item:hover {
    background-color: #4e5b68;
    color: #fff;
 }
 .view-element {
    border: 3px dashed;
    background:rgba(0, 0, 0, 0.41);
 }
 .operate-object {
    min-width:5px;
 }
 .operate-object {
    top:0 !important;
    right:0 !important;
 }
 .status-bar {
    bottom:0;
    color: #c8d2da;
    background: #000;
    font-size: 12px;
    width: 100%;
    padding-left:10px;
    left:0;
    z-index:1;
    position: fixed;
 }
.status-bar div,
.status-bar .mouse-position{
    margin-right:15px;
    display: inline-block;
}

.scrollers-properties-pane{
  	background: #353a40;
 	color: #c8d2da;
 	/* text-shadow: 0 1px 1px #000;*/
  	font-size: 14px;
  	padding: 10px;
  	border: 1px solid #101010;
  	/*margin-top: 10px;*/
}
.scrollers-properties-pane input.ui-widget-content{
  	width: 70%;
}
.scroller-element td{
  	box-shadow: 0 0 1px #000 inset;
  	padding:0;
}
.scroller-element table{
  	border-spacing: 0;
}
.scroller-layout{
  	border: 1px solid #101010;
  	padding: 10px;
  	box-shadow: 0 0 1px rgba(255, 255, 255, 0.4) inset;
}
.scrollers-properties-pane .source-property{
	margin-top:5px;
}
 /*================================================settings========================================*/
 .ui-accordion .resource-content.ui-accordion-content {
     box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3) inset;
     color: #798ea1;
     /*text-shadow: 0 1px 1px #000;*/
     background-color: #212830;
 }
 .resource-content{
     border-bottom:1px solid #101010 !important;
 }
 .settings table, .objects table {
     padding:10px;
 }
 .settings .custom-checkbox {
     margin-left:10px;
 }
.objects-properties-pane .behavior .content{
    background: rgba(86, 93, 102, 0.36);
    border: 1px solid #101010;
    padding: 5px;
    width:auto !important;
    top:auto !important;
}
.scenes-properties-pane .extend .content,
.objects-properties-pane .extend .content{
    background: rgba(86, 93, 102, 0.36);
    border: 1px solid #101010;
    padding: 5px;
    width:auto !important;
    top:auto !important;
}
.global-settings-dialog .extend-properties .content{
    background: rgba(86, 93, 102, 0.36);
    border: 1px solid #101010;
    padding: 5px;
    width:auto !important;
    height:auto !important;
}
.scenes-properties-pane .extend .one-variable:hover,
.global-settings-dialog .extend-properties .one-variable:hover,
.objects-properties-pane .extend .one-variable:hover,
.objects-properties-pane .behavior .content .one-behavior:hover{
    background: #272b2e;
    color:#fff;
    cursor:pointer;
}
.scenes-properties-pane .extend .content .one-variable.selected,
.global-settings-dialog .extend-properties .content .one-variable.selected,
.objects-properties-pane .extend .one-variable.selected,
.objects-properties-pane .behavior .content .one-behavior.selected{
    background: #272b2e;
    color:#09BEF6;
}
.scenes-properties-pane .extend .content .one-variable,
.global-settings-dialog .extend-properties .content .one-variable,
.objects-properties-pane .extend .one-variable,
.objects-properties-pane .behavior .content .one-behavior{
    margin-bottom:2px;
    cursor:pointer;
    position:relative;
    list-style:none;
}
.scenes-properties-pane .extend .content .label,
.scenes-properties-pane .extend .content .widget,
.global-settings-dialog .extend-properties .label,
.global-settings-dialog .extend-properties .widget,
.objects-properties-pane .extend .content .label,
.objects-properties-pane .extend .content .widget{
   max-width:20%;
   overflow:hidden;
   text-overflow:ellipsis;
   white-space: nowrap;
   display: inline-block;
}
.scenes-properties-pane .extend .content .comment,
.objects-properties-pane .extend .content .comment{
   max-width: 50%;
   white-space: nowrap;
   text-overflow: ellipsis;
   position: absolute;
   right: 0;
   display: inline-block;
   overflow: hidden;
}
.global-settings-dialog .extend-properties .comment{
   max-width: 50%;
   white-space: nowrap;
   text-overflow: ellipsis;
   position: absolute;
   right: 50px;
   display: inline-block;
   overflow: hidden;
}
.scenes-properties-pane .extend .buttons,
.objects-properties-pane .extend .buttons,
.objects-properties-pane .behavior .title{
  overflow:hidden;
  padding:0;
  top:auto !important;
}
.extend{
  border-radius:3px 3px 0 0;
}
.resize-extend{
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid #1b1e24;
}
.global-settings-dialog .extend-properties .buttons,
.behavior-dialog .ui-layout-north{
  	overflow:hidden;
    height:20px !important;
    padding: 10px 0;
}
 .resource-dialog-label {
  white-space: nowrap;
  /*text-shadow:0 1px 1px #000;*/
 }
.physics .gravity-x,
.physics .gravity-y{
  margin:2px 0;
}
 .zh-cn-preview,
 .en-us-preview {
    overflow:auto !important;
    height:90%;
    background:url("qiyun/cellbg.png");
 }
.global-settings-dialog .animationPlayPause{
    float:right;
}
.global-settings-dialog .custom-radio{
    margin-right:15px;
}
.game-icon-tip{
   font-size: 12px;
   display: block;
}
.apk-icon-tip{
    font-size:12px;
}
/*.global-settings-dialog*/
.global-settings-dialog .extend-properties{
   left:2px;
   border-radius:3px 3px 0 0;
}
.sheet .global-variables .variables .node .ui-icon,
.global-settings-dialog .extend-properties .content .one-variable .ui-icon {
    width: 18px;
    height: 18px;
    display: inline-block;
    position: absolute;
}
.sheet .global-variables .variables .node .auto-save,
.global-settings-dialog .extend-properties .content .one-variable .auto-save{
    background:url("qiyun/icon_b6c5d4.png") -140px -100px no-repeat;
    right: 2px;
    top: 1px;
}
.sheet .global-variables .variables .node .server-variable,
.global-settings-dialog .extend-properties .content .one-variable .server-variable{
    background:url("qiyun/icon_b6c5d4.png") 0 -120px no-repeat;
    right:30px;
    top:1px;
}
.sheet .global-variables .variables .node .auto-save:hover,
.global-settings-dialog .extend-properties .content .one-variable .auto-save:hover{
    background:url("qiyun/icon_14bef6.png") -140px -100px no-repeat;
}
.sheet .global-variables .variables .node .server-variable:hover,
.global-settings-dialog .extend-properties .content .one-variable .server-variable:hover{
    background:url("qiyun/icon_14bef6.png") 0 -120px no-repeat;
}
.sheet .global-variables .variables .node .not-auto-save,
.global-settings-dialog .extend-properties .content .one-variable .not-auto-save{
	background:none;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(255, 255, 255, 0.4) #000 #000 rgba(255, 255, 255, 0.4);
    right: 2px;
    top: 1px;
}
.sheet .global-variables .variables .node .not-server-variable,
.global-settings-dialog .extend-properties .content .one-variable .not-server-variable{
	background:none;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(255, 255, 255, 0.4) #000 #000 rgba(255, 255, 255, 0.4);
    right: 30px;
    top: 1px;
}
.global-settings-dialog .add-folder{
   margin-left:0;
}
.global-settings-dialog .extend-properties .folder-title.selected .expand-folder.expanded{
    background: url("qiyun/icon_14bef6.png?") -40px -60px no-repeat;
    width:20px;
    height:20px;
    display:inline-block;
    position:relative;
    top:3px;
}
.global-settings-dialog .extend-properties .folder-title .expand-folder.expanded{
    background: url("qiyun/icon_b6c5d4.png?") -40px -60px no-repeat;
    width:20px;
    height:20px;
    display:inline-block;
    position:relative;
    top:3px;
}
.global-settings-dialog .extend-properties .folder-title.selected .expand-folder.collapsed{
    background: url("qiyun/icon_14bef6.png?") -180px -40px no-repeat;
    width:20px;
    height:20px;
    display:inline-block;
    position:relative;
    top:3px;
}
.global-settings-dialog .extend-properties .folder-title .expand-folder.collapsed{
    background: url("qiyun/icon_b6c5d4.png?") -180px -40px no-repeat;
    width:20px;
    height:20px;
    display:inline-block;
    position:relative;
    top:3px;
}
.global-settings-dialog .extend-properties .folder-title{
    margin-bottom:2px;
    position:relative;
}
.global-settings-dialog .extend-properties .folder-title:hover {
background: #272b2e;
color: #fff;
cursor: pointer;
}
.global-settings-dialog .extend-properties .folder-title.selected {
background: #272b2e;
color: #09BEF6;
}
.global-settings-dialog .extend-properties .folder-content{
  list-style: none;
  padding-left: 20px;
  min-height:10px;
  background: rgba(86, 93, 102, 0.36);
  border: 1px solid #101010;
  padding: 5px;
}
 /*=============================================keyframes-dialog==========================================*/
 .keyframes-dialog .tool-bar .ui-state-default {
     font-size:14px;
 }
 .keyframes-dialog .tool-bar {
     height:30px !important;
     overflow:hidden;
 }
 .keyframes-dialog .tool-bar .ui-state-default .ui-icon {
     background-image:url("qiyun/icon25_b.png");
     width:25px;
     height:25px;
     margin-top: -12px;
     margin-left: -2px;
 }
 .keyframes-dialog .tool-bar .ui-state-hover .ui-icon {
     background-image:url("qiyun/icon25.png");
     width:25px;
     height:25px;
 }
 .keyframes-dialog .frame-list {
     background-color:#40454b;
     border:1px solid #101010;
 }
 .frame-node {
     display: inline-block;
     width: 150px;
     height: 150px;
     text-align: center;
     margin: 0 5px 5px 0;
 }
 .frame-node p {
     max-width: 150px;
     text-overflow: ellipsis;
     overflow: hidden;
     white-space: nowrap;
 }
 .frame-node p:hover {
     cursor:pointer;
 }
 .frame-node .preview {
     border:1px solid transparent;
 }
 .frame-node.selected .preview {
     background-color: #272b2e !important;
     outline: 5px solid #fff;
 }
 .frame-node .preview:hover {
     background-color:#4e5b68 !important;
     border:1px solid #101010;
 }
 /*=============================================install-font-dialog=======================================*/
 .Fonts-dialog .select-font .ui-button .ui-button-text {
     max-width: 120px;
     white-space: nowrap;
     text-overflow: ellipsis;
     overflow: hidden;
 }
 .Fonts-dialog .select-font {
     margin-bottom:5px;
 }
.Fonts-dialog fieldset{
     overflow:hidden !important;
}
 .install-font .ui-button-text {
     font-size:12px;
 }
 .install.ui-state-default .ui-icon-install {
     background:url("qiyun/icon_b6c5d4.png?") -20px -60px no-repeat;
     width: 20px;
     height: 20px;
     margin-top: -10px;
 }
 .install.ui-state-hover .ui-icon-install {
     background:url("qiyun/icon_14bef6.png?") -20px -60px no-repeat;
 }
 .install-font-dialog .font-list {
     background: rgba(86, 93, 102, 0.36);
     border: 1px solid #101010;
     top:50px !important;
 }
 .font-url {
     display:none;
 }
 .font-name {
     padding:5px;
 }
 .operator-box {
     position:absolute;
     right:0;
     top:0;
 }
 .font-node {
     position:relative;
 }
 .font-node:hover {
     background:#576370;
     color:#fff;
 }
 .font-node.selected {
     background:#272b2e;
     color:#fff;
 }
 .operator-box .ui-state-default {
     width:25px;
     height:25px;
 }
 /*==========================================.select-object-by-id=======================================*/
 .select-object-by-id .ui-layout-pane-north {
     overflow:hidden;
 }
 .object-node {
     display: inline-block;
     width: 120px;
     height:auto;
     text-align: center;
     margin: 5px;
 }
 .object-node p {
     max-width: 150px;
     text-overflow: ellipsis;
     overflow: hidden;
     white-space: nowrap;
 }
 .object-node p:hover {
     cursor:pointer;
 }
 .object-node .img {
     width:80px;
     height:80px;
     border:1px solid transparent;
     margin:0 auto;
     background-repeat:no-repeat;
    background-position:center center;
 }
 .object-node.selected .img, .object-node.selected .img:hover {
     background-color: #272b2e !important;
     border:1px solid #09BEF6;
     opacity:0.8;
 }
 .object-node .img:hover {
     background-color:#4e5b68 !important;
     border:1px solid #101010;
 }
 /*==========================================Animations-dialog=========================================*/
.animationPlayPause.ui-state-default .ui-icon.ui-icon-play,
.animationPlayPause.ui-state-default .ui-icon.ui-icon-pause{
    margin-left:0;
}
.animation-duration .ui-state-default .ui-button-text{
    font-size: 12px;
    padding: .1em 1.5em .1em .8em;
}
.ui-icon-Scale{
     background:url("qiyun/ani_scale.png") no-repeat center center;
     width:45px;
     height:45px;
     position:absolute;
    display:block;
    top:0;
}
.ui-icon-MoveBy{
     background:url("qiyun/ani_move.png") no-repeat center center;
     width:45px;
     height:45px;
     position: absolute;
     display: block;
     top: 0;
}
.ui-icon-Rotate{
     background:url("qiyun/ani_rotate.png") no-repeat center center;
     width:45px;
     height:45px;
     display: block;
     position: absolute;
    top:0;
}
 .Animations-dialog .animationName, .Animations-dialog .animationObj {
     display:inline-block;
 }
 .Animations-dialog .animationToolbar {
     overflow-y:hidden;
 }
 .Animations-dialog .animationEditor {
     padding:0 10px 0 10px;
 }
 .Animations-dialog .preview {
     background:url("qiyun/cellbg.png");
     border: 1px solid #101010;
     margin-bottom:10px;
 }
.ui-button.ui-state-default .ui-icon.ui-icon-new{
     background:url("qiyun/icon_b6c5d4.png?")-160px 0;
     width: 20px;
     height: 20px;
     margin-left: -5px;
     margin-top: -11px;
}
.ui-button.ui-state-hover .ui-icon.ui-icon-new{
     background:url("qiyun/icon_14bef6.png?")-160px 0;
}
.Animations-dialog .ui-button.ui-state-default .ui-icon.ui-icon-copy,
.Animations-dialog .ui-button.ui-state-default .ui-icon.ui-icon-remove{
    margin-left:-5px;
}
 .Animations-dialog .animationData {
     border: 1px solid #101010;
     background-color: #272a2f;
 }
 .Animations-dialog .editor {
     background: #272a2f;
     border: 1px solid #101010;
     padding:0;
     height:110px !important;
    top:0 !important;
 }
 .Animations-dialog .editorBtn {
     border-top: 1px solid #101010;
     overflow-y: hidden;
     padding:5px 10px 0 10px;
     height:20px !important;
    font-size:12px;
 }
.animationLoopText{
    top:-5px;
    position: relative;
}
.animationLoop .ui-button-text{
    font-size:12px;
}
 .animationLoop {
     top: -5px;
     position: relative;
 }
.animationLoop .main-button .ui-button-text{
     padding: .1em 2em .1em .8em;
}
.loopInputDlg{
     margin-top:-5px;
}
 .animationAction {
     margin-left:100px;
 }
 .loopInput .ui-button .ui-button-text {
     padding: .2em 2em .2em 1em;
 }
 .animationNew {
     background:url("qiyun/icon18.png") -18px 0 no-repeat;
     width:18px;
     height:18px;
     display:inline-block;
 }
 .animationNew:hover {
     background:url("qiyun/icon18_h.png") -18px 0 no-repeat;
     cursor:pointer;
 }
 .animationRemove {
     background:url("qiyun/icon18.png") -72px 0 no-repeat;
     width:18px;
     height:18px;
     display:inline-block;
 }
 .animationRemove:hover {
     background:url("qiyun/icon18_h.png") -72px 0 no-repeat;
     cursor:pointer;
 }
 .animationPreciew {
     background:url("qiyun/icon18.png") -36px 0 no-repeat;
     width:18px;
     height:18px;
     display:inline-block;
 }
 .animationPreciew:hover {
     background:url("qiyun/icon18_h.png") -36px 0 no-repeat;
     cursor:pointer;
 }
 .animationPause {
     background:url("qiyun/icon18.png") -54px 0 no-repeat;
     width:18px;
     height:18px;
     display:inline-block;
 }
 .animationPause:hover {
     background:url("qiyun/icon18_h.png") -54px 0 no-repeat;
     cursor:pointer;
 }
 .selectableFrame {
     padding:0;
    margin:0;
 }
.selectableFrame li{
     display: inline-block;
     width: 80px;
     text-align: center;
}
 .animFrame {
     border:1px solid transparent;
     width:45px;
    height:45px;
    margin:0 auto;
    background:rgba(0, 0, 0, 0.4);
    position:relative;
 }
.animFrame .ball{
    top: 12px;
    left: 12px;
    position:absolute;
}
.animFrame.frame-selected{
     border: 1px solid #09BEF6;
}
.editorFrames.ui-layout-pane{
     padding:8px 0 0 0;
     height:73px !important;
}
.animationToolsBtn{
     background: rgba(0, 0, 0, 0.62);
     border-radius: 5px;
     width: 90px;
     padding-left: 10px;
}
.animationToolsBtn .ui-state-default {
background: none !important;
border: none !important;
box-shadow: none !important;
}
.animationData fieldset{
    width:150px !important;
}
.animaMoveByFieldset .custom-checkbox{
    display:block !important;
}
 .loop-select-div {
     margin-top:-5px;
 }
 #multiConditions .operations {
     overflow:hidden;
 }
 #multiConditions .condition-list {
     background: rgba(86, 93, 102, 0.36);
     border: 1px solid #101010;
 }
#multiConditions .comment-bar{
     padding:0;
    overflow:hidden;
}
#multiConditions .operations .ui-button-icon-primary {
	margin: -12px;
}
 .dialogLayoutright_c {
     background:url("qiyun/cellbg.png");
 }
 .open-proj-dialog .ui-layout-pane-north {
     height:32px !important;
 }
 .dialogButton.ui-state-default {
     font-size: 14px !important;
     color:#0A3103 !important;
     /*text-shadow:0 1px 1px #fff !important;*/
     font-weight: normal !important;
     border-radius: 18px;
     border-color:#0f2201 !important;
     background:rgb(53, 201, 53) !important;
 }
.open-proj-dialog .search-bar .search-icon{
	left: 22px;
  	top: 0px;
}
.open-proj-dialog .search-bar .clear-filter{
	top: 2px;
}
.dialogButton.ui-state-hover,
.Scenes-dialog .toolbuttons .eventSheet.ui-state-hover{
     border-color:#112001!important;
     color:#000 !important;
     background: rgb(169, 228, 130)!important;
     /* Old browsers */
     background: -moz-linear-gradient(top, rgba(169, 228, 130, 1) 1%, rgba(113, 182, 67, 1) 100%)!important;
     /* FF3.6+ */
     background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, rgba(169, 228, 130, 1)), color-stop(100%, rgba(113, 182, 67, 1)))!important;
     /* Chrome,Safari4+ */
     background: -webkit-linear-gradient(top, rgba(169, 228, 130, 1) 1%, rgba(113, 182, 67, 1) 100%)!important;
     /* Chrome10+,Safari5.1+ */
     background: -o-linear-gradient(top, rgba(169, 228, 130, 1) 1%, rgba(113, 182, 67, 1) 100%)!important;
     /* Opera 11.10+ */
     background: -ms-linear-gradient(top, rgba(169, 228, 130, 1) 1%, rgba(113, 182, 67, 1) 100%)!important;
     /* IE10+ */
     background: linear-gradient(to bottom, rgba(169, 228, 130, 1) 1%, rgba(113, 182, 67, 1) 100%)!important;
     /* W3C */
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a9e482', endColorstr='#71b643', GradientType=0);
     /* IE6-9 */
 }
.Paths-dialog .zoombuttons .ui-state-default{
    background:none;
    left:8px;
    top:-2px;
    border:none;
    box-shadow:none;
}

.Paths-dialog .patharea ul li.pathPoint{
    width: 8px;
    height: 8px;
    position: absolute;
    list-style-type: none;
    z-index: 100;
    background: green;
    border-radius: 20px;
}
.Paths-dialog .patharea ul li.selectedPoint{
    background: red !important;
}
.Paths-dialog .patharea .move{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    color: rgb(0, 0, 0);
    z-index: 101;
    background: rgba(0, 0, 0, 0.2);
    vertical-align: middle;
    text-align: center;
}
#pathZoomTools{
    top: 10px;
    left: 10px;
}
.zoom-tools {
    position: absolute !important;
    z-index: 1000;
    border-radius: 5px;
    background: rgba(0, 0, 0, 0.619608);
}
.zoom-tools .zoom-tools-button {
    background: none !important;
    width: 25px;
    height: 25px;
    border: none !important;
    box-shadow: none !important;
}
.zoom-tools .zoom-tools-button .ui-icon {
    margin-left: -4px;
}

/*=============================================Paths-dialog=============================================*/
.ui-dialog .Paths-dialog.ui-dialog-content{
    overflow:hidden;  
} 
.listLayout{
background:rgba(86, 93, 102, 0.36);
border:1px solid #101010;
box-shadow: 0 0 1px rgba(255, 255, 255, 0.5) inset;
width:200px;
height:200px;
}
.path-item-div{
font-size:14px;
margin-top:5px;
padding-left:20px;
}
.path-item-div:hover{
background:#576370;
cursor:pointer;
color:#fff;
}
.path-item-div.pi-div-selected{
background:#272B2E;
color:#fff;
}
.Paths-dialog .dialogLayoutright{
    border-width:1px 0 0 1px;
    border-color:#101010;
    border-style:solid;
    background:url("qiyun/cellbg.png");
}
.Paths-dialog .zoombuttons .ui-state-default{
    background:none;
    left:8px;
    top:-2px;
    border:none;
    box-shadow:none;
}
/*=============================================.Scripts-dialog===========================================*/
.toolbarSeparator{
background-color: rgba(255, 255, 255, 0.1);
border-left: 1px solid #101010;
height: 16px;
overflow: hidden;
width: 1px;
}
.scriptinf{
    background:rgb(39, 41, 46);
    font-size:12px;
    border-width:1px 1px 0 1px;
    border-color:#101010;
    border-style:solid;
}
.ui-dialog .Scripts-dialog.ui-dialog-content{
   overflow:hidden;
}
.scriptToolbar .toolButton.ui-state-default{
    margin:0 3px;
    top:-10px;
    position:relative;
    width: 30px;
    height: 25px;
    background: none;
    border: 1px solid transparent;
    box-shadow: none;
    position: relative;
    top: 1px;
    margin: 0 1px;
}
.scriptToolbar .toolButton.ui-state-hover{
    background: rgba(0, 0, 0, 0.27);
    border: 1px solid #101010;
    border-radius: 2px;
    box-shadow: 0 1px 1px rgba(255, 255, 255, 0.1) inset,0 1px 1px rgba(255, 255, 255, 0.1);
}
 /*=========================================collision-shape-dialog=======================================*/
 .csp-item-div {
     margin:2px 0;
 }
 .csp-item-div:hover {
     background-color:#272b2e;
     color:#fff;
     cursor:pointer;
 }
 .csp-item-div.pi-div-selected {
     background-color:#272b2e;
     color:#09BEF6;
 }
 .collision-shape-dialog .dialogLayoutleft {
     position: absolute;
     left: 10px;
     top: 10px;
 }
.ui-dialog .collision-shape-dialog.ui-dialog-content{
     overflow:hidden;
}
 .collision-shape-dialog .dialogLayoutright_c {
     top: 10px;
     right: 10px !important;
     height: 98% !important;
     position: absolute;
     border: 1px solid #101010;
 }
 .collision-shape-dialog .dialogLayoutright_c .ui-state-default{
    border:none;
    box-shadow:none;
    left:5px;
    top:-2px;
    background: none;
}
.collisionToolButtons .ui-state-default{
    background:none !important;
    border:none !important;
    box-shadow:none !important;
    margin-left:5px;
}
 .csMode {
     border: 1px solid #101010;
     box-shadow: 0 0 1px rgba(255, 255, 255, 0.5) inset;
     margin: 10px 0;
     padding: 5px;
 }
 .csInfo .objName {
     max-width: 150px;
     overflow: hidden;
     text-overflow: ellipsis;
    white-space:nowrap;
     display: inline-block;
 }
 .csInfo .namelabel {
     float:left;
 }
.ui-button.ui-state-default .ui-icon.ui-icon-delete {
    background-image:url("qiyun/icon_b6c5d4.png?");
    background-position:0 -20px;
    width:20px;
    height:20px;
    margin-top: -12px;
    margin-left: -10px;
 }
.ui-button.ui-state-default .ui-icon.ui-icon-filter{
     background-image:url("qiyun/icon_b6c5d4.png?1");
     background-position:-60px -100px;
     width:20px;
     height:20px;
     margin-left:-10px;
     margin-top:-12px;
}
.ui-button.ui-state-hover .ui-icon.ui-icon-delete {
    background-image:url("qiyun/icon_14bef6.png?1");
    background-position:0px -20px;
    width:20px;
    height:20px;
    margin-top: -12px;
    margin-left: -10px;
 }
.ui-button.ui-state-hover .ui-icon.ui-icon-filter {
    background-image:url("qiyun/icon_14bef6.png?1");
    background-position:-60px -100px;
    width:20px;
    height:20px;
    margin-top: -12px;
    margin-left: -10px;
 }


 .resize-object {
     display: inline-block;
     position: absolute;
     width: 4px;
     height: 4px;
     border: 1px solid blue;
     box-shadow:0 0 1px #fff;
 }
.resize-object.resizable-n,
.resize-object.resizable-s,
.resize-object.resizable-w,
.resize-object.resizable-e{
     width:2px;
     height:2px;
}
 .rotate-object {
     display: inline-block;
     position: absolute;
     width: 10px;
     height: 10px;
     border: 1px solid red;
     box-shadow:0 0 1px #fff;
     top: -30px;
     right: -30px;
 }
.shapeLayout_coll{
    background: rgba(86, 93, 102, 0.36);
    border: 1px solid #101010;
    box-shadow: 0 0 1px rgba(255, 255, 255, 0.5) inset;
    width: 200px;
    height: 90px;
    overflow:auto;
}
.shapeLayout_coll .CSNum{
   max-width: 165px;
   padding: 5px;
   margin: 5px;
}
.shapeLayout_coll .CSNum:hover{
    color:#fff;
    background-color:#272b2e;
    cursor:pointer;
}
.shapeLayout_coll .CSNum.collShapeSelected{
    background-color: #272b2e;
    color: #09BEF6;
}
.addCollShape,.delCollShape{
   margin-top:3px;
}
.resource-dialog-fieldset.ui-layout-pane{
   overflow:hidden !important;
}
/*============================================action dialog==============================================*/
.question.ui-button{
	width: 21px !important;
	padding: 1px;
	height: 20px;
    border-radius:10px;
}
.ui-dialog-titlebar .question.ui-button{
    position:relative;
	right:0;
    top:50%;
}
.dialog-inner .question.ui-button{
    margin:-3px 0 0 2px;
}
.question.ui-state-default .ui-icon-question-mark{
   	background:url("qiyun/help.png") -2px center no-repeat !important;
}
.action-tip.ui-widget-content{
  	background: #EED4AC;
   	color: #000;
   	font-size: 14px;
   	border-radius: 0 15px;
   	box-shadow: rgba(0, 0, 0, 0.43) 0px 5px 10px;
   	z-index:101;
    max-width: 200px;
    padding: 10px;
    margin: -10px;
}
.dialogButton.ui-button-text-only .ui-button-text{
   	max-width: 150px;
   	overflow: hidden;
   	text-overflow: ellipsis;
    white-space:nowrap;
}
/*============================================keyframe-anim-dialog=======================================*/
.keyframe-anim-dialog .ui-layout-center{
  	overflow:hidden;
    padding:0;
}
.dblclick-to-edit-tip{
    color: #000;
    font-size:12px;
    display: block;
    top: 0;
    right: 5px;
    position: absolute;
}
/*commit-message*/
.commit-message .ui-layout-center {
	overflow: hidden;
}
.commit-message .ui-layout-center .detail-list {
	overflow: auto;
	height: 90%;
	top: -5px;
	position: relative;
}
.commit-message .detail-list .one-detail{
   	white-space:nowrap;
   	max-width:300px;
}
.keyframe-anim-dialog .ui-layout-west.ui-layout-pane.ui-layout-pane-west {
	background: #353a40; 
	font-size: 14px;
	border: 1px solid #101010;
}
.keyframe-anim-dialog .resource-dialog-label {
	font-size: 15px;
}

/*======================================select-object-dialog===================================*/
.title.ui-layout-pane{
   overflow: hidden;
    /*border-bottom:1px solid #101010;*/
}
.back.ui-button{
   display:inline-block;
}
.dialog-inner .tool-buttons{
	height:26px;
}
.dialog-inner .tool-buttons .refresh{
	margin-top:1px;
}
.search-object,.select-resource-dialog .filter{
   float: right;
}
.select-resource-dialog .back{
   position:relative;
   top:-2px;
}
.resource-node,
.select-object-dialog .folder-node,
.select-object-dialog-2 .folder-node,
.select-object-dialog .sounds-node,
.select-layer-dialog .layer-node,
.select-object-by-id .scroller-node,
.select-object-by-id .text-node,
.select-resource-dialog .folder-node,
.select-resource-dialog .texts-node{
   display: inline-block;
   width: 100px !important;
   height: 140px !important;
   text-align: center;
   margin: 0 5px 5px 0;
}
.select-object-dialog .folder-node.selected .img,
.select-object-dialog .sounds-node.selected .img,
.select-layer-dialog .layer-node.selected .img,
.select-object-by-id .scroller-node.selected .img,
.select-object-by-id .text-node.selected .img,
.select-resource-dialog .folder-node.selected .img,
.select-object-dialog-2 .folder-node.selected .img,
.select-resource-dialog .texts-node.selected .img{
    border: 1px solid #09BEF6;
    opacity: 0.8;
    outline: 0 !important;
    box-sizing: border-box;
}
.resource-node .img,
.select-object-dialog .folder-node .img,
.select-object-dialog-2 .folder-node .img,
.select-object-dialog .sounds-node .img,
.select-object-by-id .scroller-node .img,
.select-object-by-id .text-node .img,
.select-resource-dialog .folder-node .img,
.select-resource-dialog .texts-node .img{
    width:80px;
    height:80px;
    border:1px solid #373c42;
    margin:0 auto;
    background-repeat:no-repeat;
    background-position: center center;
}
.select-object-dialog .folder-node .img:hover,
.select-object-dialog-2 .folder-node .img:hover,
.select-object-dialog .sounds-node .img:hover,
.select-layer-dialog .scene-node .img:hover,
.select-layer-dialog .layer-node .img:hover,
.select-object-by-id .scroller-node .img:hover,
.select-object-by-id .text-node .img:hover,
.select-resource-dialog .folder-node .img:hover,
.select-resource-dialog .texts-node .img:hover{
    background-color: #4e5b68 !important;
    border: 1px solid #101010;
    box-sizing: border-box;                                                                                                                                                                                        
}
.behavior-node .img:hover,.resource-node .img:hover,
.resource-node.selected .img{
	background-color: #4e5b68 !important;
    border: 1px solid #09BEF6;
}
.resource-node p ,
.select-object-dialog .folder-node p,
.select-object-dialog .sounds-node p,
.select-layer-dialog .scene-node  p,
.select-layer-dialog .layer-node p,
.select-object-by-id .scroller-node p,
.select-object-by-id .text-node p,
.select-resource-dialog .folder-node p,
.select-object-dialog-2 .folder-node p,
.select-resource-dialog .texts-node p{
   max-width: 100px;
   text-overflow: ellipsis;
   overflow: hidden;
   white-space: nowrap;
   display:block;
}
.select-object-dialog .folder .img,
.select-resource-dialog .folder-node .img,
.select-object-dialog-2 .folder-node .img{
    background: url("qiyun/folder50.png") center center no-repeat;
    width:80px;
    height:80px;
    margin:0 auto;
}
.select-object-dialog .sounds-node .img{
    background: url("qiyun/audio50.png") center center no-repeat;
    width:80px;
    height:80px;
    margin:0 auto;
}
/*.select-object-dialog .texts-node .img,
.select-object-dialog .fonts-node .img,
.select-object-by-id .text-node .img,
.select-resource-dialog .texts-node .img,
.expression-editor-dialog */
.text-node .img,
.texts-node .img{
    background:url("qiyun/font50.png") center center no-repeat;
    width:80px;
    height:80px;
    margin:0 auto;
}
.select-object-dialog .animations-node .img{
    background: url("qiyun/animation50.png") center center no-repeat;
    width:80px;
    height:80px;
    margin:0 auto;
}
/*.select-object-by-id .scroller-node .img,
.select-object-dialog*/ 
.scroller-node .img,
.scrollers-node .img{
    background: url("qiyun/container50.png") center center no-repeat;
    width:80px;
    height:80px;
    margin:0 auto;
}
.paths-node .img{
    background: url("qiyun/path50.png") center center no-repeat;
    width:80px;
    height:80px;
    margin:0 auto;
}
.scripts-node .img{
    background: url("qiyun/script50.png") center center no-repeat;
    width:80px;
    height:80px;
    margin:0 auto;
}
.timelines-node .img{
    background: url("qiyun/timeline50.png") center center no-repeat;
    width:80px;
    height:80px;
    margin:0 auto;
}
.layer-node .img{
    background: url("qiyun/layer50.png") center center no-repeat;
    width:80px;
    height:80px;
    margin:5px;
}
.select-layer-dialog .scene-node.selected {
	color: #09BEF6;
    background-color: #272b2e !important;
}
.select-layer-dialog .layer-node selected {
	color: #272b2e;
}
.select-layer-dialog .layer-node.selected .img {
	background-color: #272b2e;
}
.select-layer-dialog .ui-icon-delete {
	top: 2px !important;
	left: 13px !important;
}
/*===========================================image-point-dialog=====================================*/
.image-point-dialog .ui-layout-north{
    overflow:hidden;
}
.image-point-dialog.ui-dialog-content{
    overflow:hidden !important;
}
.image-point-dialog .ui-layout-north .ui-button{
    margin:-10px 12px 0 -10px;
}
.image-point.ui-draggable{
    border:1px solid #fff;
    border-radius:0;
    background-color:#000;
}
.image-point.ui-draggable.selected{
    background-color:red;
    border:1px solid #000;
}
.image-point-dialog .current-point{
    background:#000;
    border-radius:5px 0 0 0;
    color:#fff !important;
    font-size:12px;
    padding: 2px 5px;
}
.image-point-dialog .ui-layout-center.preview-parent{
    border:1px solid #000;
    background:url("images/previewBg.png");
}
.image-point-dialog .ui-layout-north .ui-state-default .ui-icon{
    background-image:url("qiyun/icon_b6c5d4.png?");
    width: 20px;
    height: 20px;
    margin-top: -10px;
    margin-left: -10px;
}
.image-point-dialog .ui-layout-north .ui-state-hover .ui-icon{
    background-image:url("qiyun/icon_14bef6.png?");
}
/*========================================parameter-dialog==========================================*/ 
.parameter-dialog .options{
    position:relative;
    top: 0;
    right: 0;
    margin:0;
    height: 80px;
    padding-left: 0;
    width:200px;
    overflow: auto;
}
.parameter-dialog .options .option{
    float:left;
    list-style:none;
    margin:5px;
    font-size: 14px;
    cursor: default;
}
.parameter-dialog .options .option .delete{
    background:url('images/ui_icons_c8d2da.png') -32px -192px no-repeat;
    width:16px;
    height:16px;
    float:left;
}
.movement-button.ui-state-default .delete-icon{
    background:url('images/ui_icons_c8d2da.png') -80px -128px no-repeat;
    width:16px;
    height:16px;
    float:left;
}
.parameter-dialog .options .option .delete:hover,
.movement-button.ui-state-hover .delete-icon:hover{
    background:url('images/ui_icons_dc5151.png') -32px -192px no-repeat;
    width:16px;
    height:16px;
    float:left;
    cursor:pointer;
}
.movement-button.ui-state-default .delete-icon,
.movement-button.ui-state-hover .delete-icon:hover{
    top: -4px;
    right: -2px;
    position: absolute;
}
.parameter-dialog .on-select-select{
    background-color:rgba(86, 93, 102, 0.36);
    padding: 5px;
    border: 1px solid #101010;
}
.parameter-dialog .action-desc{
    width:200px;
}
.parameter-dialog .on-select-number{
    background-color: rgba(86, 93, 102, 0.36);
    border: 1px solid #101010;
    padding: 5px;
}
.custom-action-dialog .action-icon{
    width: 25px;
    height: 25px;
    background-size: 25px;
    background-repeat: no-repeat;
    float: left;
    background-position: center center;
    margin: 0 5px;
    padding: 5px;
    border: 1px solid #000;
    border-radius: 2px;
}
.add-action-icon,.delete-action-icon{
    position: relative;
    top: 5px;
}
.parameters li{
    list-style:none;
}
.parameters{
    margin: 5px 0;
    padding-left: 0;
    background: rgba(86, 93, 102, 0.36);
    border: #101010 1px solid;
    height:100px;
    overflow: auto;
}
.parameter-node{
    cursor:default;
    padding:2px 5px;
    margin-bottom:2px;
}
.parameter-node:hover{
    background: #272b2e;
    color: #fff;
}
.parameter-node.selected{
    background: #272b2e;
    color: /*#fff*/ #09BEF6;
}
.flip-switch{
    background: rgba(33, 37, 42, 1);
    border: 1px solid #101010;
    border-radius: 15px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
    width: 70px;
    padding: 5px;
    position: absolute;
    bottom: 2px;
    left: 30%;
}
.flip-switch .off-text{
   float:right;
   color:#c8d2da;
   text-shadow:0;
}
.flip-switch.on .on-text,
.flip-switch .off-text{
   color: #002936;
  /* text-shadow: 0 1px 1px rgba(255, 255, 255, 0.56);*/
}
.flip-switch.on .off-text{
   color:#c8d2da;
   text-shadow:none;
}

/*============================================mini-dialog===========================================*/
.mini-dialog .ui-dialog-titlebar{
     height:20px;
}
.ui-dialog-titlebar-min.ui-button{
     position: absolute;
     right: .3em;
     top: 50%;
     width: 21px;
     margin: -10px 0 0 0;
     padding: 1px;
     height: 20px;
}
.ui-dialog.mini-dialog{
     border:1px solid #101010;
}
.edit-text-dialog.ui-widget-content{
     border:0;
     padding:10px;
}
.ui-dialog-titlebar-max.ui-button{
     height: 20px;
     width: 21px;
     margin: -7px;
}
.mini-dialog.ui-state-disabled{
     opacity:1 !important;
}
.mini-dialog.ui-state-disabled .ui-dialog-title{
     margin: -10px;
     opacity:0;
}
.mini-dialog.ui-state-disabled{
     opacity:0;
}
.ui-state-default .ui-icon.ui-icon-min{
     background:url("qiyun/dialog_icon_b.png") -31px 0 no-repeat;
}
.ui-state-hover .ui-icon.ui-icon-min{
     background:url("qiyun/dialog_icon.png") -31px 0 no-repeat;
}
.ui-state-default .ui-icon.ui-icon-max{
     background:url("qiyun/dialog_icon_b.png") -15px 1px no-repeat;
}
.ui-state-hover .ui-icon.ui-icon-max{
     background:url("qiyun/dialog_icon.png") -15px 1px no-repeat;
}
/*==============================================keyframe-anim-dialog===================================*/
.keyframe-type.flip-switch{
     max-width: 200px;
     min-width: 150px;
}
.largeImage.ui-layout-container{
    background:#272a2f; 
    border: 1px solid #101010;
}
.largeImage .ui-layout-center{
    background:url("images/previewBg.png");
    padding:0;
}
.largeImage .preview-parent{
    position: absolute;
    right: 0;
    bottom: 0;
    border: 5px solid #000;
    width:100px;
    height: 100px;
    
}
.sub-event-input {
    z-index: 101;
    display: inline-block;
}
.sub-event-input input {
    width: 100px;
}
.split {
    display: inline-block;
}
.edit-text-dialog-outer {
    z-index: 101 !important;
}
.largeImage .ui-spinner input {
    width: 50px;
}
.largeImage .image-border {
    position: absolute;
    border: 1px solid #000;
}
.frames {
    height: 78px;
    display: inline-block;
    margin:4px;
    overflow-y:auto;
    width:98%;
}
.frame{
	display:inline-block;
    width:80px;
    text-align:center;
    margin-bottom:2px;
}
.frame .index{
    width: 15px;
    height: 15px;
    background:#000;
    font-size: 12px;
    left: 17px;
    position: relative;
    float:left;
    top:1px;
    margin-left:1px;
}
.multiImages .preview-parent {
    width: 100%;
	height: 100%;
    background:url("images/previewBg.png");
}
.frame.selected .img{
	background-color: rgba(0, 0, 0, 0.4);
    border: 1px solid #09BEF6;
}
.ui-state-default .ui-icon.ui-icon-play{
    background:url("qiyun/icon_b6c5d4.png?") -80px -60px;
    width:20px;
    height:20px;
    margin-left:-10px;
    margin-top:-10px;
}
.ui-state-hover .ui-icon.ui-icon-play{
    background:url("qiyun/icon_14bef6.png?") -80px -60px;
}
.ui-state-default .ui-icon.ui-icon-stop,
.ui-state-default .ui-icon.ui-icon-pause{
    background:url("qiyun/icon_b6c5d4.png?") -100px -60px;
    width:20px;
    height:20px;
    margin-left:-10px;
    margin-top:-10px;
}
.ui-state-hover .ui-icon.ui-icon-stop,
.ui-state-hover .ui-icon.ui-icon-pause{
    background:url("qiyun/icon_14bef6.png?") -100px -60px;
}
.multiImages .ui-layout-south{
    background: #272a2f;
    border: 1px solid #101010;
    overflow:hidden;
    padding:0;
    border-radius:0;
}
.frame-options{
    bottom: 0;
    position: absolute;
    font-size: 12px;
    border-top: 1px solid #101010;
    width: 100%;
    padding-left:18px;
}
.frame .delay .ui-state-default .ui-button-text{
   font-size:12px;
    padding: .1em 1.5em .1em .8em;
}
.loop .ui-state-default .ui-button-text{
   font-size:12px;
    padding: .1em 2em .1em .8em;
}
.frame-options button.ui-button-icon-only{
    width:25px;
    height:25px;
}
.layer-content button.ui-button-icon-only{
	width:21px;
    height:25px;
}
.frame .img{
    width:45px !important;
    height:45px !important;
    border:1px solid transparent;
    background-repeat: no-repeat;
    background-position: center center !important;
    background-color:rgba(0, 0, 0, 0.4);
    display: block !important;
    margin: 0 auto;
}
.frame .delay{
    display:block;
    margin-top:2px;
}
.ui-state-default .ui-icon.ui-icon-reverse{
    background:url("qiyun/icon_b6c5d4.png?") -180px -60px no-repeat;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    margin-left: -10px;
}
.ui-state-hover .ui-icon.ui-icon-reverse{
    background:url("qiyun/icon_14bef6.png?") -180px -60px no-repeat;
}
/*==================================.select-other-resource=============================================*/
.select-other-resource .category-node{
    display: inline-block;
    width: 150px;
    height: 150px;
    text-align: center;
    margin: 0 5px 5px 0;
}
.select-other-resource .category-node .img,
.ranklists-node .img{
width: 100px;
height: 100px;
margin: auto;
border: 1px solid transparent;
}
.select-other-resource .category-node p{
max-width: 150px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.category-node .img:hover{
  background-color: #4e5b68 !important;
  border: 1px solid #101010;
}
.select-other-resource .category-node.selected .img{
background-color: #272b2e !important;
border: 1px solid #09BEF6;
opacity: 0.8;
outline: 0 !important;
}
.ranklists .img,.ranklists-node .img{
    background:url("qiyun/ranklist50.png") no-repeat center center;
}
/*.scrollers .img{
    background:url("qiyun/container50.png") no-repeat center center;
}
.html5ads .img{
    background:url("qiyun/adv50.png") no-repeat center center;
}*/
/*.actionlists .img*/,
.actionlists-node .img{
    background:url("qiyun/actions50.png") no-repeat center center;
}
/*.formulas .img{
    background:url("qiyun/formula50.png") no-repeat center center;
}
.inputs .img,*/
.input-node .img{
    background:url("qiyun/input50.png") no-repeat center center;
}
.inputs-node.resource-node .img {
	background:url("qiyun/input50.png") no-repeat center center;
}
/*.videos .img {
	background:url("qiyun/vedio_icon.png") no-repeat center center;
}*/
.object-node.video-node .img {
	background:url("qiyun/vedio_icon.png") no-repeat center center;
}

/*add by lizhiyao*/
.video-element {
    background-image: url("qiyun/video.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

/*==============================================Ranklists-dialog=========================================*/
.Ranklists-dialog .entrance-bar{
    overflow: hidden;
    border-bottom: 1px solid #101010;
    padding: 0 5px 10px 5px;
}
.Ranklists-dialog .entrance-bar .ui-button.ui-corner-all{
    border-radius:15px;
}
.Ranklists-dialog .preview-parent {
    background: url('images/previewBg.png');
    padding: 0;
    overflow:hidden;
}
.Ranklists-dialog .toolbuttons {
    display: inline-block;
    position: absolute;
}
.Ranklists-dialog .show-preview {
    display: inline-block;
}
.Ranklists-dialog .scroller-area {
    position: absolute;
    border: 2px dashed #000;
    overflow: hidden;
}
.Ranklists-dialog .ui-spinner {
    width: 12%;
}
.Ranklists-dialog .ui-spinner input{
    width:45%;
}
.one-list {
    position: absolute;
    display: inline-block;
    min-width:200px;
}
.Ranklists-dialog .select-photo {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-size: 100% 100%;
    cursor: pointer;
    position: relative;
    top: 5px;
    left: 20px;
    background-color: rgba(0, 0, 0, 0.45);
    border: 1px solid #000;
}
.Ranklists-dialog .select-photo:hover{
    border:1px solid #fff;
}
.Ranklists-dialog .select-medals, .Ranklists-dialog .select-order {
    display: inline-block;
    position:relative;
    left:20px;
}
.Ranklists-dialog .select-medals div {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-size: 100% 100%;
    cursor: pointer;
    position: relative;
    top: 5px;
    margin-right: 5px;
    background-color: rgba(0, 0, 0, 0.45);
    border: 1px solid #000;
}
.Ranklists-dialog .select-medals div:hover{
    border:1px solid #fff;
}
.Ranklists-dialog .size-position-preview{
   border-left:1px solid #101010;
    padding:0 10px 10px 10px;
}
.Ranklists-dialog .size-position-preview .ui-layout-pane-north{
   padding: 2px 5px 10px 5px;
    overflow:hidden;
    font-size:12px;
}
.Ranklists-dialog .size-position-preview .ui-layout-pane-north .zoomIn,
.Ranklists-dialog .size-position-preview .ui-layout-pane-north .zoomOut,
.Ranklists-dialog .size-position-preview .ui-layout-pane-north .zoom-to-1{
   background:none;
   border:0;
   box-shadow:none;
}
.place-on-list,.userid-on-list,.place-on-list,.score-on-list,.time-on-list,.medal-on-list,.photo-on-list{
   color:#000;
    white-space:nowrap;
    height:100%;
    min-width:10px;
    position: absolute;
    display: table;
}
.score-on-list{
   margin-left:20%;
}
.time-on-list{
   margin-left:40%;
}
.ranklists-node.ui-resource-node .icon{
   background:url("qiyun/icon16.png") 0 -16px no-repeat;
   width: 16px;
   height: 16px;
    position:relative;
    top:2px;
    display:inline-block;
}
.ui-scrollers-node .icon{
   background:url("qiyun/icon16.png") -16px -16px no-repeat;
   width: 16px;
   height: 16px;
   position:relative;
   top:2px;
   display:inline-block;
}
.ui-html5ads-node .icon{
   background:url("qiyun/icon16.png") -32px -16px no-repeat;
   width: 16px;
   height: 16px;
   position:relative;
   top:2px;
   display:inline-block;
}
.ui-actionlists-node .icon{
   background:url("qiyun/icon16.png") -64px -16px no-repeat;
   width: 16px;
   height: 16px;
   position:relative;
   top:2px;
   display:inline-block;
}
.ui-formulas-node .icon{
   background:url("qiyun/icon16.png") -80px -16px no-repeat;
   width: 16px;
   height: 16px;
   position:relative;
   top:2px;
   display:inline-block;
}
.ui-inputs-node .icon{
   background:url("qiyun/icon16.png") -96px -16px no-repeat;
   width: 16px;
   height: 16px;
   position:relative;
   top:2px;
   display:inline-block;
}
.ui-videos-node .icon {
   background:url("qiyun/icon16.png") -112px -16px no-repeat;
   width: 16px;
   height: 16px;
   position:relative;
   top:2px;
   display:inline-block;
}
.ui-skeletons-node .icon {
   background:url("qiyun/icon16.png") -128px -16px no-repeat;
   width: 16px;
   height: 16px;
   position:relative;
   top:2px;
   display:inline-block;
}
.ui-html5ads-node.disabled{
   opacity:0.5;
}
.scrollers-node .icon,
.html5ads-node .icon,
.actionlists-node .icon,
.formulas-node .icon,
.inputs-node .icon,
.videos-node .icon,
.skeletons-node.ui-resource-node .icon,
.iframes-node .icon {
	background: url("qiyun/icon_b6c5d4.png?") -180px -40px no-repeat;
	width: 20px;
	height: 20px;
	display: inline-block;
	position:relative;
}
.scrollers-node .icon:hover,
.html5ads-node .icon:hover,
.actionlists-node .icon:hover,
.formulas-node .icon:hover,
.inputs-node .icon:hover,
.videos-node .icon:hover,
.skeletons-node.ui-resource-node .icon:hover,
.iframes-node .icon:hover {
	background: url("qiyun/icon_14bef6.png?") -180px -40px no-repeat;
}
.scrollers-node .icon.expanded,
.html5ads-node .icon.expanded,
.actionlists-node .icon.expanded,
.formulas-node .icon.expanded,
.inputs-node .icon.expanded,
.videos-node .icon.expanded,
.skeletons-node .icon.expanded,
.iframes-node .icon.expanded {
	background: url("qiyun/icon_b6c5d4.png?") -40px -60px no-repeat;
}
.scrollers-node .icon.expanded:hover,
.html5ads-node .icon.expanded:hover,
.actionlists-node .icon.expanded:hover,
.formulas-node .icon.expanded:hover,
.inputs-node .icon.expanded:hover,
.videos-node .icon.expanded:hover,
.skeletons-node .icon.expanded:hover,
.iframes-node .icon.expanded:hover {
	background: url("qiyun/icon_14bef6.png?") -40px -60px no-repeat;
}
.scrollersContent,
.html5adsContent,
.actionlistsContent,
.formulasContent,
.inputsContent,
.videosContent,
.skeletonsContent,
.iframesContent {
    padding-left:20px;
}
.resource-content.otherContent{
    padding: 14px 0 14px 10px !important;
}
.one-list .supper{
    top:50%;
    display: table-cell;
    vertical-align: middle;
}
.one-list .content{
    position:relative;
    top:-50%;
}
@media screen and (-webkit-min-device-pixel-ratio: 0)
.one-list .content {
height: 100%;
}
.spinnerWrap_ranklist {
	margin-top: 14px !important;
}
/*======================================add-content-dialog====================================*/
.add-content-dialog .show-preview, .scroller-element {
    list-style: none;
    margin: 0;
    padding: 0;
    overflow:hidden;
    outline:1px solid #000;
}
.add-content-dialog .show-preview .cell, .scroller-element li {
    float: left;
    outline: 1px solid #000;
	overflow: hidden;
}
.add-content-dialog .show-preview .cell.selected,
.add-content-dialog .show-preview .cell.selected:hover{
	background: rgba(124, 124, 124, 0.5);
    outline: 1px solid rgb(0, 255, 235);
}
.add-content-dialog .show-preview .cell:hover{
    background: rgba(124, 124, 124, 0.2);
}
.add-content-dialog .ui-layout-north{
  	background: #4B525E;
  	padding:0 10px 15px 10px;
  	overflow: hidden;
  	border: 1px solid #101010;
}
.add-content-dialog .ui-layout-north .tip{
 	font-size: 12px;
 	float: right;
  	top: 50%;
  	position: relative;
}
.add-content-dialog .ui-layout-center.preview-parent{
  	background:url("images/previewBg.png");
  	border: 1px solid #101010;
  	overflow:auto;
}
.add-content-dialog .ui-layout-north .ui-button.ui-state-default .ui-icon{
  	background-image: url("qiyun/icon_b6c5d4.png?");
 	width: 20px;
  	height: 20px;
  	margin-left: -10px;
  	margin-top: -10px;
}
.add-content-dialog .ui-layout-north .ui-button.ui-state-hover .ui-icon{
  	background-image: url("qiyun/icon_14bef6.png?");
}
.ui-icon-left{
  	background-position:-120px -40px;
}
.ui-icon-right{
  	background-position:-140px -40px;
}
.ui-icon-top{
  	background-position:-80px -40px;
}
.ui-icon-bottom{
  	background-position:-100px -40px;
}
.add-content-dialog .show-preview .cell,
.scroller-element li{
  	display: table;
  	table-layout:fixed;
}
.add-content-dialog .show-preview .cell .super,
.scroller-element li .super{
  	top: 50%;
  	display: table-cell;
  	vertical-align: middle;
  	text-align:center;   
}
.add-content-dialog .show-preview .cell .super .object,
.scroller-element li .super .inner{
 	margin:0 auto;
}
.scroller-element ul{
	margin:0;
	padding:0;
}
.text-element{
  	resize:none;
  	overflow:hidden;
}
.text-element[disabled="disabled"]{
  	opacity:1;
  	background: none;
  	border: 1px solid transparent;
}
.input-element[disabled="disabled"] {
	opacity:1;
}
.text.selected .text-element[disabled="disabled"]{
  	background: rgba(0, 10, 255, 0.2);
  	border: 1px solid #0029FF;
}
.text.selected .text-element{
  	border: 1px solid #0AFFD8;
  	background: rgba(0, 10, 255, 0.2);
}
textarea::-moz-placeholder {
    font-style:italic;
    font-weight:normal;
    color:#fff;
    text-indent: 5px;
    font-size:12px;
}
textarea:-ms-input-placeholder {
    font-style:italic;
    font-weight:normal;
    color:#fff;
    text-indent: 5px;
    font-size:12px;
}
textarea::-webkit-input-placeholder {
    font-style:italic;
    font-weight:normal;
    color:#fff;
    text-indent: 5px;
    font-size:12px;
}

/*=========================================Html5ads-dialog========================================*/
.Html5ads-dialog textarea{
   width:220px !important;
    resize:none;
}
.Html5ads-dialog textarea.code{
    height:150px !important;
}

/*===================================select-collision-shape-dialog================================== */
.select-collision-shape-dialog .ui-layout-pane-north{
    overflow:hidden;
}
.select-collision-shape-dialog .collision-shapes{
    background: rgba(86, 93, 102, 0.36);
    border: 1px solid #101010;
}
/*==========================================Texts-dialog===============================================*/
.Texts-dialog .content.ui-widget-content{
    border:none;
    overflow:hidden;
}
.Texts-dialog .content .text-properties,.Texts-dialog .text-events{
    border:1px solid #101010 !important;
}
.Texts-dialog .content .text-properties label{
    white-space: nowrap;
}
.Texts-dialog .content .preview-parent{
    background-image:url("images/previewBg.png");
}
.Texts-dialog .show-preview.ui-draggable textarea[disabled="disabled"] {
background: rgba(0, 10, 255, 0.2);
border: 1px solid rgb(0, 41, 255);
}
.Texts-dialog .show-preview.ui-draggable textarea {
background: rgba(0, 10, 255, 0.2);
border: 1px solid rgb(10, 255, 216);
resize: none;
overflow: hidden;
}
.Texts-dialog .show-preview.ui-draggable [disabled="disabled"] {
opacity: 1;
background: none;
border: 1px solid transparent;
}
/*========================================event-sheet-dialog==========================================*/
/*add by lizhiyao*/
.event-sheet-dialog .filter {
    display: inline;
}

.event-sheet-dialog .ui-layout-north.title{
   background: #343B47;
   border: 1px solid #101010;
   padding:0;
   height:30px !important;
}
.event-sheet-dialog .title .split{
   position:relative;
   top:6px;
}
.event-sheet-dialog .delete.ui-button.ui-corner-all{
   border-radius:3px;
}
.event-sheet-dialog .title .select-scene{
    margin:0 3px;
    height:25px;
    top:2px;
    position:relative;
}
.event-sheet-dialog .title .select-scene .ui-button{
   height:25px;
}
.event-sheet-dialog .title .select-scene .select-resource .ui-button-text{
   line-height:1;
}
.event-sheet-dialog .title .save.ui-state-default,
.event-sheet-dialog .title .refresh.ui-state-default,
.event-sheet-dialog .title .undo.ui-state-default,
.event-sheet-dialog .title .redo.ui-state-default,
.event-sheet-dialog .title .expandAll.ui-state-default,
.event-sheet-dialog .title .collapseAll.ui-state-default,
.event-sheet-dialog .title .copy.ui-state-default,
.event-sheet-dialog .title .cut.ui-state-default,
.event-sheet-dialog .title .paste.ui-state-default,
.event-sheet-dialog .title .delete.ui-state-default{
    margin:0 3px;
    top:-10px;
    position:relative;
    width: 30px;
    height: 25px;
    background: none;
    border: 1px solid transparent;
    box-shadow: none;
    position: relative;
    top: 2px;
    margin: 0 1px;
}
.event-sheet-dialog .title .new.ui-state-default{
    margin:0 3px;
    top:2px;
    position:relative;
    height: 25px;
    width:80px;
    background: none;
    border: 1px solid transparent;
    box-shadow: none;
    position: relative;
    margin: 0 1px;
}
.event-sheet-dialog .title .new .ui-icon-new{
    position: absolute;
    left: 10px;
}
.event-sheet-dialog .title .new .ui-icon-drop-down{
    position: absolute;
    right: 8px;
}
.event-sheet-dialog .title .save.ui-state-hover,
.event-sheet-dialog .title .refresh.ui-state-hover,
.event-sheet-dialog .title .undo.ui-state-hover,
.event-sheet-dialog .title .redo.ui-state-hover,
.event-sheet-dialog .title .expandAll.ui-state-hover,
.event-sheet-dialog .title .collapseAll.ui-state-hover,
.event-sheet-dialog .title .copy.ui-state-hover,
.event-sheet-dialog .title .cut.ui-state-hover,
.event-sheet-dialog .title .paste.ui-state-hover,
.event-sheet-dialog .title .delete.ui-state-hover,
.event-sheet-dialog .title .new.ui-state-hover{
    background: rgba(0, 0, 0, 0.27);
    border: 1px solid #101010;
    border-radius: 2px;
    box-shadow: 0 1px 1px rgba(255, 255, 255, 0.1) inset,0 1px 1px rgba(255, 255, 255, 0.1);
}
.event-sheet-dialog .title .filter{
   position: absolute;
   right: 2px;
   top: 2px;
   height:25px;
}
.event-sheet-dialog .title .filter-input{
    padding:2px 0 2px 30px;
    text-indent:8px;
}
.advanced-options.ui-state-default{
   background:none !important;
   border:0 !important;
   box-shadow:none !important;
   position: relative;
   right: -35px;
}
.advanced-options.ui-button.ui-state-default .ui-icon-drop-down{
  margin: -2px 0 0 3px;
}
.advanced-options.ui-state-default .filter-icon{
   background: url("qiyun/search.png") no-repeat center center;
   width: 20px;
   height: 20px;
   opacity: 0.7;
   display: inline-block;
   position: absolute;
   top: 5px;
   right: 8px;
}
.advanced-options.ui-state-hover .filter-icon{
   opacity: 1;
}
.event-sheet-dialog .content{
   background: #1d2937;
   border: 1px solid #101010;
   padding: 0 5px !important;
}
.event-sheet-dialog .sheet{
   padding-left:5px;
}
.event-sheet-dialog .sheet li{
   list-style:none;
}
.sheet .global-variables,
.sheet .scene-variables{
   margin-top:10px;
}
.global-variables .title,
.scene-variables .title{
  border: 1px solid green;
  background: rgba(81, 253, 143, 0.1);
  color: rgb(0, 235, 66);
  font-size:12px;
}
.sheet .variables{
  padding-left:0;
}
.sheet .value{
  max-width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space:nowrap;
  display: inline-block;
  position:relative;
  top:2px;
  padding:0 5px;
}
.sheet .global-variables .node,
.sheet .global-variables .folder-title,
.sheet .scene-variables .node{
  background: rgba(81, 253, 143, 0.1);
  border-width:0 1px 1px 1px;
  border-style:solid;
  border-color:green;
  position:relative;
}
.sheet .global-variables .node.selected,
.sheet .scene-variables .node.selected,
.sheet .global-variables .folder-title.selected{
  background: rgba(0, 162, 58, 0.4);
}
.sheet .global-variables .folder-node ul{
  padding-left:20px;
}
.sheet .global-variables .folder-node .folder-content{
  min-height:10px;
  background: rgba(81, 253, 143, 0.0980392);
  border-width: 0px 1px 1px;
  border-style: solid;
  border-color: green;
  padding: 0 0 5px 5px;
}
.sheet .comment{
  display:block;
  color:#c8d2da;
  font-size:12px;
  position: relative;
  top:0;
  left:0;
  padding:0 5px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  background:rgba(0,0,0,0.2);
}
.sheet .action-node .comment{
  padding:0 2px;
}
.sheet .comment-input{
  width:98%;
  text-align:left;
  margin: 0;
  font-size:12px;
}
.filter input{
  border-radius:15px;
}
input::-moz-placeholder {
    /*font-style: italic;*/
    text-indent: 5px;
   /* font-size:12px;*/
}
input:-ms-input-placeholder {
    /*font-style: italic;*/
    text-indent: 5px;
   /* font-size:12px;*/
}
input::-webkit-input-placeholder {
    /*font-style: italic;*/
    text-indent: 5px;
    /*font-size:12px;*/
}
.event-sheet-dialog .line-numbers{
    display:none;
     width: 0;
     background: #292c30;
     float: left;
     height: 100%;
     border-right: 1px solid #101010;
}
.select.ui-state-default,
.add.ui-state-default,
.edit.ui-state-default,
.delete.ui-state-default,
.edit-parent.ui-state-default,
.add-action-icon.ui-state-default,
.delete-action-icon.ui-state-default,
.add-script.ui-state-default,
.edit-script.ui-state-default,
.add-background.ui-state-default,
.edit-background.ui-state-default,
.delete-background.ui-state-default,
.edit-font.ui-state-default,
.remove-font.ui-state-default,
.save-action-list.ui-state-default,
.global-settings-dialog .add-folder.ui-state-default,
.setting-panel.extend-properties .browser-variable.ui-state-default,
.set-shield-addevent.ui-state-default,
.show-filter.ui-state-default
{    width:23px;
     height:22px;
     background:none !important;
     border:1px solid transparent !important;
     box-shadow: none !important;
}
.select.ui-state-hover,
.add.ui-state-hover,
.edit.ui-state-hover,
.delete.ui-state-hover,
.edit-parent.ui-state-hover,
.add-action-icon.ui-state-hover,
.delete-action-icon.ui-state-hover,
.add-script.ui-state-hover,
.edit-script.ui-state-hover,
.add-background.ui-state-hover,
.edit-background.ui-state-hover,
.delete-background.ui-state-hover,
.edit-font.ui-state-hover,
.remove-font.ui-state-hover,
.save-action-list.ui-state-hover,
.global-settings-dialog .add-folder.ui-state-hover,
.setting-panel.extend-properties .browser-variable.ui-state-hover,
.set-shield-addevent.ui-state-hover,
.resource-pane .ui-layout-pane button.checked
{
     background: rgba(0, 0, 0, 0.27) !important;
     border: 1px solid #101010 !important;
     box-shadow: 0 1px 1px rgba(255, 255, 255, 0.1) inset,0 1px 1px rgba(255, 255, 255, 0.1) !important;
}
.scene-events{   
     margin: 10px 0;
}
.scene-events ul{
     padding-left:20px;
}
.scene-events .one-block{
     padding-left:0;
}
.scene-events .resource-title{
     border: 1px solid rgb(127, 74, 127);
     background: rgba(128, 0, 128, 0.07);
}
.scene-events .resource-title.selected{
     background: rgba(128, 0, 128, 0.4);
}
.scene-events .event-title{
    border-width:0 1px 1px 1px;
    border-style:solid;
    border-color:rgb(127, 74, 127);
    color: #78e1ff;
    background: rgba(128, 0, 128, 0.07);
}
.scene-events .event-title.selected{
    background: rgba(128, 0, 128, 0.4);
}
.scene-events .action-node{
     border-width:0 1px 1px 1px;
     border-style:solid;
     border-color:rgb(127, 74, 127);
     padding:0;
     color:/*#ff7161*/#c8d2da;
     background: rgba(128, 0, 128, 0.07);
} 
.scene-events .action-node.selected{
      background: rgba(128, 0, 128, 0.4);
}
.resource-events .one-event{
     display:inline-block;
}
.toggle.expanded{
    width:16px;
    height:16px;
    display:inline-block;
    background: url("qiyun/layout.png") -15px 2px no-repeat;
    position:relative;
    top:2px;
    margin: 0 5px 0 2px;
}
.toggle.collapsed{
    width:16px;
    height:16px;
    display:inline-block;
    background: url("qiyun/layout.png") 5px 2px no-repeat;
    position:relative;
    top:2px;
    margin: 0 5px 0 2px;
}
.sheet .object-events,
.sheet .timeline-events,
.sheet .text-events{
    margin: 10px 0;
}
.object-events .one-block,
.timeline-events .one-block,
.text-events .one-block{
    padding-left:0;
}
.object-events .folder-node,
.timeline-events .folder-node,
.text-events .folder-node,
.object-events .resource-title,
.timeline-events .resource-title,
.text-events .resource-title{
    margin-top:5px;
}
.object-events .folder-title,
.object-events .resource-title{
    border: 1px solid rgb(30, 104, 107);
    background: rgba(9, 93, 97, 0.14);
}
.object-events .resource-title .icon{
    position:relative;
    top:2px;
}
.object-events .folder-title.selected,
.object-events .resource-title.selected{
    background: rgba(9, 93, 97, 0.7);
}
.timeline-events .folder-title,
.timeline-events .resource-title{
    border:1px solid rgb(145, 111, 48);
    background:rgba(194, 148, 65, 0.1);
}
.timeline-events .folder-title.selected,
.timeline-events .resource-title.selected{
    background:rgba(194, 148, 65, 0.3); 
}
.text-events .folder-title,
.text-events .resource-title{
    border: 1px solid rgb(34, 74, 133);
    background: rgba(16, 29, 122, 0.1);
}
.text-events .folder-title.selected,
.text-events .resource-title.selected{
    background: rgba(16, 29, 122, 0.5);
}
.object-events .folder-content .resource-title,
.timeline-events .folder-content .resource-title,
.text-events .folder-content .resource-title{
    border-top:0;
    margin:0;
}
.object-events ul,
.timeline-events ul,
.text-events ul{
     padding-left:20px;
}
.sheet .folder-title .icon{
     background: url("qiyun/icon_b6c5d4.png?") -180px -41px no-repeat;
     width: 20px;
     height: 16px;
     display: inline-block;
}
.sheet .folder-title .icon.expanded{
     background: url("qiyun/icon_b6c5d4.png?") -39px -61px no-repeat;
     width: 20px;
     height: 16px;
     display: inline-block;    
}
.sheet .text-events .resource-title .icon{
      background: url("qiyun/icon16.png") -128px 0 no-repeat;
      width: 16px;
      height: 16px;
      display: inline-block;
      position: relative;
      top: 2px;
}
.sheet .timeline-events .resource-title .icon {
      background: url("qiyun/icon16.png") -96px 0 no-repeat;
      width: 16px;
      height: 16px;
      display: inline-block;
      position: relative;
      top: 2px;
}
.sheet .object-events .event-title{
     border-color:rgb(30, 104, 107);
     border-width:0 1px 1px 1px;
     border-style:solid;
     color:rgb(120, 225, 255);
     background:rgba(9, 93, 97, 0.14);
}
.sheet .object-events .event-title.selected{
     background:rgba(9, 93, 97, 0.7);
}
.sheet .timeline-events .event-title{
     color:rgb(120, 225, 255);
     border-color:rgb(145, 111, 48);
     border-width:0 1px 1px 1px;
     border-style:solid;
     background:rgba(194, 148, 65, 0.1);
}
.sheet .timeline-events .event-title.selected{
     background:rgba(194, 148, 65, 0.3);
}
.sheet .text-events .event-title{
     color: rgb(120, 225, 255);
     border-color:rgb(34, 74, 133);
     border-width:0 1px 1px 1px;
     border-style:solid;
     background: rgba(16, 29, 122, 0.1);
}
.sheet .text-events .event-title.selected{
     background: rgba(16, 29, 122, 0.5);
}
.sheet .object-events .folder-content .event-title div,
.sheet .timeline-events .folder-content .event-title div,
.sheet .text-events .folder-content .event-title div{
    display:inline-block;
}
.sheet .object-events .action-node{
     border-color:rgb(30, 104, 107);
     border-width:0 1px 1px 1px;
     border-style:solid;
     color:/*rgb(255, 113, 97)*/#c8d2da; 
     background:rgba(9, 93, 97, 0.14);
     padding-left:2px;
}
.sheet .object-events .action-node.selected{
     background:rgba(9, 93, 97, 0.7);
}
.sheet .timeline-events .action-node{
     color:/*rgb(255, 113, 97)*/#c8d2da; 
     border-color:rgb(145, 111, 48);
     border-width:0 1px 1px 1px;
     border-style:solid;
     background:rgba(194, 148, 65, 0.1);
     padding-left:2px;
} 
.sheet .timeline-events .action-node.selected{
     background:rgba(194, 148, 65, 0.3);
}
.sheet .text-events .action-node{
     color:/*rgb(255, 113, 97)*/#c8d2da; 
     border-color:rgb(34, 74, 133);
     border-width:0 1px 1px 1px;
     border-style:solid;
     background:rgba(16, 29, 122, 0.1);
     padding-left:2px;
} 
.sheet .text-events .action-node.selected{
     background:rgba(16, 29, 122, 0.5);
}
.sheet .event-node.disabled .event-title .one-event,
.sheet .event-node.disabled .event-title .one-step,
.sheet .event-node.disabled .event-title .comment,
.sheet .action-node.disabled .name,
.sheet .action-node.disabled .comment {
    text-decoration:line-through;
}
.sheet .action-node .name,
.sheet .event-node .one-event{
     white-space: nowrap;
     overflow: hidden;
     display: inline-block;
     text-overflow: ellipsis;
     position:relative;
     top:2px;
     max-width:95%;
}
.select-resource-dialog
.thumbnail-node .img:hover {
background-color: #4e5b68 !important;
border: 1px solid #101010;
}
.thumbnail-node .img.folder-icon {
background: url("qiyun/folder50.png") center center no-repeat;
}
.thumbnail-node .img {
width: 100px;
height: 100px;
margin: auto;
border: 1px solid transparent;
}
.thumbnail-node .img {
border: 1px solid transparent;
}
.event-title.cutted,.action-node.cutted{
  opacity:0.5;
} 
/*=====================================expression-editor-dialog==========================================*/
.result-and-op .operations .one-op.ui-button-text-only .ui-button-text {
  padding:0.2em 0.6em;
}
.expression-editor-dialog .bottom{
  background: none repeat scroll 0% 0% rgba(18, 18, 18, 0.36);
  border: 1px solid #101010;
  padding:0;
}
.object-node.system-node .img{
  background:url("qiyun/system50.png") no-repeat center center;
}
.object-node.game_-node .img{
  background:url("qiyun/game50.png") no-repeat center center;
}
.object-node.scene-node .img{
  background:url("qiyun/scene50.png") no-repeat center center;
}
.object-node.id-node .img{
  background:url("qiyun/folder50.png") no-repeat center center;
}
.object-node.this_-node .img{
  background:url("qiyun/self50.png") no-repeat center center;
}
.object-node.other_-node .img{
  background:url("qiyun/other50.png") no-repeat center center;
}
.open-expression.ui-button-text-only .ui-button-text {
    padding: 0.1em 0.5em;
}
.select.ui-state-default{
    background:none;
    border:0;    
}
.ui-state-default .ui-icon.ui-icon-select{
     background-image:url("qiyun/icon_b6c5d4.png");
     background-position:-120px -100px;
     width:20px;
     height:20px;
     margin-top: -10px;
     margin-left: -10px;
}
.ui-state-hover .ui-icon.ui-icon-select{
     background-image:url("qiyun/icon_14bef6.png");
}
.select-objects .ui-button,
.select-id .ui-button{
    position:relative;
    top:-2px;
    left:1px;
}
.expression-editor-dialog .result-div .warning-icon{
   top: -40px;
   position: relative;
   float: right;
   margin-right: -12px;
}
.expression-editor-dialog .back-and-search{
    padding:2px 10px 2px 2px;
    overflow-x: hidden;
}
.expression-editor-dialog .back-and-search .filter{
    float:right;
    position:relative;
}
.expression-editor-dialog .content .expression-block{
    margin-bottom: 20px;
}
.expression-editor-dialog .content .object-node{
    width:150px;
}
.expression-editor-dialog .content .block-title{
    border-bottom: 1px dotted #575757;
    padding-left: 5px;
    padding-bottom: 2px;
}
.expression-editor-dialog .content .block-content{
    margin-top: 2px;
    padding-left: 5px;
}
.expression-editor-dialog .content .expression-node .name{
   	font-weight:bold;
}
.expression-editor-dialog .content .expression-node .desc{
   	left:180px;
   	position: absolute;
   	white-space: nowrap;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.CooCTemplate-chartScope,.CooCTemplate-workScope{margin-top:-2px;}     //这是解决容器上边距问题
}
.open-expression.ui-state-default{
   	left: -6px;
   	border-radius:0;
   	height: 26px;
   	top: -1px;
}
.warning-icon{
  	width: 25px;
  	height: 25px;
  	display: inline-block;
  	top: 8px;
  	position: relative;
  	left: -2px;
  	background:url("qiyun/warning.png") center center no-repeat;
}

.expression-editor-dialog .object-node{
    margin:0;
}
/*=======================.game-data-mgmt-dialog and game-config-dialog=========================*/
.game-config-dialog{
    margin: 1px 2px;
}
.game-data-mgmt-dialog .list,
.game-config-dialog .list{
   	border:1px solid #101010;
   	padding:0;
}
.game-data-mgmt-dialog .list .form-node,
.game-config-dialog .list .form-node{
   	padding: 2px 5px;
   	margin-top:2px;
    margin-bottom:3px;
}
.game-data-mgmt-dialog .list .form-node:hover,
.game-config-dialog .list .form-node:hover{
   	cursor:pointer;
   	background:rgba(0, 0, 0, 0.2);
}
.game-data-mgmt-dialog .list .form-node.selected,
.game-config-dialog .list .form-node.selected{
   	background: rgba(0, 0, 0, 0.3);
}
.game-data-mgmt-dialog .list .form-node .icon,
.game-config-dialog .list .form-node .icon{
   	width:16px;
   	height:16px;
   	background:url("qiyun/icon16.png") -48px -16px no-repeat;
   	display: inline-block;
   	position: relative;
   	top: 4px;
}
.game-data-mgmt-dialog .content,
.game-config-dialog .content{
   	padding: 0 0 0 5px;
}
.game-data-mgmt-dialog .content .ui-tabs .ui-tabs-nav,
.game-config-dialog .content .ui-tabs .ui-tabs-nav{
   	padding: 0 0 0 .2em;
}
.game-data-mgmt-dialog .form-list-title,
.game-config-dialog .form-list-title{
   	padding:5px;
   	border-bottom:1px solid #101010;
   	font-size:12px;
}
.game-data-mgmt-dialog .form-list-title,
.game-config-dialog .form-list-title{
  	background: -moz-linear-gradient(top, rgba(62, 69, 77, 0.8) 0%, rgba(55, 61, 68, 0.8) 47%, rgba(49, 55, 62, 0.8) 49%, rgba(42, 45, 49, 0.8) 100%);
     /* FF3.6+ */
  	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(62, 69, 77, 0.8)), color-stop(47%, rgba(55, 61, 68, 0.8)), color-stop(49%, rgba(49, 55, 62, 0.8)), color-stop(100%, rgba(42, 45, 49, 0.8)));
     /* Chrome,Safari4+ */
  	background: -webkit-linear-gradient(top, rgba(62, 69, 77, 0.8) 0%, rgba(55, 61, 68, 0.8) 47%, rgba(49, 55, 62, 0.8) 49%, rgba(42, 45, 49, 0.8) 100%);
     /* Chrome10+,Safari5.1+ */
  	background: -o-linear-gradient(top, rgba(62, 69, 77, 0.8) 0%, rgba(55, 61, 68, 0.8) 47%, rgba(49, 55, 62, 0.8) 49%, rgba(42, 45, 49, 0.8) 100%);
     /* Opera 11.10+ */
  	background: -ms-linear-gradient(top, rgba(62, 69, 77, 0.8) 0%, rgba(55, 61, 68, 0.8) 47%, rgba(49, 55, 62, 0.8) 49%, rgba(42, 45, 49, 0.8) 100%);
     /* IE10+ */
  	background: linear-gradient(to bottom, rgba(62, 69, 77, 0.8) 0%, rgba(55, 61, 68, 0.8) 47%, rgba(49, 55, 62, 0.8) 49%, rgba(42, 45, 49, 0.8) 100%);
     /* W3C */
  	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cc3e454d', endColorstr='#cc2a2d31', GradientType=0);
     /* IE6-9 */
}
.game-data-mgmt-dialog .tab li.add-form,
.game-config-dialog .tab li.add-form{
	border:1px solid #101010;
    border-bottom:0;
    box-shadow: -1px 1px 1px rgba(255, 255, 255, 0.22) inset,0 1px 0 rgba(255, 255, 255, 0.1);
    background: linear-gradient(to bottom, rgba(62,69,77,1) 0%,rgba(55,61,68,1) 47%,rgba(49,55,62,1) 49%,rgba(42,45,49,1) 100%);
    font-size: 27px !important;
    color: #c8d2da;
    width:24px !important;
    height:24px !important;
    line-height:24px;
    cursor:pointer;
}
.game-data-mgmt-dialog .tab li.add-form:hover, 
.game-config-dialog .tab li.add-form:hover{
	box-shadow:0 1px 1px rgba(255, 255, 255, 0.22) inset;
    background: rgb(67,78,89); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(67,78,89,1) 0%, rgba(61,71,81,1) 47%, rgba(57,67,77,1) 49%, rgba(53,62,72,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(67,78,89,1)), color-stop(47%,rgba(61,71,81,1)), color-stop(49%,rgba(57,67,77,1)), color-stop(100%,rgba(53,62,72,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(67,78,89,1) 0%,rgba(61,71,81,1) 47%,rgba(57,67,77,1) 49%,rgba(53,62,72,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(67,78,89,1) 0%,rgba(61,71,81,1) 47%,rgba(57,67,77,1) 49%,rgba(53,62,72,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(67,78,89,1) 0%,rgba(61,71,81,1) 47%,rgba(57,67,77,1) 49%,rgba(53,62,72,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(67,78,89,1) 0%,rgba(61,71,81,1) 47%,rgba(57,67,77,1) 49%,rgba(53,62,72,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#434e59', endColorstr='#353e48',GradientType=0 ); /* IE6-9 */
}
.game-config-dialog .tab li.add-form:active{
	box-shadow:0 1px 1px rgba(255, 255, 255, 0.22) inset;
    background: rgb(67,78,89); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(67,78,89,1) 0%, rgba(61,71,81,1) 47%, rgba(57,67,77,1) 49%, rgba(53,62,72,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(67,78,89,1)), color-stop(47%,rgba(61,71,81,1)), color-stop(49%,rgba(57,67,77,1)), color-stop(100%,rgba(53,62,72,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(67,78,89,1) 0%,rgba(61,71,81,1) 47%,rgba(57,67,77,1) 49%,rgba(53,62,72,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(67,78,89,1) 0%,rgba(61,71,81,1) 47%,rgba(57,67,77,1) 49%,rgba(53,62,72,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(67,78,89,1) 0%,rgba(61,71,81,1) 47%,rgba(57,67,77,1) 49%,rgba(53,62,72,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(67,78,89,1) 0%,rgba(61,71,81,1) 47%,rgba(57,67,77,1) 49%,rgba(53,62,72,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#434e59', endColorstr='#353e48',GradientType=0 ); /* IE6-9 */
}
.game-data-mgmt-dialog .empty-form,
.game-config-dialog .empty-form{
  	margin:5px;
    font-size:12px;
}
.game-data-mgmt-dialog .empty-form .add-form,
.game-data-mgmt-dialog .empty-form .add-form-csv,
.game-config-dialog .empty-form .add-form,
.game-config-dialog .empty-form .add-form-csv{
  	color: #09BEF6;
  	text-decoration: underline;
  	cursor:pointer;
}
.game-data-mgmt-dialog .ui-button-text-only .ui-button-text,
.game-config-dialog .ui-button-text-only .ui-button-text{
	padding:.3em .5em;
}
.game-data-mgmt-dialog .open-form-tip,
.game-config-dialog .open-form-tip{
  	font-size: 12px;
  	margin: 10px;
  	display: block;
}
.game-data-mgmt-dialog .content .tab,
.game-config-dialog .content .tab{
  	border:none;
  	overflow:hidden;
}
.game-data-mgmt-dialog .content a,
.game-config-dialog .content a{
	text-decoration: underline;
}
.game-data-mgmt-dialog .form-content,
.game-config-dialog .form-content{
  	height:95%;
  	overflow:auto;
}
.game-data-mgmt-dialog .addBtnBar,
.game-config-dialog .addBtnBar{
	margin:5px 0;
}
.game-data-mgmt-dialog .addBtnBar button,
.game-config-dialog .addBtnBar button{
	margin-right:3px;
}
.game-data-mgmt-dialog .form-content table,
.game-config-dialog .form-content table{
  	border:1px solid #101010 !important;
  	border-radius:0;
}
.game-data-mgmt-dialog .form-content .password input,
.game-config-dialog .form-content .password input,
.game-data-mgmt-dialog .form-content .userid input,
.game-config-dialog .form-content .userid input,
.game-data-mgmt-dialog .form-content .email input,
.game-config-dialog .form-content .email input{
	padding:1px 5px;
    height:19px;
    border-radius:3px;
    margin-top:1px;
}
.game-data-mgmt-dialog .form-content td,
.game-config-dialog .form-content td{
  	min-width: 100px;
  	border: 1px solid #101010;
  	text-align:center;
  	background: rgba(86, 93, 102, 0.36);
  	max-width: 100px;
  	white-space: nowrap;
  	overflow: hidden;
  	text-overflow: ellipsis;
    height:25px;
}
.game-data-mgmt-dialog .form-content .username,
.game-config-dialog .form-content .username{
	top:0px;
}
.game-data-mgmt-dialog .form-content .selected,
.game-config-dialog .form-content .selected{
  	background: rgba(255, 255, 255, 0.2);
  	color:#fff;
    height:25px;
}
.game-data-mgmt-dialog .form-content .serial-number,
.game-config-dialog .form-content .serial-number{
  	width:30px;
}
.game-data-mgmt-dialog .rename-input,
.game-config-dialog .rename-input{
  	height:15px;
  	width:85%;
  	border:0;
}
.game-data-mgmt-dialog .form-content .keyWord,
.game-config-dialog .form-content .keyWord{
	background: #1d2937;
}
.game-data-mgmt-dialog .form-content .keyWord.selected,
.game-config-dialog .form-content .keyWord.selected{
	background: #0e1c2c;
    color:#fff;
}
/*==========================================Formulas-dialog=============================================*/
.Formulas-dialog .unknowns{
  	list-style:none;
  	margin: 5px 0;
  	padding-left: 0;
  	background: rgba(86, 93, 102, 0.36);
  	border: #101010 1px solid;
  	height: 100px;
  	overflow: auto;
  	table-layout:fixed;
  	width:350px;
}
.unknown-node .name{
  	width:10%;
  	display: inline-block;
  	overflow: hidden;
  	text-overflow: ellipsis;
  	white-space: nowrap;
}
.unknown-node .comment{
  	display: inline-block;
  	margin-left: 5px;
  	width:85%;
  	overflow: hidden;
  	text-overflow: ellipsis;
  	white-space: nowrap;
}
.Formulas-dialog .unknowns .unknown-node{
  	padding:2px 5px;
  	margin-bottom:2px;
}
.Formulas-dialog .unknowns .unknown-node:hover{
  	background: #272b2e;
  	color: #fff;
  	cursor:pointer;
}
.Formulas-dialog .unknowns .unknown-node.selected {
  	background: #272b2e;
  	color: #09BEF6;
}
/*============================================.behavior-dialog=========================================*/
.behavior-dialog .content{
  	border: 1px solid #101010;
  	background: rgba(86, 93, 102, 0.36);
}
.behavior-dialog .content .one-behavior .icon,
.objects-properties-pane .content .icon{
  	width:16px;
  	height:16px;
  	background-image:url("qiyun/behaviors16.png");
  	display:inline-block;
  	position: relative;
  	top: 2px;
  	margin-right: 2px;
}
.behavior-dialog .content .one-behavior{
  	padding: 2px 5px;
  	margin-bottom:2px;
  	white-space:nowrap;
}
.behavior-dialog .content .one-behavior:hover{
  	background: #272b2e;
  	color: #fff;
  	cursor:pointer;
}
.behavior-dialog .content .one-behavior.selected{
  	background: #272b2e;
  	color: #09BEF6;
}
.platform-behavior .icon{
  	background-position:-48px 0;
}
.physics-behavior .icon{
  	background-position:-16px 0;
}
.dir_8-behavior .icon{
  	background-position:-0px 0;
}
.buttonBehavior-behavior .icon{
  	background-position:-64px 0;
}
.behavior-node[type="physics"] .img{
  	background:url("qiyun/behaviors50.png") 0 0 no-repeat;
}
.behavior-node[type="dir_8"] .img{
  	background:url("qiyun/behaviors50.png") -50px 0 no-repeat;
}
.behavior-node[type="platform"] .img{
  	background:url("qiyun/behaviors50.png") -150px 0 no-repeat;
}
.behavior-node[type="buttonBehavior"] .img{
  	background:url("qiyun/behaviors50.png") -200px 0 no-repeat;
}
.behavior-node{
   	display: inline-block;
   	width: 100px !important;
   	height: 100px !important;
   	text-align: center;
   	margin: 0 5px 5px 0;
}
.behavior-node.selected .img{
    border: 1px solid #09BEF6;
    opacity: 0.8;
    outline: 0 !important;
}
.behavior-node .img{
    width:50px;
    height:50px;
    border:1px solid #373c42;
    margin:0 auto;
    background-repeat:no-repeat;
}
.behavior-node p{
   max-width: 100px;
   text-overflow: ellipsis;
   overflow: hidden;
   white-space: nowrap;
   display:block;
}
/*dir8*/
.dir8 .sprites td,
.dir8WithParent .one-dir,
.platformPane .sprites td,
.platformPane .one-dir {
    width: 80px;
    height: 80px;
}
.platformPane .one-dir,
.dir8 .one-dir,
.dir8WithParent .one-dir {
    width: 80px !important;
    height: 80px !important;
    background: #000;
    text-align: center;
    line-height: 5.5;
    background-repeat: no-repeat;
    background-position: 50%;
}
.platformPane .one-dir.selected ,
.dir8 .one-dir.selected, 
.dir8WithParent .one-dir.selected {
    width: 74px !important;
    height: 74px !important;
    border: 3px solid #47D0ED;
    border-radius: 5px;
}
.dir8 .key-node{
    background: #AFAFAF;
    color: #000;
    padding: 2px 6px;
    box-shadow: 0 2px 1px #000,0 1px 1px #fff inset;
    border-radius: 2px;
    margin:5px;
    display:inline-block;
}
.dir8 .properties table .label{
    white-space:nowrap;
}
.dir8 .speed,.dir8 .add-key{
    width:50px;
}
.dir8 .add-key{
   display:block;
}
.dir8 .clear-sprite{
   display:inline-block;
}
.extend.ui-layout-container,
.behavior.ui-layout-container{
    min-height: 120px;
}
/*==========================================args-dialog=================================================*/
.args-dialog .ui-layout-north{
   overflow:hidden;
}
.args-dialog .content{
   background: rgba(86, 93, 102, 0.36);
   border: 1px solid #101010;
   padding: 5px;
   width: auto !important;
   height: auto !important;
}
.args-dialog .one-arg{
margin-bottom: 2px;
cursor: pointer;
position: relative;
padding:2px 0;
}
.args-dialog .one-arg:hover {
background: #272b2e;
color: #fff;
}
.args-dialog .one-arg.selected {
background: #272b2e;
color: #09BEF6;
}
.args-dialog .one-arg .name{
max-width: 40%;
white-space: nowrap;
text-overflow: ellipsis;
display: inline-block;
overflow: hidden;
}
.args-dialog .one-arg .comment {
max-width: 50%;
white-space: nowrap;
text-overflow: ellipsis;
position: absolute;
right: 5px;
display: inline-block;
overflow: hidden;
}
/*::-webkit-input-placeholder,
::-moz-placeholder{
font-size:30px;
color:red;
}
.input-element{
  font-size:30px !important;
  color:red !important;
}
*/

/*动作序列label标签内容换行*/
.actions .action-node label{
    word-break: break-all;
}

/*预览居中*/
#ui-id-16 > div > div.ui-layout-center.ui-layout-pane.ui-layout-pane-center > div.largeImage.ui-layout-container > div.ui-layout-center.ui-layout-pane.ui-layout-pane-center > div.preview-parent {
	text-align: center;
	line-height: 100px;
}

#ui-id-16 > div > div.ui-layout-center.ui-layout-pane.ui-layout-pane-center > div.largeImage.ui-layout-container > div.ui-layout-center.ui-layout-pane.ui-layout-pane-center > div.preview-parent > div {
	display: inline-block;
	vertical-align: middle;
}
/*==========================================Ranklists-dialog=================================================*/

.previewArea-ranklist{
	/*line-height: 0 !important;*/
}

/*下面的css代码是用来设置ranklist界面左边的菜单面板的*/
.menuItem_ranklist{
	position: relative;
	padding: 4px;
	cursor: pointer;
}
.menuItem_ranklist:hover{
    background:rgba(0,0,0,0.3);
}
.menuItem_ranklist.header_accordionWrap_ranklist:hover{
    background:none;
}
.menuItem_ranklist.header_accordionWrap_ranklist
.accordionWrap_ranklist{
    margin:10px 0 0 0;
}
.menuItem_ranklist .ui-icon{
   display:inline-block;
   width:12px;
}
.menuItem_ranklist .ui-icon.ui-icon-triangle-1-s{
   background-image: url("qiyun/icon_11_1.png") !important;
   background-position: -22px 2px;
   left:0;
}
.menuItem_ranklist .ui-icon.ui-icon-triangle-1-e{
   background-image: url("qiyun/icon_11_1.png") !important;
   background-position: -88px 2px;
   left:0;
}
.ranklist .ui-icon-trash{
	display: inline-block;
	position: absolute;
	top: 0;
    right: 0;
    margin-top: 0;
    background-image: url("qiyun/icon_b6c5d4.png?") !important;
    background-position: 0 -20px;
    width: 20px;
    height: 20px;
    margin-left: -10px;
}  
.ranklist .ui-icon-trash:hover{
   background-image: url("qiyun/icon_14bef6.png?") !important;
}
.menuItem_actived_ranklist{
	background: #1F2225;
}
.accordionWrap_ranklist{
	margin: 0 0 10px 0;
}
.header_accordionWrap_ranklist{
	position: relative;
	padding: 0 4px 6px 4px ;
	cursor: pointer;
	margin: 0 0 2px 0;
}
.headerIcon_accordionWrap_ranklist{
	display: inline-block;
	position: relative;
	top: 2px;
	left: -8px;
}
.headerTitle_accordionWrap_ranklist{
	position: relative;
	left: -2px;
}
.headerAlt_accordionWrap_ranklist{
	position: absolute;
	right: 0;
    font-size:12px;
    top:4px;
}
.content_accordionWrap_ranklist{
	padding-left: 14px;
}
.checkBoxMenuItemWrap_ranklist{
	padding : "4px";
}
.recordContainerWrap_ranklist{
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.spinnerWrap_ranklist{
	display: inline-block;
	margin: 0 10px 4px 0;
}
.spinnerLabel_ranklist {
	display: inline-block;
	margin: 0 4px 0 0;
}
.spinner_ranklist{
	width: 60px !important;
}
.colorSelectorWrap_ranklist{
	display: block;
}
.colorSelectorLabel_ranklist{
	display: inline-block;
	min-width: 46px;
}
.pictureSelectorWrap_ranklist{
	display: inline-block;
	position: relative;
    top: 5px;
    background-color:#000;
    padding:2px;
    margin:0 5px 8px 0;    
}
.pictureSelector_ranklist{
	display: inline-block;
	position: relative;
	width: 26px;
	height: 26px;
    top: 2px !important;
	left: -2px;
	background-size: 100% 100%;
	background-repeat: no-repeat;
    background-position:center center;
}
.ui-icon-trash.backgroundImage_deleteButton_ranklist{
    position: relative;
    left: 15px;
    top: 2px;
}
.attrPanelArea-ranklist .minicolors-with-opacity .minicolors-panel{
    width:172px;
}
.attrPanelArea-ranklist .minicolors-with-opacity .minicolors-opacity-slider{
    display:none;
}
.alignItem_ranklist{
	display: inline-block;
	width: 20px;
	height: 20px;
	margin: 0 10px 10px 6px;
}
.contentMenu_ranklist{
	position: relative;
	display: inline-block;
	z-index: 100;
}
.stateBar_ranklist{
	position: absolute;
	bottom: 0;
	left:0;
	z-index: 10;
	width: 100%;
	height: 100%;
	line-height: 20px;
	font-size: 12px;
	text-align: left;
	background-color: rgba(0, 0, 0, 0.3);
}
.previewArea-ranklist .operate-object{
    border:1px solid blue;
}
.attrPanelArea-ranklist .align.ui-state-default {
    width: 25px;
    height: 25px;
    background: none;
    border: 1px solid transparent;
    box-shadow: none;
    position: relative;
    top: 1px;
}
.attrPanelArea-ranklist .align.ui-state-hover,
.align.alignItem_actived_ranklist{
   width: 25px;
   height: 25px;
   background:rgba(0,0,0,0.27) !important;
   border:1px solid #101010 !important; 
   top: 1px;
}
.attrPanelArea-ranklist .align.ui-state-default .ui-icon{
    background-image: url("qiyun/icon_b6c5d4.png?");
    width: 20px;
    height: 20px;
    margin-top:2px;
    margin-left:2px;
}
.align .alignItem_actived_ranklist.ui-state-default .ui-icon,
.attrPanelArea-ranklist .align.ui-state-hover .ui-icon{
    background-image: url("qiyun/icon_14bef6.png?");
    width: 20px;
    height: 20px;
    margin-top:2px;
    margin-left:2px;
}
.leftAlign .ui-icon{
    background-position: -60px -80px;
}
.centerAlign .ui-icon{
    background-position: -80px -80px;
}
.rightAlign .ui-icon{
    background-position: -100px -80px;
}
.topAlign .ui-icon{
    background-position: -120px -80px;
}
.middleAlign.ui-icon{
    background-position: -140px -80px;
}
.bottomAlign.ui-icon{
    background-position: -160px -80px;
}
.alignItem_actived_ranklist{
    
}
/*下面的css是用来设置创建新字段的对话框的*/
.newFieldInput_ranklist{
	width: 98%;
	padding: 3px 0;
}
.newFieldLabelForInput_ranklist{
	min-width: 70px;
}
.recordContainerWrap_ranklist{
	position: absolute;
	width: 100%;
	height: 100%;
}
.backgroundImage_deleteButton_ranklist{
	position: relative;
	top: 4px;
	display: inline-block;
	margin: 0 0 0 10px;
	cursor: pointer;
}
.contentMenuLayer_ranklist{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 0;
}
.field_ranklist{
	background-color: red;
}
.toolBar_ranklist {
    border-radius:5px;
	position: relative;
	width: 176px;
	margin: 2px 1px;
	z-index: 10;
	background: rgba(0,0,0,0.6);
}
.toolBar_ranklist .ui-button.ui-state-default{
    border: none;
    box-shadow: none;
    background: none !important;
}
/*==========================================Skeletal animation=================================================*/
.select-skeleton {
	margin: 0 5px 0 5px;
}
.import-skeleton-to-object-dialog canvas {
	background-image: url("images/previewBg.png");
}
.import-skeleton-to-object-dialog .zoom-buttons {
	margin: 10px;
}
.import-skeleton-to-object-dialog .zoomIn,
.import-skeleton-to-object-dialog .zoomOut,
.import-skeleton-to-object-dialog .zoom-to-1 {
	background: none !important;
	border: 0 !important;
	box-shadow: none !important;
}
.select-skeleton .select-start-anim {
	margin: 0 10px 0 10px;
}
.import-skeleton-to-object-dialog .after-select .main-button {
	height: 27px;
    margin: 0 6px 0 10px;
}
.img.skeleton-icon.exportjson {
	background:url("qiyun/Exportjson_icon.png") no-repeat center center;
}
.img.skeleton-icon.json {
	background:url("qiyun/json_icon.png") no-repeat center center;
}
.img.skeleton-icon.plist {
	background:url("qiyun/plist_icon.png") no-repeat center center;
}
.img.skeleton-icon.atlas {
	background:url("qiyun/atlas_icon.png") no-repeat center center;
}
.skeletons-node.resource-node .img {
	background:url("qiyun/bone50.png") no-repeat center center;
}
.json-pane .json-icon {
	background:url("qiyun/json_icon.png") no-repeat center center;
}
.plist-pane .plist-icon {
	background:url("qiyun/plist_icon.png") no-repeat center center;
}
.atlas-pane .atlas-icon {
	background:url("qiyun/atlas_icon.png") no-repeat center center;
}

.Skeletons-dialog .thumbnail-node {
	width: 100px;
    height: 100px;
}
.Skeletons-dialog .thumbnail-node .img {
	width: 50px;
    height: 50px;
}
.thumbnail-node.json-node p,
.thumbnail-node.plist-node p,
.thumbnail-node.image-node p {
	margin-top: 5px;
    margin-left: 2px;
}
.thumbnail-node.json-node div,
.thumbnail-node.plist-node div,
.thumbnail-node.image-node div{
	margin-top: 6px;
}
.Skeletons-dialog .name {
	margin: 0 10px 0 2px;
	width: 120px;
}
.controls {
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 15px;
    background: #000;
}
.after-select {
    display: inline-block;
}
.json-pane, .plist-pane, .image-pane {
    height: 29%;
    padding: 5px;
}
.json-node, .plist-node, .image-node {
    width: 80px !important;
    height: 80px !important;
}
.json-node .img, .plist-node .img, .image-node .img {
    width: 50px !important;
    height: 50px !important;
}
.zoom-buttons {
    position: absolute;
    z-index: 1000;
    width: 105px;
    left: 10px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    top: 25px;
    background: rgba(0, 0, 0, 0.619608);
}
.zoom-buttons .zoomIn, .zoom-buttons .zoomOut, .zoom-buttons .zoom-to-1 {
    width: 25px;
    height: 25px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    background: rgba(0, 0, 0, 0.619608);
    margin-left: 5px;
}
.skin {
    display: inline-block;
}
.select-layer-dialog .scenes, .select-layer-dialog .layers {
    padding: 3px;
    overflow: hidden;
}
.select-layer-dialog .scenes .scenes-title, .select-layer-dialog .layers .layers-title {
    padding: 0 0 0 12px;
    overflow: hidden;
    line-height: 2.5;
}
.select-layer-dialog .scenes .scenes-list, .select-layer-dialog .layers .layers-list {
    padding: 0px;
	margin: 2px !important;
    border: 1px solid #101010;
	box-shadow: 0 0 1px rgba(255, 255, 255, 0.62) inset;
	border-radius: 3px;
}
.select-layer-dialog .scenes .scene-node {
    padding: 5px;
}
.select-layer-dialog .scenes .scene-node:hover {
    background: #415b68;
}
.select-layer-dialog .scenes .scene-node.selected {
    background: #303039;
}
/*==========================================action block color=================================================*/
.action-node .comment {
	margin-left: 32px;
}
.select-color-comment {
    width: 20px;
    height: 20px;
    display: inline-block;    
    margin-left: 10px;
    position: absolute;
    top: 3px;
	background: url("qiyun/colorComment.png");
}
.comment-only .select-color-comment {
    background-position: -20px 0px;
}
.color-comment {
    position: absolute;
    display: inline-block;
    z-index: 101;
    padding: 10px;
    font-size: 14px;
}
.color-comment .select-color {
    padding: 5px;
}
.select-color .one-color {
    width: 16px;
    height: 16px;
    border: 1px solid #000;
    display: inline-block;
    margin-right: 12px;
}
.select-color .one-color.selected {
	border: 1px inset;
}
.select-color .one-color:last-child {
	margin-right: 0px;
}
/*==========================================collisionShapeDialog=================================================*/
.flip-switch.collisionShapeDialog{
	width: 140px;
	left: 35%;
}
.toolBar.collisionShapeDialog{
	padding: 7px 10px;
	border-radius: 5px;
	box-shadow: 0 1px 1px rgba(255, 255, 255, 0.15) inset, 0 2px 2px rgba(0, 0, 0, 0.31); 
	border-style: solid;
	border-width: 1px;
	border-color: #1B1B1B #1B1B1B #000 #1B1B1B;
}
.contentArea.collisionShapeDialog{
	padding: 10px 0 0 0;
}
.filter.collisionDialog{
	display: inline-block;
	position: absolute;
	top: 5px;
	right: 10px;
}
.collision-shapes{
	padding: 10px;
	height: 92%;
	overflow: auto;
}
.select-object-pane.collisionDialog{
	height: 100%;
	overflow: auto;
}
.select-object-pane.collisionDialog .search-object .search-icon{
	left:23px;
}
.top0{
	top: 0 !important;
}
.objectsContainer.collisionShapeDialog{
	border: 1px solid #101010;
	border-right: none;
	background: rgba(86, 93, 102, 0.36);
}
.collision-shapes.collisionShapeDialog{
	border: 1px solid #101010;
	border-left: none;
	background: rgba(86, 93, 102, 0.36);
}
.objectItem.collisionShapeDialog{
	display: block;
	height: 24px;
	margin-bottom: 4px;
	line-height: 24px;
	padding: 0 6px;
}
.objectItem.collisionShapeDialog:hover{
	background: rgba(0, 0, 0, 0.3);
}
.objectItem.collisionShapeDialog.active{
	background: #1F2225
}
.objectItem.collisionShapeDialog .icon{
	vertical-align: middle;
	width: 16px !important;
	background-repeat: no-repeat;
	margin-right: 6px;
}
.objectItem.collisionShapeDialog .name{
	width: 125px;
	display: inline-block;
	overflow: hidden;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	vertical-align: middle;
}
.toolBar.collisionShapeDialog .back{
	bottom: 4px;
	margin-right: 4px;
}
.select-collision-shape-dialog .folder{
	display: inline-block;
	width: 100px;
	height: 140px;
	text-align: center;
	margin: 0 5px 5px 0;
}
.select-collision-shape-dialog .objects-node.resource-node {
	display: inline-block;
	width: 100px !important;
	height: 140px !important;
	text-align: center;
	margin: 0 5px 5px 0;
}
.select-collision-shape-dialog .objects-node.resource-node .img:hover {
	border: 1px solid #09BEF6;
	opacity: 0.8;
	outline: 0 !important;
}
.select-collision-shape-dialog .folder.img{
	background: url("qiyun/folder50.png") center center no-repeat !important;
    height: 100px;
	width: 100px;
    margin: auto;
}
.select-collision-shape-dialog p {
	max-width: 100px;
	text-overflow: ellipsis; 
	overflow: hidden;
	white-space: nowrap;
}
/*各种各样的搜索图标*/
.select-collision-shape-dialog .ui-icon-search {
	margin-top: -13px !important;
	left: 24px !important;
}
.open-proj-dialog .ui-icon-search {
	top: 18px !important;
	left: 24px !important;
}
.select-layer-dialog .ui-icon-search {
	margin-top: -14px !important;
	left: 21px !important;
}
.filemgmt-dialog .ui-icon-search {
	margin-top: -14px !important;
	left: 23px !important;
}
events-dialog .ui-icon-search {
	margin-top: -17px !important;
	left: 15px !important;
}
.tags-dialog .ui-icon-search {
	margin-top: -18px !important;
	left: 15px !important;
}
.select-event-dialog .search-icon {
	left: 1px;
}
.object-events .ui-icon-search {
	top: 7px;
	left: 15px;
}
.events-dialog .ui-icon-search {
	top: 8px !important;
	left: 15px !important;
}
.Objects-dialog .ui-icon-search {
	top: 7px !important;
	left: 16px !important;
}
.collisionShapeDialog .objectItem.tags-node .icon {
	background-image: url("qiyun/tagMini.png");
    display: inline-block;
    height: 16px;
}
.open-proj-dialog .ui-icon-search {
	margin-top: -18px !important;
}
/*.guide-new-demo-proj .ui-icon-search {
	left: 16px !important;
	top: 12px !important;
}*/
/*==========================================loading=================================================*/
#loading {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 200;
    background: rgba(0, 0, 0, 0.4);
}
#loading .loading-icon {
    background: url("qiyun/loading.gif");
    width: 88px;
    text-align: center;
    top: 50%;
    position: relative;
    font-size: 30px;
    color: #000;
    height: 81px;
    margin: 0 auto;
}
#loading .loading-label {
    width: 100%;
    text-align: center;
    top: 50%;
    position: relative;
    font-size: 15px;
    color: #fff;
    margin-top: 20px;
}
/*=======================================文件管理======================================*/
.fileDragHelper {
    width: 30px;
    height: 30px;    
	background: url("qiyun/fileDrag.png");
    background-size:100% 100%;      /*保持图像本身的宽高比例，将图片缩放到宽度或高度正好适应定义背景的区域*/  
    
}
.filemgmt-dialog .number {
	position: relative;
    top: 11px;
    left: 16px;
}
.ui-draggable .img.audio-icon:after {
	content: "";
    display: block;
	width: 20px;
	height: 20px;
	position: relative;
	top: 2px;
	left: 78px;
	background-image: url("qiyun/music_status.png");
	background-position: -20px 0;
}
.ui-draggable .selected.audioPlaying .img.audio-icon:after {
	content: "";
    display: block;
	width: 20px;
	height: 20px;
	position: relative;
	top: 2px;
	left: 78px;
	background-image: url("qiyun/music_status.png");
	background-position: -0px 0;
}
.ui-draggable .audioPlaying .img.audio-icon:after {
	content: "";
    display: block;
	width: 20px;
	height: 20px;
	position: relative;
	top: 2px;
	left: 78px;
	background-image: url("qiyun/music_status.png");
	background-position: -0px 0;
}
.ui-draggable .audioPaused.selected .img.audio-icon:after {
	content: "";
    display: block;
	width: 20px;
	height: 20px;
	position: relative;
	top: 2px;
	left: 78px;
	background-image: url("qiyun/music_status.png");
	background-position: -20px 0;
}
/*=======================================全局变量设置======================================*/
.global-settings-dialog .setting-nav {
	float: left;
    width: 90px;
    margin-right: 2px !important;
    
}
.global-settings-dialog .ui-tabs-panel {
    border-left: 1px solid #101010 !important;
    font-size: 14px;
    padding:10px;
    border-radius: 0;
}
.global-settings-dialog .setting-nav .ui-tabs-anchor {
	display: inline-block;
	width: 90px;
    padding: 5px 2px 5px 10px;
    height: 18px;
}
.global-settings-dialog .setting-nav .ui-icon-triangle-1-e {
	position: relative;
    top: -16px;
    left: 55px;
    width: 15px;
	background-image: url("qiyun/icon_11_1.png") !important;
	background-position: -20px 2px;
    transform: rotate(270deg);
}
.setting-panel .ui-icon.ui-icon-triangle-1-s{
	background-image: url("qiyun/icon_11_1.png") !important;
	background-position: -20px 2px;
    width: 15px;
}
.setting-panel .ui-icon.ui-icon-triangle-1-se{
	background-image: url("qiyun/icon_11_1.png") !important;
	background-position: -20px 2px;
    width: 15px;
    transform: rotate(-45deg);
}
.global-property, .browser-property{
    height: 208px;
}
.gamemeiSetting_display .basic-property .game-icon {
	position: relative;
	top: 3px;
}
.setting-panel.basic-properties .game-icon-tip {
	position: relative;
	top: 2px;
	display: inline-block;
}
.basic-property .apk-load-bg {
	position: relative;
	top: 1px;
}
.screen-property {
	height:170px;
}
.screen-property .label {
	position: relative;
	display: block;
    height: 57px;
}
.screen-property .menu-screen-preference {
	position: relative;
	left: -20px;
    height: 30px;
}
.screen-property .option-screen-preference {
	position: relative;
	left: -90px;
}
.screen-preference-icon, .screen-size-icon {
	float: left;
	display: inline;
}
.screen-property .menu-screen-size {
	position: relative;
	left: -20px;
	top: -3px;
}
.screen-property .option-screen-size {
	position: relative;
	left: -90px;
    margin-top: 5px;
}
.screen-property .minicolors {
	position: relative;
	top: -15px;
}
.setting-panel.advanced-properties .question {
	position: relative;
	left: 4px;
}
.setting-panel.extend-properties .separator {
	position: relative;
	top: 5px;
	width: 1px;
	height: 20px;
	padding: 0px;
	margin-left: 10px;
	margin-right: 10px;
	border: none;
	background: #101010;
}
.setting-panel.extend-properties .browser-variable.ui-state-default {
    margin-left: -5px;
}
.setting-panel.advertisements-properties .label{
	width: 102px;
}
.advertisements-properties .ad-setting {
    display: inline-block;
	float: left;
    width: 400px;
}
.advertisements-properties .ad-setting .h5-ad-setting,
.advertisements-properties .ad-setting .apk-ad-setting {
	display: inline-block !important;
    float: none !important;
    width: 100px !important;
}
.h5ad-properties .h5ad-tool-menu .main-button {
	width: 120px;
}
.h5ad-properties .h5ad-tool-menu .ui-button {
	margin: 0 2px;
}
.edit-h5ad .h5-code,
.edit-h5ad .h5-link {
	width: 400px !important;
    height: 200px !important;
}
.h5ad-properties,
.apkad-properties {
    position: relative;
    top: -3px;
	border: 1px solid #101010 !important;
    box-shadow: 0 0 1px rgba(255, 255, 255, 0.62) inset;
	border-radius: 3px;

}
/*=======================================嵌套网页=========================================*/
.iframe .iframe-element {
	background: url("qiyun/web_bg.jpg") no-repeat center center;
    background-size: 100%;
}
/*文件夹下对应文件小图标*/
.ui-iframes-node .icon {
   background:url("qiyun/icon16.png") -144px -16px no-repeat;
   width: 16px;
   height: 16px;
   position:relative;
   top:2px;
   display:inline-block;
}

/*添加事件 应用至 唯一标识图标*/
.object-node.iframe-node  .img {
	background:url("qiyun/web_icon.png") no-repeat center center;
}
/*=======================================Flash播放器=======================================*/
.flashplayer .flashplayer-element {
    background: url("qiyun/flash_bg.jpg") no-repeat center center;
    background-size: 100%;
}
.flashplayers-properties-pane {
    background: #353a40;
    color: #c8d2da;
    text-shadow: 0 1px 1px #000;
    font-size: 14px;
    padding: 10px;
    border: 1px solid #101010;
    margin-top: 10px;
}
.flashplayers-node .icon {
    background: url("qiyun/icon_b6c5d4.png?") -180px -40px no-repeat;
    width: 20px;
    height: 20px;
    display: inline-block;
    position: relative;
    top: 3px;
}
.flashplayers-node .icon.expanded {
    background: url("qiyun/icon_b6c5d4.png?") -40px -60px no-repeat;
}
.flashplayers-node .icon:hover {
    background: url("qiyun/icon_14bef6.png?") -180px -40px no-repeat;
}
.flashplayers-node .icon.expanded:hover {
    background: url("qiyun/icon_14bef6.png?") -40px -60px no-repeat;
}
.flashplayersContent {
	padding-left: 20px;
}
.ui-flashplayers-node .icon {
    background: url("qiyun/icon16.png") 0px -32px no-repeat;
    width: 16px;
    height: 16px;
    position: relative;
    top: 2px;
    display: inline-block;
}
 .flashplayer-node .img, .thumbnail-node .img.flash-icon{
	background: url("qiyun/flashIcon50.png") no-repeat center center
}

/*=======================================快捷键提示========================================*/
.tip-dialog {
	position: relative;
    margin-top: 97px;
	margin-left: auto;
	margin-right: auto;
	width: 250px;
    background-color: rgba(0, 0, 0, 0.7);
    color: #d6d6d6;
    font-size: 12px;
    border: 1px solid #000;
    border-radius: 3px;    
}
.tip-dialog:after {
	content: "";
	display: block;
	height: 0;
	clear:both;
}
.tip-dialog p {
	margin: 0 5px 0 5px;
    display: inline-block;
}
.tip-dialog .tip-dialog-title {
	margin-left: 10px;
}
.tip-dialog hr {
	margin: 3px;
    border: none;
	height: 1px;
	background-color: #6a6969;
}
.tip-dialog .tip-dialog-list,
.tip-dialog .tip-dialog-more {
	color: #09BEF6;	
}
.tip-dialog .custom-checkbox label {
	font-size: 12px;
}
.tip-dialog .tip-dialog-list {
	position: relative;
	top: 3px;
    margin-bottom: 5px;
}
.tip-dialog .tip-dialog-desc,
.tip-dialog .custom-checkbox {
	float: right;
    margin-right: 5px;
}
/*=======================================对象->标签========================================*/
.objects .show-tag {
    display: inline-block;
	border: 1px solid transparent;
    box-shadow: none;
	width: 22px;
	height: 22px;
	border-radius: 15px;
    background: none;
    position: absolute;  
    right: 30px;
	top: 9px;
}
.objects .show-tag:hover {
	border:1px solid #000;
    box-shadow:0 1px 1px rgba(255, 255, 255, 0.22) inset;
    border-color:#262626;
    background: rgb(67, 78, 89);
    background: -moz-linear-gradient(top, rgba(67, 78, 89, 1) 0%, rgba(61, 71, 81, 1) 47%, rgba(57, 67, 77, 1) 49%, rgba(53, 62, 72, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(67, 78, 89, 1)), color-stop(47%, rgba(61, 71, 81, 1)), color-stop(49%, rgba(57, 67, 77, 1)), color-stop(100%, rgba(53, 62, 72, 1)));
    background: -webkit-linear-gradient(top, rgba(67, 78, 89, 1) 0%, rgba(61, 71, 81, 1) 47%, rgba(57, 67, 77, 1) 49%, rgba(53, 62, 72, 1) 100%);
    background: -o-linear-gradient(top, rgba(67, 78, 89, 1) 0%, rgba(61, 71, 81, 1) 47%, rgba(57, 67, 77, 1) 49%, rgba(53, 62, 72, 1) 100%);
    background: -ms-linear-gradient(top, rgba(67, 78, 89, 1) 0%, rgba(61, 71, 81, 1) 47%, rgba(57, 67, 77, 1) 49%, rgba(53, 62, 72, 1) 100%);
    background: linear-gradient(to bottom, rgba(67, 78, 89, 1) 0%, rgba(61, 71, 81, 1) 47%, rgba(57, 67, 77, 1) 49%, rgba(53, 62, 72, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#434e59', endColorstr='#353e48', GradientType=0);
}
.objects.ui-state-hover .show-tag {
    display: inline-block !important;
}
.objects .show-tag.ui-state-default .ui-icon-tag {
    background: url("qiyun/icon_b6c5d4.png") -60px -120px no-repeat;
	width: 20px;
	height: 20px;
	margin-top: -12px;
	margin-left: -10px;	
}
.objects .show-tag.ui-state-hover .ui-icon-tag {
	background:url("qiyun/icon_14bef6.png") -60px -120px no-repeat;
}
.tags-dialog .tag-list-title {
    position: relative;
	left: 2px;
	font-size: 14px;
	border: 1px solid #101010;
    box-shadow: 0 0 1px rgba(255, 255, 255, 0.62) inset;
	border-radius: 3px;
	height: 18px;
	width: 90px;
	text-align: center;	
}
.tags-dialog .tag-list {
    left: 7px !important;
    top: 14px !important;
	width: 106px !important;
    padding: 0 !important;
}
.tags-dialog .add-button {
    position: relative;
	left: 20px;
	background: url("qiyun/add.png") no-repeat center center;
	opacity: 0.5;
	width: 45px;
	height: 45px;
}
.tags-dialog .add-button:hover {
     opacity:1;
     cursor:pointer;
 }
.tags-dialog .tag-node {
	position: relative;
	left: 2px;
	font-size: 14px;
	border: 1px solid #101010;
    box-shadow: 0 0 1px rgba(255, 255, 255, 0.62) inset;
	border-radius: 3px;
	height: 20px;
	width: 90px;
    text-align: center;
}
.tags-dialog .tag-node.selected {
	color: #09BEF6;
}
.tags-dialog .tag-node .icon {
    position: relative;
	top: 4px;
	left: 75px;
	background-image: url("qiyun/icon_11_1.png");
	background-position: -20px 2px;
    transform: rotate(-90deg);
	width: 15px;
	height: 15px;
}
.tags-dialog .tag-node .name {
    display: block;
    width: 80px;
	position: relative;
	top: -14px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    height: 20px;
}
.tags-dialog .tag-node .rename-input {
    display: block !important;
    width: 87px;
	position: relative;
	top: -15px;
    left: -4px;    
}
.tags-dialog .objects {
    border: 1px solid #000;
    box-shadow: 0 0 1px rgba(255, 255, 255, 0.62) inset;
	left: 110px;
}
.tags-dialog .ui-layout-pane .ui-tabs-nav {
    padding: 0;
    position: relative;
	top: 5px;
}
.tags-dialog .ui-widget-content {
	border: none;
}
.tags-dialog .buttons {
    top: 6px !important;
    background: #343B47;
	border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    border-radius: 3px;
    overflow: hidden;
}
.tags-dialog .buttons .ui-state-default {
	width: 30px;
	height: 25px;
	background: none;
	border: 1px solid transparent;
    border-radius: 3px;
	box-shadow: none;
	position: relative;
	top: -6px;
	margin: 0 1px;
}
.tags-dialog .buttons .behaviors{
	margin-left: 5px;
	width: 90px;
    border-radius: 15px;
}
/*.tags-dialog .movements .ui-layout-center {
	border: 1px solid #000;
}*/
.tags-dialog .object-node {
	margin: 10px 15px 10px 15px;
}
.tags-dialog .object-node .name {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 100px;
}
.resource-node.tags-node .img {
	background: url("qiyun/tags50.png") no-repeat center center;
}
/*=======================================屏蔽========================================*/
.setshield .set-shield-addevent {
	position: relative;
	top: -6px;
}
.select-event-dialog .event-search-input {
	position: relative;
    right: -50%;
}
.select-event-dialog .search-bar,
.select-event-dialog .select-event-ul {
	overflow: hidden;
}
.select-event-dialog .event-pane {
	border: 1px solid #101010;
	box-shadow: 0 0 1px rgba(255, 255, 255, 0.62) inset;
	border-radius: 3px;
    background: rgba(86, 93, 102, 0.36);
	min-height: 60px;
    padding: 10px;
    margin-top: -2px;
}
.wraper .ui-button .ui-button-text{
	padding:.3em 1em .3em 2em;
}
.select-event-dialog.ui-button {
	margin: 3px;
	width: 100px;
	height: 32px;
}
.select-event-dialog .event-button-mouse .ui-icon-mouse {
	background-image:url("qiyun/actionIcon.png");
    background-position:0px -175px;
    width:25px;
    height:25px;
    margin-top: -11px;
	left: 3px;    
}
.select-event-dialog .event-button-touch .ui-icon-touch {
	background-image:url("qiyun/actionIcon.png");
    background-position:-25px -175px;
    width:25px;
    height:25px;
    margin-top: -13px;
	left: 3px;    
}
.select-event-dialog .event-button-swipe .ui-icon-swipe {
	background-image:url("qiyun/actionIcon.png");
    background-position:-25px -325px;
    width:25px;
    height:25px;
    margin-top: -11px;
	left: 3px;    
}
.select-event-dialog .event-button-keyup .ui-icon-keyup {
	background-image:url("qiyun/actionIcon.png");
    background-position:-125px -175px;
    width:25px;
    height:25px;
    margin-top: -11px;
	left: 3px;    
}
.select-event-dialog .event-button-keydown .ui-icon-keydown {
	background-image:url("qiyun/actionIcon.png");
    background-position:-100px -175px;
    width:25px;
    height:25px;
    margin-top: -11px;
	left: 3px;    
}
.select-event-dialog .select-event-node,
#set_shield .set-event-node,
#cancel_shield .set-event-node,
#destroy_instance_by_position .condition-node {
    display: inline-block;
	list-style-type: none;
	color: #09BEF6;
    display: inline-block;
	background: #272b2e;
	margin: 2px;
	cursor: pointer;
	padding: 2px 5px;
}
.Objects-dialog .editTag {
	background: none !important;
	border: none !important;
	box-shadow: none !important;
    top: -2px;
}
.physicsProperty-dialog .tagsWraper .custom-radio {
	margin-left: 25px;
}
#set_shield .set-shield-event,
#cancel_shield .set-shield-event {
	border: 1px solid #101010;
	box-shadow: 0 0 1px rgba(255, 255, 255, 0.62) inset;
	border-radius: 3px;
	padding: 0 5px;
	float: left;
	width: 150px;
    min-height: 25px;
}
#set_shield .set-shield-addevent,
#cancel_shield .set-shield-addevent {
	background: none;
	border: none;
	box-shadow: none;
	float: left;
	top: -1px;
    width: 28px;
	height: 28px;
	margin-left: 3px;
}
/*==================================添加修改数据表===================================*/
#update_dataform label {
	display: inline-block;
	position: relative;
	margin: 20px 5px 0 0;
}
#update_dataform .keyword_value .ui-widget-content,
#delete_from_dataform .keyword_value .ui-widget-content {
	width: 270px;
}
#update_dataform .open-select-menu,
#delete_from_dataform .open-select-menu {
	height: 26px;
	width: 20px;
	border-radius: 0;
	top: -1px;
}
.dataform-field .ui-widget-content {
	width: 285px;
}
/*==================================文本属性===================================*/
.scenes-properties-pane,
.texts-properties-pane,
.videos-properties-pane {
	margin-top: 5px !important;
}
.texts-properties-pane .split {
	width: 100%;
	height: 1px;
    margin-bottom: 5px;
}
.texts-properties-pane .input_text {
	width: 87%;
	height: 90px;
}
.texts-properties-pane .install-font.dialogButton {
	height: 24px;
	margin-left: 10px;
}
.texts-properties-pane .font-properties table,
.texts-properties-pane .set-textNode-div table {
	border-spacing: 5px;
}
.event-button.dialogButton {
	float: right;
}
/*================================销毁匿名实例===================================*/
#destroy_instance_by_position .place-holder {
	display: inline-block;
	list-style-type: none;
	color: #707376;
    display: inline-block;
	margin: 2px;
	cursor: pointer;
	padding: 2px 5px;
}
.instance-selection-conditions-dialog .ui-layout-north {
	height: auto !important;
}
.instance-selection-conditions-dialog .conditions {
	border: 1px solid #101010;
	box-shadow: 0 0 1px rgba(255, 255, 255, 0.62) inset;
	border-radius: 3px;
	padding: 0 5px;
	min-height: 30px;
	margin: 0px 4px 0px 2px;
}
.instance-selection-conditions-dialog .switcher-and-filter {
	border: 1px solid #101010;
	box-shadow: 0 0 1px rgba(255, 255, 255, 0.62) inset;
	border-radius: 3px;
	padding: 0 5px;
	min-height: 30px;
	margin: 6px 4px 0px 2px;
}
.instance-selection-conditions-dialog .switcher-and-filter .filter {
	float: right;
    margin-top: -30px;
}
.instance-selection-conditions-dialog .switcher-and-filter .switcher {
    position: relative;
	left: 37%;
	height: 17px;
	top: 1px;
	margin: 4px;
}
.instance-selection-conditions-dialog .resource-node {
	margin: 0 20px 5px 20px;
}
.instance-selection-conditions-dialog .resource-node .name {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 100px;
}
/*================================编辑作用区域===================================*/
.collision-shape-dialog .impact-type {
	margin-top: 6px;
    width: 204px;
}
.collision-shape-dialog .csMode {
	width: 216px;
    background: rgba(33, 37, 42, 0.6);
}
.collision-shape-dialog .csMode .dialogButton {
	margin-bottom: 5px;
}
.collision-shape-dialog .csMode form,
.collision-shape-dialog .shapeLayout_coll {
	margin-top: 7px;
}
.collision-shape-dialog .shapeLayout_coll {
	width: 208px;
    margin-bottom: 6px;
}
.collision-shape-dialog .csMode .custom-radio {
	margin-left: 12px;
}
.collision-shape-dialog .collisionTopToolButtons {
	box-shadow: 0 0 1px rgba(255, 255, 255, 0.62) inset;
	border-radius: 3px;
	border: 1px solid #101010;
    top: 15px !important;
}
.collision-shape-dialog .operation-btn {
	display: inline-block;
}
.collision-shape-dialog .listLayout {
	float: right;
    width: 140px;
	height: 155px;
    position: relative;
	top: -10px;
	right: -10px;
    background-color: rgba(0, 0, 0, 0.7);
	color: #d6d6d6;
}
.collision-shape-dialog .listLayout .csp-item-div {
	padding: 2px;
}
.collision-shape-dialog .collisionToolButtons {
	padding-top: 5px;
}
.collision-shape-dialog .clear-content {
	position: absolute;
	top: 2px;
	left: 78px;
}
.collision-shape-dialog .ui-buttonset {
	position: relative;
}
/*================================欢迎页面===================================*/
.guide-inner {
    display: block;
    width: 1007px;
    height:602px;
	border-color: #272a2f;
    background-color: #272a2f;
    box-shadow: none;
    font-family: "微软雅黑";
}
.guide-left, 
.guide-content,
.guide-recent-projs,
.guide-projs-list,
.guide-newbie,
.guide-new-proj,
.guide-new-tp-proj,
.guide-new-demo-proj,
.guide-right,
.guide-new-tp-proj .panel-header,
.guide-resource-list,
.guide-new-demo-proj .panel-header {
	padding: 0 !important;
}
.guide-footer .icon-gamemei,
.guide-footer .icon-wechat,
.guide-footer .icon-qq,
.guide-projs-list .icon-proj,
.guide-projs-list .icon-zan,
.guide-projs-list .icon-buy {
	display: inline-block;
    width: 20px;
	height: 20px;
}
.guide-footer .icon-gamemei,
.guide-footer .icon-wechat,
.guide-footer .icon-qq {
	position: relative;
	top: -5px;
}
.guide-footer,
.guide-recent-projs .guide-projs-list,
.guide-new-tp-proj .panel-header,
.guide-new-demo-proj .panel-header,
.guide-new-demo-proj .guide-projs-list,
.guide-right .guide-resource-list,
.guide-newbie .guide-projs-list {
	overflow: hidden !important;
}
.guide-recent-projs .guide-more a,
.guide-newbie .guide-more a,
.guide-right .guide-footer,
.guide-new-tp-proj .more,
.guide-new-demo-proj .more {
	color: #9ad11d;
    cursor: pointer;
    font-size: 14px;
}
.guide-recent-projs .panel-header,
.guide-right .guide-header,
.guide-new-tp-proj .panel-header>div:first-child,
.guide-new-demo-proj .panel-header>div:first-child,
.guide-new-proj span,
.guide-newbie .panel-header {
	font-size: 18px;
}
.guide-new-proj,
.guide-projs-list .icon-zan,
.guide-projs-list .icon-buy,
.guide-new-tp-proj .guide-menu .play, 
.guide-new-tp-proj .guide-menu .play-disabled,
.guide-new-tp-proj .guide-menu .open, 
.guide-new-tp-proj .guide-menu .tutorial, 
.guide-new-tp-proj .guide-menu .tutorial-disabled, 
.guide-new-tp-proj .guide-menu .buy,
.guide-new-tp-proj .guide-menu .buy-disabled,
.guide-new-demo-proj .guide-menu .open, 
.guide-new-tp-proj .guide-menu .open-disabled,
.guide-new-demo-proj .guide-menu .tutorial,
.guide-recent-projs .guide-projs-list label,
.guide-recent-projs .guide-projs-list li,
.guide-new-proj .button-new:hover,
.guide-resource-list .res-box .res-detail:hover,
.guide-new-tp-proj .type-item,
#wechat:hover {
	cursor: pointer;
}
/*guide-footer*/
.guide-footer {
    position: static !important;
    height: 33px !important;
	padding: 0 !important;
    background-color: #25282d;
	color: #696e78;
    font-size: 13px;
    border: 1px solid #101010;
   	box-shadow: 0 1px 5px #1d1c1c;
}
.guide-footer .contact-item { 
	float: left;
    margin-top: 12px;
    margin-right: 40px;
}
.guide-footer .contact-item:first-child {
	margin-right: 90px;
	margin-left: 10px;
}
.guide-footer .icon-gamemei {
	background: url(qiyun/version_icon.png);
}
.guide-footer .icon-wechat {
	background: url(qiyun/weixin_icon.png);
}
.guide-footer .icon-qq {
	background: url(qiyun/qq_icon.png);
}
.guide-footer label {
	position: relative;
	top: -9px;
}
#wechat:hover,
#qq1:hover,
#qq2:hover {
	color: #e2e7ef;
}
.guide-wechat,
.guide-qq1,
.guide-qq2 {
	display: block;
    width: 150px;
    height: 169px;    
    position: absolute;
    z-index: 9999;
}
.guide-wechat {
	background: url(qiyun/shaoweixin.png) center center no-repeat;
}
.guide-qq1 {
	background: url(qiyun/qq_guanfang_icon.png) center center no-repeat;
}
.guide-qq2 {
	background: url(qiyun/qq_xinshou_icon.png) center center no-repeat;
}
.guide-wechat.guide-hide,
.guide-qq1.guide-hide,
.guide-qq2.guide-hide {
	display: none;
}
/*guide-content*/
.guide-content {
    margin-top: 5px !important;
	background-image: -webkit-linear-gradient(to right, #606f86, #252932); 
    background-image: linear-gradient(to right, #606f86, #252932);
    border:1px solid #101010;
    box-shadow:0 0 10px #000;
}
/*guide-left*/
.guide-left {
    width: 178px !important;
	background-image: -webkit-linear-gradient(to top, #21252e, #495565); 
    background-image: linear-gradient(to top, #21252e, #495565);
    border: 1px solid #3e4347;
    box-shadow: 0 1px 1px rgba(255, 255, 255, 0.18) inset;
}
.guide-recent-projs .panel-header {
	background-color: #2b2f32;
    color: #e2e7ef;
}
.guide-right .guide-header {
	background-color: #232527;
    color: #e2e7ef;
}
.guide-recent-projs {
	height: 300px !important;
}
.guide-projs-list .icon-proj {
    margin-right: 3px;
	background: url(qiyun/pro_icon.png);
}
.guide-recent-projs .guide-projs-list label {
    position: relative;
	display: inline-block;
    max-width: 138px;
	margin-left: 5px;
    color: #e2e7ef;
    position: relative;
	top: -4px;
}
.guide-recent-projs .guide-projs-list label:hover,
.guide-newbie .guide-projs-list a:hover {
	color: #9ad11d;
}
.guide-recent-projs .guide-projs-list li {
	margin-top: 2px;
    max-width: 168px;
}
.guide-projs-list ul {
	margin: 0;
    padding-left: 5px;
}
.guide-recent-projs .guide-more {
	background-color: #2a3138;
}
.guide-newbie .panel-header {
	background-color: #232527;
    color: #e2e7ef;
}
.guide-newbie .guide-more {
	background-color: #23252f;
}
.guide-newbie .guide-more a {
	text-decoration: none;
}
.guide-newbie .guide-projs-list ul {
	padding-left: 5px;    
}
.guide-newbie .guide-projs-list li {
	max-width: 165px; 
    margin-top: 4px;
	margin-bottom: 5px;
}
.guide-newbie .guide-projs-list a {
	text-decoration: none;
    color: #e2e7ef;
}
/*guide-center*/
.guide-center {
    width: 634px !important;
	padding: 5px 5px 2px 5px !important;
}
/*guide-new-proj*/
.guide-new-proj {
    height: 35px !important;
    color: #e2e7ef;
    background-color: #2b2f32;
	border: 1px solid #101010;
    box-shadow: 0 1px 1px rgba(255, 255, 255, 0.18) inset;
    overflow: hidden !important;
    top: 3px !important;
}
.guide-new-proj:hover {
	background-color: #393e42;
}
.guide-new-proj span {
	display: inline-block;
 	padding: 6px;
}
.guide-new-proj .button-new {
	float: right;
    font-size: 34px;
	margin-right: 10px;
    color: #9ad11d;
	position: relative;
	top: -7px;
}
.guide-new-proj .button-new:hover {
	color: #e2e7ef;
}
/*guide-new-tp-proj*/
.guide-new-tp-proj,
.guide-new-demo-proj {
	background-color: #232527;
	border: 1px solid #101010;
    box-shadow: 0 1px 1px rgba(255, 255, 255, 0.18) inset;
}
.guide-new-tp-proj {
	height: 382px !important;
} 
.guide-new-demo-proj {
	height: 132px !important;
}
.guide-new-tp-proj .panel-header:after {
 	content: "";
 	display: block;
 	height: 0;
 	clear:both;
}
.guide-new-tp-proj .panel-header>div:first-child {
	display: inline-block;
    float: left;
    margin: 6px;
}
.guide-new-tp-proj .proj-type-default, 
.guide-new-tp-proj .panel-header .type-item {
	float: left;
}
.guide-new-tp-proj .panel-header,
.guide-new-demo-proj .panel-header {
    height: 35px !important;
    color: #e2e7ef;
    background-color: #2b2f32;
	border-bottom: 1px solid #101010;
    box-shadow: 0 1px 1px rgba(255, 255, 255, 0.18) inset;
    overflow: hidden !important;
}
.guide-new-tp-proj .proj-type-default {
	margin: 5px 22px 0 168px !important;
}
.guide-new-tp-proj .type-item {
	margin-right: 6px;
    padding: 5px;
}
.guide-new-tp-proj .type-item.guide-selected {
	background-color: #1a1d1f;
    padding: 5px 10px;
	border-radius: 3px;
}
.guide-new-tp-proj .proj-type-all {
	margin-top: 5px !important;
}
.guide-new-tp-proj .more {
    display: inline-block;
	margin-top: 9px !important;
    margin-left: 10px;
}
.guide-new-tp-proj .panel-header {
	height: 38px !important;
}
.guide-new-tp-proj .guide-projs-list {
    height: 344px !important;
}
.guide-new-tp-proj .guide-projs-list .proj-type-node {
    position: relative;
	display: inline-block;
    width: 136px;
    max-width: 136px;
    height: 163px;
    background-color: #fff;
    margin: 1px 6px 3px 3px !important;
    color: #656565;
    border-radius: 5px;
    border:1px solid #1c1e1f;
}
.guide-projs-list .proj-type,
.guide-projs-list .proj-name,
.guide-projs-list .proj-box-detail {
	color: #656565;
}
.guide-projs-list .proj-type-node .proj-box {
	height: 163px;
}
.guide-projs-list .proj-box-head {
	height: 20px;
}
.guide-projs-list .proj-box-detail {
	height: 112px;
}
.guide-projs-list .proj-box-foot {
	height: 26px;
    background:#f6f6f6;
    border: 1px solid #e7e7e7;
}
.guide-new-tp-proj .guide-projs-list label {
    position: relative;
	display: inline-block;
	float: left;
	margin-left: 10px;
}
.guide-new-tp-proj .guide-projs-list .proj-name {
	margin-top: -1px;
}
.proj-type-node .image {
	width: 100px;
	height: 100px;
	display: block;
	margin-right: auto;
	margin-left: auto;
}
.guide-new-tp-proj .proj-type-node .image {
    width: 120px;
    height: 94px;
    display: block;
    margin-right: auto;
    margin-left: auto;
    border-radius: 5px;
}
.guide-projs-list .proj-zan {
	float: left;
	margin-left: 10px;
    margin-top: 3px;
}
.guide-projs-list .proj-buy {
	margin-left: 20px;
}
.guide-projs-list .icon-zan {
	background: url(qiyun/zan_btn.png);
}
.guide-projs-list .icon-zan+span {
	display: inline-block;
	position: relative;
	top: -3px;
	left: 2px;
}
.guide-projs-list .icon-buy {
    position: relative;
	top: 4px;
	background: url(qiyun/M_btn.png);
}
.guide-new-tp-proj .proj-star li,
.guide-new-tp-proj .proj-star .star {
	display: block;
    width: 16px;
    height: 16px;
    float: left;
}
.guide-new-tp-proj .proj-star li {
	background: url(qiyun/nandu_xu_icon.png);
}
.guide-new-tp-proj .proj-star .star {
	background: url(qiyun/nandu_shi_icon.png);
}
.guide-new-tp-proj .list,
.guide-new-demo-proj .list {
	width: 594px;
	float: left;
}
.guide-new-tp-proj .list {
	margin-top: 5px;
}
.guide-new-tp-proj .button-left,
.guide-new-tp-proj .button-right,
.guide-new-demo-proj .button-left,
.guide-new-demo-proj .button-right {
	display: inline-block;
    width: 18px;
    height: 45px;
    float: left;
    background: url(qiyun/left_right.png) center center no-repeat;
}
.guide-new-tp-proj .button-left:hover,
.guide-new-tp-proj .button-right:hover,
.guide-new-demo-proj .button-left:hover,
.guide-new-demo-proj .button-right:hover {
    background: url(qiyun/hover_left_right.png) center center no-repeat;
}
.guide-new-tp-proj .button-left,
.guide-new-demo-proj .button-left,
.guide-new-tp-proj .button-left:hover,
.guide-new-demo-proj .button-left:hover {
	background-position: 0 0;
}
.guide-new-tp-proj .button-right,
.guide-new-demo-proj .button-right,
.guide-new-tp-proj .button-right:hover,
.guide-new-demo-proj .button-right:hover {
	background-position: -19px 0;
}
.guide-new-tp-proj .button-left,
.guide-new-tp-proj .button-right {
    position: relative;
	margin-top: 145px;
}
.guide-new-tp-proj .button-left,
.guide-new-demo-proj .button-left {
	left: 3px;
}
.guide-new-tp-proj .button-right,
.guide-new-demo-proj .button-right {
	right: 2px;
}
.guide-new-demo-proj .button-left,
.guide-new-demo-proj .button-right {
    position: relative;
	margin-top: 25px;
}
/*guide-new-demo-proj*/
.guide-new-demo-proj .panel-header>div:first-child {
	display: inline-block;
    float: left;
    margin: 6px;
}
.guide-new-demo-proj .guide-search {
	float: right;
	margin-top: 5px;
    margin-right: 8px;
}
.guide-new-demo-proj .search-bar {
	float: none;
    margin-right: 10px;
}
.guide-new-demo-proj .more {
	margin-right: 6px;
}
.guide-new-demo-proj .guide-search .ui-widget-content {
	width: 100px;
	height: 20px;
    border-radius: 20px;
    margin-right: 5px;
}
.guide-new-demo-proj .proj-type-node {
    position: relative;
	width: 90px;
    height: 90px;
    margin: 3px 3px 0 4px;
    border-radius: 3px;
	background-color: #dce4e7;
}
.guide-new-demo-proj .proj-type-node .image {
	width: 84px;
    height: 64px;
    border: 3px solid #dce4e7;
    border-radius: 5px;
}
.guide-new-demo-proj .proj-type-node .proj-name {
	color: #656565;
    font-size: 12px;
    display: block;
	width: 90px;
	height: 20px;
}
/*guide-new-tp-proj*/
.guide-new-tp-proj .guide-menu {
	display: block;
    position: absolute;
	width: 134px;
	height: 161px;
    padding-left: 0 !important; 
    background: rgba(0, 0, 0, 0.8);
    border-radius:4px;
    border:1px solid #87bbd9;
	top: 0px;
	left: 0px;
    z-index: 100;
}
.guide-new-tp-proj .guide-projs-list{
	overflow-y:hidden;
}
.guide-new-tp-proj .guide-menu .play,
.guide-new-tp-proj .guide-menu .play-disabled,
.guide-new-tp-proj .guide-menu .open,
.guide-new-tp-proj .guide-menu .open-disabled,
.guide-new-tp-proj .guide-menu .tutorial,
.guide-new-tp-proj .guide-menu .tutorial-disabled,
.guide-new-tp-proj .guide-menu .buy,
.guide-new-tp-proj .guide-menu .buy-disabled {
	display: block;
    width: 112px;
    height: 38px;
    margin: 12px 0 0 11px;
}
.guide-new-tp-proj .guide-menu .play {
	/*background: url(qiyun/play_btn.png) center center no-repeat;*/
    background: url(qiyun/larvae.png) center center no-repeat;    
    position: relative;
    left: -21px;
}
.guide-new-tp-proj .guide-menu .play-disabled {
	background: url(qiyun/unplay_btn.png) center center no-repeat;
}
.guide-new-tp-proj .guide-menu .open {
	background: url(qiyun/open_btn.png) center center no-repeat;
}
.guide-new-tp-proj .guide-menu .open-disabled {
	background: url(qiyun/unopen_btn.png) center center no-repeat;
}
.guide-new-tp-proj .guide-menu .tutorial {
	background: url(qiyun/learn_btn.png) center center no-repeat;
}
.guide-new-tp-proj .guide-menu .tutorial-disabled {
	background: url(qiyun/learn_unbtn.png) center center no-repeat;
}
.guide-new-tp-proj .guide-menu .buy {
	background: url(qiyun/buy_btn.png) center center no-repeat;
}
.guide-new-tp-proj .guide-menu .buy-disabled {
	background: url(qiyun/unbuy_btn.png) center center no-repeat;
}
.guide-new-tp-proj .guide-menu .ui-qr-button{
	background: url(qiyun/ewmbtn.png) center center no-repeat;
    position: absolute;
    display: block;
  	width: 43px;
  	height: 38px;
  	top: 12px;
  	left: 80px;
    cursor:pointer;
}
.guide-new-tp-proj .guide-menu .ui-qr-item img{
	width:134px;
    height:161px;
}
.guide-new-tp-proj .guide-menu .ui-qr-box{
	position: absolute;
    top: -12px;
    left: -80px;
}
.guide-new-tp-proj .guide-menu .ui-qr-button:hover{
	background: url(qiyun/ewm_hoverbtn.png) center center no-repeat;
}
/*guide-new-demo-proj .guide-menu*/
.guide-new-demo-proj .guide-menu {
	display: block;
    position: absolute;
	width: 83px;
	height: 88px;
    background: rgba(0, 0, 0, 0.8);
    border-radius:4px;
    border:1px solid #87bbd9;
	top: 0px;
	left: 0px;
}
.guide-new-demo-proj .guide-menu .play,
.guide-new-demo-proj .guide-menu .open,
.guide-new-demo-proj .guide-menu .tutorial,
.guide-new-demo-proj .guide-menu .tutorial-disabled {
	display: block;
    width: 68px;
    height: 26px;
    margin: 2.5px 0 0 5px;
}
.guide-new-demo-proj .guide-menu .play {
	background: url(qiyun/sl_play_btn.png) center center no-repeat;
}
.guide-new-demo-proj .guide-menu .open {
	background: url(qiyun/sl_open_btn.png) center center no-repeat;
}
.guide-new-demo-proj .guide-menu .tutorial {
	background: url(qiyun/sl_learn_btn.png) center center no-repeat;
}
.guide-new-demo-proj .guide-menu .tutorial-disabled {
	background: url(qiyun/s_learn_unbtn.png) center center no-repeat;
}
/*guide-right*/
.guide-right {
    width: 180px !important;
	background-color: #2a313b;
    border: 1px solid #3e4347;
    box-shadow: 0 1px 1px rgba(255, 255, 255, 0.18) inset;
}
.guide-right .guide-header {
	border-bottom: 1px solid #3e4347;
}
.guide-right .guide-resource-list li {
	max-width: 200px !important;
    margin-top: 0 !important;
    border-bottom: 1px solid #3e4347;
    background-color: #2b2f32;
}
.guide-right .guide-resource-list ul {
	margin-top: 0 !important;
    padding-left: 0 !important;
}
.guide-resource-list .res-box dl {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
    height: 65px;
}
.guide-resource-list .res-box .image {
    display: block;
    width: 60px;
    height: 60px;
	background-color: #dce4e7;
    margin-left: 10px;
    position: relative;
	top: 3px;
}
.guide-resource-list .res-box .image:after {
    display: block;
    content: "";
    width: 54px;
    height: 54px;   
    border: 3px solid #dce4e7;
    border-radius: 3px;
}
.guide-resource-list .res-box .image.hoohoo {
	background: url(qiyun/hoohoo.png) center center no-repeat; 
}
.guide-resource-list .res-box .image.larva {
	background: url(qiyun/larva.png) center center no-repeat; 
}
.guide-resource-list .res-box .image.menglv {
	background: url(qiyun/menglv.png) center center no-repeat; 
}
.guide-resource-list .res-box .image.chowhound {
	background: url(qiyun/chowhound.png) center center no-repeat; 
}
.guide-resource-list .res-box dd {
	font-size: 14px;
    position: relative;
	top: -62px;
	/*left: 40px;*/
    left:80px;
}
.guide-resource-list .res-box .res-name {
	color: #e2e7ef;
}
.guide-resource-list .res-box .res-price {
    margin-top: 2px;
	color: #ff9e48;
}
.guide-resource-list .res-box .res-detail {
	display: block;
	width: 48px;
	height: 22px;
    margin-top: 2px;
	color: #e2e7ef;
    background-color: #707070;
    border: 1px solid #707070;
    border-radius: 3px;
}
.guide-resource-list .res-box .res-detail:hover {
	background-color: #87bbd9;
    color:#0f4e73;
    border-color: #87bbd9;
    text-shadow:0px 0px 1px #e4e9f3;
}
.guide-resource-list .res-box .res-detail a {
    display: block;
	width: 30px;
	height: 20px;
	padding-top: 1px;
	margin: 0 auto;
}
.guide-right .guide-footer {
    position: absolute !important;
	height:53px !important;
    overflow: hidden !important;
}
.guide-right .guide-footer a {
    display: block;
	width: 150px;
	height: 30px;
	margin: 18px auto;
	font-size: 14px;
}
/*添加模板项目图片*/
.proj-type-node[value="frogJump"] .image {
	background: url("qiyun/qwtt.png") no-repeat center center;
}
.proj-type-node[value="tapFrog"] .image {
	background: url("qiyun/xmqw.png") no-repeat center center;
}
.proj-type-node[value="paintFrog"] .image {
	background: url("qiyun/qwty.png") no-repeat center center;
}
.proj-type-node[value="frogFly"] .image {
	background: url("qiyun/fxw.png") no-repeat center center;
}
.proj-type-node[value="larva"] .image {
	background: url("qiyun/larva.png") no-repeat center center;
}
.proj-type-node[value="chowhound"] .image {
	background: url("qiyun/chowhound.png") no-repeat center center;
}
.proj-type-node[value="hoohoo"] .image {
	background: url("qiyun/hoohoo.png") no-repeat center center;
}
.proj-type-node[value="flappybird"] .image {
	background: url("qiyun/flappybird.png") no-repeat center center;
}
.proj-type-node[value="combustionVegetables"] .image {
	background: url("qiyun/combustionVegetables.png") no-repeat center center;
}
.proj-type-node[value="everyDayTheParkour"] .image {
	background: url("qiyun/everyDayTheParkour.png") no-repeat center center;
}
.proj-type-node[value="pokeFrog"] .image {
	background: url("qiyun/pokeFrog.png") no-repeat center center;
}
.proj-type-node[value="snowAdventure"] .image {
	background: url("qiyun/snowAdventure.png") no-repeat center center;
}
.proj-type-node[value="everyDayToSeeRepeatedly"] .image {
	background: url("qiyun/everyDayToSeeRepeatedly.png") no-repeat center center;
}
.proj-type-node[value="alienInvasion"] .image {
	background: url("qiyun/alienInvasion.png") no-repeat center center;
}
.proj-type-node[value="madWarThree"] .image {
	background: url("qiyun/madWarThree.png") no-repeat center center;
}
.proj-type-node[value="candyCrushingLegend"] .image {
	background: url("qiyun/candyCrushingLegend.png") no-repeat center center;
}
.proj-type-node[value="menglv"] .image {
	background: url("qiyun/menglv.png") no-repeat center center;
}
.proj-type-node[value="pandaJump"] .image{
	background: url("qiyun/pandaJump.png") no-repeat center center;
}
.proj-type-node[value="fishing"] .image{
	background: url("qiyun/fishing.png") no-repeat center center;
}
.proj-type-node[value="killStar"] .image{
	background: url("qiyun/killstar.png") no-repeat center center;
}
/*添加示例项目图片*/
 .proj-type-node[value="pigVsWolf"] .image {
     background:url("qiyun/exampleProject/pigwolf.png") no-repeat center center;
 }
.proj-type-node[value="kissMe"] .image {
     background:url("qiyun/exampleProject/kissme.jpg") no-repeat center center;
 }
 .proj-type-node[value="queqiaohui"] .image {
     background:url("qiyun/exampleProject/queqiaohui.png") no-repeat center center;
 }
.proj-type-node[value="daoxiong"] .image{
     background:url("qiyun/exampleProject/daoxiong.png") no-repeat center center;
}
.proj-type-node[value="skeletalAnimation"] .image {
	background: url("qiyun/exampleProject/skeletalAnimation.png") no-repeat center center;
}
.proj-type-node[value="animation"] .image {
	background: url("qiyun/exampleProject/animation.png") no-repeat center center;
}
.proj-type-node[value="share"] .image {
	background: url("qiyun/exampleProject/share.png") no-repeat center center;
}
.proj-type-node[value="snowflakes"] .image {
	background: url("qiyun/exampleProject/snowflakes.png") no-repeat center center;
}
.proj-type-node[value="video"] .image {
	background: url("qiyun/exampleProject/sl_video.png") no-repeat center center;
}
.proj-type-node[value="mask"] .image {
	background: url("qiyun/exampleProject/mask.png") no-repeat center center;
}
.proj-type-node[value="regional"] .image {
	background: url("qiyun/exampleProject/regional.png") no-repeat center center;
}
.proj-type-node[value="button"] .image {
	background: url("qiyun/exampleProject/button.png") no-repeat center center;
}
.proj-type-node[value="anonymousDestruction"] .image {
	background: url("qiyun/exampleProject/anonymousDestruction.png") no-repeat center center;
}
.proj-type-node[value="countdownManual"] .image {
	background: url("qiyun/exampleProject/countdownManual.png") no-repeat center center;
}
.proj-type-node[value="headBlood"] .image {
	background: url("qiyun/exampleProject/headBlood.png") no-repeat center center;
}
.proj-type-node[value="repeatedPath"] .image {
	background: url("qiyun/exampleProject/repeatedPath.png") no-repeat center center;
}
.proj-type-node[value="text"] .image {
	background: url("qiyun/exampleProject/text.png") no-repeat center center;
}
.proj-type-node[value="dataSheet"] .image {
	background: url("qiyun/exampleProject/dataSheet.png") no-repeat center center;
}
.proj-type-node[value="frameAnimation"] .image {
	background: url("qiyun/exampleProject/frameAnimation.png") no-repeat center center;
}
.proj-type-node[value="layer"] .image {
	background: url("qiyun/exampleProject/layer.png") no-repeat center center;
}
.proj-type-node[value="news"] .image {
	background: url("qiyun/exampleProject/news.png") no-repeat center center;
}
.proj-type-node[value="shield"] .image {
	background: url("qiyun/exampleProject/shield.png") no-repeat center center;
}
.proj-type-node[value="terminalMovement"] .image {
	background: url("qiyun/exampleProject/terminalMovement.png") no-repeat center center;
}
.proj-type-node[value="platformBehavior"] .image {
	background: url("qiyun/exampleProject/platformBehavior.png") no-repeat center center;
}
.proj-type-node[value="progressBar"] .image {
	background: url("qiyun/exampleProject/progressBar.png") no-repeat center center;
}
.proj-type-node[value="view"] .image {
	background: url("qiyun/exampleProject/view.png") no-repeat center center;
}
.proj-type-node[value="switchWeapon"] .image {
	background: url("qiyun/exampleProject/switchWeapon.png") no-repeat center center;
}
.proj-type-node[value="loginAndRegiste"] .image {
	background: url("qiyun/exampleProject/loginAndRegiste.png") no-repeat center center;
}
.proj-type-node[value="rocker"] .image{
    background:url("qiyun/exampleProject/stick_Control.png") no-repeat center center;
}
.proj-type-node[value="generatingMatrix"] .image{
    background:url("qiyun/exampleProject/generatingMatrix.png") no-repeat center center;
}
.proj-type-node[value="soundLoopPlay"] .image{
    background:url("qiyun/exampleProject/soundLoopPlay.png") no-repeat center center;
}
.proj-type-node[value="randomInstanceCreate"] .image{
    background:url("qiyun/exampleProject/randomInstanceCreate.png") no-repeat center center;
}
.proj-type-node[value="levelSelection"] .image{
    background:url("qiyun/exampleProject/levelSelection.png") no-repeat center center;
}
/*================================编辑背景 陈国===============================*/
.ui-layout-center.preview.inner-edit-area.ui-layout-pane.ui-layout-pane-center {
  	overflow-y: hidden; /*取消滚动条*/
}
/*================================干有银 开始=================================*/
.view-issues {
    display: inline-block;
    float: right;
    text-decoration: underline;
    color: #EF7600;
    font-size: 14px;
    cursor: pointer;
}
.conditions-area {
    border: 1px solid #101010;
    box-shadow: 0 0 1px rgba(255, 255, 255, 0.62) inset;
    border-radius: 3px;
    padding: 0 5px;
    float: left;
    width: 177px;
    min-height: 25px;
    margin: 0px 4px 0px 2px;
}
.instance-selection-conditions-dialog .conditions {
    border: 1px solid #101010;
    box-shadow: 0 0 1px rgba(255, 255, 255, 0.62) inset;
    border-radius: 3px;
    padding: 0 5px;
    min-height: 30px;
    margin: 0px 4px 0px 2px;
}
.conditions-area .condition-node, 
.instance-selection-conditions-dialog .conditions .condition-node {
    color: #09BEF6;
    display: inline-block;
    background: #272b2e;
    margin: 2px;
    cursor: pointer;
    padding: 2px 5px;
}
.img-size {
    display: inline-block;
    width: 150px;
    height: 30px;
    text-align: center;
    line-height: 2;
    border-radius: 5px;
    font-size: 15px;
    background: rgba(53, 58, 64, 0.8);
    position: absolute;
    top: 5px;
    right: 5px;
}
.movements fieldset,.event-nodes fieldset{
    margin-top: 5px;
}
.movements .movement-button {
    width: 45%;
    background: none !important;
    box-shadow: none !important;
    border: none !important;
    text-align: left;
    max-width: 230px;
}
.movements .movement-button.ui-state-hover {
    background: rgb(67, 78, 81) !important;
}
.movements .navigator-button {
    width: 100%;
    text-align: left;
    margin: 0px;
}
.movements .navigator-button.selected {
    background: #272b2e;
}
.movements .navigator-button.selected span {
    color: #09BEF6;
    cusor: default;
}
.movements .navigator-button span {
    padding: .3em .6em;
}
/*================================干有银 结束=================================*/


















