@charset "gbk";
@import url("globle.css");
@import url("iDialog.css");
/*通用*/
body{background:#eeeeee;}
.w96{ width:96%; height:auto; margin:0px 2% 10px; }
/*顶部*/
header {width: 100%;position: relative;top: 0;left: 0;z-index: 10;}
.top{height: 44px;line-height: 40px;background:#4c9ada;color: #fff;font-size: 14px;overflow: hidden;}
.top .t-left{ display:block; position:absolute; left:10px; top:11px; width:84px; height:24px; line-height:22px;}
.top .t-left img{ width:22px; height:22px; margin-right:3px; float:left}
.top .t-left span{color:#fff; font-weight:bold; font-size:14px; font-family:"华文黑体";}
.top .t-center{ width:auto; display:block; text-align:center; height:44px;}
.top .t-center img{ width:120px; height:30px; margin-top:6px}
.top .t-right{ position:absolute; top:10px; right:15px; background: url(img/user01.png) no-repeat; background-size:cover;width: 25px;height: 25px;display: block;}
/*导航*/
.i3-menu{ width:100%;height:auto; margin-bottom:14px; overflow:hidden;}
.i3-menu ul li{ width:20%;height:72px; padding:0px 0 5px;text-align:center; float:left;background: url(img/mli_left.gif) repeat-y right 0, url(img/mul_bottom.gif) repeat-x 0 bottom }
.i3-menu ul li.none{ background:none, url(img/mul_bottom.gif) repeat-x 0 bottom }
.i3-menu ul li a{ color:#333333; font-size:14px; font-family:"华文黑体"; display:block; width:70px; height:72px; margin:5px auto}
.i3-menu ul li a span{ display:block; overflow:hidden}
.i3-menu ul li a span.i3m-img{ width:46px; height:46px; margin:auto}
.i3-menu ul li a img{ width:100%; height:100%;}
.i3-menu ul li a .i3m-t{height:30px; line-height:30px;}
.i3-menu ul li a:hover{ cursor:pointer; color:#a50310}
/*快捷按钮*/
.kj{ width:100%; height:auto; margin-bottom:14px;overflow:hidden}
.kj a{display:block;float:left;padding:8px 0;width:46%;margin:5px 2%;background:#fff; overflow:hidden}
.kj a span{ display:block; overflow:hidden}
.kj a span.kj-left{ float:left; width:60px; height:58px; padding-left:6px}
.kj a span.kj-left img{width:100%; height:100%}
.kj a span.kj-r{ margin-left:68px; height:58px; line-height:58px; font-size:17px;}
/*优惠券列表开始*/
.yhj-t{ height:44px; line-height:44px; border-bottom:1px solid #ccc; padding-left:8px;font-size:18px; background:#fff; width:96%; padding:0 2%}
.yhj-t a{ display:block;max-width:50%;}
.yhj-t a.t1{ float:left;color:#ff8c00}.yhj-t a.t2{ float: right; font-size:16px}

.sj-yh{width:100%; height:auto;}
.sj-yh li{height:104px;float:left;width:100%;  margin:8px 0; overflow:hidden; background:#fff; -webkit-box-shadow:0px 1px 5px #cccccc;box-shadow:0px 1px 5px #cccccc;}
.sj-yh li a ,.sj-yh li p,.sj-yh li span{ display:block; overflow:hidden}
.sj-yh li a{height:84px;width:96%; padding:10px 2%;}
.sj-yh li .sjyh-left{ width:113px; height:84px; float:left;position:relative; overflow:hidden}
.sj-yh li .sjyh-left img{ width:100%; height:100%;}
.sj-yh li .sjyh-left .zhe{ position:absolute; left:0px; top:0px; height:46px; width:46px;background:url(img/zhe.png) no-repeat; background-size:46px; color:#fff;}
.sj-yh li .sjyh-left .zhe b{ display:block;transform:rotate(-46deg);-ms-transform:rotate(-46deg);-webkit-transform:rotate(-46deg); font-weight:normal; margin:2px 0 0 -3px; font-size:13px;}
.sj-yh li .sjyh-r{ margin-left:120px;height:84px;overflow:hidden}
.sj-yh li .sjyh-r .sjyhr-1{ height:26px; line-height:26px; color:#000; font-size:18px; margin-bottom:4px}
.sj-yh li .sjyh-r .sjyhr-2{ height:30px; line-height:30px; }
.sj-yh li .sjyh-r .sjyhr-2 span{ float:left;font-size:26px; margin-right:6px;}
.sj-yh li .sjyh-r .sjyhr-2 s{ float:left;font-size:14px;}
.sj-yh li .sjyh-r .sjyhr-3{ height:26px; line-height:32px; color:#666666;}
.sj-yh li .sjyh-r .sjyhr-3 span{ float:left; background:transparent url(img/yh.png) no-repeat; background-size:96px; padding-left:24px;}
.sj-yh li .sjyh-r .sjyhr-3 span.ren{ background-position:4px center; margin-right:6px;}
.sj-yh li .sjyh-r .sjyhr-3 span.cishu{ background-position:-76px center}

/*底部下载客户端*/
.bottom{ width:96%;padding:8px 2%; height:32px;background:#474747; position:fixed; bottom:0px; left:0px}
.bottom .bt-left{width:50%; float:left; height:32px;overflow:hidden}
.bottom span,.bottom p,.bottom b,.bottom a{ display:block; overflow:hidden}
.bottom .bt-left span.btl-img{ width:32px; float:left}.bottom .bt-left span.btl-img img{ width:100%; height:100%;}
.bottom .bt-left .btl-r{ margin-left:34px; color:#fff; font-size:15px;}
.bottom .bt-left .btl-r span{ height:18px;}.bottom .bt-left .btl-r b{ font-weight:normal; color:#f1cf4c; height:14px;font-size:12px}
.bottom .bt-r{width:50%; float:left; height:32px;overflow:hidden}
.bottom a.bt-r{ width:36%; height:32px; line-height:32px; font-size:16px; color:#e4393c; text-align:center;background:#fff;}
.bottom a.close{ position:absolute; top:-14px; right:2%; width:28px; height:28px;}
.bottom a.close img{ width:100%; height:100%;}