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:#3d4245;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}

.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/warmthRound/page-bg.jpg?ver=20240929') no-repeat 0 0 #b62a23; background-size: 100% auto; width:100%; max-width:1000px; margin:0 auto; text-align:center; min-height:100%; position:relative; }

.header{ position:relative; height: 26.5rem;}
.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 .my-travel{ position: absolute; right: 0; top:21.7857rem; width: 7.75rem; }

.login{ color:#fff; font-size:0.8571rem; line-height: 2.4285rem; text-align: left; padding-left:1.0714rem; position: absolute; left:0; top:3.5714rem; z-index: 10 }
.login .btn-login{ padding:0.5714rem 0.2142rem}
.login .btn-login .bg{ height:1.2857rem; line-height: 1.2857rem; background:#fde0b6; display: block; text-align: center; width:2.4285rem; color:#aa2522; font-weight: bold;border-radius:0.3571rem}

.notice-wrap {
    width: 100%; height: 1.2857rem; 
    overflow: hidden;
    white-space: nowrap;
    position: absolute; left: 0; top:26.5rem; z-index: 100; 
}
.notice-ctn{ width:fit-content; display: flex; justify-content: center }
.notice-box{ vertical-align:bottom; width:fit-content; display: flex; justify-content:flex-start}
.scroll-item {
  display: flex; justify-content: center;
  margin-right: 2rem; /* Space between items */
  color:#333; font-size:0.7142rem; line-height:1.2857rem; vertical-align:bottom;background:rgba(255,255,255,.8); padding:0 0.9583rem 0 0.3214rem; border-radius:1.2857rem
}
.scroll-item .icon-notice{ padding-right:5px; height:1.1071rem; }

.swiper {
  width: 100%;
  margin-top:3.25rem; padding-top:1.5rem;
}
.swiper-slide {
  display: flex;
  justify-content: center;
  align-items: center; height:16.5714rem; 
}
.swiper-slide img {
  display: block;
  width: 100%;
  height: auto;
}
.swiper .swiper-pagination{ top:0; bottom:auto; }
.swiper .swiper-pagination span.swiper-pagination-bullet{ width: 30%; height:3.8rem; border-radius:0;opacity: 1; background:none; }
.swiper .swiper-pagination span.swiper-pagination-bullet img{ width: 100%; height: auto; }  
.swiper .swiper-pagination span.swiper-pagination-bullet-active{ background:url("/Images/Activity/warmthRound/buttlet-arrow.png?ver=20240929") no-repeat center bottom; background-size:1.1428rem auto; }


.part2{ background:#d06700; position: relative; z-index: 5000; padding-top:3.7142rem }
.part2 .deer{ width: 100%; height: auto; position: absolute; top:-1.4rem; left: 0; }
.part2 .room-night-box{ line-height: 1.7142rem;vertical-align: middle; color:#fff; font-size: 0.8571rem; text-align: left; padding-left:1.0714rem; }
.part2 .room-night-box .surprise{ width: 3.8571rem; vertical-align:text-top; }
.part2 .room-night-box .num{ background:#ffd483; width:1.7142rem; height: 1.7142rem; border-radius: 1.7142rem; text-align: center; display: inline-block; color:#040212; font-size: 1.0714rem; }

.progress-bar{ margin:1.2142rem 2.3214rem 0.8571rem;border:2px solid #fff; border-radius:13px; height:13px; background:#e8b380 }
.progress-bar .progress{ background:linear-gradient(to right, #f3aa1f 0%, #ed0707 100%); height: 13px; border-radius: 13px; position: relative; }
.progress-bar .progress .bed{ width: 39px; position: absolute; top:-7px; }
.progress-bar .progress.web{width:8%}
.progress-bar .progress.web .bed{ left: 0;}
.progress-bar .progress.vip{width:33%}
.progress-bar .progress.vip .bed{ right:-26px;}
.progress-bar .progress.gold{width:66%}
.progress-bar .progress .bed{ right:-26px;}
.progress-bar .progress.super{width:100%}
.progress-bar .progress.super .bed{ right:-10px;}

.member-menu{ display: flex;  }
.member-menu li{ line-height: 16px; font-size:14px; color:#fff; font-weight: bold; flex:1; padding-bottom: 17px;   }
.member-menu li.cur{ color:#ffd483; background:url("/Images/Activity/warmthRound/border-bottom.png?ver=20240929") no-repeat center bottom 6px; background-size: auto 5px;  }

.member-rights-box{ margin:0 1.0714rem; background:#fff; border-radius:10px; padding-bottom:13px;  }
.member-rights-box .member-rights-title{ font-size: 14px; line-height: 18px; color:#666; font-weight: bold; padding:13px 0 20px; }
.member-rights{ display: flex; flex-wrap: wrap;  }
.member-rights li{ width:25%; text-align: center;display: flex; align-items: center; flex-flow: column; padding-bottom:10px; }
.member-rights li .right-icon-box{ width: 30px; height: 30px; border-radius: 30px; background: linear-gradient(to right bottom, #ffeb8d 0%, #ffa800 45%, #b15700 100%); display: flex; justify-content: center; align-items: center; }
.member-rights li .right-icon-box .right-icon{ width: 20px;  }
.member-rights li .right-icon-box .right-name{ color:#666; font-size: 12px; line-height: 17px; }
.member-rights.web li .right-icon-box{ background: linear-gradient(to right bottom, #55d5ff 0%, #1446ac 100%); }
.member-rights.vip li .right-icon-box{ background: linear-gradient(to right bottom, #ff8d8d 0%, #ff5555 45%, #d10000 100%); }
.member-rights.super li .right-icon-box{ background: linear-gradient(to right bottom, #aeaeae 0%, #5f5f5f 45%, #000 100%); }

.btns-wrap{ padding:15px 1.0714rem; display: flex;  }
.btns-wrap .btn-half{ height:45px; line-height: 45px; border-radius: 45px; flex:1; margin-right:15px; font-size:16px; font-weight: bold}
.btn-red{ background:#b20000; color:#fff;}
.btn-yellow{ background:#ffd483; color:#b20000;}

.part3{ background:url("/Images/Activity/warmthRound/red-bag-title.jpg?ver=20240929") no-repeat 0 0; background-size: 100% auto; padding:4.6428rem 1.0714rem 0 }
.part3 .ad{ width: 100%; border-radius: 10px; vertical-align: bottom; margin-bottom: 10px}

.footprint{ background:#fff; border-radius: 10px; padding:0 0 10px 15px; margin-top:11px; }
.footprint .title{ color:#666; font-weight: bold; font-size:14px; line-height: 18px; padding:13px 0 26px; }
.prints-list li{ padding-bottom:10px; display: flex; align-items: center; }
.prints-list li .left{ flex:1; text-align: left }
.prints-list li .left .name{ color:#333; font-size: 14px; font-weight: bold; line-height: 18px; padding-bottom:5px; }
.prints-list li .left .time{ color:#999; font-size: 12px;line-height: 16px; }
.prints-list li .right{ width: 210px; height: 30px; line-height: 20px; background: #f1f1f1; border-radius: 29px 0 0 29px; display: flex; align-items: center; justify-content: flex-end; margin-left:5px }
.prints-list li .right .code{ color:#333; font-weight: bold; padding-right: 8px; }
.prints-list li .right .copy{ border:1px solid #999; width: 30px; height: 20px; text-align: center; color:#666; margin-right: 10px; border-radius: 5px; }

.end{ text-align: center; padding:30px 0}
.end img{ height:11px; }

.rules{ padding:2rem 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}
.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/warmthRound/icon_star.png?ver=20240929") 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:0 0 1rem 1.52rem; text-align:left; line-height:1.29rem; color:#666 }
.rules ol li{ padding-left:1.52rem; background:url(/Images/Activity/warmthRound/one-dot.png?ver=20240929) 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:#76139f}
.rules b{ color:#333; }

.alert{ width:fit-content; padding:0 25px; line-height:34px; background:rgba(0,0,0,.7); color:#fff; font-size:12px; position:fixed; left:50%; top:40%; transform: translateX(-50%); z-index: 2000; text-align:center; border-radius:30px; display:none; white-space: nowrap; }    

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

.pop{ background:url("/Images/Activity/warmthRound/pop-title-bg.png?ver=20240929") no-repeat center 0; background-size:90% auto; width: 310px; padding-bottom:55px; display: none  }
.pop .title{ padding:33px 0 0 37px; width: 116px; height: 38px; color:#000113; line-height: 18px; font-size:16px; font-weight: bold; display: flex; align-items: center }
.pop .close{ position:absolute; bottom:0; left: 50%;  transform: translateX(-50%); z-index: 1000; width: 33px; height: 33px; padding:10px 10px 0;   }
.pop .inner{ background: linear-gradient(to bottom, rgba(255, 202, 0, .5), rgba(178, 0, 0, .8)); padding:5px; border-radius: 12px;}
.pop .inner2{ background:#fff; border-radius: 10px; padding:24px 0 30px;  }
.pop .intro{ padding:13px 25px 9px; color:#666; line-height:18px; font-size:12px; }
.pop .intro .txt{ padding-bottom: 18px; }
.pop .pop-btn{ width: 145px; height: 40px; line-height: 40px; font-size: 15px; font-weight: bold; text-align: center; margin:0 auto; border-radius: 40px }
.pop-btns-wrap{ display: flex; padding:0 25px; }
.pop-btns-wrap .pop-btn-half{ flex: 1;height: 40px; line-height: 40px; font-size: 15px; font-weight: bold; text-align: center; border-radius: 40px}
.pop-btns-wrap .btn-red{ margin-right:15px; }
.pop .city-line{ background:#fff5f2; padding:0 25px; line-height: 40px; height: 40px; color:#000113; font-size:14px; vertical-align: text-bottom; display: flex}
.pop .city-line .left{ flex:1}
.pop .city-line .city{ font-weight: bold; font-size:22px; padding-left:8px; }
.pop .city-line .time{ color:#999; font-size:9px; line-height: 30px; padding-top:10px }
.pop .code-box{ text-align: center; vertical-align: middle; padding-bottom:11px; }
.pop .code-box .code{ font-size:18px; line-height: 25px; color:#333; font-weight: bold; padding-right: 4px; vertical-align: middle;}
.pop .code-box .copy{ border: 1px solid #c9c9c9; font-size: 12px; line-height: 21px; height: 21px; padding:0 8px; text-align: center; border-radius: 5px; vertical-align: middle; }
#myTravel .code-box{ text-align: left}
#myTravel .code-box .tit{ padding-right:3px }
.pop .txts{ font-size: 10px }