/* jdf-1.0.0/ ui-base.css Date:2015-07-02 10:57:01 */ a,address,b,big,blockquote,body,center,cite,code,dd,del,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,i,iframe,img,ins,label,legend,li,ol,p,pre,small,span,strong,u,ul,var{margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}button,html input[type=button],input[type=submit]{-webkit-apperance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}ol,ul{list-style:none}img{border:0;vertical-align:middle}em,i,u{font-style:normal}.fl{float:left}.fr{float:right}.al{text-align:left}.ac{text-align:center}.ar{text-align:right}.hide{display:none}.clear,.clr{display:block;overflow:hidden;clear:both;height:0;line-height:0;font-size:0} .clearfixabc{ width: 100%; margin-top: 10px; } .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden} .clearfix{*zoom:1}.dorpdown{position:relative}.dorpdown-layer{display:none;position:absolute}.dorpdown:hover .dorpdown-layer,.hover .dorpdown-layer{display:block}.cw-icon{position:relative;cursor:default;zoom:1}.cw-icon .i,.cw-icon i{display:block;position:absolute;overflow:hidden}.w{width:990px;margin:0 auto} .root61 .w,.root61 .c_in{width:1210px; max-width:1210px; } body{ color:#666;background:#f6fafa;}a{color:#666;text-decoration:none}a:hover{color:#C81623}.m,.mb,.mc,.mt,.p-detail,.p-img,.p-market,.p-name,.p-price,.sm,.smb,.smc,.smt{overflow:hidden}.img-error{background:url(../images/error-jd.gif) no-repeat 50% 50%} /* jdf-1.0.0/ shortcut.css Date:2015-07-02 10:57:01 */ i{font-style:italic;} #shortcut-2014{width:100%;height: 38px;line-height:30px;background:#fff} #shortcut-2014 li{float:left;height:30px;padding:0 2px;position:relative} #shortcut-2014 li#ttbar-navs{padding:0 1px 0 2px} #shortcut-2014 li#ttbar-navs.hover,#shortcut-2014 li#ttbar-navs:hover{padding:0 0 0 1px} #shortcut-2014 li.dorpdown{z-index:13}#shortcut-2014 li.dorpdown:hover{padding:0 1px} #shortcut-2014 li.dorpdown:hover .dt{background:#fff;border:solid #ddd;border-width:0 1px} #shortcut-2014 li.hover{padding:0 1px}#shortcut-2014 li.hover .dt{background:#fff;border:solid #ddd;border-width:0 1px} #shortcut-2014 li.spacer{width:1px;height:12px;margin-top:9px;padding:0;background:#ddd;overflow:hidden} #shortcut-2014 li a,#shortcut-2014 li {color: #fff; text-decoration: none; font-size: 11px; text-transform: uppercase;} #shortcut-2014 li ul{ position: absolute; top: 100%; left: -1px; display: none; background: #fff; border: 1px solid #ddd; border-top: none } #shortcut-2014 li:hover ul{display: block} #shortcut-2014 li li{ min-width: 200px } .pull-left { } #shortcut-2014 li li a{ color:#666; display: block; margin-left: 10px; margin-right: 10px; border-bottom: 1px dashed #f1f1f1; } #shortcut-2014 li li:last-child a{ border-bottom: none; } #shortcut-2014 li li:hover{ background: #e0e0e0; } #shortcut-2014 li .item a{color:#6a6a6a} #shortcut-2014 .dt{float:left;padding:4px 10px;padding-right: 10px}#shortcut-2014 .dd{line-height:24px;} #shortcut-2014 .loading{display:block;height:50px;background:url(../images/loading.gif) no-repeat center center} #shortcut-2014 .dorpdown-layer{top:30px;background:#fff;border:1px solid #ddd;*left:1px} #shortcut-2014 .ci-right{top:12px;right:5px;height:7px;overflow:hidden;font:400 15px/15px consolas;color:#fff;transition:transform .1s ease-in 0s;-webkit-transition:-webkit-transform .1s ease-in 0s} #shortcut-2014 .ci-right s{position:relative;top:-7px;text-decoration:none} #shortcut-2014 li:hover .ci-right{transform:rotate(180deg);-webkit-transform:rotate(180deg);color:#6A6A6A} #shortcut-2014 li:hover a{color:#6A6A6A} #shortcut-2014 .dd-spacer{position:absolute;top:-7px;height:10px;background:#fff;overflow:hidden}#shortcut-2014 .style-red{color:#C81623}#shortcut-2014 #ttbar-home{padding-left:20px;background:url(../images/jd2015img.png) no-repeat 0 -136px}#shortcut-2014 #ttbar-mycity{padding-left:0}#shortcut-2014 #ttbar-mycity .dt{padding:0 25px 0 10px}#shortcut-2014 #ttbar-mycity:hover .dt{padding:0 24px 0 9px}#shortcut-2014 #ttbar-mycity .dd{width:301px;padding:10px 0 10px 10px}#shortcut-2014 #ttbar-mycity .dorpdown-layer{*left:0}#shortcut-2014 #ttbar-mycity .item{float:left;width:60px;padding:2px 0}#shortcut-2014 #ttbar-mycity .item a{float:left;padding:0 8px}#shortcut-2014 #ttbar-mycity .item a:hover{background:#F4F4F4}#shortcut-2014 #ttbar-mycity .item a.selected{background:#C81623;color:#fff}#shortcut-2014 #ttbar-mycity .dd-spacer{left:0;width:93px;_width:95px}#shortcut-2014 #ttbar-mycity .dd-spacer-extend{width:105px;_width:107px}#shortcut-2014 #ttbar-login{margin-right:10px}#shortcut-2014 #ttbar-login .link-login{font-family:"verdana,瀹嬩綋"}#shortcut-2014 #ttbar-apps .dt{padding-left:25px;padding-right:25px}#shortcut-2014 #ttbar-apps .dt .ci-left{top:5px;left:7px;width:15px;height:20px;background:url(../images/jd2015img.png) 0 0 no-repeat}#shortcut-2014 #ttbar-apps .dd{width:250px}#shortcut-2014 #ttbar-apps .dd a{display:block;position:absolute;width:56px;height:44px;overflow:hidden;text-indent:-500px}#shortcut-2014 #ttbar-apps .dd .link{width:100px;height:20px;overflow:hidden}#shortcut-2014 #ttbar-apps .dd .link1,#shortcut-2014 #ttbar-apps .dd .link2,#shortcut-2014 #ttbar-apps .dd .link3{left:92px;top:6px;background-position:0 -44px}#shortcut-2014 #ttbar-apps .dd .link2{top:26px}#shortcut-2014 #ttbar-apps .dd .link3{top:104px;background-position:-1px -66px}#shortcut-2014 #ttbar-apps .dd .jdapp-ipad,#shortcut-2014 #ttbar-apps .dd .wyapp-ipad{width:45px}#shortcut-2014 #ttbar-apps .dd-inner{position:relative;width:250px;height:195px;overflow:hidden}#shortcut-2014 #ttbar-apps .jdapp-ios,#shortcut-2014 #ttbar-apps .wyapp-ios{top:46px;left:92px}#shortcut-2014 #ttbar-apps .jdapp-ios:hover,#shortcut-2014 #ttbar-apps .wyapp-ios:hover{background-position:3px -1px}#shortcut-2014 #ttbar-apps .jdapp-android,#shortcut-2014 #ttbar-apps .wyapp-android{top:46px;left:147px}#shortcut-2014 #ttbar-apps .jdapp-android:hover,#shortcut-2014 #ttbar-apps .wyapp-android:hover{background-position:-52px -1px}#shortcut-2014 #ttbar-apps .jdapp-ipad,#shortcut-2014 #ttbar-apps .wyapp-ipad{width:45px;top:46px;left:202px}#shortcut-2014 #ttbar-apps .jdapp-ipad:hover,#shortcut-2014 #ttbar-apps .wyapp-ipad:hover{background-position:-107px -1px}#shortcut-2014 #ttbar-apps .wyapp-android,#shortcut-2014 #ttbar-apps .wyapp-ios,#shortcut-2014 #ttbar-apps .wyapp-ipad{top:143px}#shortcut-2014 #ttbar-apps .dd-spacer{left:0;width:98px}#shortcut-2014 #ttbar-apps.hover .dt .ci-left{background:url(../images/jd2015img.png) 0 -25px no-repeat}#shortcut-2014 #ttbar-atte .dt,#shortcut-2014 #ttbar-serv .dt{width:49px;padding-right:25px}#shortcut-2014 #ttbar-atte .dd,#shortcut-2014 #ttbar-serv .dd{width:82px;padding-bottom:8px}#shortcut-2014 #ttbar-atte .item,#shortcut-2014 #ttbar-serv .item{padding-left:15px}#shortcut-2014 #ttbar-atte .dd-spacer,#shortcut-2014 #ttbar-serv .dd-spacer{left:0;width:82px}#shortcut-2014 #ttbar-navs .dt{width:49px;padding-right:25px}#shortcut-2014 #ttbar-navs .dd{right:0;width:988px;padding:20px 0 16px;*left:auto;_right:-1px}#shortcut-2014 #ttbar-navs dl{float:left;width:201px;padding-left:20px;border-left:1px solid #ddd}#shortcut-2014 #ttbar-navs dl.fore1{border-left:none;width:301px}#shortcut-2014 #ttbar-navs dt{font-size:14px;font-weight:700;margin-bottom:6px}#shortcut-2014 #ttbar-navs .item{float:left;width:100px}#shortcut-2014 #ttbar-navs .dd-spacer{right:0;width:82px}#shortcut-2014 .hover .dorpdown-layer{-webkit-transition:all 600ms cubic-bezier(0.23,1,.32,1)}.root61 #shortcut-2014 #ttbar-navs .dd{width:1210px}.root61 #shortcut-2014 #ttbar-navs .fore2{display:block}.root61 #shortcut-2014 #ttbar-navs dl{width:259px}.root61 #shortcut-2014 #ttbar-navs dl.fore1{width:347px}.root61 #shortcut-2014 #ttbar-navs .item{width:86px} /* jdf-1.0.0/ global-header.css Date:2015-07-02 10:57:04 */ #logo-2014{position:relative;z-index:12;float:left; width: 315px;box-sizing: content-box; margin: 12px 0 0;} #logo-2014 .logo{display:block; } #logo-2014 .extra{position:absolute;top:15px;left:168px;width:180px;height:70px;padding-left:10px;background:#fff} #channel{float:left;margin-right:10px;cursor:default;font:400 20px/70px 'Roboto Condensed', sans-serif;color:#333} #categorys-mini-main{display:none;border:1px solid #ccc;position:absolute;width:152px;padding:13px;margin-top:-1px;background:#fff;overflow:hidden} #categorys-mini-main h3{font-family:'Roboto Condensed', sans-serif;color:#666;line-height:24px;font-size:14px;font-weight:400} #categorys-mini-main a{color:#666;padding:0;font-size:12px} #categorys-mini{float:left;color:#666;font-size:12px;font-weight:400;position:relative;padding-top:22px;height:27px;font-family:simsun} #categorys-mini .cw-icon{color:#ccc;position:relative;width:63px;height:25px;border:1px solid #ccc;line-height:25px;z-index:1;background:#fff;padding:0 5px} #categorys-mini .cw-icon h2{font-family:'Roboto Condensed', sans-serif;color:#666;font-size:12px;font-weight:400} #categorys-mini .cw-icon i{top:9px;right:5px;height:7px;font:400 15px/15px consolas} #categorys-mini .cw-icon s{position:relative;top:-7px;text-decoration:none} #categorys-mini .loading{display:block;height:50px;background:url(../images/loading.gif) no-repeat center center} #categorys-mini .dorpdown-layer{width:150px;border:1px solid #ccc;padding:10px;background:#fff} #categorys-mini .ci-right{top:8px;right:7px;height:7px;overflow:hidden;font:400 15px/15px consolas;color:#6A6A6A;transition:transform .1s ease-in 0s;-webkit-transition:-webkit-transform .1s ease-in 0s;display:block;position:absolute}#categorys-mini.hover .cw-icon{border-bottom:0}#categorys-mini.hover .ci-right{transform:rotate(180deg);-webkit-transform:rotate(180deg)}#search-2014{position:relative;z-index:11;float:left;width:462px;margin-top:25px}#search-2014 .form{width:462px;height:36px} #search-2014 .text{float:left;width:370px; line-height:35px;color:#666;padding:4px;margin-bottom:4px;border-width:2px 0 2px 2px;border-color:#e4e4e4;border-style:solid;outline:0;font-size:14px;font-family:'Roboto Condensed', sans-serif} #search-2014 .button{ float: left; width: 105px; height: 46px; background: #e32029; border: none; line-height: 1; color: #fff; font-size: 16px; cursor: pointer; } #search-2014 .cw-icon i{top:0;left:0;width:82px;height:36px}#hotwords-2014{float:left;width:462px;height:20px;line-height:20px;overflow:hidden}#hotwords-2014 a{margin-right:10px}#shelper{overflow:hidden;position:absolute;top:36px;left:0;width:379px;border:1px solid #CCC;background:#fff}#shelper li{overflow:hidden;padding:1px 6px;line-height:22px;cursor:pointer}#shelper .search-item{float:left;width:190px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}#shelper li.fore1 .search-item{width:170px}#shelper .search-count{overflow:hidden;color:#aaa;text-align:right;*zoom:1}#shelper .close{border-top:1px solid #efefef;text-align:right}#shelper .item3{cursor:default}#shelper .item3 a{float:left;margin-right:10px;white-space:nowrap}#shelper li.fore1{width:100%;padding:0;border-bottom:1px solid #ddd}#shelper li.fore1 .item1{height:22px;overflow:hidden;zoom:1}#shelper li.fore1 div.fore1{padding:0 6px}#shelper li.fore1 strong{color:#C00}#shelper li.fore1 .fore1 strong{color:#333}#shelper li.fore1 .item1,#shelper li.fore1 .item2{float:none;width:auto;padding:1px 6px 1px 20px}#shelper li.fore1 .item3{float:none;width:auto;color:#9C9A9C}#shelper li.fore1 span{float:left}#shelper li:hover{background:#f5f5f5!important}#shelper li.close:hover,#shelper li.fore1:hover{background:0 0}#shelper li.fore1 div:hover{background:#f5f5f5!important}.root61 #search-2014,.root61 #search-2014 .form{width:auto;_width:538px} .root61 #search-2014 .text{ width:763px !important; } .root61 #hotwords-2014{width:518px}.root61 #shelper{width:455px}#appdownloadTop{display:none} /* jdf-1.0.0/ myjd.css Date:2015-07-02 10:57:02 */ #ttbar-myjd .dt{width:49px;padding-right:25px}#ttbar-myjd .dorpdown-layer{width:270px}#ttbar-myjd .userinfo{padding:10px 15px;overflow:hidden}#ttbar-myjd .u-pic{float:left;margin-right:10px}#ttbar-myjd .u-pic img{border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%}#ttbar-myjd .u-name{padding:6px 0 0;font-weight:700}#ttbar-myjd .orderlist{display:none;background:#000}#ttbar-myjd .otherlist{width:255px;padding:0 0 0 15px;margin:5px 0;overflow:hidden;margin-bottom:10px}#ttbar-myjd .otherlist .fore1,#ttbar-myjd .otherlist .fore2{float:left;width:126px}#ttbar-myjd .viewlist{width:240px;padding:0 15px 10px;border-top:1px dotted #ccc;padding-top:10px}#ttbar-myjd .viewlist .smt h4{float:left}#ttbar-myjd .viewlist .smt .extra{float:right}#ttbar-myjd .viewlist .item{float:left;padding:4px;line-height:0;font-size:0}#ttbar-myjd .dd-spacer{left:0;width:82px} /* jdf-1.0.0/ nav.css Date:2015-07-09 15:52:16 */ #nav-2014{height:44px;border-bottom:2px solid #B1191A;_overflow:hidden}#nav-2014 .w{position:relative;z-index:9;height:44px}#nav-2014 .w .w-spacer{display:none}#nav-2014 .w-spacer{position:absolute;top:-1px;z-index:1;width:100%;height:44px;border-top:1px solid #DDD;border-bottom:2px solid #B1191A}#categorys-2014{float:left;position:relative;z-index:10;width:210px;height:44px;overflow:visible}#categorys-2014 .dt a{display:block;width:190px;height:44px;padding:0 10px;background:#B1191A;font:400 15px/44px 'Roboto Condensed', sans-serif;color:#fff;text-decoration:none}#categorys-2014 .dd{height:466px;background:#c81623;margin-top:2px}#categorys-2014 .dd-inner .item{border-left:1px solid #b61d1d;position:relative;z-index:1;height:31px;color:#fff}#categorys-2014 .dd-inner .item a{color:#fff}#categorys-2014 .dd-inner h3{position:absolute;z-index:2;height:31px;padding:0 10px;line-height:31px;font-family:'Roboto Condensed', sans-serif;font-size:14px;font-weight:400}#categorys-2014 .dd-inner i{position:absolute;z-index:1;top:9px;right:14px;width:4px;height:14px;font:400 9px/14px consolas}#categorys-2014 .dd-inner .hover{background:#f7f7f7;color:#B61D1D}#categorys-2014 .dd-inner .hover a{color:#B61D1D}#categorys-2014 .dd-inner .hover i{top:0;left:205px;width:14px;height:31px;background:#f7f7f7;overflow:hidden;line-height:200px}#categorys-2014 .dorpdown-layer{display:none;position:absolute;left:209px;top:45px;width:779px;background:#f7f7f7;border:1px solid #b61d1d;overflow:hidden}#categorys-2014 .dorpdown-layer .hover{display:block}#categorys-2014 .item-sub{display:none;zoom:1;overflow:hidden}#categorys-2014 .item-sub:after{content:".";display:block;height:0;clear:both}#categorys-2014 .item-channels{float:left;display:inline;width:570px;height:24px;padding:20px 0 0 20px;background:#f7f7f7;overflow:hidden}#categorys-2014 .item-channels a{float:left;display:inline;display:inline-block;*display:inline;*zoom:1;padding:0 0 0 8px;margin-right:10px;line-height:24px;background:#7C7171;color:#fff;white-space:nowrap}#categorys-2014 .item-channels a:hover{background:#C81623}#categorys-2014 .item-channels a:hover i{background:#B1191A}#categorys-2014 .item-channels i{display:inline-block;*zoom:1;_display:inline;margin-left:8px;width:23px;height:24px;font:400 9px/24px consolas;background:#5c5251;text-align:center;cursor:pointer}#categorys-2014 .item-channels .line{border-left:1px solid #dbdbdb;display:inline;float:left;height:24px;margin-right:7px;width:1px;overflow:hidden}#categorys-2014 .item-channels .img-link{background:0 0;line-height:normal;padding:0}#categorys-2014 .item-channels .img-link:hover{background:0 0}#categorys-2014 .item-channels .style-red{background:#c81623}#categorys-2014 .item-channels .style-red i{background:#b1191a}#categorys-2014 .item-channels .style-red:hover{background:#961019}#categorys-2014 .item-channels .style-red:hover i{background:#851313}#categorys-2014 .subitems{float:left;width:570px;padding:6px 0 1006px 20px;margin-bottom:-1000px;background:#f7f7f7;min-height:409px;_height:409px;_overflow:visible}#categorys-2014 .subitems dl{width:100%;overflow:hidden;line-height:2em}#categorys-2014 .subitems dl.fore1 dd{border-top:none}#categorys-2014 .subitems dt{position:relative;float:left;width:54px;padding:8px 30px 0 0;text-align:right;font-weight:700}#categorys-2014 .subitems dt i{position:absolute;top:13px;right:18px;width:4px;height:14px;font:400 9px/14px consolas}#categorys-2014 .subitems dd{float:left;width:480px;padding:6px 0;border-top:1px solid #eee}#categorys-2014 .subitems dd a{float:left;padding:0 8px;margin:4px 0;line-height:16px;height:16px;border-left:1px solid #e0e0e0;white-space:nowrap}#categorys-2014 .subitems .style-red{color:#c81623}#categorys-2014 .item-brands{float:right;display:inline;width:168px;overflow:hidden;margin:19px 20px 10px 0}#categorys-2014 .item-brands a{float:left;display:inline;margin:1px 0 0 1px}#categorys-2014 .item-promotions{float:right;display:inline;width:168px;margin-right:20px}#categorys-2014 .item-promotions a{display:block;margin-bottom:1px}#navitems-2014{float:left;position:relative;z-index:2}#navitems-2014 .spacer,#navitems-2014 a,#navitems-2014 li,#navitems-2014 ul{float:left}#navitems-2014 .spacer{display:none}#navitems-2014 a{height:44px;padding:0 20px;text-align:center;text-decoration:none;font:400 15px/44px 'Roboto Condensed', sans-serif;color:#333}#navitems-2014 a:hover{color:#C81623}#navitems-2014 .spacer{width:1px;height:24px;margin:10px 0 0;background:#DDD;overflow:hidden}#treasure{float:right}.root61 #categorys-2014 .item-channels{width:790px}.root61 #categorys-2014 .dorpdown-layer{width:999px}.root61 #categorys-2014 .subitems{width:790px}.root61 #categorys-2014 .subitems dd{width:620px}.root61 #categorys-2014 .subitems-main1,.root61 #categorys-2014 .subitems-main2{float:left;width:365px;padding-right:10px;margin-right:10px;border-right:1px solid #eee;margin-top:8px}.root61 #categorys-2014 .subitems-main1 dd,.root61 #categorys-2014 .subitems-main2 dd{width:275px}.root61 #categorys-2014 .subitems-main1 .fore1,.root61 #categorys-2014 .subitems-main1 .fore8,.root61 #categorys-2014 .subitems-main2 .fore1,.root61 #categorys-2014 .subitems-main2 .fore8{margin-top:-5px}.root61 #categorys-2014 .subitems-main1 .fore1 dd,.root61 #categorys-2014 .subitems-main1 .fore8 dd,.root61 #categorys-2014 .subitems-main2 .fore1 dd,.root61 #categorys-2014 .subitems-main2 .fore8 dd{border-top:0}.root61 #categorys-2014 .subitems-main2{border-right:0} /* jdf-1.0.0/ shoppingcart.css Date:2015-07-08 15:44:39 */ #settleup-2014{float:right;z-index:11;height:36px;margin-top:25px} #settleup-2014 .cw-icon{box-sizing: content-box; width:75px;height:34px;border:1px solid #DFDFDF;padding:0 28px 0 36px;background:#F9F9F9;text-align:center;line-height:34px} #settleup-2014 .ci-left{top:9px;left:18px;width:18px;height:16px;background:url(../images/jd2015img.png) 0 -58px no-repeat;_background:url(../images/jd2015img.png) 0 -91px no-repeat}#settleup-2014 .ci-right{top:11px;right:10px;width:7px;height:13px;overflow:hidden;font:400 13px/13px simsun;color:#999} #settleup-2014 .ci-count{position:absolute;top:-4px;left:104px;display:inline-block;*zoom:1;*display:inline;padding:1px 2px;font-size:12px;line-height:12px;color:#fff;background-color:#c81623;border-radius:7px 7px 7px 0;min-width:12px;text-align:center}#settleup-2014.hover .cw-icon, #settleup-2014.hover .dorpdown-layer,#settleup-2014:hover .cw-icon,#settleup-2014:hover .dorpdown-layer{background:#fff;border:1px solid #ddd;box-shadow:0 0 5px rgba(0,0,0,.2)}#settleup-2014.hover .dorpdown-layer,#settleup-2014:hover .dorpdown-layer{display:block;right:0;_right:-1px;width:308px}#settleup-2014.hover .spacer,#settleup-2014:hover .spacer{position:absolute;right:0;top:-7px;width:139px;height:12px;background:#fff}#settleup-2014 .prompt{padding:10px 15px}#settleup-2014 .nogoods{padding-left:30px;height:49px;line-height:49px;overflow:hidden;color:#999}#settleup-2014 .nogoods b{float:left;width:56px;height:49px;background-image:url(../images/settleup-nogoods.png)}#settleup-content{position:relative;z-index:2;width:100%;background:#fff}#settleup-content .loading{display:block;height:50px;background:url(../images/loading.gif) no-repeat center center}#settleup-content .smt{height:25px;padding:6px 8px;line-height:25px}#settleup-content .smc{background:#fff;height:auto!important;height:344px;max-height:344px;overflow-y:auto}#settleup-content .smb{padding:8px;background:#F5F5F5;_height:45px;_padding-top:15px;_padding-bottom:0}#settleup-content .smb .p-total{float:left;line-height:29px}#settleup-content .smb span{color:#c81623}#settleup-content .smb a{float:right;height:29px;padding:0 10px;background:#E4393C;color:#fff;text-align:center;font-weight:700;line-height:29px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px}#settleup-content ul{margin-top:-1px}#settleup-content li{padding:8px 10px;border-top:1px dotted #ccc;overflow:hidden;line-height:17px;vertical-align:bottom;*zoom:1}#settleup-content li.hover,#settleup-content li:hover{background:#F5F5F5}#settleup-content li .gift{height:17px;width:282px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#settleup-content li .gift a{color:#999}#settleup-content li .gift-jq{color:#999;clear:both}#settleup-content .p-img{float:left;width:50px;height:50px;border:1px solid #ddd;padding:0;margin-right:10px;font-size:0}#settleup-content .p-name{float:left;width:120px;height:52px}#settleup-content .p-detail{float:right;text-align:right}#settleup-content .p-price{font-weight:700}#settleup-iframe{position:absolute;left:0;top:0;z-index:1;width:100%;background:#fff}#settleup-2014 .dt-mz{color:#999;width:310px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#settleup-2014 .dt-mz a{color:#999}#settleup-2014 .dt-mz:hover{background:#fff}#mcart-suit .dt,#mcart-suit .dt:hover{background:#d3ebff}#mcart-mj .dt,#mcart-mj .dt:hover,#mcart-mz .dt,#mcart-mz .dt:hover{background:#bffab1}#settleup-content .fr .hl-green,#settleup-content .fr .hl-orange{margin-right:0}#settleup-content .hl-green,#settleup-content .hl-orange{margin-right:5px;color:#fff;display:inline-block;*zoom:1;padding:0 2px;font:12px/16px simsun}#settleup-content .hl-green{background:#3b0}#settleup-content .hl-orange{background:#f60}.root61 #settleup-2014{margin-right:0px;float: left;}#settleup-2014.hover .ci-left{_background:url(../images/jd2015img.png) 0 -116px no-repeat} /* jdf-1.0.0/ global-footer.css Date:2015-07-02 10:57:04 */ #footer-2014{border-top:1px solid #E5E5E5;padding:20px 0 30px;text-align:center}#footer-2014 .links a{margin:0 10px}#footer-2014 .copyright{margin:10px 0}#footer-2014 .authentication a{margin:0 5px;text-decoration:none} /* jdf-1.0.0/ service.css Date:2015-07-02 18:13:22 */ #service-2014{margin-bottom:20px}#service-2014 dl{float:left;width:222px}#service-2014 dl.fore5{width:100px}#service-2014 dt{padding:6px 0;font:400 16px/24px 'Roboto Condensed', sans-serif}#service-2014 dd{line-height:20px}#service-2014 .slogen{position:relative;height:54px;padding:20px 0;margin-bottom:14px;background:#F5F5F5;text-align:center}#service-2014 .slogen .item{display:inline-block;position:absolute;left:50%;top:20px;width:245px;height:54px;text-align:left;vertical-align:middle;font:400 18px/50px 'Roboto Condensed', sans-serif}#service-2014 .slogen .item i{display:block;position:absolute;top:0;left:10px;width:220px;height:54px;background-repeat:no-repeat;background-position:0 0}#service-2014 .slogen .item b{padding:0 10px;font-size:24px;color:#C81623}#service-2014 .slogen .fore1{margin-left:-490px}#service-2014 .slogen .fore1 i{background-image:url(../images/service_items_1.png)}#service-2014 .slogen .fore2{margin-left:-245px}#service-2014 .slogen .fore2 i{background-image:url(../images/service_items_2.png)}#service-2014 .slogen .fore3{margin-left:0}#service-2014 .slogen .fore3 i{background-image:url(../images/service_items_3.png)}#service-2014 .slogen .fore4{margin-left:245px}#service-2014 .slogen .fore4 i{background-image:url(../images/service_items_4.png)}#coverage{float:right;width:310px;height:168px;background:url(../images/20130330B_1.png) no-repeat 60px -131px}#coverage .dt{padding:6px 40px 15px 80px;font:400 16px/24px 'Roboto Condensed', sans-serif}#coverage .dd{padding:0 40px 15px 80px}.root61 #service-2014 dl{width:275px}.root61 #service-2014 dl.fore5{width:100px}.root61 #service-2014 .slogen .item{width:302px}.root61 #service-2014 .slogen .fore1{margin-left:-604px}.root61 #service-2014 .slogen .fore2{margin-left:-304px}.root61 #service-2014 .slogen .fore3{margin-left:0}.root61 #service-2014 .slogen .fore4{margin-left:304px} /* product-home/1.0.0 home.css Date:2015-04-28 20:06:30 */ .h2,h3{font-family:'Roboto Condensed', sans-serif;font-weight:normal}#guessyou .mt,#special-buy .mt,#special .mt,#share .mt,.floor .mt{height:36px}#guessyou .mt .extra,#guessyou .mt .tab,#special-buy .mt .extra,#special-buy .mt .tab,#special .mt .extra,#special .mt .tab,#share .mt .extra,#share .mt .tab,.floor .mt .extra,.floor .mt .tab{float:right;display:inline}#guessyou h2,#special-buy h2,#special h2,#share h2,.floor h2{float:left;display:inline;line-height:30px;font-size:20px}.floor .mt .tab{margin-top:1px}.style-red{color:#c81623}.slider-page a{position:absolute;top:50%;margin-top:-31px;z-index:1;display:block;width:28px;height:62px;line-height:62px;background:#808080;background:rgba(0,0,0,0.2);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#32000000,endColorstr=#32000000);color:#fff;text-align:center;font-size:22px;font-weight:normal;font-family:"simsun"}.slider-page a:hover{text-decoration:none;color:#fff}.slider-prev{left:0}.slider-next{right:0}.slider-nav{position:absolute;height:9px;bottom:10px}.slider-nav ul{line-height:1}.slider-nav li{display:inline-block;*display:inline;*zoom:1;width:9px;height:9px;margin:0 2px;background:#3e3e3e;border-radius:50%;text-align:center;color:#fff;overflow:hidden;cursor:pointer}.slider-nav .slider-selected{background:#b61b1f;color:#fff}.research .icon-dog,.research .research-text{background:url(../images/553f7750Na2b4a167.png);_background:url(../images/553f777eNbf9980a4.png)}.research{cursor:pointer;width:31px;height:90px;overflow:hidden;position:fixed;right:0;bottom:200px}.research a{display:block;width:100%;height:90px;overflow:hidden}.research .icon-dog{float:right;display:inline;display:block;width:31px;height:90px;-webkit-transition:width .4s;-moz-transition:width .4s;transition:width .4s}.research .research-text{background-position:-70px 0;position:absolute;left:0;top:0;display:block;*display:none;width:70px;height:70px;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;overflow:hidden;-webkit-transition:opacity .4s;-moz-transition:opacity .4s;transition:opacity .4s}.research .research-text span{color:#fff;position:absolute;left:7px;top:7px;display:none}.researchhover{width:91px}.researchhover .icon-dog{width:46px}.researchhover .research-text{display:block;filter:alpha(opacity=100);-moz-opacity:1;opacity:1}.researchhover .research-text span{display:block}#guide-enter{width:25px;margin-left:15px}#guide-enter a{display:block;width:25px;height:19px;background:url(../images/drag.jpg) center bottom no-repeat;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;transition:all .4s ease-in-out}#guide-enter a:hover{height:27px}.guide-floor{position:relative;width:100%;min-width:1210px;height:500px;overflow:hidden}.guide-floor .slider-body{width:100%;min-width:1210px}.guide-floor .slider-body li{width:1210px}.guide-floor .slider-body a{outline:0}.guide-floor .slider-body .slider-inner{position:relative}.guide-floor .slider-body .fore1{width:100%;min-width:1210px;height:500px;background:#d3261f url(../images/12.jpg) 0 0 repeat-x}.guide-floor .slider-body .fore1 .slider-inner{min-width:1210px;height:400px;background:url(../images/54db6fb4Nd56ba02e.jpg) center 0 no-repeat;margin:0 auto;padding-top:100px} .guide-floor .slider-body .fore1 .text{position:relative;width:734px;height:262px; margin:0 auto;opacity:0;top:-350px;-webkit-transition:all 1.2s ease-out,opacity 1.5s;-moz-transition:all 1.2s ease-out,opacity 1.5s;transition:all 1.2s ease-out,opacity 1.5s}.guide-floor .slider-body .fore1 .dog1{position:absolute;display:block;width:57px;height:54px;background:url(../images/guideimg.png) 0 -100px no-repeat;left:25px;top:65px}.guide-floor .slider-body .fore1 .dog2{position:absolute;display:block;width:57px;height:67px;background:url(../images/guideimg.png) 0 -170px no-repeat;left:519px;top:48px}.guide-floor .slider-body .fore1 .dog3{position:absolute;display:block;width:41px;height:34px;background:url(../images/guideimg.png) 0 -240px no-repeat;left:301px;top:186px}.guide-floor .slider-body .fore1 .btn-go{width:110px;height:49px;background:url(../images/guideimg.png) 0 0 no-repeat;margin:0 auto;margin-top:20px;-webkit-animation:heartbeat 1.83s ease-in-out infinite;-moz-animation:heartbeat 1.83s ease-in-out infinite;animation:heartbeat 1.83s ease-in-out infinite}.guide-floor .slider-body .fore1 .btn-go a{display:block;width:100%;height:100%;overflow:hidden;text-indent:-9999px}.guide-floor .slider-body .fore1.slider-panel-selected .text{opacity:1;top:0;-webkit-animation:bounce 1.6s ease-out .8s 1;-moz-animation:bounce 1.6s ease-out .8s 1;animation:bounce 1.6s ease-out .8s 1}.guide-floor .slider-body .fore2{width:100%;min-width:1210px;height:500px;background:#f45f4e}.guide-floor .slider-body .fore2 .slider-inner{width:1210px;height:500px;margin:0 auto;overflow:hidden}.guide-floor .slider-body .fore2 .pic{float:left;display:inline;margin:25px 0 0 110px;width:476px;height:426px;opacity:0;left:-350px}.guide-floor .slider-body .fore2 .dogsay{position:absolute;display:block;width:108px;height:94px;background:url(../images/guideimg.png) 0 -290px no-repeat;left:900px;top:337px} .guide-floor .slider-body .select2 .pic{opacity:1;left:0; }.guide-floor .slider-body .fore3{width:100%;min-width:1210px;height:500px;background:#f7a043}.guide-floor .slider-body .fore3 .slider-inner{width:1210px;height:500px;margin:0 auto;overflow:hidden}.guide-floor .slider-body .fore3 .pic{float:left;display:inline;margin:120px 0 0 500px;width:662px;height:310px;opacity:0;left:350px}.guide-floor .slider-body .fore3 .dogsay{position:absolute;display:block;width:75px;height:75px;background:url(../images/guideimg.png) 0 -390px no-repeat;left:289px;top:341px} .guide-floor .slider-body .select3 .pic{opacity:1;left:0; }.guide-floor .slider-body .fore4{width:100%;min-width:1210px;height:500px;background:#975bbd}.guide-floor .slider-body .fore4 .slider-inner{width:1210px;height:500px;margin:0 auto;overflow:hidden}.guide-floor .slider-body .fore4 .pic{float:left;display:inline;margin:30px 0 0 120px;width:476px;height:426px;opacity:0;left:-350px}.guide-floor .slider-body .fore4 .dogsay{position:absolute;display:block;width:94px;height:72px;background:url(../images/guideimg.png) 0 -470px no-repeat;left:726px;top:335px}.guide-floor .slider-body .select4 .slider-inner{background:url(../images/54db6e67N6d4b301a.jpg) center 0 no-repeat} .guide-floor .slider-body .select4 .pic{opacity:1;left:0;background:url(../images/54db6df4N2d9f9e9e.jpg) 0 0 no-repeat}.guide-floor .slider-body .fore5{width:100%;min-width:1210px;height:500px;background:#f45f4e}.guide-floor .slider-body .fore5 .slider-inner{width:1210px;height:500px;margin:0 auto;overflow:hidden}.guide-floor .slider-body .fore5 .pic{float:left;display:inline;margin:70px 0 0 525px;width:600px;height:264px;opacity:0;left:350px}.guide-floor .slider-body .fore5 .btn-go{width:346px;height:108px;margin:0 auto;margin-top:330px;position:relative;left:-50px}.guide-floor .slider-body .fore5 .btn-go a{display:block;width:100%;height:100%;overflow:hidden;text-indent:-9999px} .guide-floor .slider-body .select5 .slider-inner{background:url(../images/54db6ea3N9be2bf57.jpg) center 0 no-repeat} .guide-floor .slider-body .select5 .pic{opacity:1;left:0;} .guide-floor .slider-body .select5 .btn-go{background:url(../images/54db6ecfNd4772284.jpg) 0 0 no-repeat}.guide-floor .slider-body .pic{position:relative;-webkit-transition:all 1.2s ease-in-out,opacity 1.5s;-moz-transition:all 1.2s ease-in-out,opacity 1.5s;transition:all 1.2s ease-in-out,opacity 1.5s}.guide-floor .slider-body .slider-panel-selected .dogsay{-webkit-animation:tada .8s ease-in-out 1.2s 1;-moz-animation:tada .8s ease-in-out 1.2s 1;animation:tada .8s ease-in-out 1.2s 1}.guide-floor .slider-nav{display:none;width:1210px;height:0;text-align:center;bottom:40px;left:50%;margin-left:-605px;z-index:5;_bottom:30px}.guide-floor .slider-nav ul{height:0}.guide-floor .slider-nav li{background-color:rgba(0,0,0,0.3);background:#666/9;*background:#666/9}.guide-floor .slider-nav .slider-selected{background:#fff}.guide-floor .slider-page{display:none}.guide-floor .slider-page a{left:50%;width:30px;height:30px;line-height:30px;border-radius:50%;font-size:18px;top:auto;bottom:20px;background:0;outline:0}.guide-floor .slider-page a:hover{background:rgba(0,0,0,0.2)}.guide-floor .slider-page .slider-prev{margin-left:-80px}.guide-floor .slider-page .slider-next{margin-left:50px}.guide-floor .closebtn{position:absolute;left:50%;top:0;margin-left:563px;width:42px;height:39px;background:url(../images/guideimg.png) 0 -60px no-repeat;z-index:6;text-indent:-9999px;overflow:hidden;_background:url(../images/closeguide.png) 0 0 no-repeat}.guide-floor .closebtn:hover{background:url(../images/guideimg.png) -50px -60px no-repeat} .guide-floor .slider-body .slider-mainIe .fore1{background:#d3261f url(../images/5a618301/54db6ebcNbad3e3af.jpg) 0 0 repeat-x} .guide-floor .slider-body .slider-mainIe .fore1 .slider-inner{}.guide-floor .slider-body .slider-mainIe .fore1 .btn-go{position:absolute;background:0;margin-top:0;top:382px;left:50%;margin-left:-55px} .guide-floor .slider-body .slider-mainIe .select2 .slider-inner{} .guide-floor .slider-body .slider-mainIe .fore5 .btn-go{background:0}@-webkit-keyframes heartbeat{from{opacity:.7}50%{opacity:1}to{opacity:.7}}@-moz-keyframes heartbeat{from{opacity:.7}50%{opacity:1}to{opacity:.7}}@keyframes heartbeat{from{opacity:.7}50%{opacity:1}to{opacity:.7}}@-webkit-keyframes tada{0%{-webkit-transform:scale(1)}10%,20%{-webkit-transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale(1.2) rotate(3deg)}40%,60%,80%{-webkit-transform:scale(1.2) rotate(-3deg)}100%{-webkit-transform:scale(1) rotate(0)}}@-moz-keyframes tada{0%{-moz-transform:scale(1)}10%,20%{-moz-transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{-moz-transform:scale(1.2) rotate(3deg)}40%,60%,80%{-moz-transform:scale(1.2) rotate(-3deg)}100%{-moz-transform:scale(1) rotate(0)}}@keyframes tada{0%{transform:scale(1)}10%,20%{transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale(1.2) rotate(3deg)}40%,60%,80%{transform:scale(1.2) rotate(-3deg)}100%{transform:scale(1) rotate(0)}}@-webkit-keyframes bounce{0%,20%,50%,80%,100%{-webkit-transform:translateY(0)}40%{-webkit-transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px)}}@-moz-keyframes bounce{0%,20%,50%,80%,100%{-moz-transform:translateY(0)}40%{-moz-transform:translateY(-30px)}60%{-moz-transform:translateY(-15px)}}@keyframes bounce{0%,20%,50%,80%,100%{transform:translateY(0)}40%{transform:translateY(-30px)}60%{transform:translateY(-15px)}}#service-2014 dl{width:144px}.root61 #service-2014 dl{width:199px} /* product-home/1.0.0 floor.css Date:2015-03-19 19:37:12 */ .floor{margin-bottom:30px}.floor .mt{*width:990px;*position:relative;border-bottom:1px solid #c81623;overflow:visible;_zoom:1;position:relative}.floor img{vertical-align:top} .floor h2{position:relative;padding-left:0px;color:#333; font: 1.3em/1.5em 'Roboto Condensed', sans-serif;} .floor h2.index-box{top:8px} .floor h2 i{ position:absolute;top:-8px;left:0;width:48px;height:37px;padding-right:10px; background:url(../images/icon-tm.png) no-repeat 0 0;font-size:13px; color : #ff0000; padding-left: 16px; line-height: 60px; font-weight: bold; text-align:center;overflow:hidden} .floor .tab{display:none; border:solid 1px #ededed;border-bottom:0 none;height:34px;line-height:34px;z-index:1}.floor .tab-item{float:left;display:inline;height:34px;position:relative;z-index:2}.floor .tab-item a{float:left;height:34px;padding:0 16px;text-decoration:none;line-height:34px;overflow:hidden;background:#fff;border-left:solid 1px #fff;border-right:solid 1px #fff;white-space:nowrap}.floor .tab-item span{position:absolute;width:1px;background:#ccc;overflow:hidden;height:14px;top:10px;right:0} .floor .tab-selected a{white-space:nowrap;border-left:solid 1px #c81623;border-right:solid 1px #c81623;border-top:solid 3px #c81623;top:-1px;left:-1px;height:32px;line-height:30px;color:#c81623;text-indent:1px}.floor .tab-selected span{display:none}.floor .m{_width:990px}.floor .mc{_width:1000px}.floor .side{float:left;width:330px;overflow:hidden;font-family:'Roboto Condensed', sans-serif}.floor .side-inner{position:relative;width:330px;background:#e5ebeb;overflow:hidden}.floor .banner{position:relative;height:474px}.floor .banner a{display:block;height:475px}.floor .themes{position:relative;padding-left:10px;height:92px;margin-top:-237px;overflow:hidden;background:rgba(255,255,255,.5);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#88FFFFFF, endColorstr=#88FFFFFF)} .floor .assists{opacity: 0; position:relative;height:48px;padding:21px 0 0;font-size:14px;line-height:24px;overflow:hidden;background:rgba(255,255,255,.7);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#BBFFFFFF, endColorstr=#BBFFFFFF)}.floor .assists li{float:left;width:180px;height:24px;padding-left:25px;overflow:hidden}.floor .assists li a{white-space:nowrap} .floor .words{position:relative;height:76px;background:rgba(255,255,255,.7);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#BBFFFFFF, endColorstr=#BBFFFFFF);} .floor .words li{float:left;width:100%;height:48px;padding:20px 0 0 0;overflow:hidden} .floor .words a{float: left; margin: 0 2.5%; line-height: 24px; white-space: nowrap; width: 45%; overflow: hidden;}.floor .words a:link,.floor .words a:visited{color:#555}.floor .words a:hover{color:#C81623}.floor .themes li{float:left;width:98px;height:26px;padding:10px 0}.floor .themes a{float:left}.floor .themes a:hover .icon{-webkit-animation:flip .2s ease;-moz-animation:flip .2s ease}.floor .themes i,.floor .themes span{float:left;height:26px;overflow:hidden;line-height:26px}.floor .themes span{font-size:14px;margin-right:5px}.floor .themes .icon{width:26px;margin-right:5px}.floor .themes .arrow{font-family:simsun}.floor .main{position:relative;float:left;width:660px;height:474px;overflow:hidden} .floor .main-inner li{width:220px;overflow:hidden;font-size:0;border-right: 1px solid #EDEDED; border-bottom: 1px solid #EDEDED;box-sizing: border-box;text-align: center;} .floor .main-inner a{display:block;overflow:hidden}.floor .main-body{float:left;width:660px}.floor .main-extra{display:none;float:left;width:220px}.floor .slider{position:absolute;top:0;left:0;width:439px;height:236px;overflow:hidden;border-right:1px solid #EDEDED;border-bottom:1px solid #EDEDED}.floor .slider .slider-item{border:none}.floor .slider .slider-nav{width:100%;height:0;line-height:0;text-align:center;bottom:19px;cursor:default}.floor .slider .slider-nav ul{height:0;line-height:0}.floor .slider .slider-nav li{display:inline-block;*display:inline;*zoom:1}.floor .slider .slider-page{display:none}.floor .slider .slider-page a{border:none}.floor .p-list{width:670px;height:474px;overflow:hidden}.floor .p-list li{float:left;width:160px;height:230px;padding:6px 17px 0;border-bottom:1px solid #ededed;border-right:1px solid #ededed;overflow:hidden}.floor .p-list .p-img{height:140px;margin-bottom:4px;text-align:center;padding-top:15px}.floor .p-list .p-name{height:3em;margin-bottom:3px}.floor .p-list .p-price{font-size:15px;font-family:Verdana;color:#E4393C}.floor .img-list{width:670px;height:159px;overflow:hidden}.floor .img-list li{float:left;width:219px;height:158px;border-bottom:1px solid #ededed;border-right:1px solid #ededed}.floor-current h2 i{background:url(../images/sprite_floor.png?__sprite) no-repeat 0 0;background-position:0 0}.floor-current h2:before{content:"";position:absolute;top:2px;left:0;width:31px;height:25px;background:url(../images/sprite_floor.png?__sprite) no-repeat 0 0;background-position:0 -35px}.floor-current h2 i{-webkit-animation-name:scaleDisc;-moz-animation-name:scaleDisc;animation-name:scaleDisc;-webkit-animation-duration:1s;-moz-animation-duration:1s;animation-duration:1s}@-webkit-keyframes scaleDisc{0%{opacity:0;height:0}100%{opacity:1;height:25px}}@-moz-keyframes scaleDisc{0%{opacity:0;height:0}100%{opacity:1;height:25px}}@keyframes scaleDisc{0%{opacity:0;height:0}100%{opacity:1;height:25px}}#babys .side,#babys .side-inner,#books .side,#books .side-inner,#cosmetics .side,#cosmetics .side-inner,#foods .side,#foods .side-inner,#life .side,#life .side-inner,#livings .side,#livings .side-inner,#sports .side,#sports .side-inner{width:210px}#babys .main,#books .main,#cosmetics .main,#foods .main,#livings .main,#sports .main{width:780px}#babys .p-list,#books .p-list,#cosmetics .p-list,#foods .p-list,#livings .p-list,#sports .p-list{width:790px}#digitals .assists li,#electronics .assists li,#mobiles .assists li{width:135px}.floor #babys .words li,.floor #books .words li,.floor #cosmetics .words li,.floor #foods .words li,.floor #life .words li,.floor #livings .words li,.floor #sports .words li{width:165px}.root61 .floor .m{_width:1210px}.root61 .floor .mt{*width:1210px}.root61 .floor .mc{_width:1220px}.root61 .floor .main{width:880px}.root61 .floor .p-list{width:890px}.root61 .floor .p-list li{width:165px}.root61 .floor .img-list{width:890px}.root61 .floor .main-extra{display:block}.root61 #babys .main,.root61 #books .main,.root61 #cosmetics .main,.root61 #foods .main,.root61 #livings .main,.root61 #sports .main{width:1000px}.root61 #babys .p-list,.root61 #books .p-list,.root61 #cosmetics .p-list,.root61 #foods .p-list,.root61 #livings .p-list,.root61 #sports .p-list{width:1010px}.root61 #books .slider{left:220px} .lazy-fn{}.lazy-fn-done{background:0 0} .floor-banner-body{height: auto;margin:0 auto;width:990px}.root61 .floor-banner-body{width:1210px}#lazy-todays{height:184px}#lazy-guess-like{height:289px}#lazy-features-purchase{height:390px}#lazy-clothes{height:737px}#lazy-cosmetics,#lazy-digitals,#lazy-electronics,#lazy-mobiles{height:578px}#lazy-life,#lazy-livings,#lazy-sports{height:577px}#lazy-babys,#lazy-foods{height:578px}#lazy-books{height:577px}#lazy-special{height:339px}#lazy-footer{height:457px} /* product-home/1.0.0 animation-index.css Date:2015-03-13 14:34:22 */ @-webkit-keyframes rotate{0%{-webkit-transform:rotate(0deg)}100%,25%,50%,75%{-webkit-transform:rotate(360deg)}}@-moz-keyframes rotate{0%{-moz-transform:rotate(0deg)}100%,25%,50%,75%{-moz-transform:rotate(360deg)}}@keyframes rotate{0%{transform:rotate(0deg)}100%,25%,50%,75%{transform:rotate(360deg)}}@-webkit-keyframes rotate-all{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}@-moz-keyframes rotate-all{0%{-moz-transform:rotate(0deg)}100%{-moz-transform:rotate(360deg)}}@keyframes rotate-all{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@-webkit-keyframes nav-slide{0%{-webkit-transform:translateX(-11px)}100%,50%,70%{-webkit-transform:translateX(0px)}}@-moz-keyframes nav-slide{0%{-moz-transform:translateX(-11px)}100%,50%,70%{-moz-transform:translateX(0px)}}@keyframes nav-slide{0%{transform:translateX(-11px)}100%,50%,70%{transform:translateX(0px)}}.floor .banner a:before{content:"";position:absolute;width:80px;height:350px;top:0;left:-150px;overflow:hidden;background:-moz-linear-gradient(left,rgba(255,255,255,0)0,rgba(255,255,255,.2)50%,rgba(255,255,255,0)100%);background:-webkit-gradient(linear,left top,right top,color-stop(0%,rgba(255,255,255,0)),color-stop(50%,rgba(255,255,255,.2)),color-stop(100%,rgba(255,255,255,0)));background:-webkit-linear-gradient(left,rgba(255,255,255,0)0,rgba(255,255,255,.2)50%,rgba(255,255,255,0)100%);background:-o-linear-gradient(left,rgba(255,255,255,0)0,rgba(255,255,255,.2)50%,rgba(255,255,255,0)100%);-webkit-transform:skewX(-25deg);-moz-transform:skewX(-25deg)}.floor .banner a:hover::before{-webkit-transition:left 1s;-moz-transition:left 1s;transition:left 1s;left:260px}#clothes .banner a:hover::before,#digitals .banner a:hover::before,#electronics .banner a:hover::before,#mobiles .banner a:hover::before{-webkit-transition:left 1s;-moz-transition:left 1s;transition:left 1s;left:460px}@-webkit-keyframes tick-tock{to{-webkit-transform:rotate(360deg) translate3d(0,0,0)}}.jd-clock-wrap{position:relative;width:210px;height:151px;background:url(../images/homebg.png) 0 -136px no-repeat}.jd-clock{position:absolute;left:72px;top:31px;width:43px;height:43px;border-radius:50%;border:7px solid #fff}.jd-clock::before{content:"";position:absolute;left:18px;top:18px;width:7px;height:7px;border-radius:50%;background:#fff}.jd-clock .jd-clock-h{position:absolute;top:5px;left:19px;height:19px;width:5px;background-color:#fff;border-radius:2px;transform:rotate(10deg);-webkit-transform-origin:2.5px 16.5px;-moz-transform-origin:2.5px 16.5px;transform-origin:2.5px 16.5px}.jd-clock .jd-clock-m{position:absolute;left:5px;top:19px;width:19px;height:5px;background:0 0;border-radius:2px}.jd-clock .jd-clock-m::after{content:"";position:absolute;left:14px;top:-17px;width:5px;height:21px;background-color:#fff;border-radius:2px;-webkit-transform-origin:2.5px 19.5px;-webkit-animation:tick-tock 20s steps(60,end) infinite;-moz-transform-origin:2.5px 19.5px;-moz-animation:tick-tock 20s steps(60,end) infinite;transform-origin:2.5px 19.5px;animation:tick-tock 20s steps(60,end) infinite}.jd-clock .jd-clock-s{position:absolute;left:19px;top:-6px;width:5px;height:28px;-webkit-transform-origin:bottom;-webkit-animation:tick-tock 10s linear infinite;-moz-transform-origin:bottom;-moz-animation:tick-tock 10s linear infinite;transform-origin:bottom;animation:tick-tock 10s linear infinite}.jd-clock .jd-clock-s::after{content:"";position:absolute;left:0;top:0;width:5px;height:5px;background-color:#5e5252;border-radius:50%}@-moz-keyframes tick-tock{to{-moz-transform:rotate(360deg) translate3d(0,0,0)}} /* product-home/1.0.0 elevator.css Date:2015-02-06 18:02:42 */ .elevator{width:30px;overflow:hidden;display:none} .elevator ul{overflow:hidden;background-color:rgba(255,255,255,.8);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ccffffff, endColorstr=#ccffffff)} .elevator li{width:30px;height:30px;line-height:30px;text-align:center;overflow:hidden;margin-top:-1px;cursor:pointer} .elevator li a{display:block;width:30px;height:30px;margin:0 auto;color:#625351;font-size:14px;font-family:'Roboto Condensed', sans-serif;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2xpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpFNDg5NURBNDY3MjA2ODExODIyQUVDNTgwRDU1MkZBQiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1N0M3MTMzQTlBRTQxMUU0OEY2QkNDMkMzNDJCRDdGNiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1N0M3MTMzOTlBRTQxMUU0OEY2QkNDMkMzNDJCRDdGNiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ODBkOTE3NzktZTE1Yi0yNTRkLTljYzMtOGVjNmE4ZTAyMjRjIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjIxNzkxODUyODJEQjExRTQ4RkM0REQwQTBFRkQyNTY2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+3tRxHgAAAAlQTFRFwsLCycnJ////r0pOrgAAAAN0Uk5T//8A18oNQQAAAB5JREFUeNpiYIIABhTIyAQXxgtGpUelR6VpKw0QYACUOgb65Nz92gAAAABJRU5ErkJggg==) 0 0 no-repeat;*background:url(../images/dot.png) 0 0 no-repeat}.elevator li a:hover{color:#fff;text-decoration:none;background:#c81623}.elevator li .etitle{display:none;width:30px;height:30px;color:#fff;font-size:12px}.elevator li.current a{display:none} .elevator li.current .etitle,.elevator li.active a{display:block;color:#c81623} .elevator li.current .etitle:hover{color:#fff}.elevator li.hover a,.elevator li:hover a{display:none}.elevator li.hover .etitle,.elevator li:hover .etitle{display:block;color:#fff} /* product-home/1.0.0 go-top.css Date:2015-02-06 18:02:42 */ .go-top{width:42px;overflow:hidden}.go-top li{float:left;display:inline;width:42px;line-height:33px;cursor:pointer}.go-top li .link-survey{border-top:1px dotted #fff;cursor:pointer;background:#ccc}.go-top li .link-survey:hover{background:#c81623;cursor:pointer}.go-top li .icon-survey{display:block;width:42px;height:33px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAhCAMAAACY2smqAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA21pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDphYmZiZTQyYi00ZmZmLWI0NGQtOTg2Mi1iNTAwZjQ5OWEwYTkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MERGRTYwNDQ4NTk1MTFFNDg4QzNCM0UyMTFBQUQzMjIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MERGRTYwNDM4NTk1MTFFNDg4QzNCM0UyMTFBQUQzMjIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjliZTU4MWQyLWUyZmQtMTY0OS05ZDQ1LWE1ZWQ2MzNkZTYwNSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0OTQ2REVGRTg1OTIxMUU0OTJEOUY1RjRBRDY2RTU5MSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PtQqlGgAAAAGUExURfn5+f///ykOvA0AAAACdFJOU/8A5bcwSgAAAERJREFUeNrs0zsKACAMBNHx/pe2FkfYVCokZXhFvow4aPoqJaZASE06VanUpZYPYacnWRjKlidfAdy9AZboh/mXTgEGAKgXBUYYHMVSAAAAAElFTkSuQmCC) 0 0 no-repeat;*background:url(../images/icon-survey.png) 0 0 no-repeat}.go-top li .icon-survey-text{display:none}.go-top li a{display:block;overflow:hidden;text-align:center;color:#fff}.go-top li a:hover{background:#c81623;text-decoration:none}.go-top li a:hover .icon-survey{display:none}.go-top li a:hover .icon-survey-text{display:block;color:#fff;cursor:pointer}.go-top li.item{width:42px;line-height:42px}.go-top li.item .icon-top{display:block;width:42px;height:5px;line-height:12px;overflow:hidden;padding-top:18px;font-family:"\5b8b\4f53"}.go-top li.item .text-top{display:none}.go-top li.item a{background:#999;display:block;width:42px;height:42px;overflow:hidden;text-align:center;color:#fff}.go-top li.item a:hover{background:#c81623;text-decoration:none}.go-top li.item a:hover .icon-top{display:none}.go-top li.item a:hover .text-top{display:block;color:#fff;cursor:pointer} /* product-home/1.0.0 focus.css Date:2015-04-07 15:15:43 */ #lifeserv,#news{position:absolute;right:0;padding:0;background:rgba(255,255,255,.85);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#BBFFFFFF, endColorstr=#BBFFFFFF)}#lifeserv .mt,#news .mt{padding:0 15px;border-bottom:1px dotted #E8E8E7;height:43px;line-height:43px}#lifeserv h2,#news h2{font-size:16px}#focus{position:relative}#focus .slider{height:466px}#focus .slider-panel{width:100%;height:466px}#focus .slider-panel .inner{width:990px;margin:0 auto;height:466px;overflow:hidden}#focus .slider-panel a{display:block;overflow:hidden;zoom:1;width:510px;margin:12px 250px 0 220px;height:454px}#focus .slider-extra{position:relative;width:990px;height:466px;margin:0 auto}#focus .slider-page-main{position:absolute;z-index:3;left:210px;width:530px;height:466px}#focus .slider-nav,#focus .slider-next,#focus .slider-prev{position:absolute;z-index:4}#focus .slider-nav{top:440px;width:530px;height:0;line-height:0;left:210px;text-align:center}#focus .slider-nav li{width:18px;height:18px;line-height:18px;display:inline-block;*display:inline;*zoom:1}#focus .slider-prev{left:220px}#focus .slider-next{right:260px}.root61 #focus .slider-nav{width:750px}#focus-extra{position:relative;z-index:8;top:-466px}#focus-extra h2{float:left}#focus-extra .mt .extra{float:right;font-family:consolas}.root61 #focus .slider-panel a{width:730px}.root61 #focus .slider-extra,.root61 #focus .slider-panel .inner{width:1210px}.root61 #focus .slider-page-main{width:750px} /* product-home/1.0.0 news.css Date:2015-03-19 19:37:12 */ #news{height:200px;width:248px;overflow:hidden;top:12px;border:solid 1px #e4e4e4;border-bottom:0}#news .mc{height:140px;padding:8px 0 0 15px}#news li{width:210px;height:27px;line-height:27px;overflow:hidden}#news li span{font-weight:700;margin-right:5px} /* product-home/1.0.0 lifeserv.css Date:2015-03-19 19:37:12 */ @-webkit-keyframes toRightFromLeft{50%{opacity:0;-webkit-transform:translate(-50%)}51%{opacity:1}}@-moz-keyframes toRightFromLeft{50%{opacity:0;-moz-transform:translate(-50%)}51%{opacity:1}}#lifeserv{top:213px;border:solid 1px #e4e4e4;border-top:dashed 1px #e4e4e4;overflow:hidden;width:248px}#lifeserv .mc{height:208px;position:relative}#lifeserv ul{position:relative;width:260px;height:209px;overflow:hidden}#lifeserv .lifeserv-current li{height:27px;border-bottom:1px solid #E8E8E7}#lifeserv li{_position:relative;float:left;display:inline;width:62px;height:70px;border-right:1px solid #E8E8E7;border-bottom:1px solid #E8E8E7;overflow:hidden;cursor:pointer}#lifeserv li.simple a{padding-top:0;height:69px}#lifeserv li.simple i{height:0;line-height:0}#lifeserv li.current{border-top:2px solid #c81623;border-bottom:none;background:#fff}#lifeserv li.current a{line-height:25px}#lifeserv li a{display:block;width:62px;height:28px;padding-top:41px;line-height:28px;text-align:center;text-decoration:none;cursor:pointer}#lifeserv li a:hover span{color:#C81623}#lifeserv .ci-left{top:13px;left:18px;width:25px;height:25px}#lifeserv .fore1 .ci-left{background:url(../images/icon_lifeserv.png) no-repeat 0 0}#lifeserv .fore1 .cw-icon:hover .ci-left{background:url(../images/icon_lifeserv.png) no-repeat -25px 0}#lifeserv .fore2 .ci-left{background:url(../images/icon_lifeserv.png) no-repeat 0 -25px}#lifeserv .fore2 .cw-icon:hover .ci-left{background:url(../images/icon_lifeserv.png) no-repeat -25px -25px}#lifeserv .fore3 .ci-left{background:url(../images/icon_lifeserv.png) no-repeat 0 -50px}#lifeserv .fore3 .cw-icon:hover .ci-left{background:url(../images/icon_lifeserv.png) no-repeat -25px -50px}#lifeserv .fore4 .ci-left{background:url(../images/icon_lifeserv.png) no-repeat 0 -75px}#lifeserv .fore4 .cw-icon:hover .ci-left{background:url(../images/icon_lifeserv.png) no-repeat -25px -75px}#lifeserv .fore5 .ci-left{background:url(../images/icon_lifeserv.png) no-repeat 0 -100px}#lifeserv .fore5 .cw-icon:hover .ci-left{background:url(../images/icon_lifeserv.png) no-repeat -25px -100px}#lifeserv .fore6 .ci-left{background:url(../images/icon_lifeserv.png) no-repeat 0 -125px}#lifeserv .fore6 .cw-icon:hover .ci-left{background:url(../images/icon_lifeserv.png) no-repeat -25px -125px}#lifeserv .fore7 .ci-left{background:url(../images/icon_lifeserv.png) no-repeat 0 -150px}#lifeserv .fore7 .cw-icon:hover .ci-left{background:url(../images/icon_lifeserv.png) no-repeat -25px -150px}#lifeserv .fore8 .ci-left{background:url(../images/icon_lifeserv.png) no-repeat 0 -175px}#lifeserv .fore8 .cw-icon:hover .ci-left{background:url(../images/icon_lifeserv.png) no-repeat -25px -175px}#lifeserv .fore9 .ci-left{background:url(../images/icon_lifeserv.png) no-repeat 0 -200px}#lifeserv .fore9 .cw-icon:hover .ci-left{background:url(../images/icon_lifeserv.png) no-repeat -25px -200px}#lifeserv .fore10 .ci-left{background:url(../images/icon_lifeserv.png) no-repeat 0 -225px}#lifeserv .fore10 .cw-icon:hover .ci-left{background:url(../images/icon_lifeserv.png) no-repeat -25px -225px}#lifeserv .fore11 .ci-left{background:url(../images/icon_lifeserv.png) no-repeat 0 -250px}#lifeserv .fore11 .cw-icon:hover .ci-left{background:url(../images/icon_lifeserv.png) no-repeat -25px -250px}#lifeserv .fore12 .ci-left{background:url(../images/icon_lifeserv.png) no-repeat 0 -275px}#lifeserv .fore12 .cw-icon:hover .ci-left{background:url(../images/icon_lifeserv.png) no-repeat -25px -275px}#lifeserv .mc-inner{position:absolute;top:28px;left:0;width:250px;height:180px;background:#fff}#lifeserv .mc-inner .close{display:block;position:absolute;right:0;top:0;width:20px;height:20px;line-height:20px;text-align:center;cursor:pointer}#lifeserv .mc-inner .close:hover{background:#ccc;color:#fff;text-decoration:none}#lifeserv .hide iframe{display:none} /* product-home/1.0.0 floor-banner.css Date:2015-02-05 20:14:58 */ .floor-banner{height:auto;margin-bottom:30px;overflow:visible;_overflow:hidden}.floor-banner .floor-banner-main{_position:relative;overflow:hidden;margin:0 auto;width:960px}.floor-banner .floor-banner-full{width:100%}.root61 .floor-banner .floor-banner-main{width:1200px}.root61 .floor-banner .floor-banner-full{width:100%} /* product-home/1.0.0 brands.css Date:2015-02-05 20:14:58 */ .brands{ margin-top:10px}.brands ul{height:40px;overflow:hidden}.brands li{float:left;width:120px;height:40px;border-left:1px dotted #ccc;text-align:center}.brands li.fore1{border-left:none}.root61 .brands{padding-left:0} /* product-home/1.0.0 todays.css Date:2015-04-08 09:43:23 */ #todays{height:164px;margin:10px 0 20px}#todays .mt{display:none;float:left;width:210px;height:151px;background:url(../images/homebg.png) no-repeat -213px -136px;text-indent:-10000px}#todays .slider{float:left;position:relative;width:990px;height:164px;overflow:hidden}#todays .slider li{width:990px;height:164px}#todays .slider li div{float:left;overflow:hidden}#todays .slider li div.fore1,#todays .slider li div.fore2,#todays .slider li div.fore3{width:246px;margin-right:1px}#todays .slider li div.fore4{width:249px}.root61 #todays .mt{display:block}.root61 #todays .slider{width:1000px}.root61 #todays .slider li{width:1000px}.root61 #todays .slider li div.fore1,.root61 #todays .slider li div.fore2,.root61 #todays .slider li div.fore3{width:249px}.root61 #todays .slider li div.fore4{width:250px} /* product-home/1.0.0 guess-like.css Date:2015-03-13 11:36:13 */ #guessyou{height:269px;margin-bottom:20px;overflow:hidden}#guessyou .mt h2{padding-right:228px;background:url(../images/homebg.png) 85px -91px}#guessyou .mt .extra{height:18px;padding-right:25px;margin-top:8px;background:url(../images/homebg.png) -310px -5px no-repeat}#guessyou .mt .extra:hover{background-position:-310px -29px}#guessyou:hover .spacer i{-webkit-animation:guess-slide 1s .5s;-moz-animation:guess-slide 1s .5s;animation:guess-slide 1s .5s}#guessyou .mc{height:232px;border:1px solid #ededed;border-top:0;overflow:visible}#guessyou ul{height:210px;padding-top:20px;overflow:hidden}#guessyou li{float:left;width:197px;overflow:hidden;padding-bottom:15px}#guessyou li.fore1 .p-info{border-left:none}#guessyou .p-img{text-align:center;margin-bottom:10px}#guessyou .p-info{padding:0 36px;border-left:1px solid #e6e6e6}#guessyou .p-name{height:36px;margin-bottom:6px}#guessyou .p-price{color:#b51d1a;font-size:18px}#guessyou .p-price i{font-size:14px}#guessyou .spacer{position:relative;height:1px;line-height:0;font-size:0;background-color:#d1d1d1}#guessyou .spacer i{width:365px;height:5px;overflow:hidden;position:absolute;right:-1px;top:-2px;background:#b72323 url(../images/homebg.png) no-repeat 0 -124px}@-webkit-keyframes guess-slide{0%{right:100%;opacity:.3}100%{right:0;opacity:1}}@-moz-keyframes guess-slide{0%{right:100%;opacity:.3}100%{right:0;opacity:1}}@keyframes guess-slide{0%{right:100%;opacity:.3}100%{right:0;opacity:1}}.root61 #guessyou li{width:201px} /* product-home/1.0.0 special-buy-v2.css Date:2015-07-02 13:56:52 */ #lazy-special-buy-v2{margin-bottom:20px;height:439px}.home-special-buy-v2 h2{line-height:36px;font-size:20px}.home-special-buy-v2 .hs-content{border-left:solid 1px #ededed;border-top:solid 1px #ededed;height:402px;width:990px;overflow:hidden;*zoom:1;position:relative}.home-special-buy-v2 .hs-item{border-bottom:solid 1px #ededed;border-right:solid 1px #ededed;color:#666;height:200px;width:163px;text-align:center;position:relative;float:left;display:inline;overflow:hidden;font-family:'Roboto Condensed', sans-serif}.home-special-buy-v2 .hs-item img{margin-left:-18px}.home-special-buy-v2 .hs-item .tit{text-align:center;font-size:16px;line-height:18px;font-weight:700;position:absolute;top:20px;width:100%;height:20px;overflow:hidden}.home-special-buy-v2 .hs-item .tit span{display:inline-block;line-height:18px;vertical-align:middle;*vertical-align:baseline;*display:inline;*zoom:1}.home-special-buy-v2 .hs-item .tit .tit-l{color:#fff;font-size:12px;line-height:16px;vertical-align:middle;height:16px;width:30px;overflow:hidden;font-weight:400}.home-special-buy-v2 .hs-item .sub-tit{position:absolute;top:47px;height:18px;overflow:hidden;width:100%}.home-special-buy-v2 .hs-item2{border-bottom:solid 1px #ededed;border-right:solid 1px #ededed;color:#666;height:200px;width:163px;text-align:center;position:relative;float:left;display:inline;overflow:hidden;font-family:'Roboto Condensed', sans-serif}.home-special-buy-v2 .hs-item2 img{margin-left:-18px}.home-special-buy-v2 .hs-item2 .tit{text-align:center;font-size:16px;line-height:18px;font-weight:700;position:absolute;left:0;top:20px;width:100%;height:20px;overflow:hidden}.home-special-buy-v2 .hs-item2 .tit span{display:inline-block;line-height:18px;vertical-align:middle;*vertical-align:baseline;*display:inline;*zoom:1}.home-special-buy-v2 .hs-item2 .tit .tit-l{color:#fff;font-size:12px;line-height:16px;vertical-align:middle;height:16px;width:30px;overflow:hidden;font-weight:400}.home-special-buy-v2 .hs-item2 .sub-tit{position:absolute;left:0;top:47px;height:18px;overflow:hidden;width:100%;color:#dd4957}.home-special-buy-v2 .hs-item-2row{width:331px;position:relative}.home-special-buy-v2 .hs-item-more-m{width:160px;height:111px;margin-top:77px;border:none;border-left:1px dashed #e0e0e0}.home-special-buy-v2 .hs-item-more-m .static-item-more ul{margin-left:15px}.home-special-buy-v2 .hs-item-more-m .static-item-more li{width:135px;height:30px;line-height:30px;border-bottom:0;text-align:left;overflow:hidden;word-wrap:break-word;white-space:normal;word-break:break-all}.home-special-buy-v2 .hs-item-more-m .static-item-more li .tkw{color:#c81623;display:inline}.home-special-buy-v2 .item-more{margin:0 auto;width:126px}.home-special-buy-v2 .item-more h3{border-bottom:dashed 1px #e3e3e3;font-size:16px;height:50px;line-height:50px}.home-special-buy-v2 .item-more ul{overflow:hidden;*zoom:1;margin-top:14px}.home-special-buy-v2 .item-more ul li{float:left;display:inline;margin:6px 0 6px 3px;white-space:nowrap;width:60px;text-align:left}.home-special-buy-v2 .hs-content-left{float:left;display:inline;width:164px;overflow:hidden}.home-special-buy-v2 .hs-content-center{float:left;display:inline;width:328px;overflow:hidden}.home-special-buy-v2 .hs-content-right{float:left;display:inline;overflow:hidden;width:498px}.home-special-buy-v2 .hs-content-right .hs-item{width:165px}.home-special-buy-v2 .hs-item-red .tit{color:#666}.home-special-buy-v2 .hs-item-red .tit-l{background:#dd4957}.home-special-buy-v2 .hs-item-green .tit{color:#8fa952}.home-special-buy-v2 .hs-item-green .tit-l{background:#8fa952}.home-special-buy-v2 .hs-item-main{postion:relative;width:327px}.home-special-buy-v2 .hs-item-main div{position:absolute;cursor:pointer;text-align:center;left:20px;top:60px;width:160px}.home-special-buy-v2 .hs-item-main .hs-m-tit{font-size:18px;line-height:18px;font-weight:600;color:#333;padding-bottom:10px;overflow:hidden;height:20px;*line-height:1.5}.home-special-buy-v2 .hs-item-main .hs-m-subtit{font-size:16px;line-height:16px;color:#333;padding-bottom:10px;height:16px;overflow:hidden}.home-special-buy-v2 .hs-item-main .hs-m-button{display:inline-block;background:#e7004d;color:#fff;width:137px;height:24px;line-height:24px;overflow:hidden;font-size:16px}.home-special-buy-v2 .hs-item-main img{margin-left:0}.home-special-buy-v2 .hs-brands{float:left;width:163px;overflow:hidden;margin-bottom:-1px;height:200px;border-bottom:solid 1px #ededed;border-right:solid 1px #ededed;background:#f7f7f7}.home-special-buy-v2 .hs-brands .hs-brands-con{overflow:hidden;height:199px;margin-bottom:-1px;margin-right:-1px}.home-special-buy-v2 .hs-brands .hs-brands-con .item{display:block;width:163px;height:39px;border-bottom:dashed 1px #e0e0e0;text-align:center;*zoom:1}.home-special-buy-v2 .hs-brands .hs-brands-con .even{display:none}.root61 .home-special-buy-v2 .hs-content{width:1210px}.root61 .home-special-buy-v2 .hs-content-left{width:202px}.root61 .home-special-buy-v2 .hs-content-center{width:404px}.root61 .home-special-buy-v2 .hs-item{width:201px}.root61 .home-special-buy-v2 .hs-item img{margin-left:0}.root61 .home-special-buy-v2 .hs-item2{width:201px}.root61 .home-special-buy-v2 .hs-item2 img{margin-left:0}.root61 .home-special-buy-v2 .hs-item-2row{width:400px}.root61 .home-special-buy-v2 .hs-item-more-m{width:195px}.root61 .home-special-buy-v2 .hs-item-more-m .static-item-more ul{margin-left:15px}.root61 .home-special-buy-v2 .hs-item-more-m .static-item-more li{width:180px}.root61 .home-special-buy-v2 .hs-item-main{width:403px}.root61 .home-special-buy-v2 .hs-content-right{width:604px}.root61 .home-special-buy-v2 .hs-content-right .hs-item{width:200px}.root61 .home-special-buy-v2 .hs-brands{width:201px}.root61 .home-special-buy-v2 .hs-brands .hs-brands-con .item{float:left;display:inline;width:100px;border-right:dashed 1px #e0e0e0}.root61 .home-special-buy-v2 .hs-brands .hs-brands-con .even{border-right:none}.root61 .home-special-buy-v2 .hs-tit-i{width:28px;height:16px;background:url(../images/bg.png) no-repeat;_background:url(../images/bg.png) no-repeat}.root61 .home-special-buy-v2 .hs-tit-i-l{background-position:0 center}.root61 .home-special-buy-v2 .hs-tit-i-r{background-position:-30px center}.root61 .home-special-buy-v2 .hs-item-red .hs-tit-i-l{background-position:0 center}.root61 .home-special-buy-v2 .hs-item-red .hs-tit-i-r{background-position:-30px center}.root61 .home-special-buy-v2 .hs-item-green .hs-tit-i-l{background-position:-58px center}.root61 .home-special-buy-v2 .hs-item-green .hs-tit-i-r{background-position:-87px center}.root61 .home-special-buy-v2 .item-more{width:160px}.root61 .home-special-buy-v2 .item-more ul li{margin-left:15px;margin-right:5px}.home-special-buy-v2 h2{padding-left:96px;background:url(../images/bgforspecialbuy.png) no-repeat 0 -172px}.home-special-buy-v2 .hs-item .sub-tit{color:#c81623}.static-item-more li{position:relative;float:left;width:82px;height:49px;border-bottom:1px solid #efefef}.static-item-more .fore1,.static-item-more .fore3,.static-item-more .fore5,.static-item-more .fore7{border-right:1px solid #efefef}.static-item-more .fore1,.static-item-more .fore4,.static-item-more .fore5,.static-item-more .fore8{background:#f5f5f5}.static-item-more .fore7,.static-item-more .fore8{height:50px}.static-item-more a,.static-item-more span{display:block}.static-item-more b{display:block;width:20px;height:20px;margin:5px auto 2px;background:url(../images/bgforspecialbuy.png) no-repeat}.static-item-more .fore1 b{background-position:0 0}.static-item-more .fore2 b{background-position:0 -20px}.static-item-more .fore3 b{background-position:0 -40px}.static-item-more .fore4 b{background-position:0 -60px}.static-item-more .fore5 b{background-position:0 -80px}.static-item-more .fore6 b{background-position:0 -100px}.static-item-more .fore7 b{background-position:0 -120px}.static-item-more .fore8 b{background-position:0 -140px}.root61 .static-item-more li{width:100px}.root61 .static-item-more .fore1,.root61 .static-item-more .fore3,.root61 .static-item-more .fore5,.root61 .static-item-more .fore7{width:99px} /* product-home/1.0.0 clothes.css Date:2015-02-05 20:14:58 */ #clothes .themes{padding-left:25px;margin-top:-221px}#clothes .themes li{width:100px}#clothes .themes .fore1 .icon{background:url(../images/clothesicon.png) 0 0 no-repeat;_background:url(../images/clothesicon8.png) 0 0 no-repeat}#clothes .themes .fore2 .icon{background:url(../images/clothesicon.png) 0 -26px no-repeat;_background:url(../images/clothesicon8.png) 0 -26px no-repeat}#clothes .themes .fore3 .icon{background:url(../images/clothesicon.png) 0 -52px no-repeat;_background:url(../images/clothesicon8.png) 0 -52px no-repeat}#clothes .themes .fore4 .icon{background:url(../images/clothesicon.png) 0 -78px no-repeat;_background:url(../images/clothesicon8.png) 0 -78px no-repeat}#clothes .themes .fore5 .icon{background:url(../images/clothesicon.png) 0 -104px no-repeat;_background:url(../images/clothesicon8.png) 0 -104px no-repeat}#clothes .themes .fore6 .icon{background:url(../images/clothesicon.png) 0 -130px no-repeat;_background:url(../images/clothesicon8.png) 0 -130px no-repeat}#clothes .words{height:128px;border-bottom:1px solid #ededed}#clothes .words li{height:96px;padding-top:16px}#clothes .side-extra{width:328px;height:158px;border:1px solid #ededed;border-left:1px solid #f7f5ee;border-top:0;overflow:hidden}#clothes .main{height:633px}#clothes .main-body li{float:left;height:158px}#clothes .main-body li.fore1{width:440px}#clothes .main-body li.fore2{width:440px;height:159px;padding-top:316px}#clothes .main-body li.fore2 a{height:158px}#clothes .main-body li.fore3{margin-top:-158px}#clothes .main-body li.fore6{height:159px}#clothes .main-body li.fore6 a{height:158px}#clothes .main-body li.fore3,#clothes .main-body li.fore4,#clothes .main-body li.fore5,#clothes .main-body li.fore6{float:right}#clothes .main-extra li{height:158px}#clothes .main-extra li.fore3{height:317px}#clothes .slider{top:158px;height:315px}#clothes .p-list li{width:185px} /* product-home/1.0.0 cosmetics.css Date:2015-02-05 20:14:58 */ #cosmetics .themes .fore1 .icon{background:url(../images/cosmeticsicon.png) 0 0 no-repeat;_background:url(../images/cosmeticsicon8.png) 0 0 no-repeat}#cosmetics .themes .fore2 .icon{background:url(../images/cosmeticsicon.png) 0 -26px no-repeat;_background:url(../images/cosmeticsicon8.png) 0 -26px no-repeat}#cosmetics .themes .fore3 .icon{background:url(../images/cosmeticsicon.png) 0 -52px no-repeat;_background:url(../images/cosmeticsicon8.png) 0 -52px no-repeat}#cosmetics .themes .fore4 .icon{background:url(../images/cosmeticsicon.png) 0 -78px no-repeat;_background:url(../images/cosmeticsicon8.png) 0 -78px no-repeat}#cosmetics .main-inner{padding-left:340px}#cosmetics .main-body{width:440px}#cosmetics .main-body li{float:left;width:220px;height:177px}#cosmetics .main-body li.fore1,#cosmetics .main-body li.fore2{height:297px}#cosmetics .main-extra li{width:220px;height:177px}#cosmetics .main-extra li.fore1{height:297px}#cosmetics .slider{width:339px;height:473px}#cosmetics .slider-panel a{display:block}#cosmetics .slider-panel a.fore1{border-bottom:1px dotted #ccc} /* product-home/1.0.0 electronics.css Date:2015-02-05 20:14:58 */ #electronics .themes .fore1 .icon{background:url(../images/electronicsicon.png) 0 0 no-repeat;_background:url(../images/electronicsicon8.png) 0 0 no-repeat}#electronics .themes .fore2 .icon{background:url(../images/electronicsicon.png) 0 -26px no-repeat;_background:url(../images/electronicsicon8.png) 0 -26px no-repeat}#electronics .themes .fore3 .icon{background:url(../images/electronicsicon.png) 0 -52px no-repeat;_background:url(../images/electronicsicon8.png) 0 -52px no-repeat}#electronics .themes .fore4 .icon{background:url(../images/electronicsicon.png) 0 -78px no-repeat;_background:url(../images/electronicsicon8.png) 0 -78px no-repeat}#electronics .themes{height:46px}#electronics .themes li{width:145px;padding:10px 0 10px 15px}#electronics .words{height:122px}#electronics .words li{height:96px}#electronics .main-body li{float:left;height:237px}#electronics .main-body li.fore1{height:118px}#electronics .main-body li.fore2{height:119px}#electronics .main-body li.fore1,#electronics .main-body li.fore2{padding-left:440px}#electronics .main-extra li.fore1{height:118px}#electronics .main-extra li.fore2{height:119px}#electronics .main-extra li.fore3{height:237px}#electronics .p-list li{width:185px} /* product-home/1.0.0 mobiles.css Date:2015-03-17 15:29:22 */ #mobiles .themes .fore1 .icon,.floorStyleA .themes .fore1 .icon{background:url(../images/mobilesicon.png) 0 0 no-repeat;_background:url(../images/mobilesicon8.png) 0 0 no-repeat} #mobiles .themes .fore2 .icon,.floorStyleA .themes .fore2 .icon{background:url(../images/mobilesicon.png) 0 -26px no-repeat;_background:url(../images/mobilesicon8.png) 0 -26px no-repeat}#mobiles .themes .fore3 .icon,.floorStyleA .themes .fore3 .icon{background:url(../images/mobilesicon.png) 0 -52px no-repeat;_background:url(../images/mobilesicon8.png) 0 -52px no-repeat}#mobiles .themes .fore4 .icon,.floorStyleA .themes .fore4 .icon{background:url(../images/mobilesicon.png) 0 -78px no-repeat;_background:url(../images/mobilesicon8.png) 0 -78px no-repeat} #mobiles .themes,.floorStyleA .themes{height:46px;padding-left:25px;opacity: 0} #mobiles .words,.floorStyleA .words{height:122px} #mobiles .words li,.floorStyleA .words li{height:96px}#mobiles .main-body li,.floorStyleA .main-body li{float:left;height:237px} #mobiles .main-body li.fore1,.floorStyleA .main-body li.fore1{height:118px}#mobiles .main-body li.fore2,.floorStyleA .main-body li.fore2{height:119px} #mobiles .main-body li.fore1,#mobiles .main-body li.fore2,.floorStyleA .main-body li.fore1,.floorStyleA .main-body li.fore2{margin-left:440px} #mobiles .main-extra li.fore1,.floorStyleA .main-extra li.fore1{height:118px}#mobiles .main-extra li.fore2,.floorStyleA .main-extra li.fore2{height:119px}#mobiles .main-extra li.fore3,.floorStyleA .main-extra li.fore3{height:237px}#mobiles .p-list li,.floorStyleA .p-list li{width:185px} /* product-home/1.0.0 digitals.css Date:2015-03-24 18:04:13 */ #digitals .themes .fore1 .icon{background:url(../images/digitalsicon.png) 0 0 no-repeat;_background:url(../images/digitalsicon8.png) 0 0 no-repeat}#digitals .themes .fore2 .icon{background:url(../images/digitalsicon.png) 0 -26px no-repeat;_background:url(../images/digitalsicon8.png) 0 -26px no-repeat}#digitals .themes .fore3 .icon{background:url(../images/digitalsicon.png) 0 -52px no-repeat;_background:url(../images/digitalsicon8.png) 0 -52px no-repeat}#digitals .themes .fore4 .icon{background:url(../images/digitalsicon.png) 0 -78px no-repeat;_background:url(../images/digitalsicon8.png) 0 -78px no-repeat}#digitals .themes{height:46px}#digitals .themes li{width:145px;padding:10px 0 10px 15px}#digitals .words{height:122px}#digitals .words li{height:96px}#digitals .main-body li{float:left;height:237px}#digitals .main-body li.fore1{padding-left:440px}#digitals .main-extra li{height:237px}#digitals .p-list li{width:185px} .digitalsfloorStyle0 .assists li{width:135px} .digitalsfloorStyle0 .themes .fore1 .icon{background:url(../images/digitalsicon.png) 0 0 no-repeat;_background:url(../images/digitalsicon8.png) 0 0 no-repeat} .digitalsfloorStyle0 .themes .fore2 .icon{background:url(../images/digitalsicon.png) 0 -26px no-repeat;_background:url(../images/digitalsicon8.png) 0 -26px no-repeat} .digitalsfloorStyle0 .themes .fore3 .icon{background:url(../images/digitalsicon.png) 0 -52px no-repeat;_background:url(../images/digitalsicon8.png) 0 -52px no-repeat} .digitalsfloorStyle0 .themes .fore4 .icon{background:url(../images/digitalsicon.png) 0 -78px no-repeat;_background:url(../images/digitalsicon8.png) 0 -78px no-repeat} .digitalsfloorStyle0 .themes li{width:140px;padding:10px 0} .digitalsfloorStyle0 .themes .fore1{margin-right:20px} .digitalsfloorStyle0 .p-list li{width:185px} /* product-home/1.0.0 sports.css Date:2015-02-05 20:14:58 */ #sports .themes .fore1 .icon{background:url(../images/sportsicon.png) 0 0 no-repeat;_background:url(../images/sportsicon8.png) 0 0 no-repeat}#sports .themes .fore2 .icon{background:url(../images/sportsicon.png) 0 -26px no-repeat;_background:url(../images/sportsicon8.png) 0 -26px no-repeat}#sports .themes .fore3 .icon{background:url(../images/sportsicon.png) 0 -52px no-repeat;_background:url(../images/sportsicon8.png) 0 -52px no-repeat}#sports .themes .fore4 .icon{background:url(../images/sportsicon.png) 0 -78px no-repeat;_background:url(../images/sportsicon8.png) 0 -78px no-repeat}#sports .main-body{width:780px}#sports .main-body li{float:left;height:237px}#sports .main-body li.fore2,#sports .main-body li.fore4{padding-left:340px}#sports .main-extra li{height:237px}#sports .slider{left:220px;width:339px;height:473px}#sports .slider-panel a{display:block}#sports .slider-panel a.fore1{border-bottom:1px dotted #ccc} /* product-home/1.0.0 livings.css Date:2015-02-05 20:14:58 */ #livings .themes .fore1 .icon{background:url(../images/livingsicon.png) 0 0 no-repeat;_background:url(../images/livingsicon8.png) 0 0 no-repeat}#livings .themes .fore2 .icon{background:url(../images/livingsicon.png) 0 -26px no-repeat;_background:url(../images/livingsicon8.png) 0 -26px no-repeat}#livings .themes .fore3 .icon{background:url(../images/livingsicon.png) 0 -52px no-repeat;_background:url(../images/livingsicon8.png) 0 -52px no-repeat}#livings .themes .fore4 .icon{background:url(../images/livingsicon.png) 0 -78px no-repeat;_background:url(../images/livingsicon8.png) 0 -78px no-repeat}#livings .main-body{width:780px}#livings .main-body li{float:left;height:237px}#livings .main-body li.fore2,#livings .main-body li.fore4{padding-left:340px}#livings .main-extra li{height:237px}#livings .slider{left:220px;width:339px;height:473px}#livings .slider-panel a{display:block}#livings .slider-panel a.fore1{border-bottom:1px dotted #ccc} /* product-home/1.0.0 babys.css Date:2015-02-05 20:14:58 */ #babys .themes .fore1 .icon{background:url(../images/babysicon.png) 0 0 no-repeat;_background:url(../images/babysicon8.png) 0 0 no-repeat}#babys .themes .fore2 .icon{background:url(../images/babysicon.png) 0 -26px no-repeat;_background:url(../images/babysicon8.png) 0 -26px no-repeat}#babys .themes .fore3 .icon{background:url(../images/babysicon.png) 0 -52px no-repeat;_background:url(../images/babysicon8.png) 0 -52px no-repeat}#babys .themes .fore4 .icon{background:url(../images/babysicon.png) 0 -78px no-repeat;_background:url(../images/babysicon8.png) 0 -78px no-repeat}#babys .main-body{width:780px}#babys .main-body li{float:left;height:237px}#babys .main-body li.fore2,#babys .main-body li.fore4{padding-left:340px}#babys .main-extra li{height:237px}#babys .slider{left:220px;width:339px;height:473px}#babys .slider-panel a{display:block}#babys .slider-panel a.fore1{border-bottom:1px dotted #ccc} /* product-home/1.0.0 foods.css Date:2015-02-05 20:14:58 */ #foods .themes .fore1 .icon{background:url(../images/foodsicon.png) 0 0 no-repeat;_background:url(../images/foodsicon.png) 0 0 no-repeat}#foods .themes .fore2 .icon{background:url(../images/foodsicon.png) 0 -26px no-repeat;_background:url(../images/foodsicon.png) 0 -26px no-repeat}#foods .themes .fore3 .icon{background:url(../images/foodsicon.png) 0 -52px no-repeat;_background:url(../images/foodsicon.png) 0 -52px no-repeat}#foods .themes .fore4 .icon{background:url(../images/foodsicon.png) 0 -78px no-repeat;_background:url(../images/foodsicon.png) 0 -78px no-repeat}#foods .main-body{width:780px}#foods .main-body li{float:left;height:237px}#foods .main-body li.fore2,#foods .main-body li.fore4{padding-left:340px}#foods .main-extra li{height:237px}#foods .slider{left:220px;width:339px;height:473px}#foods .slider-panel a{display:block}#foods .slider-panel a.fore1{border-bottom:1px dotted #ccc} /* product-home/1.0.0 books.css Date:2015-02-12 20:20:33 */ #books .themes .fore1 .icon{background:url(../images/booksicon.png) 0 0 no-repeat;_background:url(../images/booksicon.png) 0 0 no-repeat}#books .themes .fore2 .icon{background:url(../images/booksicon.png) 0 -26px no-repeat;_background:url(../images/booksicon.png) 0 -26px no-repeat}#books .themes .fore3 .icon{background:url(../images/booksicon.png) 0 -52px no-repeat;_background:url(../images/booksicon.png) 0 -52px no-repeat}#books .themes .fore4 .icon{background:url(../images/booksicon.png) 0 -78px no-repeat;_background:url(../images/booksicon.png) 0 -78px no-repeat}#books .main-body{width:440px;padding-top:237px}#books .main-body li{float:left;height:237px}#books .main-extra li{height:237px}#books .main-inner{position:absolute;left:0;top:0}#books .slider-body{width:439px;height:236px;overflow:hidden}#books .main{position:relative}#author{position:absolute;left:440px;top:0;width:340px;height:473px}#author h3{margin:0 15px 0 10px;padding-left:5px;padding-bottom:10px;font-size:20px;line-height:23px;border-bottom:1px solid #e4e4e4}#author .smt{height:34px;padding-top:13px;border-right:1px solid #EDEDED}#author .smc{height:426px;padding-left:15px;border-right:1px solid #EDEDED;border-bottom:1px solid #EDEDED}#author .smc li{height:80px;margin-top:20px;overflow:hidden}#author .author-info{float:left;width:48px;padding:2px 15px 0 4px;text-align:center}#author .author-info img{vertical-align:top;width:48px;height:48px;border-radius:50%;margin-bottom:6px}#author .author-info span{display:block;height:18px;overflow:hidden}#author .p-img{float:left;padding-left:8px;width:80px;height:80px;border-left:1px dotted #dbdbdb}#author .p-info{float:left;padding-left:10px}#author .p-name{width:150px;height:18px;margin-bottom:5px;font-size:14px;font-family:'Roboto Condensed', sans-serif}#author .p-detail{position:relative;width:115px;height:34px;padding:10px 15px 10px 20px;background:#f8f8f8;color:#999;overflow:visible}#author .p-detail p{height:38px;overflow:hidden;word-break:break-all}#author .detail-arrow{position:absolute;left:-9px;top:19px;color:#f8f8f8;font-size:20px}#author .icon-l{position:absolute;left:4px;top:7px;font-size:38px;line-height:38px;color:#aaa;font-family:'Roboto Condensed', sans-serif;*font-size:20px;*line-height:28px;*text-indent:-.5em}#author .icon-r{font-size:38px;line-height:38px;color:#aaa;vertical-align:-24px;font-family:'Roboto Condensed', sans-serif;*font-size:20px;*line-height:20px;*text-indent:-.5em;*vertical-align:-14px}.root61 #author{left:660px} /* product-home/1.0.0 life.css Date:2015-03-17 15:58:23 */ #life .themes .fore1 .icon{background:url(../images/lifeicon.png) 0 0 no-repeat;_background:url(../images/lifeicon.png) 0 0 no-repeat}#life .themes .fore2 .icon{background:url(../images/lifeicon.png) 0 -26px no-repeat;_background:url(../images/lifeicon.png) 0 -26px no-repeat}#life .themes .fore3 .icon{background:url(../images/lifeicon.png) 0 -52px no-repeat;_background:url(../images/lifeicon.png) 0 -52px no-repeat}#life .themes .fore4 .icon{background:url(../images/lifeicon.png) 0 -78px no-repeat;_background:url(../images/lifeicon.png) 0 -78px no-repeat}#life .themes li{width:170px;padding:10px 0 10px 15px}#life .side{*position:relative;height:237px;overflow:hidden}#life .themes{margin-top:-329px}#life .main{width:780px;height:237px;border-top:none}#life .main-body{width:395px;padding-left:395px;padding-top:0}#life .main-body li{float:left;width:192px;height:118px}#life .main-body li.fore1,#life .main-body li.fore2{border-top:1px solid #f5f5f5}#life .main-body li.fore2,#life .main-body li.fore4{width:193px}#life .slider{width:395px;height:237px;border-right:0;border-bottom:0}.root61 #life .side{height:475px}.root61 #life .themes{margin-top:-237px}.root61 #life .main{width:395px;height:475px}.root61 #life .main-body{padding-left:0;padding-top:236px}.root61 #life .main-body li{float:left;width:197px;height:119px}.root61 #life .main-body li.fore1,.root61 #life .main-body li.fore2{border-top:0}.root61 #life .main-body li.fore2,.root61 #life .main-body li.fore4{width:198px}.root61 #life .slider{border-bottom:1px solid #f5f5f5} /* product-home/1.0.0 special.css Date:2015-02-05 22:46:19 */ #special{float:left;width:680px;margin-bottom:20px}#special .mt h2{padding-right:232px;background:url(../images/title.png) no-repeat right 10px}#special .mc{width:679px;height:281px;border:solid #E5E5E5;border-width:1px 0 1px 1px}#special .mc ul{width:690px;overflow:hidden}#special .mc li{float:left;width:199px;height:104px;padding:18px 10px;border-right:1px solid #EDEDED;border-bottom:1px solid #EDEDED;overflow:hidden}#special .mc li:hover .p-img img{margin-left:-10px}#special .mc li.fore1{width:219px;height:245px}#special .mc li.fore1:hover .p-img img{margin-left:-20px}#special .mc li.fore1 .p-img{width:219px;height:180px;margin-bottom:10px;text-align:center}#special .mc li.fore1 .p-info{width:200px}#special .mc li.fore1 .p-name{height:18px}#special .mc li.fore1 .p-price{float:left}#special .mc li.fore1 .p-discount{float:right}#special .mc li .p-img{float:left;width:100px;height:100px}#special .mc li .p-img img{-webkit-transition:all .4s ease-out;-moz-transition:all .4s ease-out;-ms-transition:all .4s ease-out;-o-transition:all .4s ease-out;transition:all .4s ease-out}#special .mc li .p-info{float:right;width:94px}#special .mc li .p-name{height:36px;margin-bottom:6px;color:#666;word-break:break-all}#special .mc li .p-price{margin-bottom:5px}#special .mc li .p-price span{display:block;color:#e12228;font-size:16px;font-weight:700}#special .mc li .p-price del{display:block;color:#c2c2c2}#special .mc li .p-discount{display:inline-block;*display:inline;*zoom:1;height:16px;line-height:16px;background-color:#e12228;padding:0 2px;color:#fff}.root61 #special{width:900px}.root61 #special .mc{width:899px}.root61 #special .mc ul{width:910px} /* product-home/1.0.0 share.css Date:2015-02-05 20:14:58 */ #share{float:left;width:310px}#share .mc{width:268px;height:226px;padding:35px 20px 20px;border:1px solid #EDEDED}#share .mc li{height:100px;margin-bottom:20px;overflow:hidden}#share .sw{width:268px}#share .p-img{float:left;display:inline;padding:10px 0;width:80px;height:80px}#share .p-info{float:left;display:inline;width:166px;padding-left:20px;margin-top:3px}#share .p-info .p-name{height:expression(this.height>54?54:true);max-height:54px;overflow:hidden}#share .author-info{height:28px;margin-bottom:5px;overflow:hidden}#share .author-info img{width:28px;height:28px;margin-right:5px;border-radius:50%;vertical-align:middle}#share .author-info span{line-height:28px}#share .p-detail{position:relative;width:130px;height:34px;padding:10px 15px 10px 20px;background:#f8f8f8;color:#999;overflow:visible}#share .p-detail a,#share .p-detail p{display:block;height:38px;overflow:hidden;word-break:break-all}#share .detail-arrow{position:absolute;left:-9px;top:19px;color:#f8f8f8;font-size:20px}#share .icon-l{position:absolute;left:4px;top:7px;font-size:38px;line-height:38px;color:#aaa;font-family:'Roboto Condensed', sans-serif;*font-size:20px;*line-height:28px;*text-indent:-.5em}#share .icon-r{font-size:38px;line-height:38px;color:#aaa;vertical-align:-24px;font-family:'Roboto Condensed', sans-serif;*font-size:20px;*line-height:20px;*text-indent:-.5em;*vertical-align:-14px}#share .sw{position:relative;overflow:hidden;height:240px} /*CSS*/ .lazy-hidden { background: url('data:image/png;base64,R0lGODlhEAAQAPYAAP///wAAANTU1JSUlGBgYEBAQERERG5ubqKiotzc3KSkpCQkJCgoKDAwMDY2Nj4+Pmpqarq6uhwcHHJycuzs7O7u7sLCwoqKilBQUF5eXr6+vtDQ0Do6OhYWFoyMjKqqqlxcXHx8fOLi4oaGhg4ODmhoaJycnGZmZra2tkZGRgoKCrCwsJaWlhgYGAYGBujo6PT09Hh4eISEhPb29oKCgqioqPr6+vz8/MDAwMrKyvj4+NbW1q6urvDw8NLS0uTk5N7e3s7OzsbGxry8vODg4NjY2PLy8tra2np6erS0tLKyskxMTFJSUlpaWmJiYkJCQjw8PMTExHZ2djIyMurq6ioqKo6OjlhYWCwsLB4eHqCgoE5OThISEoiIiGRkZDQ0NMjIyMzMzObm5ri4uH5+fpKSkp6enlZWVpCQkEpKSkhISCIiIqamphAQEAwMDKysrAQEBJqamiYmJhQUFDg4OHR0dC4uLggICHBwcCAgIFRUVGxsbICAgAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAEAAQAAAHjYAAgoOEhYUbIykthoUIHCQqLoI2OjeFCgsdJSsvgjcwPTaDAgYSHoY2FBSWAAMLE4wAPT89ggQMEbEzQD+CBQ0UsQA7RYIGDhWxN0E+ggcPFrEUQjuCCAYXsT5DRIIJEBgfhjsrFkaDERkgJhswMwk4CDzdhBohJwcxNB4sPAmMIlCwkOGhRo5gwhIGAgAh+QQJCgAAACwAAAAAEAAQAAAHjIAAgoOEhYU7A1dYDFtdG4YAPBhVC1ktXCRfJoVKT1NIERRUSl4qXIRHBFCbhTKFCgYjkII3g0hLUbMAOjaCBEw9ukZGgidNxLMUFYIXTkGzOmLLAEkQCLNUQMEAPxdSGoYvAkS9gjkyNEkJOjovRWAb04NBJlYsWh9KQ2FUkFQ5SWqsEJIAhq6DAAIBACH5BAkKAAAALAAAAAAQABAAAAeJgACCg4SFhQkKE2kGXiwChgBDB0sGDw4NDGpshTheZ2hRFRVDUmsMCIMiZE48hmgtUBuCYxBmkAAQbV2CLBM+t0puaoIySDC3VC4tgh40M7eFNRdH0IRgZUO3NjqDFB9mv4U6Pc+DRzUfQVQ3NzAULxU2hUBDKENCQTtAL9yGRgkbcvggEq9atUAAIfkECQoAAAAsAAAAABAAEAAAB4+AAIKDhIWFPygeEE4hbEeGADkXBycZZ1tqTkqFQSNIbBtGPUJdD088g1QmMjiGZl9MO4I5ViiQAEgMA4JKLAm3EWtXgmxmOrcUElWCb2zHkFQdcoIWPGK3Sm1LgkcoPrdOKiOCRmA4IpBwDUGDL2A5IjCCN/QAcYUURQIJIlQ9MzZu6aAgRgwFGAFvKRwUCAAh+QQJCgAAACwAAAAAEAAQAAAHjIAAgoOEhYUUYW9lHiYRP4YACStxZRc0SBMyFoVEPAoWQDMzAgolEBqDRjg8O4ZKIBNAgkBjG5AAZVtsgj44VLdCanWCYUI3txUPS7xBx5AVDgazAjC3Q3ZeghUJv5B1cgOCNmI/1YUeWSkCgzNUFDODKydzCwqFNkYwOoIubnQIt244MzDC1q2DggIBACH5BAkKAAAALAAAAAAQABAAAAeJgACCg4SFhTBAOSgrEUEUhgBUQThjSh8IcQo+hRUbYEdUNjoiGlZWQYM2QD4vhkI0ZWKCPQmtkG9SEYJURDOQAD4HaLuyv0ZeB4IVj8ZNJ4IwRje/QkxkgjYz05BdamyDN9uFJg9OR4YEK1RUYzFTT0qGdnduXC1Zchg8kEEjaQsMzpTZ8avgoEAAIfkECQoAAAAsAAAAABAAEAAAB4iAAIKDhIWFNz0/Oz47IjCGADpURAkCQUI4USKFNhUvFTMANxU7KElAhDA9OoZHH0oVgjczrJBRZkGyNpCCRCw8vIUzHmXBhDM0HoIGLsCQAjEmgjIqXrxaBxGCGw5cF4Y8TnybglprLXhjFBUWVnpeOIUIT3lydg4PantDz2UZDwYOIEhgzFggACH5BAkKAAAALAAAAAAQABAAAAeLgACCg4SFhjc6RhUVRjaGgzYzRhRiREQ9hSaGOhRFOxSDQQ0uj1RBPjOCIypOjwAJFkSCSyQrrhRDOYILXFSuNkpjggwtvo86H7YAZ1korkRaEYJlC3WuESxBggJLWHGGFhcIxgBvUHQyUT1GQWwhFxuFKyBPakxNXgceYY9HCDEZTlxA8cOVwUGBAAA7AAAAAAAAAAAA') no-repeat 50% 50%; } .lazy-loaded { -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -ms-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; opacity: 1; } .logo img{height:90px} .dorpdown{ float: left; } .headright{ float: right; width: 349px; } .advHeader{ width: 100%; overflow: hidden; } .dealheader{ float: right; z-index: 11; height: 53px; width: 184px; margin-top: 13px; background: #476067; } .dealkhung{ height: 16px; font: 0.9em/1.2em 'Roboto Condensed', sans-serif; text-align: center; color: #fff; text-transform: uppercase; padding: 3px; } .timedeal{ height: 28px; font: 1.3em/1.2em 'Roboto Condensed', sans-serif; text-align: center; color: #000; text-transform: uppercase; padding: 11px 0 0; background: #f3f1f2; box-sizing: content-box; } .timedeal:before,.timedealkt:before{ content: ""; background: url('../images/watch.png') no-repeat; height: 20px; width: 20px; padding: 5px 13px; } .dealnote{ font: 0.9em/1.2em 'Roboto Condensed', sans-serif; text-align: center; color: #000; padding: 3px; } .timedealkt{olor: #fff; font-size: 1.2em; font-weight: bold;text-align: center; margin: 5px 0 15px;} .top-support{ font: 2.0em/1.0em 'Roboto Condensed', sans-serif; color: #fff; margin: 12px 10px 0px 12px; position: absolute; text-transform: uppercase; } .top-support:before{ content:""; background: url('../images/hotline.png')no-repeat; padding: 7px 22px; } .listprd{ background: #e9edee; height: 100px; width: 100%; margin: 5px 0 0 0; } .inside-listprd{ background: #fff; height: 90px; width: 100%; margin: 3px 0 0 0; padding: 2px 6px 0px 6px; } .line1{ height: 45px; border-bottom: 1px solid #f5f6f8; } .advHeader img{ width: 100%; } .sidebar__listItem .icon__round .icon__sidebar{ width: 100%; height: 100%; font-size: 12px;text-align: center;display: block } .sidebar__listItem .icon__round .icon__sidebar [class^="ft-"]:before, [class*=" ft-"]:before { font-size: 15px; vertical-align: middle; line-height: 24px } .menu-text img{ max-width: 610px; max-height: 100% } .home__floor { overflow: hidden; }.layout__wrapper{ margin-bottom: 15px; } .divchung{ display: -webkit-box; } .Rbox{ padding-left: 15px; width: 935px; } .floor h2.index_box_itemname{ line-height: 18.5px; font-size: 13px; padding-left: 5px; margin-top: 10px ; padding-right: 5px; overflow: hidden;max-height: 36px; text-align: left; } .floor .fore1 h2.index_box_itemname,.floor .fore2 h2.index_box_itemname{ max-height: 54px; width: 140px } .floor .index_box_itemprice{ text-align: left; font-weight:400; font-size: 15px; padding-left: 5px; color:#ff0000; float:left ; width:100%; margin-top: 10px; } .floor img.index_box_itemimg{ } .floor .fore1 img.index_box_itemimg,.floor .fore2 img.index_box_itemimg{ position: absolute; right:0; bottom:0; width: 100px; } .floor .pimg{ position: absolute; bottom: 0; width: 100%; } .floor .pimg img{ max-height: 150px; } .floor .main-inner .fore1 a,.floor .main-inner .fore2 a{ } .linehead{ height: 35px; background: #f9f9f9; width: 100%; margin: 3px 0 5px 0; border-bottom: 1px solid #ececec; border-top: 1px solid #ececec; } .linein{ margin: 8px 0 0 0; text-transform: uppercase; text-align: right; position: absolute; top: 0; left: 150px; } .linein a{ color: #000;} .linein a:hover{ color: red;} .mainmenutop{ padding: 11px 0; text-transform: uppercase; background: #373966;} .mainmenutop:hover{ padding: 11px 0; text-transform: uppercase; background: #373966;} .menu_main{ width: 100%; } .full-bg-menu{background: #d70000; width:100%;height: 50px;} .main_menu a{font-size: 14px; color: #fff; border:none; padding:0.75em 1em; text-transform: uppercase;} .main_menu h2{ font: 1.2em 'Roboto Condensed', sans-serif;} .main_menu h3{ font: 1.2em 'Roboto Condensed', sans-serif;} .main_menu li{background: transparent;} .main_menu li:hover, .main_menu li.sfHover{ background: #d2d2d2;} .main_menu li li{ background: #065f9d;min-width: 195px;} .main_menu li li a{border-top: 1px solid #dedede; font-size: 1.2em;text-align: left;} .menu_main > .home{ width: 60px; float: left; background: url('../images/btn-home.png') no-repeat left center; font-size: 1.3em; padding: 0.87em 1em; background-size: 100% } .footer_in{margin: 15px 0;} .footer_li{float: left;margin-right: 35px;line-height: 20px;} .system_menu_ext,.system-style.footer{background-color: #000;} .system-style.addContact {border-top: 1px solid #363636; margin: 0;} .footer_li h6 a{ color: #fff; font-size: 14px; } .footer_li a{ color: #b3b3b3; font-size: 12px;margin-left: 10px; } .system_menu_ext{ border-bottom:1px solid #154d74; } .system-style.menu_ext1{ text-align: center; } .system-style.menu_ext1 li .menu-item-name{ font: 1.3em/45px 'Roboto Condensed', sans-serif; color:#e0e0e0; display: inline-block; white-space: nowrap; padding: 0 20px; }.system-style.menu_ext1 li:hover a{text-decoration: none;} .system-style.menu_ext1 li:hover { background-color: #001f35; } .block_slide{ display: flex; } .rightmenu{ float: right; } .boxmenu{ display: inline-block; } .box-title { text-transform: uppercase; font-size: 18px; margin: 20px 0; } .index-box .box-title a { font-family: 'Roboto Condensed', sans-serif; color: #611900; font-size: 20px; margin-top: 15px; margin-bottom: 5px; display: block; } .destination_box_list { display: block; margin: 0; padding: 0; list-style: none; } .destination_box_list li { position: relative; overflow: hidden; display: block; /* margin: 0 9px 10px 0; */ padding: 0 5px; } .destination_box_list li a.photo { display: block; width: 257px; height: 213px; } .linein .box-linein{ color: #fff500; font-size: 15px; font-weight: 600; float: left; margin: 1px 10px;} .lineheadbox1, .lineheadbox1:hover{ font: 1.1em/1.2em 'Roboto Condensed', sans-serif; color: #505050; padding: 0 0px 0 0; text-decoration: none; margin-right: 15px; } .lineheadbox1:before{ content: ""; /*background: url('../images/preicon.png') no-repeat;*/ height: 20px; width: 20px; padding: 4px 0px; } .lineheadbox2, .lineheadbox2:hover{ font: 1.2em/1.2em 'Roboto Condensed', sans-serif; color: #ffffff; padding: 0 0px 0 0; text-decoration: none; } .lineheadbox2:before{ content: ""; /*background: url('../images/preicon.png') no-repeat;*/ height: 20px; width: 20px; padding: 4px 4px; margin-right: 15px; } .lineheadbox3, .lineheadbox3:hover{ font: 1.2em/1.2em 'Roboto Condensed', sans-serif; color: #ffffff; padding: 0 0px 0 0; text-decoration: none; } .lineheadbox3:before{ content: ""; /*background: url('../images/preicon.png') no-repeat;*/ height: 20px; width: 20px; padding: 4px 4px; margin-right: 15px; } .dmsp{ float: left; background-color: #482626; width: 205px; width: 260px; height: 100%; border-right: 5px solid #f1f1f1; } .dmsptitle{ font: 13px 'Roboto Condensed', sans-serif; color: #fff; text-transform: uppercase; font-weight: bold; } .namemenu{ float: left; padding: 10px 0 0 15px; } .img-menu{ float: right; padding: 11px; } .fixedMenuTitle{display: none;} .icon_new{ color:red; font-size: 12px; position:absolute; top:5px; right:5px; } .box-slider .slick-prev,.box-slider .slick-next { position: absolute; top: 50%; margin-top: -31px; z-index: 1; display: block; width: 28px; height: 62px; line-height: 62px; background: #808080; background: rgba(0,0,0,0.2); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#32000000,endColorstr=#32000000); color: #fff; text-align: center; font-weight: normal; font-family: "simsun"; display: none !important; } .box-slider .slick-prev:before{ content: '<';font-family: "simsun"; vertical-align: middle } .box-slider .slick-next:before{ content: '>';font-family: "simsun"; vertical-align: middle } .box-slider .slick-prev{ left:0; } .box-slider .slick-next{ right:0; } .box-slider:hover .slick-prev, .box-slider:hover .slick-next{ display: inline-block !important; } .floor .digitalsfloorStyle1 .slider{ top: auto; bottom:0; height: 315px; } .floor .slider .adv-index-box-1 img{ height: 236px } .floor .digitalsfloorStyle1 .slider .adv-index-box-1 img{ height: 315px } .floor .digitalsfloorStyle1 .main-body,.floor .digitalsfloorStyle2 .main-body{ width: 100% } .floor .digitalsfloorStyle1.floorStyleA .main-body li{ height: 158px; } .floor .digitalsfloorStyle1.floorStyleA h2.index_box_itemname{ width: 140px; } .floor .digitalsfloorStyle1.floorStyleA .pimg img{ position: absolute; bottom: 0; right:0; width: 100px; } .floor .digitalsfloorStyle3 .slider{ top:50% } .floor .digitalsfloorStyle1.floorStyleA .frsx5, .floor .digitalsfloorStyle1.floorStyleA .frsx7 { margin-left: 440px } .floor .slider2{ left: auto; right: 0 } #J-global-toolbar{ display: none; } .breadcrumb { padding: 8px 7px; margin-bottom: 0; list-style: none; background-color: #f6fafa; border-radius: 4px; margin-top: 5px; } .breadcrumb>li { display: inline-block; } .breadcrumb span { color: #666;font-size: 14px; }.breadcrumb .title { font-weight: normal; font-size: 14px; margin: 1px 0; padding: 0; display: inline-block; } .breadcrumb>li+li:before { padding: 0 5px; color: #ccc; content: "/ "; } .poopover_item .popover-title { background-color: #264a5f; color: #fff; } #mainMenu.fixedxxx{ position: fixed;top: 30px; width: 100%; z-index: 999999; vertical-align: top; display: none; } .fmenu-wrap .title { padding: 0; line-height: 30px; cursor: pointer; background: #0066cc; text-transform: uppercase; font-size: 13px; color: #fff; text-align: left; text-indent: 15px; position: relative; z-index: 1002; } /* .fmenu-wrap .title:after{ content:''; width: 17px; height: 13px; display: inline-block; float: right; margin: 8px 10px 0 0; background: url(../images/icon-title.png) no-repeat; }*/ .menumain{ background: #482626; position: absolute; width: 1201px;} .sf-menu ul{position:absolute;} .fmenu-wrap{ width: 205px; position: absolute; left: 0; top:0} .fmenu-wrap._index{display: none;} #shortcut-2014{position: fixed; top:0; box-shadow: 0 2px 8px #888888;background: #007eb1} #shortcut-2014._index{ position: relative;} body{ padding-top: 30px;} body._index{ padding-top: 0;} .product_wrapper .product_thumb_view .wrapper { margin: 0 16px 16px 0;} .product-list-wrap{border:none; overflow: visible;} /* Product Thumb View */ .product_thumb_view{ padding: 0 5px; width: 110%; } .product_thumb_view .wrapper{ float: left; margin: 0 20px 20px 0; position: relative; } .product_thumb_view .wrapper{ border: 1px solid #F5F5F5; } .product_thumb_view .block{ background: #FFF; border: 4px solid transparent ; border-radius: 3px; color: #999; position: relative; width: 216px; box-sizing: border-box; max-width: 100% } .product_thumb_view .block:hover{ border: 4px solid #365DB5; border-radius: 0; transition: border-color .2s ease-in; } .product_thumb_view .block.block_pre:hover{ border: 4px solid #e32029; } .product_thumb_view .block .like_main{ cursor: pointer; display: none; left: 2%; position: absolute; top: 2%; transition: opacity .2s linear; -webkit-transition: opacity .2s linear; opacity: 0; z-index: 1; } .product_thumb_view .block:hover .like_main{ opacity: 1 !important; } .product_thumb_view .block > div{ padding: 0 4px; overflow: hidden; } .product_thumb_view .block .option{ background: #999; color: #FFF; display: block; font-size: 11px; height: 18px; line-height: 18px; padding: 0px 6px; } .product_thumb_view .block .option i{ margin: 0px 6px; } .product_thumb_view .block .option a{ color: #FFF; } .product_thumb_view .block .option a:hover{ text-decoration: underline; } .product_thumb_view .estore_option{ background-color: #E8ECEF; border: 1px solid #E5E5E5; border-radius: 3px; display: none; width: 152px; height: 26px; line-height: 26px; opacity: .9; position: absolute; text-align: center; white-space: nowrap; top: 8px; left: 32px; } .product_thumb_view .block:hover .estore_option, .product_thumb_view .block .estore_option.active{ display: block; } .product_thumb_view .estore_option span{ background-image: url(../images/beacon_sprite.png); background-repeat: no-repeat; padding-left: 20px; } .product_thumb_view .add span{ background-position: 0 -1320px; } .product_thumb_view .setting span{ background-position: 0 -1350px; } .product_thumb_view .promotion{ background: url(../images/beacon_sprite.png) no-repeat 0 -1380px; color: #FFFF00; display: block; font-family: Tahoma; font-size: 14px; font-weight: bold; padding-top: 23px; position: absolute; width: 48px; height: 31px; text-align: center; text-shadow: 0 1px 1px rgba(130, 50, 0, 1); top: 4px; right: 4px; z-index: 1; } .product_thumb_view .promotion_2{ padding-top: 18px; padding-right: 3px; width: 45px; height: 36px; } .product_thumb_view .promotion i{ font-style: normal; font-size: 9px; font-family: Verdana; position: absolute; top: 34px; left: 12px; } .product_thumb_view .verified, .product_thumb_view .fbv{ display: block; width: 26px; height: 30px; position: absolute; top: 260px; left: 198px; } .product_thumb_view .no_picture_thumb .verified, .product_thumb_view .no_picture_thumb .fbv{ top: 220px; } .product_thumb_view .verified{ background: url(../images/beacon_sprite_estore.png) no-repeat 0 -570px; } .product_thumb_view .fbv{ background: url(../images/beacon_sprite_estore.png) no-repeat -75px -570px; } .product_thumb_view .block .picture_main{ font-size: 0; margin-bottom: 6px; padding-top: 4px; position: relative; text-align: center; width: 210px; max-width:100%; height: 170px; } .product_thumb_view .picture_main a, .product_thumb_view .picture_thumb b{ display: table-cell; width: 210px;max-width:100%; height: 170px; overflow: hidden; } .product_thumb_view .picture_main a.more{ background: #365DB5; left: 4px; bottom: -30px; color: #FFF; display: block; font-size: 12px; height: 30px; line-height: 30px; position: absolute; z-index: 2; transition: bottom .2s linear; -webkit-transition: bottom .2s linear; white-space: nowrap; } .product_thumb_view .block_pre .picture_main a.more{ background: #e32029; } .product_thumb_view .picture_main:hover a.more{ bottom: 0; } .product_thumb_view .picture_main img{ max-width: 210px; /* max-height: 210px;*/ } .product_thumb_view .picture_thumb{ font-size: 0; height: 34px; text-align: center; } .product_thumb_view .picture_thumb span{ border: 1px solid #CCC; cursor: pointer; display: table; float: left; margin-right: 4px; padding: 1px; table-layout: fixed; width: 34px; height: 30px; } .product_thumb_view .picture_thumb .active{ border: 2px solid #295CCC; padding: 0; } .product_thumb_view .picture_thumb b{ width: 34px; height: 30px; } .product_thumb_view .picture_thumb img{ max-width: 34px; max-height: 30px; } .product_thumb_view .price{ height: 25px; font-size: 18px; margin: 8px 0 6px; white-space: nowrap; color:red; } .product_thumb_view .old_price{ background: url(../images/dot.gif) repeat-x center; color: #999; font-size: 13px; padding: 0 2px; } .product_thumb_view .status{ color:green } .product_thumb_view .update{ font-size: 11px; height: 14px; margin: -8px 0 3px; } .product_thumb_view .free_ship{ background: url(../images/beacon_sprite.png) no-repeat 0 -1139px; padding-left: 19px; } .product_thumb_view .free_shipping{ background: #51ad31; background: rgba(81, 173, 49, .8); color: #FFF; left: 4px; bottom: 0px; position: absolute; z-index: 1; width: 210px; height: 30px; line-height: 30px; font-size: 11px; white-space: nowrap; } .product_thumb_view .free_shipping .icon_shipping{ background: url(../images/beacon_sprite.png) no-repeat -24px -1020px; display: inline-block; margin: -1px 6px 0 0; width: 23px; height: 15px; vertical-align: middle; } .product_thumb_view .tag, .product_thumb_view .name{ height: 32px; line-height: 16px; margin-bottom: 6px; } .product_thumb_view .tag{ height: 16px; margin-bottom: 0; } .product_thumb_view .name a:hover{ text-decoration: underline; } .product_out_stock{ font-size: 20px; color: red; margin-left: 10px; } .name a{ font: 1.3em/1.2em 'Roboto Condensed', sans-serif; } .namein a{ font: 1.3em 'Roboto Condensed', sans-serif; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } .product_thumb_view .estore{ line-height: 180%; margin-bottom: 6px; position: relative; white-space: nowrap; } .product_thumb_view .estore a{ color: #999; } .product_thumb_view .estore a:hover{ color: #365DB5; } .product_thumb_view .block .estore .vchat_on, .product_thumb_view .block .estore .vchat_off{ background-image: url(../images/beacon_sprite.png); background-repeat: no-repeat; display: block; width: 23px; height: 23px; position: absolute; top: -1px; left: 4px; } .product_thumb_view .block .estore .vchat_on{ background-position: 0 -1080px; } .product_thumb_view .block .estore .vchat_off{ background-position: 0 -1110px; } .product_thumb_view .block .statistic{ border-top: 1px solid #EEE; height: 30px; line-height: 30px; padding: 0; position: relative; } .product_thumb_view .statistic span{ border-right: 1px solid #EEE; float: right; text-align: center; width: 33%; } .product_thumb_view .statistic span:first-child{ border-right: none; } .product_thumb_view .statistic i{ background-image: url(../images/beacon_sprite.png); background-repeat: no-repeat; display: inline-block; margin-right: 5px; width: 14px; height: 14px; vertical-align: text-top; } .product_thumb_view .statistic i.order{ background-position: 0 -660px; } .product_thumb_view .statistic i.reply{ background-position: 0 -629px; } .product_thumb_view .statistic i.view{ background-position: 0 -600px; } .product_thumb_view .block .statistic .vchat_on, .product_thumb_view .block .statistic .vchat_off{ background-image: url(../images/beacon_sprite.png); background-repeat: no-repeat; display: block; width: 23px; height: 23px; position: absolute; top: 4px; right: 8px; } .product_thumb_view .block .statistic .vchat_on{ background-position: 0 -1080px; } .product_thumb_view .block .statistic .vchat_off{ background-position: 0 -1110px; } .product_thumb_view .block .statistic .transparent{ display: none; } .container_body_resize .product_thumb_view .wrapper{ margin-right: 33px; } .product_wrapper_small{ overflow: hidden; } .product_wrapper_small .product_thumb_view{ padding: 0 1px; } .container_body_resize .product_wrapper_small .product_thumb_view{ padding: 0 2px; } .product_thumb_view .wrapper_small, .container_body_resize .product_thumb_view .wrapper_small{ margin-right: 24px; } .product_thumb_view .wrapper_small .block, .product_thumb_view .wrapper_small .block:hover{ border: none; border-radius: 0; margin: 0; width: 178px; } .product_thumb_view .wrapper_small .block_sep{ background: url(../images/line_v.gif) repeat-y; display: block; position: absolute; top: 0; right: -12px; width: 1px; height: 140px; z-index: 1; } .product_thumb_view .wrapper_small .picture_main{ font-size: 0; margin-bottom: 6px; padding: 0; text-align: center; width: 178px; height: 140px; } .product_thumb_view .wrapper_small .picture_main a{ width: 178px; height: 140px; } .product_thumb_view .wrapper_small .name{ margin-bottom: 3px; } .product_thumb_view .wrapper_small .product_rating_star{ margin-bottom: 12px; } .product_thumb_view .wrapper_small .price{ font-size: 15px; font-weight: bold; height: 20px; margin: 0; } .product_thumb_view .wrapper_small .estore{ margin-bottom: 0; } .product_thumb_view .wrapper_small .estore_option{ left: 12px; } .product_thumb_view .wrapper_small .option{ background: rgba(32, 32, 32, .5); position: absolute; top: 122px; left: 0; width: 166px; } .product_thumb_view .more_hover{ background: #FFF; bottom: 0; height: 55px; left: 0; opacity: 0; position: absolute; transition: opacity .3s linear; right: 0; visibility: hidden; } .product_thumb_view .block_pre:hover .more_hover{ display: block; opacity: 1; visibility: visible; } .product_thumb_view .more_hover .btn_buy_now { background: #e32029; border-radius: 3px; color: #FFF; display: block; height: 26px; line-height: 26px; margin: 15px auto 0; text-align: center; width: 110px; } .product_thumb_view .other_info{ color: #333; } .product_wrapper{ border: 1px solid #E5E5E5; overflow: hidden; } .product_wrapper .title{ padding: 12px; position: relative; } .product_wrapper .product_thumb_view{ padding: 0 12px; } .product_wrapper .product_thumb_view .wrapper{ margin: 0 16px 16px 0; } .container_body_resize .product_wrapper .product_thumb_view .wrapper{ margin-right: 28px; } /* detail */ .album-cap{ float:left; width: 18%; margin-top: 3px; overflow: hidden; } .album-big #owl-product-2{ width: 80%; } .album-cap-select li{ width: 98px; height: auto; } .product-cover .product-info,.product-cover .product-img{ min-height: 420px; } .arrow_down { border-top: 4px solid #BBB; border-left: 4px solid transparent; border-right: 4px solid transparent; } .arrow_right, .arrow_down { position: absolute; right: 9px; width: 0; height: 0; }.icon_sprite { background: url(../images/beacon_sprite.png) no-repeat; display: inline-block; vertical-align: middle; } .icon_sprite_arrow { background-position: 0 -750px; height: 5px; width: 9px; } .icon_sprite_arrow_up { background-position: -35px -750px; height: 5px; width: 9px; } /* Quick Search Filter */ .quick_search_filter{ margin-bottom: 30px; position: relative; } .quick_search_filter table{ border: 1px solid #E5E5E5; border-collapse: collapse; width: 100%; } .quick_search_filter td{ border: 1px dotted #E5E5E5; padding: 4px 12px; vertical-align: top; } .quick_search_filter .label{ background: #f6fafa; padding: 12px; width: 10%; font-weight: normal; display: table-cell; color: #666; font-size: 12px; } .quick_search_filter .label div{ width: 120px; } .quick_search_filter .filter{ position: relative; } .quick_search_filter .filter ul{ color: #999; } .quick_search_filter .filter > ul > li{ float: left; padding: 8px 16px 8px 8px; } .quick_search_filter .filter ul li a{ position: relative;color:#005aa0; text-decoration: none !important; border:1px solid transparent ; border-radius:4px; padding: 5px 8px; font-size: 12px } .quick_search_filter .filter ul li a.active{ color:#db0202; border-color: #B7A6A6 } .quick_search_filter .filter ul li a .arrow_down{ right: -12px; top: 5px; } .quick_search_filter .filter ul li a.active .arrow_down{ transform: rotate(180deg); transform-origin: 50% 50% 0; transition: transform .2s ease-in; } .quick_search_filter .filter ul li a i{ color: #999; font-size: 11px; font-style: normal; } .quick_search_filter .filter .category_top{ margin-right: 25px; } .quick_search_filter .filter .category_top li{ font-weight: bold; overflow: hidden; } .quick_search_filter .filter .category_top li sup{ font-size: 10px; font-weight: normal; margin-left: 5px; } .quick_search_filter .filter .arrow{ background: url(../images/beacon_sprite.png) no-repeat 0 -750px; display: block; position: absolute; top: 16px; right: 12px; width: 9px; height: 5px; } .quick_search_filter .filter .up{ background-position: -35px -750px; } .quick_search_filter .filter .active a{ color: #365DB5; } .quick_search_filter .filter .btn_view_more{ background: #FFF; border: none; cursor: pointer; line-height: 33px; height: 33px; position: absolute; top: 2px; text-align: center; right: 0; width: 33px; } .quick_search_filter .all{ background: url(../images/beacon_sprite.png) no-repeat 25px -749px #FFF; border: 1px solid #E5E5E5; border-top: none; display: block; margin: -1px auto; position: absolute; width: 59px; height: 10px; left: 0; right: 0; *left: 50%; *margin: -2px auto; } .quick_search_filter .up{ background: url(../images/beacon_sprite.png) no-repeat -10px -749px #FFF; } /* Quick Search Sort */ .quick_search_sort{ background: #F5F5F5; border: 1px solid #E5E5E5; } .quick_search_sort > li{ position: relative; z-index: 0; } .quick_search_sort .fl > a, .quick_search_sort .fl > span{ display: block; height: 39px; line-height: 39px; padding: 0 12px; position: relative; z-index: 1; } .quick_search_sort .fl > .has_sort{ padding-right: 24px; } .quick_search_sort .fl > * > i{ display: block; position: absolute; top: -1px; left: -1px; width: 100%; height: 100%; } .quick_search_sort .fl > * > b{ display: block; position: absolute; width: 7px; height: 8px; top: 15px; right: 12px; } .quick_search_sort > li .asc{ background: url(../images/beacon_sprite.png) no-repeat 0px -840px; } .quick_search_sort > li .desc{ background: url(../images/beacon_sprite.png) no-repeat 0px -870px; } .quick_search_sort .fr{ border-left: 1px solid #E5E5E5; height: 39px; line-height: 39px; } .quick_search_sort .active span, .quick_search_sort .fl > a:hover{ background-color: #FFF; color: #365DB5; } .quick_search_sort .active span i, .quick_search_sort .fl > a:hover > i{ border: 1px solid #E5E5E5; } .quick_search_sort .active span i{ border-bottom: 1px solid #FFF; } .quick_search_sort .fl:first-child.active > * > i{ left: 0; border-left: none; } .quick_search_sort .simple_tip{ cursor: default; } .quick_search_sort .simple_tip div{ height: 40px; padding: 0 24px 0 12px; position: relative; z-index: 1; } .quick_search_sort .simple_tip div .arrow_down{ top: 17px; right: 12px; } .quick_search_sort .simple_active div{ background: #FFF; } .quick_search_sort .simple_active .arrow_down{ transform: rotate(180deg); transform-origin: 50% 50% 0; transition: transform .2s ease-in; -webkit-transform: rotate(180deg); -webkit-transform-origin: 50% 50% 0; -webkit-transition: -webkit-transform .2s ease-in; } .quick_search_sort .clear{ *margin-top: -3px; } /*---- Phone----*/ .phonering-alo-phone.phonering-alo-static { opacity:.6 } .phonering-alo-phone.phonering-alo-hover,.phonering-alo-phone:hover { opacity:1 } .phonering-alo-ph-circle { width:160px; height:160px; top:20px; left:20px; position:absolute; background-color:transparent; border-radius:100% !important; border:2px solid rgba(30,30,30,0.4); border:2px solid #bfebfc 9; opacity:.1; -webkit-animation:phonering-alo-circle-anim 1.2s infinite ease-in-out; animation:phonering-alo-circle-anim 1.2s infinite ease-in-out; transition:all .5s; -webkit-transform-origin:50% 50%; -ms-transform-origin:50% 50%; transform-origin:50% 50% } .phonering-alo-phone.phonering-alo-active .phonering-alo-ph-circle { -webkit-animation:phonering-alo-circle-anim 1.1s infinite ease-in-out!important; animation:phonering-alo-circle-anim 1.1s infinite ease-in-out!important } .phonering-alo-phone.phonering-alo-static .phonering-alo-ph-circle { -webkit-animation:phonering-alo-circle-anim 2.2s infinite ease-in-out!important; animation:phonering-alo-circle-anim 2.2s infinite ease-in-out!important } .phonering-alo-phone.phonering-alo-hover .phonering-alo-ph-circle,.phonering-alo-phone:hover .phonering-alo-ph-circle { border-color:#00aff2; opacity:.5 } .phonering-alo-phone.phonering-alo-green.phonering-alo-hover .phonering-alo-ph-circle,.phonering-alo-phone.phonering-alo-green:hover .phonering-alo-ph-circle { border-color:#75eb50 ; border-color:#baf5a7; opacity:.5 } .phonering-alo-phone.phonering-alo-green .phonering-alo-ph-circle { border-color:#00aff2 ; border-color:#bfebfc; opacity:.5 } .phonering-alo-phone.phonering-alo-gray.phonering-alo-hover .phonering-alo-ph-circle,.phonering-alo-phone.phonering-alo-gray:hover .phonering-alo-ph-circle { border-color:#ccc; opacity:.5 } .phonering-alo-phone.phonering-alo-gray .phonering-alo-ph-circle { border-color:#75eb50 ; opacity:.5 } .phonering-alo-ph-circle-fill { width:100px; height:100px; top:50px; left:50px; position:absolute; background-color: #000; border-radius:100% !important; border:2px solid transparent; -webkit-animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out; animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out; transition:all .5s; -webkit-transform-origin:50% 50%; -ms-transform-origin:50% 50%; transform-origin:50% 50% } .phonering-alo-phone.phonering-alo-active .phonering-alo-ph-circle-fill { -webkit-animation:phonering-alo-circle-fill-anim 1.7s infinite ease-in-out!important; animation:phonering-alo-circle-fill-anim 1.7s infinite ease-in-out!important } .phonering-alo-phone.phonering-alo-static .phonering-alo-ph-circle-fill { -webkit-animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out!important; animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out!important; opacity:0!important } .phonering-alo-phone.phonering-alo-hover .phonering-alo-ph-circle-fill,.phonering-alo-phone:hover .phonering-alo-ph-circle-fill { background-color:rgba(0,175,242,0.5); background-color:#00aff2 9; opacity:.75!important } .phonering-alo-phone.phonering-alo-green.phonering-alo-hover .phonering-alo-ph-circle-fill,.phonering-alo-phone.phonering-alo-green:hover .phonering-alo-ph-circle-fill { background-color:rgba(117,235,80,0.5); background-color:#baf5a7 9; opacity:.75!important } .phonering-alo-phone.phonering-alo-green .phonering-alo-ph-circle-fill { background-color:rgba(0,175,242,0.5); background-color:#a6e3fa 9 } .phonering-alo-phone.phonering-alo-gray.phonering-alo-hover .phonering-alo-ph-circle-fill,.phonering-alo-phone.phonering-alo-gray:hover .phonering-alo-ph-circle-fill { background-color:rgba(204,204,204,0.5); background-color:#ccc 9; opacity:.75!important } .phonering-alo-phone.phonering-alo-gray .phonering-alo-ph-circle-fill { background-color:rgba(117,235,80,0.5); opacity:.75!important } .phonering-alo-ph-img-circle { width:60px; height:60px; top:70px; left:70px; position:absolute; background:rgba(30,30,30,0.1) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAABNmlDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjarY6xSsNQFEDPi6LiUCsEcXB4kygotupgxqQtRRCs1SHJ1qShSmkSXl7VfoSjWwcXd7/AyVFwUPwC/0Bx6uAQIYODCJ7p3MPlcsGo2HWnYZRhEGvVbjrS9Xw5+8QMUwDQCbPUbrUOAOIkjvjB5ysC4HnTrjsN/sZ8mCoNTIDtbpSFICpA/0KnGsQYMIN+qkHcAaY6addAPAClXu4vQCnI/Q0oKdfzQXwAZs/1fDDmADPIfQUwdXSpAWpJOlJnvVMtq5ZlSbubBJE8HmU6GmRyPw4TlSaqo6MukP8HwGK+2G46cq1qWXvr/DOu58vc3o8QgFh6LFpBOFTn3yqMnd/n4sZ4GQ5vYXpStN0ruNmAheuirVahvAX34y/Axk/96FpPYgAAACBjSFJNAAB6JQAAgIMAAPn/AACA6AAAUggAARVYAAA6lwAAF2/XWh+QAAAB/ElEQVR42uya7W3CMBCG31QM4A1aNggTlG6QbpBMkHYC1AloJ4BOABuEDcgGtBOETnD9c1ERCH/lwxeaV8oPFGP86Hy+DxMREW5Bd7gRjSDSNGn4/RiAOvm8C0ZCRD5PSkQVXSr1nK/xE3mcWimA1ZV3JYBZCIO4giQANoYxMwYS6+xKY4lT5dJPreWZY+uspqSCKPYN27GJVBDXheVSQe494ksiEWTuMXcu1dld9SARxDX1OAJ4lgjy4zDnFsC076A4adEiRwAZg4hOUSpNoCsBPDGM+HqkNGynYBCuILuWj+dgWysGsNe8nwL4GsrW0m2fxZBq9rW0rNcX5MOQ9eZD8JFahcG5g/iKT671alGAYQggpYWvpEPYWrU/HDTOfeRIX0q2SL3QN4tGhZJukVobQyXYWw7WtLDKDIuM+ZSzscyCE9PCy5IttCvnZNaeiGLNHKuz8ZVh/MXTVu/1xQKmIqLEAuJ0fNo3iG5B51oSkeKnsBi/4bG9gYB/lCytU5G9DryFW+3Gm+JLwU7ehbJrwTjq4DJU8bHcVbEV9dXXqqP6uqO5e2/QZRYJpqu2IUAA4B3tXvx8hgKp05QZW6dJqrLTNkB6vrRURLRwPHqtYgkC3cLWQAcDQGGKH13FER/NATzi786+BPDNjm1dMkfjn2pGkBHkf4D8DgBJDuDHx9BN+gAAAABJRU5ErkJggg==) no-repeat center center; border-radius:100% !important; border:2px solid transparent; -webkit-animation:phonering-alo-circle-img-anim 1s infinite ease-in-out; animation:phonering-alo-circle-img-anim 1s infinite ease-in-out; -webkit-transform-origin:50% 50%; -ms-transform-origin:50% 50%; transform-origin:50% 50% } .phonering-alo-phone.phonering-alo-active .phonering-alo-ph-img-circle { -webkit-animation:phonering-alo-circle-img-anim 1s infinite ease-in-out!important; animation:phonering-alo-circle-img-anim 1s infinite ease-in-out!important } .phonering-alo-phone.phonering-alo-static .phonering-alo-ph-img-circle { -webkit-animation:phonering-alo-circle-img-anim 0 infinite ease-in-out!important; animation:phonering-alo-circle-img-anim 0 infinite ease-in-out!important } .phonering-alo-phone.phonering-alo-hover .phonering-alo-ph-img-circle,.phonering-alo-phone:hover .phonering-alo-ph-img-circle { background-color:#00aff2 } .phonering-alo-phone.phonering-alo-green.phonering-alo-hover .phonering-alo-ph-img-circle,.phonering-alo-phone.phonering-alo-green:hover .phonering-alo-ph-img-circle { background-color:#75eb50; background-color:#75eb50 9 } .phonering-alo-phone.phonering-alo-green .phonering-alo-ph-img-circle { background-color:#00aff2; background-color:#00aff2 9 } .phonering-alo-phone.phonering-alo-gray.phonering-alo-hover .phonering-alo-ph-img-circle,.phonering-alo-phone.phonering-alo-gray:hover .phonering-alo-ph-img-circle { background-color:#ccc } .phonering-alo-phone.phonering-alo-gray .phonering-alo-ph-img-circle { background-color:#75eb50 } @-webkit-keyframes phonering-alo-circle-anim { 0% { -webkit-transform:rotate(0) scale(.5) skew(1deg); -webkit-opacity:.1 } 30% { -webkit-transform:rotate(0) scale(.7) skew(1deg); -webkit-opacity:.5 } 100% { -webkit-transform:rotate(0) scale(1) skew(1deg); -webkit-opacity:.1 } } @-webkit-keyframes phonering-alo-circle-fill-anim { 0% { -webkit-transform:rotate(0) scale(.7) skew(1deg); opacity:.2 } 50% { -webkit-transform:rotate(0) scale(1) skew(1deg); opacity:.2 } 100% { -webkit-transform:rotate(0) scale(.7) skew(1deg); opacity:.2 } } @-webkit-keyframes phonering-alo-circle-img-anim { 0% { -webkit-transform:rotate(0) scale(1) skew(1deg) } 10% { -webkit-transform:rotate(-25deg) scale(1) skew(1deg) } 20% { -webkit-transform:rotate(25deg) scale(1) skew(1deg) } 30% { -webkit-transform:rotate(-25deg) scale(1) skew(1deg) } 40% { -webkit-transform:rotate(25deg) scale(1) skew(1deg) } 50% { -webkit-transform:rotate(0) scale(1) skew(1deg) } 100% { -webkit-transform:rotate(0) scale(1) skew(1deg) } } @-webkit-keyframes fadeInRight { 0% { opacity:0; -webkit-transform:translate3d(100%,0,0); -ms-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0) } 100% { opacity:1; -webkit-transform:none; -ms-transform:none; transform:none } } @keyframes fadeInRight { 0% { opacity:0; -webkit-transform:translate3d(100%,0,0); -ms-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0) } 100% { opacity:1; -webkit-transform:none; -ms-transform:none; transform:none } } @-webkit-keyframes fadeOutRight { 0% { opacity:1 } 100% { opacity:0; -webkit-transform:translate3d(100%,0,0); -ms-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0) } } @keyframes fadeOutRight { 0% { opacity:1 } 100% { opacity:0; -webkit-transform:translate3d(100%,0,0); -ms-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0) } } @-webkit-keyframes phonering-alo-circle-anim { 0% { -webkit-transform:rotate(0) scale(.5) skew(1deg); transform:rotate(0) scale(.5) skew(1deg); opacity:.1 } 30% { -webkit-transform:rotate(0) scale(.7) skew(1deg); transform:rotate(0) scale(.7) skew(1deg); opacity:.5 } 100% { -webkit-transform:rotate(0) scale(1) skew(1deg); transform:rotate(0) scale(1) skew(1deg); opacity:.1 } } @keyframes phonering-alo-circle-anim { 0% { -webkit-transform:rotate(0) scale(.5) skew(1deg); transform:rotate(0) scale(.5) skew(1deg); opacity:.1 } 30% { -webkit-transform:rotate(0) scale(.7) skew(1deg); transform:rotate(0) scale(.7) skew(1deg); opacity:.5 } 100% { -webkit-transform:rotate(0) scale(1) skew(1deg); transform:rotate(0) scale(1) skew(1deg); opacity:.1 } } @-webkit-keyframes phonering-alo-circle-fill-anim { 0% { -webkit-transform:rotate(0) scale(.7) skew(1deg); transform:rotate(0) scale(.7) skew(1deg); opacity:.2 } 50% { -webkit-transform:rotate(0) scale(1) skew(1deg); transform:rotate(0) scale(1) skew(1deg); opacity:.2 } 100% { -webkit-transform:rotate(0) scale(.7) skew(1deg); transform:rotate(0) scale(.7) skew(1deg); opacity:.2 } } @keyframes phonering-alo-circle-fill-anim { 0% { -webkit-transform:rotate(0) scale(.7) skew(1deg); transform:rotate(0) scale(.7) skew(1deg); opacity:.2 } 50% { -webkit-transform:rotate(0) scale(1) skew(1deg); transform:rotate(0) scale(1) skew(1deg); opacity:.2 } 100% { -webkit-transform:rotate(0) scale(.7) skew(1deg); transform:rotate(0) scale(.7) skew(1deg); opacity:.2 } } @-webkit-keyframes phonering-alo-circle-img-anim { 0% { -webkit-transform:rotate(0) scale(1) skew(1deg); transform:rotate(0) scale(1) skew(1deg) } 10% { -webkit-transform:rotate(-25deg) scale(1) skew(1deg); transform:rotate(-25deg) scale(1) skew(1deg) } 20% { -webkit-transform:rotate(25deg) scale(1) skew(1deg); transform:rotate(25deg) scale(1) skew(1deg) } 30% { -webkit-transform:rotate(-25deg) scale(1) skew(1deg); transform:rotate(-25deg) scale(1) skew(1deg) } 40% { -webkit-transform:rotate(25deg) scale(1) skew(1deg); transform:rotate(25deg) scale(1) skew(1deg) } 50% { -webkit-transform:rotate(0) scale(1) skew(1deg); transform:rotate(0) scale(1) skew(1deg) } 100% { -webkit-transform:rotate(0) scale(1) skew(1deg); transform:rotate(0) scale(1) skew(1deg) } } @keyframes phonering-alo-circle-img-anim { 0% { -webkit-transform:rotate(0) scale(1) skew(1deg); transform:rotate(0) scale(1) skew(1deg) } 10% { -webkit-transform:rotate(-25deg) scale(1) skew(1deg); transform:rotate(-25deg) scale(1) skew(1deg) } 20% { -webkit-transform:rotate(25deg) scale(1) skew(1deg); transform:rotate(25deg) scale(1) skew(1deg) } 30% { -webkit-transform:rotate(-25deg) scale(1) skew(1deg); transform:rotate(-25deg) scale(1) skew(1deg) } 40% { -webkit-transform:rotate(25deg) scale(1) skew(1deg); transform:rotate(25deg) scale(1) skew(1deg) } 50% { -webkit-transform:rotate(0) scale(1) skew(1deg); transform:rotate(0) scale(1) skew(1deg) } 100% { -webkit-transform:rotate(0) scale(1) skew(1deg); transform:rotate(0) scale(1) skew(1deg) } } /*----End----*/ #simple_tip{ position: absolute; z-index: 5; } #simple_tip_arrow{ background: url(../images/arrow.gif) no-repeat 0 0; display: block; font-size: 0; top: -9px; left: 9px; position: absolute; width: 17px; height: 9px; overflow: hidden; } #simple_tip_arrow.top{ background: url(../images/arrow.gif) no-repeat 0 -8px; top: auto; bottom: -9px; } #simple_tip_arrow.left, #simple_tip_arrow.right{ top: 9px; width: 9px; height: 17px; } #simple_tip_arrow.left{ background: url(../images/arrow.gif) no-repeat -8px 0; left: auto; right: -9px; } #simple_tip_arrow.right{ background: url(../images/arrow.gif) no-repeat 0 0; left: -9px; } .simple_tip_wrapper{ background: #FFF; border: 1px #E5E5E5 solid; box-shadow: 0 1px 3px rgba(204, 204, 204, .5); color: #000; position: relative; } .simple_tip_confirm{ padding: 12px; text-align: center; } .simple_tip_confirm .button{ margin-top: 9px; } .simple_tip_confirm .button input{ font-size: 12px; } .simple_tip_content_text{ line-height: 156%; padding: 9px 12px; } /*---------Face In Up---------*/ .animated { -webkit-animation-duration: 5s; animation-duration: 5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } /*---------End Face In Up---------*/ /* List data */ .list_data_column{ float: left; padding-top: 9px; } .list_data_column li{ float: left; overflow: hidden; text-overflow: ellipsis; padding: 0px 12px 9px; white-space: nowrap; width: 170px; } .list_data_column li.clear{ padding: 0px; width: auto; } table.filters{ border-top-width: 0px ; margin-top: -1px; } /* highlight results */ .ui-autocomplete span.hl_results { color:red; font-size: 11px; font-style: italic; font-weight: bold; } /* loading */ .ui-autocomplete-loading { background: white url('../images/ui-anim_basic_16x16.gif') right center no-repeat; } /* scroll results */ .ui-autocomplete { max-height: 200px; overflow-y: auto; /* prevent horizontal scrollbar */ overflow-x: hidden; /* add padding to account for vertical scrollbar */ padding-right: 5px; } .ui-autocomplete li { font-size: 16px; } /* IE 6 doesn't support max-height * we use height instead, but this forces the menu to always be this tall */ * html .ui-autocomplete { height: 250px; } /*** Auto Complete ***/ .ac_results{ } .ac_results ul{ background: #FFF; border: 1px #E5E5E5 solid; box-shadow: 0 1px 3px rgba(204, 204, 204, .5); color: #000000; margin-top: 9px; margin-left: -9px; overflow: hidden; white-space: nowrap; z-index: 9999 !important; width: 528px; padding-right: 0; overflow-y:scroll } .ac_results li{ clear: both; cursor: default; display: block; padding: 8px 9px; overflow: hidden; border-bottom:1px solid #dedede; font-size: 12px; border:none; } .ac_results li:hover{ background: #e3e9f9;border-color: transparent; } .ac_results li i{font-size: 11px} .ac_results li a{ line-height: 20px; display: block; } .ac_odd{ /*background-color: #F2F2F2;*/ } .ac_odd i, .ac_even i{ font-size: 11px } .ac_odd em, .ac_even em{ color: #365DB5; font-style: normal; font-weight: bold; } .ac_over{ background-color: #e3e9f9; } .ac_p{ color: #AB4040; font-weight: bold; } .ac_rc{ float: right; } .ac_rc a{ color: #365DB5; } .ac_ads{ display: none; } /*-- End Auto Complete --*/ .arrow_right, .arrow_down{ position: absolute; right: 9px; width: 0; height: 0; } .arrow_right{ border-top: 4px solid transparent; border-left: 4px solid #BBB; border-bottom: 4px solid transparent; } .arrow_down{ border-top: 4px solid #BBB; border-left: 4px solid transparent; border-right: 4px solid transparent; } .banner_header, .banner_center{ font-size: 0; line-height: 0; position: relative; text-align: center; width: 1190px; overflow: hidden; } .banner_header{ width: auto; } .banner_header > div{ display: block !important; width: auto !important; height: auto !important; } .banner_header .close{ background: url(../images/beacon_sprite.png) no-repeat -6px -355px #FFF; border-radius: 3px; display: block; opacity: .4; filter: alpha(opacity=40); position: absolute; top: 6px; left: 50%; margin-left: 566px; width: 23px; height: 23px; z-index: 2; } .banner_header:hover .close{ opacity: .9; filter: alpha(opacity=90); } .container_body_resize .banner_header, .container_body_resize .banner_center{ margin-left: -100px; } .container_body_resize .banner_header .close{ margin-left: 516px; } .back_to_top{ display: none !important; } .si { background: url("../images/spriteIcon.png") no-repeat transparent; } #menuRight{position:fixed;top:0;right:0;background:#c7c7c7;height:100%;width:35px;transition:all 0.15s;z-index:9999999} #menuRight>li:first-of-type>p{padding:0}#menuRight>li:last-of-type{position:absolute;right:0;bottom:0;width:35px}#menuRight>li{margin:5px 0}#menuRight>li:hover,#menuRight>li.active{background:#f14e23}#menuRight>li.active>ul{display:block}#menuRight>li.close{visibility:hidden}#menuRight>li.close.show{visibility:visible}#menuRight>li>p{display:block;color:#fff;cursor:pointer;text-align:center;padding:10px 0;position:relative;font-size:11px}#menuRight>li>p>a{color:#fff}#menuRight>li>a{display:block;width:34px}#menuRight>li>p>span{background:#fff;line-height:normal;padding:0 4px;display:inline-block;color:#000;font-size:11px;border-radius:2px;font-weight:bold;margin-top:3px}#menuRight>li>p i{display:block;height:25px}#menuRight>li>ul{position:absolute;top:0;left:35px;width:280px;background:#f7f7f7;height:100%;display:none}#menuRight>li>ul>li:first-of-type{line-height:30px;text-transform:uppercase;background:#464646;color:#fff;font-size:11px;text-align:center}#menuRight>li>ul>li:last-of-type{padding:10px}#menuRight>li>ul>li:last-of-type>p{display:block;padding:3px 0}.attr>a.active{box-shadow:0 0 1px 1px #FF7A00 !important} .itemCarts { border-bottom: 1px solid #ccc; padding: 10px 0; } .itemCarts>a{float:left;width:50px;margin-right:5px}.itemCarts>a>img{display:block;width:100%}.itemCarts>p{display:block;padding:3px 0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.itemCarts>p>a:hover{text-decoration:underline}.itemCarts>p>i{float:right;margin-right:10px;cursor:pointer;font-size:14px;color:#919191}.itemCarts>p>b{color:#919191}.paginator{margin:20px 0;text-align:center} .desaturate{ display: none; } .brands .column{height: auto;} .brands{ position: relative; &:after{ content: ""; position: absolute; top: 0; right: 16.666%; margin-right: -1px; bottom: -1px; width: 1px; background: white; z-index: 1; } &__content{ } &__brand-of-the-day{ position: relative; height: 100%; border-bottom: 1px solid black; &:hover { text-decoration: none; } &-container { position: relative; display: block; overflow: hidden; width: 100%; height: 265px; } &-text{ text-transform: uppercase; color: #000; font-size: 13px; font-weight: 100; } &-info{ display: block; position: relative; z-index: 1; height: 45px; line-height: 45px; margin-bottom: 4px; background: rgba(0, 0, 0, 0.05); text-align: center; border-left: 4px solid @orange; } } &__featured-shops-title{ color: #ffffff; text-transform: uppercase; font-weight: normal; text-align: center; margin-top: -4px; font-size: 13px; padding: 0 15px; background: #1e9cb6; .border-box; } &__featured-shops{ border-bottom: 1px solid black; &-link{ display: block; &:hover{ text-decoration: none; span{ text-decoration: none; } } &-logo{ display: block; background: none repeat scroll 0 0 rgba(0, 0, 0, 0.05); text-align: center; height: 45px; line-height: 45px; font-size: 0; &-img{ // vertical-align: middle; } } } &-name{ display: block; background: black; height: 30px; line-height: 30px; white-space: nowrap; color: darken(@orange, 10%); font-weight: bold; .border-box; padding: 0 15px; text-transform: uppercase; } &-image{ position: relative; display: block; font-size: 0; &-explore{ position: absolute; bottom: 15px; right: 15px; background: #fff; padding: 5px 6px 4px 6px; color: @orange; text-transform: uppercase; line-height: 1em; font-size: 11px; vertical-align: bottom; .icon{ vertical-align: middle; } } } } &__list{ margin: 0; padding: 0; margin-top: 2px; font-size: 0; border-bottom: 1px solid black; height: 312px; &-item{ display: inline-block; list-style-type: none; width: 16.6%; vertical-align: top; &-link{ display: inline-block; text-align: center; font-size: 13px; width: 100%; height: 103px; line-height: 104px; &:hover{ .brand-hover; } } &-image{ vertical-align: middle; } } } @media (max-width: 1200px) { &:after{ display: none; } } } .brand-hover() { } .column-1 { width: 260px; position: relative; } .brands .column-1{width: 201px;} .brands .column-4{width: 1200px;} .brands .brands__list{ border-bottom: 0px solid black; } .brands .brands__list-item{ height: auto; border: none; float: none; width: 15.8%; padding: 5px ; border:1px solid #dcdcdc; margin: 2px 3px; box-sizing:border-box } .brands .brands__featured-shops-title{ margin-top: 0; } .brands .brands__featured-shops{ height: 314px; } .brands .brands__list-item-link{ display: table-cell; vertical-align: middle; opacity: 1 !important; background: #fff; } .brands .icon-brands-logo_4{ max-width: 100%; width: 100%; height: auto ; display: block; opacity: 1 !important; max-height: 100%; } .sidebar__list > li > a{ text-decoration: none !important; } .footer-redesign .footer__bottom .footer__seo { width: 44%; margin-top: 10px; } .footer-redesign{border-top: none;margin-bottom: 0;}.footer__item__text p a { display: inline; } .system-style.addContact{ color: #fff; background: #252636; padding: 0; } .system-style.footer.style-04 { background: none; border-top: none; } .footer-redesign { background: none; } .agentF{ border-top: 1px dotted #CCCCCC; padding: 10px 0 0 10px; } .intro{ border-top: 1px dotted #000 ; } .methodPay{ border-right: 1px dotted #000 ; padding-right: 30px; } .methodPay h6{ font-size: 15px; } .shipper{ border-right: 1px dotted #000 ; padding: 0 30px 0 30px; } .shipper h6{ font-size: 15px; } .certificate h6{ font-size: 15px; } .footer__seo { width: 44%; margin-top: 10px; } .footer__more__links { width: 55%; } .product-promotion .promo-icon{background: none;} .product-zoom-info .ca-container { float: left; margin: 0px 10px 20px 0px; height: 370px; padding: 0; position: relative; } .ca-nav span { position: absolute; left: 38%; text-indent: -9000px; opacity: .7; cursor: pointer; z-index: 2; } .ca-nav span.ca-nav-prev { width: 0; border-bottom: 10px solid #2c2f3e; border-left: 10px solid transparent; border-right: 10px solid transparent; top: -25px; position: absolute; } .ca-nav span.ca-nav-next { width: 0; border-top: 10px solid #2c2f3e; border-left: 10px solid transparent; border-right: 10px solid transparent; bottom: -25px; position: absolute; } .product-zoom-info .image-additional { z-index: 99; display: block; position: relative; overflow: auto; } .product-zoom-info .image-additional .adtwrap { padding: 6px 5px 5px; } .product-zoom-info .image-additional a { background: none; display: block; } .product-zoom-info .image { width: 500px; float: left; height: 560px; z-index: 1; display: block; margin: 0; background: #fff; border-left: 1px solid #d2d2d2; } .zoomlinks { display: inline-block; padding: 10px; background: rgba(255,255,255,0.7); z-index: 9999; position: absolute; right: 0; bottom: 0; }.enlarge { background: url(../images/search-icon.png) no-repeat; position: relative; font-weight: 700; padding-left: 16px; z-index: 9999; } /* This is the moving lens square underneath the mouse pointer. */ .cloud-zoom-lens { border: 1px solid #888; margin:-1px; /* Set this to minus the border thickness. */ background-color:#fff; cursor:move; } /* This is for the title text. */ .cloud-zoom-title { font-family:'Roboto Condensed', sans-serif; position:absolute !important; background-color:#000; color:#fff; padding:3px; width:100%; text-align:center; font-weight:bold; font-size:10px; top:0px; } /* This is the zoom window. */ .cloud-zoom-big { overflow: hidden; background: none; border:0px solid #ffffff; } /* This is the loading message. */ .cloud-zoom-loading { color:white; background:#222; padding:3px; border:1px solid #000; } .product-cover .product-img{width: 580px;} .product-cover .product-info{float: left; width: 50%;} .sanphamtt{ min-height: 200px; width: 232px; float: right; padding-right: 5px; } .sanphamtt > h3{ color: #333; text-transform: uppercase; font-size: 12px; font-weight: bold; margin: 0 0 10px 5px; } .lastProductView { padding: 10px 0; position: relative; } .lastProductView .slick-slider .slick-track,.lastProductView .slick-slider .slick-list{ padding-top:5px; padding-left: 5px; } .lastProductView .slick-prev, .lastProductView .slick-next{ width: 30px; height: 40px; background: rgba(0,0,0,0.4) !important; z-index: 10000; display: none !important; } .lastProductView .slick-prev{ left: 0px; } .lastProductView .slick-next{ right: 0px; } .lastProductView:hover .slick-prev,.lastProductView:hover .slick-next{ display: inline-block !important; } .other_products-title{ font-size: 14px; text-transform: uppercase; padding: 5px 0; border-bottom: 3px solid #f04e23; } .floor .slider{ max-width: 50%; } .digitalsfloorStyle3 .slider{ top: 50% } .products_votes_block { border: 1px solid #d1d1d1; margin: 5px 0 0 15px; } .products_votes_block .vtitle{ font-weight: bold; font-size: 13px; text-align: center; border-bottom: 1px solid #d1d1d1; line-height: 40px; } .products_votes_block .vv-title{ margin: 5px 0 0 0; } .vote-star{ width: 104px; height: 20px; background: url('../images/5stars.png') no-repeat 100% 50%; display: block; margin-bottom:15px; } .vote-star.star1{ background-position: -84px 50%; } .vote-star.star2{ background-position: -63px 50%; } .vote-star.star3{ background-position: -42px 50%; } .vote-star.star4{ background-position: -21px 50%; } .vote-star.star5{ background-position: 0px 50%; } .vote-star .vstar{ width: 20.8px; height: 20px; display:inline-block; float: left; cursor: pointer; } .products_votes_block .vblock{ margin: 10px; } .products_votes_block .vcontent{ width: 100%; resize: none; padding: 0 5px; } .products_votes_block .vsubmit{ width: 100%; padding: 5px 0; color: #fff; background: #e32029; border:none; } .products_votes_block .vvoted-content{ margin-top:-10px; } .products_votes_block .vvoted{ border-bottom: 1px solid #d1d1d1; padding-bottom:10px; font-size: 12px; } .facebook_comment{margin:5px 0 0 15px;} #mainMenu .layout__wrapper { background-color: #fff; } #mainMenu.second_page > .layout__wrapper{ background: transparent; } #mainMenu.second_page .column.column-3,#mainMenu.second_page .column_r_hide{ display: none; background-color: transparent; } .column-3{ width: 721px;} .column-2{ width: 721px;} .widget__image-big{ width: 100%; height: 354px;} .sidebar{ background-color: #fff; } .sidebarSecond{ width: 228px !important;} .sidebar__listItem{ border-bottom: 1px solid #ffffff;} .sidebar__listItem a,.sidebar__listItem h1 ,.sidebar__listItem h2,.sidebar__listItem h3, .sidebar__listItem span{ color: #000; font-size: 13px;} .sidebarSecond__content a,.sidebarSecond__content h1,.sidebarSecond__content h2,.sidebarSecond__content h3,.sidebarSecond__content h4{ font-size: 12px } .tags .tag{ background: #f5f5f5 ; border-radius:7px; padding:2px 3px; margin: 2px 3px;display: inline-block; } .row { margin-right: -15px; margin-left: -15px; } .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { min-height: 1px; padding-right: 15px; padding-left: 15px; } .danh_gia_luot_mua { margin: 5px 10px } .item-infocode{ margin-left: 10px } .danh_gia_luot_mua .pageView { float: left; width: 32%; text-align: center; font-size: 11px; color: #747474; } .voteView { line-height: 18px; text-align: right; display: block; } .si { background: url("../images/spriteIcon.png") no-repeat transparent; } #voteView0{background-position:0 -329px}#voteView1{background-position:0 -248px}#voteView2{background-position:0 -264px}#voteView3{background-position:0 -280px}#voteView4{background-position:0 -296px}#voteView5{background-position:0 -312px} #detail_product_price .price { background: #e32029; min-height: 46px; padding: 0 20px 15px; margin-top: 0px; background-size:100% } #detail_product_price .product-big-oldprice{ display: inline;margin-left: 15px;color:#fff; } .product-detail-more{} .product-detail-more p{padding-left: 35px;} .product-detail-more p::before{ content:''; background: url("../images/spriteIcon.png") no-repeat transparent; display:inline-block;width:15px;height:14px;background-position: -7px -760px; } .product-order{ padding-left: 10px } .sys_product_detail_boxpro{ border: none; margin: 0 0 3px 10px; float: left; border-bottom: 1px dotted #9d9d9d; } .amount{ padding: 5px 0 8px; border-bottom: 1px dotted #9d9d9d; margin-left: 10px; } .tragop{ position: absolute; right: 0; top:10px; } .tragop img{height: 84px;} .sys_product_detail_boxpro_title1{margin-right: 10px} .sys_choosed_color{display: none;} .sys_product_detail_btn_list_color > span{ width:20px; height: 20px;overflow: hidden;text-indent: 100px;margin: 5px; border-radius:0px; position: relative;background: #fff; } .sys_product_detail_btn_list_color > span i{ width:18px; height: 16px;position: absolute;top:1px;left:1px; } .detail_hotro_tructuyen{ border-top:1px solid #ddd; margin-left: 10px;margin-top: 10px } .detail_hotro_tructuyen a{text-decoration: none !important; margin-right: 5px;} #detail_product_price{ margin: 0 0 -5px; } .hl_bold_catename{ } .hl_bold_catename{ color: #365DB5; font-style: normal; font-weight: bold; } .tab-content>.tab-pane > div.menu{ padding:2px 10px !important; } .product-promotion { margin-top: 10px;width: 100%;float: left; } .iPromo{ color: #db0202; font-size: 1.2em; } .iPromo p::before{ content: "\e102"; font-family: 'Glyphicons Halflings'; } .change_browser{ position:absolute; left:0px; bottom:20px; font-size:20px } .change_browser em{font-size: 12px;} #search-2014.fixed{ position: fixed; top: 2px; margin: 0;z-index: 999991 } #search-2014.fixed .text{ border: none; padding: 0 5px; margin: 0; } #search-2014 .button i{display: none} #search-2014.fixed .button i{display: block} #search-2014.fixed .button { height: 26px; line-height: 24px; border:1px solid #fff; right: 0;top:5px; position: absolute; } #search-2014.fixed { background: #fff } #search-2014.fixed .form{ height: auto; background: #fff; position: relative; padding-right: 75px } .text_list_pro{ font-size: 12px; margin:0 0 15px 0; padding-top:15px; border-top:1px solid #D2D2D2 } .quick_search_filter .filter ul li a.remove_filter{ position: absolute; top: -1px; right: 12px; padding: 1px 2px; background: #802121; line-height: 9px; color: #fff; border-radius: 10px; display: none; } .quick_search_filter .filter ul li:hover a.remove_filter{display: block;} .header__menu__overlayBGx { transition: visibility 0s linear .1s,opacity .1s linear; background: rgba(0,0,0,0.5); } .header__menu__overlayBG { visibility: hidden; opacity: 0.5; transition: visibility 0s linear .1s,opacity .1s linear; position: fixed; left: 0; height: 100%; width: 100%; background: #000; z-index: 155; pointer-events: none; } .floor .mt .tab{display: none} .product-order button.cart{ background: #e32029; border-radius: 3px; color: #FFF; display: inline-block; height: 48px; line-height: 48px; opacity: 1; text-align: center; width: 200px; font-size: 18px; font-weight: bold; border:none } .header_icon>i { font-size: 22px; color: #9e9e9e; }.header_icon .flaticon-cart, .header_icon .flaticon-user { font-size: 25px; } .flaticon-cart:before { content: ""; background: url('../images/cart.png') no-repeat; padding: 0px 36px; } .menu { display: table-cell; width: 45px; line-height: 45px; } .number_cart { position: absolute; background: #ff652d; color: #fff; font-size: 11px; min-width: 8px; height: 15px; line-height: 14px; border-radius: 20px; right: 0; top: 10px; display: inline-block; font-style: normal; padding: 0 3px; } .header_icon { display: block; width: 30px; margin: 0 auto; position: relative; } .header_icon, header { height: 45px; padding: 0; } .add_to_cart1 { background: url(../images/addtocart.png) no-repeat; background-position: 0px 0px; display: inline-block; height: 48px; width: 192px; border:none; margin: 0px 8px 0 0px; } .add_to_cart1:hover{ background-position: 0px -50px; } .green{color:green} .slick-slider-other{height:350px} .btn_view_more{display: none} .brands__list-item-link{height: 89px} /*thaohk*/ .box-login-link{ background: url(../images/icon-account-2.png) no-repeat; padding-left: 15px; float: left; margin-top: 35px; margin-left: 15px; font-weight: 600; text-transform: uppercase; } .box-login-link a{ float: left; padding: 0px 5px; border-right: 1px solid; color: #afafaf;} .box-login-link a:last-child{ border: none;} .box-service{ overflow: hidden; padding: 15px; padding-bottom: 0px; border-top: 1px solid #cb0909; border-bottom: 1px solid #cb0909;} .box-service .list-service-image{ float: left; width: 510px; list-style: none;} .box-service .list-service-image li{ float: left; margin: 0px 15px 15px 0px; position: relative;} .box-service .list-service-image li img{ width: 230px; height: 111px; border: 1px solid #e2e2e2;} .box-service .list-service-image li span{ position: absolute; font-size: 19px; font-weight: bold; top: 5px; left: 5px; z-index: 100; color: #ffffff; text-shadow: 0px 0px 3px #000000; } .box-service .box-service-text{ line-height: 18px; color: #000000;} .style11{ } ._title{ overflow: hidden; border-bottom: 1px solid #1d9fd0; height: 30px;} ._title h2{ font-size: 15px; font-weight: bold; text-transform: uppercase; color: #1d9fd0; display: inline-block; line-height: 30px; width: 260px; float: left;} ._title h2 a{ color: #1d9fd0; text-decoration: none;} ._title ul{ list-style: none;} ._title ul li{ float: left; border-right: 1px solid rgba(0, 127, 194, 0.25); margin-right: 15px; height: 30px; padding-right: 15px;} ._title ul li a{ line-height: 30px; color: #1d9fd0; font-weight: bold; text-decoration: none;} .style11 .list-item{ width: 900px; float: left; margin-top: 10px; margin-left: 10px;} .style11 .list-item li{ width: 252px; height: 284px; float: left; margin-right: 55px; margin-bottom: 20px; border: 1px solid #dbdbdb;} .style11 .list-item li.last{ margin-right: 0px;} .style11 .list-item li .image img{ width: 224px; height: 164px; display: block; margin: 20px 10px;} .style11 .list-item li .name{ margin: 0 10px;} .style11 .list-item li .text-right{ text-align: right; margin-right: 10px;} .style11 .list-item li .text-right a{ color: #1d9fd0;} .style11 .adv{ float: right; width: 295px; margin-top: 10px;} .style11 .adv img{ width: 94%; height: auto; display: block;} .style10{ overflow: hidden;} .style10 ul{ list-style: none;} .mainProduct{ float: left; border: 1px solid #dbdbdb; width: 210px; height: 333px; margin: 20px 10px 5px 10px; padding: 5px;} .style10 ul li .image img{ display: block; width: 100%; } .style10 ul li .list-image{ margin-top: 5px; height: 37px;} .style10 ul li .list-image img{ display: inline-block; width: 35px; height: 35px; border: 1px solid #cccccc; margin-right: 2px; cursor: pointer;} .style10 ul li .list-image img.active{ border: 1px solid #295ccc;} .style10 ul li .price{ font-size: 18px; color: #ff0000; margin: 5px 0px;} .style10 ul li .name{ line-height: 18px; color: #999999; text-decoration: none; margin-bottom: 5px; display: block;} .style10 ul li .status{ color: #008000;} .style10 ul li .code{ color: #999999;} .Mnews{ display: inline-flex; } .mainProduct .picture_main:hover .hoverProduct { display: block; height: 175px; width: 252px; } .hoverProduct { position: absolute; z-index: 1; background: rgba(37, 37, 37, 0.88); display: none; line-height: 20px; max-width: 210px !important; height: 333px; width: 210px; } .boxOverA{ text-align: center; margin-top: 4%; padding: 0 5px; } .priceBox{ color: white; text-shadow: 1px 1px 0 #ff0000, -1px -1px 0 #ff0000, 1px -1px 0 #ff0000, -1px 1px 0 #ff0000, 1px 1px 0 #ff0000; font-size: 23px; font-family: fantasy; } .add-cart-button { background: #e32029; border-radius: 3px; color: #FFF; display: inline-block; border: 1px dotted #fff; height: 48px; line-height: 48px; opacity: 1; text-align: center; width: 200px; font-size: 18px; font-weight: bold; margin-top: 15px; } .add-cart-button:hover{ background: #fff; border: 1px dotted #e32029; color: #e32029; } .nameBox{ line-height: 20px; color: #ffffff; text-decoration: none; margin-bottom: 5px; display: block; height: 32px; font-size: 15px; } .nameBox a{ color: #ffffff; text-transform: none; } .detailBox a{ color: yellow; font-size: 13px; margin: 5px 0; } .picture_main { font-size: 0; margin-bottom: 6px; padding-top: 4px; position: relative; text-align: center; width: 210px; max-width: 100%; height: 170px; overflow: hidden; } .D-tintuc{ float: right; margin-top: 10px; } .Lmenu{ float: left; width: 280px; background: #fff; margin-right: 5px; padding: 5px; border: 1px solid #d0d0d0; } .title h3{ border-bottom: 2px solid #cb0909; text-align: center;} ul.style-none li, ul.style-none, ol.style-none, ul.style-none {list-style: none;} .menu-item-name {font-size: 13px;line-height: 30px;text-transform: uppercase;} .li-level-1:hover {cursor: pointer;} .sf-menu li:hover, .sf-menu li.sfHover { background: #044673;} .left-menu li a{font-size: 13px; line-height: 30px;} .D-tintuc .article-list .article-item {width: 216px;display: inline-block;} .article-item img{ width: 216px;} .article-item-image img { max-width: 216px;} .body { padding-top: 0px;} .article-item-image { text-align: left;} .D-tintuc .list-big .article-item .article-item-image { width: 216px;} .D-tintuc .article-item .article-item-image img { width: 210px;height: 147px;} #fBorder {background: none;} .sp-da-ban{margin-left: 15px; color:red} .advIndex{margin-top: 30px;} .section{ display: inline-block;} .big-product > a{ display: block; width: 100%; /*height:454px;*/ overflow: hidden; } .big-product > a > img{ width: 400px; height: 390px; border-left: 1px solid #DDD; border-top: 1px solid #DDD; border-bottom: 1px solid #DDD; } .product-list{ display: grid; } .product-home{ display: -webkit-box; height: 393px; } ul.product-list{ } ul.product-list li{ display: inline-block; /*padding-right:24px;*/ } ul.product-list li:last-child{ padding-right:0; } h3.title{ padding:20px 0; font-size:16px; font-weight: bold; } a.sadv{ display: block; } a.sadv > img { /*width: 100%;*/ /*height:100%;*/ /*width:300px!important;*/ } .ads_right{ height:390px; overflow: hidden; } .slide-img{ /*width: 100%;*/ } .system_adv { margin: 0!important; } .price.old_price{display: inline-block; line-height: 24px;} #slider1_container{ z-index: 1; } .gia_daily{font-size: 12px; font-weight: normal;} .product-list img{ border: 1px solid #d6d6d6; height: 128px; /*width: 145px;*/ width: 170px; } .shopnow a{ font-size: 11px; padding-left: 45px; color: #0484ab; } .shopnow a:hover{ color: red; } .block-recommend { margin-top: 14px; margin-bottom: 15px; overflow: hidden; } .block-recommend .slide-collection-top { overflow: hidden; position: relative; } #owl_home_recommend.owl-carousel .owl-controls .owl-buttons .owl-prev { left: 4px; } #owl_home_recommend.owl-carousel .owl-controls .owl-buttons .owl-next { right: 4px; } .slide-collection-top .trend-pro_item { float: left; position: relative; width: 100%;padding-bottom: 10px; height: 299px; width: 298px; } .owl-item{ background: #fff; border: 1px solid #d4d4d4; margin-right: 10px; } .slide-collection-top .item-col { display: block; text-align: center; white-space: nowrap; margin: 0 auto; width: 220px; /*background: url('../images/loading.svg') no-repeat center center rgba(255,255,255,0.5);*/ } .slide-collection-top .item-col span { display: block; text-align: center; line-height: 30px; width: 100%; height: 30px; color: #333; font-size: 14px; overflow: hidden; padding: 0 5px; } .transit { -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; width: 100%; padding-top:20px; } .slide-collection-top .item-col:hover span { } .slide-collection-top .item-col:hover > img{ -webkit-transform: scale(1.05,1.05); -moz-transform: scale(1.05,1.05); -ms-transform: scale(1.05,1.05); -o-transform: scale(1.05,1.05); transform: scale(1.05,1.05); } .owl-theme .owl-controls { text-align: right; position: absolute; bottom: 10px; width: 100%; } /* Styling Next and Prev buttons */ .advbox img{width: 1200px !important} /*menu giữa---*/ .titlemn{text-align: center;font-size: 20px;text-transform: uppercase;margin: 15px 0 0 0;height: 100px;} .colleft{float: left;width: 250px;background: #bdc7d3; height: 608px;background:url('http://6.img.izshop.vn/gt35/images/z1887543631788_b4ac23d7bececf31ac4b14228bb6c730.jpg') no-repeat;} .colleft .v-menu li{background: transparent;} .v-menu li { white-space: nowrap; -webkit-transition: background .2s; transition: background .2s; display: list-item; text-align: left; position: relative; height: 35px; } .v-menu li:hover, .v-menu li.sfHover{color: #d1d2d4} .v-menu a {display: block;text-decoration: none;font-size: 1.2em;color: #000;border-bottom: 1px dotted #dcdcdc;zoom: 1;padding-left: 20px;} .v-menu a:hover{color: red} .v-menu ul {box-shadow: 2px 2px 6px rgba(0,0,0,.2);min-width: 12em;z-index: 9;position: absolute;top: 0;left: 100%;display: none;} .colright{width: 940px;float: right;} .system_adv .sadv img{width: 459px; margin: 5px;float: left;height: 292px;} .system_adv{margin: 0} /*------Box Ext 3-----*/ .box-left{ width: 1200px;} .box-home {width: 100%;} .box-home img{ width:400px; height: auto; float: right;margin-left: 10px;margin: 80px 0 0 15px;} .titleb3{text-align: center;width: 100%; margin-top: 15px;} .titleb3 a{color: #ffa944; font: 1.5em/1.5em utm-alter-gothic;} .titleb3 a:hover{color: red; } .titleb4 a{color: #ffa944; font: 4.5em/1.5em utm-alter-gothic;} .bgrbox{background: url('http://6.img.izshop.vn/ecom120/images/icon_break.png') no-repeat center;height: 20px;margin-bottom: 10px;} .box3info{text-align: left;font-size: 14px;line-height: 25px;text-align: justify; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 10;} .details a{font-size: 14px;display: inline;} .details a:last-child{display: none} .boxcase5{width: 300px;height: 300px;float: left;background: #fff;border: 1px solid #f3f3f3} .single-item {padding: 5px;} .single-item img{transition: filter .6s, opacity .6s, transform .6s, box-shadow .3s;} .single-item img:hover{transform: scale(1.1);} .img img {width: 290px; } .imghover{width: 290px; height: 165px; overflow: hidden;} .case5title{margin: 10px 0;min-height: 80px;} .case5detail a{padding: 5px 25px;border-radius: 5px;color: #fff;background: #42b3e5;} .case5detail a:hover{background-color: red} .case5title a{font-size: 16px; color: #346400; text-transform: uppercase;} .case5title a:hover{color: red} /* Case 1 */ .boxcase1{width: 22.5%;float: left; margin: 0 5px 5px; border: 3px solid #fff;padding: 3px; background: #fff;text-align: center;height: 410px;} .boxcase1:hover {border: 3px solid #825d4a;} .case1title{font: bold 18px 'Roboto Condensed', sans-serif; text-align: center;} .case1img{margin-bottom: 15px;height: 199px;} .imgover img:hover{transform: scale(1.1);transition: filter .6s, opacity .6s, transform .6s, box-shadow .3s;} .case1info{ font: 14px 'Roboto Condensed', sans-serif;min-height: 50px; font-style: italic; text-align: center; color: #949494; margin: 6px 0; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .imgover{width: 273px;height: 200px;overflow: hidden;} .boxprice{margin: 5px 0; display: flex;} .case1price{float: left;font-size: 18px; color: red; margin-right: 10px;} .item-old-price{font-size: 14px; text-decoration: line-through;} .case1pricename{margin: 5px;} .status{color: #fff;position: absolute;right: 5px;top: 5px; line-height: 15px;text-shadow: 1px 1px 1px #000;} .facture{margin: 5px 25px 0 0;} .manuf{font-size: 13px;} .manufa{font-size: 15px; font-weight:bold; color: #32881c; text-transform: uppercase;} .discout-ele{ position: absolute; left: 28px; bottom: 265px; background: #fbfff994; border-radius: 71px; padding: 17px 12px; color: #fff; font-size: 20px; } .sys_product_detail_text_1{font-size: 13px} .payment{font: bold 1.4em/1.0em Arial; margin-bottom: 10px;} .shipinfo{font: 1.3em/1.0em Arial;} .boxthanhtoan{border: 1px solid #c6c6c6;padding: 10px 5px; margin: 10px 0 10px 10px;} .item-info{font-size: 13px;padding: 5px 0;} .sys_product_detail_btn_list_color{border-top: 1px dotted #9d9d9d} .case1section{ font: 40px 'Roboto Condensed', sans-serif; margin: 15px 0; text-transform: uppercase; color: #ab8e69; text-align: center; border-bottom: 1px solid; } .stt{ position: absolute; bottom: 5px; text-transform: uppercase;} /* End ase 1 */ .sys_product_detail_tab .nav-tabs>li>a { font-size: 16px; font-weight: 400; padding: 10px 20px 10px!important; } #owl_home_recommend.owl-theme .owl-controls .owl-buttons div{ filter: Alpha(Opacity=60);/*IE7 fix*/ opacity: 0.6; } #owl_home_recommend.owl-theme .owl-controls .owl-buttons .owl-prev{ position: absolute; left: 0; top: -158px; z-index: 9999; text-indent: -9999px; display:inline-block; width: 30px; height: 50px; background: rgba(153,153,153,0.8); } #owl_home_recommend.owl-theme .owl-controls .owl-buttons .owl-next{ position: absolute; right: 0; top: -158px; z-index: 9999; text-indent: -9999px; display:inline-block; width: 30px; height: 50px; background: rgba(153,153,153,0.8); } #owl_home_recommend.owl-theme .owl-controls .owl-buttons .owl-next i{ width: 20px; height: 20px; line-height: 50px; border-top: 2px solid #fff; border-right: 2px solid #fff; -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); display: inline-block; margin-top: 15px; margin-right: 7px; } #owl_home_recommend.owl-theme .owl-controls .owl-buttons .owl-prev i{ width: 20px; height: 20px; line-height: 50px; border-top: 2px solid #fff; border-right: 2px solid #fff; -ms-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -webkit-transform: rotate(-135deg); transform: rotate(-135deg); display: inline-block; margin-top: 15px; margin-left: 7px; } #owl_home_recommend.owl-theme .owl-controls.clickable .owl-buttons div:hover{ filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; text-decoration: none; } .slick-slide img{ } #menutop{ margin-right: 40px; } .CartH{ position: absolute; right: 0; } .active-arrow { border-bottom: 8px solid #e32029; } .sys_product_detail_tab .nav-tabs>li.active>a { color: #e32029!important; border-bottom: 2px solid #e32029!important; } .system-style.style-04 .btnColor { background: #e32029 !important; } .menuF{ background: #e32029; height: 49px; } .menuF a{ color: #fff; } .system-style.addContact > .ft_in_content_flcx { margin: auto 0; } .f_social{ position: absolute; top: -180px; right: 210px; } #footerM .btn.fb { background: url(../images/fb.png); } #footerM .btn { float: left; width: 36px; height: 36px; margin: 5px; overflow: hidden; text-indent: 36px; } #footerM .btn.yt { background: url(../images/yt.png); } #footerM .btn { float: left; width: 36px; height: 36px; margin: 5px; overflow: hidden; text-indent: 36px; } #footerM .btn.gg { background: url(../images/gg.png); } #footerM .btn { float: left; width: 36px; height: 36px; margin: 5px; overflow: hidden; text-indent: 36px; } #footerM .btn.li { background: url(../images/li.png); } #footerM .btn { float: left; width: 36px; height: 36px; margin: 5px; overflow: hidden; text-indent: 36px; } .menu_main_top{ float:right; margin-right: 30px; } .introimg{ float: left; margin-top: 14px; margin-bottom: 15px; } #owl_home_recommend_2 .owl-wrapper-outer .owl-item { margin: 0!important; border: none; } .product-row1{ } @media screen and (max-width: 1199px) { .root61 .w, .root61 .c_in{width:100%} .root61 #search-2014 .text { width: 100% !important; } .product-cover .product-info { width: 100%; } .boxcase1{ width:100%; height: auto ; margin: auto; padding: 0;} .case1img { margin-bottom: 15px; height: auto; width: 100%; /* padding: 10px; */ /* margin-bottom: 5px; */ } .layout__wrapper { width: 100%; } .tab-content img{width:75% !important} .tab-content p{text-align: left !important} .container-full { width: 100%; } .add-cart-button {width: 100%;} .product-order button.cart {width: 100%;} .tragop img {height: 76px;} .product-order { width: 100% !important; display: block !important; } } @media(max-width:1024px){ #logo-2014 { width: 100%; text-align: center; } .linein { margin: 20px auto; text-transform: uppercase; text-align: center; position: relative; top: 0; left: 0; } #search-2014 { float: none; } #search-2014 .button { width: 100%; } .tragop { position:relative; margin-top: 20px; border-top: 1px solid; } } @media (min-width: 768px){ } @media (min-width: 639px){ } @media (min-width: 479px){ } @media (min-width: 319px){ } /* Chat Footer*/ .social-button{ display: inline-grid; position: fixed; bottom: 15px; left: 45px; min-width: 45px; text-align: center; z-index: 99999; } .social-button-content{ display: inline-grid; } .social-button a {padding:8px 0;cursor: pointer;position: relative;} .social-button i{ width: 40px; height: 40px; background: #43a1f3; color: #fff; border-radius: 100%; font-size: 20px; text-align: center; line-height: 1.9; position: relative; z-index: 999; } .social-button span{ display: none; } .alo-circle { animation-iteration-count: infinite; animation-duration: 1s; animation-fill-mode: both; animation-name: zoomIn; width: 50px; height: 50px; top: 3px; right: -3px; position: absolute; background-color: transparent; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 2px solid rgba(30, 30, 30, 0.4); opacity: .1; border-color: #0089B9; opacity: .5; } .alo-circle-fill { animation-iteration-count: infinite; animation-duration: 1s; animation-fill-mode: both; animation-name: pulse; width: 60px; height: 60px; top: -2px; right: -8px; position: absolute; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 2px solid transparent; background-color: rgba(0, 175, 242, 0.5); opacity: .75; } .call-icon:hover > span, .mes:hover > span, .sms:hover > span, .zalo:hover > span{display: block} .social-button a span { border-radius: 2px; text-align: center; background: rgb(103, 182, 52); padding: 9px; display: none; width: 180px; margin-left: 10px; position: absolute; color: #ffffff; z-index: 999; top: 9px; left: 40px; transition: all 0.2s ease-in-out 0s; -moz-animation: headerAnimation 0.7s 1; -webkit-animation: headerAnimation 0.7s 1; -o-animation: headerAnimation 0.7s 1; animation: headerAnimation 0.7s 1; } @-webkit-keyframes "headerAnimation" { 0% { margin-top: -70px; } 100% { margin-top: 0; } } @keyframes "headerAnimation" { 0% { margin-top: -70px; } 100% { margin-top: 0; } } .social-button a span:before { content: ""; width: 0; height: 0; border-style: solid; border-width: 10px 10px 10px 0; border-color: transparent rgb(103, 182, 52) transparent transparent; position: absolute; left: -10px; top: 10px; } /*End hỗ trợ*/