@charset "UTF-8"; .item-triangle { position:relative } .item-triangle .item-tri { position:absolute } .item-goods .item-g { display:inline-block } .item-bolck img { display:block } .item-goods .item-price .new-price, .slide-bolck .slide-goods .item-price .new-price { color:#ff0036 } .item-bolck { background:#fff } .item-goods .item-g { text-align:center } .item-bolck, .item-goods { overflow:hidden } blockquote, body, button, code, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, legend, li, ol, p, pre, td, textarea, th, ul { margin:0; padding:0 } article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display:block } audio, canvas, progress, video { display:inline-block; vertical-align:baseline } html { font-size:312.5%; -webkit-tap-highlight-color:transparent;} body { background-color:#f4f4f8; color:#666; height:100%; font-family:PingFang-SC-Regular, Helvetica Neue, Helvetica, Droid Sans Fallback, microsoft yahei, sans-serif; overflow:scroll; overflow-x:hidden } body * { max-height:1000rem } fieldset, img { border:0 } address, cite, dfn, em, i, var { font-style:normal } a { color:#666 } a, a:active, a:hover { -webkit-tap-highlight-color:transparent; text-decoration:none } :focus { outline:0 none } dl, li, ol, ul { list-style:none } li, li:active, ul { -webkit-tap-highlight-color:transparent } input::-webkit-input-placeholder { color:#999 } input:-moz-placeholder, input::-moz-placeholder { color:#999 } input:-ms-input-placeholder { color:#999 } input { -webkit-appearance:none } .clear { clear:both } .clear:after, .clear:before { clear:both; content:" "; display:block; font-size:0; height:0; visibility:hidden } .fl { float:left } .fr { float:right } .alert_fullbg { display:none; height:100%; width:100%; top:0; left:0; position:fixed; z-index:200; filter:alpha(opacity=50); opacity:.5; background-color:#000 } .main { max-width:16rem; min-width:8rem; position:relative } .app, .main { background:#f4f4f8; margin:0 auto; width:100% } .app { position:absolute } #head { height:44px; width:100%; max-width:16rem; min-width:8rem; overflow:hidden; position:relative; z-index:199; } #head.logo { display:block; margin:0 auto } #head .logo img { height:24px } .fixtop { height:44px; z-index:999; position:absolute; width:100% } .fixtop span { display:block } .topsearch { transition: background 1s; } .fixsearch { position:fixed; transition: background 2s; top:0px; left:0px; width:100%; background-color: #ff0036; } #classify { padding-top:10px; padding-left:12px; float:left } #t-find { padding-top:10px; padding-left:12px; float:left } #index, [data-dpr="3"] #t-find { padding-left:36px } #index { text-align:center; cursor:default; width:100%; position:absolute; padding-right:36px; z-index:-1; box-sizing:border-box } [data-dpr="2"] #index { padding-left:72px } [data-dpr="3"] #index { padding-left:108px } [data-dpr="2"] #index { padding-right:72px } [data-dpr="3"] #index { padding-right:108px } #index .logo { display:block; margin-top:10px; width:100% } [data-dpr="2"] #index .logo { margin-top:20px } [data-dpr="3"] #index .logo { margin-top:30px } #t-index { text-align:center; cursor:default; width:100%; left:5%; position:absolute; padding-left:36px; padding-right:36px; z-index:-1; box-sizing:border-box; color:#333; font-size:18px; line-height:44px; height:44px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap } [data-dpr="2"] #t-index { padding-left:72px } [data-dpr="3"] #t-index { padding-left:108px } [data-dpr="2"] #t-index { padding-right:72px } [data-dpr="3"] #t-index { padding-right:108px } [data-dpr="2"] #t-index { font-size:36px } [data-dpr="3"] #t-index { font-size:54px } [data-dpr="2"] #t-index { line-height:88px } [data-dpr="3"] #t-index { line-height:132px } [data-dpr="2"] #t-index { height:88px } [data-dpr="3"] #t-index { height:132px } #user { margin-top:8px; padding-right:12px; float:right; position: relative; } #t-user { padding-top:10px; float:right } #t-user a { color:#333; display:block; width:36px; height:24px; line-height:22px; font-size:14px; text-align:center; margin-right:11px } .btn { background-size:cover; display:inline-block; height:0; overflow:hidden; text-decoration:none; width:30px; height:30px; padding-left: 2px; } #head .btn { vertical-align:top } #head .btn .iconfont { font-size:24px; color: #fff; } #head .btn .info-num { background-color: #f23030; padding: 0 3px; text-align: center; border: solid 1px #fff; color: #fff; -webkit-border-radius: 12px; border-radius: 12px; height: 12px; line-height: 10px; font-size: 8px; left:20px; top: -3px; position: absolute; font-weight: bold; } .index-wrapper .am-slider { margin-top: -44px; } .go-app-new { background:hsla(0, 0%, 100%, .7); z-index:99999; width:100%; height:0; -webkit-transition:all .2s linear 0s; transition:all .2s linear 0s } .go-app-new img { width:100%; vertical-align:middle; max-width:16rem } .go-app-new a { display:block; position:relative } .go-app-new .closed { top:0; right:0; width:1.25rem; height:1.25rem } .go-app-new .btn1, .go-app-new .closed { display:block; position:absolute; z-index:10; cursor:pointer } .go-app-new .btn1 { top:23%; left:19%; width:36%; height:55% } .go-app-new .btn2 { display:block; position:absolute; top:23%; left:59.6%; width:36%; height:55%; z-index:10; cursor:pointer } .search-block { position:absolute; padding-right:1.87733rem; padding-left:.59733rem; width:100%; box-sizing:border-box; font-size:12px; color:#bbb } [data-dpr="2"] .search-block { font-size:24px } [data-dpr="3"] .search-block { font-size:36px } .search-block button { border:0 none; background:none } .search-block input { display:block; height:100%; width:100%; font:-webkit-small-control; letter-spacing:normal; word-spacing:normal; text-transform:none; text-indent:0; text-shadow:none; text-align:start; border:none; outline-style:none; word-break:normal; background-color:transparent; font-size:inherit; color:#666; -webkit-tap-highlight-color:transparent; -webkit-appearance:none } .search-block .search-input { position:relative; display:block; height:28px; line-height:28px; margin-top:8px; background-color:#fff; border-radius:15px; padding-left:31px } .search-block .search-icon { position:absolute; left:8px; top:7px; width:15px; height:15px; line-height:1; color:inherit } [data-dpr="2"] .search-block .search-icon { left:16px } [data-dpr="3"] .search-block .search-icon { left:24px } [data-dpr="2"] .search-block .search-icon { top:14px } [data-dpr="3"] .search-block .search-icon { top:21px } [data-dpr="2"] .search-block .search-icon { width:30px } [data-dpr="3"] .search-block .search-icon { width:45px } [data-dpr="2"] .search-block .search-icon { height:30px } [data-dpr="3"] .search-block .search-icon { height:45px } .search-block .search-icon .iconfont { font-size:15px } [data-dpr="2"] .search-block .search-icon .iconfont { font-size:30px } [data-dpr="3"] .search-block .search-icon .iconfont { font-size:45px } .search-block .search-img { display:inline-block; height:14px; margin-top:7px; margin-right:4px; vertical-align:top } [data-dpr="2"] .search-block .search-img { height:28px } [data-dpr="3"] .search-block .search-img { height:42px } [data-dpr="2"] .search-block .search-img { margin-top:14px } [data-dpr="3"] .search-block .search-img { margin-top:21px } [data-dpr="2"] .search-block .search-img { margin-right:8px } [data-dpr="3"] .search-block .search-img { margin-right:12px } .search-block .del { display:none; position:absolute; right:8px; top:6px; line-height:normal } [data-dpr="2"] .search-block .del { right:15px } [data-dpr="3"] .search-block .del { right:23px } [data-dpr="2"] .search-block .del { top:12px } [data-dpr="3"] .search-block .del { top:18px } .search-block .del img { height:12px } [data-dpr="2"] .search-block .del img { height:24px } [data-dpr="3"] .search-block .del img { height:36px } .top-menu { width:100%; max-width:16rem; min-width:8rem; background:#fff; line-height:1; position:relative; } .top-menu.top-type1 { height:49px } [data-dpr="2"] .top-menu.top-type1 { height:98px } [data-dpr="3"] .top-menu.top-type1 { height:147px } .top-menu.top-type2 { height:38px } [data-dpr="2"] .top-menu.top-type2 { height:76px } [data-dpr="3"] .top-menu.top-type2 { height:114px } .top-menu.top-type3 { height:49px } [data-dpr="2"] .top-menu.top-type3 { height:98px } [data-dpr="3"] .top-menu.top-type3 { height:147px } .top-menu .top-menu-box { width:100%; overflow:auto; overflow-x:auto; overflow-y:hidden; -webkit-overflow-scrolling:touch; background:#fff; position:static; top:0; z-index:400; max-width:16rem; min-width:8rem } .top-menu.top-type1 .top-menu-box { height:49px } [data-dpr="2"] .top-menu.top-type1 .top-menu-box { height:98px } [data-dpr="3"] .top-menu.top-type1 .top-menu-box { height:147px } .top-menu.top-type2 .top-menu-box { height:38px } [data-dpr="2"] .top-menu.top-type2 .top-menu-box { height:76px } [data-dpr="3"] .top-menu.top-type2 .top-menu-box { height:114px } .top-menu.top-type3 .top-menu-box { height:49px } [data-dpr="2"] .top-menu.top-type3 .top-menu-box { height:98px } [data-dpr="3"] .top-menu.top-type3 .top-menu-box { height:147px } .top-menu .top-menu-box.fixed { position:fixed } .top-menu .top-menu-box nav { white-space:nowrap; overflow:auto; overflow-y:hidden } .top-menu.top-type1 .top-menu-box nav a { height:49px; font-size:12px; text-align:center; color:#333; display:inline-block; white-space:nowrap; width:20% } [data-dpr="2"] .top-menu.top-type1 .top-menu-box nav a { height:98px } [data-dpr="3"] .top-menu.top-type1 .top-menu-box nav a { height:147px } [data-dpr="2"] .top-menu.top-type1 .top-menu-box nav a { font-size:24px } [data-dpr="3"] .top-menu.top-type1 .top-menu-box nav a { font-size:36px } .top-menu.top-type1 .top-menu-box nav a .bg-icon { width:24px; height:24px; margin:0 auto; margin-top:13px; margin-bottom:13px; display:block } [data-dpr="2"] .top-menu.top-type1 .top-menu-box nav a .bg-icon { width:48px } [data-dpr="3"] .top-menu.top-type1 .top-menu-box nav a .bg-icon { width:72px } [data-dpr="2"] .top-menu.top-type1 .top-menu-box nav a .bg-icon { height:48px } [data-dpr="3"] .top-menu.top-type1 .top-menu-box nav a .bg-icon { height:72px } [data-dpr="2"] .top-menu.top-type1 .top-menu-box nav a .bg-icon { margin-top:25px } [data-dpr="3"] .top-menu.top-type1 .top-menu-box nav a .bg-icon { margin-top:38px } [data-dpr="2"] .top-menu.top-type1 .top-menu-box nav a .bg-icon { margin-bottom:25px } [data-dpr="3"] .top-menu.top-type1 .top-menu-box nav a .bg-icon { margin-bottom:38px } .top-menu.top-type2 .top-menu-box nav { background:#fff; height:38px; line-height: 25px; } [data-dpr="2"] .top-menu.top-type2 .top-menu-box nav { height:76px } [data-dpr="3"] .top-menu.top-type2 .top-menu-box nav { height:114px } .top-menu.top-type2 .top-menu-box nav a { /*line-height:38px; height:38px;*/ display:inline-block; font-size:14px; text-align:center; color:#333; white-space:nowrap; box-sizing:border-box; padding:0 .25rem; margin:0 .5rem; padding-bottom:.1rem; background:#fff } /*[data-dpr="2"] .top-menu.top-type2 .top-menu-box nav a { line-height:76px } [data-dpr="3"] .top-menu.top-type2 .top-menu-box nav a { line-height:114px } [data-dpr="2"] .top-menu.top-type2 .top-menu-box nav a { height:76px } [data-dpr="3"] .top-menu.top-type2 .top-menu-box nav a { height:114px }*/ [data-dpr="2"] .top-menu.top-type2 .top-menu-box nav a { font-size:28px } [data-dpr="3"] .top-menu.top-type2 .top-menu-box nav a { font-size:42px } .top-menu.top-type3 .top-menu-box nav a { height:49px; font-size:12px; text-align:center; color:#333; display:inline-block; white-space:nowrap; width:20% } [data-dpr="2"] .top-menu.top-type3 .top-menu-box nav a { height:98px } [data-dpr="3"] .top-menu.top-type3 .top-menu-box nav a { height:147px } [data-dpr="2"] .top-menu.top-type3 .top-menu-box nav a { font-size:24px } [data-dpr="3"] .top-menu.top-type3 .top-menu-box nav a { font-size:36px } .top-menu.top-type3 .top-menu-box nav a .bg-icon { width:24px; height:24px; margin:0 auto; margin-top:5px; margin-bottom:5px; display:block } [data-dpr="2"] .top-menu.top-type3 .top-menu-box nav a .bg-icon { width:48px } [data-dpr="3"] .top-menu.top-type3 .top-menu-box nav a .bg-icon { width:72px } [data-dpr="2"] .top-menu.top-type3 .top-menu-box nav a .bg-icon { height:48px } [data-dpr="3"] .top-menu.top-type3 .top-menu-box nav a .bg-icon { height:72px } [data-dpr="2"] .top-menu.top-type3 .top-menu-box nav a .bg-icon { margin-top:10px } [data-dpr="3"] .top-menu.top-type3 .top-menu-box nav a .bg-icon { margin-top:15px } [data-dpr="2"] .top-menu.top-type3 .top-menu-box nav a .bg-icon { margin-bottom:10px } [data-dpr="3"] .top-menu.top-type3 .top-menu-box nav a .bg-icon { margin-bottom:15px } .bottom-menu { position:fixed; width:100%; max-width:16rem; min-width:8rem; line-height:1; background-color:#fff; bottom:0; z-index:400; background-size:100% 100%; border-top:1px solid #ebebeb } .bottom-menu nav a { height:49px; float:left; font-size:12px; text-align:center; color:#333; display:block } .bottom-menu nav a i { font-size: 24px; } [data-dpr="2"] .bottom-menu nav a { height:98px } [data-dpr="3"] .bottom-menu nav a { height:147px } [data-dpr="2"] .bottom-menu nav a { font-size:24px } [data-dpr="3"] .bottom-menu nav a { font-size:36px } [data-dpr="2"] .bottom-menu nav a i { font-size:48px } [data-dpr="3"] .bottom-menu nav a i { font-size:72px } .bottom-menu nav a.type1 .bg-icon { height:100%; margin:0 auto; display:block } .bottom-menu nav a.type2 { line-height:49px } [data-dpr="2"] .bottom-menu nav a.type2 { line-height:98px } [data-dpr="3"] .bottom-menu nav a.type2 { line-height:147px } .bottom-menu nav a.type3 .bg-icon { width:24px; height:24px; margin:0 auto; margin-top:5px; margin-bottom:5px; display:block } [data-dpr="2"] .bottom-menu nav a.type3 .bg-icon { width:48px } [data-dpr="3"] .bottom-menu nav a.type3 .bg-icon { width:72px } [data-dpr="2"] .bottom-menu nav a.type3 .bg-icon { height:48px } [data-dpr="3"] .bottom-menu nav a.type3 .bg-icon { height:72px } [data-dpr="2"] .bottom-menu nav a.type3 .bg-icon { margin-top:10px } [data-dpr="3"] .bottom-menu nav a.type3 .bg-icon { margin-top:15px } [data-dpr="2"] .bottom-menu nav a.type3 .bg-icon { margin-bottom:10px } [data-dpr="3"] .bottom-menu nav a.type3 .bg-icon { margin-bottom:15px } .more { margin-bottom:.55rem } .bg-icon.all-img { height:38px; vertical-align:bottom } [data-dpr="2"] .bg-icon.all-img { height:76px } [data-dpr="3"] .bg-icon.all-img { height:114px } @-webkit-keyframes lazyload-appear { 0% { opacity:0 } to { opacity:1 } } #goods, #module-ad { display:none } #module-ad { width:100%; max-width:16rem; min-width:8rem } #module-ad .me0 { margin-top:-1px } #module-ad .me4 { margin-top:.2rem } #module-ad .me10 { margin-top:.5rem } #module-ad .type1 { background:#fff; overflow:hidden } #module-ad .type1 .col, #module-ad .type1 .row { float:left; position:relative; height:100% } #module-ad .type1 .col a, #module-ad .type1 .row a { display:inline-block; vertical-align:middle; width:100% } #module-ad .type1 .col a img, #module-ad .type1 .row a img { position:relative; z-index:1; height:100%; box-sizing:border-box } #module-ad .type1 .row img { display:block } #module-ad .type1.split1 .col img { border-left:1px solid #ebebeb } #module-ad .type1.split1 .col:first-child img { border-left:none } #module-ad .type1.split1 .row img { border-left:1px solid #ebebeb; border-top:1px solid #ebebeb } #module-ad .type1.split1 .row a:first-child img { border-top:none } #module-ad .type1.split1.sub-type-13 .row a img, #module-ad .type1.split2 .col img, #module-ad .type1.split2 .row a:first-child img { border-top:1px solid #ebebeb } #module-ad .type1.split2.sub-type-13 .row img { border-top:none } #module-ad .type1.split3 .col img { border-left:1px solid #ebebeb; border-top:1px solid #ebebeb } #module-ad .type1.split3 .col:first-child img { border-left:none } #module-ad .type1.split3 .row img { border-left:1px solid #ebebeb; border-top:1px solid #ebebeb } #module-ad .type2 { background:#fff; overflow:hidden } #module-ad .type2 ul { padding-bottom: .5rem; display: block; overflow: hidden; } #module-ad .type2 ul li { float:left; text-align:center; color:#333; font-size:12px; padding-top:.3rem } #module-ad .type2 ul li img { width:38px; margin:0 auto .1rem; display:block } #module-ad .type3 { background:#fff; overflow:hidden } #module-ad .type3 ul li { float:left } #module-ad .type3 ul li img { width:100%; display:block } #module-ad .count-time { position:absolute; left:.5rem; z-index:9 } #module-ad .count-time.time-type1 { top:.45rem } #module-ad .count-time.time-type1 .title { font-size:.75rem; color:#ff0036; margin-bottom:.15rem; line-height:1 } #module-ad .count-time.time-type2 { top:1.85rem } #module-ad .count-time .count-time-c { height:.9rem; line-height:.9rem } #module-ad .count-time .count-time-c span { display:inline-block; text-align:center; width:.9rem; height:.9rem; line-height:.9rem; border-radius:.1rem; font-size:.6rem; background:#333; color:#fff; vertical-align:middle } #module-ad .count-time .count-time-c b { color:#333; padding:0 .125rem; font-size:.6rem; vertical-align:middle } #module-ad .type8 img { opacity:0; transition:opacity 1s linear; -webkit-transition:opacity 1s linear } #module-ad .type8 img.loaded { opacity:1 } #module-ad .type2 img { vertical-align:middle; width:100%; box-sizing:border-box } .item-triangle { margin-top:-2px; margin-bottom:-1px; background-color:#fff; height:10px } [data-dpr="2"] .item-triangle { margin-top:-4px } [data-dpr="3"] .item-triangle { margin-top:-6px } [data-dpr="2"] .item-triangle { margin-bottom:-2px } [data-dpr="3"] .item-triangle { margin-bottom:-3px } [data-dpr="2"] .item-triangle { height:20px } [data-dpr="3"] .item-triangle { height:30px } .item-triangle .item-tri { bottom:0; width:0; height:0; left:46%; border-left:.75rem solid transparent; border-right:.75rem solid transparent; border-bottom:.9rem solid #fff } .item-bolck { height:150px; padding-top:2px } [data-dpr="2"] .item-bolck { height:299px } [data-dpr="3"] .item-bolck { height:449px } [data-dpr="2"] .item-bolck { padding-top:4px } [data-dpr="3"] .item-bolck { padding-top:6px } .item-bolck img { width:100% } .item-goods { height:160px; overflow-x:auto; white-space:nowrap; padding-left:10px; padding-right:10px; -webkit-overflow-scrolling:touch } [data-dpr="2"] .item-goods { height:320px } [data-dpr="3"] .item-goods { height:480px } [data-dpr="2"] .item-goods { padding-left:20px } [data-dpr="3"] .item-goods { padding-left:30px } [data-dpr="2"] .item-goods { padding-right:20px } [data-dpr="3"] .item-goods { padding-right:30px } .item-goods .item-g { width:90px; font-size:12px; margin-right:10px; height:148px; vertical-align:top } [data-dpr="2"] .item-goods .item-g { width:180px } [data-dpr="3"] .item-goods .item-g { width:270px } [data-dpr="2"] .item-goods .item-g { font-size:24px } [data-dpr="3"] .item-goods .item-g { font-size:36px } [data-dpr="2"] .item-goods .item-g { margin-right:20px } [data-dpr="3"] .item-goods .item-g { margin-right:30px } [data-dpr="2"] .item-goods .item-g { height:295px } [data-dpr="3"] .item-goods .item-g { height:443px } .item-goods .item-price { margin-top:3px } [data-dpr="2"] .item-goods .item-price { margin-top:5px } [data-dpr="3"] .item-goods .item-price { margin-top:8px } .item-goods .item-price .old-price { font-size:10px; color:#bbb; text-decoration:line-through } [data-dpr="2"] .item-goods .item-price .old-price { font-size:20px } [data-dpr="3"] .item-goods .item-price .old-price { font-size:30px } .item-goods .item-title { color:#666; white-space:normal; line-height:15px } [data-dpr="2"] .item-goods .item-title { line-height:30px } [data-dpr="3"] .item-goods .item-title { line-height:45px } .slide-bolck.bolck1 { height:152px } [data-dpr="2"] .slide-bolck.bolck1 { height:303px } [data-dpr="3"] .slide-bolck.bolck1 { height:455px } .slide-bolck.bolck1 .slide-goods { height:162px } [data-dpr="2"] .slide-bolck.bolck1 .slide-goods { height:323px } [data-dpr="3"] .slide-bolck.bolck1 .slide-goods { height:485px } .slide-bolck.bolck2 { height:144px } [data-dpr="2"] .slide-bolck.bolck2 { height:287px } [data-dpr="3"] .slide-bolck.bolck2 { height:431px } .slide-bolck.bolck2 .slide-goods { height:164px } [data-dpr="2"] .slide-bolck.bolck2 .slide-goods { height:327px } [data-dpr="3"] .slide-bolck.bolck2 .slide-goods { height:491px } .slide-bolck { overflow:hidden; padding-top:10px; padding-bottom:10px; background:#fff } [data-dpr="2"] .slide-bolck { padding-top:20px } [data-dpr="3"] .slide-bolck { padding-top:30px } [data-dpr="2"] .slide-bolck { padding-bottom:20px } [data-dpr="3"] .slide-bolck { padding-bottom:30px } .slide-bolck .slide-goods { overflow-x:auto; white-space:nowrap } .slide-bolck .slide-goods a { margin-right:10px } [data-dpr="2"] .slide-bolck .slide-goods a { margin-right:20px } [data-dpr="3"] .slide-bolck .slide-goods a { margin-right:30px } .slide-bolck .slide-goods a:first-child { margin-left:10px } [data-dpr="2"] .slide-bolck .slide-goods a:first-child { margin-left:20px } [data-dpr="3"] .slide-bolck .slide-goods a:first-child { margin-left:30px } .slide-bolck .slide-goods .item-g { display:inline-block; font-size:12px; vertical-align:top } [data-dpr="2"] .slide-bolck .slide-goods .item-g { font-size:24px } [data-dpr="3"] .slide-bolck .slide-goods .item-g { font-size:36px } .slide-bolck .slide-goods .item-g .item-title { text-align:center; white-space:normal } .slide-bolck .slide-goods .item-g .item-title.type2 { white-space:nowrap; text-overflow:ellipsis; width:100%; overflow:hidden } .slide-bolck .slide-goods .item-price { text-align:center; margin-top:4px } [data-dpr="2"] .slide-bolck .slide-goods .item-price { margin-top:8px } [data-dpr="3"] .slide-bolck .slide-goods .item-price { margin-top:12px } .slide-bolck .slide-goods .item-price .old-price { font-size:10px; margin-left:2px; color:#bbb; text-decoration:line-through } [data-dpr="2"] .slide-bolck .slide-goods .item-price .old-price { font-size:20px } [data-dpr="3"] .slide-bolck .slide-goods .item-price .old-price { font-size:30px } [data-dpr="2"] .slide-bolck .slide-goods .item-price .old-price { margin-left:4px } [data-dpr="3"] .slide-bolck .slide-goods .item-price .old-price { margin-left:6px } .goods-list .goods-a, .img-thumbnail { position:relative; } .goods-list .goods-a img, .img-thumbnail img { position:absolute; opacity:0; top:0; left:0; width:100%; height:100%; -webkit-transition:opacity .5s linear; transition:opacity .5s linear } .goods-list .goods-a img.loaded, .img-thumbnail img.loaded { opacity:1 } @keyframes lazyload-appear { 0% { opacity:0 } to { opacity:1 } } #module-ad .type1 .col a, #module-ad .type1 .row a, .bg-thumbnail { text-align: center; font-size: .512rem; color: #ff0036; line-height: 1.45067rem; } /*#module-ad .type1 .col a:before, #module-ad .type1 .row a:before, .bg-thumbnail:before { content:""; position:absolute; top:0; right:0; bottom:0; left:0; background:#fafafa;} */#module-ad .type1 .col a.loaded, #module-ad .type1 .row a.loaded, .bg-thumbnail.loaded { -webkit-animation:.5s linear lazyload-appear; animation:.5s linear lazyload-appear } #module-ad .type1 .col a.loaded:before, #module-ad .type1 .row a.loaded:before, .bg-thumbnail.loaded:before { opacity:0 } #goods { height:100%; width:100%; overflow:hidden; min-height:20rem; margin-bottom: 1.5rem; margin-top: .3rem; } .goods-list { width:100%; background: #fff; padding-bottom: .3rem;padding: 0 5px;box-sizing: border-box; } .goods-list .goods-a { display:block; position:relative } .goods-list .goods-a .placeholder { padding-bottom:100% } .goods-list a:hover { text-decoration:none } .goods-list .goods-a .buy-over { position:absolute; top:50%; left:50%; margin-left:-1.5rem; margin-top:-1.5rem; overflow:hidden; width:3rem; height:3rem; line-height:3rem; border-radius:3rem; background:rgba(0, 0, 0, .65); text-align:center; color:#fff; font-size:.7rem; border:.05rem dotted hsla(0, 0%, 100%, .7); font-family:微软雅黑; } .goods-list .goods-shop-box{overflow:hidden;display: block;/*margin-top:0.1875rem;*/ padding-right: 0.1875rem} .goods-list .shop_quan {box-sizing:content-box; border-radius: 2px;float: left; border: 1px solid #ff0036;box-sizing: border-box;} .goods-list .shop_quan .quan { font-size: 14px; } .goods-list .shop_quan .quan .quan-text { position: relative; background-color: #ff0036 } /*.goods-list .goods-a .shop_quan .quan .quan-text:after{content: ""; display: block;width: 1px; height: .9rem; background:rgba(0,0,0,0.2);position: absolute;left: .8rem;top:5px;}*/ .goods-list .shop_quan .quan .left-price { color:#ff0036; } .goods-list .shop_quan span { display:block; color: #fff; text-align: center; padding: 0 .15625rem;} .goods-list .shop_quan .quan em { padding:0 2px; } .goods-list .goods-a .buy-little { position:absolute; left:0; bottom:0; font-size:10px; width:52px; height:17px; line-height:17px; background:rgba(0, 0, 0, .65); color:#fff; text-align:center } .goods-list li { width:49.5%; box-sizing:border-box; margin-top:.1rem;margin-bottom: 0.15625rem; margin-left: 1%;padding: .3125rem .15625rem;border-radius: 3px;-webkit-box-shadow:0 0 5px rgba(0, 0, 0, .2); -moz-box-shadow:0 0 5px rgba(0, 0, 0, .2); box-shadow:0 0 5px rgba(0, 0, 0, .2); } .goods-list li, .goods-list li.kw1 { float:left; position:relative; background:#fff } .goods-list li.kw1 { width:16rem; height:6.6rem } .goods-list li.kw2 { float:left; width:8rem; position:relative; margin-right:.2rem; background:none; overflow:hidden } .goods-list li:nth-child(odd) { margin-left: 0; } /*.goods-list li img { width:8rem; height:8rem; position:relative; display:inherit }*/ .goods-list li .actinfo { position:absolute; bottom:0; height:20px; font-size:12px; line-height:20px; width:96%; color:#fff; padding-left:4%; background-color:rgba(0, 0, 0, .45) } .goods-list li h3 { margin-top:2px; font-size:14px; font-weight:600; color:#666; background:hsla(0, 0%, 100%, .8); display: -webkit-box; overflow: hidden; word-break: break-all; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-height:18px;margin-bottom: 0.15625rem;padding-right:0.3125rem } .goods-list li h3 span.juan { color:#ff0036 } .goods-list .list-price .sales{float: right;font-size: 12px; color: #999;} .goods-list .list-price .sales em{padding-left:0.15625rem;} .goods-list .back-jifen {color:#ff0036; font-size:12px; text-align:right;float: right; } .goods-list .back-jifen em { color: #ff0036; padding-left: 3px;font-size: 16px} .goods-list .back-jifen.brand-back-jifen { bottom:-19px } .goods-list .list-price { position:relative; bottom:0;margin: 0 auto; line-height:24px; height:24px ;padding-right: 0.15625rem;} .normal-list .list-price { margin-left:0 } .list-price.special { color:#333 } .list-price .global-goods { color:#60e } .price-new { font-size:15px; color:#ff0036; margin-right:4px } .global .price-new { color:#60e } .list-price .coupon-info { position:absolute; bottom:0; font-size: 16px; color:#ff0036; width:63%; display:inline-block;line-height:24px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis } .list-price .coupon-info b{font-size: 12px;} .del { color:#999; text-decoration:line-through; font-size:12px; vertical-align:1px;} .price-new i { font-size:15px } /*#goods li { height: 268.84375px; } #goods li.kw1 img, #goods li.kw1 { height:auto; } #goods li.kw1 img { width:100%; } #goods li.kw2 a img { height: 268.84375px; }*/ .good-btn { position:absolute; color:#fff; font-size:10px; text-align:right; right:0; line-height:1.1; bottom:7px } .goods-list li .good-btn img { height:12px; width:auto; float:left; margin-right:3px } .good-btn.start { color:#6db110 } .good-btn.end { color:#999 } .buy .good-btn { color:#ff0036 } .end .good-btn, .start .good-btn { color:#999 } .list-price .pintuan_icon { display:inline-block; height:11px; line-height:11px; padding:2px; padding-bottom:1px; vertical-align:middle; font-size:10px; background-color:#ff0036; color:#fff; margin-left:0; margin-right:.25rem } .paging { width:100%; text-align:center; margin:4.2rem 0; clear:both } .paging img { width:6rem } .h5kw .list-price { margin-left:0; margin-right:0; width:100% } .h5kw .coupon-info, .h5kw h3 { width:100%; text-align:center } .h5kw h3 { margin-left:0!important } .h5kw .kw_title { display:inline-block; max-width:132px; background-color:transparent; height:20px; line-height:20px; vertical-align:top; text-overflow:ellipsis; overflow:hidden; white-space:nowrap } .h5kw .only-time { position:static; bottom:auto; right:auto; display:inline-block; vertical-align:top; height:20px; line-height:20px } .normal_loading { display:none; position:fixed; text-align:center; top:30%; max-width:16rem; width:100%; z-index:201 } .normal_loading .box { background:#fff; border-radius:.4rem; height:auto; margin:0 auto; overflow:hidden; padding:5% 8%; position:relative; width:30% } .normal_loading .box.other { background:none } .normal_loading .box .txt { font-size:.6rem; margin-top:.6rem; color:#999 } .normal_loading .box .loading { width:100%; height:auto; position:relative; height:3.75rem } .normal_loading .box .shade { background:#000; border-radius:50%; height:.3rem; opacity:.1; width:1.6rem; position:absolute; bottom:0; left:50%; margin-left:-.8rem } .normal_loading .box .stars { position:absolute; top:.8rem; left:50%; margin-left:-.9rem } .normal_loading .box .loading.show .stars { -webkit-animation:like_poof .7s linear infinite forwards; animation:like_poof .7s linear infinite forwards } @-webkit-keyframes like_poof { 0% { top:36px; -webkit-transform:rotate(0deg) } 25% { top:0; -webkit-transform:rotate(0deg) } 50% { top:0; -webkit-transform:rotate(72deg) } 75% { -webkit-transform:rotate(72deg) } to { top:36px; -webkit-transform:rotate(72deg) } } @keyframes like_poof { 0% { top:36px; -webkit-transform:rotate(0deg); transform:rotate(0deg) } 25% { top:0; -webkit-transform:rotate(0deg); transform:rotate(0deg) } 50% { top:0; -webkit-transform:rotate(72deg); transform:rotate(72deg) } 75% { -webkit-transform:rotate(72deg); transform:rotate(72deg) } to { top:36px; -webkit-transform:rotate(72deg); transform:rotate(72deg) } } .normal_loading .box .loading.show .shade { -webkit-animation:like_poof_other .7s linear infinite forwards; animation:like_poof_other .7s linear infinite forwards } @-webkit-keyframes like_poof_other { 0% { -webkit-transform:scale(1) } 25% { -webkit-transform:scale(.5) } 50% { -webkit-transform:scale(.5) } 75% { -webkit-transform:scale(.5) } to { -webkit-transform:scale(1) } } @keyframes like_poof_other { 0% { -webkit-transform:scale(1); transform:scale(1) } 25% { -webkit-transform:scale(.5); transform:scale(.5) } 50% { -webkit-transform:scale(.5); transform:scale(.5) } 75% { -webkit-transform:scale(.5); transform:scale(.5) } to { -webkit-transform:scale(1); transform:scale(1) } } .normal_loading .box .loading2 { width:3.1rem; height:3.1rem; margin:0 auto; position:relative; overflow:hidden; background-color:hsla(0, 0%, 100%, .8); border-radius:.25rem } .normal_loading .box .loading2 img { display:block; width:100%; height:100% } .normal_loading .box .loading2 .circle-rotating { width:100%; height:100%; left:0; top:0 } .normal_loading .box .loading2 .circle-rotating, .normal_loading .box .loading2 .circle-rotating-new { position:absolute; -webkit-animation:circle_rotating .7s linear infinite forwards; animation:circle_rotating .7s linear infinite forwards } .normal_loading .box .loading2 .circle-rotating-new { width:70%; height:70%; left:15%; top:15%; border-radius:50%; border:solid hsla(0, 0%, 100%, .8); border-width:2px; box-sizing:border-box; border-top-color:#ff0036; border-right-color:#ff0036 } [data-dpr="2"] .normal_loading .box .loading2 .circle-rotating-new { border-width:4px } [data-dpr="3"] .normal_loading .box .loading2 .circle-rotating-new { border-width:6px } @-webkit-keyframes circle_rotating { 0% { -webkit-transform:rotate(0); transform:rotate(0) } to { -webkit-transform:rotate(1turn); transform:rotate(1turn) } } @keyframes circle_rotating { 0% { -webkit-transform:rotate(0); transform:rotate(0) } to { -webkit-transform:rotate(1turn); transform:rotate(1turn) } } .more { text-align:center; padding:2% 0 } .more, .more a { font-size:.4rem } .more a { color:#333; padding:0 .5rem } .more a img { vertical-align:-.05rem; height:.5rem; margin:0 auto; margin-left:.1rem } .toast_alert { position:fixed; top:45%; width:100%; z-index:2000 } .toast_alert .box { background:rgba(0, 0, 0, .75); padding:.5rem; width:8rem; margin:0 auto; color:#fff; text-align:center; font-size:.7rem; white-space:normal; word-break:break-all; word-wrap:break-word } .alert_fullbg_other { display:none; height:100%; width:100%; top:0; left:0; position:fixed; z-index:200; filter:alpha(opacity=0); opacity:0; background-color:#000 } .slide-box { display:none; position:fixed; bottom:.5rem; right:4%; margin-left:34%; z-index:300 } .slide-box a { width:2rem; height:2rem; border-radius:2rem; text-align:center; display:block; margin-bottom:.05rem; background:#fff; border:1px solid #ebebeb } .slide-box a img { width:1.2rem; height:1.2rem; margin-top:.4rem } .newad-box { position:fixed; max-width:16rem; min-width:8rem; width:100%; overflow:hidden; -webkit-transition:all .5s linear 0s; transition:all .5s linear 0s; -webkit-animation:all .5s linear 0s; bottom:-38%; z-index:301 } .newad-box .box { width:100%; margin:0 auto; position:relative } .newad-box .box img { display:block; width:100% } .newad-box .box .del-new { position:absolute; top:3px; right:3px } .newad-box .box .del-new img { width:1.2rem } .newad-box.show { bottom:49px } [data-dpr="2"] .newad-box.show { bottom:98px } [data-dpr="3"] .newad-box.show { bottom:147px } .alert-show { position:fixed; width:15rem; left:50%; margin-left:-7.5rem; top:50%; margin-top:-7.5rem; z-index:1001 } .alert-show img { width:100%; display:block } .alert-show-close { background:url(/web/20180827221548im_/http://loveuh.com/images_v1/icon/alert-close.png?161222) no-repeat; width:1.2rem; height:1.2rem; display:block; background-size:100%; position:absolute; right:-.5rem; top:-.3rem } .zhezhao { width:100%; height:100%; background:#000; position:fixed; min-width:8rem; filter:alpha(opacity=50); opacity:.5; z-index:1000; left:0; top:0 } .top-menu .drop-down { position: absolute; right: 0; top:0; z-index: 98; } .top-menu .drop-down .am-btn-success i { font-size:1rem; } .top-menu .am-dropdown-toggle { width: 1.6rem; text-align:center; height: 38px; line-height:38px; display: block; } [data-dpr="2"] .top-menu .am-dropdown-toggle { height: 76px; line-height: 76px; } [data-dpr="3"] .top-menu .am-dropdown-toggle { height: 114px; line-height: 114px; } .top-menu .am-dropdown-content { border:none; margin-top:-1px; font-size: 14px; width: 100%; position: absolute; right: 0; width: 16rem; font-size: .59733rem; color: #6a6969; background-color: #fff; z-index: 100; } .top-menu .am-dropdown-content:after, .top-menu .am-dropdown-content:before { border:none; } .top-menu .am-dropdown-content .drop-down-tag-list li { float: left; width: 33.3333333%; text-align: center; height: 1.87733rem; line-height: 1.87733rem; font-size: .59733rem; } .top-menu .am-btn-success { background: #fff; color: #333; } .am-dropdown.am-active .am-btn-success.am-dropdown-toggle { background: #fff; color: #333; } .top-menu .drop-down .opacity { display: none; position: absolute; top: 1.408rem; right: 0; width: 16rem; height: 9999px; background-color: #000; opacity: .5; z-index: 70; } .site { background-repeat: no-repeat; display:inline-block; height:16px; width:16px; margin-right:4px; vertical-align:middle; } .tmall { background: url(/web/20180827221548im_/http://loveuh.com/newTheme/img/tmall.png); } .taobao { background: url(/web/20180827221548im_/http://loveuh.com/newTheme/img/taobao.png); } .fenhuigo{background: url(/web/20180827221548im_/http://loveuh.com/newTheme/img/fen-icon.png);background-size: cover;} .bottom-menu nav a { height:49px; float:left; text-align:center; color:#cccccc; display:block; width:20%; } .bottom-menu nav a.active, .bottom-menu nav a.active i { color:#ff0036; } .bottom-menu nav a img{width:30px;margin-bottom: 2px;margin-top: 2px;} .col5{position: relative;} .col5 .nav-video{/*position: absolute;top:-0.3125rem;*/} /*返回顶部*/ .toTop { position: fixed; right: 20px; bottom: 60px; font-family: iconfont; display: none; font-size: 37px; width: 50px; height: 50px; background-color: #fff; border: 1px solid #CCCCCC; border-radius: 50px; text-align: center; z-index: 11; line-height: 45px; color: #8c8c8c; } .toTop i { font-size: 32px; } [data-dpr="2"] .toTop i { font-size: 64px; } [data-dpr="3"] .toTop i { font-size: 96px; } [data-dpr="2"] .toTop { width: 100px; } [data-dpr="3"] .toTop { width: 150px; } [data-dpr="2"] .toTop { height: 100px; } [data-dpr="3"] .toTop { height: 150px; } [data-dpr="2"] .toTop { bottom: 120px; } [data-dpr="3"] .toTop { bottom: 180px; } [data-dpr="2"] .toTop { border-radius: 100px; } [data-dpr="3"] .toTop { border-radius: 150px; } [data-dpr="2"] .toTop { line-height:90px; } [data-dpr="3"] .toTop { line-height: 135px; } .am-slider-a1 { box-shadow: none; } /*京东免单*/ .gomd{ position: fixed; right:5px; bottom:180px;z-index: 99;} /*首页直播入口样式*/ .goZhibo { position: fixed; right: 20px; display: none; bottom: 120px; width: 50px; height: 50px; background-color:rgba(255, 255, 255, 0.8); text-align: center; border: 1px solid #fe4a65; border-radius:50px; color: #fe4a65; z-index: 11; line-height: 50px; /*-webkit-animation: fadeIn 3s; animation: fadeIn 3s; */ } [data-dpr="2"] .goZhibo { width: 100px; } [data-dpr="3"] .goZhibo { width: 150px; } [data-dpr="2"] .goZhibo { height: 100px; } [data-dpr="3"] .goZhibo { height: 150px; } [data-dpr="2"] .goZhibo { bottom: 240px; } [data-dpr="3"] .goZhibo { bottom: 360px; } [data-dpr="2"] .goZhibo { border-radius: 100px; } [data-dpr="3"] .goZhibo { border-radius: 150px; } [data-dpr="2"] .goZhibo { line-height:90px; } [data-dpr="3"] .goZhibo { line-height: 135px; } .goZhibo i { font-size: 32px; } [data-dpr="2"] .goZhibo i { font-size: 64px; } [data-dpr="3"] .goZhibo i { font-size: 96px; } .goZhibo a { color:#fe4a65; } /*首页轮播新闻*/ .index-new-box { padding:0 .3rem .3rem .3rem; background:#fff; overflow:hidden; position: relative; } .index-new-box img { float: left; border-right: 1px solid #f0f0f3; padding-right: 5px; height: 30px;margin-top: 3px; } .index-new-box .look-more { position: absolute; right: 10px; top:5px; font-size: 12px; } .index-new-box .look-more .line { width: 1px; background: #ececec; height: 16px; display: inline-block; margin-right:5px; vertical-align: middle; } #index-new a { display:block;/*这个属性是必须的*/ font-size:12px; white-space: nowrap; overflow: hidden; line-height:18px; padding:0 5px; text-decoration:none; color:#333;text-overflow: ellipsis; } #index-new { height:36px; overflow:hidden; padding-right: 1.2rem; } .bottom-fuzhi{position: fixed;bottom:0; background: #ff0036;color: #fff;font-size: 16px; height: 50px; line-height: 50px;width: 100%; display: block;text-align:center;} .bottom-fuzhi a{color: #fff;} /* FILE ARCHIVED ON 22:15:48 Aug 27, 2018 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 06:38:29 Oct 08, 2025. JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE. ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C. SECTION 108(a)(3)). */ /* playback timings (ms): captures_list: 0.818 exclusion.robots: 0.057 exclusion.robots.policy: 0.041 esindex: 0.016 cdx.remote: 28.285 LoadShardBlock: 92.175 (3) PetaboxLoader3.datanode: 109.348 (4) load_resource: 64.296 PetaboxLoader3.resolve: 33.66 */