|
|
|
@font-face {
|
|
|
|
font-family: 'icomoon';
|
|
|
|
src:font-url('icomoon.eot');
|
|
|
|
src:font-url('icomoon.eot?#iefix') format('embedded-opentype'),
|
|
|
|
font-url('icomoon.ttf') format('truetype'),
|
|
|
|
font-url('icomoon.woff') format('woff'),
|
|
|
|
font-url('icomoon.svg#icomoon') format('svg');
|
|
|
|
font-weight: normal;
|
|
|
|
font-style: normal;
|
|
|
|
}
|
|
|
|
.yoho-footer {
|
|
|
|
font-size: 12px;
|
|
|
|
/*----文字颜色----*/
|
|
|
|
.red{
|
|
|
|
color: #ee0011;
|
|
|
|
|
|
|
|
.left {
|
|
|
|
float: left;
|
|
|
|
}
|
|
|
|
.orange{
|
|
|
|
color: #f9761a;
|
|
|
|
|
|
|
|
.right {
|
|
|
|
float: right;
|
|
|
|
}
|
|
|
|
.rgb0{
|
|
|
|
color: #000;
|
|
|
|
|
|
|
|
.center {
|
|
|
|
text-align: center;
|
|
|
|
}
|
|
|
|
.rgb2{
|
|
|
|
color: #222;
|
|
|
|
|
|
|
|
* {
|
|
|
|
box-sizing: border-box;
|
|
|
|
}
|
|
|
|
.rgb4{
|
|
|
|
color: #444;
|
|
|
|
|
|
|
|
.red {
|
|
|
|
color: #ee0011;
|
|
|
|
}
|
|
|
|
.rgb6{
|
|
|
|
|
|
|
|
.rgb6 {
|
|
|
|
color: #666;
|
|
|
|
}
|
|
|
|
.rgb9{
|
|
|
|
|
|
|
|
.rgb9 {
|
|
|
|
color: #999;
|
|
|
|
}
|
|
|
|
|
|
|
|
.rgbc{
|
|
|
|
color: #ccc;
|
|
|
|
}
|
|
|
|
.rgbf{
|
|
|
|
.rgbf {
|
|
|
|
color: #fff;
|
|
|
|
}
|
|
|
|
.blue{
|
|
|
|
color: #006699;
|
|
|
|
}
|
|
|
|
.blue2{
|
|
|
|
color: #468fa2;
|
|
|
|
}
|
|
|
|
/**函数类**/
|
|
|
|
.hidden{ display:none !important;}
|
|
|
|
.show{ display:block;}
|
|
|
|
.left{float: left;}
|
|
|
|
.right{float: right;}
|
|
|
|
.relative{position: relative;}
|
|
|
|
.absolute{position: absolute;}
|
|
|
|
.inline-block{
|
|
|
|
display: inline-block;
|
|
|
|
}
|
|
|
|
.top{
|
|
|
|
vertical-align: top;
|
|
|
|
}
|
|
|
|
.middle{
|
|
|
|
vertical-align: middle;
|
|
|
|
}
|
|
|
|
.center{
|
|
|
|
text-align: center;
|
|
|
|
}
|
|
|
|
.footertop {
|
|
|
|
.index-foot {
|
|
|
|
background: #eeeeee;
|
|
|
|
padding:20px 0;
|
|
|
|
}
|
|
|
|
.index-foot dd{
|
|
|
|
|
|
|
|
.index-foot {
|
|
|
|
background: #eeeeee;
|
|
|
|
padding:20px 0;
|
|
|
|
|
|
|
|
dd {
|
|
|
|
width: 370px;
|
|
|
|
margin-right: 20px;
|
|
|
|
float: left;
|
|
|
|
overflow:hidden;
|
|
|
|
}
|
|
|
|
.index-foot dd.last{
|
|
|
|
margin-right: 0;
|
|
|
|
}
|
|
|
|
.index-foot dd .foot-panel{
|
|
|
|
background: #fff;
|
|
|
|
padding: 20px;
|
|
|
|
_padding-right: 10px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.index-foot dd .title{
|
|
|
|
text-align: center;
|
|
|
|
_zoom:1;
|
|
|
|
}
|
|
|
|
.index-foot dd .title .title-line{
|
|
|
|
border-bottom: 1px solid #dddddd;
|
|
|
|
position: absolute;
|
|
|
|
top: 9px;
|
|
|
|
width: 100%;
|
|
|
|
left: 0;
|
|
|
|
*top: -6px;
|
|
|
|
}
|
|
|
|
.index-foot dd .title .text{
|
|
|
|
position: absolute;
|
|
|
|
width: 100%;
|
|
|
|
text-align: center;
|
|
|
|
left: 0;
|
|
|
|
top: 0;
|
|
|
|
}
|
|
|
|
.index-foot dd .title .text span{
|
|
|
|
background: #fff;
|
|
|
|
font-size: 18px;
|
|
|
|
line-height: 18px;
|
|
|
|
padding: 0 10px;
|
|
|
|
}
|
|
|
|
.index-foot dd ul{
|
|
|
|
margin-top: 18px;
|
|
|
|
padding-top: 18px;
|
|
|
|
}
|
|
|
|
.index-foot dd .two-dim{
|
|
|
|
margin-right: -10px;
|
|
|
|
}
|
|
|
|
.index-foot dd .two-dim li{
|
|
|
|
border: 1px solid #ddd;
|
|
|
|
padding: 7px;
|
|
|
|
margin-right: 10px;
|
|
|
|
}
|
|
|
|
&.last {
|
|
|
|
margin-right: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.foot-panel {
|
|
|
|
background: #fff;
|
|
|
|
padding: 20px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.index-foot dd .two-dim img.dim-img{
|
|
|
|
/*opacity: 0.5;
|
|
|
|
filter:alpha(opacity=50);*/
|
|
|
|
}
|
|
|
|
.index-foot dd .two-dim .dim-hover{
|
|
|
|
position: absolute;
|
|
|
|
}
|
|
|
|
.index-foot dd .two-dim .dim-hover img{
|
|
|
|
width: 38px;
|
|
|
|
height: 38px;
|
|
|
|
}
|
|
|
|
.index-foot dd .two-dim .dim-active .dim-img{
|
|
|
|
opacity: 1;
|
|
|
|
filter:alpha(opacity=100);
|
|
|
|
}
|
|
|
|
.index-foot dd .two-dim .dim-active .dim-hover{
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
.index-foot dd .two-dim li a{
|
|
|
|
display: block;
|
|
|
|
}
|
|
|
|
.index-foot dd .two-dim li p{
|
|
|
|
text-align: center;
|
|
|
|
margin-top: 13px;
|
|
|
|
margin-bottom: 3px;
|
|
|
|
line-height: 12px;
|
|
|
|
}
|
|
|
|
.index-foot dd .item-nav{
|
|
|
|
padding-top: 20px;
|
|
|
|
}
|
|
|
|
.index-foot dd .item-nav a{
|
|
|
|
color: #999;
|
|
|
|
padding: 0 3px;
|
|
|
|
cursor:pointer;
|
|
|
|
}
|
|
|
|
.index-foot .vote{
|
|
|
|
height: 131px;
|
|
|
|
line-height: 24px;
|
|
|
|
}
|
|
|
|
.index-foot .vote input{
|
|
|
|
margin: 0 5px 0 1px;
|
|
|
|
}
|
|
|
|
.index-foot .vote .button{
|
|
|
|
height: 24px;
|
|
|
|
line-height: 24px;
|
|
|
|
width: 55px;
|
|
|
|
font-size: 12px;
|
|
|
|
margin-top: 10px;
|
|
|
|
margin-right: 10px;
|
|
|
|
background: #222;
|
|
|
|
color: #fff;
|
|
|
|
display: inline-block;
|
|
|
|
text-align: center;
|
|
|
|
}
|
|
|
|
.index-foot .vote p{
|
|
|
|
height: 24px;
|
|
|
|
overflow: hidden;
|
|
|
|
}
|
|
|
|
.index-foot .vote .vote-item p{
|
|
|
|
float: left;
|
|
|
|
width: 50%;
|
|
|
|
.title {
|
|
|
|
position: relative;
|
|
|
|
text-align: center;
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
.title-line {
|
|
|
|
border-bottom: 1px solid #dddddd;
|
|
|
|
position: absolute;
|
|
|
|
top: 9px;
|
|
|
|
width: 100%;
|
|
|
|
left: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.index-foot .vote textarea{
|
|
|
|
width: 98%;
|
|
|
|
height: 60px;
|
|
|
|
vertical-align: middle;
|
|
|
|
margin: 5px 0px 0px 0px;
|
|
|
|
resize:none;
|
|
|
|
}
|
|
|
|
.text {
|
|
|
|
position: absolute;
|
|
|
|
width: 100%;
|
|
|
|
text-align: center;
|
|
|
|
left: 0;
|
|
|
|
top: 0;
|
|
|
|
|
|
|
|
span {
|
|
|
|
background: #fff;
|
|
|
|
font-size: 18px;
|
|
|
|
line-height: 18px;
|
|
|
|
padding: 0 10px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.index-foot ul.mobile{
|
|
|
|
margin-right: -10px;
|
|
|
|
}
|
|
|
|
.index-foot .mobile li{
|
|
|
|
margin-right: 10px;
|
|
|
|
float: left;
|
|
|
|
margin-bottom: 12px;
|
|
|
|
}
|
|
|
|
ul {
|
|
|
|
margin-top: 18px;
|
|
|
|
padding-top: 18px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.index-foot dd li{
|
|
|
|
/*height: 131px;*/
|
|
|
|
zoom:1;
|
|
|
|
}
|
|
|
|
.two-dim {
|
|
|
|
margin-right: -10px;
|
|
|
|
overflow: hidden;
|
|
|
|
|
|
|
|
.index-banner{
|
|
|
|
width: 100%;
|
|
|
|
margin-top: 20px;
|
|
|
|
}
|
|
|
|
.ifont10{
|
|
|
|
font-family: "icomoon" ;
|
|
|
|
display:inline-block;
|
|
|
|
font-size: 13px;
|
|
|
|
line-height: 10px;
|
|
|
|
-webkit-transform:scale(0.8);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.footerbottom {
|
|
|
|
width: 100%;
|
|
|
|
.promise {
|
|
|
|
padding: 20px 0 10px 0;
|
|
|
|
background: #000;
|
|
|
|
.left {
|
|
|
|
line-height: 30px;
|
|
|
|
font-size: 12px;
|
|
|
|
font-weight: bold;
|
|
|
|
.ifont {
|
|
|
|
font-size: 24px;
|
|
|
|
line-height: 24px;
|
|
|
|
vertical-align: middle;
|
|
|
|
margin-right: 5px;
|
|
|
|
font-weight: normal;
|
|
|
|
font-family: "icomoon" ;
|
|
|
|
display:inline-block;
|
|
|
|
li {
|
|
|
|
border: 1px solid #ddd;
|
|
|
|
padding: 7px;
|
|
|
|
margin-right: 10px;
|
|
|
|
|
|
|
|
a {
|
|
|
|
display: block;
|
|
|
|
}
|
|
|
|
|
|
|
|
p {
|
|
|
|
text-align: center;
|
|
|
|
margin-top: 13px;
|
|
|
|
margin-bottom: 3px;
|
|
|
|
line-height: 12px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.subscribe {
|
|
|
|
border: 1px solid #262626;
|
|
|
|
input {
|
|
|
|
height: 32px;
|
|
|
|
padding: 0 10px;
|
|
|
|
line-height: 32px;
|
|
|
|
border: none;
|
|
|
|
margin: 0;
|
|
|
|
*height: 28px;
|
|
|
|
*line-height: 28px;
|
|
|
|
background: #000;
|
|
|
|
|
|
|
|
&.wrong{
|
|
|
|
color: #ee0011;
|
|
|
|
|
|
|
|
.dim-img {
|
|
|
|
display: block;
|
|
|
|
width: 87px;
|
|
|
|
height: 87px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.dim-hover {
|
|
|
|
position: absolute;
|
|
|
|
|
|
|
|
img {
|
|
|
|
width: 38px;
|
|
|
|
height: 38px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
a {
|
|
|
|
margin-left: 10px;
|
|
|
|
font-size: 18px;
|
|
|
|
line-height: 32px;
|
|
|
|
opacity: 0.5;
|
|
|
|
filter: alpha(opacity=50);
|
|
|
|
|
|
|
|
.dim-active .dim-img {
|
|
|
|
opacity: 1;
|
|
|
|
filter:alpha(opacity=100);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.footer-help {
|
|
|
|
background: #000;
|
|
|
|
font-size: 12px;
|
|
|
|
overflow: hidden;
|
|
|
|
ul {
|
|
|
|
width: 110%;
|
|
|
|
|
|
|
|
.dim-active .dim-hover {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
li p {
|
|
|
|
line-height: 24px;
|
|
|
|
|
|
|
|
span{
|
|
|
|
.item-nav{
|
|
|
|
padding-top: 20px;
|
|
|
|
|
|
|
|
span {
|
|
|
|
color: #fff;
|
|
|
|
padding: 0 3px;
|
|
|
|
cursor:pointer;
|
|
|
|
font-size: 20px;
|
|
|
|
}
|
|
|
|
|
|
|
|
a {
|
|
|
|
color: #666;
|
|
|
|
|
|
|
|
&:hover {
|
|
|
|
text-decoration: underline;
|
|
|
|
}
|
|
|
|
.cur {
|
|
|
|
color: #999;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.screen {
|
|
|
|
border-top: 1px solid #262626;
|
|
|
|
padding: 15px 0;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.client-title p {
|
|
|
|
|
|
|
|
.vote {
|
|
|
|
line-height: 24px;
|
|
|
|
}
|
|
|
|
.client {
|
|
|
|
padding-top: 6px;
|
|
|
|
a.ifont {
|
|
|
|
font-size: 20px;
|
|
|
|
background: #444;
|
|
|
|
width: 32px;
|
|
|
|
height: 32px;
|
|
|
|
margin-right: 3px;
|
|
|
|
text-align: center;
|
|
|
|
line-height: 32px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.footer-link{
|
|
|
|
background: #000;
|
|
|
|
padding: 10px 0 30px 0;
|
|
|
|
font-size: 12px;
|
|
|
|
}
|
|
|
|
.about-us {
|
|
|
|
margin-left: 10px;
|
|
|
|
line-height: 20px;
|
|
|
|
color: #666;
|
|
|
|
a {
|
|
|
|
color: #666;
|
|
|
|
}
|
|
|
|
p span {
|
|
|
|
padding: 0 10px;
|
|
|
|
|
|
|
|
input {
|
|
|
|
margin: 0 5px 0 1px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.footer-link .right-flag a {
|
|
|
|
margin-right: 5px;
|
|
|
|
}
|
|
|
|
.footer-client {
|
|
|
|
padding: 0px;
|
|
|
|
bottom: 25px;
|
|
|
|
left: -37px;
|
|
|
|
z-index: 10;
|
|
|
|
width: 106px;
|
|
|
|
top: -140px;
|
|
|
|
.client-img {
|
|
|
|
background: #fff;
|
|
|
|
|
|
|
|
.button {
|
|
|
|
height: 24px;
|
|
|
|
line-height: 24px;
|
|
|
|
width: 55px;
|
|
|
|
font-size: 12px;
|
|
|
|
margin-top: 10px;
|
|
|
|
margin-right: 10px;
|
|
|
|
background: #222;
|
|
|
|
color: #fff;
|
|
|
|
display: inline-block;
|
|
|
|
text-align: center;
|
|
|
|
cursor: pointer;
|
|
|
|
}
|
|
|
|
a {
|
|
|
|
padding: 8px;
|
|
|
|
background: #fff;
|
|
|
|
display: block;
|
|
|
|
p {
|
|
|
|
text-align: center;
|
|
|
|
padding-top: 5px;
|
|
|
|
}
|
|
|
|
|
|
|
|
p {
|
|
|
|
height: 24px;
|
|
|
|
overflow: hidden;
|
|
|
|
}
|
|
|
|
.arrow {
|
|
|
|
line-height: 12px;
|
|
|
|
text-align: center;
|
|
|
|
width: 100%;
|
|
|
|
font-size: 12px;
|
|
|
|
vertical-align: top;
|
|
|
|
margin-top: -2px;
|
|
|
|
|
|
|
|
textarea{
|
|
|
|
width: 98%;
|
|
|
|
height: 68px;
|
|
|
|
vertical-align: middle;
|
|
|
|
margin: 5px 0px 0px 0px;
|
|
|
|
resize:none;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.right-flag{
|
|
|
|
margin-top: 3px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.return-top {
|
|
|
|
position: fixed;
|
|
|
|
width: 60px;
|
|
|
|
height: 60px;
|
|
|
|
font-size: 18px;
|
|
|
|
text-align: center;
|
|
|
|
line-height: 60px;
|
|
|
|
color: #fff;
|
|
|
|
background: #000;
|
|
|
|
opacity: 0.5;
|
|
|
|
filter: alpha(opacity=50);
|
|
|
|
bottom: 20px;
|
|
|
|
cursor: pointer;
|
|
|
|
z-index: 99999;
|
|
|
|
&:hover {
|
|
|
|
opacity: 0.9;
|
|
|
|
filter: alpha(opacity=90);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
@media (max-width:1310px){
|
|
|
|
.yoho-footer{
|
|
|
|
.return-top{
|
|
|
|
left: 100%;
|
|
|
|
right: 20px;
|
|
|
|
margin-left: auto;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
@media (min-width:1310px){
|
|
|
|
.yoho-footer{
|
|
|
|
.return-top{
|
|
|
|
left: 50%;
|
|
|
|
margin-left: 595px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
@media (max-width:1180px){
|
|
|
|
.yoho-footer {
|
|
|
|
.screen{
|
|
|
|
width: 990px;
|
|
|
|
margin-left: auto;
|
|
|
|
margin-right: auto;
|
|
|
|
}
|
|
|
|
.screen-l{
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
.footerbottom{
|
|
|
|
min-width: 990px;
|
|
|
|
}
|
|
|
|
.footerbottom .footer-right{
|
|
|
|
width: 200px;
|
|
|
|
width: 202px \9;
|
|
|
|
}
|
|
|
|
.footerbottom .footer-help ul{
|
|
|
|
/*width: 690px;*/
|
|
|
|
}
|
|
|
|
.footerbottom .footer-help li{
|
|
|
|
width: 150px;
|
|
|
|
}
|
|
|
|
.footerbottom .promise .left{
|
|
|
|
margin-right: 45px;
|
|
|
|
}
|
|
|
|
.footerbottom .subscribe input{
|
|
|
|
width: 140px;
|
|
|
|
outline: none;
|
|
|
|
}
|
|
|
|
.vote-item p {
|
|
|
|
float: left;
|
|
|
|
width: 50%;
|
|
|
|
|
|
|
|
/*trends*/
|
|
|
|
.article-list{
|
|
|
|
width: 670px;
|
|
|
|
}
|
|
|
|
.article-list ul .article-cover img{
|
|
|
|
width: 320px;
|
|
|
|
height: 214px;
|
|
|
|
}
|
|
|
|
.article-list ul .article-summary{
|
|
|
|
width: 330px;
|
|
|
|
height: 214px;
|
|
|
|
overflow: hidden;
|
|
|
|
}
|
|
|
|
.trends-suggestion ul li{
|
|
|
|
width: 208px;
|
|
|
|
}
|
|
|
|
.trends-suggestion ul li img{
|
|
|
|
width: 208px;
|
|
|
|
height: 138px;
|
|
|
|
}
|
|
|
|
.article-list .article-detail img{
|
|
|
|
max-width: 670px;
|
|
|
|
}
|
|
|
|
|
|
|
|
/*lookbook*/
|
|
|
|
.trends-list ul li{
|
|
|
|
width: 232px;
|
|
|
|
}
|
|
|
|
.trends-list ul li a img{
|
|
|
|
width: 232px;
|
|
|
|
height: 330px;
|
|
|
|
}
|
|
|
|
.trends-list ul li p{
|
|
|
|
width: 222px;
|
|
|
|
}
|
|
|
|
.mobile {
|
|
|
|
margin-right: -10px;
|
|
|
|
|
|
|
|
.focus-top3{
|
|
|
|
height: 618px;
|
|
|
|
}
|
|
|
|
.focus-top3 .focus-img img{
|
|
|
|
width: 495px;
|
|
|
|
height: 618px;
|
|
|
|
}
|
|
|
|
.focus-top3 ul li, .trends-content iframe{
|
|
|
|
height: 618px;
|
|
|
|
width: 990px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
@media (min-width:1180px){
|
|
|
|
.yoho-footer{
|
|
|
|
.screen{
|
|
|
|
width: 1150px;
|
|
|
|
margin-left: auto;
|
|
|
|
margin-right: auto;
|
|
|
|
}
|
|
|
|
.footerbottom .footer-right{
|
|
|
|
width: 240px;
|
|
|
|
width: 242px \9;
|
|
|
|
}
|
|
|
|
.footerbottom .footer-help ul{
|
|
|
|
/*width: 810px;*/
|
|
|
|
}
|
|
|
|
.footerbottom .footer-help li{
|
|
|
|
width: 180px;
|
|
|
|
}
|
|
|
|
.footerbottom .promise .left{
|
|
|
|
margin-right: 60px;
|
|
|
|
}
|
|
|
|
.footerbottom .subscribe input{
|
|
|
|
width: 180px;
|
|
|
|
outline: none;
|
|
|
|
}
|
|
|
|
li {
|
|
|
|
margin-right: 10px;
|
|
|
|
float: left;
|
|
|
|
}
|
|
|
|
|
|
|
|
/*trends*/
|
|
|
|
.article-list{
|
|
|
|
width: 830px;
|
|
|
|
}
|
|
|
|
.article-list ul .article-cover img{
|
|
|
|
width: 360px;
|
|
|
|
height: 240px;
|
|
|
|
}
|
|
|
|
.article-list ul .article-summary{
|
|
|
|
width: 450px;
|
|
|
|
height: 240px;
|
|
|
|
overflow: hidden;
|
|
|
|
}
|
|
|
|
.trends-suggestion ul li{
|
|
|
|
width: 262px;
|
|
|
|
}
|
|
|
|
.trends-suggestion ul li img{
|
|
|
|
width: 262px;
|
|
|
|
height: 175px;
|
|
|
|
}
|
|
|
|
.article-list .article-detail img{
|
|
|
|
max-width: 830px;
|
|
|
|
img {
|
|
|
|
display: block;
|
|
|
|
width: 103px;
|
|
|
|
height: 131px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
/*lookbook*/
|
|
|
|
.trends-list ul li{
|
|
|
|
width: 272px;
|
|
|
|
}
|
|
|
|
.trends-list ul li a img{
|
|
|
|
width: 272px;
|
|
|
|
height: 388px;
|
|
|
|
}
|
|
|
|
.trends-list ul li p{
|
|
|
|
width: 262px;
|
|
|
|
}
|
|
|
|
.focus-top3{
|
|
|
|
height: 716px;
|
|
|
|
}
|
|
|
|
.focus-top3 .focus-img img{
|
|
|
|
width: 575px;
|
|
|
|
height: 716px;
|
|
|
|
}
|
|
|
|
.focus-top3 ul li, .trends-content iframe{
|
|
|
|
height: 716px;
|
|
|
|
width: 1150px;
|
|
|
|
.index-banner {
|
|
|
|
width: 100%;
|
|
|
|
margin-top: 20px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* new index 990 */
|
|
|
|
@media (max-width:1180px){
|
|
|
|
.sort-enter a, .sort-enter a img{
|
|
|
|
width:494px;
|
|
|
|
height:388px;
|
|
|
|
}
|
|
|
|
.sort-enter a span{
|
|
|
|
bottom:40px;
|
|
|
|
}
|
|
|
|
.new-arrial img{
|
|
|
|
width:990px;
|
|
|
|
}
|
|
|
|
.arrial-list ul li, .arrial-list ul li img{
|
|
|
|
width:325px;
|
|
|
|
height: 265px;
|
|
|
|
}
|
|
|
|
.hot-brand .con{
|
|
|
|
height: 103px;
|
|
|
|
}
|
|
|
|
.hot-brand .con .btn-page{
|
|
|
|
width:90px;
|
|
|
|
height:103px;
|
|
|
|
background-position: -106px 0;
|
|
|
|
}
|
|
|
|
.hot-brand .con .btn-page a{
|
|
|
|
width: 30px;
|
|
|
|
height:30px;
|
|
|
|
}
|
|
|
|
.hot-brand .con .btn-page a.page-before{
|
|
|
|
top: 22px;
|
|
|
|
left: 8px;
|
|
|
|
}
|
|
|
|
.hot-brand .con .btn-page a.page-next{
|
|
|
|
top: 50px;
|
|
|
|
left: 44px;
|
|
|
|
}
|
|
|
|
.hot-brand .con .list{
|
|
|
|
margin-right: 90px;
|
|
|
|
}
|
|
|
|
.hot-brand .con .list ul li img{
|
|
|
|
width:100px;
|
|
|
|
height:103px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
@media (min-width:1180px){
|
|
|
|
.sort-enter a, .sort-enter a img{
|
|
|
|
width:574px;
|
|
|
|
height:450px;
|
|
|
|
}
|
|
|
|
.sort-enter a span{
|
|
|
|
bottom:50px;
|
|
|
|
}
|
|
|
|
.new-arrial img{
|
|
|
|
width:1150px;
|
|
|
|
}
|
|
|
|
.arrial-list ul li, .arrial-list ul li img{
|
|
|
|
width:378px;
|
|
|
|
height:308px;
|
|
|
|
}
|
|
|
|
.hot-brand .con{
|
|
|
|
height: 120px;
|
|
|
|
}
|
|
|
|
.hot-brand .con .btn-page{
|
|
|
|
width:106px;
|
|
|
|
height:120px;
|
|
|
|
background-position: 0 0;
|
|
|
|
}
|
|
|
|
.hot-brand .con .btn-page a{
|
|
|
|
width: 40px;
|
|
|
|
height:40px;
|
|
|
|
}
|
|
|
|
.hot-brand .con .btn-page a.page-before{
|
|
|
|
top: 24px;
|
|
|
|
left: 4px;
|
|
|
|
}
|
|
|
|
.hot-brand .con .btn-page a.page-next{
|
|
|
|
top: 58px;
|
|
|
|
left: 50px;
|
|
|
|
}
|
|
|
|
.hot-brand .con .list{
|
|
|
|
margin-right: 106px;
|
|
|
|
}
|
|
|
|
.hot-brand .con .list ul li img{
|
|
|
|
width:116px;
|
|
|
|
height:120px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/*new index*/
|
|
|
|
@media (max-width:1180px){
|
|
|
|
/*
|
|
|
|
.page-index-new .screen{
|
|
|
|
width: 988px;
|
|
|
|
}*/
|
|
|
|
|
|
|
|
.focus-top2{
|
|
|
|
height: 388px;
|
|
|
|
}
|
|
|
|
.focus-top2 .focus-img img{
|
|
|
|
width: 988px;
|
|
|
|
height: 388px;
|
|
|
|
}
|
|
|
|
.focus-bottom ul{
|
|
|
|
padding: 0 1px;
|
|
|
|
height: 46px;
|
|
|
|
overflow: hidden;
|
|
|
|
}
|
|
|
|
.focus-bottom ul li img{
|
|
|
|
width: 118px;
|
|
|
|
height: 46px;
|
|
|
|
}
|
|
|
|
.focus-bottom ul li a{
|
|
|
|
width: 118px;
|
|
|
|
height: 46px;
|
|
|
|
}
|
|
|
|
|
|
|
|
#bigSlide{
|
|
|
|
width: 988px;
|
|
|
|
height: 388px;
|
|
|
|
}
|
|
|
|
#bigSlide li{
|
|
|
|
width: 988px;
|
|
|
|
height: 388px;
|
|
|
|
}
|
|
|
|
.footerbottom {
|
|
|
|
width: 100%;
|
|
|
|
|
|
|
|
.dl-index .hot-brands li a img{
|
|
|
|
width: 163px;
|
|
|
|
height: 163px;
|
|
|
|
}
|
|
|
|
.dl-index .hot-brands li.li-h-2 a img{
|
|
|
|
width: 328px;
|
|
|
|
}
|
|
|
|
.dl-index .hot-brands li.li-v-2 a img{
|
|
|
|
height: 328px;
|
|
|
|
}
|
|
|
|
.dl-index .hot-brands li .btn-page{
|
|
|
|
padding: 36px 0 0 36px;
|
|
|
|
width: 127px;
|
|
|
|
height: 127px;
|
|
|
|
}
|
|
|
|
.wrapper-index2{
|
|
|
|
width: 988px;
|
|
|
|
}
|
|
|
|
.wrapper-index2 .index-unit-5{
|
|
|
|
width: 823px;
|
|
|
|
}
|
|
|
|
.wrapper-index2 .index-unit-1{
|
|
|
|
width: 163px;
|
|
|
|
}
|
|
|
|
.wrapper-index2 .index-unit-5 ul.hot-brands{
|
|
|
|
height: 330px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.dl-index .index-ul li a img{
|
|
|
|
width: 163px;
|
|
|
|
height: 206px;
|
|
|
|
}
|
|
|
|
.dl-index .index-ul li.li-h-2 a img{
|
|
|
|
width: 328px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.wrapper-index2 .index-ads img{
|
|
|
|
width: 163px;
|
|
|
|
}
|
|
|
|
.wrapper-index2 .index-ads .ads-1 img{
|
|
|
|
height: 279px;
|
|
|
|
}
|
|
|
|
.wrapper-index2 .index-ads .ads-2 img{
|
|
|
|
height: 163px;
|
|
|
|
}
|
|
|
|
.promise {
|
|
|
|
padding: 20px 0 10px 0;
|
|
|
|
background: #000;
|
|
|
|
|
|
|
|
.dl-index .category-top img{
|
|
|
|
width: 163px;
|
|
|
|
height: 146px;
|
|
|
|
}
|
|
|
|
.dl-index .category-list{
|
|
|
|
padding: 7px 0;
|
|
|
|
}
|
|
|
|
.dl-index .category-list li{
|
|
|
|
width: 76px;
|
|
|
|
}
|
|
|
|
.dl-index .category-list li a{
|
|
|
|
padding: 0px 0 0px 15px;
|
|
|
|
height: 24px;
|
|
|
|
line-height: 24px;
|
|
|
|
}
|
|
|
|
.dl-index .brands-list{
|
|
|
|
padding: 7px 0;
|
|
|
|
}
|
|
|
|
.dl-index .brands-list li a{
|
|
|
|
line-height: 24px;
|
|
|
|
height: 24px;
|
|
|
|
padding: 0px 15px 0px 15px;
|
|
|
|
.left {
|
|
|
|
margin-right: 60px;
|
|
|
|
line-height: 30px;
|
|
|
|
font-size: 12px;
|
|
|
|
font-weight: bold;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.index-foot dd{
|
|
|
|
width: 316px;
|
|
|
|
.subscribe {
|
|
|
|
border: 1px solid #262626;
|
|
|
|
width: 240px;
|
|
|
|
|
|
|
|
}
|
|
|
|
.index-foot dd .two-dim img.dim-img{
|
|
|
|
width: 69px;
|
|
|
|
height: 69px;
|
|
|
|
}
|
|
|
|
.index-foot .mobile li img{
|
|
|
|
width: 85px;
|
|
|
|
height: 108px;
|
|
|
|
}
|
|
|
|
.index-foot ul.mobile{
|
|
|
|
margin-top: 30px;
|
|
|
|
padding-bottom: 11px;
|
|
|
|
height: 108px;
|
|
|
|
overflow: hidden;
|
|
|
|
}
|
|
|
|
.index-foot dd .two-dim{
|
|
|
|
margin-top: 26px;
|
|
|
|
margin-bottom: 10px;
|
|
|
|
/*padding-bottom: 10px;*/
|
|
|
|
height: 113px;
|
|
|
|
overflow: hidden;
|
|
|
|
}
|
|
|
|
input {
|
|
|
|
width: 180px;
|
|
|
|
height: 32px;
|
|
|
|
padding: 0 10px;
|
|
|
|
line-height: 32px;
|
|
|
|
border: none;
|
|
|
|
margin: 0;
|
|
|
|
background: #000;
|
|
|
|
}
|
|
|
|
|
|
|
|
.index-foot dd .two-dim .dim-hover{
|
|
|
|
left: 16px;
|
|
|
|
top: 16px;
|
|
|
|
}
|
|
|
|
/*hotBrand*/
|
|
|
|
.dl-index .hot-brand-new .ids img{
|
|
|
|
width:163px;
|
|
|
|
}
|
|
|
|
.hot-brand-new .recommendBox-new{
|
|
|
|
width:891px;
|
|
|
|
height:156px;
|
|
|
|
}
|
|
|
|
.hot-brand-new .recommendBox-new ul li{
|
|
|
|
width:99px;
|
|
|
|
height:78px;
|
|
|
|
}
|
|
|
|
.hot-brand-new .recommendBox-new ul li img{
|
|
|
|
width:99px;
|
|
|
|
height:78px;
|
|
|
|
}
|
|
|
|
.dl-index .hot-brand-new .index-unit-1{
|
|
|
|
width:97px;
|
|
|
|
height:156px;
|
|
|
|
}
|
|
|
|
.dl-index .hot-brand-new .index-unit-1 ul li{
|
|
|
|
width:97px;
|
|
|
|
height:78px;
|
|
|
|
}
|
|
|
|
.dl-index .hot-brand-new .index-unit-1 ul li img{
|
|
|
|
width:97px;
|
|
|
|
height:78px;
|
|
|
|
}
|
|
|
|
.dl-index .hot-brand-new .btn-page{
|
|
|
|
width:97px;
|
|
|
|
height:78px;
|
|
|
|
background: url('http://static.yohobuy.com/images/v3/icon/btn_page_small.jpg') no-repeat center center ;
|
|
|
|
}
|
|
|
|
/*猜你喜欢*/
|
|
|
|
.index-guess-like li{
|
|
|
|
width: 163px;
|
|
|
|
float: left;
|
|
|
|
margin-right: 2px;
|
|
|
|
text-align: center;
|
|
|
|
}
|
|
|
|
.index-guess-like li img{
|
|
|
|
width: 163px;
|
|
|
|
a {
|
|
|
|
margin-left: 10px;
|
|
|
|
font-size: 18px;
|
|
|
|
line-height: 32px;
|
|
|
|
opacity: 0.5;
|
|
|
|
filter: alpha(opacity=50);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
@media (min-width:1180px){
|
|
|
|
.focus-top2{
|
|
|
|
height: 450px;
|
|
|
|
}
|
|
|
|
.focus-top2 .focus-img img{
|
|
|
|
width: 1150px;
|
|
|
|
height: 450px;
|
|
|
|
}
|
|
|
|
.focus-bottom ul{
|
|
|
|
padding: 0 2px;
|
|
|
|
height: 54px;
|
|
|
|
.footer-help {
|
|
|
|
background: #000;
|
|
|
|
font-size: 12px;
|
|
|
|
overflow: hidden;
|
|
|
|
}
|
|
|
|
.focus-bottom ul li img{
|
|
|
|
width: 138px;
|
|
|
|
height: 54px;
|
|
|
|
}
|
|
|
|
.focus-bottom ul li a{
|
|
|
|
width: 138px;
|
|
|
|
height: 54px;
|
|
|
|
}
|
|
|
|
#bigSlide{
|
|
|
|
width: 1150px;
|
|
|
|
height: 450px;
|
|
|
|
}
|
|
|
|
#bigSlide li{
|
|
|
|
width: 1150px;
|
|
|
|
height: 450px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.dl-index .hot-brands li a img{
|
|
|
|
width: 190px;
|
|
|
|
height: 190px;
|
|
|
|
}
|
|
|
|
.dl-index .hot-brands li.li-h-2 a img{
|
|
|
|
width: 382px;
|
|
|
|
}
|
|
|
|
.dl-index .hot-brands li.li-v-2 a img{
|
|
|
|
height: 382px;
|
|
|
|
}
|
|
|
|
.dl-index .hot-brands li .btn-page{
|
|
|
|
padding: 50px 0 0 50px;
|
|
|
|
width: 140px;
|
|
|
|
height: 140px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.wrapper-index2 .index-unit-5{
|
|
|
|
width: 958px;
|
|
|
|
}
|
|
|
|
.wrapper-index2 .index-unit-1{
|
|
|
|
width: 190px;
|
|
|
|
}
|
|
|
|
.wrapper-index2 .index-unit-5 ul.hot-brands{
|
|
|
|
height: 384px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.dl-index .index-ul li a img{
|
|
|
|
width: 190px;
|
|
|
|
height: 240px;
|
|
|
|
}
|
|
|
|
.dl-index .index-ul li.li-h-2 a img{
|
|
|
|
width: 382px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.wrapper-index2 .index-ads img{
|
|
|
|
width: 190px;
|
|
|
|
}
|
|
|
|
.wrapper-index2 .index-ads .ads-1 img{
|
|
|
|
height: 320px;
|
|
|
|
}
|
|
|
|
.wrapper-index2 .index-ads .ads-2 img{
|
|
|
|
height: 190px;
|
|
|
|
}
|
|
|
|
ul {
|
|
|
|
width: 110%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.dl-index .category-top img{
|
|
|
|
width: 190px;
|
|
|
|
height: 170px;
|
|
|
|
}
|
|
|
|
p {
|
|
|
|
line-height: 24px;
|
|
|
|
|
|
|
|
.dl-index .category-list{
|
|
|
|
padding: 8px 0;
|
|
|
|
}
|
|
|
|
.dl-index .category-list li{
|
|
|
|
width: 90px;
|
|
|
|
}
|
|
|
|
.dl-index .category-list li a{
|
|
|
|
padding: 0px 0 0px 15px;
|
|
|
|
height: 28px;
|
|
|
|
line-height: 28px;
|
|
|
|
}
|
|
|
|
.dl-index .brands-list{
|
|
|
|
padding: 8px 0;
|
|
|
|
}
|
|
|
|
.dl-index .brands-list li a{
|
|
|
|
line-height: 28px;
|
|
|
|
height: 28px;
|
|
|
|
padding: 0px 15px 0px 15px;
|
|
|
|
}
|
|
|
|
span {
|
|
|
|
color: #fff;
|
|
|
|
}
|
|
|
|
|
|
|
|
.index-foot dd{
|
|
|
|
width: 370px;
|
|
|
|
a {
|
|
|
|
color: #666;
|
|
|
|
|
|
|
|
}
|
|
|
|
.index-foot dd .two-dim{
|
|
|
|
overflow: hidden;
|
|
|
|
}
|
|
|
|
.index-foot dd .two-dim img.dim-img{
|
|
|
|
width: 87px;
|
|
|
|
height: 87px;
|
|
|
|
}
|
|
|
|
.index-foot .mobile li img{
|
|
|
|
width: 103px;
|
|
|
|
height: 131px;
|
|
|
|
}
|
|
|
|
&:hover {
|
|
|
|
text-decoration: underline;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.index-foot dd .two-dim .dim-hover{
|
|
|
|
left: 25px;
|
|
|
|
top: 25px;
|
|
|
|
}
|
|
|
|
.index-foot ul.mobile{
|
|
|
|
height: 131px;
|
|
|
|
overflow: hidden;
|
|
|
|
}
|
|
|
|
/*hotBrand*/
|
|
|
|
.dl-index .hot-brand-new .ids{
|
|
|
|
width:190px;
|
|
|
|
}
|
|
|
|
.hot-brand-new .recommendBox-new{
|
|
|
|
width:1035px;
|
|
|
|
height:180px;
|
|
|
|
}
|
|
|
|
.hot-brand-new .recommendBox-new ul li{
|
|
|
|
width:115px;
|
|
|
|
height:90px;
|
|
|
|
}
|
|
|
|
.hot-brand-new .recommendBox-new ul li img{
|
|
|
|
width:115px;
|
|
|
|
height:90px;
|
|
|
|
}
|
|
|
|
.dl-index .hot-brand-new .index-unit-1{
|
|
|
|
width:115px;
|
|
|
|
height:180px;
|
|
|
|
li {
|
|
|
|
width: 180px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.screen {
|
|
|
|
border-top: 1px solid #262626;
|
|
|
|
padding: 15px 0;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.dl-index .hot-brand-new .index-unit-1 ul li{
|
|
|
|
width:115px;
|
|
|
|
height:90px;
|
|
|
|
}
|
|
|
|
.dl-index .hot-brand-new .index-unit-1 ul li img{
|
|
|
|
width:115px;
|
|
|
|
height:90px;
|
|
|
|
}
|
|
|
|
.dl-index .hot-brand-new .btn-page{
|
|
|
|
width:115px;
|
|
|
|
height:90px;
|
|
|
|
background: url('http://static.yohobuy.com/images/v3/icon/btn_page_big.jpg') no-repeat center center ;
|
|
|
|
}
|
|
|
|
/*猜你喜欢*/
|
|
|
|
.index-guess-like li{
|
|
|
|
width: 190px;
|
|
|
|
height: 320px;
|
|
|
|
float: left;
|
|
|
|
margin-right: 2px;
|
|
|
|
text-align: center;
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
/*boys*/
|
|
|
|
|
|
|
|
.footer-link {
|
|
|
|
background: #000;
|
|
|
|
padding: 10px 0 30px 0;
|
|
|
|
font-size: 12px;
|
|
|
|
|
|
|
|
@media (max-width:1180px){
|
|
|
|
|
|
|
|
.wrapper-right{
|
|
|
|
width: 810px;
|
|
|
|
}
|
|
|
|
.wrapper-main .list-unit{
|
|
|
|
width: 195px;
|
|
|
|
.right-flag {
|
|
|
|
margin-top: 3px;
|
|
|
|
|
|
|
|
}
|
|
|
|
.wrapper-main .index-tab{
|
|
|
|
width: 615px; /*750*/
|
|
|
|
overflow: hidden;
|
|
|
|
}
|
|
|
|
.banner-zone .feedback .item-vote{
|
|
|
|
width: 150px;
|
|
|
|
padding: 10px;
|
|
|
|
overflow: hidden;
|
|
|
|
}
|
|
|
|
.wrapper-main .banner-zone div.phone .left-a{
|
|
|
|
padding-right: 5px;
|
|
|
|
}
|
|
|
|
.wrapper-main .banner-zone div.phone .right-a{
|
|
|
|
padding-left: 5px;
|
|
|
|
}
|
|
|
|
.banner-zone .recent-view .recent-goods{
|
|
|
|
width: 153px;
|
|
|
|
}
|
|
|
|
.banner-zone .recent-view .recent-goods img{
|
|
|
|
width: 50px;
|
|
|
|
height: 50px;
|
|
|
|
}
|
|
|
|
.focus-top{
|
|
|
|
height: 334px;
|
|
|
|
}
|
|
|
|
.focus-brands .focus-brands-wrapper{
|
|
|
|
width: 640px;
|
|
|
|
}
|
|
|
|
.focus-top .button-switch .ifont{
|
|
|
|
margin-top: 160px;
|
|
|
|
}
|
|
|
|
a {
|
|
|
|
margin-right: 5px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
.about-us {
|
|
|
|
line-height: 20px;
|
|
|
|
color: #666;
|
|
|
|
margin-left: 10px;
|
|
|
|
|
|
|
|
@media (min-width:1180px){
|
|
|
|
a {
|
|
|
|
color: #666;
|
|
|
|
}
|
|
|
|
|
|
|
|
.wrapper-right{
|
|
|
|
width: 970px; /*990px*/
|
|
|
|
span {
|
|
|
|
padding: 0 10px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.wrapper-main .list-unit{
|
|
|
|
width: 235px; /*240*/
|
|
|
|
|
|
|
|
}
|
|
|
|
.wrapper-main .index-tab{
|
|
|
|
width: 735px; /*750*/
|
|
|
|
overflow: hidden;
|
|
|
|
}
|
|
|
|
.banner-zone .feedback .item-vote{
|
|
|
|
width: 170px;
|
|
|
|
padding: 20px;
|
|
|
|
overflow: hidden;
|
|
|
|
}
|
|
|
|
.wrapper-main .banner-zone div.phone .left-a{
|
|
|
|
padding-right: 20px;
|
|
|
|
}
|
|
|
|
.wrapper-main .banner-zone div.phone .right-a{
|
|
|
|
padding-left: 20px;
|
|
|
|
}
|
|
|
|
.banner-zone .recent-view .recent-goods{
|
|
|
|
width: 183px;
|
|
|
|
}
|
|
|
|
.banner-zone .recent-view .recent-goods img{
|
|
|
|
.return-top {
|
|
|
|
position: fixed;
|
|
|
|
width: 60px;
|
|
|
|
height: 60px;
|
|
|
|
}
|
|
|
|
.focus-top{
|
|
|
|
height: 400px;
|
|
|
|
}
|
|
|
|
.focus-brands .focus-brands-wrapper{
|
|
|
|
width: 800px;
|
|
|
|
}
|
|
|
|
.focus-top .button-switch .ifont{
|
|
|
|
margin-top: 185px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
left: 50%;
|
|
|
|
margin-left: 595px;
|
|
|
|
text-align: center;
|
|
|
|
line-height: 50px;
|
|
|
|
color: #fff;
|
|
|
|
background: #000;
|
|
|
|
opacity: 0.5;
|
|
|
|
filter: alpha(opacity=50);
|
|
|
|
bottom: 20px;
|
|
|
|
cursor: pointer;
|
|
|
|
&:hover {
|
|
|
|
opacity: 0.9;
|
|
|
|
filter: alpha(opacity=90);
|
|
|
|
}
|
|
|
|
|
|
|
|
/*brands*/
|
|
|
|
@media (max-width:1180px){
|
|
|
|
.brands-ad .ad-img1 img{
|
|
|
|
width: 490px;
|
|
|
|
height: 240px;
|
|
|
|
}
|
|
|
|
.brands-ad .ad-img2 img{
|
|
|
|
width: 240px;
|
|
|
|
height: 240px;
|
|
|
|
}
|
|
|
|
.brands-logo a{
|
|
|
|
/*margin-left: 19px;*/
|
|
|
|
margin-left: 18px;
|
|
|
|
}
|
|
|
|
.brands-logo a.first{
|
|
|
|
margin-left: 10px;
|
|
|
|
}
|
|
|
|
.wrapper-brands .brands-fixed{
|
|
|
|
width: 956px;
|
|
|
|
}
|
|
|
|
.wrapper-brands .brands-az a{
|
|
|
|
padding: 0 6px;
|
|
|
|
.iconfont {
|
|
|
|
font-size: 34px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@media (min-width:1180px){
|
|
|
|
.brands-ad .ad-img1 img{
|
|
|
|
width: 570px;
|
|
|
|
height: 280px;
|
|
|
|
}
|
|
|
|
.brands-ad .ad-img2 img{
|
|
|
|
width: 280px;
|
|
|
|
height: 280px;
|
|
|
|
}
|
|
|
|
.brands-logo a{
|
|
|
|
margin-left: 35px;
|
|
|
|
}
|
|
|
|
.brands-logo a.first{
|
|
|
|
margin-left: 18px;
|
|
|
|
}
|
|
|
|
.wrapper-brands .brands-fixed{
|
|
|
|
width: 1116px;
|
|
|
|
@media (max-width: 1360px) {
|
|
|
|
.yoho-footer .return-top {
|
|
|
|
left: 100%;
|
|
|
|
right: 20px;
|
|
|
|
margin-left: auto;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
/*goods list*/
|
|
|
|
|
|
|
|
@media (max-width:1180px){
|
|
|
|
.goods-list{
|
|
|
|
margin-right: -10px;
|
|
|
|
}
|
|
|
|
.goods-list .goods{
|
|
|
|
width: 195px;
|
|
|
|
margin-right: 10px;
|
|
|
|
height: 353px;
|
|
|
|
overflow: hidden;
|
|
|
|
}
|
|
|
|
/*
|
|
|
|
.goods-mini .goods-list{
|
|
|
|
margin-right: -12px;
|
|
|
|
}
|
|
|
|
.goods-mini .goods-list .goods{
|
|
|
|
width: 125px;
|
|
|
|
margin-right: 12px;
|
|
|
|
}*/
|
|
|
|
|
|
|
|
/*图片固定高度*/
|
|
|
|
.goods-list .goods img{
|
|
|
|
width: 195px;
|
|
|
|
height: 261px;
|
|
|
|
}
|
|
|
|
/*end*/
|
|
|
|
|
|
|
|
.sort-condition .sort-num{
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
.goods-suggestion .goods-more{
|
|
|
|
/*display: none;*/
|
|
|
|
}
|
|
|
|
|
|
|
|
.brands-suggestion li a{
|
|
|
|
margin: 0 0 0 6px;
|
|
|
|
}
|
|
|
|
.brands-suggestion li a{
|
|
|
|
width: 130px;
|
|
|
|
}
|
|
|
|
.brands-suggestion li img{
|
|
|
|
padding: 22px 24px 22px 24px;
|
|
|
|
}
|
|
|
|
|
|
|
|
/*0124*/
|
|
|
|
.goods-suggestion .goods-list{
|
|
|
|
height: 353px;
|
|
|
|
overflow: hidden;
|
|
|
|
}
|
|
|
|
.goods-view .goods-list .goods{
|
|
|
|
width: 190px;
|
|
|
|
overflow: hidden;
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
@media (min-width: 1180px){
|
|
|
|
|
|
|
|
.goods-list{
|
|
|
|
margin-right: -10px;
|
|
|
|
}
|
|
|
|
.goods-list .goods{
|
|
|
|
width: 235px;
|
|
|
|
margin-right: 10px;
|
|
|
|
height: 406px;
|
|
|
|
}
|
|
|
|
.goods-mini .goods-list{
|
|
|
|
margin-right: -14px;
|
|
|
|
}
|
|
|
|
.goods-mini .goods-list .goods{
|
|
|
|
width: 150px;
|
|
|
|
margin-right: 14px;
|
|
|
|
height: 293px;
|
|
|
|
}
|
|
|
|
.goods-mini .goods-list .li-first-4{
|
|
|
|
clear: none;
|
|
|
|
}
|
|
|
|
.goods-mini .goods-list .li-first-6{
|
|
|
|
clear: left;
|
|
|
|
}
|
|
|
|
|
|
|
|
/*图片固定高度*/
|
|
|
|
.goods-list .goods img{
|
|
|
|
width: 235px;
|
|
|
|
height: 314px;
|
|
|
|
}
|
|
|
|
.goods-mini .goods-list .goods img{
|
|
|
|
width: 150px;
|
|
|
|
height: 201px;
|
|
|
|
}
|
|
|
|
/*end*/
|
|
|
|
|
|
|
|
.brands-suggestion li a{
|
|
|
|
margin: 0 0 0 8px;
|
|
|
|
}
|
|
|
|
.brands-suggestion li a{
|
|
|
|
width: 155px;
|
|
|
|
}
|
|
|
|
.brands-suggestion li img{
|
|
|
|
padding: 22px 37px 22px 36px;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.goods-suggestion .goods-list{
|
|
|
|
height: 293px;
|
|
|
|
overflow: hidden;
|
|
|
|
}
|
|
|
|
.goods-view .goods-mini .goods-list .goods{
|
|
|
|
margin-right: 16px;
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
@media (max-width:1180px) {
|
|
|
|
.yoho-footer {
|
|
|
|
|
|
|
|
.index-foot dd {
|
|
|
|
width: 316px;
|
|
|
|
|
|
|
|
.two-dim {
|
|
|
|
margin-top: 26px;
|
|
|
|
margin-bottom: 10px;
|
|
|
|
overflow: hidden;
|
|
|
|
}
|
|
|
|
|
|
|
|
.dim-img {
|
|
|
|
width: 69px;
|
|
|
|
height: 69px;
|
|
|
|
}
|
|
|
|
|
|
|
|
/*goods list top*/
|
|
|
|
.mobile img {
|
|
|
|
width: 85px;
|
|
|
|
height: 108px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@media (max-width:1180px){
|
|
|
|
.goods-right{
|
|
|
|
width: 810px;
|
|
|
|
}
|
|
|
|
.subscribe {
|
|
|
|
width: 200px;
|
|
|
|
|
|
|
|
.goods-right .goods-ad .ad-text{
|
|
|
|
width: 748px;
|
|
|
|
/*height: 248px;*/
|
|
|
|
padding:0px 30px 30px 30px;
|
|
|
|
border:1px solid #eaeceb;
|
|
|
|
}
|
|
|
|
.goods-right .goods-ad .ad-half .ad-text{
|
|
|
|
width: 348px;
|
|
|
|
height: 218px;
|
|
|
|
}
|
|
|
|
.goods-right .goods-ad .ad-half-img{
|
|
|
|
width: 400px;
|
|
|
|
height: 250px;
|
|
|
|
}
|
|
|
|
.goods-right .goods-ad .ad-img{
|
|
|
|
width: 810px;
|
|
|
|
height: 250px;
|
|
|
|
}
|
|
|
|
.goods-right .goods-ad .text-title .title{
|
|
|
|
margin-top: 30px;
|
|
|
|
}
|
|
|
|
/*
|
|
|
|
.search-condition .search-selected p{
|
|
|
|
width: 640px;
|
|
|
|
}*/
|
|
|
|
}
|
|
|
|
input {
|
|
|
|
width: 140px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@media (min-width:1180px){
|
|
|
|
.goods-right{
|
|
|
|
width: 970px;
|
|
|
|
}
|
|
|
|
.goods-right .goods-ad .ad-text{
|
|
|
|
width: 868px;
|
|
|
|
height: 298px;
|
|
|
|
padding:0px 50px;
|
|
|
|
border:1px solid #eaeceb;
|
|
|
|
}
|
|
|
|
.goods-right .goods-ad .ad-half .ad-text{
|
|
|
|
width: 388px;
|
|
|
|
height: 298px;
|
|
|
|
}
|
|
|
|
.goods-right .goods-ad .ad-half-img{
|
|
|
|
width: 480px;
|
|
|
|
height: 300px;
|
|
|
|
}
|
|
|
|
.goods-right .goods-ad .ad-img{
|
|
|
|
width: 970px;
|
|
|
|
height: 300px;
|
|
|
|
}
|
|
|
|
.goods-right .goods-ad .text-title .title{
|
|
|
|
margin-top: 60px;
|
|
|
|
.footer-help li {
|
|
|
|
width: 150px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
} |
|
|
\ No newline at end of file |
...
|
...
|
|
