Files
littleTiger/template/pc/rainbow/static/css/saved_resource.css
2019-02-28 19:48:21 +08:00

1893 lines
35 KiB
CSS

/* jdf-1.0.0/ ui-base.css Date:2015-09-25 09:37:09 */
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
}
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden
}
.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 {
width:1210px
}
body {
font:12px/150% Arial,Verdana,"\5b8b\4f53";
color:#666;
background:#fff
}
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(//misc.360buyimg.com/lib/skin/e/i/error-jd.gif) no-repeat 50% 50%
}
/* jdf-1.0.0/ shortcut.css Date:2016-04-05 11:31:25 */
#shortcut-2014 {
width:100%;
height:30px;
line-height:30px;
background:#F1F1F1
}
#shortcut-2014 .w {
background:#F1F1F1
}
#shortcut-2014 li {
float:left;
height:30px;
padding:0 2px
}
#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 .dt {
float:left;
padding:0 8px
}
#shortcut-2014 .dd {
line-height:24px
}
#shortcut-2014 .loading {
display:block;
height:50px;
background:url(//misc.360buyimg.com/jdf/1.0.0/unit/globalImages/1.0.0/loading.gif) no-repeat center center
}
#shortcut-2014 .dorpdown-layer {
top:30px;
background:#fff;
border:1px solid #ddd;
}
#shortcut-2014 .ci-right {
top:12px;
right:8px;
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
}
#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)
}
#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(//misc.360buyimg.com/jdf/1.0.0/unit/globalImages/1.0.0/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 .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;
}
#shortcut-2014 #ttbar-mycity .dd-spacer-extend {
width:105px;
}
#shortcut-2014 #ttbar-login {
margin-right:10px
}
#shortcut-2014 #ttbar-login .link-login {
font-family:"verdana,simsun"
}
#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(//misc.360buyimg.com/jdf/1.0.0/unit/globalImages/1.0.0/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 .link4,#shortcut-2014 #ttbar-apps .dd .link5 {
left:99px;
top:23px;
width:136px;
color:#c21a21;
text-indent:0;
cursor:default
}
#shortcut-2014 #ttbar-apps .dd .link5 {
top:120px
}
#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(//misc.360buyimg.com/jdf/1.0.0/unit/globalImages/1.0.0/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 {
display:inline-block;
*display:inline;
*zoom:1;
width:70px;
padding-left:15px
}
#shortcut-2014 #ttbar-atte .dd-spacer,#shortcut-2014 #ttbar-serv .dd-spacer {
left:0;
width:82px
}
#shortcut-2014 #ttbar-serv .dd {
width:170px
}
#shortcut-2014 #ttbar-serv .item {
padding-left:10px
}
#shortcut-2014 #ttbar-serv .item-business,#shortcut-2014 #ttbar-serv .item-client {
font-weight:700;
padding-left:10px
}
#shortcut-2014 #ttbar-serv .item-business {
border-top:1px dotted #ccc;
padding-top:5px;
margin-top:5px
}
#shortcut-2014 #ttbar-navs .dt {
width:49px;
padding-right:25px
}
#shortcut-2014 #ttbar-navs .dd {
right:0;
width:988px;
padding:20px 0 16px;
}
#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-11-26 19:49:18 */
#logo-2014 {
position:relative;
z-index:12;
float:left;
width:362px;
height:60px;
padding:20px 0
}
#logo-2014 .logo {
display:block;
width:270px;
height:60px;
background:url(//misc.360buyimg.com/lib/img/e/logo-201305.png) no-repeat 0 0;
text-indent:-20000px
}
#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 "microsoft yahei";
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:"Microsoft YaHei";
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:"Microsoft YaHei";
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(//misc.360buyimg.com/jdf/1.0.0/unit/globalImages/1.0.0/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;
height:24px;
line-height:24px;
color:#666;
padding:4px;
margin-bottom:4px;
border-width:2px 0 2px 2px;
border-color:#B61D1D;
border-style:solid;
outline:0;
font-size:14px;
font-family:"microsoft yahei"
}
#search-2014 .button {
float:left;
width:82px;
height:36px;
background:#B61D1D;
border:none;
line-height:1;
color:#fff;
font-family:"Microsoft YaHei";
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 {
float:left;
white-space:nowrap;
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;
}
#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.close:hover,#shelper li.fore1:hover {
background:0 0
}
#shelper li.fore1 div:hover {
background:#f5f5f5!important
}
#shelper li.brand-search {
border-bottom:1px solid #ddd;
font-family:Microsoft YaHei
}
#shelper li.brand-search .info {
color:#e4393c;
margin-bottom:2px
}
#shelper li.brand-search .bs-item {
margin-bottom:7px
}
#shelper li.brand-search .bs-item .logo {
width:90px
}
#shelper li.brand-search .bs-item .logo,#shelper li.brand-search .bs-item .name {
display:inline-block;
height:30px;
font-size:14px;
vertical-align:middle;
overflow:hidden
}
#shelper li.brand-search .bs-item .name {
line-height:30px;
margin-left:5px;
white-space:nowrap;
text-overflow:ellipsis;
width:265px
}
.root61 #shelper li.brand-search .bs-item .name {
width:340px
}
.root61 #search-2014,.root61 #search-2014 .form {
width:auto;
_width:538px
}
.root61 #search-2014 .text {
width:446px
}
.root61 #hotwords-2014 {
width:518px
}
.root61 #shelper {
width:455px
}
#appdownloadTop {
display:none
}
/* jdf-1.0.0/ myjd.css Date:2016-01-05 17:06:56 */
#ttbar-myjd .dt {
width:49px;
padding-right:25px
}
#ttbar-myjd .dorpdown-layer {
width:280px
}
#ttbar-myjd .userinfo {
padding:10px 0 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:250px;
padding:0 15px 10px;
border-top:1px dotted #ccc;
padding-top:10px
}
#ttbar-myjd .viewlist .smt {
zoom:1
}
#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
}
#ttbar-myjd .user-level1,#ttbar-myjd .user-level2,#ttbar-myjd .user-level3,#ttbar-myjd .user-level4,#ttbar-myjd .user-level5,#ttbar-myjd .user-level6 {
display:inline-block;
width:17px;
height:17px;
line-height:17px;
vertical-align:middle;
margin-left:5px;
background:url(//misc.360buyimg.com/jdf/1.0.0/unit/myjd/2.0.0/i/rank2014.gif)
}
#ttbar-myjd .user-level2 {
background-position:0 -17px
}
#ttbar-myjd .user-level3 {
background-position:0 -34px
}
#ttbar-myjd .user-level4 {
background-position:0 -51px
}
#ttbar-myjd .user-level5 {
background-position:0 -68px
}
#ttbar-myjd .user-level6 {
background-position:0 -85px
}
/* jdf-1.0.0/ nav.css Date:2016-06-30 11:31:23 */
#nav-2014 {
height:44px;
border-bottom:2px solid #B1191A;
}
#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;
background:#B1191A
}
#categorys-2014 .dt a {
display:block;
width:190px;
height:44px;
padding:0 10px;
background:#B1191A;
font:400 15px/44px "microsoft yahei";
color:#fff;
text-decoration:none
}
#categorys-2014 .dt s {
position:relative;
top:-9px;
text-decoration:none
}
#categorys-2014 .dt .ci-right {
top:20px;
right:7px;
height:7px;
overflow:hidden;
font:700 20px/16px simsun;
color:#fff;
transition:transform .1s ease-in 0s;
-webkit-transition:-webkit-transform .1s ease-in 0s;
display:block;
position:absolute
}
#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:"microsoft yahei";
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-block;
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;
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;
}
#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 .subitems .style-red-border {
float:left;
margin:4px 8px 4px 0;
height:16px;
background:#f6f0f0;
overflow:hidden
}
#categorys-2014 .subitems .style-red-border a {
font-family:"Microsoft YaHei",tahoma,arial,"Hiragino Sans GB","\5b8b\4f53",sans-serif;
color:#c81623;
line-height:12px;
line-height:14px\9;
line-height:14px\0;
line-height:12px\9\0;
height:12px;
padding:1px;
margin:0;
border:1px dotted #db7078;
border-left:none;
border-right:none;
display:inline-block
}
#categorys-2014 .subitems .style-red-border .left-b,#categorys-2014 .subitems .style-red-border .right-b {
float:left;
background:url(//img10.360buyimg.com/uba/jfs/t2986/155/1039328667/119/6d2a472a/57722598N82f09586.png) no-repeat 0 0;
width:5px;
height:16px
}
#categorys-2014 .subitems .style-red-border .right-b {
background-position:-5px 0
}
#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
}
#nav-2014 .hover .dt .ci-right {
transform:rotate(180deg);
-webkit-transform:rotate(180deg);
}
#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 a {
height:44px;
padding:0 20px;
text-align:center;
text-decoration:none;
font:400 15px/44px "microsoft yahei";
color:#333
}
#navitems-2014 a:hover {
color:#C81623
}
#navitems-2014 .spacer {
width:1px;
height:24px;
margin:10px 0 0;
background:#DDD;
overflow:hidden;
display:none
}
#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-09-15 18:39:10 */
#settleup-2014 {
float:right;
z-index:11;
height:36px;
margin-top:25px
}
#settleup-2014 .cw-icon {
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(//misc.360buyimg.com/jdf/1.0.0/unit/globalImages/1.0.0/jd2015img.png) 0 -58px 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;
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;
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(//misc.360buyimg.com/jdf/1.0.0/unit/shoppingcart/2.0.0/i/settleup-nogoods.png)
}
#settleup-content {
position:relative;
z-index:2;
width:100%;
background:#fff
}
#settleup-content .loading {
display:block;
height:50px;
background:url(//misc.360buyimg.com/jdf/1.0.0/unit/globalImages/1.0.0/loading.gif) no-repeat center center
}
#settleup-content .smt {
height:25px;
padding:6px 8px;
line-height:25px
}
#settleup-content .smc {
background:#fff;
max-height:344px;
overflow-y:auto
}
#settleup-content .smb {
padding:8px;
background:#F5F5F5;
}
#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;
}
#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;
padding:0 2px;
font:12px/16px simsun
}
#settleup-content .hl-green {
background:#3b0
}
#settleup-content .hl-orange {
background:#f60
}
.root61 #settleup-2014 {
margin-right:65px
}
#settleup-2014.hover .ci-left {
_background:url(//misc.360buyimg.com/jdf/1.0.0/unit/globalImages/1.0.0/jd2015img.png) 0 -116px no-repeat
}
/* jdf-1.0.0/ global-footer.css Date:2015-09-15 18:39:12 */
#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-09-25 09:37:10 */
#service-2014 {
margin-bottom:20px
}
#service-2014 dl {
float:left;
width:22%;
}
#service-2014 dl.fore5 {
width:8%;
}
#service-2014 dt {
padding:6px 0;
font:400 16px/24px "microsoft yahei"
}
#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 "microsoft yahei"
}
#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(//misc.360buyimg.com/jdf/1.0.0/unit/service/1.0.0/i/service_items_1.png)
}
#service-2014 .slogen .fore2 {
margin-left:-245px
}
#service-2014 .slogen .fore2 i {
background-image:url(//misc.360buyimg.com/jdf/1.0.0/unit/service/1.0.0/i/service_items_2.png)
}
#service-2014 .slogen .fore3 {
margin-left:0
}
#service-2014 .slogen .fore3 i {
background-image:url(//misc.360buyimg.com/jdf/1.0.0/unit/service/1.0.0/i/service_items_3.png)
}
#service-2014 .slogen .fore4 {
margin-left:245px
}
#service-2014 .slogen .fore4 i {
background-image:url(//misc.360buyimg.com/jdf/1.0.0/unit/service/1.0.0/i/service_items_4.png)
}
#coverage {
float:right;
width:310px;
height:168px;
background:url(//misc.360buyimg.com/product/skin/2013/i/20130330B_1.png) no-repeat 60px -131px
}
#coverage .dt {
padding:6px 40px 15px 80px;
font:400 16px/24px "microsoft yahei"
}
#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
}
/* user-myjd/lib/1.0.0 global.css md5:28862cceb1eacebb6dd225d59fad7196 */
#container {
background-color:#f5f5f5
}
#content {
padding-left:120px;
padding-top:20px;
display:block
}
#content:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden
}
* html #content {
height:1%
}
*+html #content {
min-height:1%
}
#sub {
float:left;
width:120px;
position:relative;
left:-120px
}
#main {
float:left;
width:99.9%;
margin-left:-120px;
overflow:hidden
}
#nav {
position:relative;
width:100%;
background-color:#e45050
}
#nav .w {
background-color:#e45050
}
#nav .logo {
position:relative;
float:left;
width:272px;
height:80px;
overflow:hidden
}
#nav .logo a {
text-decoration:none;
color:#fff
}
#nav .logo img {
vertical-align:top
}
#nav .logo .fore1 {
float:left;
margin-right:10px;
width:158px;
height:80px;
background:url(//misc.360buyimg.com/user/myjd/lib/1.0.0/widget/global/i/logo.png) no-repeat
}
#nav .logo .fore2 {
float:left;
font-size:20px;
font-family:"Microsoft YaHei";
margin:20px 0 0 6px;
height:22px
}
#nav .logo .fore3 {
float:left;
margin:5px 0 0;
color:#ffb2b2;
border:1px solid #ffb2b2;
height:18px;
line-height:18px;
padding:0 10px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px
}
#nav .logo .fore3:hover {
background:#fff;
border-color:#fff;
color:#e4393c
}
#nav .navitems {
float:left;
height:36px;
width:342px;
line-height:36px;
padding:22px 0;
margin:0 0 0 30px;
font-size:14px
}
#nav .navitems a {
color:#fff;
position:relative
}
#nav .navitems a:hover {
text-decoration:underline
}
#nav .navitems a i {
display:block;
position:absolute;
top:-20px;
right:-28px;
width:26px;
height:26px;
line-height:26px;
font-family:verdana;
color:#333;
text-align:center;
font-weight:700;
overflow:hidden;
background:url(//misc.360buyimg.com/user/myjd/lib/1.0.0/widget/global/i/msg-count.png) no-repeat;
-webkit-transition:transform .2s ease-in 0s;
-moz-transition:transform .2s ease-in 0s;
transition:transform .2s ease-in 0s
}
#nav .navitems ul {
display:block
}
#nav .navitems ul:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden
}
* html #nav .navitems ul {
height:1%
}
*+html #nav .navitems ul {
min-height:1%
}
#nav .navitems li {
float:left;
margin:0 20px 0 0
}
#nav .navitems li.fore-3 {
margin:0
}
#nav .navitems li.fore-4 {
margin-right:5px
}
#nav .navitems li.fore-4 .dl .dt {
width:56px
}
#nav .navitems li.fore-4 .dl .dd a {
width:70px
}
#nav .navitems .dl {
position:relative
}
#nav .navitems .dl .dt {
white-space:nowrap;
height:18px;
line-height:18px;
padding:9px 16px;
width:74px
}
#nav .navitems .dl .dt span {
color:#fff
}
#nav .navitems .dl .dt b {
display:inline-block;
vertical-align:middle;
width:9px;
height:6px;
overflow:hidden;
margin-left:5px;
background:url(//misc.360buyimg.com/user/myjd/lib/1.0.0/widget/global/i/icon.png) 0 0 no-repeat;
-webkit-transition:transform .2s ease-in 0s;
-moz-transition:transform .2s ease-in 0s;
transition:transform .2s ease-in 0s
}
#nav .navitems .dl .dd {
position:absolute;
top:34px;
left:0;
display:none;
background-color:#fff;
border:1px solid #ddd;
border-top:0;
font-size:12px
}
#nav .navitems .dl .dd a {
display:block;
text-decoration:none;
width:88px;
padding:0 0 0 16px;
line-height:30px
}
#nav .navitems .dl .dd a:hover {
background:#f5f5f5;
color:#e4393c
}
#nav .navitems .hover {
z-index:10
}
#nav .navitems .hover a {
color:#333
}
#nav .navitems .hover .dt {
background-color:#fff;
border:1px solid #ddd;
border-bottom:0;
padding:8px 15px;
-webkit-box-shadow:0 3px 5px rgba(153,153,153,.5);
-moz-box-shadow:0 3px 5px rgba(153,153,153,.5);
box-shadow:0 3px 5px rgba(153,153,153,.5)
}
#nav .navitems .hover .dt span {
color:#333
}
#nav .navitems .hover .dt b {
background-position:0 -15px;
-webkit-transform:rotate(180deg);
-moz-transform:rotate(180deg);
transform:rotate(180deg)
}
#nav .navitems .hover .dt i {
display:none
}
#nav .navitems .hover .dd {
display:block
}
#nav .navitems .hover .dd b {
color:red;
font-weight:400
}
#nav .navitems .myjd-info {
position:relative
}
#nav .navitems .myjd-info i {
display:block;
position:absolute;
top:-10px;
_top:-20px;
left:68px;
width:26px;
height:26px;
line-height:26px;
font-family:verdana;
color:#333;
text-align:center;
font-weight:700;
overflow:hidden;
background:url(//misc.360buyimg.com/user/myjd/lib/1.0.0/widget/global/i/msg-count.png) no-repeat;
-webkit-transition:transform .2s ease-in 0s;
-moz-transition:transform .2s ease-in 0s;
transition:transform .2s ease-in 0s
}
#nav .navitems .myjd-info a:hover i {
display:none
}
#nav .navitems .myjd-info a:hover em {
-webkit-transform:translateY(-5px);
-moz-transform:translateY(-5px);
transform:translateY(-5px)
}
#nav .nav-r {
float:right;
width:340px;
margin-right:5px
}
#nav .nav-r #search-2014 {
width:186px
}
#nav .nav-r #search-2014 .button {
width:56px;
font-size:12px;
height:32px;
color:#333;
background-color:#f7f7f7
}
#nav .nav-r #search-2014 .text {
width:120px;
border:0
}
#nav .nav-r #search-2014 #shelper {
width:338px;
top:32px
}
#nav .nav-r #search-2014 .form {
width:auto
}
#nav .nav-r #settleup-2014 {
float:right;
margin-right:0
}
#nav .nav-r #settleup-2014 .cw-icon {
height:30px;
border:1px solid #fff
}
#nav .nav-r #settleup-2014 .ci-left {
top:7px
}
#nav .nav-r #settleup-2014 .ci-right {
top:9px
}
#nav .nav-r #settleup-2014 .dorpdown-layer {
top:32px
}
#nav .nav-r #hotwords-2014 {
width:auto;
display:none
}
#menu {
width:100px;
padding-left:10px
}
#menu dl {
padding-bottom:15px
}
#menu dl dt {
height:28px;
line-height:28px;
color:#333;
font-weight:700
}
#menu dl dd {
color:#666;
line-height:24px
}
#menu dl dd a {
color:#777
}
#menu dl dd a:hover {
color:#e4393c;
text-decoration:underline
}
#menu dl dd b {
color:red;
font-weight:400
}
#menu dl dd.curr a {
color:#e4393c;
font-weight:700
}
#menu dl dd.last {
border-bottom:1px dashed #e9eaec;
margin-bottom:6px;
padding-bottom:6px
}
#menu-ads {
width:90px;
margin-left:10px;
overflow:hidden
}
#menu-ads a {
display:inline-block;
margin-bottom:10px
}