﻿.shoparchives-body {
    padding: 1.2rem .2rem .2rem;
}

.shoparchives-body-head {
    height: 1.8rem;
    background: #fff;
    border-radius: 0.1rem;
    margin-bottom: 0.3rem;
}

.shoparchives-body-head div {
    height: 0.9rem;
    line-height: 0.9rem;
    padding: 0 0.3rem;
}

.shoparchives-body-head div img {
    width: 0.75rem;
    height: 0.5rem;
    vertical-align: middle;
    margin-right: 0.15rem;
}

.shoparchives-body-head div span {
    vertical-align: middle;
    color: #49a816;
    font-size: 0.28rem;
}

.shoparchives-body-head div:first-child {
    border-bottom: 1px solid #f5f5f5;
}

.shoparchives-body-main {
    background: #fff;
    border-radius: 0.1rem;
}

.shoparchives-body-main-title {
    overflow: hidden;
    height: 0.9rem;
    line-height: 0.9rem;
    padding-right: 0.1rem;
}

.shoparchives-body-main-title p:first-child {
    float: left;
    font-size: 0.28rem;
    padding-left: 0.3rem;
}

.shoparchives-body-main-title p:first-child span:first-child {
    width: 0.06rem;
    height: 0.3rem;
    background: #ff6700;
    display: inline-block;
    border-radius: 0.03rem;
    margin-right: 0.1rem;
}

.shoparchives-body-main-title p:first-child span {
    vertical-align: middle;
}

.shoparchives-body-main-title p:last-child {
    float: right;
}

.shoparchives-body-main-title p:last-child img {
    width: 0.96rem;
    height: 0.24rem;
    vertical-align: middle;
}

.shoparchives-body-main-title p:last-child span {
    color: #555;
    font-size: 0.2rem;
    vertical-align: middle;
}


.shoparchives-body-main-lists-list {
    padding: 0.3rem;
    font-size: 0.28rem;
    border-top: 1px solid #f5f5f5;
    overflow: hidden;
}

.shoparchives-body-main-lists-list-label {
    color: #555;
    display: inline-block;
    width: 1.2rem;
    float: left;
}

.shoparchives-body-main-lists-list-value {
    color: #333;
    display: inline-block;
    width: 4.8rem;
    float: right;
}


.shoparchives-body-main-foot {
    height: 0.9rem;
    line-height: 0.9rem;
    border-top: 1px solid #f5f5f5;
    padding-left: 0.3rem;
}

.shoparchives-body-main-foot img {
    width: 0.41rem;
    height: 0.41rem;
    margin-right: 0.2rem;
    vertical-align: middle;
}

.shoparchives-body-main-foot a {
    font-size: 0.28rem;
    color: #ff8400;
    vertical-align: middle;
}


.shoparchives-body-foot {
    height: 1.8rem;
    background: #fff;
    border-radius: 0.1rem;
    margin-top: 0.3rem;
}

.shoparchives-body-foot div {
    height: 0.9rem;
    line-height: .9rem;
    padding: 0 .3rem;
}

.shoparchives-body-foot div:first-child {
    border-bottom: 1px solid #f5f5f5;
}

.shoparchives-body-foot div:first-child p span:first-child {
    width: 0.06rem;
    height: 0.3rem;
    background: #ff6700;
    display: inline-block;
    border-radius: 0.03rem;
    margin-right: 0.1rem;
}

.shoparchives-body-foot div:first-child p span {
    vertical-align: middle;
    font-size: .28rem;
}


.shoparchives-body-foot div:last-child a {
    display: block;
    width: 100%;
    height: 100%;
}

.shoparchives-body-foot div:last-child a .license {
    font-size: .28rem;
    float: left;
}

.shoparchives-body-foot div:last-child a p {
    float: right;
    font-size: .24rem;
    color: #999;
}

.shoparchives-body-foot div:last-child a .license p span {
    vertical-align: middle;
}

.shoparchives-body-foot div:last-child a .license p i {
    vertical-align: middle;
    font-size: .2rem;
}