body {
margin: 0

}

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

audio,canvas,progress,video {
display: inline-block;
vertical-align: baseline
}

audio:not([controls]) {
display: none;
height: 0
}[hidden],template {
display: none
}

a {
background-color: transparent
}

a:active,a:hover {
outline: 0
}

abbr[title] {
border-bottom: 1px dotted
}

b,strong {
font-weight: bold
}

dfn {
font-style: italic
}

h1 {
font-size: 2em;
margin: 0.67em 0
}

mark {
background: #ff0;
color: #000
}

small {
font-size: 80%
}

sub,sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}

sup {
top: -0.5em
}

sub {
bottom: -0.25em
}

img {
border: 0
}

svg:not(:root) {
overflow: hidden
}

figure {
margin: 1em 40px
}

hr {
box-sizing: content-box;
height: 0
}

pre {
overflow: auto
}

code,kbd,pre,samp {
font-family: monospace, monospace;
font-size: 1em
}

button,input,optgroup,select,textarea {
color: inherit;
font: inherit;
margin: 0
}

button {
overflow: visible
}

button,select {
text-transform: none
}

button,html input[type="button"],input[type="reset"],input[type="submit"] {
-webkit-appearance: button;
cursor: pointer
}

button[disabled],html input[disabled] {
cursor: default
}

button::-moz-focus-inner,input::-moz-focus-inner {
border: 0;
padding: 0
}

input {
line-height: normal
}

input[type="checkbox"],input[type="radio"] {
box-sizing: border-box;
padding: 0
}

input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {
height: auto
}

input[type="search"] {
-webkit-appearance: textfield;
box-sizing: content-box
}

input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none
}

fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em
}

legend {
border: 0;
padding: 0
}

textarea {
overflow: auto
}

optgroup {
font-weight: bold
}

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

td,th {
padding: 0
}

.headerArea {
height: 1.2533333333rem;
background: #1767b8;
width: 100%;
display: flex;
justify-content: space-between;
position: fixed;
top: 0;
left: 0;
z-index: 10
}

.headerArea.redBag {
/*background: #8b1e19*/
    background: url(../images/top.png);
}

.headerArea .leftDiv img {
width: 1.1333333333rem;
height: 1.1333333333rem;
margin-top: .0266666667rem;
display: inline-block;
vertical-align: middle;
margin-right: 12px;
margin-left: 16px
}

.headerArea .leftDiv span {
display: inline-block;
height: 100%;
line-height: 1.2533333333rem;
vertical-align: middle;
color: #fff;
font-size: 20px
}

.headerArea .rightDiv {
padding-right: 26px
}

.headerArea .rightDiv img {
width: 2.5333333333rem;
height: .9333333333rem;
margin-top: .1733333333rem;
}

.content {
/*padding-top: 1.2533333333rem;*/
position: relative
}

.content .bg {
width: 100%;
height: auto
}

.content .btn {
width: 6.6666666667rem;
height: 1.8133333333rem;
position: absolute;
bottom: 3.6rem;
left: 50%;
transform: translateX(-50%)
}

.content .btn1 {
    width: 6.6666666667rem;
    height: 1.8133333333rem;
    position: absolute;
    bottom: 3.1rem;
    left: 50%;
    transform: translateX(-50%)
}

.content .btnleft {
    width: 4.166667rem;
    height: 1.313333rem;
    position: absolute;
    bottom: 5.3rem;
    left: 25%;
    transform: translateX(-50%);
}

.content .btnright {
    width: 4.166667rem;
    height: 1.313333rem;
    position: absolute;
    bottom: 5.3rem;
    left: 75%;
    transform: translateX(-50%)
}

.content .btn.red {
    bottom: 5.1333333333rem
}

.content .btn.brokeBtn {
bottom: 4.4rem
}

.content .btn.code {
bottom: 5.2666666667rem
}

.content div {
width: 6.6666666667rem;
text-align: center;
position: absolute;
bottom: 2.6666666667rem;
left: 50%;
transform: translateX(-50%)
}

.content div span {
font-size: 18px;
color: #f76a42;
font-weight: bold
}

.content div.ohter {
width: 100%;
bottom: 3.8666666667rem
}

.content div.ohter h3 {
color: #fd9db1
}

.content div.ohter h3 span {
color: #fd9db1
}

.content div.ohter p {
color: #ec738c
}

.content div.redWord {
bottom: 4.3333333333rem
}

.content div.redWord span {
color: #fd9db1
}

.content div.invite {
bottom: 2.1333333333rem
}

.content div.invite img {
width: 5.3333333333rem;
height: 2.1333333333rem
}

.content div.invite ul {
width: 4.8rem;
display: flex;
position: absolute;
top: .5333333333rem;
left: 50%;
transform: translateX(-50%);
justify-content: space-between
} 

.content div.invite ul li {
width: .64rem;
height: .64rem;
background: #450422;
border-radius: 5px;
text-align: center;
line-height: .64rem;
color: #ffffff;
font-weight: 700
}

.content div.invite .copy {
width: 2.1333333333rem;
height: .5866666667rem;
position: absolute;
top: 1.3333333333rem;
left: 50%;
transform: translateX(-50%)
}

.shareGuid img {
width: 100%
}

.contents {
background: url("../images/paybg.jpg") no-repeat center center;
background-size: cover;
position: relative
}

.contents div {
position: absolute;
overflow: hidden;
top: 50%;
left: 50%;
width: 100%;
transform: translate(-50%,-50%)
}

.contents div ul {
overflow: hidden;
padding: 0 5px;
width: 100%;
box-sizing: border-box;
display: flex;
justify-content: space-between
}

.contents div ul li img {
height: 100%;
width: 100%
}



/* .roll{
    width: 100% !important;
    height: 2.5rem;
    top: 3.31rem;
    background: url(/images/banzi-01-min.png)no-repeat !important;
    background-size: 100%;
    z-index: 101;
}
.roll>ul{
    width: 80%;
    height: 100%;
    transition:all;
    position: relative;
    top: 0;
    margin: 0 auto;
    
}
.roll>ul>li{
    height: 23px;
    font-size: 17px;
    line-height: 1rem;
    margin-bottom: .2rem;
    color: #fe6e59;
} */

body{
    overflow-x: hidden;
}
.ios_trust{
    width: 100%;
}
.ios_trust img{
    width: 100%;
}