:root {
	color-scheme: light dark;
	--bgColor:#fff;
    --subbgColor:#f8f8f8;
	--fontColor: #333;
	--subfontColor:#939393;
    --borderColor:#ededed;
	--safe-area-top: env(safe-area-inset-top);
	--safe-area-bottom: env(safe-area-inset-bottom);
	--safe-area-left: env(safe-area-inset-left);
	--safe-area-right: env(safe-area-inset-right);
}

html, body{
	width:100%;
	/* 禁用回弹效果 */
	overscroll-behavior: none;
	/* 防止部分浏览器默认拖拽行为 */
	-webkit-user-drag: none;user-select: none;
	/* 禁用回弹效果 */
	overscroll-behavior: none;
	/* 防止部分浏览器默认拖拽行为 */
	-webkit-user-drag: none;
	/* 防止文本选择 */
	-webkit-touch-callout: none;
	/* 禁止长按链接弹出菜单 */
	-webkit-user-select: none;
	/* webkit浏览器 */
	-khtml-user-select: none;
}

body{font-family:PingFangSC-Regular,"Source Han Sans CN",Microsoft YaHei,Helvetica Neue,Helvetica,STHeiTi,sans-serif;background:var(--bgColor);color:var(--fontColor);width:100%;margin:0 auto;font-size:16px;width:100%;max-width:450px;margin:0 auto;}
a,a:link,a:visited,a:hover,a:active{text-decoration:none;color:#333;}
ol,ul{list-style:none;}
img{border:0;}

html,body,section{width:100%;height:100%}

section{position: relative;z-index:0;background:url(images/bg.jpg) no-repeat top center/cover;}
section iframe{width:100%;height:100%;position:absolute;z-index:1}
section .answerBtn{position:absolute;z-index:2;bottom:0.3rem;left:10%;background: #CC1832;width: 80%;line-height: 48px;border-radius: 25px;color: #fff;text-align: center;cursor: pointer;}
section .numBox{position:absolute;z-index:2;bottom:1.6rem;left:0%;width:100%;text-align:center;color:#333;font-size:14px;}
section .numBox .numU{display:inline-block;color:#CC1832;font-size:20px;margin:0px 5px;}
section font{color:#CC1832;font-size:20px;}

/*mask*/
.mask{position:fixed;z-index:10;width:100%;height:100%;bottom:0;left:0;background: rgba(0, 0, 0, 0);text-align:center;display:none;}
.mask .maskInner{position:fixed;top:50%;left:50%;transform: translate(-50%,-50%);display:none;}
.mask .maskInner img{width:350px;}
.mask .maskInner p{color:var(--subbgColor);font-size:0.2rem;}

/*loading*/
.logoLoading{position:fixed;z-index:0;top:50%;left:50%;transform: translate(-50%,-50%);width:100%;text-align: center;font-weight: bold;background: #fff url(https://assets.qidian.sxtvs.com/static/common/images/textFill.png) repeat-y;-webkit-background-clip: text;-webkit-text-fill-color: transparent;-webkit-animation: aitf 10s linear infinite;font-style: italic;font-size:0.4rem;opacity:0.2}
@-webkit-keyframes aitf {0% { background-position: 100% 50%; }100% { background-position: 0% 50%; }}

/*轻提示*/
.lightMessageBox{position:fixed;top:50%;left:50%;z-index:102;transform: translate(-50%,-50%); line-height:0.3rem; padding:0.2rem 0.4rem;text-align:center;background:rgba(0, 0, 0, 0.8);color:#fff;border-radius:0.1rem;font-size:0.3rem;display:none;}