Silk Velvet Pajama Dress for Women - Retro Chinese Style Mulberry Silk Nightgown Loungewear

Ginell Silks Verified independent store

→

Indulge in our Silk Velvet Pajama Dress for Women, showcasing a luxurious blend of silk velvet fabric and 100% silk backing. The slanting lapel collar and petal-shaped button add a touch of elegance, while the flowing texture and natural draping provide ultimate comfort. Stand out with the unique color charms and delicate lace and print details. .s1024 .item2024-skeleton-img { width: 784px; } .s1240 .item2024-skeleton-img { width: 1040px; } .s1400 .item2024-skeleton-img { width: 1296px; } .s1680 .item2024-skeleton-img { width: 1552px; } #getMidIframe { animation: 1ms linear 1ms sec; font-weight: normal; user-select: none; } @keyframes sec {} .site-nav .mini-cart .site-nav-menu-bd .site-nav-menu-bd-panel { width: 296px; line-height: 20px; min-height: 40px; background: #fff url("//img.alicdn.com/tps/i3/T1b1m3XkVpXXXXXXXX-32-32.gif") no-repeat 50% 50%; } .site-nav .mini-cart .site-nav-menu-bd .mini-cart-ready { background: #fff; } .site-nav .mini-cart .site-nav-menu-bd .mini-cart-closed { background: #fff; width: 105px; } .site-nav .mini-cart .site-nav-menu-bd .mini-cart-hd { padding: 10px 0; } .site-nav .mini-cart .site-nav-menu-bd .mini-cart-bd { border-bottom: 1px solid #EEEEEE; overflow: hidden; *zoom: 1; } .site-nav .mini-cart .site-nav-menu-bd .mini-cart-bd li { margin-bottom: 10px; height: 40px; overflow: hidden; *zoom: 1; } .site-nav .mini-cart .site-nav-menu-bd .mini-cart-bd .mini-cart-img { float: left; margin-right: 10px; width: 40px; height: 40px; display: inline-block; overflow: hidden; text-align: center; } .site-nav .mini-cart .site-nav-menu-bd .mini-cart-bd .mini-cart-img a { display: inline; position: static; line-height: 1.5; } .site-nav .mini-cart .site-nav-menu-bd .mini-cart-bd .mini-cart-img a img { vertical-align: middle; } .site-nav .mini-cart .site-nav-menu-bd .mini-cart-title { height: 20px; overflow: hidden; *zoom: 1; } .site-nav .mini-cart .site-nav-menu-bd .mini-cart-title a { float: left; width: 168px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .site-nav .mini-cart .site-nav-menu-bd .mini-cart-info { height: 20px; overflow: hidden; *zoom: 1; color: #9C9C9C; } .site-nav .mini-cart .site-nav-menu-bd .mini-cart-count { float: right; } .site-nav .mini-cart .site-nav-menu-bd .mini-cart-count .mini-cart-price { margin-left: 5px; } .site-nav .mini-cart .site-nav-menu-bd .mini-cart-del { float: right; } .site-nav .mini-cart .mini-cart-ft { text-align: right; } .site-nav .mini-cart .mini-cart-ft p { margin-top: 10px; } .site-nav .mini-cart .menu-hd .g-icon { color: var(--tbpc-primary-theme-color, #ff5000); } .tb-footer { min-height: 150px; margin-top: 24px !important; padding: 32px 0; background-color: #fff; font-size: 12px; border-top: 1px solid #ebebeb; } .tb-footer-with-logo { min-height: 170px; } .tb-footer-inner { position: relative; width: 1552px; margin: 0 auto; } .tb-footer p { overflow: hidden; *zoom: 1; } .tb-footer div { font-size: 12px; color: #7a7a7a; line-height: 16px; margin-bottom: 12px; } .tb-footer span { font-size: 12px; color: #7a7a7a; line-height: 28px; margin-right: 32px; } .tb-footer strong { font-size: 12px; color: #1f1f1f; font-weight: 500; } .tb-footer .tb-footer-hd, .tb-footer .tb-footer-bd, .tb-footer .tb-footer-ft { width: 100%; max-width: 100%; margin-left: 16px; margin-right: 16px; } .tb-footer .tb-footer-hd a, .tb-footer .tb-footer-bd a, .tb-footer .tb-footer-ft a { white-space: nowrap; text-decoration: none; font-size: 12px; color: #7a7a7a; } .tb-footer .tb-footer-hd a:hover, .tb-footer .tb-footer-bd a:hover, .tb-footer .tb-footer-ft a:hover { color: var(--tbpc-primary-theme-color, #ff5000); text-decoration: none; } .tb-footer .tb-footer-hd { margin-bottom: 4px; } .tb-footer .tb-footer-hd p { margin-bottom: 8px; line-height: 16px; } .tb-footer .tb-footer-bd { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #ebebeb; } .tb-footer .tb-footer-ft { margin-top: 8px; } .tb-footer .tb-footer-ft span { margin-right: 16px; margin-bottom: 20px; } .tb-footer .tb-footer-ft div { margin-right: 16px; margin-bottom: 8px; display: inline-block; } .tb-footer .tb-footer-ft img { height: 24px; } .tb-footer-col { width: 25%; display: inline-block; vertical-align: top; } .tb-footer-hd-world { margin-bottom: 24px !important; } .tb-footer-hd-world span:hover { color: var(--tbpc-primary-theme-color, #ff5000); cursor: pointer; } @media screen and (max-width: 1639px) and (min-width: 1400px) { .tb-footer-inner { width: 1296px; } } @media screen and (max-width: 1399px) { .tb-footer-inner { width: 1040px; } } .site-nav-new-home { float: left; margin-right: 7px; font-size: 12px; color: #6c6c6c; cursor: pointer; } .site-nav-new-home:hover { color: var(--tbpc-primary-theme-color, #ff5000); } .site-nav .site-nav-switch .site-nav-region { float: left; margin-right: 7px; } .site-nav .site-nav-region-list { padding-top: 8px; max-height: 270px; overflow-y: scroll; border: 1px solid #f4f4f4; } .site-nav .site-nav-region-list .site-nav-region-item { width: 242px; height: 29px; line-height: 29px; padding-left: 8px; cursor: pointer; } .site-nav .site-nav-region-list .site-nav-region-item.active, .site-nav .site-nav-region-list .site-nav-region-item:hover { background-color: #f4f4f4; } .site-nav .site-nav-login .site-nav-menu-hd .site-nav-login-info-nick { display: inline-block; max-width: 84px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .site-nav .site-nav-login .site-nav-menu-hd .site-nav-login-info-nick.super { color: #b6976b; } .site-nav .site-nav-login .site-nav-menu-hd .site-nav-vip-icon { margin-top: 12px; width: 18px; height: 12px; background: url(//img.alicdn.com/tfs/TB1Z_HcQFXXXXc7apXXXXXXXXXX-26-71.png) 0 0 no-repeat; background-size: 17px auto; } .site-nav .site-nav-login .site-nav-menu-hd .site-nav-vip-icon.ie8 { background-image: url(//img.alicdn.com/tfs/TB1Rr31QVXXXXXrapXXXXXXXXXX-17-46.png); } .site-nav .site-nav-login .site-nav-menu-hd .site-nav-vip-icon.super { background-position: 0 -18px; } .site-nav .site-nav-login .site-nav-menu-hd .site-nav-vip-icon.apass { margin-top: 11px; background-position: 0 -35px; } .site-nav .site-nav-login .site-nav-menu-bd .site-nav-menu-bd-panel { width: 248px; box-sizing: content-box; } .site-nav .site-nav-login .site-nav-menu-bd .site-nav-user-privilege { display: block; text-align: center; border: 1px solid #FFE8DE; background: #FFF0E8; padding: 4px 0; font-size: 12px; } .site-nav .site-nav-login .site-nav-menu-bd .tao-score { margin-top: 5px; } .site-nav .site-nav-login .site-nav-menu-bd .level-info { color: #3c3c3c; } .site-nav .site-nav-login .site-nav-menu-bd .level-info.super { color: #c98d46; } .site-nav .site-nav-login .site-nav-menu-bd .site-nav-user-info { height: 80px; overflow: hidden; *zoom: 1; } .site-nav .site-nav-login .site-nav-menu-bd .site-nav-user-info p { height: 20px; line-height: 20px; overflow: hidden; *zoom: 1; font-size: 12px; } .site-nav .site-nav-login .site-nav-menu-bd .site-nav-user-info .site-nav-user-operate { text-align: right; } .site-nav .site-nav-login .site-nav-menu-bd .site-nav-user-wrapper { float: left; margin-right: 10px; margin-left: 9px; width: 62px; height: 62px; padding: 9px; box-sizing: content-box; } .site-nav .site-nav-login .site-nav-menu-bd .site-nav-user-wrapper.super { background: url(//img.alicdn.com/tfs/TB16U6nQFXXXXarXVXXXXXXXXXX-28-28.png) 48px -5px no-repeat; } .site-nav .site-nav-login .site-nav-menu-bd .site-nav-user-wrapper.apass { background: url(//img.alicdn.com/tfs/TB1XKvpQFXXXXaWXVXXXXXXXXXX-28-28.png) 51px -3px no-repeat; } .site-nav .site-nav-login .site-nav-menu-bd .site-nav-user-avatar { display: block; overflow: hidden; border: 3px solid #fff; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; } .site-nav .site-nav-login .site-nav-menu-bd .site-nav-user-avatar img { display: block; width: 56px; height: 56px; } .site-nav-status-logout .site-nav-login .site-nav-user, .site-nav-status-logout .site-nav-login .site-nav-menu-bd { display: none; } .site-nav-status-login .site-nav-login .site-nav-sign { display: none; } .site-nav .site-nav-switch .site-nav-theme { float: left; margin-right: 7px; color: #6C6C6C; } .site-nav .site-nav-switch .theme-tips-bubble { position: absolute; bottom: 10px; left: 0px; top: 35px; width: 232px; height: 72px; padding: 12px 16px 16px 16px; background: #fff; border-radius: 12px; font-size: 14px; line-height: 22px; font-weight: normal; color: #1f1f1f; box-sizing: border-box; filter: drop-shadow(0px 0px 16px rgba(10, 10, 51, 0.08)) drop-shadow(0px 0px 8px rgba(0, 0, 0, 0.04)); } .site-nav .site-nav-switch .theme-tips-bubble .theme-tips-bubble-arrow { position: absolute; width: 0; height: 0; border-width: 0 8px 8px 8px; border-style: solid; border-color: #fff transparent; left: 24px; top: -8px; } .site-nav .site-nav-menu .site-nav-menu-bd .site-nav-menu-bd-panel.site-nav-panel-theme { padding: 4px 0; width: 292px; height: 396px; } .site-nav .site-nav-menu .site-nav-menu-bd .site-nav-theme-list { position: relative; width: 292px; height: 358px; overflow-y: auto; } .site-nav .site-nav-menu .site-nav-menu-bd .site-nav-theme-item { position: relative; display: block; float: left; width: 128px; height: 102px; margin: 8px 0 12px 8px; cursor: pointer; } .site-nav .site-nav-menu .site-nav-menu-bd .site-nav-theme-item .theme-poster { width: 128px; height: 72px; border-radius: 8px; } .site-nav .site-nav-menu .site-nav-menu-bd .site-nav-theme-item .theme-title { margin-top: 8px; width: 128px; height: 22px; line-height: 22px; text-align: center; text-overflow: ellipsis; text-wrap: nowrap; overflow: hidden; color: #3D3D3D; font-size: 14px; font-weight: 500; } .site-nav .site-nav-menu .site-nav-menu-bd .site-nav-theme-item .theme-title.selected { color: #FF5000; } .site-nav .site-nav-menu .site-nav-menu-bd .site-nav-theme-item .theme-selected { position: absolute; left: 0px; top: 0px; width: 128px; height: 72px; border-radius: 8px; opacity: 1; background-color: rgba(0, 0, 0, 0.08); border: 1px solid #FF5000; } .site-nav .site-nav-menu .site-nav-menu-bd .site-nav-theme-item:hover .theme-title { color: #FF5000; } .site-nav .site-nav-menu .site-nav-menu-bd .site-nav-theme-more { display: block; margin-top: 10px; width: 100%; line-height: 22px; height: 22px; cursor: pointer; color: #1F1F1F; } .site-nav .site-nav-menu .site-nav-menu-bd .site-nav-theme-more:hover { color: #FF5000; } .site-nav .site-nav-menu .site-nav-menu-bd .site-nav-theme-more .text { float: left; display: block; margin-left: 98px; font-size: 14px; font-weight: normal; } .site-nav .site-nav-menu .site-nav-menu-bd .site-nav-theme-more .arrow { float: left; display: block; margin-top: 6px; width: 10px; height: 10px; font-family: "global-iconfont"; font-size: 10px; font-style: normal; transform: rotate(-90deg); } .site-nav-cbu-cover { background: black; width: 100%; height: 3000px; opacity: 0.3; filter: alpha(opacity=30); position: fixed; _position: absolute; top: 0; z-index: 100000000; } .site-nav-cbu-cover iframe { position: absolute; top: 0; left: 0; z-index: -1; filter: mask(); width: 100%; height: 100%; } .site-nav-cbu-iframe { width: 630px; height: 340px; border: 0 none; z-index: 100000001; position: fixed; _position: absolute; top: 25%; left: 25%; } .tb-brower-updater-layer { position: absolute; left: 0; top: 0; bottom: 0; right: 0; width: 100%; height: 100%; background-color: #000; filter: alpha(opacity=50); opacity: 0.5; z-index: 99999999; } .tb-brower-updater-box { position: absolute; left: 50%; top: 50%; margin-left: -292px; margin-top: -210px; width: 584px; height: 420px; background: url(//img.alicdn.com/imgextra/i4/O1CN01oKSVRh1K2aqst7WOh_!!6000000001106-2-tps-584-418.png) no-repeat; z-index: 100000000; } .tb-brower-updater-box a { cursor: pointer; position: absolute; text-decoration: none; color: #71a403; font-size: 14px; width: 130px; height: 32px; background-color: #fff; text-align: center; line-height: 32px; } .tb-brower-updater-google { left: 55px; top: 107px; } .tb-brower-updater-uc { top: 107px; left: 212px; } .tb-brower-updater-close { display: inline-block; position: absolute; top: 20px; right: 30px; width: 30px; height: 30px; background-size: 100%; background-repeat: no-repeat; background-image: url(https://gw.alicdn.com/imgextra/i1/O1CN01h2gdki1QIyev4ii8M_!!6000000001954-2-tps-54-54.png); cursor: pointer; } @font-face { font-family: 'AlibabaSans102v1TaoBao-Bold'; font-weight: bold; font-style: normal; src: url(data:application/octet-stream;base64,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) format("woff2"); font-display: swap; } @font-face { font-family: 'AlibabaSans102v1TaoBao-Regular'; font-weight: normal; font-style: normal; src: url(data:application/octet-stream;base64,d09GMgABAAAAABQYAA8AAAAAK1AAABPBAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAABmAWi2AAgiQIgQwJjiYRDAqVaJICCzoAATYCJANwBCAFnEYHZAxzGyooB8Rde3hyO0D5732zI6o488r+/78kN8aAGtJsNkIOHYSCICKhOm1z36kT4TicdwdG34N4sZGIkPceqoXc3zta99ZeqNlauraUeBgKUqKE8XBbH1Sp4IWzUp7YPcc8sGjyPhvX3Lacwahxm8b0vN7kJgvDm8t0TdfKncVDFmbjyoeIs/pgZfgrIySZ9SG9/++ME89cBH5i3oewltottwKrdWXUgHk+fu7tzEumRBp9ORWqLCtclYddaVi7b+8wvfblSR7A00qKIRmkGklTkNsB5kMn+Ae3OSilQQmqFy0Bcfk/neUfybQsH5DuklH+yQfaQ5ZhHPspYHxv5E0xMi1UQVCA5rBKRUWZr6DdXRsqai4J2g2AfTf7UzLyxpa4P+YIbYAwWi5N4SHlDcyz1IdcRuDy4LxQwwAfhOf7Zb9sv39J6eAoVBf1SKO6ivJJSQrhX983kwkTSP1JaZoc5xMbCqUwKoW0KQm16xB6lVm7Rq216///1OkPEhUhURZhcaa574+Gm7ZuhrXSsoX6GR3LM5YdRnLwICwSJ1iGUyRAzfCKJdv+e1+3FwhFN2uqoY3tcb0mxxHnXzGu/RDg9WxN1fi4cfjAjpM/EPmw1EbotmCUMk45AAZYDwAAu7xbrOBaBo/oP9Gq4QbfjgAIAPSYPgkaADm6hyLw/AEDIJkLURbMihJ2TpQjDM4VEYmPLMhVhDmoaDQ6g6EjJpauscMfHD1ckXj4YgJJbijNdxGxjEROqpCMXBktVPmmVFNppKYxQGuQzpDpw68Gw4xGmIwyG2MxLmt0M5EvlOBphI9Ai1CHSC/iqMSYSWoSBNSMzCIYcpyoAjejEk9UqPHREIoWHVGunjiDASMJJlIxY4FghebaYOntOMhxUogLNyUeKuMNOx81fhoJEKQjRE+YwUTCVps/Rv6ZBEmZMSzGhg2xkrFLTsEBc1JymSqsa24aHnF4Xlp+2UVFIBUQBAoJAgtDRIRGmWhKLoYQR0qgNIvGaMESLhNPyIkFicllbqlSVFpNb2QwHcvnbm3ynUM4g1zcyhMNTSDMQBgIERgEBcXACIOHKUFCUkJB0zCMYcOEY+E5BEFEJBFZMkoYqzKaIjqGiqmJFbWNRI6Ja4mHbyOwSxiNHAljpySkLjKP5BTeaOlLUPmlpoFpEeno0dwBjz8yEcwkCyUrG527M/GOnFjOHBeeq8BNNPfQfUg8ZV6KvPmofDX58Tegq8OMETpMOBZCbBwkLgoPbfzQFmAJcRIR40kIkkYzYiw5SQpKMhWFmiZNtHWLqXOXnsGD0VMmZq/o4p2bVl/Z2P04/OXk8tUiAMa9QrgNj33q9xG8A4B7svAWASzg9XQxstQKq1w2neuJkkDa1OoozL95liFe7uR6ruVKmtMj3SNPjeVMxHT+HSh0qmkz/qX7b22udMiBn35h7C0Y8PvcLqfDbrNazCajQa/TatQqpUKOydD/e5/7Oo99nsah76qyPlBw9+N9zr27tuWtpcWFudmZ3LODXJWYEmS6PF+NUGBUw7a52LVWcVGBVUU84rQuVcBa7WwdIxWoSkHMik7VyviTG/fy+/pbMYtfhsvFt5HTd5UlnbBeU+bg5siQ02/yoEP7BbPQcBzuCSlRF3aj6tNrWqhKtztL5mbLWB7NtiMgmZ2rzMG+dBAfTdjBq6y51DgoLi4JpCz8pTrZFtGQGs1momI7Ttitq9MiVi5uQbm4UZQpU7bJ18v9ncF1nizf1TcmFvSVNz/EYfSIJDMKjyxrU2j9NuU9OoQVOvT8L9aRZTGiZawI8k7nBS2MTLC+r8Io7VrI9X82U/jbr+d6R0Gm+d9sLzLKxFrS6WxuV7GqtLbzeVWbe44mm0P7yC3Uyfy8flQoTtCQxK5usf+6TdUbIVlqjV0Mq32Waiugrc0VSUZK+Fp0iMtdr6Fz3nby6afVWLUVULZMGXar3Ie7N6TmQl+vOKohKnKtQ3FT+uZ61ycc+vYn4B/zQjKUsc/dAdu7feL8BZv50FfobHYL2lJTyq3z84t18q9HFPeJRxsbp46WvdD/toN6S55fOBbawcncep1TukCZHD0yd1Oq0G5pa8GFfJL8ZuvTdn4Lv4BT9RjEKoFCqc2fXttFcZ8fF1DN80QdOrrhV8IcPxJtmUiOH0M3IlW11isb9BA6ho/SNiwJ7D2zYL0tsxcusyNtKxOogXaiJq5bK7jQauLDuB7gZ9edwqlNOznN7U9PwWkIKxk321GWZBb0i8nhmO5V9pC4GnNpO+SHxKIQ5SikQ+z0O/SDdmphuFyiI4M2Bs2ePF+KHtv6lgalXM6rdissUdrN0a3WVuvFgel0fBxuuOV8Oau7wurcXOIIQ1zj5Dfkv3tkX4ECjq9OwQ8nd5ZKNFRtIHCCjs7TTKjqic623B9DmfM9O0jQWZEUnycNYjbe+KvCGajmhbbJ7QsgR51P9RTqUvd6K53DoK3pzsBWCmS4+fkvrG9wgrYkX11omhJpAfOxPhQO17psu5+25Ev286FNWyBgXbkU31FisFKC7J1m4rN32j2ZGKCYWgD8nY78xGBGWZXCZP/TNnLKAXxDl6FaF7q4AlVavJaznW9P/XcS11JnvF4xmDA47ZPrx6CXMd1aixTcpTF6pcSPhUn1yknsO80ENpQ6oNv48l1rGNxidws+3Dq2ejFc0yoM3xR2kOFOuzFieBXIMNdJmJGZp1kclWgOS6aua72udWWCrIPGDkY9jGx/JlrE93xla+u30LxIJ9Z6anL2eg97BGVxcok6FHCTpYBJoD9hDzoTcKC/DBsYgbSydGwoDC0aDLsamfmwJRMeJ4nHObe7qWLW5UNxKFKtY82HWm78x5nlh+1y76j2+K35+AkMveACUF161cCLjjz8+dclcNjbC8HAqYvbiqHFJz7wWnSIB+6sgavgsNYAX2dBRxUuOcMTjuWzGCBemLdwh8afKnq0hTo8WAUPqXAOBTqyYLYI9cNMHIgX5T/MPhFxqlNZZ/N5rfltAGgMKoDbgNcFebdJWsGw/OLLgxKbX3r5Tep+uhHa76vowgO6fK5c8AaHvUoWn6Dxe9ncBzD0YvGiIwxDRBfohWEweGKVu15xKYNW5NNkm6NSVzpw0eV6ce7oU1sQODlstqZw33DFBagZJrVHGhiEXT4YTwwqyk+onlX5T8K+cxOETwfSHNnXk9pFX9YvMyoH89ZEF828fKzl1GR9NA1MBzI2jdKwtN5e5+7h+nYCHOaeh8bPW4F42zn46ntbbV0tH+XBsTYchFb6Or+uIsZ6qu/6XzuyuFXMKxchAWHcrP6sxHnQXJnWMSGGtccA6DOlsyUAg0YHn50LlkGP7iEA+2HGEWyWelyo1yNzexFXm5PUDaSV21/q/m8gPPToBWj8JdC2s8jg/KLfL7gK0+rq2n/t+odLHi3xy5vzmtPadbKE7XZX0Jgygz/NiffpmuR5F+7lvdewyjCa0eM3JUf44eFq8tdyWZZ+xeebTg8d+PDxY/6rHR258/EjpDydKZIiyIzVFMqjGeR8gazIvCPPH7OD+GF9l2J6gxG8w3m5hzvrmqRIo77z4VzyRrFIgtaawliecS9Pp1BlCNmQa59th4lIYiO6p/xFEZFYgtSZatea0aVHVEcWo4vt/5mFB3rTj0urjkOtHVgdlrIn1jaWujnVqjIwH9Hd0pnY4s3AWlQadStVJqYmJLq3IbjVmVgrlZqEjdzlJDpadyHEVD2vUMhrdzoIkR7NRIem5ylqxkVdfEDQMjShhEjah9B/dRayFJWLJevL1dl0s5MsRN1MskdEK1KPCx6/K1HmbE39oLDN2RqQsbYWVWsRrQ3DapQ1iA5DBZhMKF5frsmhm5xkodRNpTqFEr5lxj+IUy1iBgJslDT4hkluWqhZSJL9uCYGxZVZt2aXbk19bWCpjJoBajKP8rBKQ2fWqu43Nei16KCIsuTJNpUsKGA0Yyg7ERHJSnek/grYMTEpU1mlOLQ842lXPd6vLeH5uJwYhvDjMT5CwT5WK6iUSuUnukJn1VBrlQ+ayufqf3VHlUPNWQdS/2iioAJB/IKLdAtbyHS4KQKeh8JyCNlMy6m+IrsKEYWiLGHV/M7E2tqPHWtqOn6srfvUsabeh1WGKSTZOxLpnYxECf9fuv1PcAglbUr5fjY3gkh5kRgXxSJ8dkhEzlRUyv/Yku+Ln/if7DHeNVGwmmqMTKrE6mi0kzWxdrGJsbaxojUbkaHIkEPwFnP2KpRRvUKiaNsS6R5lqsqzyjQ5Y5tkQrvfdVZyNqn2313zpWP5y33LIdml2SXiePdjF0jto6nJo6is5auvTRw9YfT1iaPGjbg+doS85rVxIwuyFzkTztnb0OHos4/8nqrdvJQCXeVwYxmnTWJwz3yUj8bme4Z7JPq34ZjKR1Zri4x0xtBSK6B1+fdi8+/CWOoZxbSuNaPD0bxoCgA8lsVLoF3aBXPz1pZw7daxnrMGx8eHxsI4SbJYzgtDSylhJVhzv6A1C8yCcdJZtqyMbWqWLWtb4tmNf4VkS5Vn5TJLJtHJLm/FEI9L1+iXlt5Dn83m0lZUulJh6z7Ubny27FEDx2S5jbVHtJ6rgkhObPvEscJ0yFWF6EV1InnS1h5P5bIUSVMgWosxP/TauCEMLzgAXz6oBw7WWTita2smjet8W3SWtYcc0s3Fr87uwdthSgnXliJ5UO1Loke7hclglvXUIGlIT7pSG+f2K2U5URBYI1FqqYLy7W2fzOAZl6QgD/Ek3Ty5YEE5Rc6/AKem/BV5OuRT8FrV3ZUNxO83Yk7s3rc34fR+uP/uOyERonrpYVQpuJIqjzXbjBNCKC2xa1xTP+QQ2PapDLZOlPJZeQFSra6rM0Mn5TwSgnYclVFVcq9snPrpHgu6hmtNjPG7lucJ33firnRQHbpjrBV/O1wMi72b3d0rGyeQ3hxyBpP15AzkSEnJ0xn+q3qi3O6cCu3F6+2yQL8+LpQvPMPM1+a4PI9auobuNhilKhrRetAYP5rwvNHD/NN2qe+rKlIzKvVOT2w9UzFzx5axHATUR9111Sd/mSt/hdvsCwD4oGxuAwA+NSQhdHqP16dcADYK1l+HH/6fy5l8aOV4neBkvGIsxHa1PxopICsL8txr601lBdijHvLkr71ffWWsRTD1nro+k2wrkjSpy/KUnk/jmsAxn6VV/caSlUTWBhjHq+HYo4eFo3QUoLTWwZyzProrADR1LUWzJt+0RGaNpZQDLNM4PMvTreC53EqRm62y1IPW0vextYW+t67Yf1lPWX+aIv1soLIas2ZoXWpCZhvApfPapiUWzs9YKph/sszaRpY3rZD0WitN9/5WOb2vtpbJ/sXaqrXKumbXVmY9Zf21fddOzAYqqzGrhlbHLqnqH2X/4K32Qc0pji0YvxDAJSZw5JdzuFb7g+fE78z18I222f32E7qLrzfrLXQbeEZ/iP4VOUquZIJlYnOONsv12g46hApobXNXWRMflYNH3FqjxACYJ/Sa/+fk/o13PsZAPg3grQtnLtBvlWLiIlAPWmsUahel3hO1mDaKp7Kz3/lJceHvzsELPCHYfDKuoqdy2ldffsMUYPwcqxZifPKF6c0PLop62Rq/CKq3I1WeaFzDGGj3zsOqHxRELdnIhunqio5Xth9r2LZBP1s37vL474ja3yVtSDQp8IJveDLjwzo+CEy/fXxOVvOmTvWBfub997ia/HyX5Ul12ATI59Vg6+9ySeqDvRfmyyuR+Uk3M94132N0PlqZEgpXrjIihIk29n8YnXHxYA6JV0u4yAB30A2PGPOiJOGEqRK0jqXXz0VTgqZ9t6yw8dZqHs0ukTTYhS3RbC4c8KVXp8LV5IejI98OwnmhsJ+D7fr6Bg7q6yRFlcL4CNNhtwkmkPrlPKbXao3Yh2YcABmWIvKKuh1Z5cP2n9Adc4MdgQT+zWf0h8N//pHyWKPkHk9c4yuVNLD/BEm05FPWkC6RRBI/yccnY2PaUdGrlppUKhAqy7XvnEn7eWzh3NeWX+acdriZa8oYb2imXgdsn+ACupEff3zhjFX0lBlh6SWJ9KqTrMblvoJfowkPypw3z4VTzFJThRBVxt4xRbqRaLHE1iEAUKCs40Miz7m9EiQNyg0mhOFwozIwWUN2EiBq5D7JhmMHEJAJGRPC76N6mFNBSEPscYuSxIAdpAMHoayrgAVUTbBVpF32eKCqnSbQh+SgTENVgOE+ABAsYgh0WftAOi+wY6CXKnJl8BZXabaIE9BCCNSEDfCAfBSh8/lwEkRqVO4B1Hq4QixlGa4DCPRGFAcM5sopYLl8GOmKQwa8uJAsGYjgOOpsUMettD4OQphfgZMXZws7J7gvgcjji64Y7GhEBojEcHgubqQmnCM27TXBYp6jtSENmtPxFrYxtxyTcHXcDsTSWH0r4wQqG7zOSAweRiqDujdEFl1oFYvjrheqAVGdtgXmXs2GbFEQlucDsA9fZDQV4qi7i2FhpXC3A4kz7WlOvCkilEuAzGLK2m1gpx0TdwwPj1OYYBdwN2YZdFDFzjomlVEOYY8UzNmwqFGZ2szW2wgAo/G0BO5RasMYO/DXD5Y/LIAMUIxiCYQ0o6unLxJLpDK5QqnRtDfhPfgzZia8nr+W2UbqGel+29+5+/SubvZ0pvtxhl3LfJT5PjOZcZxmU3YHOl4wyW4+BjTTWCH2Drnt4anf7FFGfR+6vRWZMHYrfPPmTdhXCuhkW35iKpWqoVoarvi+igPTsnpPPOl5uwA=) format("woff2"); font-display: swap; } .pc-pop-sdk-container { position: fixed; top: 0; left: 0; z-index: 99999999; } .basic-pop-tmpl-wrapper { width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, 0.6); display: flex; flex-direction: column; justify-content: center; align-items: center; } .basic-pop-tmpl-content { position: relative; display: flex; align-items: center; flex-direction: column; justify-content: flex-start; width: 700px; height: 420px; cursor: pointer; border-radius: 16px; background-repeat: no-repeat; background-position: center center; background-size: cover; } .basic-pop-tmpl-link { display: inline-block; width: 100%; height: 100%; } .basic-pop-tmpl-closeBtn { position: absolute; top: 16px; right: 16px; width: 48px; height: 48px; cursor: pointer; } .basic-pop-tmpl-closeBtn:hover { transform: scale(1.1); } .bottom-bar-tmpl-wrapper { width: 100vw; height: 72px; background-color: rgba(0, 0, 0, 0.6); display: flex; flex-direction: row; justify-content: center; align-items: center; position: fixed; bottom: 0; left: 0; -webkit-user-select: none; -ms-user-select: none; user-select: none; cursor: auto; pointer-events: auto; } .bottom-bar-tmpl-content { min-width: 600px; height: 72px; display: flex; flex-direction: row; align-items: center; justify-content: space-between; } .bottom-bar-tmpl-left { height: 100%; display: flex; flex-direction: row; align-items: center; pointer-events: none; } .bottom-bar-tmpl-left-icon { width: 48px; height: 48px; border-radius: 50%; margin-right: 12px; object-fit: contain; } .bottom-bar-tmpl-left-text-icon { width: auto; height: 48px; margin-right: 16px; object-fit: contain; } .bottom-bar-tmpl-right { height: 100%; display: flex; flex-direction: row; align-items: center; cursor: pointer; } .bottom-bar-tmpl-right-receiveBtn { width: 144px; height: 48px; border-radius: 12px; margin-right: 16px; text-align: center; line-height: 48px; text-decoration: none; font-size: 16px; font-weight: 600; color: #fff !important; background-color: #ff5000; position: relative; cursor: pointer; } .bottom-bar-tmpl-right-receiveBtn:hover:after { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.04); } .bottom-bar-tmpl-right-closeBtn { width: 28px; height: 28px; object-fit: contain; cursor: pointer; } .expRedPackagePop { position: relative; display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; cursor: default; user-select: none; font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji, BlinkMacSystemFont, Helvetica Neue, Arial, PingFang SC, PingFang TC, PingFang HK, Microsoft Yahei, Microsoft JhengHei; } .expRedPackagePop .popContainer { display: flex; flex-direction: column; justify-content: flex-start; align-items: center; width: 340px; height: 340px; box-sizing: border-box; } .expRedPackagePop .bottomWrapper { display: flex; justify-content: center; align-items: center; flex-direction: column; position: absolute; bottom: 34px; left: 50%; transform: translate(-50%, 0); } .expRedPackagePop .topEdgeArea { font-size: 16px; color: #ff0036; font-weight: 600; letter-spacing: 0; line-height: 16px; width: 136px; height: 32px; display: flex; justify-content: center; align-items: center; position: absolute; top: 0; left: 50%; transform: translate(-50%, 0); } .expRedPackagePop .topWrapper { margin-top: 68px; display: flex; justify-content: center; align-items: center; flex-direction: column; } .expRedPackagePop .amountOnBottomWrapper { margin-top: 52px; } .expRedPackagePop .amountOnBottomSubTitle { margin-bottom: 4px; height: 24px; width: 100%; } .expRedPackagePop .amountOnBottomPriceWrapper { margin-bottom: 0; } .expRedPackagePop .amountOnlyTextWrapper { margin-top: 78px; display: flex; justify-content: center; align-items: center; flex-direction: column; } .expRedPackagePop .priceWrapper { display: flex; flex-direction: row; justify-content: center; align-items: baseline; color: #fffbf2; margin-bottom: 4px; } .expRedPackagePop .rpPriceAmount { font-size: 60px; line-height: 60px; letter-spacing: 0; margin-right: 4px; font-family: AlibabaSans102v1TaoBao-Bold, AlibabaSans102v1TaoBao; } .expRedPackagePop .rpPriceLabel { font-size: 36px; font-weight: 600; line-height: 36px; } .expRedPackagePop .rpSubTitle { font-size: 16px; text-align: center; line-height: 24px; color: #fffbf2; width: 186px; height: 48px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .expRedPackagePop .rpDesc { width: 100%; overflow: hidden; text-overflow: ellipsis; word-break: break-all; font-size: 14px; color: #fff; letter-spacing: 0; text-align: center; line-height: 14px; margin-bottom: 24px; } .expRedPackagePop .btnWrapper { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 210px; height: 40px; background-image: linear-gradient(180deg, #fff9f2 0%, #ffddcc 100%); color: #ff0015; background-size: contain; border-radius: 12px; background-repeat: no-repeat; background-position: center; box-sizing: border-box; cursor: pointer; position: relative; text-decoration: none; } .expRedPackagePop .btnWrapper:hover::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.24); border-radius: 12px; } .expRedPackagePop .rpBtn { align-items: flex-start; overflow: hidden; max-width: 184px; margin-left: 1px; font-size: 16px; font-weight: 600; line-height: 16px; color: #ff0015; white-space: nowrap; text-overflow: ellipsis; } .expRedPackagePop .closeIconWrapper { position: absolute; top: 16px; right: -18px; width: 48px; height: 48px; cursor: pointer; } .expRedPackagePop .closeIcon { width: 48px; height: 48px; object-fit: contain; } .experimentRedPackagePop { width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, 0.5); display: flex; flex-direction: row; justify-content: center; align-items: center; } .bottom-bar-tmpl-wrapper { width: 100vw; height: 72px; background-color: rgba(0, 0, 0, 0.6); display: flex; flex-direction: row; justify-content: center; align-items: center; position: fixed; bottom: 0; left: 0; -webkit-user-select: none; -ms-user-select: none; user-select: none; cursor: auto; pointer-events: auto; } .bottom-bar-tmpl-content { min-width: 600px; height: 72px; display: flex; flex-direction: row; align-items: center; justify-content: space-between; } .bottom-bar-tmpl-left { height: 100%; display: flex; flex-direction: row; align-items: center; pointer-events: none; } .bottom-bar-tmpl-left-icon { width: 48px; height: 48px; border-radius: 50%; margin-right: 12px; object-fit: contain; } .bottom-bar-tmpl-left-text-icon { width: auto; height: 48px; margin-right: 16px; object-fit: contain; } .bottom-bar-tmpl-right { height: 100%; display: flex; flex-direction: row; align-items: center; cursor: pointer; } .bottom-bar-tmpl-right-receiveBtn { width: 144px; height: 48px; border-radius: 12px; margin-right: 16px; text-align: center; line-height: 48px; text-decoration: none; font-size: 16px; font-weight: 600; color: #fff !important; background-color: #ff5000; position: relative; cursor: pointer; } .bottom-bar-tmpl-right-receiveBtn:hover:after { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.04); } .bottom-bar-tmpl-right-closeBtn { width: 28px; height: 28px; object-fit: contain; cursor: pointer; } .ding-app { pointer-events: auto; position: fixed; right: 16px; top: 52px; background: #fff; border-radius: 12px; box-sizing: border-box; border: 1px solid #ebebeb; width: 332px; height: 182px; display: flex; flex-direction: column; align-items: center; padding: 16px; justify-content: center; overflow: hidden; opacity: 0; transition: opacity 0.2s ease-out, visibility 0.5s; visibility: hidden; box-shadow: 0px 4px 24px 0px rgba(10, 10, 51, 0.08); } .ding-app-visible { visibility: visible; opacity: 1; } .ding-app-item { flex: 1; width: 100%; } .ding-app-item .ding-app-imgICON { width: 300px; height: 44px; } .ding-app-item .ding-app-close:hover { transform: scale(1.5); } .ding-app .ding-app-mainTitle { font-family: PingFang SC; font-size: 16px; font-weight: 600; line-height: 24px; letter-spacing: 0em; font-variation-settings: 'opsz' auto; color: #1f1f1f; cursor: default; top: 6px; position: relative; } .ding-app-benefit-img { object-fit: contain; height: 16px; max-width: 100px; margin-left: 4px; position: relative; top: 2px; } .ding-app .ding-app-subTitle { font-family: PingFang SC; font-size: 14px; font-weight: normal; line-height: 22px; letter-spacing: 0em; font-variation-settings: 'opsz' auto; color: #1f1f1f; cursor: default; } .ding-app-buttons { display: flex; flex-direction: row-reverse; font-family: PingFang SC; font-size: 14px; font-weight: normal; line-height: 32px; letter-spacing: 0em; text-align: center; } .ding-app-buttons .login-btn { flex: 0.25; position: static; left: 0px; top: 0px; width: 52px; height: 32px; border-radius: 8px; cursor: pointer; margin-left: 10px; color: #fff; border: 1px solid #ebebeb; background-color: #ff5000; } .ding-app-buttons .login-btn:hover { box-shadow: 1px 1px 2px #999999; } .ding-app-buttons .login-cancel-btn { position: absolute; top: 16px; right: 16px; width: 20px; height: 20px; cursor: pointer; } .ding-app-buttons .ding-login-tmpl-right-closeBtn { width: 20px; height: 20px; } /* 以下是本地调试可以改 然后copy到 tbpc/ding-login 下的iframe内的样式 */ .login-btn #alibaba-login-iframe { overflow: hidden; position: relative; } .login-btn #alibaba-login-iframe > #alibaba-login-box { flex: 0.25; position: static; left: 0px; top: 0px; width: 52px; height: 32px; border-radius: 8px; cursor: pointer; display: none; } .login-btn #alibaba-login-iframe #alibaba-login-iframe-loading { color: #fff; line-height: 32px; } .login-btn #alibaba-login-iframe.iframe-loaded #alibaba-login-iframe-loading { display: none; } .login-btn #alibaba-login-iframe.iframe-loaded #alibaba-login-box { display: inline-block; } .doubleActionPop { position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 9999; width: fit-content; height: fit-content; display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; cursor: default; user-select: none; font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji, BlinkMacSystemFont, Helvetica Neue, Arial, PingFang SC, PingFang TC, PingFang HK, Microsoft Yahei, Microsoft JhengHei; } .doubleActionPop .doubleActionPop_container { width: 480px; height: 408px; background-color: #fff; border-radius: 16px; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; position: relative; } .doubleActionPop .doubleActionPop_container .doubleActionPop_imgWrap { width: 480px; height: 240px; background-repeat: no-repeat; background-size: 100% 100%; border-top-left-radius: 16px; border-top-right-radius: 16px; } .doubleActionPop .doubleActionPop_container .doubleActionPop_bottom { display: flex; flex-direction: row; align-items: flex-start; justify-content: center; flex: 1; position: relative; } .doubleActionPop .doubleActionPop_container .doubleActionPop_bottom .doubleActionPop_content { width: 416px; display: flex; flex-direction: row; justify-content: center; flex-wrap: wrap; } .doubleActionPop .doubleActionPop_container .doubleActionPop_bottom .doubleActionPop_content .doubleActionPop_title, .doubleActionPop .doubleActionPop_container .doubleActionPop_bottom .doubleActionPop_content .doubleActionPop_desc { width: 100%; display: flex; flex-direction: row; justify-content: center; } .doubleActionPop .doubleActionPop_container .doubleActionPop_bottom .doubleActionPop_content .doubleActionPop_title { font-size: 16px; margin: 16px 0 4px 0; font-weight: 600; color: #1f1f1f; } .doubleActionPop .doubleActionPop_container .doubleActionPop_bottom .doubleActionPop_content .doubleActionPop_desc { font-size: 14px; color: #7a7a7a; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; line-clamp: 2; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-align: center; } .doubleActionPop .doubleActionPop_container .doubleActionPop_bottom .doubleActionPop_button { width: 432px; display: flex; flex-direction: row; justify-content: space-between; position: absolute; left: 50%; bottom: 24px; transform: translateX(-50%); } .doubleActionPop .doubleActionPop_container .doubleActionPop_bottom .doubleActionPop_button .doubleActionPop_mainBtn, .doubleActionPop .doubleActionPop_container .doubleActionPop_bottom .doubleActionPop_button .doubleActionPop_subBtn { width: 210px; height: 40px; border: 1px solid #ebebeb; box-sizing: border-box; font-size: 14px; font-weight: 600; display: flex; flex-direction: row; justify-content: center; align-items: center; color: #1f1f1f; border-radius: 8px; cursor: pointer; position: relative; } .doubleActionPop .doubleActionPop_container .doubleActionPop_bottom .doubleActionPop_button .doubleActionPop_mainBtn:hover::after, .doubleActionPop .doubleActionPop_container .doubleActionPop_bottom .doubleActionPop_button .doubleActionPop_subBtn:hover::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.24); border-radius: 8px; } .doubleActionPop .doubleActionPop_container .doubleActionPop_bottom .doubleActionPop_button .doubleActionPop_mainBtn { color: #71320C; background: linear-gradient(0deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1)), linear-gradient(300deg, rgba(129, 65, 0, 0.2) 10%, rgba(155, 80, 5, 0.1392) 93%), linear-gradient(295deg, #FFEBCF -25%, #FFFAF0 100%); border-width: 0; text-decoration: none; } .doubleActionPop .doubleActionPop_container .doubleActionPop_closeIcon { width: 40px; height: 40px; object-fit: contain; cursor: pointer; background-size: 100% 100%; background-repeat: no-repeat; position: absolute; right: 8px; top: 8px; } .rpRemindFloatWrapper { width: 76px; height: 98px; border-radius: 8px 0px 0px 8px; background: #ffffff; box-shadow: 0px 4px 24px 0px rgba(10, 10, 51, 0.12), 0px 0px 8px 0px rgba(0, 0, 0, 0.04); position: fixed; right: 0; bottom: 20%; cursor: pointer; z-index: -1; } .rpRemindFloatWrapper > .rpCloseIcon { position: absolute; left: -10px; top: -10px; width: 20px; height: 20px; cursor: pointer; } .rpRemindFloatWrapper > .rpCloseIcon > .icon { width: 20px; height: 20px; object-fit: contain; } .rpRemindFloatWrapper > .rpContentWrapper { text-decoration: none !important; } .rpRemindFloatWrapper > .rpContentWrapper:hover { text-decoration: none !important; } .rpRemindFloatWrapper > .rpContentWrapper:focus { outline: none; } .rpRemindFloatWrapper > .rpContentWrapper > .bgWrapper { width: 68px; height: 90px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-position: center; background-size: contain; background-repeat: no-repeat; z-index: -1; } .rpRemindFloatWrapper > .rpContentWrapper > .topWrapper { width: 68px; height: 48px; display: flex; flex-direction: column; align-items: center; justify-content: center; margin: 4px auto 0; } .rpRemindFloatWrapper > .rpContentWrapper > .topWrapper > .priceWrapper { color: #ff330a; height: 20px; margin-bottom: 3px; display: flex; flex-direction: row; justify-content: center; align-items: baseline; } .rpRemindFloatWrapper > .rpContentWrapper > .topWrapper > .priceWrapper > .priceUnit { font-size: 14px; font-weight: 600; line-height: 14px; letter-spacing: 0; font-family: AlibabaSans102v1TaoBao-Bold, sans-serif; } .rpRemindFloatWrapper > .rpContentWrapper > .topWrapper > .priceWrapper > .priceValue { font-size: 16px; font-weight: 600; line-height: 20px; letter-spacing: 0; max-width: 56px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .rpRemindFloatWrapper > .rpContentWrapper > .topWrapper > .subTitleWrapper { font-size: 10px; font-weight: normal; line-height: 10px; text-align: center; letter-spacing: 0; color: #ff330a; opacity: 0.52; width: 64px; height: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .rpRemindFloatWrapper > .rpContentWrapper > .bottomWrapper { display: flex; flex-direction: column; justify-content: center; align-items: center; margin: auto; width: 68px; height: 42px; font-size: 12px; font-weight: 500; line-height: 16px; letter-spacing: 0; color: #fff; } .rpRemindFloatWrapper > .rpContentWrapper > .bottomWrapper > .time { margin: 0 auto; } .rpRemindFloatWrapper > .rpContentWrapper > .bottomWrapper > .timeSuffix { margin: 0 auto; } .couponsPopWrapper { width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, 0.6); display: flex; flex-direction: column; justify-content: center; align-items: center; position: relative; } .couponsPopWrapper .couponsPop { width: 480px; max-height: 516px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 16px; background-size: cover; background-repeat: no-repeat; background-position: top; cursor: default; } .couponsPopWrapper .couponsPop > .cpCloseIcon { position: absolute; top: 12px; right: 12px; width: 40px; height: 40px; cursor: pointer; } .couponsPopWrapper .couponsPop > .cpCloseIcon > .icon { width: 40px; height: 40px; object-fit: contain; } .couponsPopWrapper .couponsPop > .cpCloseIcon:hover { transform: scale(1.1); } .couponsPopWrapper .couponsPop > .cpHeader { color: #ffffff; width: 432px; height: 68px; margin: 32px auto; display: flex; flex-direction: column; justify-content: center; align-items: center; } .couponsPopWrapper .couponsPop > .cpHeader > .title { height: 40px; font-size: 32px; font-weight: 600; line-height: 40px; letter-spacing: 0; margin-bottom: 4px; } .couponsPopWrapper .couponsPop > .cpHeader > .subTitle { height: 24px; font-size: 16px; font-weight: 400; line-height: 24px; letter-spacing: 0; } .couponsPopWrapper .couponsPop > .cpBody { display: flex; flex-direction: column; justify-content: flex-start; align-items: center; max-height: 288px; overflow: auto; } .couponsPopWrapper .couponsPop > .cpBody > .cpItemWrapper { display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; width: 432px; height: 80px; padding: 4px; margin: 0 auto 16px; box-sizing: border-box; background-color: #ffebef; border-radius: 12px; position: relative; overflow: hidden; flex: 0 0 auto; } .couponsPopWrapper .couponsPop > .cpBody > .cpItemWrapper > .picWrapper { width: 72px; height: 72px; border-radius: 8px; margin-right: 12px; } .couponsPopWrapper .couponsPop > .cpBody > .cpItemWrapper > .picWrapper > .pic { width: 72px; height: 72px; border-radius: 8px; object-fit: contain; } .couponsPopWrapper .couponsPop > .cpBody > .cpItemWrapper > .contentWrapper { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; } .couponsPopWrapper .couponsPop > .cpBody > .cpItemWrapper > .contentWrapper > .headerWrapper { display: flex; flex-direction: row; align-items: baseline; justify-content: flex-start; margin-top: 11px; margin-bottom: 2px; overflow: hidden; } .couponsPopWrapper .couponsPop > .cpBody > .cpItemWrapper > .contentWrapper > .headerWrapper .priceWrapper { display: flex; flex-direction: row; align-items: baseline; justify-content: flex-start; color: #ff0036; margin-right: 4px; height: 26px; } .couponsPopWrapper .couponsPop > .cpBody > .cpItemWrapper > .contentWrapper > .headerWrapper .priceWrapper .priceUnit { height: 24px; width: 10px; font-size: 16px; line-height: 24px; letter-spacing: 0; font-family: AlibabaSans102v1TaoBao-Bold, sans-serif; font-weight: 600; } .couponsPopWrapper .couponsPop > .cpBody > .cpItemWrapper > .contentWrapper > .headerWrapper .priceWrapper .priceValue { height: 24px; font-size: 24px; line-height: 24px; letter-spacing: 0; font-family: AlibabaSans102v1TaoBao-Bold, sans-serif; font-weight: 600; } .couponsPopWrapper .couponsPop > .cpBody > .cpItemWrapper > .contentWrapper > .headerWrapper .title { height: 16px; font-size: 12px; font-weight: normal; line-height: 16px; letter-spacing: 0; color: #ff0036; } .couponsPopWrapper .couponsPop > .cpBody > .cpItemWrapper > .contentWrapper > .subTitle { height: 22px; font-size: 14px; font-weight: 500; line-height: 22px; letter-spacing: 0; color: #1f1f1f; overflow: hidden; } .couponsPopWrapper .couponsPop > .cpBody > .cpItemWrapper > .contentWrapper > .effectiveEnd { height: 22px; font-size: 14px; font-weight: 400; line-height: 22px; letter-spacing: 0; color: #909090; margin-top: -2px; } .couponsPopWrapper .couponsPop > .cpBody > .cpItemWrapper > .stampImg { width: 72px; height: 72px; object-fit: contain; position: absolute; top: 8px; right: 0px; } .couponsPopWrapper .couponsPop > .cpBodyError { display: flex; flex-direction: column; justify-content: flex-start; align-items: center; margin-bottom: -16px; } .couponsPopWrapper .couponsPop > .cpBodyError > .errorImg { width: 140px; height: 140px; object-fit: contain; } .couponsPopWrapper .couponsPop > .cpFooter { width: 456px; height: 72px; margin: 4px auto 12px; display: flex; justify-content: center; align-items: center; flex-direction: column; } .couponsPopWrapper .couponsPop > .cpFooter .btn { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 200px; height: 48px; font-size: 16px; font-weight: 600; line-height: 24px; letter-spacing: 0; border-radius: 12px; background: #ffffff; border: 1px solid #ebebeb; color: #1F1F1F; margin: auto; cursor: pointer; position: relative; text-decoration: none !important; } .couponsPopWrapper .couponsPop > .cpFooter .btn:hover { text-decoration: none !important; } .couponsPopWrapper .couponsPop > .cpFooter .btn:hover::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 12px; background-color: rgba(255, 255, 255, 0.4); } /* write style here */ .im-entry { width: 60px; height: 60px; position: relative; padding-top: 10px; text-align: center; } .im-top { position: relative; } .im-icon { width: 24px; height: 22px; } .im-num { position: absolute; top: -12px; right: 5px; font-size: 14px; line-height: 14px; font-weight: 500; background-color: #FF5F00; color: #fff; padding: 0px 3px; border: 3px solid #fff; border-radius: 12px; } .im-bottom { font-size: 12px; color: #333; line-height: 17px; margin-top: 6px; } /* write style here */ .im-entry { width: 60px; height: 60px; position: relative; padding-top: 10px; text-align: center; } .im-top { position: relative; } .im-icon { width: 24px; height: 22px; } .im-num { position: absolute; top: -12px; right: 5px; font-size: 14px; line-height: 14px; font-weight: 500; background-color: #FF5F00; color: #fff; padding: 0px 3px; border: 3px solid #fff; border-radius: 12px; } .im-bottom { font-size: 12px; color: #333; line-height: 17px; margin-top: 6px; } .tb-toolkit { position: fixed; right: 0; bottom: 50%; -webkit-transform: translateY(50%); -moz-transform: translateY(50%); -ms-transform: translateY(50%); -o-transform: translateY(50%); transform: translateY(50%); z-index: 999; background-color: #f7f9fa; -webkit-box-shadow: -2px 0 30px 2px rgba(97, 105, 119, 0.18); -moz-box-shadow: -2px 0 30px 2px rgba(97, 105, 119, 0.18); box-shadow: -2px 0 30px 2px rgba(97, 105, 119, 0.18); border-radius: 18px 0 0 18px; width: 60px; } .tb-toolkit-list { padding: 26px 0; } .tb-toolkit-list > * { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .tb-toolkit-list .toolkit-item { position: relative; text-align: center; width: 60px; height: 47px; margin-top: 36px; background-color: #f7f9fa; z-index: 1; } .tb-toolkit-list .toolkit-item:first-child { margin-top: 0; } .tb-toolkit-list .toolkit-item .toolkit-icon { display: block; width: 100%; height: 24px; background-position: center; background-repeat: no-repeat; background-size: 28px; margin-bottom: 5px; } .tb-toolkit-list .toolkit-item a { display: block; font-size: 12px; color: #333; text-decoration: none; } .tb-toolkit-list .toolkit-item .toolkit-cart-num { height: 15px; line-height: 15px; border: 2px solid #fff; padding: 0 4px; left: 25px; right: auto; position: absolute; top: -12px; font-size: 14px; font-weight: 500; background-color: #ff5f00; color: #fff; border-radius: 12px; white-space: nowrap; } .tb-toolkit .toolkit-item-back { height: 40px; position: absolute; z-index: 0; bottom: -76px; left: 0px; border-radius: 0px 0px 0px 18px; -webkit-box-shadow: -2px 0 30px 2px rgba(97, 105, 119, 0.18); -moz-box-shadow: -2px 0 30px 2px rgba(97, 105, 119, 0.18); box-shadow: -2px 0 30px 2px rgba(97, 105, 119, 0.18); margin-top: 0; padding-top: 20px; padding-bottom: 26px; } .tb-toolkit .toolkit-item-back:before { content: ""; display: inline-block; position: absolute; top: -29px; left: 0; height: 30px; width: 60px; background-color: #f7f9fa; } .tb-toolkit .toolkit-item-back .toolkit-icon { height: 17px; } .tb-toolkit .toolkit-item-back .back-btn { cursor: pointer; } .tb-toolkit .im-entry { cursor: pointer; height: 46px; margin-top: 26px; } .tb-toolkit .im-entry .im-bottom { margin-top: 3px; } .tb-toolkit .im-entry .im-num { height: 15px; line-height: 15px; border: 2px solid #fff; padding: 0 4px; left: 26px; right: auto; } .tb-toolkit .im-entry:first-child { margin-top: -10px; } .tb-toolkit .toolkit-item-qrcode { cursor: pointer; } .tb-toolkit .toolkit-item-qrcode .tk-qr-wrapper { position: absolute; right: 60px; padding-right: 5px; top: -26px; width: 124px; } .tb-toolkit .toolkit-item-qrcode .tk-qr-inner { text-align: center; padding: 12px 5px 8px; background: #fff; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.08); -webkit-box-shadow: 0 12px 24px 0 rgb(0 0 0%); -moz-box-shadow: 0 12px 24px 0 rgb(0 0 0%); box-shadow: 0 12px 24px 0 rgb(0 0 0%); border-radius: 12px; } .tb-toolkit .toolkit-item-qrcode #tk-qr-container { margin: 0 auto; width: 100px; } .tb-toolkit .toolkit-item-qrcode .tk-qr-tips { margin-top: 4px; } blockquote, body, button, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, hr, input, legend, li, ol, p, pre, td, textarea, th, ul { margin: 0; padding: 0; } body, button, input, select, textarea { font: 12px/1.5 tahoma, arial, 'Hiragino Sans GB', '\5b8b\4f53', sans-serif; } h1, h2, h3, h4, h5, h6 { font-size: 100%; } address, cite, dfn, em, var { font-style: normal; } code, kbd, pre, samp { font-family: courier new, courier, monospace; } small { font-size: 12px; } ol, ul { list-style: none; } a { text-decoration: none; } a:hover { text-decoration: underline; } sup { vertical-align: text-top; } sub { vertical-align: text-bottom; } legend { color: #000; } fieldset, img { border: 0; } button, input, select, textarea { font-size: 100%; } button { border-radius: 0; } table { border-collapse: collapse; border-spacing: 0; } .site-nav .site-nav-loading { background: url("//img.alicdn.com/tps/i3/T1b1m3XkVpXXXXXXXX-32-32.gif") no-repeat center; } @font-face { font-family: "global-iconfont"; src: url("//at.alicdn.com/t/font_1404888168_2057645.eot"); src: url("//at.alicdn.com/t/font_1404888168_2057645.eot?#iefix") format("embedded-opentype"), url("//at.alicdn.com/t/font_1404888168_2057645.woff") format("woff"), url("//at.alicdn.com/t/font_1404888168_2057645.ttf") format("truetype"), url("//at.alicdn.com/t/font_1404888168_2057645.svg#uxiconfont") format("svg"); } .site-nav .site-nav-icon { font-family: "global-iconfont"; font-size: 12px; font-style: normal; margin-top: -3px\9; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscaleFont type; margin-right: 5px; _line-height: 33px; color: #9c9c9c; } .site-nav .site-nav-menu-hd a:hover .site-nav-icon { color: var(--tbpc-primary-theme-color, #ff5000); } .site-nav .site-nav-bd-r .site-nav-icon { width: 12px; } .site-nav .site-nav-icon-highlight { color: var(--tbpc-primary-theme-color, #ff5000); } .site-nav .site-nav-arrow { display: block; float: left; width: 12px; height: 6px; line-height: 6px; overflow: hidden; margin-top: 16px; } .site-nav .site-nav-arrow .site-nav-icon { display: block; margin-top: -4px; margin-right: 20px; } .site-nav { z-index: 10000; width: 100%; background-color: #f5f5f5; border-bottom: 1px solid #eee; *zoom: 1; } .site-nav:after { content: ""; display: table; clear: both; } .site-nav textarea { display: none; } .site-nav .site-nav-bd { margin: 0 auto; width: 1190px; height: 35px; background: #f5f5f5; -webkit-backface-visibility: hidden; *zoom: 1; } .site-nav .site-nav-bd:after { content: ""; display: table; clear: both; } .site-nav .site-nav-bd a { color: #3c3c3c; } .site-nav .site-nav-bd a:hover { color: var(--tbpc-primary-theme-color, #ff5000); text-decoration: none; } .site-nav .site-nav-bd .site-nav-pipe { padding: 0 5px; font-style: normal; color: #ddd; } .site-nav .site-nav-bd .site-nav-bd-l { float: left; visibility: hidden; } .site-nav .site-nav-bd .site-nav-bd-r { float: right; } .site-nav .site-nav-bd .site-nav-bd-r .site-nav-pipe { float: left; height: 35px; line-height: 35px; } .site-nav .site-nav-bd .h { color: var(--tbpc-primary-theme-color, #ff5000) !important; } .site-nav .site-nav-bd .site-nav-btn { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; padding: 0 10px; height: 25px; line-height: 25px; color: #fff; background: var(--tbpc-primary-theme-color, #ff5000); -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } .site-nav .site-nav-bd .site-nav-btn:hover { color: #fff; background: var(--tbpc-primary-theme-color, #ff5000); } .site-nav-status-logout .site-nav-bd .site-nav-bd-l, .site-nav-status-login .site-nav-bd .site-nav-bd-l { visibility: visible; } .ie-updator-67 .browser-updator { display: none; } .tb-ie-updater-layer { position: absolute; left: 0; top: 0; bottom: 0; right: 0; width: 100%; height: 100%; background-color: #000; filter: alpha(opacity=50); opacity: 0.5; z-index: 99999999; } .tb-ie-updater-box { position: absolute; left: 50%; top: 50%; margin-left: -292px; margin-top: -210px; width: 584px; height: 420px; background: url(//img.alicdn.com/tps/TB1pH4SLpXXXXXEXVXXXXXXXXXX-584-419.png) no-repeat; z-index: 100000000; } .tb-ie-updater-box a { position: absolute; text-decoration: none; color: #71a403; font-size: 14px; width: 130px; height: 32px; background-color: #FFF; text-align: center; line-height: 32px; } .tb-ie-updater-box a:hover { font-weight: bold; } .tb-ie-updater-google { left: 55px; top: 107px; } .tb-ie-updater-uc { top: 107px; left: 212px; } .site-nav .site-nav-menu { float: left; } .site-nav .site-nav-menu .site-nav-menu-hd { z-index: 10002; position: relative; padding: 0 6px; height: 35px; line-height: 35px; _display: inline; _zoom: 1; } .site-nav .site-nav-menu .site-nav-menu-hd a { float: left; margin-right: 7px; font-size: 12px; color: #6C6C6C; } .site-nav .site-nav-menu .site-nav-menu-hd a:hover { color: var(--tbpc-primary-theme-color, #ff5000); } .site-nav .site-nav-menu .site-nav-menu-hd a span { float: left; cursor: pointer; } .site-nav .site-nav-menu .site-nav-menu-bd { z-index: 10001; position: relative; display: none; margin-top: -1px; } .site-nav .site-nav-menu .site-nav-menu-bd .site-nav-menu-bd-panel { position: absolute; left: 0; top: 0; padding: 8px; line-height: normal; border: 1px solid #EEEEEE; background: #FFF; } .site-nav .site-nav-menu .site-nav-menu-bd .site-nav-menu-iframe-shim { z-index: -1; position: absolute; top: 0; left: 0; border: none; background: none; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } .site-nav .site-nav-menu .site-nav-menu-empty .site-nav-menu-hd i { display: none; } .site-nav .site-nav-menu .site-nav-menu-list .site-nav-menu-bd-panel { padding: 8px 0; } .site-nav .site-nav-menu .site-nav-menu-list .site-nav-menu-bd-panel a { display: block; padding: 0 5px; line-height: 28px; white-space: nowrap; color: #6C6C6C; font-size: 12px; } .site-nav .site-nav-menu .site-nav-menu-list .site-nav-menu-bd-panel a:hover { color: #6C6C6C; background: #F5F5F5; } .site-nav .site-nav-menu .site-nav-menu-list .site-nav-menu-bd-panel a span { margin-left: 5px; } .site-nav .site-nav-menu .site-nav-menu-list .site-nav-menu-bd-panel .site-nav-btn { margin: 5px 8px 0; color: #FFF; line-height: 25px; } .site-nav .site-nav-menu .site-nav-menu-list .site-nav-menu-bd-panel .site-nav-btn:hover { color: #FFF; background: var(--tbpc-primary-theme-color, #ff5000); } .site-nav .site-nav-menu-hover .site-nav-menu-hd { padding: 0 5px; border-width: 0 1px; border-style: solid; border-color: #EEEEEE; background: #FFF; } .site-nav .site-nav-menu-hover .site-nav-menu-bd { display: block; } .tb-global-pad-notice { width: 100%; height: 60px; overflow: hidden; position: relative; } .tb-global-pad-notice span { position: absolute; top: 10px; right: 10px; width: 40px; height: 40px; background-color: rgba(0, 0, 0, 0.3); display: block; line-height: 40px; font-size: 28px; text-align: center; color: #fff; border-radius: 20px; -webkit-font-smoothing: antialiased; } .site-nav-at-mobile { border-bottom: none; } .site-nav-at-mobile .site-nav-bd { height: 40px; } .site-nav-at-mobile .site-nav-mobile, .site-nav-at-mobile .site-nav-home, .site-nav-at-mobile .site-nav-catalog, .site-nav-at-mobile .site-nav-seller { display: none; } .site-nav-at-mobile .siete-nav-menu .site-nav-menu-hd { height: 40px; line-height: 40px; } .site-nav-at-mobile .siete-nav-menu i { position: relative; -moz-transition: none; -o-transition: none; -webkit-transition: none; transition: none; position: absolute; margin: 0; display: none; bottom: -1px; left: 40%; width: 12px; height: 6px; } .site-nav-at-mobile .siete-nav-menu i em, .site-nav-at-mobile .siete-nav-menu i span { position: absolute; top: 0; left: 0; width: 0; height: 0; border-color: rgba(255, 255, 255, 0); border-color: transparent \0; *border-color: transparent; _border-color: tomato; _filter: chroma(color=tomato); border-style: solid; overflow: hidden; *zoom: 1; border-width: 0 5px 5px; } .site-nav-at-mobile .siete-nav-menu i em { top: -1px; border-bottom-color: #eee; } .site-nav-at-mobile .siete-nav-menu i span { border-bottom-color: #fff; } .site-nav-at-mobile .site-nav-menu-hover .site-nav-menu-hd i { display: block; } .site-nav-at-mobile .site-nav-menu-hover .site-nav-menu-bd { display: block; } .site-nav-at-mobile .site-nav-login img { cursor: pointer; margin: 2px 0; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; border: 2px solid #fff; } .site-nav-at-mobile .site-nav-bd-r .site-nav-pipe { display: none; } @media (max-width: 1219px) { .site-nav-at-mobile .site-nav-bd { width: 990px; } .site-nav-at-mobile .site-nav-sitemap .mod li { width: 33%; } } @media (max-width: 1009px) { .site-nav-at-mobile .site-nav-bd { width: 740px; } .site-nav-at-mobile .site-nav-guide, .site-nav-at-mobile .site-nav-seller { display: none; } .site-nav-at-mobile .site-nav-sitemap .site-nav-menu-bd-panel { width: 722px; } .site-nav-at-mobile .site-nav-sitemap .site-nav-menu-bd-panel .mod { width: 50%; } .site-nav-at-mobile .site-nav-sitemap .site-nav-menu-bd-panel .mod li { width: 20%; } .site-nav-at-mobile .site-nav-sitemap .site-nav-menu-bd-panel .mod-b .mod-wrap { border-right: none; } .site-nav-at-mobile .site-nav-weekend { display: none; } } .tmsg_panel_apps, .tmsg_panel_detail, .tmsg_panel_history, .tmsg_panel_setting { width: 288px; border-top: 0; position: absolute; background: #FFF; box-shadow: 1px 1px 2px #ddd; z-index: 10000000000; } .tmsg_panel_head { height: 37px; line-height: 37px; position: relative; text-align: center; border-bottom: 1px solid #EEE; } .tmsg_panel_foot { height: 32px; border-top: 1px solid #EEE; position: relative; } /** * Swiper 6.8.4 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2021 Vladimir Kharlampidi * * Released under the MIT License * * Released on: August 23, 2021 */ @font-face { font-family: 'swiper-icons'; src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA') format('woff'); font-weight: 400; font-style: normal; } :root { --swiper-theme-color: #007aff; } .swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; /* Fix of Webkit flickering */ z-index: 1; } .swiper-container-vertical > .swiper-wrapper { flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box; } .swiper-container-android .swiper-slide, .swiper-wrapper { transform: translate3d(0px, 0, 0); } .swiper-container-multirow > .swiper-wrapper { flex-wrap: wrap; } .swiper-container-multirow-column > .swiper-wrapper { flex-wrap: wrap; flex-direction: column; } .swiper-container-free-mode > .swiper-wrapper { transition-timing-function: ease-out; margin: 0 auto; } .swiper-container-pointer-events { touch-action: pan-y; } .swiper-container-pointer-events.swiper-container-vertical { touch-action: pan-x; } .swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform; } .swiper-slide-invisible-blank { visibility: hidden; } /* Auto Height */ .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto; } .swiper-container-autoheight .swiper-wrapper { align-items: flex-start; transition-property: transform, height; } /* 3D Effects */ .swiper-container-3d { perspective: 1200px; } .swiper-container-3d .swiper-wrapper, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-cube-shadow { transform-style: preserve-3d; } .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .swiper-container-3d .swiper-slide-shadow-left { background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-right { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-top { background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } /* CSS Mode */ .swiper-container-css-mode > .swiper-wrapper { overflow: auto; scrollbar-width: none; /* For Firefox */ -ms-overflow-style: none; /* For Internet Explorer and Edge */ } .swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar { display: none; } .swiper-container-css-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: start start; } .swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper { scroll-snap-type: x mandatory; } .swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper { scroll-snap-type: y mandatory; } :root { --swiper-navigation-size: 44px; /* --swiper-navigation-color: var(--swiper-theme-color); */ } .swiper-button-prev, .swiper-button-next { position: absolute; top: 50%; width: calc(var(--swiper-navigation-size) / 44 * 27); height: var(--swiper-navigation-size); margin-top: calc(0px - (var(--swiper-navigation-size) / 2)); z-index: 10; cursor: pointer; display: flex; align-items: center; justify-content: center; color: var(--swiper-navigation-color, var(--swiper-theme-color)); } .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; } .swiper-button-prev:after, .swiper-button-next:after { font-family: swiper-icons; font-size: var(--swiper-navigation-size); text-transform: none !important; letter-spacing: 0; text-transform: none; font-variant: initial; line-height: 1; } .swiper-button-prev, .swiper-container-rtl .swiper-button-next { left: 10px; right: auto; } .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after { content: 'prev'; } .swiper-button-next, .swiper-container-rtl .swiper-button-prev { right: 10px; left: auto; } .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after { content: 'next'; } .swiper-button-prev.swiper-button-white, .swiper-button-next.swiper-button-white { --swiper-navigation-color: #ffffff; } .swiper-button-prev.swiper-button-black, .swiper-button-next.swiper-button-black { --swiper-navigation-color: #000000; } .swiper-button-lock { display: none; } :root { /* --swiper-pagination-color: var(--swiper-theme-color); */ } .swiper-pagination { position: absolute; text-align: center; transition: 300ms opacity; transform: translate3d(0, 0, 0); z-index: 10; } .swiper-pagination.swiper-pagination-hidden { opacity: 0; } /* Common Styles */ .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets { bottom: 10px; left: 0; width: 100%; } /* Bullets */ .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transform: scale(0.33); position: relative; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { transform: scale(0.33); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { transform: scale(0.33); } .swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 50%; background: #000; opacity: 0.2; } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; box-shadow: none; -webkit-appearance: none; appearance: none; } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .swiper-pagination-bullet:only-child { display: none !important; } .swiper-pagination-bullet-active { opacity: 1; background: var(--swiper-pagination-color, var(--swiper-theme-color)); } .swiper-container-vertical > .swiper-pagination-bullets { right: 10px; top: 50%; transform: translate3d(0px, -50%, 0); } .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 6px 0; display: block; } .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; transform: translateY(-50%); width: 8px; } .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; transition: 200ms transform, 200ms top; } .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 4px; } .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; transform: translateX(-50%); white-space: nowrap; } .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: 200ms transform, 200ms left; } .swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: 200ms transform, 200ms right; } /* Progress */ .swiper-pagination-progressbar { background: rgba(0, 0, 0, 0.25); position: absolute; } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: var(--swiper-pagination-color, var(--swiper-theme-color)); position: absolute; left: 0; top: 0; width: 100%; height: 100%; transform: scale(0); transform-origin: left top; } .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { transform-origin: right top; } .swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 100%; height: 4px; left: 0; top: 0; } .swiper-container-vertical > .swiper-pagination-progressbar, .swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 4px; height: 100%; left: 0; top: 0; } .swiper-pagination-white { --swiper-pagination-color: #ffffff; } .swiper-pagination-black { --swiper-pagination-color: #000000; } .swiper-pagination-lock { display: none; } /* Scrollbar */ .swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0, 0, 0, 0.1); } .swiper-container-horizontal > .swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98%; } .swiper-container-vertical > .swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98%; } .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0, 0, 0, 0.5); border-radius: 10px; left: 0; top: 0; } .swiper-scrollbar-cursor-drag { cursor: move; } .swiper-scrollbar-lock { display: none; } .swiper-zoom-container { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; text-align: center; } .swiper-zoom-container > img, .swiper-zoom-container > svg, .swiper-zoom-container > canvas { max-width: 100%; max-height: 100%; object-fit: contain; } .swiper-slide-zoomed { cursor: move; } /* Preloader */ :root { /* --swiper-preloader-color: var(--swiper-theme-color); */ } .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; transform-origin: 50%; animation: swiper-preloader-spin 1s infinite linear; box-sizing: border-box; border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color)); border-radius: 50%; border-top-color: transparent; } .swiper-lazy-preloader-white { --swiper-preloader-color: #fff; } .swiper-lazy-preloader-black { --swiper-preloader-color: #000; } @keyframes swiper-preloader-spin { 100% { transform: rotate(360deg); } } /* a11y */ .swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; } .swiper-container-fade.swiper-container-free-mode .swiper-slide { transition-timing-function: ease-out; } .swiper-container-fade .swiper-slide { pointer-events: none; transition-property: opacity; } .swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-cube { overflow: visible; } .swiper-container-cube .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; visibility: hidden; transform-origin: 0 0; width: 100%; height: 100%; } .swiper-container-cube .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-cube.swiper-container-rtl .swiper-slide { transform-origin: 100% 0; } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-prev, .swiper-container-cube .swiper-slide-next + .swiper-slide { pointer-events: auto; visibility: visible; } .swiper-container-cube .swiper-slide-shadow-top, .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-container-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0px; width: 100%; height: 100%; opacity: 0.6; z-index: 0; } .swiper-container-cube .swiper-cube-shadow:before { content: ''; background: #000; position: absolute; left: 0; top: 0; bottom: 0; right: 0; filter: blur(50px); } .swiper-container-flip { overflow: visible; } .swiper-container-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; } .swiper-container-flip .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-flip .swiper-slide-shadow-top, .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* ********** */ /* V6 样式兼容 */ /* ********** */ html, body, ul, p { margin: 0; padding: 0; } div, p, li { word-break: break-all; } p { margin-block-start: 0px; margin-block-end: 0px; } img { vertical-align: middle; } :root { --swiper-theme-color: none; } /* PC图文 */ .descV6-pc-container { width: 100%; background-color: #fff; overflow: hidden; } .descV6-pc-container img { max-width: 100%; height: auto !important; overflow: hidden; /* 解决一些图片间有白线的问题 */ margin-top: -1px; } .descV6-pc-container .desc_anchor { height: 1px !important; } .descV6-pc-container map { display: block; } .descV6-pc-container area { outline: none; } @media screen and (min-width: 750px) and (max-width:750px) { .descV6-pc-container img { max-width: 750px; } } /* 无线图片 */ .descV6-mobile-container { padding-top: 12px; width: 100%; background-color: #fff; } .descV6-mobile-image { display: block; width: 100%; height: auto; } /* 无线文本 */ .descV6-mobile-txt { text-align: center; word-break: break-word; } /* ********** */ /* V8 样式兼容 */ /* ********** */ /* 容器 */ .descV8-container { background-color: #fff; } .descV8-container .lazyload { /* PD暂未给出占位图，先用高度来替代，否则交叉观察者会失效 */ min-height: 1px; } /* 标题 */ .descV8-componentTitle { padding: 10px; border-left: 4px solid #FF5000; background-color: #F8F8F8; } .descV8-componentTitle-text { font-size: 18px; color: #051b28; } /* 店铺推荐 */ .descV8-recShop-container { transition: min-height 1s; } .descV8-recShop { margin: 10px 5px; } .descV8-recShop-header { display: flex; align-items: center; margin-bottom: 20px; width: 100%; } .descV8-recShop-title { font-size: 16px; flex: 1; } .descV8-recShop-more { display: flex; align-items: center; font-size: 14px; color: #fe560a; cursor: pointer; } .descV8-recShop-more-icon { margin-left: 5px; height: 10px; } .descV8-recShop-list { display: flex; flex-wrap: wrap; width: 100%; } .descV8-recShop-item { flex: 0 0 32%; margin: 0 1% 20px; max-width: 32%; } .descV8-recShop-item:nth-child(3n-2) { margin-left: 0; } .descV8-recShop-item:nth-child(3n) { margin-right: 0; } .descV8-recShop-image-wrapper { position: relative; width: 100%; height: 0; padding-top: 100%; overflow: hidden; } .descV8-recShop-image { position: absolute; top: 0; width: 100%; height: auto; background-size: cover; object-fit: cover; border-radius: 2px; } .descV8-recShop-goodsTitle { margin-top: 5px; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 12px; line-height: 15px; color: #333; } .descV8-recShop-price-wrapper { display: flex; align-items: center; margin-top: 5px; } .descV8-recShop-unit { font-size: 14px; color: #ff5000; } .descV8-recShop-price { font-size: 18px; color: #ff5000; } /* 公益宝贝 */ .descV8-charity { display: flex; align-items: center; padding: 10px; } .descV8-charity-icon { width: 36px; height: 36px; background-size: cover; background-position: 50%; } .descV8-charity-content { padding-left: 10px; flex: auto; } .descV8-charity-title { font-size: 16px; } .descV8-charity-desc { font-size: 14px; word-break: break-all; } /* 图片跳转 */ .descV8-picJumper-image { display: block; width: 100%; background-size: cover; background-position: 50%; } /* 动图 */ .descV8-gif-video { display: block; width: 100%; } /* 可滚动容器 */ .descV8-scrollableContainer-container { display: flex; width: 100%; overflow: auto; } .descV8-scrollableContainer-item { margin-right: 5px; flex: 0 0 275px; } .descV8-scrollableContainer-item:last-child { margin-right: 0; } .descV8-scrollableContainer-extra { display: flex; justify-content: center; align-items: center; font-size: 20px; background-color: #F5F5F5; color: #999; } /* 优惠券 */ .descV8-coupon { display: flex; background-color: #FF9740; color: #FFF; } .descV8-coupon-container { padding: 10px; flex: auto; } .descV8-coupon-price { display: flex; } .descV8-coupon-price-container { font-size: 0; } .descV8-coupon-price-unit { font-size: 22px; } .descV8-coupon-price-num { font-size: 36px; } .descV8-coupon-tips { margin-left: auto; display: flex; align-items: flex-end; font-size: 14px; } .descV8-coupon-date { margin-top: 10px; text-align: right; font-size: 14px; } .descV8-coupon-receive { padding: 10px; display: flex; flex-direction: column; background-color: #E5883B; } .descV8-coupon-received { pointer-events: none; background-color: #D9D9D9; } .descV8-coupon-receive-text { display: flex; flex: auto; align-items: center; pointer-events: none; } /* 分隔条 */ .descV8-division { padding: 5px 0; text-align: center; background-color: #f2f2f2; } .descV8-division-text { position: relative; color: #999; } .descV8-division-text::before { left: -10px; transform: translateX(-100%); } .descV8-division-text::after { right: -10px; transform: translateX(100%); } .descV8-division-text::before, .descV8-division-text::after { position: absolute; top: 50%; display: block; content: ' '; width: 50px; height: 1px; background-color: #999; } .descV8-divide { height: 1px; background-color: #999; } /* 尺码表 */ .descV8-singleSizeChart { width: 100%; border-collapse: collapse; } .descV8-singleSizeChart tbody tr:nth-child(odd) { background-color: #F7F7F7; } .descV8-singleSizeChart thead tr, .descV8-singleSizeChart tbody tr:nth-child(even) { background-color: #F1F1F1; } .descV8-singleSizeChart th, .descV8-singleSizeChart td { padding: 10px 0; } .descV8-singleSizeChart td { text-align: center; } /* 商品资质 */ .descV8-quality { width: 100%; } .descV8-quality-list { display: flex; width: 100%; overflow: auto; } .descV8-quality-list-item { position: relative; flex: 0 0 30%; } .descV8-quality-image { width: 100%; background-size: cover; background-position: 50%; } .descV8-quality-mask { position: absolute; left: 0; bottom: 0; display: flex; justify-content: center; align-items: center; width: 100%; height: 30%; color: #fff; font-size: 12px; background: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .75)); } .descV8-quality-preview { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; overflow: hidden; background-color: rgb(0, 0, 0); z-index: 110000000; } .descV8-quality-preview-item { position: relative; display: flex; justify-content: center; align-items: center; overflow: hidden; width: 100%; } .descV8-quality-preview-item-iamge { max-width: 100%; background-size: cover; object-fit: cover; } .descV8-quality-preview-item-desc { position: absolute; bottom: 5%; color: #fff; } .descV8-quality-preview-item-close { position: absolute; top: 20px; right: 20px; color: #fff; font-size: 32px; cursor: pointer; } .descV8-quality-preview-item-close:hover { color: #FF5000; } .descV8-quality-modal .swiper-pagination-bullet { background-color: #fff; } .descV8-quality-modal .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #FF5000; } /* 图片 */ .descV8-singleImage { position: relative; width: 100%; overflow: hidden; } .descV8-singleImage-image { margin: 0 auto; display: block; max-width: 100%; } .descV8-hotArea { position: absolute; display: block; } /* 视频 */ .descV8-video-video { display: block; width: 100%; } /* 价格说明 */ .descV8-declaration-image { display: block; width: 100%; } /* 富文本 */ .descV8-richtext { width: 100%; } .descV8-richtext table { width: 100% !important; border: 1px solid grey; } .descV8-richtext table td { border: 1px solid grey; } .descV8-richtext img { /* display: block; */ max-width: 100% !important; } .descV8-richtext span { word-break: break-all; } /* ********** */ /* 全局样式 */ /* ********** */ div[role=alert] { z-index: 200000000 !important; } /* 淘宝提醒条 */ .msg .attention { border: 1px solid #40b3ff; background-color: #e5f5ff; } .ww-light{overflow:hidden;}.ww-block{display:block;margin-top:3px;}.ww-inline{display:inline-block;vertical-align:text-bottom;}.ww-light a{background-image: url("//img.alicdn.com/tps/i1/T15AD7FFFaXXbJnvQ_-130-60.gif");background-image: -webkit-image-set(url("//img.alicdn.com/tps/i1/T15AD7FFFaXXbJnvQ_-130-60.gif") 1x,url("//img.alicdn.com/tps/i4/T1Rsz7FPJaXXbZhKn7-520-240.gif") 4x);background-image: -moz-image-set(url("//img.alicdn.com/tps/i1/T15AD7FFFaXXbJnvQ_-130-60.gif") 1x,url("//img.alicdn.com/tps/i4/T1Rsz7FPJaXXbZhKn7-520-240.gif") 4x);background-image: -o-image-set(url("//img.alicdn.com/tps/i1/T15AD7FFFaXXbJnvQ_-130-60.gif") 1x,url("//img.alicdn.com/tps/i4/T1Rsz7FPJaXXbZhKn7-520-240.gif") 4x);background-image: -ms-image-set(url("//img.alicdn.com/tps/i1/T15AD7FFFaXXbJnvQ_-130-60.gif") 1x,url("//img.alicdn.com/tps/i4/T1Rsz7FPJaXXbZhKn7-520-240.gif") 4x);text-decoration:none!important;width:20px;height:20px;zoom:1;}.ww-large a{width:67px;}a.ww-offline{background-position:0 -20px;}a.ww-mobile{background-position:0 -40px;}.ww-small .ww-online{background-position:-80px 0;}.ww-small .ww-offline{background-position:-80px -20px;}.ww-small .ww-mobile{background-position:-80px -40px;}.ww-static .ww-online{background-position:-110px 0;}.ww-static .ww-offline{background-position:-110px -20px;}.ww-static .ww-mobile{background-position:-110px -40px;}.ww-light a span{display:none;} .ww-light{overflow:hidden;}.ww-block{display:block;margin-top:3px;}.ww-inline{display:inline-block;vertical-align:text-bottom;}.ww-light a{background-image: url("//img.alicdn.com/tps/i1/T15AD7FFFaXXbJnvQ_-130-60.gif");background-image: -webkit-image-set(url("//img.alicdn.com/tps/i1/T15AD7FFFaXXbJnvQ_-130-60.gif") 1x,url("//img.alicdn.com/tps/i4/T1Rsz7FPJaXXbZhKn7-520-240.gif") 4x);background-image: -moz-image-set(url("//img.alicdn.com/tps/i1/T15AD7FFFaXXbJnvQ_-130-60.gif") 1x,url("//img.alicdn.com/tps/i4/T1Rsz7FPJaXXbZhKn7-520-240.gif") 4x);background-image: -o-image-set(url("//img.alicdn.com/tps/i1/T15AD7FFFaXXbJnvQ_-130-60.gif") 1x,url("//img.alicdn.com/tps/i4/T1Rsz7FPJaXXbZhKn7-520-240.gif") 4x);background-image: -ms-image-set(url("//img.alicdn.com/tps/i1/T15AD7FFFaXXbJnvQ_-130-60.gif") 1x,url("//img.alicdn.com/tps/i4/T1Rsz7FPJaXXbZhKn7-520-240.gif") 4x);text-decoration:none!important;width:20px;height:20px;zoom:1;}.ww-large a{width:67px;}a.ww-offline{background-position:0 -20px;}a.ww-mobile{background-position:0 -40px;}.ww-small .ww-online{background-position:-80px 0;}.ww-small .ww-offline{background-position:-80px -20px;}.ww-small .ww-mobile{background-position:-80px -40px;}.ww-static .ww-online{background-position:-110px 0;}.ww-static .ww-offline{background-position:-110px -20px;}.ww-static .ww-mobile{background-position:-110px -40px;}.ww-light a span{display:none;} Show more