@font-face {
    font-family: 'iconfont';
    src: url('font/iconfont.woff2?t=1636000306673') format('woff2'),
    url('font/iconfont.woff?t=1636000306673') format('woff'),
    url('font/iconfont.ttf?t=1636000306673') format('truetype');
}
.iconfont {
    font-family: "iconfont" ;
    font-size: 22px;
    line-height: 40px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/*导航栏*/
*{
    padding: 0;
    margin: 0 auto;
}
body {
    font: 14px/1.5 Helvetica Neue,Helvetica,Arial,Microsoft Yahei,Hiragino Sans GB,Heiti SC,WenQuanYi Micro Hei,sans-serif;
    color: #333;
    background-color: #fff;
    min-width: 1226px;
}
ul li{
    list-style: none;
}
.nav{
    width: 1350px;
    font-size: 12px;
    background: #333;
}
.navSize{
    width: 1226px;
    margin-left: auto;
    margin-right: auto;
}
.height{
    line-height: 40px;
    height: 40px;
}
.navC{
    color: #b0b0b0;
    margin-left: 3px;
}
.naC{
    color: #3A423C;
    margin-left: 3px;
}
.shopping{
    position: relative;
    width: 120px;
    height: 40px;
    background-color:#424242;
    text-align: center;
    margin: auto;
    display: block;
}

.fl{
    float: left;
}
.fr{
    float: right;
}
a{
    text-decoration: none;
}
.navSize .fl a:hover{
    color: white;
}
.navSize .fr a:hover{
    color: white;
}

.navSize .fr .shopping:hover {
    width: 120px;
    height: 40px;
    color: #FF5B00;
    background-color:white;
}
.navSize .fr .shopping:hover #shop{
    position: absolute;
    width: 318px;
    height: 100px;
    background-color: #ffffff;
    box-shadow: 0 0 10px #999999;
    color: gray;
    left: -198px;
    text-align: center;
    line-height: 100px;
    z-index: 999;
    display: block;
}
#shop{
    position: absolute;
    width: 318px;
    height: 100px;
    background-color: #ffffff;
    box-shadow: 0 0 10px #999999;
    left: -198px;
    text-align: center;
    line-height: 100px;
    z-index: 999;
    display: none;
}

/*搜索栏*/
.seach{
    width: 1350px;
    position: relative;
}
.seachSize{
    width: 1226px;
    margin: 0 auto;
}

.logo{
    height: 76px;
    width: 56px;
    margin-top: 24px;
}
.logotext{
    margin-top: 8px;
    margin-left: 87px;
    height: 88px;
    width: 750px;
    text-align: center;
    line-height: 88px;
}
.logotext a:hover{
    color: #FF5B00;
}
.textStyle{
    color: #333;
    font-size: 16px;
    margin-left: 15px;
}

/*搜索栏*/
.Sslyte{
    font-size: 0px;
    float: right;
    position: absolute;
    left: 991px;
    z-index: auto;
}

.input{
    line-height: 14px;
    width: 245px;
    height: 50px;
    border: 1px solid #E0E0E0;
    margin-top: 22px;
    font-size: 14px;
    float: left;
    outline: none;
}
input:hover{
    line-height: 14px;
    width: 245px;
    height: 50px;
    border: 1px solid #9B9898;
    margin-top: 22px;
    font-size: 14px;
    float: left;
    outline: none;
}
input:focus{
    line-height: 14px;
    width: 245px;
    height: 50px;
    border: 1px solid #FF5B00;
    margin-top: 22px;
    font-size: 14px;
    float: left;
    outline: none;
}
button:hover{
    margin-top: 22px;
    float: left;
    right: 0;
    width: 50px;
    height: 52px;
    font-size: 24px;
    background: #FF5B00;
    border: 1px solid #FF5B00;
    line-height: 24px;
    color:#FFFFFF;
}
.btm{
    margin-top: 22px;
    float: left;
    right: 0;
    width: 50px;
    height: 52px;
    font-size: 24px;
    background: #ffffff;
    border: 1px solid #E0E0E0;
    line-height: 24px;
}
.in{
    line-height: 14px;
    width: 245px;
    height: 50px;
    margin-top: 22px;
    font-size: 14px;
    float: left;
    border: 1px solid #FF5B00;
}
/*内容栏*/
.centerSize{
    width: 1226px;
    margin-left: auto;
    margin-right: auto;
    clear: both;
}
.left{
       position: absolute;
       width: 234px;
       height: 460px;
       color: #fff;
       background: rgba(105,101,101,.6);
       z-index:999;
}
.leftC{
    position: relative;
   list-style: none ;
    padding: 20px 0;
}
.Cen{
    width: 1350px;
    font-size: 12px;
    background: #FFFFFF;
}
.TextCen{
    width: 204px;
    padding-left:30px;
    height: 42px;
    line-height: 42px;
    position: relative;
}

.left .leftC li a{
    width:204px;
    height: 42px;
    font-size: 14px;
    line-height: 14px;
    color: #F2F2F2;
}
.TextCen:hover {
    width: 204px;
    padding-left: 30px;
    height: 42px;
    line-height: 42px;
    background-color: #FF5B00;
}

.Sa
{
    font-size: 14px;
    line-height: 14px;
    position: absolute;
    top: 14px;
    left: 200px;
}
.CenPic{
    position: relative;
    top:0px;
}
.CenPic img{
    width: 1226px;
    height: 460px;
    top:0px;
}
/*展示栏*/
.showL{
    width: 1350px;
}
.Show{
    width: 1226px;
    height: 210px;
    margin: 0 auto;
    clear: both;
}

.F{
    height: 170px;
    width: 234px;
    display: grid;
    grid-template-rows: 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    margin-top: 14px;
    position: relative;
}
.Fc{
    width: 76px;
    height: 83px;
    background-color: #615750;
    text-align: center;
    border: #685E57 1px solid;
}
.Spic{
    width: 24px;
    height: 24px;
    margin-top: 22px;

}
.Ssy{
     color: #D0CCCA;
     font-size: 12px;
 }
.Ssy:hover{
    color: #FFFFFF;
    font-size: 12px;
}
.ShSy{
    height: 170px;
    width: 315px;
    margin-top: 14px;
    margin-left: 14px;
}
.ShSy:hover{
    height: 170px;
    width: 315px;
    margin-top: 14px;
    margin-left: 14px;
    box-shadow: 0 0 10px #999999;
}
.pic{
    width: 315px;
    height: 170px;
}
/*K40*/
.K40Size{
    width: 1350px;
    background:#F5F5F5;
}
.K40{
    width: 1226px;
    height: 172px;
    margin-left: auto;
    margin-right: auto;
    clear: both;
    position: relative;
}
.Red{
    position: absolute;
    top: 26px;
}

/*中间二级菜单(手机)*/
.TextCen:hover .call{
    width: 995px;
    height: 460px;
    background-color: white;
    position: absolute;
    top: -20px;
    left: 231px;
    box-shadow: 0 0 10px #999999;
    display: block;
}

.call{
    width: 995px;
    height: 460px;
    background-color: white;
    position: absolute;
    top: -20px;
    left: 231px;
    box-shadow: 0 0 10px #999999;
    display: none;
}

.call1{
    width: 248px;
    height: 460px;
    color: black;
}
ul li p{
    color: black;
}
ul li p:hover{
    color: #FF5B00;
}
.C1 {
    margin-left: 20px;
    line-height: 40px;
    line-height: 42px;
    font-size: 14px;
    margin-top: 20px;
}
.C1 img{
    line-height: 40px;
}

.Cb1{
    position: absolute;
    left: 64px;
    top: 33px;
}
.Cb2{
    position: absolute;
    left: 64px;
    top: 111px;
}
.Cb3{
    position: absolute;
    left: 64px;
    top: 186px;
}
.Cb4{
    position: absolute;
    left: 64px;
    top: 262px;
}
.Cb5{
    position: absolute;
    left: 64px;
    top: 338px;
}
.Cb6{
    position: absolute;
    left: 64px;
    top: 413px;
}

.Cc1{
    position: absolute;
    left: 310px;
    top: 33px;
}
.Cc2{
    position: absolute;
    left: 310px;
    top: 111px;
}
.Cc3{
    position: absolute;
    left: 310px;
    top: 186px;
}
.Cc4{
    position: absolute;
    left: 310px;
    top: 262px;
}
.Cc5{
    position: absolute;
    left: 310px;
    top: 338px;
}
.Cc6{
    position: absolute;
    left: 310px;
    top: 413px;
}

.Cd1{
    position: absolute;
    left: 556px;
    top: 33px;
}
.Cd2{
    position: absolute;
    left: 556px;
    top: 111px;
}
.Cd3{
    position: absolute;
    left: 556px;
    top: 186px;
}
.Cd4{
    position: absolute;
    left: 556px;
    top: 262px;
}
.Cd5{
    position: absolute;
    left: 556px;
    top: 338px;
}
.Cd6{
    position: absolute;
    left: 556px;
    top: 413px;
}

.Ce1{
    position: absolute;
    left: 804px;
    top: 33px;
}
.Ce2{
    position: absolute;
    left: 804px;
    top: 111px;
}
.Ce3{
    position: absolute;
    left: 804px;
    top: 186px;
}
.Ce4{
    position: absolute;
    left: 804px;
    top: 262px;
}
.Ce5{
    position: absolute;
    left: 804px;
    top: 338px;
}
.Ce6{
    position: absolute;
    left: 804px;
    top: 413px;
}
/*中间二级菜单(电视)*/
.calll{
    width: 995px;
    height: 460px;
    background-color: white;
    position: absolute;
    top: -62px;
    left: 231px;
    box-shadow: 0 0 10px #999999;
    display: none;
}
.TextCen:hover .calll{
    width: 995px;
    height: 460px;
    background-color: white;
    position: absolute;
    top: -62px;
    left: 231px;
    box-shadow: 0 0 10px #999999;
    display: block;
}
/*中间二级菜单(笔记本 平板)*/
.callll{
    width: 995px;
    height: 460px;
    background-color: white;
    position: absolute;
    top: -104px;
    left: 231px;
    box-shadow: 0 0 10px #999999;
    display: none;
}
.TextCen:hover .callll{
    width: 995px;
    height: 460px;
    background-color: white;
    position: absolute;
    top: -104px;
    left: 231px;
    box-shadow: 0 0 10px #999999;
    display: block;
}
/*中间二级菜单(家电）*/
.cav{
    width: 995px;
    height: 460px;
    background-color: white;
    position: absolute;
    top: -146px;
    left: 231px;
    box-shadow: 0 0 10px #999999;
    display: none;
}
.TextCen:hover .cav{
    width: 995px;
    height: 460px;
    background-color: white;
    position: absolute;
    top: -146px;
    left: 231px;
    box-shadow: 0 0 10px #999999;
    display: block;
}
/*中间二级菜单(出行 穿戴）*/
.cavv{
    width: 995px;
    height: 460px;
    background-color: white;
    position: absolute;
    top: -188px;
    left: 231px;
    box-shadow: 0 0 10px #999999;
    display: none;
}
.TextCen:hover .cavv{
    width: 995px;
    height: 460px;
    background-color: white;
    position: absolute;
    top: -188px;
    left: 231px;
    box-shadow: 0 0 10px #999999;
    display: block;
}
/*中间二级菜单(智能 路由器）*/
.cavvv{
    width: 995px;
    height: 460px;
    background-color: white;
    position: absolute;
    top: -230px;
    left: 231px;
    box-shadow: 0 0 10px #999999;
    display: none;
}
.TextCen:hover .cavvv{
    width: 995px;
    height: 460px;
    background-color: white;
    position: absolute;
    top: -230px;
    left: 231px;
    box-shadow: 0 0 10px #999999;
    display: block;
}

/*中间二级菜单(电源 配件）*/
.can{
    width: 995px;
    height: 460px;
    background-color: white;
    position: absolute;
    top: -272px;
    left: 231px;
    box-shadow: 0 0 10px #999999;
    display: none;
}
.TextCen:hover .can{
    width: 995px;
    height: 460px;
    background-color: white;
    position: absolute;
    top: -272px;
    left: 231px;
    box-shadow: 0 0 10px #999999;
    display: block;
}
/*中间二级菜单(健康 儿童）*/
.cann{
    width: 995px;
    height: 460px;
    background-color: white;
    position: absolute;
    top: -314px;
    left: 231px;
    box-shadow: 0 0 10px #999999;
    display: none;
}
.TextCen:hover .cann{
    width: 995px;
    height: 460px;
    background-color: white;
    position: absolute;
    top: -314px;
    left: 231px;
    box-shadow: 0 0 10px #999999;
    display: block;
}
/*中间二级菜单(耳机 音箱）*/
.cannn{
    width: 995px;
    height: 460px;
    background-color: white;
    position: absolute;
    top: -356px;
    left: 231px;
    box-shadow: 0 0 10px #999999;
    display: none;
}
.TextCen:hover .cannn{
    width: 995px;
    height: 460px;
    background-color: white;
    position: absolute;
    top: -356px;
    left: 231px;
    box-shadow: 0 0 10px #999999;
    display: block;
}
/*中间二级菜单(生活 箱包）*/
.fin{
    width: 995px;
    height: 460px;
    background-color: white;
    position: absolute;
    top: -398px;
    left: 231px;
    box-shadow: 0 0 10px #999999;
    display: none;
}
.TextCen:hover .fin{
    width: 995px;
    height: 460px;
    background-color: white;
    position: absolute;
    top: -398px;
    left: 231px;
    box-shadow: 0 0 10px #999999;
    display: block;
}
/*手机*/
.shouji{
    width: 1350px;
    background:#F5F5F5;
}
.shou{
    width: 1226px;
    height: 58px;
    margin: 0 auto;
    position: relative;
}
.shou1{
    font-size: 24px;
    line-height: 58px;
    font-weight: 200;
    color: #333;
}
.shou2{
    line-height: 58px;
    font-size: 16px;
    color: #424242;
    position: absolute;
    left: 1132px;
    bottom: -3px;
}

.shou3{
    color: #B0B0B0;
    position: absolute;
    left: 69px;
    bottom: 10px;
}
.shouji .shou .fr a:hover .shou2 {
    color: #FF5B00;
}
.shouji .shou .fr a:hover .shou3 {
    color: #FF5B00;
}
.shoushow{
    height: 614px;
    width: 234px;
    clear: both;
}
.shoushow:hover{
    height: 614px;
    width: 234px;
    clear: both;
    box-shadow: 0 0 10px #999999;
}
.shoushow1{
    height:614px;
    width: 988px;
}
.MIX{
    background:#F5F5F5;
    width: 1350px;
    height: 637px;
    clear: both;
}
.MIX2{
    width: 1226px;
    margin: 0 auto;
}
.shou4{
    width: 233px;
    height: 300px;
    background: #FFFFFF;
    margin-left: 14px;
 }
.shou4:hover{
    width: 233px;
    height: 300px;
    background: #FFFFFF;
    margin-left: 14px;
    box-shadow: 0 0 10px #999999;
}

.shou5{
    width: 233px;
    height: 300px;
    background: #FFFFFF;
    margin-left: 14px;
    margin-top: 14px;
}
.shou5:hover{
    width: 233px;
    height: 300px;
    background: #FFFFFF;
    margin-left: 14px;
    margin-top: 14px;
    box-shadow: 0 0 10px #999999;
}
.shou5 img{
    width: 160px;
    height: 160px;
    margin-top: 20px;
    margin-left: 36px;
}
.hou3 img{
    width: 160px;
    height: 160px;
    margin-top: 20px;
    margin-left: 36px;
}
.shou4 img{
   width: 160px;
    height: 160px;
    margin-top: 20px;
    margin-left: 36px;
}
.shou4T{
    margin-top: 18px;
}
.St1{
    font-size: 14px;
    color: #333;
    text-align: center;
}
.St2{
    font-size: 12px;
    color: #b0b0b0;
    text-align: center;
}
.St3{
    color: #ff6700;
    font-size: 14px;
    text-align: center;
    margin-top: 14px;
}
/*智能穿戴*/
.watch{
    background:#F5F5F5;
    width: 1350px;
    clear: both;
}
.watch2{
    width: 1226px;
    margin: 0 auto;
}
.watchT{
    width: 1226px;
    height: 58px;
}
.watchL{
    padding-top: 15px;
    margin-right: 7px;
}
.watchF{
    font-size: 16px;
    margin-left: 30px;
    color: #424242;
    justify-content: center;
    border-bottom: 2px solid #FF5B00;
    color: #FF5B00;
}
.watchW{
    font-size: 16px;
    margin-left: 30px;
    color: #424242;
    justify-content: center;
}
.watchW:hover{
    font-size: 16px;
    margin-left: 30px;
    color: #424242;
    justify-content: center;
    border-bottom: 2px solid #FF5B00;
    color: #FF5B00;
}
.shoufin{
     width: 233px;
     height: 143px;
     background: #FFFFFF;
     margin-left: 14px;
     margin-top: 14px;
 }
.shoufin:hover{
    width: 233px;
    height: 150px;
    background: #FFFFFF;
    margin-left: 14px;
    margin-top: 14px;
    box-shadow:  0 0 10px #999;
}
.shoufin2{
    width: 230px;
    height: 76px;
    margin-top: 57px;
}
.shouFl{
    width:94px ;
    height: 45px;
    margin-left: 25px;
}
.shouFr{
    width:48px ;
    height: 48px;
    margin-right: 37px;
}
.shouFl1{
    font-size: 18px;
    color: #333;
}
.shouFl2{
    font-size: 12px;
    color: #757575;
}
.shouFr2{
    font-size: 48px;
    color: #FF7600;
}
/*家电栏*/
.hou1{
     height: 300px;
     width: 234px;
}
.hou2{
    height: 300px;
    width: 234px;
    margin-top: 10px;
}
.hou3{
    width: 233px;
    height: 300px;
    background: #FFFFFF;
}
.hou3:hover{
    width: 233px;
    height: 300px;
    background: #FFFFFF;
    box-shadow: 0 0 10px #999999;
}
.house4{
    height: 614px;
    width: 234px;
    clear: both;
}
.houUp{
    width: 230px;
    height: 76px;
    margin-top: 57px;
    position: relative;
}
.houDowm{
    width: 230px;
    height: 76px;
    margin-top: 57px;
}
.houBom{
    width: 233px;
    height: 143px;
    background: #FFFFFF;
    margin-left: 14px;
    margin-top: 14px;
}
.houBom:hover{
    width: 233px;
    height: 143px;
    background: #FFFFFF;
    margin-left: 14px;
    margin-top: 14px;
    box-shadow: 0 0 10px #999999;
}
.ever{
    font-size: 14px;
    font-weight: 40px;
    color: #333;
}
.ever2{
    font-size: 14px;
    color: #ff6700;
}
.pic1{
    width: 80px;
    height: 80px;
    position: absolute;
    top: -23px;
    right: 24px;
}
/*视频页*/
.ved{
    background:#F5F5F5;
    width: 1350px;
    clear: both;
}
.vedio{
    width: 1226px;
    height: 311px;
    margin: 0 auto;
}
.ve{
    width: 295px;
    height: 285px;
    margin-right: 14px;
}
.ve:hover{
    width: 295px;
    height: 285px;
    margin-right: 14px;
    box-shadow: 0 0 10px #999999;
}
.ve1{
    width: 295px;
    height: 285px;
}
.ve1:hover{
    width: 295px;
    height: 285px;
    box-shadow: 0 0 10px #999999;
}
.va{
    width: 294px;
    height: 180px;
}
.vb{
    width: 294px;
    height: 105px;
    background-color: #FFFFFF;
    position: relative;
}
.vtext{
    font-size: 14px;
    color: #333;
    text-align: center;
}
.vtext2{
    font-size: 12px;
    text-align: center;
    color: #b0b0b0;
    margin-top: 10px;
}
.va img{
    height: 180px;
    width: 294px;
}
.vv{
    width: 294px;
    height: 50px;
    position: absolute;
    top: 30px;
    left: -1px;
}
/*售后*/
.after{
    width: 1350px;
    height: 332.5px;
}
.afte{
    width: 1226px;
    height: 332.5px;
    margin: 0 auto;
}
.aft{
    width: 1226px;
    height: 80px;
    border-bottom: 1px #E0E0E0 solid;
}
.after .afte .aft ul li{
    float: left;
    width: 242px;
    height: 25px;
    line-height: 80px;
    text-align: center;
    color: #616161;
    font-size: 16px;
    position: relative;
}
.after .afte .aft ul a li:hover{
    float: left;
    width: 242px;
    height: 25px;
    line-height: 80px;
    text-align: center;
    color: orange;
    font-size: 16px;
    position: relative;
}
.ab{
    position: absolute;
    top: -27px;
    left: 116px;
    color: #E0E0E0;
}
.ta{
    width: 1226px;
    height: 252.5px;
    position: relative;
}

.lis{
    width: 252px;
    height: 111px;
    border-left: 1px solid #e0e0e0;
    margin-top: 40px;

}
.list{
    width: 970px;
    height: 200px;
    margin-top: 40px;
}
.help{
    height: 200px;
    width: 159px;
    float: left;
}
.ban{
    font-size: 14px;
    color: #424242;
    margin-bottom: 20px;
}
.server{
    font-size: 12px;
    color: #75758B;
    margin-bottom: 10px;
}
.server:hover{
    margin-bottom: 10px;
    font-size: 12px;
    color: #FF5B00;
}
.phoneN{
    font-size: 22px;
    color: #ff5b00;
    line-height: 1px;
    text-align: center;
}
.phoneN2{
    font-size: 12px;
    color: #616161;
    text-align: center;
    margin-top: 13px;
}
.btn{
    border: 1px orange solid;
    height:28px;
    width: 118px;
    margin-top: 10px;
}
.find{
    font-size: 14px;
    color: #FF5B00;
    text-align: center;
    line-height: 28px;
}
.find:hover{
    font-size: 14px;
    background-color: #FF5B00;
    text-align: center;
    line-height: 28px;
    color: #FFF;
}
.final{
    position: absolute;
    top: 110px;
    left: 1045px;
    font-size: 12px;
}
.fi{
    width: 14px;
    height: 14px;
    color: #616161;
}
.fi:hover{
    width: 14px;
    height: 14px;
    color:#FF5B00;
}
/*底部页*/
.foot{
    width: 1350px;
    height: 266px;
    background-color: #FAFAFA;
}
.foo{
    width: 1226px;
    height: 266px;
    margin: 0 auto;
    position: relative;
}
.logo2{
    position: absolute;
    top: 30px;
}
.logo2 img{
    width: 56px;
    height: 56px;
}
.footexe{
    width: 1000px;
    height: 40px;
    padding-top: 30px;
    margin-left: 75px;
}
.footexe p a{
    font-size: 12px;
    color: #757575;
}
.footexe p span{
    font-size: 12px;
    color: #b0b0b0;
}
.footexe p a:hover{
    font-size: 12px;
    color:#FF5B00;
}
.fint a{
    font-size: 12px;
    color: #b0b0b0;
}
.fint a:hover{
    font-size: 12px;
    color: #FF5B00;
}
.finn{
    font-size: 12px;
    color: #b0b0b0;
    width: 800px;
    height: 86px;
    position: absolute;
    top: 72px;
    left: 75px;
}
.pic2{
    width: 580px;
    height: 28px;
    position: absolute;
    top: 145px;
    left: 75px;
}
.pic2 a img{
    width: 84px;
    height: 28px;
    margin-left: 6px;
}
.footer{
    width: 400px;
    height: 50px;
    position: absolute;
    top: 200px;
    left: 465px;
}
.leftn{
    height: 210px;
    width: 27px;
    position: fixed;
    bottom: 70px;
    right: 0px;
}
.le{
    text-align: center;
    line-height: 42px;
    width: 27px;
    height: 42px;
    margin-top: 1px;
    background-color: #ffffff;
}
.leftn .le a{
    font-size: 20px;
    color: #B1B1B1;
}
.leftn .le a:hover{
    font-size: 20px;
    color: #FF5B00;
}
.up{
    text-align: center;
    line-height: 42px;
    width: 27px;
    height: 42px;
    margin-top: 20px;
    background-color: #ffffff;
    font-size: 20px;
}