html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em.625em.75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}@charset"utf-8";html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,hr,table,th,td,form,fieldset,input,button,textarea,figure,img{margin:0;padding:0}a,span{text-decoration:none;display:inline-block}a:link{text-decoration:none}a:visited{text-decoration:none}a:hover{text-decoration:none}a:active{text-decoration:none}a,button{-webkit-tap-highlight-color:rgba(0,0,0,0)}button{border:none;background:transparent}table{border-collapse:collapse;border-spacing:0}caption,th{text-align:left;font-weight:normal}html,body,fieldset,img,iframe{border:0}i,em{font-style:normal}li{list-style:none}body,textarea,input,button,select,keygen,legend{outline:0}img{border:none}input{appearance:none;-webkit-appearance:none}ul,li,h1,h2,h3,h4,h5,p,dl,dd{margin:0;padding:0;list-style:none;font-weight:normal}body{font:12px/1.5"Microsoft YaHei","微软雅黑",helvetica,arial,verdana,tahoma,sans-serif;color:#fff;background:#f7f7f7}input{font-family:"Microsoft YaHei","微软雅黑",helvetica,arial,verdana,tahoma,sans-serif;list-style:none;-webkit-list-style:none;-webkit-appearance:none;-webkit-appearance:pus-button}

::selection{ background:#f78313; color:#fff}
.btn-purple{ background:#0065ff; color:#fff;text-align:center; display:block; box-sizing: border-box }


.wrap-outer{ left:0; right:0; bottom:0; top:0; position:absolute; -webkit-box-orient: horizontal; -webkit-box-pack: center; -webkit-box-align:center; z-index:0; background:#fafafa }
.wrap-inner{ background-color: #0ca0fe;background-size: 100% auto!important; width:100%; max-width:750px; margin:0 auto; text-align:center; min-height:100%; position:relative; }

.pop{ width:22.8571rem; padding:3rem 1.3rem 3rem; background:#fff; border-radius:1.0714rem; position:relative; text-align:center; box-sizing: border-box}
.pop-inner { border-radius: 15px; background:#fff; text-align: center; padding:32px 0;  }
.pop .pop-close .pop-close-img{ width:33px; height:33px; padding-top:15px; }
.pop .icon-close{ position:absolute; right:0; top:0; z-index:10; padding:0.71rem }
.pop .icon-close img{ width:1.07rem }
.pop .face-icon{ width:5rem; padding-bottom:0.93rem }
.pop .congratulations{ font-size:1.5rem; color:#333; padding-bottom:0.28rem; font-weight: bold }
.pop .congratulations .txt{ font-size:1.2142rem; font-weight: normal}
.pop .exchange-code{ font-size:1.5rem;color:#0065ff; }
.pop .exchange-code .copy{ font-size:0.8571rem; vertical-align: bottom; color:#666}
.pop p{ font-size:0.86rem; line-height: 1.7142rem; color:#8f8f8f; margin-bottom:1.5rem }
.pop .tip-red{ padding-top:0.8rem}
.pop .i-txt{ width:100%; color:#333; font-size:1.57rem; line-height:3.21rem; height:3.21rem; border:0.071rem solid #d9d9d9; text-align:center; border-radius: 20rem }
.pop .btn-purple{ width:75%; margin:1.43rem auto 0;border-radius:2rem; height:3.21rem; line-height:3.21rem; font-size:1.0714rem;  }
.pop .btn-line{ border:1px solid #f78313; border-radius:2rem; height:3.21rem; line-height:3.21rem; font-size:1rem; color:#f78313; text-align:center; display:block; margin-top:1.43rem; box-sizing: border-box }
.pop .btn-wrap{ padding:0 }
.pop .btn-wrap .btn-half{ float: left; display:inline-block; width:48%;}
.pop .btn-wrap .btn-purple{ margin:0 0 0 2% }
.pop .btn-wrap .btn-line{ margin:0 2% 0 0 }
.pop .i-txt{ margin-bottom:1rem; font-size:1.4rem }
.pop-substance .i-txt-long{ font-size:0.86rem }
.pop .btn-exchange{ width: 208px; height: 45px; line-height: 45px; border-radius: 45px; font-size:15px;  margin:25px auto 0;}
.pop .pad-b-5{ padding-bottom: 5px; display: inline-block; width: 100%}
.pop#login{width: 19rem}

.rules-link{ padding-top:6rem; display:block; text-align:center; line-height:3rem; color:#999; font-size:0.86rem; text-decoration:underline }

.rules{ padding:1rem 1rem 2rem;  overflow-y:scroll; position: fixed; bottom:0; top: 20%; left: 0; right: 0; z-index: 500; background:#fff; border-radius:1.0714rem 1.0714rem 0 0 }
.rules .icon-close{ position:fixed; right:0; top:20%; z-index:1000; padding:0.71rem }
.rules .icon-close img{ width:1.07rem }
.rules .rule-title{ font-size:1.2857rem; font-weight:bold; color:#333; line-height:3rem; text-align: center; padding-bottom:1rem; color:#0065ff}
.rules .s-tit{ font-size:1.0714rem; line-height: 2rem; color:#333; margin-bottom: 1rem }
.rules .star-tit{ padding-left:1.52rem; background:url("/Images/Activity/RevelryDay/icon_star.png?ver=20250717") no-repeat 0 0.21rem; background-size: 0.9642rem; font-size: 1rem; line-height: 1.5rem; margin-bottom: 0.5rem; color:#333; text-align: left}
.rules ol{ padding-bottom:1rem; text-align:left; line-height:1.29rem; color:#666 }
.rules ol li{ padding-left:1.52rem; background:url(/Images/Activity/RevelryDay/one-dot.png?ver=20250717) no-repeat 0 0.21rem; background-size:0.79rem; margin-bottom:0.57rem; font-size:0.86rem }
.rules .pad-bottom{ padding-bottom:1rem}
.pop.rules{ height:300px; width: 260px; position: relative; border-radius:1.0714rem }
.pop.rules .icon-close{ position: absolute; right:0; top:0; z-index:10; padding:0.71rem }
.rules .link{ color:#ff6700}

.gift-list{ padding:1rem 1.6rem 2rem; overflow-y:scroll; position: fixed; bottom:0; left: 0; right: 0; z-index: 500; background:#fff; border-radius:1.0714rem 1.0714rem 0 0; min-height: 10%; max-height: 80%;}
.gift-list .icon-close{ position:absolute; right:0; top:0; z-index:1000; padding:1.5rem }
.gift-list .icon-close img{ width:1.07rem }

.gift-owners{ color:#333; border-radius:0.71rem;  }
.gift-owners .title{ border-bottom:1px solid #999; font-size:1.36rem; line-height:3.93rem; font-weight:bold; margin-bottom:0.6rem; color:#0065ff; text-align: center; }
.gift-owners .no-gift{ padding:15% 0; font-size:0.86rem; color:#999; text-align: center; }
.gift-owner-list{ margin-bottom:1rem }
.gift-owner-list li{ text-align:left; font-size:1.21rem;line-height:2.14rem }
.gift-owner-list li label{ width:7.5rem; display:inline-block }

.my-gifts-list li{ font-size:1rem; line-height:3rem }
.my-gifts-list li label{ width:5rem; font-size:0.86rem; font-weight: bold}
.my-gifts-list .btn-line{ border:1px solid #999; border-radius:0.58rem; width:3.71rem; line-height:2.14rem; display:inline-block; text-align:center;float:right; margin-top:0.4rem; color:#333 }

.header{ height:18.0357rem; position: relative; }
.header .gift-enter{ position: absolute; top:1.0714rem; left:1.0714rem; z-index: 50; padding:0.7142rem 0; line-height: 1.4285rem; color:#fff; font-size: 1rem;  }
.header .gift-enter .btn-gift{ height: 1.4285rem; background: #ffc56d; color:#000; padding:0 0.4285rem; border-radius: 0.3571rem; }
.header .rule-enter, .header .share-img{ background:#f98621; color:#fff; line-height: 1.7857rem; padding:0 0.4rem 0 0.6rem; border-radius: 2rem 0 0 2rem; position: absolute; right: 0; font-size: 0.8rem;  }
.header .rule-enter{top:1.6rem; }
.header .share-img{top:4rem}

.quan-box{ background:url(/Images/Activity/RevelryDay/youku_bg.png?ver=20250717) no-repeat 0 0; background-size: 100% 100%; margin: 0 0 0.6071rem 0.7142rem; height: 24.2142rem; box-sizing: border-box; padding:4.5357rem 1.7857rem 1.1428rem 1.07142rem }
.caocao-box{ background-image: url(/Images/Activity/RevelryDay/caocao_bg.png?ver=20250717);}
.quan-box .banner, .quan-box .box-btn{ width: 100%; }
.quan-box .banner{ padding-bottom: 0.6rem}
.quan-box .box-btn{ display: none; margin-bottom: 0.7rem; vertical-align: bottom; }
.quan-box .btn-get{ display: block; background:url('/Images/Activity/RevelryDay/button-10.png?ver=20250717') no-repeat 0 0; background-size:100% 100%; width: 22.4642rem; height: 4.9285rem; text-align: left; 
    padding:1.1rem 0 0 1.0714rem; box-sizing: border-box; font-weight: bold;font-style:italic; font-size:0.8571rem;line-height: 1rem; }
.quan-box .btn-get .month-date{ font-size:1.5rem; line-height: 1.7rem; }
.quan-box .tip{ font-size: 1.0714rem; color:#fff; }
.quan-box .tip .yellow{ color:#fcff19}

.end{ text-align: left; position: relative; z-index: 100; height: 3.79rem; }
.end .end-txt{ height: 0.8214rem; padding:1.2rem 0 0 2rem;}
.end .popcorn{ position: absolute; bottom: 0; right: 1.5rem; width: 5.3928rem;}

.gift-info-list{ margin-bottom:1.5rem }
.gift-info-list li{ font-size: 1.07rem; line-height:2.14rem; color:#333; text-align:left }
.gift-info-list li label{ font-size: 0.86rem; color:#cfcece; width:4.29rem; display:inline-block }
.success .bottom-info{ margin:3rem 0 1rem 0}
