/*客户服务首页*/

.shou-note img,.main-cont img{max-width:100%}

.cus-main-cont{margin-top:12px;background:#fff;border-radius:6px}

.quick-entry{

  margin-bottom:24px;width:30%;border-radius:6px;padding:16px 0 16px 32px;background:#fff;

}

.service-wrapper .title{padding-bottom:10px;}

.service-wrapper .title span{

 font-size:20px;

 color:#333;

 font-weight:700;

 position:relative;

 top:4px;

}

.service-del-ul,.service-kinds-ul{border-radius:6px}

.service-del-ul,.service-kinds-ul{

    display: table;

    cursor: pointer;

   margin-top:12px

}

.service-del-ul img,.service-kinds-ul img{margin-bottom:6px}

.service-del-li a,.service-kinds-li a{display:block;padding:20px 10px;text-decoration:none}

.service-del-li{

display: table-cell;vertical-align: middle;width: 20%; color:#3d3d3d;

}

.service-del-li:hover,.service-kinds-li:hover{background-color:#f6fbff;}

.service-del-li a:hover .service-div {color:#006cb7!important}

.service-del-li a:hover .service-div span {color:#006cb7!important}

.service-div{color: #536471;font-size: 12px;line-height:20px}

.service-kinds-li{

display: table-cell;vertical-align: middle;width: 25%;

border-right: 1px solid #f0f0f0;

border-bottom: 1px solid #f0f0f0;



}

.service-kinds-li:nth-child(4n){

border-right:none  

}

.service-kinds-li:nth-last-child(-n+3){

border-bottom:none

}

.service-li-active{

   background-color: #f6fbff;

}

.mlr4{

   margin-left: 4px;

   margin-right: 4px;

}

.com-issues-head{margin-bottom:16px;min-height:30px}

.catagory-ul li{border-radius:6px}

.catagory-img{

   width: 64px;

   position: absolute;

   right :-4px;

   bottom: 12px;

}

.catagory-t{

   padding: 10px 0;

   font-size: 20px;

   font-weight: 700;

   border-bottom: 1px solid #979797;

}

.catagory-b p a{

   color: #333;

}

.catagory-b p a:hover{

   color: #337ab7;

}

/*首页右侧悬浮框*/

 .right-bar{

            /* width: 48px; */

            position: fixed;

            right: 15px;

            top: 250px;

            text-align: center;

            padding: 0 7px;

            background-color: #fff;

            box-shadow: -2px 2px  10px #e5e5e5;

            z-index:6;

        }

        .right-bar ul li{

            cursor: pointer;

            width: 100%;

            border-bottom: 1px dashed #B3B3B3;

            padding: 12px 0;

        }

        .right-bar ul li img{

            width: 24px;

        }

        .right-bar ul li p{

            font-size: 10px!important;

            color: #0973B4;

        }

        .right-bar ul li:last-child{

            border-bottom: none;

        }

        /*.right-bar ul li a:hover{

            text-decoration: none;

        }*/

       .online-ser-div{

            /*display:none;*/

            width: 160px;

            height: 190px;

            box-shadow: 0 0 6px #e5e5e5;

            position: absolute;

            right:62px;

            top: 0;

            /* padding-right: 20px; */

            background-color: #fff;

            border-radius: 6px;

        }

       .ser-last-li{
    text-align: center;
    font-size: 12px;
    padding: 6px 0;
    background: #efefef;
    margin-top: 6px;
    border-radius:5px;
    border:none;
}

        .transparant-div{

            width: 50px;

            height: 100%;

            position:absolute;

            right:-40px;

            top:0;

            height:150px;

             background-color:transparant;

            z-index:888;

        } 

        .online-server-cont {

            width: 100%;

            /* height: 100%; */

            background-color: #fff;

            position: absolute;

            right: 0;

            top: 0;

            z-index: 33;

            padding: 10px 0;

        }

        .trangle{

            position: absolute;

            right:-18px;

            top: 10px;

            border-style: solid;

            width: 0;

            height: 0;

            border-width: 10px;

           border-color: transparent transparent transparent #fff  ;

           z-index: 44;;

        }
   

        .online-bor{

            display: inline-block;

            /* width: 90px;

            height: 26px; */

            padding: 1px 13px;

            line-height: 24px;

            border-radius: 16px;

            border: 1px solid #1BAEB1;

            text-align: center;

            color: #1BAEB1;

            font-size: 12px;

            margin-bottom: 10px;
            min-width: 124px;

        }

        .online-bor a{

            color: #1BAEB1;

        }

        .online-bor a:hover{text-decoration:underline;color:#006bc7}

/*------------------------------------------------------*/

.query-item{

    width: 33.33%;

    /* margin-right: 2%; */

    /* padding: 6px 12px 0 0; */

}

.query-item a{

 color: #333;

}

.query-item a:hover{

 color: #337ab7;

} 

.query-item a:hover span{color: #337ab7;}

.car-str:hover span{color: #337ab7;}

.query-list .query-list-li {

    border-bottom: 1px solid #f4f4f4;

    padding:16px 0 16px 32px;

}

.query-list-t {font-weight:600}

.tb_ul li a:hover p{color:#006cb7;}

.tb_ul li a p{color:#006cb7;border-color:#006cb7;}



/*--------------------------------------------------------*/

.mlr5{

    margin-left: 5px;

    margin-right: 5px;

}

.promise-com-t{margin-bottom:12px}

.promise-com-t,.promise-com-t span{

    font-size: 16px;

    font-weight: 700;

    color: #0062b3;

} 

.promise-com-t a:hover span{color:#0062b3}

.promise-com-t span{

  position:relative;

  top:1px;

}

.promise-ul li p{

    color: #606f7c;

    line-height:24px;

} 

.promise-ul.link-rules li p{margin-bottom:10px}

.promise-ul.link-rules li  .promise-com-t{margin-top:10px}

/*------------------------------------------------------*/

.geren{

          border-bottom: 1px solid #f0f0f0;

      }

.person-com-c{padding-left:16px;}

/*.person-com-t{padding-left:8px;}*/

.person-com-t,.person-com-t span{

    font-size: 16px;

    font-weight: 700;

    color: #0062b3;

    position:relative;

    top:2px;

} 

.service-note span{

  display:inline-block;

  width:100%;

   overflow: hidden;

    white-space: nowrap;

    -webkit-text-overflow: ellipsis;

    -moz-text-overflow: ellipsis;

    text-overflow: ellipsis;

}

.service-note{

    float: left;

    width: 33.33%;

    /* padding: 20px 0 10px 0; */

    margin-bottom: 16px;

    position: relative;

    padding-left: 30px;

    color: #536471;

    text-decoration: none;

}

.service-note img{

    position: absolute;

    left: 0;

    top: 0;

    width: 24px;

}

.service-note span{position:relative;top:2px}      



a.service-note:visited, a.service-note:active, a.service-note:focus{

  color: #536471;

  text-decoration: none;

}

a.service-note:hover{

    color:#006bc7;

    text-decoration: underline;

}

a.service-note:hover span{

    color:#006bc7;

   

}

.per-com{

    color: #333333;

    font-size: 16px;

    margin: 24px 0;

    font-weight: 600;

}

.geren{

    border-bottom: 1px solid #f0f0f0;

}

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

    a.service-note{

        width: 100%;

        margin-bottom: 20px!important;

    }

}

/*---------------------------------------------------------------*/

/*常见问题*/

.insure-title{

  display: inline-block;

  width: 100px;

  height: 30px;

  margin-right: 15px;

  line-height: 28px;

  /* padding: 10px 30px; */

  border-radius: 4px;

  /* background-color: #1db5ab; */

  color: #24b1b4;

  border: 1px solid #1db5ab;

  font-weight: 600;

  cursor: pointer;

}

#SearchQuestionForm,#SearchQuestionFormPhone {height:100%;border:1px solid #ccc;border-radius:30px}

#SearchQuestionFormPhone input{outline:none;}

.insure-title-active{

  background: url('/tplresource/cms/www/taiping/img/90th/index/btn_bg_img.png') center center no-repeat;

  border: none;

  color: #fff;

}

.issue-search{

    position: absolute;

    right: 0;

    top: 0;

    /*height: 30px;*/

    /* width: 200px; */

   

}

.issue-search .search-ico,.issue-search-phone .search-ico{width:24px}

.issue-search-phone{

   /* height: 30px;*/

    margin:16px 0;

}

.issue-search input,.issue-search-phone input{

    border-radius: 16px;

   /* border: 1px solid #ccc;*/

   border:none;

    height: 100%;

    outline: none;

    text-indent: 10px;

    padding:5px 0;

   

}

.search-ico{

    position: absolute;

    right: 10px;

    top: 50%;

    margin-top: -12px;

}

.parti-t{

    padding: 10px 25px 10px 10px;

    border-bottom: 1px solid #f4f4f4;

    /*height:40px;*/

}

.com-issues .parti-t{ padding:8px 25px;line-height:24px}

.parti-b{

   padding:12px 25px;

   background-color: #f1ffff;

}

.parti-b-tuan{padding:12px 20px;}

.parti-b> p,.parti-b-tuan p{

    line-height: 24px;

    /*padding: 12px 0;*/

    margin-left:20px;

}

.quest-img1,.shou-tou-img{

   /* position: absolute;

    left: 0;

    top: 3px;*/

    width: 16px;

    position:relative;

    top:-1px;

}

.quest-img2{

    position: absolute;

    left: 25px;

    top: 12px;

    width: 16px;

}

.up-down-ico{

    padding: 0 4px;

    cursor: pointer;

}

.up-down-ico img{width:16px;}

.mr5{

    margin-right: 5px;

}

/*常见问题搜索结果页*/

 .search-res{

         color: #3d3d3d;

         padding-left: 20px;

         position: relative;

         top: 5px;

     }

     .search-res span{

         margin-left: 5px;

         color: #333;

         font-weight: 600;

     }

     

     .shou-t{

         display: inline-block;

         /* position: absolute; */

         padding: 0 8px;

         background-color: #E6F7FF;

         text-align: center;

         color: #0062B3;

        margin-right: 8px;

        border-radius:5px;

     }

     .shou-res .parti-b{padding-left: 100px;position: relative;}

     .shou-res .parti-b p{margin-left:0}

     .shou-res .quest-img2{left: 80px;}

 #seeMore{width:140px;margin:16px auto;height:40px;line-height:40px;color:#0062b3;background-color:#e6f7ff;display:block;text-align:center;border-radius:6px;font-size:12px;}

 #seeMore:hover,#seeMore:active,#seeMore:visited,#seeMore:focus{text-decoration:none;color:#0062b3}



/*寿险投保指南*/

 .shou-note .parti-t:hover{

          background-color: #E6F7FF;

      }

      .up-down-ico span{

          color:#999;

          

      }

      .shou-note .parti-b{

          background-color: #fff;

          padding-left:10px;

      }

    /*.shou-note .parti-b img{width:100%;max-width:inherit;}*/

    .parti-t1{

        width: 67%;

    }

    .up-down-ico img{

        width: 16px;

    }

    .shou-notions p{

        text-indent: 2em;

        line-height:24px;

    }

    /*div.ime-save{position:relative;top:0}*/

   .ime-save,.shou-see{       

    display: inline-block;

    width: 90px;

    height: 24px;

    line-height: 22px;

    border-radius: 16px;

    border: 1px solid #1BAEB1;

    text-align: center;

    color: #1BAEB1;

    font-size: 12px;   

    }

    .ime-save:hover, .ime-save:focus, .ime-save:active, .ime-save:visited {

     color: #1BAEB1;

     text-decoration: none;

    }

  div.tuan-pei p{margin-left:0}

 /*自助卡激活内容*/

.service-cont-t{

  font-size:22px;

  color:#4d4d4d;

  line-height:30px;

  margin-bottom:12px;

  text-align:center

 }

.service-cont-b{

  border-top:1px dashed #b2b2b2;

  width:94%;

  margin:0 auto;

  padding-top:15px;

  margin-top:15px;

}

.service-cont-b p{margin:1em 0};

.shou-see{       

    display: inline-block;

    width: 80px;

    height: 24px;   

    line-height: 22px;

    border-radius: 16px;

    border: 1px solid #1BAEB1;

    /* border-image: linear-gradient(90deg, #148DD0, #25D58E) 1 1; */

    text-align: center;

    color: #1BAEB1;

    font-size: 12px;   

    }

    .shou-see a{display:inline-block;width:100%;height:100%;color: #1BAEB1;}

    .shou-see a:hover, .shou-see a:focus, .shou-see a:active, .shou-see a:visited {

    color: #1BAEB1;

    text-decoration: none;

}

input#confirm[type=checkbox]{

     cursor: pointer;

     position: relative;

     width: 16px;

     height: 16px;

     font-size: 14px;

     top: 3px;

}



input#confirm[type=checkbox]::after{

     position: absolute;

     top: 0;

     background-color: #fff;

     color: #666;

    border: 1px solid #ccc;

     width: 16px;

     height: 16px;

     display: inline-block;

     visibility: visible;

     padding-left: 0px;

     text-align: center;

     content: ' ';

     border-radius: 3px;

     line-height: 16px;

}

        

input#confirm[type=checkbox]:checked::after{

     content: "✓";

     font-size: 12px;

     font-weight: bold;

}

#con-label{color: #666;}

 #ime-confirm{width: 320px;height: 40px;line-height: 40px; margin: 24px auto 0;cursor:not-allowed}

 .ime-act{

    width: 100%;

    height: 100%;

    line-height: 40px;

    display: block;   

    text-align: center;

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

    background: -webkit-linear-gradient(to right, #148dd0 , #25d58e );

    background: -moz-linear-gradient(to right, #148dd0 , #25d58e );

    background: -ms-linear-gradient(to right, #148dd0 , #25d58e );

    background: linear-gradient(to right, #148dd0 , #25d58e );

    color: #fff;

    border-radius: 20px;

 }

 .ime-act:hover,.ime-act:active,.ime-act:visited,.ime-act:focus{

     text-decoration: none;

     color: #fff;

 }

 .confirm-modal{

     width: 100%;

     height: 100%;

     position: absolute;

     left: 0;

     top: 0;

     background-color: #fff;

     opacity: 0.5;

     filter:alpha(opacity=50);

     border-radius: 20px;

     z-index: 33;

 }

.shou-self-note{

  /*padding-left:25px;*/

  text-indent:2em;

}

.shou-self-note p{color:#536471;/*margin:1em 0;*/line-height:24px;}

.shou-self .parti-t{padding:8px 15px}

.del-confirm{padding-left:25px;margin-top:16px}

/*轮播图点*/

.ser-pagination{

    position: absolute;

    z-index: 20;

    left: 10px;

    bottom: 7px;

    width: 100%;

    padding-right: 19px;

    text-align: right;

}

.swiper-pagination-switch {

    display: inline-block;

    width: 10px;

    height: 10px;

    border-radius: 20px;

    background: #222;

    margin: 0 2px;

    opacity: 0.8;

    border: 0px;

    cursor: pointer;

    outline:none;

}

.swiper-visible-switch {

    background: #aaa;

}

.swiper-active-switch {

    background: #fff;

}

.serSwiper .swiper-pagination-switch{

    width: 16px;

    height: 16px;

    background: url('/tplresource/cms/www/taiping/img/90th/index/ie8_swiper_focus_ico01.png') center center no-repeat\9;

    background: url('/tplresource/cms/www/taiping/img/90th/index/swiper_focus_ico01.png') center center no-repeat;

    background-size:100% 100%;

}



.serSwiper .swiper-active-switch{

    width: 16px;

    height: 16px;

    background: url('/tplresource/cms/www/taiping/img/90th/index/ie8_swiper_focus_ico02.png') center center no-repeat\9;

    background: url('/tplresource/cms/www/taiping/img/90th/index/swiper_focus_ico02.png') center center no-repeat;

    background-size:100% 100%;

}