@charset "utf-8";
body{ background: #fff; font-size:.25rem;}
div { box-sizing: border-box;}
.dn { display: none;}
.clearfix:after { content: '\20'; clear: both; height: 0; display: block;}
a {-webkit-tap-highlight-color:transparent;}
*{ outline:none!important;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
img {-webkit-touch-callout: none;-webkit-user-select: none;-moz-user-select: none; -o-user-select: none;}
input,textarea { outline: none; border: none; box-sizing: border-box; background: none;}
/* --------------index-start-------------- */
body { padding-top: 1.28rem;}
.contVideo video { display:block; width:100%;}
.contBox video { display:block; width:100%;}
.headerFix { position: fixed; left: 0; top: 0; width: 100%; height: 1.28rem; background: url(../images/header.png) center no-repeat;
background-size: 100% auto; display: flex; justify-content: space-between; padding: .24rem .32rem;}
.headerLeft { display: flex; align-items: center;}
.userImg { margin-right: .16rem; width: .8rem; height: .8rem; overflow: hidden;}
.userImg img { object-fit: cover; aspect-ratio: 1/1;}
.userText p { display: flex; align-items: center; font-size: .28rem; color: #000000;}
.userText p b {padding: 0 .08rem;
    line-height: .36rem;
    font-size: .24rem;
    color: #c1823b;
    background: #c968341a;
    border-radius: .08rem;
    margin-left: .08rem;
    max-width: 1.9rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
.userText p i { margin-left: 4px; background: url(../images/icon-verify.png) center no-repeat; background-size: cover; display: block; width: .21rem; height: .24rem;}
.userText span { display: block; margin-top: .08rem; font-size: .24rem; color: #999999;}
.headerEnter { text-align: center;}
.headerEnter img { width: .4rem; margin:0 auto .08rem;}
.headerEnter p { font-size: .2rem; line-height: .28rem;}
.fixMenu { position: fixed; bottom: -100%; left: 0; width: 100%; background: #ffffff; z-index: 10; border-radius: 16px 16px 0 0;}
.fixMenu a { display: block; text-align: center; padding: .28rem .32rem; font-size: .32rem; line-height: .44rem; color: #323232;}
.fixMenu span {  display: block; text-align: center; padding: .28rem .32rem; font-size: .32rem; line-height: .44rem; color: #646566; border-top: .16rem solid #F7F8FA;}
#screen { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 4; background: rgba(0,0,0,0.5); display: none;}
.scanBox { position: relative; background: url(../images/scanAlt.png) center no-repeat; background-size: 100% auto;width: 6.2rem;
height: 9.28rem; background-size: 100% auto; border-radius: .32rem;}
.scanBox img { position: absolute; top: 5rem; width: 3.36rem; left: 50%; transform: translateX(-50%);}
.scanAlt { z-index: 6; display: none; position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.scanBox p { position: absolute; left: 0; bottom: 10px; width: 100%; text-align: center; font-size: 12px; color: #999999;}
.closeScan { width: .64rem; margin: .46rem auto; display: block;}
.endPage { position:relative; background: url(../images/54.jpg) center no-repeat; height: 4.22rem; background-size:cover;}
.endPage img { position: absolute; width: 2.4rem;left: 50%; top: .3rem; border: 6px solid #ffffff; border-radius: 4px; transform: translateX(-50%);}
.contBox>img { border-radius: .2rem; margin-bottom: 2px;}
.contBox { padding: 0 4px;}
.altScreen { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 5; background: rgba(0,0,0,0.5);}
.altScreen .swiper { height: 100%;}
.altScreen .swiper-slide { display: flex; align-items: center;}
.altScreen .swiper-pagination { top: 20px; bottom: auto; color: #ffffff;}