@font-face  /*特粗*/
{
font-family: pf_HEAVY;
src:url(PINGFANG HEAVY.TTF);
}
@font-face  /*细体*/
{
font-family: pf_LIGHT;
src:url(PINGFANG LIGHT.TTF);
}
@font-face  /*常规*/
{
font-family: pf_REGULAR;
src:url(PINGFANG REGULAR.TTF);
}
@font-face  /*粗体*/
{
font-family: pf_BOLD;
src:url(PINGFANG BOLD.TTF);
}
@font-face  /*特细*/
{
font-family: pf_EXTRALIGHT;
src:url(PINGFANG EXTRALIGHT.TTF);
}

@font-face  /*中等*/
{
font-family: pf_MEDIUM;
src:url(PINGFANG MEDIUM.TTF);
}

/*默认样式及公共样式*/
*{margin: 0;padding: 0;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{padding:0;margin: 0;-webkit-tap-highlight-color:transparent;
-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-text-size-adjust:100%; box-sizing:border-box;}
table {border-collapse:collapse;border-spacing:0}
fieldset,img {border:0;}
address,caption,cite,code,dfn,th,var{ font-weight:normal; font-style:normal;}
ol,ul {list-style: none outside none;}
caption,th{text-align:left;}
body{color:#333;font-size:12px;font-family:'pf_MEDIUM','PingFangSC-Medium','sans-serif','Microsoft Yahei','SimSun','Arial';}
/*body{color:#333;font-size:12px;font-family:'Source Sans Pro', 'Helvetica Neue', Arial, sans-serif;}*/

a{color:#0066b3; text-decoration:none;}
a:hover{/*color:#0066b3;*/text-decoration:none;}
input,select,textarea{/*font-size:14px;*/appearance: none;-o-appearance: none;-moz-appearance: none;-webkit-appearance: none;-webkit-tap-highlight-color:rgba(0,0,0,0);border-radius:0;color:#333;font-family:'pf_MEDIUM','Microsoft Yahei','SimSun','Arial';}
img{border:0;  display:block; max-width:100%;/*pointer-events: none;*/}
em,i{ font-style:normal; }
input{ border:0 none; } 
select{ border:0; background:none;}
textarea{outline:none;resize:none}
html,body{  overflow-x:hidden;max-width:750px; position:relative; margin:0 auto;left: 0 ;top: 0;line-height:inherit; }
a, img {
    -webkit-touch-callout: none; /*禁止长按链接与图片弹出菜单*/
}
input[type=text],input[type=search]{
  outline:none;
}
input[type=search]::-webkit-search-cancel-button{
  display:none;
}

.pc_body{ display:none;}/*隐藏pc盒子*/
.mobile_body{ display:block; position:relative; left: 0 ;top: 0; overflow:hidden;background:#fff;}/*显示手机端盒子*/

/*公共部分*/
.clear{display:block;clear:both;height:0px;font-size:0px;line-height:0px;margin:0px;padding:0px; border-width:0px;border-style:none;float:none;overflow:hidden;}
.bg_0066b3{  background:#0066b3;}
.bg_f0f0f0{  background:#f0f0f0;}
.color_0066b3{color:#0066b3!important;;}
.color_333{ color:#333;}
.color_666{ color:#666;}
.color_999{ color:#999;} 
.device{overflow: hidden;height:8rem;}
.device .swiper-slide img{object-fit:contain;height:8rem;width: 100%}
.m_color_red{color:red;}
.textleft{ text-align:left!important;}
.m_fl{float:left;}
.m_fr{float:right;}
.m_fr2{float:left;}
.m_show{display:block;}
.m_hide{display:none;}
.bd_b_ccc{border-bottom: 1px solid #ccc; }
.pb_120{ padding-bottom: 2.4rem!important;}
.pd_lr_30{ padding:0 0.6rem;}
.pt_90{ padding-top: 1.78rem;}
.mt_20{margin-top:0.4rem;}
.mt_30{margin-top:0.6rem;}
.mt_60{margin-top:1.2rem;}
.margin_lr_30{ margin:0 0.6rem;}
.mt_90{ margin-top: 1.78rem;}
.br_ccc{border:1px solid #ccc;}
.overflow_h{ overflow:hidden;}
.inline_block{ display:inline-block;}
.mb_30{margin-bottom:0.6rem;}
.mb_150{margin-bottom:3rem!important;} 
.head_title_fixed{ position:fixed;}

/*页头*/ 
.m_head{ background:#449cff;padding:0.44rem; color:#fff;}/*由于搜索框不能添加overflow: hidden属性*/
.logo_bar{ overflow:hidden;}
.m_logo{width: 46%;}
.head_right_box{ padding-top:0.1rem;}
.head_right_box > div{ padding: 0;overflow: hidden;width: 1.3rem;display: inline-block;vertical-align: middle;margin-left: 0.4rem;}
.head_right_box > div.menu_right_js {margin-right: 0.3rem;width: 0.9rem;}
.m_logo img{ display:inline-block; }
.m_location{  font-size: 0.6rem; /* padding-top:0.2rem; */}
.m_location{height:0.8rem;/* margin-right: 0.6rem;*/  max-width:58%; background:url(https://image2.ccb.com/cn/mobilev3/v3/images/default/location.png) no-repeat left center; background-size:contain;  overflow: hidden;text-overflow: ellipsis;white-space: nowrap; padding-left:0.8rem;}
.header_menu_list{ padding-top: 0.6rem; position:relative; height:3rem;}
.add_menu_btn{  position:absolute;  width:12%; height:90%;right:-0.2rem;  top:0.4rem;   text-align: right; z-index:2;  
  padding: 0.4rem 0.4rem 0 0;
  background:#449cff;
  font-size:0.52rem; 
}
.add_menu_btn:before {
    position: absolute;
    right: 1.72rem;
    top: 0.2rem;
    width: 0.5rem;
    height: 2.28rem;
    background: url(https://image2.ccb.com/cn/mobilev3/v3/images/blue_shadow.png);
    content: '';
    z-index: 33;
    background-size: cover;
}
.add_menu_btn div{ padding-top:0.1rem;} 
.add_menu_btn img{ width:78%; display:inline-block; vertical-align: middle;}
.head_search{ width:100%; margin:0 auto;background: rgb(217,235,255); height: 1.2rem;border-radius: 3px;position:relative;text-align: center;color: #888;font-size: 0.6rem;line-height: 1.2rem;top:0.14rem;}
.head_search input{ width:100%; height:1.2rem; padding:0 1.6rem 0 0.6rem; font-size: 0.6rem; border-radius: 3px;position:relative;  background-color: rgba(255, 255, 255, 0.8); text-align: center; z-index: 2;}
.search_fdj{ position: absolute;right: 0;top: 0;z-index: 2;height: 1.4rem; padding:0.2rem 0.4rem 0 0.2rem; width:1.3rem;}
.search_fdj img{ width:100%;}
  
.header_menu_list .swiper-container_head_menu .swiper-slide{ text-align: center;
        width: 22%;
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;}   
        
.header_menu_list .swiper-container_head_menu .swiper-slide img{ width:34%; display:inline-block; margin-bottom:0.2rem;}
.header_menu_list .swiper-container_head_menu div.swiper-slide:last-child{ width:15%;}
.head_menu_nav{ font-size:0.52rem; width:100%;}
.head_menu_nav .btn-a div{white-space: nowrap;}
/*.header_market_list{padding:0.6rem;position:relative;}*/
.header_market_list .swiper-container_market_menu .swiper-slide{ cursor:pointer;text-align:center;width:24%; font-size:0.6rem; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}
.header_market_list .swiper-container_market_menu .swiper-slide{ border-bottom:1px solid #ccc;}
.header_market_list .swiper-container_market_menu .swiper-slide .li_title.cur_m{ border-bottom:1px solid #449cff; background:url(https://image2.ccb.com/cn/mobilev3/v3/images/cur.jpg) no-repeat center bottom; background-size: contain; color:#449cff;}

/*页尾*/
.m_footer{padding:0.8rem 0 ;background:#257fcf; overflow:hidden;  width:100%; color:#fff;}
.m_nav_bottom li{width:33%; float:left; text-align:center;  font-size:0.56rem; }
.m_nav_bottom li img{width:12%; vertical-align: middle;display:inline-block;}
.m_nav_bottom li span{ vertical-align: middle; display:inline-block;padding-left:0.2rem;}
.m_copyRight{  text-align:center; font-size: 0.56rem; color:#fff; padding-top:0.4rem;}
.m_copyRight span{ padding-left: 0.6rem;}

/*按钮浮层*/
.page_float_box,.page_return_box{ width:2rem; height:2rem; position: fixed; right:0.3rem; bottom:1.8rem;z-index: 1;z-index:10;}
.page_return_box{ bottom:6rem; width:1.8rem; height:1.8rem;}
.page_float_box > div{ width:2rem; height:2rem;}
.user_float_btn,.service_float_btn,.page_float_btn,.home_float_btn{ position:absolute; top:0 ; right:0; opacity:0;}
.page_float_btn{opacity:1; z-index:2;}

/*全国优惠*/
.country_pri img{width:100%;}

/*页码*/
/* dropload */
.dropload-up,.dropload-down{position: relative; height: 0; overflow: hidden; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); }
.dropload-refresh,.dropload-update,.dropload-load{position: absolute; left: 50%; bottom: 0; width: 100%; height: 50px; line-height: 50px; text-align: center; -webkit-transform:translate(-50%,0); transform:translate(-50%,0); }
.dropload-load .loading{display: inline-block; height: 15px; width: 15px; border-radius: 100%; margin: 6px; border: 2px solid #666; border-bottom-color: transparent; vertical-align: middle; -webkit-animation: rotate 0.75s 0 linear infinite; animation: rotate 0.75s 0 linear infinite; }
.dropload-load .endPage{color:red;}
@-webkit-keyframes rotate {0% {-webkit-transform: rotate(0deg); } 50% {-webkit-transform: rotate(180deg); } 100% {-webkit-transform: rotate(360deg); } }
@keyframes rotate {0% {transform: rotate(0deg); } 50% {transform: rotate(180deg); } 100% {transform: rotate(360deg); } }

@media screen and  (max-width:350px){
/*.header_menu_list{ height:3.6rem;}*/
}
@media screen and  (min-width:420px) and  (max-width:649px){
 .personInforPop::before{right:0.4rem;}
} 
@media screen and  (min-width:650px) and  (max-width:750px){
 .personInforPop::before{ right:0.5rem;}
}