* {
    margin: 0;
    padding: 0;
}

li {
    list-style: none
}

a {
    text-decoration: none;
}

body {
    background-color: #F2F2F2;
}

.head_pc {
    display: flex;
    width: 100%;
    font-size: .175rem;
    height: .8375rem;
    background-color: #FFF;
}

.head_pc button {
    cursor: pointer;
    width: 1rem;
    height: .3rem;
    font-size: .175rem;
    margin-top: .3rem;
    margin-left: 7.525rem;
    color: #F13B11;
    border: 0;
    outline: none;
    background-color: #FFFFFF;
}

.head_m,
.conter_m,
.banyuan {
    display: none;
}

.logo {
    width: 5.225rem;
    height: .8375rem;
}

.head_text {
    width: 2.6rem;
    height: .7875rem;
    line-height: .7875rem;
    margin-left: 5.975rem;
    text-align: center;
    color: #F13B11;
    font-size: .225rem;
    border-bottom: .05rem solid #F13B11;
}

.background_login {
    position: relative;

    margin-bottom: 1.25rem;
}

.game_left {
    position: fixed;
    left: -0.95rem;
    top: 2.35rem;
    width: 3.025rem;
    height: 2.6rem;
}

.cat {
    position: fixed;
    right: 0;
    top: 3.8875rem;
    width: 2.9875rem;
    height: 4.175rem;
}

.item_conter {
    margin-top: .7125rem;
    margin-left: 4.5rem;
    width: 15rem;
    min-height: 5rem;
}

.conter {
    margin-top: .3625rem;
    width: 15rem;
    min-height: 3.75rem;
}

.conter_haed {
    display: flex;
    width: 15rem;
    height: .425rem;
    color: #8B8A8B;
    font-size: .25rem;
    border-bottom: 1px solid #000000;
}

.conter #orderList {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.conter #orderList li {
    width: 7.3375rem;
    margin-bottom: .25rem;
    height: 1.55rem;
    background: #FFFFFF;
    border-radius: .05rem .05rem .05rem .05rem;

}

.conter #orderList li.none {
    background: #f7f7f7;
    border-radius: 0.1067rem 0.1067rem 0.1067rem 0.1067rem;
    color: #c7c7c7;
    text-align: center;
    line-height: 1.55rem;
    font-size: 20px;
    width: 100%;
}

.footing {
    margin: auto;
    /* display: flex; */
    justify-content: space-between;
    color: #6C4C2A;
    width: 6.4rem;
    font-size: .275rem;
    height: .5125rem;
    line-height: .5125rem;
    margin-bottom: 1.8rem;
}

.page_nav {
    margin: auto !important;
    display: table !important;
    justify-content: space-between !important;
    color: #6C4C2A !important;
    font-size: .275rem !important;
    height: .5125rem !important;
    line-height: .5125rem !important;
}

.pagination {
    margin: auto !important;
    display: flex !important;
    /* justify-content: space-between !important; */
    margin-top: .4rem !important;
    color: #6C4C2A !important;

    font-size: .275rem !important;
    height: .47rem !important;
    line-height: .47rem !important;
}

.pagination li {
    cursor: pointer !important;
    margin-left: .3rem;
}

.previous {
    text-align: center;
    line-height: .5125rem;
    font-size: .275rem;
    width: 1.325rem;
    color: #6C4C2A;
    height: .5125rem;
    background-color: #fff;
}

.prev {
    cursor: pointer;
    text-align: center !important;
    line-height: .47rem !important;
    font-size: .275rem !important;
    width: 1.325rem !important;
    color: #000 !important;
    height: .47rem !important;
    background-color: #fff !important;
}

.next {
    cursor: pointer;
    line-height: .47rem;
    text-align: center;
    font-size: .275rem;
    width: 1.325rem !important;
    height: .47rem;
    color: #6C4C2A !important;
    background-color: #fff;
}

.page_item {
    text-align: center;
    width: .47rem;
    height: .47rem !important;
    background-color: #FFF;
}

.page_link {
    display: block;
}

.footing_conter {
    position: relative;
    width: 3rem !important;
    height: .5125rem !important;
}

.footing_conter ul {
    position: absolute;
    font-size: .275rem;
    display: flex;
    justify-content: space-between;
    width: 3rem !important;
    line-height: .5125rem;
    height: .5125rem !important;
}

.footing_conter ul li {
    text-align: center;
    cursor: pointer !important;
    width: .5rem;
    height: 100%;
    background-color: #FFF;
}

.active {
    color: #fff !important;
    background-color: red !important;
}



.record_head {
    display: flex;
    justify-content: space-between;
    margin-left: .1375rem;
    width: 7.0533rem;
    height: .3875rem;
    line-height: .3875rem;
    font-size: .15rem;
    color: #9FA3AD;
}

.record_text {
    display: flex;
}

.record_head img {
    margin-top: .08rem;
    margin-left: .09rem;
    width: .2125rem;
    height: .2125rem;
}

.record_conter {
    display: flex;
    justify-content: space-between;
    margin-left: .125rem;
    margin-top: .125rem;
    width: 7.0533rem;
    height: .875rem;
}

.record_conter_left {
    display: flex;
    width: 4rem;
    font-size: .15rem;
    height: .875rem;
}

.record_conter_left img {
    width: .875rem;
    height: .875rem;
}

.record_conter_left_text {
    margin-left: .125rem;
    font-size: .15rem;
    color: #656565;
}

.record_conter_left_text p {
    margin-top: .075rem;
}

.record_conter_right {
    display: flex;
    height: .875rem;
    line-height: .875rem;
    font-size: .25rem;
}

.footer {
    position: fixed;
    bottom: 0;
    width: 24rem;
    height: 1rem;
    background-color: #000;
}


.footer_text {
    display: flex;
    margin-left: 6.6125rem;
    font-size: .3rem;
    margin-top: .35rem;
    width: 12rem;
    height: .3rem;
    color: #FFFFFF;
}

.footer_text p {
    margin-right: .675rem;
}

.footer_text a {
    margin-top: .1rem;
    text-align: center;
    font-size: .15rem;
    width: 2.3rem;
    height: .2rem;
    color: #FFFFFF;
}

.footer_text span {
    margin-top: .1rem;
    color: #ACACAC;
    font-size: .15rem;
}

.tips {
    left: 50%;
    top: 20%;
    transform: translate(-50%, -50%);
    position: fixed;
    font-size: .25rem;
    text-align: center;
    line-height: 2rem;
    width: 5rem;
    height: 2rem;
    border-radius: .25rem;
    color: #fff;
    z-index: 99;
    background-color: rgb(50 48 48 / 50%)
}