/* Template Name: 模板 Template URI: https://shop.h888.fun Description: 模板 Version: 3.6 Author URI: https://shop.h888.fun Logo filename: logo.gif Template Type: type_0 */ html { background: #fff; color: #333; _background-attachment: fixed } html.isPhone { min-width: 1200px } body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, select, textarea, th, td { margin: 0; padding: 0 } body, button, input, select, textarea { font: 12px/1.5 "Microsoft YaHei", Tahoma, Helvetica, Arial, simsun } address, cite, dfn, em, var, i { font-style: normal } ul, ol { list-style: none } fieldset, img { border: 0 } h1 { font-size: 18px } h2 { font-size: 14px; font-weight: bold } h3 { font-size: 14px; font-weight: 400 } h4, h5 { font-size: 12px; font-weight: 400 } input, textarea, button, select { font-size: 12px; outline: 0; resize: none; color: #333 } button { cursor: pointer } /*table { border-collapse:collapse; border-spacing:0 }*/ .clear { clear: both; height: 0; font-size: 0; line-height: 0; overflow: hidden } .cle:after, .clearfix:after, .clear_f:after, .cle_float:after { visibility: hidden; display: block; font-size: 0; content: '\20'; clear: both; height: 0 } .cle, .clearfix, .clear_f, .cle_float { *zoom: 1 } .dis-n { display: none; } .fl { float: left } .fr { float: right } .mt15 { margin-top: 15px; } a { text-decoration: none !important; color: #666; -webkit-transition: color .2s; -moz-transition: color .2s; -o-transition: color .2s; -ms-transition: color .2s; transition: color .2s } a:hover { text-decoration: none !important; /* color: #4bae00 */ } a:focus, area:focus { text-decoration: none !important; outline: 0 } ::selection { /* background: #4bae00; */ color: #fff } canvas { -ms-touch-action: double-tap-zoom } .fs14 { font-size: 14px } .red, a.red, a.red:hover, .pink, a.pink, a.pink:hover { color: #4bae00 } .gray999, .gray, a.gray, a.gray:hover { color: #999 } .green { color: #2b9b2d } .blue, .blue:hover { color: #09f } .linedot { background: #fff url(images/linedot.png) 0 bottom repeat-x } @font-face { font-family: 'iconfont'; src: url('//at.alicdn.com/t/font_1471486831_5820625.eot'); /* IE9*/ src: url('//at.alicdn.com/t/font_1471486831_5820625.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('//at.alicdn.com/t/font_1471486831_5820625.woff') format('woff'), /* chrome、firefox */ url('//at.alicdn.com/t/font_1471486831_5820625.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url('//at.alicdn.com/t/font_1471486831_5820625.svg#iconfont') format('svg'); /* iOS 4.1- 20050071404652373*/ } .iconfont { font-family: "iconfont"; font-size: 100%; font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .loading, .nala-load { background: url(images/loading-16.gif) center center no-repeat } .load { background: url(images/loading_nala.gif) center center no-repeat } .vip-ico, .svip-ico { background: url(images/vip-ico.png) 0 6px no-repeat } .svip-ico { background-position: 0 -18px } .msg-ico, .newmsg-menu h3 i, .newmsg-menu .list s, .J_subCata .J_subView h3 a, .J_subCata .J_subView a.nav_gallery { background: url(images/header-ico.png) 0 -9999px no-repeat } #wrapper { max-width: 1200px; margin: 10px auto 30px } .wrapper { max-width: 1200px; margin: auto; } .btn2 { display: inline-block; *display: inline; *zoom: 1; margin-bottom: 0; font-size: 14px; height: 38px; line-height: 38px; text-align: center; cursor: pointer; background-color: #ff4a00; border: 1px solid #ff4a00; color: #ff4a00; padding: 0; width: 148px } .btn2:hover, .btn2:focus { color: #fff; outline: 0; text-decoration: none; background-color: #ff4a00 } .btn2.active, .btn2:active { outline: 0; background-color: #ff4a00; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15); box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15) } .btn2.disabled, .btn2[disabled] { cursor: default; opacity: .65; filter: alpha(opacity=65); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; color: #e5e9ec; background: #ccd0d9 } .btn-small { height: 28px; line-height: 28px; width: 118px; font-size: 12px } .btnprimary { float: right; width: 130px; color: #fff; margin-top: 15px; background: #ff6700; display: inline-block; height: 38px; padding: 0; font-size: 14px; line-height: 38px; text-align: center; cursor: pointer; -webkit-transition: all 0.4s; transition: all 0.4s; } .btnprimary:hover { color: #fff; } .site-topbar .count .btnprimary { color: #fff; } .here { height: 40px; line-height: 40px; font-size: 14px; padding: 5px 0; color: #bbb; } #header { background: #fff; zoom: 1 } /*顶部 star*/ .site-topbar { *position: relative; *z-index: 11; height: 35px; font-size: 12px; line-height: 35px; color: #777; background: #fafafa; border-bottom: 1px solid #f0f0f0; } .container:before, .container:after { display: table; content: ""; line-height: 0 } .container:after { clear: both } .sep, .ndash { margin: 0 0.25em; font-family: sans-serif; } .site-topbar .sep { margin: 0 0.5em; color: #424242 } .site-topbar .topbar-nav { float: left; _width: 630px } .site-topbar .topbar-cart { width: 120px; margin-left: 15px; position: relative; float: right; _display: inline; height: 40px; } .site-topbar .topbar-info .link, .site-topbar .topbar-info .user, .site-topbar .topbar-info .sep { float: left; } .site-topbar .sn-quick-menu { margin-left: 15px; position: relative; float: right; _display: inline; height: 35px; } .site-topbar .sn-quick-menu li { position: relative; } .site-topbar .sn-menu { position: relative; } .site-topbar .sn-menu a:hover { text-decoration: underline; } .site-topbar .sn-mytaobao .menu-hd { padding: 0 16px 0 10px; } .site-topbar .menu-hd { display: block; height: 35px; line-height: 35px; cursor: pointer; z-index: 8888; border: solid #f5f5f5; border-width: 0 1px; position: relative } .site-topbar .sn-quick-menu .menu-hd b, #site-nav .sn-all-msg b { position: absolute; right: 2px; top: 12px; background: url(images/site-bg.png) no-repeat 2px 0px; margin-left: 6px; display: inline-block; *zoom: 1; width: 11px; height: 11px; transition: .2s ease-in-out; -webkit-transition: .2s ease-in-out; -moz-transition: .2s ease-in-out; -o-transition: .2s ease-in-out; vertical-align: -1px } .site-topbar .sn-quick-menu .hover .menu-hd b, .site-topbar .sn-quick-menu .sn-menu:hover .menu-hd b { transform: rotate(-180deg); -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -o-transform: rotate(-180deg) } .site-topbar .menu-bd { display: none; position: absolute; left: 0; top: 36px; background: #fff; opacity: .99; filter: alpha(opacity=99); z-index: 93110; border: solid #eee; border-width: 0 1px 1px } .site-topbar .sn-mytaobao .menu-bd { line-height: 1.4; padding: 8px 10px; width: 74px; } .site-topbar .menu-bd-panel a { display: block; line-height: 25px } .site-topbar .sn-menu:hover .menu-bd { display: block } .site-topbar .sn-menu:hover .menu-hd { background-color: #fff; border-color: #eee; padding-bottom: 1px } .site-topbar .topbar-info { position: relative; float: right; _display: inline; height: 35px; line-height: 35px; } .site-topbar .user, .site-mini-header .user { position: relative; width: 110px; padding: 0; white-space: nowrap; } .site-topbar .user-name, .site-mini-header .user-name { position: relative; z-index: 5; display: block; width: 120px; height: 40px; text-align: center; } .site-topbar .user-active .user-name, .site-mini-header .user-active .user-name { background: #FFF; } .site-topbar .user-name .name, .site-mini-header .user-name .name { display: inline-block; width: auto; _width: 75px; max-width: 75px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; _zoom: 1; vertical-align: text-bottom; } .site-topbar .user-active a:hover, .site-mini-header .user-active a:hover { color: #FF6700; text-decoration: none; } .site-topbar .user-name i, .site-mini-header .user-name i { font-size: 18px; line-height: 18px; vertical-align: 9px; } .site-topbar .user-menu, .site-mini-header .user-menu { display: none; position: absolute; left: 0; left: -1px \9; top: 40px; z-index: 33; width: 120px; margin: 0; padding: 7px 0; border: 1px solid #e0e0e0 \9; border-top: 0 \9; list-style-type: none; background: #FFF; -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15); box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15); } .site-topbar .user-menu a, .site-mini-header .user-menu a { display: block; padding: 3px 30px; line-height: 2; } .site-topbar .user-active a, .site-mini-header .user-active a { color: #424242; } .site-topbar .user-active .user-menu a, .site-mini-header .user-active .user-menu a { -webkit-transition: all 0.2s; transition: all 0.2s; } /*头部 end*/ .c-icon { display: inline-block; background: url(images/cct_ui.png) 0 -999em no-repeat; overflow: hidden; vertical-align: middle; } .new_header .logo-search, .w-nav .t-nav, .w { width: 1200px; margin: 0 auto; } .new_header .logo-search { height: 80px; padding: 20px 0; position: relative; } .logo-search .c-slogan { float: left; height: 80px; overflow: hidden; } .logo-search .logodiv { display: block; width: 430px; height: 80px; float: left; } .logo-search .c-logo { height: 100%; overflow: hidden; width: 100%; background: url(images/logo.gif) left center no-repeat; } .logo-search .c-slogan { width: 70px; } .logo-search .search-tab { float: left; width: 450px; margin: 10px 0 0 0; } .logo-search .search-form .so-input-box { float: left; border: 0; width: 332px; height: 32px; } .search-tab .search-form .so-select { float: left; width: 56px; height: 36px; overflow: hidden; position: relative; z-index: 50; } .search-tab .search-form .so-select ul { width: 54px; background: #fff; border-left: #fff 1px solid; border-right: #e6e6e6 1px solid; position: absolute; z-index: 51; } .search-tab .search-form .so-select li { height: 36px; line-height: 36px; text-align: center; } .search-tab .search-form .so-select li a { display: block; height: 36px; color: #666; text-decoration: none; } .search-tab .search-form .so-select li a:hover { background: #f5f5f5; } .search-tab .search-form .so-select li.selected { text-indent: -10px; } .search-tab .search-form .so-select i { background: url(images/cct_ui.png) -15px 0 no-repeat; display: block; width: 7px; height: 4px; overflow: hidden; position: absolute; top: 16px; right: 10px; z-index: 52; } .search-tab .search-form .so-hover { overflow: visible; } .search-tab .search-form .so-hover i { background-position: -15px -5px; } .search-tab .search-form .so-hover ul { border-left: #e6e6e6 1px solid; border-bottom: #e6e6e6 1px solid; } .logo-search .search-form .so-input-box .soinput { float: left; background: #fff; border: 1px solid #4bae00; height: 22px; line-height: 22px; padding: 5px 0 5px 10px; font-size: 12px; color: #999; width: 322px; } .logo-search .search-form .so-input-box .fcinput { color: #666; } .logo-search .search-form .sobtn { float: left; display: inline; text-align: center; width: 82px; height: 34px; line-height: 34px; font: 400 14px "microsoft yahei"; color: #fff; border: none; margin-right: 1px; cursor: pointer; } .logo-search .search-form .sogoods { background: #4bae00; } .logo-search .search-form .soshop { background: #ff7f00; } .logo-search .search-form .soshop:hover { background: #ff9500; } .logo-search .search-tags { width: 517px; height: 18px; line-height: 18px; overflow: hidden; color: #fabe32; margin-top: 5px; } .logo-search .search-tags span { float: left; display: inline; margin-right: 10px; } .logo-search .search-tags a { float: left; display: inline; margin-right: 10px; } .logo-search .topbar-cart { float: right; width: 150px; margin: 10px 0 0 0; position: relative; _display: inline; height: 40px; } .logo-search .topbar-cart-active .cart-mini { color: #ff6700; background: #fff; border: 1px solid #fabe32; border-bottom: none; } .logo-search .cart-menu { display: none; text-align: center; position: absolute; text-align: left; right: 0; right: -1px \9; top: 38px; z-index: 31; width: 316px; color: #424242; background: #fff; border: 1px solid #fabe32; } .logo-search .cart-menu .loading_top { text-align: center; margin: 5px 20px 20px; padding: 10px 0; } .logo-search .cart-menu li { height: 60px; padding: 0 20px; position: relative; } .logo-search .cart-menu li .cart-item { border-top: 1px solid #e0e0e0; padding: 10px 0; height: 40px; line-height: 20px; } .logo-search .cart-menu .first .cart-item { border-top: 0 none; } .logo-search .cart-menu li .cart-item a { color: #333; } .logo-search .cart-menu li .cart-item a:hover { color: #ff6700; } .logo-search .cart-menu li .cart-item .thumb { float: left; margin-right: 10px; } .logo-search .cart-menu li .cart-item .name { float: left; width: 100px; height: 40px; line-height: 20px; overflow: hidden; } .logo-search .cart-menu li .cart-item .price { float: right; padding-top: 10px; padding-right: 20px; } .logo-search .cart-menu li .cart-item .btn-del { position: absolute; top: 20px; right: 20px; } .logo-search .cart-menu li .cart-item a img { width: 40px; height: 40px; } .logo-search .count { padding: 0 20px 20px; } .logo-search .count em { font-style: normal; } .logo-search .count .total { float: left; margin-top: 15px; } .logo-search .count .total strong { display: block; color: #ff6700; font-weight: 400; } .logo-search .count .total strong em { font-size: 24px; } .logo-search .count .btn { float: right; width: 130px; color: #fff; margin-top: 13px; background: #ff6700; } .logo-search .count .btn:hover { background: #ff6700; } .logo-search .cart-mini { position: relative; z-index: 32; display: block; height: 38px; line-height: 38px; text-align: center; color: #fff; background-color: #fabe32; border: 1px solid #fabe32; } .logo-search .cart-mini-filled { color: #fff; background: #ff6700; } .logo-search .cart-mini i { margin-right: 4px; font-size: 20px; line-height: 20px; vertical-align: -4px } .logo-search .cart-mini-num { margin-left: -4px } .new_header .w-nav { width: 100%; height: 40px; margin: 0 auto; background: #4bae00; } .t-nav .nav-categorys { float: left; position: relative; z-index: 40; } .t-nav .nav-categorys .catetit { width: 230px; line-height: 40px; } .t-nav .nav-categorys .catetit a { background: #fabe32; font: 14px/40px '\5FAE\8F6F\96C5\9ED1'; color: #fff; display: block; height: 40px; line-height: 40px; text-decoration: none; text-align: center; text-indent: -15px; cursor: default; position: relative; } .t-nav .nav-categorys .catetit a i { background-position: -23px 0; width: 9px; height: 6px; position: absolute; top: 17px; right: 15px; } .t-nav .nav-categorys .catetit.hover a i { background-position: -23px -7px; } .t-nav .nav-categorys .cate-item { background: #f1f2f0; width: 230px; height: 440px; padding: 0; position: absolute; top: 40px; left: 0; overflow: visible; z-index: 999; } .t-nav .nav-categorys .cate-item li { width: 100%; height: 72px; overflow: hidden; vertical-align: bottom; border-bottom: 1px solid #e5e5e5; } /*20050071404652373*/ .t-nav .nav-categorys .cate-item .cateone { height: 72px; line-height: 72px; overflow: hidden; position: relative; zoom: 1; z-index: 999; border-left: 2px #f1f2f0 solid; -webkit-transition: padding-left 0.2s ease-in; -moz-transition: padding-left 0.2s ease-in; -ms-transition: padding-left 0.2s ease-in; -o-transition: padding-left 0.2s ease-in; transition: padding-left 0.2s ease-in; } /*20050071404652373*/ .t-nav .nav-categorys .cate-item .cateone a { color: #333; font-weight: bold; height: 40px; line-height: 40px; font-family: tahoma, arial, 'Hiragino Sans GB', '\5FAE\8F6F\96C5\9ED1', sans-serif; font-size: 15px; white-space: nowrap; z-index: 999; padding-left: 20px; } /*20050071404652373*/ .t-nav .nav-categorys .cate-item .cateone a:hover { text-decoration: none; } .t-nav .nav-categorys .cate-item .cateone i { display: inline-block; width: 17px; height: 17px; vertical-align: middle; line-height: 50px; position: absolute; top: 13px; right: 17px; font-size: 10px; line-height: 14px; color: #767575; } /*20050071404652373*/ .t-nav .nav-categorys .cate-item .cateone .childer_hide { height: 18px; line-height: 18px; overflow: hidden; padding: 0 15px; } .t-nav .nav-categorys .cate-item .cateone .childer_hide a { height: 18px; line-height: 18px; overflow: hidden; font-size: 12px; white-space: nowrap; color: #888; font-weight: normal; padding: 0; margin: 0 5px; } .t-nav .nav-categorys .cate-item .catetwo { display: none; background: #fff; -webkit-box-shadow: 0 8px 8px rgba(0, 0, 0, 0.18); box-shadow: 0 8px 8px rgba(0, 0, 0, 0.18); border: 1px solid #e0e0e0; border-left: 0; width: 700px; min-height: 400px; position: absolute; top: 0; left: 230px; z-index: 42; padding: 20px; } .t-nav .nav-categorys .cate-item .cateone.hover { background: #fff; border-left: 2px #4bae00 solid; padding-left: 10px; } .t-nav .nav-categorys .cate-item .catetwo .topMap .subCat { float: left; width: 100%; _margin-left: 10px; font-size: 14px; } .t-nav .nav-categorys .cate-item .catetwo .topMap .subCat dl { font-size: 0; word-spacing: -1em; padding: 10px 0; } .t-nav .nav-categorys .cate-item .catetwo .topMap .subCat dl dt, .t-nav .nav-categorys .cate-item .catetwo .topMap .subCat dl dd { font-size: 12px; vertical-align: top; letter-spacing: normal; word-spacing: normal; display: inline-block; *display: inline /*IE7*/ ; *zoom: 1 /*IE7*/ ; } .t-nav .nav-categorys .cate-item .catetwo .topMap .subCat dl dt { background: url(images/top_bg.png) no-repeat right -18px; width: 70px; line-height: 25px; padding-right: 15px; margin-right: 15px; } .t-nav .nav-categorys .cate-item .catetwo .topMap .subCat dl dt h3 { font-weight: 600; color: #5C5251; text-align: right; } .t-nav .nav-categorys .cate-item .catetwo .topMap .subCat dl dt h3 a { color: #4bae00; } .t-nav .nav-categorys .cate-item .catetwo .topMap .subCat dl dt h3 a:hover { color: #27AE61; } .t-nav .nav-categorys .cate-item .catetwo .topMap .subCat dl dd { font-size: 0; word-spacing: -1em; width: 600px; } .t-nav .nav-categorys .cate-item .catetwo .topMap .subCat dl:last-child dd { border-bottom: none 0; } .t-nav .nav-categorys .cate-item .catetwo .topMap .subCat dl dd a { font-size: 12px; color: #7C7171; line-height: 25px; vertical-align: top; letter-spacing: normal; word-spacing: normal; display: inline-block; *display: inline /*IE6、7*/ ; padding: 0 15px; *zoom: 1 /*IE6、7*/ ; } .t-nav .nav-categorys .cate-item .catetwo .topMap .subCat dl dd a:hover { color: #27AE61; } .t-nav .nav-categorys .cate-item .catetwo .topMap .subCat dl dd h5 { font-size: 12px; line-height: 20px; color: #333; margin: 4px 0 2px 0; } /*导航菜单*/ .t-nav .nav-items { float: left; } .t-nav .nav-items li { float: left; display: inline; height: 40px; line-height: 40px; width: 100px; text-align: center; position: relative; } .t-nav .nav-items li a { color: #fefefe; display: block; font-size: 14px; text-decoration: none; } .t-nav .nav-items li a:hover { color: #fff; background: #fabe32; } .t-nav .nav-items li a.cur { color: #fff; background: #fabe32; } #header_guanzhu { background: url(images/guanzhu-ico.png) 72px 5px no-repeat; padding-right: 62px } #header_guanzhu .more-bd { +visibility: visible; +display: none } #header_guanzhu .more-bd .list { padding: 15px; width: 130px; height: 190px; background: #fff url(images/guanzhu-bg.png) center 50px no-repeat } #header_guanzhu .more-bd .list p { padding-left: 31px; height: 24px; overflow: hidden } #header_guanzhu.hover .more-bd { +display: block } .footer_service { /* background: #f5f5f5 none repeat scroll 0 0; */ background: url(images/fresh_water180.png) repeat-x left bottom #fff; margin-top: 50px; padding: 30px 0; } .footer_service li { background: rgba(0, 0, 0, 0) url("images/footer_service_icon.png") no-repeat scroll left top; float: left; height: 42px; margin-left: 55px; padding-left: 55px; width: 190px; } .footer_service .s1 { background-position: 0 0; } .footer_service .s2 { background-position: 0 -42px; } .footer_service .s3 { background-position: 0 -84px; } .footer_service .s4 { background-position: 0 -126px; } .footer_service li b { color: #007f4d; display: block; font: 18px/25px "Microsoft YaHei"; padding-left: 15px; } .footer_service li span { display: block; padding-left: 15px; } .site-footer { background: #D5F3FD; font-size: 14px; line-height: 1.5em; position: relative } .site-footer .footer-links { padding: 40px 0 20px; color: #000; } .site-footer .footer-info { font-size: 12px } .site-footer .col-links { float: left; _display: inline; width: 190px; margin: 0px; text-align: center } .site-footer .col-links dt { margin-bottom: 10px; font-size: 16px; } .site-footer .col-links dd { margin: 0 0 6px } .site-footer .col-links dd a { color: #000; font-size: 12px } .site-footer .col-links dd a:hover { color: #4bae00 } .site-footer .col-links-first { margin-left: 0 } .site-footer .col-contact { float: right; width: 240px; text-align: center } .site-footer .col-contact p { margin: 0 0 15px } .site-footer .col-contact p.phone { margin-bottom: 5px; font-size: 26px; line-height: 1; color: #4bae00 } .site-footer .info-text { float: left; width: 100%; margin: 0 auto; text-align: center; } .site-footer .info-text a { padding-right: 15px; color: #000; } .site-footer .info-text p.img_links a { margin: 10px 10px 0 10px; padding: 0; display: inline-block; } .site-footer .info-text a:hover { color: #4bae00; } .site-footer .info-text .nav_bottom a { display: inline-block; padding: 0 20px 0 21px; background: url(images/border-right.png) no-repeat 0 center; color: #000; } .site-footer .info-text .nav_bottom a:hover { color: #4bae00; } .site-footer .info-text .nav_bottom a.noborder { background: 0 } .site-footer .info-text .logo-mini { float: left; width: 40px; height: 40px; margin-right: 15px; background: #ff4a00; text-align: center } .site-footer .info-text .logo-mini i { font-size: 28px; color: #fff } .site-footer .info-text .sep { margin: 0 3px } .site-footer .info-text p { margin: 0; line-height: 30px; color: #000; } .site-footer .info-links { clear: both } .site-footer .info-links img { width: auto; height: 20px } .tongji-js { display: none } .side-pannel { position: fixed; right: 8px; margin-left: 496px; z-index: 999; } .is1280 .tb_box { margin-left: 0; left: auto; right: 0 } .is1280 .tb_box .tb_bd { width: 36px } .is1280 .tb_box .tb_bd li p span { line-height: 18px; padding-top: 2px; height: 40px } i.icon_tags { display: block; position: absolute; z-index: 18; width: 82px; height: 30px; background: url(images/item-icos-new.png) -9999px 0 no-repeat; _background: url(images/item-icos-new-ie6.png) -9999px 0 no-repeat; text-indent: -999em; overflow: hidden; left: 0; top: 10px; color: #fff } i.icon_tag01 { background-position: 0 -103px } i.icon_tag02 { background-position: 0 -68px } i.icon_tag03 { background-position: 0 -34px } i.icon_tag04 { background-position: 0 -00px } a.addcart { display: none } a.productitem { display: block; +zoom: 1; position: relative; overflow: hidden } a.productitem span.productimg { display: block; padding: 0; margin: 0 auto; } a.productitem span.productimg img { vertical-align: top; display: block; } a.productitem span.nalaprice { color: #4bae00; font-size: 20px; display: block; padding: 8px 0; } a.productitem span.nalaprice .xiaoliang { font-size: 12px; color: #646464; margin-right: 5px; height: 20px; line-height: 20px; position: absolute; right: 0px; top: 12px; } a.productitem span.productname { display: block; height: 50px; line-height: 25px; font-size: 16px; overflow: hidden; color: #666 } a.productitem span.description { display: block; height: 16px; overflow: hidden; color: #999 } a.productitem span.salerow { display: block; color: #999; height: 25px; line-height: 25px; } a.productitem span.sales { color: #4bae00; padding: 0 2px } a.productitem span.xszk { position: relative; } a.productitem span.price { display: none } a.nextpage { border: 1px solid #fadbc1; display: block; height: 338px; background: #ffe7d2 url(images/nextpage-bg.png) center center no-repeat; position: relative } a.nextpage i { position: absolute; right: -3px; bottom: -2px; display: block; width: 21px; height: 21px; background: url(images/nextpage-bg2.png) center center no-repeat; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; overflow: hidden } a.nextpage:hover i { right: -1px; bottom: -1px; width: 41px; height: 41px } .soldout_mod a.productitem span.nalaprice { color: #666 } .soldout_mod a.productitem span.sales { color: #333 } .soldout_mod span.soldout_txt { position: absolute; top: 242px; right: 13px } .btn-css3 { display: inline-block; padding: 5px 12px; height: 16px; line-height: 16px; _line-height: 18px; border: 1px solid #4bae00; border-radius: 3px; font-size: 100%; color: #fff; background-color: #4bae00; overflow: hidden; vertical-align: middle } .btn:hover, .btn-css3:hover { text-decoration: none; color: #fff; background: #4bae00 } .btn img, .btn-css3 img { vertical-align: middle } .graybtn { display: inline-block; padding: 5px 12px; height: 16px; line-height: 16px; border: 1px solid #c4c4c4; border-radius: 2px; font-size: 100%; color: #666; background-color: #efefef; background-image: -webkit-linear-gradient(#f8f8f8, #e5e5e5); background-image: -moz-linear-gradient(#f8f8f8, #e5e5e5); background-image: linear-gradient(#f8f8f8, #e5e5e5); background-repeat: repeat-x; vertical-align: middle } .graybtn:hover { text-decoration: none; color: #666; background: #e5e5e5 } .ok-tip, .success-tip, .warn-tip, .confirm-tip { font-size: 14px } .ok-tip .iconfont, .success-tip .iconfont, .warn-tip .iconfont, .confirm-tip .iconfont { color: #4bae00; font-size: 24px; margin-right: 10px } .ok-tip .iconfont { color: #59bbec; font-size: 30px } .success-tip { font-size: 22px } .success-tip .iconfont { color: #090; font-size: 36px } .confirm-tip .iconfont { color: #0baee4; font-size: 22px } .aui_inner table { width: 100% } .aui_loading { padding: 20px 0 0; background: url(images/loading-16.gif) center 0 no-repeat; text-align: center; overflow: hidden; color: #bbb } .aui_inner { background: #fafafa; box-shadow: 1px 1px 3px rgba(100, 100, 100, 0.3); border: 1px solid #989898 } .aui_main { vertical-align: top } .aui_content { min-width: 200px } .aui_titleBar { position: relative; border-bottom: 1px solid #fff } .aui_titleBar .aui_title { font-size: 20px; padding: 10px 20px; border-bottom: 1px solid #e0e0e0 } .aui_close { background-image: url(images/ico.png); background-position: 0 0; top: 12px; right: 12px; position: absolute; text-indent: -9999px; width: 24px; height: 24px; overflow: hidden; margin-right: 0 } .aui_close:hover { background-position: 0 -24px } .aui_buttons { background-color: #f6f6f6; border-top: 1px solid #eee; padding: 6px 10px; text-align: right } .aui_dialog button { margin-left: 15px; padding: 6px 8px; cursor: pointer; display: inline-block; text-align: center; line-height: 1; *padding: 4px 6px; *height: 2em; letter-spacing: 2px; color: #999; border: solid 1px #ccc; border-radius: 2px; background: #eee } .aui_dialog button:hover { background: #ddd } .aui_dialog button.highlight { color: #fff; border: solid 1px #38abe4; background: #59bbec } .aui_dialog button.highlight:hover { background: #7accf4 } .dialog_success .aui_close, .dialog_confirm .aui_close, .dialog_ok .aui_close, .dialog_warn .aui_close { display: none } .aui_outer { -webkit-animation: pop_in .5s } @-webkit-keyframes pop_in { 0% { -webkit-transform: scale(0.6); opacity: 0 } 50% { -webkit-transform: scale(1.05); opacity: 1 } 100% { -webkit-transform: scale(1); opacity: 1 } } .dialog_login_box { width: 320px; height: 430px; padding: 15px 30px; background: #fff } #login-box h2 { font-size: 18px; font-style: normal; font-weight: 100; letter-spacing: 5px } #login-box .trig { float: right; font-size: 12px; letter-spacing: 0 } #login-box .trig a { text-decoration: underline } .dialog_login_box .form-bd { margin: 15px 0; position: relative; height: 239px; width: 320px; overflow: hidden } .dialog_login_box .form_box { position: absolute; width: 640px } .dialog_login_box .login_box, .prve_login { float: left } #login-box .form { width: 320px } #login-nala-form li h5 { font-size: 14px; color: #999 } #login-nala-form li span.iconfont { display: inline-block; text-align: center; color: #aaa; font-size: 18px; vertical-align: middle; margin: 0 6px } #login-nala-form li input.text { width: 240px; padding: 4px 6px; height: 18px; line-height: 18px; overflow: hidden; border: 0; border-left: 1px solid #ccc; color: #333; vertical-align: middle; color: #333; margin-left: 2px; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; transition: all .25s ease } #login-nala-form li.text_input { border: 1px solid #ccc; line-height: 18px; padding: 6px; position: relative; margin-bottom: 24px; zoom: 1 } #login-nala-form li { line-height: 18px; padding: 6px 0; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; transition: all .25s ease } #login-nala-form li.last { text-align: center; margin-bottom: 30px; margin-top: 10px } #login-nala-form li.last p { margin-bottom: 10px } #login-nala-form li.last .btn { height: 50px; width: 100%; text-align: center; color: #fff; letter-spacing: 5px; cursor: pointer; font-size: 18px; border: 0 } #login-nala-form li.last .disabled { background: #eee url(images/loading.gif) 110px 18px no-repeat; cursor: default; color: #999 } #login-nala-form li p .remember-me { margin-right: 10px; vertical-align: -2px } #login-nala-form li p a.forget_psd { float: right; text-decoration: underline } #login-nala-form li.params_error { border-color: #fe655c } #login-nala-form li.params_error input.text { border-left-color: #fe655c } #login-nala-form li.error_box { padding: 0; height: 16px; margin-top: -12px; margin-bottom: 5px; color: #fe655c } #login-nala-form li.text_input .error_icon { background: url(images/error_icon.png) 0 -50px no-repeat; position: absolute; width: 14px; height: 14px; right: 10px; top: 10px } #login-nala-form li.params_error .error_icon { background-position: 0 0 } #login-nala-form li.text_input input:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px white inset } #login-last { padding-top: 5px } #login-last li { padding-bottom: 25px } #login-last i.iconfont { margin-right: 4px; color: #999; font-size: 14px } #login-box.trg { padding: 12px; font-size: 14px; margin-top: 20px } .other-login { font-size: 0 } .other-login a { margin-top: 0; vertical-align: top; margin-right: 10px; background: url(images/other-login-bg.png) center no-repeat; display: inline-block; width: 30px; height: 30px; overflow: hidden } .other-login a.sina { background-position: 0 0 } .other-login a.qq { background-position: -40px 0 } .other-login a.alipay { background-position: -80px 0 } .other-login a.taobao { background-position: -120px 0 } .other-login a.baidu { background-position: -160px 0 } .other-login a.qihoo360 { background-position: -200px 0 } .other-login a:hover { text-decoration: none; opacity: .8; filter: Alpha(opacity=80) } .other-form li h5 { margin-top: 50px } .other-form li { padding-bottom: 8px; margin-bottom: 10px } .pagenav { padding: 10px 0; font-size: 14px; text-align: right } .pagenav a { margin-left: 4px; padding: 4px 10px; font-size: 14px; border: 1px solid #eee; background-color: #fff; border-radius: 2px } .pagenav a:hover { color: #4bae00; border-color: #4bae00; text-decoration: none } .pagenav span.currentStep { padding: 4px 8px; margin-left: 3px; font-weight: bold } .pagenav span.step { color: #999; margin: 0 5px } .common_main { width: 100%; border: 1px solid #ccc; background-color: #fff; box-shadow: 0 0 15px rgba(204, 204, 204, 0.5); margin: 30px auto 50px } .bnt_blue_1, .bnt_blue, .bnt_blue_2 { display: inline-block; padding: 4px 12px; height: 24px; line-height: 16px; _line-height: 18px; border: 1px solid #4bae00; border-radius: 3px; font-size: 100%; color: #fff; background-color: #4bae00; overflow: hidden; vertical-align: middle; cursor: pointer } #app_2code { position: fixed; z-index: 1000; bottom: 70px; left: 50%; margin-left: 610px; _position: absolute; _top: expression((document).documentElement.scrollTop+(document).documentElement.clientHeight-205); width: 84px; height: 70px; padding: 15px 0 10px; text-align: center; background-color: #fff; color: #4bae00; overflow: hidden } #app_2code img { width: 50px; height: 50px; vertical-align: top } #app_2code p { margin-top: 5px } #app_2code.app_2code_hover { width: 124px; height: 115px; margin-left: 570px } #app_2code.app_2code_hover img { width: 99px; height: 99px } .is1280 #app_2code { margin-left: 0; left: auto; right: 0 } .boxCenterList { font-size: 13px; } .brandCategoryA a { line-height: 30px; padding: 0 10px; } .brandCategoryA a:first-child { padding: 0; } .add_ok { display: none; background: #fff; padding: 40px 0; text-align: center; width: 480px; border: 3px solid #4bae00; border-radius: 10px; -moz-border-radius: 10px } .add_ok .tip { font-size: 30px; margin-bottom: 20px } .add_ok .tip i { font-size: 60px; color: #4bae00; vertical-align: -4px; margin-right: 15px } .add_ok .go a { font-size: 18px } .add_ok .go a.back { color: #4bae00; margin-right: 90px } .add_ok .go a.btn { padding: 10px 45px 12px } a.btn_submit { background-color: #2869ce; border-radius: 2px; color: #fff; display: inline-block; font-size: 12px; height: 20px; line-height: 20px; margin: 0 10px; padding: 0; position: relative; text-align: center; text-decoration: none; vertical-align: top; width: 60px; } a.btn_cancel { background-color: #333; border-radius: 2px; color: #fff; display: inline-block; font-size: 12px; height: 20px; line-height: 20px; margin: 0 10px; padding: 0; position: relative; text-align: center; text-decoration: none; vertical-align: top; width: 60px; } /*message消息*/ .message_all { background: #ffffff none repeat scroll 0 0; height: auto; margin: 30px auto; padding: 20px 30px; width: 1138px; ; } .message_all .message_tit { border-bottom: 1px solid #eaeaea; font-size: 18px; height: 40px; line-height: 40px; } .message_all .message_con { height: auto; min-height: 80px; padding: 60px 0; text-align: center; width: 1150px; } .message_all .message_con p { font-family: microsoft yahei; height: 30px; line-height: 30px; } .message_all .message_con p.msg_con { color: #4bae00; font-size: 14px; } /********弹框提示信息********/ .pop-header .pop-close, .pop-con .pop-icon { background: url(images/common-icon.png) no-repeat; } .pop-mask { position: fixed; width: 100%; height: 100%; background: #000; opacity: 0.15; filter: alpha(opacity=15); left: 0; top: 0; z-index: 999999; display: none; s } .pop-main { border: 4px solid rgba(0, 0, 0, .1); border: 4px solid #ccc\9; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; width: 410px; position: fixed; z-index: 1000001; display: none; overflow: hidden; left: 50%; margin-left: -209px; } .pop-header { position: relative; padding: 0 10px; height: 36px; line-height: 36px; background: #f7f7f7; font-size: 14px; color: #666; font-family: "Microsoft YaHei"; } .pop-header .pop-close, .pop-header .tell-me-close { display: block; width: 13px; height: 13px; background-position: -41px -44px; position: absolute; right: 13px; top: 13px; } .pop-con { padding: 10px 10px 20px; background: #fff; position: relative; min-height: 80px; text-align: center; } .pop-con .pop-icon { display: block; width: 39px; height: 39px; background-position: -118px -43px; position: absolute; left: 20px; top: 20px; } .pop-con .pop-text { padding: 10px 20px 15px 60px; font-size: 14px; line-height: 1.5em; text-align: left; } /*商品加入购物车选择属性*/ #speDiv { background: rgba(0, 0, 0, .1); background: #ccc\9; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; width: 500px; padding: 4px; height: auto; position: fixed; z-index: 10000; left: 50%; margin-left: -245px; } #speDiv .spe-close { width: 13px; height: 13px; background: url(images/common-icon.png) no-repeat; background-position: -41px -44px; position: absolute; right: 13px; top: 13px; cursor: pointer; } #speDiv .attr-list, #speDiv .spe-btn { background: #fff; overflow: hidden; } #speDiv .attr-list { padding: 20px 20px 0 20px; } #speDiv .attr-list .dt, #speDiv .attr-list .dd { float: left; } #speDiv .attr-list .dt { float: left; width: auto; heihgt: 28px; line-height: 28px; min-width: 60px; text-align: right; margin-right: 10px; } #speDiv .attr-list .dd { width: 360px; float: left; } #speDiv .attr-list .blank10 { clear: both; height: 10px; line-height: 10px; visibility: hidden; } #speDiv .attr-list .attr-radio { float: left; margin: 0px 10px 10px 0; letter-spacing: normal; word-spacing: normal; display: inline-block; position: relative; height: 26px; line-height: 26px; border: 1px solid #ddd; cursor: pointer; } #speDiv .attr-list .attr-radio.curr { background: url(images/test.gif) no-repeat bottom right; border: 1px solid #f70; } #speDiv .attr-list .attr-radio label { display: block; padding: 0 7px; height: 26px; line-height: 26px; cursor: pointer; } #speDiv .attr-list .attr-radio input { display: none; } #speDiv .spe-btn { text-align: center; padding-bottom: 20px; } .cancel-btn { display: inline-block; background: #f5f5f5; height: 28px; line-height: 28px; padding: 0 25px; border: 1px solid #ddd; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; cursor: pointer; vertical-align: top; } .cancel-btn:hover { color: #666; } .sure-btn { display: inline-block; width: auto; padding: 0 25px; height: 28px; line-height: 28px; font-size: 14px; text-align: center; color: #fff; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border: 1px solid #fabe32; background: #fabe32; cursor: pointer; margin-right: 20px; } .sure-btn:hover { color: #fff; } .btn-buy { display: inline-block; height: 16px; line-height: 16px; _line-height: 18px; border-radius: 3px; border: 1px solid #fabe32; color: #fff; background-color: #fabe32; overflow: hidden; vertical-align: middle; font-size: 16px; padding: 10px 20px 12px; margin-right: 12px; } .btn-buy:hover { text-decoration: none; color: #fff; } .h15 { height: 15px; background: #f5f5f5; } .BonuspageTitle { width: 1200px; margin: 10px auto; mini-height: 100px; text-align: center } .BonusList { width: 1200px; margin: 10px auto; } .BonusList dl { float: left; width: 380px; height: 120px; margin: 10px; background: url(images/bonus_bg.png) 0 0 no-repeat } .BonusList dl dt { float: left; width: 155px; height: 120px; } .BonusList dl dt .jine { width: 155px; height: 60px; margin-top: 10px; text-align: center; font-size: 40px; line-height: 60px; font-family: Arial, Helvetica, sans-serif; color: #FFFFFF } .BonusList dl dt a.getBonus { display: block; width: 80px; height: 24px; margin: 10px auto; text-align: center; line-height: 24px; background: #FF9900; color: #FFFFFF; font-size: 12px; border-radius: 2px; } .BonusList dl dd { float: left; width: 225px; height: 120px; } .BonusList dl dd .tiaojian { width: 225px; height: 40px; margin-top: 30px; text-align: center; font-size: 16px; line-height: 40px; font-family: microsoft yahei; color: #666 } .BonusList dl dd .tiaojian font.j { font-family: Arial, Helvetica, sans-serif; font-size: 24px; color: #990000; padding-left: 5px; padding-right: 5px; } .BonusList dl dd .time { width: 225px; height: 30px; text-align: center; font-size: 12px; line-height: 30px; font-family: microsoft yahei; color: #666 } .BonusList dl dd .time font.tt { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #990000; padding-left: 3px; padding-right: 3px; }