📄 style.css
字号:
word-wrap:break-word;
color:#333;
line-height:200%;
text-indent:12px;
}
/*搜索页*/
.search-form {
padding:0 10px;
width:96%;
float:left;
}
.search-form .button {
width:160px;
height:30px;
font-size:14px;
}
.search-paixu {
float:right;
margin-right:20px;
margin-top:5px;
height:30px;
}
/*购物车*/
.flow-connet {
padding:5px 15px;
}
.flow-connet table {
border:1px solid #DADADA;
border-collapse:collapse;
}
.flow-connet th {
background-color:#F1F1F1;
padding:4px;
}
.flow-connet .continue {
margin:15px auto;
width:70%;
}
.flow-connet .checkout {
float:right;
margin-top:-25px;
}
.flow-connet a {
color:#0328C1;
font-size:14px;
}
.change-xinxi {
float:right;
padding:2px;
padding-left:10px;
border:1px solid #ccc;
border-left:5px solid #ccc;
margin-right:20px;
}
.flow-submit {
border-top: 1px solid #DADADA;
padding: 20px 0;
text-align:center;
margin-top: 5px;
}
.flow-submit .tijiao {
width:120px;
height:30px;
font-size:14px;
font-weight:bold;
}
.flow-succeed {
padding: 10px;
border-top: 1px solid #DADADA;
text-align: center;
}
.flow-succeed p {
padding:5px;
font-size:14px;
}
/*提示页*/
.message {
text-align:center;
width:400px;
height:240px;
margin:160px auto;
border:1px #6CB8C5 solid;
background: url(images/title_02_bg.gif) repeat-x;
}
.message h3 {
font-size: 14px;
font-weight:bold;
color: red;
padding-top:60px;
margin-bottom:10px;
}
.message p {
padding:10px;
}
/*商品对比页*/
.cotalog-list {
padding:10px;
overflow-x:auto;
width:950px;
border:1px #eee solid;
margin:10px auto;
}
.cotalog-list td {
padding:4px;
text-align:left;
background-color:#FFFFFF;
}
.cotalog-list .center {
text-align:center;
}
.cotalog-list .right {
text-align:right;
}
/*文章页*/
.article-title {
padding:20px 0;
text-align:center;
}
.article-title h1 {
font-size:20px;
font-weight:bold;
margin: 0px;
padding-: 6px 0 0 11px;
}
.article-title hr {
height:1px;
margin:5px;
}
.article-title span {
color:#999999;
}
.article-content {
width:90%;
margin:0 auto;
}
.article-content p {
line-height:180%;
text-indent:2em;
font-size:14px;
}
.article-content ul {
list-style-type:disc;
list-style:inside;
}
.article-content a {
font-size:14px;
text-decoration:underline;
color:#003399;
}
.article-file {
height:20px;
padding-top:8px;
text-align:center;
width:94%;
border:1px #dadada solid;
background-color:#F3F6EB;
margin:0 auto;
}
.article-comments {
border:1px #CCCCCC solid;
margin:5px auto;
background-color:#F9FCFE;
width:94%;
}
.article-comments .title {
padding:6px 0 4px 20px;
font-size:14px;
font-weight:bold;
border-bottom:1px #CCCCCC solid;
}
.article-comments div {
padding:4px;
}
.article-comments .content {
word-break:break-all;
word-wrap:break-word;
color:#000;
line-height:1.6;
text-indent:24px;
overflow:hidden;
}
.article-comments .comments {
border:1px #ccc solid;
background-color:#FFFFCC;
word-break:break-all;
word-wrap:break-word;
color:#003366;
line-height:1.6;
text-indent:24px;
overflow:hidden;
padding:5px;
}
.article-comments .bg2 {
border-bottom:1px #333 dashed;
}
/*文章分类页*/
.a-cat-div {
padding:10px 20px;
border:1px #dadada solid;
}
.a-cat-div h1 {
border-bottom:1px #dadada solid;
padding:5px 0;
font-size:14px;
font-weight:bold;
}
.a-cat-div ul {
list-style:none
}
.a-cat-div li {
line-height:250%;
border-bottom:1px #CCCCCC dashed;
color:#003399
}
.a-cat-div span {
color:#999999;
font-size:12px;
padding:0 10px;
font-family:georgia;
}
.a-cat-div a {
color:#003399;
}
.a-cat-div .author {
color:#CCCCCC;
font-size:12px;
}
/*标签云*/
.tag-cloud {
background-color:#eee;
border:1px #dadada solid;
margin:20px;
padding:20px;
}
/*商品页*/
.goods {
}
/*===========================================
商品分类弹出层
===========================================*/
.catalog-div {
border: 1px solid #d7dabd;
background: #FFF;
display: none;
position: absolute;
padding: 5px 20px;
margin:0;
z-index:999;
}
.catalog-div ul {
padding: 0px;
margin: 0px;
list-style: none;
}
.catalog-div li {
white-space:nowrap;
}
.catalog-div .top-cate {
border-bottom: 1px solid #d7dabd;
margin: 3px auto;
}
.catalog-div .snd-cate {
padding-left: 1em;
}
/*图片的边框*/
img.thumb {
border: 1px solid #a5a5a5;
padding:5px;
margin-right: 15px;
margin-left: 15px;
margin-top: 5px;
margin-bottom: 5px;
}
/*===========================================
附件图标
===========================================*/
.pdfLink {
background: url(images/pdf.gif) no-repeat right center;
}
.docLink {
background: url(images/doc.gif) no-repeat right center;
}
.zipLink {
background-image: url(images/zip.gif);
background-repeat: no-repeat;
background-position: right center;
}
.jpgLink {
background-image: url(images/jpg.gif);
background-repeat: no-repeat;
background-position: right center;
}
.brand_sf {
padding:10px;
border:1px #dadada solid;
clear:both;
min-height:50px;
margin-bottom:10px;
}
*html .brand_sf {
height:30px;
}
/*===========================================
商品详情
===========================================*/
#goods-info {
width:98%;
display:block!important;
display:inline-block;
overflow:hidden!important;
overflow:auto;
margin-bottom:20px;
}
#goods-info dl {
float:left;
margin-top:10px;
margin-left:5px;
}
#goods-info dt {
color:#D44100;
font-size:20px;
font-weight:bold;
margin-bottom:10px;
}
#goods-info dd {
color:#32424F;
line-height:160%;
}
#goods-info .photo {
float:left;
margin-right:20px;
margin-left:10px;
margin-top:40px;
}
#goods-info h2 {
font-size:20px;
font-weight:bold;
margin-bottom:10px;
color:#D44100;
}
#goods-info h2 span {
font-size:14px;
font-weight:normal;
}
#goods-info #leftTime {
color:#f00;
}
.zoom {
margin:5px auto;
text-align:center;
}
#goods-info .zoom a {
text-decoration:underline;
color:#333333;
}
.goods-title {
font-size:14px;
font-weight:bold;
padding:15px 0 5px 30px;
border-top:1px #ccc dashed;
margin-bottom:5px;
margin-top:15px;
color:#CD6702;
}
.tag-from {
width:94%;
}
.tag-from div {
padding:6px;
}
.tag-from a {
color:#0328C1;
}
/*===========================================
商品属性
===========================================*/
#properties {
color:#32424F;
}
#properties th {
background:#F8F8F8;
}
#properties td {
background:#FFF;
}
/*===========================================
商品相册
===========================================*/
#goods-gallery {
padding:10px;
}
#goods-gallery .goods-gallery-outside {
margin-bottom:15px;
width:110px;
height:110px;
background-color:#BBBBBB;
}
#goods-gallery .goods-gallery-inside {
position:relative;
top:5px;
left:5px;
}
.thumb {
border: 1px solid #dadada;
margin: 3px;
padding:3px;
}
.product-list {
color:#244A01;
display:block!important;
display:inline-block;
overflow:hidden!important;
overflow:auto;/*产品列表区域块*/
}
.product-list li {
list-style:none;
margin-bottom:5px;
float:left;
width:160px;
margin-left:8px;/*产品列表区*/
text-align:center;
}
.product-list .photo {
text-align:center;
padding:5px;
margin:10px!important;
margin:3px;
}
.product-list .price {
height:40px;
}
.product-list .name a {
display:block;
height:25px;
padding-top:5px;
color:#0328C1;
font-size:14px;
}
.name14 a {
color:#0328C1;
font-size:14px;
}
/* ==================== 对比商品 ==================== */
#compareBox {
width: 130px;
background: #fff;
padding: 10px 3px 5px;
border: 1px solid #999;
position: absolute;
right:10px;
top:200px;
opacity: 0.8;
filter: progid:DXImageTransform.Microsoft.BasicImage(opacity=0.8);
}
#compareBox input {
color: #FFF;
background: #000;
width: 120px;
padding-top: 3px;
margin-bottom: 5px;
border: 1px solid #000;
cursor:pointer;
}
#compareList {
width: 120px;
margin: 0px;
padding: 0px;
}
#compareList li {
color: #333;
text-align:left;
overflow:hidden;
width: 110px;
white-space:nowrap;
height: 20px;
background: #F1F1F1;
margin: 3px 0;
padding: 3px 5px;
border: 1px solid #999;
}
#compareList li img {
cursor: pointer;
margin-right:3px;
}
.goods_form {
float:right;
margin-right:20px;
}
.goods_form select, .goods_form input {
margin-top:5px;
}
.goods_form span {
margin-top:6px;
}
.good-list {
border: 1px #eee solid;
border-top:none;
margin-top:31px;
}
.good-list .item_list .item {
height:130px;
border-bottom:1px #eee solid;
}
.good-list .item_list .item .pic {
float:left;
margin:12px;
}
.good-list .item_list .item .pic span {
padding:10;
}
.good-list .item_list .item .pic span a {
text-decoration:underline;
}
.good-list .item_list .item .pic img {
height:100px;
width:100px;
}
.good-list .item_list .item .info .name a {
color:#0328C1;
font-size:14px;
}
.good-list .item_list .item .info {
padding:10px;
}
.good-list .item_list .item .info .price {
margin-top:5px;
}
.good-list .item_list .item .info .btnList {
text-align:right;
padding-right:20px;
}
.good-list .item_list .item .info .brief {
margin-top:5px;
}
.good-list .item_grid {
display:block!important;
display:inline-block;
overflow:hidden!important;
overflow:auto;
padding:5px;
border-bottom:1px #eee solid;
}
.good-list .item_grid .item {
width:170px;
height:240px;
float:left;
margin:7px 0 0 7px;
text-align:center;
border:1px #dadada solid;
}
.good-list .item_grid .item .pic img {
margin:10px;
}
.good-list .item_grid .item .name {
padding:4px;
}
.good-list .item_grid .item .name .water_mark {
float:left;
}
.good-list .item .name a {
color:#0328C1;
font-size:14px;
}
.good-list .item_grid .item .brief {
margin-bottom:5px;
text-align:left;
line-height:1.5em;
text-indent:2em;
}
.good-list .item_text .item {
height:70px;
border-bottom:1px #eee solid;
padding:5px;
}
.good-list .item_text .item .price {
margin:4px;
}
.good-list .item_text .item .brief {
margin:4px;
}
.good-list .item_text .item .btnList {
margin-right:20px;
text-align:right;
}
.water_mart {
margin-left:10px;
color:#FF6600;
font-weight:normal;
font-size:14px;
}
.watermark_small {
text-indent: -9999px;
width: 31px;
height: 15px;
margin-right: 10px;
display:block;
float:left;
}
.watermark_promote_small {
background: url(images/watermark_promote_small.png) no-repeat;
}
.watermark_new_small {
background: url(images/watermark_new_small.png) no-repeat;
}
.watermark_best_small {
background: url(images/watermark_best_small.png) no-repeat;
}
.watermark_hot_small {
background: url(images/watermark_hot_small.png) no-repeat;
}
.reg_table table {
width:70%;
margin:0 auto;
}
.reg_table th {
width:40%;
text-align:right;
}
.textInput {
padding:2px;
}
.activity {
margin:6px 15px;
padding:15px;
}
.activity h2 {
font-size:16px;
padding:10px 100px;
padding-top:0px;
}
.activity table {
border-collapse:collapse;
border-color:#ccc;
}
.activity th {
text-align:right;
}
.gallery {
border-bottom:1px #333 solid;
display:block!important;
display:inline-block;
overflow:hidden!important;
overflow:auto;
}
.gallery li {
float:left;
height:100px;
width:100px;
padding:10px;
border-right:1px #333 solid;
list-style:none;
}
.gallery li img {
width:100px;
height:100px;
}
.gallery_img {
text-align:center;
}
.gallery_img p {
margin:20px;
}
.table_list {
border-collapse:collapse;
border-color:#ccc;
border:1px solid;
}
.myship {
text-align:center;
padding:10px;
}
.myship h3 {
height:40px;
line-height:40px;
border-bottom:1px #eaeaea solid;
text-align:left;
padding-left:100px;
font-size:20px;
}
.myship div {
padding:20px;
text-align:left;
padding-left:100px;
}
.tableList {
border-color:#ccc;
border-collapse:collapse;
margin-bottom:10px;
}
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -