/*共用样式*/

* {
    box-sizing: border-box;
}

body {
    line-height: 1.8em;
    font-size: 14px;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.main_box {
    padding: 20px;
}

.bor_1 {
    border: 1px solid #eeeeee;
}

.mar_t20 {
    margin-top: 20px;
}

.head_title ul li a {
    box-sizing: content-box;
}

.head_title {
    border-bottom: 1px solid #dbdbdb;
    margin-top: 20px;
}

    .head_title ul {
        padding: 0px 20px;
        overflow: hidden;
        margin-bottom: -1px;
    }

        .head_title ul li {
            float: left;
        }

            .head_title ul li a {
                margin-right: 5px;
                font-size: 14px;
                display: inline-block;
                min-width: 80px;
                height: 35px;
                line-height: 35px;
                text-align: center;
                border-width: 1px 1px 0;
                border-style: solid;
                border-color: #e9e9e9;
                background-color: #f2f2f2;
                color: #666666;
            }

                .head_title ul li a.on {
                    border-bottom: 1px solid #fff;
                    height: 34px;
                    line-height: 34px;
                    border-top: 2px solid #3577bb;
                    background-color: #fff;
                    color: #3577bb;
                }


/*公众号管理*/

.w_c_h3 {
    color: #333;
    font-size: 18px;
    font-weight: 400;
    line-height: 54px;
}

.explain_box {
    background: #fef6e6;
    overflow: hidden;
    padding: 10px 5px;
    border: 1px solid #ffeed1;
}

    .explain_box dt {
        float: left;
        color: #333333;
        font-weight: bold;
        font-size: 14px;
        padding: 0 15px;
        line-height: 23px;
    }

    .explain_box dd {
        color: #bc8a34;
        font-size: 14px;
        line-height: 24px;
    }

    .explain_box a {
        color: #0375cb;
    }

.w_c_b_content {
    overflow: hidden;
}

    .w_c_b_content li {
        overflow: hidden;
    }

.w_c_binding {
    padding-left: 20px;
    padding-top: 11px;
    font-size: 14px;
    color: #666666;
}

.w_c_binding {
    width: calc(100% - 700px);
}

.w_c_b_content div {
    width: calc(100% - 140px);
    padding-left: 30px;
    padding-bottom: 37px;
    color: #333333;
    height: 63px;
}

.b_state span {
    display: inline-block;
    width: 60px;
    line-height: 29px;
    text-align: center;
    margin-right: 10px;
}

.bd_true {
    background: #0375cb;
    color: #fff;
}

.bd_false {
    background: #eeeeee;
    color: #666666;
}

.b_state a {
    text-decoration: underline;
    color: #999999;
}

.w_c_Record {
    width: 680px;
    position: relative;
}
.shuax{
    position: absolute;
    right: 0;
    top: -14px;
}

    .w_c_Record > div {
        width: 50%;
        overflow: hidden;
    }

.w_c_r_data dt {
    width: 135px;
    float: left;
    text-align: center;
    height: 135px;
    padding-top: 19px;
    color: #666;
    border-right: 1px solid #eee;
}

.w_c_r_data dd {
    width: 195px;
    float: right;
    line-height: 44px;
    font-size: 14px;
    padding-left: 10px;
    border-bottom: 1px solid #eee;
    padding-right: 25px;
}

    .w_c_r_data dd:last-child {
        border-bottom: 0;
    }

.w_c_Record .w_c_h3 {
    background: #ebf3f9;
    border-bottom: 1px solid #eeeeee;
    padding-left: 25px;
}

.w_c_Record div:nth-of-type(2n+2) {
    border-left: 1px solid #eee;
}

.w_c_r_data {
    overflow: hidden;
}

    .w_c_r_data dt p {
        font-size: 60px;
        color: #0375cb;
        line-height: 60px;
    }

    .w_c_r_data i {
        float: right;
        font-style: inherit;
        color: #0375cb;
    }

.w_c_configure {
    padding-left: 20px;
}


    .w_c_configure li > span {
        float: left;
        width: 165px;
        font-size: 14px;
        color: #666;
        padding-left: 5px;
        line-height: 40px;
    }

    .w_c_configure div {
        float: left;
        color: #999999;
    }

    .w_c_configure li {
        overflow: hidden;
        padding-bottom: 20px;
    }

.w_c_configure {
    padding-left: 20px;
}

    .w_c_configure input {
        width: 325px;
        line-height: 40px;
        height: 40px;
        border: 1px solid #eee;
        margin-right: 15px;
        text-indent: 5px;
    }

.upload {
    width: 150px;
    display: inline-block;
    line-height: 40px;
    border: 1px solid #eee;
    text-align: center;
    color: #666;
}

.conf_tab a {
    float: left;
    line-height: 40px;
    padding: 0 20px;
    border: 1px solid #eee;
    border-right: 0;
    color: #888;
}

    .conf_tab a.page_url {
        float: right;
    }

    .conf_tab a.on {
        color: #fff;
        background: #0375cb;
    }

    .conf_tab a:last-child {
        border-right: 1px solid #eee;
    }

.Button_1 {
    display: inline-block;
    line-height: 40px;
    width: 130px;
    text-align: center;
    border-radius: 3px;
    color: #666;
    border: 1px solid #eee;
    margin-top: 40px;
    cursor: pointer;
    background: #fff;
}

    .Button_1:hover {
        color: #fff;
        border-color: #0375cb;
        background: #0376cb;
    }

.bind_box {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 10;
    background: rgba(0, 0, 0, 0.57);
}

.b_b_content {
    width: 400px;
    margin: 0 auto;
    border-radius: 3px;
    margin-top: 40vh;
    background: #fff;
    box-shadow: 2px 0px 18px 0px rgba(143, 206, 252, 0.71);
    overflow: hidden;
}

.b_b_t {
    line-height: 45px;
    padding-left: 30px;
    border-bottom: 1px solid #eee;
    color: #333333;
}

.bind_close {
    float: right;
    height: 45px;
    width: 50px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../images/close_icon.png);
    border-left: 1px solid #eee;
}

.b_d_bot {
    border-top: 1px solid #eee;
    text-align: center;
    line-height: 50px;
    padding: 0px 0;
}

.b_b_c {
    padding: 0px 20px;
}

.b_d_bot a {
    border: 1px solid #eee;
    margin: 0px 10px;
    padding: 5px 25px;
    border-radius: 5px;
    color: #000;
    overflow: hidden;
}

a.b_d_b1 {
    background: #0375cb;
    color: #fff;
}

.b_b_c span {
    padding-right: 30px;
}

.b_b_c div {
    border-bottom: 1px solid #eee;
    line-height: 40px;
    padding: 5px 0;
}

    .b_b_c div:last-child {
        border: 0px;
    }

.b_b_c input {
    line-height: 25px;
    border: 1px solid #eee;
}















/*自动回复*/

.reply_title li {
    float: left;
    padding: 0 20px;
    line-height: 40px;
    border: 1px solid #eee;
    border-right: 0;
    cursor: pointer;
}

.reply_title a {
    color: #000;
}

.reply_title {
    overflow: hidden;
    margin-bottom: 20px;
}

    .reply_title li:last-child {
        border-right: 1px solid #eee;
    }

    .reply_title li.on {
        background: #0375cb;
        color: #fff;
    }

.swi_box {
    padding: 10px 20px;
    background: #f6f5f4;
    color: #999999;
}

    .swi_box > div {
        width: 190px;
        font-size: 16px;
        line-height: 32px;
        color: #333333;
    }

        .swi_box > div > div {
            float: right;
        }

.edit_box {
    margin-top: 20px;
    border: 1px solid #eee;
}

.edit_tile {
    padding-left: 5px;
    overflow: hidden;
    border-bottom: 1px solid #eee;
}

    .edit_tile .on {
        color: #333333;
    }

.reply_title .on a {
    color: #fff;
}

.edit_tile li:nth-of-type(1) {
    background-image: url(../images/text_icon1.png);
}

.edit_tile li:nth-of-type(2) {
    background-image: url(../images/text_icon2.png);
}

.edit_tile li:nth-of-type(3) {
    background-image: url(../images/text_icon3.png);
}

.edit_tile li {
    margin: 0 15px;
    float: left;
    line-height: 40px;
    color: #888888;
    background-repeat: no-repeat;
    background-position: left center;
    cursor: pointer;
    padding-left: 25px;
}

#e_t_1,
#a_t_1,
#msg_t_1 {
    background-image: url(../images/text_icon1.png);
}

#e_t_2,
#a_t_2,
#msg_t_2 {
    background-image: url(../images/text_icon2.png);
}

#e_t_3,
#a_t_3,
#msg_t_3 {
    background-image: url(../images/text_icon3.png);
}

.edit_content > div {
    overflow: hidden;
}

.edit_content textarea {
    border: 0;
    width: 100%;
    height: 145px;
    text-indent: 20px;
}

.reply_img_box {
    width: 390px;
    height: 175px;
    margin: 35px auto;
    text-align: center;
    border: 2px dotted #dbdbdb;
    cursor: pointer;
}
.w_text_add a {
    display:block;
}
.plus {
    margin-top: 0px;
    font-size: 65px;
    line-height: 100%;
    color: #cacaca;
    display: inline-block;
}

.txt {
    color: #dbdbdb;
    font-size: 14px;
    padding-bottom: 20px;
}

.reply_single_box > div {
    float: left;
    border: 2px dotted #dbdbdb;
    cursor: pointer;
    text-align: center;
    width: 175px;
    margin: 0 15px;
    height: 150px;
}

.reply_single_box {
    width: 430px;
    margin: 50px auto 30px;
    overflow: hidden;
}

.addFace {
    overflow: hidden;
    border-top: 1px solid #eee;
    height: 40px;
    color: #999999;
    font-size: 14px;
}

    .addFace div {
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 7px;
    }

.prompt_text {
    line-height: 35px;
    font-size: 12px;
    color: #999;
}

.redfont {
    color: #f00;
}

.r_l_b_de {
    display: inline-block;
    line-height: 30px;
    width: 35px;
    text-align: center;
    border: 1px solid #eee;
    font-size: 12px;
}

    .r_l_b_de:hover,
    r_l_b_add:hover {
        background: #0375cb;
        color: #fff;
    }

.button_group a.r_l_b_add {
    float: right;
    font-size: 12px;
    background: #0375cb;
    color: #Fff;
    line-height: 30px;
    width: 120px;
    text-align: center;
}

.reply_LBS_box {
    margin-top: 10px;
}

.r_l_b_c .lbs_operation {
    text-align: center;
}

.lbs_operation a {
    width: 30px;
    height: 25px;
    display: block;
    border-radius: 3px;
    text-align: center;
    line-height: 25px;
    margin: 0 10px;
}

.l_o_e {
    background: #0375cb;
}

.l_o_d {
    background: #ff0000;
}

.l_o_l {
    background: #3f8ca1;
}

.reply_LBS_box {
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
}

.r_l_b_t {
    overflow: hidden;
    background: #0375cb;
    color: #fff;
    padding-left: 5px;
}

.r_l_b_c {
    overflow: hidden;
    border-bottom: 1px solid #eee;
    padding-left: 5px;
}

.lbs_input {
    padding-left: 15px;
}

.r_l_b_t th,
.r_l_b_c td {
    display: inline-block;
    line-height: 40px;
    width: calc(100% / 8);
    font-size: 14px;
    text-align: left;
}

.r_l_b_t .lbs_longitude,
.r_l_b_c .lbs_longitude {
    width: 30%;
    text-align: center;
}

.r_l_b_t .lbs_operation {
    text-align: center;
}

.lbs_input input {
    margin-right: 10px;
}

.lbs_operation a {
    display: inline-block;
    color: #666;
}


    .lbs_operation a img {
        padding-top: 5px;
    }

.reply_LBS_box ul:nth-of-type(2n+2) {
    background: #f3f6fb;
}











/*图文管理*/

.w_search_box {
    overflow: hidden;
}

.s_key {
    width: 350px;
    border: 1px solid #dbdbdb;
    height: 30px;
    float: left;
    line-height: 30px;
    border-right: 0;
    text-indent: 10px;
}

.s_btn {
    border: 1px solid #dbdbdb;
    line-height: 28px;
    float: left;
    height: 30px;
    background-repeat: no-repeat;
    background-color: #fff;
    background-position: center;
    background-image: url(../images/search.png);
    width: 33px;
    background-size: 14px;
    cursor: pointer;
}

.w_textimg_box > div {
    /*float: left;
    width: 320px;
    margin: 0px 30px 30px auto;
    max-width: 320px;*/
    margin-bottom: 20px;
    -webkit-column-break-inside: avoid;
          page-break-inside: avoid;
               break-inside: avoid;
     -webkit-column-break-inside:avoid;
      -moz-column-break-inside:avoid;
}

.w_textimg_box {
    overflow: hidden;
    padding: 20px;
    -moz-column-count: 3;
    -webkit-column-count: 3;
    column-count: 4;

}

.w_text_add {
    border: 2px dotted #dbdbdb;
    text-align: center;
    height: 75px;
}

.w_t_d_t {
    padding: 12px 15px;
    border: 1px solid #eee;
}

    .w_t_d_t div {
        position: relative;
        display: inline-block;
    }

    .w_t_d_t p {
        color: #666;
        padding: 5px 0;
    }

    .w_t_d_t img {
        max-width: 100%;
        width: 100%;
        vertical-align: bottom;
    }

    .w_t_d_t .w_t_d_txt {
        position: absolute;
        left: 0;
        bottom: 0;
        right: 0;
        color: #fff;
        line-height: 30px;
        text-indent: 15px;
        background: rgba(0, 0, 0, 0.5);
    }

.w_t_d_l {
    padding: 12px 15px;
    border: 1px solid #eee;
    border-top: 0;
    overflow: hidden;
}

.t_s_l_txt {
    float: left;
}


.m_l_c .w_t_d_l img {
    height: 70px;
    float: right;
    width: 70px;
}
.t_s_l_img img {
    max-width: 70px;
    height: 70px;
}

.w_t_operate {
    overflow: hidden;
    border: 1px solid #eee;
    border-top: 0;
    background: #f4f4f4;
}

    .w_t_operate a {
        line-height: 50px;
        display: block;
        float: left;
        width: 50%;
        text-align: center;
        height: 50px;
    }

        .w_t_operate a:last-child {
            border-left: 1px solid #eee;
        }

        .w_t_operate a:hover {
            background-color: #fff;
        }
.clean {
    margin-top: 20px;
}


.w_t_s {
    padding: 12px 15px;
    border: 1px solid #eee;
}

    .w_t_s .t_s_l_txt {
        float: none;
        padding: 5px 0 0;
        color: #333;
    }

    .w_t_s p {
        color: #666;
        padding: 5px 0;
    }

    .w_t_s img {
        max-width: 100%;
    }












/*添加图文管理*/

.text_img_c li {
    overflow: hidden;
    padding-bottom: 20px;
}

    .text_img_c li > span {
        float: left;
        width: 120px;
        font-size: 14px;
        color: #666;
        padding-left: 20px;
        line-height: 40px;
    }

    .text_img_c li > div {
        float: left;
        color: #999999;
    }

    .text_img_c li div > input {
        width: 325px;
        line-height: 40px;
        border: 1px solid #eee;
        margin-right: 15px;
        text-indent: 10px;
        height: 40px;
    }

.t_up_img .upload {
    background: #0375cb;
    color: #fff;
    width: 90px;
    border-radius: 5px;
}

.t_up_img span {
    padding-left: 11px;
}

.t_up_img div {
    margin-top: 10px;
    margin-bottom: 10px;
}

    .t_up_img div img {
        vertical-align: bottom;
    }

    .t_up_img div a {
        color: #0375cb;
        padding-left: 10px;
    }

.text_img_c textarea {
    border: 1px solid #eee;
    width: 400px;
    height: 100px;
}

.t_s_top {
    padding: 20px;
    border: 1px solid #eee;
}

    .t_s_top > div {
        position: relative;
    }

.t_s_txt {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    color: #fff;
    line-height: 45px;
    text-indent: 20px;
    background: rgba(0, 0, 0, 0.79);
}

.t_s_top:hover .t_s_set {
    display: block;
}

.t_s_set {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.44);
    display: none;
    text-align: center;
    padding-top: 90px;
}

    .t_s_set a {
        width: 44px;
        height: 44px;
        display: inline-block;
        text-align: center;
        background: #999999;
        border-radius: 50%;
        overflow: hidden;
        vertical-align: middle;
        padding-top: 10px;
        margin: 0 5px;
    }

        .t_s_set a:hover {
            background: #0375cb;
        }

.t_s_list {
    position: relative;
    border: 1px solid #eee;
    padding: 20px;
    border-top: 0;
    overflow: hidden;
    height: 110px;
}

.t_list_set {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.44);
    display: none;
    text-align: center;
    padding-top: 30px;
}

    .t_list_set a {
        width: 44px;
        height: 44px;
        display: inline-block;
        text-align: center;
        background: #999999;
        border-radius: 50%;
        overflow: hidden;
        vertical-align: middle;
        padding-top: 10px;
        margin: 0 5px;
    }

.t_s_l_txt {
    float: left;
}

.t_s_list > img {
    float: right;
    width: 70px;
    height: 70px;
}

.t_s_list:hover .t_list_set {
    display: block;
}

.t_list_set a:hover {
    background: #0375cb;
}

.t_s_add {
    padding: 20px;
    text-align: center;
    border: 1px solid #eee;
    border-top: 0;
}

    .t_s_add a {
        display: block;
        border: 2px dotted #dbdbdb;
        color: #dbdbdb;
        font-size: 60px;
        line-height: 75px;
        height: 90px;
    }



/*上传图片*/

.uplod_img_row {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.59);
    z-index: 1000;
}

.uplod_img_box {
    width: 920px;
    margin: 0 auto;
    border-radius: 5px;
    background: #fff;
    box-shadow: 2px 0px 18px 0px rgba(39, 45, 48, 0.8);
    overflow: hidden;
    margin-top: 5vh;
}

.u_i_t {
    line-height: 45px;
    padding-left: 30px;
    border-bottom: 1px solid #eee;
    color: #333333;
}

.u_i_close {
    float: right;
    height: 45px;
    width: 50px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../images/close_icon.png);
    border-left: 1px solid #eee;
}

.u_i_tab_title ul {
    overflow: hidden;
    background: #f5f5f5;
    padding-top: 20px;
    padding-left: 30px;
}

.u_i_tab_title li.on {
    border-top: 2px solid #1C76F5;
    background: #fff;
    border-bottom: 0;
}

.u_i_tab_title li {
    float: left;
    border-left: 1px solid #dbdbdb;
    border-top: 1px solid #dbdbdb;
    padding: 7px 22px 7px 22px;
    background: #FBFBF9;
    cursor: pointer;
    color: #333;
    border-bottom: 1px solid #dbdbdb;
}

    .u_i_tab_title li:last-child {
        border-right: 1px solid #dbdbdb;
    }

.p_l_c ul,
.m_l_c ul {
    overflow: hidden;
}

.p_l_c li,
.m_l_c li {
    float: left;
    text-align: center;
    position: relative;
    margin: 13px;
    width: 124px;
    overflow: hidden;
    border: 2px solid #fff;
    border-radius: 3px;
    cursor: pointer;
}

    .p_l_c li:hover,
    .p_l_c li.get,
    .m_l_c li:hover,
    .m_l_c li.get {
        border-color: #1C76F5;
    }

        .p_l_c li:hover p,
        .p_l_c li.get p,
        .m_l_c li:hover p,
        .m_l_c li.get p {
            background-color: #1C76F5;
            color: #fff;
        }

.p_l_c img,
.m_l_c img {
    height: auto;
    max-width: 100%;
    vertical-align: bottom;
}

.p_l_c li.get span,
.m_l_c li.get span {
    width: 19px;
    height: 19px;
    background: #1C76F5 url(../Images/get.png) 0px top no-repeat;
    display: block;
    position: absolute;
}

.p_l_b,
.m_l_b,
.u_l_b {
    overflow: hidden;
    background: #F5F3F4;
    height: 60px;
}

    .p_l_b .up_bt {
        width: 200px;
        line-height: 60px;
        text-align: center;
        background: #1C76F5;
        color: #fff;
        cursor: pointer;
        font-size: 16px;
    }

.up_bt_2 {
    padding-top: 12px;
}

.p_l_b .up_bt_2 a,
.m_l_b a,
.u_l_b a {
    padding: 8px 40px 8px 40px;
    margin-right: 15px;
    border-radius: 3px;
    font-size: 16px;
    line-height: 34px;
    cursor: pointer;
}

.u_b_b {
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
    background: #fff;
    color: #1C76F5;
}

.u_b_t {
    background: #1C76F5;
    color: #fff;
}

.m_l_b .up_bt,
.u_l_b .up_bt {
    padding-top: 12px;
    margin-left: 12px;
}

.p_l_c,
.m_l_c {
    overflow-y: scroll;
    height: 340px;
}

.u_p_c ul {
    overflow: hidden;
}

.u_p_c li {
    float: left;
    width: 100px;
    height: 100px;
    border: 1px solid #eee;
    margin: 10px;
    text-align: center;
}

.up_img_but {
    padding: 2px;
}

.u_p_c li.up_img_but img {
    width: 100%;
    height: 100%;
}

.u_p_c li img {
    width: 75px;
    height: 75px;
    vertical-align: bottom;
}

.u_p_c li p {
    border-top: 1px solid #ededed;
}

.up_bt_2 span {
    color: #1C76F5;
    cursor: pointer;
    margin-right: 10px;
}

.s_img_b_c {
    overflow: hidden;
    padding: 20px;
}

.s_i_row {
    overflow: hidden;
    line-height: 30px;
    padding-bottom: 20px;
}

.s_img_text {
    padding-right: 50px;
}

.s_img_lab input {
    border: 1px solid #ededed;
    line-height: 30px;
}

.s_img_lab span {
    color: #1C76F5;
    cursor: pointer;
    margin-right: 10px;
}

.s_img_lab img {
    padding-right: 20px;
}










/*群发信息*/

.bluk_msg_title a.now_bt {
    background: #1C76F5;
    color: #fff;
    border: 1px solid #1C76F5;
    box-shadow: none;
}

.bluk_msg_title a {
    background: #eee;
    box-shadow: none;
    border: 1px solid #eee;
    padding: 5px 20px;
    color: #666;
}

.b_msg_object {
    overflow: hidden;
    background: #f6f5f4;
    color: #333;
    padding: 9px 15px;
    margin: 20px 0px 10px;
    display: block;
    line-height: 30px;
}

.b_o_se {
    width: 150px;
    line-height: 30px;
    height: 30px;
    border: 1px solid #ccc;
    margin-left: 5px;
}

.msg_box {
    margin-top: 20px;
    border: 1px solid #eee;
}

.msg_tile {
    padding-left: 5px;
    overflow: hidden;
    border-bottom: 1px solid #eee;
}

    .msg_tile .on {
        color: #333333;
    }

    .msg_tile li {
        margin: 0 15px;
        float: left;
        line-height: 40px;
        color: #888888;
        background-repeat: no-repeat;
        background-position: left center;
        cursor: pointer;
        padding-left: 25px;
    }

.edit_content > div {
    overflow: hidden;
}

.edit_content textarea {
    border: 0;
    width: 100%;
    height: 220px;
    text-indent: 20px;
}

.prompt {
    color: #999;
    line-height: 35px;
}

    .prompt font {
        color: #f00;
    }










/*已发送列表*/

.w_b_list_de {
    display: inline-block;
    line-height: 30px;
    width: 35px;
    text-align: center;
    border: 1px solid #eee;
    font-size: 12px;
}

.w_b_list_btu {
    padding: 10px 0;
}

.w_b_l_title {
    overflow: hidden;
    background: #0375cb;
    color: #fff;
    padding-left: 5px;
}

    .w_b_l_title li,
    .w_b_l_c li {
        float: left;
        line-height: 40px;
        width: calc(100% / 4);
        font-size: 14px;
        height: 40px;
    }

.w_b_l_c {
    overflow: hidden;
    padding-left: 5px;
    border-bottom: 1px solid #eee;
}

.w_b_input input {
    margin-right: 10px;
}

.w_b_input {
    padding-left: 15px;
}

.w_b_l_c .w_b_longitude {
    padding-top: 7px;
}

.w_b_longitude a {
    width: 30px;
    height: 25px;
    display: block;
    border-radius: 3px;
    text-align: center;
    float: left;
    line-height: 25px;
    margin: 0 10px;
}

.w_o_e {
    background: #0375cb;
}

.w_o_d {
    background: #ff0000;
}

.w_b_longitude a img {
    padding-top: 5px;
}

.w_b_list_box {
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
}

    .w_b_list_box ul:nth-of-type(2n+2) {
        background: #f3f6fb;
    }










/*消息管理*/

.msg_b_list_btu a {
    display: inline-block;
    line-height: 30px;
    padding: 0 12px;
    text-align: center;
    border: 1px solid #eee;
    font-size: 12px;
}

    .msg_b_list_btu a:last-of-type {
        border-left: 0px;
    }

.msg_b_se {
    width: 150px;
    line-height: 30px;
    height: 30px;
    border: 1px solid #ccc;
    margin-left: 5px;
}

.wcmsg_box {
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
}

.msg_b_l_title {
    overflow: hidden;
    background: #0375cb;
    color: #fff;
    padding-left: 5px;
}

    .msg_b_l_title li,
    .msg_b_l_c li {
        float: left;
        line-height: 40px;
        width: 14%;
        font-size: 14px;
        height: 40px;
        text-align: center;
    }

.msg_b_list_box ul:nth-of-type(2n+2) {
    background: #f3f6fb;
}

.msg_b_l_c {
    overflow: hidden;
    padding-left: 5px;
    border-bottom: 1px solid #eee;
}

.msg_b_input {
    padding-left: 15px;
}

    .msg_b_input input {
        margin-right: 10px;
    }

.msg_b_list_box {
    margin-top: 20px;
}

.msg_b_l_c .msg_b_longitude {
}

.msg_b_longitude a {
    width: 30px;
    height: 25px;
    display: inline-block;
    border-radius: 3px;
    text-align: center;
    line-height: 25px;
    margin: 0 10px;
}

    .msg_b_longitude a img {
        padding-top: 5px;
    }

.msg_o_d {
    background: #ff0000;
}

.msg_o_e {
    background: #0375cb;
}
.black_cs img {
    height: 30px;
    width: 30px;
}

    .msg_b_l_title li.msg_b_input,
    .msg_b_l_c li.msg_b_input {
        width: calc(100% - 42%);
        text-align: left;
    }

.msg_b_l_c .msg_b_state {
    color: #0375cb;
}

.msg_b_l_c .m_replies {
    color: #f8a20e;
}










/*添加LBS*/

.l_b_h3 {
    background: #f6f6f6;
    line-height: 40px;
    font-size: 14px;
    padding-left: 20px;
}

.lbs_add_box {
    padding-top: 20px;
}

.l_a_row {
    overflow: hidden;
}

    .l_a_row > span {
        font-size: 14px;
        line-height: 45px;
        width: 135px;
    }

    .l_a_row > div {
        line-height: 45px;
    }

    .l_a_row div input {
        line-height: 25px;
        margin-right: 10px;
        height: 25px;
        text-indent: 5px;
        width: 210px;
        border: 1px solid #eee;
    }

.l_a_row {
    overflow: hidden;
    padding-bottom: 10px;
    padding-top: 10px;
}

.l_a_range {
    color: #333;
}

.l_a_row div.l_a_range input {
    width: 145px;
}

.l_a_row .t_up_img img {
    width: 70px;
    display: inline-block;
    vertical-align: middle;
}

.l_a_row .t_up_img img {
    width: 70px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}

.l_a_address a {
    color: #333;
    border: 1px solid #eee;
    padding: 3px 10px;
}


.l_a_remake textarea {
    border: 1px solid #eee;
    width: 435px;
    height: 120px;
}

.l_a_row div.l_a_url input {
    width: 300px;
}

.l_a_effective a {
    border: 1px solid #b6b6b6;
    height: 30px;
    padding: 10px 20px;
    color: #333;
}

.l_a_effective .l_acti {
    color: #fff;
    background: #0375cb;
    border-color: #0375cb;
}

.url_row {
    width: 770px;
    margin: 0 auto;
    background: #fff;
    box-shadow: 2px 0px 18px 0px rgba(143, 206, 252, 0.71);
    overflow: hidden;
    margin-top: 10vh;
}

.url_t {
    line-height: 45px;
    padding-left: 15px;
    border-bottom: 1px solid #eee;
    color: #333333;
}

.url_close {
    float: right;
    height: 45px;
    width: 50px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../images/close_icon.png);
    border-left: 1px solid #eee;
}

.url_c .called {
    color: #fff;
    background: #0375cb;
}

.url_c a {
    display: block;
    color: #333;
    line-height: 40px;
    padding-left: 10px;
}

    .url_c a:hover {
        color: #333;
        background: #e0e8ef;
    }

.url_b {
    height: 60px;
    background: #F5F3F4;
}

    .url_b a {
        float: left;
        margin: 12px 0px 0px 15px;
        background-color: #fff;
        padding: 8px 35px 8px 35px;
        width: 110px;
        text-align: center;
        color: #0375cb;
    }

        .url_b a:last-child {
            background: #0375cb;
            color: #Fff;
        }

.url_box {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.59);
    z-index: 1000;
}

.url_c {
    height: 300px;
    overflow-y: hidden;
    overflow-x: hidden;
    margin-left: -20px;
}

    .url_c iframe {
        width: 100%;
        height: 100%;
    }









/*关键字回复*/

.list_box {
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    margin-top: 20px;
}

.list_title {
    overflow: hidden;
    background: #0375cb;
    color: #fff;
    padding-left: 5px;
}

.list_center {
    overflow: hidden;
    padding-left: 5px;
    border-bottom: 1px solid #eee;
}

.r_key_input {
    padding-left: 15px;
}

    .r_key_input input {
        margin-right: 10px;
    }

.button_group {
    overflow: hidden;
}

.list_title li:nth-of-type(1),
.list_center li:nth-of-type(1) {
    padding-left: 15px;
    text-align: left;
}

    .list_title li:nth-of-type(1) input,
    .list_center li:nth-of-type(1) input {
        margin-right: 10px;
    }

.list_title li,
.list_center li {
    float: left;
    line-height: 40px;
    width: 14%;
    font-size: 14px;
    height: 40px;
    text-align: center;
}

    .list_title li.r_key_input,
    .list_center li.r_key_input {
        width: calc(100% - 42%);
        text-align: left;
    }

.list_box ul:nth-of-type(2n+2) {
    background: #f3f6fb;
}

.list_but a {
    width: 30px;
    height: 25px;
    display: inline-block;
    border-radius: 3px;
    text-align: center;
    line-height: 25px;
    padding-top: 2px;
    margin: 0 10px;
    vertical-align: middle;
}

    .list_but a img {
    }

.button_group a {
    display: inline-block;
    line-height: 30px;
    padding: 0 12px;
    text-align: center;
    border: 1px solid #eee;
    font-size: 12px;
    color: #000;
    width: auto;
}

    .button_group a.r_key_add {
        background: #0375cb;
        color: #fff;
        overflow: hidden;
    }









/*添加关键词*/

.message_type_box {
    margin-top: 20px;
    border: 1px solid #eee;
}

.me_ty_title {
    padding-left: 5px;
    overflow: hidden;
    border-bottom: 1px solid #eee;
}

    .me_ty_title li {
        margin: 0 15px;
        float: left;
        line-height: 40px;
        color: #888888;
        background-repeat: no-repeat;
        background-position: left center;
        cursor: pointer;
        padding-left: 25px;
    }

        .me_ty_title li:nth-of-type(1) {
            background-image: url(../images/text_icon1.png);
        }

        .me_ty_title li:nth-of-type(2) {
            background-image: url(../images/text_icon2.png);
        }

        .me_ty_title li:nth-of-type(3) {
            background-image: url(../images/text_icon3.png);
        }

.me_ty_c textarea {
    border: 0;
    width: 100%;
    height: 220px;
    text-indent: 20px;
}

.me_ty_img_box {
    width: 390px;
    height: 175px;
    margin: 35px auto;
    text-align: center;
    border: 2px dotted #dbdbdb;
    cursor: pointer;
}

.me_ty_single_box {
    width: 430px;
    margin: 50px auto 30px;
    overflow: hidden;
}

    .me_ty_single_box > div {
        float: left;
        border: 2px dotted #dbdbdb;
        cursor: pointer;
        text-align: center;
        width: 175px;
        margin: 0 15px;
        height: 150px;
    }

.Keyword_input input {
    border: 1px solid #eee;
    margin-left: 10px;
    margin-right: 10px;
    height: 25px;
    width: 250px;
}

.Keyword_input {
    line-height: 35px;
    font-size: 14px;
    color: #333;
}









/*用户管理*/

.list_title .users_input,
.list_center .users_input {
    width: calc(100% - 56%);
    text-align: left;
}

.users_input input {
    margin-right: 10px;
}

.serch {
    display: inline-block;
}

    .serch input {
        border: 1px solid #eee;
        line-height: 28px;
        height: 30px;
    }

        .serch input.serch_but {
            width: 30px;
            background: #fff;
            float: right;
            border-left: 0;
            background-repeat: no-repeat;
            background-position: center;
            background-image: url(../images/btn01.png);
            background-size: 18px;
        }

.r_but_group a {
    background: #1C76F5;
    color: #fff;
    width: 160px;
    cursor: pointer;
}
.shux2{
    float: right;
    margin-right: 16px;
    margin-bottom: 10px;
    margin-top: 0px;
}
.popup_box {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.59);
}

.popup_row {
    margin: 0 auto;
    background: #fff;
    box-shadow: 2px 0px 18px 0px rgba(19, 20, 21, 0.73);
    overflow: hidden;
    margin-top: 10vh;
}

.popup_title {
    line-height: 45px;
    padding-left: 15px;
    border-bottom: 1px solid #eee;
    color: #333333;
}

.popup_bt {
    height: 60px;
    background: #F5F3F4;
    padding-top: 12px;
    text-align: center;
}

.p_b_close {
    float: right;
    height: 45px;
    width: 50px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../images/close_icon.png);
    border-left: 1px solid #eee;
}

.popup_bt a {
    display: inline-block;
    background-color: #fff;
    padding: 8px 35px 8px 35px;
    width: 110px;
    text-align: center;
    color: #0375cb;
    margin: 0 5px;
}

    .popup_bt a:last-child {
        background: #0375cb;
        color: #Fff;
    }

.Grouping_box {
    width: 450px;
}

.ground_c {
    padding: 15px 10px;
}

    .ground_c input {
        width: 200px;
        border: 1px solid #ccc;
        line-height: 30px;
        margin-left: 10px;
        text-indent: 5px;
    }







/*客服管理*/

.service_add_box span {
    font-size: 15px;
    color: #333;
    min-width: 100px;
    display: inline-block;
    line-height: 24px;
}

.service_add_box input {
    border: 1px solid #ddd;
    line-height: 23px;
    width: 150px;
    margin-right: 5px;
    height: 25px;
    text-indent: 5px;
}

.se_l_box ul li:nth-of-type(1) {
    width: calc(100% - (14% * 4));
}

.service_add_box div {
    padding-right: 30px;
    padding-bottom: 5px;
}

.wek_text span {
    float: left;
}

.wek_text textarea {
    width: 443px;
    height: 75px;
    border: 1px solid #ddd;
}

.m_t_20 {
    margin-top: 20px;
}

.m_t_0 {
    margin-top: 0px;
}

.m_r_10 {
    margin-right: 10px;
}






/*客服聊天内容*/

.w_s_title {
    text-align: center;
    background: #eee;
    line-height: 40px;
    font-size: 18px;
    font-weight: 400;
}

.w_s_l_box {
    overflow: hidden;
    border: 1px solid #eee;
}

.w_s_l_record {
    width: 15%;
}

    .w_s_l_record span {
        width: 100%;
        display: inline-block;
        text-align: center;
        line-height: 30px;
    }

    .w_s_l_record li {
        border-bottom: 1px solid #eee;
    }

        .w_s_l_record li:last-child {
            border-bottom: 0;
        }

        .w_s_l_record li.title {
            font-weight: bold;
        }

.w_s_l_centent {
    width: 85%;
    border-left: 1px solid #eee;
    height: 50vh;
    overflow: auto;
}

    .w_s_l_centent li {
        line-height: 30px;
        padding: 5px 15px;
    }

    .w_s_l_centent span {
        font-size: 16px;
        display: inline-block;
        padding-right: 10px;
    }

.w_s_l_service {
    background: #ededed;
}






/*数据统计*/

.w_d_analysis_box {
    overflow: hidden;
    width: 100%;
    padding: 0px;
    border: 0;
}

    .w_d_analysis_box > div {
        width: calc((100% / 3) - 30px);
        margin: 0 15px 15px;
        border: 1px solid #eee;
    }

    .w_d_analysis_box dt {
        width: 180px;
    }

    .w_d_analysis_box dd {
        width: calc(100% - 180px);
    }

.w_a_c_row img {
    max-width: 100%;
}

.w_a_c_row h3 {
    font-size: 16px;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
    margin-bottom: 10px;
    padding-left: 10px;
    padding-top: 9px;
}

    .w_a_c_row h3::before {
        content: " ";
        display: block;
        width: 5px;
        height: 26px;
        background: #0375cb;
        margin-right: 10px;
        float: left;
    }






/*自定义菜单*/

.m_p_mobi_row {
    width: 380px;
    height: 580px;
    background-repeat: no-repeat;
    background-position: top center;
    background-image: url(../images/menu_bg.png);
    background-size: contain;
    position: relative;
    border: 1px solid #eee;
}

.m_p_mobi_title {
    text-align: center;
    color: #fff;
    padding-top: 40px;
}

.m_p_mobi_centenr > ul {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    background-image: url(../images/menu_bg2.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    border-top: 1px solid #e7e7e7;
    background-color: #fafafa;
}

    .m_p_mobi_centenr > ul > li {
        width: 33.333333333%;
        float: left;
        position: relative;
        line-height: 50px;
    }

.sublevel_menu {
    position: absolute;
    bottom: 50px;
    left: 0;
    right: 0;
}

.m_p_mobi_centenr > ul > li:nth-of-type(2) {
    border-left: 1px solid #e7e7e7;
    border-right: 1px solid #e7e7e7;
}

.m_p_mobi_centenr a {
    color: #000;
}
.add_su_menu {
    color: #aaa;
}

.active_menu a {
    color: #333;
}

.add_su_menu a {
    color: #aaa;
}

.add_su_menu:before {
    content: "+";
    margin-right: 5px;
    font-size: 17px;
    font-weight: bold;
}

.add_parent_menu {
    color: #aaa;
}

.add_parent_menu a {
    color: #aaa;
}
.add_parent_menu:before {
    content: "+";
    margin-right: 5px;
    font-size: 17px;
    font-weight: bold;
}

.active_menu .parent_menu a::before {
    display: none;
}

.sublevel_menu li {
    border: 1px solid #e7e7e7;
    border-bottom: 0;
    position:relative;
}

.d_menu {
    display: none;
}

.parent_menu .d_menu,
.sublevel_menu .d_menu {
    position: absolute;
    top: 3px;
    width: 16px;
    right: 3px;
    height: 16px;
    line-height: 12px;
    padding-left: 0;
    border: 1px solid #777474;
    font-size: 13px;
    background: #fff;
    display: inline-block;
    cursor: pointer;
}

.meun_click {
    border: 2px solid #44b549 !important;
}

    .meun_click a {
        color: #44b549 !important;
    }

.menu_form_box {
    width: calc(100% - 380px - 40px);
    background: #f5f5f5;
    padding: 20px;
}

.single {
    background-color: #fff;
}

.m_f_row > p {
    font-size: 15px;
    color: #333;
    padding-bottom: 10px;
}

.m_f_row input {
    border: 1px solid #e7e7e7;
    width: 210px;
    line-height: 25px;
    height: 25px;
    text-indent: 5px;
}

.m_f_row div {
    margin-bottom: 19px;
}

.page_url {
    margin-left: 10px;
    background: #fff;
    border: 1px solid #eee;
    padding: 10px 20px;
    color: #818181;
}

.m_f_tab_title li.on {
    color: #fff;
    background: #3577bb;
}

.m_f_tab_title li {
    float: left;
    line-height: 40px;
    background: #fff;
    padding: 0px 15px;
    font-size: 15px;
    border: 1px solid #e7e7e7;
    border-right: 0;
    cursor: pointer;
}

.up_img {
    text-align: center;
}

.m_f_tab_title ul {
    overflow: hidden;
}

.m_f_tab_title li:last-child {
    border-right: 1px solid #e7e7e7;
}


/*素材库*/

.material_row {
    width: 760px;
}

.material_c {
    padding: 20px;
    overflow-y: auto;
    height: 400px;
}


/*2018-3-15*/

.r_i_b_s_box {
    float: left;
    max-height: 220px;
}

.reply_img_box_show {
    overflow: hidden;
    padding: 5px;
}

.w_t_d_t iframe {
    height: 160px;
    width: 288px;
}

.t_s_l_img {
    height: 70px;
    float: right;
    width: 70px;
}

    .t_s_l_img iframe {
        width: 70px;
        height: 70px;
    }

.t_s_list .divcover {
    height: 70px;
    float: right;
    width: 70px;
    overflow: hidden;
}

    .t_s_list .divcover img {
        height: 70px;
        width: 70px;
    }

    .t_s_list .divcover iframe {
        float: right;
    }

.reply_single_box_img .w_textimg_box {
    padding: 0;
    float: left;
}

.reply_single_box_img .w_t_d_t img {
    height: 160px;
    width: 100%;
}

.reply_single_box_img {
    padding: 20px;
}

    .reply_single_box_img a {
        float: left;
    }

.list_box table {
    width: 100%;
}

{
}

.list_box .list_title th,
.list_box .list_center td {
    line-height: 40px;
    width: 13%;
    font-size: 14px;
    height: 40px;
    text-align: center;
}

.list_title th.r_key_input,
.list_center td.r_key_input {
    width: calc(100% - 50%);
    text-align: left;
}

.r_key_de {
    cursor: pointer;
    margin-right: 10px;
}

    .r_key_de:hover {
        background: #0375cb;
        color: #fff;
    }


/*2018-3-26*/

#UP_TagsSel {
    display: inline-block;
}

.users_input {
    text-align: center;
}

#EditTags li {
    padding-bottom: 10px;
}

    #EditTags li a {
        display: inline-block;
    }

        #EditTags li a:last-child {
            background: #eee;
            color: #333;
        }

    #EditTags li a {
        display: inline-block;
        color: #fff;
        border: 1px solid #eee;
        line-height: 30px;
        padding: 0 20px;
        background: #0375cb;
    }

.popup_bt input:last-child {
    background: #0375cb;
    color: #Fff;
}

.popup_bt input {
    display: inline-block;
    background-color: #fff;
    padding: 8px 35px 8px 35px;
    width: 110px;
    line-height: 25px;
    text-align: center;
    color: #0375cb;
    margin: 0 5px;
    border: 0;
    font-size: 14px;
    cursor: pointer;
}

.users_input img {
    vertical-align: bottom;
}

.users_b_l_title th:nth-of-type(1),
.users_b_l_center td:nth-of-type(1) {
    text-align: left;
    padding-left: 20px;
    width: 5%;
}

.users_b_l_title th:nth-of-type(2),
.users_b_l_center td:nth-of-type(2) {
    text-align: center;
    padding-left: 20px;
    width: 23%;
}

.users_b_l_center td {
    padding: 10px 0;
}

.users_b_l_center,
.users_b_l_title {
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
}

.users_list_box {
    border-left: 0px solid #eee;
    border-right: 0px solid #eee;
}

.paginatorPaipai span {
    border: 1px solid #F00;
}

.users_list_box .paginatorPaipai {
    padding-top: 20px;
}

.users_list_box > a {
    display: inline-block;
    padding: 8px 35px 8px 35px;
    width: 140px;
    text-align: center;
    float: right;
    margin: 10px 0;
    background: #0375cb;
    color: #Fff;
}

.tagelist_box input {
    width: auto;
}

.tagelist_box {
    display: inline-block;
    line-height: 25px;
}

.users_list_box tr:nth-of-type(2n+2) {
    background: #f3f6fb;
}

.list_box .users_b_l_title th,
.list_box .users_b_l_center td {
    line-height: initial;
}


/*2018-3-30*/

.msg_tem_show_box {
    width: 800px;
}

.m_t_s_c {
    padding: 10px 20px;
}

    .m_t_s_c span {
        display: inline-block;
        width: 165px;
    }

    .m_t_s_c li {
        line-height: 45px;
    }

    .m_t_s_c li {
        line-height: 40px;
        padding-bottom: 5px;
    }

        .m_t_s_c li input,
        .m_t_s_c li select {
            border: 1px solid #eee;
            width: 310px;
            line-height: 30px;
            font-size: 13px;
            height: 30px;
        }

        .m_t_s_c li textarea {
            height: 100px;
            width: 500px;
            padding: 5px;
            border: 1px solid #eee;
            font-size: 13px;
        }

.list_box .list_title .msg_b_input,
.list_box .list_center .msg_b_input {
    text-align: left;
}

.msg_b_list_de {
    margin-right: 10px;
}

    .msg_b_list_de:hover,
    msg_b_list_all:hover {
        background: #0375cb;
        color: #fff;
    }

.msg_b_list_btu a:last-of-type {
    border-left: 1px solid #eee;
}

.bulk_msg_box #UP_Sen {
    display: inline-block;
}

.bulk_msg_box > .Button_1 {
    display: inline-block;
}


/*2018-4-8*/

.msg_b_list_box tr:nth-of-type(2n+2) {
    background: #f3f6fb;
}

.msg_b_user img {
    vertical-align: bottom;
}

.msg_b_user {
    padding: 10px 0;
}

.list_box .msg_b_l_title th,
.list_box .msg_b_l_center td {
    line-height: initial;
}


.add_user {
    display: inline-block;
    margin-right: 5px;
    width: 28px;
    height: 28px;
    border: 1px dashed #b6b6b6;
    text-align: center;
    line-height: 23px;
    font-size: 25px;
    color: #b6b6b6;
    cursor: pointer;
    vertical-align: middle;
}


/*2018-4-9*/

.m_t_s_c .div_colors {
    display: inline-block;
    line-height: 30px;
}

    .m_t_s_c .div_colors span {
        width: 30px;
        margin-left: 10px;
        line-height: 30px;
    }

.account_box h3 {
    padding-left: 20px;
    padding-bottom: 12px;
    padding-top: 16px;
    background-color: #fff;
    border-bottom: 1px solid #eee;
}

    .account_box h3 span {
        border-left: 4px solid #0375cb;
        font-size: 20px;
        padding-left: 10px;
        font-weight: 400;
        height: 30px;
        display: inline-block;
        line-height: 30px;
    }

.account_list {
    margin-left: -15px;
    margin-right: -15px;
    overflow: hidden;
}

    .account_list img {
        max-width: 94px;
        max-height: 94px;
    }

    .account_list li {
        float: left;
        background: #fff;
        width: calc(100% / 3);
        text-align: center;
        padding: 0 15px;
        margin-bottom: 10px;
        margin-top: 10px;
    }



.a_list_c div {
    width: calc(100% - 1px);
    display: inline-block;
    border: 1px dashed #999999;
    border-radius: 8px;
    height: 134px;
    padding: 20px;
    text-align: left;
}

.a_list_c p {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    line-height: 30px;
    width: calc(100% - 113px);
    float: right;
    font-weight: 300;
}

    .a_list_c p span {
        display: block;
        width: 100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

/*.account_list li a {
            display: inline-block;
            vertical-align: middle;
            width: 96%;
            color: #000;
        }

            .account_list li a span {
                display: block;
                font-size: 15px;
                line-height: 30px;
                white-space: nowrap;
                overflow: hidden;
                width: 100%;
                text-overflow: ellipsis;
            }*/

.add_wechat a {
    font-size: 105px;
    color: #999;
    line-height: 118px;
    height: 134px;
    display: inline-block;
}


/*2018-4-10*/

.p_l_c li span,
.m_l_c li span {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.s_img_lab input {
    height: 142px;
    width: 142px;
    position: absolute;
    opacity: 0;
}

.l_o_Invitation {
    background: #3546cc;
}

.msg_o_show {
    background: #4146f1;
}

.msg_o_hide {
    background: #4146f1;
}

.u_b_again {
    background: #4b7598;
    color: #fff;
}

.p_l_c li p,
.m_l_c li p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


/*2018-4-23*/

.mate_mg_list .main_box > .Button_1,
.text_mg_list .main_box > .Button_1 {
    margin-top: 0;
    padding: 0 15px;
    width: auto;
}

.w_t_operate a.width100 {
    width: 100%;
}

.ma_top_0 {
    margin-top: 0;
}

.ma_neg_20 {
    margin-left: -20px;
    margin-right: -20px;
}

.popup_cenetenr textarea {
    height: 63px;
    width: 190px;
    overflow: auto;
}

.list_box .list_title th.m_t_input,
.list_box .list_center td.m_t_input {
    text-align: left;
    padding-left: 15px;
}

    .list_box .list_title th.m_t_input input,
    .list_box .list_center td.m_t_input input {
        margin-right: 10px;
    }

.users_box .list_box .list_title th,
.users_box .list_box .list_center td {
    width: auto;
}

.m_f_row div.addFace,
.m_f_row .mediaItem,
.m_f_row div.k_a_content {
    margin-bottom: 0;
}

    .m_f_row div.addFace > div {
        margin-bottom: 0;
    }

.menu_form_box .Button_1 {
    margin-top: 0;
}

.text_img_add form .Button_1 {
    margin-left: 20px;
    margin-top: 0px;
    margin-bottom: 20px;
}


/*2018-4-27*/

.cur_city {
    display: inline-block;
}

    .cur_city select {
        border: 1px solid #eee;
        height: 25px;
        line-height: 25px;
        min-width: 90px;
        margin-right: 12px;
    }


/*2018-4-28*/

.qqFace {
    background: #fff;
    border: 1px solid #ededed;
    border-radius: 3px;
    top: 271px !important;
}


/*加载中……*/

.p_prompt {
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    line-height: 0px !important;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 999999999;
    display: none;
}

    .p_prompt > img {
        display: inline-block;
        vertical-align: middle;
        width: 100px;
        height: 100px;
        margin-top: 24%;
    }


/*2018-5-4*/

.add_user_box {
    float: right;
    vertical-align: middle;
    line-height: 54px;
    height: 54px;
    color: #000;
    padding-right: 10px;
    margin-top: -15px;
}

    .add_user_box span {
        font-size: 14px;
    }

    .add_user_box:hover span {
        color: #0375cb;
    }

.conf_tab a:last-of-type {
    border-right: 1px solid #eee;
}


/*2018-5-8*/

.account_box_row {
    padding: 10px 30px;
}

    .account_box_row h4 {
        font-size: 17px;
        font-weight: 300;
        padding-bottom: 15px;
    }

.a_list_b {
    padding-top: 15px;
}

    .a_list_b a {
        width: 120px;
        display: inline-block;
        margin: 0 15px;
        color: #fff;
        font-size: 15px;
        border-radius: 6px;
        line-height: 31px;
        cursor: pointer;
        font-weight: 300;
    }

.btn_go {
    background: #0274cb;
}

.btn_del {
    background: #ff7742;
}

.add_wechat_row {
    border-top: 1px solid #e4e4e4;
    margin: 10px 30px 20px;
    padding-top: 25px;
}

    .add_wechat_row h4 {
        font-size: 17px;
        font-weight: 300;
        padding-bottom: 15px;
    }

    .add_wechat_row .account_list {
        margin: 0px;
    }

    .add_wechat_row .add_wechat {
        border: 1px dashed #e4e4e4;
        border-radius: 8px;
        width: 25%;
        font-weight: 300;
    }
/*2018-5-15*/
.send_bt {
    background: #3b89ed;
}

.m_t_s_c {
    max-height: 400px;
    overflow: auto;
}
/*2018-5-18*/
.tep_title {
    overflow: hidden;
}

    .tep_title span {
        float: left;
        font-weight: 600;
    }

        .tep_title span:nth-of-type(1) {
            width: 165px;
        }

        .tep_title span:nth-of-type(2) {
            width: 326px;
        }

.div_VarList > span {
    width: auto;
    padding-right: 20px;
}
/*2018-5-28*/
.font_text {
color: #999999;
font-size: 13px;
font-weight: 300;
text-indent: 10px;
display: inline-block;
}
.Button_1 {
    color: #fff;
border-color: #0375cb;
background: #0376cb;
}
    .Button_1:hover {
    
    box-shadow:5px -2px 11px 0px #8d9edc}


input[type="checkbox"].ios-switch {
    position: absolute;
    opacity: 0;
}

    /* Normal Track */
    input[type="checkbox"].ios-switch + div {
        vertical-align: middle;
        width: 40px;
        height: 20px;
        border: 1px solid #d3d3d3;
        border-radius: 999px;
        background-color: rgba(0, 0, 0, 0.1);
        -webkit-transition-duration: .4s;
        -webkit-transition-property: background-color, box-shadow;
        box-shadow: inset 0 0 0 0px rgba(0,0,0,0.4);
        margin-top: 3px;
        /* margin-right:20px; */
        margin-right: 2px;
        cursor: pointer;
    }

/* Green Track */
input[type="checkbox"].green.ios-switch:checked + div {
    background-color: #30ca4e;
    border: 1px solid #40bc58;
    box-shadow: inset 0 0 0 10px rgba(0,227,89,1);
}

/* Normal Knob */
input[type="checkbox"].ios-switch + div > div {
    float: left;
    width: 18px;
    height: 18px;
    border-radius: inherit;
    background: #ffffff;
    -webkit-transition-timing-function: cubic-bezier(.54,1.85,.5,1);
    -webkit-transition-duration: 0.4s;
    -webkit-transition-property: transform, background-color, box-shadow;
    -moz-transition-timing-function: cubic-bezier(.54,1.85,.5,1);
    -moz-transition-duration: 0.4s;
    -moz-transition-property: transform, background-color;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3), 0px 0px 0 1px rgba(0, 0, 0, 0.4);
    pointer-events: none;
    margin-top: 1px;
    margin-left: 1px;
}

/* Checked Knob (Blue Style) */
input[type="checkbox"].ios-switch:checked + div > div {
    -webkit-transform: translate3d(20px, 0, 0);
    -moz-transform: translate3d(20px, 0, 0);
    background-color: #ffffff;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3), 0px 0px 0 1px rgba(8, 80, 172,1);
}


/*客服聊天内容*/
.chat-list {
    width: 235px;
}

    .chat-list ul {
        height: 580px;
        overflow-y: auto;
    }

    .chat-list li:last-child a {
        border-bottom: 0
    }

    .chat-list li a {
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: box;
        display: flex;
        -webkit-box-pack: justify;
        -moz-box-pack: justify;
        -o-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-box-align: center;
        -moz-box-align: center;
        -o-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        padding: 16px;
        padding-left: 16px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        border-bottom: 1px solid #eee;
    }

        .chat-list li a img {
            width: 32px;
            height: 32px;
            border-radius: 50%;
            margin-right: 8px;
        }

        .chat-list li a > div {
            flex: 1
        }

.chat-user-name {
    font-size: 14px;
    color: #333;
    line-height: 16px;
    line-height: 1.5;
}

.chat-usermain {
    font-size: 12px;
    color: #999;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.chat-list-on {
    background-color: #f9f9f9;
    border-left: 4px solid #457eff;
    padding-left: 12px;
}

.chat-main {
    width: calc(100% - 260px);
    border-radius: 4px;
    background: #f9f9f9;
    height: 580px;
}

.chat-main-title {
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 14px;
    color: #666;
    border-bottom: 1px solid #ccc;
}

.chat-main-list {
    padding: 20px;
    height: 360px;
    overflow-y: auto;
    border-bottom: 1px solid #ccc;
}

.chat-main-time {
    text-align: center;
    line-height: 40px;
    height: 40px;
    font-size: 14px;
    color: #999;
}

.chat-main-row {
    margin-top: 10px;
    display: flex;
}

    .chat-main-row img {
        width: 40px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        margin-right: 8px;
        border-radius: 20px;
    }

    .chat-main-row > div {
        white-space: pre-wrap;
        min-height: 42px;
        letter-spacing: 2px;
        max-width: 480px;
        background-color: #fff;
        border: 1px solid #eee;
        border-radius: 4px;
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: box;
        display: flex;
        -webkit-box-pack: start;
        -moz-box-pack: start;
        -o-box-pack: start;
        -ms-flex-pack: start;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -moz-box-align: center;
        -o-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        padding: 0 13px 0 14px;
        position: relative;
    }

        .chat-main-row > div:after {
            display: block;
            width: 10px;
            height: 10px;
            background-color: #fff;
            border-left: 1px solid #eee;
            border-top: 1px solid #eee;
            -webkit-transform: rotate(-45deg);
            -moz-transform: rotate(-45deg);
            -o-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
            position: absolute;
            top: 14px;
            left: -6px;
            right: 0;
            content: "";
        }

.chat-main-row2 > div {
    white-space: pre-wrap;
    min-height: 42px;
    max-width: 480px;
    background-color: #fff;
    letter-spacing: 2px;
    border: 1px solid #eee;
    border-radius: 4px;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -o-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 0 14px 0 13px;
    background-color: #c0e0fe;
    border: 1px solid #89c1f5;
    position: relative;
}

.chat-main-box2 {
    margin-top: 10px;
    display: flex;
    -webkit-box-direction: reverse;
    -moz-box-direction: reverse;
    -o-box-direction: reverse;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -o-box-orient: horizontal;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.chat-main-row2 > div:after {
    display: block;
    width: 10px;
    height: 10px;
    background-color: #fff;
    border-left: 1px solid #eee;
    border-top: 1px solid #eee;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    position: absolute;
    top: 14px;
    left: -auto;
    right: -6px;
    content: "";
    background-color: #c0e0fe;
    border-top: 1px solid #89c1f5;
    border-left: 1px solid #89c1f5;
}

.chat-text-input {
    background: #fff;
    width: 100%;
}


.sing-css-b {
    position: relative;
}

    .sing-css-b img {
        width: 100%;
        vertical-align: bottom;
        max-width: 210px;
    }

    .sing-css-b span {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        text-align: center;
        background: rgba(0,0,0,0.5);
        color: #fff;
    }

.sing-css {
    background: #fff;
    margin-top: 10px;
    border: 1px solid #9b9b9b;
    margin-bottom: 10px;
    white-space:initial;
}

.sing-list img {
    float: right;
    width: 50px;
}

.sing-list > div {
    float: left;
    width: calc(100% - 60px);
}

.sing-list {
    overflow: hidden;
    padding: 10px;
}

    .sing-list p {
        letter-spacing: 0;
        font-size: 14px;
        display: block;
        line-height: initial;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .sing-list span {
        display: block;
        font-size: 12px;
        line-height: initial;
        letter-spacing: 0;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        color: #8d8d8d;
    }