@charset "utf-8";

.container-fluid{

   width: 1230px;

}

/* 面包屑 */



.breadcrumb {

    padding: 19px 15px;

    margin: 0;

    list-style: none;

    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    border-radius: 4px;

    background-color: inherit;

}

.breadcrumb>li {

    display: inline-block;

    font-size:12px;

    *display: inline;

    text-shadow: 0 1px 0 #fff;

    *zoom: 1;

}

.breadcrumb>li a{color: #006cb7;}

.breadcrumb>.active {

    color: #7e7e7e;

}

.breadcrumb>li+li:before {

    padding: 0 15px 0 10px;

    content: "";

    background: url("/tplresource/cms/www/taiping/img/v20/common/breadcrumb_ico.png") center center no-repeat;

    background-size: 5px;

}

/* 头尾公共代码 */

.vml_border_radius{

    top:0!important;

    left: 0!important;

    right: 0!important;

    bottom:0!important;

}

.header_div{

    position: absolute;

    top: 0;

    left: 0;

    z-index: 5;

    width: 100%;

    -webkit-box-shadow: 0px 1px 5px rgba(231,233,235,0.9); -o-box-shadow: 0px 1px 5px rgba(231,233,235,0.9); -moz-box-shadow: 0px 1px 5px rgba(231,233,235,0.9); -ms-box-shadow: 0px 1px 5px rgba(231,233,235,0.9); box-shadow: 0px 1px 5px rgba(231,233,235,0.9);

}

.header_opacity{

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    z-index: 0;

    background-color: #ffffff;

    opacity: 0.8;

    filter: alpha(opacity=80);

}

.header_div h1{display:initial;}

.header_top_ul{

    float: right;

}

.header_top_ul li{

    float: right;

    margin: 9px 3px;

    color: #7a7a7a;

    font-size:12px;

}

.header_top_ul li a{

    color: #7a7a7a;

}

.header_top_ul li a:hover{

    text-decoration: none;

    color: #006cb7;

}

.tp_groupMembers_ico{

    display: inline-block;

    width:16px;

    margin: -3px 0 0 7px;

}

.map_img{

    width: 15px;

    margin: -2px 8px 0 0;

}

#changing_over_title span{color: #7a7a7a;}

.header_hr{

    position: absolute;

    top: 36px;

    left: 0;

    width: 100%;

    margin: 0;

    border-top: 1px solid #c7cdd8;

}

.changing_over_div{

    position: absolute;

    bottom:1000px;

    z-index: 5;

    margin: -1px 0 0 -26px;

}

.changing_over_ul{

    border-radius: 5px;

    width: 80px;

    /*height: 84px;*/

    padding: 5px 0;

    background: url('/tplresource/cms/www/taiping/img/v20/common/font_switching_bg.png') center bottom no-repeat;

    background-size: 100% 100%;

}

.changing_over_ul li{

    float: none;

    margin: 0;

    padding: 2px 25px;

}

.changing_over_zw{

    display: block;

    width: 100%;

    height: 13px ;

}

.changing_over_div .vml_border_radius{

    top:12px!important;

}



.group_members{

    position: absolute;

    /*bottom:1000px;*/
    top:-1000px;

    right: 0;

    z-index: 5;

    margin: -2px 0 0 0;

}



.group_members_zw{

    display: block;

    width: 100%;

    height: 14px ;

}

.group_members_edging{

    border: 1px solid #c7cdd8;

    width: 525px;

    padding: 15px 25px;

    background-color: #fff;

    opacity: 1;

    filter: alpha(opacity=100);

}



.group_members .vml_border_radius{

    top:14px!important;

}

.group_members_edging ul.group_region_ul{

    width: 100%;

    height: auto;

}

.group_members_edging ul.group_region_ul li{

    width: 49%;

    margin: 0;

    border-bottom: 3px solid #ebebeb;

    font-weight: bold;

    font-size: 14px;

    padding: 0 0 6px 0;

}

.group_members_edging .group_leftList_div ul li,.group_members_edging .group_rightList_div ul li{

    float: none;

    padding:0;

    font-size:14px;

    line-height: 24px;



}

.group_members_edging .group_leftList_div{

    width: 49%;

    float: left;

}

.group_members_edging .group_rightList_div{

    width: 49%;

    float: right;

}

.group_rightList_div ul li{

    float: left;

}

.header_con_div{

    float: right;

}

.tp_90_logo{

    float: left;

    width: 20%;

    margin: 15px 0;

}

.tp_90_YdLogo{

    display: none;

}

.header_menu_ul{



}

.header_menu_ul li{

    position: relative;

    float: left;

}

.header_menu_ul li a{

    text-decoration: none;

}

.header_menu_ul li p{

    padding: 5px 20px 10px;

    margin: 21px 0 0 0;

    font-size: 16px;

    color: #000000;



}

.header_menu_ul li:hover a p,.header_menu_ul li a:hover p{

    color:#0973b4;

}

.menu_active{

    display: none;

    position: absolute;

    left: 50%;

    bottom: 0;

    width: 20px;

    height: 2px;

    margin: 0 0 0 -10px;

    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#0078bb, endColorstr=#00b973);/*IE<9>*/

    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=1, startColorstr=#0078bb, endColorstr=#00b973)";/*IE8+*/

    background: -moz-linear-gradient(left, #0078bb, #00b973);

    background: -webkit-gradient(linear,0 50%,100% 50%,from(#0078bb),to(#00b973));

    background: -webkit-linear-gradient(0deg, #0078bb, #00b973);

    background: -o-linear-gradient(0deg, #0078bb, #00b973);

    background: linear-gradient(0deg, #0078bb, #00b973);

}

li.active .menu_active{display: block;}

.tp_search_ico{

    width: 24px;

    margin: 2px 0 0 0;

}

.login_registration_div{

    position: relative;

    float: right;

    margin: 21px 0 0 28px;

}

.login_registration_ul{

    width: 120px;

    height: 32px;

    padding: 0 14px;

    background: url('/tplresource/cms/www/taiping/img/v20/common/login_registration_img.png') center center no-repeat;

    background-size: 100% 100%;

}

.login_registration_ul li{

    float: left;

    width:30px;

    margin: 6px 0;

    text-align: center;

}



.search_div{

    display: none;

    position: relative;

    float: right;



    margin: 18px 75px 0 0;



    border:1px solid #ccc;

    border-radius:20px;



}



.search_div img{

    position: absolute;

    top: 8px;

    z-index: 4;

    width: 24px;

    right:20px

}



img.reset_img{

    right: 16px;

    width: 11px;

    top: 15px;

}

.header_search_input{

    border: 0;

    padding: 10px 20px;

    width: 100%;

    background: none;

    outline: none;

}

.search_ksrk_ul{

    position: absolute;

    left: 0;

    z-index: 10;

    border: 1px solid #ccc;

    width: 100%;

    padding: 15px 0;

    background-color: #ffffff;

}

.search_ksrk_ul li{

    line-height: 28px;

    padding: 0 15px;

    cursor: pointer;

}

.ksrk_li{

    margin-bottom: 10px;

    color: #ccc;

}

.before_login_li{

    display: block;

}

.after_login_li{

    display: none;

    width: 100%!important;

}

.after_login_p{

    margin: 0 -10px;

    width: 97px;

    overflow: hidden;

    text-align: center;

}

.after_login_img{

    position: absolute;

    top: 8px;

    right: 5px;

    width: 15px;

}



.after_login_div{

    display: none;

    position: absolute;

    left: 50%;

    z-index: 5;

    margin: -1px 0 0 -60px;

}

.after_login_zw img{

    margin-top: 24px;

}

.after_login_zw{

    display: block;

    width: 100%;

    height: 30px ;

    text-align: center;

}

.after_login_ul{

    border: 1px solid #c7cdd8;

    border-radius: 5px;

    width: 120px;

    height: 84px;

    padding: 5px 0;

    background-color: #ffffff;

}

.after_login_ul li{

    float: none!important;

    width:100%;

    margin: 0!important;

    padding: 8px 0;

    text-align: center;

}

.cancellation_img{

    display: none;

    position: absolute;

    top: 8px;

    right: 0;

    z-index: 5;

    width:15px;

}

.secondary_menu_div{

    position: absolute;

    top: -9999999px;

    left: 0;

    z-index: 6;

}

.secondary_menu_zw{

    display: block;

    width: 100%;

    height: 20px;

    text-align: center;

}

.secondary_menu_zw img{

    display: inline-block;

    margin: 13px 0 0 0;

}

.secondary_menu_border{

    border: 1px solid #c7cdd8;

    border-radius: 5px;

    background-color: #fff;

}

.secondary_menu_ul{

    overflow: hidden;

}

.secondary_menu_ul li div{

    text-align: center;

    padding: 30px;

}

.secondary_menu_ul li p{

    padding: 0;

    display: block;

    position: relative;

    width: 85px;

}

.secondary_menu_ul li div img{

    display: inline-block;

    width:44px;

}

.header_menu_ul .secondary_menu_ul li p{

    color: #363636!important;

}

.header_menu_ul .secondary_menu_ul li a:hover p{

    color:#0973b4!important;

}

.secondary_menu_div .vml_border_radius{

    top:20px!important;

}

/* 尾部 */

.footer_div{

    position: relative;

    background-color: #b6bdc2;

    overflow: hidden;



}

.footer_grayBg{background-color: #dde3e7;}

.footer_hr{

    position: absolute;

    left: 0;

    bottom:80px;

    width: 100%;

    border-top: 1px solid #c7cdd8;

}

.footer_div h4,.footer_div p{

    margin: 10px 0 0 0;

}

.footer_div p{

    color: #7a7a7a;

}

.footer_div p a{

    color: #7a7a7a;

}

.footer_div p a:hover{

    color: #0973b4;

}

.tp_phone_logo{

    width: 76%;

    margin: 15px 0 0 0;

}

.footer_h4{

    font-size: 16px;

    font-weight: bold;

    color: #3d3d3d;

}



.foot_service {
    display: none;
    position: absolute;
    z-index: 5;
    width: 150px;
    padding: 7px 0;
    margin: -60px 0 0 75px;
    top:50px;
   background:none
}
#foot_hover_ul li {
    font-size: 12px;
    border-bottom: 1px dashed #ededed;
    padding: 5px 0;
    font-size:12px;
    overflow: hidden;
}
#foot_hover_ul{width:100%;background:#fff;position:relative;box-shadow:0 0 5px 3px #ededed;padding: 10px;border-radius:5px;}
#foot_hover_ul::before{
 position:absolute;
 content:"";
 width:0;
 height:0;
 left:-12px;
 top:35px;
 border:14px solid transparent;
 border-right-color:#fff;
 border-left-width:0;
z-index:5;
 
}
#foot_hover_ul::after{
 position:absolute;
 content:"";
 width:0;
 height:0;
 left:-14px;
 top:35px;
 border:14px solid transparent;
 border-right-color:#ededed;
 border-left-width:0;
 z-index:4;
}
.foot-ser-arrow{position:relative;top:5px;width:4px;}
.ser-last-li{
    text-align: center;
    font-size: 12px;
    padding: 6px 0;
    background: #efefef;
    margin-top: 6px;
    border-radius:5px;
    border:none;
}
/**
.foot_service{

    display: none;
    position: absolute;
    z-index: 5;
    width: 128px;
    padding: 7px 0;
    margin: -30px 0 0 57px;
    background: url('/tplresource/cms/www/taiping/img/v20/common/online_service.png')top left no-repeat;
    background-size:100% 100%;
}*/

.footer_bg_img{

    background: url('/tplresource/cms/www/taiping/img/v20/common/ny_bg_img.png') 75% top no-repeat;  

    background-size: 260px;

}
/**
.foot_hover_ul{

  padding:1px 0 2px 0;

}

.foot_hover_ul li{

    padding: 1px 0 0 11px;

}*/

.online_service_close{
    position: absolute;
    left: 124px;
    top: 2px;
    z-index: 5;
    height: 95%;
}

.QR_code p{

    color: #292929;

}

.QR_code img{

    width: 91%;

}

.footer_div p.p1,.footer_div p.p1 span,.footer_div p.p1 a {

    padding: 20px 0;

    margin: 0 auto;

    line-height: 20px;

    font-size: 12px;

    color: #999;

    font-family: "微软雅黑";

}

.phone_rectangle_bg{

    display: none;

    position: absolute;

    top:0;

    left: -10%;

    z-index: -1;

    width: 120%;

    height: 45px;

    background-color: #e9eceb;

}

.yd_menu_conDiv{

    float: right;

}

.yd_menu_bg{

    position: absolute;

    top: 80px;

    right: 0;

    z-index: 0;

    width: 100%;

}

.yd_menu_imgDiv{

    display: none;

}

.yd_menu_opacity{

    display: none;

    position: fixed;

    top: 62px;

    right: 0;

    bottom: 0;

    left: 0;

    z-index: 3;

    width: 100%;

    height: 100%;

    background-color: #000000;

    opacity: 0.5;

    filter: alpha(opacity=50);

}

.yd_menu_jt{

    display: none;

}

.yd_menu_ul{

    display: none!important;

}

.yd_menu_bg{

    display: none;

}

.footer_gytp_div{padding-left:70px;}

.footer_ksfwtd_div,.footer_bzzx_div{padding-left:50px;}



/* 左侧菜单栏  */

.left_menu_scaling{display:none; position: absolute; top: 50px; left: -10px; z-index: 10; width: 30px; transition: left 0.5s ease;}

.left_menu{border: 1px solid #f1f3f5; border-radius: 10px; width: 100%; overflow: hidden;}

.left_menu .active{

    color: #ffffff!important;

    background: -moz-linear-gradient(left,  #148dd0 0%, #25d58e 100%);

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#148dd0), color-stop(100%,#25d58e));

    background: -webkit-linear-gradient(left,  #148dd0 0%,#25d58e 100%);

    background: -o-linear-gradient(left,  #148dd0 0%,#25d58e 100%);

    background: -ms-linear-gradient(left,  #148dd0 0%,#25d58e 100%);

    background: linear-gradient(left,  #148dd0 0%,#25d58e 100%);

    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#148dd0, endColorstr=#25d58e);/*IE<9>*/

    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#148dd0, endColorstr=#25d58e)";/*IE8+*/

    *+background-color: #148dd0;

}

.left_menu a{text-decoration: none; color: #424242;}

.panel-group .panel+.panel {border: 0px; margin-top: 0px;}

.panel-group .panel{border: 0px; border-radius: 0; margin: 0; background-color: #f9f9f9; box-shadow: none;}

.left_menu .panel-heading{border-radius: 0px; padding: 10px;}

.panel-default>.panel-heading+.panel-collapse>.panel-body{border: 0px;}

.panel-default>.panel-heading{background-color: #ffffff;}

.leftMenu_option_ico{width: 24px; margin: -2px 10px 0 0;}

.leftMenu_telescopic_ico{float: right; width: 12px; margin: 7px 0 0;}

.left_menu .panel-title{border: 0; border-radius: 7px; padding: 11px 15px;}

.left_menu .panel-title.active{color: #ffffff;}
.left_menu .panel-title.active span{color: #ffffff;}
.left_menu .panel-body {padding: 10px;}

.left_menu .panel-body li p.two_menu_p{border: 0; border-radius: 7px; margin-top:1px;}

.left_menu .panel-body li p.two_menu_p:hover{

    color: #ffffff!important;

    background: -moz-linear-gradient(left,  #148dd0 0%, #25d58e 100%);

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#148dd0), color-stop(100%,#25d58e));

    background: -webkit-linear-gradient(left,  #148dd0 0%,#25d58e 100%);

    background: -o-linear-gradient(left,  #148dd0 0%,#25d58e 100%);

    background: -ms-linear-gradient(left,  #148dd0 0%,#25d58e 100%);

    background: linear-gradient(left,  #148dd0 0%,#25d58e 100%);

    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#148dd0, endColorstr=#25d58e);/*IE<9>*/

    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#148dd0, endColorstr=#25d58e)";/*IE8+*/

    *+background-color: #148dd0;

}

.left_menu .panel-body li p{padding: 10px 15px 10px 49px; color: #3D3D3D;}

.left_menu .panel-body li ul li p{color: #5C5C5C;}

.left_menu .active p{color: #ffffff!important;}

.left_menu .panel-body li p:hover{color: #ffffff;}


/* 客户投诉处理流程开始 */

.sud_body { padding: 121px 0 0 0;}

.tp-history {
    width: 100%;
}

.top-img {
    padding: 30px 100px;
}

.h1TPtslc {
    text-align: left;
    font-size: 20px;
    margin-bottom: 30px;
    line-height: 20px;
    color: #333;
    
}

.tsqs {
  margin-bottom: 20px;
}

.pTPtslc {
    margin-bottom: 40px;
    font-size: 16px;
}

.divTPtslc {
    background: rgba(235,243,253);
    padding: 40px;
    font-size: 14px;
    margin: 0 10px 40px 10px;
    
}

.divTPtslc p {
   line-height: 24px;
}

.khtsxz {
   font-size: 14px;
   margin-top: 40px;
   padding: 40px;
   background: rgba(235,243,253);
    margin: 30px 10px 10px 10px;
}

.khtsxz p {
  line-height: 24px;
}

/* 客户投诉处理流程结束 */






@media screen and (min-width: 1230px){

    .group_leftList_div,.group_rightList_div{

        display: block!important;

    }

    .container-fluid.mapCont{

        width: 1200px;

    }



}



@media screen and (max-width: 1230px){
/* 客户投诉处理流程移动端开始 */
     .cont-title { text-align: center;}
    .sud_body { padding: 74px 0 0 0;}
    .top-img {
        padding: 0 0 20px 0px;
    }

    .h1TPtslc {
        font-size: 20px;
        margin-bottom: 20px;
    }

    .khtsxz {
        padding: 20px;
        margin: 20px 0 ;
    }

    .divTPtslc {
        padding: 20px;
        margin: 0 0 20px 0;
    }

    .tsqs {
       font-weight: 700;
    }
/* 客户投诉处理流程移动端结束 */
    .container-fluid{

       width: 100%;

    }

    .left_menu{

      /*  position: absolute; */

        position: fixed;

        top: 88px;

        left: -260px;

        z-index: 10;

        /*width: 300px;*/
        width: 255px;
        max-height: 75%;
        overflow-y: auto;
        transition: left 0.5s ease;

    }

    .left_menu_scaling{

        display:block;

    }

    .left_menu_opacity{
       /* display: none; */

        position:fixed;

        top:0;

        right:0;

        bottom:0;

        left:0;

        z-index:9;

        background-color:#000;

        opacity:0.5;

        filter: alpha(opacity=50);

    }

    .after_login_img{

        display:none;

    }

    .after_login_p {

        color: #fff;

    }

    ul.after_login_ul li a{

        color: #4D4D4D;

    }

    .cancellation_img{

        display: block;

    }

    .search_div {

        float: left;

        margin: 10px 0 0 0;

    }

    .yd_menu_ul{

        display: block!important;

    }

    .arrow_btn_div{

        display: none;

    }

    .header_con_div{

        float: none;

    }



    .yd_menu_imgDiv{

        display: inline-block;

        padding: 20px;

        margin-top: 0px;

        margin-right: -15px;

    }

    .yd_menu_imgDiv img{

        width: 21px;

        -webkit-transition: -webkit-transform 0.5s;

        transition: -webkit-transform 0.5s;

        -o-transition: transform 0.5s;

        transition: transform 0.5s;

        transition: transform 0.5s, -webkit-transform 0.5s;

    }

    .tp_90_logo,.header_top_ul,.header_hr,.menu_active{

        display: none!important;

    }

    .tp_90_YdLogo{

        display: inline-block;

        width: 165px;

        margin: 11px 15px 11px 0;

    }



    .login_registration_div{

        float: none;

        position: absolute;

        top: -6px;

        right: 0;

        left: 0;

        z-index: 10;

        margin: 21px 20px;

    }

    .login_registration_ul li,.login_registration_ul li a{

        color: #ffffff;

    }

    .login_registration_ul{

        background: none;

        border: 1px solid #ffffff;

        border-radius: 50px;

        width:120px;

    }

    .yd_menu_conDiv{

        background: -moz-linear-gradient(top,  #148dd0 0%, #25d58e 100%);

        background: -webkit-gradient(linear, 0 50%, 50% 100%, color-stop(0%,#148dd0), color-stop(100%,#25d58e));

        background: -webkit-linear-gradient(top,  #148dd0 0%,#25d58e 100%);

        background: -o-linear-gradient(top,  #148dd0 0%,#25d58e 100%);

        background: -ms-linear-gradient(top,  #148dd0 0%,#25d58e 100%);

        background: linear-gradient(top,  #148dd0 0%,#25d58e 100%);

        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#148dd0, endColorstr=#25d58e);/*IE<9>*/

        -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=1, startColorstr=#148dd0, endColorstr=#25d58e)";/*IE8+*/

        transition:all 0.5s;

        -moz-transition:all 0.5s; /* Firefox 4 */

        -webkit-transition:all 0.5s; /* Safari and Chrome */

        -o-transition:all 0.5s; /* Opera */

        position: absolute;

        top:61px;

        right: -230px;

        z-index: 9;

        width: 220px;

        padding: 60px 0 0 0;



    }

    .header_menu_ul {

        float: none;

    }

    .header_menu_ul li{

        float: none;

        padding: 0 0 0 20px;

    }

    .header_menu_ul li:first-child p{

        border-top: 1px solid #ffffff;

        padding-top: 25px;

    }

    .header_menu_ul li:last-child p{

        border-bottom: 1px solid #ffffff;

        padding-bottom: 25px;

    }

    .header_menu_ul li p {

        padding: 12px 0 12px 0;

        margin: 0;

        color: #ffffff;

    }

    .header_menu_ul li:hover a p,.header_menu_ul li a:hover p{

        color: #ffffff;

    }

    .secondary_menu_div li p,.yd_menu_ul li:first-child p,.yd_menu_ul li:last-child p{border:0!important;}

    .header_menu_ul .secondary_menu_ul li p {

        color: #ffffff!important;

        text-align: left;

    }

    .yd_menu_jt,.yd_menu_ul li span{

        display: inline-block;

        position: absolute;

        right: 20px;

        top: 13px;

        font-size: 14px;

        color: #ffffff;

    }

    .yd_menu_jt img{

        width:12px;

    }

    .yd_menu_ul li span img{

        width:7px;

    }

    .yd_menu_ul li p.yd_menu_qh{

        border: 1px solid #ffffff!important;

        border-radius: 50px;

        padding: 2px 20px!important;

        display: inline-block;

        margin: 25px 15px 200px 0!important;

    }

    .secondary_menu_ul{

        width: 100%!important;

    }

    .secondary_menu_zw{

        display: none;

    }

    .secondary_menu_border{

        border: 0;

        border-radius: 0;

        background-color: #236864;

    }

    .header_menu_ul .secondary_menu_ul li a:hover p{

        color: #ffffff!important;

    }

    .secondary_menu_div{

        display: none;

        position: relative;

        top: 0!important;

        left:-20px!important;

        width: 220px;

    }

    .secondary_menu_ul li div img{

        display: none;

    }

    .secondary_menu_ul li div {

        padding: 0 0 0 20px;

    }

    .yd_menu_bg{

        display: block;

    }

    .group_members {

        position: fixed;

        top: 0;

        bottom: 0;

        left: 0;

        right: 0;

        z-index: 10;

        width: 100%;

        height: 100%;

        margin: 0;

    }

    .footer_gytp_div,.footer_ksfwtd_div,.footer_bzzx_div{padding-left:15px;}

}

@media screen and (max-width: 992px){

    .group_members_edging ul.group_region_ul {

        border-bottom: 3px solid #006cb7;

    }

    .group_members_edging {

        width: 278px;

    }

    .group_members_edging ul.group_region_ul li {

        border-bottom: 0;

        padding: 6px 0;

        text-align: center;

    }

    .group_members_edging ul.group_region_ul li.group_list_active {

        background-color: #006cb7;

        color: #fff;

    }

    .group_leftList_div,.group_rightList_div{

        width: 100%!important;

        padding: 8px 0;

    }

    .group_rightList_div{

        display: none;

    }

    .group_members_edging ul li {

        margin: 0!important;

    }

    .group_members_edging{

        left:auto;

        right: 0;

    }

    .group_members_edging .group_leftList_div ul li, .group_members_edging .group_rightList_div ul li {

        line-height: 26px;

    }







}

@media screen and (max-width: 767px){
    .foot_service {top:76px}
    .footer_div{

        background-color: #f3f7f6;

    }

    .footer_grayBg{background-color: initial;}

    .footer_bg_img{

        background-image: none;

    }

    .footer_media{

        position: relative;

        z-index: 1;

        margin: 2px 0 0 0;

    }

    .footer_con_div{

        display: none;

        padding: 0 0 20px 0;

        -webkit-transition: -webkit-transform 0.5s;

        transition: -webkit-transform 0.5s;

        -o-transition: transform 0.5s;

        transition: transform 0.5s;

        transition: transform 0.5s, -webkit-transform 0.5s;

    }

    .footer_h4{

        padding: 14px 0;

        margin: 0!important;

    }

    .footer_div p{

        margin: 20px 0 0 0;

    }

    .phone_rectangle_bg{

        display: block;

    }

    .QR_code{

        display: none;

    }

    .tp_phone_logo{

        width: 41%;

    }

    .footer_phone_div{

        text-align: center;

        margin: 20px 0 15px 0;

    }

    .telescopic_ico{

        background: url('/tplresource/cms/www/taiping/img/v20/common/down_ico01.png') right center no-repeat;

        background-size: 15px;

    }

    .search-wrapper{width:80px;margin-top:16px!important;}

}

@media screen and (max-width: 556px){

    .footer_hr {

        bottom: 100px;

    }

}

@media screen and (max-width: 458px){

    .footer_hr {

        bottom: 120px;

    }

}

@media screen and (max-width: 320px){

    .search-wrapper{width:50px}

}