.menu_preview_area ul, ol {

    padding-left: 0;

    list-style-type: none;

    margin: 0;

    font-size: 14px;

}

.grid_line {

    *zoom: 1;

}

.grid_line:after {

    content: "\200B";

    display: block;

    height: 0;

    clear: both;

}

.grid_line.with_1 .grid_item {

    width: 100%;

}

.grid_line.with_2 .grid_item {

    width: 50%;

}

.grid_line.with_3 .grid_item {

    width: 33.33%;

}

.grid_line.with_4 .grid_item {

    width: 25%;

}

.grid_line.with_5 .grid_item {

    width: 20%;

}

.grid_line.with_6 .grid_item {

    width: 16.66%;

}

.grid_line.with_7 .grid_item {

    width: 14.28%;

}

.grid_line.with_8 .grid_item {

    width: 12.5%;

}

.grid_line .no_extra.grid_item {

    float: none;

    width: auto;

    overflow: hidden;

    *zoom: 1;

    *overflow: visible;

}

.grid_item {

    float: left;

}

.grid_item.no_extra {

    float: none;

    width: auto;

    overflow: hidden;

    *zoom: 1;

    *overflow: visible;

}

.grid_item.no_extra_flex {

    display: table-cell;

    vertical-align: top;

    float: none;

    width: auto;

    *display: block;

    *zoom: 1;

}

.size1of1 {

    width: 100%;

}

.size1of2 {

    width: 50%;

}

.size1of3 {

    width: 33.33%;

}

.size1of4 {

    width: 25%;

}

.size1of5 {

    width: 20%;

}

.size1of6 {

    width: 16.66%;

}

.size1of7 {

    width: 14.28%;

}

.size1of8 {

    width: 12.5%;

}

.menu_setting_tips {

    padding-bottom: 20px;

}

.menu_initial_box {

    text-align: center;

    background: transparent url(http://res.wx.qq.com/mpres/htmledition/images/pic/menu/pic_menu_preview2968da.png) no-repeat 0 0;

    background-position: 150px 100px;

    padding: 280px 0 0 220px;

    min-height: 300px;

}

.menu_initial_box .tips_global {

    padding-bottom: 5px;

}

.menu_setting_box .tool_bar {

    padding-top: 0;

}

.menu_setting_msg {

    margin-bottom: 40px;

}

.menu_setting_area {

    font-size: 14px;

    *zoom: 1;

    margin-top: 14px;

    margin-bottom: 30px;

}

.menu_setting_area:after {

    content: "\200B";

    display: block;

    height: 0;

    clear: both;

}

.menu_preview_area {

    float: left;

    margin-right: 12px;

    position: relative;

}

.menu_preview_area .sort_btn_wrp {

    position: absolute;

    left: 0;

    right: 0;

    bottom: -72px;

    text-align: center;

}

.menu_preview_area .icon14_menu_add {

    background: url("../img/wxmenu_add.png") 0 0 no-repeat;

    width: 14px;

    height: 14px;

    vertical-align: middle;

    display: inline-block;

    margin-top: -2px;

}

.menu_preview_area .pre_menu_list {

    position: absolute;

    bottom: 0;

    left: 0;

    right: 0;

    border-top: 1px solid #e7e7eb;

    background: transparent url('../img/bg_mobile_foot.png') no-repeat 0 0;

    background-position: 0 0;

    background-repeat: no-repeat;

    padding-left: 43px;

    margin-bottom: 0px;

}

.menu_preview_area .pre_menu_list .sort_gray {

    display: none;

}

.menu_preview_area .pre_menu_list.no_menu .pre_menu_item .pre_menu_link {

    border: 1px solid #44b549;

    color: #44b549;

}

.menu_preview_area .pre_menu_list.no_menu .icon14_menu_add {

    background: url("http://res.wx.qq.com/mpres/zh_CN/htmledition/comm_htmledition/style/page/menu/index_z2a7519.png") 0 -24px no-repeat;

}

.menu_preview_area .pre_menu_list.sorting .sort_gray {

    display: inline-block;

}

.menu_preview_area .pre_menu_list.sorting .icon_menu_dot {

    display: none;

}

.menu_preview_area .pre_menu_list.sorting .pre_menu_item.current .pre_menu_link {

    border: 0;

    border-left: 1px solid #e7e7eb;

    background-color: transparent;

    line-height: 50px;

    color: #616161;

}

.menu_preview_area .pre_menu_list.sorting .sub_pre_menu_list li.current {

    background-color: transparent;

    border-color: transparent;

}

.menu_preview_area .pre_menu_list.sorting .sub_pre_menu_list li.current a {

    color: #616161;

}

.menu_preview_area .pre_menu_list.sorting .sub_pre_menu_list li.current .sub_pre_menu_inner {

    border-top-width: 1px;

}

.menu_preview_area .pre_menu_list .sort_gray {

    margin-top: -4px;

}

.menu_preview_area .pre_menu_item {
    line-height: 50px;
}

.ui-sortable > li {
    padding: 0 !important;
}

.menu_preview_area .pre_menu_item:first-child .pre_menu_link {

    border-left-width: 0;

}

.menu_preview_area .pre_menu_item.current .pre_menu_link {

    border: 1px solid #44b549;

    line-height: 48px;

    background-color: #fff;

    color: #44b549;

}

.menu_preview_area .pre_menu_item.dragging {

    border: 1px solid #e7e7eb;

    background-color: #fafafa;

}

.menu_preview_area .pre_menu_link .add_gray {

    margin-top: -3px;

}

.menu_preview_area .sub_pre_menu_box {

    bottom: 60px;

    background-color: #fafafa;

    border-top-width: 0;

}

.menu_preview_area .sub_pre_menu_inner {

    display: block;

    border-top: 1px solid #e7e7eb;

    width: auto;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    word-wrap: normal;

    cursor: pointer;

}

.menu_preview_area .sub_pre_menu_list li {

    line-height: 44px;

    border: 1px solid transparent;

    margin: 0 -1px -1px;

}

.menu_preview_area .sub_pre_menu_list li:first-child {

    border-top: 1px solid #d0d0d0;

}

.menu_preview_area .sub_pre_menu_list li:first-child .sub_pre_menu_inner {

    border-top-width: 0;

}

.menu_preview_area .sub_pre_menu_list li:hover {

    background-color: #eee;

    border: 1px solid #d0d0d0;

    line-height: 45px;

    cursor: pointer;

}

.menu_preview_area .sub_pre_menu_list li:hover .sub_pre_menu_inner {

    border-top-width: 0;

}

.menu_preview_area .sub_pre_menu_list li:hover:first-child {

    line-height: 44px;

}

.menu_preview_area .sub_pre_menu_list li.current {

    background-color: #fff;

    border: 1px solid #44b549;

    position: relative;

    z-index: 1;

    line-height: 45px;

    *zoom: 1;

}

.menu_preview_area .sub_pre_menu_list li.current .sub_pre_menu_inner {

    border-top-width: 0;

}

.menu_preview_area .sub_pre_menu_list li.current a {

    color: #44b549;

}

.menu_preview_area .menu_drag_placeholder {

    float: left;

    width: 80px;

    height: 42px;

    margin: 3px;

    border: 1px solid #e7e7eb;

    background-color: #fff;

}

.menu_preview_area li.menu_sub_drag_placeholder {

    margin: 3px;

    height: 45px;

    border: 1px solid #e7e7eb;

    background-color: #fff;

}

.mobile_menu_preview {


    position: relative;

    width: 317px;

    height: 580px;

    background: transparent url('../img/bg_mobile_head.png') no-repeat 0 0;

    background-position: 0 0;

    border: 1px solid #e7e7eb;

    font-size: 14px;

}

.mobile_menu_preview .mobile_hd {

    color: #fff;

    text-align: center;

    padding-top: 30px;

    font-size: 15px;

    width: auto;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    word-wrap: normal;

    margin: 0 30px;

}

.menu_form_area {

    display: table-cell;

    vertical-align: top;

    float: none;

    width: auto;

    *display: block;

    *zoom: 1;

}

.menu_form_area:after {

    content: " . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ";

    visibility: hidden;

    clear: both;

    height: 0 !important;

    display: block;

    line-height: 0;

}

.menu_form_area .editor_inner {

    min-height: 580px;

    padding-bottom: 20px;

}

.menu_form_area .portable_editor.to_left .editor_arrow_wrp {

    top: 545px;

}

.menu_form_area .msg_wrp {

    padding: 4px 10px;

    border: 1px solid #e7e7eb;

    word-wrap: break-word;

    word-break: break-all;

}

.menu_form_area .msg_wrp .richvideo, .menu_form_area .msg_wrp .appmsg {

    margin-bottom: 0;

    width: 320px;

}

.menu_form_area .msg_wrp img {

    vertical-align: middle;

}

.menu_form_area .msg_wrp .wxmImg {

    margin-bottom: -4px;

}

.menu_form_area .frm_label {

    width: 5em;

    *width: 5.5em;

}

.menu_form_area .frm_tips, .menu_form_area .frm_msg {

    width: auto;

}

.menu_form_area .msg_sender_msg {

    padding-top: 10px;

}

.menu_form_area .msg_sender_tips {

    padding-top: 10px;

}

.menu_form_area .msg_sender .tab_navs_wrp {
    /*width: 420px;*/
}

.menu_form_area .msg_sender .tab_navs_switch_wrp.switch_next {

    display: block;

}

.menu_form_area .msg_sender .tab_cont_cover {

    padding: 20px;

}

.menu_form_area .msg_sender .tab_cont_cover .media_cover, .menu_form_area .msg_sender .tab_cont_cover .appmsg_cover {

    width: 47%;

    margin-right: 0;

    margin-left: 5.5%;

}

.menu_form_area .msg_sender .tab_cont_cover .media_cover:first-child, .menu_form_area .msg_sender .tab_cont_cover .appmsg_cover:first-child {

    margin-left: 0;

}

.menu_form_area .msg_sender .tab_cont_cover .create_access {

    padding: 42px 0;

}

.menu_form_area .msg_sender.error {

    border-color: #e15f63;

}

.menu_form_area .msg_sender .emotion_editor .edit_area {

    height: 151px;

}

.menu_form_area .msg_sender .editor_toolbar {

    border-bottom: 0;

    padding-bottom: 0;

}

.menu_form_area .msg_sender .upload_file_box {

    text-align: left;

}

.menu_form_area .msg_sender .progress_bar {

    display: block;

    margin-top: 10px;

    width: auto;

}

.menu_form_hd {

    padding: 9px 0;

    border-bottom: 1px solid #e7e7eb;

}

.menu_form_hd h4 {

    font-weight: 400;

}

.menu_initial_tips {

    text-align: center;

    padding-top: 200px;

}

.menu_content_edit_access {

    float: right;

}

.menu_content {

    background-color: #fff;

    padding: 16px 20px;

}

.menu_content .frm_control_group {

    margin-top: 0;

}

.menu_content.send {

    border: 0;

    padding: 0;

}

.menu_content_tips {

    padding-bottom: 10px;

    margin: 0;

}

.portable_editor .frm_control_group {

    margin-bottom: 10px;

}

.pre_menu_item {

    position: relative;

    float: left;

    line-height: 38px;

    text-align: center;

}

.pre_menu_item .icon_menu_dot {

    background: url("http://res.wx.qq.com/mpres/zh_CN/htmledition/comm_htmledition/style/page/menu/index_z2a7519.png") 0 -48px no-repeat;

    width: 7px;

    height: 7px;

    vertical-align: middle;

    display: inline-block;

    margin-right: 2px;

    margin-top: -2px;

    *margin-top: 0;

}

.pre_menu_item a {

    display: block;

    width: auto;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    word-wrap: normal;

    color: #616161;

    text-decoration: none;

}

.pre_menu_link {

    border-left: 1px solid #e7e7eb;

}

.pre_menu_link:hover {

    color: #222;

}

.sub_pre_menu_box {

    position: absolute;

    bottom: 50px;

    left: 0;

    width: 100%;

    border: 1px solid #d0d0d0;

    background-color: #fff;

}

.sub_pre_menu_box .arrow {

    position: absolute;

    left: 50%;

    margin-left: -6px;

}

.sub_pre_menu_box .arrow_out {

    bottom: -6px;

    display: inline-block;

    width: 0;

    height: 0;

    border-width: 6px;

    border-style: dashed;

    border-color: transparent;

    border-bottom-width: 0;

    border-top-color: #d0d0d0;

    border-top-style: solid;

}

.sub_pre_menu_box .arrow_in {

    bottom: -5px;

    display: inline-block;

    width: 0;

    height: 0;

    border-width: 6px;

    border-style: dashed;

    border-color: transparent;

    border-bottom-width: 0;

    border-top-color: #fafafa;

    border-top-style: solid;

}

.sub_pre_menu_list li {

    line-height: 30px;

}

.sub_pre_menu_list li a {

    padding: 0 .5em;

}

.mobile_preview {

    position: fixed;

    display: none;

    top: 50%;

    left: 50%;

    width: 327px;

    margin-top: -425px;

    margin-left: -161px;

    z-index: 9999;

    background: transparent url(http://res.wx.qq.com/mpres/htmledition/images/bg/mobile-preview/bg_mobile21d289.png) no-repeat 0 0;

}

.mobile_preview .richvideo_content .video_wrp {

    min-height: 0;

}

.mobile_preview .richvideo_content .video_player, .mobile_preview .richvideo_content .video_shot {

    height: 80px;

}

.mobile_preview .vjs-default-skin .vjs-time-controls {

    width: 3em;

}

.mobile_preview .vjs-default-skin .vjs-control-bar {

    overflow: hidden;

}

.mobile_preview .vjs-default-skin .vjs-big-play-button {

    width: 80px;

    height: 60px;

    background-position: -305px 8px;

    margin-top: -30px;

    margin-left: -40px;

}

.mobile_preview .pre_menu_list {

    *zoom: 1;

    margin-left: 65px;

    margin-right: 36px;

}

.mobile_preview .pre_menu_list:after {

    content: "\200B";

    display: block;

    height: 0;

    clear: both;

}

.mobile_preview_hd {

    height: 150px;

    text-align: center;

}

.mobile_preview_hd .nickname {

    display: inline-block;

    font-weight: 400;

    padding-top: 120px;

    width: 122px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    word-wrap: normal;

    font-size: 14px;

    color: #fff;

}

.mobile_preview_bd {

    position: relative;

    height: 393px;

    margin-left: 40px;

    margin-right: 28px;

    overflow-y: scroll;

}

.show_list {

    padding-right: 1em;

}

.show_item {

    *zoom: 1;

    padding-top: 1.5em;

}

.show_item:after {

    content: "\200B";

    display: block;

    height: 0;

    clear: both;

}

.show_item .avatar {

    float: left;

    width: 48px;

    margin-right: 5px;

}

.show_content {

    overflow: hidden;

    *zoom: 1;

}

.show_content .richvideo {

    width: auto;

}

.mobile_preview_ft {

    height: 152px;

}

.mobile_preview_closed {

    position: absolute;

    left: 112px;

}

.btn_appmsg_wrap {

    margin-top: -10px;

    padding-left: 85px;

}

.url .select_list_container {

    padding: 0;

}

.menu_content.url .frm_control_group {

    margin: 0;

}

.select_list_container {

    padding: 20px 30px;

}

.select_list_container .frm_input_box {

    width: 278px;

}

.select_list_container .loading_area {

    position: relative;

}

.select_list_container .icon_loading_small {

    margin-left: -20px;

    top: 185px;

}

.select_list_container .select_list_hd {

    margin-bottom: 15px;

}

.select_list_container .select_list_bd {

    height: 343px;

    overflow-y: auto;

    border: 1px solid #e7e7eb;

}

.select_list_container .select_list_ft .pagination_wrp {

    margin-top: 20px;

}

.select_list_container .loading_area {

    height: 240px;

    text-align: center;

}

.select_list_container .select_list {

    border-bottom: 0;

}

.select_list_container .no_appmsg {

    text-align: center;

    line-height: 340px;

    color: #8d8d8d;

}

.select_list_container .list_item_date {

    float: right;

    color: #8d8d8d;

}

.select_list_container .select_list_item {

    display: block;

    margin-right: 0;

    padding: 10px 15px;

    border-bottom: 1px solid #e7e7eb;

}

.select_list_container .select_list_item:hover {

    background-color: #f4f5f9;

}

.select_list_container .select_list_item:last-child {

    border-bottom: 0;

}

.menu_create_box {

    text-align: center;

    padding-top: 2em;

}

.menu_create_box .tips_global {

    margin-bottom: .5em;

}

.menu_mask {

    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    filter: alpha(opacity=75);

    -moz-opacity: .75;

    -khtml-opacity: .75;

    opacity: .75;

    background-color: #000;

}

.menu_tab_content {

    padding: 40px;

    height: 430px;

}

.menu_tab_content .link_insertion {

    margin: 100px auto;

    width: 470px;

}

.menu_tab_content .link_insertion .frm_label {

    float: none;

    display: block;

    width: auto;

}

.menu_tab_content .media_lib .loading {

    display: none;

    text-align: center;

    padding: 150px 0;

}

.menu_tab_content .media_lib .table_wrp {

    margin-top: 20px;

    max-height: 300px;

    overflow: auto;

    border: 1px solid #e7e7eb;

}

.menu_tab_content .media_lib .table {

    border: 0;

    margin-bottom: 0;

}

.menu_tab_content .media_lib tr {

    cursor: pointer;

}

.menu_tab_content .media_lib .table_cell.date {

    width: 120px;

    color: #8d8d8d;

}

.menu_tab_content .history_msg {

    display: none;

    overflow: hidden;

    margin-top: 20px;

}

.menu_tab_content .history_msg .preview_area {

    width: 240px;

    height: 348px;

    float: left;

    margin-right: 50px;

    background: transparent url(http://res.wx.qq.com/mpres/htmledition/images/advanced/history_msg267c1a.jpg) no-repeat 0 0;

    position: relative;

    margin-left: 80px;

    border: 1px solid #e7e7eb;

}

.menu_tab_content .history_msg .preview_area .desc {

    position: absolute;

    top: 100%;

    margin-top: 10px;

    width: 100%;

    text-align: center;

}

.menu_tab_content .history_msg .form_area {

    overflow: hidden;

    padding: 180px 0;

    text-align: center;

}

.menu_tab_content .homepage {

    max-height: 440px;

    overflow: auto;

    margin-right: -20px;

}

.menu_tab_content .homepage .loading {

    padding: 120px 260px;

    color: #8d8d8d;

}

.menu_tab_content .homepage .no_homepage {

    padding: 120px 230px;

}

.menu_tab_content .homepage .col_tpl {

    display: inline-block;

    *display: inline;

    *zoom: 1;

    vertical-align: top;

    width: 295px;

    margin-right: 20px;

    margin-bottom: 15px;

    position: relative;

}

.menu_tab_content .homepage .col_tpl .msg_card {

    border: 0;

}

.menu_tab_content .homepage .col_tpl .homepage_mask {

    display: none;

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-color: #000;

    filter: alpha(opacity=60);

    -moz-opacity: .6;

    -khtml-opacity: .6;

    opacity: .6;

    z-index: 1;

}

.menu_tab_content .homepage .col_tpl .icon_card_selected {

    position: absolute;

    display: none;

    top: 50%;

    left: 50%;

    margin-top: -23px;

    margin-left: -23px;

    line-height: 999em;

    overflow: hidden;

    z-index: 1;

}

.menu_tab_content .homepage .col_tpl.selected .homepage_mask {

    display: block;

}

.menu_tab_content .homepage .col_tpl.selected .icon_card_selected {

    display: block;

}

.menu_tab_content .homepage .col_tpl .simulator .simulator_bd .article_list {

    *height: 420px;

}

.menu_tab_content .homepage .col_tpl .simulator .simulator_bd .tab .article_list {

    *height: 220px;

}

.menu_tab_content .homepage .msg_card_extra_info {

    height: 440px;

    overflow: hidden;

}

.menu_tab_content .homepage .msg_card_extra_info .simulator {

    width: 265px;

    border: 0;

}

.menu_tab_content .homepage .msg_card_extra_info .simulator_hd {

    background: #333;

    height: 40px;

    font-size: 14px;

}

.menu_tab_content .homepage .msg_card_extra_info .simulator_bd {

    height: 395px;

    overflow: hidden;

    border-top: 0;

}

.menu_tab_content .homepage .msg_card_extra_info .simulator_bd .article_list {

    height: auto;

    overflow: hidden;

}

.menu_tab_content .homepage .msg_card_opr_item {

    *margin-right: -5px;

}

/* æˆ‘çš„æ ·å¼*/

.portable_editor {

    position: relative;

}

.portable_editor.to_left {

    padding-left: 12px;

}

.portable_editor {

    position: relative;

}

.editor_inner {

    width: 680px;

}

.portable_editor .editor_inner {

    padding: 0 20px 20px;

    background-color: #f4f5f9;

    border: 1px solid #e7e7eb;

    -webkit-box-shadow: none;

}

.menu_form_hd {

    padding: 9px 0;

    border-bottom: 1px solid #e7e7eb;

}

.global_mod.float_layout .global_info {

    float: left;

}

.menu_form_hd h4 {

    font-weight: 400;

    margin: 0;

}

.global_mod .global_extra {

    text-align: right;

}

.menu_form_area .msg_sender_tips {

    padding-top: 10px;

}

.tips_global {

    color: #8d8d8d;

}

.menu_content.send {

    border: 0;

    padding: 0;

}

.menu_content_container {

    border: 1px solid #e7e7eb;

}

.msg_sender {

    border: 1px solid #e7e7eb;

}

.msg_sender .tab_navs_panel {

    overflow: hidden;

    border-bottom: 1px solid #e7e7eb;

}

.msg_sender .tab_panel {

    -webkit-border-bottom-right-radius: 3px;

}

.tab_panel {

    background-color: #fff;

    min-height: 216px;

}

.msg_sender .tab_navs_switch_wrp.switch_prev {

    float: left;

}

.msg_sender .tab_navs_switch_wrp {

    display: none;

    margin-top: 6px;

}

.menu_form_area .msg_sender .tab_navs_switch_wrp.switch_next {

    display: block;

}

.msg_sender .switch_next .tab_navs_switch {

    width: 24px;

    height: 24px;

    vertical-align: middle;

    display: inline-block;

    background-position: 50% 50%;

}

.msg_sender .tab_navs_switch {

    line-height: 300px;

    overflow: hidden;

    cursor: pointer;

}

.menu_form_area .msg_sender .tab_navs_wrp {
    /*width: 420px;*/
}

.msg_sender .tab_navs_wrp {

    overflow: hidden;

}

.msg_sender .tab_navs {

    white-space: nowrap;

    text-align: left;

    font-size: 0;

    border-bottom-width: 0;

}

.msg_sender .tab_navs {

    line-height: 38px;

}

.tab_navs {

    background-color: #fff;

    margin: 0;

    text-align: center;

    border-bottom: 1px solid #e7e7eb;

    box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.5);

}

.msg_sender .tab_nav.selected {

    background-color: #fff;

}

.msg_sender .tab_nav {

    float: none;

    display: inline-block;

    vertical-align: top;

}

.tab_nav.selected {

    background-color: #d4d5d5;

}

.tab_nav {

    float: left;

    font-size: 14px;

}

.tab_nav a {

    display: block;

    text-decoration: none;

    color: #222;

    outline: 0;

    padding: 0 20px;

}

.menu_form_area .portable_editor.to_left .editor_arrow_wrp {

    top: 545px;

}

.portable_editor.to_left .editor_arrow_wrp {

    left: 0;

    top: 20px;

}

.portable_editor .editor_arrow_wrp, .portable_editor .editor_arrow {

    position: absolute;

}

.portable_editor.to_left .editor_arrow_out {

    left: 0;

}

.portable_editor.to_left .editor_arrow {

    display: inline-block;

    width: 0;

    height: 0;

    border-width: 12px;

    border-style: dashed;

    border-color: transparent;

    border-left-width: 0;

    border-right-color: #e7e7eb;

    border-right-style: solid;

}

i, cite, em, var, address, dfn {

    font-style: italic;

}

.menu_form_area .msg_sender_tips {

    padding-top: 10px;

}

.tips_global {

    color: #8d8d8d;

}

.portable_editor .frm_control_group {

    margin: 30px 0 10px 0;

    padding-bottom: 0;

}

.frm_control_group {

    padding-bottom: 25px;

}

.menu_form_area .frm_label {

    width: 5em;

}

.frm_label {

    float: left;

    width: 5em;

    margin: 0;

    margin-top: .3em;

    margin-right: 1em;

    font-size: 14px;

    font-weight: 400;

}

label {

    cursor: default;

}

.portable_editor .frm_label .title {

    font-weight: 400;

    font-style: normal;

}

.frm_controls {

    display: table-cell;

    vertical-align: top;

    float: none;

    width: auto;

}

.frm_vertical_pt {

    padding-top: .3em;

}

.frm_input_box.counter_in {

    width: 268px;

    padding-right: 60px;

}

.frm_input_box.counter_in {

    padding-right: 70px;

}

.frm_input_box.append {

    padding-right: 30px;

}

.frm_input_box {

    display: inline-block;

    position: relative;

    height: 30px;

    vertical-align: middle;

    font-size: 14px;

    padding: 0 10px;

    border: 1px solid #e7e7eb;

    /* box-shadow: none;*/

    /*-moz-box-shadow: none;*/

    -webkit-box-shadow: none;

    /*border-radius: 0;

    -moz-border-radius: 0;*/

    -webkit-border-radius: 0;

    background-color: #fff;

}

.menu_form_area .frm_tips, .menu_form_area .frm_msg {

    width: auto;

}

.frm_tips {

    font-size: 14px;

    color: #8d8d8d;

    margin: 0;

}

.frm_msg.fail {

    color: #e15f63;

}

.frm_msg {

    display: none;

    overflow: hidden;

    margin: 0;

}

.frm_tips, .frm_msg {

    padding-top: 4px;

    width: 300px;

}

.frm_input {

    height: 100%;

}

.frm_input, .frm_textarea {

    width: 100%;

    background-color: transparent;

    border: 0;

    outline: 0;

}

textarea, input {

    color: #222;

}

button, input, select, textarea {

    font-family: inherit;

    font-size: 100%;

    margin: 0;

}

button {

    background-color: #44b549;

}

.frm_radio_label, .frm_checkbox_label {

    display: inline-block;

    text-align: left;

    vertical-align: middle;

    cursor: pointer;

    margin-right: 1em;

    font-weight: 400;

    font-size: 14px;

}

.frm_radio_label {

    margin: 0;

    margin-right: 14px;

}

.frm_radio_label input, .frm_radio_label span {

    margin-top: .3em;

    vertical-align: middle;

}

input[type="checkbox"], input[type="radio"] {

    padding: 0;

    width: 16px;

    height: 16px;

    margin: 0;

}

.frm_radio, .frm_checkbox {

    position: absolute;

    left: -999em;

}

.tab_content .inner {

    -webkit-border-radius: 3px;

    padding: 14px 20px;

}

.menu_form_area .msg_sender .tab_cont_cover {

    padding: 20px;

}

.tab_cont_cover {

    overflow: hidden;

}

.menu_form_area .msg_sender .tab_cont_cover .appmsg_cover {

    width: 47%;

    margin-right: 0;

    margin-left: 5.5%;

}

.tab_cont_cover .appmsg_cover, .tab_cont_cover .media_cover {

    width: 48%;

    margin-right: 2%;

    float: left;

}

.menu_form_area .msg_sender .tab_cont_cover .create_access {

    padding: 42px 0;

}

.tab_cont_cover .create_access {

    padding: 82px 0;

    margin-bottom: 0;

    line-height: normal;

    position: relative;

}

.tab_cont_cover .create_access .add_gray_wrp, .tab_cont_cover .create_access_primary .add_gray_wrp {

    display: inline-block;

}

.add_gray_wrp {

    width: 100%;

}

.create_access {

    border: 2px dotted #dfdfdf;

}

.create_access:hover {

    border: 2px dotted #ccc;

}

.create_access a {

    display: none;

    vertical-align: middle;

    color: #8d8d8d;

    font-size: 14px;

    line-height: normal;

}

.create_access strong {

    display: block;

    text-align: center;

    width: 100%;

    font-weight: 400;

}

.icon36_common.add_gray {

    background: url(../img/add_gray.png) no-repeat;

    display: block;

}

.create_access i {

    cursor: pointer;

    line-height: 300px;

    overflow: hidden;

    margin: 0 auto;

}

.icon36_common {

    width: 36px;

    height: 36px;

    vertical-align: middle;

    display: inline-block;

}

.msg_sender .tab_nav .msg_tab_title {

    color: #8d8d8d;

}

.portable_editor.to_left .editor_arrow_in {

    left: 1px;

    border-right-color: #f4f5f9;

}

.menu_preview_area .pre_menu_list.no_menu .pre_menu_item .pre_menu_link {

    border: 1px solid #44b549;

    color: #44b549;

}

.icon_menu_dot {

    background: transparent url(./images/icon_menu_dot.png) no-repeat 0 0;

}

.icon_msg_sender1 {

    background: transparent url(./images/icon_msg_sender1.png) no-repeat 0 0;

}

.icon_msg_sender2 {

    background: transparent url(./images/icon_msg_sender2.png) no-repeat 0 0;

}

.icon_msg_sender3 {

    background: transparent url(./images/icon_msg_sender3.png) no-repeat 0 0;

}

.icon_msg_sender4 {

    background: transparent url(./images/icon_msg_sender4.png) no-repeat 0 0;

}

.tc {

    text-align: center;

}

.tool_bar {

    margin-top: 40px;

    margin-bottom: 30px;

    padding-top: 20px;

}

.tool_bar.tc .btn {

    margin-left: .5em;

    margin-right: .5em;

}

.btn.btn_input {

    min-width: 104px;

}

.btn_primary {

    background-color: #44b549;

    background-image: -moz-linear-gradient(top, #44b549 0, #44b549 100%);

    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#44b549), to(#44b549));

    background-image: -webkit-linear-gradient(top, #44b549 0, #44b549 100%);

    background-image: -o-linear-gradient(top, #44b549 0, #44b549 100%);

    background-image: linear-gradient(to bottom, #44b549 0, #44b549 100%);

    border-color: #44b549;

    color: #fff;

}

/*菜单内容*/

.icon_msg_sender {

    display: inline-block;

    width: 20px;

    height: 20px;

    vertical-align: middle;

}

.msg_sender .tab_nav.selected .msg_tab_title {

    color: #222;

}

.msg_tab_title {

    vertical-align: middle;

    display: inline-block;

    height: 100%;

}

.tab_text .icon_msg_sender {

    background: url('../img/message_list.png') 0 0 no-repeat;

}

.tab_text.selected .icon_msg_sender, .tab_appmsg .icon_msg_sender:hover {

    background: url(../img/message_list.png) 0 -30px no-repeat;

}

.tab_appmsg .icon_msg_sender {

    background: url('../img/message_list.png') 0 -240px no-repeat;

}

.tab_appmsg.selected .icon_msg_sender, .tab_appmsg .icon_msg_sender:hover {

    background: url(../img/message_list.png) 0 -270px no-repeat;

}

.tab_img .icon_msg_sender {

    background: url(../img/message_list.png) 0 -60px no-repeat;

}

.tab_img.selected .icon_msg_sender, .tab_img .icon_msg_sender:hover {

    background: url(../img/message_list.png) 0 -90px no-repeat;

}

.tab_audio .icon_msg_sender {

    background: url(../img/message_list.png) 0 -180px no-repeat;

}

.tab_audio.selected .icon_msg_sender, .tab_audio .icon_msg_sender:hover {

    background: url(../img/message_list.png) 0 -210px no-repeat;

}

.tab_video .icon_msg_sender {

    background: url(../img/message_list.png) 0 -120px no-repeat;

}

.tab_video.selected .icon_msg_sender, .tab_video .icon_msg_sender:hover {

    background: url(../img/message_list.png) 0 -150px no-repeat;

}

.tools_box {

    clear: both;

    padding: 0 0 50px 370px;

}

.btn {

    display: inline-block;

    height: 30px;

    line-height: 30px;

    vertical-align: middle;

    text-align: center;

    border: 0;

    border-radius: 3px;

}

.btn:hover {

    background-color: transparent;

}

.warning {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    display: block;

}

.warning span {

    display: block;

    padding: 40% 0;

    text-align: center;

}

#saveMenu {

    display: none;

}

.wysiwyg-editor {

    width: 100%;

    max-height: 190px;

    height: 190px;

    overflow-x: hidden;

    overflow-y: auto;

    outline: none;

}

.wysiwyg-toolbar.wysiwyg-toolbar-bottom {

    border-top: 1px solid #e7e7eb;

    width: 100%;

    height: 28px;

}

.faceNav {

    width: 20px;

    height: 20px;

    vertical-align: middle;

    display: inline-block;

    margin: 2px 0 0 9px;

    cursor: pointer;

    color: #8d8d8d;

}

.faceNav:hover {

    color: #222;

}

.image_show {

    display: none;

}

.media_del {

    display: none;

}

#media_image, #media_audio, #media_video {
    display: none;

}

.material_image {

    width: 150px;

    height: 150px;

}

.material_audio {
    text-align: center;
    width: 150px;
    height: 150px;

}

.material_video {
    width: 150px;
    height: 150px;
    text-align: center;
}

.waiting {

    line-height: 148px;

    text-align: center;

}

.facebox img {

    float: left;

    border-right: 1px solid #c0bfc5;

    border-bottom: 1px solid #c0bfc5;

}

.wysiwyg-popup {

    border-top: 1px solid #c0bfc5;

    border-left: 1px solid #c0bfc5;

    background-color: #e7e7eb;

    width: 526px;

}

.linkbox {

    vertical-align: middle;

    text-align: center;

    background: #fff;

    border-right: 1px solid #c0bfc5;

    border-bottom: 1px solid #c0bfc5;;

}

.link_title {

    padding: 15px 10px 5px 10px;

    font-size: 16px;

    font-weight: 500;

}

.linkurl {

    padding: 0 5px;

    margin: 0 auto 15px;

    width: 90%;

    display: block;

    line-height: 30px;

    outline: none

}

.link_submit {

    height: 39px;

    overflow: hidden;

    display: table;

    width: 100%;

    font-size: 14px;

    line-height: 39px;

    border-top: 1px solid #dedede;

}

button, input:not([type="radio"]):not([type="checkbox"]), select {
    vertical-align: middle;
}

.am-form-field {
    display: block;
    width: 100%;
    padding: 0.5em;
    font-size: 1.6rem;
    line-height: 1.2;
    color: #555555;
    vertical-align: middle;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0;
    -webkit-appearance: none;
    -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}

.am-text-danger {
    color: #dd514c;
}

.am-margin-bottom-sm {
    margin-bottom: 1rem;
}

.am-inline-block {
    display: inline-block !important;
}