﻿/*团购页样式*/
/*页面主体*/
#main{overflow: hidden;}

/*团购顶部幻灯片广告*/
.sliderBox{height:250px;width: 960px;overflow: hidden;}

/******** 头部开始 ********/
.head{height:75px;background:url(../order/images/orange/bg.png) repeat-x;color:#FFF;margin-bottom:18px;}
.head .logo{float:left;width:200px;padding:10px 0 0 20px;}
.head .rightNav{float:right;padding:10px 20px 0 0;}
.head .rightNav a{color:#FFF;}
.head .rightNav a:hover{text-decoration:underline;}
.head .rightNav span{display:inline-block;padding:0 10px;color:#FFF;}
.head .rightNav em{font-size:16px;font-weight:bold;font-family:Arial, Helvetica, sans-serif;}
.head .rightNav p{padding-top:5px;text-align:right;}
/******** 头部结束 ********/

/******** 主体内容开始 ********/
.foot{text-align:center;height:40px;padding-top:20px;}
/******** 主体内容开始 ********/

/******** 支付弹出窗开始 ********/
.go{display:block;width:133px;height:36px;line-height:36px;background:url(../order/images/ico/submit.png) no-repeat;text-align:center;font-size:14px;color:#FFF;padding:0;border:0;cursor:pointer;margin:0 auto;}
.gos{display:inline-block;width:100px;height:28px;line-height:28px;background:url(../order/images/ico/submit.gif) no-repeat;text-align:center;font-size:14px;color:#FFF;padding:0;border:0;margin:0 5px;}
.payPop{width:auto;height: auto;background:#FFF;border:5px solid #333;border-radius: 10px;padding:0 10px 10px 0;margin:0 auto;display:none;}
.payPop h1{border-bottom:1px #ddd solid;font: bold 14px/42px "微软雅黑","宋体",Arial;margin-left: 10px;}
.payPop .prompt{background:url(../order/images/ico/prompt.png) no-repeat 20px 32px;font-size:14px;color:#666;padding:30px 0 30px 45px;}
.payPop .prompt b{font-size:15px;}
.payPop .paySubmit{text-align:center;padding-bottom: 10px;}
.payPop .paySubmit a{color:#FFF;}
.loadingPop{width:460px;text-align:center;background:#FFF;border:5px #ddd solid;padding:30px 10px;margin:0 auto;display:none;}
.loadingPop p{color:#666;padding-top:5px;}
/******** 支付弹出窗结束 ********/

/*团购分类菜单*/
.menu{border: 1px solid #FF6800;border-width: 3px 1px 1px;padding: 10px 0 0;}
.menu dl{padding: 0 15px;}
.menu dt{float: left;font: bold 12px/20px "微软雅黑","宋体",Arial;padding-right: 8px;width: 65px;text-align: right;}
.menu dd{border-bottom: 1px dotted #E5E5E5;float: right;line-height: 20px;margin-bottom: 8px;padding-bottom: 8px;width: 850px;}
.menu dd li{float: left;}
.menu dd a{display: inline-block;float: left;padding: 1px 6px;white-space: nowrap;}
.menu dd a.on{color: #C10000;}
.menu dd .mainMenu a.on {background: #FF6800;border-radius: 3px;color: #FFF;}
.menu dd a.all{background: #FF6800;border-radius: 3px;color: #FFF;width: 25px;marin-right: 3px;}
.menu .end dd{border-bottom: none;margin: 0;padding: 0;}
.mainMenu{float: left;width: 810px;}
.subMenu{border: 1px solid #FFC299;background: #FFFDEE;float: left;margin-top: 8px;width: 828px;padding: 4px 15px 4px 5px;position: relative;}
.subMenu .close{background: url(../images/tuan/icon.gif) no-repeat  0 -90px;cursor: pointer;height: 7px;width: 7px;position: absolute;top: 7px; right: 7px;}
.menu dl.sort{border-top: 1px solid #FFC299;background: #FEF5E5;height: 35px;line-height: 35px;margin-top: 8px;overflow: hidden;}
.menu dl.sort dt{font: bold 12px/35px "微软雅黑","宋体",Arial;}
.menu dl.sort dd{border: none;float: left;height: 35px;line-height: 35px;margin: 0;padding: 0;width: auto;}
.menu dl.sort dd a{display: inline;float: none;padding: 0;}
.menu dl.sort dd.sorted{background: url(../images/tuan/sortbg.gif) no-repeat  0 0;height: 22px;margin: 8px 0 5px 6px;width: 166px;overflow: hidden;}
.menu dl.sort dd.sorted a{display: block;float: left;height: 22px;line-height: 22px;padding: 0;width: 55px;text-align: center;}
.menu dl.sort dd.btn1{background-position: 0 0;}
.menu dl.sort dd.btn2{background-position: 0 -22px;}
.menu dl.sort dd.btn3{background-position: 0 -44px;}
.menu dl.sort dd.newTuan{margin-left: 15px;}
.menu dl.sort dd.newTuan a{background: url(../images/tuan/icon.gif) no-repeat  0 -2px;color: #333;display: inline-block;font: bold 12px/35px "微软雅黑","宋体",Arial;padding-left: 15px;}
.menu dl.sort dd.newTuan a.on{background-position: 0 -30px;color: #C10000;}
.menu dl.sort dd.pageBox{float: right;}

/*首页产品列表*/
.product{margin: 0 auto;overflow: hidden;}
.product .outer{overflow: hidden;width: 990px;}
.product dl{border: 1px solid #FFC198;border-radius: 5px;float: left;margin: 15px 15px 0 0;padding: 14px;width: 280px;}
.product dl:hover{border: 1px solid #FF6800;}
.product dt{height: 40px;overflow: hidden;text-align: justify;}
.product dt a{color: #333;font: bold 14px/20px "微软雅黑","宋体",Arial;}
.product dt a:hover{color: #F74D04;}
.product dt span{background: #C10000;border-radius: 3px;color: #FFF;display: inline;font: bold 14px/20px "微软雅黑","宋体",Arial;margin-right: 5px;padding: 0 4px;}
.product dd{margin-top: 5px;}
.product dd em{color: #FF6800;font: bold 12px/21px Arial,Helvetica,sans-serif;}
.product dd em.o{color: #333;text-decoration: line-through;}
.product dd.pic{height: 210px;margin-top: 10px;position: relative;width: 280px;}
.product dd.pic a{background: url(../images/loading.gif) no-repeat 50% 50%;display: block;height: 210px;overflow: hidden;width: 280px;}
.product dd.pic i{background: url(../images/tuan/markicon.png) no-repeat  0 0;display: block;height: 50px;width: 50px;position: absolute;top: -10px;left: 240px;}
.product dd.pic i.new{background-position: 0 0;}
.product dd.pic i.hot{background-position: -50px 0;}
.product dd.pic i.bonus{background-position: -100px 0;}
.product dd.price{background: #F2F2F2;height: 23px;line-height: 23px;overflow: hidden;padding: 0 3px;}
.product dd.price span{float: right;}
.product dd.address{height: 23px;line-height: 23px;overflow: hidden;padding: 0 3px;}
.product dd.buy{background: url(../images/tuan/listbg.gif) no-repeat  0 0;height: 45px;line-height: 45px;overflow: hidden;padding-left: 40px;width: 240px;}
.product dd.buy span{color: #FFF;display: block;float: left;font: bold 32px/45px  Arial,Helvetica,sans-serif;width: 140px;}
.product dd.buy span.tg, dd.buy span.tg a{cursor: pointer;display: block;float: left;height: 45px;width: 100px;}
.product dd.over{background-position: 0 -45px;}
.product .pageBox{margin-top: 15px;text-align: center;}

/*团购详情页基本信息*/
.show .info{background: #FFF;border: 2px solid #E7E7E7;border-radius: 5px;margin-bottom: 10px;width: 956px;}
.show .info .dh{background: url(../images/tuan/icon.gif) no-repeat 7px -117px #F7F7F7;border-bottom: 1px solid #F3F3F3;height: 33px;line-height: 33px;padding-left: 28px;}
.show .info .dh a{display: inline-block;}
.show .info .dh em{padding: 0 8px;}
.show .info .content{padding: 5px 15px 10px;}
.show .info .title h1{font: bold 24px/36px "微软雅黑","宋体",Arial;text-align: justify;}
.show .info .title p{color: #555;font: 20px/28px "微软雅黑","宋体",Arial;padding-top: 5px;}
.show .info .box{padding-top: 10px;}
.show .info .left{float: left;width: 270px;}
.show .info .right{float: left;margin-left: 16px;width: 640px;}
.show .info .left dl{background: #FEF4EA;border: 1px solid #FE9A5E;border-radius: 0 0 5px 5px;display: inline-block;margin-left: 13px;width: 242px;}
.show .info .left dt{height: 68px;line-height: 68px;position: relative;}
.show .info .left dt div{background: url(../images/tuan/detailbg.gif) no-repeat 0 0;height: 68px;position: absolute;top: -2px;left: -20px;width: 270px;}
.show .info .left dt label{color: #FFF;display: inline;float: left;font: 34px/65px Arial,Helvetica,sans-serif;padding-left: 40px;text-align: left;width: 134px;}
.show .info .left dt a.buy{background: url(../images/tuan/detailbg.gif) no-repeat -147px -83px;display: block;float: right;height: 38px;margin: 12px 12px 5px 0;width: 78px;overflow: hidden;}
.show .info .left dd{margin: 0 10px 10px;padding: 10px 0 0;}
.show .info .left dd.buy,.show .info .left dd.time,.show .info .left dd.guarantee{border-top: 1px solid #FFD5BD;color: #333;text-align: center;font: bold 14px/30px "微软雅黑","宋体",Arial;}
.show .info .left dd.buy p,.show .info .left dd.time p{font: bold 14px/30px "微软雅黑","宋体",Arial;}
.show .info .left dd.buy em{color: #C10000;font: bold 26px/30px Arial,Helvetica,sans-serif;}
.show .info .left dd.time em{color: #000;font: bold 14px/30px Arial,Helvetica,sans-serif;}
.show .info .left dd.price{padding: 5px 0 0;}
.show .info .left dd.price li{float: left;width: 74px;text-align: center;}
.show .info .left dd.price em{font: bold 14px/26px Arial,Helvetica,sans-serif;}
.show .info .left dd.price em.o{color: #555;text-decoration: line-through;}
.show .info .left dd.price em.s{color: #C10000;}
.show .info .left dd.guarantee ul{padding: 0 16px;}
.show .info .left dd.guarantee li{float: left;width: 95px;}
.show .info .left dd.guarantee li a{background: url(../images/tuan/guaranteebg.gif) no-repeat 50% -9px;color: #559402;display: block;font: bold 12px/22px "微软雅黑","宋体",Arial;padding: 30px 0 0;}
.show .info .left dd.guarantee li.t1 a{background-position: 50% -9px;}
.show .info .left dd.guarantee li.t01 a{background-position: 50% -60px;color: #999;}
.show .info .left dd.guarantee li.t2 a{background-position: 50% -120px;}
.show .info .left dd.guarantee li.t02 a{background-position: 50% -174px;color: #999;}
.show .info .left dd.guarantee li a:hover{text-decoration: underline;}
.show .info .left .shareTo{margin: 10px 13px;}

/*详情页正文*/
.show .detail{/**/}
.show .detail .left{background: #FFF;border: 2px solid #E7E7E7;border-radius: 5px;float: left;padding: 10px 15px;width: 680px;}
.show .detail .detailTitle{background: url(../images/tuan/detailbg.gif) no-repeat 0 -244px #F60;height: 28px;padding-left: 30px;}
.show .detail .detailTitle span{background: url(../images/tuan/detailbg.gif) no-repeat right -272px;color: #FFF;display: block;font: bold 14px/28px "微软雅黑","宋体",Arial;}
.show .detail .left .content{padding: 10px 0;width: 680px;overflow: hidden;}
.show .detail .botBuy{background: #FFF7EF;border: 1px solid #FFD5AA;border-radius: 5px;height: 62px;overflow: hidden;}
.show .detail .botBuy dt{background: url(../images/tuan/detailbg.gif) no-repeat 0 -75px;float: left;height: 62px;overflow: hidden;position: relative;width: 234px;}
.show .detail .botBuy dt label{color: #FFF;display: block;float: left;font: 30px/60px Arial,Helvetica,sans-serif;padding: 0 10px;width: 120px;}
.show .detail .botBuy dt a.buy{display: block;float: left;height: 38px;overflow: hidden;padding: 12px 8px;width: 78px;}
.show .detail .botBuy dd{border-right: 1px solid #FFD5AA;float: left;margin: 5px 0;line-height: 26px;padding: 0 15px;}
.show .detail .botBuy dd.price{width: 240px;}
.show .detail .botBuy dd.price li{float: left;width: 80px;text-align: center;}
.show .detail .botBuy dd.price em{font: bold 14px/26px Arial,Helvetica,sans-serif;}
.show .detail .botBuy dd.price em.o{color: #666;font-weight: normal;text-decoration: line-through;}
.show .detail .botBuy dd.price em.s{color: #C10000;}
.show .detail .botBuy dd.time{width: 142px;}
.show .detail .botBuy dd.time p{font: bold 14px/26px "微软雅黑","宋体",Arial;text-align: center;}
.show .detail .botBuy dd.time em{color: #000;font: bold 14px/26px Arial,Helvetica,sans-serif;}
.show .detail .right{float: left;margin-left: 10px;width: 236px;}
.show .detail .right .box{background: #FFF;border: 2px solid #E7E7E7;border-radius: 5px;margin-bottom: 10px;}
.show .detail .right h2.hd{background: #F7F7F7;border-bottom: 1px solid #F3F3F3;height: 30px;font: bold 14px/30px "微软雅黑","宋体",Arial;padding: 0 10px;}
.show .detail .right .content{padding: 0 10px 10px;}
.show .detail .right .related dl{border-bottom: 1px solid #E7E7E7;padding: 10px 0;}
.show .detail .right .related dd{margin-top: 5px;}
.show .detail .right .related .pic a{background: url(../images/loading.gif) no-repeat 50% 50%;border: 1px solid #F3F3F3;display: block;height: 158px;width: 210px;}
.show .detail .right .related .pic a:hover{border: 1px solid #FF6800;}
.show .detail .right .related .price{line-height: 26px;}
.show .detail .right .related .price em{color: #FF6800;font: bold 12px/26px Arial,Helvetica,sans-serif;}
.show .detail .right .related .price span{float: right;height: 26px;width: 50px;}
.show .detail .right .related .price a{background: url(../images/tuan/btnbg.gif) no-repeat 0 -171px;display: block;height: 26px;width: 50px;}
.show .detail .right .infoTitle h2{background: url(../images/tuan/detailbg.gif) no-repeat 0 -244px #F60;height: 28px;margin: 10px;padding-left: 30px;}
.show .detail .right .infoTitle span{background: url(../images/tuan/detailbg.gif) no-repeat right -272px;color: #FFF;display: block;font: bold 14px/28px "微软雅黑","宋体",Arial;}
.show .detail .right .address li{line-height: 21px;}
.show .detail .right .address li b{font: bold 12px/21px "微软雅黑","宋体",Arial;}
.show .detail .right .address li a.map{color: #FF6800;}
.show .detail .right .address li em{font: 12px/21px Arial,Helvetica,sans-serif;}
.show .detail .right .news{padding: 0 10px 10px;}
.show .detail .right .news li{color: #666;height: 18px;line-height: 18px;overflow: hidden;margin: 10px 0 0;}

/*提交订单页*/
.order .box{background: #FFF;border: 2px solid #E7E7E7;border-radius: 5px;padding: 15px;}
.order .box .step{background: url(../images/tuan/step.gif) no-repeat right 0 #FFF;color: #000;font: 16px/32px "微软雅黑","宋体",Arial;height: 32px;width: 926px;overflow: hidden;}
.order .box .step1{background-position: right 0;}
.order .box .step2{background-position: right -32px;}
.order .box .step3{background-position: right -64px;}
.order .box .step span{color: #FF6800;font: 16px/32px "微软雅黑","宋体",Arial;}
.order .box .content{border-top: 1px solid #E9E9E9;margin-top: 15px;padding-top: 15px;}
.order .box .ctb th{background: #F3F3F3;border-right: 2px solid #FFF;font: bold 12px/30px "微软雅黑","宋体",Arial;padding: 3px 5px;text-align: center;}
.order .box .ctb .end{border-right: 0;}
.order .box .ctb td{border: 2px solid #FFF;border-width: 0 2px 2px 0;line-height: 30px;padding: 7px 5px 0;text-align: center;}
.order .box .ctb td a{font: 14px/30px "微软雅黑","宋体",Arial;}
.order .box .ctb em{color: #C10000;font: bold 14px/22px Arial,Helvetica,sans-serif;}
.order .box .amount span{font: bold 12px/50px "微软雅黑","宋体",Arial;float: right;}
.order .box .amount span.s1{padding: 0 10px 0 0;width: 120px;text-align: center;}
.order .box .amount em{color: #C10000;font: bold 14px/48px Arial,Helvetica,sans-serif;padding-left: 10px;}
.order .box .ctb .inputText{border: 1px solid #DDD;height: 18px;color: #C10000;font: bold 14px/18px Arial,Helvetica,sans-serif;padding: 3px 10px;text-align: center;width: 50px;}
.order .box .ctb em.way{background: url(../images/tuan/plus.gif) no-repeat 0 0;cursor: pointer;float: left;display: block;height: 20px;width: 17px;}
.order .box .ctb em.way.sub{background-position: 0 -40px;left: 0;right: auto;}
.order .box .ctb .count{border: 1px solid #D8D8D8;color: #C10000;height: 18px;font: bold 14px/18px Arial,Helvetica,sans-serif;ime-mode: disabled;float: left;margin: 0 5px;text-align: center;width: 74px;}
.order .box .btns{text-align: right;}
.order .box .btns .subBtn{background: url(../images/tuan/btnbg.gif) no-repeat 0 0;border: 0;cursor: pointer;height: 47px;width: 192px;overflow: hidden;}
.order .box .btns .goEdit{background: url(../images/tuan/btnbg.gif) no-repeat 0 -113px;border: 0;cursor: pointer;height: 47px;width: 144px;overflow: hidden;}
.order .box .btns .subPay{background: url(../images/tuan/btnbg.gif) no-repeat 0 -55px;border: 0;cursor: pointer;height: 47px;width: 192px;overflow: hidden;}
.order .box .mmsTip{background: #F3F3F3;color: #666;font: bold 12px/30px "微软雅黑","宋体",Arial;margin-bottom: 15px;padding: 3px 10px;}
.order .box .mmsTip em,.order .box .success em{color: #C10000;font: bold 12px/30px Arial,Helvetica,sans-serif;}
.order .box .successTip{background: url(../images/tuan/success.gif) no-repeat 23px 11px #FFF8D9;border: 1px solid #FEBE8F;border-radius: 3px;color: #FF6800;font: 30px/30px "微软雅黑","宋体",Arial;padding: 20px 90px;}
.order .box .success{background: #FFF8D9;border: 1px solid #FEBE8F;border-radius: 3px;margin-top: 15px;padding: 10px 15px;}
.order .box .success dt{color: #000;border-bottom: 1px solid #FEBE8F;font-weight: bold;line-height: 30px;margin-bottom: 10px;padding-bottom: 8px;}
.order .box .success dt span{color: #666;float: right;font-weight: normal;}
.order .box .success dd{line-height: 30px;}
.order .box .payBox{border-top: 1px solid #E9E9E9;margin-bottom: 15px;padding-top: 15px;}
.order .box .payBox h2.hd{background: #F3F3F3;color: #000;font: bold 12px/30px "微软雅黑","宋体",Arial;padding: 0 10px;}
.order .box .payBox .contain{padding: 10px 10px 0;}
.order .box .proMoney{border-bottom: 1px dotted #E9E9E9;padding-bottom: 10px;}
.order .box .proMoney li{color: #C10000;height: 22px;font: bold 12px/22px "微软雅黑","宋体",Arial;}
.order .box .proMoney li b{color: #666;font: bold 12px/22px "微软雅黑","宋体",Arial;}
.order .box .proMoney li em{font: bold 12px/22px Arial,Helvetica,sans-serif;padding: 0 3px;}
.order .box dl.pay{border-bottom: 1px dotted #E9E9E9;color: #666;padding: 10px 0;}
.order .box dl.pay dt{color: #666;font: bold 12px/22px "微软雅黑","宋体",Arial;}
.order .box dl.pay li{height: 54px;float: left;margin: 10px 13px 0 0;width: 168px;overflow: hidden;}
.order .box dl.pay li input{float: left;height: 54px;line-height: 54px;vertical-align: middle;width: 13px !important;overflow: hidden;}
.order .box dl.pay li label{border: 1px solid #E9E9E9;border-radius: 3px;cursor: pointer;display: block;float: left;height: 50px;margin-left: 8px;padding: 1px;width: 140px;overflow: hidden;}
.order .box dl.pay li label:hover,.order .box dl.pay li label.on{border: 1px solid #FF6800;}
.order .box dl.pay li label.alipay{background:url(../order/images/ico/pay_alipay.gif) no-repeat 0 0;}
.order .box dl.pay li label.tenpay{background:url(../order/images/ico/pay_tenpay.gif) no-repeat 0 0;}
.order .box dl.pay li label.yeepay{background:url(../order/images/ico/pay_yeepay.gif) no-repeat 0 0;}
.order .box dl.pay li label.ips{background:url(../order/images/ico/pay_ips.gif) no-repeat 0 0;}
.order .box dl.pay li label.chinabank{background:url(../order/images/ico/pay_chinabank.gif) no-repeat 0 0;}
.order .box dl.pay li label.kuaijie{background:url(../order/images/ico/pay_kuaijie.gif) no-repeat 0 0;}
.order .box dl.payWay{border-bottom: 1px solid #E9E9E9;}
.contact dl{display: block;margin-bottom: 8px;}
.contact dl.end{margin-bottom: 0;}
.contact dt,.contact dd{display: inline;float: left;height: 28px;line-height: 28px !important;padding-right: 8px;}
.contact dt{font: bold 12px/27px "微软雅黑","宋体",Arial;width: 160px;text-align: right;}
.contact dd{color: #777;}
.contact dd.tips{color: #C10000;}
.contact .inputText{border: 1px solid #E0E0E0;border-color: #BBB #E0E0E0 #E0E0E0 #AAA;border-radius: 3px;font-size: 14px;height: 18px;line-height: 18px;padding: 5px;width: 180px;}
.contact .inputRad,.contact .inputCk{display: inline-block;vertical-align: middle;}
.contact label{display: inline-block;font-family: tahoma;margin: 0 4px;vertical-align: middle;}
.contact .buy2{display: none;}

/*团购悬浮菜单*/
.tuanNav{background: #FFF;display: none;top: 226px;position: absolute; width: 80px; overflow: hidden;z-index: 100;}
.tuanNav .content{border: 1px solid #FF6800;border-radius: 3px;height: auto;}
.tuanNav .content:hover{border: 1px solid #FFC198;}
.tuanNav h2.hd{background: url(../images/tuan/navbg.gif) repeat-x 0 0;color: #FFF;font: bold 12px/24px "微软雅黑","宋体",Arial;text-align: center;}
.tuanNav ul{padding: 0 5px;}
.tuanNav li{border-bottom: 1px solid #F3F3F3;height: 26px;line-height: 26px;overflow: hidden;text-align: center;width: 68px;}
.tuanNav p{line-height: 26px;text-align: center;}
.tuanNav p a{color: #FF6800;}