.toolkit {
        position: fixed;
        color: #fff;
        /* left: 50%;
        margin-left: 610px; */
        right: 0;
        top: 35%;
        background-color: rgba(255, 123, 0, .8);
        border-radius: 10px;
        overflow: hidden;
        z-index: 999;
        cursor: pointer;
}


.toolkit li a {
        display: block;
        color: #fff;
        height: 30px;
        width: 80px;
        text-align: center;
        line-height: 30px;
}

.toolkit .returntop {
        height: 40px;
        line-height: 40px;
        text-align: center;
        display: none;
        background-color: orangered;
}

.toolkit li:hover {
        background-color: rgba(255, 123, 0, 1);
}

.main {
        width: 990px;
        height: 480px;
        /* background-color: skyblue; */
        margin-left: 220px;
        padding: 10px 0;
}

.main .focus {
        position: relative;
        float: left;
        width: 721px;
        height: 455px;
        overflow: hidden;
        /* background-color: purple; */
        /* background: url(../images/banner.jpg); */
}

.main .focus .arrow {
        position: absolute;
        width: 35px;
        height: 35px;
        top: 220px;
        cursor: pointer;
        z-index: 999;
        background-color: rgba(0, 0, 0, .3);
}

.main .focus .arrow:hover {
        background-color: rgba(0, 0, 0, .6);
}

.main .focus .arrow img {
        margin-top: 5px;
        width: 25px;
        height: 25px;
}

.main .focus .arrow_left {
        display: none;
        left: 0;
        border-radius: 0 15px 15px 0;
}

.main .focus .arrow_right {
        display: none;
        right: 0;
        border-radius: 15px 0 0 15px;
}

.main .focus .arrow_right img {
        float: right;
        /*保持左右对齐*/
}

.main .focus .spot {
        position: absolute;
        bottom: 20px;
        left: 50%;
        /*右移整个盒子的50%*/
        transform: translateX(-50%);
        /*再左移整个盒子的50%的距离，让该盒子的中心，正好位于父盒子的中心*/
        z-index: 999;
        padding: 6px;
        background-color: rgba(0, 0, 0, 0.4);
        border-radius: 11px;
}

.main .focus .spot li {
        float: left;
        width: 15px;
        height: 10px;
        border-radius: 5px;
        margin-left: 6px;
        background-color: #fff;
        cursor: pointer;
        border: 1px solid orangered;
}

.main .focus .spot li:nth-child(1) {
        margin-left: 0;
}

.main .focus .spot .current {
        background-color: orangered;
}


.main .focus ul {
        position: absolute;
        width: 900%;
        /*子盒子可以比父盒子宽，500% 为 父盒子的5倍*/
}

.main .focus ul li {
        float: left;
}

.main .focus img {
        float: left;
        width: 721px;
        height: 455px;
}

.main .newsflash {
        float: right;
        width: 250px;
        height: 455px;
        /* background-color: aqua; */
}

.news {
        height: 165px;
        /* background-color: skyblue; */
}

.news_hd {
        height: 33px;
        line-height: 33px;
        padding: 0 15px;
        border-bottom: 1px dotted #e4e4e4;
}

.news_hd h5 {
        float: left;
        font-size: 14px;
}

.news_hd a {
        float: right;
}


.lifeservice {
        height: 210px;
        /* background-color: purple; */
}

.bargin {
        margin-top: 5px;
}

.news li {
        padding: 6px 10px;
        height: 24px;
}

.news_bd a {
        font-size: 14px;
}

.news_bd a:hover {
        color: #b1191a;
}

.lifeservice {
        border: 1px solid #e4e4e4;
        border-radius: 15px;
        overflow: hidden;
}

.lifeservice ul li {
        float: left;
        text-align: center;
        width: 62px;
        height: 70px;
        padding-top: 6px;
        border-right: 1px solid #e4e4e4;
        border-bottom: 1px solid #e4e4e4;

}

.lifeservice i {
        color: blueviolet;
        font-size: 25px;
}

.lifeservice ul li a {
        display: block;
        width: 100%;
        height: 100%;
}



.lifeservice ul li p {
        font-size: 10px;
}

.lifeservice ul li:nth-child(even) i {
        color: orangered;
}


.lifeservice ul li a:hover {
        color: red;
}

.recommend {
        height: 163px;
        /* background-color: skyblue; */
        margin-bottom: 15px;
}

.recom_hd {
        float: left;
        width: 205px;
        height: 163px;
        padding-top: 30px;
        text-align: center;
        background-color: #5c5251;
}


.recom_bd ul li {
        position: relative;
        float: left;
}

.recom_bd ul li img {
        width: 248px;
        height: 163px;
}

.recom_bd ul li:nth-child(-n+3):after {
        content: '';
        position: absolute;
        right: 0;
        top: 10px;
        width: 2px;
        height: 145px;
        background-color: #ddd;

}

.box_hd {
        height: 30px;
        /* margin-top: 30px; */
        line-height: 30px;
        border-bottom: 3px solid #c81623;
}

.box_hd h3 {
        float: left;
        color: #c81623;
        font-size: 18px;
        font-weight: 400;
}

.box_hd .tab_list {
        float: right;
}

.box_hd .tab_list ul li {
        float: left;
}

.box_hd .tab_list ul li a {
        margin: 0 15px;
}

.box_bd {
        height: 358px;
        /* background-color: skyblue; */
}

.box_bd .bd_1 {
        float: left;
        height: 100%;
        width: 210px;
        background-color: #f9f9f9;
}

.box_bd .bd_2 {
        float: left;
        height: 100%;
        width: 329px;
        /* background-color: yellow; */
}

.box_bd .bd_3 {
        float: left;
        height: 100%;
        width: 220px;
        /* background-color: green; */
}

.box_bd .bd_3 .bd_3_top {
        border-bottom: 2px solid #ededed;
}

.box_bd .bd_3 .bd_3_top img {
        width: 220px;
        height: 50%;
}

.box_bd .bd_3 .bd_3_bottom img {
        width: 220px;
        height: 50%;
}

/* 额，还是尽量给所有img定义统一宽高，如果切图不那么准的话 -- 2022-10-16 --wxy */

.box_bd .bd_4 {
        float: left;
        height: 100%;
        width: 220px;
        /* background-color: blue; */
}

.box_bd .bd_5 {
        float: left;
        height: 100%;
        width: 220px;
        /* background-color: red; */
}

.bd1_hd ul li a {
        float: left;
        margin-left: 12px;
        text-align: center;
        line-height: 32px;
        width: 80px;
        height: 32px;
        border-bottom: 1px solid #ededed;
}

.ad {
        margin: 15px 0 20px;
}

.guesslike .box_hd {
        /* height: 30px;
        line-height: 30px; */
        border: none;
        margin-bottom: 5px;
        /* background-color: skyblue; */
}

.guesslike .box_bd {
        height: 231px;
        /* background-color: purple; */
        margin-bottom: 15px;
}

.guesslike .box_bd ul li {
        float: left;
        text-align: center;
        width: 16.6%;
}

/* .guesslike .box_bd ul li:hover {
        background-color: rgb(213, 243, 249);
} */

.guesslike .box_bd .bd_bottom {
        height: 62px;
        border-left: 2px solid #ededed;

}

.guesslike .box_bd .bd_bottom i {
        font-size: 18px;
        color: #df3033;
}


.guesslike .box_bd .bd_top {
        height: 161px;
        border-top: 2px solid rgb(228, 227, 227);
}

.guesslike .box_bd .bd_top img {
        width: 201px;
        height: 161px;
}



.chuanzhi .box_hd {
        /* height: 30px;
        line-height: 30px; */
        border: none;
        /* background-color: skyblue; */
}

.chuanzhi .box_bd {
        height: 406px;
        /* background-color: skyblue; */
        margin-bottom: 30px;
}

.chuanzhi .box_bd ul li {
        float: left;
}

.fengqiang .box_hd {
        border: none;
}

.fengqiang .box_bd {
        height: 282px;
        /* background-color: skyblue; */
        margin-bottom: 37px;
        border: 2px solid #ededed;
}