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+J30rNQAACRRJREFUeNrsXQlsFVUU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");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:.26rem / .48rem "Microsoft YaHei",Arial;color: #fff;}
html,body,.app,.swiper{min-height: 100%;height: 100%;}
img{display: block;width: 100%;}
.app{width:7.5rem;margin:0 auto;position:relative;overflow: hidden;}
.cell{display: -webkit-box;display: -webkit-flex;display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center;}
.bd{-webkit-box-flex: 1;-webkit-flex: 1; flex: 1;}
.f36{font-size: .36rem; font-weight: bold;}
.mt{margin-top: .4rem;}
.mt2{margin-top: .7rem;}
.skip{display:none;margin-left:.2rem;text-decoration:underline;padding:0 .1rem}
.logo{width: 2.15rem; height: .86rem; background: url('../imgs/logo.png') no-repeat center / cover; position: absolute; left: .3rem; top: .28rem; z-index: 2;}
.user{position: absolute; right: .15rem; top: 0.35rem; z-index: 2; display: flex; align-items: center;}
.user .btn{font-weight: bold; text-align: center; color: #000; min-width: .6rem; padding: 0 .24rem; line-height: .54rem; border-radius: .1rem; margin-left: .1rem; background: url('../imgs/user_btn.jpg') no-repeat center / auto 54rem;}
.ft{position: absolute; bottom: 7%; width: 100%; left: 0; text-align: center;}
/*
.checkbox{color: #000; font-size: .22rem; justify-content: center; margin-bottom: .1rem;}
.check{display: block; width: .24rem; height: .24rem; background: #000; margin-right: .1rem;}
.check.cur{background:#000 url('../imgs/check.jpg') no-repeat center / .24rem; }
*/
.btn_unlock,.btn_send,.twpop .twpop-btn{font-weight: bold; color: #000; background: url('../imgs/btn.jpg') no-repeat center / cover; text-align: center;}
.btn_unlock{font-size: .46rem; width: 3.9rem; line-height: 1.2rem; border-radius: .1rem; overflow: hidden; margin: 0 auto; box-shadow: 0 .06rem .06rem rgba(0, 0, 0, .3);}
.swiper .swiper-slide{background-repeat: no-repeat; background-size: 7.5rem auto; background-position: center top; overflow: hidden;}
.swiper-slide-active .text .t1{-webkit-animation: fadeUp .6s both; animation: fadeUp .6s both;}
.swiper-slide-active .text .t2{-webkit-animation: fadeUp .6s .2s both; animation: fadeUp .6s .2s both;}
.swiper-slide-active .text .t3{-webkit-animation: fadeUp .6s .4s both; animation: fadeUp .6s .4s both;}
.swiper-slide-active .text .t4{-webkit-animation: fadeUp .6s .6s both; animation: fadeUp .6s .6s both;}
.swiper-slide-active .text .t5{-webkit-animation: fadeUp .6s .8s both; animation: fadeUp .6s .8s both;}
.swiper-slide-active .text .t6{-webkit-animation: fadeUp .6s 1s both; animation: fadeUp .6s 1s both;}
.swiper-slide-active .text .t7{-webkit-animation: fadeUp .6s 1.2s both; animation: fadeUp .6s 1.2s both;}
.swiper-slide-active .text .t8{-webkit-animation: fadeUp .6s 1.4s both; animation: fadeUp .6s 1.4s both;}
.swiper-slide-active .text .t9{-webkit-animation: fadeUp .6s 1.6s both; animation: fadeUp .6s 1.6s both;}
.swiper-slide-active .text .t10{-webkit-animation: fadeUp .6s 1.8s both; animation: fadeUp .6s 1.8s both;}
.swiper-slide-active .text .t11{-webkit-animation: fadeUp .6s 2s both; animation: fadeUp .6s 2s both;}
.text{padding: 1.75rem .4rem 0 .7rem;}
.text b{color: #fff555;font-size: .36rem;}
.p1 .text{padding: 4.1rem 0 0;text-align: center;}
.btn_rule{position: absolute;right: 0; top: 1.87rem; width: .57rem; height: 1.66rem; display: block; background: url('../imgs/btn_rule.png') no-repeat center / cover;}
@-webkit-keyframes fadeUp{
    0%{opacity:0;-webkit-transform:translate3d(0,0.4rem,0)}
    100%{opacity:1;-webkit-transform:translate3d(0,0,0)}
}
@keyframes fadeUp{
    0%{opacity:0;transform:translate3d(0,0.4rem,0)}
    100%{opacity:1;transform:translate3d(0,0,0)}
}
.dm{width: 6.8rem; height: 4rem; background: url('../imgs/dm.png') no-repeat center / cover; border-radius: .28rem; overflow: hidden; margin: 3.62rem auto .18rem;}
.danmu,.mydanmu{height:.6rem; line-height:.6rem;  padding: 0 .2rem;  display:block; color: #fff; font-size: .22rem; border-radius: .3rem; background-color: rgb(100, 162, 251, .8);}
.msg{margin: 0 .38rem;}
.msg_txt{background: #fff; border-radius: .1rem; padding: .16rem .7rem .16rem .2rem; display: flex; align-items: center; position: relative;}
.more{position: absolute; right: 0; top: 0; width: .7rem; height: .8rem; background: url('../imgs/down.png') no-repeat center / .3rem auto;}
.input{width: 100%; font-family: "Microsoft YaHei",Arial; font-size: .24rem; color: #000;white-space: pre-wrap;word-wrap: break-word; outline: none; background: #fff; line-height: .48rem;height: .48rem; border: none; -webkit-appearance: none;}
.btn_send{width: 2rem; line-height: .8rem; font-size: .36rem; margin-left: .14rem; border-radius: .1rem;}
.act{margin-top: .47rem; padding-top: 1.1rem; background: url('../imgs/tit.png') no-repeat center top / 3.83rem auto; display: flex; justify-content: center;}
.act_jk,.act_nb{display: inline-block; margin: 0 .4rem; width: 2.18rem; height: 3.6rem; background: url('../imgs/act.png') no-repeat left top / 4.36rem auto;}
.act_nb{background-position: right top;}
.message_list li{ padding:.15rem 0;  border-bottom: 1px dashed rgb(255, 255, 255, .4); }
.message_list li:last-child{border: none;}

.twpop{z-index: 100;position: relative;}
.twpop .twpop-main{ background: #6a94ff; background-image: -webkit-linear-gradient(top,#9d61fe,#7fc2fa); border:2px solid #fff; color: #fff; border-radius: .2rem;}
.twpop .twpop-cont{padding: .2rem;}
.twpop .twpop-close{width: .66rem;height: .66rem; background: url('../imgs/close.png') no-repeat center / .4rem;}
.twpop .twpop-btn{width: 2rem; line-height: .8rem; height: .8rem; font-size: .28rem; padding: 0; border: none; border-radius: .1rem;box-shadow: 0 .04rem .04rem rgba(0, 0, 0, .2);}
.rule{text-align: left;}
.gray{-webkit-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}