﻿@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,button{/*font-size:14px;*/appearance: none;-o-appearance: none;-moz-appearance: none;-webkit-appearance: none;-webkit-tap-highlight-color:rgba(0,0,0,0);-o-tap-highlight-color:rgba(0,0,0,0);-moz-tap-highlight-color:rgba(0,0,0,0);-ms-tap-highlight-color:rgba(0,0,0,0);tap-highlight-color:rgba(0,0,0,0);border-radius:0;color:#333;font-family:'pf_MEDIUM','Microsoft Yahei','SimSun','Arial'; border:0; background:none;outline:none;resize:none;}
img{border:0;  display:block; max-width:100%;/*pointer-events: none;*/}
em,i{ font-style:normal; }

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%;padding-top:5px;}
.head_right_box{ width:54%; text-align:right; padding-top:0.1rem;}
.head_right_box span{font-size:0.4rem;}
.head_right_box > div{ overflow: hidden;
  width: 1rem;
  display: inline-block;
  vertical-align: top;
  margin-left: 0.8rem;
  padding: 0;}
}


/*.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; }
.m_location{  font-size: 0.6rem; /* padding-top:0.2rem; */}
.m_location{height:0.8rem;/* margin-right: 0.6rem;*/  max-width:58%; background:url(../images1/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.8rem; position:relative; height:3rem;}

.add_menu_btn{  position:absolute;  width:20%; height:90%;right:-0.2rem;  top:0.4rem;   text-align: right; z-index:2;
  padding: 0.4rem 0.4rem 0 0;
 background: -moz-linear-gradient(left, rgba(65, 156, 255,0.4) 0%, rgba(65, 156, 255,1) 38%);
background: -webkit-linear-gradient(left, rgba(65, 156, 255,0.2) 0%, rgba(65, 156, 255,1) 38%);
background: -o-linear-gradient(left, rgba(65, 156, 255,0.4) 0%, rgba(65, 156, 255,1) 38%);
  font-size:0.52rem;


  }
 .add_menu_btn div{ padding-top:0.4rem;}





.add_menu_btn img{ width:56%; display:inline-block; vertical-align: middle;}
.head_search{ width:100%; margin:0 auto; height:1.6rem; background:#449cff;  position:relative;}
.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; bottom:-0.54rem; z-index: 2;}
.search_fdj{ position: absolute;
  right: 0.4rem;
  top: 0.46rem;
  z-index: 2;
  height: 1.4rem; padding:0.26rem 0.4rem 0 0.2rem; width:1.8rem;}
  .search_fdj img{ width:70%;}



.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: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;}


/*登录提示*/
.personInforPop{
  position: fixed;
  left: 50%;
  top: 2.4rem;
  width: 15rem;
  height:100%;
  margin-left:-7.5rem;
  background: rgba(0,0,0,0.5);
  z-index: 12;}
.personInforPop::before{position: absolute;
  right: 2.3rem;
  top: -0.2rem;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-bottom: 12px solid #fff;
  content: '';}
.login_tip_head{ overflow:hidden; background:#fff; border-bottom:1px solid #dcdcdc; padding:0.4rem 0.6rem; position:relative;z-index:1;}
.login_tip_head p{ font-size:0.56rem; text-align:center; padding:0.6rem 0; color:#0066b3;}



/*个人菜单*/
.mask {
  display: none;
  position: fixed;
  left: 50%;
  top: 0;
  bottom: 0;
  width: 15rem;
  margin-left: -7.5rem;
  z-index: 15;
  background: rgba(0,0,0,.6);
}
.siderMenu {
  display: block;
  position: fixed;
  right: -11.4rem;
  top: 0;
  bottom: 0;
  padding-bottom: 2.4rem;
  width: 11.4rem;
  z-index: 16;
  background: #fff url(../images1/default/seder_memuBg.png) no-repeat 0 top;
  background-size: contain;

}
.siderMenu .close {
  position: absolute;
  left: 0.78rem;
  top: 1.18rem;
  width: 0.68rem;
  height:  0.68rem;
  background: url(../images1/default/close.png) no-repeat center center;
  background-size: contain;
}
.siderMenu .avatarBox {
  font-size: 0.6rem;
  color: #fff;
  text-align: center;
  overflow: hidden;
  background: rgba(0,0,0,0);
  padding-top:1.2rem;
}
.siderMenu .avatarBox .img_box{margin:0.2rem 0.4rem 0.4rem 2rem;}
.siderMenu .avatarBox .btn_exit{margin:0.4rem 1.9rem 0rem 0rem;}
.siderMenu .avatarBox .btn_exit h3{color: #fff;font-size: 0.56rem;font-weight:normal;}
.siderMenu .avatarBox .btn_exit a{border: 1px solid #0066b3;padding: 0.2rem 0.4rem;border-radius: 1rem;margin-top: 0.3rem;display:inline-block;font-size: 0.52rem;`}
.siderMenu .avatarBox .btn_exit a:link,a:hover{color:#0066b3;}
.siderMenu .avatarBox .clear_over{overflow:hidden;}
.siderMenu .login_tips{text-align: center;color: #fff;font-size: 0.48rem;}
.login_tips span:first-child{margin-right:0.4rem;}
.siderMenu .avatarBox  p{color: #fff;font-size: 0.56rem; padding-top:0.16rem;}
.siderMenu .avatarBox img {
	width:2.8rem;
  display:inline-block;
}
.siderMenusearch {
  display: block;
  padding: 0 0.8rem 0 2.12rem;
  margin: 0.8rem auto 0;
  width: 9.92rem;
  height: 1.28rem;
  border: 1px solid #97c7fd;
  background: #65acfa url(../images1/default/search_menu.png) no-repeat 7% center;
  background-size: 7%;
  box-sizing: border-box;
  border-radius: 32px;
  font-size:0.56rem;
  color: #ffffff;
}
.siderMenuListBox {
/*  margin: 2.04rem 0;*/
  padding:0 0.6rem;
  margin-right: 0.52rem;
  overflow-y: auto;
  width: 100%;
  top: 9rem;
  left: 0;
  position:absolute;
  height:14rem;


}
.siderMenuListBox .item {
  position: relative;
  display: block;
  margin: 0;
  padding: 0 0.8rem 0 2.4rem;
  height: 2.4rem;
  line-height: 2.4rem;
  font-size: 0.6rem;
  color: #333;
  border-bottom: 1px solid #eee;

}
.siderMenuListBox .item img {
  position: absolute;
  left: 1rem;
  top: 50%;
  transform: translate(0,-50%);
  width:8%;
}
.siderMenuBottom {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 0.4rem 1.6rem;
  background: #449cfe;
  box-sizing: border-box;
  text-align: center;
  width:100%;
}
.siderMenuBottom a {
  position: relative;
  margin: 0;
  padding: 0 0.44rem;
  line-height: 1.2rem;
  font-size: 0.56rem;
  color: #fff;
}
.siderMenuBottom a.cur:before {
  position: absolute;
  right: 0;
  top: 50%;
  width: 2px;
  height: 18px;
  margin-top: -9px;
  margin-right: -4px;
  background: rgba(255,255,255,0.8);
  content: '';
}






/*页码*/
/* 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){
.siderMenuListBox{ height:11rem;}
/*.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;}


}
.search_icon_del span{ display:block; width:0.4rem; height:0.4rem; border-radius:50%;padding:2px;  margin: 0.34rem 0 0 0.26rem; background: url(../images/cha.png) no-repeat center; background-size:100%;}
.stop_click{position:absolute;;width:100%;height: 21rem;background: rgba(255, 255, 255, 0);left:0;top: 2rem;z-index:201;text-align:center;}
.stop_click_select{position:absolute;width:100%;height:20.4rem;background: rgba(0, 0, 0, 0.07);left:0;top: 1.9rem;z-index:201;text-align:center;}
.no_search_box{text-align:left;padding-top: 0.8rem;}
.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;
}