*{margin:0;padding:0}html{font-size:62.5%;font-family:'Segoe UI',SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif}img{max-width:100%;max-height:100%;border:none}li{list-style:none}a{text-decoration:none}body{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:relative;padding-bottom:70px;font-size:14px;font-size:1.4rem}h2{color:#fff;font-size:30px;font-size:3rem;font-weight:bold;text-align:center;height:84px;width:100%;line-height:84px;background:url(https://www.ubackup.com/landing/images/2019-world-backup-day/bg-title.png) no-repeat center}dt,h3{font-size:20px;font-size:2rem;color:#222;text-align:center;font-weight:bold;margin-top:30px;margin-bottom:30px}dd{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-moz-box-orient:horizontal;-moz-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center}dd li{font-size:14px;font-size:1.4rem;color:#333333;text-align:left;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;line-height:2}dd li::before{content:"";height:0;width:0;border:2px solid #8e8686;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;margin-right:6px}dd li b{font-weight:bold;color:#ff481b}.price{margin-top:15px;margin-bottom:20px}.price span:not(.del){color:#ff481b;font-size:34px;font-size:3.4rem;font-weight:bold}.price .del{color:#adadad;font-size:14px;font-size:1.4rem;text-decoration:line-through}.btn{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;width:160px;height:40px;justify-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:20px;font-size:2rem;color:#fff;font-weight:400;text-decoration:none;-webkit-transition:all .3s ease;-o-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.btn.btn-red{background-color:#ff481b}.btn.btn-red:hover{background-color:#ff9053}.center{height:100%;overflow:hidden;margin:0 auto;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}#WBDCountDown{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center}#WBDCountDown .countdown{background-color:transparent;padding-top:10px}#WBDCountDown .countdown>div span{color:#fff;background-color:#f06340}#WBDCountDown .countdown>div p{color:#fff}#aomei{position:absolute;top:20px;left:50px;z-index:10}.banner{background:#13a4dd url(https://www.ubackup.com/landing/images/2019-world-backup-day/banner.jpg) no-repeat center;-moz-background-size:cover;background-size:cover}.banner .center{position:relative}.banner .center p{color:#076da8;font-size:14px;font-size:1.4rem;font-weight:bold;text-align:center;position:absolute;bottom:158px}#best{background:#fff url(https://www.ubackup.com/landing/images/2019-world-backup-day/bg1-best.jpg) no-repeat center top;-moz-background-size:cover;background-size:cover}#best .center{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-align-content:center;-ms-flex-line-pack:center;align-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}#best .center img{width:478px;height:auto}#best .center .r{-webkit-box-flex:0;-webkit-flex:0 0 49%;-moz-box-flex:0;-ms-flex:0 0 49%;flex:0 0 49%}#best .center .l{-webkit-box-flex:0;-webkit-flex:0 0 40%;-moz-box-flex:0;-ms-flex:0 0 40%;flex:0 0 40%;padding-right:25px}#best .center dl{width:80%}#best .center dl.first{margin-bottom:40px}#best .center h2{margin-top:50px}#gift{background:#fff url(https://www.ubackup.com/landing/images/2019-world-backup-day/bg2-NoCheating.jpg) no-repeat center top;-moz-background-size:cover;background-size:cover}#gift .center{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-moz-box-orient:horizontal;-moz-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-align-content:center;-ms-flex-line-pack:center;align-content:center}#gift .center h2{-webkit-box-flex:0;-webkit-flex:0 0 100%;-moz-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;margin-bottom:30px;margin-top:30px}#gift .center img{width:270px}#gift .center dl{-webkit-box-flex:0;-webkit-flex:0 0 43.5%;-moz-box-flex:0;-ms-flex:0 0 43.5%;flex:0 0 43.5%;background-color:#fff;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;margin-bottom:30px;height:600px;background:#fff url(https://www.ubackup.com/landing/images/2019-world-backup-day/kuang.png) no-repeat left top}#gift .center dl:nth-child(even){margin-right:30px}#gift .center dd{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}#gift .center ul{margin-top:15px}#gift .center .price{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:15px}#off{background:#fff url(https://www.ubackup.com/landing/images/2019-world-backup-day/bg3-Upto60.jpg) no-repeat center top;-moz-background-size:cover;background-size:cover}#off .center{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-moz-box-orient:horizontal;-moz-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-align-content:flex-start;-ms-flex-line-pack:start;align-content:flex-start}#off .center h2{-webkit-box-flex:0;-webkit-flex:0 0 100%;-moz-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;margin-top:60px;margin-bottom:30px}#off .center dl{-webkit-box-flex:0;-webkit-flex:0 0 43.5%;-moz-box-flex:0;-ms-flex:0 0 43.5%;flex:0 0 43.5%;margin-bottom:30px;position:relative}#off .center dl:nth-child(even){margin-right:30px}#off .center dd{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;padding-bottom:40px;margin-top:120px;padding-top:110px;-webkit-transition:all .3s ease;-o-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease}#off .center dd:hover{-webkit-box-shadow:0 0 15px rgba(0,0,0,0.3);-moz-box-shadow:0 0 15px rgba(0,0,0,0.3);box-shadow:0 0 15px rgba(0,0,0,0.3)}#off .center dt{margin-bottom:0;margin-top:0;width:330px;height:210px;position:absolute;left:50%;top:0;margin-left:-165px}#off .center .price{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}#off .center h3{margin:20px auto}.footer{background-color:#006fbe;height:70px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center}.footer p{text-align:center;color:rgba(255,255,255,0.7);font-size:14px;font-size:1.4rem}.rights{width:100%;height:70px;position:fixed;z-index:10;bottom:0;background-color:#233258;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center}.rights ul{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%}.rights ul li{color:#fff;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;margin-right:35px}.rights ul li img{margin-right:8px}.floor{width:216px;height:389px;background:url(https://www.ubackup.com/landing/images/2019-world-backup-day/xuanfu.png) no-repeat left top;position:fixed;z-index:10;right:0;top:15vh;font-size:14px;font-size:1.4rem;text-align:center;color:#fff;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:end;-webkit-justify-content:flex-end;-moz-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.floor p{width:100%;font-weight:bold;position:absolute}.floor p.top{bottom:10px;cursor:pointer}.floor p.title{bottom:200px}.floor ul{width:100%;position:absolute;bottom:49px}.floor li{width:100%;height:39px;line-height:39px;cursor:pointer;-webkit-transition:all .3s ease;-o-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease}.floor li:hover,.floor li.active{background-color:#ffda3c}.floor li:hover a,.floor li.active a{color:#ec0342}.floor li a{color:#fff}.endDialog{position:fixed;z-index:20;width:100%;height:100vh;top:0;left:0;right:0;bottom:0;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;display:none}.endDialog .close{position:absolute;width:30px;height:30px;top:-30px;right:-30px;background:url(https://www.ubackup.com/landing/images/2019-world-backup-day/close.png) no-repeat 0;cursor:pointer}.endDialog .modal{position:absolute;width:100%;height:100%;background-color:rgba(0,0,0,0.3)}.endDialog .content{width:600px;height:340px;background:#fff url(https://www.ubackup.com/landing/images/2019-world-backup-day/over.png) no-repeat center top;-webkit-border-bottom-left-radius:30px;-moz-border-radius-bottomleft:30px;border-bottom-left-radius:30px;-webkit-border-bottom-right-radius:30px;-moz-border-radius-bottomright:30px;border-bottom-right-radius:30px;position:absolute;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-shadow:0 0 20px rgba(0,0,0,0.3);-moz-box-shadow:0 0 20px rgba(0,0,0,0.3);box-shadow:0 0 20px rgba(0,0,0,0.3);left:50%;top:50%;margin-left:-300px;margin-top:-170px}.endDialog h1{color:#fff;font-size:30px;font-size:3rem;line-height:90px}.endDialog h4{color:#111;font-size:20px;font-size:2rem;margin:20px auto}.endDialog p{color:#222;font-size:16px;font-size:1.6rem;margin-bottom:20px}.endDialog p b{color:#e22e2e;font-size:24px;font-size:2.4rem;font-weight:bold}.endDialog li{font-size:16px;font-size:1.6rem;color:#333;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}.endDialog li::before{content:"";border:2px solid #e43e3e;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;margin-right:6px}.endDialog .btn{margin-top:20px}@media screen and (min-width:1200px){.center{width:1200px}.banner{height:600px}#best{height:1080px}#gift{height:1530px}#gift ul{min-height:84px}#gift dt{min-height:54px}#off{height:1720px}#off h3{min-height:54px}#off ul{min-height:84px}}@media screen and (max-width:1199px){.center{width:99%}}@media screen and (max-width:1024px){.center{width:98%}}@media screen and (max-width:768px){.center{width:96%}}
