@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;}
#screen { position: fixed; display: none; width: 100%; height: 100%; left: 0; top: 0; z-index: 10; background: rgba(0,0,0,0.5);}
/* --------------index-start-------------- */
.header { display: flex; align-items: center; justify-content: space-between; position: fixed; left: 0; top: 0; z-index: 80; width: 100%; padding: 24px 16px;}
.header .logo img { height: 40px; display: block; width: auto;}
.controlBox { gap: 8px; display: flex; align-items: center;}
.controlBox a:nth-child(1) svg { width: 32px; height: 32px;}
.controlBox a:nth-child(2) svg { fill: #ffffff; width: 24px; height: 24px;}
.homeCont { position: relative; background: #000; width: 100%; height: 100vh;}
.homeCont video { display: block; width: 100%; height: 100%; object-fit: cover; opacity: .6;}
.homePost { position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.homePost p { font-size: 12px; color: #ffffff; text-align: center; margin-top: 16px;}
.linkFlex { display: flex; justify-content: center; gap:15px; margin-top: 32px; align-items: center;}
.linkFlex span { display: block; width: 32px;}
.downControl { margin-top: 16px; gap:8px; display: flex; justify-content: center;}
.downControl a img { height: 37px; width: auto;}
.fixCont { width: 9.93rem; position: fixed; bottom: .6rem; left: .44rem; border-radius: 1.61rem; overflow: hidden;}

.enterAlt { display: none; z-index: 101; width: 90%; position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%); background: #26283f; padding: .3rem; border-radius: .32rem;}
.enterAlt textarea { height: 4.32rem; display: block; width: 100%; resize: none; font-family: '微软雅黑'; background: #121526; padding: .3rem; border-radius: .2rem; font-size: .4rem; color: #ffffff;}
.enterAlt textarea::placeholder { color: #b4b2b2;}
.enterAlt button { display: block; margin: .4rem auto 0; height: 1.44rem; border-radius: .2rem; width: 100%; border: none; background: #e9fe57; color:#000; font-size: .4rem;}