body { letter-spacing: 1px; background: #FAF8F7; }
.spring { display: inline-block; *display: inline; vertical-align: top; }
.spring-assess { width: 100px; height: 20px; background: url(../image/star0.png) repeat-x left center; }
.spring-assess-highlight { height: 20px; background: url(../image/star11.png) repeat-x left center; }
.lv0 .spring-assess-highlight { width: 0; }
.lv1 .spring-assess-highlight { width: 20px; }
.lv2 .spring-assess-highlight { width: 40px; }
.lv3 .spring-assess-highlight { width: 60px; }
.lv4 .spring-assess-highlight { width: 80px; }
.lv5 .spring-assess-highlight { width: 100px; }
a.animBorder { display: inline-block; *display: inline; position: relative; }
a.animBorder .line { background-color: #F5A623;  position: absolute; transition: width .7s,height .7s,top .7s; -o-transition: width .7s,height .7s,top .7s;  -ms-transition: width .7s,height .7s,top .7s;  -moz-transition: width .7s,height .7s,top .7s;  -webkit-transition: width .7s,height .7s,top .7s; z-index: 2; }
.A-02 a.animBorder .loc_l { top: 170px; left: 0; width: 1px; height: 0; }
.A-02 a.animBorder .loc_r { top: 0; right: 0; width: 1px; height: 0; }
.A-02 a.animBorder .loc_t { top: 0; left: 0; width: 0; height: 1px; }
.A-02 a.animBorder .loc_b { top: 160px; right: 0; width: 0; height: 1px; }
.A-02 a.animBorder:hover .loc_l { height: 160px; top: 0; }
.A-02 a.animBorder:hover .loc_r { height: 160px; }
.A-02 a.animBorder:hover .loc_t { width: 290px; }
.A-02 a.animBorder:hover .loc_b { width: 290px; }
.pinpai a.animBorder .loc_l,
.hotsale a.animBorder .loc_l { top: 100%; left: 0; width: 1px; height: 0; }
.pinpai a.animBorder .loc_r,
.hotsale a.animBorder .loc_r { top: 0; right: 0; width: 1px; height: 0; }
.pinpai a.animBorder .loc_t,
.hotsale a.animBorder .loc_t { top: 0; left: 0; width: 0; height: 1px; }
.pinpai a.animBorder .loc_b,
.hotsale a.animBorder .loc_b { bottom: 0; right: 0; width: 0; height: 1px; }
.pinpai a.animBorder:hover .loc_l,
.hotsale a.animBorder:hover .loc_l { height: 100%; top: 0; }
.pinpai a.animBorder:hover .loc_r,
.hotsale a.animBorder:hover .loc_r { height: 100%; }
.pinpai a.animBorder:hover .loc_t,
.hotsale a.animBorder:hover .loc_t { width: 100%; }
.pinpai a.animBorder:hover .loc_b,
.hotsale a.animBorder:hover .loc_b { width: 100%; }
.pinpai img { transition: transform .7s,left .7s,top .7s; -o-transition: transform .7s,left .7s,top .7s;  -ms-transition: transform .7s,left .7s,top .7s;  -moz-transition: transform .7s,left .7s,top .7s;  -webkit-transition: transform .7s,left .7s,top .7s; }
.pinpai a:hover img { -webkit-transform: scale(1.02); -moz-transform: scale(1.02); -ms-transform: scale(1.02); -o-transform: scale(1.02); transform: scale(1.02); position: relative; }
.nav-menu > li a:hover,
.nav-menu > li a.on { color: #BFA69A; }
.ntalk-bg { display: inline-block; *display: inline; width: 86px; text-align: center; }
.ntalk-bg-1 { display: inline-block; *display: inline; width: 86px; text-align: center; font-size: 12px!important; background: url(../image/ntalk2.gif) no-repeat center -3px; }
.icon-ntalk { display: inline-block; *display: inline; width: 18px; height: 18px; position: absolute; margin-top: -15px; margin-left: 40px; background: url(../image/ntalk-gif.png) no-repeat center center; }
.nav-menu .dropdown-group p a { padding-right: 10px; background: url(../image/icon-down-1.png) no-repeat center right; }
.nav-menu .dropdown-box { display: none; width: 100%; position: absolute; left: 0; z-index: 50; background: url(../image/bg-submenu-1.png); }
.nav-menu .dropdown-box ul { margin: 0 auto; font-size: 0; line-height: 0; text-align: center; }
.nav-menu .dropdown-box .drop-opt { display: inline-block; *display: inline; width: 110px; height: 125px; }
.nav-menu .dropdown-box .drop-opt a { color: #fff; display: block; height: 125px; padding-top: 20px; }
.nav-menu .dropdown-box .drop-opt a:hover { background: rgba(255,255,255,.5); }
.nav-menu .dropdown-box .drop-opt span { line-height: 2; font-size: 14px; }
.nav-menu .dropdown-box .drop-opt i { display: block; width: 100%; height: 60px; background-repeat: no-repeat; background-position: center center; }
.nav-menu .dropdown-box .item-0 i { background-image: url(../image/item-tc-1.png); }
.nav-menu .dropdown-box .item-1 i { background-image: url(../image/item-yyj-1.png); }
.nav-menu .dropdown-box .item-2 i { background-image: url(../image/item-zj-1.png); }
.nav-menu .dropdown-box .item-3 i { background-image: url(../image/item-xdg-1.png); }
.nav-menu .dropdown-box .item-4 i { background-image: url(../image/item-rsq-1.png); }
.nav-menu .dropdown-box .item-5 i { background-image: url(../image/item-zx-1.png); }
.nav-menu .dropdown-box .item-6 i { background-image: url(../image/item-wbl-1.png); }
.nav-menu .dropdown-box .item-7 i { background-image: url(../image/item-kx-1.png); }
.nav-menu .dropdown-box .item-15 i { background-image: url(../image/item-xwj-1.png); }
.nav-menu .dropdown-box .item-26 i { background-image: url(../image/item-zw-1.png); }
.nav-menu .dropdown-box .item-11 i { background-image: url(../image/item-pj-1.png); }
.nav-menu .dropdown-box .item-29 i { background-image: url(../image/item-jsj-1.png); }

.open .dropdown-box { display: block; z-index: 1000; }
.triangle { height: 8px; position: absolute; top: -8px; left: 50%; margin-left: -600px!important; background: url(../image/icon-triangle-1.png) no-repeat 80px top; }
.search-box { width: 177px; float: left; padding-top: 21px; }
.shopcar-link { float: right; margin-top: 21px; height: 36px; position: relative; }
.search-border .search-txt { width: 125px; margin-top: 10px; line-height: 100%; margin-left: 10px; color: #bbb; font-size: 14px; vertical-align: top; border: none; background: transparent none; }
.search-border .search-txt:focus { outline: none; }
.search-border .search-icon { display: inline-block; *display: inline; width: 30px; height: 100%; cursor: pointer; background: url(../image/icon-search-3.png) no-repeat center center; position: absolute; }
.shopcar-link a { display: inline-block; *display: inline; border: 1px solid #e9e9e9; border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; padding-left: 35px; background: url(../image/icon-shopcar-4.png) no-repeat 10px center; line-height: 35px; margin-left: 3px; }
.shopcar-link a:hover { border-color: #c99f6a; color: #4A4041; }
.shopcar-link a span { margin-left: 7px; margin-right: 16px; }

.isShow { background: #fff; z-index: 1000; position: absolute; }
.isShow li { height: 30px; line-height: 30px; text-indent: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.isShow li.on { background-color: #f2f2f2; }
.isShow li b { color: #9D1D22; }
.float { width: 60px; text-align: center; position: fixed; right: 5px; bottom: 20px; z-index: 10001; _position: absolute; _top: expression(documentElement.scrollTop + documentElement.offsetHeight-70); visibility: visible; font-size: 12px; line-height: 0; background: #fff; }
.float .redpacket-btn { cursor: pointer; position: absolute; width: 100%; height: 30px; top: -30px; }
.float .redpacket-btn > span { display: block; width: 60px; line-height: 30px; background: url(../image/icon-redpacket-8.png) center center; text-align: center; color: #fff; }
.float .wx { padding: 7px 0; }
.float .wx .txt { display: block; line-height: 20px; color: #4a4a4a; letter-spacing: -1px; }
.float .gotalk { padding: 7px 0; }
.float .gotalk span { display: block; }
.float .gotalk .txt { display: block; line-height: 20px; letter-spacing: -1px; }
.float .gotop { width: 100%; display: inline-block; *display: inline; line-height: 30px; height: 33px; *background: #fff; color: #4a4a4a; letter-spacing: -1px; }
.gotalk p { padding: 10px; text-align: center; position: absolute; bottom: 0; left: -130px; background: #fff; color: #7F7F7F; }
.gotalk p span { white-space: nowrap; line-height: 1.5; }
.gotalk p .skin-color-1 { margin: 5px 0 8px; color: #000; }
.gotalk p .btn { display: inline-block; *display: inline; width: 100px; line-height: 1.2; color: #fff; background: #DAB091; border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
.gotalk p .btn:hover { color: #9D1D22; }
.wx p { width: 120px; padding: 10px 0; position: absolute; bottom: 0; left: -130px; background: #fff; }
.wx img { display: inline; }
.wx p span { display: block; white-space: nowrap; line-height: 20px; font-size: 12px; }
.skin-color-1 { color: #c99f6a; }
.float .line { display: inline-block; width: 100%; border-top: 1px solid #f4f4f4; vertical-align: top; }

.redpacket-lay { display: none; width: 140px; min-height: 160px; position: absolute; left: -150px; top: 5px; border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; background: #fff; }
.redpacket-lay .lay-hd { line-height: 25px; color: #000; }
.redpacket-lay .lay-closed { display: inline-block; *display: inline; width: 20px; height: 20px; cursor: pointer; position: absolute; left: -5px; top: -5px; background: url(../image/close15.png) no-repeat center center; }
.redpacket-lay .btnsGo { width: 88px; height: auto; cursor: pointer; position: static; background: none; text-align: center; }
.redpacket-lay .btnsLg,
.redpacket-lay .btnsGo { display: inline-block; *display: inline; margin-top: 10px; padding: 4px 22px; border: 1px solid #666; border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; line-height: 20px; color: #000; }
.btn-hasNow { display: inline-block; *display: inline; margin-top: 10px; padding: 4px 22px; line-height: 20px; color: #000; }
.getMoreRed,
.getMoreRed:hover { display: block; color: #414141; margin-top: 20px; }
.CentreBox { margin: 10px auto 20px; }
.CentreBox a { margin: 0 10px; color: #bbb; }
.CentreBox a:hover { color: #C0A59A; }
.Select { background-position: center; }
.f_main { color: #333; background: #fff; }
.f_kfu { float: right; margin-right: 55px; margin-top: 20px; }
.f_span1 { font-size: 12px; line-height: 100%; margin-bottom: 10px; }
.f_span2 { font-size: 16px; line-height: 100%; margin-bottom: 15px; }
.f_span3 { font-size: 12px; color: #fff; text-align: center; background: #9D1D22 ; cursor: pointer; padding: 5px 13px; border-radius: 4px; -o-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.f_navtop { width: 1150px; margin: 0 auto; height: 129px; }
.f_table tr td a { padding-top: 20px; text-align: center; margin: 0px auto; width: 168px; display: block; color: white; }
.f_table tr td a span { font-size: 16px; color: #333; }
.f_table tr td a p { color: #bbb; text-align: center; margin-top: 7px; white-space: nowrap; }
.f_ablock01 i { background: url('../image/Official_n.png') no-repeat center center; height: 45px; width: 45px; display: block; margin-left: 63.5px; }
.f_ablock01:hover span { color: #c0a59a; cursor: pointer; }
.f_ablock01:hover i { cursor: pointer; background: url('../image/Official_k.png') no-repeat center center; }
.f_ablock02 i { background: url('../image/warranty_n.png') no-repeat center center; height: 45px; width: 45px; display: block; margin-left: 63.5px; }
.f_ablock02:hover span { color: #c0a59a; cursor: pointer; }
.f_ablock02:hover i { cursor: pointer; background: url('../image/warranty_k.png') no-repeat center center; }
.f_ablock03 i { background: url('../image/cash_n.png') no-repeat center center; height: 45px; width: 45px; display: block; margin-left: 63.5px; }
.f_ablock03:hover span { cursor: pointer; color: #c0a59a; }
.f_ablock03:hover i { cursor: pointer; background: url('../image/cash_k.png') no-repeat center center; }
.f_ablock04 i { background: url('../image/back_n.png') no-repeat center center; height: 45px; width: 45px; display: block; margin-left: 63px; }
.f_ablock04:hover span { cursor: pointer; color: #c0a59a; }
.f_ablock04:hover i { cursor: pointer; background: url('../image/back_k.png') no-repeat center center; }
.f_ablock05 i { background: url('../image/change_n.png') no-repeat center center; height: 45px; width: 45px; display: block; margin-left: 63.5px; }
.f_ablock05:hover span { cursor: pointer; color: #c0a59a; }
.f_ablock05:hover i { cursor: pointer; background: url('../image/change_k.png') no-repeat center center; }
.f_navtop table { width: 100%; }
.f_navcenter { width: 1150px; height: 154px; clear: both; margin: 0 auto; }
.f_navcenter table { height: 110px; width: 630px; margin-top: 4px; float: left; text-align: left; margin-left: 55px; }
.f_navcenter table tr th { line-height: 35px; font-size: 14px; font-weight: normal; }
.f_navcenter table tr { line-height: 29px; }
.f_navcenter table tr td a { color: #bbb; }
.f_navcenter table tr td a:hover { cursor: pointer; color: #4A4041; }
.f_navcenter > div { width: 450px; padding-top: 10px; }
.f_url01 { margin-left: 15px; margin-top: 6px; font-size: 12px; float: left; text-align: center; }
.f_url01 .f_url02 p { margin-top: 0px; }
.f_img { height: 90px; padding: 0; border: 1px solid #F4F4F4; }
.f_url02 { margin-top: 6px; font-size: 12px; float: left; text-align: center; margin-left: 10px; }
.f_navlast { text-align: center; padding-top: 5px; }
.f_navlast a { color: #bbb; margin: 0 15px; }
.f_navlast a:hover,
.f_navlast a.on { cursor: pointer; color: #c0a59a; }
.f_navlast ul li span { margin-left: 25px; }
.hide { display: none; }
.show { display: block; }
.f_oldivLink { text-align: center; }
.f_p { margin: 0 auto; clear: both; text-align: center; padding-top: 0px; color: #bbb; }
.f_pic { margin: 10px auto 15px; text-align: center; }
.f_pic img { height: 28px; }
.flickerplate { position: relative; width: 100%; height: 500px; background-color: #e6e6e6; overflow: hidden; }
.flickerplate ul.flicks { width: 10000%; height: 500px; padding: 0px; margin: 0px; list-style: none; }
.flickerplate ul.flicks > li { float: left; width: 1%; height: 500px; background-position: center; background-size: cover; display: table; }
.flickerplate ul.flicks > li .flick-inner { height: 500px; padding: 10px; color: #fff; display: table-cell; vertical-align: middle; }
.flickerplate ul.flicks > li .flick-inner .flick-content { max-width: 68.75em; margin-left: auto; margin-right: auto; }
.flickerplate ul.flicks > li .flick-title { padding: 0px 0px; font-size: 2.778em; line-height: 1.995em; text-align: center; }
@media only screen and (max-width: 43.813em) {
.flickerplate ul.flicks > li .flick-title { font-size: 1.667em; }
}
.flickerplate ul.flicks > li .flick-sub-text { padding: 5px; font-weight: 300; line-height: 2.5em; color: rgba(255, 255, 255, 0.8); *color: #fff; color: #fff\9; text-align: center; }
.flickerplate ul.flicks > li .flick-title span.flick-block-text, .flickerplate ul.flicks > li .flick-sub-text span.flick-block-text { padding: 12px 18px; background-color: rgba(0, 0, 0, 0.6); *background-color: #000; background-color: #000\9; }
.flickerplate .arrow-navigation { position: absolute; height: 80%; width: 10%; top: 10%; z-index: 100; overflow: hidden; }
.flickerplate .arrow-navigation .arrow { display: block; height: 500px; width: 90%; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
.flickerplate .arrow-navigation:hover, .flickerplate .arrow-navigation .arrow:hover { cursor: pointer; }
.flickerplate .arrow-navigation.left { left: 0%; }
.flickerplate .arrow-navigation.left .arrow { opacity: 0; margin: 0px 0px 0px 50%; background-image: url("../image/arrow-left-light.png"); background-repeat: no-repeat; background-position: left; }
.flickerplate .arrow-navigation.right { right: 0%; }
.flickerplate .arrow-navigation.right .arrow { opacity: 0; margin: 0px 0px 0px -50%; background-image: url("../image/arrow-right-light.png"); background-repeat: no-repeat; background-position: right; }
.flickerplate .arrow-navigation.left.hover .arrow { opacity: 1; margin: 0px 0px 0px 20%; }
.flickerplate .arrow-navigation.right.hover .arrow { opacity: 1; margin: 0px 0px 0px -20%; }
.flickerplate .dot-navigation { position: absolute; bottom: 15px; width: 100%; text-align: center; z-index: 100; }
.flickerplate .dot-navigation ul { text-align: center; list-style: none; padding: 0px 15px; }
.flickerplate .dot-navigation ul li { display: inline-block; *display: inline; float: none; }
.flickerplate .dot-navigation .dot { width: 14px; height: 14px; margin: 0px 6px; background-color: rgba(255, 255, 255, 0.3); *background-color: #fff; background-color: #fff\9; border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -webkit-transition: background-color 0.2s ease-out; -moz-transition: background-color 0.2s ease-out; -o-transition: background-color 0.2s ease-out; -ms-transition: background-color 0.2s ease-out; transition: background-color 0.2s ease-out; }
.flickerplate .dot-navigation .dot:hover { cursor: pointer; background-color: rgba(255, 255, 255, 0.6); *background-color: #fff; background-color: #fff\9; }
.flickerplate .dot-navigation .dot.active { background-color: #fff; }
.flickerplate .dot-navigation.left, .flickerplate .dot-navigation.left ul { text-align: left; }
.flickerplate .dot-navigation.right, .flickerplate .dot-navigation.right ul { text-align: right; }
.flickerplate.flicker-theme-dark .arrow-navigation.left .arrow { background-image: url("../image/arrow-left-dark-20160105.png"); }
.flickerplate.flicker-theme-dark .arrow-navigation.right .arrow { background-image: url("../image/arrow-right-dark-20160105.png"); }
.flickerplate.flicker-theme-dark .dot-navigation .dot { background-color: rgba(0, 0, 0, 0.12); *background-color: #000; background-color: #000\9; }
.flickerplate.flicker-theme-dark .dot-navigation .dot:hover { background-color: rgba(0, 0, 0, 0.6); *background-color: #000; background-color: #000\9; }
.flickerplate.flicker-theme-dark .dot-navigation .dot.active { background-color: #000; }
.flickerplate.flicker-theme-dark ul.flicks li .flick-inner { color: rgba(0, 0, 0, 0.9); *color: #000; }
.flickerplate.flicker-theme-dark ul.flicks li .flick-inner .flick-content .flick-sub-text { color: rgba(0, 0, 0, 0.9); *color: #000; color: #000\9; }
.flickerplate.flicker-theme-dark ul.flicks li .flick-inner .flick-content .flick-title span.flick-block-text, .flickerplate.flicker-theme-dark ul.flicks li .flick-inner .flick-content .flick-sub-text span.flick-block-text { background-color: rgba(255, 255, 255, 0.5); *background-color: #fff; background-color: #fff\9; }
.flickerplate ul.flicks li.flick-theme-dark .flick-inner { color: rgba(0, 0, 0, 0.9); *color: #000; color: #000\9; }
.flickerplate ul.flicks li.flick-theme-dark .flick-inner .flick-content .flick-sub-text { color: rgba(0, 0, 0, 0.9); *color: #000; color: #000\9; }
.flickerplate ul.flicks li.flick-theme-dark .flick-inner .flick-content .flick-title span.flick-block-text, .flickerplate ul.flicks li.flick-theme-dark .flick-inner .flick-content .flick-sub-text span.flick-block-text { background-color: rgba(255, 255, 255, 0.5); *background-color: #fff; background-color: #fff\9; }
.flickerplate.animate-transform-slide ul.flicks { -webkit-perspective: 1000; -webkit-backface-visibility: hidden; transform: translate3d(0%, 0px, 0px); -webkit-transform: translate3d(0%, 0px, 0px); -webkit-transition: -webkit-transform 0.6s; -o-transition: -o-transform 0.6s; -moz-transition: -moz-transform 0.6s; transition: transform 0.6s; }
.flickerplate.animate-transition-slide ul.flicks { position: relative; left: 0%; height: 500px; -webkit-transition: left 0.4s ease-out; -moz-transition: left 0.4s ease-out; -o-transition: left 0.4s ease-out; -ms-transition: left 0.4s ease-out; transition: left 0.4s ease-out; }
.flickerplate.animate-jquery-slide ul.flicks { position: relative; left: 0%; }
.flickerplate.animate-scroller-slide { padding-bottom: 0px; overflow: auto; }
.flickerplate.animate-scroller-slide ul.flicks { position: static; }
.ui_element { color: white; line-height: 45px; width: 100px; float: left; margin-left: 30px; }
.icon-triangle { display: inline-block; *display: inline; width: 15px; height: 15px; vertical-align: middle; line-height: 0; background: url(../image/icon-triangle-2.png) no-repeat center center; transform: rotate(-180deg); -o-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -webkit-transform: rotate(-180deg); transition: transform .5s; -o-transition: transform .5s; -ms-transition: transform .5s; -moz-transition: transform .5s; -webkit-transition: transform .5s; }
.icon-triangle:hover { transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); }
.ulcss { margin-left: 150px; margin-top: 45px; color: black; list-style-type: none; background-color: white; opacity: 0.8; width: 140px; text-indent: 30px; line-height: 30px; }
.ulcss li a { color: #07162b; }
.ulcss li a:hover { color: #C99F6A; }
#showuser .userstr { display: inline-block; *display: inline; width: 100px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; float: left; color: #919191; }
#ftzoom .slide-nav li,
.banner-box li.item-banner,
.hotsale .item-box { *display: inline; }
.v-hide { visibility: hidden; }

.mask { width: 100%; height: 100%; background: #000; opacity: .8; position: fixed; _position: absolute; _top: expression(documentElement.scrollTop); left: 0; top: 0; z-index: 100001; }
.lay-box { background: #fff; position: absolute; left: -9999px; top: -9999px; z-index: 100002; padding: 20px; box-shadow: 0 0 5px 5px rgba(255, 255, 255, 0.5); }

.lay-hd { text-align: center; font-size: 16px; }
.lay-bd { text-align: center; margin-top: 15px; font-size: 14px; }
.lay-ft { text-align: center; margin-top: 50px; }
.lay-btnSubmit { background: #9D1D22; padding: 10px 50px; color: #fff; cursor: pointer; }
.lay-btnCancel { background: #999; padding: 10px 50px; color: #fff; margin-left: 20px; cursor: pointer; }
.lay-closed { cursor: pointer; }
.icon-hot .hoticon { 
    display: block;
    width: 20px;
    height: 15px;
    position: absolute;
    top: -15px;
    
    left: 55px;
 

}
.icon-hot .ntalk { width: auto; }
.icon-hot .ntalk span { color: #9D1D22 ; }

.placeholder-public { height: 124px; }
.header { width: 100%; background: #f1f1f1; background: -webkit-linear-gradient(#f1f1f1, #f1f1f1);  background: -o-linear-gradient(#f1f1f1, #f1f1f1);  background: -moz-linear-gradient(#f1f1f1, #f1f1f1);  background: linear-gradient(#f1f1f1, #f1f1f1);  color: #BABABA; height: 30px; position: fixed; top: 0; z-index: 120; }
.header .top { position: relative; margin: 0 auto; }
.publicHd { line-height: 30px; }
.publicHd span { display: inline-block; margin-right: 10px; color: #919191; }
.publicHd .regHd { display: none; }
.publicHd .addrHd-edit { padding: 0 3px; border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; cursor: pointer; color: #919191; line-height: 18px; border: 1px solid #919191; }
.showPro,
.showCity,
.showReg { width: 165px; height: 320px; position: absolute; left: 50%; top: 30px; background: #fff; z-index: 100001; border: 1px solid #ccc; }
.showPro { margin-left: -520px; }
.showCity { margin-left: -340px; }
.showReg { margin-left: -160px; }
.showPro div,
.showCity div,
.showReg div { overflow-y: scroll; height: 89%; }
.showPro:before { content: '--\9009\62E9\7701\7EA7\884C\653F\533A--'; display: block; margin: 0 10px; line-height: 35px; }
.showPro span,
.showCity span,
.showReg span { display: block; padding: 0 10px; line-height: 35px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.showPro span.on,
.showPro span:hover { background: #EAEAEA; cursor: pointer; }
.showCity:before { content: '--\9009\62E9\5E02\7EA7\884C\653F\533A--'; display: block; margin: 0 10px; line-height: 35px; }
.showCity span.on,
.showCity span:hover { background: #EAEAEA; cursor: pointer; }
.showReg:before { content: '--\9009\62E9\53BF\7EA7\884C\653F\533A--'; display: block; margin: 0 10px; line-height: 35px; }
.showReg span.on,
.showReg span:hover { background: #EAEAEA; cursor: pointer; }
.trust { position: absolute; left: 180px; top: 0; color: #BFA69A; }
.trust span { display: inline-block; *display: inline; line-height: 30px; padding-left: 20px; margin-left: 4px; background: url(../image/trust-3.png) no-repeat left center; color: #919191; }
.login-info { width: 140px; position: absolute; top: 0; right: 0; }
.login-info > div { line-height: 30px; }
.login-info a { color: #919191; }
.login-info .shopcar-link { float: left; }
.login-info .login-link { float: right; width: 125px; text-align: right; }
.login-info .login-link > a,
.login-info .login-link .v-line { color: #919191; }
.login-info .login-link > a:hover { color: #c99f6a; }
.login-info .login-link .v-line { margin: 0 15px; }
.login-info .login-link > a:last-child { color: #9D1D22 ; }
.login-link .username { padding-left: 10px; background: none!important; }
.login-link .username .icon-triangle { display: inline-block; *display: inline; width: 15px; height: 15px; vertical-align: middle; line-height: 0; background: url(../image/icon-triangle-5.png) no-repeat center center; transform: rotate(-180deg); -o-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -webkit-transform: rotate(-180deg); transition: transform .5s; -o-transition: transform .5s; -ms-transition: transform .5s; -moz-transition: transform .5s; -webkit-transition: transform .5s; }
.login-link .username:hover .icon-triangle,
.login-link .open .username .icon-triangle { transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); }
.login-link .open { position: relative; z-index: 1000; }
.login-link .dropdown-box { display: none; position: absolute; top: 30px; right: 0; z-index: 110; background-color: rgba(255,255,255,.9); *background-color: #fff; background-color: #fff\9; padding-left: 20px; padding-right: 20px; font-size: 12px; line-height: 0; text-align: center; }
.login-link .open .dropdown-box { display: block; box-shadow: 0px 1px 4px 0px #EAEAEA; -o-box-shadow: 0px 1px 4px 0px #EAEAEA; -ms-box-shadow: 0px 1px 4px 0px #EAEAEA; -moz-box-shadow: 0px 1px 4px 0px #EAEAEA; -webkit-box-shadow: 0px 1px 4px 0px #EAEAEA; }
.login-link .dropdown-box a { color: #333; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; line-height: 30px; display: block; width: 100%; }
.login-link .dropdown-box a:hover { color: #BFA69A; }
.top { line-height: 0; }
.logo { float: left; line-height: 0; width: 300px; }
.logo a { display: inline-block; *display: inline; width: 234px; height: 80px; background: url(../image/logo-2.png) no-repeat left center; background-size: 100% auto; }
.float-menu { width: 100%; height: 80px; background: #fff; position: fixed; top: 30px; z-index: 105; box-shadow: 1px 1px 5px #ccc; -o-box-shadow: 1px 1px 5px #ccc; -moz-box-shadow: 1px 1px 5px #ccc; -webkit-box-shadow: 1px 1px 5px #ccc; }
.menu-box { width: 100%; height: 80px; background: #fff; }
.nav { width: 1200px; margin: 0 auto; }
.nav-menu { float: left; width: 580px; }
.nav-menu > li { display: inline-block; *display: inline; margin-left: 0; margin-right: 30px; font-size: 14px; line-height: 80px; float: left; }
.nav-menu > li a { display: inline-block; *display: inline; color: #333; position: relative; vertical-align: top; }
.nav-menu > li a .line { display: none; background-color: rgba(246,232,198,.5); *background-color: #f6e8c6; background: #f6e8c6\9; position: absolute; transition: width .3s,height .3s; -o-transition: width .3s,height .3s;  -ms-transition: width .3s,height .3s;  -moz-transition: width .3s,height .3s;  -webkit-transition: width .3s,height .3s;  }
.nav-menu > li a .loc_l { top: 7px; left: -10px; width: 2px; height: 0; }
.nav-menu > li a .loc_r { bottom: 7px; right: -10px; width: 2px; height: 0; }
.nav-menu > li a .loc_t { top: 7px; left: -10px; width: 0; height: 2px; }
.nav-menu > li a .loc_b { bottom: 7px; right: -10px; width: 0; height: 2px; }
.nav-menu > li a:hover .loc_l { height: 70%; }
.nav-menu > li a:hover .loc_r { height: 70%; }
.nav-menu > li a:hover .loc_t { width: 100%; }
.nav-menu > li a:hover .loc_b { width: 100%; }
    .nav-menu > li:nth-child(5) a {
        color: #9D1D22;
    }
.gonggao { width: 380px; height: 30px; overflow: hidden; position: absolute; left: 670px; }
.gonggao p { position: absolute; left: 100%; line-height: 30px; }
.gonggao a { color: #dbb191; white-space: nowrap; }
ol.breadcrumb { padding: 0; }
.f_pic a { margin: 0 5px; }

.maskAddrHd { z-index: 122; background: none; }
.redpacket-btn > span { display: block; width: 60px; height: 32px; }
.redpacket-btn[data-num="2"] p { line-height: 70px; }
.btn-getNow,
.btn-getNow:hover,
.moreRedpacket,
.moreRedpacket:hover { background: #dbb191; color: #fff; }
.itemRedpacket { line-height: 53px; background: url(../image/icon-redpacket-7.png) no-repeat center center; font-size: 36px; color: #fff; margin-bottom: 15px; }
.redpacket .btn-getNow { padding: 2px 22px; }
.autoPosition:before { position: fixed; width: 100%; height: 100%; content: '\20'; background: transparent; }