pc-modular.css 3.59 KB
.pc-template .pc-shop-banner {
    height: 150px;
    margin-bottom: 0;
    text-align: center;
}

.pc-template .modular-editor {
    margin-bottom: 0px !important; /* PC端不通过编辑框来控制间距 */
}

.pc-shop-banner .logo {
    top: 66px !important;
}

.pc-shop-banner .img-item {
    height: 150px;
    width: 1150px;
}

.pc-template .pc-shop-navbar {
    height: 40px;
    background: #000000;
}

.pc-shop-navbar ul {
    list-style: none;
    margin: 0;
}

.pc-shop-navbar ul li {
    float: left;
    width: 14%;
    line-height: 40px;
    padding: 0 20px;
    font-size: 16px;
    font-family: microsoft yahei;
}

.pc-shop-navbar ul li a {
    color: #FFFFFF;
}

.pc-template .left-area {
    width: 160px;
    display: inline-block;
    margin-top: 30px;
}

.pc-template .right-area {
    width: 970px;
    float: right;
    margin-top: 20px; /* 此处设置为20px,其中的每个模块均设置margin-top: 10px */
}

/* 商品分类列表 */
.left-area .product-sort {
    width: 100%;
    height: 200px;
}

/* 商品分类列表 */
.left-area .pc-search {
    width: 100%;
    height: 45px;
}

/* 整图模块 */
.left-area .pc-image-set {
    width: 160px;
    min-height: 240px;
    text-align: center;
    margin-top: 10px;
}

.pc-image-set .logo {
    top: 111px !important;
}

.pc-image-set .img-item {
    width: 160px;
    height: 240px;
    margin-bottom: 5px;
}

/* 小图文模块 */
.left-area .pc-tele-text {
    width: 160px;
    min-height: 50px;
    margin-top: 10px;
}

.tele-text-item .classic-name {
    width: 96px;
    display: inline-block;
    line-height: 14px;
}

.tele-text-item .classic-name .title {
    font-size: 14px;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    float: left;
    padding-left: 14px;
    margin-top: 15px;
}

.tele-text-item .img-item {
    width: 50px;
    height: 50px;
    float: right;
    margin-bottom: 5px;
}

.pc-tele-text .img-area {
    float: right;
    width: 50px;
    height: 100%;
    background: #E7E7E7;
}

.pc-tele-text .logo {
    top: 15px!important;
    width: 50px;
}

.pc-tele-text .tele-text-item {
    margin-top: 5px;
    height: 50px;
    background: #F5F5F5;
}

/* 轮播图 */
.right-area .pc-carouse-image {
    width: 100%;
    height: 358px;
    text-align: center;
    margin-top: 10px;
}

/* 左侧轮播区域 */
.pc-carouse-image .left {
    width: 660px;
    height: 100%;
    float: left;
}

.pc-carouse-image .left .img-item {
    width: 660px;
    height: 100%;
    display: none;
}

.pc-carouse-image .right {
    width: 300px;
    height: 100%;
    float: right;
}

.pc-carouse-image .right .img-item {
    margin-top: 10px;
}

.pc-carouse-image .logo {
    top: 170px !important;
}

/* 左侧标题模块 */
.left-area .pc-title {
    width: 100%;
    height: 40px;
    margin-top: 10px;
}

.left-area .pc-title .title {
    width: 100%;
    height: 25px;
    line-height: 25px;
    background: #000;
    color: #fff;
    font-family: 黑体;
    font-size: 14px;
}

/* 右侧标题模块 */
.right-area .pc-title {
    width: 100%;
    height: 40px;
    margin-top: 10px;
}

.right-area .pc-title .title {
    margin: 0 auto;
    width: 298px;
    line-height: 35px;
    border: 1px solid #000;
    font-size: 16px;
    text-align: center;
    height: 40px;
}

.right-area .pc-title .header-nav {
    position: absolute;
    padding: 10px 0;
    top: 0;
    right: 6px;
    font-size: 14px;
}

/* 推荐商品列表 */
.right-area .recommend-product {
    width: 100%;
    min-height: 315px;
    text-align: center;
    margin-top: 10px;
}

.right-area .recommend-product .logo {
    top: 148.5px !important;
}