.jq-list {
    background: #fff;
    padding: .3rem 0 0
}

.jq-list .item {
    margin: 0 0 .3rem .3rem;
    border-radius: .1rem;
    position: relative
}

.jq-list .pic {
    width: 3.3rem;
    height: 2.3rem;
    border-radius: .1rem;
    vertical-align: top
}

.jq-list .tit {
    position: absolute;
    left: .32rem;
    top: 1rem;
    color: #6d5a36;
    font-size: .26rem
}
.flex-wrap,.section-cs .section-bd .list {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.flex,.layer .layer-btns,.section-cs .section-bd .list {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
}
.jq-draw {
    height: 7.3rem;
    margin: .3rem .3rem 0;
    position: relative;
    z-index: 10;
    background: #fbf8ee;
    border: 1px solid #c2a181;
    box-shadow: 0 .03rem .5rem #d2d8e4
}

.jq-draw:after,.jq-draw:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: -1;
    height: .85rem;
    background: url(../images/jq/jq-box-bg.png) no-repeat;
    background-size: 100% 100%
}

.jq-draw:after {
    top: auto;
    bottom: 0;
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.jq-draw+.a-link {
    margin-top: .36rem
}

.jq-draw-hd {
    text-align: center;
    padding: .4rem 0
}

.jq-draw-hd .title {
    font-size: .44rem
}

.jq-draw-bd {
    text-align: center;
    height: 3.95rem;
    overflow: hidden
}

.jq-draw-bd .draw,.jq-draw-bd .grail {
    display: inline-block;
    vertical-align: top;
    background: url(../images/jq/jq-sign.jpg) no-repeat;
    background-size: 100% 100%
}

.jq-draw-bd .draw {
    width: 1.5rem;
    height: 3.1rem;
    margin-top: .2rem;
    margin-bottom: .35rem
}

.jq-draw-bd .grail {
    width: 3rem;
    height: 1.9rem;
    background-image: url(../images/jq/jq-grail.jpg);
    margin-top: .5rem;
    margin-bottom: .5rem
}

.jq-draw-bd .grail2 {
    background-image: url(../images/jq/jq-grail2.jpg)
}

.jq-draw-bd .grail3 {
    background-image: url(../images/jq/jq-grail3.jpg)
}

.jq-draw-bd .num {
    font-size: .32rem;
    font-weight: 400
}

.jq-draw-bd .tips {
    font-size: .26rem;
    color: #ef4c4d
}

.jq-draw-ft {
    text-align: center
}

.jq-draw-ft .btn-draw {
    border: 0;
    display: inline-block;
    vertical-align: top;
    width: 3.1rem;
    line-height: .8rem;
    height: .8rem;
    background: url(../images/jq/btn-draw.png) no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
    margin-bottom: .3rem
}

.jq-draw-ft .btn-draw.disabled {
    opacity: .5
}

.jq-draw-ft .btn-draw2 .btn-text {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAATYAAABQCAMAAACkuKloAAAAM1BMVEUAAAD/7XH/7XH/7XH/7XH/7XH/7XH/7XH/7XH/7XH/7XH/7XH/7XH/7XH/7XH/7XH/7XGI+FhxAAAAEHRSTlMAQPDAEICgMNAg4GCQsFBwiM+uTgAABEdJREFUeNrswYEAAAAAgKD9qRepAgAAAAAAYPbrZEdWGIbCsOPME/zv/7RXApQqouj2tqmub4MihsVRYpuvr6+vXyZWIz9yRv6yKLOsoFFObq9umVqibPKHxNKyDIEmEwPg5dShjNzmh6p8qBhlVkDzuA90mQAYObgR4SQDqHwYZzYfbAG2VSgjtn0VC4ATkVpCZYQ8OV/8FKb6ZhMvfg4UKGOVWCQLIBIT9DIdxTnbDxGY+UVRCm+L9SFVqYBWrodzbUmbk5eR/ssWnlrslElycrcD+3vK6mSSwEoHvIXiYreFQ7rHZuUl7l2BLI9kubFGZg0w73V9W31ENSi6AWjgMCUMJOP3s4omLk0eySUOu4nHZR3s+2azMjFNAbRz6asDb1gq8kwuCsBrjJgpWLG2XtMH8TbwRwuzBqRtFMFcfS+saZSnMv+NLQLBnxvRAk1yAN3mQ164pGgA78cg0nmjCS7JPLqxzrEZ750MnouVcybzHOr9dpDGYT8/6DuEkezQY1ZID99oIzZ7lftgE8fyGiIsQ9sUKKPox/Gr2RKEsFVRYG82AN6O3rEz+HxUBQvw8D/7HABVbvJxPG+UYRc/WoOr137ykhNDDa/mEbC+cAojxyAPtXlrE0vt1vv6PbZuagLyvRsnfQ/YZKAu+qiR+OjR4x975rrjOggD4QA2NFzz/k97ykBxk7PsSqv9Q9SRdtU0N/FpbGMXqWomGOXoynWhfiQ5a18AmpS/3Jtx0r5v2yTYmTpeE9bc6rqvcCV+KloCD61jNRKVCovq6aLqWqOXDoDsucl4wlDA9m63Iq6FUbs8r0jOyM5BUW/IT9q3HXwe6A2Cxt4tM7Pa3N6BdO8U7aMHeAVsPibJX3u/iMPz/DlNpgUrQ7RFwQlJ5hhnZaysT8ooj8qqufHwkrI2epHIYl7JfQlVI+MGmA8uXbsrzTNs5a1GuFO1LbJrs8CGg4hAFWxv/T/yWoK/8ar67HU3IhlhKNgmgyXXI01E1UcakTgKpBm5nz3+j0eoelHq+9z+qownLrnrJY81TbFtLraojNRcp2hj6cGVflIDNkQiIxkaHLNvPyq4zm/UATde5fSqc3ILu8yxSZz69Io6biAgUu3OXKnpjAeOUdP+msalPm8zhvMYWYLbmrveIEl5gq2MyocU9d+sklJBnNc/V4+NUcAmCqVeDNRd0r/xiu28a3l7hs1l9khGcJzSQNyiNopdu/QgINhEX2BbVq02lhk2HjMxwAl8iNSlaFj5Yo4t3QJbo/agGTbqha/DUaQF2zXQ7fYDNtSKW2B79NCaBilFL4M1KwF5WbR7yBdTbPku2MgcJjRo85Kwu5P9vA1KhWjc+Ul88BybWNffAdtFBGy/1E4XY12xwZPx9Kp7SP3ZWnjSMu3jg76P2zZr/mgcEY8j0ffOVku2VB999NFH/9qDQwIAAAAAQf9f+8IEAAAAAAAAlwAX82p86XX/+wAAAABJRU5ErkJggg==)
}

.jq-draw-ft .btn-draw3 .btn-text {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAATYAAABQCAMAAACkuKloAAAAM1BMVEUAAAD/7XH/7XH/7XH/7XH/7XH/7XH/7XH/7XH/7XH/7XH/7XH/7XH/7XH/7XH/7XH/7XGI+FhxAAAAEHRSTlMAwECA8BDgMCBg0HCgkFCw0KAc+QAAA5NJREFUeNrt2evOmzAMBmDnfA6+/6tdYwKhfHQbY5uUzc8PVLUIxCvHSSgwxhhjjDHGGGOMMcYYY4wxxhj7m2pwwO5yiGg9rEwK8JQRuhj4d7iqRPxabPgiYWURIzwksV3kH+BlVVkgCVdPib4H2894JLTyhdkVfCOvYtPtg9Iptyd+OsAURT85h28EnJn1W2kRi0ZEBw8tiAjTwwO7XIRCsVGdtTpJlHXK1qZfLDvdrjc9gd0izadcM9jXsdr2wFUIjSTfGZnlWN4KpucWJY1osYmIGMNVbFar1yHgS+wx3+zro2kmRKwwPQ8uFP1pTjC1rBFF7EZs9daiY+kfY7tHUsHDzLzGz1OpjHimcys51Ufa/dnT4UbMHNyCO2HPsVns7HhW1c5ZEO3tBrq03plxpyfOTVAqmvKi5nU1XYTtk1wLR8Y2pd4QsYkAfotfacQ47x6r5SHpKHQ8x+Y02oSIJUvpKb8sqDf9YP3mpQxKnmOjG+3j0069x1oDwwGOnATo7d/hQGvfq6hUFsJerZyLpVFZsSk0oTYJJiXw5GqXgPr9NBlGEzRJjKiGr/Uoi9vmn2oKkmlfSeGgl4vFWNX4RhRKLI5qwk8yHHmBOm530jh3sQHuPEhqOzIoYeX+rEdLNaDo1DpKReAHGg7SmpRV42c18UzaHqV6Gnkyn7b0ZnvGgLFoys1TbLHEUSsJV0II9SJJWvSx4ZuebTH7VBrmnUb7jjMo/MIDSI3dYZmqxrlLj2TJSjr4Qo5cnKUhmdpF6ZOcuNCcVEXgB2Vbmao1tqVvENCOU27sEV7ieL2np92UJvw+u7/LpdgqjbAtsqDpeO9Wkkpz8slA4ZvYGhNtN6WUtVgqpaAxUHjgNMVUe7WBUfrn16phdMtx2zxna5O4y/LwnQDi12Ndv6Qy045mzbyt7X7+ufNebK7dQVLRxjnXbBZtDh7Gq4wR2+CWkNojth9MyzFm6nX3mNyv6zTlZ8q8A9W4duyx+eT7aIrX70d0Oo5uuCsIszW55TBu5yy4EZtCjMmpvtj4st5KDuBJbMels9teEjR51oWIpsFi4qc9aUEK9nFsPiPRbp8niJAwo4DWwDE3uNiUPo+t6tMEapBM+5+po+PIzV809PA4Nmprb/8Rqn/hJe/YbLurZJ8PUqnqKR4flFraRnbOFdzOJIGY/o8/1X8z/zNr1wKMMcYYY4wxxhhjjDHGGGOMMfZHfQNWfFX2eh+N5QAAAABJRU5ErkJggg==)
}

.jq-draw-ft .btn-draw4 .btn-text {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAATYAAABQCAMAAACkuKloAAAAM1BMVEUAAAD/7XH/7XH/7XH/7XH/7XH/7XH/7XH/7XH/7XH/7XH/7XH/7XH/7XH/7XH/7XH/7XGI+FhxAAAAEHRSTlMAQPDAgBDQYDDgkFAgoHCwU2YdvQAAA/1JREFUeNrswYEAAAAAgKD9qRepAgAAAAAAYPbrJMdtGAigaLE4T9a//2nTEgXIUnvoZBUmfguvDAL6LpLWx8fH3yQ2+fhtFqp8fLk1eSdqkk0FsvwXjHnZpaDvujVQL6sMWJmeuTlrAXSRx7wC8cUKgDsCGeO6M3LW2ZeIgCYxbuKNmnrgjns6KRDkGZ+BMr5ZArtcr2U1mVuVDIQAqMyqKfc0yWOsnlYLANFf18vXshnQG5upsxk2ubsMEOVPsi0MixHDprTt87JFB2WXk8zKK7BUEbEvz2l9ka0Dy8jimyqAVoC7LJVdXhjCvNG+pFgAM7JVecYCPK8WvAFY1rMNyMkC4fTrDMYrVAcwdTYRO7JlUPlJtvS9mrak+65LAM5ddvwC2AAEhShN5/8LYrcgHrBvs/lalHitRnfKJiZ9dCHUcYsyJJGoELzMTCGMJ3NvstnMKsjBcaIAKXAZNh13dOusul/7u7mr+XHlFaC+zHY4HjhysAxBCpfRjb3eX7nhH3iRr2MwAmB+ku20uwqEG7Ds2bJVqKOikyvHTo3Mro/TBkB+km2JXg7r3ACWwRlAGZqcRUBrZ+VkcgoYZ9lYW2KTBwpAtq7Kdxxc5pDkJDEGOoWt/txH2y/2zHbXbRAGoBgwDg4hfv+n3YjdsnDbW0V3m0TV86et1AjlyJ8JifJiL43yNIkXUTbbnoyxLx89lnro5pkTFb18hS9pAxHPqqzjtxW/Wtti3Fr1y8epPG/ARYsMjgS/0Z/bZW1dftqO+hbKyingyVon6PKfyU0Ki2Q+ilCp7eO4nfWStvWU4Ijq/uyf+g6vB6g3yTznioWVnCtAnEQ8atnx12qbWfL1aBrnVLVDtKEsFo5UiAt6UcKMqYprDF4M0q4YvtGGsEYOSdJp36TarpIREw3ZQqzuNfroXBMMJMZkmYpQOcmf7NoV+Zm2lE9ClNKMwKgth0Zsx2y3CZc8uk28VoLdVoYw25PxJCPV1bG0LVDjbvE4KO7BJkRNmzUEcH2IuWkLFZ3Lwu1QAnuMDAATJqiFjg8cV8DuQLAX8m/A/p/QGqWvd1v6ZQRFPLY+sc2XmUPe5bqMa72Wrdfa6N5GU9EV7YW20uI56Hy3u3mhHZwCicvdE51u1Ehhj7GC5hXUJB5tWraplV9os911OWI8Y4E5J48bPWY4Qh5eN4WWw5EelCAsltXq2/pl10ZP9toakxgT1rUns9fYELBeiAmMWbWVRyPe9qABzQ/1BfwHLGjblsDrvp3cG7D6Po/9gKfauFfJECKnN9FmY6l3/0jb4hNXKP249Q16wr04/Y17Wd7jbcF/B+cdZj98+PCrPTgkAAAAABD0/7UnjAAAAAAAAHALIoVeDB97uyQAAAAASUVORK5CYII=)
}

.jq-draw-ft .btn-draw5 .btn-text {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAATYAAABQCAMAAACkuKloAAAAM1BMVEUAAAD/7XH/7XH/7XH/7XH/7XH/7XH/7XH/7XH/7XH/7XH/7XH/7XH/7XH/7XH/7XH/7XGI+FhxAAAAEHRSTlMAwPBA4IDQEKAwIGCwUJBwTlsp9wAABIpJREFUeNrswYEAAAAAgKD9qRepAgAAAAAAYPbrbLd1GIaiKEVSgzXE5/+/9lYeJER22lugD1WRBWRAohdvM4r99vb2m6RIf4aXSLd8pJ9lgEJ/gqwZYE83Eqv/IvhC/yHxsawAUJpfydgluooALH0qAPks58PD3laO7bQoAEOzS4pToCv79Wxg79Ca5Nu252lJAHghsTP/UKVHY7O8yAYZJmfM1lO9qi9bLFnLFtY5AEyzihk7I5HuLRh/peKUnjD6imP1yCuA+uAVm5mzFcZpqyZirVFDTyQDIZijhV/1Mn0GQPk8W+ixcNCFJrUw4LJVACEbxqEfT5T1cX5OUWQ1qJQu2aRng9CotFYZOzdttNqtjpfD4EEHYTTq2zou38zmGTup74rFhzmzFRsM457SYUXjvOBgIl2zUSmvs2UA29lxDCSKPO0liMMzZ4IxQWQNDrkNIxo9s2WhrmdTcHyVrez/on0LSAw4TxN6tM0mBO5x6shET6el1mWuT9Hig400kGIZm9SyLSKROq7ViGJAFTyRL3bKaiQATNZs0N1sOamm2oesvhTaxbSe3zc6zGe/CkyhUJWxcTPfyK/JkwM6RZWHVYA6VGz3qLIGo+1GTHFSIQkMdDzksTiw0NRQcVYAweTroS42o7F1VQ/t2gBVWhbWVtBgky6DyyWgsjQzU0sENMPxREaXLJ7FY4kG3UayO3P6y92GHNsl8pxb2z/2rGjXYRCEioi2aqn//7U3oisrt8myR5Odhy1r1cQzORxQDQY0hdlpUid3IG7GpQht4juuJfyWRR/RsbUYu7+OH8j0hQO1bxLCrOMfinBuvtLrpb8EcEO3ozUz/YMzNoFUE2RZ22iYxSBL8boHrna54c7FUDH87y6gKWoWOTzu3MMVw9G/BsbO3Z01BYyCIxS3KFAF/F+tmaiGdsfxYGdPYQT6UopyHyY//dsys1ALvGaJ5e7EkMkXmhqpFCHC0rbPUSCSXwc1jPiuk4lljWHp4lZy4XxVqbBkqKIWVxCjCWD1c5EzjeQZ5WsiUZsAqQXCLpNGrgn3RujhznqSp/ESS5tYM1KLj1sQua7Atqsk+g3aJ8NZtt8JiVFoq2KHhYlUL+OctpfDLT65rfnBfJ3/CqzZGU9UQQPVvoydgzfpS3fa/LyAAEnBRXUySjZV2uBMXQ+4M1awjRIVEZcMUI3E5y71HiXU4FLzw91po+lZonwm/88OGxPok9jrZSNTsTVF2B/SRe1NcKChQoY2OWYexDRPFhXResRp58bV1uLY/RR9QumBH0TZtORmizGitiQvlMJzxGxGATCVMGLUQJoiYQR7xkWdxwsZkxy5DcCby9IcW6NpKWJ5syUP5zW8XwRKRshPHb6TYptYVdcyFiKA0BR2Q+VwGfSR0mbpsM9Of1oxsDjdmoD2DKvXBTzfZz1dG+5f9eBF+9aEPQBaqX8i2xl0xcJPPXi11UAc16XtmNtgIrVQCRn2b2lzieFj6ol8YtYZx7I5gbns30/qp/GHH3744Ye/9uCQAAAAAEDQ/9eusAEAAAAAAMApr19voek8hikAAAAASUVORK5CYII=)
}

.jq-draw-ft .btn-text2 {
    font-size: .32rem;
    font-weight: 700;
    color: #f7e46d
}

.jq-draw-ft .btn-text {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 0;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAATYAAABQCAMAAACkuKloAAAAM1BMVEUAAAD/7XH/7XH/7XH/7XH/7XH/7XH/7XH/7XH/7XH/7XH/7XH/7XH/7XH/7XH/7XH/7XGI+FhxAAAAEHRSTlMA8MBAMBCggODQYJAgUHCwhVYhvwAABFFJREFUeNrtmdmu4yAMQAGHfYn//2snGEpJSjXL0zDjI93bVEmQOLKNoYJhGIZhGIZhGIZhGIZhGIZhGIZhGOZvIiTB/DYKMYv/i0N8oo9fCjHZH8uI6MQ/zuFiEgODUXxgEM+XOW2i1WJBQpTthru0KfEvcTzjhiYp07iPlyHxBCcPrj2xdIuBou66kIcAu3+iasjWqDrlvHIytBW8sKtHzunaiE+AZEHJJNb7+lVsCwQblcfGyom+FSKPK7Nyeu9zDEJXWfVPFiS21mbwiV1EiXl/WaagGi6/ajNvWdhxh9gViQ+8FoORlmWevNRLbTBpA/EkD1cnNvy+0mjCM+pzwnHSkFqK/r42LbEB9SrbermzNu2RKHDQx1rJHGzqi3yR83dtNcSognpZl9Mkd29B9EETXc6XkHWCSgXqPlqQaFhocyjTN225raJYoRGCpHKwM/BdW1dlLAUi2YkimctBnt7PViIRhrYDIN3Vy0PUNytGX+az3dvahzaw84wsdlRrU5MdioiAA9c0D9SoXsHknquE/xc28kBOWrk3yr87/hSiwkHMklLxQpp3RXdvayDASJyQDz123ACxO5Q5UuKNNOJmMD1RqgA1ij3h8iHdMKhGSE5QtGbTu8NtyVYpj0siReGL867thODHhitJdMZdpuaRXjr1s0oiXJ+eBtm1tAVcM7IUO7lO2I0MMwYJ6PLz1P1JQ7l+gIjPFuOQI/zocbdpoh4rXae9iIZCAaSMvsZMoeWv3i60QEbajIs3FD/1X0yARKlq7NOasdao68JJCuk9A67FiGvNewsucSPROuHJShZBUu+WL68gjjQ9RgMF27tZ4vTV3cPaQGkS7YLYkWgKiNI350PbTKZS1g8rdB4rq7RiUGRLa8CJcO8Cw7065tfuxMVdt1jVRP6mrWAnPgOmvMKom1TtBFO2pwHmFUFHUtSqgjchhZjGLlVtmaqZ0nCljTBjQ5Qma8OJttMiIquasw1TplM6cD3EylmstO0mBOzsmKl0eghrbcQRW1ZG3eNIC1LlJiHek7aT9JIJfY5zOW1eHW6QWpia7p5unk33lifjhg4hF9oGZT4oU6PZt+/TOiMUDRLeja6nPH5rU0XXDUWsxgJg26ICwJYJ2kt1emtbW+t26tX9rNJis+7pv/7caszo+hb1fZtm5uAYre1S25Gto8igiANJKlrWxrGeGKlKH8XijBd3Um/nHKXoxrS1sSy1DQuUTxQgsxUQjRDitK+I16eKNrjlkScditAtpxPs2nl0a15/06b9yxp5gzkJPxZb1xtkglaEtDpeL9ZjZ9O6Jjz1rVp8TVId3ahC1pCgjrrr+Hy1yPKzn8iK2BKtUAWSttZGpOMWfs4EgBDVPcOy/PkvKh6fePEvoEnbn3G4Xu2+E4ctpZSN/l/RBn+sjdJZ/bSQ+lggvd/I264Jd4w6Nz0CYxiGYRiGYRiGYRiGYRiGYRiGYRjmX+MHXNhnb9UCnbkAAAAASUVORK5CYII=) no-repeat;
    background-size: 100% 100%
}

.jq-draw-ft .txt {
    color: #999;
    font-size: .24rem;
    padding: 0 .5rem
}