html {
    line-height: 1.15; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
}
html, body, div, span, iframe,
h1, h2, h3, h4, h5, h6, p,
a, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: middle;
}
body {
    margin: 0;
    padding: 0;
}
.w-wraper{
    background: url(../imgyg/BJ.jpg) 0 0 no-repeat;
    background-size: 100% 100%;
}
h1 {
    font-size: 2em;
    margin: 0.67em 0;
}
a {
    background-color: transparent;
}
b,
strong {
    font-weight: bolder;
}
img {
    border-style: none;
}
button,
input,
optgroup,
select,
textarea {
    font-family: inherit; /* 1 */
    font-size: 100%; /* 1 */
    line-height: 1.15; /* 1 */
    margin: 0; /* 2 */
}
button,
input { /* 1 */
    overflow: visible;
}
button,
select { /* 1 */
    text-transform: none;
}
button,
[type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
}
textarea {
    overflow: auto;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}
[hidden] {
    display: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
a {
    text-decoration: none;
}
.full {
    width: 100%;
}
img {
    max-width: 100%;
}
html, body {
    background: #2d2b2c;
    max-width: 750px;
    margin: 0 auto;
    background: linear-gradient(#25201b, #241f1a);
}
.w-top img {
    height: 2.21rem;
}
.line {
    border-bottom: 2px solid #a7a4a5;
    width: 80%;
    margin: 0 auto;
}
.w-content {
    /*background: url("../imgyg/bg_02.jpg") 0 0 no-repeat;
    background-size: 100% 100%;*/
    min-height: calc(100vh - 2.21rem);
    padding-bottom: .5rem;
    position: relative;
    top: 2rem;
    background-color: #332d2f;
}
.down-wrap {
    width: 72%;
    margin: 0 auto;
}
.down-wrap .info {
    display: flex;
    align-items: flex-end;
    margin-top: .1rem;
    margin-bottom: 0.3rem;
}
.down-wrap .logo {
    width: 1.2rem;
    height: 1.2rem;
    margin-right: .3rem;
    margin-bottom: -0.05rem;
}
.down-wrap .top>img {
    width: 3.84rem;
    height: .53rem;
    margin-bottom: .1rem;
}
.down-wrap .top p {
    font-size: .2rem;
    color: #fff;
    padding-left: .06rem;
    margin-top: -0.1rem;
    position: relative;
    top: -5px;
}
.down-wrap .top span {
    /* margin-right: .55rem; */
    zoom: .8;
    font-size: .25rem;
}
.down-wrap .top span:last-child{
    margin-right: 0;;
}
.down-wrap .top span img {
    width: .2rem;
    height: .2rem;
    margin-right: .02rem;
    zoom: 1.2;
    vertical-align: text-top;
}
.down-btn {
    display: block;
    width: 4.75rem;
    height: 1rem;
    margin: .2rem auto .3rem;
     animation: move 1.2s infinite;
}
.btns {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 .2rem;
    height: 0.73rem;
}
.btns a img {
    width: 2.25rem;
    height: .73rem;
}
.btns a img{
    margin-right: .04rem;
}
.fen-wrap {
    display: flex;
    justify-content: space-between;
    width: 84%;
    margin: .3rem auto .5rem;
    font-size: 12px;
    color: #fff;
    border-bottom: 2px solid #aeacad;
}
.fen-wrap .item p {
    font-size: .2rem;
    color: #6a6a6a;
    letter-spacing: .02rem;
}
.fen-wrap img {
    width: .5rem;
    height: .4rem;
    margin-right: .1rem;
    vertical-align: middle;
}
.item-flex {
    display: flex;
    text-align: center;
    padding-right: .2rem;
    padding-top: 0.12rem;
}
.item-flex >div:last-child {
    margin-left: .4rem;
}
.item-flex p {
    font-weight: bolder;
}
.fen-wrap .item span {
    font-size: .24rem;
    zoom: .8;
}
.fen-wrap .item-flex span{
    line-height: .66rem;
}
.img-box {
    position: relative;
    padding-bottom: .5rem;
}
.img-box .img {
    width: 100%;
}
.btn-enter {
    position: absolute;
    bottom: -.7rem;
    left: 0;
    width: 100%;
    text-align: center;
    background-color: #332d2f;
}
.btn-enter img {
    width: 4.93rem;
    height: .68rem;
}
.xinren-box {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
    width: 100%;
    display: none;
}
.xinren-box .ydy {
    width: 100%;
    min-height: 100vh;
}
.xinren-box .ydygb {
    width: 59%;
    position: absolute;
    top: 157px;
    left: 80px;
}
.img-box__functions {
    color: #DCB765;
    font-size: 12px;
    line-height: 2em;
    padding: 0 30px;
    letter-spacing: 1px;
    line-height: 2em;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-weight: 700;
}

.img-box__functions ul {
    list-style: none;
    height: 86px;
}
@media screen and (min-width:750px) {
    .w-content{
        margin-top: 0;
    }
    
    
}
@media screen and (min-width:375px) {
    .xinren-box .ydygb{
        top: 144px;
    }
}


@keyframes move {
    0% {
        transform: scale(1);
    }
    25% {
        transform: scale(1.1);
    }
    50% {
        transform: scale(1);
    }
    75% {
        transform: scale(1.1);
    }
    100% {
        transform: scale(1);
    }
}