html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0}
html,body,fieldset,img,iframe,abbr{border:0}
li{list-style:none}
textarea{overflow:auto;resize:none}
input{outline:0}
a,button{cursor:pointer;color:#fff;}
table{border-collapse:collapse;border-spacing:0;width:100%;}
a,a:hover{text-decoration:none;}
html,body{min-width:1050px;height:auto;font:12px/ 26px "\5FAE\8F6F\96C5\9ED1","Microsoft YaHei";color:#fff;}
body{background:#0c0b09;}
.wrap{min-width:1050px;position:relative;overflow:hidden;background:url('../images/bg.jpg') no-repeat center top;;}
.desc{color:#8b785e;font-size:14px;line-height:20px;text-align:center;}
.s1{width:1050px;margin:0 auto;height:900px;position:relative;box-sizing:border-box;background:url(../images/s1.jpg) no-repeat center top/ 100% auto;}
.s1 .logo{width:133px;height:69px;position:absolute;top:12px;left:25px;}
.s1 .link{position:absolute;right:25px;top:30px;width:170px;height:25px;display:flex;justify-content:space-between;align-items:center;}
.s1 .home,.s1 .down{display:block;width:80px;height:25px;line-height:25px;box-sizing:border-box;border:1px solid #fff7b0;border-radius:13px;color:#fff7b0;text-align:center;background:rgba(255,247,176,0.08);transition:all .2s ease;text-indent:0;}
.s1 .home:hover,.s1 .down:hover,.s1 .home:active,.s1 .down:active{color:#6d5600;background:#fff7b0;box-shadow:0 0 12px rgba(255,247,176,.65);}
.s1 .home:active,.s1 .down:active{box-shadow:0 0 16px rgba(255,247,176,.8);transform:translateY(1px);}
.s1 .time{position:absolute;left:50%;transform:translateX(-50%);top:500px;font-size:16px;color:#faec81;display: none;}
.s1 .time::after,.s1 .time::before{content:"";position:absolute;top:50%;width:10px;height:10px;background:#faec81;transform:translateY(-50%) rotate(45deg);}
.s1 .time::before{left:-18px;}
.s1 .time::after{right:-18px;}
.s2{width:1050px;margin:0 auto;height:750px;position:relative;box-sizing:border-box;padding-top:60px;background:url(../images/s2.jpg) no-repeat center top/ 100% auto;}
.xs_box{width:680px;height:420px;position:relative;margin:10px auto 0 auto;}
.xs_box .item_box{width:130px;height:160px;position:absolute;box-sizing:border-box;padding-top:8px;}
.xs_box .item_box:nth-child(1){left:64px;top:76px;}
.xs_box .item_box:nth-child(2){left:270px;top:182px;transform:rotate(-2deg);}
.xs_box .item_box:nth-child(3){left:480px;top:98px;}
.txt_box{width:100%;white-space:nowrap;text-align:center;}
.txt_box .p{background:linear-gradient(#793024,#a7501f,#d07c2a);-webkit-background-clip:text;background-clip:text;color:transparent;font-style:normal;}
.txt_box .p:nth-child(1){font-size:24px;}
.txt_box .p:nth-child(2){font-size:14px;line-height:20px;}
.item_box .btn_xs_item{position:absolute;width:151px;height:92px;}
.item_box .btn_xs_item.end{filter:grayscale(1);}
.item_box:nth-child(1) .btn_xs_item{left:-10px;bottom:-26px;background:url(../images/btn_1.png) no-repeat 0 0 / 151px 90px;}
.item_box:nth-child(2) .btn_xs_item{left:-2px;bottom:-18px;background:url(../images/btn_2.png) no-repeat 0 0/ 148px 91px;}
.item_box:nth-child(3) .btn_xs_item{left:0;bottom:-24px;background:url(../images/btn_3.png) no-repeat 0 0/ 144px 92px;}
a.btn_guess{display:block;width:220px;height:80px;background:url(../images/btn_guess.png) no-repeat 0 0 / 220px 200px;margin:16px auto 0 auto;}
.s3{width:1050px;margin:0 auto;height:1004px;position:relative;box-sizing:border-box;padding-top:70px;background:url(../images/s3.jpg) no-repeat center top/ 100% auto;}
.s3 .info{display:flex;align-items:center;justify-content:center;}
.s3 .prize,.s3 .addr{display:block;width:90px;height:30px;line-height:30px;box-sizing:border-box;border:1px solid #fff7b0;border-radius:13px;color:#fff7b0;text-align:center;background:rgba(255,247,176,0.08);transition:all .2s ease;text-indent:0;}
.s3 .prize{margin-right:20px;}
.s3 .prize:hover,.s3 .addr:hover,.s3 .prize:active,.s3 .addr:active{color:#6d5600;background:#fff7b0;box-shadow:0 0 12px rgba(255,247,176,.65);}
.s3 .prize:active,.s3 .addr:active{box-shadow:0 0 16px rgba(255,247,176,.8);transform:translateY(1px);}
.side{width:160px;height:430px;position:fixed;top:50%;right:88px;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;background:url(../images/side.png) no-repeat center / cover;z-index:2;box-sizing:border-box;padding-top:56px;}
.side img{width:100px;height:100px;}
.side img:nth-child(1){margin-bottom:85px}
/* 留言板 */
.paper{margin:60px 0 0 86px;width:870px;height:400px;position:relative;}
.paper .item{color:#6d5c3b;font-size:14px;width:180px;height:134px;box-sizing:border-box;line-height:20px;padding:16px 18px 0px 8px;position:absolute;background:url('../images/bg_chat.png') no-repeat center / cover;}
.paper .nickname{font-weight:700;line-height:40px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;height:40px;}
.paper .message{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-height:22px;max-height:66px;text-overflow:ellipsis;}
.rec{width:880px;height:64px;display:flex;justify-content:space-between;align-items:center;margin:20px auto 40px auto;}
.rec input{width:700px;height:64px;line-height:64px;border:none;background:#36332a;border-radius:10px;color:#ffefb9;font-size:14px;box-sizing:border-box;padding-left:20px;}
.rec input[readonly]{cursor:pointer;}
.rec input::-webkit-input-placeholder{color:#ffefb9;}
.rec input::placeholder{color:#ffefb9;}
.rec input::-moz-placeholder{color:#ffefb9;}
.rec input::-moz-placeholder{color:#ffefb9;}
.rec input::-ms-input-placeholder{color:#ffefb9;}
.submit{display:block;width:171px;height:63px;background:url('../images/btn_send.png') no-repeat 0 0 / 171px 200px;}
.submit:hover{background-position:0 bottom;}
.submit.end{filter:grayscale(1);}
.btn_upload{display:block;width:220px;height:80px;background:url('../images/btn_upload.png') no-repeat 0 0 / 220px 200px;margin:0 auto 34px auto;}
.btn_upload:hover{background-position:0 bottom;}
.btn_upload.end{filter:grayscale(1);}
.anim{-o-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition:all .8s ease-out .3s;-moz-transition:all .8s ease-out .3s;-ms-transition:all .8s ease-out .3s;-o-transition:all .8s ease-out .3s;transition:all .8s ease-out .3s;opacity:1;}
.ui_anim{-o-transform:translate3d(0,60px,0);-webkit-transform:translate3d(0,60px,0);-moz-transform:translate3d(0,60px,0);-ms-transform:translate3d(0,60px,0);transform:translate3d(0,60px,0);opacity:0;}
.xs .cont{margin-top:10px;}
.xs .tip{margin-top:40px;}
/* twpop */
.twpop .twpop-mask{z-index:99;}
.twpop .twpop-main{width:801px;max-height:559px;background:url(../images/bg_at.png) no-repeat 0 0 / 801px 200px;z-index:999;}
.twpop-msg .twpop-main{min-height:auto;}
.twpop .twpop-main .twpop-title{font-size:47px;line-height:90px;color:#bca98b;padding:unset;position:relative;display:inline-block;letter-spacing:4px;}
.twpop .twpop-main .twpop-title::before,.twpop .twpop-main .twpop-title::after{content:'';width:33px;height:33px;background:url(../images/icon_pop.png) no-repeat center / contain;position:absolute;top:50%;transform:translateY(-50%);}
.twpop .twpop-main .twpop-title::before{left:-40px;}
.twpop .twpop-main .twpop-title::after{right:-40px;}
.twpop .twpop-close{background:url('../images/close.png') no-repeat center / 100%;right:-16px;top:-16px;}
.twpop .twpop-cont{background:url(../images/bg_ac.png) repeat-y 0 0 / 801px 243px;position:relative;font-weight:bold;font-size:18px;color:#cec4b7;padding:20px 50px;}
.twpop .twpop-cont::after{content:'';position:absolute;bottom:-30px;left:0;width:801px;height:46px;background:url(../images/bg_at.png) no-repeat 0 bottom / 801px 100px;}
.twpop .twpop-diy-content{max-height:none;overflow:hidden;}
.twpop .twpop-from-item{margin-bottom:28px;}
.twpop .twpop-from-lable{margin-right:10px;flex-shrink:0;}
.twpop .twpop-btn{background:#af4019;border-radius:10px;color:#fedfb1;}
.twpop-list li{text-align:left;display:flex;justify-content:space-between;align-items:center;padding:8px;}
.twpop-list .btn-copy,.twpop-list .copy,.twpop_uploadRule .copy{background:#af4019;border-radius:4px;color:#fedfb1;padding:0px 8px;cursor:pointer;}
.twpop_uploadRule .copy{margin-left:8px;}
.twpop_prize .twpop-list .btn-copy:hover,.twpop_prize .twpop-list .copy:hover{filter:brightness(1.08);}
.twpop .list{padding:0 30px;}
.twpop .list label{display:block;padding:10px;margin-top:14px;text-align:left;display:flex;align-items:center;}
.twpop .list input{display:none;}
.twpop .list span{line-height:30px;display:inline-block;}
.twpop .list i{float:left;width:24px;height:24px;border-radius:50%;border:1px solid #ccc;margin:0 20px;position:relative;}
.twpop .list i::before{content:"";position:absolute;left:50%;top:50%;border-radius:50%;background-color:#d63f21;opacity:0;-webkit-transform:translate(-50%,-50%) scale(.1);transform:translate(-50%,-50%) scale(.1);width:10px;height:10px;}
.twpop .list input:checked+i::before{opacity:1;-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1);-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;}
.twpop .list input:checked+i{border-color:#9d0400;}
.twpop .twpop-input,.twpop .twpop-select{color:#ffefb9;}
.twpop .twpop-input{color:#ffefb9;background:url('../img/input.png') no-repeat;background-size:100% 100%;}
.twpop .twpop-input::placeholder,.twpop .twpop-input::-webkit-placeholder,.twpop .twpop-input::-moz-placeholder{color:#ffefb9;}
.twpop .twpop-select option{color:#222;}
.select2-container--default .select2-selection--single{background:transparent !important;border:none !important;}
.select2-container--default .select2-selection--single .select2-selection__rendered{color:#ddcb9c !important;}
.select2-container{font-size:14px;}
.twpop_inputGuess .twpop-form-list .tip{margin-bottom:18px;color:#ffe1a7;font-size:17px;line-height:28px;font-weight:700;}
.twpop_inputGuess .twpop-from-item{margin-bottom:0;}
.twpop_inputGuess .twpop-from-lable{color:#ffd49a;font-size:18px;}
.twpop_inputGuess .twpop-input{height:52px;line-height:52px;padding:0 16px;border:1px solid rgba(255,188,95,.55);border-radius:8px;background:rgba(44,26,12,.65);box-shadow:inset 0 0 0 1px rgba(255,219,157,.12);font-size:20px;font-weight:700;}
.twpop_inputGuess .twpop-input:focus{border-color:#ffc36c;box-shadow:0 0 0 3px rgba(255,195,108,.22);}
.twpop_xs .xs{text-align:center;padding:6px 28px 8px;}
.twpop_xs .xs p{margin-top:10px;}
.twpop_xs .xs p:first-child{margin-top:0;font-size:24px;line-height:34px;color:#ffe6b2;text-shadow:0 0 10px rgba(255,197,106,.55);}
.twpop_xs .xs .cont{margin-top:16px;padding:12px 14px;border:1px solid rgba(255,194,112,.5);border-radius:8px;background:rgba(255,170,71,.1);color:#ffd89f;font-size:22px;line-height:34px;font-weight:700;}
.twpop_xs .xs .tip{margin-top:20px;color:#ffbc63;font-size:18px;line-height:28px;}
.twpop_bless .bless-list p{margin-top:12px;}
.twpop_bless .bless-list p:first-child{margin-top:0;}
.twpop_bless .bless-item{display:block;color:#c2b6a1;transition:color .2s ease,text-shadow .2s ease,transform .2s ease;}
.twpop_bless .bless-item:hover,.twpop_bless .bless-item:focus{color:#ffe7ad;text-shadow:0 0 10px rgba(255,231,173,.75);transform:translateX(4px);}
.twpop_uploadRule .upload-rule{text-align:left;padding:8px 24px 0;}
.twpop_uploadRule .upload-rule .rule-title{font-size:34px;line-height:44px;font-weight:700;color:#ffe8b0;text-align:center;margin-bottom:16px;text-shadow:0 0 14px rgba(255,174,64,.8);}
.twpop_uploadRule .upload-rule p{margin-top:10px;font-size:24px;line-height:36px;color:#fff2d0;font-weight:700;letter-spacing:1px;}
.twpop_uploadRule .upload-rule p span{color:#ffb55f;text-shadow:0 0 8px rgba(255,122,0,.55);}
.twpop_addr .twpop-form-list{padding:0 16px;}
.twpop_addr .twpop-from-item{margin-bottom:16px;align-items:center;}
.twpop_addr .twpop-from-lable{width:88px;margin-right:12px;color:#ffd79c;font-size:17px;font-weight:700;text-align:right;}
.twpop_addr .twpop-input{height:46px;line-height:46px;padding:0 14px;border:1px solid rgba(255,192,106,.45);border-radius:8px;background:rgba(41,24,12,.62);color:#ffe7c2;font-size:16px;}
.twpop_addr .twpop-input:focus{border-color:#ffc36a;box-shadow:0 0 0 3px rgba(255,195,106,.2);}
.twpop_selectGuess .list{padding:2px 18px 0;}
.twpop_selectGuess .list > p{margin-bottom:12px;padding:10px 12px;color:#ffe4b0;font-size:17px;line-height:28px;font-weight:700;}
.twpop_selectGuess .list label{margin-top:10px;padding:12px 14px;border:1px solid rgba(255,197,114,.28);border-radius:10px;background:rgba(255,176,73,.06);transition:border-color .2s ease,background .2s ease,transform .2s ease;}
.twpop_selectGuess .list label:hover{border-color:rgba(255,202,124,.58);background:rgba(255,183,90,.12);transform:translateX(3px);}
.twpop_selectGuess .list i{width:22px;height:22px;margin:0 14px 0 4px;border:1px solid rgba(255,206,137,.75);background:rgba(58,36,20,.5);}
.twpop_selectGuess .list i::before{width:10px;height:10px;background-color:#ffbd63;}
.twpop_selectGuess .list span{color:#ffe8c2;font-size:22px;line-height:32px;font-weight:700;}
.twpop_selectGuess .list input:checked+i{border-color:#ffbe66;box-shadow:0 0 0 3px rgba(255,190,102,.2);}
.twpop_selectGuess .list input:checked+i::before{box-shadow:0 0 8px rgba(255,190,102,.75);}
.twpop_selectGuess .list input:checked+i+span{color:#fff3dc;text-shadow:0 0 8px rgba(255,190,102,.45);}
.twpop_bind .twpop-form-list{padding:4px 14px 0;}
.twpop_bind .twpop-from-item{margin-bottom:14px;align-items:center;}
.twpop_bind .twpop-from-lable{width:88px;margin-right:12px;color:#ffd9a5;font-size:17px;font-weight:700;text-align:right;}
.twpop_gift .gift-box{text-align:center;padding:10px 18px 6px;}
.twpop_gift .gift-box p:first-child{font-size:30px;line-height:42px;color:#ffe8bd;font-weight:700;text-shadow:0 0 12px rgba(255,173,77,.62);}
.twpop_gift .gift-box p:last-child{margin-top:16px;padding:10px 14px;border:1px solid rgba(255,200,123,.52);border-radius:8px;background:rgba(255,177,77,.12);color:#ffcf84;font-size:26px;line-height:36px;font-weight:700;letter-spacing:1px;}
.guess_actions{position:relative;margin:16px auto 0 auto;}
a.btn_reward{display:block;width:220px;height:80px;background:url(../images/btn_reward.png) no-repeat 0 0 / contain;margin:16px auto 0 auto;font-size: 0;}
a.btn_reward.end{display:block;width:220px;height:80px;background:url(../images/btn_rewarded.png) no-repeat 0 0 /contain;margin:16px auto 0 auto;font-size: 0;}

.s1.pub{background:url(../images/pub.jpg) no-repeat center top / 100% auto;}