@charset "utf-8";
body{background-color: #fff;font-family: Tahoma,Verdana;}
a{text-decoration:none;color: inherit;}
a:hover{text-decoration: none;}
a, input, button{outline:none;}
ol, ul{list-style:none;}
img{vertical-align:middle;}
.clear {clear: both;}
.Details {width: 1080px;margin: 0 auto;}


.DivMain01 {padding: 60px 0 52px;background: url(../images/christmas2019/bg1.jpg) center center no-repeat;background-size: cover;}
.DivMain01 h1 {font-size: 48px;color: #4c3a27;text-align: center;margin-bottom: 50px;line-height: 50px;}
.DivMain01 .active-container {margin-bottom: 130px;}
.DivMain01 .active-left {float: left;width: 429px;padding: 17px 8px 0;margin-right: 35px;}
.DivMain01 .active-left>img {max-width: 100%;margin-bottom: 25px;}
.DivMain01 .active-left>p {font-size: 15px;line-height: 17px;text-align: center;padding-top: 6px;}
.DivMain01 .active-left>p a {text-decoration: underline;color: #84745d;}
.DivMain01 .active-left .gift-box-left {float: left;width: 210px;margin-right: 13px; position: relative;}
.DivMain01 .active-left .gift-box-right {float: left;width: 206px;position: relative;}
.DivMain01 .active-left .gift-box-left>div,
.DivMain01 .active-left .gift-box-right>div { float: left;height: 90px;margin-bottom: 16px;position: relative;border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; }
.DivMain01 .active-left .gift-box .number-box {width: 90px;background-color: #f5efe7; font-size: 50px; color: #e3dacf; text-align: center;position: relative;; line-height: 90px;}
.DivMain01 .active-left .gift-box .special-number-box {margin-right: 8px;}
.DivMain01 .active-left .gift-box .special-number-box img {position: absolute;top: 38px;left: -57px;}
.DivMain01 .active-left .gift-box .the-date {display: block;font-size: 15px;color: #9c8746;padding: 2px 9px 5px;text-align: right;}
.DivMain01 .active-left .gift-box .the-info {display: block;font-size: 13px;color: #3e3d3d;line-height: 20px;text-align: center;}
.DivMain01 .active-left .gift-box .date-box1 {width: 112px;background: url(../images/christmas2019/gift-box-img3.png) center center no-repeat; background-size: cover;cursor: pointer;}
.DivMain01 .active-left .gift-box .date-box2 {width: 112px;background-color:#f9e4b3;margin-right: 8px;cursor: pointer;}
.DivMain01 .active-left .gift-box .date-box2 .the-date {color: #5b3c21;}
.DivMain01 .active-left .gift-box .date-box2 .the-info {font-size: 15px;color: #f0433e;}
.DivMain01 .active-left .gift-box .date-box3 {width: 100%;background-image: linear-gradient(to right,#fcd174,#fab345);cursor: pointer;}
.DivMain01 .active-left .gift-box .date-box3 .the-date {font-size: 16px;color: #fff;padding-bottom: 10px;}
.DivMain01 .active-left .gift-box .date-box3 .the-info {font-size: 16px;color: #5b3c21;}
.DivMain01 .active-left .gift-box .special-date-box2 {width: 100%;}
.DivMain01 .active-left .gift-box .special-date-box2 .the-date {font-size: 16px;}
.DivMain01 .active-left .gift-box .special-date-box2 .the-info {font-size: 16px;}
.DivMain01 .active-left .gift-box .date-box4 {width: 86px;margin-left: 8px;background: url(../images/christmas2019/gift-box-img4.png) center center no-repeat;background-size: 100% 100%;}
.DivMain01 .active-left .gift-box .date-box5 {width: 100%;height: 196px;background-color: #ea4349;box-shadow: 0 0 10px 5px rgba(236,67,70,0.2);cursor: pointer;}
.DivMain01 .active-left .gift-box .date-box5 .the-date {font-size: 21px;color: #fff;padding: 10px 14px 8px;}
.DivMain01 .active-left .gift-box .date-box5 .the-info {font-size: 27px;color: #fff;line-height: 41px;text-align: left;padding-left: 28px;}
.DivMain01 .active-left .gift-box .date-box1:hover,
.DivMain01 .active-left .gift-box .date-box2:hover,
.DivMain01 .active-left .gift-box .date-box3:hover {box-shadow: 0 0 10px 5px rgba(0,0,0,0.1);}
.DivMain01 .active-left .gift-box .date-box5:hover {box-shadow: 0 0 14px 7px rgba(150, 102, 103, 0.3);}
.DivMain01 .active-left .gift-box .date-box1:hover .the-info {font-size: 14px;}
.DivMain01 .active-left .gift-box .date-box2:hover .the-info {font-size: 17px;}
.DivMain01 .active-left .gift-box .date-box3:hover .the-info {font-size: 17px;}
.DivMain01 .active-left .gift-box .date-box5:hover .the-info {font-size: 29px;}

.DivMain01 .active-left .gift-box .expired-box {display: none;position: absolute;top: 0;left: 0;background-color: rgba(0,0,0,0.6); width: 100%; height: 100%;font-size: 20px;line-height: 90px;text-align: center;color: #f5f5f5; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; }
.DivMain01 .active-left .gift-box .the-expired:hover .expired-box {display: block;}

.DivMain01 .gift-box .info-container {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 200;background-color: rgba(0,0,0,0.4);cursor: default;z-index:500;overflow-y: auto;}
.DivMain01 .gift-box .info-container .real-info { position: fixed; top: 50%; left: 50%; width: 850px; box-sizing: border-box; padding: 12px 68px 38px; background: #fff url(../images/christmas2019/popup-bg.jpg) top center no-repeat; background-size: 100% auto; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; }
.DivMain01 .gift-box .info-container .real-info .to-cancel {position: absolute;top: -27px;right: 3px;cursor: pointer;}
.DivMain01 .gift-box .info-container .real-info h3 {font-size: 29px;line-height: 31px;color: #d0b545;font-weight: 600;text-align: center;}
.DivMain01 .gift-box .info-container .real-info .gift-info-container { position: relative;box-sizing: border-box; margin: 62px 0 32px; border: 1px solid #d1b96c; padding: 40px 44px 15px; border-radius: 16px; -webkit-border-radius: 16px; -moz-border-radius: 16px; -ms-border-radius: 16px; -o-border-radius: 16px; }
.DivMain01 .gift-box .info-container .real-info .gift-info-container> p {font-size: 15px;color: #fd5234;line-height: 17px;text-align: center;margin:-15px 0 20px;}
.DivMain01 .gift-box .info-container .real-info .gift-info-container .info-header { position: absolute; top: -13px; left: 50%; white-space:nowrap; font-size: 22px; color: #454545; line-height: 26px; padding: 0 15px; background-color: #fff; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); }
.DivMain01 .gift-box .info-container .real-info .gift-info-container .info-header span {color: #fd5234;}
.DivMain01 .gift-box .info-container .real-info .gift-info-container .gift-content-img {float: left;width: 205px;margin-right: 40px;}
.DivMain01 .gift-box .info-container .real-info .gift-info-container .gift-content-img img {max-width: 100%;}
.DivMain01 .gift-box .info-container .real-info .gift-info-container .gift-content {float: left;width: 379px;}
.DivMain01 .gift-box .info-container .real-info .gift-info-container .gift-content h6 {font-size: 18px;line-height: 20px;color: #d6be63;text-align: center;padding: 8px 0;}
.DivMain01 .gift-box .info-container .real-info .gift-info-container .gift-content .license-code {font-size: 28px;color: #424242;padding: 18px 0;border: 2px dashed #d0b545;margin: 0 20px 20px;font-weight: 600;text-align: center;}
.DivMain01 .gift-box .info-container .real-info .gift-info-container .gift-content p {font-size: 16px;line-height: 26px;color: #585858;text-align: left;}
.DivMain01 .gift-box .info-container .real-info .gift-info-container .gift-content p:first-child {margin: 10px 0 28px;}
.DivMain01 .date-box5 .info-container .real-info .gift-info-container .gift-content p:first-child {margin: 20px 0 32px;}
.DivMain01 .date-box5 .info-container .real-info .gift-info-container .gift-content p:last-child {color: #fd5234;}
.DivMain01 .gift-box .info-container .real-info .gift-info-container .gift-content p a {color: #585858;font-weight: 600;text-decoration: none;border-bottom: 1px dashed #585858;}
.DivMain01 .gift-box .info-container .real-info h4 {font-size: 24px;color: #000;line-height: 26px;text-align: center;margin-bottom: 15px;}
.DivMain01 .gift-box .info-container .real-info>p {font-size: 17px;color: #f46228;line-height: 23px;text-align: center;margin-bottom: 15px;}
.DivMain01 .gift-box .info-container .real-info .notice-list {border-top: 1px dashed #bababa;padding-top: 20px;}
.DivMain01 .gift-box .info-container .real-info .notice-list li {padding: 0 0 10px 38px;font-size: 15px;line-height: 23px;color: #353535;position: relative;}
.DivMain01 .gift-box .info-container .real-info .notice-list li span { position: absolute; top: 2px; left: 0; width: 22px; height: 22px; background-color: #d2ba6e; color: #fff; line-height: 22px; text-align: center; font-size: 15px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.DivMain01 .gift-box .info-container .real-info .list-style li {padding-left: 10px;}
.DivMain01 .gift-box .info-container .real-info>p:last-child {font-size: 15px;line-height: 23px;color: #353535;text-align: left;padding-top: 15px;}
/* .DivMain01 .active-left .gift-box .the-focus1,
.DivMain01 .active-left .gift-box .the-focus2 { box-shadow: 0 0 10px 5px rgba(0,0,0,0.1);}
.DivMain01 .active-left .gift-box .the-focus1 .the-info {font-size: 18px;}
.DivMain01 .active-left .gift-box .the-focus2 .the-info {font-size: 20px;}
.DivMain01 .active-left .gift-box .the-focus3 .the-info {font-size: 29px;} */
.DivMain01 .active-left .gift-box .the-active {animation: activeStatus 1.5s infinite; -webkit-animation: activeStatus 1.5s infinite;}
@keyframes activeStatus {0% {box-shadow: 0 0 10px 5px rgba(0,0,0,0.1);}50% {box-shadow: 0 0 0 0 rgba(0,0,0,0.1);}100% {box-shadow: 0 0 10px 5px rgba(0,0,0,0.1);}}
@-webkit-keyframes activeStatus {0% {box-shadow: 0 0 10px 5px rgba(0,0,0,0.1);}50% {box-shadow: 0 0 0 0 rgba(0,0,0,0.1);}100% {box-shadow: 0 0 10px 5px rgba(0,0,0,0.1);}}
@-moz-keyframes activeStatus {0% {box-shadow: 0 0 10px 5px rgba(0,0,0,0.1);}50% {box-shadow: 0 0 0 0 rgba(0,0,0,0.1);}100% {box-shadow: 0 0 10px 5px rgba(0,0,0,0.1);}}
@-ms-keyframes activeStatus {0% {box-shadow: 0 0 10px 5px rgba(0,0,0,0.1);}50% {box-shadow: 0 0 0 0 rgba(0,0,0,0.1);}100% {box-shadow: 0 0 10px 5px rgba(0,0,0,0.1);}}
@-o-keyframes activeStatus {0% {box-shadow: 0 0 10px 5px rgba(0,0,0,0.1);}50% {box-shadow: 0 0 0 0 rgba(0,0,0,0.1);}100% {box-shadow: 0 0 10px 5px rgba(0,0,0,0.1);}}
.DivMain01 .active-left .gift-box .the-final-active { animation:finalActiveStatus 1.5s infinite; -webkit-animation:finalActiveStatus 1.5s infinite; }
@keyframes finalActiveStatus {0% {box-shadow: 0 0 16px 8px rgba(236,67,70,0.4);}50% {box-shadow: 0 0 0 0 rgba(236,67,70,0.4);}100% {box-shadow: 0 0 16px 8px rgba(236,67,70,0.4);}}
@-webkit-keyframes finalActiveStatus {0% {box-shadow: 0 0 16px 8px rgba(236,67,70,0.4);}50% {box-shadow: 0 0 0 0 rgba(236,67,70,0.4);}100% {box-shadow: 0 0 16px 8px rgba(236,67,70,0.4);}}
@-moz-keyframes finalActiveStatus {0% {box-shadow: 0 0 16px 8px rgba(236,67,70,0.4);}50% {box-shadow: 0 0 0 0 rgba(236,67,70,0.4);}100% {box-shadow: 0 0 16px 8px rgba(236,67,70,0.4);}}
@-ms-keyframes finalActiveStatus {0% {box-shadow: 0 0 16px 8px rgba(236,67,70,0.4);}50% {box-shadow: 0 0 0 0 rgba(236,67,70,0.4);}100% {box-shadow: 0 0 16px 8px rgba(236,67,70,0.4);}}
@-o-keyframes finalActiveStatus {0% {box-shadow: 0 0 16px 8px rgba(236,67,70,0.4);}50% {box-shadow: 0 0 0 0 rgba(236,67,70,0.4);}100% {box-shadow: 0 0 16px 8px rgba(236,67,70,0.4);}}

.DivMain01 .to-slide-active {display: none;width:600px;margin: 0 auto;height: 40px;background-color: #f6dd77;position: relative;font-size: 22px;line-height: 40px;text-align: center;color: #000;}
.DivMain01 .to-slide-active::before {content: "";position: absolute;top: -20px;left: 50%;margin-left: -19px;border-left: 19px solid transparent;border-right: 19px solid transparent;border-bottom: 22px solid #f6dd77;}
.DivMain01 .active-right {float: left;background-color: #fff;width: 600px;box-sizing: border-box;border: 5px solid #f6dd77;padding: 26px 40px 18px;position: relative;}
.DivMain01 .active-right::before {content: "";position: absolute;top: 240px;left: -27px;border-top: 19px solid transparent;border-bottom: 19px solid transparent;border-right: 22px solid #f6dd77;}
.DivMain01 .active-style1 h3 {font-size: 25px;color: #676767;font-weight: 600;line-height: 27px;text-align: center;}
.DivMain01 .active-style1 h3 span {font-size: 17px;color: #777777;font-weight: 500;}
.DivMain01 .active-style1 h4 {font-size: 22px;color: #d0b545;line-height: 27px;font-weight: 600;padding: 13px 0 22px;border-bottom: 1px solid #cfcbbd;margin-bottom: 32px;text-align: center;}
.DivMain01 .active-style1 h4 span {color: #fd5234;}
.DivMain01 .active-style1 .gift-info .gift-info-img {float: left;width: 196px;margin-right: 38px;}
.DivMain01 .active-style1 .gift-info .gift-info-img img {max-width: 100%;}
.DivMain01 .active-style1 .gift-info .gift-real-info {float: left;width: 276px;text-align: center;}
.DivMain01 .active-style1 .gift-info .gift-real-info h5 {font-size: 26px;font-weight: 600;color: #d0b545;line-height: 28px;}
.DivMain01 .active-style1 .gift-info .gift-real-info>div {font-size: 28px;color: #424242;padding: 18px 0;border: 2px dashed #d0b545;margin: 14px 0 20px;font-weight: 600;}
.DivMain01 .active-style1 .gift-info .gift-real-info p {font-size: 14px;color: #585858;line-height: 21px;text-align: left;}
.DivMain01 .active-style1 .gift-info .gift-real-info p a {color: #343434;font-weight: 600;text-decoration: none;border-bottom: 1px dotted #585858;}
.DivMain01 .active-style1 .buy-price {font-size: 17px;color: #717171;line-height: 30px;text-align: center;margin: 15px 0;}
.DivMain01 .active-style1 .buy-price span {vertical-align: middle;font-weight: 600;margin: 0 10px;font-size: 30px;color: #fd5234;}
.DivMain01 .active-style1 .to-buy {text-align: center;}
.DivMain01 .active-style1 .to-buy select { display: inline-block; vertical-align: middle; font-size: 17px; color: #323232; width: 220px; height: 48px; border: 1px solid #cfcbbd; border-right: none; border-radius: 3px 0 0 3px; -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; -ms-border-radius: 3px 0 0 3px; -o-border-radius: 3px 0 0 3px; }
.DivMain01 .active-style1 .to-buy .buy-anchor {display: inline-block;vertical-align: middle;}
.DivMain01 .active-style1 .to-buy .buy-anchor a { display: block; width: 183px; height: 48px; line-height: 48px; text-align: center; font-size: 24px; font-weight: 600; background-color: #fd5234; color: #fff; border-radius: 0 3px 3px 0; -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; -ms-border-radius: 0 3px 3px 0; -o-border-radius: 0 3px 3px 0; }
.DivMain01 .active-style1 .to-buy .buy-anchor a:hover {box-shadow: 0 0 4px 2px rgba(0,0,0,0.1);}
.DivMain01 .active-style1 .buy-service {font-size: 14px;color: #908a80;margin-top: 15px;text-align: center;}
.DivMain01 .active-style1 h3 span {display: inline-block;vertical-align: middle;padding: 0 20px 0 15px;background-color: #fd5234;color: #fff;position: relative;}
.DivMain01 .active-style1 h3 span::after {content: "";border-top: 13.5px solid #fd5234;border-bottom: 13.5px solid #fd5234;border-right: 8px solid #fff;position: absolute;top: 0;right: 0;}
.DivMain01 .active-style2 .gift-info .gift-real-info h5 {font-size: 18px;color: #fd5234;font-weight: 500;line-height: 20px;margin-bottom: 10px;text-align: left;}
.DivMain01 .active-style2 .gift-info .gift-real-info p:nth-child(2) {margin: 0 0 12px;}
.DivMain01 .active-style3 .gift-info .gift-real-info h5 {padding: 4px 0;}
.DivMain01 .active-style3 .gift-info .gift-real-info p b {color: #fd5234;}

.DivMain01 .to-slide-download {display: none;height: 40px;background-color: #ea4349;font-size: 22px;line-height: 40px;text-align: center;color: #fff;}
.DivMain01 .active-bottom {padding-left: 80px;}
.DivMain01 .active-bottom+p {display: none;font-size: 14px;color: #000;text-align: center;}
.DivMain01 .active-bottom .active-date {font-size: 21px;color: #ffe18f;margin-bottom: 8px;}
.DivMain01 .active-bottom .active-date span {display: inline-block;vertical-align: middle;padding: 6px 20px 10px 20px;font-size: 28px;border: 1px solid #ffe18f;border-right: none;position: relative;margin-right: 40px;}
.DivMain01 .active-bottom .active-date span::after { content: ""; position: absolute; top: 5px; right: -15px; width:29px; height:29px; border-top: 1px solid #ffe18f; border-right: 1px solid #ffe18f; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); }
.DivMain01 .active-bottom .active-date a {border-bottom: 1px dotted #fff;}
.DivMain01 .active-bottom .same-operate-style {font-size: 22px;color: #fff;line-height: 34px;}
.DivMain01 .active-bottom .same-operate-style .to-download {display: inline-block; vertical-align: middle; font-size: 29px; color: #44936b; width: 260px; height: 60px;line-height: 60px;margin-left: 42px; background-color: #ffe18f;border: 1px solid #ffe18f; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; }
.DivMain01 .active-bottom .same-operate-style .to-download:hover {box-shadow: 0 0 6px 3px rgba(255,225,143,0.4);}
.DivMain01 .active-bottom .same-operate-style .to-download span { display: inline-block; vertical-align: middle; width: 44px; height: 44px; background: #fff url(../images/christmas2019/download-icon.png) center center no-repeat; margin: 0 26px 0 20px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }

.DivMain02 {padding: 72px 0 52px;}
.DivMain02 .Details {padding-bottom: 32px;background: url(../images/christmas2019/img1.png) left bottom no-repeat;}
.DivMain02 h2 {font-size: 30px;color: #484848;line-height: 32px;font-weight: 600;text-align: center;margin-bottom: 75px;}
.DivMain02 .right-content {margin: 0 20px 0 510px;position: relative;}
.DivMain02 .right-content .the-line {width: 212px;height: 2px;background-color: #2ac3a4;position: absolute;top: 60px;left: -214px;}
.DivMain02 .right-content .the-line::before { content: ""; width: 8px; height: 8px; background-color: #2ac3a4; border: 3px solid #bce8df; position: absolute; top: -6px; left:-3px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.DivMain02 .right-content .anchor-list li { float: left;font-size: 14px;text-align: center; width: 120px; height: 120px;margin: 0 20px 20px 0;border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.DivMain02 .right-content .anchor-list li a {text-decoration: none;}
.DivMain02 .right-content .anchor-list li:nth-child(1) {background-color: rgb(228,250,247);}
.DivMain02 .right-content .anchor-list li:nth-child(1) a {color: #3ac9b6;}
.DivMain02 .right-content .anchor-list li:nth-child(1):hover {box-shadow: 0 5px 8px 4px rgb(208,235,230);}
.DivMain02 .right-content .anchor-list li:nth-child(2) {background-color: rgb(254,238,239);}
.DivMain02 .right-content .anchor-list li:nth-child(2) a {color: #ff6871;}
.DivMain02 .right-content .anchor-list li:nth-child(2):hover {box-shadow: 0 5px 8px 4px rgb(242,222,223);}
.DivMain02 .right-content .anchor-list li:nth-child(3) {background-color: rgb(251,242,224);}
.DivMain02 .right-content .anchor-list li:nth-child(3) a {color: #fd995b;}
.DivMain02 .right-content .anchor-list li:nth-child(3):hover {box-shadow: 0 5px 8px 4px rgb(248,218,200);}
.DivMain02 .right-content .anchor-list li:nth-child(4) {background-color: rgb(233,239,255);margin-right: 0;}
.DivMain02 .right-content .anchor-list li:nth-child(4) a {color: #498cfd;}
.DivMain02 .right-content .anchor-list li:nth-child(4):hover {box-shadow: 0 5px 8px 4px rgb(221,234,255);}
.DivMain02 .right-content .anchor-list li div {height: 76px;position: relative;}
.DivMain02 .right-content .anchor-list li div img { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-25%); -webkit-transform: translate(-50%,-25%); -moz-transform: translate(-50%,-25%); -ms-transform: translate(-50%,-25%); -o-transform: translate(-50%,-25%); }
.DivMain02 .right-content p {font-size: 15px;color: #545454;line-height: 27px;padding: 6px 0 38px;}
.DivMain02 .right-content>a {display: block;text-align: right;font-size: 15px;color: #498cfd;line-height: 17px;}
.DivMain02 .right-content>a:hover {text-decoration: underline;}


.DivMain03 {background: url("../../event/image-style/holiday-offer-christmas/bg04.jpg") no-repeat bottom;}
.DivMain03 .details{width: 1200px;}
.DivMain03 h5{font-size: 17px;color: #424242;font-weight: 600;display: flex;justify-content: center;align-items: center;padding: 30px 0;}
.DivMain03 h5 img{margin: 0 10px;}
.DivMain03 .box{height: 360px;background: #fff;width: 640px;margin: 0 auto;}
.DivMain03 ul{padding: 40px 0;}
.DivMain03 ul li{width: 280px;text-align: center;float: left;margin: 0 10px;}
.DivMain03 ul li h4{font-size: 15px;color: #edddac;font-weight: 600;padding: 15px 0 10px;}
.DivMain03 ul li p{font-size: 15px;color: #ffaea8;line-height: 19px;}


.DivMain04 {padding: 60px 0 66px;}
.DivMain04 h3 {font-size: 39px;line-height: 43px;text-align: center;margin-bottom: 22px;color: #000;}
.DivMain04 .faq-list li {padding: 18px 0;border-bottom: 1px solid #e6e6e6;}
.DivMain04 .faq-list li:last-child {border-bottom: none;}
.DivMain04 .faq-list li h4 {font-size: 18px;color: #000;line-height: 20px;margin-bottom: 10px;padding-right: 35px;background: url(../images/christmas2019/add-icon.png) right center no-repeat;cursor: pointer;}
.DivMain04 .faq-list li h4.after-click {background: url(../images/christmas2019/reduce-icon.png) right center no-repeat;}
.DivMain04 .faq-list li p {display: none;font-size: 15px;line-height: 25px;color: #737480;}
.DivMain04 .faq-list li:first-child p {display: block;}

.to-top {display: none;width: 90px;height: 90px;position: fixed;bottom: 220px;right: 190px;cursor: pointer;z-index:100;}
.to-top img {max-width: 100%;}

.mask-container {width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 1000;background-color: rgba(0,0,0,0.8);}
.mask-content { width: 80%; position: fixed; top: 50%; left: 50%; color: #fff; font-size: 23px; line-height: 50px; text-align: center; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); }
.mask-content a {color: #fff;text-decoration: underline;}
@media (max-width:979px) {
    .DivNat {position: fixed;top: 0;left: 0;width: 100%;z-index:200;}

    .Details {width: 95%;}

    .DivMain01 {background: #fab345;padding-top: 100px;}
    .DivMain01 .active-container {margin-bottom: 0px;}
    .DivMain01 .to-slide-active {display: block;}
    .DivMain01 .active-left {float: none;margin: 0 auto 50px;}
    .DivMain01 .active-right {float: none;margin: 0 auto;display: none;}
    .DivMain01 .active-right::before {display: none;}
    .DivMain01 .active-style1 h3 b {display: none;}
    .DivMain01 .to-slide-download {display: block;}
    .DivMain01 .active-bottom {display: none;padding: 20px 0;text-align: center;background-color: #ea4349;}
    .DivMain01 .active-bottom .active-date {margin-bottom: 15px;}
    .DivMain01 .active-bottom .same-operate-style .to-download,
    .DivMain01 .active-bottom+p {display: block;}

    .DivMain01 .gift-box .info-container .real-info { width: 90%; position: absolute; top: 50px; padding: 12px 20px 25px; margin-bottom: 50px; background-size: auto auto; transform: translate(-50%,0); -webkit-transform: translate(-50%,0); -moz-transform: translate(-50%,0); -ms-transform: translate(-50%,0); -o-transform: translate(-50%,0); }
    .DivMain01 .gift-box .info-container .real-info .gift-info-container {padding: 20px 24px 15px; }
    .DivMain01 .gift-box .info-container .real-info .gift-info-container .info-header { white-space: normal; position: static; top: 0; left:0; padding-bottom: 30px; text-align: center; transform: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; }
    .DivMain01 .gift-box .info-container .real-info .gift-info-container .gift-content-img {float: none;margin: 0 auto;margin-bottom: 30px;}
    .DivMain01 .gift-box .info-container .real-info .gift-info-container .gift-content {float: none;width: 100%;}

    .DivMain02 .Details {background: none;}
    .DivMain02 h2 {margin-bottom: 40px;}
    .DivMain02 .right-content {margin: 0;}
    .DivMain02 .right-content .the-line {display: none;}

    .DivMain03 {background: #a81923;padding-top:30px;}
    .DivMain03 .details{width: 95%;}
    .DivMain03 h5 {color: #f5f5f5;}
	.DivMain03 ul li{width: 45%;margin:10px;}

    .to-top {width: 50px;height: 50px;bottom: 50px;right: 50px;}
}

@media (max-width:660px) {
    .DivMain01 .to-slide-active {width: 100%;}
    .DivMain01 .active-right {width: 100%;padding: 26px 20px 18px;}
    .DivMain01 .active-style1 .gift-info .gift-info-img {float: none;margin: 0 auto 20px;}
    .DivMain01 .active-style1 .gift-info .gift-real-info {float: none;width: 100%;}

    .DivMain03 .box{max-width: 640px;width: 100%;}
    .DivMain03 h5{flex-wrap: wrap;padding: 0 0 30px;}
}

@media (max-width:479px) {
    .DivMain01 {padding-top: 40px;}
    .DivMain01 h1 {font-size: 34px;line-height: 42px;margin-bottom: 10px;}
    .DivMain01 .active-left {float: none;width: 100%;padding: 17px 0 0;}
    .DivMain01 .active-left .gift-box-left,
    .DivMain01 .active-left .gift-box-right {width: 47%;padding: 0 1.5%;margin: 0;}
    .DivMain01 .active-left .gift-box .number-box,
    .DivMain01 .active-left .gift-box .date-box4 {display: none;}
    .DivMain01 .active-left .gift-box .date-box1,
    .DivMain01 .active-left .gift-box .date-box2 {width: 100%;}
    .DivMain01 .active-left .gift-box .date-box5 .the-info {font-size: 20px;line-height: 36px;padding-left: 15px;}
    .DivMain01 .active-style1 .to-buy select { border-right: 1px solid #cfcbbd; margin-bottom: 10px;border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; }
    .DivMain01 .active-style1 .to-buy .buy-anchor a { border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; }

    .DivMain01 .active-bottom .active-date span {display: block;margin: 10px 20px;border-right: 1px solid #ffe18f;}
    .DivMain01 .active-bottom .active-date span::after {display: none;}
    .DivMain01 .active-bottom .same-operate-style {font-size: 27px;}

    .DivMain02 h2 {font-size: 24px;}
    .DivMain02 .right-content .anchor-list {text-align: center;}
    .DivMain02 .right-content .anchor-list li {float: none;margin: 0 10px 20px;display:inline-block;vertical-align:middle;}

    .DivMain03 h5 {display: block;text-align: center;}
    .DivMain03 .box{height: 190px;}
    .DivMain03 ul li{width: 100%;margin: 10px 0;}
    
    .DivMain04 h3 {font-size: 25px;margin-bottom: 0;}

    .to-top {bottom: 30px;right: 30px;}
}