/* 主体部分 */
.container {
     width: 100%;
     background: #f5f5f5;
     padding: 4px 0 12px;
     /* overflow: hidden; */
}

/* 手机 */
.home-banner-box img {
     width: 100%;
     height: 120px;
}
.home-banner-bottom img{
     width: 1226px;
     height: 120px;
     margin: 22px 0;
}
.title {
     text-align: left;
     margin-top: 22px;
     font-size: 22px;
     font-weight: 200;
     line-height: 58px;
     color: #333;
}

.more {
     float: right;
     display: block;
     font-size: 16px;
     color: #424242;
     transition: all .4s;
}

.more i {

     width: 12px;
     height: 12px;
     padding: 4px;
     margin-left: 8px;
     border-radius: 16px;
     font-size: 12px;
     line-height: 12px;
     background: #b0b0b0;
     color: #fff;
     vertical-align: 1px;
     transition: all .4s;
}

.more:hover {
     color: #ff6700;
}

.more:hover>i {
     background-color: #ff6700;
}

.phone-box {
     width: 100%;
     height: 614px;
}

.phone-box-left {
     float: left;
     width: 234px;
     height: 614px;
     transition: all .2s linear;
}

.phone-box-left:hover {
     transform: translateY(-2px);
     box-shadow: 0 15px 30px rgb(0, 0, 0, .1);
}

.phone-box-left img {
     width: 100%;
}

.phone-box-right {
     float: left;
     width: 992px;
     height: 614px;
}

.items {
     float: left;
     width: 234px;
     height: 300px;
     background-color: #fff;
     margin-bottom: 14px;
     margin-left: 14px;
     transition: all .2s linear;
}

.items img {
     width: 160px;
     height: 160px;
     margin: 20px 37px 18px;
}

.items:hover,.items1 div:hover {
     transform: translateY(-2px);
     box-shadow: 0 15px 30px rgb(0, 0, 0, .1);
}

.goods-name,
.elc-name {
     width: 214px;
     height: 21px;
     margin: 0 10px 2px;
     font-size: 14px;
     font-weight: 400;
     color: #333;
     text-align: center;
     white-space: nowrap;
     text-overflow: ellipsis;
}

.desc,
.elc-desc {
     text-align: center;
     margin: 0 10px 10px;
     height: 18px;
     font-size: 12px;
     color: #b0b0b0;
     white-space: nowrap;
     text-overflow: ellipsis;
     overflow: hidden;
}

.price,
.elc-price {
     margin: 0 10px 10px;
     text-align: center;
     color: #ff6700;
     font-size: 14px;
}

/* 家电 */

.elc-left {
     width: 234px;
     height: 614px;

}

.elc-left .items {
     margin-left: 0;
}

.elc-right {
     float: left;
     width: 992px;
     height: 614px;
     margin-top: -614px;
}

.elc-left img {
     width: 234px;
     height: 300px;
     margin: 0 auto;
}

.elc-price>del {
     color: #b0b0b0;
     margin-left: 7px;
}


.items1{
     width: 234px;
     height: 300px; 
     float: left;
     margin-left: 14px;
}

.items1 div{
     position: relative;
     width: 234px;
     height: 143px;
     margin-bottom: 14px;
     background-color: #fff;
     transition: all .2s linear;
}

.items1-desc{
     float: left;
     width: 94px;
     height: 63px;
     margin-left: 30px;
     margin-top: 40px;
     font-size: 14px;
     text-align: left;
}
#items1-img{
     float: right;
     width: 80px;
     margin-top: 32px;
     margin-right: 20px;
}
#items1-price{
     color: #ff6700;
     font-size: 12px;
     margin-bottom: 2px;
}

.items1-more{
     width: 94px;
     height: 25px;
     margin-left: 30px;
     padding-top: 50px;
     font-size: 18px;
     color: #333;
     text-align: left;
}
.items1-pro{
     float: left;
     font-size: 12px;
     color: #757575;     
}
.icon-youjiantou1{
     position: absolute;
     right: 35px;
     top: 48px;
     width: 48px;
     height: 48px;
     line-height: 48px;
     color: #ff6700;
     font-size: 48px;
}