/*初始*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video,input{margin:0;padding:0;border:none;outline:0;font:inherit;vertical-align:baseline}
html,body,form,fieldset,p,div,h1,h2,h3,h4,h5,h6{-webkit-text-size-adjust:none}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body{font-family:'微软雅黑';}ol,ul,li{list-style:none; text-outline:none}blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
ins{text-decoration:none}del{text-decoration:line-through}
table{border-collapse:collapse;border-spacing:0}
i{ font-style:normal;}
button::-moz-focus-inner,
input::-moz-focus-inner{
    border: 0;
    padding: 0;
}
input[type="submit"], input[type="reset"], input[type="button"], button {-webkit-appearance: none;}
a,input,button,select,textarea{outline:none;text-decoration:none;}
body{font-size:1em;margin:0;padding:0;text-align:left;color:#000;height:auto; width:100%; overflow-x:hidden;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout:none;-webkit-text-size-adjust: none}
img,a img {border:0;padding:0;margin:0;vertical-align:middle;}
a{ color:#333}
.h10,h10{ font-size:0.625em}
.h11,h11{ font-size:0.688em}
.h12,h12{ font-size:0.750em}
.h13,h13{ font-size:0.813em}
.h14,h14{ font-size:0.875em}
.h15,h15{ font-size:0.938em}
.h16,h16{ font-size:1.000em}
.h17,h17{ font-size:1.063em}
.h18,h18{ font-size:1.125em}
.h19,h19{ font-size:1.188em}
.h20,h20{ font-size:1.250em}
.h21,h21{ font-size:1.313em}
.h22,h22{ font-size:1.375em}
.h23,h23{ font-size:1.438em}
.h24,h24{ font-size:1.500em}


html,body{ height:100%}
/***************************会员登录**************************/
.login_bg{ width:100%; background:url(../img/login_bg.jpg) top center no-repeat #053e79; background-size:100%; height:100%; overflow:hidden; position:relative}

#login{ width:70%; overflow:hidden; margin-left:15%;  margin-top:14em; }

#login div{ font-size:1em; height:2.4em; background:#fff; margin-bottom:2em;  }

#login div span{ width:2.6em; height:2.4em; line-height:2em; text-align:center; float:left; position:relative; }

#login div span img{ position:absolute; width:45%; height:auto; top:0.6em; left:0.7em; }

#login div input{ font:1em normal 'Microsoft YaHei', Arial, Helvetica, sans-serif; width:70%; height:100%; border:0; padding:0; }

#login p{  height:2em; line-height:2em; margin-bottom:0.8em; }

.btnLogin{ font:1em bold 'Microsoft YaHei', Arial, Helvetica, sans-serif; width:100%; height:2.6em; line-height:2.6em; text-align:center; color:#0a4b8c; background:#0ec7f6; border:0; margin-bottom:0.8em; display:block; cursor:pointer;-webkit-appearance: none; margin-top:2em}

input[type="submit"],input[type="reset"],input[type="button"],button { -webkit-appearance: none; }


.contioner {max-width: 640px;margin: 0 auto; min-width: 320px;overflow: hidden; position:relative; padding-top:3em}
/*顶部*/

.logo{ width:23%; float:left; margin-left:0.7em; margin-top:0.65em;}
/*.e_title{ height:auto; height:3.3em; line-height:3.3em; text-align:center; color:#FFF; background:#007cd3;}*/
.e_title{ height:auto; height:3em;  line-height:3em; text-align:center; color:#FFF; background:#007cd3; position:fixed; width:100%; z-index:9999999;top:0}
.e_title .menu{  width:1.5em; height:1.5em; text-align:center; position:absolute; top:0.9em; left:0.7em; background:url(../img/menu.png) no-repeat;  background-size:100%; cursor:pointer; }
.e_title .back,.e_title .back1{  width:20px; height:20px; text-align:center; position:absolute; top:1em; left:0.7em; background:url(../img/icon_return.png) no-repeat; background-size:95%; cursor:pointer; }
.e_title .home{  width:23px; height:23px; text-align:center; position:absolute; top:0.9em; left:0.7em; background:url(../img/home.png) no-repeat;  background-size:100%; cursor:pointer; }
.e_title .cars{  width:2em; height:2em; text-align:center; position:absolute; top:1.2em;  background:url(../img/cars.png) no-repeat left;  background-size:90%; cursor:pointer; }
.e_title .cars i{ color:#FFF; background:#F00; position:absolute; top:-0.4em; right:-0.4em; height:1.2em; width:1.2em; line-height:1.2em;border-radius:1em;}
.e_title .search{width:60%; margin-right:0.7em; float:right; margin-top:0.6em;}


.search_con{width:100%; height:2em; line-height:2em; border-radius:1em; background-color:#eeeeee; float:left; position:relative; border:1px solid #ffffff;}
.search_con span{float:right; width:12%}
.search_con span img{margin-top:20%; margin-right:20%; float:left; height:1.2em;}
.s_input{height:2em; border:none; width:80%; line-height:2em; margin-left:1em; float:left; background-color:#eeeeee;}

.show_count{width:96%; margin-left:2%; line-height:3; color:#999}
.show_count .count{color:#007cd3; font-weight:bolder}
/***************************添加消防站**************************/
.fireadd{ width:98%; float:left; padding:5% 1% 0 1%}
.fireadd li{ width:100%; float:left; margin-bottom:5%}
.fireadd li em{ width:15%; float:left; text-align:right; padding-right:3%}
.fireadd li span{ width:82%; float:right}
.addinputs{ width:97.2%; padding-left:2%; height:30px;border:1px solid #e7e7e7;border-radius:3px;-webkit-appearance: none; }
.addinputs_seaher{ width:97.2%; padding-left:2%; height:32px;border:1px solid #e7e7e7;border-radius:3px;-webkit-appearance: none; }
.fireadd li span .input1{ width:70%; float:left}
.fireadd li span .input2{ width:23%; float:right}
.fireadd li span .input3{ width:40%; float:left}
.fireadd li span .input4{ width:36%; float:right}
.btnsave{ font:1.1em bold 'Microsoft YaHei',Arial, Helvetica, sans-serif; width:30%; height:3em; line-height:3em; border-radius:0.3em; cursor:pointer; color:#fff; text-align:center; background:#007cd3; display:block; margin:0 ; border:0px; float:right}
.tb_border{ border:#e7e7e7 solid 1px;border-top:0;border-left:0; text-align:center; margin-bottom:1em}
.tb_border td{ border-top:#e7e7e7 solid 1px; border-left:#e7e7e7 solid 1px;}
.tb_border .title{ background:#e5f2fb; color:#007cd3}

/***************************查看消防站**************************/
.fireview{ width:98%; float:left; padding:0% 1% 0 1%}
.fireview li{ width:100%; float:left; margin-bottom:0.2em}
.fireview li em{ width:15%; float:left; text-align:right; padding-right:3%}
.fireview li span{ width:82%; float:right}
/***************************位置查看**************************/
.fireselect{ width:98%; float:left; padding:2% 1% 0 1%}
.fireselect li{ width:100%; float:left; margin-bottom:5%}
.fireselect li em{ width:15%; float:left; text-align:right; padding-right:3%}
.fireselect li span{ width:32%; float:left}
.f_seacher{ width:95.5%; background-color:#fff; line-height:250%;border-radius:4px;  padding:0% 2%; border:#e7e7e7 solid 1px}
.f_seacher .input_order{ width:89%; text-align:left;}
.f_seacher .butt_ordes{ width:10%; cursor:pointer;  background:url(../img/sea.png) no-repeat center; background-size:80%; float:right}
/**************************导航*****************************/
.nav{ width:100%;  background:url(../img/nav_bg.jpg); height:2.5em; background-size:100%}
.nav ul li{ width:25%; float:left; line-height:2.5; text-align:center;color:#fff; }
/**************************底部*****************************/
.bottom-fixed{bottom: 0;position: fixed;text-align: center;width:100%;z-index: 100;min-width: 320px;max-width: 640px;}
.footer {display: block;text-align: center; background-color:#ffffff; padding:1.5% 0px 0.5%; overflow:hidden;box-shadow: 0px 0px 30px 0px rgba(59, 59, 59, 0.3)}
.footer li{width: 25%; float:left;font-family: Microsoft YaHei;}
.footer li a .footpic1{ height:2em;  background:url(../img/foot_coin1.png) no-repeat center; margin:0 auto; background-size:25%;}
.footer li a .footpic2{ height:2em; background:url(../img/foot_coin2.png) no-repeat center; margin:0 auto; background-size:22%;}
.footer li a .footpic3{ height:2em; background:url(../img/foot_coin3.png) no-repeat center; margin:0 auto; background-size:26%;}
.footer li a .footpic4{ height:2em; background:url(../img/foot_coin4.png) no-repeat center; margin:0 auto; background-size:26%;}
.footer li a .footpic5{ height:2em; background:url(../img/foot_coin5.png) no-repeat center; margin:0 auto; background-size:26%;}
.footer li a p{  color:#111; text-align:center; line-height:180%}
/**************************首页样式*****************************/
/*banner*/
.main_visual {position: relative;z-index: 23;min-width: 320px;max-width: 640px;}
.main_image {width: 100%;height: 100%;overflow: hidden;margin: 0 auto; position: relative; background:#f2f2f2}
.main_image ul {width: 9999px;height: 100%;overflow: hidden;position: absolute;top: 0;left: 0}
.main_image li {float: left;width: 100%;height: 100%;}
.main_image li span {display: block;width: 100%;height: 100%}
.main_image li img {display: block;overflow: hidden;width: 100%; /*max-height: 320px;*/}
.main_image li a {display: block;width: 100%;height: 100%}
div.flicking_con {overflow: hidden;text-align: center;position: absolute;bottom: 8px;left: 45%;z-index: 11;}
div.flicking_con li {float: left;border-radius: 8px;-webkit-border-radius: 8px;-ms-border-radius: 8px;height: 8px;width: 8px;border: 1px solid #fff;background: #FFF;
margin: 0 4px;display: inline-block;opacity: 1;font-size: 0px;}
div.flicking_con li.on {background: #F60}
/*banner-end*/

.pay_another{height:2.5em; display:none; float:right;  margin-top:0.25em}
#pay_another .cur{ display:block}
.pay_i{width:100%; text-align:right; margin-right:0.5em; float:left; line-height:2; display:none}

.sele{ width:94%; height:auto; overflow:hidden; margin:0 auto; margin-top:0.8em; text-align:center; padding:10px 0px; background-color:#ffffff;}
.TXJ_sectiondiv{width:20%; border:0px solid #000;  display:block; float:left;}
.TXJ_sectiondiv dl{width:100%;height: auto;overflow: hidden; margin:0 auto; text-align:center; }
.TXJ_sectiondiv dt{ width:100%; height:auto; overflow:hidden; text-align:center;}
.TXJ_sectiondiv dd{width:100%; font-size:1em;position: relative; font-size:1em; line-height:2.5; top:0.2em; color:#333333;}
.TXJ_img{width:70%;  margin-left:5px; margin-right:5px;}

.line1{ width:100%; float:left; background:#f2f2f2; height:0.5em}

.nav2{ width:100%; float:left;}
.nav2 ul li{ width:33%; float:left; text-align:center; padding-bottom:1em; background:url(../img/li_bg1.png) no-repeat left center;background-size:1px 80%; }
.nav2 ul li span{ width:100%; float:left; margin-top:1em; line-height:1}
.nav2 ul li i{ width:100%; float:left; color:#999999; line-height:2; margin-bottom:0.5em;}
.nav2 ul li img{ height:4.5em}

.new_active{line-height:2em;  padding-top:0.5em; width:100%; float:left; }
.new_active .con{border-bottom: #e9e9e9 solid 1px; background:url(../img/ispro.png) no-repeat center; background-size:50%;  height:2.3em;}
.new_active .ico_pic{float:left; height:1.8em; margin:0.1em 0.5em 0.5em 0.75em}
.new_active .con .con_r{float:right; margin-right:1em}
.new_active .con .con_r a{ color:#da251e}

.new_active .con1{border-bottom: #e9e9e9 solid 1px; background-size:50%; height:1.5em; line-height:1.5em;  padding-left:0.8em; margin-bottom:0.5em; border-bottom:0; color:#714779}
.new_active .con1 .con_r{float:right; margin-right:0.8em}
.new_active .con1 .con_r a{ color:#333333}
.new_active .con1 .con_r img{ float:right; margin-top:0.3em; margin-left:0.3em; height:1.2em}

.small_class{ width:96%; margin-left:3%; padding-top:2%; float:left;}
.small_class ul li{ width:22%; margin:1%; float:left; text-align:center; border:#dbdbdb solid 1px; line-height:1.8;border-radius:5px;}


.l_product{ width:100%; float:left; border-top:#efefef solid 1px; margin-top:0.6em}
.l_product ul li{ width:33%; float:left; text-align:center; padding-bottom:0.5em; background:url(../img/li_bg1.png) no-repeat left center;background-size:1px 80%; }
.l_product ul li span{ width:84%; padding-left:8%; float:left; margin-top:0.8em; line-height:1.4; color:#333333;text-align:left;}
.l_product ul li i{ width:90%; padding-left:5%; float:left; color:#955aa0; line-height:2; margin-bottom:0.5em;text-align:left;}
.l_product ul li img{ width:80%; margin-top:1em; margin-bottom:0.5em}

.l_product2{ width:100%; float:left; border-top:#efefef solid 1px; }
.l_product2 ul li{ width:33.3%; float:left; text-align:center;  }
.l_product2 ul li img{ width:100%; }
.l_product2 ul .li2{ width:24.8%; float:left; text-align:center; border-left:#eeeeee solid 1px;  }
.l_product2 ul .li2 span{ width:84%; padding-left:8%; float:left; margin-top:0.2em; line-height:1.4; color:#333333;text-align:left;}
.l_product2 ul .li2 i{ width:90%; padding-left:5%; float:left; color:#955aa0; line-height:2; margin-bottom:0.5em;text-align:left;}
.l_product2 ul .li2 img{ width:90%;  margin-top:0.3em; margin-bottom:0.3em}

.l_product5{ width:100%; float:left; border-top:#efefef solid 1px; }
.l_product5 ul li{ width:24.8%; float:left; text-align:center; border-left:#eeeeee solid 1px;  }
.l_product5 ul li img{ width:90%;  margin-top:0.3em; margin-bottom:0.3em; height:4em; width:auto}

.l_product5 ul li .title{ width:84%; padding-left:8%; float:left; margin-top:1em; line-height:1.4; color:#333333;text-align:center;}
.l_product5 ul li .show_img{ height:5em; width:auto;margin-bottom:0.8em;}
.l_product5 ul li span{ width:84%; padding-left:8%; float:left; margin-top:0.2em; line-height:1.4; color:#333333;text-align:left;}
.l_product5 ul li i{ width:90%; padding-left:5%; float:left; color:#955aa0; line-height:2; margin-bottom:0.5em;text-align:left;}
.l_product5 ul .pinp{ border-top:#eeeeee solid 1px}

.list_product{ width:98%; margin-left:1%; height:auto; overflow:hidden;}
.list_product ul li{ padding:3% 0px; border-bottom:1px solid #ebebeb; width:100%; float:left}
.list_product ul li a .lpic{ display:block;  float:left; margin:0px 2%; overflow:hidden; text-align:center; }
.list_product ul li a .lpic img{ width:5em; height:5em; margin-right:0.5em; }
.list_product ul li a .newstext{ width:70%; float:left;}
.list_product ul li a .newstext p.p1{ line-height:1; padding-bottom:0.2em; color:#000}
.list_product ul li a .newstext p.p2{ line-height:1.2;color:#666}

/**************************商品详情页*****************************/
.item{ width:90%; margin:0 auto; line-height:2em; margin-top:1em}
.item_specif{ color:#fb3a3b;}
.item_yprice span{ text-decoration: line-through;}
.item_price{ color:#ff0000;}
.item_kc span{ color:#fb3a3b;}

.list_goodsviw{ width:100%; margin-top:1em; border-bottom:1px solid #dedede;  border-top:1px solid #dedede; overflow:hidden}
.list_goodsviw a { display:inline-block; width:33%; border-left:1px solid #dedede; border-top:2px solid #fff;  color:#666; text-align:center; padding:2% 0px; float:left}
.list_goodsviw a span{ color:#000;  padding:0px 2%}
.list_goodsviw a.cur{ color:#eb4909; background:url(../images/view_cur.png) no-repeat center top; border-top:2px solid #eb4909;}
.list_goodsviw a:hover{  color:#eb4909; background:url(../images/view_cur.png) no-repeat center top; border-top:2px solid #eb4909}

.comment{ width:90%; padding:1% 0px 5%; overflow:hidden;  color:#666; line-height:180%;}

.item{ width:90%; margin:0 auto; line-height:2em; margin-top:1em}
.item_left{ width:100%; float:left;}
.item_right{ width:40%; float:right}
.item_score{ color:#999;text-align:center; border-radius:5px; margin-top:1em;	box-shadow: -2px 0 5px #eee,0 -2px 5px #eee,0 2px 5px #eee,2px 0 5px #eee;}
.item_score span{ color:#F00; margin-top:0.5em; line-height:1em; width:100%; float:left; text-align:center}
.item_specif{ color:#fb3a3b;}
.item_yprice span{ text-decoration: line-through;}
.item_price{ color:#ff0000;}
.item_kc span{ color:#fb3a3b;}
.item_foot{ width:90%; float:left; padding:0 5%; padding-bottom:1em; padding-top:0.8em; line-height:2em; border-top:#eee solid 1px; margin-top:1em; /*border-bottom:#eee solid 0.5em*/}
.item_foot div{ width:50%; float:left; color:#666}
.item_help div{ width:100%;}

.item_nav{width:100%; float:left; background:#f3f3f3}
.item_nav span{line-height:3em; height:3em; float:left; padding-left:1em; border-left:#007cd3 solid 3px;}
.item_top{width:auto; margin-left:4em; float:left}
.item_top li{ width:auto; float:left; padding:0 0.5em;}



.footer_buy {display: block;text-align: center; background-color:#f9f9f9;  overflow:hidden; border-top:#e9e9e9 solid 1px; }
.footer_buy li{ width:20%;font-family: Microsoft YaHei; line-height:3.4em;  float:right; padding:0 1em}
.footer_buy .car{ background:#ff6557;color:#FFF;}
.footer_buy .buy{ background:#007cd3; color:#FFF; position:absolute;  border-top:#007cd3 solid 1px;right:0; top:0px;}
.footer_buy .stock{ background:#8d8d8d; color:#FFF}


.footer_c_buy{display: block;text-align: center; background-color:#f9f9f9;  overflow:hidden;  padding-top:0.5em}
.footer_c_buy li{ width:50%;font-family: Microsoft YaHei; line-height:3.4em; float:right; float:left;}
.footer_c_buy .cancel{ background:#cecece;color:#000}
.footer_c_buy .pay{ background:#007cd3; color:#FFF}

/**************************下单页面*****************************/
.oder_address{ padding:2% 0px 3%; overflow:hidden; background:url(../img/addr_bg.png) repeat-x bottom #fff; width:100%}
.oder_address span{ width:10%; height:50px; float:left; background:url(../img/locatio.png) no-repeat center;background-size:70% auto;}
.oder_address i{ display:block; float:left; color:#616161; line-height:180%; width:78%}
.oder_address i p{ line-height:160%}
.oder_address font{ width:10%; height:55px;display:block; float:right; background:url(../img/addr_sorry.png) no-repeat center;}

.listp_wl{ background-color:#f8f8f8; padding:2% 2%; overflow:hidden;}
.listp_wl .list_odepic{ width:4.5em;  float:left; margin-right:3%; position:relative}
.listp_wl .list_odepic img{width:4.5em; height:4.5em;}
.listp_wl .listodertext{ width:50%; float:left;}
.listp_wl .listodertext p.p1{ line-height:160%;color:#636363}
.listp_wl .listodertext p.p2{ line-height:160%;  color:#868686; padding-top:2%}
.listp_wl .listodertext p.p3{ padding-top:2%}
.listp_wl .list_priesun{ float:right; text-align:right; width:22%;}
.listp_wl .list_priesun p.status{  border-radius:4px; border:1px solid #C00; padding:0 5px; color:#C00; line-height:24px; display:inline-block;}
.listp_wl .list_priesun p.priec{  color:#636363; line-height:200%; font-family:Arial}
.listp_wl .list_priesun p.sum{  color:#636363; line-height:200%;font-family:Arial, Helvetica, sans-serif}


.item_title{ width:100%; line-height:2.5em;}



.item_buy{ width:95%; margin:0 auto; line-height:2.5}
.item_buy li{ border-bottom:#eee solid 1px; float:left; width:100%}
.buy_num{width:auto; float:right; height:2em; margin-top:0.3em;}
.buy_rec{ width:2em; height:2em; float:left; background:url(../img/rec.png) no-repeat center #eee; background-size:70% }
.buy_add{width:2em; height:2em; float:left; background:url(../img/add.png) no-repeat center #eee; background-size:70%}
.buy_num_c{width:2.2em; line-height:2em; text-align:center; float:left; background:#fff}

input[type='radio'].radioy {opacity:0; display:inline-block; }
label.radioy {background:url(../img/danxuan1.png) no-repeat; padding-left:20px; }
input[type='radio'].radioy:checked + .radioy {background:url(../img/danxuna.png) no-repeat; padding-left:20px;}
.xuanli{ width:auto;  height:25px; line-height:25px; font-size:1.1em; margin-top:0.6em ;color:#999}
.invoice_info{width:auto; margin-left:1em; height:25px; line-height:25px; font-size:1.1em; margin-top:0.6em ;color:#999}
.invoice_info ul li{ border:none; margin-bottom:0.5em }
.invoice_info ul li input{width:15em; border:#ddd solid 1px; padding-left:0.2em}
/**************************提示部分*****************************/
#btis,#bmsg,#bups,#bpas{ width:100%; height:100%; top:0; left:0; position:fixed; z-index:1000001; background:none; display:none;}
#tis{ width:50%; height:40px; line-height:40px; position:fixed;text-align:center; z-index:1002; top:75%; border-radius:50px; background:#666; color:#fff;  margin:auto; left:0; right:0;}
#msg{ width:60%; height:40px; line-height:40px; text-align:center;border-radius:50px; color:#fff;background:#5EBB29; position:fixed;  z-index:100;  margin:auto; left:0; right:0;top:0; bottom:0;}
#ups{ width:60%; height:40px; line-height:40px; text-align:center;border-radius:50px; color:#fff;background:#4c4c4c; position:fixed;   z-index:100;  margin:auto; left:0; right:0;top:20%;}
#pas{ width:50%; height:12%;  position:fixed;text-align:center; z-index:1002; top:75%; border-radius:10px; padding:2%; background:#666; color:#fff;  margin:auto; left:0; right:0;}
#loading{ position:fixed; max-width:640px; margin:auto;  display:none; top:0; left:0; bottom:0; right:0; z-index:9999;}
#loading .lad{ width:19%; height:12%; border-radius:7px; margin:auto; left:0; right:0; top:0; bottom:0; position:absolute;/*background:url(../img/loading.gif) #eee center no-repeat;*/ background:#eee;  background-size:56%;opacity:0.9;}
#loading .lad img{ width:60%; position:absolute; margin:auto; left:0; right:0; top:0; bottom:0;}
#loading2{ position:fixed; max-width:640px; margin:auto;  display:none; top:0; left:0; bottom:0; right:0; z-index:9999;}
#loading2 .lad2{ width:19%; height:12%; border-radius:7px; margin:auto; left:0; right:0; top:0; bottom:0; position:absolute;/*background:url(../img/loading.gif) #eee center no-repeat;*/ background:#db121a;  background-size:56%;opacity:0.9;}
#loading2 .lad2 img{ width:60%; position:absolute; margin:auto; left:0; right:0; top:0; bottom:0;}
/***************************购物车**************************/
.chk_1 { display: none; } 
.chk_1 + label {  background-color: #FFF; border: 1px solid #c3c3c3; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05); padding: 12px; border-radius: 50%; display: inline-block;position: relative;}
.chk_1 + label:active { box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1); }
.chk_1:checked + label { background-color: #f73333; border: 1px solid #f73333; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05), inset 15px 10px -12px rgba(255, 255, 255, 0.1); color: #fff; }
.chk_1:checked + label:after { content: '\2714';  position: absolute; top: 0px; left: 0px;  color: #fff; width: 100%;  text-align: center; font-size:1.2em  }

.prt-lt{  width:100%; border-bottom:1px solid #e7e7e7; overflow:hidden; padding:0.5em 0px; background:#FFF}
.prt-lt .cheackgg{ width:11%; float:left; overflow:hidden; text-align:center; margin-top:5%}
.prt-lt .lt-lt{ float:left; width:18%; margin-right:2%; position:relative}
.prt-lt .lt-lt img{ float:left; width:100%}

.prt-lt .lt-ct{ float:left; width:55%;}
.prt-lt .lt-ct p{ /* white-space: nowrap;text-overflow:ellipsis;*/ overflow:hidden; line-height:150%;}
.prt-lt .lt-ct p i{ color:#ea4808; display:block; float:left}
.prt-lt .lt-ct p.pre{ padding-top:0.2em;}
.f666{color:#666;}
.f999{color:#999;}

.prt-lt .lt-ct1{ float:left; width:40%; display:none}
.prt-lt .lt-ct1 p{ width:80%; overflow:hidden; line-height:150%;}
.prt-lt .lt-ct1 p i{ color:#ea4808; display:block; float:left}
.prt-lt .lt-ct1 p.pre{ padding-top:0.5em;}
.prt-lt .del{ width:12%; float:right; background:#da251e; color:#FFF; text-align:center;display:none}
.prt-lt .del a{ color:#FFF; }
.prt-lt p.lt-rt{ margin-top:1em}
.prt-lt p.lt-rt input{ float:left; width:30%; height:30px; font-size:18px; border:1px solid #e5e5e5; text-align:center; line-height:30px; color:#A1A09C; background-color:#fff;}
.prt-lt p.lt-rt input.result{ border:none; color:#333; font-size:16px;}

.mod_car{position:fixed; top:0; right:0em; padding:0 1em; z-index:66666666; line-height:3em}
.fin_car{position:fixed; top:0; right:0em; padding:0 1em; z-index:66666666; line-height:3em; display:none}


.ft-lt{ width:100%; overflow:hidden; padding:2% 0px; background-color:#fff; position:fixed; }
.ft-lt font{ float:left; margin-left:8%; }
.ft-rt{ float:right;background-color:#ea4808; padding:1% 2%;border-radius:6px; margin-right:10%}
.ft-rt p{  color:#fff; text-align:center;}
.ft-rt a{ color:#fff}
/***************************优惠券**************************/
.width100{ width:100%; float:left;}
.bgef{ background:#efefef;}
.coupon{ width:100%; float:left; margin-bottom:5%}
.coupon li{ width:90%; float:left; margin-left:4%; padding:2% 0; border-left:#ff5656 solid 5px; background:#FFF; border-radius:5px 5px 0px 5px; margin-top:5%}
.coupon .left{ width:30%; float:left; text-align:center; border-right: #CCC solid 1px;}
.coupon .left span{color:#ff5656}
.coupon .right{ width:63%; margin-right:3%; float:right; color:#9f9f9f; line-height:1.5}
.coupon .right .title{ color:#333}
#Member1_all{display:none; width:100%; height:100%; overflow:hidden; position:fixed;  _position:absolute;  left:0%; top:0%; z-index:9999; background:url(../img/i_bg.png)}
#Member1a,#Member1b,#Member1c,#Member1d,#Member1e,#Member1f{display:none; width:80%; border-radius: 5px; padding:20px 0; position:absolute; left:10%; top:50%; margin-top:-60px; height:100px; max-height:430px; background:#FFFFFF; z-index:100}
.nocolor{-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; }
.coupon_title{width:84%; padding:0 8%; height:85px; text-align:center}
.coupon_num{width:94%; border:#CCC solid 1px; border-radius: 5px; padding:5px;}
.coupon_bottom{width:100%; float:left; border-top:#CCC solid 1px; text-align:center; height:35px; line-height:34px; color:#007cd3}
.coupon_bottom .left{width:50%; float:left; border-right:#CCC solid 1px;}
.coupon_bottom .right{width:49%; float:right; }
.coupon_btn{width:92%; margin-right:4%; margin-top:0; margin-bottom:5%; background:#007cd3; float:right; line-height:2.5; color:#FFF; border-radius:0.3em; cursor:pointer;}

/***************************个人中心**************************/
.usercenter_bg{ width:90%; height:auto; overflow:hidden; background:#29a1f7;  padding:4% 5%;}
.usercenter_pic{ width:18%; float:left; margin-right:5%;}
.usercenter_pic img{width:100%;border-radius:50%; }
.usercenter_name{ width:70%; float:left; line-height:2.2}
.usercenter_name li{ width:100%; float:left; color:#FFF}
.usercenter_name li em{ width:20%; float:left;}

.usercente_coinpic{ border-bottom:5px solid #f0f0f0; float:left; width:100%}
.usercente_coinpic ul li{ width:19.7%; border-right:1px solid #f0f0f0; float:left; }
.usercente_coinpic ul li.none{ border-right:none}
.usercente_coinpic ul li a .usercoin{ width:100%; text-align:center;margin:18% 0px 0px ;}
.usercente_coinpic ul li a .usercoin img{ height:1.5em; margin-bottom:0.4em; max-width:100%; overflow:hidden}
.usercente_coinpic ul li a p{ color:#333; padding-top:0%; text-align:center;margin:0px 0px 8% ;}


.usercente_listbg2{  background-color:#fff; overflow:hidden; width:100%; padding:0;}
.usercente_listbg2_tt{ line-height:250%; border-bottom:1px solid #f4f4f4; overflow:hidden}
.usercente_listbg2_tt span{ display:block; float:left; padding-left:2%; color:#333}
.usercente_listbg2_tt i{ display:block; float:right; padding-right:2.5%; background:url(../img/sow.png) no-repeat right; background-size:22% auto; margin-right:2%}
.usercente_listbg2_con{ padding:2% 0px; overflow:hidden;}
.usercente_listbg2_con ul li{ width:100%; float:left; border-bottom:1px solid #f1f1f1; padding:1% 0px; overflow:hidden;}
.usercente_listbg2_con ul li a .nav_new{ display:block; float:left; margin-left:2%; line-height:160%;text-align:center; color:#dedede}
.usercente_listbg2_con ul li a .nav_tit{ display:block; float:left; width:75%; margin-left:2%; line-height:160%;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
.usercente_listbg ul{ padding-bottom:1em; padding-top:0.5em; width:100%; overflow:hidden}
.usercente_listbg ul li{ float:left; width:21%; padding:1em 2%; padding-bottom:0; text-align:center}
.usercente_listbg ul li a .ind_1{ width:3em; height:3em; background:url(../img/ind_1.png) no-repeat center center #f06485; border-radius:15%; margin:0 auto;background-size:55% auto}
.usercente_listbg ul li a .ind_2{ width:3em; height:3em; background:url(../img/ind_2.png) no-repeat center center #2292e1; border-radius:15%; margin:0 auto;background-size:46% auto}
.usercente_listbg ul li a .ind_3{ width:3em; height:3em; background:url(../img/ind_3.png) no-repeat center center #f06485 ; border-radius:15%; margin:0 auto;background-size:55% auto}
.usercente_listbg ul li a .ind_4{ width:3em; height:3em; background:url(../img/ind_4.png) no-repeat center center #29a1f7; border-radius:15%; margin:0 auto;background-size:55% auto}
.usercente_listbg ul li a .ind_5{width:3em; height:3em; background:url(../img/ind_5.png) no-repeat center center #7785f2; border-radius:15%; margin:0 auto;background-size:50% auto}
.usercente_listbg ul li a .ind_6{width:3em; height:3em;background:url(../img/ind_6.png) no-repeat center center #f09264; border-radius:15%; margin:0 auto;background-size:58% auto}
.usercente_listbg ul li a .ind_7{width:3em; height:3em; background:url(../img/ind_7.png) no-repeat center center #01c3c1; border-radius:15%; margin:0 auto;background-size:56% auto}
.usercente_listbg ul li a .ind_8{width:3em; height:3em; background:url(../img/ind_8.png) no-repeat center center #7785f2; border-radius:15%; margin:0 auto;background-size:52% auto}
.usercente_listbg ul li a .ind_9{ width:3em; height:3em; background:url(../img/ind_9.png) no-repeat center center #01c3c1; border-radius:15%; margin:0 auto;background-size:44% auto}
.usercente_listbg ul li a .ind_10{ width:3em; height:3em; background:url(../img/ind_10.png) no-repeat center center #29a1f7; border-radius:15%; margin:0 auto;background-size:44% auto}
.usercente_listbg ul li a .ind_11{ width:3em; height:3em; background:url(../img/ind_11.png) no-repeat center center #01c3c1; border-radius:15%; margin:0 auto;background-size:48% auto}
.usercente_listbg ul li a .ind_12{ width:3em; height:3em; background:url(../img/ind_12.png) no-repeat center center #7785f2; border-radius:15%; margin:0 auto;background-size:48% auto}
.usercente_listbg ul li a .ind_13{ width:3em; height:3em; background:url(../img/ind_9.png) no-repeat center center #29a1f7; border-radius:15%; margin:0 auto;background-size:48% auto}



.bg_line{width:100%;background:#f2f2f2;height:0.5em;}


/***************************我的订单**************************/

.oder_list_wl ul li .listp_wl{ background-color:#f8f8f8; padding:2% 3%; overflow:hidden; border-top: solid 0.5em #fff}
.oder_list_wl ul li .listp_wl .list_odepic{ width:4.5em; height:4.5em; float:left; margin-right:3%; position:relative}
.oder_list_wl ul li .listp_wl .list_odepic img{ width:100%;}
.oder_list_wl ul li .listp_wl .listodertext{ width:50%; float:left;}
.oder_list_wl ul li .listp_wl .listodertext p.p1{ line-height:160%;  color:#636363}
.oder_list_wl ul li .listp_wl .listodertext p.p2{ line-height:160%;  color:#868686; padding-top:2%}
.oder_list_wl ul li .listp_wl .listodertext p.p3{ padding-top:2%}
.oder_list_wl ul li .listp_wl .list_priesun{ float:right; text-align:right; width:22%;}
.oder_list_wl ul li .listp_wl .list_priesun p.status{border-radius:4px; border:1px solid #C00; padding:0 5px; color:#C00; line-height:24px; display:inline-block;}
.oder_list_wl ul li .listp_wl .list_priesun p.priec{  color:#636363; line-height:200%; font-family:Arial}
.oder_list_wl ul li .listp_wl .list_priesun p.sum{ color:#636363; line-height:200%;font-family:Arial, Helvetica, sans-serif}

.order_pay{ border-bottom:1px solid #efefef; width:94%; padding:2% 3%; line-height:220%; background-color:#fff; overflow:hidden; padding-right:3%; text-align:left; color:#6a6a6a; line-height:2.5}
.order_pay img{ margin-right:0.5em; height:2.5em; float:left}
.order_pay span{ float:right; width:3em; background:url(../img/false.png) no-repeat center right; background-size:60% auto; }
.order_pay .cur{background:url(../img/true.png) no-repeat center right; background-size:60% auto;}



.desger_buttom{ width:100%; height:auto; overflow:hidden; text-align:center}
.desger_buttom a{ display:block; margin:5% auto}
.desger_lodebut{ background-color:#007cd3; color:#fff; font-size:19px; text-align:center;border-radius:18px; line-height:200%; width:80%}

.order_seacher{ width:92%; background-color:#fff; line-height:250%;border-radius:4px; margin:2% 2%; padding:0% 2%}
.order_seacher .input_order{ width:89%; text-align:center; font-size:14px; color:#cdcdd2}
.order_seacher .butt_ordes{ width:10%; cursor:pointer;  background:url(../img/order_ssbut.png) no-repeat 0px 3px; float:right}
.orderuser{ width:94%; height:auto; overflow:hidden; background:#fff; line-height:200%; padding:0 3%; border-top: solid 0.5em #fff}
.orderuser a{ font-size:14px; color:#6a6a6a; display:inline-block; float:left;}
.orderuser i{ font-size:14px; color:#df3939; display:inline-block; float:right;}
.orderuser i a{ font-size:14px; padding:0;}
.order_totle{ border-bottom:1px solid #efefef; width:97%; padding:1% 0px; line-height:220%; background-color:#fff; overflow:hidden; padding-right:3%; text-align:right; font-size:1.1em; color:#6a6a6a}
.order_content{ border-bottom:1px solid #efefef; width:94%; padding:1% 3%; line-height:220%; background-color:#fff; overflow:hidden; padding-right:3%; text-align:left; color:#6a6a6a}
.order_content span{ float:right; width:80%;}
.order_totle i{ font-size:20px; font-family:Arial, Helvetica, sans-serif}
.order_totlebuttom{border-bottom:1px solid #efefef; width:100%; padding:1% 0%; line-height:220%; background-color:#fff; overflow:hidden; margin-bottom:0.5em}
.order_totlebuttom a.totlebuttom{ display:inline-block; float:right; color:#878787; line-height:220%; padding:0 3%; margin:5px; font-size:1.2em;border-radius:4px; border:1px solid #e1e1e1}
.order_totlebuttom a.totlebuttom2{ display:inline-block; float:right; color:#df3939; line-height:220%; padding:0 3%; margin:5px; font-size:1.2em;border-radius:4px; border:1px solid #df3939}
.order_totlebuttom font{ float:left; font-size:16px; line-height:300%;}
.order_totlebuttom font span{ color:#ea4808; font-size:1.3em}
.order_totlebuttom a.redcor{ color:#ea4808; border:1px solid #ea4808}
/**************************钱包明细*****************************/
.i_b{line-height:3; border-bottom:#f0f0f0 solid 5px; width:100%; float:left}
.i_b .i_left{margin-left:4%; float:left;}
.i_b .i_left span{color:#007cd3; font-weight:bolder}
.i_b .i_right{float:right; margin-right:5%; }

.odl{ width:96%; margin:0 auto; overflow:hidden; margin-bottom:45px;}
.odl ul li{ overflow:hidden; border-bottom:1px solid #e5e5e5; padding:10px 0;}
.odl ul li .left{ width:33%; padding-left:1%; float:left;color:#955aa0; }
.odl ul li .right{ float:right; width:65%; text-align:left; padding-right:1%; color:#333; }
.odl ul li .right i{ color:#888; float:right}
/**************************柜子列表*****************************/
.cabinet_list{ width:100%;  height:auto; overflow:hidden; background:#FFF;border-bottom:#f2f2f2 solid 0.4em}
.cabinet_list ul li{ padding:3% 0px; border-bottom:1px solid #ebebeb; width:100%; float:left;border-top:#f2f2f2 solid 0.4em;}
.cabinet_list ul li .lpic{ display:block;  float:left; margin:0px 2% 0px 2%; overflow:hidden; text-align:center; }
.cabinet_list ul li .lpic.wlar{ margin-top:0.2em}
.cabinet_list ul li .lpic img{ width:5em; border-radius:6px }
.cabinet_list ul li .newstext{ width:74%; float:left;}
.cabinet_list ul li .newstext p.p1{ line-height:1.3; padding-bottom:0.5em; color:#000; border-bottom:#eee solid 1px;}
.cabinet_list ul li .newstext p.p1 h14{ color:#007cd3}
.cabinet_list ul li .newstext p.p1 img{ margin-right:0.2em; }
.cabinet_list ul li .newstext p.p2{ line-height:2;color:#666}
.cabinet_list ul li .newstext p.p2 span{ margin-top:0.3em}
.cabinet_list ul li .newstext p.p2 i{ color:#f00}
.bt1,.bt2{ display:inline-block; float:right; color:#878787; line-height:2; padding:0 3%; margin:5px; border-radius:4px; border:1px solid #e1e1e1}
/***************************格子管理*************************/
.lattice{ width:96%; padding:2%; background:#ebebeb; float:left;}
.lattice ul li{ width:26.3%;  margin:1.5%; padding:2%; text-align:center; background:#fff; height:auto; line-height:1.2; float:left; }
.lattice ul li .isrec{width:40%; height:3em; line-height:2.8em; margin-top:-3px; margin-left:-5%; color:#fff; position:absolute; background:url(../img/icon1.png) no-repeat; background-size:100%; top:0px;}
.lattice ul li img{ width:100%; float:left;}
.lattice ul li i{ width:100%; float:left; line-height:1.5; color:#a55ab3}
.lattice ul li span{ max-height:3em; height:1.5em; overflow:hidden; width:100%; float:left; line-height:1.5}

.lattice_show{ width:46%; padding:2% 27%; background:#ebebeb; float:left;}
.lattice_show ul { width:20%;  margin:1.5%; padding:1%; float:left; }
.lattice_show ul li{ width:100%; float:left; margin-bottom:5px; padding: 0; text-align:center; background:#fff; height:auto; line-height:1.6; position:relative; }
.lattice_show ul li img{ width:100%;}
.lattice_show ul li i{ width:100%; float:left; line-height:1.5; color:#a55ab3}
.lattice_show ul li .null{ width:100%; height:100%; background:#007cd3; color:#fff; line-height:1.6; position:absolute; top:0; left:0; }


.latticedc{ width:96%; padding:2%; background:#ebebeb; float:left;}
.latticedc ul li{ width:20%;  margin:1.5%; padding:1%; text-align:center; background:#fff; height:auto; line-height:1.2; float:left; position:relative; }
.latticedc ul li img{ width:100%;}
.latticedc ul li i{ width:100%; float:left; line-height:1.5; color:#a55ab3}
.latticedc ul li .null{ width:100%; height:100%; background:#ff0000; position:absolute; top:0; left:0; opacity:0.5;}
.latticedc ul li span{ width:100%; height:1.5em; line-height:1.5;white-space:nowrap; overflow:hidden; float:left;}

.latticerf{ width:96%; padding:2%; background:#ebebeb; float:left;}
.latticerf ul li{ width:96%;  margin:1.5% 0; padding:1% 2% ; text-align:left; background:#fff; height:auto; line-height:1.2; float:left; }
.latticerf ul li img{ width:3em; height:3em; margin-right:0.5em}
.latticerf ul li .mod{ width:auto; float:right; line-height:4em}
.latticerf ul li span{ line-height:1.5; margin-top:0.5em; float:left}
.open{width:90%; margin-left:5%; height:3em; float:left; line-height:3em; border-radius:2em; text-align:center; color:#fff; background:#007cd3; border:0; margin-bottom:0.8em; display:block; cursor:pointer;-webkit-appearance: none; margin-top:2em}
.latticerf .title{width:100%; border-bottom:#ccc dashed 1px; padding-bottom:0.5em; margin-bottom:0.5em; padding-top:0.5em}

.latticerf_new{ width:96%; padding:2%; background:#ebebeb; float:left;}
.latticerf_new ul li{ width:96%;  margin:1.5% 0; padding:1% 2% ; text-align:left; background:#fff; height:auto; line-height:1.8; float:left; }
.latticerf_new ul li img{ width:3em; height:3em; margin-right:0.5em}
.latticerf_new ul li .new_id{ float:left; margin-right:0.5em; margin-top:0.4em}
/***************************订单详情**************************/
.order_viewbox{ width:100%; height:auto; overflow:hidden; background-color:#eeeeee;}
.order_viewadrs{ padding:2% 3%; width:94%; background-color:#fff; overflow:hidden; margin:2% 0px;}
.order_viewadrsleft{  background:url(../img/locatio.png) no-repeat center; width:10%; height:4em;background-size:70% auto; float:left }
.order_viewadrscenter{width:90%; float:right}
.order_viewadrscenter p{ line-height:160%;  color:#838383; float:left; width:100%}
.order_viewadrscenter p span{ display:block; float:left;}
.order_viewadrscenter p i{ display:block; float:right}
.oder_list_yf{ border-bottom:1px solid #efefef; width:97%; padding:1% 0px; background-color:#fff; overflow:hidden; padding-left:3%}
.oder_list_yf span{ display:block; float:left; line-height:200%; color:#6a6a6a}
.oder_list_yf b{ display:block; float:right; line-height:200%; color:#ea4808; padding-right:3%}
.oder_list_totle{ padding:2% 0; overflow:hidden; background:url(../img/addr_bg.png) repeat-x bottom #fff;}
.oder_list_totle p{ line-height:230%; text-align:right;  padding:0 2%; border-bottom:#ececec solid 1px}
.oder_list_totle .mj{float:left; width:26px; height:26px; line-height:2.3; background:#f13a3c; color:#FFFFFF; text-align:center;border-radius: 6px; margin-top:1%; margin-right:2%}
/***************************订单评价**************************/
.comment{ width:90%; float:left; padding:5%}
.comment li{ width:100%; float:left; margin-bottom:5%}
.comment li em{ width:25%; float:left;}
.comment li span{ width:75%; float:right}
/***************************产品列表**************************/
.tab{width:100%; height:auto; overflow:hidden; }
.tab ul.menu{height:40px; border-bottom:1px solid #ececec; border-left:0; border-right:0; }
.tab ul.menu li{float:left;text-align:center;width:28%; margin-right:5%; height:40px;background:#fff;line-height:40px;list-style:none;font-size:14px;cursor:pointer; font-weight:bold; color:#333333;font-family: Arial, Microsoft YaHei; background:url("../img/list_an.png") no-repeat center right;}
.tab ul.menu  .screening{background:url("../img/screening.png") no-repeat center right; background-size:13%}
.tab ul.menu  .cur{background:url("../img/screening_cur.png") no-repeat center right; background-size:13%}
.tab ul.menu li a{ display:block; color:#333}
.tab ul.menu li.active{background:url("../img/list_on.png") no-repeat center right;}
.tab ul.menu li.active a{ color:#cc3333;}

.show_nav{display:none;background:#FFF; float:left; width:100%; }
.show_nav ul{ width:50%; float:left; border-right:#f2f2f2  solid 1px}
.show_nav ul li{ width:90%; padding-left:10%; float:left; line-height:2.5em;border-bottom:#f2f2f2  solid 1px}
.show_nav ul li.cur{ background:#f2f2f2}
#t_con_right_ajax{ border-right:0}
.bg{width:100%; display:none; height:100%; position:fixed;  background:url("../img/i_bg2.png"); z-index:999}

.show_order{display:none;background:#FFF; float:left; width:100%; }
.show_order ul{ width:100%; float:left; }
.show_order ul li{ width:90%; padding:0 5%; float:left; line-height:2.5em;border-bottom:#f2f2f2  solid 1px}
.show_order ul li.cur{ background:url("../img/ok.png") no-repeat center right 5%;  background-size:4%}

.show_select{display:none;background:#FFF; float:left; width:100%; }
.show_select ul{ width:100%; float:left; }
.show_select ul li{ width:90%; padding:0 5%; float:left; line-height:2.5em;border-bottom:#f2f2f2  solid 1px; padding-bottom:0.6em;}
.show_select ul li ul li{width:auto; background:#CCC; line-height:1.8em; padding-bottom:0; margin-right:0.5em; margin-bottom:0.4em}
.show_select ul li ul li.cur{ background:#d81e06; color:#FFF}
.show_scr{width:100%; float:left; line-height:2em; padding:0.5em 0; text-align:center}
.show_scr span{ width:40%; margin:0 5%; color:#fff; background:#F30; float:left;}

.list_product{ width:98%; margin-left:1%; height:auto; overflow:hidden;}
.list_product ul li{ padding:3% 0px; border-bottom:1px solid #ebebeb; width:100%; float:left}
.list_product ul li a .lpic{ display:block;  float:left; margin:0px 2%; overflow:hidden; text-align:center; }
.list_product ul li a .lpic img{ width:5em; height:5em; margin-right:0.5em; }
.list_product ul li a .newstext{ width:70%; float:left;}
.list_product ul li a .newstext p.p1{ line-height:1; padding-bottom:0.1em; max-height:2em; overflow:hidden; color:#000}
.list_product ul li a .newstext p.p2{ line-height:1;color:#666}
/***************************产品分类**************************/

.t_top{ width:100%; padding:5% 0; float:left; text-align:center}
.t_con{ width:100%; float:left;}
.t_con_left{ background:#ffffff; width:25%; height:100%; float:left; border-right:#f2f2f2 solid 1px; }
.t_con_left ul li{ border-left:#fff solid 3px; border-bottom:#f2f2f2 solid 1px; padding:10% 0; width:85%; padding-left:15%; float:left; text-align:left; cursor:pointer }
.t_con_left .cura{ background:#f2f2f2; border-left:#ff4f4f solid 3px;}
.t_con_right{ background:#ffffff; width:74%;  float:left;/* padding-top:5%*/}
.t_con_right ul{ width:94%; margin-left:3%;}
.t_con_right ul li{padding:5% 0; width:33.3%; min-height:65px; line-height:1.5; float:left; text-align:center; }
.t_con_right ul li img{ max-width:100%; height:4em; }
.t_con_right .nav_title{width:80%; float:left; margin:0 10%; text-align:center; margin-top:1.5em; margin-bottom:0.5em; background:url("../img/nav_l.png") repeat-x center}
.t_con_right .nav_title span{ background:#FFF; padding:0 1em}
.t_con_right .nav_more{width:90%; float:left; margin-left:5%; text-align:center; padding:0.5em 0; background-color:#f3f3f3; color:#999999}
.nav_no{ width:100%; text-align:center; margin-top:0.5em; line-height:3em;}
.picaa{width:100%; float:left; margin:0 auto; text-align:center}

/***************************会员注册**************************/
#register{ height:100%; overflow:hidden; padding:1em 0.6em; }
#register div{ font-size:1.2em; height:3em; background:#fff; margin-bottom:0.6em; box-shadow:1px 1px 1px #e0e0e0; }
#register div span{ width:4em; line-height:2.8em; text-align:center; float:left; position:relative; }
#register div span img{ position:absolute; top:0.7em; left:0.8em; }
#register div input{ font:1em normal 'Microsoft YaHei',Arial, Helvetica, sans-serif; width:80%; height:100%; border:0; padding:0; margin-left:3em; }
.btn{ font:1em bold 'Microsoft YaHei',Arial, Helvetica, sans-serif; width:45%; height:3em; line-height:3em; border-radius:0.3em; cursor:pointer; color:#fff; text-align:center; background:#007cd3; display:block; margin:1em 0; border:0px; float:left}
.btn2{ font:1em bold 'Microsoft YaHei',Arial, Helvetica, sans-serif; width:45%; height:3em; line-height:3em; border-radius:0.3em; cursor:pointer; color:#fff; text-align:center; background:#007cd3; display:block; margin:1em 0; border:0px; float:right}
.btn2:hover{ background-color:#007cd3}
/***************************收货地址**************************/
.adrs_admin{ width:100%; height:auto; overflow:hidden; margin:0 auto; background-color:#eee}
.add_adrsbut{display:block; float:right; color:#ff4f4f; line-height:260%; padding-right:2%}
.adrs_box{ padding:2% 0px 0%; overflow:hidden; height:auto;}
.adrs_box ul li{ width:94%; height:auto; float:left; background-color:#fff; padding:2% 3% 1%; margin-bottom:2%}
.adrs_box ul li p.p1{ line-height:200%; font-size:16px; color:#000;}
.adrs_box ul li p.p2{ line-height:160%; color:#a5a5a5; font-size:15px; border-bottom:1px dashed #e4e4e4; padding-bottom:2%;}
.adrs_box ul li p.p3{ padding:2% 0px; overflow:hidden; font-size:15px;}
.adrs_box ul li p.p3 a.adresbut{ border:1px solid #c3c3c3; display:inline-block; padding:1% 3%; color:#afafaf; font-size:15px;border-radius:4px; margin:0px 1%; float:right}
.address a.btnRegister{ font:1em bold 'Microsoft YaHei', Arial, Helvetica, sans-serif; width:100%; height:3em; line-height:3em;  text-align:center; color:#fff; background:#007cd3; display:block; }
.address a.btnRegister:hover{ background-color:#007cd3}
/***************************新增收货地址**************************/
.add_adrscon{ width:94%;height:auto; overflow:hidden; background-color:#fff; margin:2% 0px 0px; padding:2% 3%;}
.add_adrscon div{ width:100%; line-height:280%; margin-bottom:2%; overflow:hidden}
.add_adrscon div span{ display:inline-block; width:20%; float:left; color:#9c9c9c; }
.add_adrscon div font{ width:79%; display:inline-block; float:left}
.add_adrscon div font .addinput{ width:97%; line-height:2.5; border:1px solid #e7e7e7;border-radius:3px; padding-left:3%}
.add_adrscon div font .addinput2{width:70%; height:40px;border:1px solid #e7e7e7;border-radius:3px; padding-left:3%; padding-right:3%}
.btn3{ font:1.1em bold 'Microsoft YaHei',Arial, Helvetica, sans-serif; width:100%; height:3em; line-height:3em; border-radius:0.3em; cursor:pointer; color:#fff; text-align:center; background:#007cd3; display:block; margin:2em 0 1em; border:0px; float:right}

.addinput{-webkit-appearance: none;}
.empty{ width:100%; background:#FFF; text-align:center; line-height:3em;}
.empty span{ margin:0; height:3em; padding:0.8em 1em; margin-top:0.5em; line-height:3em; background:#4c81ce; border-radius:3em; color:#FFF}
/***************************评价**************************/
.order_totlebuttom{border-bottom:1px solid #efefef; width:96%; padding:1% 2%; line-height:220%; background-color:#fff; overflow:hidden;}
.order_totlebuttom a.totlebuttom{ display:inline-block; float:right; color:#878787; line-height:220%; padding:0 3%; margin:5px; font-size:1.2em;border-radius:4px; border:1px solid #e1e1e1}
.order_totlebuttom a.totlebuttom2{ display:inline-block; float:right; color:#df3939; line-height:220%; padding:0 3%; margin:5px; font-size:1.2em;border-radius:4px; border:1px solid #df3939}
.order_totlebuttom font{ float:left; font-size:16px; line-height:300%;}
.order_totlebuttom font span{ color:#ea4808; font-size:1.3em}
.order_totlebuttom a.redcor{ color:#ea4808; border:1px solid #ea4808}
.comment{ width:90%; float:left; padding:5%}
.comment img{ max-width:100%}
.comment li{ width:100%; float:left; margin-bottom:5%}
.comment li em{ width:25%; float:left;}
.comment li span{ width:75%; float:right}
/**微信支付前页面 start**/
.wxpays{ width:100%; max-width:640px; margin:0 auto;}
.wxpays .wxpay{ width:90%; margin:30px auto; overflow:hidden; border:1px solid #C3C3C3; box-shadow:0px 0px 8px #C3C3C3; border-radius:6px;}
.wxpays .wxpay p{ background:url(../img/paybg1.png) repeat-x; background-size:100% 100%; height:35px; line-height:35px; border-bottom:1px solid #C3C3C3; color:#333; text-indent:3%; font-size:18px;}
.wxpays .wxpay .wxpay_con{ background:#fff; height:auto;}
.wxpays .wxpay .wxpay_con ul{ padding:10px 0;}
.wxpays .wxpay .wxpay_con ul li{ height:35px; line-height:35px;}
.wxpays .wxpay .wxpay_con ul li i{ display:block; float:left; width:23%; text-indent:4%; color:#000; font-weight:bold;}
.wxpays .wxpay .wxpay_con ul li em{ display:block; float:left; color:#999;}
.wxpays .wxpay .wxpay_con ul li em font{ color:#ff0000; font-weight:bold;}

.wxpays .clia{ width:90%; height:auto; margin:0 auto;}
.wxpays .clia a{ display:block; width:100%; text-align:center; background:#007cd3; margin:0 auto 15px auto; border-radius:5px; line-height:3; color:#fff;}
/**微信支付前页面 end**/
.back_home{width:98%; margin-right:1%}


/*zsj---------------------------------------------------------------- s*/
.e_title{max-width: 640px;margin: auto;left: 0;right: 0;}
#wrapper{max-width: 640px;margin: auto;right: 0;}
.bottom-fixed{margin: auto;left: 0;right: 0;}
.cabinet_list{border-bottom: 0;}
/*人员管理 s*/
.z_ry{width: 98%; margin:0px 1%;overflow:hidden}
.z_ry .pic{float:left;}
.z_ry p{margin-bottom: 0.4em;}
.z_ry .pic img{max-width: 8em;margin-right: 0.7em;}
.z_ry .jj{float:left;}
.z_ry .tab{width: 100%;margin: 1em 0;border-top: 1px solid #dddddd;text-align: center;float: left;}
.z_ry .tab th,.z_ry .tab td{padding:0.6em 0.1em;border-right: 1px solid #dddddd;border-left: 1px solid #dddddd;border-bottom: 1px solid #dddddd;}
.z_ry .tab th{background-color:#e5f2fb;color: #007cd3;font-weight: bold;}
.show_img{ text-align:left;}
.show_img img{ max-width:31%; margin:1%}
.max_img{ width:100%}
/*人员管理 d*/

/*人员添加 s*/
.addry{}
.addry{ width:100%; float:left; padding:5% 0% 0%}
.addry li{ width:100%; float:left; margin-bottom:5%; line-height:2;}
.addry li em{ width:15%; float:left; text-align:right; padding-right:3%}
.addry li span{ width:32%; float:left}
.addry li em.em1{ width:18%}
.addry li span.span1{ width:30%;}
.addry li span .input1{ width:70%; float:left}
.addry li span .input2{ width:23%; float:right}
.addry li span .input3{ width:40%; float:left}
.addry li span .input4{ width:36%; float:right}



.addry .inpb{width: 88%;}
.addry .inps{width: 97%;}
.addry .inpsel{height: 72px;padding: 3%!important;width: 94.3%;float: left;}
.select_add{appearance:none;height: 32px;-moz-appearance:none;-webkit-appearance:none; background:#fff url(../img/select.png) no-repeat 96% 13px;}
.z_ry select{appearance:none;height: 32px;-moz-appearance:none;-webkit-appearance:none; background:#fff url(../img/select.png) no-repeat 96% 8px;min-width: 7em;}

.addry .addinputs{padding-left: 7%;}
.addry li span.bz{ width:78%;}
.addry .pic{float: left;margin-left: 2%;width: 23.5%;}
.addry .picd{margin-right: 0;}
.addry .pic img{max-width: 100%;}
.picbtn{width: 18%;height: 2.5em;line-height: 2.5em;}

/*人员添加 d*/

/*人员记录s*/

/*搜索*/
.z_ry .inpsea{text-indent: 0.1em;max-width: 8.9em;font-weight: normal;padding: 0.2em;border: none;}
.z_ry .fdj{margin-left: 0.5em;cursor: pointer;}
.z_ry .fdj:hover{opacity: 0.8;}

/*火情处理记录*/
.cenl{text-align: left;}
.co1{color: #007cd3;}
.hq .picbtn{padding: 0;}
/*人员记录e*/

/*装备浏览*/
.cenr{text-align: right;}
.mr5{margin-right: 0.5em;}

/*zsj---------------------------------------------------------------- e*/




/*训练添加 万丽*/
.trainadd{ width:96%; height:auto; overflow:hidden; margin:2% auto 0px}
.trainadd li{ width:100%; float:left; margin-top:3%}
.trainadd li em{ width:18%; float:left; text-align:right; padding-right:3%}
.trainadd li span{ width:78%; float:right}
.trainadd li .addinputs{ width:97.2%; padding-left:2%; border:1px solid #e7e7e7;border-radius:3px;-webkit-appearance: none; }
.addtextarea{ width:97.2%;  height:4em;border:1px solid #e7e7e7;border-radius:3px; -webkit-appearance: none; }
.addtrainman{ width:100%; height:auto; overflow:hidden; margin:3% 0% 2%;}
.addtraintitle{ width:100%; background-color:#007cd3; padding:2% 0px;}
.addtraintitle span{ color:#fff; display:inline-block; padding-left:3%}

.btnsave{ font:1.1em bold 'Microsoft YaHei',Arial, Helvetica, sans-serif; width:30%; height:3em; line-height:3em; border-radius:0.3em; cursor:pointer; color:#fff; text-align:center; background:#007cd3; display:block; margin:0 ; border:0px; float:right}

.train_border{ border:#e7e7e7 solid 1px;border-top:0;border-left:0; text-align:center; margin-bottom:1em; margin:0 auto}
.train_border td{ border-top:#e7e7e7 solid 1px; border-left:#e7e7e7 solid 1px; line-height:30px}
.train_border .title{ background:#e5f2fb; color:#007cd3; line-height:30px; font-weight:bold}
.train_border span.wl_red{ display:inline-block; margin:0px 5px; color:#e81616;}
.train_border span.wl_color{ color:#007cd3}
.train_picten{ width:97%; margin:0% 1.5%; float:left; padding:1% 0px;}
.train_picten .pictum{ width:5.5em; float:left; margin:0% 1.6% 2.2%;}
.train_picten .pictum img{ width:5.5em; height:5.5em}
.train_buttom{ width:28%;float:right; margin:4% 3% 4% 0px; background-color:#007cd3; color:#fff; height:2.4em; line-height:2.4em; border-radius:5px; text-align:center}
/*训练列表  万丽*/
.train_totle{width:96%; padding:0px 2%; line-height:3; color:#999; border-bottom:1px solid #e1e1e1}
.train_totle span{color:#007cd3; font-weight:bold;}
.train_seacher{width:96%; padding:3% 2%; text-align:center; line-height:2.4; color:#999; border-bottom:1px solid #e1e1e1; overflow:hidden}
.train_seacher .input3{ width:40%; float:left}
.train_seacher .input4{ width:40%; float:right}
.train_seacher .mui-search { width: 100%; margin: 0 auto;  position:relative}
.train_seacher .mui-search  input[type=search]{width: 100%;-webkit-appearance: none; margin-top:2%; }
.train_seacher .mui-search  .mui-input-submit{ height:27px; width:27px; background:url(../img/sea.png) no-repeat center; position:absolute; background-size:75%; top:8px; right:1%; cursor:pointer}
.train_list{ width:100%; margin:0 auto; overflow:hidden;}
.train_list_tit{ width:100%; background-color:#e5f2fb; color:#007cd3; font-weight:bold; text-align:center;height:2.3em; line-height:2.3}
.train_list_tit span.span1{ display:inline-block;  border-right:1px solid #dddddd; width:38%; float:left}
.train_list_tit span.span2{ display:inline-block; border-right:1px solid #dddddd; width:22%;float:left}
.train_list_tit span.span3{ display:inline-block;  border-right:1px solid #dddddd; width:20%;float:left}
.train_list_tit span.span4{ display:inline-block; width:18%; float:left}
.trainlist{ padding:0% 0px; overflow:hidden;}
.trainlist ul li{ width:100%; border-bottom:1px solid #e7e7e7; line-height:2.5; text-align:center; color:#333; overflow:hidden}
.trainlist ul li span.span1{display:inline-block;  border-right:1px solid #dddddd; width:38%;float:left }
.trainlist ul li span.span2{display:inline-block; border-right:1px solid #dddddd; width:22%;float:left }
.trainlist ul li span.span3{display:inline-block;  border-right:1px solid #dddddd; width:20%;float:left }
.trainlist ul li span.span4{display:inline-block; width:18%; float:left}
.trainlist ul li a.a1{ color:#007cd3}
/*消防演练站点  万丽*/
.drill_list{ width:100%;  height:auto; overflow:hidden; background:#FFF;}
.drill_list ul li{ padding:3% 0px; border-bottom:1px solid #ebebeb; width:100%; float:left;border-top:#f2f2f2 solid 0.4em;}
.drill_list ul li .lpic{ display:block;  float:left; margin:0px 3% 0px 2%; overflow:hidden; text-align:center; }
.drill_list ul li .lpic img{ width:3.5em; border-radius:6px}
.drill_list ul li .newstext{ width:71%; float:left;}
.drill_list ul li .newstext p.p1{ line-height:1.5; color:#007cd3;}
.drill_list ul li .newstext p.p2{ line-height:1.5;color:#333}
.drill_list ul li .newstext p.p2 i{ color:#f00}
.drill_list ul li a.duty_but{border: 1px solid #007cd3; border-radius: 3px;float: left;margin-left: 1%;background-color: #fff;padding:1.1% 2%;color: #007cd3; display:inline-block; margin:0px 1%}
.drill_list ul li .wl_mar{ margin-top:0.4em;}
.drill_list ul li .wl_mar2{ margin-top:0.2em;}
/*消防演练火情列表  万丽*/
.drilltop{ width:100%; border-bottom:1px solid #e1e1e1; padding:2% 0px; overflow:hidden;}
.drilltop .drillgrop{display:block;  float:left; margin:0px 3% 0px 2%; overflow:hidden; text-align:center;}
.drilltop .drillgrop img{ width:5em; height:5em;}
.drilltop .drillgroptxt{width:71%; float:left;}
.drilltop .drillgroptxt p.p1{ line-height:1.5; color:#333; padding-top:3%}
.drilltop .drillgroptxt p.p2{ line-height:1.6;color:#333}
/*消防演练火情详情  万丽*/
.about4_main{position:relative; padding:2% 2%;overflow:hidden;}
.about4_line{width:1px;height:100%;background-color:#AEAEAE;position:absolute;left:3.8%;z-index:-1;}
.about4_main ul li{padding-left:6%;color:#333;line-height:1.5;margin-bottom:4%;background:url(../img/about4_icon.png) left center no-repeat;}
.about4_main ul li:last-child{margin-bottom:0px;}
/*消防演练火情添加  万丽*/
.drill_addtop{ width:100%;border-bottom:1px solid #e1e1e1; padding:2% 0px; overflow:hidden;}
.drill_addtop .drilladdpic{display:block;  float:left; margin:0px 3% 0px 2%; overflow:hidden; text-align:center;}
.drill_addtop .drilladdpic img{ width:5em; height:5em;}
.drill_addtop .drilladdtxt{width:47%; float:left;}
.drill_addtop .drilladdtxt p.p1{ line-height:1.5; color:#333; padding-top:3%}
.drill_addtop .drilladdtxt p.p2{ line-height:1.6;color:#333}
.drill_addtop .drilladdsig{ width:23%; color:#fff; text-align:center; float:right; background-color:#e62a1e; border-radius:4px; height:5em; margin-right:2%}
.drill_addtop .drilladdsig p.p1{ text-align:center; padding-top:1.1em}
.drill_addtop .drilladdsig p.p1 a{ color:#fff}
.drill_addtop .drilladdsig p.p2{color:#fff;}

.drill_cj_box{ padding:2% 0 0; overflow:hidden; }
.drill_cj_boxleft{ width:72%; float:left;}
.drill_cj_boxleft ul li{ float:left; line-height:1.8em;border-bottom:1px solid #e7e7e7; padding:2% 0px; margin-left:2%; width:98%}
.drill_cj_boxleft ul li em{ width:26%; float:left; text-align:right; padding-right:3%}
.drill_cj_boxleft ul li span{ width:68%; float:right; }

.drill_cj_boxright{width:23%; color:#fff; text-align:center; float:right; background-color:#e62a1e; border-radius:4px; height:5em; margin-right:2%}
.drill_cj_boxright p.p1{ text-align:center; line-height:5em;}
.drill_cj_boxright p.p1 a{ color:#fff}
.drill_box{ width:100%; height:auto; overflow:hidden;}
.drill_box ul li{ width:48%; float:left; text-align:center; padding:2.2% 0px; border-bottom:1px solid #007cd3; margin:0px 1%}
.drill_box ul li a{ color:#007cd3}
.a1{ color:#007cd3}
/*tab 切换*/
.tabs {position: relative;width:100%;overflow: hidden;margin:0.8em 0 0;}
.tabs nav {}
.tabs nav ul li {border: 1px solid #becbd2;border-bottom: none;margin: 0 0.4em;display: block;float: left;position: relative;}
.tabs nav li.tab-current {border: 1px solid #007cd3;box-shadow: inset 0 2px #007cd3;border-bottom: none;z-index: 100;}
.tabs nav li.tab-current:before,.tabs nav li.tab-current:after {content: '';position: absolute;height: 1px;right: 100%;bottom: 0;width:3000px;background: #007cd3;}
.tabs nav li.tab-current:after {right: auto;left: 100%;width: 4000px;}
.tabs nav a {color: #666;display: block;line-height:2.3;padding: 0 1.25em;white-space: nowrap;}
.tabs nav a:hover {color: #768e9d;}
.tabs nav li.tab-current a {color: #007cd3;}
/* Content */
.content section {padding:2.8em 1.5% 0px;display: none;margin: 0 auto;}
.content section:before,.content section:after {content: '';display: table;}
.content section:after {clear: both;}
.content section.content-current {display: block;}
/*消防排班管理*/
.duty_timebox{ width:100%; height:auto; overflow:hidden; padding:3% 0px 1%;}
.duty_timebox ul li{ width:100%; float:left; margin-bottom:0.6em; overflow:hidden; text-align:left}
.duty_timebox ul li em{ padding-right:3%; padding-left:3%;color:#007cd3}

/*消防排班查询*/
.duty_topbox{ width:100%; height:auto; overflow:hidden; padding:2% 0px;border-bottom:1px solid #e1e1e1;}
.duty_topboxleft{ width:60%; float:left; overflow:hidden; margin-left:3%}
.duty_topboxleft p.p1{ line-height:2.1; color:#333; padding-left:3%}
.duty_topboxleft p.p1 em{ border-bottom:1px solid #e1e1e1; padding:0px 8%; margin:0px 2%}
.duty_topboxleft p.p1 i{ color:#007cd3}
.duty_topboxright{ width:20%; float:right; overflow:hidden; margin-right:3%; background-color:#007cd3; text-align:center; height:4em; border-radius:4px;}
.duty_topboxright p{ color:#fff; line-height:4em}
.duty_topseaher{ width:100%; overflow:hidden;}
.duty_topseaherleft{ float:left; text-align:left; color:#333; width:50%}
.duty_topseaherleft .duty_thougt{ border-bottom:1px solid #e1e1e1; margin:0px 2%; width:70%}
.duty_topseaherright{ float:right; text-align:center; color:#333; width:50%}
.duty_topseaherright .duty_thougtv{ border:1px solid #e1e1e1;  width:95%; height:30px; line-height:30px; border-radius:4px;}

.duty_title{width: 100%;background: #fff;line-height:2.5rem;padding-left: 0.6rem; border-bottom:1px solid #e1e1e1}
.duty_title em{position: relative;line-height: inherit; padding-left:2%}
.duty_title em:before {content: "";position: absolute;top: -0.1rem;left: -0.2rem;width: 0.28rem;height: 1.5rem;background: #007cd3;}
.grecolor{ color:#999}

/*每个微站顶部筛选样式*/
.wl_topselect{ width:100%; height:auto; overflow:hidden; padding:2%;}
.wl_topselect ul li{ display:block; float:left; width:38%; padding:0px 1%;}
.wl_topselect ul .wl_select_buton{ border:1px solid #e7e7e7;border-radius: 3px;height: 32px; float:left; margin-left:1%; background-color:#fff; padding:0px 3%; color:#007cd3;}

.usercente_listbg2{  background-color:#fff; overflow:hidden; width:96%; padding:0% 2% 0%; margin-top:1.5%}
.usercente_listbg2_tt{ line-height:200%; border-bottom:1px solid #f4f4f4; overflow:hidden}
.usercente_listbg2_tt span{ display:block; float:left; padding-left:2%; color:#007ccb}

/*每个微站报表样式*/
.wl_selectcout{ height:auto; overflow:hidden; padding:1% 2%;line-height:28px}
.wl_selectcoutleft{ width:40%; float:left; overflow:hidden}
.wl_selectcoutright{ width:50%; float:right; overflow:hidden; text-align:right}
.wl_selectcoutright a{ display:inline-block;border:1px solid #e7e7e7;border-radius: 3px;height: 28px;margin-left:1%; background-color:#fff; padding:0px 3%; color:#007cd3;  }
.count{ color:#007cd3}

/*checkbox 样式 以及radio 样式 type1*/
.magic-radio{position: absolute;display: none; }
.magic-radio + label{position: relative;display: block;padding-left: 22%;cursor: pointer;vertical-align: middle; float:left; margin-left:2% }
.magic-radio + label:before,.magic-checkbox + label:before {position: absolute;top: 4px;left: 0;display: inline-block;width: 15px;height: 15px;content: '';border: 1px solid #c0c0c0; }
.magic-radio + label:after,.magic-checkbox + label:after { position: absolute;display: none;content: ''; }
.magic-radio:checked + label:before,.magic-checkbox:checked + label:before {animation-name: none; }
.magic-radio:checked + label:after,.magic-checkbox:checked + label:after {display: block; }
.magic-radio + label:before {border-radius: 50%; }
.magic-radio + label:after {top:9px;left: 5px;width: 8px;height: 8px;border-radius: 50%;background: #3e97eb; }
.magic-radio:checked + label:before {border: 1px solid #3e97eb; }
/*checkbox 样式 以及radio 样式  type2*/
.demo--label{display:inline-block}
.demo--radio{display:none}
.demo--radioInput{background-color:#fff;border:1px solid rgba(0,0,0,0.15);border-radius:100%;display:inline-block;height:16px;margin-top:-1px;vertical-align:middle;width:16px;line-height:1}
.demo--radio:checked + .demo--radioInput:after{background-color:#007cd3;border-radius:100%;content:"";display:inline-block;height:12px;margin:2px;width:12px}
.demo--checkbox.demo--radioInput,.demo--radio:checked + .demo--checkbox.demo--radioInput:after{border-radius:0}
/*巡查检查样式*/
.wl_xuncha{ width:95%; height:auto; overflow:hidden; border:1px solid #e7e7e7; margin:20px auto;}
.wl_xuncha  p{ text-align:left; line-height:28px; margin:2px 0px; padding-left:10px; padding-right:10px;}
.wl_xuncha .addtextarea{ width:95%; margin-top:8px;}
/*统计分析*/
.wl_coutbg{ width:92%; height:auto; margin:3em auto 2em; overflow:hidden;}
.wl_coutbg ul li{ width:50%; float:left; overflow:hidden; margin:1.5em 0px 0em}
.wl_coutbg ul li .coun_pic1{ width:3em; height:3em;background: url(../img/ind_1.png) no-repeat center center #f06485;border-radius: 15%;margin: 0 auto;background-size: 55% auto;}
.wl_coutbg ul li .coun_pic2{ width:3em; height:3em;background: url(../img/ind_7.png) no-repeat center center #01c3c1;border-radius: 15%;margin: 0 auto;background-size: 55% auto;}
.wl_coutbg ul li .coun_pic3{ width:3em; height:3em;background: url(../img/ind_8.png) no-repeat center center #7785f2;border-radius: 15%;margin: 0 auto;background-size: 55% auto;}
.wl_coutbg ul li .coun_pic4{ width:3em; height:3em;background: url(../img/ind_10.png) no-repeat center center #29a1f7;border-radius: 15%;margin: 0 auto;background-size: 55% auto;}
.wl_coutbg ul li .coun_pic5{ width:3em; height:3em;background: url(../img/ind_3.png) no-repeat center center #f06485;border-radius: 15%;margin: 0 auto;background-size: 55% auto;}
.wl_coutbg ul li .coun_pic6{ width:3em; height:3em;background: url(../img/ind_5.png) no-repeat center center #7785f2;border-radius: 15%;margin: 0 auto;background-size: 55% auto;}
.wl_coutbg ul li .coun_pic7{ width:3em; height:3em;background: url(../img/ind_4.png) no-repeat center center #29a1f7;border-radius: 15%;margin: 0 auto;background-size: 55% auto;}
.wl_coutbg ul li p{ line-height:1.5; color:#333; text-align:center; margin-top:0.5rem}


@media all and (min-width:641px){
body{font-size:1.3em;}
}
@media all and (max-width:640px){
body{font-size:1.3em;}
}
@media all and (max-width:580px){
body{font-size:1.2em;}
}
@media all and (max-width:420px){
body{font-size:1.1em;}
}
@media all and (max-width:385px){
body{font-size:1em;}
.cabinet_list ul li .lpic img{ width:3.5em;}

}