pc-modular.css 1.81 KB
/* 模块化装修,PC端样式 */
.pc-template-area {
    margin-top: 38px;
    height: 100%;
    overflow-y: auto;
}

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

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

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

.pc-template .pc-shop-navbar {
    height: 40px;
    margin-bottom: 30px;
    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;
}

.pc-template .right-area {
    width: 970px;
    float: right;
}

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

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

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

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

.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;
}

.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;
}