body {
    background:#ffffff;
    margin:0;
    padding:0;
}
.nav {

    height:40px;
    text-align:center;
    padding-top:10px;
    background-color:#f9f9f9;
}

.brand, .recommendation, .choose_buy {
    width:29%;
    padding:0 6px;
    padding-top:10px;
    float:left;
}
.brand a, .recommendation a, .choose_buy a {
    display:block;

    text-decoration: none;

}
.brand p, .recommendation p, .choose_buy p {

    font-size:14px;

    color:#000;
}
.line_bl, .line_cb, .line_rec {
    background:red;
    width:34px;
    height:3px;
    margin:0px auto;
    margin-top: 6px;
}

/* brandList.html */
.brand_text {
    padding:8px 16px;
    padding-bottom: 14px;
    line-height: 20px;
    font-size:12px;
    color:#696969;
}
.foot_line {
    height:10px;
    background-color:#efeff7;
}
.brand_list ul .brand_item {
    height:130px;
    padding-top:6px;
    background:#ececec;
}
.brand_item a {
    height:100px;
    padding:15px 0;
    text-decoration:none;
    display:block;
    padding-left:16px;
    padding-right:10px;
    overflow: hidden;
    background:#fff;
}
.brand_item a .item_img {
    width: 100px;
    float:left;
}
.brand_item a .item_img img {
    width:100%;
    margin-top:10px;
}
.brand_item a .list_num {
    width:20px;
    height:20px;
    text-align:center;
    color:#ffffff;
    line-height:20px;
    font-size:12px;
}
.brand_item a .item_content {
    width:50%;
    height:60px;
    padding-top:20px;
    padding-left:18px;
    float:left;
}
.item_content div {
    position:relative;
}
.item_content div .item_name {
    font-size:18px;
    font-weight:bold;
    color:#000;
    line-height:30px;
}
.item_content div .item_star {
    margin-left:10px;
    position:absolute;
    top:24%;
}
.item_content div .item_star .star{
    height:15px;
}
.item_content p {
    font-size:12px;
    margin-top:16px;
    color:#b9b9b9;
}
.brand_item a .item_icon {
    width:25px;
    height:100%;
    text-align:center;
    float:right;
    line-height: 100px;
}
.brand_item a .item_icon .iconfont {
    font-size:24px;
    color:#999;
}

/* recommendation.html */
.rec {
    width:100%;
    height:73px;
    background-color:#fff;
}
.rec img {
    width:80px;
    margin:0 8px;
    margin-top:26px;
    margin-bottom:10px;
    float:left;
}
.rec div {
    float:left;
    margin-top:10px;
    margin-bottom:10px;
}




.rec div .rec_name {
    font-size: 18px;
    font-weight:600;
}
.rec div .rec_ranking {
    font-size: 10px;
    padding:10px 0;
    color:#aeaeae;
    letter-spacing:1px;
}
.rec div .rec_ranking .iconfont {
    font-size:10px;
}
.rec_content {
    padding:14px;
    position:relative;
    background-color:#fff;
}
.rec_content p {
    /* height: 40px; */
    font-size:12px;
    letter-spacing:2px;
    line-height: 20px;
    color:#aeaeae;
    overflow:hidden;
}
.rec_content a {
    font-size:12px;
    letter-spacing:2px;
    color:#aeaeae;
    background: linear-gradient(to right, transparent 0, #fff 22%);
    /* line-height:50px; */
    padding:2px 0;
    padding-left:20px;
    position:absolute;
    right:10px;
    bottom:10px;

}
.rec_content a .iconfont {
    font-size:10px;
    margin-left:2px;
}
.rec_zk {
    background-color:#efeff3;
    padding-top:10px;
}
.rec_zk .zk_title {
    font-size:18px;
    padding:14px 20px;
    background-color:#fff;
}
.rec_zk ul .zk_item {
    background-color:#fff;
    margin-top:2px;
}
.zk_item a {
    height: 120px;
    padding-top: 10px;
    padding-left:14px;
    padding-right:6px;
    text-decoration: none;
    display: block;
overflow: hidden;
}
.zk_item a img {
    width:100px;
    float:left;
    margin-top: 10px;
}
.zk_item a .content {
    width:60%;
    float:left;
    margin-left:10px;
}
.zk_item a .content .title {
    font-size:14px;
    color:#000;
    line-height: 25px;
    letter-spacing:1px;
    font-weight:500;
    overflow: hidden;
    text-overflow: ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    margin-bottom: 6px;
}
.zk_item a .content .wztitle {
    height: 40px;
    font-size:16px;
    color:#000;
    line-height: 20px;
    letter-spacing:1px;
    font-weight:500;
    overflow: hidden;
    text-overflow: ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    margin-bottom: 6px;
}
.zk_item a .content .title2
{
    font-size:12px;
    color:#999;
    height:32px;
    line-height:16px;
    }
    .zk_item a .content .bd_date
{
    font-size:12px;
    line-height:20px;
    margin-top:10px;
    color:#999;
    }
.zk_item a .content .zk_price {
    font-size:16px;
    color:#ff0000;
    letter-spacing:2px;
    /* margin-top:10px; */
}
.zk_item a .content .bd_price {
    font-size:16px;
    color:#ff0000;
    margin-top:10px;
}
.zk_item a .content .tip {
    font-size:12px;
    color:#aeaeae;
    margin-top: 10px;
    letter-spacing:1px;
}
.rec_zk .list_foot {
    height:40px;
    background-color:#fff;
    margin-top:4px;
}
.list_foot a {
    height: 20px;
    padding:10px 0;
    padding-left:14px;
    text-decoration: none;
    display: block;
}
.list_foot a p {
    float:left;
    font-size:14px;
}
.list_foot a div {
    float:right;
    margin-right:10px;
    height:100%;
    line-height: 20px;
}
.list_foot a div .iconfont {
    font-size:14px;
}

/* choose_buy.html */
.choose_list {
    /* padding-left:14px; */
    /* padding-right:14px; */
    background-color:#fff;
}
.choose_list ul .choose_item {
    padding: 20px 20px 0px 20px;
    /* padding-top:10px; */
    border-bottom: 2px solid #eee;
}
.choose_list ul .choose_item a {
    display:block;
}
.choose_list ul .choose_item p {
    font-size: 16px;
    font-weight: 600;
}
.choose_list ul .choose_item div {
    font-size:12px;
    color: #999;
    line-height:24px;
    padding: 10px 0 10px 0px;
}
.line_clear {
    height:2px;
    background-color:#eeeeee;
}
.foot_pro {
    height:70px;
    background-color:#fff;
    padding-left: 14px;
}
.foot_pro a {
    height:50px;
    padding:8px 0;
    text-decoration:none;
    display:block;
    padding-left:10px;
    padding-right:10px;
}
.foot_pro a .foot_num {
    text-align:center;
    color:#ffffff;
    font-size:12px;
    padding:4px;
    background-color:#cacaca;
    float:left;
}
.foot_pro a .foot_content {
    width:60%;
    float:left;
    padding-left:10px;
    padding-top:5px;
}
.foot_pro a .foot_content span {
    font-size:14px;
    font-weight:600;
    color: #000000;
}
.foot_pro a .foot_content p {
    font-size:10px;
    margin-top:4px;
    color:#b9b9b9
}
.foot_pro a .foot_icon {
    width:10%;
    float:right;
    height:100%;
    text-align:center;
    line-height:50px;
}
.foot_pro a .foot_icon .iconfont {
    font-size:10px;
}
