.font1 { font-size: 0.373333rem; color: #666666; height: 0.96rem; line-height: 0.96rem; }
    .font1 .action { background: url(//s.faloo.com/wap/images/newWap/booklist/down.png) no-repeat center center/100% auto; width: 0.373333rem; height: 0.213333rem; transform: rotate( 270deg ); -webkit-transform: rotate( 270deg ); -moz-transform: rotate(270deg); -o-transform: rotate(270deg); -ms-transform: rotate(270deg); display: block; }
.hotCategory { box-shadow: 0 0 0.2rem #e6e6e6; }
    .hotCategory .hc_row1 { font-size: 0.346667rem; color: #666; flex-wrap: wrap; height: 3.44rem; padding: 0.106667rem 0.213333rem; background: #fff; }
        .hotCategory .hc_row1 a { width: 25%; display: flex; flex-direction: column; align-items: center; justify-content: center; }
    .hotCategory .hc_row2 { font-size: 0.346667rem; color: #999; flex-wrap: wrap; padding: 0.133333rem 0.213333rem; background: #fff; margin-top: 0.066667rem; min-height: 2.586667rem; box-sizing: border-box; }
        .hotCategory .hc_row2 a { width: 25%; text-align: center; }
            .hotCategory .hc_row2 a:after { content: ""; display: block; float: right; height: 0.466667rem; color: #CBCBCB; font-size: 0.346667rem; width: 0.026667rem; background: #CBCBCB; }
            .hotCategory .hc_row2 a:nth-child(4n)::after { display: none; }
    .hotCategory .icon { background-repeat: no-repeat; background-position: center center; width: 0.813333rem; height: 0.786667rem; display: block; margin-bottom: 0.126666rem; }
    .hotCategory .icon_1 { background-image: url("//s.faloo.com/wap/images/newWap/index/cate_icon1.png"); background-size: 0.773333rem 0.786667rem; }
    .hotCategory .icon_2 { background-image: url("//s.faloo.com/wap/images/newWap/index/cate_icon2.png"); background-size: 0.813333rem 0.613333rem; }
    .hotCategory .icon_3 { background-image: url("//s.faloo.com/wap/images/newWap/index/cate_icon3.png"); background-size: 0.733333rem 0.733333rem; }
    .hotCategory .icon_4 { background-image: url("//s.faloo.com/wap/images/newWap/index/cate_icon4.png"); background-size: 0.653333rem 0.666667rem; }
    .hotCategory .icon_5 { background-image: url("//s.faloo.com/wap/images/newWap/index/cate_icon5.png"); background-size: 0.773333rem 0.786667rem; }
    .hotCategory .icon_6 { background-image: url("//s.faloo.com/wap/images/newWap/index/cate_icon6.png"); background-size: 0.64rem 0.693333rem; }
    .hotCategory .icon_7 { background-image: url("//s.faloo.com/wap/images/newWap/index/cate_icon7.png"); background-size: 0.586667rem 0.693333rem; }
    .hotCategory .icon_8 { background-image: url("//s.faloo.com/wap/images/newWap/index/cate_icon8.png"); background-size: 0.6rem 0.653333rem; }

.subLayout { padding: 4%; background-color: #fff; list-style: none; flex-wrap: wrap; justify-content: space-between; box-shadow: 0 0 0.2rem #e6e6e6; border-radius: 0.053333rem; }
    .subLayout li { border: 1px solid #E6E6E6; border-radius: 0.053333rem; width: 21%; height: 2.6rem; color: #666666; font-size: 0.346667rem; }
        .subLayout li:nth-child(n+5) { margin-top: 4%; }
        .subLayout li .a_imgs { width: 71%; position: relative; height: 1.733333rem; margin-bottom: 6%; }
        .subLayout li a { display: flex; flex-direction: column; justify-content: center; align-items: center; height: 100%; }
        .subLayout li img { width: 83.2%; box-shadow: 0 0 0.2rem #e6e6e6; border-radius: 0.053333rem; }
        .subLayout li .a_imgs img:first-child { position: absolute; left: 0; top: 0; }
        .subLayout li .a_imgs img:last-child { position: absolute; right: 0; bottom: 0; }