@charset "utf-8";
/* CSS Document */
body {
    color: #4e5259;
    background: #012d7b;
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
}
.chrismas{width:100%;height:433px;background:url(../../images/bf.jpg) no-repeat left top ; }
.search_list{width:1200px;}
.search_list ul{width:1206px;}
.search_list{overflow-x:hidden !important;}
.search_list ul li p{height:90px !important; width:240px !important;}
.search_list ul li{width:299px !important;}
.search_list ul li .pic {width:230px !important;height: 200px !important;}
.search_list ul li .buy {width: 220px;height: 36px; line-height:36px;}
.at {height: 80px;padding: 20px 0 5px;}
.cd-main-content{background:#000; background-position: left 50% bottom 400px;}
.mode{width:60%; float:left; padding-left:2%;}
.mode a{height:60px; line-height: 60px; width:auto; padding:0 28px;font-size:18px; text-align: center;background: #ccc; color:#000; margin:0 10px; display:inline-block; border-radius:5px; font-weight:bold;    
    }
.mode a:hover{ background: #000; text-decoration: none; color:#fff;}
.mode a.active{ background: #000; text-decoration: none; color:#fff;}
.b_logo{width:100px; position:absolute; right:5px; top:14px; transform:rotate(15deg); z-index:100}
.b_logo span{display:block;font-weight:bold;}
.b_logo span.b1{height:20px;width:100%; background:#000; color:#fff; font-size:10px;  text-align:center;}
.b_logo span.b2{height:20px;width:96px; background:#fff; border:2px solid #000; color:red; text-align:center;}
            

@media(max-width:640px){
.chrismas {
    width: 100%;
    height: 200px;
    background: url(../../images/bf.jpg) no-repeat left 50% top 65px;
    background-size: 150%;}
    .search_list ul{width:102% !important;}
    .search_list ul li{width:50% !important;}
    .mode{display:none;}
}