/* 手机 */
    .lookmore{float:right}
    .phone_page_right{float:right}
    * {
	margin: 0;
	padding: 0;
    }
    li {
	list-style: none;/*去掉li的小圆点*/
    }
    .phone_page {
	width: 1226px;
	height: 628px;
	margin: auto;
	background-color: #ffffff;
    }
    .phone_page_left {
	float: left;
	width: 234px;
	height: 628px;
	background-color: #ffffff;
    }
    .phone_right{
	float: right;
	width: 992px;
	height: 628px;
	background-color: #f5f5f5e6;
    }
    .phone_right li {
	width: 234px;
	height: 300px;
	background-color: #ffffff;
	float: left;
	margin-left: 14px;
	margin-bottom: 24px;
    margin-top: 2px;
    /* transition: all 0.38s; #等价于#*/
    }
    /* 重复出现的属性可以进行一下封装，便于管理 */
    .box_shadow_ li{
        transition: all 0.38s;/*上浮时间*/
    }
    .box_shadow_ li:hover{
        box-shadow: 0 5px 5px 0 rgb(180, 180, 180);
        transform: translate(0, -5px);
    }
    /* id具有唯一性，而class不具有 */
    /* .phone_right li:hover {控制上浮#等价于#
        box-shadow: 0 5px 5px 0 rgb(180, 180, 180);  盒子阴影 
        transform: translate(0, -5px);  鼠标悬浮时盒子向上浮动的距离 
    } */
    .phone_page_left{transition: all 0.38s;}
    .phone_page_left:hover{
        box-shadow: 0 5px 5px 0 rgb(180, 180, 180);
        transform: translate(0, -5px); 
    }
    /* 图片居中，都用li_photo的名字就只这一个 */
    .li_photo1{margin:0 auto;text-align:center;}
    .li_photo2{margin:0 auto;text-align:center;}
    .li_photo3{margin:0 auto;text-align:center;}
    .li_photo4{margin:0 auto;text-align:center;}
    .li_photo5{margin:0 auto;text-align:center;}
    .li_photo6{margin:0 auto;text-align:center;}
    .li_photo7{margin:0 auto;text-align:center;}
    .li_photo8{margin:0 auto;text-align:center;}
    /* 智能穿戴 */
    .wear_page_right{float:right}
    li {
	list-style: none;
    }
    .wear_page {
	width: 1226px;
	height: 628px;
	margin: auto;
	background-color: #ffffff;
    }
    .wear_page_left {
	float: left;
	width: 234px;
	height: 628px;
	background-color: #ffffff;
    }
    .wear_right{
	float: right;
	width: 992px;
	height: 628px;
	background-color: #f5f5f5e6;
    }
    .wear_right li {
	width: 234px;
	height: 300px;
	background-color: #ffffff;
	float: left;
	margin-left: 14px;
	margin-bottom: 24px;
    margin-top: 2px;
    }
    /* 穿戴右下角那2个 */
    .wear8_back {
        position: relative;/*父文件夹设为这个*/
    }
    .wear8_ {
        position: absolute;/*要在父文件夹居中的那个盒子*/
        left: 50%;
        top: 50%;
        margin-left: -117px;/*负，砍一半*/
        margin-top: -34px;
    }/*居中！但是这种两个直接关联的，可以只把它下移动50%，再上移一半像素*/
    .wear9_back {
        position: relative;
    }
    .wear9_ {
        position: absolute;
        left: 50%;
        top: 50%;
        margin-left: -117px;
        margin-top: -22.5px;
    }
    .wear8_photo{
        float: right;
        margin-right: 5px;
    }
    .wear89{
        width: 234px;
        height: 300px;
        background-color: #ffffff;
        float: left;
        margin-left: 14px;
        margin-bottom: 24px;
        margin-top: 2px;
    }
    
/*CSS的hover选择器，.名字：hover,鼠标悬停*/ 
    .lookmore_earphone:hover{
        /* background: #cec6c3; */
        z-index: 999;
        color:#ed6328;
    }
    /* 隐藏的耳机页面 */
    /* .home2_box_hidden{
        display: none;
    } */
    /*默认是隐藏的*/
    /* .lookmore_earphone:hover> .home2_box_hidden{
        display: block;
    } */
    /*如果lookmore_earphone悬浮，home2_box_hidden就显示*/
    /* <div class="home2_box_hidden" style="height: 686px;width: 1226px;background-color: aqua;"></div> */
    /* 电脑右侧8个盒子的参数 */
    .computer_page_right li {
	width: 234px;
	height: 300px;
	background-color: #ffffff;
	float: left;
	margin-left: 14px;
	margin-bottom: 24px;
    margin-top: 2px;
    }
    /* 电脑那里的文字总控 */
    .computer_name{color:black;text-align: center;}
    .computer_introduce{color: rgb(196, 196, 196);;text-align: center;}
    .computer_price{color: #ed6328;text-align: center;}
    /* 家电属性 */
    .home4_box{
        height: 686px;
        width: 1226px;
        /* background-color: #78f48b; */
        position: relative;/*为了那个隐藏的盒子*/
    }
    .home4_box_title{   
        height: 58px;
        width: 1226px;
        /* background-color: #f4ba78; */
    }
    .television li{
        width: 234px;
        height: 300px;
        background-color: #ffffff;
	    float: left;
        margin-right: 5.5px;
	    margin-bottom: 25px;
        margin-top: 1px;
        margin-left: 5.5px; 
    }
    .box_shadow li{
        transition: all 0.38s;
    }
    .box_shadow li:hover{
        box-shadow:  0 5px 10px 0 rgb(180, 180, 180);
        transform: translate(0, -5px);
    }
    /* .box_shadow{
        transition: all 0.38s;
    }
    .box_shadow:hover{
        box-shadow:  0 5px 10px 0 rgb(180, 180, 180);
        transform: translate(0, -5px);
    } */

    /*失败的tab栏.home4_box_title_tab{
        width: 150px;
        height: 30px;
        background-color: blueviolet;
        float: right;
        margin-top: 20px;
    }
    .home4_box_title_tab input{
        display: none;
    }
    .home4_box_title_tab label{
        display: inline-block;
        margin-left: 15px;
        text-decoration:underline;
        /* text-align: center; 
        cursor: pointer;
        /*让他变成一个点击的
    }
    /* .home4_box_title_tab label span{
        border-bottom: 5px;
    } 怎么让下划线好看一点呢？
    .home4_box_title_tab label:hover{
        color: #ed6328;
    }*/
    .home4_box_title_{
        width: 130px;
        height: 30px;
        /* background-color: blueviolet; */
        float: right;
        margin-top: 20px;  
    }
    .home4_box_title_1{
        border:none;
        outline:none;/*我想没人喜欢边框吧*/
        width: 35px;
        height: 20px;
        float: left;
        background-color: #F5F5F5;
        margin-top: 19px;
    }
    .home4_box_title_1:hover{
        color: #ed6328;
    }

    .home4_box_title_2{
        border:none;
        outline:none;
        background-color: #F5F5F5;
        width: 69px;
        height: 20px;
        float: right;
        margin-top: -20px;
    }
    /* .home4_box_title_2:hover{
        color: #ed6328;
    } */
/* 藏起来的盒子 */
    .tv_none{
        position: absolute;/*这样就能完美覆盖掉，而不是在下面了*/
        display: none;
        width: 1227px;
        height: 628px;
        background-color: #F5F5F5;
        right: 0;
        /* top: 60px; */
    }
    .home4_box_title_2:hover /*~*/ .tv_none{/*之所以鼠标从按钮一拿走就没是因为不是父子盒子*/
        display: block;
    }
    

    .tv_none li{
        width: 234px;
        height: 300px;
        background-color: #ffffff;
	    float: left;
         margin-right: 5.5px;
	    margin-bottom: 25px;
        margin-top: 1px;
        margin-left: 5.5px; 
    }
/* 往下是商品内容 */
    .photo_li{
        width: 160px;
        height: 160px;
        margin: auto;
        margin-top: 15px;
    }
    /* 商品的三行字 */
    .title_one{
        height: 21px;
        width: 234px;
        text-align: center;
        font-size: small;
    }
    .title_two{
        height: 18px;
        width: 234px;
        text-align: center;
        color: rgb(196, 196, 196);
        font-size: small;
        margin-top: 10px;
    }
    .title_three{/*没有降价就用它*/
        height: 15px;
        width: 234px;
        text-align: center;
        color:#ed6328;
        margin-top: 20px;
        font-size: small;
    }
    /*有降价三条*/
    .title_four{
        height: 15px;
        width: 234px;
        margin-top: 20px;
    }
    .title_four_1{
        float: left;
        height: 15px;
        width: 50px;
        color:#ed6328;
        font-size: small;
        margin-left: 70px;
    }
    .title_four_2{
        float: left;
        height: 15px;
        width: 50px;
        color:rgb(196, 196, 196);
        font-size: small;
        text-decoration:line-through grey;
    }
    /* 商品的三行字over */
    /* 最后面的小东西 */
    .photo_background{
        width: 234px; height: 300px; background-color: #F5F5F5;
    }
    .photo_background_1{
        width: 234px;height: 143px;background-color: #ffffff;
        position: relative;/*爹地盒子*/
        float: right;
    }
    .dd_top{
        width: 234px;height: 68px;background-color: #ffffff;
        position: absolute;/*子盒子*/
        left: 50%;
        top: 50%;
        margin-left: -117px;
        margin-top: -34px;
    }
    .dd_top_photo{
        width: 80px;height: 80px;margin-right: 20px;
        float: right;
        margin-right: 5px;
    }
    .dd_top_name{
        width: 94px;height: 42px;color: black;margin-left: 35px;font-size: 10px;margin-top: 10px;
    }
    .dd_top_price{
        color:#ed6328;width: 94px;height: 30px;margin-left: 35px;margin-top: 5px;font-size: 8px;
    }
    .dd_bottom{
        width: 234px;height: 143px;background-color: #ffffff;margin-top: 14px;
        position: relative;
        float: right;
    }
    .dd_bottom_{
        width: 234px;height: 45px;background-color: #ffffff;
        position: absolute;
        left: 50%;
        top: 50%;
        margin-left: -117px;
        margin-top: -22.5px;
    }
    .dd_bottom_photo{
        width: 48px;height: 48px;float: right;margin-right: 35px;
    }
    .dd_bottom_name1{
        width: 80px;height: 20px;color: black;margin-left: 35px;
    }
    .dd_bottom_name2{
        width: 80px;height: 20px;color: #ed6328;margin-left: 35px;margin-top: 5px;font-size: xx-small;
    }
    /* 为了清除悬浮。。。 */
    .top_bottom{
        width: 234px;
        height: 300px;
        background-color: #ffffff;
	    float: right;
        margin-right: 5.5px;
	    margin-bottom: 25px;
        margin-top: 1px;
        margin-left: 5.5px; 
    }
    .top_bottom_{
        width: 234px;
        height: 300px;
        background-color: #ffffff;
	    float: right;
        margin-right: 5.5px;
	    margin-bottom: 25px;
        margin-top: 1px;
        margin-left: 5.5px; 
    }
    .box_shadow_tb {
        transition: all 0.38s;
    }
    .box_shadow_tb:hover{
        box-shadow:  0 5px 10px 0 rgb(180, 180, 180);
        transform: translate(0, -5px);
    }
     /* .top_bottom{
        display: none;
    } 
    暂未解决*/

    /* 家电属性结束 */
    /* 生活电器 */
    .home5_box_title_{
        width: 400px;
        height: 30px;
        /* background-color: bluevolet; */
        float: right;
        margin-top: 20px;  
    }
    .home5_box_title_1{
        border:none;
        outline:none;/*我想没人喜欢边框吧*/
        width: 60px;
        height: 20px;
        float: left;
        background-color: #F5F5F5;
        margin-top: 18px;
    }
    .home5_box_title_2{
        border:none;
        outline:none;
        background-color: #F5F5F5;
        width: 69px;
        height: 20px;
        float: right;
        margin-top: -20px;
        margin-right: 230px;
    }
    .home5_box_title_3{
        border:none;
        outline:none;
        background-color: #F5F5F5;
        width: 69px;
        height: 20px;
        float: right;
        margin-top: -20px;
        margin-right: 120px;
    }
    .home5_box_title_2:hover .tv_none{
        display: block;
    }
    .home5_box_title_3:hover  .tv_none_1{/*玩具*/
        display: block;
    }
    .home5_box_title_4:hover  .tv_none_2{/*家居床品*/
        display: block;
    }
    .tv_none_1{
        position: absolute;/*这样就能完美覆盖掉，而不是在下面了*/
        display: none;
        width: 1227px;
        height: 628px;
        background-color: #F5F5F5;
        right: 0;
        /* top: 60px; */
    }
    .tv_none_1 li{
        width: 234px;
        height: 300px;
        background-color: #ffffff;
	    float: left;
         margin-right: 5.5px;
	    margin-bottom: 25px;
        margin-top: 1px;
        margin-left: 5.5px; 
    }
    .home5_box_title_4{
        border:none;
        outline:none;
        background-color: #F5F5F5;
        width: 69px;
        height: 20px;
        float: right;
        margin-top: -20px;
        margin-right: 10px;
    }
    .tv_none_2{
        position: absolute;/*这样就能完美覆盖掉，而不是在下面了*/
        display: none;
        width: 1227px;
        height: 628px;
        background-color: #F5F5F5;
        right: 0;
        /* top: 60px; */
    }
    .tv_none_2 li{
        width: 234px;
        height: 300px;
        background-color: #ffffff;
	    float: left;
         margin-right: 5.5px;
	    margin-bottom: 25px;
        margin-top: 1px;
        margin-left: 5.5px; 
    }
    /* 生活电器结束 */