2299 lines
33 KiB
CSS
Executable File
2299 lines
33 KiB
CSS
Executable File
@CHARSET "UTF-8";
|
|
#wst-slide .wst-slide-itemswrap,
|
|
#wst-slide .wst-slide-items,
|
|
#wst-slide .wst-slide-items li {
|
|
height: 420px;
|
|
overflow: hidden
|
|
}
|
|
|
|
.wst-slide-controls {
|
|
position: absolute;
|
|
text-align: right;
|
|
top: -40px;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
}
|
|
|
|
.wst-slide-controls span {
|
|
width: 24px;
|
|
height: 24px;
|
|
text-align: center;
|
|
display: inline-block;
|
|
line-height: 24px;
|
|
border-radius: 12px;
|
|
background-color: #333;
|
|
color: white;
|
|
cursor: pointer
|
|
}
|
|
|
|
.wst-slide-controls .curr {
|
|
background-color: #e13335;
|
|
border-radius: 12px;
|
|
color: white;
|
|
cursor: pointer
|
|
}
|
|
|
|
.wst-slide {
|
|
position: relative;
|
|
top: 2px
|
|
}
|
|
|
|
.wst-slide-numbox {
|
|
width: 1200px;
|
|
margin: 0 auto;
|
|
height: 0;
|
|
position: relative;
|
|
z-index: 3
|
|
}
|
|
|
|
.wst-slide-items {
|
|
min-width: 1200px
|
|
}
|
|
|
|
.wst-tab-box {
|
|
overflow: hidden;
|
|
border-right: 1px solid #eee;
|
|
width: 100%;
|
|
height: auto;
|
|
margin: 0 auto;
|
|
background: #fff
|
|
}
|
|
|
|
.wst-tab-nav {
|
|
overflow-y: hidden;
|
|
margin: 0;
|
|
padding: 0;
|
|
height: 35px;
|
|
top: 0;
|
|
z-index: 30;
|
|
background: #fff;
|
|
width: 100%;
|
|
border-bottom: 1px solid #eee;
|
|
border-left: 1px solid #eee
|
|
}
|
|
|
|
.wst-tab-nav li,
|
|
.wst-tab-nav .tab {
|
|
width: 40%;
|
|
cursor: pointer;
|
|
float: left;
|
|
margin: 0;
|
|
list-style: none;
|
|
border: 1px solid #eee;
|
|
border-bottom: 0;
|
|
border-left: none;
|
|
line-height: 34px;
|
|
text-align: center;
|
|
color: #000;
|
|
padding-left: 10px;
|
|
padding-right: 10px
|
|
}
|
|
|
|
.wst-tab-nav .on {
|
|
border-top: 1px solid #ff2704;
|
|
border-bottom: 1px solid #fff;
|
|
color: #ff2704;
|
|
font-weight: bold
|
|
}
|
|
|
|
.wst-tab-content {
|
|
padding: 5px;
|
|
width: 99%;
|
|
height: auto;
|
|
border: 1px solid #eee;
|
|
border-top: 0;
|
|
background: #FFF
|
|
}
|
|
|
|
#wst-right-news {
|
|
width: 100%;
|
|
height: 30px;
|
|
background: #df2002;
|
|
line-height: 25px;
|
|
color: #fff
|
|
}
|
|
|
|
#wst-right-news>p {
|
|
float: left;
|
|
margin-left: 12px;
|
|
font-weight: bold
|
|
}
|
|
|
|
#wst-right-news>a {
|
|
display: block;
|
|
float: right;
|
|
color: #fff;
|
|
margin-right: 5px
|
|
}
|
|
|
|
#wst-right-new-list {
|
|
height: 117px;
|
|
background-color: #fff
|
|
}
|
|
|
|
#wst-right-new-list>div {
|
|
width: 190px;
|
|
height: 23px;
|
|
line-height: 25px;
|
|
padding-left: 10px;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
-o-text-overflow: ellipsis;
|
|
overflow: hidden;
|
|
list-style-type: disc
|
|
}
|
|
|
|
#wst-right-new-list>div>a {
|
|
color: #605e5e
|
|
}
|
|
|
|
#wst-right-new-list>div>a:hover {
|
|
color: #df2002
|
|
}
|
|
|
|
.visitor-new-list {
|
|
height: 118px!important;
|
|
overflow: hidden;
|
|
border: 0;
|
|
background-color: #fff
|
|
}
|
|
|
|
.visitor-new-list>li {
|
|
height: 23px!important
|
|
}
|
|
|
|
.apply-btn {
|
|
background: url(../img/apply.png) no-repeat 0 0;
|
|
background-size: cover;
|
|
display: block;
|
|
width: 180px;
|
|
height: 60px;
|
|
margin: 20px auto 10px
|
|
}
|
|
|
|
.shop-login {
|
|
margin-left: 60px;
|
|
height: 28px;
|
|
display: block;
|
|
color: #999
|
|
}
|
|
|
|
.ws-right-user {
|
|
display: block;
|
|
width: 210px;
|
|
height: 128px;
|
|
background: #fff
|
|
}
|
|
|
|
.ws-right-user .top,
|
|
.ws-right-user .bottom {
|
|
float: left
|
|
}
|
|
|
|
.ws-right-user .top img {
|
|
float: left;
|
|
width: 65px;
|
|
height: 65px;
|
|
margin: 10px;
|
|
border-radius: 1000px
|
|
}
|
|
|
|
.ws-right-user .top .name {
|
|
float: left;
|
|
width: 125px
|
|
}
|
|
|
|
.ws-right-user .top .uname {
|
|
height: 23px;
|
|
line-height: 25px;
|
|
width: 100px;
|
|
margin: 0 auto;
|
|
margin-top: 15px;
|
|
text-align: center;
|
|
color: #ff2704;
|
|
font-size: 14px;
|
|
font-family: "microsoft yahei";
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
overflow: hidden
|
|
}
|
|
|
|
.ws-right-user .top .sign {
|
|
display: block;
|
|
width: 105px;
|
|
height: 30px;
|
|
line-height: 30px;
|
|
margin: 0 auto;
|
|
margin-top: 10px;
|
|
color: #fff;
|
|
background-color: #ff0c00;
|
|
border: 1px solid #ff0c00;
|
|
cursor: pointer;
|
|
border-radius: 5px;
|
|
box-shadow: 0 2px 0 #c3443d;
|
|
position: relative;
|
|
-webkit-transition: all .2s linear;
|
|
transition: all .2s linear
|
|
}
|
|
|
|
.ws-right-user .top .sign:hover {
|
|
background-color: #ee4419
|
|
}
|
|
|
|
.ws-right-user .top .sign:focus {
|
|
outline: 0
|
|
}
|
|
|
|
.ws-right-user .top .sign .plus {
|
|
position: absolute;
|
|
top: 0;
|
|
width: 100%;
|
|
left: 0;
|
|
font-size: 18px;
|
|
color: #f4cf00;
|
|
font-style: normal;
|
|
opacity: 0;
|
|
text-align: center;
|
|
-webkit-transition: all .5s linear;
|
|
transition: all .5s linear
|
|
}
|
|
|
|
.ws-right-user .top .active .plus {
|
|
top: -36px;
|
|
opacity: 1
|
|
}
|
|
|
|
.ws-right-user .top .actives .plus {
|
|
top: -36px;
|
|
opacity: 0;
|
|
}
|
|
|
|
.ws-right-user .top .actives,
|
|
.ws-right-user .top .actives:hover {
|
|
color: #747171;
|
|
background-color: #eee;
|
|
border: 1px solid #ddd;
|
|
box-shadow: 0 2px 0 #ddd;
|
|
}
|
|
|
|
.ws-right-user .bottom .left {
|
|
float: left;
|
|
width: 110px;
|
|
margin-top: 10px;
|
|
padding-left: 10px;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
overflow: hidden
|
|
}
|
|
|
|
.ws-right-user .bottom .right {
|
|
float: right;
|
|
width: 80px;
|
|
margin-top: 10px;
|
|
padding-left: 10px
|
|
}
|
|
|
|
#wst-right-ads {
|
|
position: relative;
|
|
}
|
|
|
|
#wst-right-ads>a>img {
|
|
width: 210px;
|
|
height: 128px;
|
|
display: block;
|
|
}
|
|
|
|
.floor-box {
|
|
width: 100%;
|
|
margin-top: 15px;
|
|
clear: both
|
|
}
|
|
|
|
.goods-list {
|
|
width: 100%
|
|
}
|
|
|
|
.goods-list .goods {
|
|
width: 239px;
|
|
float: left;
|
|
height: 284px;
|
|
border-right: 1px solid #eee;
|
|
border-bottom: 1px solid #eee;
|
|
}
|
|
|
|
.goods-list .goods:hover {
|
|
width: 239px;
|
|
height: 284px;
|
|
-webkit-box-shadow: 0 0 10px #cfcfcf;
|
|
-moz-box-shadow: 0 0 10px #cfcfcf;
|
|
box-shadow: 0 0 10px #cfcfcf;
|
|
}
|
|
|
|
.goods-list .goods:hover .img a img {
|
|
transform: scale(1.05);
|
|
}
|
|
|
|
.goods-list .goods:hover .p-name a {
|
|
color: #d82a2e;
|
|
}
|
|
|
|
.goods-list .goods .img {
|
|
text-align: center;
|
|
position: relative;
|
|
}
|
|
|
|
.goods-list .goods .img a {
|
|
display: block
|
|
}
|
|
|
|
.goods-list .goods .img a img {
|
|
max-width: 180px;
|
|
max-height: 180px;
|
|
padding-top: 20px;
|
|
padding-bottom: 8px;
|
|
transition: transform .4s ease, -webkit-transform .4s ease, -moz-transform .4s ease, -o-transform .4s ease
|
|
}
|
|
|
|
.goods-list .goods .p-price {
|
|
font-weight: 600;
|
|
color: #C00;
|
|
text-align: center;
|
|
margin-top: 3px;
|
|
font-size: 14px
|
|
}
|
|
|
|
.goods-list .goods .p-name {
|
|
height: 40px;
|
|
line-height: 20px;
|
|
overflow: hidden;
|
|
width: 208px;
|
|
margin: 0 auto;
|
|
text-align: center
|
|
}
|
|
|
|
.goods-list .goods .p-shop {
|
|
padding: 5px
|
|
}
|
|
|
|
.goods-list .goods .p-mprice {
|
|
color: #999;
|
|
padding: 5px 0 5px 5px;
|
|
width: 120px;
|
|
float: left
|
|
}
|
|
|
|
.goods-list .goods .p-mprice span {
|
|
text-decoration: line-through;
|
|
margin-left: 10px;
|
|
font-weight: normal
|
|
}
|
|
|
|
.goods-list .goods .p-appraise {
|
|
padding: 5px 5px 5px 0;
|
|
width: 100px;
|
|
float: right;
|
|
text-align: right
|
|
}
|
|
|
|
.goods-list .goods .p-appraise span {
|
|
font-weight: bold;
|
|
color: #1499e5
|
|
}
|
|
|
|
.floor-top-ads {
|
|
margin: 40px 0 0;
|
|
width: 1200px
|
|
}
|
|
|
|
.floor-top-ads a {
|
|
float: left
|
|
}
|
|
|
|
.floor-top-ads img {
|
|
width: 400px;
|
|
height: 110px
|
|
}
|
|
|
|
.floor-header {
|
|
width: 100%;
|
|
height: 38px;
|
|
background: white;
|
|
margin-top: 20px;
|
|
border-bottom: 1px solid #df2002
|
|
}
|
|
|
|
.floor-header-f1,
|
|
.floor-header-f2,
|
|
.floor-header-f3,
|
|
.floor-header-f4,
|
|
.floor-header-f5,
|
|
.floor-header-f6,
|
|
.floor-header-f7,
|
|
.floor-header-f8,
|
|
.floor-header-f9,
|
|
.floor-header-f10 {
|
|
float: left;
|
|
background: url(../img/img_floor_titlebg.png) no-repeat 0;
|
|
height: 100%;
|
|
width: 23%;
|
|
margin-top: 1px
|
|
}
|
|
|
|
.floor-header .tab {
|
|
float: right;
|
|
margin-right: 10px;
|
|
margin-top: 7px
|
|
}
|
|
|
|
.floor-header .tab li {
|
|
display: block;
|
|
margin: 0;
|
|
float: left
|
|
}
|
|
|
|
.floor-header .tab a {
|
|
font-size: 13px;
|
|
display: block;
|
|
height: 15px;
|
|
letter-spacing: 1px
|
|
}
|
|
|
|
.floor-header .tab-item1 a {
|
|
padding: 8px 12px 8px 12px
|
|
}
|
|
|
|
.floor-header .j-tab-selected1 a {
|
|
background-color: #df2002;
|
|
color: #fff
|
|
}
|
|
|
|
.floor-header .tab-item2 a {
|
|
padding: 8px 12px 8px 12px
|
|
}
|
|
|
|
.floor-header .j-tab-selected2 a {
|
|
background-color: #df2002;
|
|
color: #fff
|
|
}
|
|
|
|
.floor-header .tab-item3 a {
|
|
padding: 8px 12px 8px 12px
|
|
}
|
|
|
|
.floor-header .j-tab-selected3 a {
|
|
background-color: #df2002;
|
|
color: #fff
|
|
}
|
|
|
|
.floor-header .tab-item4 a {
|
|
padding: 8px 12px 8px 12px
|
|
}
|
|
|
|
.floor-header .j-tab-selected4 a {
|
|
background-color: #df2002;
|
|
color: #fff
|
|
}
|
|
|
|
.floor-header .tab-item5 a {
|
|
padding: 8px 12px 8px 12px
|
|
}
|
|
|
|
.floor-header .j-tab-selected5 a {
|
|
background-color: #df2002;
|
|
color: #fff
|
|
}
|
|
|
|
.floor-header .tab-item6 a {
|
|
padding: 8px 12px 8px 12px
|
|
}
|
|
|
|
.floor-header .j-tab-selected6 a {
|
|
background-color: #df2002;
|
|
color: #fff
|
|
}
|
|
|
|
.floor-header .tab-item7 a {
|
|
padding: 8px 12px 8px 12px
|
|
}
|
|
|
|
.floor-header .j-tab-selected7 a {
|
|
background-color: #df2002;
|
|
color: #fff
|
|
}
|
|
|
|
.floor-header .tab-item8 a {
|
|
padding: 8px 12px 8px 12px
|
|
}
|
|
|
|
.floor-header .j-tab-selected8 a {
|
|
background-color: #df2002;
|
|
color: #fff
|
|
}
|
|
|
|
.floor-header .tab-item9 a {
|
|
padding: 8px 12px 8px 12px
|
|
}
|
|
|
|
.floor-header .j-tab-selected9 a {
|
|
background-color: #df2002;
|
|
color: #fff
|
|
}
|
|
|
|
.floor-header .tab-item10 a {
|
|
padding: 8px 12px 8px 12px
|
|
}
|
|
|
|
.floor-header .j-tab-selected10 a {
|
|
background-color: #df2002;
|
|
color: #fff
|
|
}
|
|
|
|
.floor-left {
|
|
float: left;
|
|
width: 20%;
|
|
height: 620px
|
|
}
|
|
|
|
.floor-left-ads {
|
|
width: 478px;
|
|
height: 224px
|
|
}
|
|
|
|
.floor-left-ads img {
|
|
width: 478px;
|
|
height: 224px
|
|
}
|
|
|
|
.floor-left-title {
|
|
margin-left: 1px;
|
|
color: #fff;
|
|
font-size: 15px;
|
|
float: left;
|
|
margin-top: 13px;
|
|
position: absolute;
|
|
}
|
|
|
|
.floor-right-title {
|
|
float: right;
|
|
color: #333;
|
|
font-size: 16px;
|
|
line-height: 38px;
|
|
margin-right: 70px;
|
|
font-weight: bold;
|
|
letter-spacing: 2px;
|
|
}
|
|
|
|
.one_flimit {
|
|
overflow: hidden;
|
|
width: 79%;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
}
|
|
|
|
.floor-right {
|
|
float: left;
|
|
width: 100%;
|
|
min-height: 570px
|
|
}
|
|
|
|
.floor-right-ads {
|
|
width: 478px;
|
|
float: left;
|
|
border-bottom: 1px solid #eee;
|
|
border-right: 1px solid #eee;
|
|
border-left: 1px solid #eee
|
|
}
|
|
|
|
.wst-floor-slide-items {
|
|
overflow: hidden;
|
|
height: 344px;
|
|
width: 478px;
|
|
position: relative
|
|
}
|
|
|
|
.wst-floor-slide-items img {
|
|
height: 344px;
|
|
width: 478px
|
|
}
|
|
|
|
#screen-left-nav {
|
|
width: 35px;
|
|
max-height: 335px;
|
|
position: fixed;
|
|
top: 40%;
|
|
left: 15%;
|
|
background: #fff;
|
|
z-index: 999;
|
|
display: block
|
|
}
|
|
|
|
.lnav {
|
|
margin: 0 auto;
|
|
background: #fff;
|
|
line-height: 30px;
|
|
text-align: center;
|
|
overflow: hidden;
|
|
margin-top: -1px;
|
|
cursor: pointer;
|
|
display: block;
|
|
width: 30px;
|
|
height: 29px;
|
|
color: #625351;
|
|
transition: all .2s ease-in;
|
|
-moz-transition: all .2s ease-in;
|
|
-webkit-transition: all .2s ease-in;
|
|
-o-transition: all .2s ease-in;
|
|
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2xpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpFNDg5NURBNDY3MjA2ODExODIyQUVDNTgwRDU1MkZBQiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1N0M3MTMzQTlBRTQxMUU0OEY2QkNDMkMzNDJCRDdGNiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1N0M3MTMzOTlBRTQxMUU0OEY2QkNDMkMzNDJCRDdGNiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ODBkOTE3NzktZTE1Yi0yNTRkLTljYzMtOGVjNmE4ZTAyMjRjIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjIxNzkxODUyODJEQjExRTQ4RkM0REQwQTBFRkQyNTY2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+3tRxHgAAAAlQTFRFwsLCycnJ////r0pOrgAAAAN0Uk5T//8A18oNQQAAAB5JREFUeNpiYIIABhTIyAQXxgtGpUelR6VpKw0QYACUOgb65Nz92gAAAABJRU5ErkJggg==) 0 25px no-repeat
|
|
}
|
|
|
|
.lcurr {
|
|
background: #df2003
|
|
}
|
|
|
|
.lcurr a {
|
|
color: white
|
|
}
|
|
|
|
.wst-floor-slide-numbox span {
|
|
background-color: #d4d4d4;
|
|
cursor: pointer;
|
|
display: inline-block;
|
|
height: 4px;
|
|
width: 24px;
|
|
border-radius: 1.5px
|
|
}
|
|
|
|
.wst-floor-slide-numbox .curr {
|
|
background-color: #f68d8d
|
|
}
|
|
|
|
.wst-floor-slide-numbox>div {
|
|
position: relative;
|
|
left: 43%;
|
|
top: -20px;
|
|
z-index: 99;
|
|
height: 10px;
|
|
max-width: 300px
|
|
}
|
|
|
|
.floor-bottom .bx_container {
|
|
margin-top: 15px
|
|
}
|
|
|
|
.floor-right-ads .wst-floor-slide-1 {
|
|
height: 344px
|
|
}
|
|
|
|
.ads-lunbobottom {
|
|
margin-top: 30px;
|
|
margin-bottom: 20px;
|
|
overflow: hidden
|
|
}
|
|
|
|
.ads-lunbobottom a {
|
|
float: left
|
|
}
|
|
|
|
.ads-lunbobottom a img {
|
|
width: 240px;
|
|
height: 320px
|
|
}
|
|
|
|
|
|
/* 广告墙 */
|
|
|
|
.ads_wall {
|
|
width: 1200px;
|
|
max-height: 480px;
|
|
margin: 0 auto;
|
|
margin-top: 30px;
|
|
}
|
|
|
|
.ads_wall a {
|
|
overflow: hidden;
|
|
transition: all ease .4s;
|
|
display: block;
|
|
}
|
|
|
|
.ads_wall a:hover {
|
|
transform: scale(1.01);
|
|
}
|
|
|
|
.ads_wall a img {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.ads_wall_l {
|
|
width: 448px;
|
|
height: 100%;
|
|
}
|
|
|
|
.ads_wall_c {
|
|
width: 292px;
|
|
height: 100%;
|
|
margin-left: 6px;
|
|
position: relative;
|
|
text-align: center;
|
|
}
|
|
|
|
.ads_wall_r {
|
|
width: 448px;
|
|
height: 100%;
|
|
}
|
|
|
|
.ads_wall_item_top {
|
|
display: block;
|
|
width: 100%;
|
|
height: 237px;
|
|
margin-bottom: 6px;
|
|
position: relative;
|
|
}
|
|
|
|
.ads_wall_item_bottom {
|
|
display: block;
|
|
width: 100%;
|
|
height: 237px;
|
|
position: relative;
|
|
}
|
|
|
|
.ads_wall_more {
|
|
text-align: center;
|
|
font-size: 12px;
|
|
color: #fff;
|
|
position: absolute;
|
|
bottom: 20px;
|
|
}
|
|
|
|
.ads_wall_line {
|
|
width: 30px;
|
|
height: 2px;
|
|
background-color: #fff;
|
|
margin-top: 8px;
|
|
margin-right: 10px;
|
|
}
|
|
|
|
.wall_r_line {
|
|
width: 50px;
|
|
}
|
|
|
|
|
|
/* 品牌街 */
|
|
|
|
.brand_street_out {
|
|
width: 1200px;
|
|
margin: 10px auto;
|
|
margin-top: 30px;
|
|
}
|
|
|
|
.bs_tit {
|
|
font-size: 18px;
|
|
color: #df2002;
|
|
letter-spacing: 2px;
|
|
background-image: url(../img/index_link_bg.png);
|
|
background-repeat: no-repeat;
|
|
background-size: auto 18px;
|
|
padding-left: 23px;
|
|
}
|
|
|
|
.brand_street {
|
|
width: 100%;
|
|
max-height: 210px;
|
|
margin-top: 10px;
|
|
box-sizing: border-box;
|
|
background-color: #eee;
|
|
padding: 5px;
|
|
}
|
|
|
|
.brand_street li img {
|
|
width: 100%;
|
|
height: 100px;
|
|
}
|
|
|
|
.brand_street li {
|
|
box-sizing: border-box;
|
|
border-right: 1px solid #ddd;
|
|
border-bottom: 1px solid #ddd;
|
|
width: 10%;
|
|
height: 100%;
|
|
float: left;
|
|
transition: all ease .4s;
|
|
}
|
|
|
|
.brand_street li:nth-child(10n) {
|
|
border-right: none;
|
|
}
|
|
|
|
.brand_street li:nth-child(n+11) {
|
|
border-bottom: none;
|
|
}
|
|
|
|
.brand_street li:hover {
|
|
box-shadow: 0 0 5px #bdbcbc;
|
|
transform: scale(1.05);
|
|
}
|
|
|
|
|
|
/* 店铺街 */
|
|
|
|
.shop_street_out {
|
|
width: 1200px;
|
|
margin: 10px auto;
|
|
margin-top: 30px;
|
|
}
|
|
|
|
.ss_tit {
|
|
font-size: 18px;
|
|
color: #df2002;
|
|
letter-spacing: 2px;
|
|
background-image: url(../img/index_link_bg.png);
|
|
background-repeat: no-repeat;
|
|
background-size: auto 18px;
|
|
padding-left: 23px;
|
|
}
|
|
|
|
.shop_street {
|
|
width: 100%;
|
|
height: 138px;
|
|
margin-top: 10px;
|
|
background-color: #f4f4f4;
|
|
box-sizing: border-box;
|
|
padding: 6px;
|
|
}
|
|
|
|
.shop_street li:nth-child(n+2) {
|
|
margin-left: 0.5%;
|
|
}
|
|
|
|
.shop_street li img {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.shop_street li {
|
|
background-image: url(../img/shopstreet_bg.png);
|
|
background-repeat: no-repeat;
|
|
background-size: 100% auto;
|
|
width: 19.6%;
|
|
height: 100%;
|
|
float: left;
|
|
transition: all ease .4s;
|
|
position: relative;
|
|
}
|
|
|
|
.shop_street li:hover {
|
|
transform: translateY(-5px);
|
|
}
|
|
|
|
.ss_desc {
|
|
position: absolute;
|
|
top: 15%;
|
|
left: 9%;
|
|
}
|
|
|
|
.ssd_tit {
|
|
font-size: 24px;
|
|
color: #ff2b2b;
|
|
font-weight: bold;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.ssd_desc {
|
|
font-size: 16px;
|
|
color: #ff2b2b;
|
|
}
|
|
|
|
.ss_entry,
|
|
.ss_shopname,
|
|
.ss_shopaddr {
|
|
font-size: 12px;
|
|
color: #fff;
|
|
position: absolute;
|
|
}
|
|
|
|
.ss_entry {
|
|
left: 5px;
|
|
top: 5px;
|
|
}
|
|
|
|
.ss_shopname {
|
|
right: 5px;
|
|
top: 5px;
|
|
}
|
|
|
|
.ss_shopaddr {
|
|
right: 5px;
|
|
bottom: 5px;
|
|
}
|
|
|
|
|
|
/* 积分商城 */
|
|
|
|
.intergral_out {
|
|
width: 1200px;
|
|
margin: 10px auto;
|
|
margin-top: 30px;
|
|
}
|
|
|
|
.itl_tit {
|
|
font-size: 18px;
|
|
color: #df2002;
|
|
letter-spacing: 2px;
|
|
background-image: url(../img/index_link_bg.png);
|
|
background-repeat: no-repeat;
|
|
background-size: auto 18px;
|
|
padding-left: 15px;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.itl_main {
|
|
background-color: #f4f4f4;
|
|
width: 100%;
|
|
height: 148px;
|
|
padding: 6px;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.itl_bg img {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.itl_bg {
|
|
display: block;
|
|
height: 100%;
|
|
width: 238px;
|
|
}
|
|
|
|
.itl_item:nth-child(2) {
|
|
background-color: #fcfdda;
|
|
}
|
|
|
|
.itl_item:nth-child(3) {
|
|
background-color: #ffefd9;
|
|
}
|
|
|
|
.itl_item:hover img {
|
|
transform: translateX(-10px);
|
|
}
|
|
|
|
.itl_item img {
|
|
transition: all ease .4s;
|
|
position: absolute;
|
|
max-height: 100%;
|
|
right: 0;
|
|
}
|
|
|
|
.itl_item {
|
|
display: block;
|
|
width: 468px;
|
|
height: 100%;
|
|
position: relative;
|
|
margin-left: 6px;
|
|
}
|
|
|
|
.itl_name {
|
|
position: absolute;
|
|
font-size: 14px;
|
|
color: #333;
|
|
top: 10%;
|
|
width: 40%;
|
|
left: 5%;
|
|
overflow: hidden;
|
|
word-break: break-all;
|
|
display: -webkit-box;
|
|
-webkit-line-clamp: 2;
|
|
-webkit-box-orient: vertical;
|
|
z-index: 22;
|
|
}
|
|
|
|
.itl_price_box {
|
|
left: 5%;
|
|
top: 45%;
|
|
position: absolute;
|
|
color: #666;
|
|
font-weight: bold;
|
|
font-size: 16px;
|
|
z-index: 22;
|
|
}
|
|
|
|
.itl_price {
|
|
color: #df2002;
|
|
}
|
|
|
|
.itl_score {
|
|
font-size: 12px;
|
|
color: #df2002;
|
|
font-weight: normal;
|
|
}
|
|
|
|
.itl_btn {
|
|
position: absolute;
|
|
padding: 1px 10px;
|
|
background-color: #df2002;
|
|
border-radius: 25px;
|
|
color: #fff;
|
|
left: 5%;
|
|
top: 75%;
|
|
font-size: 11px!important;
|
|
background-color: #df2002;
|
|
color: #fff;
|
|
transition: all ease .4s;
|
|
}
|
|
|
|
.itl_btn:hover {
|
|
transform: translateY(-5px);
|
|
}
|
|
|
|
|
|
/* 分销商品 */
|
|
|
|
.distribute_tit {
|
|
color: #df2002;
|
|
background-image: url(../img/index_link_bg.png);
|
|
background-repeat: no-repeat;
|
|
background-size: auto 18px;
|
|
padding-left: 15px;
|
|
width: 1200px;
|
|
margin: 0 auto;
|
|
margin-top: 30px;
|
|
font-size: 18px;
|
|
letter-spacing: 2px;
|
|
}
|
|
|
|
.distribute_out {
|
|
width: 1200px;
|
|
margin: 10px auto;
|
|
height: 295px;
|
|
background-color: #f4f4f4;
|
|
padding: 6px 0;
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.dis_left_bg img {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.dis_left_bg {
|
|
width: 237px;
|
|
height: 100%;
|
|
margin-left: 4px;
|
|
}
|
|
|
|
.dis_list {
|
|
width: 952px;
|
|
height: 100%;
|
|
}
|
|
|
|
.dis_list li {
|
|
margin-left: 8px;
|
|
float: left;
|
|
width: 230px;
|
|
height: 100%;
|
|
position: relative;
|
|
background-color: #fff;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.dis_list li:hover img {
|
|
transform: scale(1.1);
|
|
}
|
|
|
|
.dis_list li img {
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
max-width: 100%;
|
|
max-height: 100%;
|
|
margin: auto;
|
|
transition: all ease .4s;
|
|
}
|
|
|
|
.dis_gprice div {
|
|
transform: rotate(30deg);
|
|
position: absolute;
|
|
left: 11px;
|
|
top: 25px;
|
|
text-align: center;
|
|
right: 4px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.dis_gprice {
|
|
background-image: url(../img/index_distribute_price_bg.png);
|
|
background-repeat: no-repeat;
|
|
width: 109px;
|
|
height: 78px;
|
|
position: absolute;
|
|
color: #df2002;
|
|
font-weight: bold;
|
|
right: 0;
|
|
}
|
|
|
|
|
|
/* 轮播右侧拍卖区域 */
|
|
|
|
.aution_out {
|
|
width: 100%;
|
|
height: 170px;
|
|
position: relative;
|
|
background-color: #fff;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.au_l_btn,
|
|
.au_r_btn {
|
|
position: absolute;
|
|
top: 40%;
|
|
background-color: rgba(0, 0, 0, .5);
|
|
color: #fff;
|
|
left: 0;
|
|
padding: 5px;
|
|
cursor: pointer;
|
|
display: none;
|
|
}
|
|
|
|
.au_r_btn {
|
|
left: initial;
|
|
right: 0;
|
|
}
|
|
|
|
.aution_list {
|
|
width: 100%;
|
|
position: relative;
|
|
}
|
|
|
|
.aution_tit {
|
|
background-image: url(../img/img_floor_titlebg.png);
|
|
background-repeat: no-repeat;
|
|
background-size: auto 18px;
|
|
font-size: 16px;
|
|
color: #df2002;
|
|
letter-spacing: 2px;
|
|
padding-left: 26px;
|
|
}
|
|
|
|
.aution_main {
|
|
float: left;
|
|
width: 210px;
|
|
height: 153px;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.aution_item {
|
|
position: relative;
|
|
display: block;
|
|
text-align: center;
|
|
height: 100%;
|
|
width: 100%;
|
|
}
|
|
|
|
.aution_item img {
|
|
width: 150px;
|
|
height: 150px;
|
|
}
|
|
|
|
.aution_time {
|
|
position: absolute;
|
|
bottom: 0;
|
|
left: 0;
|
|
right: 0;
|
|
background-color: rgba(0, 0, 0, 0.3);
|
|
font-size: 16px;
|
|
color: #fff;
|
|
padding: 10px 0;
|
|
}
|
|
|
|
.aution_h,
|
|
.aution_i,
|
|
.aution_s {
|
|
width: 24px;
|
|
height: 30px;
|
|
background-color: #df2002;
|
|
padding: 5px;
|
|
border-radius: 5px;
|
|
}
|
|
|
|
|
|
/* 优惠券 */
|
|
|
|
.coupon_out {
|
|
width: 1200px;
|
|
height: 124px;
|
|
margin: 0 auto;
|
|
margin-top: 30px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.coupon_bg img {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.coupon_bg {
|
|
position: relative;
|
|
width: 284px;
|
|
height: 124px;
|
|
display: block;
|
|
}
|
|
|
|
.coupon_tit {
|
|
position: absolute;
|
|
font-size: 24px;
|
|
color: #c04f02;
|
|
right: 25%;
|
|
top: 30%;
|
|
}
|
|
|
|
.r_btn {
|
|
position: absolute;
|
|
font-size: 16px;
|
|
color: #fff;
|
|
right: 0%;
|
|
top: 16%;
|
|
text-align: center;
|
|
width: 31px;
|
|
line-height: 21px;
|
|
padding: 0 6px;
|
|
}
|
|
|
|
.coupon_desc {
|
|
position: absolute;
|
|
color: #e08445;
|
|
font-size: 18px;
|
|
right: 25%;
|
|
top: 66%;
|
|
}
|
|
|
|
.coupon_item img {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.coupon_item {
|
|
position: relative;
|
|
margin-left: 1%;
|
|
width: 24%;
|
|
height: 100%;
|
|
}
|
|
|
|
.coupon_item_color {
|
|
color: #e21313;
|
|
}
|
|
|
|
|
|
/* 团购插件 */
|
|
|
|
.groupon_list_out {
|
|
position: absolute;
|
|
width: 255px;
|
|
height: 255px;
|
|
bottom: 29px;
|
|
left: 11%;
|
|
padding: 19px;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.groupon_view {
|
|
width: 100%;
|
|
height: 100%;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.groupon_list {
|
|
width: 100%;
|
|
height: 100%;
|
|
overflow: hidden;
|
|
position: relative;
|
|
}
|
|
|
|
.groupon_list li {
|
|
float: left;
|
|
width: 217px;
|
|
height: 217px;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.groupon_btns {
|
|
position: absolute;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
text-align: center;
|
|
}
|
|
|
|
.groupon_btns .curr {
|
|
background-color: #e89593;
|
|
}
|
|
|
|
.groupon_btns span {
|
|
display: inline-block;
|
|
width: 7px;
|
|
height: 7px;
|
|
border-radius: 50%;
|
|
background-color: #fff;
|
|
margin-left: 3px;
|
|
}
|
|
|
|
|
|
/* 新品、热销... */
|
|
|
|
.rec_area {
|
|
width: 1200px;
|
|
height: 500px;
|
|
margin: 0 auto;
|
|
margin-top: 30px;
|
|
}
|
|
|
|
.ral {
|
|
width: 329px;
|
|
height: 100%;
|
|
background-repeat: no-repeat;
|
|
margin-right: 6px;
|
|
position: relative;
|
|
}
|
|
|
|
.ral_box {
|
|
height: 114px;
|
|
width: 243px;
|
|
background-color: rgba(255, 255, 255, 0.8);
|
|
margin: 0 auto;
|
|
position: absolute;
|
|
left: 0;
|
|
right: 0;
|
|
top: 60px;
|
|
text-align: center;
|
|
letter-spacing: 2px;
|
|
padding-top: 20px;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.ral_box_tit {
|
|
font-size: 18px;
|
|
color: #010101;
|
|
}
|
|
|
|
.ral_line {
|
|
width: 45px;
|
|
height: 2px;
|
|
background-color: #000;
|
|
margin: 20px auto;
|
|
}
|
|
|
|
.ral_desc {
|
|
font-size: 12px;
|
|
color: #000;
|
|
}
|
|
|
|
.ral img {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.rac {
|
|
width: 642px;
|
|
height: 100%;
|
|
}
|
|
|
|
.rac_t {
|
|
width: 100%;
|
|
height: 60%;
|
|
box-sizing: border-box;
|
|
background-color: #ffefed;
|
|
}
|
|
|
|
.rac_t_tit,
|
|
.rac_b_tit {
|
|
font-size: 18px;
|
|
color: #df2002;
|
|
letter-spacing: 2px;
|
|
padding: 5px;
|
|
}
|
|
|
|
.rac_t_main {
|
|
width: 100%;
|
|
height: 80%;
|
|
margin-top: 10px;
|
|
background-color: #fff;
|
|
}
|
|
|
|
.rac_t_main li:hover img {
|
|
transform: scale(1.05);
|
|
}
|
|
|
|
.rac_t_main li:first-child {
|
|
margin-left: 0;
|
|
}
|
|
|
|
.rac_t_main li {
|
|
width: 212.5px;
|
|
height: 100%;
|
|
margin-left: 2px;
|
|
float: left;
|
|
}
|
|
|
|
.rac_t_img img {
|
|
transition: all linear .2s;
|
|
position: absolute;
|
|
left: 0;
|
|
right: 0;
|
|
margin: auto;
|
|
top: 0;
|
|
bottom: 0;
|
|
max-width: 100%;
|
|
max-height: 100%;
|
|
}
|
|
|
|
.rac_t_img {
|
|
display: block;
|
|
height: 70%;
|
|
position: relative;
|
|
background-color: #ffefed;
|
|
}
|
|
|
|
.rac_t_info {
|
|
background-color: #ffefed;
|
|
height: 29%;
|
|
margin-top: 1%;
|
|
padding-top: 5%;
|
|
padding-right: 1%;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.rac_price_color {
|
|
color: #df2002;
|
|
}
|
|
|
|
.c666 {
|
|
color: #666;
|
|
}
|
|
|
|
.del_line {
|
|
text-decoration: line-through;
|
|
}
|
|
|
|
.c14_333 {
|
|
font-size: 14px;
|
|
color: #333;
|
|
}
|
|
|
|
.rac_gname {
|
|
width: 95%;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
padding-left: 5%;
|
|
}
|
|
|
|
.f10 {
|
|
font-size: 10px;
|
|
}
|
|
|
|
.f12 {
|
|
font-size: 12px;
|
|
}
|
|
|
|
.f14 {
|
|
font-size: 14px;
|
|
}
|
|
|
|
.f16 {
|
|
font-size: 16px;
|
|
}
|
|
|
|
.f88{
|
|
|
|
}
|
|
|
|
.rac_price {
|
|
margin-top: 5px;
|
|
text-align: right;
|
|
}
|
|
|
|
.rac_b {
|
|
width: 100%;
|
|
height: 39%;
|
|
margin-top: 1%;
|
|
}
|
|
|
|
.rac_b_l {
|
|
width: 295px;
|
|
height: 100%;
|
|
margin-left: 17.33px;
|
|
}
|
|
|
|
.rac_bg {
|
|
background-color: #f5f5f5!important;
|
|
}
|
|
|
|
.rac_b_main:hover img {
|
|
transform: translateX(-10px);
|
|
}
|
|
|
|
.rac_b_main {
|
|
cursor: pointer;
|
|
width: 100%;
|
|
height: 150px;
|
|
box-sizing: border-box;
|
|
margin-top: 13px;
|
|
background-color: #fff1f9;
|
|
position: relative;
|
|
}
|
|
|
|
.rac_b_main img {
|
|
float: right;
|
|
transition: all ease .4s;
|
|
}
|
|
|
|
.rac_b_info {
|
|
position: absolute;
|
|
left: 25px;
|
|
top: 50px;
|
|
z-index: 2;
|
|
}
|
|
|
|
.mb10 {
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.rac_desc {
|
|
padding-left: 5px;
|
|
width: 95px;
|
|
word-break: break-all;
|
|
display: -webkit-box;
|
|
-webkit-line-clamp: 2;
|
|
-webkit-box-orient: vertical;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.rac_b_r {
|
|
width: 295px;
|
|
height: 100%;
|
|
margin-right: 17.33px;
|
|
}
|
|
|
|
.rar {
|
|
width: 217px;
|
|
height: 100%;
|
|
box-sizing: border-box;
|
|
background-color: #ffedd8;
|
|
}
|
|
|
|
.rar_tit {
|
|
font-size: 18px;
|
|
color: #ffa73b;
|
|
letter-spacing: 2px;
|
|
padding: 5px;
|
|
text-align: center;
|
|
margin: 5px;
|
|
}
|
|
|
|
.rar_glist {
|
|
width: 166px;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.rar_gitem:nth-child(2) {
|
|
margin-top: 30px;
|
|
background-color: #e5ecff;
|
|
}
|
|
|
|
.rar_gitem {
|
|
width: 100%;
|
|
height: 213px;
|
|
display: block;
|
|
background-color: #ffcd92;
|
|
overflow: hidden;
|
|
position: relative;
|
|
}
|
|
|
|
.rar_gitem:hover img {
|
|
transform: translateY(-5px);
|
|
}
|
|
|
|
.rar_gname {
|
|
font-size: 14px;
|
|
color: #333;
|
|
text-align: center;
|
|
width: 100%;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
padding-top: 5px;
|
|
}
|
|
|
|
.rar_gdesc {
|
|
padding-top: 3px;
|
|
padding-left: 5px;
|
|
font-size: 14px;
|
|
color: #333;
|
|
width: 100%;
|
|
word-break: break-all;
|
|
display: -webkit-box;
|
|
-webkit-line-clamp: 2;
|
|
-webkit-box-orient: vertical;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.rar_price {
|
|
text-align: right;
|
|
padding-right: 5px;
|
|
position: relative;
|
|
z-index: 22;
|
|
}
|
|
|
|
.rar_line {
|
|
width: 70%;
|
|
height: 1px;
|
|
background-color: #fff;
|
|
margin: 5px auto;
|
|
margin-bottom: 3px;
|
|
}
|
|
|
|
.rar_img img {
|
|
transition: all ease 0.4s;
|
|
position: absolute;
|
|
left: 0;
|
|
right: 0;
|
|
margin: auto;
|
|
top: 0;
|
|
bottom: 0;
|
|
max-width: 100%;
|
|
max-height: 100%;
|
|
}
|
|
|
|
.rar_img {
|
|
width: 100%;
|
|
display: block;
|
|
height: 65%;
|
|
position: relative;
|
|
}
|
|
|
|
.fl {
|
|
float: left;
|
|
}
|
|
|
|
.fr {
|
|
float: right;
|
|
}
|
|
|
|
|
|
/* 楼层 */
|
|
|
|
.floor_main {
|
|
width: 100%;
|
|
height: 458px;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.fml {
|
|
width: 260px;
|
|
height: 100%;
|
|
position: relative;
|
|
}
|
|
|
|
.fml img {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.f_desc {
|
|
font-size: 24px;
|
|
color: #fff;
|
|
font-weight: bold;
|
|
position: absolute;
|
|
top: 17%;
|
|
left: 17%;
|
|
}
|
|
|
|
.f1_catbox li {
|
|
width: 40%;
|
|
float: left;
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.f1_catbox li a {
|
|
font-size: 16px;
|
|
color: #fff;
|
|
}
|
|
|
|
.f32 {
|
|
font-size: 32px;
|
|
vertical-align: sub;
|
|
}
|
|
|
|
.f1_catbox {
|
|
position: absolute;
|
|
top: 28%;
|
|
left: 13%;
|
|
}
|
|
|
|
|
|
/* 楼层一个分类 */
|
|
|
|
.fh1 {
|
|
border-width: 2px;
|
|
position: relative;
|
|
margin-bottom: 2px;
|
|
}
|
|
|
|
.fh1l_titbox {
|
|
background-position: 0 6px;
|
|
height: 88%;
|
|
width: 23%;
|
|
position: relative;
|
|
top: 7px;
|
|
}
|
|
|
|
.fh1_tit {
|
|
font-size: 18px;
|
|
color: #df2002;
|
|
font-weight: normal;
|
|
float: left;
|
|
line-height: 35px;
|
|
margin-left: 15%;
|
|
}
|
|
|
|
.fmr {
|
|
width: 934px;
|
|
height: 100%;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.fmr_glist {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.fmr_gitem {
|
|
width: 20%;
|
|
height: 55%;
|
|
display: block;
|
|
box-sizing: border-box;
|
|
border-right: 1px solid #eee;
|
|
border-bottom: 1px solid #eee;
|
|
transition: all ease .4s;
|
|
}
|
|
|
|
.fmr_gitem:hover {
|
|
box-shadow: 0 0 5px #bdbcbc;
|
|
transform: scale(1.01);
|
|
z-index: 22;
|
|
position: relative;
|
|
}
|
|
|
|
.fmr_img {
|
|
width: 100%;
|
|
height: 75%;
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
}
|
|
|
|
.fmr_img img {
|
|
max-width: 100%;
|
|
max-height: 85%;
|
|
position: absolute;
|
|
left: 0;
|
|
right: 0;
|
|
margin: auto;
|
|
top: 0;
|
|
bottom: 0;
|
|
}
|
|
|
|
.fmr_gname {
|
|
width: 95%;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
padding: 0 2.5%;
|
|
font-size: 14px;
|
|
color: #333;
|
|
margin-top: 8px;
|
|
}
|
|
|
|
.tc {
|
|
text-align: center;
|
|
}
|
|
|
|
|
|
/* 楼层两个分类 */
|
|
|
|
.fh2 {
|
|
border-width: 2px;
|
|
position: relative;
|
|
margin-bottom: 2px;
|
|
margin-top: 0px;
|
|
}
|
|
|
|
.fh2l_titbox {
|
|
background-position: 0 6px;
|
|
height: 88%;
|
|
position: relative;
|
|
top: 7px;
|
|
width: 38%;
|
|
}
|
|
|
|
.two_fmilit {
|
|
width: 81%;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.fh2_tit {
|
|
font-size: 18px;
|
|
color: #df2002;
|
|
font-weight: normal;
|
|
float: left;
|
|
line-height: 35px;
|
|
margin-left: 19%;
|
|
margin-right: 0px;
|
|
}
|
|
|
|
.floor_box2 {
|
|
height: 481px;
|
|
box-sizing: border-box;
|
|
margin-top: 45px;
|
|
margin-bottom: 70px;
|
|
}
|
|
|
|
.fb2_more {
|
|
font-weight: bold;
|
|
margin-right: -20px;
|
|
}
|
|
|
|
.fb2_l {
|
|
width: 588px;
|
|
height: 468px;
|
|
box-sizing: border-box;
|
|
margin-right: 12px;
|
|
}
|
|
|
|
.fb2_l_l,
|
|
.fb2_r_l {
|
|
width: 226px;
|
|
height: 438px;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.fb2_l_r,
|
|
.fb2_r_r {
|
|
width: 356px;
|
|
height: 438px;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.fb2_r {
|
|
width: 588px;
|
|
height: 468px;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.floor_silder {
|
|
text-align: center;
|
|
position: relative;
|
|
margin-top: 35px;
|
|
}
|
|
|
|
.floor_silder ul {
|
|
width: 195px;
|
|
height: 225px;
|
|
margin: 0 auto;
|
|
position: relative;
|
|
}
|
|
|
|
.floor_silder .img_first {
|
|
z-index: 100;
|
|
width: 155px;
|
|
height: 225px;
|
|
left: 20px;
|
|
top: 0;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.floor_silder .img_second {
|
|
z-index: 90;
|
|
width: 175px;
|
|
height: 200px;
|
|
left: 10px;
|
|
top: 15px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.floor_silder .img_third {
|
|
z-index: 80;
|
|
width: 195px;
|
|
height: 170px;
|
|
left: 0px;
|
|
top: 30px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.floor_silder li {
|
|
position: absolute;
|
|
width: 195px;
|
|
height: 225px;
|
|
margin: 0 auto;
|
|
-moz-border-radius: 4px;
|
|
border-radius: 4px;
|
|
background-color: #fff;
|
|
}
|
|
|
|
.floor_silder li a {
|
|
display: block;
|
|
height: 205px;
|
|
padding-top: 20px;
|
|
}
|
|
|
|
.floor_silder .caption {
|
|
height: 20px;
|
|
overflow: hidden;
|
|
font-size: 16px;
|
|
line-height: 20px;
|
|
}
|
|
|
|
.floor_silder .sub_tit {
|
|
height: 30px;
|
|
overflow: hidden;
|
|
font-size: 14px;
|
|
color: #666;
|
|
line-height: 30px;
|
|
}
|
|
|
|
.floor_silder li img {
|
|
width: 130px;
|
|
height: 130px;
|
|
margin-top: 5px;
|
|
}
|
|
|
|
img {
|
|
border: 0 none;
|
|
vertical-align: top;
|
|
}
|
|
|
|
.floor_silder .color_mask {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
z-index: -1;
|
|
width: 100%;
|
|
height: 225px;
|
|
-moz-border-radius: 4px;
|
|
border-radius: 4px;
|
|
}
|
|
|
|
.floor_silder .img_first .color_mask {
|
|
background-color: #f89d5d;
|
|
filter: alpha(opacity=0);
|
|
opacity: 0;
|
|
}
|
|
|
|
.floor_silder .img_second .color_mask {
|
|
background-color: #f89d5d;
|
|
filter: alpha(opacity=40);
|
|
opacity: .4;
|
|
}
|
|
|
|
.floor_silder .img_third .color_mask {
|
|
background-color: #f89d5d;
|
|
filter: alpha(opacity=70);
|
|
opacity: .7;
|
|
}
|
|
|
|
.floor_silder .turn_show {
|
|
position: absolute;
|
|
top: 234px;
|
|
left: 80px;
|
|
height: 30px;
|
|
line-height: 30px;
|
|
color: #f8f6f7;
|
|
}
|
|
|
|
.floor_silder .prev_btn,
|
|
.floor_silder .next_btn {
|
|
float: left;
|
|
text-align: center;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.index_iconfont {
|
|
font-family: "iconfont" !important;
|
|
font-size: 16px;
|
|
font-style: normal;
|
|
-webkit-font-smoothing: antialiased;
|
|
-webkit-text-stroke-width: .2px;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
}
|
|
|
|
.floor_silder .show_num {
|
|
float: left;
|
|
padding: 0 10px;
|
|
font-family: "Tahoma";
|
|
font-size: 14px;
|
|
}
|
|
|
|
.floor_silder .show_num span {
|
|
display: inline-block;
|
|
width: 3px;
|
|
height: 3px;
|
|
border: 1px solid #f78a4b;
|
|
background-color: #f78a4b;
|
|
border-radius: 50%;
|
|
margin-left: 2px;
|
|
}
|
|
|
|
.fh2l {
|
|
width: 226px;
|
|
height: 428px;
|
|
box-sizing: border-box;
|
|
margin: 0 auto;
|
|
background: linear-gradient(30deg, #f9ab57 0%, #fab775 32%, #f78a4b 100%);
|
|
}
|
|
|
|
.fh2l_tit {
|
|
font-size: 20px;
|
|
color: #fffefe;
|
|
text-align: center;
|
|
padding-top: 30px;
|
|
}
|
|
|
|
.fh2l_line {
|
|
width: 142px;
|
|
height: 2px;
|
|
background-color: #fff;
|
|
margin: 10px auto;
|
|
}
|
|
|
|
.fh2l_desc {
|
|
font-size: 16px;
|
|
color: #fffefe;
|
|
text-align: center;
|
|
}
|
|
|
|
.floor_silder .show_num .curr {
|
|
border-color: #fff!important;
|
|
background-color: #fff!important;
|
|
}
|
|
|
|
|
|
/*不同楼层左侧商品轮播背景色*/
|
|
|
|
.fh2l .floor_silder .caption {
|
|
color: #f78b4b;
|
|
}
|
|
|
|
.fh2l_2 .floor_silder .caption {
|
|
color: #58aaf7;
|
|
}
|
|
|
|
.fh2l_2 {
|
|
background: linear-gradient(30deg, #56abf7 0%, #7ab9f8 32%, #4da5f7 100%);
|
|
}
|
|
|
|
.fh2l_2 .floor_silder .img_first .color_mask {
|
|
background-color: #add7f5;
|
|
}
|
|
|
|
.fh2l_2 .floor_silder .img_second .color_mask {
|
|
background-color: #add7f5;
|
|
}
|
|
|
|
.fh2l_2 .floor_silder .img_third .color_mask {
|
|
background-color: #add7f5;
|
|
}
|
|
|
|
.fh2l_2 .floor_silder .show_num span {
|
|
border-color: #4da5f7;
|
|
background-color: #4da5f7;
|
|
}
|
|
|
|
.fh2l_5 .floor_silder .caption {
|
|
color: #f35fa9;
|
|
}
|
|
|
|
.fh2l_5 {
|
|
background: linear-gradient(30deg, #ffddef 0%, #fdafd7 32%, #ff88d1 100%);
|
|
}
|
|
|
|
.fh2l_5 .floor_silder .img_first .color_mask {
|
|
background-color: #f5adc9;
|
|
}
|
|
|
|
.fh2l_5 .floor_silder .img_second .color_mask {
|
|
background-color: #f5adc9;
|
|
}
|
|
|
|
.fh2l_5 .floor_silder .img_third .color_mask {
|
|
background-color: #f5adc9;
|
|
}
|
|
|
|
.fh2l_5 .floor_silder .show_num span {
|
|
border-color: #ff88d1;
|
|
background-color: #ff88d1;
|
|
}
|
|
|
|
.fh2l_6 .floor_silder .caption {
|
|
color: #6562f8;
|
|
}
|
|
|
|
.fh2l_6 {
|
|
background: linear-gradient(30deg, #bcb5fd 0%, #bcb5fd 32%, #9a91fc 100%);
|
|
}
|
|
|
|
.fh2l_6 .floor_silder .img_first .color_mask {
|
|
background-color: #b4b3f5;
|
|
}
|
|
|
|
.fh2l_6 .floor_silder .img_second .color_mask {
|
|
background-color: #b4b3f5;
|
|
}
|
|
|
|
.fh2l_6 .floor_silder .img_third .color_mask {
|
|
background-color: #b4b3f5;
|
|
}
|
|
|
|
.fh2l_6 .floor_silder .show_num span {
|
|
border-color: #9a91fc;
|
|
background-color: #9a91fc;
|
|
}
|
|
|
|
.fh2l_8 .floor_silder .caption {
|
|
color: #f56363;
|
|
}
|
|
|
|
.fh2l_8 {
|
|
background: linear-gradient(30deg, #f55757 0%, #f87b7b 32%, #f74c4c 100%);
|
|
}
|
|
|
|
.fh2l_8 .floor_silder .img_first .color_mask {
|
|
background-color: #f7b8b8;
|
|
}
|
|
|
|
.fh2l_8 .floor_silder .img_second .color_mask {
|
|
background-color: #f7b8b8;
|
|
}
|
|
|
|
.fh2l_8 .floor_silder .img_third .color_mask {
|
|
background-color: #f7b8b8;
|
|
}
|
|
|
|
.fh2l_8 .floor_silder .show_num span {
|
|
border-color: #f74c4c;
|
|
background-color: #f74c4c;
|
|
}
|
|
|
|
.fh2l_9 .floor_silder .caption {
|
|
color: #f8b467;
|
|
}
|
|
|
|
.fh2l_9 {
|
|
background: linear-gradient(30deg, #f5a657 0%, #f5bb79 32%, #f5a34b 100%);
|
|
}
|
|
|
|
.fh2l_9 .floor_silder .img_first .color_mask {
|
|
background-color: #f5d3b2;
|
|
}
|
|
|
|
.fh2l_9 .floor_silder .img_second .color_mask {
|
|
background-color: #f5d3b2;
|
|
}
|
|
|
|
.fh2l_9 .floor_silder .img_third .color_mask {
|
|
background-color: #f5d3b2;
|
|
}
|
|
|
|
.fh2l_9 .floor_silder .show_num span {
|
|
border-color: #f5a34b;
|
|
background-color: #f5a34b;
|
|
}
|
|
|
|
.fb2_gitem {
|
|
width: 50%;
|
|
height: 55%;
|
|
display: block;
|
|
box-sizing: border-box;
|
|
border-right: 1px solid #eee;
|
|
border-bottom: 1px solid #eee;
|
|
transition: all ease .4s;
|
|
}
|
|
|
|
.fb2_gitem:hover {
|
|
transform: scale(1.01);
|
|
box-shadow: 0 0 5px #bdbcbc;
|
|
z-index: 22;
|
|
position: relative;
|
|
}
|
|
|
|
.fb2_img {
|
|
width: 100%;
|
|
height: 75%;
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
}
|
|
|
|
.fb2_img img {
|
|
max-width: 100%;
|
|
max-height: 85%;
|
|
position: absolute;
|
|
left: 0;
|
|
right: 0;
|
|
margin: auto;
|
|
top: 0;
|
|
bottom: 0;
|
|
}
|
|
|
|
/*mar lxy 20180409 惠宝折扣样式*/
|
|
.lxy{
|
|
color: #df2002;
|
|
text-align: center;
|
|
}
|
|
|
|
|
|
/* 猜你喜欢 */
|
|
|
|
.like_goods_list {
|
|
margin-top: 55px;
|
|
width: 1200px;
|
|
height: 600px;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.lg_glist {
|
|
width: 100%;
|
|
height: 90%;
|
|
}
|
|
|
|
.lg_glist .fmr_gitem {
|
|
border: none;
|
|
}
|
|
|
|
.lg_glist .fmr_gitem {
|
|
border-right: 1px solid #eee;
|
|
border-bottom: 1px solid #eee;
|
|
}
|
|
|
|
.lg_glist .fmr_gitem:nth-child(5n) {
|
|
border-right: none;
|
|
}
|
|
|
|
.lg_glist .fmr_gitem:nth-child(n+6) {
|
|
border-bottom: none;
|
|
}
|
|
|
|
.lg_tit {
|
|
margin-bottom: 20px;
|
|
height: 30px;
|
|
line-height: 30px;
|
|
width: 100%;
|
|
background-image: url(../img/index_link_bg.png);
|
|
background-repeat: no-repeat;
|
|
background-position: center center;
|
|
text-align: center;
|
|
font-size: 18px;
|
|
color: #333;
|
|
} |