@charset "utf-8";
#channelNav {height:26px;line-height:26px;overflow:hidden;padding:0 10px;border-bottom:1px solid #b0b0b0;color:#b0b0b0;}
#channelNav a {color:#b0b0b0;}
#channelNav a:hover {color:#ffbc00;}
#channelNav b {float:left;width:17px;height:26px;overflow:hidden;background:url(order.gif) 0 -111px no-repeat;margin-right:4px;}

#orderNav {width:100%;height:35px;overflow:hidden;background:url(order.gif) 0 0 repeat-x;padding-left:20px;margin-top:15px;}
#orderNav li {float:left;width:210px;height:35px;overflow:hidden;line-height:34px;text-align:center;font-size:16px;font-family:'MicroSoft YaHei';margin:0 10px;display:inline;position:relative;}
#orderNav li em {position:absolute;left:20px;top:0;color:#ffbc00;}
#orderNav li a {color:#323232;display:block;width:100%;height:100%;background:url(order.gif) 0 -37px no-repeat;}
#orderNav li.active a {background-position:0 -74px;}
#orderNav li a:hover {background-position:0 -74px;color:#fff;}
#orderNav li.active em,#orderNav li.active a,#orderNav li a:hover em {color:#fff;}


.tit {font-size:18px;letter-spacing:2px;color:#323232;}
.pl_20 {padding-left:20px;}
#order {border:6px solid #f4f4f4;padding:25px;}
#orderSelect {background:#fefdf1;border:1px solid #ede9c6;padding:10px 30px;}
#seeDetails {color:#00b7ee;text-decoration:underline;}
#seeDetails:hover {color:#ffbc00;}

#offerType {height:32px;width:100%;overflow:hidden;}
#offerType li {float:left;height:32px;line-height:32px;padding-left:10px;background:#b0b0b0 url(order.gif) -200px -111px no-repeat;margin-right:10px;}
#offerType li i {float:left;width:10px;height:32px;overflow:hidden;background:url(order.gif) -31px -111px no-repeat;}
#offerType li a {float:left;font-size:16px;color:#fff;font-family:'MicroSoft YaHei';letter-spacing:1px;margin-left:5px;}
#offerType li a:hover {color:#ffbc00;}
#offerType li.active a:hover {color:#fff;}
#offerType li.active {background:#ffbc00 url(order.gif) -200px -145px no-repeat;}
#offerType li.active i {background-position:-19px -111px;}
.b_1,.b_2,.b_3 {display:block;float:left;width:29px;height:32px;overflow:hidden;background-image:url(order.gif);background-repeat:no-repeat;}
.b_1 {background-position:-43px -145px;}
.b_2 {background-position:-74px -145px;}
.b_3 {background-position:-105px -145px;}
#offerType li.active .b_1 {background-position:-43px -111px;}
#offerType li.active .b_2 {background-position:-74px -111px;}
#offerType li.active .b_3 {background-position:-105px -111px;}

.offerContent,.offerOther {border:3px solid #ffbc00;padding:15px;background:#fff;}
.offerContent h2 {border-bottom:1px solid #dadada;color:#323232;font-size:14px;font-family:'MicroSoft YaHei';}
.offerContent table {color:#b0b0b0;margin-top:5px;}
.offerContent td {padding:3px 0;}
.useOffer,.noOffer {display:inline-block;_display:inline;_zoom:1;overflow:hidden;height:27px;line-height:26px;text-align:center;background-image:url(order.gif);background-repeat:no-repeat;color:#fff;font-size:16px;font-family:'MicroSoft YaHei';margin:0 5px;}
.useOffer {background-position:0 -179px;width:124px;}
.useOffer:hover {color:#323232;}
.noOffer {background-position:0 -208px;width:164px;}
.noOffer:hover {color:#bb0000;}

.offerOther {margin-top:15px;}
.offerOther input {vertical-align:middle;margin-top:-2px;margin-bottom:1px;}
.offerOther label {cursor:pointer;margin-left:2px;}

.orderInfo {margin-top:15px;border:1px solid #dadada;padding:17px;background:#fff;text-align:center;}
.orderInfo p {display:inline-block;_display:inline;_zoom:1;overflow:hidden;text-align:left;line-height:16px;}
.orderInfo b {float:left;width:32px;height:32px;overflow:hidden;background:url(order.gif) -178px -193px no-repeat;margin-right:10px;}

.cb0b {color:#b0b0b0;}
.c323 {color:#323232}
.c00b {color:#00b7ee;}
.mt_5 {margin-top:5px;}
.ml_10 {margin-left:10px;}
.tCenter {text-align:center;}
.expired {font-weight:700;color:#bb0000;}
.button_1 {border:0 none;background:none;cursor:pointer;display:inline-block;_display:inline;_zoom:1;overflow:hidden;width:36px;height:21px;background:url(order.gif) 0 -145px no-repeat;line-height:20px;text-align:center;}

.offerName {width:80px;text-align:right;float:left;}

.used {display:none;} /*display:none;*/
.usedIcon {float:left;width:59px;height:18px;overflow:hidden;background:url(order.gif) -138px -151px no-repeat;margin-top:1px;margin-left:10px;display:inline;}
.offerTip {padding:1px 5px;background:#ffbc00;color:#bb0000;}

.openC,.closeC {float:left;width:55px;height:18px;overflow:hidden;background-image:url(order.gif);background-repeat:no-repeat;margin-top:1px;}
.openC {background-position:-139px -111px;}
.closeC {background-position:-139px -131px;}

.offerList {margin-top:10px;}
.offerDesc {}
.offerChoise {padding:0 10px;background:#fefdf1;border:1px solid #ede9c6;color:#323232;display:none;margin-left:80px;} /*display:none;*/
.offerChoise table {color:#323232;}
.offerChoise td {padding:2px 0;}
.selected {display:inline-block;_display:inline;_zoom:1;overflow:hidden;width:48px;height:16px;background:url(order.gif) -138px -171px no-repeat;}
.useless td{color:#c8bbc9;}
.useAction .selected {display:none;}
.trHover td {background:#d7f6ff;}

#goPayment {padding:10px 20px;width:940px;overflow:hidden;background:#f4f4f4;margin-top:15px;}
.goPayL {float:left;width:640px;overflow:hidden;}
.goPayL li {width:100%;padding:4px 0;border-bottom:1px solid #fff;overflow:hidden;}
#goPayment input {vertical-align:middle;margin-top:-2px;margin-bottom:1px;}
.goPayR {width:240px;height:132px;margin:0 10px;padding:0 10px;border-left:1px solid #000;float:left;text-align:center;}
.orderSubmit {width:142px;height:35px;display:block;text-indent:-999em;margin:20px auto;background:url(order.gif) 0 -237px no-repeat;}

#paymentWay {width:800px;margin:0 auto;}
#paymentWay li {width:100%;overflow:hidden;margin:10px 0;}
#paymentWay li label {font-weight:700;font-size:14px;}
#paymentWay li h6 input {vertical-align:middle;margin-top:-2px;margin-bottom:1px;}

.bankOnline {width:760px;margin:10px auto;}
.bankOnlineHeader {width:100%;height:22px;line-height:22px;overflow:hidden;}
.bankOnlineHeader p {height:21px;background:url(order.gif) 0 -274px no-repeat;float:left;padding-left:10px;}
.bankOnlineHeader p b {float:left;width:10px;height:21px;background:url(order.gif) -290px -274px no-repeat;}
.bankOnlineHeader i {width:28px;height:22px;float:left;background:url(order.gif) -178px -226px no-repeat;}

.bankOnlineList {width:738px;padding:10px;background:#fefdf1;border:1px solid #ede9c6;margin-top:10px;}
.bankOnlineList img { vertical-align:middle;}
.bankOnlineList th {padding-top:10px;font-weight:normal;}
.bankOnlineList td {padding:4px 0;}

.tlist {width:760px;margin:10px auto;border:1px solid #ede9c6;}
.tlist td {padding:5px 0;border-top:1px dashed #ede9c6;}


/*弹出层*/
.block {display:block;}
.popCardCharge {width:400px;position:absolute;left:50%;margin-left:-200px;z-index:9999999;display:none;background:#515151;padding:20px;font-family:'MicroSoft YaHei';overflow:hidden;}
.popCardCharge h6 {width:100%;overflow:hidden;padding-left:40px;color:#fff;}
.popCardCharge h6 b {float:left;width:34px;height:34px;overflow:hidden;background:url(charge.gif) 0 0 no-repeat;margin-left:-40px;display:inline;}
.closeCardCharge {display:block;position:absolute;text-indent:-999em;background:url(charge.gif) 0 -51px no-repeat;right:10px;top:10px;width:13px;height:13px;overflow:hidden;}
.closeCardCharge:hover {background-position:0 -36px;}
.popCardCharge table {background:#000;color:#fff;margin-top:15px;width:100%;}
.popCardCharge td {padding:15px 10px 0;white-space:nowrap}
.popCardCharge tbody input {width:90%;height:20px;background:none;border:0 none;background:#555555;border:1px solid #7d7d7d;}
.popCardCharge tbody input:focus {background:#d4d4d4;border-color:#ffbc00;}
.popCardCharge tfoot td {padding-bottom:15px;}

.button1 *,.button2 *,.button3 * {position:relative;zoom:1;}
.button1,.button2,.button3 {display:inline-block;*display:inline;*zoom:1;height:25px;line-height:25px;overflow:hidden;letter-spacing:2px;margin:0 5px;overflow:hidden;}
.button1:hover,.button2:hover,.button3:hover {background:url(null.jpg);}

.button1 input {border:0 none;background:none;height:25px;float:left;padding-left:12px;background:url(charge.gif) 0 -67px;cursor:pointer;}
.button1:hover input {background-position:0 -92px;}
.button1 b {float:left;width:12px;height:25px;background:url(charge.gif) -188px -67px no-repeat;}
.button1:hover b {background-position:-188px -92px;}

.button2 input {border:0 none;background:none;height:25px;float:left;padding-left:12px;background:url(charge.gif) 0 -117px;cursor:pointer;}
.button2:hover input {background-position:0 -142px;}
.button2 b {float:left;width:12px;height:25px;background:url(charge.gif) -188px -117px no-repeat;}
.button2:hover b {background-position:-188px -142px;}

.button3 {height:22px;line-height:22px;margin-top:10px;}
.button3 span {height:22px;float:left;padding-left:12px;background:url(charge.gif) 0 -176px;color:#000;}
.button3:hover span {color:#ffbc00;}
.button3 s {float:left;width:12px;height:22px;background:url(charge.gif) -188px -176px no-repeat;}

/*商品清单*/
.cbb0 {color:#bb0000;}
.c999 {color:#999;}
#goodsList {border:6px solid #f4f4f4;padding:25px;}
#goodsList a:hover {color:#bb0000;}
.goodsListTable {border:1px solid #EDE9C6;}
#goodsList th {line-height:30px;background:#b0b0b0;color:#fff;font-size:14px;letter-spacing:1px;font-weight:700;}
#goodsList td {line-height:40px;padding:0 10px;}
#goodsList .zengPin {background:#f4f4f4;}
#goodsList .zengPin td {line-height:30px;}
#goodsList tfoot th {height:10px;overflow:hidden;line-height:10px;background:none;}