@keyframes showAnimation {
  0% {
    -moz-transform: scale(0.1);
    -ms-transform: scale(0.1);
    -o-transform: scale(0.1);
    -webkit-transform: scale(0.1);
    transform: scale(0.1);
  }

  40% {
    -moz-transform: scale(1.16);
    -ms-transform: scale(1.16);
    -o-transform: scale(1.16);
    -webkit-transform: scale(1.16);
    transform: scale(1.16);
  }

  60% {
    -moz-transform: scale(0.94);
    -ms-transform: scale(0.94);
    -o-transform: scale(0.94);
    -webkit-transform: scale(0.94);
    transform: scale(0.94);
  }

  80% {
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    -moz-transform: scale(0.94);
    -ms-transform: scale(0.94);
    -o-transform: scale(0.94);
    -webkit-transform: scale(0.94);
    transform: scale(0.94);
  }

  80% {
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }

  100% {
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  
}

@-moz-keyframes showAnimation {
  0% {
    -moz-transform: scale(0.1);
    -ms-transform: scale(0.1);
    -o-transform: scale(0.1);
    -webkit-transform: scale(0.1);
    transform: scale(0.1);
  }

  40% {
    -moz-transform: scale(1.16);
    -ms-transform: scale(1.16);
    -o-transform: scale(1.16);
    -webkit-transform: scale(1.16);
    transform: scale(1.16);
  }

  60% {
    -moz-transform: scale(0.94);
    -ms-transform: scale(0.94);
    -o-transform: scale(0.94);
    -webkit-transform: scale(0.94);
    transform: scale(0.94);
  }

  80% {
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    -moz-transform: scale(0.94);
    -ms-transform: scale(0.94);
    -o-transform: scale(0.94);
    -webkit-transform: scale(0.94);
    transform: scale(0.94);
  }

  80% {
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }

  100% {
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes showAnimation {
  0% {
    -moz-transform: scale(0.1);
    -ms-transform: scale(0.1);
    -o-transform: scale(0.1);
    -webkit-transform: scale(0.1);
    transform: scale(0.1);
  }

  40% {
    -moz-transform: scale(1.16);
    -ms-transform: scale(1.16);
    -o-transform: scale(1.16);
    -webkit-transform: scale(1.16);
    transform: scale(1.16);
  }

  60% {
    -moz-transform: scale(0.94);
    -ms-transform: scale(0.94);
    -o-transform: scale(0.94);
    -webkit-transform: scale(0.94);
    transform: scale(0.94);
  }

  80% {
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    -moz-transform: scale(0.94);
    -ms-transform: scale(0.94);
    -o-transform: scale(0.94);
    -webkit-transform: scale(0.94);
    transform: scale(0.94);
  }

  80% {
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }

  100% {
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-ms-keyframes showAnimation {
  0% {
    -moz-transform: scale(0.1);
    -ms-transform: scale(0.1);
    -o-transform: scale(0.1);
    -webkit-transform: scale(0.1);
    transform: scale(0.1);
  }

  40% {
    -moz-transform: scale(1.16);
    -ms-transform: scale(1.16);
    -o-transform: scale(1.16);
    -webkit-transform: scale(1.16);
    transform: scale(1.16);
  }

  60% {
    -moz-transform: scale(0.94);
    -ms-transform: scale(0.94);
    -o-transform: scale(0.94);
    -webkit-transform: scale(0.94);
    transform: scale(0.94);
  }

  80% {
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    -moz-transform: scale(0.94);
    -ms-transform: scale(0.94);
    -o-transform: scale(0.94);
    -webkit-transform: scale(0.94);
    transform: scale(0.94);
  }

  80% {
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }

  100% {
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
/*下拉选择*/
._select_option_lg{background: #fff;border: 1px solid #ccc;overflow-y: auto;}
._select_option_lg p{display: block;height: 27px;line-height: 27px;padding: 0 10px;border-top:1px solid #f3f2f2 ;color: #666;font-size: 14px;}
._select_option_lg p:first-child{border: 0;}
._select_option_lg p span{display: block;width: 100%;height: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
._select_option_lg p:hover {background: #3390ED;color: #fff;}

/*代码显示器*/
/*<div id="eadit" class="easy_edit">
	<!--就这一个div就可以了-->
</div>*/
.easy_edit{-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;border: 1px solid rgb(160,160,160);;padding-bottom: 8px;z-index: 999999999999;
					margin: auto;font-family: 'consolas';height: 520px;overflow: hidden;padding-top: 30px;position: relative;background: #fffae8;}
.easy_tablist_wrp{height: 25px;line-height: 25px;;border-bottom: 1px solid rgb(160,160,160);background: rgb(255,255,245);position: absolute;top: 0;left: 0;width:100%}
.easy_tablist_wrp div{height: 100%;;}
.easy_tablist_wrp .easy_tool_wrp{position: absolute;width: 80px;right: 10px;top: 0;}
.easy_tablist_wrp .easy_tool_wrp span{display: block;height: 14px;width: 14px;top: 5px;position: relative;float: right;padding: 0 4px;}
.easy_tablist_wrp .easy_tool_wrp span{display: block;width: 14px;height: 14px;;}
.easy_tablist_wrp .easy_tool_wrp .easy_tool_max{background: url(../images/code_icon.png) no-repeat center -60px;;}
.easy_tablist_wrp .easy_tool_wrp .easy_tool_min{background: url(../images/code_icon.png) no-repeat center -75px;;}
.easy_tablist_wrp .easy_tool_wrp .easy_tool_copy{background: url(../images/code_icon.png) no-repeat center -90px;;}
.easy_tablist_wrp .easy_tool_wrp .easy_tool_rult{background: url(../images/code_icon.png) no-repeat center -105px;;}

.easy_tablist_wrp .easy_tool_msg{width: 200px;right: 90px;top: 0;text-align: right;color: #666666;position: absolute;display: none;font-size: 12px}

.easy_tablist_wrp .easy_move_wrp_{padding-right: 140px;;}
.easy_tablist_wrp .easy_move_wrp{width: 100%;overflow: hidden;position: relative;height: 26px;;}
.easy_tablist_wrp .easy_move_wrp .easy_move_prev,.easy_tablist_wrp .easy_move_wrp .easy_move_next{position: absolute;top: 0px;width: 14px;text-align: center;
		background: rgb(255,255,245);font-size: 13px;height: 25px;line-height: 25px;border-bottom: 1px solid rgb(160,160,160);display: none;cursor: default;}
.easy_tablist_wrp .easy_move_wrp .easy_move_prev:hover,.easy_tablist_wrp .easy_move_wrp .easy_move_next:hover{background: #f0f0ef;}		
.easy_tablist_wrp .easy_move_wrps div{display: block!important;}
.easy_tablist_wrp .easy_move_wrp .easy_move_prev{left: 0px;border-right: 1px solid rgb(160,160,160);}
.easy_tablist_wrp .easy_move_wrp .easy_move_next{right: 0px;border-left: 1px solid rgb(160,160,160);}
.easy_tablist_wrp .easy_move_dom{width: 100%;overflow: hidden;position: absolute;left: 0;top: 0;min-width: 100%;}
.easy_tablist_wrp .easy_move_dom div{position: relative;height: 25px;;float: left;max-width: 300px;border-right: 1px solid rgb(160,160,160);font-size: 13px;cursor: default;padding: 0 28px 0 26px;}
.easy_tablist_wrp .easy_move_dom div i{display: block;height: 14px;width: 14px;position: absolute;top: 5px;}
.easy_tablist_wrp .easy_move_dom .easy_icon_l{left: 6px;}
.easy_tablist_wrp .easy_move_dom .easy_icon_r{right: 6px;}
.easy_tablist_wrp .easy_move_dom .easy_icon_html{background: url(../images/code_icon.png) no-repeat center top;}
.easy_tablist_wrp .easy_move_dom .easy_icon_css{background: url(../images/code_icon.png) no-repeat center -15px;}
.easy_tablist_wrp .easy_move_dom .easy_icon_js{background: url(../images/code_icon.png) no-repeat center -30px;}
.easy_tablist_wrp .easy_move_dom .easy_icon_other{background: url(../images/code_icon.png) no-repeat center -45px;}
.easy_tablist_wrp .easy_move_dom .easy_icon_r{line-height: 14px;font-size: 16px;font-style: normal;color: rgb(105,105,105);display: none;text-align: center;}
.easy_tablist_wrp .easy_move_dom .easy_icon_r:hover{color: rgb(203,45,1);}
.easy_tablist_wrp .easy_move_dom div:hover i{display: block;}
.easy_tablist_wrp .easy_move_dom div.act{height: 26px;background: #fffae8;-webkit-border-radius: 4px 4px 0 0;-moz-border-radius: 4px 4px 0 0;border-radius: 4px 4px 0 0;;}

.easy_tab_wrp{height: 100%;line-height: 22px;overflow-x: hidden;overflow-y: auto;}
.easy_html_edit{font-size: 14px;position: relative;padding-left: 61px;overflow: hidden;min-height: 100%;}
.easy_html_edit .easy_html_number{padding-left: 60px;width: 0px;color: #787878;font-size: 14px;position: absolute;left: 0;top: 0;border-right: 1px dotted #B2B3AC;}
.easy_html_list{overflow: hidden;;}
.easy_html_list pre{white-space : pre-wrap;word-break: normal; word-wrap: break-word;font-size: inherit;;}
.easy_html_list pre,.easy_tagscript_str{color: #222;}
.easy_code_val_js span{color: inherit;}
.easy_code_line{display: inline-block;text-indent: 5px;width: 100%;}
.easy_code_line:hover{background: rgb(232,223,196);}
.easy_code_tag{color: #2369b6;}
.easy_code_name{color: #cb2d01;}
.easy_code_name_{color: #E26E00;}
.easy_code_val,.easy_code_val_js{color: #248c85;}
.easy_code_def{color: inherit;}
.easy_code_codezs,.easy_code_codezs span{color: #95A3AB;}
.easy_code_ysf{color: #577909;}
.easy_code_numorcsjs{color: #9b1ceb;}
.easy_script_def_h{color: #3C7A03;}
.easy_script_def_v{color: #364BCE;}
.easy_script_def_n{color: #DB7800;}
.easy_script_def_ags,.easy_script_def_ags span{color: #B47800;}
.easy_script_def_z,.easy_script_def_z span{color: #cb2d01;}
.easy_css_def{color: #80802E;}
.easy_css_ts{color: #CA004B;}
.easy_css_fg{color: #000;font-family: "微软雅黑"}


/*.easy_touch_move{position: absolute;width: 100%;height: 100%;left: 0;top:0;}*/
.easy_touch_move .easy_touch_list{float: left;overflow: hidden;}
.easy_touch_move_top,.easy_touch_move_top .easy_touch_list{width: 100%;}
.easy_touch_move_left,.easy_touch_move_left .easy_touch_list{height: 100%;}
.easy_touch_move_opacity,.easy_touch_move_opacity .easy_touch_list{width: 100%;height: 100%;}
.easy_touch_move_opacity .easy_touch_list{position: absolute;left: 0;top: 0;filter: alpha(opacity=0);-webkit-opacity: 0;-moz-opacity: 0;opacity: 0;}

/*表单提示 css3版本*/
.alt_msg_style{border: 1px solid #16bbe4 !important;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;color: #666!important;background: #fff;}
.alt_msg_style:after{content: ' ';position: absolute;top: -5px;left: 10px;width: 8px;height: 8px;background: #fff;border-left: 1px solid #16bbe4;border-top: 1px solid #16bbe4;
	-webkit-transform: rotate(45deg) translateY(-10px) translateX(5px);
	-moz-transform: rotate(45deg) translateY(-10px) translateX(5px);
	-ms-transform: rotate(45deg) translateY(-10px) translateX(5px);
	-o-transform: rotate(45deg) translateY(-10px) translateX(5px);
	transform: rotate(45deg) translateY(-10px) translateX(5px);;
}


/*图片异步加载遮罩*/
.after{;position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #eee url(../images/logo1.png) no-repeat center center;background-size: 46% auto;}
.after1{background-size: auto 46% ;}
.img_load .after{filter: alpha(opacity=0);-webkit-opacity: 0;-moz-opacity: 0;opacity: 0;
	-o-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-webkit-transition: all .3s ease-out;
	transition: all .3s ease-out;
}


/*内容页面上传图片列表显示*/
.page_show_img{padding-bottom: 30px;}
.page_show_img .img{width: 100%;height: 100%;}
.page_show_img ul{width: 200%;}
.page_show_img li:hover .img{transform: scale(1.1);}
.page_show_img li{cursor: pointer;}
.page_show_img .easy_touch_index{bottom: 10px;height: 10px;line-height: 10px;}
.page_show_img .easy_touch_index a{width: 12px;height: 6px;margin: 4px;cursor: pointer;}

.show_play_btn{position: absolute;height: 70px;width: 45px;background: #666;-webkit-background: rgba(0,0,0,0.4);background: rgba(0,0,0,0.4);;background-position: center center;background-repeat: no-repeat;cursor: pointer;top: 50%;margin-top: -45px;}
.show_prev{left: 0px;background-image: url(../images/public/prev.png) }
.show_next{right: 0px;background-image: url(../images/public/next.png)}
.show_play_btn:hover{background-color: #E8340E;}
