﻿/* 
 Company: Abs 
 Date: 2010年7月26日
 Writer: Sono
*/

* { margin: 0px; padding: 0px; }
body { font-size: 12px; background: #fff; font-family: Verdana, "宋体"; }
ul, ol, li { list-style: none; }
img { border: 0px; }
a { color: #3f3b3a; text-decoration: none; }
a:hover { color: #d00a17; text-decoration: underline; }
br { clear: both; }
input, textarea { margin: 0px; padding: 0px; border: 0px; }
.txt { border: 1px solid #bdbdbd; height: 20px; padding: 0px 1px; }
input.btn_red { color: #fff; width: 48px; height: 24px; background: url(../images/btn_red.jpg) no-repeat; font-size: 12px; cursor: pointer; }
i { font-style: normal; color: #000; }
textarea { border: 1px solid #bdbdbd; font-size: 12px; }

.l, .l1 { float: left; display: inline; }
.r, .r1 { float: right; display: inline; }
.clear { clear: both; float: none; width: 0px; height: 0px; }
.red, b { color: #cc0000; }
.line { overflow: hidden; height: 24px; line-height: 24px; text-overflow: ellipsis; white-space: nowrap; }

em { font-style: normal; color: #636363; font-family: Verdana, "宋体"; }

.header { width: 950px; margin: 0px auto; overflow: hidden; }
#pagelogo { float: left; }
.headerAds { float: left; position: relative; margin: 5px 0px 0px 50px; _display: inline; width: 220px; height: 50px; overflow: hidden; }
.headerAds a { position: absolute; top: 0px; left:0px; }
.headerAds img, .headerAds a { width: 220px; height: 50px; }
.header a.logo { background: url(images/global.gif) no-repeat -489px -30px; float: left; height: 60px; }
.servicePhone { float: right; width: 165px; height: 38px; background: url(images/global.gif) no-repeat -484px -105px; margin: 14px 10px 0px 0px; }
.headerLinks { float: right; background: url(images/global.gif) no-repeat -491px -161px; width: 196px; height: 60px; }
.headerLinks ul { margin-top: 8px; }
.headerLinks a { float: left; height: 20px; width: 60px; margin-left: 2px; line-height: 60px; overflow: hidden; }
.headerLinks li { overflow: hidden; clear: both; width: 100%; margin-top: 5px; }
#about { width: 60px; }
#corporation { width: 65px; }
#catalog { width: 74px; }
#helpCenter { width: 53px; }

.nav { width: 903px; padding-left: 47px; margin: 2px auto; background: url(images/global.gif) no-repeat 0px 0px; height: 24px; overflow: hidden; }
.nav a { width: 103px; height: 24px; line-height: 80px; float: left; margin-right: 2px; }
.search { height: 100%; overflow: hidden; margin: 8px 6px 0px 6px; }
.searchCon { float: left; width: 137px; height: 21px; background: url(images/global.gif) no-repeat -491px -225px; }
#keywords { width: 96px; border: 0px; margin: 3px 0px 0px 11px; float: left; background-color: Transparent; }
#searchBtn { width: 21px; height: 20px; border: 0px; cursor: pointer; margin: 0px 0px 0px 6px; float: left; background-color: Transparent; }
.hotWords { line-height: 24px; float: left; _display: inline; margin-left: 20px; }
.hotWords div { float: left; }
.hotWordsCon a { float: left; margin: 0px 5px 0px 0px; }
.saleZone a { color: #d00a17; }

.shopcart { text-align: right; }
.shopcart div { display: inline-block; zoom:1;  line-height: 21px; vertical-align: top; *display: inline; }

.loginLnk { padding: 1px 5px; color:#999;}
.loginLnk a { color: #d00a17; margin: 0px 6px;}
.shopcartBlk { text-indent: 3px; text-align: left;width: 179px; height:21px; background: url(images/global.gif) no-repeat -491px -259px;}
.shopcartBlk a { display: inline-block; width: 100%; height: 21px;  }
.shopcartBlk a:hover { text-decoration: none; }
#shopcartNum { font-family: Verdana; color: #d00a17; }

.main { width: 950px; margin: 0px auto; overflow: hidden; }
.content { padding-top: 10px; width: 100%; height: 100%; overflow: hidden; }

h1 { border-bottom: 2px solid #c4c4c4; color: #000; font-weight: bold; font-size: 14px; background: url(images/global.gif) no-repeat -925px -27px; padding: 0px 0px 4px 25px; margin: 10px 0px; }

.btn1 { text-align: center; padding: 0px; }
.btn1 em { display: inline-block; height: 16px; background: #c00; padding:0px 4px; cursor: pointer; border: 1px solid #c66; border-bottom: 1px solid #ac0000; border-right: 1px solid #ac0000; color: #fff; }

h2 { background: url(../images/ico.jpg) no-repeat 9px 14px; padding-left: 20px; border-bottom: 1px solid #eeebe6; height: 24px; color: #c5bfa9; font-family: 微软雅黑,黑体; font-weight: normal; font-size: 18px; padding-right: 8px; padding-top: 6px; }
h2 span { padding-left: 20px; font-size: 12px; }
h2 a { color: #c5bfa9; }
a.more { color: #333; font-family: 宋体; float: right; font-size: 12px; font-weight: normal; }
h3 { height: 22px; margin-left: 8px; color: #d6d3be; font-family: Arial; line-height: 18px; font-size: 14px; }
h4 { font-size: 12px; color: #666; background: #f5f4f0 url(../images/ico1.jpg) no-repeat 8px center; padding-left: 20px; height: 24px; border-bottom: 1px solid #dbdbdb; border-top: 1px solid #dbdbdb; font-weight: normal; line-height: 25px; }

table.tbl { border-collapse: collapse; border: 1px solid #ddd; line-height: 18px; color: #636363; }
table.tbl td { border: 1px solid #ddd; text-align: center; padding: 6px; }
table.tbl td.tl { text-align: left; }
table.tbl th { border: 1px solid #ddd; background: #f5f4f0; line-height: 26px; height: 26px; font-weight: normal; padding: 0px 6px; }
table.tbl tfoot td { background: #f5f4f0; }

.bx { border-left: 1px solid #dbdbdb; border-right: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; }

.mr { width: 738px; float: right; margin-top: 10px; overflow: hidden; }
.b { font-weight: bold; }
.po { position: absolute; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.mb15 { margin-bottom: 15px; }
.w30 { width: 30px; }
.w50 { width: 50px; }
.w60 { width: 60px; }
.w40 { width: 40px; }
.pt15 { padding-top: 15px; }
.pt8 { padding-top: 8px; }
.tr { text-align: right; }
.tl { text-align: left; }

.btn_nrm { background: #cc0000; border-top: 1px solid #ffcccc; border-left: 1px solid #ffcccc; border-bottom: 1px solid #aa0000; border-right: 1px solid #660000; color: #fff; font-size: 12px; line-height: 22px; height: 22px; cursor: pointer; }

/* 通用表格 begin */
.tb { border-right: 1px solid #ddd; padding: 0px; border-bottom: 1px solid #ddd; }
.tb ol { background: #f5f4f0; height: 29px; line-height: 30px; }
.tb ul, .tb ol, .tb div { clear: both; margin: 0px; border-top: 1px solid #ddd; }
.tb li { float: left; border-left: 1px solid #ddd; padding: 0px 6px; text-align: center; }
.tb div { background: #f5f4f0; border-left: 1px solid #ddd; padding: 2px 10px; }
/* 通用表格 end */

/* 通用表单 begin */
.fm dl { clear: both; float: none; width: 100%; overflow: visible; }
.fm dt { float: left; _display: inline; padding-top: 15px; text-align: right;  }
.fm dd { float: left; _display: inline; padding-top: 15px; padding-left: 6px; }
.fm div { clear: both; }
/* 通用表单 end */

/* 民生银行 begin */
.cmbc { width: 998px; margin: 0px auto; }
.cmbc_head { background: #eee8da; height: 32px; line-height: 32px; }
.cmbc_head ul, .cmbc_head li, .cmbc_head div, .cmbc_head form, .cmbc_head input { float: left; display: inline; }
.cmbc_head ul { width: 450px; }
.cmbc_head li { margin-left: 20px; color: #746E64; }
.cmbc_head form { background: url(../images/search.jpg) no-repeat right top; width: 214px; height: 24px; margin-top: 5px; }
.cmbc_head .lbl_search { background: url(../images/lbl_search.jpg) no-repeat; width: 32px; height: 13px; margin-top: 4px; }
.cmbc_head #txt_keywords { margin-left: 4px; width: 154px; margin-top: 5px; height: 14px; line-height: 14px; }
.cmbc_head .btn_search { width: 20px; height: 20px; margin-left: 2px; cursor: pointer; background-color: Transparent; }
.cmbc_head .service { float: right; margin-right: 20px; }

.cmbc_nav { height: 28px; line-height: 15px; padding-top: 4px; padding-left: 3px; margin: 0px; }
.cmbc_nav a { float: left; width: 56px; height: 15px; margin-top: 10px; margin-left: 25px; }

.cmbc_cart { float: right; display: inline; width: 280px; margin-right: 22px; height: 25px; line-height: 24px; }
.cmbc_cart a { margin-left: 0px; }
.cmbc_btm { background-position: url(../images/cmbc_btm.jpg) repeat-x; background: url(../images/cmbc_btm.png) repeat-x; border: 1px solid #23a6a0; color: #666; padding: 30px 30px 10px 30px; width: 936px; margin: 0px auto; text-align: center; }
a.thzq { color: #cc0000;}
a.top_cart { background: url(../images/top_cart.jpg) no-repeat; width: 179px; height: 24px; padding-left: 35px; line-height: 26px; float: right; margin-top: 4px; margin-right: 8px; color: #8D8676; }
a.top_cart span { color: #ac0000; }
/* 民生银行 end */

/* 当前位置 begin */
.here { color: #666; background: #f1f1f1 url(../images/ico1.jpg) no-repeat 15px center; height: 25px; line-height: 25px; margin-top: 6px; font-size: 14px; }
.here a { padding: 0px 8px; color: #666; }
.here b { margin-left: 35px; font-weight: normal; color: #666; }
.here span { padding: 0px 8px; color: #999; }
/* 当前位置 end */

/* 类别 begin */
.cates { width: 182px; float: left; border: 1px solid #dbdbdb; margin-top: 10px; padding: 5px; overflow: hidden; }
.cates h2 { height: 30px; border-bottom: 1px solid #dbdbdb; background: url(../images/cates.jpg) no-repeat 6px center; }
.cates dl { margin-left: 5px; }
.cates dl dt { padding-top: 8px; padding-bottom: 4px; height: 13px; }
.cates dl dt img { float: left; }
.cates dl dt a { height: 13px; background: no-repeat; float: left; width: 53px; }
.cates dl dt a.b { width: auto; font-family: 微软雅黑,宋体; color: #cc0000; height: 20px; margin-top: -6px; }
.cates dl dt a.les { background-image: url(../images/les.jpg); width: 93px; }
.cates dl dt a.pk { background-image: url(../images/pk.jpg); width: 79px; }
.cates dl dt a.hm { background-image: url(../images/hm.jpg); }
.cates dl dt a.c1 { background-image: url(../images/c1.jpg); }
.cates dl dt a.c2 { background-image: url(../images/c2.jpg); }
.cates dl dt a.c3 { background-image: url(../images/c3.jpg); }
.cates dl dt a.c4 { background-image: url(../images/c4.jpg); width: 66px; }
.cates dl dt a.c5 { background-image: url(../images/c5.jpg); }
.cates dl dt a.c6 { background-image: url(../images/c6.jpg); }
.cates dl dt a.c7 { background-image: url(../images/c7.jpg); }
.cates dl dt a.c8 { background-image: url(../images/c8.jpg); }
.cates dl dt a.c9 { background-image: url(../images/c9.jpg); }
.cates dl dt a.c10 { background-image: url(../images/c10.jpg); }
.cates dl dd { margin-top: 5px; line-height: 25px; color: #999; }
.cates dl dd a:link, .cates dl dd a:visited { color: #666; padding-left: 6px; padding-right: 6px; }
.cates dl dd a.current { color: #882017; padding-left: 6px; padding-right: 6px; }
/* 类别 end */

#txt_keywords { line-height: 20px; font-size: 12px; color: #A49D8A; }
.btn_ok { background: url(../images/btn_ok.jpg) no-repeat; width: 70px; height: 30px; cursor: pointer; }

#divOnlineServiceBg { background: #fff; filter: Alpha(Opacity=80); opacity: 0.8; position: absolute; display: none; left: 0px; top: 0px; }
#iframeOnlineService { position: absolute; display: none; left: 0px; top: 0px; }

span.err, span.msg, span.suc, span.loading { line-height: 12px; float: left; position: absolute; margin: 2px 0px 0px 2px; padding: 2px; }
span.err { color: #cc0000; border: 1px solid #cc0000; background: #feefef; }
span.msg { color: #0066ff; border: 1px solid #0066ff; background: #e4eefc; }
span.suc { background: url(../images/success.gif) no-repeat; width: 26px; height: 17px; }
span.loading { background: url(../images/loading.gif) no-repeat; width: 16px; height: 16px; margin-top: 3px; }
.hid { display: none; }

.entranceLoginBtn { width: 133px; height: 39px; background: url(../images/entranceBtn.jpg) no-repeat; cursor: pointer; }

.help { border-bottom: 1px solid #c4c4c4; padding-bottom: 20px; margin-top: 10px; }
.helpTit { border-bottom: 2px solid #c4c4c4; height: 17px; padding-top: 9px; }
.helpTit b { margin-left: 10px; float: left; height: 14px; width: 89px; line-height: 14; background: url(images/global.gif) no-repeat -291px -110px; overflow: hidden; }

.help dl { float: left; width: 190px; }
.help dl dt { margin-left: 25px; color: #555; height: 24px; line-height: 25px; overflow: hidden; }
.help dl a { color: #555; }
.help dl dd { margin-left: 25px; height: 24px; line-height: 25px; overflow: hidden; padding-left: 15px; background: url(images/global.gif) no-repeat -930px -58px; }

.footer { margin-top: 10px; background-color: #dcdcde; text-align: center; padding: 10px; color: #555; line-height: 18px; }
.footer a { color: #555; padding: 0px 4px; }

/* 右键菜单 begin */
.menu { background-color: ButtonFace; position: absolute; border-top: 1px solid ButtonFace; border-left: 1px solid ButtonFace; border-bottom: 1px solid #555; border-right: 1px solid #555; width: 100px; visibility: hidden; position: absolute; left:0px; top: 0px; }
.menu div { padding: 2px; border-top: 1px solid #fff; border-left: 1px solid #fff; border-bottom: 1px solid #838383; border-right: 1px solid #838383; }
.menu a { display: block; padding-left: 10px; color: #000; height: 18px; line-height: 18px; }
.menu a:hover { background-color: Blue; color: #fff; text-decoration: none; }
/* 右键菜单 end */

/* 弹出框 begin */
.dialog { border: 1px solid #cdcdcd; visibility: hidden; overflow: hidden; position: absolute; background: #fff; top: 0px; left: 0px;z-index:5000; }
.dialog * { overflow: visible; }
.dialogBg { border: 0px; background: #fff; opacity:0; filter: alpha(opacity=0); display: none; position: absolute; top: 0px; left: 0px; z-index:5000; }
.dialogBgDIV { border:0px;padding:0px; margin:0px;display: none; position: absolute; top: 0px; left: 0px;background: #000; z-index:5000; }
.dialogHeader { border-bottom: 1px solid #cdcdcd; background: #F5F4F0 url(http://media.abs.cn/theme/default/images/ico1.jpg) no-repeat 8px 9px; padding-left: 22px; padding-right: 8px; line-height: 28px; height: 26px; color: #636363; overflow: hidden; cursor: move; -moz-user-select:none; }
.dialogCloser { float: right; margin-top: 7px; width: 12px; height: 12px; background: url(http://media.abs.cn/theme/default/images/close.png) no-repeat; cursor: pointer; }
.dialogCon { padding: 10px; background: #fff; }
/* 弹出框 end */

/* 登录、注册框 begin */
.loginDlg { margin-top: 0px; background: #fff; width: 356px; }
.loginDlg ul { height: 25px; }
.loginDlg ul li { float: left; height: 25px; width: 87px; overflow: visible; line-height: 24px; }
.loginDlg ul li a { color: #666; height: 24px; float: left; width: 83px; position: absolute; text-align: center; border: 1px solid #dbdbdb; border-bottom: 0px; background: #f6f6f6; }
.loginDlg ul li.current a { font-weight: bold; height: 25px; line-height: 25px; background: #feefef; color: #cc0000; border: 1px solid #f8d0d3; border-bottom: 0px; }
.loginDlg ol { width: 354px; padding-top: 15px; border: 1px solid #f8d0d3; }
.loginDlg ol li { display: none; padding: 0px; margin: 0px; width: 348px; color: #636363; }
.loginDlg ol li.current { display: block; }
.loginDlg dl { padding-top: 6px; }
.loginDlg dt { text-align: right; width: 100px; padding-top: 12px; }
.loginDlg dd { padding-top: 12px; position: relative; }
.loginDlg dd label { margin-right: 10px; }
.loginDlg .txt { width: 160px; height: 18px; }
.loginDlg .s_phone { background: url(../images/s_phone.jpg) no-repeat center center; border-top: 1px dashed #ddd; height: 60px; width: 330px; margin-left: 10px; }
.loginDlg span { line-height: 12px; float: left; position: absolute; margin: 2px 0px 0px 0px; padding: 2px; }
.loginDlg span.err { color: #cc0000; border: 1px solid #cc0000; width: 156px; top: -7px; left: 6px; line-height: 15px;height: 14px; padding:0px; overflow: hidden; background: #feefef; }
.loginDlg span.msg { color: #0066ff; border: 1px solid #0066ff; background: #e4eefc; width: 200px; }
.loginDlg span.suc { background: url(../images/success.gif) no-repeat; width: 16px; height: 17px; }
.loginDlg span.loading { background: url(../images/loading.gif) no-repeat; width: 16px; height: 16px; margin-top: 3px; }
.hid { display: none; }

.btn_login { width: 133px; height: 39px; background: url(../images/btn_login.jpg) no-repeat; cursor: pointer; margin: 10px 0px 0px 100px; }
.btn_register { width: 151px; height: 39px; background: url(../images/btn_register.jpg) no-repeat; cursor: pointer; margin: 25px 0px 0px 100px; }

.checkcode input.txt { width: 40px; }
.checkcode input, .checkcode img, .checkcode a { float: left; margin-right: 3px; }
.checkcode a { color: #ac0000; text-decoration: underline; }
/* 登录、注册框 end */
/*合作伙伴*/
.btn_cftlogin { width: 94px; height: 30px; background: url(../images/btn_cft.gif) no-repeat; }
.btn_alipay { width: 94px; height: 30px; background: url(../images/btn_alipay.gif) no-repeat; }
.btn_ctrip { width: 94px; height: 30px; background: url(../images/btn_ctrip.gif) no-repeat; }
.cooperater { margin-top: 10px; color: #666; }
.cooperater form { display: inline; }
