First Commit
This commit is contained in:
进进啊
71
shopping/css/base.css
Normal file
71
shopping/css/base.css
Normal file
@@ -0,0 +1,71 @@
|
||||
/* 把我们所有标签的内外边距清零 */
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
/* css3盒子模型 */
|
||||
box-sizing: border-box;
|
||||
}
|
||||
/* em 和 i 斜体的文字不倾斜 */
|
||||
em,
|
||||
i {
|
||||
font-style: normal
|
||||
}
|
||||
/* 去掉li 的小圆点 */
|
||||
li {
|
||||
list-style: none
|
||||
}
|
||||
|
||||
img {
|
||||
/* border 0 照顾低版本浏览器 如果 图片外面包含了链接会有边框的问题 */
|
||||
border: 0;
|
||||
/* 取消图片底侧有空白缝隙的问题 */
|
||||
vertical-align: middle
|
||||
}
|
||||
|
||||
button {
|
||||
/* 当我们鼠标经过button 按钮的时候，鼠标变成小手 */
|
||||
cursor: pointer
|
||||
}
|
||||
|
||||
a {
|
||||
color: #666;
|
||||
text-decoration: none
|
||||
}
|
||||
|
||||
a:hover {
|
||||
color: #c81623
|
||||
}
|
||||
|
||||
button,
|
||||
input {
|
||||
/* "\5B8B\4F53" 就是宋体的意思 这样浏览器兼容性比较好 */
|
||||
font-family: Microsoft YaHei, Heiti SC, tahoma, arial, Hiragino Sans GB, "\5B8B\4F53", sans-serif;
|
||||
/* 默认有灰色边框我们需要手动去掉 */
|
||||
border: 0;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
body {
|
||||
/* CSS3 抗锯齿形 让文字显示的更加清晰 */
|
||||
-webkit-font-smoothing: antialiased;
|
||||
background-color: #fff;
|
||||
font: 12px/1.5 Microsoft YaHei, Heiti SC, tahoma, arial, Hiragino Sans GB, "\5B8B\4F53", sans-serif;
|
||||
color: #666
|
||||
}
|
||||
|
||||
.hide,
|
||||
.none {
|
||||
display: none
|
||||
}
|
||||
/* 清除浮动 */
|
||||
.clearfix:after {
|
||||
visibility: hidden;
|
||||
clear: both;
|
||||
display: block;
|
||||
content: ".";
|
||||
height: 0
|
||||
}
|
||||
|
||||
.clearfix {
|
||||
*zoom: 1
|
||||
}
|
||||
312
shopping/css/common.css
Normal file
312
shopping/css/common.css
Normal file
@@ -0,0 +1,312 @@
|
||||
/* 申明字体图标 这里需要注意路径的变化*/
|
||||
@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;
|
||||
}
|
||||
/* 版心 */
|
||||
|
||||
.w {
|
||||
width: 1200px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
|
||||
/* 1.导航栏样式开始 */
|
||||
|
||||
.shortcut {
|
||||
/* width: 100%; */
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
background-color: #f1f1f1;
|
||||
}
|
||||
|
||||
.right {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.left {
|
||||
float: left;
|
||||
}
|
||||
.text_center{
|
||||
text-align: center;
|
||||
}
|
||||
.shortcut ul li {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.style_red {
|
||||
color: #c81623;
|
||||
}
|
||||
|
||||
|
||||
/* 选择所有偶数的小li */
|
||||
|
||||
.shortcut .right ul li:nth-child(even) {
|
||||
width: 1px;
|
||||
height: 12px;
|
||||
background-color: #666;
|
||||
margin: 9px 15px 0;
|
||||
}
|
||||
.arrow-icon::after{
|
||||
/* margin-left: 6px; */
|
||||
font-family: 'icomoon';
|
||||
content: '\e91e';
|
||||
|
||||
|
||||
}
|
||||
/* header头部样式制作 */
|
||||
.header{
|
||||
position: relative;
|
||||
height: 105px;
|
||||
/* background-color: skyblue; */
|
||||
}
|
||||
.header .logo{
|
||||
position: absolute;
|
||||
line-height: 105px;
|
||||
left: 0;
|
||||
}
|
||||
.search{
|
||||
position: absolute;
|
||||
width: 540px;
|
||||
height: 38px;
|
||||
left: 0;
|
||||
top: -25px;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
margin: auto;
|
||||
}
|
||||
.search input{
|
||||
border: 2px solid #b1191a;
|
||||
border-right: 0;
|
||||
width: 460px;
|
||||
height: 38px;
|
||||
border-radius: 0;
|
||||
padding-left: 10px;
|
||||
|
||||
}
|
||||
.search button{
|
||||
float: right;
|
||||
border-radius: 0;
|
||||
height: 100%;
|
||||
width: 80px;
|
||||
background-color: #b1191a;
|
||||
font-size: 16px;
|
||||
color: #ffffff;
|
||||
}
|
||||
.shopping_car{
|
||||
position: absolute;
|
||||
height: 38px;
|
||||
width: 140px;
|
||||
top: 20px;
|
||||
right: 63px;
|
||||
background-color:#f7f7f7;
|
||||
line-height: 38px;
|
||||
text-align: center;
|
||||
border: 1px solid #dfdfdf;
|
||||
|
||||
}
|
||||
.shopping_car::before{
|
||||
font-family: 'icomoon';
|
||||
content: '\e93a';
|
||||
font-size: 20px;
|
||||
color:#b1191a;
|
||||
}
|
||||
|
||||
|
||||
.shopping_car a{
|
||||
float: right;
|
||||
margin-right: 20px;
|
||||
font-weight: 400;
|
||||
}
|
||||
.search_content{
|
||||
position: absolute;
|
||||
width: 540px;
|
||||
height: 20px;
|
||||
left: 0;
|
||||
top: 50px;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
margin: auto;
|
||||
}
|
||||
.search_content ul li a{
|
||||
margin-left: 20px;
|
||||
}
|
||||
.count{
|
||||
top: -5px;
|
||||
left: 100px;
|
||||
position: absolute;
|
||||
height: 15px;
|
||||
line-height: 14px;
|
||||
color: white;
|
||||
background-color: #b1191a;
|
||||
padding: 0 5px;
|
||||
border-radius: 7px 7px 7px 0;
|
||||
}
|
||||
.nav{
|
||||
height: 47px;
|
||||
border-bottom: 2px solid #b1191a;
|
||||
}
|
||||
.nav .dropdown{
|
||||
float: left;
|
||||
width: 210px;
|
||||
height: 45px;
|
||||
background-color: #b1191a;
|
||||
}
|
||||
|
||||
.nav .navtimes{
|
||||
float: left;
|
||||
height: 45px;
|
||||
line-height: 45px;
|
||||
}
|
||||
.nav .navtimes ul li{
|
||||
float: left;
|
||||
}
|
||||
.nav .navtimes ul li a{
|
||||
height: 45px;
|
||||
padding: 0 25px;
|
||||
font-size: 16px;
|
||||
}
|
||||
.nav .navtimes ul li {
|
||||
color: #b1191a;
|
||||
}
|
||||
|
||||
.dropdown .dt{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
color: #ffffff;
|
||||
line-height: 45px;
|
||||
text-align: center;
|
||||
font-size: 16px;
|
||||
}
|
||||
.dropdown .dd{
|
||||
/* display: none; */
|
||||
/* overflow: hidden; */
|
||||
width: 210px;
|
||||
height: 465px;
|
||||
background-color: #c81623;
|
||||
|
||||
}
|
||||
.dropdown .dd ul li:hover{
|
||||
background-color: #ffffff;
|
||||
|
||||
}
|
||||
.dropdown .dd ul li:hover a{
|
||||
color: #c81623;
|
||||
}
|
||||
.dropdown .dd ul li{
|
||||
height: 31px;
|
||||
line-height: 31px;
|
||||
margin-left: 2px;
|
||||
padding-left: 10px;
|
||||
|
||||
}
|
||||
.dropdown .dd ul li::after{
|
||||
content: '\e920';
|
||||
font-family: 'icomoon';
|
||||
float: right;
|
||||
color: #ffffff;
|
||||
margin-right: 5px;
|
||||
}
|
||||
.dropdown .dd ul li:hover::after{
|
||||
color: #c81623;
|
||||
}
|
||||
.dropdown .dd ul li a{
|
||||
font-size: 14px;
|
||||
color: #ffffff;
|
||||
}
|
||||
.footer{
|
||||
/* position: absolute;
|
||||
bottom: 0;
|
||||
top: 1000px; */
|
||||
width: 100%;
|
||||
height: 415px;
|
||||
background-color: #f5f5f5;
|
||||
padding-top: 30px;
|
||||
}
|
||||
.mod_service{
|
||||
height: 80px;
|
||||
border-bottom: 1px solid #ccc;
|
||||
}
|
||||
.mod_service .service_text{
|
||||
margin-top: 5px;
|
||||
}
|
||||
.mod_service ul li {
|
||||
float: left;
|
||||
width: 300px;
|
||||
height: 50px;
|
||||
/* background-color: pink; */
|
||||
padding-left: 35px;
|
||||
}
|
||||
.mod_service ul li h5{
|
||||
float: left;
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
margin-right: 8px;
|
||||
background: url(../images/icons.png) no-repeat;
|
||||
}
|
||||
.zhengpin{
|
||||
background-position: -253px -3px !important;
|
||||
}
|
||||
.wuliu{
|
||||
background-position: -255px -53px !important;
|
||||
}
|
||||
.shouhou{
|
||||
background-position: -257px -105px !important;
|
||||
}
|
||||
.help{
|
||||
background-position: -257px -157px !important;
|
||||
}
|
||||
.service_text h4{
|
||||
font-size: 16px;
|
||||
font-weight: 800;
|
||||
}
|
||||
.service_text p{
|
||||
font-size: 12px;
|
||||
}
|
||||
.mod_help{
|
||||
/* padding-left: 20px; */
|
||||
height: 190px;
|
||||
border-bottom: 1px solid #ccc;
|
||||
/* margin-left: 5px; */
|
||||
}
|
||||
|
||||
.mod_help dl{
|
||||
float: left;
|
||||
margin-right: 50px;
|
||||
margin-top: 25px;
|
||||
margin-left: 50px;
|
||||
}
|
||||
.mod_help dl dt{
|
||||
font-size: 16px;
|
||||
padding-bottom: 15px;
|
||||
font-weight: 600;
|
||||
}
|
||||
.mod_help dl dt dd a{
|
||||
font-size: 14px;
|
||||
color: black;
|
||||
}
|
||||
.mod_copyright{
|
||||
height: 50px;
|
||||
/* font-size: 10px; */
|
||||
margin-left: 5px;
|
||||
}
|
||||
.mod_copyright a{
|
||||
line-height: 50px;
|
||||
border-right: 1px solid #666;
|
||||
margin: 15px 0px;
|
||||
padding: 0 15px;
|
||||
}
|
||||
.mod_copyright a:last-child{
|
||||
border: 0;
|
||||
}
|
||||
.lifeservice ul li{
|
||||
float: left;
|
||||
overflow: hidden;
|
||||
}
|
||||
356
shopping/css/index.css
Normal file
356
shopping/css/index.css
Normal file
@@ -0,0 +1,356 @@
|
||||
@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;
|
||||
}
|
||||
.main{
|
||||
width: 980px;
|
||||
height: 455px;
|
||||
/* background-color: pink; */
|
||||
margin-left: 220px ;
|
||||
margin-top: 8px;
|
||||
}
|
||||
.focus{
|
||||
width: 721px;
|
||||
height: 455px;
|
||||
float: left;
|
||||
/* background-color: skyblue; */
|
||||
}
|
||||
.newsflash{
|
||||
width: 250px;
|
||||
height: 455px;
|
||||
/* background-color: purple; */
|
||||
float: right;
|
||||
/* border: 1px solid #e4e4e4; */
|
||||
}
|
||||
.news{
|
||||
height: 165px;
|
||||
border: 1px solid #e4e4e4;
|
||||
/* background-color: pink; */
|
||||
}
|
||||
.lifeservice{
|
||||
|
||||
height: 209px;
|
||||
/* background-color: red; */
|
||||
margin-top: 7px;
|
||||
border: 1px solid #e4e4e4;
|
||||
border-left: 0;
|
||||
border-bottom: 0;
|
||||
}
|
||||
.lifeservice nav ul li{
|
||||
float: left;
|
||||
width: 62px;
|
||||
height: 68px;
|
||||
border: 1px solid #e4e4e4;
|
||||
border-top: 0;
|
||||
border-right: 0;
|
||||
text-align: center;
|
||||
}
|
||||
.lifeservice nav ul li i{
|
||||
margin-top: 12px;
|
||||
display: inline-block;
|
||||
width: 24px;
|
||||
height: 28px;
|
||||
background: url(../images/icons.png) no-repeat;
|
||||
}
|
||||
|
||||
.news-hd{
|
||||
height: 35px;
|
||||
line-height: 35px;
|
||||
border-bottom: 1px dotted #e4e4e4;
|
||||
}
|
||||
.news-hd h3{
|
||||
float: left;
|
||||
margin-left: 15px;
|
||||
}
|
||||
.news-hd a{
|
||||
float: right;
|
||||
margin-right: 15px;
|
||||
|
||||
}
|
||||
.news-bd{
|
||||
height: 130px;
|
||||
/* backgrou
|
||||
nd-color: skyblue; */
|
||||
}
|
||||
.news-bd nav ul li{
|
||||
margin-top: 6px;
|
||||
margin-left: 15px;
|
||||
/* 让超出文字变为三个点 */
|
||||
|
||||
/* 隐藏超出部分 */
|
||||
overflow: hidden;
|
||||
/* 禁止换行 */
|
||||
white-space: nowrap;
|
||||
/* 超出部分改为省略号 */
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
.recom{
|
||||
margin-top: 12px;
|
||||
height:163px;
|
||||
background-color: #ebebeb;
|
||||
}
|
||||
.recom_hd{
|
||||
float: left;
|
||||
width: 206px;
|
||||
height: 163px;
|
||||
text-align: center;
|
||||
padding-top: 30px;
|
||||
background-color:#5c5251
|
||||
}
|
||||
.recom_bd{
|
||||
float: left;
|
||||
width: 994px;
|
||||
height: 163px;
|
||||
}
|
||||
.recom_bd nav ul li{
|
||||
position: relative;
|
||||
float: left;
|
||||
width: 246px;
|
||||
height: 163px;
|
||||
margin-right: 1px;
|
||||
}
|
||||
.recom_bd nav ul li a img{
|
||||
width: 246px;
|
||||
height: 163px;
|
||||
}
|
||||
.recom_bd ul li::after{
|
||||
content: '';
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 10px;
|
||||
width: 1px;
|
||||
height: 145px;
|
||||
background-color: #ddd;
|
||||
}
|
||||
.recom_bd ul li:nth-child(4){
|
||||
width: 0;
|
||||
height: 0;
|
||||
}
|
||||
.guess_you_like{
|
||||
height: 280px;
|
||||
margin-top: 20px;
|
||||
}
|
||||
.guess_you_like .taitou{
|
||||
height: 33px;
|
||||
line-height: 33px;
|
||||
/* border-bottom: 1px solid #e4e4e4; */
|
||||
}
|
||||
.guess_you_like .taitou h4{
|
||||
float: left;
|
||||
font-size: 18px;
|
||||
font-weight: 400;
|
||||
}
|
||||
.guess_you_like .taitou a{
|
||||
float: right;
|
||||
}
|
||||
.guess_you_like .taitou a::after{
|
||||
padding-left: 5px;
|
||||
content: '\ea2e';
|
||||
font-family: 'icomoon';
|
||||
}
|
||||
.guess_you_like .introduce{
|
||||
border: 1px solid #e4e4e4;
|
||||
height: 233px;
|
||||
|
||||
}
|
||||
.guess_you_like .introduce nav ul li{
|
||||
float: left;
|
||||
position: relative;
|
||||
width: 180px;
|
||||
margin-top: 15px;
|
||||
margin-left: 19px;
|
||||
|
||||
}
|
||||
|
||||
.guess_you_like .introduce nav ul li::after{
|
||||
content: '';
|
||||
position: absolute;
|
||||
right: 10px;
|
||||
top: 140px;
|
||||
width: 1px;
|
||||
height: 60px;
|
||||
background-color: #ddd;
|
||||
|
||||
}
|
||||
.guess_you_like .introduce nav ul li:nth-child(6)::after{
|
||||
width: 0;
|
||||
height: 0;
|
||||
}
|
||||
.guess_you_like .introduce nav ul li img{
|
||||
/* width: 150px; */
|
||||
height: 140px;
|
||||
padding-bottom: 15px;
|
||||
}
|
||||
.guess_you_like .introduce nav ul li a span{
|
||||
font-size: 18px;
|
||||
}
|
||||
/* 家用电器模块 */
|
||||
.box_hd{
|
||||
height: 30px;
|
||||
border-bottom: 2px solid #c81623;
|
||||
}
|
||||
.box_hd h3{
|
||||
float: left;
|
||||
font-size: 18px;
|
||||
color: #c81623;
|
||||
font-weight: 400;
|
||||
}
|
||||
.tab_list{
|
||||
float: right;
|
||||
line-height: 30px;
|
||||
}
|
||||
.tab_list ul li{
|
||||
float: right;
|
||||
}
|
||||
.tab_list ul li a{
|
||||
margin: 0 15px;
|
||||
}
|
||||
.floor .w{
|
||||
margin-top: 30px;
|
||||
}
|
||||
.box_bd{
|
||||
height: 360px;
|
||||
/* background-color: paleturquoise; */
|
||||
}
|
||||
.tab_list_item>div{
|
||||
float: left;
|
||||
}
|
||||
.col_210{
|
||||
height: 360px;
|
||||
width: 210px;
|
||||
background-color: #f9f9f9;
|
||||
text-align: center;
|
||||
}
|
||||
.col_210 ul{
|
||||
padding-left: 12px;
|
||||
}
|
||||
.col_210 a img{
|
||||
margin-top: 26px;
|
||||
}
|
||||
.col_210 ul li {
|
||||
float: left;
|
||||
width: 85px;
|
||||
height: 34px;
|
||||
border-bottom: 1px solid #ccc;
|
||||
margin-right: 10px;
|
||||
text-align: center;
|
||||
line-height: 33px;
|
||||
}
|
||||
.col_329{
|
||||
width: 329px;
|
||||
}
|
||||
.col_329 a img{
|
||||
width: 329px;
|
||||
height: 360px;
|
||||
}
|
||||
.col_221{
|
||||
width: 221px;
|
||||
height: 360px;
|
||||
border-bottom: 1px solid #ededed;
|
||||
border-right: 1px solid #ededed;
|
||||
}
|
||||
|
||||
.col_221 .ad_top{
|
||||
position: relative;
|
||||
height: 180px;
|
||||
border-bottom: 1px solid #ededed;
|
||||
}
|
||||
.col_221 .ad_bottom{
|
||||
position: relative;
|
||||
height: 180px;
|
||||
|
||||
}
|
||||
.col_221 .ad_bottom img{
|
||||
position: absolute;
|
||||
top: 75px;
|
||||
right: 0px;
|
||||
|
||||
}
|
||||
.col_221 a p{
|
||||
font-size: 16px;
|
||||
padding-left: 17px;
|
||||
padding-top: 15px;
|
||||
|
||||
}
|
||||
.col_221 a span{
|
||||
font-size: 14px;
|
||||
padding-left: 17px;
|
||||
}
|
||||
.col_221 .ad_top img{
|
||||
position: absolute;
|
||||
top: 90px;
|
||||
right: 0;
|
||||
|
||||
}
|
||||
.col_219{
|
||||
width: 219px;
|
||||
}
|
||||
.col_219 .ad_top1{
|
||||
position: relative;
|
||||
height: 180px;
|
||||
/* border-bottom: 1px solid #ededed; */
|
||||
}
|
||||
.col_219 .ad_bottom1{
|
||||
position: relative;
|
||||
height: 180px;
|
||||
border: 1px solid #ededed;
|
||||
border-left: 0;
|
||||
}
|
||||
.col_219 a p{
|
||||
position: a;
|
||||
font-size: 16px;
|
||||
padding-left: 17px;
|
||||
padding-top: 15px;
|
||||
|
||||
}
|
||||
.col_219 a span{
|
||||
position:absolute;
|
||||
font-size: 14px;
|
||||
padding-left: 17px;
|
||||
z-index: 1;
|
||||
}
|
||||
.col_219 .ad_top1 a img{
|
||||
position: absolute;
|
||||
top: 90px;
|
||||
right: 0px;
|
||||
}
|
||||
.col_219 .ad_bottom1 a img{
|
||||
position: absolute;
|
||||
top: 35px;
|
||||
right: 0px;
|
||||
}
|
||||
|
||||
.col_221 .ad_tv a {
|
||||
text-align: center;
|
||||
display: block;
|
||||
margin-top: 72px;
|
||||
|
||||
}
|
||||
.col_221 .ad_tv a p{
|
||||
font-size: 18px;
|
||||
|
||||
}
|
||||
.col_221 .ad_tv a span{
|
||||
/* text-align: center; */
|
||||
font-size: 16px;
|
||||
color: #999999;
|
||||
|
||||
|
||||
}
|
||||
.col_221 .ad_tv a img{
|
||||
margin: 82px 22px 54px 22px;
|
||||
}
|
||||
|
||||
.enterprise_trademark img{
|
||||
margin-top: 20px;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
129
shopping/css/list.css
Normal file
129
shopping/css/list.css
Normal file
@@ -0,0 +1,129 @@
|
||||
/* 列表页专有的css */
|
||||
.miaosha{
|
||||
width: 71px;
|
||||
height: 32px;
|
||||
/* background-color: pink; */
|
||||
border-left: 1px solid #b1191a;
|
||||
position: absolute;
|
||||
top: 40px;
|
||||
left: 185px;
|
||||
}
|
||||
.miaosha img{
|
||||
float: right;
|
||||
margin: 3px 0;
|
||||
}
|
||||
.sk_list{
|
||||
float: left;
|
||||
width: 388px;
|
||||
height: 32px;
|
||||
/* background-color: pink; */
|
||||
}
|
||||
.sk_list ul li a{
|
||||
float: left;
|
||||
font-size: 16px;
|
||||
line-height: 32px;
|
||||
font-weight: bolder;
|
||||
margin: 0 25px;
|
||||
color: black;
|
||||
}
|
||||
|
||||
.sk_con{
|
||||
float: left;
|
||||
width: 800px;
|
||||
height: 32px;
|
||||
}
|
||||
.sk_con ul{
|
||||
position: relative;
|
||||
}
|
||||
.sk_con ul li a{
|
||||
float: left;
|
||||
font-size: 14px;
|
||||
line-height: 35px;
|
||||
margin:0 20px;
|
||||
}
|
||||
|
||||
.sk_con ul li:last-child a::after{
|
||||
content: '\e91e';
|
||||
font-family: 'icomoon';
|
||||
}
|
||||
.total{
|
||||
margin: 7px 13px 13px 13px;
|
||||
}
|
||||
.sk_bd{
|
||||
height: 459px;
|
||||
|
||||
|
||||
}
|
||||
|
||||
.sk_bd ul li {
|
||||
float: left;
|
||||
margin-top: 25px;
|
||||
width: 289px;
|
||||
height: 459px;
|
||||
margin-right: 13px;
|
||||
border: 1px solid transparent;
|
||||
}
|
||||
.sk_bd ul li:nth-child(4n){
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
.sk_bd ul li:hover{
|
||||
border: 1px solid #e12228;
|
||||
|
||||
}
|
||||
|
||||
.sk_bd ul li img{
|
||||
display: block;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.phone_price{
|
||||
margin-top: 6px;
|
||||
}
|
||||
.phone_price a p{
|
||||
font-size: 22px;
|
||||
|
||||
}
|
||||
.phone_price a p span{
|
||||
font-size: 14px;
|
||||
color: #a4a4a4;
|
||||
text-decoration: line-through;
|
||||
padding-left: 6px;
|
||||
}
|
||||
|
||||
.sell{
|
||||
position: relative;
|
||||
margin: 0 auto;
|
||||
height: 14px;
|
||||
border: 1px solid #e12228;
|
||||
border-radius: 5px;
|
||||
width: 133px;
|
||||
margin-top: 8px;
|
||||
line-height: 14px;
|
||||
}
|
||||
.sell-in{
|
||||
width: 89%;
|
||||
height: 100%;
|
||||
border-radius: 4px;
|
||||
background-color: #e12228;
|
||||
}
|
||||
.yishou{
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: -58px;
|
||||
}
|
||||
.shengyu{
|
||||
position: absolute;
|
||||
top: -2px;
|
||||
right: -58px;
|
||||
}
|
||||
|
||||
.sk_bd ul li button{
|
||||
width: 100%;
|
||||
height: 50px;
|
||||
background-color: #b1191a;
|
||||
text-align: center;
|
||||
border-radius: 0;
|
||||
color: white;
|
||||
}
|
||||
|
||||
129
shopping/css/register.css
Normal file
129
shopping/css/register.css
Normal file
@@ -0,0 +1,129 @@
|
||||
.w{
|
||||
width: 1200px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
.style_red{
|
||||
color: #c81523;
|
||||
}
|
||||
header {
|
||||
height: 84px;
|
||||
border-bottom: 2px solid #c81523;
|
||||
}
|
||||
.logo{
|
||||
padding-top: 20px;
|
||||
}
|
||||
.registerarea{
|
||||
height: 520px;
|
||||
margin-top: 20px;
|
||||
border: 1px solid #dfdfdf;
|
||||
}
|
||||
.zhuce_hd{
|
||||
height: 40px;
|
||||
background-color: #ececec;
|
||||
border-bottom: 1px solid #dfdfdf;
|
||||
/* line-height: 40px; */
|
||||
}
|
||||
.zhuce_hd h3{
|
||||
float: left;
|
||||
font-size: 18px;
|
||||
color: #333333;
|
||||
margin: 8px;
|
||||
}
|
||||
.zhuce_hd p{
|
||||
float: right;
|
||||
font-size: 14px;
|
||||
margin: 8px;
|
||||
}
|
||||
.mod_copyright{
|
||||
height: 50px;
|
||||
/* font-size: 10px; */
|
||||
margin-left: 113px;
|
||||
}
|
||||
.mod_copyright a{
|
||||
line-height: 50px;
|
||||
border-right: 1px solid #666;
|
||||
margin: 15px 0px;
|
||||
padding: 0 15px;
|
||||
}
|
||||
.mod_copyright a:last-child{
|
||||
border: 0;
|
||||
}
|
||||
.mod_conection{
|
||||
text-align: center;
|
||||
}
|
||||
.reg_form{
|
||||
|
||||
width: 600px;
|
||||
/* background-color: pink; */
|
||||
margin: 50px auto 0;
|
||||
}
|
||||
.reg_form ul li{
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
.reg_form ul li label{
|
||||
display:inline-block;
|
||||
width: 88px;
|
||||
text-align: right;
|
||||
}
|
||||
.reg_form ul li input{
|
||||
width: 242px;
|
||||
height: 37px;
|
||||
border: 1px solid #ccc;
|
||||
|
||||
}
|
||||
.error{
|
||||
color: #c81523;
|
||||
}
|
||||
.error_icon,.success_icon{
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
background: url(../images/矩形8.png) no-repeat;
|
||||
margin-top: -2px;
|
||||
|
||||
}
|
||||
|
||||
.success{
|
||||
color: green;
|
||||
}
|
||||
.safe{
|
||||
padding-left: 170px;
|
||||
}
|
||||
.safe em{
|
||||
padding: 0 12px;
|
||||
color: #fff;
|
||||
/* background-color: pink; */
|
||||
}
|
||||
.ruo{
|
||||
background-color: #de1111;
|
||||
}
|
||||
.zhong{
|
||||
background-color: #40b83f;
|
||||
}
|
||||
.qiang{
|
||||
background-color: #f79100;
|
||||
}
|
||||
.agree{
|
||||
padding-left: 95px;
|
||||
}
|
||||
.agree a{
|
||||
color: #1ba1e6;
|
||||
}
|
||||
#pasd{
|
||||
width: 15px ;
|
||||
height: 15px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
#btn{
|
||||
/* display: block; */
|
||||
margin: 30px 0 0 70px;
|
||||
width: 200px;
|
||||
height: 34px;
|
||||
font-size: 14px;
|
||||
line-height: 34px;
|
||||
text-align: center;
|
||||
color: white;
|
||||
background-color: #c81523;
|
||||
border-radius: 0;
|
||||
}
|
||||
Reference in New Issue
Block a user