﻿@charset "utf-8";
/**app.wxss**/
[v-cloak]{
   display:none;
}
/* CSS Document */
/*chongzhi*/
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,button,form,fieldset,input,textarea,p,blockquote,th,td {    
    margin:0;   
    padding:0;   
}
input{border:none; background:none;}
a{ text-decoration:none; color:#999;outline: none;-moz-outline-style: none; } 
table {  
    border-collapse:collapse;   
    border-spacing:0;   
} 
fieldset,img {    
    border:0;
	max-width:100%;
	height:auto;
} 
input, textarea {
    outline: none;
    box-sizing: border-box;
    resize: none;
}
/*address,caption,cite,code,dfn,em,strong,th,var {  
    font-style:normal;   
    font-weight:normal;   
} */
address,caption,cite,code,dfn,em,th,var {  
    font-style:normal;   
    font-weight:normal;   
} 
ol,ul {  
    list-style:none;  
} 
caption,th {  
    text-align:left;   
} 
h1,h2,h3,h4,h5,h6 {  
    font-size:100%;   
    font-weight:normal;   
} 
q:before,q:after {  
    content:'';   
} 
abbr,acronym { 
    border:0;   
}

body {
    padding: 0;
    margin: 0 auto;
    max-width: 600px;
    font-family: tahoma,"Microsoft YaHei",arial,simsun,"宋体",sans-serif;
    font-size: 14px;
    background-color: #f7f7f7;
	position:relative;
	-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
}

/*chongzhi_end*/


/*弹窗*/
.tc_tip{ position:fixed; left:50%; overflow:hidden; top:50%; z-index:10;  max-width:2.656rem;  margin-top:0 !important; margin-left:0 !important; background-color:#fff; border-radius:0.04rem; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}
.overauto{ overflow:visible; margin-top:-15px;}
.overauto:after{ content:""; clear:both;}
.tc_tip .ti_tip{ font-size:0.128rem; font-family: "microsoft yahei"; width:1.8rem; padding:0 0.128rem;  color:#333; overflow:hidden; margin:0.128rem 0; margin-bottom:0;}
.tc_tip .cont_c_box{ overflow:hidden; padding:0 0.128rem; min-width:1.8rem; max-width:2.4rem;font:0.096rem/0.16rem "microsoft yahei"; color:#333; margin:0.15rem auto;}
.tc_tip .tex_tip_info{}
.tc_tip .tip_btn{ width:100%; overflow:hidden;}
.tc_tip .tip_btn button{ border:none;}
.tc_tip .tip_btn .cancl_btn{ font:0.112rem/0.32rem "microsoft yahei"; cursor:pointer; float:left; color:#333; width:50%; text-align:center; background-color:#ededed;}
.tc_tip .tip_btn .ok_btn{ font:0.112rem/0.32rem "microsoft yahei"; cursor:pointer; float:left; color:#fff; width:50%; text-align:center; background-color:#009999;}
.tc_tip .tip_btn .ok_btn_w{ display:block; width:100%; font:0.112rem/0.32rem "microsoft yahei"; cursor:pointer; color:#fff; text-align:center; background-color:#009999;}
.clo_m{ position: absolute; width: 0.2rem; height: 0.2rem; top:0.064rem; right:0.064rem;background: url('/css/m/m_user/image/com_m.png') no-repeat; background-size: 3rem;  background-position: -2.8rem -0.6rem;}

.tc_tip .inp_box{ overflow: hidden; width: 2.4rem; margin: 0 auto;
   }
.ti_tc{ overflow: hidden; font: 0.112rem/0.112rem "microsoft yahei"; padding:0 0.128rem; margin-top:0.112rem; color:#333;}


.tc_state{ position:fixed; left:50%; top:50%; margin-top:0 !important; margin-left:0 !important; /*margin-left:-0.7rem;*/ z-index:10; overflow:hidden; /*width:1.4rem;*/ background:rgba(51,51,51,0.8); border-radius:0.04rem; padding:15px 20px;transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}
.tc_state span{ display:block; text-align:center;     margin: 0.05rem auto;
    min-width: 1.2rem; color:#fff; max-width:1.4rem; font:0.112rem/0.16rem "microsoft yahei";}

.tc_state_w{ position:fixed; left:50%; top:50%; margin-left:-1rem; z-index:10; overflow:hidden; width:2rem; background:rgba(51,51,51,0.8); border-radius:0.04rem; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.tc_state_w span{ display:block; text-align:center; max-width:75%; color:#fff; font:0.112rem/0.16rem "microsoft yahei"; margin:0.15rem auto;}

.tc_loading{  position:fixed; left:50%; top:50%; margin-left:-0.3rem; margin-top:-0.3rem; z-index:10; overflow:hidden; height:0.6rem; width:0.6rem;  background: rgba(51,51,51,0.8); border-radius:0.04rem;}
.tc_loading span{display:block; text-align:center; font:0.096rem/0.096rem "microsoft yahei"; color:#fff; margin:0.1rem auto; }

.tc_loading .load_mark{width:0.208rem; height:0.208rem;display:block;  margin:0.1rem auto; background: url('/css/m/m_user/image/loading.gif') no-repeat; background-size:100%;}








/*弹窗end*/

/*加载*/
.load_tip{ overflow:hidden; text-align:center; margin:0.2rem;}

.load_tip .load_mark{width:0.128rem; height:0.128rem; display:inline-block; vertical-align:middle;background: url('/css/m/m_user/image/loading.gif') no-repeat; background-size:100%;}
.load_tip span{ display:inline-block; vertical-align:middle; font:0.096rem/0.128rem "microsoft yahei"; color:#666; margin-left:0.06rem;}


.load_cont{ overflow: hidden; min-height: 100%; background-color:#fff; }

.loading-warp{ display:block; height:0.44rem; width: 100%;margin-top:-0.44rem;}
.loading-warp .box{ width: 100%; overflow:hidden; text-align:center; height:100%; position:relative;}


.loading-warp .box .load_mark{display:block; width: 0.208rem; height: 0.208rem; margin: 0.116rem auto; position:absolute; top:50%; left:50%; margin-top:-0.104rem; margin-left:-0.104rem; background: url('/css/m/m_user/image/loading.gif') no-repeat; background-size:100%;}

.bl_50_02{ background-color: #333; opacity: 0.5;position: fixed; width: 100%; height: 100%; left: 0; top:0; z-index: 5;}
.bl_80{ background-color: #333; opacity: 0.8;position:fixed; width: 100%; height: 100%; left: 0; top:0; z-index: 11;}
.bl_50{ background-color: #333; opacity: 0.5;position:fixed; width: 100%; height: 100%; left: 0; top:0; z-index: 5;}
/*加载end*/
/*底部弹窗*/


.tc_side{ position:fixed; width:100%; z-index:10; max-width:600px; background-color:#fff;}
.tc_side_top{ top:0;}
.tc_side_bottom{ bottom:0;}
.tc_side .ts_title{ font:0.128rem/0.36rem "microsoft yahei"; color:#333; padding:0.03rem 0.16rem; border-bottom:1px solid #ededed;}
.tc_side .ts_content{ overflow:hidden;  }
.tc_side .tc_side_btn{ width: 2.68rem; height: 0.312rem;  border-radius: 0.04rem; background-color: #009999; color: #fff; text-align: center; font: 0.112rem/0.312rem "microsoft yahei"; margin:0.12rem auto;}

.tc_side .sel_mem{ overflow: hidden;}
.tc_side .sel_mem .per_b{ overflow:hidden; position:relative; border-bottom:1px solid #ededed; padding:0.12rem 0.16rem;}
.tc_side .sel_mem .per_b:last-child{ border-bottom:none;}
.tc_side .sel_mem .per_b .tex_inf{ float:left; width:2rem;}
.tc_side .sel_mem .per_b .tex_inf p{ font:0.128rem/0.228rem "microsoft yahei"; color:#333;}
.tc_side .sel_mem .per_b .tex_inf span{ font:0.096rem/0.196rem "microsoft yahei"; color:#aaa;}
.tc_side .sel_mem .per_b .sel_mark{ position:absolute; display:none; right:0.16rem; top:50%; margin-top:-0.1rem; width:0.2rem; height:0.2rem;background: url('/css/m/m_user/image/com_m.png') no-repeat; background-size: 3rem; background-position: -2.6rem -0.6rem;}

.input_error{ box-sizing:border-box !important; border:1px solid #f70 !important; /*box-shadow:0 0px 3px rgba(255,119,0,0.6) !important;*/}

/*底部弹窗*/

/*下拉弹窗*/
.drop_menu{ overflow:hidden; box-sizing:border-box; z-index:3; display:none; position:absolute; top:0.3rem; width:100%; background-color:#fff; border:1px solid #ddd; border-radius:0.04rem; box-shadow:0 0.02rem 0.1rem rgba(0,0,0,0.2)}
.drop_menu .drop_menu_content{ overflow:hidden; width:100%; box-sizing:border-box; padding:0.04rem 0;}
/*下拉弹窗end*/



.tc_side_100{ height:100%; z-index:20;}

.swi_b{ float: right; height: 0.2rem; margin-right: 0.06rem; width:0.24rem;background: url('/css/m/m_user/image/com_m.png') no-repeat; background-size: 3rem; background-position: -0.08rem -4.8rem;}
.swi_b_sel{ background-position:-0.48rem -4.8rem;}


.b_white{background-color:#fff !important; overflow:hidden;}





/*地址选择*/

.side_addr{ position:fixed; width:0; overflow:hidden;  height:100%; max-width:600px; top:0; z-index:120;}
.side_addr .bl_50_city{ width:100%; position:absolute; height:100%; background-color:#000; opacity:0.5;}
.side_addr .pro_box{ width:33%; height:100%; transition:all linear .2s; position:absolute; right:-33%; background-color:#fff; }
.side_addr .pro_box .province{ height:auto !important; overflow:hidden;}
.side_addr .pro_box .province li{ font:0.11rem/0.3rem "microsoft yahei"; height:0.3rem; overflow:hidden; display:block; text-align:center; cursor:pointer;border-bottom: 1px solid #e0e0e0;
    box-sizing: border-box;}
.side_addr .pro_box .province li em{ float:left; text-align:center; padding-left:24%; width:12%; color:#aaa; }
.side_addr .pro_box .province li span{float:right; text-align:left; width:60%; color:#333; }
.side_addr .pro_box .province .sel_addr{ background-color:#f8f8f8;}
.side_addr .pro_box .province .sel_addr span{ color:#009999; background-color:#f8f8f8;}

.city_addr{ position:absolute; right:-66%; transition:all linear .2s; width:33%; background-color:#fff; height:100%; overflow:hidden;}
.city_addr ul{ display:none;}
.city_addr ul{height:auto !important; min-height:100%; width:100%; overflow:hidden;}
.city_addr ul li{ font:0.11rem/0.3rem "microsoft yahei"; overflow:hidden; color:#333; text-align:center; height:0.3rem; overflow:hidden; box-sizing:border-box; padding:0 0.1rem;text-align: left;
    border-bottom: 1px solid #eee;}
.city_addr ul .sel{ color:#009999; background-color:#f8f8f8;}
.city_addr ul:nth-child(1){ display:block;border-left: 1px solid #eee;}
.city_box{ overflow:auto; height:100%; width:100%; float:left;}

.city_box::-webkit-scrollbar{display: none;}
    
.side_addr .pro_box_3{ width:25%; right:-25%; }
.side_addr .pro_box_3 .province li span{width: 100%;
    box-sizing: border-box;
    padding: 0 0.15rem;}
.city_addr_3{ width:25%; right:-50%;}
.area_addr_3{ width:25%; right:-75%; background-color:#fdfdfd;}
.two_addr .province li span{ width:70%;}
.two_addr .province li{ border:none !important;}
.two_addr .city_addr ul{ border:none;}
.two_addr .city_addr{ background-color:#f8f8f8;}
.two_addr .city_addr ul li{ padding:0 0.2rem;}
.two_addr .city_addr ul li{ border:none;}

/*地址选择end*/

/*筛选*/
.nav_tip{overflow: hidden; padding: 0.04rem 0; position: relative; z-index: 3; background-color: #fff; border-bottom: 1px solid #e5e5e5; display: flex;}
.nav_tip span{ flex: 1; padding:0.06rem 0; text-align: center; font-size:0; color:#333;}
.nav_tip span em{display:inline-block;
vertical-align:middle; 
max-width:0.48rem;
white-space:nowrap;
text-overflow:clip;
overflow:hidden;
font-size:0.112rem;

}
.nav_tip .sel_nav{ color: #009999;}
.nav_tip span::after{ display: inline-block;  content: ""; vertical-align: middle; width: 0.112rem; height: 0.2rem; background: url('/css/m/m_user/image/wg_m.png') no-repeat; background-size: 1.6rem; background-position: -0.044rem -0.2rem; margin-left: 0.04rem; }

.nav_tip .sel_nav::after{ background-position: -0.644rem -2.2rem;}


.sec_tip_b{ overflow: hidden; width: 100%; background-color: #fff; position: absolute; left: 0; top: 0rem; padding-top: 0.4rem;}
.sec_tip_b .tip_s_box{ overflow: hidden; width: 2.8rem; padding: 0.06rem 0; margin: 0 auto;}
.sec_tip_b .tip_s_box span{ float: left; border:0.008rem solid #f4f4f4; width: 0.62rem; height: 0.304rem; box-sizing: border-box; border-radius: 0.04rem; background-color: #f4f4f4; text-align: center; font: 0.104rem/0.304rem "microsoft yahei"; margin: 0.04rem;}

.sec_tip_b .tip_s_box .sel{ border:0.008rem solid #009999; color:#009999; background-color: #fff; line-height: 0.304rem;}
.sec_tip_b .lef_sec_tip{ float:left; width: 25%; box-sizing: border-box; height:3.078rem; border-right:1px solid #e0e0e0; }
.sec_tip_b .lef_sec_tip span{ font: 0.112rem/0.352rem "microsoft yahei"; color:#333; display: block; text-align: center;}
.sec_tip_b .lef_sec_tip .sel_css{ color:#009999; background-color: #f6f6f6;}
.sec_tip_b .rig_t_box{ float: left; width:75%; height: 3.078rem; overflow: auto}
.sec_tip_b .rig_t_box .rig_third_tip{ float: left; width: 100%;}
.sec_tip_b .rig_t_box .rig_third_tip span{font: 0.112rem/0.4rem "microsoft yahei"; height: 0.4rem; box-sizing: border-box; color:#333; display: block; text-align: left; text-indent: 0.06rem; border-bottom: 1px solid #e0e0e0;}
.sec_tip_b .rig_t_box .rig_third_tip .sel_c{ color:#009999; background-color: #f6f6f6;}
.nav_o_box{ position: relative; z-index: 10; width: 100%;}

.tip_line_box{ overflow: hidden;}
.tip_line_box span{ display: block; font: 0.112rem/0.4rem "microsoft yahei"; color:#333; width: 92%; padding: 0 4%; border-bottom: 1px solid #f0f0f0; position: relative;}

.tip_line_box .sel{ color: #009999; background-color: #f6f6f6;}
.tip_line_box .sel::after{ position:absolute; right: 4%; top: 0.12rem; width: 0.2rem; height: 0.2rem; content: "";background: url('/css/m/m_user/image/wg_m.png') no-repeat; background-size: 1.6rem; background-position:-0.8rem -2.2rem;}
.tip_line_box span:last-child{ border:none;}
/*筛选end*/

/*无信息*/
.none{ overflow: hidden; margin-bottom:0.4rem;}
.none .m_mark{ display: block; margin:0 auto; margin-top: 0.8rem; width: 1.2rem; height: 0.79rem; background: url('/css/m/m_user/image/com_m.png') no-repeat; background-size: 3rem; background-position:0rem -1.2rem;}
.none span{ font: 0.104rem/0.264rem "microsoft yahei"; color:#999; display: block; text-align: center;}
/*无信息end*/


/*底部边界*/
.ti_s_t{ overflow: hidden; text-align: center; margin: 0.092rem 0;}
.ti_s_t span{ font: 0.096rem/0.176rem "microsoft yahei"; color:#bcbcbc; display:inline-block;}
.ti_s_t .before{ display: inline-block;   width: 0.2rem; height: 1px; background-color: #c8c8c8; vertical-align: middle; margin: 0 0.04rem;margin-top: -0.016rem;}
.ti_s_t .after{ display: inline-block;  width: 0.2rem; height: 1px; background-color: #c8c8c8;vertical-align: middle; margin: 0 0.04rem;}
/*底部边界end*/

/*底部电话*/
.bot_fix{ position:fixed; width:100%; z-index:5; height: 0.46rem; bottom: 0; left:0;}

.bot_fix .com_info{ float: left; margin:0 !important; border-radius:0 !important; width: 60%; height: 0.36rem; padding:0.05rem 0; background-color: #fff;}
.bot_fix .com_info .pic_b{ float: left; width: 0.24rem; height: 0.24rem; border-radius: 0.24rem; overflow: hidden;margin-left: 0.12rem; margin-top: 0.06rem;}

.bot_fix .com_info .pic_b img{ display: block; width: 0.24rem; height: 0.24rem; }
.bot_fix .com_info .inf_com{ float: left; margin:0.04rem 0.06rem; width:1.28rem;}
.bot_fix .com_info .inf_com .com_name{ display: block; width:100%; font: 0.112rem/0.15rem "microsoft yahei"; margin-top:-0.01rem; color:#333; height: 0.15rem; overflow: hidden;}
.bot_fix .com_info .inf_com .gd_num{display: block; font: 0.096rem/0.096rem "microsoft yahei"; margin-top: 0.014rem; color:#999;}
.bot_fix .com_info .inf_com .com_tel{display: block; font: 0.096rem/0.096rem "microsoft yahei"; margin-top: 0.014rem; color:#999;}
.bot_fix .com_info .inf_com .gd_num span{ color:#208fff;}
.bot_fix .or_see{ float: left; width: 40%; height: 0.36rem; padding:0.05rem 0; background-color: #208fff; color:#fff; text-align: center;}
.bot_fix .or_see span{font: 0.144rem/0.36rem "microsoft yahei";}
.bot_fix .or_see span::before{display: inline-block; vertical-align: middle; content: ""; width:0.2rem; height: 0.2rem;background: url('/css/m/m_user/image/store_m.png') no-repeat; background-size: 3rem; background-position: -0.6rem -0.8rem; margin-top: -3px; margin-right: 0.04rem;}
/*底部电话end*/

.pic_de_b{ position:fixed; width:100%; height:100%; left:0; top:0; background-color:#000000; z-index:15;}
.top_back{ width:100%; position:absolute; left:0; bottom:0; overflow:hidden; height:0.44rem; text-align:center}
.top_back .xgt_top_sty{ font:0.136rem/0.44rem "microsoft yahei"; bottom:0; color:#fff; position:absolute; left:50%; transform:translateX(-50%);-webkit-transform:translateX(-50%);}

.pic_out{ width:100%; overflow:hidden; height:100% !important;}
.pic_out img{ width:100%; position:absolute !important; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}
.pic_out li{ height:100% !important;}



/*弹窗*/
.hx_cla{ width: 2.4rem; overflow: hidden; margin: 0 auto;}
.hx_cla span{ float: left; position: relative; margin: 0.06rem; overflow:hidden; box-sizing: border-box; border:1px solid #c9c9c9; border-radius: 0.04rem; height: 0.264rem; font: 0.096rem/0.264rem "microsoft yahei"; width: 0.48rem; color: #666; text-align: center;}
.hx_cla .sel_m{ border-color:#009999; color:#009999;}
.hx_cla .sel_m::before{ position: absolute; right: -1px; bottom: -1px; width: 0.2rem; height: 0.2rem; content: "";background: url('/css/m/m_user/image/com_m.png') no-repeat; background-size: 3rem; background-position: -1.4rem -3rem;}

.pro_b_sel{ overflow: auto; max-height:3.072rem; background-color: #fff; width: 100%;}

.pro_b_sel span{ display: block; width: 2.76rem; margin: 0 auto; font: 0.112rem/0.384rem "microsoft yahei"; color:#333; border-bottom:1px solid #ededed;}
.pro_b_sel span:last-child{ border:none;}

.pro_b_sel span::before{ float: left; width: 0.14rem; height: 0.14rem; margin: 0.122rem 0.08rem; content:""; background-color: #fff; border-radius: 0.2rem; border:1px solid #c8c8c8; box-sizing: border-box;}

.pro_b_sel .sel_mm::before{ border: none;background: url('/css/m/m_user/image/com_m.png') no-repeat; background-size: 3rem; 
background-position: -2.632rem -0.632rem;}

/*弹窗end*/

.bot_part .logo_lef{ display: inline-block; vertical-align: middle; width: 0.2rem; height: 0.2rem;background: url('/css/m/m_user/image/wg_m.png') no-repeat; background-size: 1.6rem;  background-position: -1rem -2.2rem;}
.bot_part{ overflow: hidden; text-align: center; padding: 0.06rem 0; margin-top:0.1rem;}
.bot_part img{ display: inline-block; width: 0.144rem; height: 0.144rem; vertical-align: middle;}
.bot_part span{ display: inline-block; margin-left: 0.02rem; font: 0.096rem/0.16rem "microsoft yahei"; color:#999; vertical-align: middle;}
.bot_part span::after{ display: inline-block; vertical-align: middle; width: 0.12rem; height: 0.16rem; content: "";background: url('/css/m/m_user/image/wg_m.png') no-repeat; background-size: 1.6rem; margin-top: -3px; background-position: -0.04rem -0.22rem;transform: rotate(-90deg);-ms-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); }

.yd_p{ position:fixed; top:0rem; right:0.15rem; width:2.6rem; overflow:hidden; z-index:12;}
.yd_p .cir_kuang{ width:2.28rem; float:left; height:1.16rem; border-radius:50%; border:0.016rem dashed #fff; background:rgba(255,255,255,0.1); margin:0 0.16rem; margin-top:-0.05rem;}
.yd_p .cir_kuang p{ font:0.128rem/0.208rem "microsoft yahei"; color:#fff; width:100%; text-align:center; margin-top:0.372rem;}
.yd_p .jt_m{ float:right; width:1.2rem; height:0.64rem; background: url('/css/m/m_user/image/com_m.png') no-repeat; background-size: 3rem; background-position: 0rem -5.08rem;}

/*date_css*/
.dd-w .dd-icon-check:before{ content:"" !important; display:inline-block; width:40px; height:40px; margin-top:3px; background:url(/css/image/date_mm.png) no-repeat; background-size:200px; background-position:0 0;}
.dd-w .dd-icon-left:before{content:"" !important; margin-top:-5px; display:inline-block; width:20px; height:20px; vertical-align:middle; background:url(/css/image/date_mm.png) no-repeat; background-size:200px; background-position:-50px -10px;}
.dd-w .dd-icon-right:before{content:"" !important; margin-top:-5px; display:inline-block; width:20px; height:20px; vertical-align:middle; background:url(/css/image/date_mm.png) no-repeat; background-size:200px; background-position:-90px -10px;}
.dd-w .dd-s-b-ul li.dd-on:after{content:"" !important; background:url(/css/image/date_mm.png) no-repeat; background-size:200px; background-position:-120px 0px; }
.dd-w .dd-icon-close:before{ content:"" !important; display:inline-block; width:40px; height:12px; margin-top:3px; background:url(/css/image/date_mm.png) no-repeat; background-size:200px; background-position:-160px -14px;}
/*date_css_end*/

@media (min-width: 320px){html{font-size: 42.6667px;} }
@media (min-width: 360px){html{font-size: 120px;} }
@media (min-width: 375px){html{font-size: 125px;} }
@media (min-width: 384px){html{font-size: 128px;} }
@media (min-width: 414px){html{font-size: 138px;} }
@media (min-width: 448px){html{font-size: 149.3333px;} }
@media (min-width: 480px){html{font-size: 160px;} }
@media (min-width: 512px){html{font-size: 170.6666px;} }
@media (min-width: 544px){html{font-size: 181.3333px;} }
@media (min-width: 576px){html{font-size: 192px;} }
@media (min-width: 600px){html{font-size: 200px;} }