/*公用样式开始*/
body{ font-size:16px;}
/*清楚样式*/
button{border:none;}
input,select{-webkit-appearance:none; -moz-appearance:none; box-shadow:none !important;}
a,a:active,a:focus,a:hover{text-decoration:none;}
em,i{ font-style:normal;}
li{ list-style:none;}
/*边框*/
.b_box{ border:1px solid #ddd;}
.b_t{ border-top:1px solid #ddd;}
.b_r{ border-right:1px solid #ddd;}
.b_b{ border-bottom:1px solid #ddd;}
.b_l{ border-left:1px solid #ddd;}
.b_n{ border:none !important;}
/*圆角*/
.b_r0{ border-radius:0!important;}
.b_r5{ border-radius:5px;}
.b_r8{ border-radius:8px;}
.b_r15{border-radius:15px;}
.b_r50{ border-radius:50px;}
.b_r100{ border-radius:100px !important;}
/*显示与隐藏*/
.block{ display:block;}
.b_l{ display:inline-block;}
.d_n{ display:none;}
/*字体大小*/
.f12{ font-size:12px;}
.f14{ font-size:14px;}
.f16{ font-size:16px;}
.f18{ font-size:18px;}
.f_n{ font-weight:normal; }
/*字体颜色*/
.f_3{ color:#333 !important;}
.f_6{ color:#666;}
.f_9{ color:#999;}
.f_f{ color:#fff !important;}
.f_blue{ color:#239fdb !important;}
.f_red{ color:#c40001 !important;}
.f_g{ color:#42c76c !important;}
/*背景颜色*/
.bg_grey{ background-color:#f5f5f5;}
.bg_white{ background-color:#fff !important;}
.bg_blue{background-color:#24a0de !important;}
.bg_red{background-color:#be0000;}
/*距离*/
/*padding为0*/
.p0{ padding:0 !important;}
.p_t0{ padding-top:0 !important;}
.p_r0{ padding-right:0 !important;}
.p_b0{ padding-bottom:0;}
.p_l0{ padding-left:0 !important;}
/*padding为5*/
.p5{ padding:5px;}
.p_t5{ padding-top:5px;}
.p_r5{ padding-right:5px;}
.p_b5{ padding-bottom:5px !important;}
.p_l5{ padding-left:5px;}
/*padding为10*/
.p10{ padding:10px;}
.p_t10{ padding-top:10px;}
.p_r10{ padding-right:10px;}
.p_b10{ padding-bottom:10px;}
.p_l10{ padding-left:10px;}
/*padding为15*/
.p15{ padding:15px;}
.p_t15{ padding-top:15px;}
.p_r15{ padding-right:15px;}
.p_b15{ padding-bottom:15px;}
.p_l15{ padding-left:15px;}
/*padding为20*/
.p_l20{ padding-left:20px;}
/*padding为30*/
.p_l30{ padding-left:30px;}
/*padding为40*/
.p_l40{ padding-left:40px;}
/*margin为0*/
.m_t0{ margin-top:0;}
.m_r0{ margin-right:0;}
.m_b0{ margin-bottom:0;}
.m_l0{ margin-left:0;}
/*margin为5*/
.m_t5{ margin-top:5px;}
.m_r5{ margin-right:5px;}
.m_b5{ margin-bottom:5px;}
.m_l5{ margin-left:5px;}
/*margin为10*/
.m_t10{ margin-top:10px !important;}
.m_r10{ margin-right:10px;}
.m_b10{ margin-bottom:10px !important;}
.m_l10{ margin-left:10px;}
/*margin为15*/
.m_t15{ margin-top:15px;}
.m_r15{ margin-right:15px;}
.m_b15{ margin-bottom:15px;}
.m_l15{ margin-left:15px;}
/*margin为20*/
.m_t20{ margin-top:20px;}
.m_r20{ margin-right:20px;}
.m_b20{ margin-bottom:20px;}
.m_l20{ margin-left:20px;}
/*margin为30*/
.m_t30{ margin-top:30px;}
.m_r30{ margin-right:30px;}
.m_b30{ margin-bottom:30px;}
.m_l30{ margin-left:30px;}
/*margin为40*/
.m_t40{ margin-top:40px;}
/*宽度*/
.w_100{ width:100%;}
/*高度*/
.h_30{height:30px; line-height:30px;}
.h_35{height:35px; line-height:35px;}
.h_40{ height:40px; line-height:40px;}
.h_45{ height:45px; line-height:45px;}
/*在一行内文字多了隐藏*/
.of{ overflow:hidden;}
/*强制换行*/
.w_b{ word-break:break-all;}
/*在一行内文字多了显示点*/
.f_of{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
/*公用样式结束*/
section{ margin-bottom:55px;}
/*footer*/
.w_grey{ display:block;}
.w_blue{ display:none;}
.w_footer ul{ height:49px;}
.w_footer ul li img{ width:24px; height:21px; margin:5px auto 5px auto;}
.w_footer ul li.active .w_blue{ display:block;}
.w_footer ul li.active  a span{ color:#239fdb;}
.w_footer ul li.active .w_grey{ display:none;}