* {
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif, "宋体";
}

input:focus,
textarea:focus {
    outline: none;
}

[v-cloak] {
    display: none;
}

a {
    text-decoration: none;
}

    a:hover {
        text-decoration: none;
    }

li {
    list-style: none;
}

.location {
    position: absolute;
}

body {
    max-width: 10rem;
    margin: auto;
}

.container {
    position: relative;
}

.box_header {
    width: 10rem;
    height: 1.49333333rem;
}

header {
    width: 10rem;
    height: 1.49333333rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    z-index: 30000;
}

    header .left {
        margin: 0rem 0rem 0rem 0.42666667rem;
    }

        header .left .menu {
            width: 0.53333333rem;
            height: 0.42666667rem;
        }

        header .left .close {
            width: 0.42666667rem;
            height: 0.42666667rem;
        }

    header .center {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

        header .center img {
            width: 2.24rem;
            height: 0.61333333rem;
        }

        header .center .circle {
            width: 0.05333333rem;
            height: 0.05333333rem;
            border-radius: 50%;
            background: #727171;
            margin: 0rem 0rem 0rem 0.26666667rem;
        }

        header .center span {
            font-size: 0.45333333rem;
            color: #727171;
            margin: 0rem 0rem 0rem 0.26666667rem;
        }

    header .right {
        margin: 0rem 0.4rem 0rem 0rem;
    }

        header .right img {
            width: 0.50666667rem;
            height: 0.50666667rem;
        }

.indexheader {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 11000000;
    background-color: #ffffff;
}

.all_cover {
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 50000;
    background-color: #000000;
    opacity: 0.4;
}

.menu_list_box {
    -webkit-animation-name: layui-m-anim-down;
    animation-name: layui-m-anim-down;
    -webkit-animation-duration: .4s;
    animation-duration: .4s;
    width: 10rem;
    height: 5.97333333rem;
    background-color: #fafafa;
    position: absolute;
    z-index: 50000;
    left: 0rem;
}

    .menu_list_box .menu_list {
        width: 100%;
    }

        .menu_list_box .menu_list li {
            width: 32.8%;
            float: left;
            text-align: center;
            height: 1.33333333rem;
            line-height: 1.33333333rem;
            border: 0.02666667rem solid #eae7e7;
            background-color: #ffffff;
        }

            .menu_list_box .menu_list li a {
                font-size: 0.53333333rem;
                color: #000000;
                text-decoration: none;
            }

                .menu_list_box .menu_list li a:active {
                    color: #ffffff;
                }

            .menu_list_box .menu_list li:active {
                background-color: #68b92e;
            }

            .menu_list_box .menu_list li.on {
                background-color: #68b92e;
            }

                .menu_list_box .menu_list li.on a {
                    color: #ffffff;
                }

section .box_swiper {
    width: 10rem;
    height: 5.54666667rem;
}

    section .box_swiper .swiper-container {
        width: 100%;
        height: 100%;
    }

        section .box_swiper .swiper-container .swiper-wrapper {
            width: 100%;
            height: 100%;
        }

            section .box_swiper .swiper-container .swiper-wrapper .swiper-slide {
                width: 100%;
                height: 100%;
                position: relative;
            }

                section .box_swiper .swiper-container .swiper-wrapper .swiper-slide .itemPic {
                    width: 100%;
                    height: 100%;
                }

                section .box_swiper .swiper-container .swiper-wrapper .swiper-slide .bottom_box {
                    width: 100%;
                    position: absolute;
                    bottom: 0rem;
                    right: 0rem;
                    height: 0.88rem;
                    background: linear-gradient(0deg, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0));
                }

                    section .box_swiper .swiper-container .swiper-wrapper .swiper-slide .bottom_box .count {
                        position: absolute;
                        bottom: 0.37333333rem;
                        right: 0.32rem;
                        font-size: 0.37333333rem;
                        color: #ffffff;
                    }

                    section .box_swiper .swiper-container .swiper-wrapper .swiper-slide .bottom_box .title {
                        position: absolute;
                        bottom: 0.34666667rem;
                        left: 0.48rem;
                        font-size: 0.37333333rem;
                        color: #ffffff;
                        overflow: hidden;
                        /*超出部分隐藏*/
                        text-overflow: ellipsis;
                        /* 超出部分显示省略号 */
                        white-space: nowrap;
                        /*规定段落中的文本不进行换行 */
                        max-width: 7.46666667rem;
                        /*需要配合宽度来使用*/
                        text-align: left;
                    }

                section .box_swiper .swiper-container .swiper-wrapper .swiper-slide .box_status {
                    width: 100%;
                    position: absolute;
                    top: 0.45333333rem;
                    left: 0.48rem;
                    display: flex;
                    justify-content: flex-start;
                    flex-wrap: nowrap;
                    align-items: center;
                    align-content: center;
                }

                    section .box_swiper .swiper-container .swiper-wrapper .swiper-slide .box_status .status {
                        padding: 0rem 0.13333333rem 0rem 0.13333333rem;
                        font-size: 0.26666667rem;
                        color: #ffffff;
                        height: 0.4rem;
                        line-height: 0.4rem;
                        text-align: center;
                        border-radius: 2px;
                    }

                    section .box_swiper .swiper-container .swiper-wrapper .swiper-slide .box_status .status01 {
                        display: flex;
                        align-items: center;
                        align-content: center;
                        justify-content: center;
                        background: #85B12E;
                    }

                        section .box_swiper .swiper-container .swiper-wrapper .swiper-slide .box_status .status01 .circle {
                            width: 0.13333333rem;
                            height: 0.13333333rem;
                            border-radius: 50%;
                            margin: 0rem 0.08rem 0rem 0rem;
                            background-color: #FFFFFF;
                            display: inline-block;
                        }

                        section .box_swiper .swiper-container .swiper-wrapper .swiper-slide .box_status .status01 .txt {
                            line-height: 0.4rem;
                            height: 0.4rem;
                        }

                    section .box_swiper .swiper-container .swiper-wrapper .swiper-slide .box_status .status02 {
                        background: #F4AF38;
                    }

                    section .box_swiper .swiper-container .swiper-wrapper .swiper-slide .box_status .status03 {
                        background: #3393FF;
                    }

                    section .box_swiper .swiper-container .swiper-wrapper .swiper-slide .box_status .watch {
                        padding: 0rem 0.16rem 0rem 0.16rem;
                        border-radius: 0.05333333rem;
                        text-align: center;
                        line-height: 0.4rem;
                        position: relative;
                        font-size: 0.26666667rem;
                    }

                        section .box_swiper .swiper-container .swiper-wrapper .swiper-slide .box_status .watch .box_watch {
                            width: 100%;
                            height: 100%;
                            font-size: 0.26666667rem;
                            color: #ffffff;
                            position: absolute;
                            top: 0rem;
                            left: 0rem;
                            z-index: 10000;
                        }

                        section .box_swiper .swiper-container .swiper-wrapper .swiper-slide .box_status .watch .cover_watch {
                            width: 100%;
                            height: 100%;
                            background: #000000;
                            opacity: 0.2;
                            position: absolute;
                            top: 0rem;
                            left: 0rem;
                            z-index: 0;
                        }

section .box_allRadios {
    width: 9.46666667rem;
    margin: 0rem auto 0;
}

    section .box_allRadios .title {
        font-size: 0.42666667rem;
        color: #31313a;
        margin: 0.53333333rem 0rem 0.53333333rem 0rem;
        font-weight: 800;
    }

    section .box_allRadios .box_radios {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }

        section .box_allRadios .box_radios .item {
            display: inline;
            border: 0.02666667rem solid #e4e4e4;
            overflow: hidden;
            display: inline-block;
            width: 4.56rem;
            height: 5.6rem;
            margin: 0rem 0rem 0.26666667rem 0rem;
            display: flex;
            align-items: flex-start;
            justify-content: center;
            flex-wrap: wrap;
            position: relative;
            background-color: #f3f3f3;
        }

            section .box_allRadios .box_radios .item .header {
                width: 100%;
                height: 3.06666667rem;
            }

            section .box_allRadios .box_radios .item .box_view {
                position: absolute;
                height: 0.4rem;
                border-radius: 0.05333333rem;
                top: 0.21333333rem;
                left: 0.21333333rem;
                padding: 0rem 0.18666667rem 0rem 0.13333333rem;
                display: flex;
                justify-content: center;
                align-items: center;
                align-content: center;
            }

                section .box_allRadios .box_radios .item .box_view img {
                    width: 0.29333333rem;
                    height: 0.24rem;
                    margin: 0.02666667rem 0.10666667rem 0rem 0rem;
                }

                section .box_allRadios .box_radios .item .box_view span {
                    font-size: 10px;
                    color: #ffffff;
                }

                section .box_allRadios .box_radios .item .box_view .view {
                    width: 100%;
                    height: 100%;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    align-content: center;
                    position: absolute;
                    border-radius: 0.05333333rem;
                    top: 0rem;
                    left: 0rem;
                    z-index: 1000;
                }

                section .box_allRadios .box_radios .item .box_view .cover {
                    width: 100%;
                    height: 0.4rem;
                    position: absolute;
                    border-radius: 0.05333333rem;
                    top: 0rem;
                    left: 0rem;
                    background: #000000;
                    opacity: 0.3;
                }

            section .box_allRadios .box_radios .item .bottom {
                width: 99%;
                height: 2.53333333rem;
                background: #ffffff;
            }

                section .box_allRadios .box_radios .item .bottom .bottom_title {
                    font-size: 0.37333333rem;
                    color: #333333;
                    display: -webkit-box;
                    -webkit-box-orient: vertical;
                    -webkit-line-clamp: 2;
                    overflow: hidden;
                    width: 4.61333333rem;
                    text-align: left;
                    margin: 0.26666667rem auto 0;
                    width: 3.97333333rem !important;
                    height: 0.96rem;
                    line-height: 0.48rem;
                }

                section .box_allRadios .box_radios .item .bottom .box_status {
                    width: 3.97333333rem !important;
                    display: flex;
                    align-items: center;
                    justify-content: space-around;
                    justify-content: space-between;
                    flex-wrap: no-wrap;
                    margin: 0.50666667rem auto 0;
                }

                    section .box_allRadios .box_radios .item .bottom .box_status .time {
                        font-size: 0.26666667rem;
                        color: #999999;
                    }

                    section .box_allRadios .box_radios .item .bottom .box_status .status {
                        padding: 0rem 0.13333333rem 0rem 0.13333333rem;
                        font-size: 0.26666667rem;
                        color: #ffffff;
                        height: 0.4rem;
                        line-height: 0.4rem;
                        text-align: center;
                        border-radius: 2px;
                    }

                    section .box_allRadios .box_radios .item .bottom .box_status .status01 {
                        display: flex;
                        align-items: center;
                        align-content: center;
                        justify-content: center;
                        background: #85B12E;
                    }

                        section .box_allRadios .box_radios .item .bottom .box_status .status01 .circle {
                            width: 0.13333333rem;
                            height: 0.13333333rem;
                            border-radius: 50%;
                            margin: 0rem 0.08rem 0rem 0rem;
                            background-color: #FFFFFF;
                            display: inline-block;
                        }

                        section .box_allRadios .box_radios .item .bottom .box_status .status01 .txt {
                            line-height: 0.4rem;
                            height: 0.4rem;
                        }

                    section .box_allRadios .box_radios .item .bottom .box_status .status02 {
                        background: #F4AF38;
                    }

                    section .box_allRadios .box_radios .item .bottom .box_status .status03 {
                        background: #3393FF;
                    }

footer {
    width: 100%;
    margin: 0.53333333rem auto 1.2rem;
    text-align: center;
}

    footer p {
        font-size: 0.32rem;
        color: #999999;
    }

@keyframes layui-m-anim-down {
    0% {
        opacity: 0;
        top: 0rem;
    }

    100% {
        opacity: 1;
        top: 1.49333333rem;
    }
}

@-webkit-keyframes layui-m-anim-down {
    0% {
        opacity: 0;
        top: 0rem;
    }

    100% {
        opacity: 1;
        top: 1.49333333rem;
    }
}

.loading-div {
    width: 100%;
    height: 1.6rem;
    text-align: center;
    vertical-align: middle;
}

    .loading-div img {
        width: 0.53333333rem;
        height: 0.53333333rem;
        margin: 0.53333333rem auto;
        opacity: 0.8;
    }