abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    box-sizing:border-box}

body,html {
    font-family: Microsoft YaHei,微软雅黑;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -ms-tap-highlight-color: transparent;
    tap-highlight-color: transparent;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    position: relative
}

*,:after,:before {
    box-sizing: border-box
}

body {
    line-height: 1
}

:focus {
    outline: 1
}

article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary {
    display: block
}

li,nav,ul {
    list-style: none
}

blockquote,q {
    quotes: none
}

blockquote:after,blockquote:before,q:after,q:before {
    content: "";
    content: none
}

a {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent
}

a,ins {
    text-decoration: none
}

ins,mark {
    background-color: #ff9;
    color: #000
}

mark {
    font-style: italic;
    font-weight: 700
}

del {
    text-decoration: line-through
}

abbr[title],dfn[title] {
    border-bottom: 1px dotted #000;
    cursor: help
}

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

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0
}

input,select {
    vertical-align: middle
}

::-webkit-input-placeholder {
    color: #859c72
}

:-moz-placeholder,::-moz-placeholder {
    color: #859c72
}

:-ms-input-placeholder {
    color: #859c72
}

@font-face {
    font-family: gameFont;
    src: url(https://cdn1.battleofballs.com/api/img/MFYueHei_Noncommercial-Light.ttf)
}

@media screen and (max-width: 600px) {
    .po,.po .allBg {
        width:100%;
        height: 100%
    }

    .po .allBg {
        background-image: url(https://cdn1.battleofballs.com/api/img/allbg.png);
        background-size: cover;
        display: block;
        background-repeat: no-repeat;
        font-family: gameFont;
        padding-top: .56rem
    }

    .po .allBg .tips {
        width: 100%;
        height: .3rem;
        text-align: center;
        font-size: .2rem;
        line-height: .45rem;
        margin-top: .1rem;
        color: #859c72;
    }

    .po .allBg .allBg_closeBtn {
        width: 100%;
        height: .6rem;
        background: #fbffe8;
        border-bottom: 1px solid #e0e6c6;
        box-shadow: 2px 2px 2px #e9f5c1
    }

    .po .allBg .allBg_closeBtn>span {
        font-size: .24rem;
        display: inline-block;
        float: left;
        line-height: .6rem;
        margin-left: .35rem;
        color: #859c72;
        cursor: pointer
    }
    .po .allBg .allBg_logoTitle {
        text-align: center;
        width: 100%;
        font-size: .4rem;
        color: #677d55
    }

    .po .allBg .allBg_logoTitle>img {
        width: .5rem;
        height: .5rem;
        display: inline-block;
        vertical-align: middle;
        position: relative;
        margin-top: -.07rem
    }

    .po .allBg .allBg_appTitle {
        width: 100%;
        text-align: center;
        font-size: .24rem;
        color: #859c72;
        margin-top: .1rem
    }

    .po .allBg .allBg_input {
        width: 5.4rem;
        margin-top: .5rem;
        box-shadow: 2px 2px 2px #d2f0c4;
        position: relative;
        left: 50%;
        margin-left: -2.7rem;
        border-radius: .05rem;
        zoom:1}

    .po .allBg .allBg_input:after {
        display: table;
        content: "";
        clear: both
    }

    .po .allBg .allBg_input>input {
        width: 100%;
        height: .94rem;
        background: #fbffe8;
        -webkit-appearance: none;
        appearance: none;
        float: left;
        outline: none;
        border: none;
        border: 1px solid #e0e6c6;
        box-shadow: 2px 2px 2px #d2f0c4;
        padding-left: .3rem;
        font-size: .28rem;
        color: #859c72;
        font-family: gameFont
    }

    .po .allBg .allBg_input>input:first-child {
        border-radius: .1rem .1rem 0 0;
        border-bottom: none
    }

    .po .allBg .allBg_input>input:nth-child(2) {
        border-radius: 0 0 .1rem .1rem
    }

    .po .allBg .allBg_input .errortips {
        display: none;
        width: 82%;
        font-size: .25rem;
        line-height: .45rem;
        margin-top: 2.5rem;
        border: 1px solid #a1db95;
        padding: .2rem;
        border-radius: 6px;
        background: rgba(0,0,0,.8);
        color: #fff;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        z-index: 200;
        text-align: center;
    }

    .po .allBg .allBg_input .allBg_input_tips {
        margin-top: -55px;
        display: inline-block
    }

    .po .allBg .allBg_info {
        width: 100%;
        position: relative;
        margin-top: .07rem;
        padding: .64rem 0 .17rem .5rem;
        margin-top: 1.6rem
    }

    .po .allBg .allBg_info>div:first-child {
        width: 100%;
        font-size: .2rem;
        color: #677d55;
        margin-bottom: .2rem
    }

    .po .allBg .allBg_info .allBg_info_list {
        zoom:1}

    .po .allBg .allBg_info .allBg_info_list:after {
        display: table;
        content: "";
        clear: both
    }

    .po .allBg .allBg_info .allBg_info_list>div {
        font-size: 0;
        margin-top: .15rem
    }

    .po .allBg .allBg_info .allBg_info_list>div>span:first-child {
        width: .24rem;
        height: .24rem;
        background-image: url(https://cdn1.battleofballs.com/api/img/cricle.png);
        background-size: cover;
        background-repeat: no-repeat;
        display: inline-block;
        cursor: pointer;
        float: left;
    }

    .po .allBg .allBg_info .allBg_info_list>div>span:first-child>img {
        width: .18rem;
        height: .14rem;
        position: relative;
        left: 50%;
        top: 50%;
        margin-left: -.09rem;
        margin-top: -.07rem
    }

    .po .allBg .allBg_info .allBg_info_list>div>span:last-child {
        font-size: .2rem;
        line-height:.26rem;
        color: #677d55;
        display: inline-block;
        vertical-align: middle;
        margin-left: .1rem;
        margin-right: .42rem
    }

    .po .allBg .allBg_btn {
        margin-top: .25rem;
        width: 2.56rem;
        height: .78rem;
        background: url(https://cdn1.battleofballs.com/api/img/btn.png);
        background-size: cover;
        display: block;
        background-repeat: no-repeat;
        position: relative;
        left: 50%;
        margin-left: -1.28rem;
        font-size: .36rem;
        color: #fff;
        text-align: center;
        line-height: .78rem;
        cursor: pointer;
        margin-top: -3.3rem
    }

    .po .allBg .allBg_copyright {
        width: 100%;
        text-align: center;
        font-size: .2rem;
        color: #859c72;
        margin-top: .26rem;
        position: absolute;
        bottom: .14rem
    }
}

@media screen and (min-width: 600px) and (max-width:1024px) {
    .po,.po .allBg {
        width:100%;
        height: 100%
    }

    .po .allBg {
        background-image: url(https://cdn1.battleofballs.com/api/img/allbg.png);
        background-size: cover;
        display: block;
        background-repeat: no-repeat;
        font-family: gameFont;
        padding-top: .56rem
    }

    .po .allBg .allBg_closeBtn {
        width: 100%;
        height: .6rem;
        background: #fbffe8;
        border-bottom: 1px solid #e0e6c6;
        box-shadow: 2px 2px 2px #e9f5c1
    }

    .po .allBg .allBg_closeBtn>span {
        font-size: .24rem;
        display: inline-block;
        float: left;
        line-height: .6rem;
        margin-left: .35rem;
        color: #859c72;
        cursor: pointer
    }

    .po .allBg .allBg_logoTitle {
        text-align: center;
        width: 100%;
        font-size: .4rem;
        color: #677d55
    }

    .po .allBg .allBg_logoTitle>img {
        width: .5rem;
        height: .5rem;
        display: inline-block;
        vertical-align: middle;
        position: relative;
        margin-top: -.07rem
    }

    .po .allBg .allBg_appTitle {
        width: 100%;
        text-align: center;
        font-size: .24rem;
        color: #859c72;
        margin-top: .1rem
    }

    .po .allBg .allBg_input {
        width: 5.4rem;
        margin-top: .5rem;
        box-shadow: 2px 2px 2px #d2f0c4;
        position: relative;
        left: 50%;
        margin-left: -2.7rem;
        border-radius: .05rem;
        zoom:1}

    .po .allBg .allBg_input:after {
        display: table;
        content: "";
        clear: both
    }

    .po .allBg .allBg_input>input {
        width: 100%;
        height: .94rem;
        background: #fbffe8;
        -webkit-appearance: none;
        appearance: none;
        float: left;
        outline: none;
        border: none;
        border: 1px solid #e0e6c6;
        box-shadow: 2px 2px 2px #d2f0c4;
        padding-left: .3rem;
        font-size: .28rem;
        color: #859c72;
        font-family: gameFont
    }

    .po .allBg .allBg_input>input:first-child {
        border-radius: .1rem .1rem 0 0;
        border-bottom: none
    }

    .po .allBg .allBg_input>input:nth-child(2) {
        border-radius: 0 0 .1rem .1rem
    }

    .po .allBg .allBg_input .errortips {
        display: none;
        width: 80%;
        font-size: .25rem;
        line-height: .45rem;
        margin-top: 2.5rem;
        border: 1px solid #a1db95;
        padding: .2rem;
        border-radius: 6px;
        background: rgba(0,0,0,.8);
        color: #fff;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        z-index: 200;
        text-align: center;
    }

    .po .allBg .allBg_input .allBg_input_tips {
        margin-top: -55px;
        display: inline-block
    }

    .po .allBg .allBg_info {
        width: 100%;
        position: relative;
        margin-top: .07rem;
        padding: .64rem 0 .17rem .5rem;
        margin-top: .8rem
    }

    .po .allBg .allBg_info>div:first-child {
        width: 100%;
        font-size: .2rem;
        color: #677d55;
        margin-bottom: .2rem
    }

    .po .allBg .allBg_info .allBg_info_list {
        zoom:1}

    .po .allBg .allBg_info .allBg_info_list:after {
        display: table;
        content: "";
        clear: both
    }

    .po .allBg .allBg_info .allBg_info_list>div {
        font-size: 0;
        margin-top: .15rem
    }

    .po .allBg .allBg_info .allBg_info_list>div>span:first-child {
        width: .24rem;
        height: .24rem;
        background-image: url(https://cdn1.battleofballs.com/api/img/cricle.png);
        background-size: cover;
        display: block;
        background-repeat: no-repeat;
        display: inline-block;
        cursor: pointer
    }

    .po .allBg .allBg_info .allBg_info_list>div>span:first-child>img {
        width: .18rem;
        height: .14rem;
        position: relative;
        left: 50%;
        top: 50%;
        margin-left: -.09rem;
        margin-top: -.07rem
    }

    .po .allBg .allBg_info .allBg_info_list>div>span:last-child {
        font-size: .2rem;
        color: #677d55;
        display: inline-block;
        vertical-align: bottom;
        margin-top: .09rem;
        margin-left: .1rem;
        margin-right: .42rem
    }

    .po .allBg .allBg_btn {
        margin-top: .25rem;
        width: 2.56rem;
        height: .78rem;
        background: url(https://cdn1.battleofballs.com/api/img/btn.png);
        background-size: cover;
        display: block;
        background-repeat: no-repeat;
        position: relative;
        left: 50%;
        margin-left: -1.28rem;
        font-size: .36rem;
        color: #fff;
        text-align: center;
        line-height: .78rem;
        cursor: pointer;
        margin-top: -2.8rem
    }

    .po .allBg .allBg_copyright {
        width: 100%;
        text-align: center;
        font-size: .2rem;
        color: #859c72;
        margin-top: .26rem;
        position: absolute;
        bottom: .14rem
    }
}

@media screen and (min-width: 500px) and (max-width:1024px) {
    .la,.la .allBg {
        width:100%;
        height: 100%
    }

    .la .allBg {
        background-image: url(https://cdn1.battleofballs.com/api/img/allbg.png);
        background-size: cover;
        display: block;
        background-repeat: no-repeat;
        font-family: gameFont;
        padding-top: .38rem
    }

    .la .allBg .allBg_closeBtn {
        width: 100%;
        height: .6rem;
        background: #fbffe8;
        border-bottom: 1px solid #e0e6c6;
        box-shadow: 2px 2px 2px #e9f5c1
    }

    .la .allBg .allBg_closeBtn>span {
        font-size: .24rem;
        display: inline-block;
        float: left;
        line-height: .6rem;
        margin-left: .46rem;
        color: #859c72;
        cursor: pointer
    }

    .la .allBg .allBg_logoTitle {
        text-align: center;
        width: 100%;
        font-size: .4rem;
        color: #677d55
    }

    .la .allBg .allBg_logoTitle>img {
        width: .5rem;
        height: .5rem;
        display: inline-block;
        vertical-align: middle;
        position: relative;
        margin-top: -.07rem
    }

    .la .allBg .allBg_appTitle {
        width: 100%;
        text-align: center;
        font-size: .24rem;
        color: #859c72;
        margin-top: .1rem
    }

    .la .allBg .allBg_input {
        width: 9rem;
        margin-top: .16rem;
        box-shadow: 2px 2px 2px #d2f0c4;
        position: relative;
        left: 50%;
        margin-left: -4.5rem;
        border-radius: .05rem;
        zoom:1}

    .la .allBg .allBg_input:after {
        display: table;
        content: "";
        clear: both
    }

    .la .allBg .allBg_input>input {
        width: 100%;
        height: .88rem;
        background: #fbffe8;
        -webkit-appearance: none;
        appearance: none;
        float: left;
        outline: none;
        border: none;
        border: 1px solid #e0e6c6;
        box-shadow: 2px 2px 2px #d2f0c4;
        padding-left: .3rem;
        font-size: .28rem;
        color: #859c72;
        font-family: gameFont
    }

    .la .allBg .allBg_input>input:first-child {
        border-radius: .1rem .1rem 0 0;
        border-bottom: none
    }

    .la .allBg .allBg_input>input:nth-child(2) {
        border-radius: 0 0 .1rem .1rem
    }

    .la .allBg .allBg_input .errortips {
        display: none;
        width: 80%;
        font-size: .25rem;
        line-height: .45rem;
        margin-top: 2.5rem;
        border: 1px solid #a1db95;
        padding: .2rem;
        border-radius: 6px;
        background: rgba(0,0,0,.8);
        color: #fff;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        z-index: 200;
        text-align: center;
    }

    .la .allBg .allBg_info {
        width: 9rem;
        border: 1px solid #e0e6c6;
        border-radius: .05rem;
        position: relative;
        left: 50%;
        margin-left: -4.5rem;
        margin-top: .07rem;
        padding: .14rem 0 .17rem .28rem
    }

    .la .allBg .allBg_info>div:first-child {
        width: 100%;
        font-size: .2rem;
        color: #677d55
    }

    .la .allBg .allBg_info .allBg_info_list {
        zoom:1}

    .la .allBg .allBg_info .allBg_info_list:after {
        display: table;
        content: "";
        clear: both
    }

    .la .allBg .allBg_info .allBg_info_list>div {
        font-size: 0;
        float: left;
        margin-top: .12rem
    }

    .la .allBg .allBg_info .allBg_info_list>div>span:first-child {
        width: .24rem;
        height: .24rem;
        background-image: url(https://cdn1.battleofballs.com/api/img/cricle.png);
        background-size: cover;
        display: block;
        background-repeat: no-repeat;
        display: inline-block;
        cursor: pointer
    }

    .la .allBg .allBg_info .allBg_info_list>div>span:first-child>img {
        width: .18rem;
        height: .14rem;
        position: relative;
        left: 50%;
        top: 50%;
        margin-left: -.09rem;
        margin-top: -.07rem;
        display: block
    }

    .la .allBg .allBg_info .allBg_info_list>div>span:last-child {
        font-size: .2rem;
        color: #677d55;
        display: inline-block;
        vertical-align: top;
        margin-top: .03rem;
        margin-left: .1rem;
        margin-right: .42rem
    }

    .la .allBg .allBg_btn {
        margin-top: .25rem;
        width: 2.56rem;
        height: .78rem;
        background: url(https://cdn1.battleofballs.com/api/img/btn.png);
        background-size: cover;
        display: block;
        background-repeat: no-repeat;
        position: relative;
        left: 50%;
        margin-left: -1.28rem;
        font-size: .36rem;
        color: #fff;
        text-align: center;
        line-height: .78rem;
        cursor: pointer
    }

    .la .allBg .allBg_copyright {
        width: 100%;
        text-align: center;
        font-size: .2rem;
        color: #859c72;
        margin-top: .26rem
    }
}

@media screen and (min-width: 1025px) {
    .allBg {
        width:700px;
        height: 396px;
        background-image: url(https://cdn1.battleofballs.com/api/img/allbg.png);
        background-size: cover;
        display: block;
        background-repeat: no-repeat;
        font-family: gameFont;
        padding-top: 20px
    }

    .allBg .allBg_closeBtn {
        width: 100%;
        height: 38px;
        background: #fbffe8;
        border-bottom: 1px solid #e0e6c6;
        box-shadow: 2px 2px 2px #e9f5c1
    }

    .allBg .allBg_closeBtn>span {
        font-size: 16px;
        display: inline-block;
        float: left;
        line-height: 38px;
        margin-left: 26px;
        color: #859c72;
        cursor: pointer
    }

    .allBg .allBg_logoTitle {
        text-align: center;
        width: 100%;
        font-size: 24px;
        color: #677d55
    }

    .allBg .allBg_logoTitle>img {
        width: 30px;
        height: 30px;
        display: inline-block;
        vertical-align: middle;
        position: relative;
        margin-top: -5px
    }

    .allBg .allBg_appTitle {
        width: 100%;
        text-align: center;
        font-size: 16px;
        color: #859c72;
        margin-top: 5px
    }

    .allBg .allBg_input {
        width: 650px;
        margin-top: 10px;
        box-shadow: 2px 2px 2px #d2f0c4;
        left: 50%;
        margin-left: -325px;
        border-radius: 5px;
        zoom:1;position: relative
    }

    .allBg .allBg_input:after {
        display: table;
        content: "";
        clear: both
    }

    .allBg .allBg_input>input {
        width: 100%;
        height: 55px;
        background: #fbffe8;
        -webkit-appearance: none;
        appearance: none;
        float: left;
        outline: none;
        border: none;
        border: 1px solid #e0e6c6;
        box-shadow: 2px 2px 2px #d2f0c4;
        padding-left: 18px;
        font-size: 16px;
        color: #859c72
    }

    .allBg .allBg_input>input:first-child {
        border-radius: 5px 5px 0 0;
        border-bottom: none
    }

    .allBg .allBg_input>input:nth-child(2) {
        border-radius: 0 0 5px 5px
    }

    .allBg .allBg_input .errortips {
        display: none;
        width: 80%;
        font-size: .25rem;
        line-height: .45rem;
        margin-top: 2.5rem;
        border: 1px solid #a1db95;
        padding: .2rem;
        border-radius: 6px;
        background: rgba(0,0,0,.8);
        color: #fff;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        z-index: 200;
        text-align: center;
    }

    .allBg .allBg_info {
        width: 650px;
        border: 1px solid #e0e6c6;
        border-radius: 5px;
        position: relative;
        left: 50%;
        margin-left: -325px;
        margin-top: 5px;
        padding: 9px 18px 10px
    }

    .allBg .allBg_info>div:first-child {
        width: 100%;
        font-size: 13px;
        color: #677d55
    }

    .allBg .allBg_info .allBg_info_list {
        zoom:1}

    .allBg .allBg_info .allBg_info_list:after {
        display: table;
        content: "";
        clear: both
    }

    .allBg .allBg_info .allBg_info_list>div {
        font-size: 0;
        float: left;
        margin-top: 5px
    }

    .allBg .allBg_info .allBg_info_list>div>span:first-child {
        width: 18px;
        height: 18px;
        background-image: url(https://cdn1.battleofballs.com/api/img/cricle.png);
        background-size: cover;
        display: block;
        background-repeat: no-repeat;
        display: inline-block;
        cursor: pointer
    }

    .allBg .allBg_info .allBg_info_list>div>span:first-child>img {
        width: 14px;
        height: 10px;
        position: relative;
        left: 50%;
        top: 50%;
        margin-left: -7px;
        margin-top: -5px
    }

    .allBg .allBg_info .allBg_info_list>div>span:last-child {
        font-size: 13px;
        color: #677d55;
        display: inline-block;
        vertical-align: middle;
        margin-top: 8px;
        margin-left: 6px;
        margin-right: 26px
    }

    .allBg .allBg_btn {
        width: 158px;
        height: 48px;
        background-image: url(https://cdn1.battleofballs.com/api/img/btn.png);
        background-size: cover;
        display: block;
        background-repeat: no-repeat;
        position: relative;
        left: 50%;
        margin-left: -79px;
        margin-top: 14px;
        font-size: 20px;
        color: #fff;
        text-align: center;
        line-height: 48px;
        cursor: pointer
    }

    .allBg .allBg_copyright {
        width: 100%;
        text-align: center;
        font-size: 14px;
        color: #859c72;
        margin-top: 14px
    }
}