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}

.hide{ display:none }
.red{ color:#d61720 }
.dark-grey{ color:#4d4d4d }
.green{ color:#25c415 }
.orange{ color:#ff9000 }
.purple{color:#ff6700}
.f15{ font-size:15px }
.f18{ font-size:18px }
.boxflex{ display:-webkit-box; display:-moz-box; display:box; display:flex }
.boxflex-1{ -webkit-box-flex:1; -moz-box-flex:1; box-flex:1; flex:1; display:block }
.bottom-pad-55{ padding-bottom:55px }

::selection{ background:#f78313; color:#fff}

.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:url("/Images/Activity/YoukuMysteryBoxActivitys/homepage_bg.jpg?ver=20250620") no-repeat 0 0 #ff9581; background-size: 100% auto; width:100%; max-width:750px; margin:0 auto; text-align:center; min-height:100%; position:relative; }

.bottom-fix-img{ position:absolute; bottom:0; left: 0; width: 100%; }

.header{ position:relative; padding:26.5rem 0 4.5rem 0;  background-size: 100% auto;}
.header .rule-img{ position:absolute; top:2.1785rem; right:0; width:2.60714rem }
.header .share-img{ position:absolute; top:4.4642rem; right:0; width:2.60714rem }
.header .logos-return{ position: absolute; top:2rem; left:10.5rem; height: 1.5rem;  }
.header .logos-return .logos{ width: auto; height: 100% }

.chance-left{ font-size:1.2857rem; line-height:1.6428rem; padding:0 0 1.7142rem; color:#333 }

.btn-wrap{ padding:0 1.07rem 2rem; height: 3.5rem }
.btn-half:first-child{ margin-right: 4%}
.gift-btn{ width: 100%; height: auto }
.btn-wrap .gift-img{ width: 100%}
.btn-red{ background:#f78313; color:#fff; text-align:center; display:block; box-sizing: border-box}
.btn-purple{ background:#c04000; color:#fff;text-align:center; display:block; box-sizing: border-box }
.btn-white{ background:#fff; color:#666; text-align:center; display:block; box-sizing: border-box}
.btn-gift{ width: 100%; height: 3.5714rem; border-radius: 3.5714rem; line-height: 3.5714rem; font-size:1.2142rem  }
.btn-second{width: 100%; height: 3.2142rem; border-radius: 3.5714rem; line-height: 3.2142rem; font-size:1.2142rem}
.btn-half{ width:48%; float: left; }

.gift-owners{ background: #fff;color:#333; border-radius:0.71rem; padding:0 1.07rem 1rem; margin:0 1.07rem 1rem }
.gift-owners .title{ border-bottom:1px solid #999; font-size:1.36rem; line-height:3.93rem; font-weight:bold; margin-bottom:0.6rem }
.gift-owners .no-gift{ padding:15% 0; font-size:0.86rem; color:#999; }
.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 }

.co-corporations li{ text-align:center }

.clare{ font-size:0.86rem; line-height:2rem; padding-bottom:1rem }

.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}

.pop.pop-use-point{padding:0;width:320px; background:none;display: none}
.pop-use-point .title{ color:#333; font-weight: bold; font-size: 18px; line-height:30px }
.pop-use-point .pop-inner .tip{ font-size:12px; line-height: 27px; color:#666; }
.pop-use-point .exchange-times-wrap{ width: 223px; margin:0 auto;  }
.pop-use-point .exchange-times-wrap .minus{ width: 34px; height: 34px; background:url("/Images/Activity/YoukuMysteryBoxActivitys/minus.png?ver=20250620") no-repeat 0 0; background-size:100% 100%; float: left; margin-top:5px }
.pop-use-point .exchange-times-wrap .minus.disabled{ background-image: url("/Images/Activity/YoukuMysteryBoxActivitys/minus-grey.png?ver=20250620")}
.pop-use-point .exchange-times-wrap .add{ width: 34px; height: 34px; background:url("/Images/Activity/YoukuMysteryBoxActivitys/add.png?ver=20250620") no-repeat 0 0; background-size:100% 100%; float: right; margin-top:5px }
.pop-use-point .exchange-times-wrap .add.disabled{ background-image: url("/Images/Activity/YoukuMysteryBoxActivitys/add-grey.png?ver=20250620")}
.pop-use-point .exchange-times-wrap .i-num-times{ width: 127px; height: 45px; border-radius:45px; background:#efefef; box-shadow: 0 0 10px inset #e1e1e1; border:none; text-align: center; font-size:24px; line-height: 45px; font-weight: bold; color:#333; }
.pop-use-point .point-amounts{ background:#f8f8f8; padding:13px 38px 10px; margin-top:15px; display: flex; text-align: center; color:#333 }
.pop-use-point .point-amounts .point-have, .pop-use-point .point-amounts .point-left{ flex:1;  }
.pop-use-point .point-amounts .num{ font-size: 20px; font-weight: bold; line-height: 27px; color:#333 }
.pop-use-point .point-amounts p{ margin:0; }

.alert{ width:130px; line-height:34px; background:rgba(0,0,0,.7); color:#fff; font-size:12px; position:fixed; left:50%; top:40%; margin-left: -65px; z-index: 2000; text-align:center; border-radius:30px; display:none; }