html, body, div, p, ul, li, dl, dt, dd, em, i, span, a, img, input, h1, h2, h3, h4, h5 {
    margin: 0;
    padding: 0;
}

.is_pc ::-webkit-scrollbar {
    width: .1rem;
}
.is_pc ::-webkit-scrollbar-track {
    background-color: rgba(255, 255, 255, 1);
}
.is_pc ::-webkit-scrollbar-thumb {
    border-radius: .2rem;
    background-color: #aaaaaa;
    width: .1rem;
}

a, img, input {
    border: none;
    outline: none;
}

* {
    outline: none;
}

a {
    text-decoration: none;
}

img {
    display: block;
}

ul, li {
    list-style: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

body {
    font: 24px/1.5 -apple-system, "Helvetica Neue", Helvetica, Arial, sans-serif;
    -webkit-user-select: none;
    background-color: #fff;
}

.none {
    display: none;
}

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
}

input[type="number"] {
    -moz-appearance: textfield;
}

* {
    -webkit-appearance: none;
    -webkit-text-size-adjust: none;
}

html {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

#cy_bot {
    padding: 10px !important;
    position: relative;
    z-index: 2
}

.cyLogo {
    margin-top: 10px;
}

.orientLayer {
    display: none;
    position: fixed;
    z-index: 1000;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .9);
    color: #fff;
    font-size: .30rem;
}

html, body {
    width: 100%;
    height: 100%;
    touch-action: manipulation;
}

.pr {
    position: relative;
}

.pa {
    position: absolute;
}

.hide {
    font-size: 0;
    text-indent: -9999em;
    width: 0;
    height: 0;
}

.t {
    font-size: 0;
    text-indent: -9999em;
    display: block
}

.bg {
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: 0 0;
}

img {
    width: 100%;
}

p {
    text-align: center;
}

/***public***/
i, em {
    font-style: normal;
}

.wrap {
    text-align: center;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    top: 0;
    left: 0;
    transition: filter .3s;
}

.is_pc .wrap{
    width: 7.5rem;
}

.page {
    position: absolute;
    width: 100%;
    height: 100vh;
    display: none;
    overflow: hidden;
    background: no-repeat center center/7.5rem auto;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    top: 0;
    margin-top: 0;
    transform-origin: top center;
}
.page.show{
    display: block;
}

.page_mid {
    position: absolute;
    width: 100%;
    height: 11.72rem;
    top: 50%;
    margin-top: -5.86rem;
    left: 0;
}


/* pop */
.pop{
    padding-top: .01rem;
}
.pop h1, h2, p {
    text-align: center;
    color: #fdb366;
}

.pop h1, .txt-box {
    margin: .6rem auto 0;
    font-size: .42rem;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: center center;
}
.pop h1{
    margin-top: .35rem;
}

.pop h1 {
    height: .58rem;
    font-family: hy;
    position: relative;
    background: url("../img/pop-tit.png") no-repeat center center/auto 100%;
}

.pop .txt-box {
    width: 6rem;
    height: 1.60rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #34110d;
    text-shadow: 0 0 .03rem #d3cccc;
}
.txt-box {
    margin-top: .2rem;
}

.pop .txt-box p {
    color: inherit;
}

.pop .txt-box strong {
    font-weight: bold;
}

.pop .txt-box .txt-yellow {
    color: #590a00;
}

.pop-rule .txt-box .txt-yellow {
    font-weight: bold;
    color: #590a00;
    text-shadow: 0 0 .03rem #ffe7eb;
}

.pop .btn-boxPop {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: .4rem;
    left: 50%;
    transform: translateX(-50%);
}

.pop .btn-boxPop > a {
    margin: 0 .04rem;
}

/*.pop .btn-boxPop > a:nth-child(1) {*/
/*    margin-right: .30rem;*/
/*}*/

.pop-common h1{
    margin-top: .3rem;
}
.pop-common .txt-box {
    transform: translate(-50%, -55%);
    margin-top: 0;
    height: 1.9rem;
    font-size: .26rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    word-break: break-word;
}

.pop .txt1 {
    width: 4.50rem;
    font-size: .24rem;
    color: #43330f;
    font-weight: bold;
    line-height: .44rem;
    padding-top: .70rem;
    margin: 0 auto .14rem;
}

/*重置lay.js的toast弹窗样式*/
body .lay-msg {
    font-size: .24rem;
    padding: .10rem .22rem;
}

body .lay-load {
    font-size: .24rem;
}

body .lay-load .lay-load-icon {
    width: .60rem;
    height: .60rem;
    background-size: 100% auto;
    background-position: center center;
}