body,button,caption,dd,div,dl,dt,fieldset,figure,form,h1,h2,h3,h4,h5,h6,hr,html,input,legend,li,menu,ol,p,pre,table,td,textarea,th,ul{margin:0;padding:0}
abbr,body,fieldset,html,iframe,img{border:0}
li{list-style:none}
textarea{overflow:auto;resize:none}
input{outline:0}
table{border-collapse:collapse;border-spacing:0}
h1,h2,h3,h4,h5,h6{font-weight:400;font-style:normal}
em,i{font-weight:400;font-style:italic}
button{border:none;outline:0}
a,button{cursor:pointer}
a,a:hover{text-decoration:none}
a,button,input,textarea{font-size:inherit;color:inherit}
a,button,div,input,select,textarea{margin:0;padding:0;border:0;outline:0}
select{appearance:none;-moz-appearance:none;-webkit-appearance:none}
::-webkit-scrollbar {display:none;}
b{font-weight: bold;}
@media all and (orientation:landscape){
    html,body{position:relative;overflow:hidden;width:100%;height:100%;padding:0;margin:0;}
    html::before{content:"";position:fixed;top:0;left:0;height:100%;width:100%;background:#333;z-index:99999;}
    html::after{content:"\4E3A\4E86\66F4\597D\7684\4F53\9A8C\FF0C\8BF7\5C06\624B\673A\7AD6\8FC7\6765";text-align:center;font-size:16px;color:#fff;position:absolute;top:50%;left:0;height:30px;width:100%;margin-top:50px;z-index:99999;}
    body::before{content:"";position:absolute;z-index:99999;height:200px;width:100px;left:50%;top:50%;margin:-140px 0 0 -50px;color:#fff;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHQAAAB2CAYAAAAZUrcsAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDAwMjcwNkVEQzczMTFFNjlFMDFGQTEzNkM3N0JBMTMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDAwMjcwNkREQzczMTFFNjlFMDFGQTEzNkM3N0JBMTMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjQ0NzhCMTlBREM1ODExRTZCNTdFRjQ0Q0I1QzRCODZBIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjQ0NzhCMTlCREM1ODExRTZCNTdFRjQ0Q0I1QzRCODZBIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+J30rNQAACRRJREFUeNrsXQlsFVUUfW2hpexQlhYJi0IQJaCgoLgAsohIkFWIURQFNaBgBKMRgZAY1KgYlRIiQVkEo4IBEVAxBsQgyFIkLAHRgFCkgJhCgVqg33syd+R1nPb/+Z3fzpvek5y0s/6Ze+Zt9933XlIkElExIpN4HfF6YmviJWUGkonFxP3Eg8QjxL9VSJEUg6CNiD2Jw4mdiRnEBmwkI96RiJc8xdxCXEz8sSoKOpH4PLFlCN99PfE94ldVQVBkq9nEe1yO5RPPEFMMeccIp9LGxHSX4/P5wy306fc6EjsQtxF/DYKg/YnLOFu1AQEXEncwc4nVDBO0FbEr8V7iUMc5OcRBxGM+/B4SwniuY3xD/IH4GZfdFfC2JKjGbsSiSElkE5s7zjOdvYnfOt5zF7FmOe+bGXHHKeIyYqdEv5u+0Yx4UnuIAuLgkAnp5GyH4VeU836NiPOJOZHSsZTYuSIEXeX44b4hF9Pmy473Hu/DPWsR2xOnEX9xEfU8cSYxKVGCDnT84NgqIqbNFdq7nyM29Pn+Q4hfugi7ye/Uav+zWvuRrVVMTLAl8axmg2cT9DsjiHscoqJoG+anoK2JhdoP9K6CgoIzNBtsSeDvpBLfcUmtvuSKyMPHUGX3Q670HiK2J172UFG+kViXWMRNGjeX4UCP94zVA4SmwXKf2pBo0mzm9nUht8UT2dQYRlxArKfte5z4UXmbLdnaV/K+h6+hPnGR4ytbR2zhOK9vJLFo6lPKSSHu0+47vAJyhXbE3Y73GVeeeyazb9bGUQ/fAhwNo12cEp8Tq2v7EunEP++jT/mKI0W2qwA3wAHifQ6P0gfEXvHeEN6eJtr2iRiv6018QPPE4IGyiHU463qQuNTlujziVr4mOU6jw33Xg1gjAQb+R/s/tYI8WbnsYv2e2Jb3IVHc7DGB/SdolrZ9Lsbrumj/b2cR5xAn8L7OpQi62cXt5hVp3A3WIkFdbfrHU1GAy3EU8WcuwzPYx9w/HkGLHduxIE/7H4Z9kXh7Kcd1dGM/cXGcvmBUvGpzl17YsJM4hrv2FPucR2vbMVeK9HbRiBgL3wbEvFIqKReJbbRzeyWwQnSB2NjHSore+J9eSc2nL7RnyGVbe6oUxQP0+I906fkv5K/skLYvkd1s6dx8CRPGanZtRpziNcuNFxu4rHyE+/+OExcRd7nU5F7xsb9R/1AKPZT7puAMd7zP4O1xxLd5f8Ky3LAyCFmuXaSdiMcVmawEQQSy3Hna9uh4qumCYGEZ1+rtZuAtLuc8QVxJvEYEDR6clbuD3Ma3dbrfcbwp8Q128OTYbVavlaJO7KoqUuaEcSr2Kv3FX/35AD4fOkfQKTLE4a1DRGJ3/r+r45qP1VW3bYbd9vcqKFx+rxmaAvARrgmYoCncAhjD23i+h7hlAOixw8h2EbmI2OKniX20Y49xKvWc5RYZnKWdDWCukqSXfyzaRnU1fHa31ibN5ATYlJs1NuD3XRJvO1Q3SD67q4KMauySxN/LAXw+PNOTXF6+qZWN65Tl80aKRXxvPz52K6dguzcrl1OrL46Fnco9EDtoOK1KdhEGEW8R/+ByEWKlcvn5qLLG5PTTzmurXfeU0+FQHkFTDRCznkE1eQRjFxA/UVYEiGLP22ntHF3MBZyCpR0aYKzlbHWvts+tZwm+8oniWDADKE8HKGuUXGl4mHhBBDUHKE/vIq5yOTZLWVEfSgQ1C6gBDybO1vYh1U6NVq0XBBuTuQ09mWu1ZUJSqBmYqSzn/G4RNFyVJSWCVjGIoCKoQAQViKACEVTAguqiRgtaTjLwY0j28LxebBHYl9XnI0qLcr4+4qu+Ae8HUewBtRkxiFpX+7+miYLC9YeobIyFRBR6NE/ET8S5LGyOAe+Hd3pVWVEA6N2PFmW/UFldU7juOxMFjWXyRoEIKhBBBSKoIH5BEZyEWJfmXBO8LKarsEorKnKHldW5faS8giJ2BeM/7yDWEvtWKiAsIukRCfipV0ExAGYqp0pB8IDgawwIXheLoJi8N1tsFnhEWKt5ZQn6kjJ3MFJVBWKNZrsJivn4Vot9jMQAO/u1BUXNFbOBNRHbGImTylpTp8B2Vk8RMY0GtHvOTqGYmQsRZVk+3Rxj/uEQTxE7lwlMPYfBvoN9uh9GfrdBw7WHj2IqbvzuEL1itpVfwIDgrshy7/b5IWuKTpVmq54QtJXYNTRo4ZwAWWA2spJ9Lj8F/iGemcCbS9Rf8AB/QE/iTcRnlLdpeJJQy5UO0eAAU6RjurdNvL1PWU6fWTFeH5EUGiz8qYlpY6OXG4igwQJmCrvN2RTxcgMZwR0sIIgA8yqgBwUTN8KLNE0ENRvwyy7hWm51rxdLlhtcVI/nIhE0ZBBBQwYpQ4OHPdx8qcHt0obsZEgWQc3EJGWtg2YDy15i5tN0yXLDAU+ePBE0eHBOW5smgkotVyCCCkLTbPmNiZXzOogJzU2hGP2E9UUwHwMWK+2orMntD4oZzRMUVedByppU4oq2b72yhhoeFlOaJSgWe9lQyjGsWjBXTGmWoJuiHM8RU5olaLQV42WIvmGC3hnleDcxpVmCjlLWGEQ3oPkySUxplqA4bzlxgrICmTAmA3MEYi4GrCEiwdoGOhbQfTOHOF1Z/XWYvLGlmNBcQW00UTI42PgsVyCCCuKEcwpYLLwbcye3hKAEDzdwHQUd3YjN7eAl4YmgwcO7ypqA2V5mGsKmiaDmIl3FGBAmZahUigQiqEAEFYigAhFUBBUYKqhMshgepEDQi2KH0CAfgh4RO4QGxyFovtghNDgNQXf5fNNisWul2WofBPV7WcVLolOl2eprTFGO6VMwyVFHn266HzdWMhFyNFwg9ie29+l+CNbrbq8KMZS4QmxsNIYQV+rrtmCihl5iFyOxRlnr7pRYiAcB09v4r8AcHFPWGnUnnIICmAlyrSq50LoguMjjlLnd3uG2mB2ClBYTu4i9Ag0scI/lQH/Xd5a23CRiWl5Q1opLdcR2gcIZ4uvKGsXwP7dttAVhWxH7EEcqa0ar2ixwkpKpzRMN28aI0y0gHiAuZb/B0VIvinHJ5muVFR+ayZWmZCUeoUTDtvFxrvDsVdZkJWXiXwEGAB5thUjn4vqyAAAAAElFTkSuQmCC");background-repeat:no-repeat;background-position:center center;background-size:100px auto;-webkit-transform:rotateZ(-90deg);}
}
html{font-size: calc(100vw/7.5);}
body{font:.24rem / .52rem "Source Han Sans","Noto Sans CJK","Helvetica Neue",Arial,HelveticaNeue,Helvetica,"BBAlpha Sans",sans-serif;color: #fff;}
html,body,.app,.swiper{min-height: 100%;height: 100%;}
img{display: block;width: 100%;}
.app{width:7.5rem;margin:0 auto;text-align:center;position:relative;overflow: hidden;}
.swiper .swiper-slide{background-repeat: no-repeat; background-size: 7.5rem auto; background-position: center; overflow: hidden; display: flex;justify-content: center;align-items: center;}
.swiper .swiper-slide .text{height: 10rem; width: 7.5rem; box-sizing: border-box;text-shadow: 0 1px 1px rgba(255, 255, 255, .5);}
.swiper .p1{align-items: baseline; display: block;}
.btn_get,.btn_share,.open{width: 1.92rem; height: 1.04rem; background-repeat: no-repeat; background-size: cover; font-size: 0;display: inline-block;}
.home_main{position: absolute;left: 0; top: 11.6rem; text-align: center;width: 100%; color: #bd828a; font-family: '思源宋体';}
.open{background-image: url('../imgs/open.png'); margin-bottom: .1rem;}
.btn_get{background-image: url('../imgs/get.png');}
.btn_share{background-image: url('../imgs/share.png'); margin-left: .5rem;}
.logo{width: 2.22rem; height: .76rem; position: absolute; left: .3rem; top: .5rem; background: url('../imgs/logo.png') no-repeat center / cover; z-index: 10;}
.user{position: absolute; top: .6rem; right: .25rem; display: flex; align-items: center; z-index: 10;font-size: .18rem; text-shadow: 0 0 1px #789355;}
.user .btn{display: inline-block; margin-left: .3rem; color: #fffde6; line-height: .34rem; height: .42rem; width: .97rem; background: url('../imgs/btn.png') no-repeat center / cover;}
.info{min-width: 1.1rem; height: .45rem; line-height: .4rem; background: url('../imgs/info.png') repeat-x center / 1.1rem .45rem; position: relative; padding: 0 .04rem; display: none;}
.info::after,.info::before{content: ''; position: absolute; top: 0; height: .45rem; background: url('../imgs/info_lr.png') no-repeat left top / .2rem .45rem;}
.info::before{left: -.09rem; width: .09rem;}
.info::after{right: -.09rem; width: .09rem; background-position: right top;}
.swiper .reward{ background: rgba(0, 0, 0, .7); height: 100%; width: 100%;}
.swiper .reward .text{position: absolute; left: 0; height: auto; bottom: 25%; width: 7.5rem; background: url('../imgs/text.png') no-repeat center top / 4.42rem .7rem; padding-top: 1.5rem; height: 1.04rem;}
.swiper .p1{background-image: url('../imgs/p1.jpg'); background-color: #722431; background-position: center top;}

.swiper .p2 .text{letter-spacing: .05rem;text-shadow: 0 1px 1px rgba(57, 96, 151, .5);}
.p2 .key{font-size: .34rem; color: #ffc157;font-weight: bold;}

.p3 .text{padding: .2rem .3rem; color: #6f5528; text-align: right; letter-spacing: .02rem;}
.p3 span{font-size: .34rem; color: #f6a519;font-weight: bold;}

.p4 .text{padding: 0 0 0 .4rem; color: #4c6771; text-align: left; letter-spacing: .03rem; font-size: .28rem; line-height: .63rem;}
.p4 span{font-size: .42rem; color: #2a7f9c;font-weight: bold;}

.p5 .text{padding: 0 0 0 .4rem; color: #41531b; text-align: left; letter-spacing: 0; line-height: .63rem;}
.p5 span{font-size: .42rem; color: #759e1d; font-weight: bold; display: inline-block; margin: 0 .05rem;}

.p6 .text{color: #1f5f44; letter-spacing: .02rem;}
.p6 .text p:first-child,
.p6 .text p:last-child{font-weight: bold;}
.p6 span{font-size: .4rem; color: #107d4f; font-weight: bold;}

.p7 .text{padding: 0 0 0 .4rem; text-align: left; color: #753132;}
.p7 .key{color: #753132; font-weight: bold;}
.p7 span{font-size: .34rem; color: #e34848; font-weight: bold;}

.p8 .text{padding: 0 0 0 .4rem; color: #374f53; letter-spacing: 0; text-align: left;}
.p8 .text p:first-child,
.p8 .text p:last-child{font-size: .2rem;}
.p8 span{font-size: .34rem; color: #227c8b; font-weight: bold;}

.p9 .text{padding: 0 .2rem 0 0; color: #2d1c01; letter-spacing: .02rem; text-align: right;}
.p9 span{font-size: .34rem; color: #268999; font-weight: bold;}

.p10 .text{padding: 0 0 0; color: #2e4e53; letter-spacing: .02rem;}
.p10 .text p:first-child,.p10 .text p:last-child{font-weight: bold;}
.p10 span{font-size: .34rem; color: #268999; font-weight: bold;}

.p11 .text{padding: .7rem .2rem 0 0; color: #3a3549; letter-spacing: .02rem; text-align: right;}
.p11 span{font-size: .34rem; color: #624aa9; font-weight: bold;}
.p11 .text p:last-child{font-weight: bold;}

.p12 .text{padding: 0 0 0; color: #753132; letter-spacing: .02rem;}
.p12 .text p:first-child,.p12 .text p:last-child{font-weight: bold;}
.p12 span{font-size: .34rem; color: #d26023; font-weight: bold;}

.p13 .text{padding: 0 .2rem 0 0; color: #314321; font-size: .26rem; letter-spacing: .02rem; text-align: right; margin-top: -.4rem;}
.p13 span{font-size: .52rem; color: #4e8e13; font-weight: bold;}

.p14 .text{padding: 0 0 0; color: #475561; font-size: .3rem; letter-spacing: .02rem; margin-top: -.9rem;}
.p14 span{font-size: .52rem; color: #4e8e13; font-weight: bold;}


.p15 .text{padding: 0 0 0; color: #753132; font-size: .24rem; letter-spacing: .02rem; margin-top: -.9rem;}
.p15 .text p:first-child{font-weight: bold;}
.p15 span{font-size: .34rem; color: #e34848; font-weight: bold;}

.p16 .text{padding: 0 0 0; color: #6f5528; font-size: .28rem; letter-spacing: .02rem; margin-top: -.9rem;}

.swiper .p17{background-color: #722431; background-position: center top;}

.twpop{z-index:1001;position:relative}
.twpop-load, .twpop-mask, .twpop-msg{background-color: rgba(0,0,0,.75)!important;}
.twpop .twpop-main{width:6.84rem;max-width:6.84rem; background: url('../imgs/pop.jpg') no-repeat center top / 6.84rem 100%; line-height:.44rem; color:#ffe6a1; font-size: .24rem;}
.twpop .twpop-main::after,
.twpop .twpop-main::before{content: '';position: absolute;left: 0;background: url('../imgs/ptb.png') no-repeat left top / 7.45rem 3.06rem; width: 7.45rem;}
.twpop .twpop-main::before{height: 1.6rem; left: -.28rem;top: -1.6rem;}
.twpop .twpop-main::after{height: 1.36rem; left: -.28rem;  bottom: -1.36rem; background-position: left bottom;}
.twpop-msg .twpop-main::after,.twpop-msg .twpop-main::before,.twpop-load .twpop-main::after,.twpop-load .twpop-main::before{display: none;}
.twpop-msg .twpop-main{background: #fff!important; color: #333!important;}
.twpop-msg .twpop-msg-text{padding: 6px 20px;}
.twpop .twpop-close{background: url('../imgs/close.png') no-repeat center / .62rem; width: .7rem; height: .7rem; top: -.8rem; right:.4rem;}
.twpop .twpop-title{font-size: .4rem; border: none; padding:0;color: #ffe6a1; margin-top: -.4rem; margin-bottom: .3rem;}
.twpop .twpop-cont{padding:0 .4rem; position: relative; z-index: 1;margin-bottom: -0.5rem;}
.twpop .twpop-from-bd{background: #fff;}
.twpop .twpop-diy-content{max-height:7.46rem;}
.twpop .twpop-foot{margin-top: .2rem;}
.twpop .twpop-btn{border:none; font: .32rem / .98rem 'syst'; width: 2.77rem; height: .98rem; margin: 0 .1rem; font-weight: bold; padding: 0; border-radius: 0; color: #693b00;color: #693b00; background: url('../imgs/pop_btn.png') no-repeat center / cover;}
.twpop .twpop-alert-content{padding: .3rem .2rem;}

.pop{display: none; position: fixed;z-index: 1000;top: 0;right: 0;left: 0;bottom: 0; background: rgba(0, 0, 0, .7);}
.pop .close{position: absolute; top: .4rem; right: .4rem; width: .62rem; height: .62rem; background: url('../imgs/close.png') no-repeat center / cover;}

.arrow{display: block;position: absolute;bottom: .5rem;left: 50%; margin-left: -.64rem; width: 1.28rem;height: .64rem;background: url('../imgs/arrow.png') no-repeat center / cover;-webkit-animation: arrowUpDown 1s infinite ease-in-out alternate;animation: arrowUpDown 1s infinite ease-in-out alternate;}
@-webkit-keyframes arrowUpDown{from{-webkit-transform:translateY(0);transform:translateY(0);opacity:.2}to{-webkit-transform:translateY(15%);transform:translateY(15%);opacity:.2}}
@keyframes arrowUpDown{from{transform:translateY(0);transform:translateY(0);opacity:1}to{transform:translateY(15%);transform:translateY(15%);opacity:.5}}