body, div, p, ul, li, ol, dl, dd, dt, h1, h2, h3, h4, h5, h6, span, i, input, img, a, button, select, table, tr, th, td, label, textarea {
    padding                     : 0;
    margin                      : 0;
    -webkit-appearance          : none;
    -webkit-tap-highlight-color : rgba(0, 0, 0, 0);
    outline                     : none;
    -webkit-overflow-scrolling  : touch;
}
h1, h2, h3, h4, h5, h6 {
    font-size   : 100%;
    font-weight : normal;
}
li {
    list-style : none;
}
i {
    font-style : normal;
}
a {
    text-decoration : none;
}
img {
    border         : 0 none;
    vertical-align : top;
}
.clearfix {
    *zoom : 1;
}
.clearfix:after {
    content    : ".";
    height     : 0;
    visibility : hidden;
    display    : block;
    clear      : both;
}
body,
button {
    font-size   : 14rem;
    font-family : "microsoft yahei";
}
body {
    position        : relative;
    background-size : 100% 100%;
    background      : white;
    font-family     : Helvetica Neue, Helvetica, Arial, sans-serif;
    color           : #000000;
    margin          : 0;
    padding         : 0;
    height          : 100vh;
    overflow        : scroll;
}
.music {
    position : fixed;
    width    : 0.78rem;
    top      : 0.46rem;
    right    : 0rem;
    /*animation         : music 5s infinite linear;*/
    /*-webkit-animation : music 5s infinite linear;*/
    z-index  : 100;
}
.music_pause {
    animation-play-state         : paused;
    -webkit-animation-play-state : paused; /* Safari 和 Chrome */
}
@keyframes music {
    from {
        transform         : rotate(-360deg);
        -webkit-transform : rotate(-360deg);
    }
    to {
        transform         : rotate(0deg);
        -webkit-transform : rotate(0deg);
    }
}
@-webkit-keyframes music {
    from {
        transform         : rotate(-360deg);
        -webkit-transform : rotate(-360deg);
    }
    to {
        transform         : rotate(0deg);
        -webkit-transform : rotate(0deg);
    }
}
.music_pause {
    animation-play-state : paused;
    /*-webkit-animation-play-state : paused; !* Safari 和 Chrome *!*/
    -webkit-animation    : none !important;
}
.index {
    position : fixed;
    width    : 7.50rem;
    left     : 0;
    bottom   : 0;
    z-index  : 100;
}
.loading {
    width            : 100vw;
    height           : 100vh;
    position         : fixed;
    z-index          : 999999;
    background-color : #f0fdff;
    display          : flex;
    flex-flow        : row wrap;
    justify-content  : center;
    align-items      : center;
}
.loadingtext {
    width      : 100%;
    position   : absolute;
    left       : 0;
    top        : 5.6rem;
    text-align : center;
    font-size  : 0.24rem;
    color      : #585858;
    display    : none;
}
.loading_gif {
    width : 2.2rem;
}
.hp .loading_gif {
    position : absolute;
    width    : 2.2rem;
    margin   : 0 auto;
    top      : 2.37rem;
    left     : 5.655rem;
}
.hp .tishi {
    display : none;
}
.hp .tishi2 {
    display    : table;
    margin     : 0 auto;
    font-size  : 0.26rem;
    margin-top : 3.3rem;
    opacity    : 0.8;
}
.tishi {
    display    : table;
    margin     : 0 auto;
    font-size  : 0.16rem;
    margin-top : 6.8rem;
    /* color: rgba(255, 255, 255, 0.53); */
    /*display    : none;*/
}
.tishi2 {
    display    : table;
    margin     : 0 auto;
    font-size  : 0.20rem;
    margin-top : 1.7rem;
    opacity    : 0.8;
    display    : none;
}
.wrapper {
    position : absolute;
    width    : 100%;
    height   : 100vh;
    left     : 0;
    top      : 0;
    overflow : hidden;
    opacity  : 0;
}
.swiper {
    width             : 100%;
    height            : 14.48rem;
    display           : flex;
    display           : -webkit-flex;
    flex-flow         : column wrap;
    justify-content   : center;
    align-items       : center;
    position          : absolute;
    left              : 0;
    top               : 50%;
    -webkit-transform : translateY(-50%);
    transform         : translateY(-50%);
    /*background        : #5a5a4b;*/
}
.swiperiimg {
    width    : 100%;
    height   : 100%;
    position : absolute;
    left     : 0;
    top      : 0;
}
.goshare {
    position   : absolute;
    width      : 2.8rem;
    height     : 0.60rem;
    background : white;
    left       : 2.3rem;
    top        : 6rem;
    z-index    : 8000;
    border     : none;
    background : none;
}
@keyframes tips {
    from {
        transform         : translateY(0);
        -webkit-transform : translateY(0);
        transform         : translateY(0);
    }
    to {
        transform         : translateY(50%);
        transform         : translateY(50%);
        -webkit-transform : translateY(50%);
    }
}
@-webkit-keyframes tips {
    from {
        transform         : translateY(0);
        -webkit-transform : translateY(0);
        transform         : translateY(0);
    }
    to {
        transform         : translateY(50%);
        transform         : translateY(50%);
        -webkit-transform : translateY(50%);
    }
}
.swiper-slide {
    font-size       : 0.5rem;
    color           : white;
    display         : flex;
    flex-flow       : column wrap;
    justify-content : center;
    align-items     : center;
    position        : relative;
    width           : 100%;
    height          : 100%;
    overflow        : hidden;
}
.views {
    width  : 100%;
    height : 100%;
}
body {
    width    : 100vw;
    height   : 100vh;
    position : absolute;
    left     : 0;
    top      : 0;
    /*background : #36051a;*/
    overflow : hidden;
}
.box {
    width    : 100vw;
    height   : 100vh;
    overflow : scroll;
}
.boxinner {
    position          : absolute;
    left              : 0rem;
    top               : 0rem;
    width             : 7.5rem;
    height            : 14.48rem;
    position          : absolute;
    left              : 0;
    top               : 50%;
    transform         : translateY(-50%);
    -webkit-transform : translateY(-50%);
    z-index           : 38;
    background        : #ebe9dd;
    overflow          : hidden;
}
.motherFucker {
    width    : 100%;
    height   : 100%;
    position : absolute;
    left     : 0;
    top      : 0;
}
.bghead {
    display  : block;
    width    : 100%;
    position : absolute;
    left     : 0;
    top      : 0;
}
.bgImgs {
    display : block;
    width   : 100%;
    float   : left;
}
.sharepage {
    width      : 100vw;
    height     : 100vh;
    position   : fixed;
    z-index    : 80001;
    left       : 0;
    top        : 0;
    background : rgba(0, 0, 0, 0.69);
    display    : none;
}
.shareimg {
    background-image : url("../images/shareImg.png");
    background-size  : 100% 100%;
    position         : absolute;
    left             : 4.7rem;
    top              : 1.47rem;
    width            : 2.15rem;
    height           : 0.62rem;
    z-index          : 1;
}
.video {
    background : black;
}
@keyframes bottomSlide {
    from {
        opacity           : 0;
        transform         : translateY(1rem);
        -webkit-transform : translateY(1rem);
    }
    to {
        opacity           : 1;
        transform         : translateX(0);
        -webkit-transform : translateX(0);
    }
}
@-webkit-keyframes bottomSlide {
    from {
        opacity           : 0;
        transform         : translateY(1rem);
        -webkit-transform : translateY(1rem);
    }
    to {
        opacity           : 1;
        transform         : translateX(0);
        -webkit-transform : translateX(0);
    }
}
@keyframes leftSlide {
    from {
        opacity           : 0;
        transform         : translateX(-50%);
        -webkit-transform : translateX(-50%);
    }
    to {
        opacity           : 1;
        transform         : translateX(0);
        -webkit-transform : translateX(0);
    }
}
@-webkit-keyframes leftSlide {
    from {
        opacity           : 0;
        transform         : translateX(-50%);
        -webkit-transform : translateX(-50%);
    }
    to {
        opacity           : 1;
        transform         : translateX(0);
        -webkit-transform : translateX(0);
    }
}
@keyframes rightSlide {
    from {
        opacity           : 0;
        transform         : translateX(50%);
        -webkit-transform : translateX(50%);
    }
    to {
        opacity           : 1;
        transform         : translateX(0);
        -webkit-transform : translateX(0);
    }
}
@-webkit-keyframes rightSlide {
    from {
        opacity           : 0;
        transform         : translateX(50%);
        -webkit-transform : translateX(50%);
    }
    to {
        opacity           : 1;
        transform         : translateX(0);
        -webkit-transform : translateX(0);
    }
}
@keyframes scaleIn {
    from {
        opacity           : 0;
        transform         : scale(1.5);
        -webkit-transform : scale(1.5);
    }
    to {
        opacity           : 1;
        transform         : scale(1);
        -webkit-transform : scale(1);
    }
}
@-webkit-keyframes scaleIn {
    from {
        opacity           : 0;
        transform         : scale(1.5);
        -webkit-transform : scale(1.5);
    }
    to {
        opacity           : 1;
        transform         : scale(1);
        -webkit-transform : scale(1);
    }
}
@keyframes slideDown {
    from {
        opacity           : 0;
        transform         : translateY(-0.5rem);
        -webkit-transform : translateY(-0.5rem);
    }
    to {
        opacity           : 1;
        transform         : translateY(0rem);
        -webkit-transform : translateY(0rem);
    }
}
@-webkit-keyframes slideDown {
    from {
        opacity           : 0;
        transform         : translateY(-0.5rem);
        -webkit-transform : translateY(-0.5rem);
    }
    to {
        opacity           : 1;
        transform         : translateY(0rem);
        -webkit-transform : translateY(0rem);
    }
}
.arrowarrow {
    width             : 1.49rem;
    position          : absolute;
    right             : 3.005rem;
    bottom            : 0.1rem;
    z-index           : 888;
    animation         : arrow 1s infinite alternate;
    -webkit-animation : arrow 1s infinite alternate;
}
@keyframes arrownew {
    from {
        transform         : translateY(0);
        -webkit-transform : translateY(0);
    }
    to {
        transform         : translateY(200%);
        -webkit-transform : translateY(200%);
    }
}
@-webkit-keyframes arrownew {
    from {
        transform         : translateY(0);
        -webkit-transform : translateY(0);
    }
    to {
        transform         : translateY(200%);
        -webkit-transform : translateY(200%);
    }
}
@keyframes sharebtn {
    from {
        transform         : scale(1.1);
        -webkit-transform : scale(1.1);
    }
    to {
        transform         : scale(1);
        -webkit-transform : scale(1);
    }
}
@-webkit-keyframes sharebtn {
    from {
        transform         : scale(1.1);
        -webkit-transform : scale(1.1);
    }
    to {
        transform         : scale(1);
        -webkit-transform : scale(1);
    }
}
.bgs {
    display : block;
    width   : 100%;
}
@keyframes flash {
    from {
        opacity : 1;
    }
    to {
        opacity : 0;
    }
}
@-webkit-keyframes flash {
    from {
        opacity : 1;
    }
    to {
        opacity : 0;
    }
}
@keyframes flashlinear {
    from {
        opacity : 1;
    }
    to {
        opacity : 0.8;
    }
}
@-webkit-keyframes flashlinear {
    from {
        opacity : 1;
    }
    to {
        opacity : 0.8;
    }
}
* {
    -webkit-user-select : none;
}
.motherFuckingBoxForAnimations {
    display : none;
}
.down {
    display           : block;
    width             : 0.47rem;
    position          : fixed;
    left              : 3.515rem;
    bottom            : 1rem;
    z-index           : 100;
    animation         : arrownew 0.8s infinite linear;
    -webkit-animation : arrownew 0.8s infinite linear;
    display           : none;
}
.down1 {
    bottom : 4.2rem;
}
.bgblue {
    background-color : #d33566;
    position         : absolute;
    left             : 0;
    top              : 0;
    width            : 100%;
    height           : 100%;
}
.gif1 {
    background      : url("../images/gif1.gif") no-repeat;
    background-size : 100% 100%;
}
.gif2 {
    background      : url("../images/gif2.gif") no-repeat;
    background-size : 100% 100%;
}
.gif3 {
    background      : url("../images/gif3.gif") no-repeat;
    background-size : 100% 100%;
}
.gif4 {
    background      : url("../images/gif4.gif") no-repeat;
    background-size : 100% 100%;
}
.gif5 {
    background      : url("../images/gif5.gif") no-repeat;
    background-size : 100% 100%;
}
.gif6 {
    background      : url("../images/gif6.gif") no-repeat;
    background-size : 100% 100%;
}
.gif7 {
    background      : url("../images/gif7.gif") no-repeat;
    background-size : 100% 100%;
}
.gif8 {
    background      : url("../images/gif8.gif") no-repeat;
    background-size : 100% 100%;
}
@keyframes scaleOut {
    from {
        opacity           : 1;
        transform         : scale(1);
        -webkit-transform : scale(1);
        -webkit-filter    : blur(0px);
        filter            : blur(0px);
    }
    to {
        opacity           : 0;
        transform         : scale(1.5);
        -webkit-transform : scale(1.5);
        -webkit-filter    : blur(20px);
        filter            : blur(20px);
    }
}
@-webkit-keyframes scaleOut {
    from {
        opacity           : 1;
        transform         : scale(1);
        -webkit-transform : scale(1);
        -webkit-filter    : blur(0px);
        filter            : blur(0px);
    }
    to {
        opacity           : 0;
        transform         : scale(1.5);
        -webkit-transform : scale(1.5);
        -webkit-filter    : blur(20px);
        filter            : blur(20px);
    }
}
.videos {
    display    : block;
    width      : 7.50rem;
    height     : 4.21875rem;
    object-fit : fill;
}
.sharePage, .imgbox {
    display    : block;
    position   : fixed;
    width      : 100vw;
    height     : 100vh;
    left       : 0;
    top        : 0;
    z-index    : 80001;
    background : rgba(0, 0, 0, 0.65);
    display    : none;
}
.imgbox {
    background      : url("../images/becomd.jpg") no-repeat;
    background-size : 100% auto;
    /*display        : block;*/
    overflow        : scroll;
    padding-bottom  : 1.26rem;
}
.wrapper3s {
    position       : r;
    font-variant   : proportional-nums;
    position       : relative;
    padding-bottom : 0.66rem;
}
.outimg {
    display                    : block;
    width                      : 6.83rem;
    margin                     : 0 auto;
    margin-top                 : 1.16rem;
    margin-bottom              : 1.26rem;
    position                   : relative;
    z-index                    : 1;
    display                    : block;
    width                      : 6.83rem;
    margin                     : 0 auto;
    margin-top                 : 1.16rem;
    /*margin-bottom              : 1.26rem;*/
    position                   : relative;
    z-index                    : 1;
    background                 : white;
    border-bottom-left-radius  : 0.3rem;
    border-bottom-right-radius : 0.3rem;
}
.imgclose {
    background      : url("../images/close.png");
    background-size : 100% 100%;
    width           : 0.84rem;
    height          : 0.84rem;
    position        : absolute;
    left            : 3.33rem;
    bottom          : 0.16rem;
    z-index         : 100;
}
@keyframes slideIn {
    from {
        opacity   : 0;
        transform : translateX(1rem);
        transform : translateX(1rem);
    }
    to {
        opacity   : 1;
        transform : translateX(0%);
        transform : translateX(0%);
    }
}
@-webkit-keyframes slideIn {
    from {
        opacity   : 0;
        transform : translateX(1rem);
        transform : translateX(1rem);
    }
    to {
        opacity   : 1;
        transform : translateX(0%);
        transform : translateX(0%);
    }
}
.slideIn {
    opacity           : 0;
    animation         : slideIn 0.6s forwards;
    -webkit-animation : slideIn 0.6s forwards;
}
.slideDowmn {
    opacity           : 0;
    animation         : slideDowmn 0.6s forwards;
    -webkit-animation : slideDowmn 0.6s forwards;
}
.slideUp {
    opacity           : 0;
    animation         : slideUp 0.6s forwards;
    -webkit-animation : slideUp 0.6s forwards;
}
@keyframes slideDowmn {
    from {
        opacity   : 0;
        transform : translateY(-1rem);
        transform : translateY(-1rem);
    }
    to {
        opacity   : 1;
        transform : translateY(0%);
        transform : translateY(0%);
    }
}
@-webkit-keyframes slideDowmn {
    from {
        opacity   : 0;
        transform : translateY(-1rem);
        transform : translateY(-1rem);
    }
    to {
        opacity   : 1;
        transform : translateY(0%);
        transform : translateY(0%);
    }
}
@keyframes slideUp {
    from {
        opacity   : 0;
        transform : translateY(1rem);
        transform : translateY(1rem);
    }
    to {
        opacity   : 1;
        transform : translateY(0%);
        transform : translateY(0%);
    }
}
@-webkit-keyframes slideUp {
    from {
        opacity   : 0;
        transform : translateY(1rem);
        transform : translateY(1rem);
    }
    to {
        opacity   : 1;
        transform : translateY(0%);
        transform : translateY(0%);
    }
}
.swiper-slide {
    overflow : hidden;
}
.bks {
    position        : fixed;
    left            : 0px;
    top             : 0;
    z-index         : 50000;
    width           : 100vw;
    height          : 100vh;
    flex-flow       : column wrap;
    justify-content : center;
    align-items     : center;
    background      : rgba(0, 0, 0, 0.65);
    display         : none;
}
.videos {
    display    : block;
    width      : 7.50rem;
    height     : 100%;
    object-fit : cover;
    background : black;
}
.svg {
    width      : 0.7rem;
    margin-top : 1rem;
    /*!* height: 1rem;*/
}
.skip {
    font-size                 : 0.25rem;
    position                  : absolute;
    right                     : 0;
    top                       : 1rem;
    background                : linear-gradient(to left, #ff8c86, #ff5264);
    color                     : #ffffff;
    width                     : 1rem;
    text-align                : center;
    height                    : 0.45rem;
    line-height               : 0.450rem;
    border-top-left-radius    : 0.45rem;
    border-bottom-left-radius : 0.45rem;
}
@keyframes scales {
    from {
        transform         : scale(1);
        -webkit-transform : scale(1);
    }
    to {
        transform         : scale(1.1);
        -webkit-transform : scale(1.1);
    }
}
@-webkit-keyframes scales {
from {
    transform         : scale(1);
    -webkit-transform : scale(1);
}
to {
    transform         : scale(1.1);
    -webkit-transform : scale(1.1);
}
}