话费
机票
酒店
游戏
加油卡
火车票
众筹
理财
白条
电影票
企业购
礼品卡
00:
00
雷达钟表专场
爆款每满1000减100
品类齐全，轻松购物
多仓直发，极速配送
正品行货，精致服务
天天低价，畅选无忧
Global Site
Сайт России
Situs Indonesia
Sitio de España
เว็บไซต์ประเทศไทย
common.css#
Copy
/* 声明字体图标 */
@font-face {
font-family: 'icomoon';
src: url('../fonts/icomoon.eot?tomleg');
src: url('../fonts/icomoon.eot?tomleg#iefix') format('embedded-opentype'),
url('../fonts/icomoon.ttf?tomleg') format('truetype'),
url('../fonts/icomoon.woff?tomleg') format('woff'),
url('../fonts/icomoon.svg?tomleg#icomoon') format('svg');
font-weight: normal;
font-style: normal;
font-display: block;
}
/* 版心
*0 auto 是使其居中
*/
.w {
width: 1200px;
margin: 0 auto;
}
/* 快捷导航栏 */
.shortcut {
height: 30px;
background-color: #e3e4e5;
line-height: 30px;
}
.fl {
float: left;
}
.fr {
float: right;
}
.shortcut ul li {
float: left;
}
.shortcut .fr ul li:nth-child(even) {
width: 1px;
height: 12px;
background-color: #666;
margin: 9px 15px 0;
}
.loc-icon::before {
content: '\e922';
color: red;
font-family: 'icomoon';
margin-right: 4px;
}
.arrow-icon::after {
content: '\e91e';
font-family: 'icomoon';
margin-left: 4px;
}
/* header */
.header {
position: relative;
height: 140px;
background-color: #fff;
}
.logo {
position: absolute;
top: 5px;
width: 190px;
height: 120px;
}
.logo a {
display: block;
width: 190px;
height: 120px;
background: url(../imges/logo.png) no-repeat;
font-size: 0;
}
.search {
position: absolute;
left: 260px;
top: 25px;
width: 550px;
height: 36px;
border: 2px solid #e2231a;
}
.search input {
left: 0;
padding: 1px 0px 2px 17px;
width: 444px;
height: 32px;
border: 1px solid transparent;
line-height: 26px;
font-size: 12px;
}
.search .vic-btn {
font-size: 0;
}
.search .vic-btn::after {
position: absolute;
right: 75px;
top: 10px;
content: '\e925';
font-family: 'icomoon';
width: 12px;
height: 20px;
line-height: 14px;
font-size: 12px;
text-align: center;
color: #9f9f9f;
cursor: pointer;
}
.search .btn {
float: right;
width: 58px;
height: 32px;
background-color: #e2231a;
}
.search .btn .btn-icon {
font-size: 0;
}
.search .btn .btn-icon::after {
content: "\e986";
font-family: 'icomoon';
color: #fff;
font-size: 16px;
}
.hotword {
position: absolute;
left: 260px;
top: 65px;
width: 550px;
height: 20px;
line-height: 20px;
}
.hotword a {
margin-right: 10px;
color: #999;
}
.shopcar {
position: absolute;
right: 230px;
top: 25px;
width: 132px;
height: 36px;
border: 1px solid #e2231a;
color: #e2231a;
text-align: center;
cursor: pointer;
}
.shopcar p::before {
padding-top: 2px;
content: '\e93a';
font-family: 'icomoon';
font-size: 16px;
color: #e2231a;
margin-right: 10px;
}
.nav1 {
position: absolute;
left: 203px;
bottom: 10px;
height: 40px;
padding-top: 20px;
}
.nav1 a {
font-size: 15px;
color: #333;
margin: 0 10px 0 10px;
padding-left: 1px;
}
.nav1 a:hover {
color: #c81623
}
.avtm {
position: absolute;
bottom: 10px;
right: 0;
width: 192px;
height: 120px;
background: url(../upload/header.png);
cursor: pointer;
}
/* 导航栏 */
.nav {
position: relative;
height: 480px;
margin-top: 10px;
}
.nav .sidebar {
float: left;
width: 190px;
height: 470px;
margin-right: 10px;
background-color: #fefefe;
}
.nav .sidebar ul {
height: 450px;
margin: 10px;
padding-top: 10px;
padding-bottom: 10px;
}
.nav .sidebar ul li {
width: 190px;
height: 25px;
padding-left: 18px;
line-height: 25px;
color: #333;
font: 12px, Microsoft YaHei;
}
.nav .sidebar ul li:hover {
background-color: #e3e4e5;
}
.nav .banner {
float: left;
width: 790px;
height: 470px;
margin-right: 10px;
}
.nav .banner .l-banner img {
float: left;
width: 590px;
height: 470px;
margin-right: 10px;
}
.nav .banner .s-banner img {
width: 190px;
height: 150px;
}
.nav .banner .s-banner .ss-banner {
margin-top: 10px;
margin-bottom: 10px;
}
.nav .column {
float: left;
width: 200px;
height: 470px;
}
.nav .column .logbar {
height: 92px;
background-color: #fff;
}
.nav .column .logbar .login {
height: 47px;
}
.nav .column .logbar .log-img {
float: left;
margin-left: 20px;
margin-right: 10px;
margin-top: 10px;
}
.nav .column .logbar img {
width: 40px;
height: 40px;
border: 1px solid #fff;
border-radius: 50%;
}
.nav .column .logbar .log-text {
position: absolute;
top: 15px;
right: 25px;
}
.nav .column .logbar .log-btn {
text-align: center;
margin-top: 15px;
margin-bottom: 10px;
height: 25px;
}
.nav .column .logbar .log-btn button {
width: 70px;
height: 25px;
margin-left: 5px;
margin-right: 5px;
border-radius: 15px;
font-size: 12px;
}
.nav .column .logbar .log-btn1 {
background-color: #e2231a;
color: #fff;
}
.nav .column .logbar .log-btn2 {
background-color: black;
color: burlywood;
}
.nav .column .logbar .log-btn button:hover {
background-color: #c81623;
color: #fff;
}
.nav .column .news {
margin: 1px 0;
height: 138px;
background-color: #fff;
}
.nav .column .news .news-tit {
padding-top: 15px;
margin-bottom: 13px;
height: 30px;
}
.nav .column .news .news-tit h5 {
font-size: 14px;
margin-left: 15px;
}
.nav .column .news .news-tit a {
position: absolute;
top: 105px;
right: 20px;
}
.nav .column .news .news-tit a::after {
content: "\e920";
font-family: 'icomoon';
font-size: 12px;
color: #666;
}
.nav .column .news ul {
margin: 0 15px;
width: 160px;
height: 88px;
}
.nav .column .news ul li {
margin-bottom: 6px;
/*超出的空白区域不换行*/
white-space: nowrap;
/*超出隐藏*/
overflow: hidden;
/*文本超出显示省略号*/
text-overflow: ellipsis;
}
.nav .column .news .newsword {
font-size: 12px;
height: 16px;
width: 35px;
text-align: center;
line-height: 16px;
display: inline-block;
color: #e2231a;
background-color: rgba(225, 37, 27, .08);
margin-right: 6px;
}
.nav .column .menu {
height: 238px;
padding: 9px 0;
background-color: #fff;
}
.nav .column .menu li {
text-align: center;
float: left;
width: 63px;
height: 55px;
}
.nav .column .menu li span {
display: block;
}
.nav .column .menu img {
width: 28px;
height: 28px;
}
.seckill {
height: 260px;
position: relative;
}
.seckill .time {
float: left;
width: 200px;
height: 100%;
background: url(../imges/seckill.png);
background-repeat: no-repeat;
}
.seckill .adkill {
float: left;
height: 100%;
width: 199px;
margin-right: 1px;
background-color: #fff;
}
.seckill .adkill img {
margin: 30px 30px 0 30px;
width: 140px;
height: 140px;
}
.seckill .l-adkill {
position: relative;
float: left;
width: 200px;
height: 260px;
background-color: #fff;
}
.seckill .l-adkill img {
text-align: center;
width: 120px;
height: 120px;
margin: 20px 30px 0 30px;
}
.time .time-tit {
margin-top: 31px;
height: 35px;
font-size: 30px;
color: #fff;
text-align: center;
}
.time .time-art {
margin-top: 90px;
height: 25px;
text-align: center;
font-size: 18px;
color: #fff;
}
.time .timer {
margin-top: 10px;
text-align: center;
height: 30px;
font-size: 20px;
color: #fff;
}
.time .timer span {
width: 30px;
height: 30px;
background-color: #2f3430;
margin: 0 10px;
}
.adkill .ad-text {
margin: 13px 20px 0 20px;
height: 18px;
text-align: center;
/*超出的空白区域不换行*/
white-space: nowrap;
/*超出隐藏*/
overflow: hidden;
/*文本超出显示省略号*/
text-overflow: ellipsis;
}
.adkill .ad-price {
margin: 7px 20px 0 20px;
border: 1px solid #e2231a;
width: 158px;
height: 22px;
}
.adkill .ad-price span {
display: block;
float: left;
}
.adkill .ad-price .pr1 {
font-size: 14px;
text-align: center;
width: 68px;
background-color: #e2231a;
color: #fff;
height: 21px;
cursor: pointer;
}
.adkill .ad-price .pr2 {
width: 0;
height: 0;
border-top: 20px solid #e2231a;
border-right: 20px solid transparent;
}
.adkill .ad-price .pr3 {
width: 66px;
height: 20px;
text-align: center;
text-decoration: line-through;
color: #666;
cursor: pointer;
}
.l-adkill {
text-align: center;
}
.l-adkill .l-text {
margin-top: 10px;
text-align: center;
font-size: 14px;
}
.l-adkill .l-a-btn {
text-align: center;
margin: 4px auto;
width: 82px;
height: 24px;
border: 1px solid #e2231a;
border-radius: 12px;
color: #e2231a;
cursor: pointer;
}
.l-adkill .l-a-btn :hover {
background-color: #e2231a;
}
.end-fun {
margin: 30px 0;
height: 42px;
}
.end-fun ul li {
float: left;
width: 225px;
height: 42px;
line-height: 42px;
margin: 0 36px;
font-size: 18px;
}
.end-fun img {
width: 36px;
height: 42px;
}
.end-menu {
border-top: 1px solid #999;
height: 200px;
padding: 20px 0;
}
.end-menu h5 {
font-size: 14px;
margin-bottom: 5px;
}
.e-m-1,
.e-m-2,
.e-m-3,
.e-m-4,
.e-m-5 {
width: 198px;
float: left;
}
.e-m-1,
.e-m-2,
.e-m-3,
.e-m-4,
.e-m-5 ul li {
line-height: 22px;
}
.end-end {
height: 262px;
}
.end-end .end-con {
height: 48px;
padding: 15px 60px;
border-top: 1px solid #999;
}
.end-con ul li,
.end-plo ul li,
.end-int ul li,
.end-com ul li,
.end-glb ul li,
.end-ad ul li {
float: left;
text-align: center;
height: 26.6px;
}
.end-con,
.end-plo,
.end-int,
.end-com,
.end-glb,
.end-ad {
height: 26.6px;
}
.end-con ul li:nth-child(even),
.end-plo ul li:nth-child(even),
.end-int ul li:nth-child(even),
.end-com ul li:nth-child(even),
.end-glb ul li:nth-child(even),
.end-ad ul li:nth-child(even) {
width: 1px;
height: 12px;
background-color: #666;
margin: 5.8px 8px 8.8px 8px;
}
.end-plo {
padding: 0 200px 5px 200px;
}
.end-int {
padding: 0 160px 5px 160px;
}
.end-com {
padding: 0px 190px 5px 190px;
}
.end-glb {
padding: 0px 260px 5px 260px;
}
.end-ad {
padding: 0px 500px 0px 500px;
}
.end-img {
padding: 25px 320px;
}
.end-img ul li {
float: left;
}[]()
深圳网站建设www.sz886.com