/----------天猫店铺----------/
01.伪类(此css类请配合使用)

.ui-brand-btn-ex-align-left {

float: left;
overflow: hidden;
padding-left: 5px;
text-align: left;
width: 17px;

}
.ui-brand-btn-ex-align-left:hover {

padding-left: 18px;
width: 57px;

}
.ui-brand-btn-ex-align-left span {

display: none;

}
.ui-brand-btn-ex-align-left:hover span {

display: inline-block;

}
.ui-brand-btn-ex-align-right {

float: right;
overflow: hidden;
text-align: center;
width: 22px;

}
.ui-brand-btn-ex-align-right:hover {

text-align: center;
width: 75px;

}
.ui-brand-btn-ex-align-right span {

display: none;

}
.ui-brand-btn-ex-align-right:hover span {

display: inline-block;

}

/-------------------------------------/
02.定位类
.mallNav-others {

position: absolute;
right: 0;
top: 0;

}

.footer-qrcode {

background: url("http://gtms01.alicdn.com/tps/i1/T1a1vVFl4cXXcX4ZjM-160-150.png") no-repeat scroll 0 0 #fff;
height: 160px;
left: 50%;
margin-left: -90px;
overflow: hidden;
position: absolute;
top: -330px;
width: 160px;

}

.sn-simple-logo {

position: absolute;

}

.s-menu {

background: none repeat scroll 0 0 #fff;
border-color: #bebebe;
border-style: solid;
border-width: 1px;
cursor: default;
margin: 0;
outline: 0 none;
position: absolute;
z-index: 99999;

}

/-----------/
03.其它类
.hidden {

display: none;

}

/----------天猫店铺 end----------/

/----------集市店铺----------/
01.定位类
.search-menu {

background: none repeat scroll 0 0 #fff;
border-color: #bebebe;
border-style: solid;
border-width: 1px;
cursor: default;
margin: 0;
outline: 0 none;
position: absolute;
z-index: 99999;

}

.most-footer {

background: none repeat scroll 0 0 #fff;
border-top: 1px solid #e4e4e4;
padding: 0;
position: absolute;
width: 100%;

}

.cloud-footer {

background: none repeat scroll 0 0 #fff;
border-top: 0 none;
display: none;
height: 100%;
overflow: hidden;
padding: 0;
position: absolute;
right: 0;
top: 0;
width: 50%;
z-index: 100;

}

.footer-more-trigger {

border: 1px solid #fff;
left: -12px;
line-height: 1.3;
padding: 6px 11px 4px 14px;
position: absolute;
top: -5px;
width: 37px;

}

.footer-more-panel {

background: none repeat scroll 0 0 white;
border: 1px solid #c5c5c5;
bottom: -90px;
display: none;
line-height: 1.9;
padding: 7px 3px 2px 2px;
position: absolute;
right: 26px;
text-align: left;
width: 57px;

}

.site-nav-fixed {

position: fixed;
top: 0;

}

/-----/
02.伪类(此类请搭配使用)
.footer-more-panel {

background: none repeat scroll 0 0 white;
border: 1px solid #c5c5c5;
bottom: -90px;
display: none;
line-height: 1.9;
padding: 7px 3px 2px 2px;
position: absolute;
right: 26px;
text-align: left;
width: 57px;

}

.footer-more-hover .footer-more-panel, .footer-more:hover .footer-more-panel {

display: block;

}

.footer-more-hover .footer-more-trigger, .footer-more:hover .footer-more-trigger {

background: none repeat scroll 0 0 #fff;
border-bottom: 0 none;
border-color: #c5c5c5 #c5c5c5 -moz-use-text-color;

}

.footer-more {

cursor: pointer;
float: left;
padding-top: 1px;
position: relative;
width: 82px;
z-index: 1;

}

/----------/
03.其它类
.hidden{
display:none;
}
/----------集市店铺 end----------/

最后编辑:2014年11月26日 ©著作权归作者所有

发表评论