@charset "gbk";
@import url("globle.css");
/*通用*/
body{ background:#f0f0f0}
.hi-bg0{ width:100%; height:auto;padding:5px 0 10px; margin-top:44px;}
.bgf{ background:#fff}.w2{ width:96%; margin:12px 2% 14px}
.w96{ width:96%; height:auto; margin:0px 2% 10px; }
.blue{ background:#e9342a}
.bor-radius{border-radius:4px; -webkit-border-radius:4px;}
.grey{ color:#999999; font-weight:normal}.red{ color:#a50310}
/*顶部*/
header {width: 100%;position: relative;z-index:999;height: 44px;line-height: 44px;}
.h{height: 44px;line-height: 44px;background:#e9342a;color: #fff;font-size: 14px;text-align:center; width:100%;}
.h .h-b,.h .h-m,.h-nav .jt,.h .h-u{ display:block;height:20px; background:transparent url(img/header.png) no-repeat 0 0; background-size:80px;position:absolute; top:10px;}
.h .h-b{ width:25px; height:32px; background-position:5px 1px;left:2%}
.h .h-u{ 
position: absolute;
top: 10px;
right:2%;
background: url(../img/user.png) no-repeat;
background-size: cover;
width: 20px;
height: 20px;
display: block;
} 
.h .h-ti { font-size:18px;}
.h .h-m{ width:20px; background-position:-58px 1px;right:11%; top:12px}
.h-nav{width: 100%;position:fixed; height:100px;top:44px; left:0px;background:#fff; display:none;zoom:1; z-index:1002}
.h-nav .jt{ display:block; width:14px; height:7px; position:absolute; right:10.5%; top:-7px; background-position:-27px 0px}
.h-nav ul{width:92%;height:72px; padding:0 4%; margin:17px 0}
.h-nav ul li{ width:25%;height: 75px;text-align:center; float:left;}
.h-nav ul li a{ color:#333333; font-size:14px;display:block; max-width:70px;min-width:60px;height:72px; margin:5px auto}
.h-nav ul li a img{ width:45px; height:42px;}.h-nav ul li a span{ display:block; line-height:26px}
.h-nav ul li a:hover{ cursor:pointer; color:#a50310}
.mask1{height:100%; width:100%; position:fixed; _position:absolute; top:44px; z-index:998;  opacity:0.5; filter: alpha(opacity=50); background-color:#000; } 

/***********************************************订阅页面开始***************************************************************/
/*.hi-bg{width:96%; margin:0 2%;height:auto; background:#fff; padding:0 0 10px; margin-top:52px}*/
.dy{ padding:20px 1%;}
.dy-t{ display:block; color:#000;height:34px;line-height:34px;margin:10px 0;font-size:16px;overflow:hidden;padding-left:14px;}
.dy .form{ width:98%; margin:0 1%; height:40px; line-height:40px; border:1px solid #CCC;}
.dy .form .input{margin-right:-66px; float:left; width:90%; margin-top:1px}
.dy .form input{ float:left;height:38px; padding-left:10px; margin-right:66px; width:100%}
.dy .form button{ width:66px; float:right; height:40px; background:#e9342a; color:#fff; font-size:16px}
.dy-ts{ width:98%; margin:0 1%; height:40px; margin:20px 0}
.dy-ts span{ width:32px; height:32px; float:left; display:block; margin-top:5px;overflow:hidden}
.dy-ts span img{ width:100%; height:100%;}
.dy-ts p{display:block; font-size:16px;margin-left:40px; line-height:20px;overflow:hidden}

/*订阅成功*/
.tg{padding:0}
.tg .tg_dl{width:96%;margin:auto;margin-top:20px;}	
.tg .tg_dl dd{height:36px;margin-top:10px;line-height:36px;padding:0 5px;}	
.tg .tg_dl dd.tgn{height:66px;margin-top:10px;padding:0 5px;}	
.tg .tg_dl dd span{font-size:18px;color:#000;float:left;font-family:microsoft YaHei}
.tg .tg_dl dd div{padding-left:5px; position:relative; overflow:hidden;}
.tg .tg_dl dd input{border:0;height:36px;font-size:14px;width:99%;float:left;color:#222;border:1px solid #999}
.tg .register_dl dd input {width:96%;padding:0 2%; }
.tg .tg_dl dt{ text-align:center}
.tg textarea{width:95%;padding: 0 2%;font-size:14px; height:66px;resize:none;border:1px solid #999;color:#222;}
.tg .tg_dl dt .btn{color:#fff;background:#e9342a;width:50%; margin:30px auto;height:38px;font-size:20px;font-family:microsoft YaHei;}

.bm-success{position:fixed; height:200px; width:222px;left:50%;  top:50%; margin:-100px 0 0 -111px; display:none;z-index:9999; background:#fff;}
.bmd{ position:absolute; top:-23px; left:39%}
.bm-success span,.bm-success p,.bm-success a{ display: block; overflow:hidden; text-align:center}
.bm-success span{ line-height:30px; margin-top:40px; font-size:18px;}
.bm-success p,.bm-success .dyc{ margin:0 auto; line-height:24px; color:#666666; text-align:left}
.bm-success p{width:200px;}.bm-success .dyc{width:140px;}
.bm-success a.dys,.bm-success a.dyx{width:92%; margin:0 4%; background:#22c064; height:36px; line-height:36px; color:#fff;position:absolute; bottom:20px;}
.bm-success a.dys{background:#22c064;}
.bm-success a.dyx{background:#f98700;}
.bm-success a.email{ color:#e9342a}/*团购合作*/
.tg-ts{ color:#e9342a;display:block; width:96%; margin:0 2%; line-height:22px; font-size:16px; margin-top:18px}
/***********************************************订阅页面结束***************************************************************/

/***********************************************订单页面开始***************************************************************/
/*订单数目*/
.dd{ width:96%; margin:0 2%; height:auto; padding:14px 0px;}
.dd-top{ width:100%; height:auto; border-bottom:1px solid #ccc; overflow:hidden}
.dd-top .dd-xx{ width:100%; height:52px; display:block}
.dd-top .dd-xx span{ display:block; height:50px; overflow:hidden;}
.dd-top .dd-xx span.dd-img{ width:70px; border:1px solid #CCC; float:left}
.dd-top .dd-xx span.dd-img img{ width:100%; height:100%}
.dd-top .dd-xx span.dd-t{line-height:22px; margin-left:76px; font-size:16px;}
.dd-top #tab{ width:100%; height:24px; line-height:24px; margin-top:8px}
.dd-top #tab .num{ width:70px; float:left; overflow:hidden; border:1px solid #bbbdc1;}
.dd-top #tab .num .text_box,.dd-top #tab .num a{width:22px;  height:24px;float:left; text-align:center; }
.dd-top #tab .num .text_box{border-left:1px solid #bbbdc1;border-right:1px solid #bbbdc1; font-size:18px}
.dd-top #tab .num a{ display:block;font-size:20px;}
.dd-top #tab .all{ width:auto;float:right; }.dd-top #tab .all span{ color:#999999}
.dd-top #tab .all .price,.dd-top #tab .all b{ color:#a50310; font-size:16px;}
.dd-top #tab .all b{font-weight:normal; margin-left:3px}
/*输入电话号码*/
.dd-mob{ width:100%; height:150px; padding:16px 0 10px;border-bottom:1px solid #ccc;overflow:hidden}
.dd-mob .ddm-t{height:28px; line-height:28px; font-size:16px; padding-left:18px; background:url(img/mob.png) no-repeat 1px center; background-size:13px;overflow:hidden;}
.dd-mob .phone{ width:99%; height:32px; line-height:32px; border:1px solid #bbbdc1; margin:10px 0; font-size:14px;}
p.ddm-ts{ display:block;height:46px; line-height:24px; padding:8px 6px;font-size:16px;background:#ececec;overflow:hidden;}

.total{display:block;height:40px;line-height:40px;text-align:right; font-size:17px; color:#424242}
.total #total{color:#a50310}.total b{font-weight:normal;color:#a50310;}
button.tjdd{ display:block; width:90%; height:30px; line-height:30px;color:#fff;text-align:center;background:#e9342a;margin:20px 5%; font-size:16px; margin-bottom:20px;}

/***********************************************支付页面开始（与订单页面合用样式）***************************************************************/
.dd-top #tab .shul{ max-width:120px; margin-right:7px; float:left; overflow:hidden;}
.dd-mob .zhif{display:block;max-height:80px; line-height:25px;font-size:16px; color:#666666;overflow:hidden; margin:0 0 8px}
.dd-mob .zhif b{ font-weight:normal; color:#f98700; text-decoration:underline; margin:0 3px}
a.mlan{ color:#e9342a; margin:0 3px;}
/*浮动的支付按钮*/
.zf{ position:fixed; bottom:0; left:0px; width:96%;padding:0 2%;font-size:16px;height:46px; line-height:46px; border-top:1px solid #e9342a; background:#fff;}
.zf .zf-xg{ display:block; float:left;  color:#e9342a;} 
.zf .zf-go{ display:block; float:right; width:96%; margin:0 2%; height:34px; line-height:34px;  background:#f98700; color:#fff; text-align:center; margin-top:7px ;}


/***********************************************订单提交成功页面开始***************************************************************/
.tj-s{ width:96%; height:60px; margin:20px 2% 10px}
.tj-s .tjs-img{ display:block; width:42px; float:left; height:42px;}
.tj-s .tjs-img img{ width:100%; height:100%}
.tj-s .tjs-r{ display:block; margin-left:50px}
.tj-s .tjs-r span,.tj-s .tjs-r p{ display:block; overflow:hidden}
.tj-s .tjs-r span{ height:28px; line-height:22px; font-size:18px;}
.tj-s .tjs-r p{ height:40px; line-height:20px; overflow:hidden}
.tj-s .tjs-r p b{ font-weight:normal; color:#e9342a; text-decoration:underline; margin:0 3px}
p.tjs-ts{ display:block; width:96%;height:auto; line-height:20px; padding:8px 0; margin:40px 2% 0;font-size:16px;background:#ececec;overflow:hidden;}
p.tjs-ts span{ display:block; color:#666666; line-height:22px; overflow:hidden; padding-left:8px}
p.tjs-ts span.tjs-i{ padding-left:32px; background: url(img/ts.png) no-repeat 8px center; background-size:20px; margin-bottom:4px;}
p.add-tg{display:block; width:100%; overflow:hidden}
p.add-tg a{ display:block; width:46%; margin:30px 2% 0px; height:34px; line-height:34px; overflow:hidden; font-size:16px;float:left; text-align:center; background:#e9342a; color:#fff}
/*无订单*/
.tj-s .shop-img{display:block; width:52px; float:left}
.tj-s .shop-img img{ width:100%; height:100%}
.tj-s .shop-r{ display:block; margin-left:58px; font-size:16px;line-height:22px;}
.tj-s .shop-r span,.tj-s .shop-r p,.tj-s .shop-r p a{ display:block; overflow:hidden}
.tj-s .shop-r span{ height:28px;  font-size:18px;}
.tj-s .shop-r p{ height:40px;overflow:hidden}
.tj-s .shop-r p a{ color:#e9342a; text-decoration:underline; margin:0 4px; float:left}

/***********************************************团购订单列表。团购劵 页面开始***************************************************************/
/*团购订单列表*/
.bag{ width:96%; margin:0 2%;height:auto; margin-top:6px; padding:14px 0}
.dd-list{ width:100%; height:auto;overflow:hidden}
.dd-list ul{ width:100%; overflow:hidden}
.dd-list ul li{ width:96%;/* max-height:112px;*/padding:10px 2%; color:#424242; background:#fff; margin-bottom:10px;overflow:hidden} 
.dd-list ul li .ddl-top{ /*max-height:74px;*/border-bottom:1px solid #ccc; padding:5px 0; display:block;overflow:hidden}
.dd-list ul li .ddl-top .ddt-t{ maxheight:38px; line-height:20px; overflow:hidden; margin-bottom:3px;}
.dd-list ul li .ddl-top .ddt-t p{ display:block;width:73%;float:left; overflow:hidden; font-size:16px} 
.dd-list ul li .ddl-top .ddt-t span{display:block;width:27%;float:right; text-align:right;overflow:hidden; font-size:18px} 
.dd-list ul li .ddl-top .ddt-b{height:28px;line-height:28px;overflow:hidden; font-size:15px}
.dd-list ul li .ddl-top .ddt-b .ddt-b1{ max-width:73%;float:left;display:block}
.dd-list ul li .ddl-top .ddt-b .ddt-b2{max-width:27%;float:right;text-align:right;display:block}
.dd-list ul li .ddl-bottom{height:38px; line-height:38px;overflow:hidden; font-size:16px;}
.dd-list ul li .ddl-bottom span{ display:block; float:left;}
.dd-list ul li .ddl-bottom span b{ font-size:14px}
.dd-list ul li .ddl-bottom p{ display:block; float:right}
.dd-list ul li .ddl-bottom p a{ margin:0 4px; padding-left:20px;color:#999999; display:block; float:left}
.dd-list ul li .ddl-bottom p a.pay{ background:url(img/pay.png) no-repeat 0 center; background-size:16px}
.dd-list ul li .ddl-bottom p a.delete{ background:url(img/del.png) no-repeat 0 center; background-size:16px}
.dd-list ul li .ddl-bottom p a.look{ background:url(img/look.png) no-repeat 0 center; background-size:16px}
.dd-list ul li .ddl-bottom p a.comment { background:url(img/comment.png) no-repeat 0 center; background-size:16px}
.sum{ display:block; height:auto; line-height:30px; font-size:16px; display:block; background:#ececec; margin:10px 0; padding:10px 0}
.sum span{ margin-right:6px; padding-left:4px}
.sum1{ display:block; float:left}.sum2{ display:block; margin-left:110px}.sum2 span{ float:left}
/*新增的消费卷列表*/
.dd-list ul li .ddl-xf{height:autopx; width:100%;overflow:hidden; font-size:16px;}
.ddl-xf ul li{ height:38px; line-height:38px; padding:0 4px;border-bottom:1px solid #ccc;overflow:hidden}
.ddl-xf ul li span{ display:block;overflow:hidden}
.ddl-xf ul li span.dxj-1{width:68%; font-size:17px;float:left; color:#666}
.ddl-xf ul li span.dxj-2{width:30%; font-size:15px;float:right; text-align:right; color:#999}
/*团购券*/
.dd-list ul li .ddl-top .ddjuan-b{height:28px;line-height:28px;overflow:hidden; font-size:13px}
.dd-list ul li .ddl-top .ddjuan-b1{ max-width:43%;float:left; color:#999999;display:block}.dd-list ul li .ddl-top .ddjuan-b1 b{ font-weight:bold; color:#e9342a; font-size:18px}
.dd-list ul li .ddl-top .ddjuan-b2{max-width:54%;float:right;text-align:right;display:block}
.dd-list ul li .ddl-bottom p a.download{padding-left:20px;color:#999999; display:block; background:url(img/download.png) no-repeat 0 center; background-size:16px}

/***********************************************邀请好友 页面开始***************************************************************/
.yq{width:96%; height:auto; margin:0px 2% 10px; padding:10px 0;}
.yq p,.yq span,.yq a{ display:block; overflow:hidden;font-size:16px}
.yq .yq-f{ height:24px; font-size:18px; margin-top:18px}
.yq a{text-align:center;overflow:hidden;}
.yq .link{ height:30px; line-height:30px;  color:#f98700; text-decoration:underline;}
.yq .copy{ width:50%; height:36px; line-height:36px;background:#e9342a;color:#fff;margin:20px auto;}
.yq-ts{height:auto;}
.yq-ts .yq-left{width:33px; float:left}
.yq-ts .yq-left img{width:100%; height:100%;}
.yq-ts .yq-r{ margin-left:40px; color:#999999; line-height:24px}
/***********************************************订单详细页 开始***************************************************************/
.dx1{ width:92%; padding:10px 4%; overflow:hidden}
.dx-t{ display:block; height:40px; line-height:40px; border-bottom:1px solid #ccc; padding:0 2%;}
.dx-t span{ display:block; float:left; font-size:18px;}
.dx-t small{ display:block; float:right; font-size:14px; color:#999}
.dxj-list{ padding:10px 2% 0; height:auto; overflow:hidden}
.dxj-list ul li{ height:38px; line-height:38px; padding:0 4px;border-bottom:1px solid #ccc;overflow:hidden}
.dxj-list ul li span{ display:block;overflow:hidden}
.dxj-list ul li span.dxj-1{width:68%; font-size:17px;float:left; color:#666}
.dxj-list ul li span.dxj-2{width:30%; font-size:15px;float:right; text-align:right; color:#999}
/*订单详情*/
.dxx{padding:10px 2% 0; height:auto; overflow:hidden}
.dxx p{ display:block; height:38px; line-height:38px; overflow:hidden; font-size:17px;}
.dxx p .ddd{ width:8px; height:8px; background:#6f6d6d;border-radius:12px; -webkit-border-radius:12px; display:block; float:left; margin:14px 10px 0 4px}

a.gm{ width:96%; margin:10px 2%; height:40px; line-height:40px; color:#fff; font-size:16px; text-align:center; background:#f98700; display:block}

#normal-fieldset {overflow: hidden;width: 96%;margin: 10px 2% 60px}
#normal-fieldset h4 {font-size: 16px;height: 30px;line-height: 30px}
#normal-fieldset dd {border-bottom: 0;border-bottom: 1px solid #ccc;width: 100%}
#normal-fieldset dd p {width: 100%;height: 40px;line-height: 40px;display: block}
.pay-wrapper {font-size: 16px;height: 40px;line-height: 40px;display: block;margin-left: 40px}
.pay-wrapper input {float: right;}
.bank-icon {width: 30px;height: 30px;display: block;background-image: url("img/zpay.png");background-size: 30px;float: left;margin-top: 5px}
.alipay {background-position: 0 -495px}
.yeepay {background-position: 0 -35px}
.xyeepay {background-position: 0 -70px}
.pay-wrapper input {margin-top: 10px}


.tabBox{ margin:5px 0}
.tabBox .hd{ height:40px; line-height:40px; width:100%; font-size:18px; background:#fff;border-bottom:1px solid #ccc;position:relative;  }
.tabBox .hd ul{ position:absolute; width:100%;  height:41px; top:0; overflow:hidden;  }
.tabBox .hd ul li{ float:left; width:33%; float:left; overflow:hidden; text-align:center;color:#666;  }
.tabBox .hd ul .on{ border-top:3px solid #e9342a; }
.tabBox .hd ul .on a{ display:block;color:#f98700;/* 修复Android 4.0.x 默认浏览器当前样色无效果bug */}

/********没有信息*********/
.nodataa4{	padding-bottom: 40px;	width:100%;	display:none;}
.nodataa4 i{width: 65px;height: 65px;-webkit-background-size: 65px;background-size: 65px;display: block;margin: 45px auto 20px;background-image: url("img/list_badFace.png");}
.nodataa4 div {	margin-bottom: 20px;}
.nodataa4 div {	width: 322px;	color: #666;	line-height: 24px;	margin: 0 auto;	text-align: center;}



input.mt[type=radio]:checked:after, input.mt[type=checkbox]:checked:after {
content: "?";
font-size: 14px;
font-family: base_icon;
margin-top:1225px;
}
input.mt[type=radio]:checked, input.mt[type=checkbox]:checked {
background-color: #06c1ae;
border: 0;
color: #fff;
}
input.mt[type=radio], input.mt[type=checkbox] {
-webkit-appearance: none;
width: 25px;
height: 25px;
border-radius: 50%;
border: 1px solid #DDD8CE;
text-align: center;
vertical-align: middle;
line-height: 25px;
outline: 0;
}