html,body{ background: rgb(246, 246, 246); position: relative; width: 100%; height: 100%}
*{ box-sizing: border-box; outline: none; font-family: 微软雅黑, Microsoft YaHei}
.page_main{ width: 100%; height: auto; position: relative; min-height: 100%; overflow: hidden}

.page_div{ position: relative; min-height: 200px}
.pageModule{ z-index: 99}
.page_div_contain{ width: 100%; height: 100%; position: absolute; top: 0; left: 0;  border: #ccc dashed 1px; z-index: 9; font-family: none}
/*.page_div_contain:hover{ border: #5874d8 dashed 1px}*/


.page_div_contain_move{ width: 34px; height: 34px; border-radius: 0 0 0 34px; position: absolute; top: 0; right: 0; z-index: 99; cursor: move; background: #dddee2 url('../image/icon.png') no-repeat -1816px -499px; opacity: 1; display: none}
.page_div_contain:hover .page_div_contain_move{ display: block}
.page_div_contain_move:hover{ background-color: #5874d8}
.page_div_contain_text{ width: 100%; height: 200px; padding: 74px 0; text-align: center}
.page_div_contain_text .icon{ display: inline-block; width: 207px; height: 54px; cursor: pointer; background: url('../image/icon.png') -611px -257px no-repeat;}
.page_div_contain_text .icon:hover{ background-position: -611px -189px;}

/*.page_div_contain .page_edit_popup{ display: none}*/
/*.page_div_contain:hover .page_edit_popup{ display: block}*/

.page_div_t.active .page_div_t.page_div_contain{ border: #5874d8 dashed 1px}
.page_div_z.active .page_div_z.page_div_contain{ border: #5874d8 dashed 1px}
.page_div_text.active .page_div_text.page_div_contain{ border: #5874d8 dashed 1px}
.page_div_image.active .page_div_image.page_div_contain{ border: #5874d8 dashed 1px}
.page_div_btn.active .page_div_btn.page_div_contain{ border: #5874d8 dashed 1px}


.page_div.active .page_div_contain_move{ display: block}
.page_div.active .page_div_contain_move{ background-color: #5874d8}
.page_div.active .page_div_contain_text .icon{ background-position: -611px -189px;}

.page_text{ position: relative; min-height: 50px}
.page_text_default{ font-size: 20px; line-height: 50px; color: #999}
.page_text_contain{ width: 100%; height: 100%; position: absolute; top: 0; left: 0;}

/*.page_text .page_edit_popup{ display: none}*/
/*.page_text[contenteditable=false]:hover .page_edit_popup{ display: block; top: 100%; left: 10px}*/

.page_btn a{display: block; text-align: center; text-decoration: none !important}
.page_btn a:hover{ text-decoration: none; opacity: .8}


.page_image{ position: relative}
.page_image img{ position: absolute; width: 100%; height: 100%; top: 0; left: 0}
/*.page_image .page_edit_popup{ display: none}*/
/*.page_image:hover .page_edit_popup{ display: block; top: 100%; left: 0}*/

.page_btn{ position: relative; display: block; text-decoration: none; text-align: center}
.page_btn:hover{ text-decoration: none}
 .page_edit_popup{ display: none}

.page_div_t.active .page_div_t.page_edit_popup{ display: block; top: 5px; left: 10px}
.page_div_z.active .page_div_z.page_edit_popup{ display: block; top: 5px; left: 10px}
.page_div_text.active .page_div_text.page_edit_popup{ display: block; top: 5px; left: 10px}
.page_div_image.active .page_div_image.page_edit_popup{ display: block; top: 5px; left: 10px}
.page_div_btn.active .page_div_btn.page_edit_popup{ display: block; top: 5px; left: 10px}


.page_bottom{ width: 100%; height: 100px; overflow: hidden;}
.alert{ float: right; margin-bottom: 0; padding: 6px 15px; display: none}