@charset "UTF-8";
/*** @description: 变量; @Author: ray; @create date: 2016-08-09;
***/
.header-link, .lq-test-link li { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

/***
	@description: 重置样式;
	@Author: ray;
	@create date: 2015-07-31;
***/
body, dl, dd, p, form, h1, h2, h3, h4, h5, h6 { margin: 0; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; }

ul { margin: 0; padding: 0; list-style-type: none; }

em, i { font-style: normal; }

table { border-collapse: collapse; border-spacing: 0; }

a { color: inherit; text-decoration: none; outline: none; }

img { border: 0; }

input, select, button, textarea { border-radius: 0; outline: 0; margin: 0; font-family: "sans-serif"; font-size: inherit; color: inherit; -webkit-appearance: none; }

article, aside, dialog, footer, header, section, footer, nav, figure, menu { display: block; }

input::-webkit-input-placeholder { color: #a9a9a9; }

input::-moz-placeholder { color: #a9a9a9; opacity: 1; }

input:-ms-input-placeholder { color: #a9a9a9; }

/*** @description: 基础样式; @Author: ray; @create date: 2016-08-09;
***/
.red { color: #ef4c4d; }

.orange { color: #fe7446; }

.blue { color: #0988fd; }

.green { color: #4fab7d; }

.mb20 { margin-bottom: 0.2rem !important; }

.mb30 { margin-bottom: 0.3rem !important; }

.text-justify { text-align: justify; text-justify: inter-ideograph; word-break: break-all; }

.hide { display: none; }

.fn-clear { zoom: 1; }
.fn-clear:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

.fl { float: left; display: inline; }

.fr { float: right; display: inline; }

.flex, .page, .header-main, .header-link, .lq-test-list ul { display: -webkit-box; display: -webkit-flex; display: flex; }

.flex-column, .page { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; }

.flex-item, .header-link a { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; }

.flex-wrap, .lq-test-list ul { -webkit-flex-wrap: wrap; flex-wrap: wrap; }

.flex-justify, .lq-test-list ul { -webkit-justify-content: space-between; justify-content: space-between; }

.flex-center { -webkit-justify-content: center; justify-content: center; }

.flex-middle, .header-main { -webkit-align-items: center; align-items: center; }

/*** @description: 按钮样式; @Author: ray; @create date: 2016-08-09;
***/
/*按钮样式*/
.btn { display: inline-block; padding: 0.05rem 0.12rem; margin-bottom: 0; font-size: 0.32rem; font-weight: 400; line-height: 1.5; text-align: center; white-space: nowrap; -ms-touch-action: manipulation; touch-action: manipulation; background-image: none; background-color: #FFF; color: #333; border: 1px solid #E9E9E9; border-radius: 0.06rem; -moz-user-select: -moz-none; -ms-user-select: none; -webkit-user-select: none; user-select: none; -moz-transition: background-color 0.2s, color 0.2s, border-color 0.2s; -o-transition: background-color 0.2s, color 0.2s, border-color 0.2s; -webkit-transition: background-color 0.2s, color 0.2s, border-color 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s; }
.btn:active { outline: 0; box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }

.btn-orange { background-color: #fe7446; border-color: #fe7446; color: #FFF; }
.btn-orange:hover { background-color: #fe7446; border-color: #fe7446; }

.btn-orange2 { background-color: #FFF; border-color: #fe7446; color: #fe7446; }
.btn-orange2:hover { background-color: #FFF; border-color: #fe7446; }

.btn-blue { background-color: #0988fd; border-color: #0988fd; color: #FFF; }
.btn-blue:hover { background-color: #0988fd; border-color: #0988fd; }

.btn-block { display: block; width: 100%; padding-left: 0; padding-right: 0; }

.btn-submit { width: 100%; padding-left: 0; padding-right: 0; border: 0; background-color: #fe7446; color: #fff; font-size: 0.36rem; padding: 0.2rem 0; border-radius: 0.45rem; letter-spacing: 0.04rem; }

/*** @description: 动画; @Author: ray; @create date: 2016-08-09;
***/
@-webkit-keyframes rotate { 100% { -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
@keyframes rotate { 100% { -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
@keyframes pairLoading { 0% { background: white; box-shadow: -0.3rem 0 0 rgba(255, 255, 255, 0.2), -0.15rem 0 0 rgba(255, 255, 255, 0.2), 0.15rem 0 0 rgba(255, 255, 255, 0.2), 0.3rem 0 0 rgba(255, 255, 255, 0.2); }
  20% { background: rgba(255, 255, 255, 0.2); box-shadow: -0.3rem 0 0 rgba(255, 255, 255, 0.2), -0.15rem 0 0 rgba(255, 255, 255, 0.2), 0.15rem 0 0 white, 0.3rem 0 0 rgba(255, 255, 255, 0.2); }
  40% { background: rgba(255, 255, 255, 0.2); box-shadow: -0.3rem 0 0 rgba(255, 255, 255, 0.2), -0.15rem 0 0 rgba(255, 255, 255, 0.2), 0.15rem 0 0 rgba(255, 255, 255, 0.2), 0.3rem 0 0 white; }
  60% { background: rgba(255, 255, 255, 0.2); box-shadow: -0.3rem 0 0 white, -0.15rem 0 0 rgba(255, 255, 255, 0.2), 0.15rem 0 0 rgba(255, 255, 255, 0.2), 0.3rem 0 0 rgba(255, 255, 255, 0.2); }
  80% { background: rgba(255, 255, 255, 0.2); box-shadow: -0.3rem 0 0 rgba(255, 255, 255, 0.2), -0.15rem 0 0 white, 0.15rem 0 0 rgba(255, 255, 255, 0.2), 0.3rem 0 0 rgba(255, 255, 255, 0.2); }
  100% { background: white; box-shadow: -0.3rem 0 0 rgba(255, 255, 255, 0.2), -0.15rem 0 0 rgba(255, 255, 255, 0.2), 0.15rem 0 0 rgba(255, 255, 255, 0.2), 0.3rem 0 0 rgba(255, 255, 255, 0.2); } }
/*** @Author:ray; @create date:2023-02-09;
***/
.icon-search, .icon-menu { display: inline-block; background-image: url('../images/m-icon.png'); background-repeat: no-repeat; }

.icon-search { width: 0.4rem; height: 0.4rem; /*
* 完美解决移动端使用 rem 单位时 CSS Sprites 错位问题
* (https://github.com/banricho/webLog/issues/1
*/ background-position: 0 100%; background-size: 0.4rem 1.09rem; }
.icon-menu { width: 0.4rem; height: 0.4rem; /*
* 完美解决移动端使用 rem 单位时 CSS Sprites 错位问题
* (https://github.com/banricho/webLog/issues/1
*/ background-position: 0 27.53623%; background-size: 0.4rem 1.09rem; }

/*** @Author:ray; @create date:2023-02-09;
***/
html { font-size: 50px; font-size: 13.3334vw; }

@media screen and (min-width: 750px) { html { font-size: 100px; } }
body { font-family: "sans-serif"; font-size: 0.28rem; background: #F5F5F5; color: #333; -webkit-tap-highlight-color: rgba(0, 0, 0, 0.05); }

.page { position: relative; width: 100%; min-height: 100vh; min-width: 320px; max-width: 750px; margin: 0 auto; background: url(../images/bg.png); background-size: 1rem 1rem; }

.header { position: sticky; position: -webkit-sticky; z-index: 99; top: 0; background: #a64b08; }

.header-main { height: 1rem; line-height: 1rem; padding: 0 0.3rem; position: relative; }
.header-main .logo { width: 1.77rem; height: 0.70rem; }
.header-main .logo img { display: block; width: 100%; height: 100%; }
.header-main .nav { margin-left: auto; font-size: 0; }
.header-main .nav a { display: inline-block; vertical-align: top; padding: 0 0.15rem; font-size: 0.28rem; color: #fff; }
.header-main .icon { vertical-align: middle; }
.header-main .oper { font-size: 0; width: 0.4rem; height: 1rem; padding: 0 0.15rem; }
.header-main .oper-menu { margin-right: -0.15rem; }

.header-link { height: 0.6rem; line-height: 0.58rem; padding: 0 0.05rem; background-color: #fff; border-bottom: 1px solid #f2f2f2; }
.header-link a { position: relative; font-size: 0.3rem; color: #e6601f; width: 1.32rem; text-align: center; overflow: hidden; }
.header-link a:nth-child(even) { color: #d13636; }
.header-link a + a:after { content: ''; width: 1px; height: 0.28rem; background: #e0e0e0; position: absolute; left: 0; top: 50%; margin-top: -0.14rem; }

.menu-popup { position: fixed; z-index: 99; top: 0; bottom: 0; left: 0; right: 0; max-width: 750px; margin: 0 auto; background: rgba(0, 0, 0, 0.5); transition: opacity .3s,visibility .3s; opacity: 0; visibility: hidden; }
.menu-popup .list { margin-top: 1rem; background: #FFF; padding: 0.24rem 0 0.1rem 0.24rem; overflow: hidden; }
.menu-popup .list a { float: left; width: 1.6rem; height: 0.6rem; line-height: 0.6rem; text-align: center; background: #f8f8f8; color: #666; font-size: 0.26rem; border-radius: 0.1rem; margin-right: 0.2rem; margin-bottom: 0.2rem; overflow: hidden; }

.menu-cover { overflow: hidden; }
.menu-cover .menu-popup { opacity: 1; visibility: visible; }

.footer { padding: 0.4rem 0.2rem; line-height: 1.5; font-size: 0.26rem; text-align: center; color: #666; margin-top: auto; }

.totop { position: fixed; right: 0.2rem; bottom: 1.8rem; z-index: 99; opacity: 0; visibility: hidden; transition: all 0.3s; }
.totop.fadein { opacity: 0.5; visibility: visible; }
.totop .icon { vertical-align: top; }

.preload { text-align: center; height: 0.88rem; line-height: 0.88rem; font-size: 0.26rem; color: #999; }
.preload .icon-loading { display: inline-block; width: 0.34rem; height: 0.34rem; border-radius: 50%; border: 1px solid #999; border-bottom-color: transparent; vertical-align: middle; -webkit-animation: rotate 0.6s linear infinite; }

/*** @Author:ray; @create date:2023-02-09;
***/
.lq-test-block { padding: 0.36rem 0.3rem; }

.lq-test-title { font-size: 0.36rem; font-weight: bold; color: #a64b08; text-align: center; margin-bottom: 0.16rem; }

.lq-test-text { font-size: 0.28rem; line-height: 0.42rem; color: #666; text-align: justify; margin: 0.1rem 0; }
.lq-test-text img { max-width: 100%; }
.lq-test-text h3 { font-size: 0.3rem; margin: 0.2rem 0 0.1rem; }

.lq-test-list { margin-top: 0.3rem; }
.lq-test-list ul { margin-bottom: -0.2rem; }
.lq-test-list li { width: 3.34rem; margin-bottom: 0.2rem; }
.lq-test-list a { display: block; background-color: #faf4ed; }
.lq-test-list .pic { display: block; width: 3.34rem; height: 1.88rem; }
.lq-test-list .tit { height: 0.66rem; line-height: 0.66rem; padding: 0 0.18rem; color: #a64b08; overflow: hidden; }
.lq-test-list .num { float: right; }

.link-box { height: 0.5rem; line-height: 0.5rem; overflow: hidden; padding: 0 0.5rem 0 0.3rem; color: #666; position: relative; margin-top: 0.2rem; }
.link-box.open { height: auto; }
.link-box.open .more { transform: rotate(180deg); }
.link-box a { display: inline-block; vertical-align: top; margin-right: 0.2rem; }
.link-box .more { width: 0.5rem; height: 0.5rem; background: url(../images/arrow.png) no-repeat center center; background-size: 0.23rem 0.15rem; position: absolute; top: 0; right: 0; transition: transform 0.3s; }

/*** @Author:ray; @create date:2023-02-09;
***/
.section-box { position: relative; padding: 0.3rem; background: #f2e9db url(../images/mark.png) no-repeat; background-size: 100% auto; margin-top: 0.3rem; }
.section-box:after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 0.4rem; background: url(../images/mark.png) no-repeat center top; background-size: 100% auto; transform: rotate(180deg); }
.section-box .block-title { margin-bottom: 0.15rem; }

.block-title { position: relative; font-size: 0.34rem; color: #a64b08; font-weight: 700; text-align: center; margin-bottom: 0.1rem; }

.lq-test-draw { text-align: center; font-size: 0.28rem; }
.lq-test-draw .con { overflow: hidden; }
.lq-test-draw .sign { display: inline-block; vertical-align: top; width: 1.45rem; height: 3.8rem; }
.lq-test-draw .num { display: inline-block; min-width: 0.5rem; font-size: 0.36rem; text-align: center; }
.lq-test-draw .grail { width: 3rem; height: 1.9rem; background: url(../images/grail.png) no-repeat; background-size: 100% auto; margin: 0 auto; }
.lq-test-draw .grail2 { background-position: 0 -1.91rem; }
.lq-test-draw .grail3 { background-position: 0 -3.82rem; }
.lq-test-draw .text { font-weight: bold; padding-top: 0.16rem; margin-bottom: 0.52rem; }
.lq-test-draw .stip { color: #666; margin: 0.52rem 0 0.48rem; }
.lq-test-draw .red { color: #d0381f; }
.lq-test-draw .green { color: #5ab042; }
.lq-test-draw .sbtn { display: block; width: 3.1rem; height: 0.84rem; line-height: 0.8rem; text-align: center; font-size: 0.32rem; color: #fff; cursor: pointer; background: url(../images/btn.png) no-repeat; background-size: 100% 100%; user-select: none; margin: 0.5rem auto 0; }
.lq-test-draw .sbtn.disabled { cursor: default; opacity: 0.5 !important; }

.lq-draw-cont { padding: 0 0.1rem; }

.lq-test-title2 { display: inline-block; vertical-align: top; height: 0.64rem; line-height: 0.6rem; padding: 0 0.42rem; font-size: 0.34rem; color: #333333; background: #f2e9db url(../images/title.png) no-repeat; background-size: 100% auto; margin-top: 0.2rem; margin-bottom: 0.44rem; }
.lq-test-title2 .num { font-size: 0.3rem; color: #666666; margin-left: 0.16rem; }

.lq-test-title3 { width: 5.72rem; height: 0.92rem; line-height: 1.1rem; text-indent: 1.58rem; font-size: 0.32rem; font-weight: bold; color: #905c20; white-space: nowrap; margin: 0.3rem -0.3rem 0.3rem; position: relative; z-index: 1; }
.lq-test-title3.t2:after { content: none; }
.lq-test-title3:before { content: ''; position: absolute; left: 0; bottom: 0; width: 1.45rem; height: 100%; background: url(../images/title2.png) no-repeat; background-size: auto 100%; }
.lq-test-title3:after { content: ''; height: 0.74rem; position: absolute; left: 0.1rem; right: 0; bottom: 0; z-index: -1; background-image: linear-gradient(90deg, rgba(255, 247, 224, 0.5) 0%, rgba(255, 247, 224, 0) 100%); transform-origin: 100% 100%; transform: skewX(-30deg); }

.lq-test-link { margin: 0.35rem 0; }
.lq-test-link ul { padding: 0 0.15rem; overflow: hidden; }
.lq-test-link li { width: 33.33%; float: left; padding: 0 0.1rem; }
.lq-test-link a { display: block; height: 0.6rem; line-height: 0.6rem; text-align: center; font-size: 0.28rem; color: #333; background: rgba(140, 88, 39, 0.15); margin-top: 0.2rem; }

.lq-sign-list.open .list { height: auto; }
.lq-sign-list.open .more { display: none; }
.lq-sign-list .list { margin: 0.35rem 0.3rem 0; height: 7.2rem; overflow: hidden; }
.lq-sign-list .list ul { width: 7.2rem; overflow: hidden; }
.lq-sign-list .list li { float: left; margin-bottom: 0.2rem; margin-right: 0.2rem; }
.lq-sign-list .list a { display: block; width: 3.35rem; height: 0.72rem; line-height: 0.72rem; font-size: 0.28rem; text-align: center; background: rgba(140, 88, 39, 0.15); }
.lq-sign-list .more { line-height: 0.6rem; text-align: center; font-size: 0.26rem; margin: 0.06rem 0 -0.06rem; }
.lq-sign-list .more span { display: inline-block; vertical-align: top; color: #999; }
.lq-sign-list .more span:after { content: ''; display: inline-block; vertical-align: 0.04rem; margin-left: 0.08rem; width: 0.14rem; height: 0.09rem; background: url(../images/arrow.png) no-repeat; background-size: 100% 100%; }

/*** @Author:ray; @create date:2023-02-09;
***/
.lq-test-detail table { width: 100%; }
.lq-test-detail th { width: 1.4rem; background-color: #e8d8c7; border: solid 1px #e6cabb; width: 1.4rem; background-color: #e8d8c7; border: solid 1px #e6cabb; }
.lq-test-detail td { padding: 0.09rem 0.18rem; height: 20px; background-color: #f7ebe2; border: solid 1px #e6cabb; text-align: justify; }
.lq-test-detail .img { display: block; max-width: 100%; min-height: 400px; margin: 0.3rem auto; }
.lq-test-detail .tit { font-size: 0.32rem; font-weight: bold; color: #333; margin-bottom: 0.08rem; text-indent: -0.5em; margin-bottom: 0.15rem; }
.lq-test-detail .btn { border: 0; width: 2.06rem; padding: 0.13rem 0; font-size: 0.31rem; color: #fff; background-color: #8c5827; border-radius: 0.08rem; display: block; margin: 0.4rem auto 0.1rem; }

/*** @Author:ray; @create date:2023-02-09;
***/
.page-404 { background-color: #fff; }
.page-404 .content { height: calc(100vh - 3.2rem); min-height: 6rem; position: relative; }

.not-found { position: absolute; left: 0; right: 0; top: 50%; margin-top: -2rem; text-align: center; }
.not-found .pic { display: inline-block; vertical-align: top; width: 3.16rem; height: 1.56rem; }
.not-found .tit { font-size: 0.32rem; margin-top: 0.4rem; }
.not-found .btn { border: 0; border-radius: 0; width: 3rem; padding: 0.19rem 0; background: #a64b08; font-size: 0.28rem; color: #fff; margin-top: 0.48rem; }

/*** @Author:ray; @create date:2023-02-09;
***/
.gg-block { background: #fff; }

.gg-image img { display: block; width: 100%; }

.gg-list { font-size: 0; padding: 0.05rem 0 0.12rem 1%; }
.gg-list a { display: inline-block; width: 22.5%; height: 0.72rem; line-height: 0.72rem; text-align: center; font-size: 0.3rem; color: #333333; background-color: #ffffff; margin-top: 0.1rem; margin-left: 1.8%; border-radius: 0.08rem; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; overflow: hidden; position: relative; }
.gg-list a:after { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; border: solid 1px #e6e6e6; border-radius: 0.08rem; }
.gg-list a:nth-child(2):before { background-image: url(../images/new.png); }
.gg-list a:nth-child(2):before, .gg-list a:nth-child(5):before, .gg-list a:nth-child(7):before { content: ''; position: absolute; width: 0.45rem; height: 0.43rem; background: url(../images/hot.png) no-repeat; background-size: 100% 100%; left: 0; top: 0; }