﻿@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','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';outline:none}
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; /*禁止长按链接与图片弹出菜单*/
}


.pc_body{ display:none;}/*隐藏pc盒子*/
.mobile_body{ display:block; position:relative; left: 0 ;top: 0; overflow:hidden;}/*显示手机端盒子*/

/*公共部分*/

.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;} 
.m_color_red{color:red;}
.textleft{ text-align:left!important;}
.m_fl{float:left;}
.m_fr{float:right;}
.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;}
.head_title_fixed{ position:fixed;}



/*页头*/
.m_head{ width:15.0rem; background:#449cff;padding:0.44rem; color:#fff;}/*由于搜索框不能添加overflow: hidden属性*/
.logo_bar{ overflow:hidden;}
.m_logo{width: 46%;}
.head_right_box{ width:54%; text-align:right; padding-top:0.1rem;}

/*.head_right_box span{ display:inline-block; font-size:0.6rem; vertical-align:middle;}
.head_right_box span:first-child{width:0.7rem;padding-right:0.1rem;}
.head_right_box span:nth-child(2){max-width:4rem;overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;font-size:0.6rem;}
.head_right_box span:last-child{ padding:0 0.2rem; margin-left:0.6rem; width:0.8rem;}
.head_right_box span img{ width:100%;}*/

.m_logo img{ display:inline-block; }
.head_btn{ width:1.2rem;}
.m_location,.head_btn{  font-size: 0.6rem; /* padding-top:0.2rem; */}
.m_location img,.head_btn img{ width:36%;display:inline-block;}
.head_btn img{width:61%; margin-top:0.1rem;}
.m_location{/* margin-right: 0.6rem;*/  width:60%;}
.m_location span{ display:inline-block; vertical-align: middle;text-align: right; width:32%;}
.m_location span.city_name{ max-width:52%; width:auto;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;   vertical-align: top; padding-left:2px;}
.header_menu_list{ padding-top: 0.8rem; position:relative; height:3rem;}

.add_menu_btn{  position:absolute;  width:15%; height:90%;right:0;  top:0.4rem; background-color:rgba(65, 156, 255, 0.95);  text-align: right; z-index:2; padding-right:0.2rem;   background-image: url('../images1/cleanness.png');
  background-position: -0.9rem center;
  background-repeat: no-repeat;
  background-size: contain;   padding-top: 0.8rem;}
.add_menu_btn img{ width:56%; display:inline-block; vertical-align: middle;}
.head_search{ width:96%; margin:0 auto; height:1rem; background:#449cff; padding-right: 0.44rem; position:relative;}
.head_search input{ width:100%; height:1.4rem; 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; bottom:-0.5rem; z-index: 2;}
.search_fdj{ position: absolute;
  right: 0.4rem;
  top: 0.5rem;
  z-index: 2;
  height: 1.4rem; padding:0.3rem 0.2rem 0 0.2rem;}
  .search_fdj img{ width:76%;}
  
   

.header_menu_list .swiper-container_head_menu .swiper-slide{ text-align: center;
      
        width: 19.5%;
        
        /* 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:40%; 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%;}
/*.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(../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:2.2rem; height:2.2rem; position: fixed; right:0.4rem; bottom:1.2rem;z-index: 1;z-index:2;}
.page_return_box{ bottom:6rem; width:2rem; height:2rem;}
.page_float_box > div{ width:2.2rem; height:2.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;}


/*个人菜单*/
.personInforPop{ 
  position: fixed;
  left: 50%;
  top: 2.2rem;
  width: 15rem;
  height:100%;
  margin-left:-7.5rem;
  background: rgba(0,0,0,0.5);
  z-index: 4;}
.personInforPop::before{position: absolute;
  right: 0.3rem;
  top: -0.2rem;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-bottom: 12px solid #fff;
  content: '';}
.avatarBox{ overflow:hidden; background:#fff; border-bottom:1px solid #dcdcdc; padding:0.4rem 0.6rem; position:relative;z-index:1;}
.linkBox{ overflow:hidden; background:#fff;}
.personInforPop img{ display:inline-block;}
.avatarBox_l_img{ float:left; width:16%;}
.avatarBox_infor{ float:left; width:60%; padding-left:0.6rem; padding-top:0.2rem;}
.user_name_text{ font-size:0.72rem; color:#449cfe;}
.greetings{ font-size:0.52rem; color:#999; padding-left:0.2rem;}
.star_box{ padding-top:0.4rem;visibility:hidden;}
.star_yellow{  display: inline-block;
  width: 0.72rem;
  height: 0.7rem;
  float: left;
  background: url(../images1/icons/star.png) no-repeat 0 0;
  background-size:100%;
  margin-right:0.2rem;
  }
  .emial_tips{  display: block;visibility:hidden;
  right:1.6rem;
  top:0.8rem;
  float: right;
  position: relative;
  width: 0.98rem;
  height: 0.68rem;
  background: url(../images1/icons/ico_msg.png) no-repeat center;  background-size:100%;}
.emial_tips i{  position: absolute;
  right: -0.4rem;
  top:  -0.4rem;
  width: 0.6rem;
  height:0.6rem;
  line-height: 0.6rem;
  text-align: center;
  font-size: 0.52rem;
  color: #fff;
  background: #f8b128;
  border: 3px solid #fff;
  border-radius: 50%;}
.avatarBox_right_arrow{  display: block;
  float: right;
  width: 0.38rem;
  height: 0.68rem;
  background: url(../images1/icons/right.png) no-repeat right center;background-size:100%;
  position:relative;
  top:0.8rem; left:0.8rem;
  visibility: hidden;

  }
.linkBox {position:relative;z-index:1;}
.linkBox ul{ overflow:hidden; padding:0.8rem 0 0; width:100%;} 
.linkBox ul li{ float:left;width:33.33%; text-align:center;  padding-bottom:0.8rem; font-size:0.56rem; color:#666; height:3rem;  }
.linkBox ul li img{ width:26%;}
.personInfor_zhezhao{ width:100%; height:100%; position: absolute;  top:0; left:0; opacity:0;}





/*页码*/
/* 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;}

    
}   

