/*
  @Separate from the page to reduce the impact on other pages
  @last modify time 2021.5.17
  @last modify by author weizhenpei
*/
@charset "utf-8";
body{color:#333;font-size:12px;font-family:'pf_MEDIUM','PingFangSC-Medium','sans-serif','Microsoft Yahei','SimSun','Arial','华文黑体';}
/*订制页面-金融资讯*/
.head_title{ height:1.92rem;line-height: 1.92rem; /*width:15rem;*/ background:#449cff; text-align: center; font-size: 0.72rem; color:#fff;position:relative;}
.head_return_btn{padding:0.6rem 0 0 0.6rem;position: absolute;width:20%;}
.head_return_btn img{ width:18%;}
.head_title_right{position: absolute;right: 0.4rem;top:0;font-size: 0.58rem;}

.s_btn{ position:absolute; width:1.6rem; height:0.8rem; border:1px solid #dcdcdc; right:0.6rem; top:0.5rem; border-radius:50px; background:#fff; padding:1px;}
.s_btn i{ width:0.8rem; height:0.8rem; background:#449cff; border-radius:50%;  float: left; transform:translateX(0.8rem);transition: transform 0.3s ease;}
.s_btn_gray{ background:#f8f8f7;}
.s_btn_gray i{background:#ccc;transform:translateX(0);}

/*在线客服*/
.service_box_head_title{ position:fixed; left:50%; top:0rem; width:15rem;margin-left:-7.5rem; z-index:212;}
.service_box{ width:100%; background:#f0f0f0; font-size:0.56rem; overflow-y: scroll;  padding:0.6rem 0.6rem 6.2rem;}
.chat_time{ font-size: 0.52rem; text-align: center;padding:0.2rem 0;}
.ser_message{ overflow:hidden; margin-top: 0.6rem;}
.ser_message > div{ float:left;}
.ser_message .tips{width:100%;color:#666;text-align:center;}
.user_logo{ width:12%;display:none;}
.wrap_text{width:86%; position: relative;}
.wrap_text_icon_l::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  border-right: 0.4rem solid #ffffff;
  border-bottom: 0.4rem solid transparent;
  border-top: 0 solid transparent;
}
.wrap_text_icon_r::after {
  content: "";
  position: absolute;
  top: 0.34rem;
  right: 0;
  border-left: 0.4rem solid #cae7f5;
  border-bottom: 0.4rem solid transparent;
  border-top: 0.4rem solid transparent;
}
.ser_text{margin-left: 1%;padding-left: 0.3rem;/*background: url(http://image1.ccb.com/cn/mobilev3/v3/images/k_l.png?1512547709468) no-repeat 0 0.4rem;background-size: 3%;*/}

.ser_message div.user_text{/*background:url(http://image1.ccb.com/cn/mobilev3/v3/images/k_r.png?1512547709468) no-repeat right 0.4rem ; background-size: 3%;*/float:right; text-align: right; padding-right: 0.3rem;margin-right: 1%;}
.wrap_text .wrap_text_in{ background:#fff; border-radius: 5px;padding:0.4rem 0.4rem; display:inline-block; text-align:left;word-wrap:break-word; max-width:10.5rem;}
//.user_text p{background:#c6e7fc;}
.ser_message div.user_touxiang{float:right;}
.service_input_box{ position: absolute; left:0; bottom:0; padding:0.2rem 0.4rem 0.1rem; background:#fff; border-top:1px solid #ccc; width:15rem; height:2.5rem; left:50%; margin-left:-7.5rem;}
.service_input_box > div{ float:left;}
.ser_textarea{ width:68%;}
.service_btn{ width:30%; height:1.4rem; position:absolute; right:0.4rem; bottom:0.9rem;line-height:1.4rem;}
.face_btn,.ser_more_btn{ width:50%; text-align: center; position:absolute; right:0; bottom:0; height:100%;}
.face_btn{ right:44%;}
.ser_textarea input{ width:100%; border:1px solid #ccc; border-radius: 5px; height:1.3rem; font-size: 0.56rem;padding:0 0.2rem;/*max-height: 3rem;*//* overflow-y: hidden;*/}
.ser_more_btn img ,.face_btn img{ width:56%; display:inline-block; vertical-align:middle;}
.send_btn{ position:absolute;left:0; top:0; width:100%; height:100%; background:#449cff; color:#fff; line-height:1.4rem; font-size:0.56rem; border-radius:5px;}
.mengban{ position:fixed; width:100%; height:100%; background:rgba(0,0,0,0.3); left:0; top:0; z-index:201; text-align:center;}
.mengban_main{ width:10rem;  background:#fff; border-radius:0.4rem; position:absolute; left:50%; top:50%; margin:-1rem 0 0 -5rem;font-size:0.6rem; font-weight:bold;}
.mengban_main_text{ padding:0.5rem;}
.mengban_main_btn{  color:#449cff;padding:0.3rem;}

.service_main{overflow:hidden; position:relative;}
.speak_main{overflow-y:auto;}
.s_box{ position: absolute; bottom:0; left:0; overflow:hidden; background:#fff; width:100%; height:7rem; border-top: 1px solid #ccc;}
.s_box ul{ overflow-y:scroll; height:100%;padding:1rem 0.6rem; }
.s_box ul li{ float:left; width:14.2%; text-align:center; height:1.8rem;}
.s_box ul li img{ display:inline-block; width:50%;}
.s_more_apply_box_cs ul{padding:0.5rem 0.6rem;}
.s_more_apply_box_cs ul li{ width:25%; height:3rem; font-size:0.56rem;}
#lx_box{width:64.35%!important;bottom:2.30rem!important;border-radius: 0.45rem;background: #fafafa!important;;background-color: #fafafa!important;;border: none 0!important;}
#lx_box ul li
{
    list-style-type:none;
    line-height:0.82rem;
    padding: 0.3rem 0.2rem 0.2rem 0.2rem;
    margin: 0rem 0.2rem;
    border-bottom: 1px solid #f4f5f4;
}
.div_apply_box_cs input{width:100%;height:2.8rem;opacity:0}
/*移动客服常见问题2019.4.10*/
/*在线客服2 20210427*/
.service_main2 .ser_text{ background-position: left top;}
.hot_text{padding-left: 1rem;font-weight: bold; font-size: 0.52rem; width: 10.5rem;min-height: 7.5rem;}
.hot_text li{  border-bottom: 1px solid #eeeeee;    width: 8.5rem;padding: 0.3rem 0; background: url(../images1/icons/right.png) no-repeat right center; background-size: 3%;}
.hot_text li a{ width: 8rem; display: inline-block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.hot_issue_title {position: absolute; top: 0.8rem; left: 0.3rem; width: 0.6rem; font-size: 0.64rem;}
.s_change_btn {color: #ffb500; padding: 0.3rem 0 0 1rem; font-weight: bold;}
.service_bgcol{ background-color: #cae7f5!important;}
.service_ralation{ width: 10.5rem; line-height: 1rem;}
.orOk{ font-size: 0.44rem; padding-left: 0.6rem;}
.orOk span{ display: inline-block;  vertical-align:middle;}
/* 评价图标 begin 2021.12.29*/
.s_or_y, .s_or_n { border-radius: 3px; height: 0.8rem; text-align: left; line-height: 0.8rem; color: #0066b3; //font-weight: bold; float: left;padding: 0.013em 0.35rem 0.013rem 0.3rem;}
.s_or_y{
  width:1.8rem;margin:0.25rem 0.4rem 0 0.2rem;
  background:#ffffff url(../images1/grey_like.png) no-repeat 0.8rem 0rem; 
  background-size: 36%;}
.s_or_n{
  width:2.2rem;background:#ffffff url(../images1/grey_step.png) no-repeat 0.8rem center;
  background-size: 30%;
  margin-top: 0.25rem;}
.s_or_seclect{ background-color: #D0E2F5!important;}
.cur{
  background:#ffffff url(../images1/blue_like.png) no-repeat 0.8rem 0rem;
   background-size: 36%;
}
.step_cur {
  background:#ffffff url(../images1/blue_step.png) no-repeat 0.8rem center;
  background-size: 30%; 
}
/* 评价图标 end 2021.12.29*/
.s_other_wenti span { display: inline; height: 0.9rem; line-height: 0.9rem; vertical-align: middle; border-radius: 4px;background-color: #ffffff; font-size: 0.44rem; padding: 0.2rem 0.15rem; margin-left: 0.18rem; margin-top: 0.4rem;}
.s_other_wenti span:first-child{margin-left:0rem;}
.s_pr{ position: relative;}
.s_auto_tips{display: none; position: absolute; width: 100%; border-radius: 4px 4px 0 0; background-color: #ffffff; top: -4.56rem; left: 0; font-size: 0.52rem;}
.s_auto_tips li{padding:0.4rem 0; border-bottom: 1px solid #eeeeee;padding:0.4rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; color: #0066b3;}
.s_more_apply_box_cs ul li img{ height:1.5rem}
.wrap_text .wrap_text_in img {
  display: inline-block;
  float: left;
}
/*在线客服2 20210427 end*/
.manual_customer_service{
     //font-size: 0.6rem;
     color: #0066b3;
     //font-weight: bold;
     //padding-left: 0.56rem;
}
/*placeholder的字体颜色*/
input::-webkit-input-placeholder { /* WebKit browsers*/
　　color:#999 !important;
};
input:-moz-placeholder {  /* Mozilla Firefox 4 to 18*/
　　color:#999 !important;
};
input::-moz-placeholder {  /* Mozilla Firefox 19+*/
　　color:#999 !important;
};
input:-ms-input-placeholder { /* Internet Explorer 10+*/
　　color:#999 !important;
}
input::input-placeholder{
	color:#999 !important;
}

/*发送邮箱*/
.s_tips p.pd_img{padding-left:1.2rem;background:url(http://image1.ccb.com/cn/mobilev3/v3/images/btn_success.png?1512547709468) no-repeat left center; font-size:0.56rem;color:#333;background-size:0.8rem auto;margin:0 0.6rem;}
.s_tips p.mg_l{padding:0 0.6rem 1.2rem 1.8rem;font-size:0.56rem;}

/*页面高度不满一页*/
.foot_pos{position:absolute;bottom:0;left:0;}

/*页面提示*/
.long_pay_btn_cs{position: absolute;
  width: 4rem;
  height: 1.3rem;
  top: 16.1rem;
  right: 1rem;}
.tips_box{ position:fixed; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:12; left:0; top:0;}
.tipx_box_main{ width:56%; background:#fff; border-radius:6px;  font-size:0.6rem; position:absolute; left:50%; top:50%; margin:-24% 0 0 -28%;}
.tipx_box_main_text{ padding:0.6rem; line-height:1rem;}
.tipx_box_main_btn{  border-top:1px solid #dcdcdc; overflow:hidden;}
.tipx_box_main_btn a{ width:50%; text-align:center; float:left;padding:0.4rem 0;}
.tipx_box_main_btn a:first-child{  color:#999;}


/*搜索框控件*/
.p_search_box{
  width:100%;height:100%;
  position: relative;
  margin: 0 auto;
  float: none;
}
.p_search_box form{
  width:100%;height:100%;
}
.p_search_box input.p_search_input{
  width: 100%;
  height: 100%;
  padding: 0 0.4rem 0 1.2rem;
  border-radius: 4px;
  display: block;
  font-size: 0.56rem;
  background: #fff;
}
.p_search_input_drop {
  position: absolute;
  width: 100%;
  max-height: 8rem;
  overflow-y: scroll;
  background: #fff;
  box-shadow: 1px 1px 5px #999;
  z-index: 9999;
  text-align: left;
}
.p_search_box .p_search_img{
  position: absolute;
  top: 0;
  left: 0.4rem;
  height: 100%;
  width: 0.6rem;
  background: url(http://image1.ccb.com/cn/mobilev3/v3/images/default/search.png?1512547709468) no-repeat center center;
  background-size: 100%;
}
.p_search_box .p_search_del_btn{
  z-index: 999;
  position: absolute;
  top: 0;
  width: 0.5rem;
  height: 100%;
  right: 0.4rem;
  background: url(http://image1.ccb.com/cn/mobilev3/v3/images/default/cha.png?1512547709468) no-repeat center;
  background-size: 100%;
}
.p_search_input_drop{position: absolute;width:100%;max-height:8rem;overflow-y:scroll;background: #fff;box-shadow: 1px 1px 5px #999;z-index:9999;text-align:left;}
.p_search_input_drop li{line-height:1.2rem;font-size: 0.5rem;padding-left: 0.4rem;}
.p_search_input_drop li:hover{background: #ccc;}

/*搜索报错样式*/
.no_search_box{text-align:left;}
.no_search_tips{padding:0 0 0.2rem 1.2rem; font-size:0.56rem; line-height:1.2rem;}
.no_search_tips h4{ font-weight:normal;}
.no_search_tips i{  display: inline-block;
  width: 0.15rem;
  height: 0.15rem;
  border-radius: 100%;
  vertical-align: middle;
  margin-right: 0.4rem;
  background: #666;
}
/*20220610 knowLeadge  begin modify time*/
.ser_message  .ser_text .wrap_text_in table {
  border-collapse: initial;
  border-spacing: 0;
  margin-top: 0.75rem;
  min-width: 100%;
}

.ser_message  .ser_text .wrap_text_in  table tr th {
  /* border: 1px solid #F2F3F5; */
  background-color: #63a7e4;
  color: white;
  padding: 0.32rem 0.56rem;
  text-align: center;
  border-left: 0.06rem solid #F2F3F5;
  border-bottom: 0.06rem solid #F2F3F5;
}
.ser_message  .ser_text .wrap_text_in table tr td {
  border-left: 0.06rem solid #F2F3F5;
  padding: 0.3rem 0.42rem;
  text-align: center;
  border-bottom: 0.06rem solid #F2F3F5;
}
.ser_message  .ser_text .wrap_text_in table tr td:last-child {
  border-right: 0.06rem solid #F2F3F5;
}

.ser_message .wrap_text_in table tr:first-child th:first-child{
  border-top-left-radius: 0.3rem;
}
.ser_message .wrap_text_in table tr:first-child th:last-child{
  border-top-right-radius: 0.3rem;
}

.ser_message  .ser_text .wrap_text_in table tr:last-child td:first-child{
  border-bottom-left-radius: 0.3rem;
}
.ser_message  .ser_text .wrap_text_in table tr:last-child td:last-child
{
  border-bottom-right-radius: 0.3rem;
}
/*20220610 knowLeadge  end modify time*/

/*20220822*/

.id_adress{
    position: relative;
    margin: 0.4rem 0.2rem;
    z-index: 0;
    /*padding: 0.4rem 0;*/
}
.id_adress_div{
    font-size: 0.56rem;
}
.id_adress_div h3{
    margin-bottom: 0.8rem;
    font-size: 0.72rem;
}
.id_adress_div ul{
    margin-bottom: 0.6rem;
}
.id_adress_div ul li{
    margin-bottom: 0.4rem;
}
 .id_adress_div ul li.dizhi{
    margin-bottom: 0.6rem;
}
.id_adress_div ul li em{
    display: inline-block;
    width: 0.6rem;
    height: 0.6rem;
}
 .id_adress_div ul li em img{
     width: 100%;
 }
.id_adress_div p{
    color: #666;
    /* padding-left: 0.8rem; */
    line-height: 1rem;
}
.id_adress a{
    display: inline-block;
    cursor: pointer;
    width: 0.8rem;
    height: 0.8rem;
    position: absolute;
    top: 50%;
}
/*.id_adress a.id_left_btn{
    left: -1rem;
    background: url(/cn/creditcard/molsvc/images1/address/icon_left_btn.png) center center no-repeat;
    background-size: 100%;
}
.id_adress a.id_right_btn{
    right: -1rem;
    background: url(/cn/creditcard/molsvc/images1/address/icon_right_btn.png) center center no-repeat;
    background-size: 100%;
}
.id_adress .a{
    display: inline-block;
    width: 60%;
    margin: 0 20%;
    height: 1.2rem;
    line-height: 1.2rem;
    text-align: center;
    border-radius: 0.6rem;
    border: 1px solid #0066b3;
    margin-top: 0.6rem;
    font-size: 0.56rem;
    color: #0066b3;
}*/
.id_adress .swiper-container-id_box{
  padding-bottom: 0.6rem;
}
.id_adress .swiper-pagination{
  bottom: 0px;
}