/* banner区域 */ .wop_page_content{width: 100%;display: flex;flex-direction: column;padding-bottom: 120px;} .wop_page_content .bannerbox{width: 100%;position: relative;} .wop_page_content .bannerbox .imgbox{width: 100%;position: relative;padding-top: 41.66%;} .wop_page_content .bannerbox .bigimg{width: 100%;height: auto;display: block;position: absolute;left: 0px;top: 0px;} .wop_page_content .bannerbox .imgbox_phone{display: none;} .wop_page_content .bannerbox .box_title{width: 100%;height: 100%;position: absolute;left: 0px;top: 0px;display: flex;flex-direction: column;align-items: center;justify-content: center;background: rgba(0,0,0,0.2);} .wop_page_content .bannerbox h1{color: #fff;} .wop_page_content .bannerbox p{color: #fff} @media (max-width:480px){ .wop_page_content{padding-bottom: 60px;} .wop_page_content .bannerbox .imgbox{display: none;} .wop_page_content .bannerbox .imgbox_phone{width: 100%;position: relative;padding-top: 120%;display: block;} .wop_page_content .bannerbox .bigimg{width: 100%;height: 100%;display: block;position: absolute;left: 0px;top: 0px;object-fit: cover;} } /* 标题 */ .wop_page_content .con-main{width: 100%;margin: 0 auto;max-width: 1260px;padding: 0px 40px;transition: all 1s;-webkit-transition: all 1s;position: relative;} .wop_page_content .title{font-size: 40px;line-height: 40px;color: #434343;font-family: 'Quicksand-Bold';text-align: center;} .wop_page_content .subtitle{font-size: 20px;line-height: 24px;color: #434343;font-family: 'Quicksand-Regular';text-align: center;max-width: 700px;margin: 20px auto 0px;} /* story页面 */ .wop_page_ugc .ugc_contentli{padding: 92px 0px 0px;} .wop_page_ugc{width: 100%;display: flex;flex-direction: column;padding-bottom: 120px;} .wop_page_ugc .ugc_topbox{width: 100%;position: relative;} .wop_page_ugc .ugc_topbox .imgbox{width: 100%;position: relative;height: 624px;} .wop_page_ugc .ugc_topbox .bigimg{width: 100%;height: 100%;display: block;position: absolute;left: 0px;top: 0px;object-fit: cover;} .wop_page_ugc .ugc_topbox .imgbox_phone{display: none;} .wop_page_ugc .ugc_topbox .box_title{width: 100%;height: 100%;position: absolute;left: 0px;top: 0px;display: flex;flex-direction: column;align-items: center;justify-content: center;background: rgba(0,0,0,0.2);} .wop_page_ugc .ugc_topbox h1{color: #fff;} .wop_page_ugc .ugc_topbox p{color: #fff} /* .wop_page_ugc .ugc_topbox .lookmore_box{width: auto;display: flex;flex-direction: column;align-items: center;position: absolute;right: 40px;bottom: 30px;} .wop_page_ugc .ugc_topbox .lookmore_box .img1{width: 30px;height: auto;z-index: 10;} .wop_page_ugc .ugc_topbox .lookmore_box .line{width: 3px;height: 30px;margin-top: 16px;animation: _30jh 2s ease infinite;border-radius: 50px;} .wop_page_ugc .ugc_topbox .lookmore_box .line .linebox{width: 100%;height: 100%;background: #fff;transform-origin: 0 100%;animation: _1LZN 2s ease infinite;border-radius: 50px;} @-webkit-keyframes _30jh { 0% { -webkit-transform: matrix(1,0,0,1,0,-20); transform: matrix(1,0,0,1,0,-16) } 50%,to { -webkit-transform: matrix(1,0,0,1,0,20); transform: matrix(1,0,0,1,0,16) } } @keyframes _1LZN { 0%,50%,to { -webkit-transform: translate3d(0,-16px,0) scaleY(0); transform: translate3d(0,-16px,0) scaleY(0); opacity: 0 } 25% { -webkit-transform: translate3d(0,-16px,0) scale(1); transform: translate3d(0,-16px,0) scale(1); opacity: 1 } } */ .wop_page_ugc .ugc_menulist{display: flex;flex-direction: column;position: fixed;left: -100%;top: 30%;z-index: 100;overflow: hidden;transition: left 0.8s;} .wop_page_ugc .ugc_menulist.active{left: -1px;} .wop_page_ugc .ugc_menulist .libox{display: flex;flex-direction: row;align-items: center;margin: 0px 0px 12px 24px;cursor: pointer;} .wop_page_ugc .ugc_menulist .libox .circle{width: 20px;height: 20px;border: 2px solid #ea5504;background: #fff;border-radius: 50px;margin-right: 8px;position: relative;} .wop_page_ugc .ugc_menulist .libox .p1{width: max-content;height: 28px;font-size: 16px;line-height: 16px;color: #ea5504;border: 2px solid #ea5504;font-family: 'Quicksand-SemiBold';background: #fff;padding: 0px 12px;border-radius: 6px;display: flex;align-items: center;justify-content: center;} .wop_page_ugc .ugc_menulist .libox.cur .circle::before{content: '';position: absolute;left: 50%;top: 50%;width: 12px;height: 12px;background: #ea5504;border-radius: 50px;transform: translate(-50%,-50%);} .wop_page_ugc .ugc_menulist .libox.cur .p1{background: #ea5504;color: #fff;} .wop_page_ugc .ugc_introduction{width: 100%;position: relative;} .wop_page_ugc .ugc_introduction .con-main{width: 100%;height: 460px;display: flex;flex-direction: row;align-items: center;justify-content: space-between;margin-top: 46px;} .wop_page_ugc .ugc_introduction .leftbox{width: 50%;height: 100%;border-radius: 16px 0px 0px 16px;overflow: hidden;} .wop_page_ugc .ugc_introduction .leftbox img{width: 100%;height: 100%;object-fit: cover;} .wop_page_ugc .ugc_introduction .rightbox{width: 50%;height: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 0px 24px;background: #EEEEEE;border-radius: 0px 16px 16px 0px;overflow: hidden;} .wop_page_ugc .ugc_introduction .rightbox .p1{font-size: 20px;line-height: 26px;color: #414141;font-family: 'Quicksand-Medium';text-align: left;} .wop_page_ugc .ugc_introduction .rightbox .p1 .t1{font-size: 26px;font-family: 'Quicksand-Bold';display: block;} .wop_page_ugc .ugc_introduction .rightbox .p1 .code{color: #ea5504;font-family: 'Quicksand-Bold';} .wop_page_ugc .ugc_introduction .rightbox .p1 .time{font-family: 'Quicksand-SemiBold';margin-top: 16px;display: block;} .wop_page_ugc .ugc_storebox {width: 100%;position: relative;padding-bottom: 80px;} .wop_page_ugc .ugc_storebox .swiper-container {width: 100%;margin-top: 46px;position: relative;} .wop_page_ugc .ugc_storebox .swiper-btn { position: absolute;bottom: -60px;left: 50%;width: 180px;height: 60px;z-index: 10;margin-left: -90px;} .wop_page_ugc .ugc_storebox .swiper-btn .swbtn{caret-color: #ea5504;width: 54px;height: 54px;border-radius: 50%;-webkit-tap-highlight-color:#ea5504;border: 1px solid #ea5504;display: flex;align-items: center;justify-content: center;border-width: 2px;} .wop_page_ugc .ugc_storebox .swiper-btn .swiper-button-prev:after, .wop_page_ugc .ugc_storebox .swiper-btn .swiper-button-next:after{content: '';} .wop_page_ugc .ugc_storebox .swiper-btn .swbtn i{font-size: 18px;color: #ea5504} .wop_page_ugc .ugc_storebox .swiper-container .swiper-slide {opacity: 0.2;} .wop_page_ugc .ugc_storebox .swiper-container .swiper-slide-active {opacity: 1;} .wop_page_ugc .ugc_storebox .swiper-container .swiper-pagination {display: none;} .wop_page_ugc .ugc_storebox .imgbox {width: 100%;display: flex;flex-direction: row;} .wop_page_ugc .ugc_storebox .imgbox img {width: 380px;height: 380px;object-fit: cover;border-radius: 8px;} .wop_page_ugc .ugc_storebox .imgbox .text {margin: 0px 50px 0px 26px;} .wop_page_ugc .ugc_storebox .imgbox .text .p1 {font-size: 24px;color: #232F3F;line-height: 36px;font-family: 'Quicksand-Bold';margin-bottom: 18px;text-align: left;} .wop_page_ugc .ugc_storebox .imgbox .text .p2 {font-size: 14px;color: #314157;line-height: 24px;font-family: 'Quicksand-Regular';text-align: left;justify-content: center;} .wop_page_ugc .ugc_sharebox {width: 100%;background: #ffffff;} .wop_page_ugc .ugc_sharebox .share_list {width: 100%;display: flex;flex-direction: row;justify-content: center;flex-wrap: wrap;margin-top: 46px;} .wop_page_ugc .ugc_sharebox .share_list .libox {width: calc(33.33% - 50px);display: flex;flex-direction: column;align-items: center;margin-right: 75px;position: relative;} .wop_page_ugc .ugc_sharebox .share_list .libox::after {content: '';width: 60%;height: 22px;position: absolute;right: calc(-30% - 38px);top: 38px;background: url('/webfile/index/img/ugc/arrow.png');background-size: 100% auto;background-repeat: no-repeat;} .wop_page_ugc .ugc_sharebox .share_list .libox:last-child {margin-right: 0px;} .wop_page_ugc .ugc_sharebox .share_list .libox:last-child::after {display: none;} .wop_page_ugc .ugc_sharebox .share_list .libox .imgbox {width: 100%;height: 76px;display: flex;align-items: center;justify-content: center;} .wop_page_ugc .ugc_sharebox .share_list .libox:nth-child(1) img {width: 63px;height: auto;} .wop_page_ugc .ugc_sharebox .share_list .libox:nth-child(2) img {width: 80px;height: auto;} .wop_page_ugc .ugc_sharebox .share_list .libox:nth-child(3) img {width: 115px;height: auto;} .wop_page_ugc .ugc_sharebox .share_list .libox .p1 {font-size: 20px;line-height: 24px;color: #232f3f;font-family: 'Quicksand-Bold';text-align: center;margin-top: 15px;} .wop_page_ugc .ugc_sharebox .share_list .libox .p2 {font-size: 16px;line-height: 20px;color: #232f3f;font-family: 'Quicksand-Regular';text-align: center;margin-top: 40px;} .wop_page_ugc .ugc_sharebox .btnbox{display: flex;flex-direction: column;margin: 40px auto 0px;align-items: center;} .wop_page_ugc .ugc_sharebox .btnbox .btn{width: 240px;background: #335C80;line-height: 46px;border-radius: 50px;text-align: center;color: #fff;display: block;font-size: 16px;font-family: 'Quicksand-Bold';cursor: pointer;} .wop_page_ugc .ugc_sharebox .btnbox .btn:hover {background: #ea5504;} .wop_page_ugc .ugc_sharebox .btnbox .btn:nth-child(2){background: #fff;margin-top: 20px;border: 2px solid #ea5504;color: #ea5504;font-size: 22px;line-height: 22px;font-family: 'Damion-Regular';height: 48px;} .wop_page_ugc .ugc_sharebox .btnbox .imgbtn{width: auto;height: 46px;margin-top: 20px;cursor: pointer;} .wop_page_ugc .ugc_sharebox .btnbox .imgbtn img{width: auto;height: 100%;} .wop_page_ugc .ugc_giveawaybox{width: 100%;height: 500px;position: relative;margin-top: 46px;padding: 0px;} .wop_page_ugc .ugc_giveawaybox .bgimg{width: 100%;height: 100%;} .wop_page_ugc .ugc_giveawaybox .bgimg img{width: 100%;height: 100%;object-fit: cover;} .wop_page_ugc .ugc_giveawaybox .bgimg .phoneimg{display: none;} .wop_page_ugc .ugc_giveawaybox .textbox{width: 100%;height: 100%;position: absolute;left: 50%;top: 0px;z-index: 10;display: flex;flex-direction: column;justify-content: center;transform: translateX(-50%);} .wop_page_ugc .ugc_giveawaybox .textbox_con{width: 440px;display: flex;flex-direction: column;align-items: center;background: #fff;padding: 36px 30px;} .wop_page_ugc .ugc_giveawaybox .textbox_con .p1{font-size: 24px;line-height: 26px;color: #414141;font-family: 'Quicksand-bold';} .wop_page_ugc .ugc_giveawaybox .textbox_con .p2{font-size: 16px;line-height: 24px;color: #414141;font-family: 'Quicksand-Medium';margin-top: 16px;} .wop_page_ugc .ugc_giveawaybox .textbox_con .btn{margin-top: 30px;padding: 0px 20px;background: #335C80;line-height: 46px;border-radius: 50px;text-align: center;color: #fff;display: block;font-size: 16px;font-family: 'Quicksand-Bold';cursor: pointer;} .wop_page_ugc .ugc_giveawaybox .textbox_con .btn:hover {background: #ea5504;} .wop_page_ugc .ugc_galleriesbox {width: 100%;} .wop_page_ugc .ugc_galleriesbox .galleries_list {width: 100%;display: flex;flex-direction: row;flex-wrap: wrap;margin-top: 46px;} .wop_page_ugc .ugc_galleriesbox .galleries_list .li_imgbox {width: calc(33.33% - 50px);display: flex;flex-direction: column;align-items: center;margin-right: 75px;margin-bottom: 30px;} .wop_page_ugc .ugc_galleriesbox .galleries_list .li_imgbox:nth-child(3n) {margin-right: 0px;} .wop_page_ugc .ugc_galleriesbox .imgbox {width: 100%;position: relative;} .wop_page_ugc .ugc_galleriesbox .imgbox .img {width: 100%;height: auto;object-fit: cover;border-radius: 8px;} .wop_page_ugc .ugc_galleriesbox .imgbox .icon {width: 34px;height: 34px;position: absolute;top: 10px;right: 10px;cursor: pointer;} .wop_page_ugc .ugc_galleriesbox .imgbox .shop_btn {width: 200px;height: 44px;line-height: 44px;color: #232f3f;font-size: 16px;font-family: 'Quicksand-Bold';text-align: center;cursor: pointer;display: none;position: absolute;left: 50%;bottom: 40px;background: rgb(255 255 255 / 80%);margin-left: -100px;} .wop_page_ugc .ugc_galleriesbox .imgbox:hover .shop_btn {display: block;} .wop_page_ugc .ugc_galleriesbox .imgbox .shop_btn:hover {background: #fff;color: #ea5504;} .wop_page_ugc .ugc_galleriesbox .likebox {margin-top: 12px;display: flex;flex-direction: row;align-items: center;cursor: pointer;} .wop_page_ugc .ugc_galleriesbox .likebox .icon {width: 25px;height: 25px;} .wop_page_ugc .ugc_galleriesbox .active .icon {animation: like 1s ease-in-out;} @keyframes like {0% {transform: scale(1);}50% {transform: scale(1.2);}100% {transform: scale(1);}} .wop_page_ugc .ugc_galleriesbox .likebox .num {font-size: 14px;color: #232f3f;font-family: 'Quicksand-Regular';margin-left: 6px;margin-top: 5px;} .wop_page_ugc .ugc_galleriesbox .active .num {color: #ea5504;} .wop_page_ugc .ugc_galleriesbox .galleries_btn a {width: 200px;margin: 24px auto 0px;background: #335C80;line-height: 46px;border-radius: 50px;text-align: center;color: #fff;display: block;font-size: 16px;font-family: 'Quicksand-Bold';cursor: pointer;} .wop_page_ugc .ugc_galleriesbox .galleries_btn a:hover {background: #ea5504;} .wop_page_ugc .ugc_videobox {width: 100%;background: #ffffff;} .wop_page_ugc .ugc_videobox .video_list {width: 100%;display: flex;flex-direction: row;flex-wrap: wrap;margin-top: 46px;} .wop_page_ugc .ugc_videobox .video_list .libox {width: calc(33.33% - 30px);display: flex;flex-direction: column;align-items: center;margin-right: 45px;margin-bottom: 38px;} .wop_page_ugc .ugc_videobox .video_list .libox:nth-child(3n) {margin-right: 0px;} .wop_page_ugc .ugc_videobox .video_list .libox iframe {width: 100%;} .wop_page_ugc .ugc_videobox .video_list .libox video {width: 100%;} .wop_page_ugc .ugc_mediabox {margin-top: 10px;display: flex;flex-direction: row;align-items: center;justify-content: center;} .wop_page_ugc .ugc_mediabox .boxlist {display: flex;flex-direction: row;} .wop_page_ugc .ugc_mediabox .boxlist .liimg {width: 30px;height: 30px;border-radius: 50px;margin-right: 16px;} .wop_page_ugc .ugc_mediabox .p1 {font-size: 16px;color: #232f3f;font-family: 'Quicksand-Regular';text-align: center;} .ugc_prolistbox{width: 100%;display: flex;flex-direction: column;align-items: center;} .ugc_prolistbox .btnbox_con{margin-top: 30px;display: flex;align-items: center;justify-content: center;} .ugc_prolistbox .btnbox_con .btnli{width: 200px;line-height: 46px;padding: 0px 20px;background: #335C80;border: 1px solid #335C80;border-radius: 50px;text-align: center;font-size: 16px;color: #fff;font-family: 'Quicksand-Bold';cursor: pointer;} .ugc_prolistbox .btnbox_con .view_more{margin-left: 24px;background: #335C80;border: 1px solid #335C80;} .share_story_questionnaire{width: 100%;display: none;flex-direction: column;align-items: center;padding: 70px 26px;background: #F7F5F4;margin-top: 30px;border-radius: 16px;position: relative;} .share_story_questionnaire .putaway_btn{position: absolute;left: 50%;top: 0px;transform: translateX(-50%);width: 120px;height: 38px;display: flex;flex-direction: column;align-items: center;justify-content: center;background: #ccd1d0;cursor: pointer;} .share_story_questionnaire .putaway_btn .arrow{width: 20px;height: 10px;display: inline-block;position: relative;} .share_story_questionnaire .putaway_btn .arrow::after{content: '';width: 14px;height: 14px;position: absolute;top: 2px;border-width: 2px 2px 0px 0px;border-color: #fff;border-style: solid;transform: rotate(-45deg);} .share_story_questionnaire .putaway_btn.top{border-radius: 0px 0px 12px 12px;} .share_story_questionnaire .putaway_btn.bottom{border-radius: 12px 12px 0px 0px;top: inherit;bottom: 0px;} .share_story_questionnaire .putaway_btn:hover{background: #9a9a9a;} .share_story_questionnaire .title{font-size: 24px;line-height: 30px;color: #414141;font-family: 'Quicksand-Bold';text-align: center;margin-bottom: 18px;} .share_story_questionnaire .t1{font-size: 14px;line-height: 20px;color: #414141;font-family: 'Quicksand-Medium';margin-bottom: 12px;} .share_story_questionnaire .tips{font-size: 16px;line-height: 30px;color: #335C80;font-family: 'Quicksand-Bold';margin-bottom: 24px;} .share_story_questionnaire .questionnaire_list{width: 100%;display: flex;flex-direction: column;align-items: center;} .share_story_questionnaire .questionnaire_list .li_box{width: 100%;padding: 20px 30px;background: #fff;border: 1px solid #e0e0e0;border-radius: 16px;display: flex;flex-direction: column;margin-bottom: 20px;} .share_story_questionnaire .questionnaire_list .li_box .p1{font-size: 16px;line-height: 24px;color: #414141;font-family: 'Quicksand-Bold';margin-bottom: 6px;} .share_story_questionnaire .questionnaire_list .li_box .p1 .red{color: red;margin-left: 4px;} .share_story_questionnaire .questionnaire_list .li_box .note{width: 100%;display: flex;flex-direction: column;} .share_story_questionnaire .questionnaire_list .li_box .note .p2{font-size: 14px;line-height: 20px;color: #414141;font-family: 'Quicksand-Medium';} .share_story_questionnaire .questionnaire_list .li_box .note .bold{font-family: 'Quicksand-Bold';margin-bottom: 6px;} .share_story_questionnaire .questionnaire_list .li_box .inptext{width: 100%;border-bottom: 1px solid #e0e0e0;display: flex;flex-direction: row;align-items: center;justify-content: space-between;position: relative;} .share_story_questionnaire .questionnaire_list .li_box .inptext::after{content: '';position: absolute;display: block;width: 100%;height: 2px;background: #335C80;left: 0;bottom: -1px;transition: transform .6s;-webkit-transition: transform .6s;transform: scaleX(0);will-change: transform;} .share_story_questionnaire .questionnaire_list .li_box .inptext.active:after{width:100%;left:0;transform: scaleX(1);} .share_story_questionnaire .questionnaire_list .li_box .inptext input{width: 100%;font-size: 16px;padding: 16px 0px 12px;color: #414141;font-family: 'Quicksand-Medium';} .share_story_questionnaire .questionnaire_list .li_box .inptext textarea{width: 100%;height: 40px;outline: none;resize: none;padding: 8px 0px;margin-top: 12px;;white-space: pre-wrap;word-wrap: break-word;border: none;font-size: 16px;line-height: 20px;;color: #414141;font-family: 'Quicksand-Medium';} .share_story_questionnaire .questionnaire_list .li_box .inptext textarea::-webkit-scrollbar {display: none;} .share_story_questionnaire .questionnaire_list .li_box .inpradio{width: 100%;display: flex;flex-direction: column;margin-top: 10px;} .share_story_questionnaire .questionnaire_list .li_box .inpradio .radiobox{display: flex;flex-direction: row;align-items: center;margin-bottom: 16px;cursor: pointer;} .share_story_questionnaire .questionnaire_list .li_box .inpradio .radiobox .circle{border-radius: 50%;border: 2px solid #cdcdcd;background: #fff;width: 20px;height: 20px;min-width: 20px;position: relative;} .share_story_questionnaire .questionnaire_list .li_box .inpradio .radiobox.active .circle::before{content: '';position: absolute;left: 50%;top: 50%;border-radius: 50%;background: #335C80;width: 70%;height: 70%;border-radius: 50%;transform: translate(-50%, -50%);} .share_story_questionnaire .questionnaire_list .li_box .inpradio .radiobox .label{font-size: 16px;color: #414141;font-family: 'Quicksand-Medium';margin-left: 8px;} .share_story_questionnaire .questionnaire_list .li_box .inpradio .inptext{width: 200px;margin-left: 14px;} .share_story_questionnaire .questionnaire_list .li_box .inpradio .pettype_text{padding: 4px 0px;} .share_story_questionnaire .questionnaire_list .li_box .imglist{display: flex;flex-wrap: wrap;caret-color: rgba(0, 0, 0, 0);margin-top: 12px;} .share_story_questionnaire .questionnaire_list .li_box .imgadd{border: 1px dashed #d9d9d9;border-radius: 15px;position: relative;width: 120px;height: 120px;margin-right: 10px;margin-bottom: 10px;overflow: hidden;display: flex;align-items: center;} .share_story_questionnaire .questionnaire_list .li_box .imgaddactive {border: none;} .share_story_questionnaire .questionnaire_list .li_box .videoaddactive {border: none;} .share_story_questionnaire .questionnaire_list .li_box .imgadd input{opacity: 0;width: 100%;height: 100%;display: block;cursor: pointer;} .share_story_questionnaire .questionnaire_list .li_box .imgadd button{opacity: 0;width: 100%;height: 100%;display: block;} .share_story_questionnaire .questionnaire_list .li_box .imgadd img{display: block;width: 100%;height: 100%;object-fit: cover;} .share_story_questionnaire .questionnaire_list .li_box .imgadd .camera-icon{display: block;width: 40px;height: 37px;object-fit: cover;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);} .share_story_questionnaire .questionnaire_list .li_box .imgadd .closeimg{position: absolute;right: 6px;top: 6px;width: 24px;height: 24px;border-radius: 30px;background: rgba(0,0,0,0.5);} .share_story_questionnaire .questionnaire_list .li_box .imgadd .closeimg:before{content: '';position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%) rotate(45deg);width: 70%;height: 1px;background: #fff;} .share_story_questionnaire .questionnaire_list .li_box .imgadd .closeimg::after{content: '';position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%) rotate(45deg);width: 1px;height: 70%;background: #fff;} .share_story_questionnaire .questionnaire_list .li_box .imgadd input {padding-left: 0px;margin-bottom: 0px;} .share_story_questionnaire .questionnaire_submit {width: 220px;margin: 20px auto 0px;background: #335C80;line-height: 46px;border-radius: 50px;text-align: center;color: #fff;display: block;font-size: 16px;font-family: 'Quicksand-Bold';cursor: pointer;} .share_story_questionnaire .questionnaire_submit:hover {background: #ea5504;} .wop_global_popupbox_submitstorysucc .wop_submitstorysucc_con{width: 540px;height: auto;flex-direction: column;justify-content: center;border-radius: 20px;background-repeat: no-repeat;background-size: cover;overflow: hidden;} .wop_global_popupbox_submitstorysucc .wop_submitstorysucc_con .pop_content{width: 100%;display: flex;flex-direction: column;} .wop_global_popupbox_submitstorysucc .wop_global_popupbox_close:before{background: #fff !important;} .wop_global_popupbox_submitstorysucc .wop_global_popupbox_close::after{background: #fff !important;} .wop_global_popupbox_submitstorysucc .contentbox{width: 100%;height: 100%;background: rgba(0,0,0,0.2);display: flex;flex-direction: column;align-items: center;padding: 80px 30px 60px;} .wop_global_popupbox_submitstorysucc .pop_content .p1{font-size: 30px;color: #fff;font-family: 'Quicksand-Bold';line-height: 30px;text-align: center;margin-bottom: 20px;} .wop_global_popupbox_submitstorysucc .pop_content .p2{font-size: 16px;color: #fff;font-family: 'Quicksand-Medium';line-height: 28px;} .wop_global_popupbox_submitstorysucc .wop_submitstorysucc_con .pop_bottom{width: 90%;display: flex;flex-direction: column;align-items: center;margin: 30px auto 0px;} .wop_global_popupbox_submitstorysucc .pop_bottom .copy_box{width: 80%;height: 50px;border: 1px solid #434343;border-radius: 50px;display: flex;flex-direction: row;align-items: center;justify-content: space-between;padding: 5px 5px;background: #fff;} .wop_global_popupbox_submitstorysucc .pop_bottom .copy_box .p1{flex: 1;font-size: 16px;color: #434343;font-family: 'Quicksand-Bold';padding-left: 24px;} .wop_global_popupbox_submitstorysucc .pop_bottom .copy_box .p1 span{margin-left: 8px;font-size: 18px;font-family: 'Quicksand-Bold';} .wop_global_popupbox_submitstorysucc .pop_bottom .copy_box .wop_copy_btn{width: 100px;height: 40px;line-height: 40px;background: #EB612A;font-size: 16px;color: #ffffff;font-family:'Quicksand-Medium';cursor: pointer;border-radius: 50px;text-align: center;} .wop_global_popupbox_submitstorysucc .pop_bottom .btn_box{width: 100%;display: flex;flex-direction: column;align-items: center;justify-content: space-between;margin-top: 30px;} .wop_global_popupbox_submitstorysucc .pop_bottom .btn_box .btn{width: 200px;height: 46px;display: flex;align-items: center;justify-content: center;font-size: 16px;color: #ffffff;font-family:'Quicksand-Bold';border-radius: 50px;cursor: pointer;background: #335C80;} .wop_global_popupbox_submitstorysucc .pop_bottom .btn_box .btn:nth-child(2){background: #335C80;margin-top: 16px;} @media (max-width:1440px){ .wop_page_content .title {font-size: 36px;line-height: 36px;} .wop_page_content .subtitle {font-size: 18px;line-height: 22px;margin-top: 18px;} .wop_page_ugc .ugc_topbox .imgbox{height: 520px;} .wop_page_ugc .ugc_contentli{padding: 80px 0px 0px;} .wop_page_ugc .ugc_menulist{display: none !important;} .wop_page_ugc .ugc_introduction .con-main{height: 440px;margin-top: 42px;} .wop_page_ugc .ugc_introduction .rightbox{padding: 0px 24px;} .wop_page_ugc .ugc_introduction .rightbox .p1{font-size: 18px;line-height: 26px;} .wop_page_ugc .ugc_introduction .rightbox .p1 .t1{font-size: 24px;} .wop_page_ugc .ugc_storebox{padding-bottom: 60px;} .wop_page_ugc .ugc_storebox .swiper-container {margin-top: 42px;} .wop_page_ugc .ugc_sharebox .share_list {margin-top: 42px;} .wop_page_ugc .ugc_giveawaybox{padding: 0px;margin-top: 80px;height: 460px;} .wop_page_ugc .ugc_giveawaybox .textbox_con{width: 420px;padding: 30px 26px;} .wop_page_ugc .ugc_giveawaybox .textbox_con .p1{font-size: 22px;line-height: 26px;} .wop_page_ugc .ugc_giveawaybox .textbox_con .p2{font-size: 16px;line-height: 24px;margin-top: 14px;} .wop_page_ugc .ugc_giveawaybox .textbox_con .btn{margin-top: 26px;padding: 0px 20px;line-height: 40px;font-size: 16px;} .wop_page_ugc .ugc_galleriesbox .galleries_list {margin-top: 42px;} .wop_page_ugc .ugc_videobox .video_list {margin-top: 42px;} .ugc_prolistbox{width: 100%;} } @media (max-width:1080px){ .wop_page_ugc .ugc_topbox .imgbox{height: 400px;} .wop_page_content .title {font-size: 30px;line-height: 34px;} .wop_page_content .subtitle {font-size: 17px;line-height: 20px;} } @media (max-width:825px){ .wop_page_content .title {font-size: 26px;line-height: 30px;} .wop_page_content .subtitle {font-size: 16px;line-height: 20px;} .wop_page_content .con-main {padding: 0px 30px;} /* .wop_page_ugc .ugc_topbox .lookmore_box{right: 10px;bottom: 16px;} .wop_page_ugc .ugc_topbox .lookmore_box .img1{width: 20px;} .wop_page_ugc .ugc_topbox .lookmore_box .line{height: 24px;} */ .wop_page_ugc{padding-bottom: 60px;} .wop_page_ugc .ugc_contentli{padding: 70px 0px 0px;} .wop_page_ugc .ugc_giveawaybox{padding: 0px;margin: 70px 0px 0px;height: 400px;} .wop_page_ugc .ugc_giveawaybox .textbox_con{width: 400px;padding: 26px 20px;} .wop_page_ugc .ugc_giveawaybox .textbox_con .p1{font-size: 24px;line-height: 26px;} .wop_page_ugc .ugc_giveawaybox .textbox_con .p2{font-size: 16px;line-height: 24px;margin-top: 14px;} .wop_page_ugc .ugc_giveawaybox .textbox_con .btn{margin-top: 32px;padding: 0px 24px;line-height: 40px;font-size: 16px;} .wop_page_ugc .ugc_introduction .con-main{height: 440px;padding: 0px;margin: 0px 30px;width: auto;position: relative;border-radius: 16px;overflow: hidden;margin-top: 36px;} .wop_page_ugc .ugc_introduction .leftbox{width: 100%;} .wop_page_ugc .ugc_introduction .rightbox{padding: 0px 40px;width: 100%;position: absolute;left: 0px;top: 0px;background: rgba(0,0,0,0.4);} .wop_page_ugc .ugc_introduction .rightbox .p1{font-size: 16px;line-height: 26px;text-align: center;color: #fff;} .wop_page_ugc .ugc_introduction .rightbox .p1 .t1{font-size: 26px;line-height: 30px;} .wop_page_ugc .ugc_introduction .rightbox .p1 .time{font-size: 18px} .wop_page_ugc .ugc_storebox{padding: 70px 30px 50px;} .wop_page_ugc .ugc_storebox .con-main {padding: 0px 0px;} .wop_page_ugc .ugc_storebox .con-main .text {padding: 0px;} .wop_page_ugc .ugc_storebox .imgbox {flex-direction: column;align-items: center;} .wop_page_ugc .ugc_storebox .imgbox .imgbox_con{width: 100%;padding-top: 100%;position: relative;} .wop_page_ugc .ugc_storebox .imgbox img {width: 100%;height: 100%;border-radius: 0px;position: absolute;left: 0px;top: 0px;} .wop_page_ugc .ugc_storebox .imgbox .text {margin: 20px 0px 0px;} .wop_page_ugc .ugc_storebox .imgbox .text .p1{margin-bottom: 12px;} .wop_page_ugc .ugc_storebox .swiper-btn {display: none;} .wop_page_ugc .ugc_storebox .swiper-container {margin-top: 36px;} .wop_page_ugc .ugc_storebox .swiper-container .swiper-pagination {display: block;bottom: 0px;} .wop_page_ugc .ugc_storebox .swiper-container {padding-bottom: 40px;} .wop_page_ugc .ugc_storebox .swiper-container .swiper-pagination .swiper-pagination-bullet-active {background: #ea5504;} .wop_page_ugc .ugc_storebox .swiper-container .swiper-slide{opacity: 1;} /* .wop_page_ugc .ugc_storebox .swiper-container .swiper-slide{margin-right: 24px;} */ .wop_page_ugc .ugc_sharebox .share_list{margin-top: 36px;} .wop_page_ugc .ugc_sharebox .share_list .libox::after {display: none;} .wop_page_ugc .ugc_sharebox .share_list .libox {width: 50%;margin-right: 0px;margin-bottom: 20px;} .wop_page_ugc .ugc_sharebox .share_list .libox .p2 {width: 80%;margin-top: 16px;} .wop_page_ugc .ugc_sharebox .btnbox{margin: 20px auto 0px;} .wop_page_ugc .ugc_sharebox .btnbox .btn {width: 220px;line-height: 40px;font-size: 16px;} .wop_page_ugc .ugc_sharebox .btnbox .imgbtn{width: auto;height: 40px;} .wop_page_ugc .ugc_galleriesbox .imgbox .shop_btn {display: none;} .wop_page_ugc .ugc_galleriesbox .galleries_list{margin-top: 36px;} .wop_page_ugc .ugc_galleriesbox .galleries_list .li_imgbox {width: calc(33.33% - 10px);margin-right: 15px;} .wop_page_ugc .ugc_galleriesbox .likebox .icon {width: 20px;height: 20px;} .wop_page_ugc .ugc_galleriesbox .imgbox .icon {width: 24px;height: 24px;} .wop_page_ugc .ugc_galleriesbox .galleries_btn a{margin: 16px auto 0px;line-height: 40px;font-size: 16px;} .wop_page_ugc .ugc_videobox .video_list{margin-top: 36px;} .wop_page_ugc .ugc_videobox .video_list .libox {width: calc(33.33% - 10px);margin-right: 15px;} .wop_page_ugc .ugc_mediabox {flex-direction: column;} .wop_page_ugc .ugc_mediabox .boxlist .liimg {width: 30px;height: 30px;margin-right: 16px;} .wop_page_ugc .ugc_mediabox .p1 {font-size: 14px;margin-top: 12px;} .ugc_prolistbox .btnbox_con{margin-top: 16px;} .ugc_prolistbox .btnbox_con .btnli{line-height: 40px;padding: 0px 16px;font-size: 16px;} .ugc_prolistbox .btnbox_con .view_more{margin-left: 16px;} .wop_global_popupbox_submitstorysucc .wop_submitstorysucc_con{width: 500px;border-radius: 16px;} .wop_global_popupbox_submitstorysucc .contentbox{padding: 60px 20px 40px;} .wop_global_popupbox_submitstorysucc .pop_content .p1{font-size: 22px;line-height: 30px;margin-bottom: 16px;} .wop_global_popupbox_submitstorysucc .pop_bottom .copy_box{height: 46px;} .wop_global_popupbox_submitstorysucc .pop_bottom .copy_box .wop_copy_btn{height: 36px;line-height: 36px;} .wop_global_popupbox_submitstorysucc .pop_bottom .btn_box .btn{height: 40px;} } @media (max-width:480px){ .wop_page_content .title {font-size: 22px;line-height: 26px;padding: 0px 16px;} .wop_page_content .subtitle {font-size: 14px;line-height: 20px;margin-top: 10px;} .wop_page_content .con-main {padding: 0px 16px;} .wop_page_ugc .ugc_topbox .imgbox{display: none;} /* .wop_page_ugc .ugc_topbox .imgbox_phone{width: 100%;position: relative;padding-top: 119.97%;display: block;} */ .wop_page_ugc .ugc_topbox .imgbox_phone{width: 100%;position: relative;display: block;height: 240px;} .wop_page_ugc .ugc_topbox .bigimg{width: 100%;height: 100%;display: block;position: absolute;left: 0px;top: 0px;object-fit: cover;} /* .wop_page_ugc .ugc_topbox .lookmore_box{right: inherit;left: 50%;transform: translateX(-50%);bottom: 0px;} .wop_page_ugc .ugc_topbox .lookmore_box .img1{width: 18px;} .wop_page_ugc .ugc_topbox .lookmore_box .line{height: 20px;margin-top: 4px;width: 2px;} */ .wop_page_ugc .ugc_contentli{padding: 50px 0px 0px;} .wop_page_ugc .ugc_giveawaybox{padding: 0px;margin: 50px 0px 0px;height: auto;display: flex;flex-direction: column;} .wop_page_ugc .ugc_giveawaybox .bgimg .pcimg{display: none;} .wop_page_ugc .ugc_giveawaybox .bgimg .phoneimg{display: block;} .wop_page_ugc .ugc_giveawaybox .textbox{position: inherit;} .wop_page_ugc .ugc_giveawaybox .textbox_con{width: 100%;padding: 20px 16px;} .wop_page_ugc .ugc_giveawaybox .textbox_con .p1{font-size: 18px;line-height: 20px;} .wop_page_ugc .ugc_giveawaybox .textbox_con .p2{font-size: 14px;line-height: 20px;margin-top: 12px;} .wop_page_ugc .ugc_giveawaybox .textbox_con .btn{margin-top: 24px;padding: 0px 20px;line-height: 36px;font-size: 14px;} .wop_page_ugc .ugc_introduction .con-main{height: 340px;padding: 0px;margin: 0px 16px;border-radius: 12px;margin-top: 30px;} .wop_page_ugc .ugc_introduction .rightbox{padding: 0px 16px;background: rgba(0,0,0,0.3);} .wop_page_ugc .ugc_introduction .rightbox .p1{font-size: 14px;line-height: 18px;} .wop_page_ugc .ugc_introduction .rightbox .p1 .t1{font-size: 22px;line-height: 26px;} .wop_page_ugc .ugc_introduction .rightbox .p1 .time{font-size: 14px} .wop_page_ugc .ugc_storebox{padding: 50px 16px 0px;} .wop_page_ugc .ugc_storebox .swiper-container {margin-top: 30px;padding-bottom: 30px;} .wop_page_ugc .ugc_storebox .imgbox .text {padding: 0px;margin-top: 12px;margin-right: 0px;} .wop_page_ugc .ugc_storebox .imgbox .text .p1 {margin-bottom: 8px;font-size: 18px;line-height: 22px;} .wop_page_ugc .ugc_storebox .imgbox .text .p2{font-size: 14px;line-height: 16px;} .wop_page_ugc .ugc_sharebox .share_list {margin-top: 30px;font-size: 22px;} .wop_page_ugc .ugc_sharebox .share_list .libox{width: 100%;margin-bottom: 16px;} .wop_page_ugc .ugc_sharebox .share_list .libox .p1{font-size: 16px;line-height: 20px;} .wop_page_ugc .ugc_sharebox .share_list .libox .p2 {width: 90%;font-size: 12px;line-height: 16px;margin-top: 10px;} .wop_page_ugc .ugc_sharebox .btnbox{margin: 16px auto 0px;} .wop_page_ugc .ugc_sharebox .btnbox .btn {width: 200px;line-height: 36px;font-size: 14px;} .wop_page_ugc .ugc_sharebox .btnbox .btn:nth-child(2){margin-top: 12px;font-size: 18px;line-height: 18px;height: 38px;} .wop_page_ugc .ugc_sharebox .btnbox .imgbtn{width: auto;height: 36px;margin-top: 12px;} .wop_page_ugc .ugc_galleriesbox .galleries_list {margin-top: 30px;} .wop_page_ugc .ugc_galleriesbox .galleries_list .li_imgbox {width: calc(50% - 8px);margin-right: 16px;} .wop_page_ugc .ugc_galleriesbox .galleries_list .li_imgbox:nth-child(3n) {margin-right: 16px;} .wop_page_ugc .ugc_galleriesbox .galleries_list .li_imgbox:nth-child(2n) {margin-right: 0px;} .wop_page_ugc .ugc_galleriesbox .galleries_list .li_imgbox {margin-bottom: 20px;} .wop_page_ugc .ugc_galleriesbox .galleries_btn a{margin: 12px auto 0px;line-height: 36px;font-size: 14px;} .wop_page_ugc .ugc_videobox .video_list {margin-top: 30px;} .wop_page_ugc .ugc_videobox .video_list .libox {width: calc(50% - 8px);margin-right: 16px;} .wop_page_ugc .ugc_videobox .video_list .libox:nth-child(3n){margin-right: 16px;} .wop_page_ugc .ugc_videobox .video_list .libox:nth-child(2n){margin-right: 0px;} .ugc_prolistbox .btnbox_con{margin-top: 16px;} .ugc_prolistbox .btnbox_con .btnli{height: 36px;padding: 0px 16px;font-size: 14px;width: 50%;line-height: 14px;display: flex;align-items: center;justify-content: center;} .ugc_prolistbox .btnbox_con .view_more{margin-left: 16px;} .share_story_questionnaire{border-radius: 12px;padding: 50px 16px;} .share_story_questionnaire .putaway_btn{width: 80px;height: 30px;} .share_story_questionnaire .putaway_btn .arrow{width: 12px;} .share_story_questionnaire .putaway_btn .arrow::after{width: 12px;height: 12px;} .share_story_questionnaire .putaway_btn.top{border-radius: 0px 0px 8px 8px;} .share_story_questionnaire .putaway_btn.bottom{border-radius: 8px 8px 0px 0px;} .share_story_questionnaire .title{font-size: 18px;line-height: 24px;} .share_story_questionnaire .tips{font-size: 14px;line-height: 18px;} .share_story_questionnaire .questionnaire_list .li_box{padding: 18px 16px;border-radius: 12px;margin-bottom: 16px;} .share_story_questionnaire .questionnaire_list .li_box .p1{font-size: 14px;line-height: 20px;} .share_story_questionnaire .questionnaire_list .li_box .inptext input{font-size: 14px;padding: 12px 0px 8px;} .share_story_questionnaire .questionnaire_list .li_box .inptext textarea{font-size: 14px;} .share_story_questionnaire .questionnaire_list .li_box .note .p2{font-size: 12px;line-height: 16px;} .share_story_questionnaire .questionnaire_list .li_box .inpradio .radiobox .circle{width: 16px;height: 16px;min-width: 16px;} .share_story_questionnaire .questionnaire_list .li_box .inpradio .radiobox .label{font-size: 14px;} .share_story_questionnaire .questionnaire_list .li_box .imgadd{border-radius: 12px;width: 80px;height: 80px;} .share_story_questionnaire .questionnaire_list .li_box .imgadd .camera-icon{width: 30px;height: auto;} .share_story_questionnaire .questionnaire_submit{width: 200px;margin: 16px auto 0px;line-height: 36px;font-size: 14px;} .wop_global_popupbox_submitstorysucc .wop_submitstorysucc_con{width: 90%;border-radius: 12px;padding: 0px;} .wop_global_popupbox_submitstorysucc .contentbox{padding: 50px 16px 30px;} .wop_global_popupbox_submitstorysucc .pop_content .p1{font-size: 18px;line-height: 24px;margin-bottom: 12px;} .wop_global_popupbox_submitstorysucc .wop_submitstorysucc_con .pop_bottom{margin: 16px auto 0px;width: 100%;} .wop_global_popupbox_submitstorysucc .pop_bottom .copy_box{height: 42px;} .wop_global_popupbox_submitstorysucc .pop_bottom .copy_box .p1{font-size: 14px;padding-left: 16px;} .wop_global_popupbox_submitstorysucc .pop_bottom .copy_box .p1 span{font-size: 16px;} .wop_global_popupbox_submitstorysucc .pop_bottom .copy_box .wop_copy_btn{height: 32px;line-height: 32px;font-size: 14px;width: max-content;padding: 0px 16px;} .wop_global_popupbox_submitstorysucc .pop_bottom .btn_box{flex-direction: column;} .wop_global_popupbox_submitstorysucc .pop_bottom .btn_box .btn{height: 36px;font-size: 14px;line-height: 36px;} .wop_global_popupbox_submitstorysucc .pop_bottom .btn_box .btn:nth-child(2){margin-top: 12px;} } /* affiliate页面 */ .wop_page_topbox .box_title{display: flex;flex-direction: column;align-items: center;width: 100%;} .wop_page_topbox .box_title p{width: 100%;} .wop_page_topbox .box_title .join-now{margin-top: 40px;background: #335C80;border-radius: 8px;font-size: 22px;color: #fff;height: 58px;line-height: 58px;padding: 0px 44px;display: inline-block;cursor: pointer;} .wop_page_topbox .box_title .join-now:hover{background: #ea5504;} .affiliate_partnerbox{width: 100%;background: #ffffff;padding: 120px 0px 80px;} .affiliate_partnerbox .partner_list{width: 100%;display: flex;flex-direction: row;flex-wrap: wrap;} .affiliate_partnerbox .partner_list .libox{width: 33.33%;display: flex;flex-direction: column;align-items: center;margin-top: 70px;} .affiliate_partnerbox .partner_list .libox .imgbox{width: 110px;height: 110px;} .affiliate_partnerbox .partner_list .libox .imgbox img{width: 100%;height: auto;} .affiliate_partnerbox .partner_list .libox .p1{font-size: 20px;line-height: 24px;color: #232f3f;font-family: 'Quicksand-Bold';text-align: center;margin-top: 40px;width: 200px;text-align: center;} .affiliate_earnbox {width: 100%;background: #F7F5F4;padding: 120px 0px 80px;position: relative;overflow: hidden;} .affiliate_earnbox .bgimg1 {position: absolute;top: -10px;left: -70px;width: 240px;} .affiliate_earnbox .bgimg2 {position: absolute;bottom: -10px;right: -70px;transform: rotate(180deg);width: 240px;} .affiliate_earnbox .earn_list {width: 100%;display: flex;flex-direction: row;justify-content: center;flex-wrap: wrap;margin-top: 90px;} .affiliate_earnbox .earn_list .libox {width: calc(33.33% - 50px);display: flex;flex-direction: column;align-items: center;margin-right: 75px;position: relative;} .affiliate_earnbox .earn_list .libox::after {content: '';width: 60%;height: 60px;position: absolute;right: calc(-30% - 38px);top: 38px;background: url('/webfile/index/img/affiliate/img2.png');background-size: 100% auto;background-repeat: no-repeat;} .affiliate_earnbox .earn_list .libox:last-child {margin-right: 0px;} .affiliate_earnbox .earn_list .libox:last-child::after {display: none;} .affiliate_earnbox .earn_list .libox .imgbox {width: 100%;height: 76px;display: flex;align-items: center;justify-content: center;} .affiliate_earnbox .earn_list .libox img {width: 106px;height: auto;} .affiliate_earnbox .earn_list .libox .p1 {font-size: 20px;line-height: 24px;color: #232f3f;font-family: 'Quicksand-Bold';text-align: center;margin-top: 15px;} .affiliate_earnbox .earn_list .libox .p2 {font-size: 16px;line-height: 20px;color: #232f3f;font-family: 'Quicksand-Regular';text-align: center;margin-top: 40px;} .affiliate_earnbox .join_now {width: 180px;margin: 84px auto 0px;background: #335C80;line-height: 58px;border-radius: 8px;text-align: center;color: #fff;display: block;font-size: 18px;font-family: 'Quicksand-Bold';cursor: pointer;} .affiliate_earnbox .join_now:hover {background: #ea5504;color: #ffffff;} .affiliate_askedbox {width: 100%;background: #ffffff;padding: 120px 0px 80px;} .affiliate_askedbox .askedbox-faqlist{width: 84%;margin: 50px auto 0px;} .askedbox-faqlist li a {border-bottom: 1px solid #e0e0e0;padding: 20px 16px;} .askedbox-faqlist li .lin_p {border-top: none;padding: 20px 16px;} .askedbox-faqlist li .right-icon {background: #ffffff;} .askedbox-faqlist li .right-icon i {font-size: 18px;} .askedbox-faqlist li {margin-bottom: 10px;} .affiliate_quesbox {width: 100%;background: #F7F5F4;padding: 120px 0px 80px;} .affiliate_quesbox .subtitle a{font-family: 'Quicksand-Bold';} .affiliate_quesbox .question_frombox{width: 500px;display: flex;flex-direction: column;align-items: center;margin: 50px auto 0px;} .affiliate_quesbox .question_frombox .form_li{width: 100%;height: 58px;border: 1px solid #d8d8d8;font-family: 'Quicksand-Regular';border-radius: 8px;padding: 12px 16px;font-size: 16px;color: #232f3f;margin-bottom: 24px;} .affiliate_quesbox .question_frombox .form_text{height: 300px;} .affiliate_quesbox .question_frombox input::-moz-placeholder{color: #888;} .affiliate_quesbox .question_frombox input::-ms-input-placeholder{color: #888;} .affiliate_quesbox .question_frombox input::-webkit-input-placeholder{color: #888;} .affiliate_quesbox .question_frombox .question-sumbit-btn{font-size: 20px;color: #fff;font-family: 'Quicksand-Bold';background: #335C80;line-height: 58px;border-radius: 8px;padding: 0 70px;cursor: pointer;margin-top: 20px;} .affiliate_quesbox .question_frombox .question-sumbit-btn:hover{background: #EA5504;} @media (max-width:1440px){ .wop_page_affiliate .affiliate_partnerbox {padding: 80px 0px 60px;} .affiliate_earnbox {padding: 80px 0px 60px;} .affiliate_earnbox .earn_list {margin-top: 50px;} .affiliate_askedbox {padding: 80px 0px 60px;} .affiliate_quesbox {padding: 80px 0px 60px;} } @media(max-width:1080px){ .wop_page_topbox .box_title p{width: 80%;} .wop_page_affiliate .affiliate_partnerbox {padding: 60px 0px 80px;} .affiliate_earnbox .bgimg1,.bgimg2 {display: none;} } @media (max-width:825px){ .wop_page_topbox .box_title .join-now {height: 50px;line-height: 50px;font-size: 18px;padding: 0px 30px;} .affiliate_earnbox .join_now {line-height: 50px;width: 160px;} .affiliate_quesbox .question_frombox .question-sumbit-btn {line-height: 50px;font-size: 18px;padding: 0px 40px;} .affiliate_partnerbox .partner_list{margin-top: 30px;} .affiliate_partnerbox .partner_list .libox{width: 33.33%;margin-top: 20px;} .affiliate_partnerbox .partner_list .libox .imgbox{width: 60px;height: auto;} .affiliate_partnerbox .partner_list .libox .imgbox img{width: 100%;height: auto;} .affiliate_partnerbox .partner_list .libox .p1{font-size: 16px;line-height: 18px;margin-top: 14px;width: 90%;} .affiliate_earnbox .earn_list .libox::after {display: none;} .affiliate_earnbox .earn_list .libox {width: 100%;margin-right: 0px;margin-bottom: 20px;} .affiliate_earnbox .earn_list .libox .p2 {width: 80%;margin-top: 16px;} .affiliate_earnbox .join_now {margin: 30px auto 0px;} .affiliate_askedbox .askedbox-faqlist{width: 100%;margin: 30px auto 0px;} .askedbox-faqlist li a {padding: 10px 16px;} .askedbox-faqlist li .lin_p {padding: 10px 16px;} .askedbox-faqlist li .right-icon i {font-size: 14px;} .askedbox-faqlist li {margin-bottom: 12px;} } @media (max-width:480px){ .wop_page_topbox .box_title p{width: 100%;margin-top: 12px;} .wop_page_topbox .box_title .join-now{margin-top: 12px;background: #ea5504;border-radius: 8px;font-size: 16px;color: #fff;height: 40px;line-height: 40px;padding: 0px 24px;display: inline-block;cursor: pointer;} .wop_page_affiliate .affiliate_partnerbox {padding: 50px 0px;} .affiliate_partnerbox .partner_list{margin-top: 20px;} .affiliate_partnerbox .partner_list .libox{width: 50%;margin-top: 16px;} .affiliate_partnerbox .partner_list .libox .p1{font-size: 14px;line-height: 18px;margin-top: 14px;width: 90%;} .affiliate_earnbox {padding: 50px 0px;} .affiliate_earnbox .earn_list {margin-top: 40px;font-size: 22px;} .affiliate_earnbox .earn_list .libox .p2 {width: 90%;} .affiliate_earnbox .join_now {margin: 20px auto 0px;line-height: 46px;} .affiliate_askedbox {padding: 50px 0px;} .affiliate_quesbox {padding: 50px 0px;} .affiliate_quesbox .question_frombox{width: 100%;display: flex;flex-direction: column;align-items: center;margin: 30px auto 0px;} .affiliate_quesbox .question_frombox .form_li{height: 48px;padding: 12px 16px;font-size: 14px;margin-bottom: 16px;} .affiliate_quesbox .question_frombox .form_text{height: 170px;} .affiliate_quesbox .question_frombox .question-sumbit-btn{line-height: 46px;padding: 0 40px;} } /* 万圣节页面 */ @font-face{ font-family: 'LED'; font-display: swap; src:url('fonts/FX-LED.TTF'); } @font-face{ font-family: 'Sans_Black'; font-display: swap; src:url('fonts/HarmonyOS_Sans_Black.ttf'); } @font-face{ font-family: 'Sans_Bold'; font-display: swap; src:url('fonts/HarmonyOS_Sans_Bold.ttf'); } @font-face{ font-family: 'Sans_Light'; font-display: swap; src:url('fonts/HarmonyOS_Sans_Light.ttf'); } @font-face{ font-family: 'Sans_Medium'; font-display: swap; src:url('fonts/HarmonyOS_Sans_Medium.ttf'); } @font-face{ font-family: 'Sans_Regular'; font-display: swap; src:url('fonts/HarmonyOS_Sans_Regular.ttf'); } .wop_halloween{width: 100%;overflow: hidden;} .wop_halloween_topbox{width: 100%;position: relative;} .wop_halloween_topbox .imgbox{width: 100%;position: relative;padding-top: 57.2%;background-color: #100B08;} .wop_halloween_topbox .bigimg{width: 100%;height: auto;display: block;position: absolute;left: 0px;top: 0px;} .wop_halloween_topbox .imgbox_phone{display: none;} .wop_halloween_topbox .countdown_box{position: absolute;left: 50%;bottom: 60px;transform: translate(-50%, 0px);display: flex;flex-direction: row;} .wop_halloween_topbox .countdown_box img{width: 414px;height: auto;} .wop_halloween_topbox .countdown_box .numbox{position: absolute;left: 17px;top: 15px;display: flex;flex-direction: row;} .wop_halloween_topbox .countdown_box .numbox p{font-size: 62px;color: #EF7501;font-family: 'LED';width: 79px;height: 62px;margin-right: 22px;background: linear-gradient(0deg, #FF7900 0%, #FC9A00 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;} .wop_halloween_topbox .countdown_p1{position: absolute;width: 100%;left: 0px;bottom: 30px;font-size: 16px;text-align: center; color: #fff;font-family: 'Sans_Light';} .wop_page_halloween{width: 100%;position: relative;display: flex;flex-direction: column;background: url('/webfile/index/img/halloween/bg.png');background-size: 100% auto;background-repeat: repeat;background-color: #100B08;} .wop_page_halloween .halloween_nav{width: 100%;margin-top: 80px;display: flex;flex-direction: row;align-items: center;justify-content: center;} .wop_page_halloween .halloween_nav .nav_li{margin-right: 80px;cursor: pointer;position: relative;height: 78px;background: linear-gradient(90deg, #FF7900, #FC9A00);opacity: 0.91;border-radius: 20px;position: relative;padding: 0px 56px;display: flex;align-items: center;} .wop_page_halloween .halloween_nav .nav_li:last-child{margin-right: 0px;} .wop_page_halloween .halloween_nav .nav_li .img1{position: absolute;left: -40px;bottom: 0px;width: 141px;height: auto;} .wop_page_halloween .halloween_nav .nav_li .img2{position: absolute;right: -54px;bottom: -12px;width: 115px;height: auto;} .wop_page_halloween .halloween_nav .nav_li .p1{font-size: 32px;color: #fff;font-family: 'Sans_Black';text-shadow: 0 0 3px white, 0 0 13px white;z-index: 10;} .wop_page_halloween .halloween_nav .nav_li1 .img2{animation: wop_scale 4s infinite ease-in-out;} .wop_page_halloween .halloween_nav .nav_li2 .img2{animation: wop_rotate 4s infinite ease-in-out;} @keyframes wop_scale { 0% { transform: scale(1); } 30% { transform: scale(1); } 50% { transform: scale(1.1); } 70% { transform: scale(1); } 100% { transform: scale(1); } } @keyframes wop_rotate { 0% { transform: rotate(0deg); } 30% { transform: rotate(0deg); } 50% { transform: rotate(45deg); } 70% { transform: rotate(0deg); } 100% { transform: rotate(0deg); } } .wop_page_halloween .halloween_model{width: 100%;margin-top: 120px;display: flex;flex-direction: column;align-items: center;justify-content: center;} .halloween_model .titlebox{position: relative;display: flex;flex-direction: row;padding: 0px 20px;} .halloween_model .titlebox .p1{font-size: 63px;color: #fff;font-family: 'Sans_Bold';line-height: 63px;text-align: center;} .halloween_model .titlebox .p1 span{color: #ED8000;} .halloween_model .titlebox .img1{position: absolute;left: -50px;top: -30px;animation: wop_opacity 4s infinite ease-in-out;} .halloween_model .titlebox .img2{position: absolute;right: -44px;bottom: -5px;animation: wop_opacity 4s infinite ease-in-out;} .halloween_model .subtitle{font-size: 24px;color: #fff;font-family: 'Sans_Medium';margin-top: 25px;} @keyframes wop_opacity { 0% { opacity: 1; } 20% { opacity: 0; } 40% { opacity: 1; } 100% { opacity: 1; } } .halloween_model .shoplist_box{width: 100%;margin: 80px auto 0px;max-width: 1280px;padding: 0px 40px;display: flex;flex-direction: row;flex-wrap: wrap;} .halloween_model .shoplist_box .proli{width: calc(33.33% - 18px);margin-right: 27px;background: linear-gradient(0deg, #FA6300, #FDC961);opacity: 0.91;border-radius: 20px;margin-bottom: 30px;overflow: hidden;} .halloween_model .shoplist_box .proli:nth-child(3n){margin-right: 0px;} .halloween_model .shoplist_box .proli_box{width: 100%;display: flex;flex-direction: column;align-items: center;position: relative;padding: 50px 26px 45px;} .halloween_model .shoplist_box .proli_box .bigimg{width: 100%;height: auto;cursor: pointer;z-index: 10;position: relative;padding-top: 100%;display: block;} .halloween_model .shoplist_box .proli_box .bigimg img{display: block;width: 100%;height: auto;transition: all 1s ease 0s;position: absolute;left: 0px;top: 0px;} .halloween_model .shoplist_box .proli_box .bigimg:hover img{transform: scale(1.1);} .halloween_model .shoplist_box .proli_box .tip_img1{position: absolute;right: -32px;top: -71px;} .halloween_model .shoplist_box .proli_box .wp-pro-tipbox{font-family: 'Sans_Black';font-size: 27px;line-height: 27px;color: #fff;position: absolute;top: 27px;right:23px;z-index: 10;animation: wop_light 4s infinite ease;} @keyframes wop_light { 0% { text-shadow: 0 0 3px white, 0 0 13px white; } 75% { text-shadow: 0 0 3px white, 0 0 13px white; } 100% { text-shadow: none; } } .halloween_model .shoplist_box .proli_box .bottomimg{position: absolute;right: 0px;bottom: 0px;width: 90%;height: auto;} .halloween_model .shoplist_box .proli_box .colorbox{position: absolute;left: 26px;top: 30px;width: 60%;z-index: 10;} .halloween_model .shoplist_box .proli_box .colorbox ul{width: 100%;display: flex;flex-wrap: wrap;} .halloween_model .shoplist_box .proli_box .colorbox li{width: auto;height: auto;cursor: pointer;border: 2px solid #e4e4e3;border-radius: 50px;margin-right: 10px;margin-bottom: 10px;} .halloween_model .shoplist_box .proli_box .colorbox li.cur{border-color: #ED8000;} .halloween_model .shoplist_box .proli_box .colorbox li span{width: 16px;height: 16px;display: block;border-radius: 2px solid #fff;border-radius: 50px;} .halloween_model .shoplist_box .proli_box .t1{width: 100%;font-size: 19px;color: #fff;text-align: center;font-family: 'Sans_Black';white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .halloween_model .shoplist_box .proli_box .t2{width: 100%;font-size: 16px;color: #fff;text-align: center;margin-top: 7px;font-family: 'Sans_Regular';white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .halloween_model .shoplist_box .proli_box .pricebox{margin-top: 26px;display: flex;flex-direction: row;align-items: flex-end;} .halloween_model .shoplist_box .proli_box .pricebox .p1{font-size: 35px;line-height: 35px;color: #fff;font-family: 'Sans_Bold';} .halloween_model .shoplist_box .proli_box .pricebox .p2{font-size: 20px;line-height: 20px;color: #fff;font-family: 'Sans_Regular';margin-left: 6px;margin-bottom: 2px;text-decoration: line-through;} .halloween_model .shoplist_box .proli_box .cartbox{margin-top: 20px;z-index: 10;} .halloween_model .shoplist_box .proli_box .cartbox img{width: 207px;height: auto;cursor: pointer;transition: all 0.5s ease-in-out;} .halloween_model .shoplist_box .proli_box .cartbox img:hover{transform: scale(1.05);filter: drop-shadow(6px 4px 8px rgba(255, 255, 255, 0.4));} .halloween_model .shopbundle_box{width: 100%;margin: 80px auto 0px;max-width: 1280px;padding: 0px 40px;display: flex;flex-direction: column;} .halloween_model .shopbundle_box .shopbundle_box_con{width: 100%;max-width: 1280px;padding: 70px 27px 38px;display: flex;flex-direction: column;flex-wrap: wrap;background: linear-gradient(-90deg, #FF7900, #FC9A00);opacity: 0.91;border-radius: 20px;} .halloween_model .shopbundle_box .t1{font-size: 39px;line-height: 39px;color: #fff;font-family: 'Sans_Bold';text-align: center;margin-bottom: 66px;} .halloween_model .shopbundle_box .bundel_libox{position: relative;width: 100%;display: flex;flex-direction: row;border-radius: 30px;margin-bottom: 130px;background: #000000;} .halloween_model .shopbundle_box .bundel_libox:last-child{margin-bottom: 0px;} .halloween_model .shopbundle_box .bundel_libox .img1{position: absolute;left: 0px;top: -26%;width: 100%;height: 26%;} .halloween_model .shopbundle_box .bundel_libox .shop_content{width: 70%;display: flex;flex-direction: row;align-items: center;justify-content: center;background: #fff;border-radius: 30px;padding: 49px 43px;position: relative;} .halloween_model .shopbundle_box .bundel_libox .shop_content .shopbox{width: 50%;display: flex;flex-direction: column;align-items: center;} .halloween_model .shopbundle_box .bundel_libox .shop_content .shopbox .bigimg{width: 240px;height: 240px;cursor: pointer;} .halloween_model .shopbundle_box .bundel_libox .shop_content .shopbox .bigimg img{display: block;width: 100%;height: auto;} .halloween_model .shopbundle_box .bundel_libox .shop_content .shopbox .p1{font-size: 21px;color: #000;text-align: center;font-family: 'Sans_Regular';margin-top: 14px;width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .halloween_model .shopbundle_box .bundel_libox .shop_content .add{width: 40px;height: 40px;} .halloween_model .shopbundle_box .bundel_libox .shop_content .free{width: 93px;height: 93px;position: absolute;top: 17px;right: 62px;} .halloween_model .shopbundle_box .bundel_libox .pricebox{flex: 1;display: flex;flex-direction: column;align-items: center;justify-content: center;} .halloween_model .shopbundle_box .bundel_libox .pricebox .pbox{width: 100%;display: flex;flex-direction: column;align-items: center;} .halloween_model .shopbundle_box .bundel_libox .pricebox .p1{font-size: 48px;color: #fff;font-family: 'Sans_Black';line-height: 48px;} .halloween_model .shopbundle_box .bundel_libox .pricebox .p1-phone{display: none;} .halloween_model .shopbundle_box .bundel_libox .pricebox .price{margin-top: 27px;display: flex;flex-direction: row;align-items: flex-end;} .halloween_model .shopbundle_box .bundel_libox .pricebox .price .sp1{font-size: 38px;color: #fff;font-family: 'Sans_Bold';line-height: 38px;} .halloween_model .shopbundle_box .bundel_libox .pricebox .price .sp2{font-size: 22px;color: #fff;font-family: 'Sans_Regular';line-height: 22px;margin-left: 16px;margin-bottom: 2px;position: relative;} .halloween_model .shopbundle_box .bundel_libox .pricebox .price .sp2::after{ content: ""; position: absolute; bottom: 11px; left: 0;width: 100%;height: 2px;background: rgba(255, 255, 255, 0.6);} .halloween_model .shopbundle_box .bundel_libox .pricebox .probuy{width: 207px;margin-top: 34px;} .halloween_model .shopbundle_box .bundel_libox .pricebox .probuy img{width: 100%;height: auto;cursor: pointer;transition: all 0.5s ease-in-out;} .halloween_model .shopbundle_box .bundel_libox .pricebox .probuy img:hover{transform: scale(1.05);filter: drop-shadow(6px 4px 8px rgba(255, 255, 255, 0.4));} .wop_page_halloween .halloween_footer{width: 100%;margin: 80px auto;max-width: 1280px;padding: 0px 40px;display: flex;flex-direction: row;justify-content: space-between;} .wop_page_halloween .halloween_footer p{font-size: 14px;line-height: 20px;color: #fff;font-family: 'Quicksand-Bold';display: flex;align-items: center;} .wop_page_halloween .halloween_footer p i{display: block;font-size: 22px;margin-right: 20px;} @media (max-width:1440px){ .wop_halloween_topbox .countdown_box{bottom: 40px;} .wop_halloween_topbox .countdown_box img{width: 360px;} .wop_halloween_topbox .countdown_box .numbox{left: 14px;top: 13px;} .wop_halloween_topbox .countdown_box .numbox p{font-size: 54px;width: 69px;height: 54px;margin-right: 19px;} .wop_halloween_topbox .countdown_p1{font-size: 14px;bottom: 20px;} .wop_page_halloween .halloween_nav .nav_li{margin-right: 60px;height: 68px;padding: 0px 50px;} .wop_page_halloween .halloween_nav .nav_li .img1{left: -34px;width: 124px;} .wop_page_halloween .halloween_nav .nav_li .img2{right: -48px;bottom: -11px;width: 100px;} .wop_page_halloween .halloween_nav .nav_li .p1{font-size: 28px;} .halloween_model .titlebox .p1{font-size: 48px;line-height: 48px;} .halloween_model .titlebox .img1{top: -32px;} .halloween_model .titlebox .img2{bottom: -7px;} .halloween_model .subtitle{font-size: 18px;margin-top: 20px;} .wop_page_halloween .halloween_footer{max-width: 1280px;} .wop_page_halloween .halloween_footer p i{margin-right: 14px;} } @media(max-width:1080px){ .wop_page_halloween{background: url('/webfile/index/img/halloween/bg2.png');background-size: 100% auto;background-repeat: repeat;background-color: #100B08;} .halloween_model .shoplist_box{margin: 60px auto 0px;padding: 0px 30px;} .halloween_model .shoplist_box .proli_box{padding: 40px 16px 35px;} .halloween_model .shoplist_box .proli_box .tip_img1{right: -23px;top: -45px;width: 120px;} .halloween_model .shoplist_box .proli_box .wp-pro-tipbox{font-size: 22px;line-height: 22px;top: 21px;right:8px;} .halloween_model .shoplist_box .proli_box .colorbox{left: 16px;top: 23px;width: 56%;z-index: 10;padding-bottom: 20px;} .halloween_model .shoplist_box .proli_box .colorbox li{margin-right: 6px;margin-bottom: 4px;} .halloween_model .shoplist_box .proli_box .colorbox li span{width: 14px;height: 14px;} .halloween_model .shoplist_box .proli_box .t1{font-size: 18px;line-height: 18px;} .halloween_model .shoplist_box .proli_box .t2{font-size: 14px;line-height: 14px;} .halloween_model .shoplist_box .proli_box .pricebox{margin-top: 20px;} .halloween_model .shoplist_box .proli_box .pricebox .p1{font-size: 28px;line-height: 28px;} .halloween_model .shoplist_box .proli_box .pricebox .p2{font-size: 20px;line-height: 20px;margin-left: 6px;margin-bottom: 2px;} .halloween_model .shoplist_box .proli_box .cartbox{margin-top: 18px;} .halloween_model .shoplist_box .proli_box .cartbox img{width: 180px;} .halloween_model .shopbundle_box{margin: 60px auto 0px;padding: 0px 30px;} .halloween_model .shopbundle_box .shopbundle_box_con{padding: 50px 20px 40px;} .halloween_model .shopbundle_box .t1{font-size: 28px;line-height: 30px;margin-bottom: 70px;} .halloween_model .shopbundle_box .bundel_libox{margin-bottom: 100px;} .halloween_model .shopbundle_box .bundel_libox .shop_content{padding: 40px 30px;width: 64%;} .halloween_model .shopbundle_box .bundel_libox .shop_content .shopbox .bigimg{width: 220px;height: 220px;} .halloween_model .shopbundle_box .bundel_libox .shop_content .shopbox .p1{font-size: 18px;margin-top: 12px;} .halloween_model .shopbundle_box .bundel_libox .shop_content .add{width: 40px;height: 40px;} .halloween_model .shopbundle_box .bundel_libox .shop_content .free{width: 80px;height: 80px;top: 17px;right: 62px;} .halloween_model .shopbundle_box .bundel_libox .pricebox .p1{font-size: 38px;line-height: 38px;} .halloween_model .shopbundle_box .bundel_libox .pricebox .price{margin-top: 20px;} .halloween_model .shopbundle_box .bundel_libox .pricebox .price .sp1{font-size: 32px;line-height: 32px;} .halloween_model .shopbundle_box .bundel_libox .pricebox .price .sp2{font-size: 18px;line-height: 18px;margin-left: 12px;margin-bottom: 2px;} .halloween_model .shopbundle_box .bundel_libox .pricebox .price .sp2::after{bottom: 8px;} .halloween_model .shopbundle_box .bundel_libox .pricebox .probuy{width: 180px;margin-top: 28px;} .halloween_model .titlebox .p1{font-size: 36px;line-height: 36px;} .halloween_model .titlebox .img1{width: 74px;top: -24px;left: -33px;} .halloween_model .titlebox .img2{width: 50px;bottom: -4px;right: -30px;} .halloween_model .subtitle{font-size: 14px;margin-top: 20px;} .wop_page_halloween .halloween_footer{padding: 0px 30px;margin: 60px auto;} .wop_page_halloween .halloween_footer p{font-size: 12px;} .wop_page_halloween .halloween_footer p i{font-size: 18px;margin-right: 14px;} } @media (max-width:825px){ .wop_halloween_topbox .imgbox{display: none;} .wop_halloween_topbox .imgbox_phone{width: 100%;position: relative;padding-top: 98.1%;background-color: #100B08;display: block;} .wop_halloween_topbox .bigimg{width: 100%;height: auto;display: block;position: absolute;left: 0px;top: 0px;} .wop_halloween_topbox .countdown_box{bottom: 100px;} .wop_halloween_topbox .countdown_box img{width: 300px;} .wop_halloween_topbox .countdown_box .numbox{left: 11px;top: 9px;} .wop_halloween_topbox .countdown_box .numbox p{font-size: 48px;width: 55px;height:45px;margin-right: 19px;} .wop_halloween_topbox .countdown_p1{font-size: 14px;bottom: 70px;} .wop_page_halloween{background-repeat:repeat;} .wop_page_halloween .halloween_nav{margin-top: 10px;} .wop_page_halloween .halloween_nav .nav_li{margin-right: 50px;height: 48px;padding: 0px 40px;} .wop_page_halloween .halloween_nav .nav_li .img1{left: -20px;width: 88px;} .wop_page_halloween .halloween_nav .nav_li .img2{right: -27px;bottom: -6px;width: 70px;} .wop_page_halloween .halloween_nav .nav_li .p1{font-size: 18px;} .wop_page_halloween .halloween_model{margin-top: 80px;} .halloween_model .titlebox .p1{font-size: 28px;line-height: 28px;} .halloween_model .titlebox .img1{width: 60px;top: -20px;left: -24px;} .halloween_model .titlebox .img2{width: 40px;bottom: -4px;right: -21px;} .halloween_model .subtitle{font-size: 12px;margin-top: 16px;} .halloween_model .shoplist_box{display: block;white-space: nowrap;overflow-x: scroll;overflow-y: hidden;} .halloween_model .shoplist_box::-webkit-scrollbar {display: none;} .halloween_model .shoplist_box .proli{width: 40%;display: inline-block;margin-bottom: 0px;} .halloween_model .shoplist_box .proli:nth-child(3n){margin-right: 27px;} .halloween_model .shoplist_box .proli:last-child{margin-right: 0px !important;} .halloween_model .shoplist_box .proli_box .bigimg{margin-top: 10px;} .halloween_model .shoplist_box .proli_box .t1{font-size: 20px;line-height: 20px;} .halloween_model .shoplist_box .proli_box .t2{font-size: 16px;line-height: 16px;} .halloween_model .shopbundle_box .bundel_libox{flex-direction: column;align-items: center;} .halloween_model .shopbundle_box .bundel_libox .img1{top: -14%;height: 14%;} .halloween_model .shopbundle_box .bundel_libox .shop_content{width: 100%;} .halloween_model .shopbundle_box .bundel_libox .shop_content .shopbox .p1{font-size: 20px;margin-top: 14px;} .halloween_model .shopbundle_box .bundel_libox .shop_content .add{width: 34px;height: 34px;} .halloween_model .shopbundle_box .bundel_libox .pricebox{flex-direction: row;padding: 30px 20px;width: 100%;justify-content: space-between;} .halloween_model .shopbundle_box .bundel_libox .pricebox .pbox{display: flex;flex-direction: row;align-items: flex-end;flex: 1;justify-content: center;} .halloween_model .shopbundle_box .bundel_libox .pricebox .p1{font-size: 30px;line-height: 30px;} .halloween_model .shopbundle_box .bundel_libox .pricebox .price{margin-top: 0px;margin-left: 16px;} .halloween_model .shopbundle_box .bundel_libox .pricebox .price .sp1{font-size: 26px;line-height: 26px;} .halloween_model .shopbundle_box .bundel_libox .pricebox .price .sp2{font-size: 20px;line-height: 20px;margin-left: 12px;margin-bottom: 2px;} .halloween_model .shopbundle_box .bundel_libox .pricebox .probuy{width: 180px;margin-top: 0px;} .halloween_model .shopbundle_box .bundel_libox2{flex-direction: column-reverse;} .wop_page_halloween .halloween_footer{flex-wrap: wrap;padding: 0px 20px;margin: 60px auto;} .wop_page_halloween .halloween_footer p{line-height: 20px;font-family: 'Quicksand-Regular';margin-bottom: 12px;} .wop_page_halloween .halloween_footer p i{font-size: 18px;margin-right: 6px;} } @media (max-width:480px){ .wop_halloween_topbox .countdown_box{bottom: 30px;} .wop_halloween_topbox .countdown_p1{bottom: 10px;} .wop_halloween_topbox .countdown_box img{width: 240px;} .wop_halloween_topbox .countdown_box .numbox{left: 13px;top: 9px;} .wop_halloween_topbox .countdown_box .numbox p{font-size: 33px;width: 45px;height: 36px;margin-right: 13px;} .wop_halloween_topbox .countdown_p1{font-size: 12px;} .wop_page_halloween .halloween_nav{margin-top: 40px;} .wop_page_halloween .halloween_nav .nav_li{margin-right: 20px;height: 36px;padding: 0px 18px;} .wop_page_halloween .halloween_nav .nav_li .img1{left: -14px;width: 64px;} .wop_page_halloween .halloween_nav .nav_li .img2{right: -20px;bottom: -2px;width: 50px;} .wop_page_halloween .halloween_nav .nav_li .p1{font-size: 12px;} .wop_page_halloween .halloween_model{margin-top: 70px;} .halloween_model .titlebox .p1{font-size: 24px;line-height: 28px;} .halloween_model .titlebox .img1{width: 52px;top: -17px;left: -18px;} .halloween_model .titlebox .img2{width: 34px;bottom: 0px;right: -13px;} .halloween_model2 .titlebox .img1{left: 6px;} .halloween_model2 .titlebox .img2{bottom: 1px;right: 34px;} .halloween_model .subtitle{font-size: 12px;margin-top: 12px;} .halloween_model .shoplist_box{margin: 40px auto 0px;padding: 0px 16px;} .halloween_model .shoplist_box .proli{width: 74%;margin-right: 16px;} .halloween_model .shoplist_box .proli:nth-child(3n){margin-right: 16px;} .halloween_model .shoplist_box .proli_box{padding: 40px 12px 35px;} .halloween_model .shoplist_box .proli_box .tip_img1{right: -18px;top: -36px;width: 100px;} .halloween_model .shoplist_box .proli_box .wp-pro-tipbox{font-size: 16px;line-height: 16px;top: 19px;right: 9px;} .halloween_model .shoplist_box .proli_box .colorbox{left: 12px;top: 19px;width: 56%;z-index: 20;} .halloween_model .shoplist_box .proli_box .colorbox li{margin-right: 6px;margin-bottom: 4px;} .halloween_model .shoplist_box .proli_box .colorbox li span{width: 12px;height: 12px;} .halloween_model .shoplist_box .proli_box .t1{font-size: 16px;line-height: 16px;margin-top: 4px;} .halloween_model .shoplist_box .proli_box .t2{font-size: 14px;line-height: 14px;} .halloween_model .shoplist_box .proli_box .pricebox{margin-top: 16px;} .halloween_model .shoplist_box .proli_box .pricebox .p1{font-size: 24px;line-height: 24px;} .halloween_model .shoplist_box .proli_box .pricebox .p2{font-size: 16px;line-height: 16px;margin-left: 6px;margin-bottom: 2px;} .halloween_model .shoplist_box .proli_box .cartbox img{width: 160px;} .halloween_model .shopbundle_box{margin: 40px auto 0px;padding: 0px 16px;} .halloween_model .shopbundle_box .shopbundle_box_con{padding: 30px 16px;border-radius: 16px;} .halloween_model .shopbundle_box .t1{font-size: 17px;line-height: 22px;margin-bottom: 40px;} .halloween_model .shopbundle_box .bundel_libox{margin-bottom: 60px;} .halloween_model .shopbundle_box .bundel_libox .img1{top: -10%;height: 10%;} .halloween_model .shopbundle_box .bundel_libox .shop_content{width: 100%;padding: 20px 12px;border-radius: 16px;} .halloween_model .shopbundle_box .bundel_libox .shop_content .shopbox .bigimg{max-width: 140px;max-height: 140px;} .halloween_model .shopbundle_box .bundel_libox .shop_content .shopbox .p1{font-size: 12px;margin-top: 4px;white-space:normal;padding: 0px 10px;} .halloween_model .shopbundle_box .bundel_libox .shop_content .add{width: 20px;height: 20px;} .halloween_model .shopbundle_box .bundel_libox .shop_content .free{width: 60px;height: 60px;top: 0;right: 0;} .halloween_model .shopbundle_box .bundel_libox .pricebox{padding: 20px 12px;flex-direction: column;} .halloween_model .shopbundle_box .bundel_libox .pricebox .p1{display: none;} .halloween_model .shopbundle_box .bundel_libox .pricebox .p1-phone{display: block;font-size: 20px;line-height: 20px;color: #fff;font-family: 'Sans_Black';} .halloween_model .shopbundle_box .bundel_libox .pricebox .price{margin-top: 0px;margin-left: 12px;} .halloween_model .shopbundle_box .bundel_libox .pricebox .price .sp1{font-size: 20px;line-height: 20px;} .halloween_model .shopbundle_box .bundel_libox .pricebox .price .sp2{font-size: 12px;line-height: 12px;margin-left: 8px;margin-bottom: 2px;} .halloween_model .shopbundle_box .bundel_libox .pricebox .price .sp2::after{bottom: 4px;} .halloween_model .shopbundle_box .bundel_libox .pricebox .probuy{width: 160px;margin-top: 12px;} .wop_page_halloween .halloween_footer{margin: 40px auto;} .wop_page_halloween .halloween_footer p{line-height: 18px;margin-bottom: 10px;} .wop_page_halloween .halloween_footer p i{font-size: 12px;margin-right: 4px;} } /* 黑五活动页面 */ .wop_blackfri{width: 100%;overflow: hidden;} .wop_blackfri_topbox{width: 100%;position: relative;} .wop_blackfri_topbox .imgbox{width: 100%;position: relative;padding-top: 46.87%;background-color: #1B1A19;} .wop_blackfri_topbox .bigimg{width: 100%;height: auto;display: block;position: absolute;left: 0px;top: 0px;} .wop_blackfri_topbox .imgbox_phone{display: none;} .wop_blackfri_topbox .countdown_p1{position: absolute;width: 100%;left: 0px;bottom: 30px;font-size: 16px;text-align: center; color: #fff;font-family: 'Sans_Light';} .wop_page_blackfri{width: 100%;display: flex;flex-direction: column;background-color: #111111;} .wop_page_blackfri .blackfri_model{width: 100%;margin-top: 70px;display: flex;flex-direction: column;align-items: center;justify-content: center;} .blackfri_model .titlebox{position: relative;display: flex;flex-direction: column;padding: 0px 20px;} .blackfri_model .titlebox .p1{font-size: 60px;color: #F3B174;font-family: 'Sans_Medium';line-height: 72px;text-align: center;} .blackfri_model .titlebox .p2{font-size: 21px;color: #FFFFFF;font-family: 'Sans_Regular';line-height: 32px;text-align: center;} .blackfri_model .titlebox .p2_top{margin-top: 40px;} .blackfri_model .store_box{margin-top: 50px;padding: 0px 8px 8px;border-bottom: 1px solid #fff;font-size: 21px;font-family: 'Sans_Regular';color: #fff;} .blackfri_model .store_box span{font-size: 35px;color: #F3B174;font-family: 'Sans_Bold';padding: 0px 6px;} .blackfri_model .shoplist_box{width: 100%;margin: 80px auto 40px;max-width: 1160px;padding: 0px 40px;display: flex;flex-direction: row;justify-content: space-between;align-items: center;position: relative;} .blackfri_model .shoplist_box .shoplist_boxcon{width: 100%;display: flex;flex-direction: row;justify-content: space-between;align-items: center;} .blackfri_model .shoplist_box .proli{width: calc(33.33% - 30px);height: 500px;display: flex;flex-direction: column;align-items: center;justify-content: center;margin-right: 45px;position: relative;} .blackfri_model .shoplist_box .proli:last-child{margin-right: 0px;} .blackfri_model .shoplist_box .proli .giftli_box{width: 226px;height: 316px;position: relative;cursor: pointer;} .blackfri_model .shoplist_box .proli .giftli_box .pick_me{width: 120px;height: auto;position: absolute;top: -40px;right: 0px;opacity: 0;z-index: 5;} .blackfri_model .shoplist_box .proli .giftli_box.jump2 .pick_me{animation: pickme_scale 2s ease;} @keyframes pickme_scale { 0% { transform: scale(0);opacity: 0; } 50% { transform: scale(0);opacity: 0; } 100% { transform: scale(1);opacity: 1; } } .blackfri_model .shoplist_box .proli .giftli_box .img1{width: 100%;height: 100%;z-index: 10;position: relative;display: flex;flex-direction: column;align-items: center;justify-content: center;} .blackfri_model .shoplist_box .proli .giftli_box .img1 .lid{position: absolute;top: 40px;left: -1px;z-index: 5;height: auto;} .blackfri_model .shoplist_box .proli .giftli_box .img1 .box{position: absolute;bottom: 0px;left: 0px;height: auto;} .blackfri_model .shoplist_box .proli .giftli_box.jump .img1{animation: gift_jump 1s ease-in-out;} @keyframes gift_jump { 0% { transform: translateY(0px); } 25% { transform: translateY(-40px); } 50% { transform: translateY(0px); } 75% { transform: translateY(-40px); } 100% { transform: translateY(0px); } } .blackfri_model .shoplist_box .proli .giftli_box .img2{width: 150%;height: auto;position: absolute;left: -25%;top: 20px;opacity: 0;} .blackfri_model .shoplist_box .proli .giftli_box.jump .img2{animation: gift_jump 1s ease-in-out;} .blackfri_model .shoplist_box .proli .giftli_box:hover .pick_me{transform: scale(1);opacity: 1;} .blackfri_model .shoplist_box .proli .giftli_box:hover .img1{transform: translateY(0px);} .blackfri_model .shoplist_box .proli .giftli_box:hover .img2{opacity: 1;transform: translateY(0px);} .blackfri_model .shoplist_box .proli .giftli_box.rotate .img1{animation: giftbox_rotate 1s ease-in-out;} .blackfri_model .shoplist_box .proli .giftli_box.rotate .img1 .lid{animation: giftlid_rotate 4s ease-in-out;} @keyframes giftbox_rotate { 0% { transform: rotate(0deg); } 25% { transform: rotate(-24deg); } 70% { transform: rotate(24deg); } 100% { transform: rotate(0deg); } } @keyframes giftlid_rotate { 0% { transform: rotate(0deg); } 25% { transform: rotate(0deg); } 50% { transform: rotate(38deg) translate(-14px,-66px); } 100% { transform: rotate(38deg) translate(-14px,-66px); } } .blackfri_model .shoplist_box .proli .proli_box{width: 80%;border-radius: 8px;background: #fff;display: none;flex-direction: column;align-items: center;padding: 40px 16px 30px;position: absolute;left: 10%;top: 0px;z-index: 10;} .blackfri_model .shoplist_box .proli .proli_box .wp-pro-tipbox{width: 94px;height: 24px;position: absolute;left: 12px;top: 20px;background: #F3B174;border-radius: 50px;display: flex;flex-direction: row;align-items: center;} .blackfri_model .shoplist_box .proli .proli_box .wp-pro-tipbox .p1{font-size: 36px;line-height: 36px;color: #000000;font-family: 'Sans_Bold';position: absolute;left: 10px;bottom: 4px;letter-spacing: -2px;} .blackfri_model .shoplist_box .proli .proli_box .wp-pro-tipbox .off_box{width: 50px;height: auto;position: absolute;left: 43px;bottom: 0px;} .blackfri_model .shoplist_box .proli .proli_box .bgimg {width: 150%;height: 140%;position: absolute;left: -25%;top: -20%;} .blackfri_model .shoplist_box .proli .proli_box.scale{animation: procard_scale 0.5s ease-in-out;} .blackfri_model .shoplist_box .proli .proli_box.scale .bgimg{animation: procard_scale2 1.5s ease-in-out;} @keyframes procard_scale { 0% { transform: scale(0);opacity: 0; } 100% { transform: scale(1);opacity: 1; } } @keyframes procard_scale2 { 0% { transform: scale(0);opacity: 0; } 30% { transform: scale(0);opacity: 0; } 100% { transform: scale(1);opacity: 1; } } .blackfri_model .shoplist_box .proli .proli_box .bigimg{width: 90%;z-index: 10;} .blackfri_model .shoplist_box .proli .proli_box .bigimg .col1{width: 100%;height: auto;} .blackfri_model .shoplist_box .proli .proli_box .t1{z-index: 10;width: 100%;font-size: 16px;color: #000000;text-align: center;font-family: 'Sans_Bold';white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .blackfri_model .shoplist_box .proli_box .pricebox{z-index: 10;margin-top: 14px;display: flex;flex-direction: row;align-items: flex-end;} .blackfri_model .shoplist_box .proli_box .pricebox .p1{font-size: 21px;line-height: 21px;color: #000000;font-family: 'Sans_Bold';} .blackfri_model .shoplist_box .proli_box .pricebox .p2{font-size: 14px;line-height: 14px;color: #000000;font-family: 'Sans_Regular';margin-left: 6px;margin-bottom: 2px;text-decoration: line-through;} .blackfri_model .shoplist_box .proli_box .copybox{width: 80%;border-radius: 8px;background: #F5EBDF;padding: 5px 6px;display: flex;flex-direction: row;align-items: center;justify-content: space-between;margin-top: 30px;z-index: 10;} .blackfri_model .shoplist_box .proli_box .copybox .p1{font-size: 15px;color: #000000;font-family: 'Sans_Regular';margin-left: 6px;} .blackfri_model .shoplist_box .proli_box .copybox .wop_copy_btn{padding: 4px 8px;background: #ea5504;font-size: 12px;line-height: 16px;color: #fff;font-family: 'Sans_Regular';border-radius: 4px;cursor: pointer;} .blackfri_model .shoplist_box .proli_box .probuy{width: 64%;height: 36px;border-radius: 50px;background: #ea5504;border: 1px solid #ea5504;font-size: 16px;color: #fff;font-family: 'Sans_Regular';text-align: center;line-height: 36px;cursor: pointer;margin-top: 20px;transition: all 0.5s ease-in-out;z-index: 10;} .blackfri_model .shoplist_box .proli_box .probuy:hover{background: #fff;color: #ea5504;} .blackfri_model .shoplist_box .change_box{display: none;} .blackfri_model .attention_box{padding: 0px 40px;display: flex;flex-direction: column;margin-bottom: 50px;} .blackfri_model .attention_box .p1{font-size: 14px;color: #FFFFFF;opacity: 0.68;font-family: 'Sans_Regular';line-height: 24px;} .blackfri_model .attention_box .title{font-size: 18px;margin-bottom: 10px;} .blackfri_model .calendar_box{width: 100%;margin: 80px auto 90px;max-width: 940px;padding: 0px 40px;display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;align-items: center;} .blackfri_model .calendar_box .boxli{width: 180px;height: 180px;position: relative;opacity: 0.6;} .blackfri_model .calendar_box .boxli img{width: 100%;height: 100%;} .blackfri_model .calendar_box .datebox{position: absolute;left: 14px;top: 40px;font-size: 16px;color: #fff;font-family: 'Sans_Regular';} .blackfri_model .calendar_box .offbox{position: absolute;left: 0px;bottom: 0px;width: 100%;height: 86px;display: flex;flex-direction: column;align-items: center;justify-content: center;} .blackfri_model .calendar_box .offbox .p1{font-size: 28px;line-height: 28px;color: #000000;font-family: 'Sans_Black';} .blackfri_model .calendar_box .offbox .p2{font-size: 18px;line-height: 18px;color: #000000;font-family: 'Sans_Regular';margin-top: 6px;} .blackfri_model .calendar_box .boxli_big{width: 220px;height: 220px;opacity: 1;} .blackfri_model .calendar_box .boxli_big .offbox{height: 110px;} .blackfri_model .calendar_box .boxli_big .datebox{font-size: 18px;left: 20px;top: 50px;} .blackfri_model .calendar_box .boxli_big .offbox .p1{font-size: 34px;line-height: 34px;} .blackfri_model .calendar_box .boxli_big .offbox .p2{font-size: 20px;line-height: 20px;} .blackfri_model .coupon_box{width: 100%;max-width: 1180px;padding: 0px 40px;display: flex;flex-direction: row;justify-content: space-between;} .blackfri_model .coupon_box .leftbox{width: 616px;height: auto;} .blackfri_model .coupon_box .rightbox{display: flex;flex-direction: column;align-items: center;margin-top: 110px;} .blackfri_model .coupon_box .rightbox .coupon_card{width: 360px;height: auto;} .blackfri_model .coupon_box .rightbox .wop_copy_btn{margin-top: 28px;width: 290px;height: 56px;border-radius: 50px;background: #F3B174;display: flex;align-items: center;justify-content: center;font-size: 18px;color: #2A2A2A;font-family: 'Sans_Bold';cursor: pointer;transition: all 0.5s ease-in-out;} .blackfri_model .coupon_box .rightbox .wop_copy_btn:hover{transform: scale(1.02);} .blackfri_model .coupon_box .rightbox .tip_text{margin-top: 22px;font-size: 14px;color: #FFFFFF;} .wop_page_blackfri .blackfri_footer{width: 100%;margin: 0px auto 100px;max-width: 1280px;padding: 0px 40px;display: flex;flex-direction: row;justify-content: space-between;opacity: 0.68;} .wop_page_blackfri .blackfri_footer p{font-size: 14px;line-height: 20px;color: #fff;font-family: 'Quicksand-Bold';display: flex;align-items: center;} .wop_page_blackfri .blackfri_footer p i{display: block;font-size: 22px;margin-right: 20px;font-family: 'Sans_Light';} @media (max-width:1440px){ .wop_blackfri_topbox .countdown_p1{font-size: 14px;bottom: 20px;} .blackfri_model .titlebox .p1{font-size: 48px;line-height: 48px;} .blackfri_model .titlebox .p2{font-size: 18px;line-height: 28px;} .blackfri_model .titlebox .p2_top{margin-top: 30px;} .blackfri_model .store_box{margin-top: 40px;font-size: 18px;} .blackfri_model .store_box span{font-size: 28px;} .wop_page_blackfri .blackfri_footer{max-width: 1280px;} .wop_page_blackfri .blackfri_footer p i{margin-right: 14px;} } @media(max-width:1080px){ .blackfri_model .titlebox .p1{font-size: 36px;line-height: 36px;} .blackfri_model .titlebox .p2{font-size: 16px;line-height: 24px;} .blackfri_model .titlebox .p2_top{margin-top: 24px;} .blackfri_model .store_box{margin-top: 34px;font-size: 16px;} .blackfri_model .store_box span{font-size: 24px;} .blackfri_model .shoplist_box .proli_box .copybox{width: 90%;} .blackfri_model .shoplist_box .proli_box .copybox .p1{font-size: 14px;} .blackfri_model .shoplist_box .proli .proli_box .wp-pro-tipbox .p1{font-size: 30px;line-height: 30px;left: 14px;bottom: 6px;} .blackfri_model .shoplist_box .proli .proli_box .wp-pro-tipbox .off_box{left: 42px;bottom: 2px;} .blackfri_model .shoplist_box .proli{width: calc(33.33% - 20px);margin-right: 30px;} .blackfri_model .calendar_box{margin: 60px auto 70px;} .blackfri_model .coupon_box{justify-content: center;} .blackfri_model .coupon_box .leftbox{width: 540px;} .blackfri_model .coupon_box .rightbox{margin-top: 100px;} .blackfri_model .coupon_box .rightbox .coupon_card{width: 280px;} .blackfri_model .coupon_box .rightbox .wop_copy_btn{width: 240px;height: 48px;} .wop_page_blackfri .blackfri_footer{padding: 0px 30px;margin: 0px auto 60px;} .wop_page_blackfri .blackfri_footer p{font-size: 12px;} .wop_page_blackfri .blackfri_footer p i{font-size: 18px;margin-right: 14px;} } @media (max-width:825px){ .wop_blackfri_topbox .imgbox{display: none;} .wop_blackfri_topbox .imgbox_phone{width: 100%;position: relative;padding-top: 127.46%;background-color: #100B08;display: block;} .wop_blackfri_topbox .bigimg{width: 100%;height: auto;display: block;position: absolute;left: 0px;top: 0px;} .wop_blackfri_topbox .countdown_p1{font-size: 14px;bottom: 40px;} .wop_page_blackfri .blackfri_model{margin-top: 60px;} .blackfri_model .titlebox{padding: 0px 40px;} .blackfri_model .titlebox .p1{font-size: 28px;line-height: 34px;} .blackfri_model .titlebox .p2{font-size: 18px;line-height: 24px;} .blackfri_model .titlebox .p2_top{margin-top: 20px;} .blackfri_model .attention_box .p1{font-size: 16px;} .blackfri_model .attention_box .title{font-size: 18px;} .blackfri_model .store_box{margin-top: 30px;font-size: 18px;} .blackfri_model .store_box span{font-size: 24px;} .blackfri_model .shoplist_box .proli{width: calc(33.33% - 16px);margin-right: 24px;} .blackfri_model .shoplist_box .proli .proli_box{width: 100%;left: 0;} .blackfri_model .shoplist_box .proli .giftli_box{width: 200px;height: 279px;} .blackfri_model .shoplist_box .proli .giftli_box .pick_me{width: 100px;top: -30px;} .blackfri_model .shoplist_box .proli .giftli_box .img1 .lid{width: 100%;top: 32px;} .blackfri_model .shoplist_box .proli .giftli_box .img1 .box{width: 100%;} .blackfri_model .shoplist_box .proli .giftli_box .img2{width: 120%;left: -10%;} .blackfri_model .shoplist_box .proli_box .copybox{width: 90%;} .blackfri_model .shoplist_box .proli_box .copybox .p1{font-size: 13px;} .blackfri_model .shoplist_box .proli_box .copybox .wop_copy_btn{padding: 4px 6px;} .blackfri_model .shoplist_box .proli_box .probuy{width: 80%;} .blackfri_model .calendar_box{margin: 60px auto 40px;} .blackfri_model .coupon_box{flex-direction: column;margin-bottom: 80px;align-items: center;} .blackfri_model .coupon_box .leftbox{width: 460px;} .blackfri_model .coupon_box .rightbox{margin-top: -70px;} .wop_page_blackfri .blackfri_footer{flex-wrap: wrap;padding: 0px 40px;margin: 0px auto 60px;} .wop_page_blackfri .blackfri_footer p{line-height: 20px;font-family: 'Quicksand-Regular';margin-bottom: 12px;} .wop_page_blackfri .blackfri_footer p i{font-size: 18px;margin-right: 6px;} } @media (max-width:480px){ .wop_blackfri_topbox .countdown_p1{bottom: 12px;font-size: 12px;} .wop_page_blackfri .blackfri_model{margin-top: 40px;} .blackfri_model .titlebox{padding: 0px 16px;} .blackfri_model .titlebox .p1{font-size: 20px;line-height: 26px;} .blackfri_model .titlebox .p2{font-size: 12px;line-height: 18px;display: none;} .blackfri_model .titlebox .p2_top{margin-top: 14px;display: block;} .blackfri_model .store_box{margin-top: 18px;font-size: 14px;padding: 0px 4px 2px;} .blackfri_model .store_box span{font-size: 22px;padding: 0px 2px;} .blackfri_model .shoplist_box{margin: 40px auto;padding: 0px 0px;max-width: 100%;} .blackfri_model .shoplist_box::-webkit-scrollbar {display: none;} .blackfri_model .shoplist_box .proli{width: 100%;margin-right: 0px;height: 460px;} .blackfri_model .shoplist_box .proli .giftli_box{height: 280px;margin: 90px auto;z-index: 10;} .blackfri_model .shoplist_box .proli .proli_box{width: 66%;margin-left: 17%;} .blackfri_model .shoplist_box .change_box{width: 100%;padding: 0px 16px;display: flex;flex-direction: row;align-items: center;justify-content: space-between;position: absolute;left: 0px;top: 50%;margin-top: -18px;} .blackfri_model .shoplist_box .change_box .btnbox{width: 36px;height: 36px;border-radius: 50px;border: 1px solid #F3B174;font-size: 14px;color: #F3B174;display: flex;align-items: center;justify-content: center;} .blackfri_model .shoplist_box .change_box .btnbox.swiper-button-disabled{border: 1px solid #A8A8A8;color: #A8A8A8;opacity: 1;} .blackfri_model .shoplist_box .change_box .swiper-button-prev{transform: rotate(180deg);left: 16px;} .blackfri_model .shoplist_box .change_box .swiper-button-next{right: 16px;} .blackfri_model .shoplist_box .change_box .btnbox:after{display: none;} .blackfri_model .shoplist_box .proli .proli_box .bgimg{width: 140%;left: -20%;} .blackfri_model .shoplist_box .proli_box .copybox .p1{font-size: 15px;} .blackfri_model .shoplist_box .proli_box .copybox .wop_copy_btn{padding: 4px 8px;font-size: 14px;} .blackfri_model .shoplist_box .proli .proli_box .wp-pro-tipbox{width: 83px;height: 22px;} .blackfri_model .shoplist_box .proli .proli_box .wp-pro-tipbox .p1{font-size: 26px;line-height: 26px;left: 12px;bottom: 6px;letter-spacing: -1px;} .blackfri_model .shoplist_box .proli .proli_box .wp-pro-tipbox .off_box{left: 36px;bottom: 1px;} .blackfri_model .shoplist_box .proli .giftli_box.jump2 .pick_me{animation: pickme_scale2 3s infinite ease;} @keyframes pickme_scale2 { 0% { transform: scale(0);opacity: 0; } 40% { transform: scale(0);opacity: 0; } 100% { transform: scale(1);opacity: 1; } } .blackfri_model .shoplist_box .proli .giftli_box.jump .img1{animation: gift_jump2 3s infinite ease-in-out;} @keyframes gift_jump2 { 0% { transform: translateY(0px); } 10% { transform: translateY(-40px); } 20% { transform: translateY(0px); } 30% { transform: translateY(-40px); } 40% { transform: translateY(0px); } 100% { transform: translateY(0px); } } .blackfri_model .attention_box{padding: 0px 16px;margin-bottom: 20px;} .blackfri_model .attention_box .title{font-size: 14px;margin-bottom: 6px;} .blackfri_model .attention_box .p1{font-size: 12px;line-height: 18px;} .blackfri_model .calendar_box{margin: 40px auto 0px;justify-content:center;} .blackfri_model .calendar_box .boxli{margin-bottom: 20px;width: 140px;height: 140px;} .blackfri_model .calendar_box .boxli:nth-child(1){margin-right: 12px;} .blackfri_model .calendar_box .datebox{font-size: 12px;top: 30px;} .blackfri_model .calendar_box .offbox{height: 66px;} .blackfri_model .calendar_box .offbox .p1{font-size: 22px;line-height: 22px;} .blackfri_model .calendar_box .offbox .p2{font-size: 12px;line-height: 12px;} .blackfri_model .calendar_box .boxli_big{width: 184px;height: 184px;} .blackfri_model .calendar_box .boxli_big .datebox{font-size: 14px;left: 16px;top: 40px;} .blackfri_model .calendar_box .boxli_big .offbox{height: 80px;} .blackfri_model .calendar_box .boxli_big .offbox .p1{font-size: 28px;line-height: 28px;} .blackfri_model .calendar_box .boxli_big .offbox .p2{font-size: 16px;line-height: 16px;} .blackfri_model .coupon_box{padding: 0px 16px;} .blackfri_model .coupon_box .leftbox{width: 100%;padding-left: 20px;} .blackfri_model .coupon_box .rightbox{margin-top: -40px;} .blackfri_model .coupon_box .rightbox .coupon_card{width: 210px;} .blackfri_model .coupon_box .rightbox .wop_copy_btn{width: 200px;height: 42px;font-size: 15px;} .blackfri_model .coupon_box .rightbox .tip_text{margin-top: 8px;font-size: 12px;} .wop_page_blackfri .blackfri_footer{margin: 0px auto 30px;padding: 0px 16px;} .wop_page_blackfri .blackfri_footer p{line-height: 16px;margin-bottom: 10px;} .wop_page_blackfri .blackfri_footer p i{font-size: 12px;margin-right: 4px;} } /* 圣诞节页面 */ .wop_christmas{width: 100%;overflow: hidden;background: #F3EDE6;} .wop_christmas .green{color: #00704D;} .wop_christmas .red{color: #C5383E;} .wop_christmas_topbox{width: 100%;position: relative;} .wop_christmas_topbox .imgbox{width: 100%;position: relative;padding-top: 46.56%;} .wop_christmas_topbox .bigimg{width: 100%;height: auto;display: block;position: absolute;left: 0px;top: 0px;} .wop_christmas_topbox .imgbox_phone{display: none;} .wop_christmas_topbox .textbox{width: 100%;position: absolute;left: 0px;top: 100px;display: flex;flex-direction: column;align-items: center;} .wop_christmas_topbox .textbox .title{font-size: 50px;line-height: 50px;color: #2E2E2E;font-family:'Sans_Black';text-align: center;} .wop_christmas_topbox .textbox .subtitle{width: 990px;font-size: 18px;line-height: 26px;text-align: center; color: #2E2E2E;font-family: 'Sans_Regular';margin-top: 24px;} .wop_christmas_topbox .textbox .subtitle span{font-family:'Sans_Black';} .wop_christmas_topbox .textbox .subtitle_phone{display: none;} .wop_christmas_topbox .countdown_p1{position: absolute;width: 100%;left: 0px;bottom: 22px;font-size: 18px;text-align: center; color: #fff;font-family: 'Sans_Blod';} .wop_christmas_topbox .countdown_box{position: absolute;left: 50%;bottom: 60px;transform: translateX(-50%);display: flex;flex-direction: row;align-items: center;z-index: 6;background: rgba(243,237,230,0.6);border-radius: 10px;} .wop_christmas_topbox .countdown_box div{min-width: 100px;padding: 8px 0px;display: flex;flex-direction: column;align-items: center;position: relative;} .wop_christmas_topbox .countdown_box div::before{content: '';position: absolute;top: 50%;right: 0px;width: 1px;height: 52px;background: #fff;transform: translateY(-50%);} .wop_christmas_topbox .countdown_box div:last-child::before{display: none;} .wop_christmas_topbox .countdown_box div .num{font-size: 60px;line-height: 60px;color: #C5383E;font-family:'LED';} .wop_christmas_topbox .countdown_box div .p1{font-size: 12px;line-height: 16px;color: #00704D;font-family:'Sans_Black';margin-top: 4px;letter-spacing: 2px;} .wop_page_christmas{width: 100%;display: flex;flex-direction: column;} .wop_page_christmas .christmas_model{width: 100%;margin-top: 80px;display: flex;flex-direction: column;align-items: center;justify-content: center;} .christmas_model .titlebox{position: relative;display: flex;flex-direction: column;margin: 0px 40px;z-index: 2;} .christmas_model .titlebox .p1{font-size: 42px;color: #2E2E2E;font-family: 'Sans_Black';line-height: 52px;text-align: center;} .christmas_model .titlebox .img1{width: 99px;height: auto;position: absolute;top: -25px;right: -100px;} .christmas_giftbox .giftbox_content{width: 100%;margin: 72px auto 0px;max-width: 1280px;padding: 0px 40px;display: flex;flex-direction: row;justify-content: end;position: relative;} .christmas_giftbox .giftbox_content .giftbox_bg{width: 100%;} .christmas_giftbox .giftbox_content .giftbox_bg img{width: 100%;height: auto;display: block;} .christmas_giftbox .giftbox_content .giftbox_bg .phone_img{display: none;} .christmas_giftbox .giftbox_content .img_icon{position: absolute;right: -9px;bottom: -52px;width: 98px;height: auto;z-index: 10;} .christmas_giftbox .giftbox_content .giftbox_right{width: 50%;height: 100%;display: flex;flex-direction: column;justify-content: center;position: absolute;top: 0px;right: 40px;z-index: 10;padding: 0px 78px;} .christmas_giftbox .giftbox_content .giftbox_right .p1{width: 100%;font-family:'Sans_Black';font-size: 45px;line-height: 45px;text-align: left;margin-bottom: 23px;} .christmas_giftbox .giftbox_content .giftbox_right .p2{font-family:'Sans_Regular';font-size: 21px;color: #2E2E2E;line-height: 34px;} .christmas_giftbox .giftbox_content .giftbox_right .p2 span{font-family:'Sans_Black';} .christmas_giftbox .giftbox_content .giftbox_right .christmas_subscribe_inp{width: 376px;height: 54px;border: 1px solid #2E2E2E;border-radius: 50px;display: flex;flex-direction: row;align-items: center;justify-content: space-between;margin-top: 38px;padding: 6px 9px;background: #F7F7F7;} .christmas_giftbox .christmas_subscribe_inp .inpbox{flex: 1;height: 100%;font-size: 16px;color: #2E2E2E;padding: 0px 10px;text-align: left;border-radius: 50px;background: #F7F7F7;} .christmas_giftbox .christmas_subscribe_inp .christmas_subscribe_btn{width: 160px;height: 100%;border: unset;background: #EB612A;border: 1px solid #EB612A;font-size: 18px;color: #fff;font-family:'Sans_Blod';cursor: pointer;border-radius: 50px;} .christmas_giftbox .christmas_subscribe_inp .christmas_subscribe_btn:hover{color: #EB612A;background: #fff;} .wop_global_popupbox_christmaspop .wop_global_popupbox_overlay{background: none;} .wop_global_popupbox_christmaspop .wop_global_popupbox_close{width: 26px !important;height: 28px !important;} .wop_global_popupbox_christmaspop .wop_global_popupbox_close img{width: 100%;height: auto;} .wop_global_popupbox_christmaspop .wop_global_popupbox_close::before{display: none;} .wop_global_popupbox_christmaspop .wop_global_popupbox_close::after{display: none;} .wop_global_popupbox_christmaspop .wop_christmaspop_con{width: 670px;height: 510px;flex-direction: column;padding: 0px 80px;justify-content: center;background-image: url('/webfile/index/img/christmas/pc_popbg.png');background-size: 100% 100%;background-repeat: no-repeat;background-color: inherit;border-radius: 20px;} .wop_global_popupbox_christmaspop .wop_christmaspop_con .pop_content{width: 100%;display: flex;flex-direction: column;} .wop_global_popupbox_christmaspop .pop_content .p1{font-size: 30px;color: #FFFFFF;font-family: 'Sans_Black';line-height: 30px;text-align: center;margin-bottom: 20px;} .wop_global_popupbox_christmaspop .pop_content .p2{font-size: 16px;color: #FFFFFF;font-family: 'Sans_Regular';line-height: 28px;} .wop_global_popupbox_christmaspop .wop_christmaspop_con .pop_bottom{width: 90%;display: flex;flex-direction: column;align-items: center;margin: 30px auto 0px;} .wop_global_popupbox_christmaspop .pop_bottom .copy_box{width: 100%;height: 50px;border: 1px solid #ffffff;border-radius: 50px;display: flex;flex-direction: row;align-items: center;justify-content: space-between;padding: 5px 5px;} .wop_global_popupbox_christmaspop .pop_bottom .copy_box .p1{flex: 1;font-size: 16px;color: #ffffff;font-family: 'Sans_Regular';text-align: center;} .wop_global_popupbox_christmaspop .pop_bottom .copy_box .p1 span{margin-left: 12px;font-family: 'Sans_Black';} .wop_global_popupbox_christmaspop .pop_bottom .copy_box .wop_copy_btn{width: 100px;height: 40px;line-height: 40px;background: #EB612A;font-size: 16px;color: #fff;font-family:'Sans_Regular';cursor: pointer;border-radius: 50px;text-align: center;} .wop_global_popupbox_christmaspop .pop_bottom .btn_box{width: 100%;display: flex;flex-direction: row;align-items: center;justify-content: space-between;margin-top: 20px;} .wop_global_popupbox_christmaspop .pop_bottom .btn_box .pop_shopping{width: 200px;height: 50px;display: flex;align-items: center;justify-content: center;font-size: 16px;color: #ffffff;font-family:'Sans_Regular';border: 1px solid #e6e6e6;border-radius: 50px;cursor: pointer;} .wop_global_popupbox_christmaspop .pop_bottom .btn_box .pop_buynow{width: 200px;height: 53px;display: flex;align-items: center;justify-content: center;font-size: 16px;color: #fff;font-family:'Sans_Blod';border-radius: 50px;cursor: pointer;background-image: url('/webfile/index/img/christmas/bugnow.png');background-size: 100% auto;background-repeat: no-repeat;} .christmas_model .shoplist_box{width: 100%;margin: 92px 40px 0px;max-width: 1200px;position: relative;} .christmas_model .shoplist_box .shoplist_boxcon{width: 100%;padding:33px 30px;display: flex;flex-direction: row;flex-wrap: wrap;background: rgba(247, 247, 247, 0.8);border-radius: 30px;z-index: 10;position: relative;} .christmas_model .shoplist_box .bg_icon3{position: absolute;left: -40px;top: -50px;width: 118px;height: auto;z-index: 20;} .christmas_model .shoplist_box .bg_icon4{position: absolute;right: -60px;top: 130px;width: 82px;height: auto;} .christmas_model .shoplist_box .bg_icon5{position: absolute;left: -160px;bottom: 0px;width: 218px;height: auto;} .christmas_model .shoplist_box .bg_icon8{position: absolute;right: -40px;top: -50px;width: 118px;height: auto;z-index: 20;} .christmas_model .shoplist_box .bg_icon6{position: absolute;left: -190px;bottom: 0px;width: 251px;height: auto;} .christmas_model .shoplist_box .bg_icon7{position: absolute;right: -240px;bottom: -60px;width: 364px;height: auto;} .christmas_model .shoplist_box .proli{width: calc(33.33% - 24px);margin-right: 36px;border-radius: 30px;background: #FFFFFF;} .christmas_model .shoplist_box .proli:nth-child(3n){margin-right: 0px;} .christmas_model .shoplist_box .proli_box{width: 100%;display: flex;flex-direction: column;align-items: center;position: relative;padding: 90px 24px 16px;} .christmas_model .shoplist_box .proli_box .bigimg{width: 100%;height: auto;cursor: pointer;z-index: 10;position: relative;padding-top: 100%;display: block;} .christmas_model .shoplist_box .proli_box .bigimg img{display: block;width: 100%;height: auto;transition: all 1s ease 0s;position: absolute;left: 0px;top: 0px;} .christmas_model .shoplist_box .proli_box .bigimg:hover img{transform: scale(1.1);} .christmas_model .shoplist_box .proli_box .wp-pro-tipbox{width: 76px;height: 84px;position: absolute;top: 24px;left:24px;z-index: 10;background-image: url('/webfile/index/img/christmas/discount_bg.png');background-size: 100% 100%;background-repeat: no-repeat;display: flex;flex-direction: row;align-items: center;justify-content: center;} .christmas_model .shoplist_box .proli_box .wp-pro-tipbox .p1{font-size: 24px;line-height: 24px;color: #fff;font-family: 'Sans_Bold';margin-top: 10px;} .christmas_model .shoplist_box .proli_box .wp-pro-tipbox .off_box{display: flex;flex-direction: column;margin-left: 2px;margin-top: 10px;} .christmas_model .shoplist_box .proli_box .wp-pro-tipbox .off_box p{font-size: 10px;line-height: 10px;font-family: 'Sans_Medium';color: #fff;} .christmas_model .shoplist_box .proli_box .t1{width: 100%;height: 24px;font-size: 24px;line-height: 24px;color: #2E2E2E;text-align: center;margin-top: 20px;font-family: 'Sans_Bold';white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .christmas_model .shoplist_box .proli_box .t2{width: 100%;height: 24px;font-size: 16px;line-height: 24px;color: #2E2E2E;text-align: center;margin-top: 15px;font-family: 'Sans_Regular';white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .christmas_model .shoplist_box .proli_box .pricebox{margin-top: 35px;display: flex;flex-direction: row;align-items: flex-end;} .christmas_model .shoplist_box .proli_box .pricebox .p1{font-size: 30px;line-height: 30px;color: #C5383E;font-family: 'Sans_Bold';} .christmas_model .shoplist_box .proli_box .pricebox .p2{font-size: 17px;line-height: 18px;color: #2E2E2E;font-family: 'Sans_Regular';margin-left: 9px;margin-bottom: 2px;text-decoration: line-through;} .christmas_model .shoplist_box .proli_box .colorbox{margin-top: 18px;width: 100%;height: 20px;} .christmas_model .shoplist_box .proli_box .colorbox ul{width: 100%;display: flex;flex-wrap: wrap;} .christmas_model .shoplist_box .proli_box .colorbox li{width: auto;height: auto;cursor: pointer;border: 2px solid #e4e4e3;border-radius: 50px;margin-right: 10px;} .christmas_model .shoplist_box .proli_box .colorbox li.cur{border-color: #232f3f;} .christmas_model .shoplist_box .proli_box .colorbox li span{width: 16px;height: 16px;display: block;border-radius: 2px solid #2E2E2E;border-radius: 50px;} .christmas_model .shoplist_box .proli_box .colorbox_null{height: 20px;margin-top: 18px;} .christmas_model .shoplist_box .proli_box .skubox{position: relative;width: 100%;height: 36px;line-height: 36px;margin-top: 12px;border: 1px solid #e0e0e0;border-radius: 50px;padding: 0px 16px;display: flex;flex-direction: row;align-items: center;justify-content: space-between;cursor: pointer;} .christmas_model .shoplist_box .proli_box .skubox .choosebox{display: flex;flex-direction: row;align-items: center;} .christmas_model .shoplist_box .proli_box .skubox .icon_tick{position: relative;width: 16px;height: 16px;} .christmas_model .shoplist_box .proli_box .skubox .icon_tick::before{content: '';width: 6px;height: 1px;background: #2E2E2E;transform: rotate(45deg);position: absolute;top: 10px;left: 2px;} .christmas_model .shoplist_box .proli_box .skubox .icon_tick::after{content: '';width: 11px;height: 1px;background: #2E2E2E;transform: rotate(-45deg);position: absolute;top: 8px;left: 5px;} .christmas_model .shoplist_box .proli_box .skubox .choosebox .ggname{font-size: 14px;color: #232f3f;font-family: 'Sans_Regular';margin-left: 8px;white-space: normal;line-height: 16px;padding: 0px 4px;} .christmas_model .shoplist_box .proli_box .skubox .icon_down{position: relative;width: 16px;height: 16px;} .christmas_model .shoplist_box .proli_box .skubox .icon_down::before{content: '';display: inline-block;border-top: 1px solid;border-right: 1px solid;width: 9px;height: 9px;border-color: #2E2E2E;transform: rotate(-225deg);position: absolute;left: 0px;top: 0px;} .christmas_model .shoplist_box .proli_box .skubox .icon_down.cur{transform: rotate(180deg);} .christmas_model .shoplist_box .proli_box .skubox .sku_screenul{position: absolute;left: 0px;top: 40px;overflow: hidden;display: none;border-radius: 18px;width: 100%;padding: 0px;background: #fff;border: 1px solid #e0e0e0;box-shadow:0 4px 10px rgba(0, 0, 0, 0.5);z-index: 20;} .christmas_model .shoplist_box .proli_box .skubox .sku_screenul .skuli{padding: 0px 16px;font-size: 14px;min-height: 38px;width: auto;display: flex;align-items: center;line-height: 22px;font-family: 'Sans_Regular';} .christmas_model .shoplist_box .proli_box .skubox .sku_screenul .skuli.cur{font-family: 'Sans_Bold';} .christmas_model .shoplist_box .proli_box .skubox .sku_screenul .skuli.disable{display: none;} .christmas_model .shoplist_box .proli_box .skubox_null{width: 100%;height: 36px;margin-top: 12px;} .christmas_model .shoplist_box .proli_box .cartbox{width: 100%;height: 42px;margin-top: 12px;z-index: 10;display: flex;align-items: center;justify-content: center;background-image: url('/webfile/index/img/christmas/add_bg.png');background-size: 100% 100%;background-repeat: no-repeat;cursor: pointer;} .christmas_model .shoplist_box .proli_box .cartbox .p1{font-size: 16px;color: #fff;font-family: 'Sans_Regular';margin-top: 5px;} .wop_page_christmas .christmas_footer{width: 100%;margin: 80px auto 40px;max-width: 1280px;padding: 0px 40px;display: flex;flex-direction: row;justify-content: space-between;opacity: 0.68;} .wop_page_christmas .christmas_footer p{font-size: 14px;line-height: 20px;color: #232f3f;font-family: 'Quicksand-Bold';display: flex;align-items: center;} .wop_page_christmas .christmas_footer p i{display: block;font-size: 22px;margin-right: 20px;font-family: 'Sans_Light';} .wop_christmas .my-canvas{position: fixed;top: 0px;left: 0px;z-index: 1;} @media (max-width:1440px){ .wop_christmas_topbox .textbox .title{font-size: 42px;line-height: 42px;} .wop_christmas_topbox .textbox .subtitle{width: 800px;font-size: 16px;line-height: 24px;margin-top: 18px;} .wop_christmas_topbox .countdown_p1{font-size: 18px;bottom: 20px;} .christmas_model .titlebox .p1{font-size: 40px;line-height: 44px;} .christmas_model .titlebox .img1{width: 80px;top: -25px;right: -80px;} .christmas_giftbox .giftbox_content .giftbox_right{padding: 0px 50px;} .christmas_giftbox .giftbox_content .giftbox_right .p1{font-size: 40px;line-height: 40px;} .christmas_giftbox .giftbox_content .giftbox_right .p2{font-size: 18px;line-height: 30px;} .christmas_model .shoplist_box .bg_icon{display: none;} .wop_page_christmas .christmas_footer{max-width: 1280px;} .wop_page_christmas .christmas_footer p i{margin-right: 14px;} } @media(max-width:1080px){ .wop_christmas_topbox .textbox{top: 70px;} .wop_christmas_topbox .textbox .title{font-size: 38px;line-height: 38px;} .wop_christmas_topbox .textbox .subtitle{width: 700px;font-size: 16px;line-height: 22px;} .wop_christmas_topbox .countdown_p1{font-size: 16px;bottom: 14px;} .wop_page_christmas .christmas_model{margin-top: 70px;} .christmas_model .titlebox .p1{font-size: 36px;line-height: 40px;} .christmas_model .titlebox .img1{width: 64px;top: -20px;right: -64px;} .christmas_giftbox .giftbox_content{margin: 60px auto 0px;max-width: 900px;padding: 0px 20px;} .christmas_giftbox .giftbox_content .img_icon{right: -18px;bottom: -45px;width: 80px;} .christmas_giftbox .giftbox_content .giftbox_right{right: 20px;padding: 0px 50px;} .christmas_giftbox .giftbox_content .giftbox_right .p1{font-size: 32px;line-height: 32px;margin-bottom: 14px;} .christmas_giftbox .giftbox_content .giftbox_right .p2{font-size: 16px;line-height: 22px;} .christmas_giftbox .giftbox_content .giftbox_right .christmas_subscribe_inp{width: 340px;height: 50px;margin-top: 30px;padding: 5px 6px;} .christmas_giftbox .christmas_subscribe_inp .inpbox{flex: 1;height: 100%;font-size: 16px;padding: 0px 10px;} .christmas_giftbox .christmas_subscribe_inp .christmas_subscribe_btn{width: 150px;height: 100%;font-size: 16px;} .christmas_model .shoplist_box .shoplist_boxcon{padding: 26px 20px;} .christmas_model .shoplist_box .proli{width: calc(33.33% - 14px);margin-right: 20px;} .christmas_model .shoplist_box .proli_box{padding: 70px 16px 16px;} .christmas_model .shoplist_box .proli_box .wp-pro-tipbox{top: 16px;right:16px;width: 60px;height: 67px;} .christmas_model .shoplist_box .proli_box .wp-pro-tipbox .p1{font-size: 20px;line-height: 20px;margin-top: 8px;} .christmas_model .shoplist_box .proli_box .wp-pro-tipbox .off_box{margin-top: 8px;} .christmas_model .shoplist_box{margin: 60px auto 0px;padding: 0px 30px;} .christmas_model .shoplist_box .proli_box .t1{font-size: 18px;line-height: 18px;height: 18px;} .christmas_model .shoplist_box .proli_box .t2{font-size: 14px;line-height: 14px;height: 14px;} .christmas_model .shoplist_box .proli_box .pricebox{margin-top: 20px;} .christmas_model .shoplist_box .proli_box .pricebox .p1{font-size: 26px;line-height: 26px;} .christmas_model .shoplist_box .proli_box .pricebox .p2{font-size: 18px;line-height: 18px;margin-left: 6px;margin-bottom: 2px;} .christmas_model .shoplist_box .proli_box .colorbox{height: 18px;} .christmas_model .shoplist_box .proli_box .colorbox li{margin-right: 6px;} .christmas_model .shoplist_box .proli_box .colorbox li span{width: 14px;height: 14px;} .christmas_model .shoplist_box .proli_box .cartbox{margin-top: 10px;} .wop_page_christmas .christmas_footer{padding: 70px 30px 0px;margin: 0px auto 60px;} .wop_page_christmas .christmas_footer p{font-size: 12px;} .wop_page_christmas .christmas_footer p i{font-size: 18px;margin-right: 14px;} } @media (max-width:825px){ .wop_christmas_topbox .imgbox{display: none;} .wop_christmas_topbox .imgbox_phone{width: 100%;position: relative;padding-top: 120%;display: block;} .wop_christmas_topbox .bigimg{width: 100%;height: auto;display: block;position: absolute;left: 0px;top: 0px;} .wop_christmas_topbox .textbox{padding: 0px 30px;top: 90px;} .wop_christmas_topbox .textbox .title{font-size: 30px;line-height: 34px;} .wop_christmas_topbox .textbox .subtitle{display: none;} .wop_christmas_topbox .textbox .subtitle_phone{display: block;width: 80%;font-size: 18px;line-height: 24px;text-align: center;color: #2E2E2E;font-family: 'Sans_Regular';margin-top: 20px;} .wop_christmas_topbox .countdown_p1{font-size: 14px;bottom: 20px;} .wop_page_christmas .christmas_model{margin-top: 60px;} .christmas_model .titlebox{margin: 0px 30px;} .christmas_model .titlebox .p1{font-size: 28px;line-height: 34px;} .christmas_model .titlebox .img1{width: 50px;top: -17px;right: -50px;} .christmas_giftbox .giftbox_content{margin: 50px auto 0px;max-width: 100%;padding: 0px 30px;flex-direction: column;} .christmas_giftbox .giftbox_content .img_icon{width: 60px;bottom: -34px;right: 3px;} .christmas_giftbox .giftbox_content .giftbox_right{width: 50%;right: 30px;padding: 0px 30px;} .christmas_giftbox .giftbox_content .giftbox_right .p1{font-size: 26px;line-height: 26px;margin-bottom: 12px;} .christmas_giftbox .giftbox_content .giftbox_right .p2{font-size: 14px;line-height: 22px;} .christmas_giftbox .giftbox_content .giftbox_right .christmas_subscribe_inp{width: 100%;height: 46px;margin-top: 12px;padding: 5px 5px;} .christmas_giftbox .christmas_subscribe_inp .inpbox{flex: 1;height: 100%;font-size: 14px;padding: 0px 10px;} .christmas_giftbox .christmas_subscribe_inp .christmas_subscribe_btn{width: 160px;height: 100%;font-size: 14px;} .wop_global_popupbox_christmaspop .wop_christmaspop_con{width: 600px;height: auto;padding: 50px 70px;} .wop_global_popupbox_christmaspop .pop_content .p1{font-size: 22px;line-height: 28px;margin-bottom: 24px;} .wop_global_popupbox_christmaspop .pop_content .p2{font-size: 16px;line-height: 26px;} .wop_global_popupbox_christmaspop .wop_christmaspop_con .pop_bottom{margin-top: 26px;} .wop_global_popupbox_christmaspop .pop_bottom .copy_box{width: 100%;height: 42px;} .wop_global_popupbox_christmaspop .pop_bottom .copy_box .p1{flex: 1;font-size: 16px;} .wop_global_popupbox_christmaspop .pop_bottom .copy_box .wop_copy_btn{width: 80px;height: 32px;line-height: 32px;} .wop_global_popupbox_christmaspop .pop_bottom .btn_box{width: 100%;margin-top: 24px;} .wop_global_popupbox_christmaspop .pop_bottom .btn_box .pop_shopping{height: 48px;} .wop_global_popupbox_christmaspop .pop_bottom .btn_box .pop_buynow{height: 50px;} .christmas_model .shoplist_box .shoplist_boxcon{display: block;white-space: nowrap;overflow-x: scroll;overflow-y: hidden;} /* .christmas_model .shoplist_box .shoplist_boxcon::-webkit-scrollbar {display: none;} */ .christmas_model .shoplist_box .proli{width: 40%;display: inline-block;margin-bottom: 0px;} .christmas_model .shoplist_box .proli:nth-child(3n){margin-right: 20px;} .christmas_model .shoplist_box .proli:last-child{margin-right: 0px !important;} .christmas_model .shoplist_box .proli_box .bigimg{margin-top: 10px;} .christmas_model .shoplist_box .proli_box .t1{font-size: 20px;line-height: 20px;height: 20px;} .christmas_model .shoplist_box .proli_box .t2{font-size: 16px;line-height: 16px;height: 16px;} .wop_page_christmas .christmas_footer{flex-wrap: wrap;padding: 0px 40px;margin: 60px auto 40px;} .wop_page_christmas .christmas_footer p{line-height: 20px;font-family: 'Quicksand-Regular';margin-bottom: 12px;} .wop_page_christmas .christmas_footer p i{font-size: 18px;margin-right: 6px;} } @media (max-width:480px){ .wop_christmas_topbox .textbox{padding: 0px 16px;top: 70px;} .wop_christmas_topbox .textbox .title{font-size: 22px;line-height: 24px;} .wop_christmas_topbox .textbox .subtitle_phone{width: 90%;font-size: 18px;line-height: 22px;margin-top: 12px;} .wop_christmas_topbox .countdown_p1{font-size: 12px;bottom: 20px;} .wop_christmas_topbox .countdown_box{bottom: 50px;} .wop_christmas_topbox .countdown_box div{min-width: 68px;padding: 8px 0px;} .wop_christmas_topbox .countdown_box div::before{height: 36px;} .wop_christmas_topbox .countdown_box div .num{font-size: 40px;line-height: 40px;} .wop_christmas_topbox .countdown_box div .p1{font-size: 12px;line-height: 12px;margin-top: 2px;letter-spacing: 2px;transform: scale(0.7);} .wop_page_christmas .christmas_model{margin-top: 40px;} .christmas_model .titlebox{margin: 0px 16px;} .christmas_model .titlebox .p1{font-size: 20px;line-height: 26px;} .christmas_model .titlebox .img1{width: 40px;top: -14px;right: -40px;} .christmas_giftbox .giftbox_content{margin: 40px auto 0px;padding: 0px 16px;} .christmas_giftbox .giftbox_content .giftbox_bg .phone_img{display: block;} .christmas_giftbox .giftbox_content .giftbox_bg .pc_img{display: none;} .christmas_giftbox .giftbox_content .img_icon{width: 50px;bottom: -25px;right: 3px;} .christmas_giftbox .giftbox_content .giftbox_right{width: 100%;bottom: 0px;top: inherit;left: 0px;height: 43%;padding: 0px 36px;} .christmas_giftbox .giftbox_content .giftbox_right .p1{font-size: 18px;line-height: 20px;margin-bottom: 6px;} .christmas_giftbox .giftbox_content .giftbox_right .p2{font-size: 14px;line-height: 18px;} .christmas_giftbox .giftbox_content .giftbox_right .christmas_subscribe_inp{width: 100%;height: 42px;margin-top: 12px;padding: 5px 5px;} .christmas_giftbox .christmas_subscribe_inp .inpbox{flex: 1;font-size: 14px;padding: 0px 10px;} .christmas_giftbox .christmas_subscribe_inp .christmas_subscribe_btn{width: 140px;font-size: 16px;} .wop_global_popupbox_christmaspop .wop_christmaspop_con{width: 90%;height: auto;padding: 30px 16px;background-image: url('/webfile/index/img/christmas/phone_popbg.png');} .wop_global_popupbox_christmaspop .pop_content .p1{font-size: 20px;line-height: 24px;margin-bottom: 20px;} .wop_global_popupbox_christmaspop .pop_content .p2{font-size: 14px;line-height: 20px;} .wop_global_popupbox_christmaspop .wop_christmaspop_con .pop_bottom{margin-top: 20px;width: 100%;} .wop_global_popupbox_christmaspop .pop_bottom .copy_box .p1 span{margin-left: 6px;} .wop_global_popupbox_christmaspop .pop_bottom .btn_box{width: 100%;margin-top: 16px;} .wop_global_popupbox_christmaspop .pop_bottom .btn_box .pop_shopping{width: 48%;height: 42px;font-size: 14px;} .wop_global_popupbox_christmaspop .pop_bottom .btn_box .pop_buynow{width: 48%;height: 42px;font-size: 14px;background-size: 100% 100%;} .christmas_model .shoplist_box .shoplist_boxcon{padding: 20px 16px;} .christmas_model .shoplist_box{margin: 40px auto 0px;padding: 0px 16px;} .christmas_model .shoplist_box .proli{width: 80%;margin-right: 12px;border-radius: 10px;} .christmas_model .shoplist_box .proli:nth-child(3n){margin-right: 12px;} .christmas_model .shoplist_box .proli_box{padding: 50px 16px 16px;} .christmas_model .shoplist_box .proli_box .wp-pro-tipbox{top: 10px;left: 14px;width: 58px;height: 64px;} .christmas_model .shoplist_box .proli_box .wp-pro-tipbox .p1{font-size: 18px;line-height: 18px;margin-top: 7px;} .christmas_model .shoplist_box .proli_box .wp-pro-tipbox .off_box{margin-top: 7px;transform: scale(0.8);margin-left: 0px;} .christmas_model .shoplist_box .proli_box .colorbox li{margin-right: 6px;margin-bottom: 4px;} .christmas_model .shoplist_box .proli_box .colorbox li span{width: 12px;height: 12px;} .christmas_model .shoplist_box .proli_box .t1{font-size: 16px;line-height: 16px;margin-top: 16px;height: 16px;} .christmas_model .shoplist_box .proli_box .t2{font-size: 14px;line-height: 14px;margin-top: 10px;height: 14px;} .christmas_model .shoplist_box .proli_box .pricebox{margin-top: 16px;} .christmas_model .shoplist_box .proli_box .pricebox .p1{font-size: 24px;line-height: 24px;} .christmas_model .shoplist_box .proli_box .pricebox .p2{font-size: 16px;line-height: 16px;margin-left: 6px;margin-bottom: 2px;} .christmas_model .shoplist_box .proli_box .skubox{padding: 0px 6px;} .christmas_model .shoplist_box .proli_box .cartbox{margin-top: 12px;} .christmas_model .shoplist_box .proli_box .cartbox .p1{margin-top: 4px;} .wop_page_christmas .christmas_footer{margin: 40px auto 20px;padding: 0px 16px;} .wop_page_christmas .christmas_footer p{line-height: 16px;margin-bottom: 10px;} .wop_page_christmas .christmas_footer p i{font-size: 12px;margin-right: 4px;} } /* 支持中心 */ .wop_support{width: 100%;overflow: hidden;background: #F7F5F4;} .wop_support_topbox{width: 100%;position: relative;} .wop_support_topbox .imgbox{width: 100%;position: relative;padding-top: 32.5%;} .wop_support_topbox .bigimg{width: 100%;height: auto;display: block;position: absolute;left: 0px;top: 0px;} .wop_support_topbox .imgbox_phone{display: none;} .wop_support_topbox .textbox{width: 100%;position: absolute;left: 0px;top: 50%;display: flex;flex-direction: column;align-items: center;transform: translateY(-50%);} .wop_support_topbox .textbox .title{font-size: 60px;line-height: 60px;color: #333F4E;font-family:'Quicksand-Bold';text-align: center;} .wop_support_topbox .textbox .icon{width: 48px;height: auto;margin-top: 30px;} .wop_support_topbox .textbox .subtitle{font-size: 18px;line-height: 18px;text-align: center; color: #333F4E;font-family: 'Quicksand-Regular';margin-top: 29px;} .wop_support_topbox .textbox .search-box{width: 680px;height: 55px;margin-top: 60px;border-radius: 8px;background: #fff;padding: 0px 24px;display: flex;flex-direction: row;align-items: center;justify-content: space-between;} .wop_support_topbox .textbox .search-box .search-inp{flex: 1;height: 55px;font-size: 18px;color: #333F4E;font-family:'Quicksand-Medium';} .wop_support_topbox .textbox .search-box .iconfont{font-size: 24px;color: #626262;cursor: pointer;} .wop_page_support{width: 100%;display: flex;flex-direction: column;} .wop_page_support .support_model{width: 100%;padding: 110px 0px 60px;display: flex;flex-direction: column;align-items: center;justify-content: center;background: #F7F5F4;} .wop_page_support .support_model2{padding: 70px 0px;background: #fff;} .wop_page_support .support_model3{padding: 70px 0px 200px;} .support_model .titlebox{position: relative;display: flex;flex-direction: column;margin: 0px 40px;z-index: 2;} .support_model .titlebox .p1{font-size: 40px;color: #000000;font-family: 'Quicksand-Bold';line-height: 48px;text-align: center;} .wop_page_support .support_model .supportbox_tab{display: flex;flex-direction: row;margin-top: 60px;height: 48px;border-radius: 50px;background: #EFEBE9;position: relative;} .wop_page_support .support_model .supportbox_tab .tabli{width: 160px;height: 48px;font-size: 18px;color: #000000;line-height: 48px;border-radius: 50px;text-align: center;font-family: 'Quicksand-Bold';cursor: pointer;transition: all 0.4s linear;z-index: 10;} .wop_page_support .support_model .supportbox_tab .tabli.active{color: #fff;} .wop_page_support .support_model .supportbox_tab .activebox{width: 160px;height: 48px;border-radius: 50px;position: absolute;left: 0px;top: 0px;background: #EA5504;transition: all 0.4s linear;transform: translateX(0px);} .support_model .supportbox_content{width: 100%;margin: 60px auto 0px;max-width: 1200px;padding: 0px 40px;display: flex;flex-direction: row;} .supportbox_content .con_tabbox{width: 100%;display: none;flex-direction: row;align-items: center;flex-wrap: wrap;} .supportbox_content .con_tabbox .probox_li{width: calc(33.33% - 32px);margin-right: 48px;border-radius: 20px;background: #fff;padding: 40px 28px;display: flex;flex-direction: column;align-items: center;margin-bottom: 24px;} .supportbox_content .con_tabbox .probox_li:nth-child(3n){margin-right: 0px;} .supportbox_content .con_tabbox .probox_li .proimg{width: 100%;height: auto;} .supportbox_content .con_tabbox .probox_li .p1{width: 100%;height: 46px;font-size: 17px;color: #000000;margin-top: 14px;font-family: 'Quicksand-Bold';text-align: center;display: -webkit-box;overflow: hidden;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow: ellipsis;} .supportbox_content .con_tabbox .probox_li .operate_box{width: 100%;display: flex;flex-direction: row;align-items: center;flex-wrap: wrap;} .supportbox_content .con_tabbox .probox_li .operate_box .libox{width: 50%;display: flex;flex-direction: column;align-items: center;margin-top: 28px;cursor: pointer;} .supportbox_content .con_tabbox .probox_li .operate_box .libox .imgbox{width: 60px;height: 60px;background: rgba(149, 149, 149, 0.3);border-radius: 50px;display: flex;align-items: center;justify-content: center;} .supportbox_content .con_tabbox .probox_li .operate_box .libox .p2{font-size: 13px;color: #000;font-family:'Quicksand-Medium';margin-top: 8px;} .supportbox_content .con_tabbox .probox_li .operate_box .libox:hover .imgbox{background: rgba(234, 85, 4, 0.3);} .supportbox_content .con_tabbox.active{display: flex;} .support_model .articlebox_list{width: 100%;margin: 70px auto 0px;max-width: 1280px;padding: 0px 40px;display: flex;flex-direction: row;flex-wrap: wrap;} .support_model .articlebox_list .libox{width: calc(33.33% - 24px);margin-right: 36px;display: flex;flex-direction: column;align-items: center;cursor: pointer;} .support_model .articlebox_list .libox:nth-child(3n){margin-right: 0px;} .support_model .articlebox_list .libox img{width: 100%;height: auto;} .support_model .articlebox_list .libox .p1{margin-top: 30px;font-size: 18px;color: #333F4E;font-family: 'Quicksand-Bold';} .support_model .articlebox_btn{font-size: 20px;color: #fff;font-family: 'Quicksand-Bold';padding: 10px 24px;background: #EA5504;border-radius: 50px;cursor: pointer;margin-top: 40px;} .support_model .contactbox_list{width: 100%;margin: 80px auto 0px;max-width: 1000px;padding: 0px 40px;display: flex;flex-direction: row;justify-content: center;flex-wrap: wrap;} .support_model .contactbox_list .libox{width: 33.33%;display: flex;flex-direction: column;align-items: center;cursor: pointer;} .support_model .contactbox_list .libox img{width: 100px;height: 100px;} .support_model .contactbox_list .libox .p1{margin-top: 26px;font-size: 18px;color: #333F4E;font-family: 'Quicksand-Medium';} @media (max-width:1440px){ .wop_support_topbox .textbox .title{font-size: 42px;line-height: 42px;} .wop_support_topbox .textbox .icon{width: 40px;margin-top: 26px;} .wop_support_topbox .textbox .subtitle{font-size: 16px;line-height: 24px;margin-top: 18px;} .wop_support_topbox .textbox .search-box{width: 580px;height: 55px;margin-top: 50px;} .support_model .titlebox .p1{font-size: 40px;line-height: 44px;} } @media(max-width:1080px){ .wop_support_topbox .textbox .title{font-size: 38px;line-height: 38px;} .wop_support_topbox .textbox .icon{width: 38px;margin-top: 26px;} .wop_support_topbox .textbox .subtitle{font-size: 16px;line-height: 22px;} .wop_support_topbox .textbox .search-box{width: 460px;height: 48px;margin-top: 40px;} .wop_support_topbox .textbox .search-box .search-inp{flex: 1;height: 48px;font-size: 16px;} .wop_support_topbox .textbox .search-box .iconfont{font-size: 20px;} .wop_page_support .support_model{padding: 90px 0px 50px;} .wop_page_support .support_model2{padding: 60px 0px;} .wop_page_support .support_model3{padding: 60px 0px 120px;} .support_model .titlebox .p1{font-size: 36px;line-height: 40px;} .wop_page_support .support_model .supportbox_tab{margin-top: 50px;} .support_model .supportbox_content{margin: 60px auto 0px;} .supportbox_content .con_tabbox .probox_li{width: calc(33.33% - 24px);margin-right: 36px;padding: 32px 18px;} .supportbox_content .con_tabbox .probox_li .p1{font-size: 16px;margin-top: 12px;} .supportbox_content .con_tabbox .probox_li .operate_box .libox{margin-top: 28px;} .supportbox_content .con_tabbox .probox_li .operate_box .libox .imgbox{width: 54px;height: 54px;} .supportbox_content .con_tabbox .probox_li .operate_box .libox .imgbox img{width: 50%;} .supportbox_content .con_tabbox .probox_li .operate_box .libox .p2{font-size: 12px;margin-top: 8px;} .support_model .articlebox_list{margin: 60px auto 0px;} .support_model .articlebox_list .libox{width: calc(33.33% - 24px);margin-right: 36px;} .support_model .articlebox_list .libox .p1{margin-top: 28px;font-size: 16px;} .support_model .articlebox_btn{font-size: 18px;padding: 10px 24px;border-radius: 50px;margin-top: 50px;} .support_model .contactbox_list{margin: 60px auto 0px;max-width: 800px;padding: 0px 40px;} .support_model .contactbox_list .libox img{width: 80px;height: 80px;} .support_model .contactbox_list .libox .p1{margin-top: 22px;font-size: 16px;} } @media (max-width:825px){ .wop_support_topbox .textbox{padding: 20px 30px 0px;} .wop_support_topbox .textbox .title{font-size: 30px;line-height: 34px;} .wop_support_topbox .textbox .icon{margin-top: 16px;} .wop_support_topbox .textbox .subtitle{font-size: 18px;line-height: 24px;margin-top: 8px;} .wop_support_topbox .textbox .search-box{width: 340px;height: 36px;margin-top: 20px;padding: 0px 16px;} .wop_support_topbox .textbox .search-box .search-inp{flex: 1;height: 36px;font-size: 14px;} .wop_support_topbox .textbox .search-box .iconfont{font-size: 18px;} .wop_page_support .support_model{padding: 60px 0px 50px;} .wop_page_support .support_model2{padding: 60px 0px;} .wop_page_support .support_model3{padding: 60px 0px 140px;} .support_model .titlebox{margin: 0px 30px;} .support_model .titlebox .p1{font-size: 28px;line-height: 34px;} .wop_page_support .support_model .supportbox_tab{margin-top: 50px;height: 42px;} .wop_page_support .support_model .supportbox_tab .tabli{width: 140px;height: 42px;font-size: 18px;line-height: 42px;} .wop_page_support .support_model .supportbox_tab .activebox{width: 140px;height: 42px;} .support_model .supportbox_content{margin: 50px auto 0px;} .supportbox_content .con_tabbox .probox_li{width: calc(33.33% - 16px);margin-right: 24px;padding: 28px 16px;margin-bottom: 24px;} .supportbox_content .con_tabbox .probox_li .p1{font-size: 16px;margin-top: 12px;} .supportbox_content .con_tabbox .probox_li .operate_box .libox{margin-top: 18px;} .supportbox_content .con_tabbox .probox_li .operate_box .libox .imgbox{width: 48px;height: 48px;} .supportbox_content .con_tabbox .probox_li .operate_box .libox .imgbox img{width: 50%;} .supportbox_content .con_tabbox .probox_li .operate_box .libox .p2{font-size: 12px;margin-top: 6px;} .support_model .articlebox_list{margin: 50px auto 0px;} .support_model .articlebox_list .libox{width: calc(33.33% - 16px);margin-right: 24px;} .support_model .articlebox_list .libox .p1{margin-top: 18px;font-size: 16px;} .support_model .articlebox_btn{font-size: 18px;padding: 10px 30px;border-radius: 50px;margin-top: 50px;} .support_model .contactbox_list{margin: 50px auto 0px;max-width: 80%;padding: 0px 40px;} .support_model .contactbox_list .libox img{width: 60px;height: 60px;} .support_model .contactbox_list .libox .p1{margin-top: 18px;font-size: 14px;} } @media (max-width:480px){ .wop_support_topbox .imgbox{display: none;} .wop_support_topbox .imgbox_phone{width: 100%;position: relative;padding-top: 120%;display: block;} .wop_support_topbox .bigimg{width: 100%;height: auto;display: block;position: absolute;left: 0px;top: 0px;} .wop_support_topbox .textbox{padding: 0px 16px;top: 60px;transform: translateY(0px);} .wop_support_topbox .textbox .title{font-size: 22px;line-height: 24px;} .wop_support_topbox .textbox .icon{margin-top: 16px;} .wop_support_topbox .textbox .subtitle{width: 90%;font-size: 18px;line-height: 22px;margin-top: 12px;} .wop_support_topbox .textbox .search-box{width: 90%;height: 42px;margin-top: 28px;padding: 0px 16px;} .wop_support_topbox .textbox .search-box .search-inp{flex: 1;height: 42px;font-size: 14px;} .wop_support_topbox .textbox .search-box .iconfont{font-size: 20px;} .wop_page_support .support_model{padding: 50px 16px 40px;} .wop_page_support .support_model2{padding: 40px 16px;} .wop_page_support .support_model3{padding: 40px 16px 110px;} .support_model .titlebox{margin: 0px 0px;} .support_model .titlebox .p1{font-size: 20px;line-height: 28px;} .wop_page_support .support_model .supportbox_tab{margin-top: 32px;height: 42px;} .wop_page_support .support_model .supportbox_tab .tabli{width: 100px;height: 42px;font-size: 14px;line-height: 42px;} .wop_page_support .support_model .supportbox_tab .activebox{width: 100px;height: 42px;} .support_model .supportbox_content{margin: 28px auto 0px;padding: 0px 0px;} .supportbox_content .con_tabbox .probox_li{width: calc(50% - 8px);margin-right: 16px;padding: 28px 16px;margin-bottom: 16px;} .supportbox_content .con_tabbox .probox_li:nth-child(3n){margin-right: 16px;} .supportbox_content .con_tabbox .probox_li:nth-child(2n){margin-right: 0px;} .supportbox_content .con_tabbox .probox_li .p1{font-size: 14px;margin-top: 10px;height: 38px;} .supportbox_content .con_tabbox .probox_li .operate_box .libox{margin-top: 14px;} .supportbox_content .con_tabbox .probox_li .operate_box .libox .imgbox{width: 40px;height: 40px;} .supportbox_content .con_tabbox .probox_li .operate_box .libox .imgbox img{width: 50%;} .supportbox_content .con_tabbox .probox_li .operate_box .libox .p2{font-size: 9px;margin-top: 6px;} .support_model .articlebox_list{margin: 50px auto 0px;padding: 0px 0px;} .support_model .articlebox_list .libox{width: 100%;margin-right: 0px;margin-bottom: 24px;} .support_model .articlebox_list .libox:last-child{margin-bottom: 0px;} .support_model .articlebox_list .libox .p1{margin-top: 8px;font-size: 14px;} .support_model .articlebox_btn{font-size: 16px;padding: 8px 26px;border-radius: 50px;margin-top: 40px;} .support_model .contactbox_list{margin: 50px auto 0px;max-width: 100%;padding: 0px 0px;} .support_model .contactbox_list .libox img{width: 48px;height: 48px;} .support_model .contactbox_list .libox .p1{margin-top: 12px;font-size: 12px;} } /* 支持中心详情页 */ .wop_supportdetail{width: 100%;background: #ffffff;} .wop_supportdetail .wop_supportdetail_topbox{width: 100%;margin: 50px auto 0px;max-width: 1000px;padding: 0px 40px 70px;display: flex;flex-direction: column;align-items: center;border-bottom: 1px solid #232F3F;} .wop_supportdetail_topbox .inner_crumbs{width: 100%;display: flex;flex-direction: row;align-items: center;} .wop_supportdetail_topbox .inner_crumbs img{width: 32px;height: auto;margin: 0px 10px 4px 0px;} .wop_supportdetail_topbox .inner_crumbs a{font-size: 18px;color: rgba(51, 63, 78, 0.74);line-height: 36px;font-family: 'Quicksand-Medium';} .wop_supportdetail_topbox h1{max-width: 840px;font-size: 40px;color: #000000;font-family: 'Quicksand-Bold';line-height: 48px;text-align: center;margin-top: 60px;} .wop_supportdetail_topbox .supportbox_tab{display: flex;flex-direction: row;margin-top: 80px;height: 48px;border-radius: 50px;background: #EFEBE9;position: relative;} .wop_supportdetail_topbox .supportbox_tab .tabli{width: 160px;height: 48px;font-size: 18px;color: #000000;line-height: 48px;border-radius: 50px;text-align: center;font-family: 'Quicksand-Bold';cursor: pointer;transition: all 0.4s linear;z-index: 10;} .wop_supportdetail_topbox .supportbox_tab .tabli.active{color: #fff;} .wop_supportdetail_topbox .supportbox_tab .activebox{width: 160px;height: 48px;border-radius: 50px;position: absolute;left: 0px;top: 0px;background: #335C80;transition: all 0.4s linear;transform: translateX(0px);} .wop_page_supportdetail{width: 100%;margin: 60px auto 0px;max-width: 1000px;padding: 0px 40px 110px;display: flex;flex-direction: column;} .wop_page_supportdetail .title{font-size: 22px;color: #333F4E;font-family: 'Quicksand-Bold';} .wop_page_supportdetail .detail_li{display: flex;flex-direction: column;align-items: center;border-bottom: 1px solid #232F3F;} .wop_page_supportdetail .detail_li .video_tab{width: 100%;display: flex;flex-direction: row;align-items: center;margin-top: 50px;flex-wrap: wrap;} .wop_page_supportdetail .detail_li .video_tabsmall{justify-content: center;} .wop_page_supportdetail .detail_li .video_tab .tabli{padding: 14px 30px;background: rgba(35, 47, 63, 0.75);border-radius: 8px;font-size: 16px;color: #fff;line-height: 22px;cursor: pointer;margin-bottom: 12px;margin-right: 24px;width: calc(33.33% - 16px);height: 70px;display: flex;align-items: center;justify-content: center;text-align: center;font-family: 'Quicksand-Bold';} .wop_page_supportdetail .detail_li .video_tab .tabli:nth-child(3n){margin-right: 0px;} .wop_page_supportdetail .detail_li .video_tab .tabli.active{background: rgba(234, 85, 4, 1);} .wop_page_supportdetail .detail_li .video_tab .tabli:hover{background: rgba(234, 85, 4, 1);} .wop_page_supportdetail .detail_li .video_content{width: 100%;margin-top: 30px;border-radius: 15px;margin-bottom: 60px;} .wop_page_supportdetail .detail_li .video_content .iframebox{width: 100%;height: 0px;overflow: hidden;border-radius: 15px;position: relative;padding-bottom: 56.25%;display: none;background: #F2F1F0;} .wop_page_supportdetail .detail_li .video_content .iframebox iframe{display: block;position: absolute;width: 100%;height: 100%;max-height: 100%;} .wop_page_supportdetail .detail_li .video_content .iframebox.active{display: block;} .wop_page_supportdetail .detail_li .litop{width: 100%;display: flex;flex-direction: row;align-items: center;justify-content: space-between;padding: 20px 12px;cursor: pointer;} .wop_page_supportdetail .detail_li .litop .p1{font-size: 22px;font-family: 'Quicksand-Bold';color: #333F4E;} .wop_page_supportdetail .detail_li .litop img{width: 20px;height: auto;transition: all 0.4s linear;} .wop_page_supportdetail .detail_li .libottom{width: 100%;display: none;flex-direction: column;padding: 0px 12px 20px;} .wop_page_supportdetail .detail_li .libottom .p1{font-size: 16px;color: #232F3F;font-family: 'Quicksand-Regular';line-height: 26px;} .wop_page_supportdetail .detail_li .libottom .t1{font-size: 20px;color: #232F3F;font-family: 'Quicksand-Bold';line-height: 28px;} .wop_page_supportdetail .detail_li .libottom .t2{font-size: 16px;color: #232F3F;font-family: 'Quicksand-Regular';line-height: 26px;margin-bottom: 20px;margin-top: 8px;} .wop_page_supportdetail .detail_li.open .litop img{transform: rotate(180deg);} @media (max-width:1440px){ .wop_supportdetail .wop_supportdetail_topbox{margin: 40px auto 0px;padding: 0px 40px 60px;} .wop_supportdetail_topbox h1{font-size: 38px;line-height: 44px;} .wop_supportdetail_topbox .supportbox_tab{margin-top: 60px;} } @media(max-width:1080px){ .wop_supportdetail .wop_supportdetail_topbox{margin: 50px 40px 0px;padding: 0px 0px 70px;width: auto;} .wop_supportdetail_topbox h1{font-size: 36px;line-height: 42px;} .wop_supportdetail_topbox .supportbox_tab{margin-top: 60px;} .wop_page_supportdetail{margin: 60px auto 0px;padding: 0px 40px 100px;} .wop_page_supportdetail .title{font-size: 20px;} .wop_page_supportdetail .detail_li .video_tab{margin-top: 40px;} .wop_page_supportdetail .detail_li .video_tab .tabli{padding: 12px 24px;font-size: 20px;line-height: 20px;} .wop_page_supportdetail .detail_li .video_content{width: 100%;margin-top: 40px;margin-bottom: 50px;} .wop_page_supportdetail .detail_li .litop{padding: 16px 12px;} .wop_page_supportdetail .detail_li .litop .p1{font-size: 20px;} .wop_page_supportdetail .detail_li .litop img{width: 18px;height: auto;} .wop_page_supportdetail .detail_li .libottom{padding: 0px 12px 20px;} .wop_page_supportdetail .detail_li .libottom .p1{font-size: 14px;line-height: 22px;} .wop_page_supportdetail .detail_li .libottom .t1{font-size: 18px;line-height: 26px;} .wop_page_supportdetail .detail_li .libottom .t2{font-size: 14px;line-height: 22px;margin-bottom: 14px;margin-top: 6px;} } @media (max-width:825px){ .wop_supportdetail .wop_supportdetail_topbox{margin: 50px 40px 0px;padding: 0px 0px 60px;} .wop_supportdetail_topbox h1{font-size: 32px;line-height: 40px;} .wop_supportdetail_topbox .supportbox_tab{margin-top: 50px;height: 42px;} .wop_supportdetail_topbox .supportbox_tab .tabli{width: 140px;height: 42px;font-size: 18px;line-height: 42px;} .wop_supportdetail_topbox .supportbox_tab .activebox{width: 140px;height: 42px;} .wop_page_supportdetail{margin: 50px auto 0px;padding: 0px 40px 80px;} .wop_page_supportdetail .title{font-size: 22px;} .wop_page_supportdetail .detail_li .video_tab{margin-top: 30px;} .wop_page_supportdetail .detail_li .video_tab .tabli{padding: 12px 24px;font-size: 20px;line-height: 20px;} .wop_page_supportdetail .detail_li .video_content{width: 100%;margin-top: 30px;margin-bottom: 40px;} .wop_page_supportdetail .detail_li .litop{padding: 16px 12px;} .wop_page_supportdetail .detail_li .litop .p1{font-size: 22px;} .wop_page_supportdetail .detail_li .litop img{width: 18px;height: auto;} .wop_page_supportdetail .detail_li .libottom{padding: 0px 12px 20px;} .wop_page_supportdetail .detail_li .libottom .p1{font-size: 16px;line-height: 24px;} .wop_page_supportdetail .detail_li .libottom .t1{font-size: 20px;line-height: 26px;} .wop_page_supportdetail .detail_li .libottom .t2{font-size: 16px;line-height: 24px;margin-bottom: 14px;margin-top: 6px;} } @media (max-width:480px){ .wop_supportdetail .wop_supportdetail_topbox{margin: 20px 16px 0px;padding: 0px 0px 40px;} .wop_supportdetail_topbox .inner_crumbs img{width: 24px;height: auto;margin: 0px 6px 4px 0px;} .wop_supportdetail_topbox .inner_crumbs a{font-size: 12px;line-height: 16px;} .wop_supportdetail_topbox h1{font-size: 22px;line-height: 28px;margin-top: 24px;} .wop_supportdetail_topbox .supportbox_tab{margin-top: 32px;height: 42px;width: 100%;overflow-x: scroll;overflow-y: none;display: block;white-space: nowrap;font-size: 0;} .wop_supportdetail_topbox .supportbox_tab::-webkit-scrollbar {display: none;} .wop_supportdetail_topbox .supportbox_tab .tabli{width: 120px;height: 42px;font-size: 14px;line-height: 42px;display: inline-block;position: relative;} .wop_supportdetail_topbox .supportbox_tab .activebox{width: 120px;height: 42px;} .wop_page_supportdetail{margin: 40px auto 0px;padding: 0px 16px 60px;} .wop_page_supportdetail .title{font-size: 18px;} .wop_page_supportdetail .detail_li .video_tab{margin-top: 30px;overflow-x: scroll;display: flex;white-space: nowrap;font-size: 0;flex-wrap: nowrap;} .wop_page_supportdetail .detail_li .video_tab::-webkit-scrollbar {display: none;} .wop_page_supportdetail .detail_li .video_tab .tabli{padding: 8px 12px;font-size: 14px;line-height: 14px;margin-right: 12px;margin-bottom: 0px;width: 40%;border-radius: 8px;flex-shrink: 0;white-space: normal;} .wop_page_supportdetail .detail_li .video_tab .tabli:nth-child(3n){margin-right: 12px;} .wop_page_supportdetail .detail_li .video_content{width: 100%;margin-top: 20px;margin-bottom: 30px;} .wop_page_supportdetail .detail_li .litop{padding: 16px 12px;} .wop_page_supportdetail .detail_li .litop .p1{font-size: 18px;} .wop_page_supportdetail .detail_li .litop img{width: 16px;height: auto;} .wop_page_supportdetail .detail_li .libottom{padding: 0px 12px 20px;} .wop_page_supportdetail .detail_li .libottom .p1{font-size: 14px;line-height: 18px;} .wop_page_supportdetail .detail_li .libottom .t1{font-size: 16px;line-height: 22px;} .wop_page_supportdetail .detail_li .libottom .t2{font-size: 14px;line-height: 18px;margin-bottom: 14px;margin-top: 6px;} } /* 订单跟踪 */ .wop_trackorder{width: 100%;background: #ffffff;} .wop_trackorder .wop_page_trackorder{width: 100%;margin: 100px auto 250px;max-width: 1000px;padding: 0px 40px;display: flex;flex-direction: column;} .wop_trackorder .wop_page_trackorder .title{font-size: 36px;color: #000000;font-family: 'Quicksand-Bold';line-height: 48px;text-align: center;} .wop_trackorder .wop_page_trackorder .trackorder_con{width: 100%;display: flex;flex-direction: column;align-items: center;margin-top: 60px;} .wop_page_trackorder .trackorder_con .number_inp{width: 500px;height: 54px;border: 1px solid #000000;border-radius: 8px;padding: 20px 24px;font-size: 18px;color: #333F4E;font-family:'Quicksand-Regular';} .wop_page_trackorder .trackorder_con .track_btn{width: 500px;height: 54px;background: #ea5504;border-radius: 8px;text-align: center;line-height: 54px;font-size: 18px;color: #ffffff;font-family:'Quicksand-Regular';margin-top: 24px;cursor: pointer;} .wop_page_trackorder .trackorder_con .track_btn:hover{background: #335C80;color: #fff;} .wop_page_trackorder .trackorder_con .tip{width: 500px;font-size: 14px;color: #999999;font-family:'Quicksand-Regular';margin-top: 12px;text-align: left;} .wop_page_trackorder .track_container{margin: 40px auto 0px;width: 700px;} @media (max-width:825px){ .wop_trackorder .wop_page_trackorder{width: 100%;margin: 80px auto 200px;padding: 0px 40px;} .wop_trackorder .wop_page_trackorder .title{font-size: 28px;line-height: 36px;} .wop_trackorder .wop_page_trackorder .trackorder_con{margin-top: 50px;} .wop_page_trackorder .track_container{margin: 30px auto 0px;width: 600px;} } @media (max-width:480px){ .wop_trackorder .wop_page_trackorder{width: 100%;margin: 60px auto 120px;padding: 0px 16px;} .wop_trackorder .wop_page_trackorder .title{font-size: 26px;line-height: 32px;} .wop_trackorder .wop_page_trackorder .trackorder_con{margin-top: 50px;} .wop_page_trackorder .trackorder_con .number_inp{width: 100%;height: 48px;padding: 10px 16px;font-size: 14px;} .wop_page_trackorder .trackorder_con .track_btn{width: 100%;height: 48px;line-height: 48px;font-size: 16px;margin-top: 20px;} .wop_page_trackorder .trackorder_con .tip{width: 100%;font-size: 12px;} .wop_page_trackorder .track_container{margin: 30px auto 0px;width: 100%;} } /* 搜索中心 */ .wop_search{width: 100%;background: #F7F5F4;} .wop_search .wop_search_topbox{width: 100%;margin: 0px auto;max-width: 1200px;padding: 70px 40px 0px;display: flex;flex-direction: column;align-items: center;} .wop_search .wop_search_topbox .results_box{font-size: 40px;color: #000000;font-family: 'Quicksand-Bold';line-height: 48px;text-align: center;} .wop_search .wop_search_topbox .search_inpbox{width: 600px;height: 55px;margin-top: 50px;border-radius: 8px;background: #fff;padding: 0px 24px;display: flex;flex-direction: row;align-items: center;justify-content: space-between;} .wop_search .wop_search_topbox .search_inpbox .inp_keyword{flex: 1;height: 55px;font-size: 18px;color: #333F4E;font-family:'Quicksand-Medium';margin-right: 40px;} .wop_search .wop_search_topbox .search_inpbox .iconfont{font-size: 24px;color: #626262;cursor: pointer;} .wop_search .wop_search_topbox .popular_searchbox{width: 600px;display: flex;flex-direction: row;margin-top: 16px;} .wop_search .wop_search_topbox .popular_searchbox .p1{font-size: 16px;color: #000;font-family: 'Quicksand-Medium';margin-right: 16px;line-height: 28px;} .wop_search .wop_search_topbox .popular_searchbox .popular_list{flex: 1;display: flex;flex-direction: row;flex-wrap: wrap;} .wop_search .wop_search_topbox .popular_searchbox .popular_list .libox{padding: 4px 6px;background: #EFEBE9;border-radius: 6px;font-size: 14px;color: #000;font-family: 'Quicksand-Medium';cursor: pointer;margin: 0px 12px 10px 0px;} .wop_search .wop_search_page{width: 100%;display: flex;flex-direction: column;align-items: center;padding: 0px 0px 200px;} .wop_search .wop_search_content{width: 100%;margin: 0px auto;max-width: 1200px;padding: 0px 40px;display: flex;flex-direction: column;align-items: center;} .wop_search .wop_search_content .search_tab{width: max-content;display: flex;flex-direction: row;margin-top: 50px;height: 48px;border-radius: 50px;background: #EFEBE9;position: relative;} .wop_search .wop_search_content .search_tab .tabli{width: 160px;height: 48px;font-size: 18px;color: #000000;line-height: 48px;border-radius: 50px;text-align: center;font-family: 'Quicksand-Bold';cursor: pointer;transition: all 0.4s linear;z-index: 10;} .wop_search .wop_search_content .search_tab .tabli.active{color: #fff;} .wop_search .wop_search_content .search_tab .activebox{width: 160px;height: 48px;border-radius: 50px;position: absolute;left: 0px;top: 0px;background: #EA5504;transition: all 0.4s linear;transform: translateX(0px);} .wop_search .wop_search_content .search_resultbox{width: 100%;display: flex;flex-direction: column;margin-top: 60px;} .wop_search_content .search_resultbox .resultbox_con{display: none;flex-direction: column;align-items: center;} .wop_search_content .search_resultbox .resultbox_con.active{display: flex;} .wop_search_content .search_resultbox .resultbox_con .pro_list{width: 100%;} .wop_search_content .search_resultbox .resultbox_con .pro-box{background: #fff;} .wop_search_content .search_resultbox .resultbox_con .pro-box .pro-text h3{font-size: 18px;} .wop_search_content .search_resultbox .resultbox_con .pro-box .pro-imgbox{background: #fff;} .wop_search_content .search_resultbox .resultbox_con .blog_list{width: 100%;margin-top: 0px;} .wop_search_content .search_resultbox .resultbox_con .blog_list .blog_li h3{font-size: 18px;line-height: 24px;} .search_resultbox .resultbox_con .support_list{width: 100%;display: flex;flex-direction: column;} .resultbox_con .support_list .support_li a{width: 100%;display: flex;flex-direction: row;align-items: center;justify-content: space-between;padding: 20px 12px;cursor: pointer;border-bottom: 1px solid #d6d6d6;} .resultbox_con .support_list .support_li a .p1{font-size:18px;font-family: 'Quicksand-Medium';color: #333F4E;} .resultbox_con .support_list .support_li a img{width: 16px;height: auto;transform: rotate(-90deg);} .resultbox_con .support_list .support_li a:hover .p1{color: #E56600;} .resultbox_nodata{width: 100%;display: flex;flex-direction: column;align-items: center;} .resultbox_nodata .empty_img{width: 200px;height: 200px;} .resultbox_nodata .p1{font-size: 22px;line-height: 30px;color: #000000;font-family: 'Quicksand-Bold';margin-bottom: 20px;} .resultbox_nodata .p2{font-size: 14px;line-height: 22px;color: #999;font-family: 'Quicksand-Regular';} .resultbox_nodata .p2 a{color: #E56600;} @media (max-width:825px){ .wop_search .wop_search_topbox .results_box{font-size: 36px;line-height: 42px;} .wop_search .wop_search_topbox .search_inpbox{width: 500px;height: 48px;} .wop_search .wop_search_topbox .search_inpbox .inp_keyword{flex: 1;height: 48px;} .wop_search .wop_search_topbox .search_inpbox .iconfont{font-size: 24px;} .wop_search .wop_search_topbox .popular_searchbox{width: 500px;} .wop_search .wop_search_content{width: 100%;margin: 0px auto;padding: 0px 40px;} .wop_search .wop_search_content .search_tab{margin-top: 50px;height: 42px;} .wop_search .wop_search_content .search_tab .tabli{width: 140px;height: 42px;font-size: 18px;line-height: 42px;} .wop_search .wop_search_content .search_tab .activebox{width: 140px;height: 42px;} .wop_search_content .search_resultbox .resultbox_con .pro-box .pro-text h3{font-size: 16px;} .wop_search_content .search_resultbox .resultbox_con .blog_list .blog_li h3{font-size: 16px;line-height: 22px;} .resultbox_con .support_list .support_li a{padding: 22px 12px;} .resultbox_con .support_list .support_li a .p1{font-size:16px;} .resultbox_con .support_list .support_li a img{width: 14px;} .resultbox_nodata .empty_img{width: 160px;height: 160px;} .resultbox_nodata .p1{font-size: 20px;line-height: 28px;margin-bottom: 16px;} } @media (max-width:480px){ .wop_search .wop_search_topbox{padding: 50px 16px 0px;} .wop_search .wop_search_topbox .results_box{font-size: 28px;line-height: 36px;} .wop_search .wop_search_topbox .search_inpbox{width: 100%;height: 42px;margin-top: 40px;padding: 0px 16px;} .wop_search .wop_search_topbox .search_inpbox .inp_keyword{flex: 1;height: 42px;font-size: 14px;margin-right: 16px;} .wop_search .wop_search_topbox .search_inpbox .iconfont{font-size: 18px;} .wop_search .wop_search_topbox .popular_searchbox{width: 100%;} .wop_search .wop_search_topbox .popular_searchbox .p1{font-size: 14px;margin-right: 12px;line-height: 24px;} .wop_search .wop_search_topbox .popular_searchbox .popular_list .libox{font-size: 12px;margin: 0px 8px 6px 0px;} .wop_search .wop_search_page{padding: 0px 0px 80px;} .wop_search .wop_search_content{width: 100%;margin: 0px auto;padding: 0px 16px;} .wop_search .wop_search_content .search_tab{margin-top: 32px;height: 42px;} .wop_search .wop_search_content .search_tab .tabli{width: 100px;height: 42px;font-size: 14px;line-height: 42px;} .wop_search .wop_search_content .search_tab .activebox{width: 100px;height: 42px;} .wop_search_content .search_resultbox .resultbox_con .pro-box .pro-text h3{font-size: 16px;} .wop_search_content .search_resultbox .resultbox_con .blog_list .blog_li h3{font-size: 16px;line-height: 22px;} .resultbox_con .support_list .support_li a{padding: 8px 4px;} .resultbox_con .support_list .support_li a .p1{font-size:14px;margin-right: 12px;} .resultbox_con .support_list .support_li a img{width: 14px;} .wop_search .wop_search_content .search_resultbox{margin-top: 20px;} .resultbox_nodata .empty_img{width: 140px;height: 140px;} .resultbox_nodata .p1{font-size: 16px;line-height: 24px;margin-bottom: 12px;} .resultbox_nodata .p2{font-size: 12px;line-height: 18px;} } /* 复活节 */ .wop_page_eastersale{width: 100%;overflow: hidden;background: #CFE0ED;} .wop_page_eastersale .eastersale_topbox{width: 100%;position: relative;} .wop_page_eastersale .eastersale_topbox .imgbox{width: 100%;position: relative;padding-top: 43.80%;} .wop_page_eastersale .eastersale_topbox .bigimg{width: 100%;height: auto;display: block;position: absolute;left: 0px;top: 0px;} .wop_page_eastersale .eastersale_topbox .imgbox_phone{display: none;} .wop_page_eastersale .eastersale_content{width: 100%;margin: 0px auto 100px;max-width: 1520px;padding: 0px 40px;display: flex;flex-direction: column;} .wop_page_eastersale .eastersale_content .content_model{width: 100%;margin-top: 100px;display: flex;flex-direction: column;align-items: center;justify-content: center;} .wop_page_eastersale .eastersale_content .egggift_model{margin-top: 40px;} .wop_page_eastersale .content_model .titlebox{width: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;} .wop_page_eastersale .content_model .titlebox .imgtitle{width: 688px;height: auto;} .wop_public_eggmodel{width: 100%;display: flex;flex-direction: row;border-radius: 30px;overflow: hidden;border: 3px solid rgba(255,255,255,0.57);background-color: #9EBDD4;background-image: url('/webfile/index/img/eastersale/model_bg.png');margin-top: 40px;} .wop_public_eggmodel .eggmodel_left{width: 32%;display: flex;flex-direction: column;border-radius: 30px;background: #335C80;padding: 58px 42px;border: 2px solid #FFFFFF;z-index: 10;} .wop_public_eggmodel .eggmodel_phone{display: none;} .wop_public_eggmodel .eggmodel_left .title_box{font-size: 30px;line-height: 34px;color: #fff;font-family: 'Quicksand-Bold';} .wop_public_eggmodel .eggmodel_left .title_box .clickimg{width: 59px;height: auto;padding: 0px 10px;} .wop_public_eggmodel .eggmodel_left .tips_box{width: 100%;display: flex;flex-direction: column;margin-top: 36px;} .wop_public_eggmodel .eggmodel_left .tips_box .titlebox{width: 100%;display: flex;flex-direction: row;align-items: end;justify-content: space-between;} .wop_public_eggmodel .eggmodel_left .tips_box .title{width: max-content;padding: 4px 20px;border-radius: 50px;background: #EA5504;font-size: 24px;color: #fff;font-family: 'Quicksand-Bold';} .wop_public_eggmodel .eggmodel_left .tips_box .view_btn{font-size: 16px;line-height: 24px;color: #fff;font-family: 'Quicksand-Medium';text-decoration: underline;cursor: pointer;} .wop_public_eggmodel .eggmodel_left .tips_box .p1{font-size: 16px;line-height: 24px;color: #fff;font-family: 'Quicksand-Medium';margin-top: 20px;} .wop_public_eggmodel .eggmodel_left .tips_box .p1 span{color: #EA5504;font-family: 'Quicksand-Bold';} .wop_public_eggmodel .eggmodel_right{flex: 1;display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 30px 60px;position: relative;z-index: 0;} .wop_public_eggmodel .eggmodel_right .introduce_content{width: 105%;height: 100%;position: absolute;left: -5%;top: 0px;padding-left: 5%;display: flex;flex-direction: column;align-items: center;justify-content: center;background: rgba(0, 0, 0, 0.3);z-index: 20;} .wop_public_eggmodel .eggmodel_right .introduce_content .con_box{padding: 40px 16px;width: 500px;height: auto;border-radius: 20px;border: 2px solid #fff;background-image: url('/webfile/index/img/eastersale/model_bg.png');display: flex;flex-direction: column;align-items: center;background-color: #CFE0ED;overflow: hidden;} .wop_public_eggmodel .eggmodel_right .introduce_content .con_box .img1{width: 100%;height: auto;} .wop_public_eggmodel .eggmodel_right .introduce_content .con_box .p1{font-size: 20px;line-height: 24px;color: #335C80;font-family: 'MADETommySoft-Medium';margin-top: 14px;text-align: center;} .wop_public_eggmodel .eggmodel_right .introduce_content .con_box .lets_go{width: 200px;height: 44px;border-radius: 50px;background: #335C80;display: flex;align-items: center;justify-content: center;margin-top: 50px;font-size: 20px;color: #fff;font-family: 'Quicksand-SemiBold';cursor: pointer;} .wop_public_eggmodel .eggmodel_right .introduce_content .con_box .lets_go:hover{background: #EA5504;} .wop_public_eggmodel .eggmodel_right .giftbox{width: 100%;display: flex;flex-direction: row;align-items: center;justify-content: center;flex-wrap: wrap;cursor:url('/webfile/index/img/eastersale/click.png'),pointer;} .wop_public_eggmodel .eggmodel_right .giftbox .giftli{width: calc((100% - 60px)/3);margin-right: 30px;margin-bottom: 30px;display: flex;flex-direction: column;align-items: center;margin-bottom: 40px;} .wop_public_eggmodel .eggmodel_right .giftbox .giftli:nth-child(3n){margin-right: 0px;} .wop_public_eggmodel .eggmodel_right .giftbox .giftli:nth-child(7){margin-bottom: 0px;} .wop_public_eggmodel .eggmodel_right .giftbox .giftli:nth-child(8){margin-bottom: 0px;} .wop_public_eggmodel .eggmodel_right .giftbox .giftli:nth-child(9){margin-bottom: 0px;} .wop_public_eggmodel .eggmodel_right .giftbox .giftli .imgbox{width: 130px;height: 175px;position: relative;} .wop_public_eggmodel .eggmodel_right .giftbox .giftli .imgbox .topbot{width: 100%;height: 100%;position: absolute;top: 0px;left: 0px;z-index: 10;} .wop_public_eggmodel .eggmodel_right .giftbox .giftli .imgbox .topbot .top{position: absolute;top: 0px;left: 0px;z-index: 10;width: 100%;height: auto;} .wop_public_eggmodel .eggmodel_right .giftbox .giftli .imgbox .topbot .bot{position: absolute;bottom: 0px;left: 0px;z-index: 5;width: 100%;height: auto;} .wop_public_eggmodel .eggmodel_right .giftbox .giftli .imgbox .shadow{position: absolute;bottom: -8px;left: -8.5%;width: 117%;height: 30px;background: rgba(41, 68, 88, 0.5);border-radius: 50% / 50%;} .wop_public_eggmodel .eggmodel_right .giftbox .giftli.shake .imgbox .topbot{animation: egg_shake 2s linear;transform-origin: bottom center;} .wop_public_eggmodel .eggmodel_right .giftbox .giftli.shake .imgbox .shadow{animation: egg_shadow 2s linear;} .wop_public_eggmodel .eggmodel_right .giftbox .giftli.bounce .imgbox .top{animation: egg_bounce 1s linear;transform: rotate(130deg) translate(0%,-170%)} @keyframes egg_shake { 0% { transform: rotate(0deg); } 10% { transform: rotate(10deg); } 20% { transform: rotate(0deg); } 30% { transform: rotate(-10deg); } 40% { transform: rotate(0deg); } 50% { transform: rotate(10deg); } 60% { transform: rotate(0deg); } 70% { transform: rotate(-10deg); } 80% { transform: rotate(0deg); } 100% { transform: rotate(0deg); } } @keyframes egg_shadow { 0% { transform: translateX(0px);width: 117%; } 10% { transform: translateX(10px);width: 125%; } 20% { transform: translateX(0px);width: 117%; } 30% { transform: translateX(-20px);width: 125%; } 40% { transform: translateX(0px);width: 117%; } 50% { transform: translateX(10px);width: 125%; } 60% { transform: translateX(0px);width: 117%; } 70% { transform: translateX(-20px);width: 125%; } 80% { transform: translateX(0px);width: 117%; } 100% { transform: translateX(0px);width: 117%; } } @keyframes egg_bounce { 0% { transform: rotate(0deg) translate(0%,0%); } 25% { transform: rotate(32.5deg) translate(0%,-42.5%); } 50% { transform: rotate(65deg) translate(0%,-85%); } 75% { transform: rotate(97.5deg) translate(0%,-132.5%); } 100% { transform: rotate(130deg) translate(0%,-170%); } } .wop_public_eggmodel .eggmodel_right .resultbox_content{width: 105%;height: 100%;position: absolute;left: -5%;top: 0px;padding-left: 5%;display: none;flex-direction: column;align-items: center;justify-content: center;background: rgba(0, 0, 0, 0.3);z-index: 10;} .wop_public_eggmodel .eggmodel_right .resultbox_content.open{display: flex;} .wop_public_eggmodel .eggmodel_right .resultbox{padding: 50px 38px;width: 500px;height: auto;opacity: 0;;border-radius: 20px;border: 2px solid #fff;background-image: url('/webfile/index/img/eastersale/model_bg.png');display: flex;flex-direction: column;align-items: center;transition: opacity 1s ease;background-color: #CFE0ED;overflow: hidden;} .wop_public_eggmodel .eggmodel_right .resultbox_content.open .resultbox{opacity: 1;} .wop_public_eggmodel .eggmodel_right .resultbox .coupon_box{width: 100%;position: relative;} .wop_public_eggmodel .eggmodel_right .resultbox .coupon_box .bgimg{width: 100%;height: auto;} .wop_public_eggmodel .eggmodel_right .resultbox .coupon_box .text{position: absolute;left: 34%;top: 0px;display: flex;flex-direction: column;align-items: center;justify-content: center;width: 40%;height: 100%;} .wop_public_eggmodel .eggmodel_right .resultbox .coupon_box .text .p1{font-size: 34px;line-height: 36px;color: #fff;font-family: 'MADETommySoft-Medium';} .wop_public_eggmodel .eggmodel_right .resultbox .coupon_box .text .p2{font-size: 21px;line-height: 21px;color: #fff;font-family: 'MADETommySoft-Medium';margin-top: 8px;} .wop_public_eggmodel .eggmodel_right .resultbox .coupon_box .text img{width: 80%;height: auto;object-fit: cover;} .wop_public_eggmodel .eggmodel_right .resultbox .t1{font-size: 20px;line-height: 24px;color: #335C80;font-family: 'MADETommySoft-Medium';margin-top: 14px;text-align: center;} .wop_public_eggmodel .eggmodel_right .resultbox .t1 span{font-size: 22px;color: #EA5504;} .wop_public_eggmodel .eggmodel_right .resultbox .subscribe_box{margin-top: 40px;width: 100%;height: 44px;display: flex;flex-direction: row;align-items: center;justify-content: space-between;border-radius: 50px;overflow: hidden;background: #fff;} .wop_public_eggmodel .eggmodel_right .resultbox .subscribe_box .inp{flex: 1;height: 44px;line-height: 44px;padding: 0px 20px;color: #434343;font-family: 'Quicksand-Medium';font-size: 14px;background: #fff;} .wop_public_eggmodel .eggmodel_right .resultbox .subscribe_box .btnbox{width: 160px;height: 44px;line-height: 44px;text-align: center;background: #EA5504;border-radius: 50px;font-size: 16px;font-family: 'Quicksand-SemiBold';color: #fff;cursor: pointer;} .wop_public_eggmodel .eggmodel_right .resultbox .subscribe_box .btnbox:hover{background: #335C80;} .wop_public_eggmodel .eggmodel_right .resultbox .t2{font-size: 14px;line-height: 18px;color: #335C80;font-family: 'MADETommySoft-SemiBold';margin-top: 10px;text-align: center;} .wop_public_eggmodel .eggmodel_right .resultbox .copycode_box{margin-top: 40px;width: 100%;display: none;flex-direction: column;align-items: center;} .wop_public_eggmodel .eggmodel_right .resultbox .copycode_box .codebox{width: 100%;height: 44px;display: flex;flex-direction: row;align-items: center;justify-content: space-between;border-radius: 50px;overflow: hidden;background: #fff;} .wop_public_eggmodel .eggmodel_right .resultbox .copycode_box .codebox .code{flex: 1;height: 44px;line-height: 44px;padding: 0px 20px;color: #434343;font-family: 'Quicksand-SemiBold';font-size: 16px;background: #fff;} .wop_public_eggmodel .eggmodel_right .resultbox .copycode_box .codebox .btn{width: 160px;height: 44px;line-height: 44px;text-align: center;background: #EA5504;border-radius: 50px;font-size: 16px;font-family: 'Quicksand-SemiBold';color: #fff;cursor: pointer;} .wop_public_eggmodel .eggmodel_right .resultbox .copycode_box .codebox .btn:hover{background: #335C80;} .wop_public_eggmodel .eggmodel_right .resultbox .copycode_box .shop_now{width: 200px;height: 44px;border-radius: 50px;background: #335C80;display: flex;align-items: center;justify-content: center;margin-top: 50px;font-size: 20px;color: #fff;font-family: 'Quicksand-SemiBold';cursor: pointer;} .wop_public_eggmodel .eggmodel_right .resultbox .copycode_box .shop_now:hover{background: #EA5504;} .wop_page_eastersale .pro_list{width: 100%;display: flex;flex-wrap: wrap;margin-top: 40px;} .wop_page_eastersale .pro_list .wop_public_prolibox{background: #F7F7F7;} .wop_page_eastersale .prolist_model .view_more{width: 240px;height: 48px;display: flex;align-items: center;justify-content: center;cursor: pointer;font-size: 18px;line-height: 48px;font-family: 'Quicksand-SemiBold';color: #fff;margin-top: 26px;border-radius: 50px;transition: all 0.25s ease-in-out;background: #EA5504;} .wop_page_eastersale .prolist_model .view_more:hover{background: #335C80;} @media (max-width:1440px){ .wop_page_eastersale .eastersale_content .content_model{margin-top: 70px;} .wop_page_eastersale .content_model .titlebox .imgtitle{width: 580px;height: auto;} } @media(max-width:1080px){ .wop_page_eastersale .eastersale_content .content_model{margin-top: 60px;} .wop_page_eastersale .content_model .titlebox .imgtitle{width: 480px;height: auto;} .wop_public_eggmodel{margin-top: 30px;border-radius: 20px;} .wop_public_eggmodel .eggmodel_left{width: 36%;border-radius: 20px;padding: 30px 20px;} .wop_public_eggmodel .eggmodel_left .title_box{font-size: 24px;line-height: 30px;} .wop_public_eggmodel .eggmodel_left .tips_box{margin-top: 20px;} .wop_public_eggmodel .eggmodel_left .tips_box .title{font-size: 18px;padding: 4px 16px;} .wop_public_eggmodel .eggmodel_left .tips_box .view_btn{font-size: 14px;} .wop_public_eggmodel .eggmodel_left .tips_box .p1{font-size: 14px;line-height: 20px;margin-top: 16px;} .wop_public_eggmodel .eggmodel_right{padding: 20px 30px;} .wop_public_eggmodel .eggmodel_right .giftbox .giftli{width: calc((100% - 40px)/3);margin-right: 20px;margin-bottom: 30px;} .wop_public_eggmodel .eggmodel_right .giftbox .giftli .imgbox{width: 80px;height: 107.5px;} .wop_public_eggmodel .eggmodel_right .giftbox .giftli .imgbox .shadow{height: 20px;} .wop_public_eggmodel .eggmodel_right .resultbox{padding: 40px 30px;width: 440px;} .wop_public_eggmodel .eggmodel_right .resultbox .coupon_box .text .p1{font-size: 28px;line-height: 30px;} .wop_public_eggmodel .eggmodel_right .resultbox .coupon_box .text .p2{font-size: 18px;line-height: 18px;margin-top: 4px;} .wop_public_eggmodel .eggmodel_right .resultbox .subscribe_box .btnbox{width: 120px;} .wop_public_eggmodel .eggmodel_right .resultbox .copycode_box .codebox .btn{width: 120px;} .wop_page_eastersale .pro_list{margin-top: 30px;} } @media (max-width:825px){ .wop_page_eastersale .eastersale_content{padding: 0px 30px;} .wop_page_eastersale .eastersale_content .content_model{margin-top: 50px;} .wop_page_eastersale .content_model .titlebox .imgtitle{width: 440px;} .wop_public_eggmodel .eggmodel_left{width: 40%;} .wop_public_eggmodel .eggmodel_left .title_box{font-size: 22px;line-height: 24px;} .wop_public_eggmodel .eggmodel_right .resultbox{width: 90%;padding: 30px 16px;} .wop_public_eggmodel .eggmodel_right .resultbox .coupon_box .text .p1{font-size: 24px;line-height: 26px;} .wop_public_eggmodel .eggmodel_right .resultbox .coupon_box .text .p2{font-size: 16px;line-height: 16px;margin-top: 6px;} } @media (max-width:480px){ .wop_page_eastersale .eastersale_topbox .imgbox{display: none;} .wop_page_eastersale .eastersale_topbox .imgbox_phone{padding-top: 133.33%;display: block;} .wop_page_eastersale .eastersale_content{padding: 0px 16px;margin-bottom: 40px;} .wop_page_eastersale .eastersale_content .content_model{margin-top: 40px;} .wop_page_eastersale .content_model .titlebox .imgtitle{width: 100%;} .wop_page_eastersale .eastersale_content .egggift_model{margin-top: 20px;} .wop_public_eggmodel{margin-top: 20px;border-radius: 12px;flex-direction: column;border: 3px solid #FFFFFF;background-color: #335C80;background-image: none;padding: 0px 12px;} .wop_public_eggmodel .eggmodel_left{width: 100%;border-radius: none;border: none;padding: 20px 12px 26px;} .wop_public_eggmodel .eggmodel_pc .tips_box{display: none;} .wop_public_eggmodel .eggmodel_phone{display: flex;} .wop_public_eggmodel .eggmodel_left .title_box{font-size: 18px;line-height: 22px;} .wop_public_eggmodel .eggmodel_left .tips_box{margin-top: 0px;} .wop_public_eggmodel .eggmodel_left .tips_box .title{font-size: 16px;padding: 4px 12px;} .wop_public_eggmodel .eggmodel_left .tips_box .view_btn{font-size: 12px;} .wop_public_eggmodel .eggmodel_left .tips_box .p1{font-size: 12px;line-height: 16px;} .wop_public_eggmodel .eggmodel_right{background-color: #9EBDD4;background-image: url('/webfile/index/img/eastersale/model_bg.png');margin-top: 0px;padding: 16px 20px;border-radius: 12px;} .wop_public_eggmodel .eggmodel_right .introduce_content{width: 100%;left: 0px;padding-left: 0%;border-radius: 12px;} .wop_public_eggmodel .eggmodel_right .introduce_content .con_box{width: 100%;height: 100%;padding: 20px 16px;} .wop_public_eggmodel .eggmodel_right .introduce_content .con_box .p1{line-height: 18px;line-height: 18px;font-size: 16px;} .wop_public_eggmodel .eggmodel_right .introduce_content .con_box .lets_go{width: 140px;font-size: 16px;margin-top: 20px;height: 40px;} .wop_public_eggmodel .eggmodel_right .giftbox .giftli{width: calc((100% - 32px)/3);margin-right: 16px;margin-bottom: 20px;} .wop_public_eggmodel .eggmodel_right .giftbox .giftli .imgbox{width: 60px;height: 80px;} .wop_public_eggmodel .eggmodel_right .giftbox .giftli .imgbox .shadow{height: 12px;} .wop_public_eggmodel .eggmodel_right .resultbox_content{width: 100%;left: 0px;padding-left: 0%;border-radius: 12px;} .wop_public_eggmodel .eggmodel_right .resultbox{width: 100%;height: 100%;} .wop_public_eggmodel .eggmodel_right .resultbox .coupon_box .text .p1{font-size: 16px;line-height: 18px;} .wop_public_eggmodel .eggmodel_right .resultbox .coupon_box .text .p2{font-size: 14px;line-height: 14px;} .wop_public_eggmodel .eggmodel_right .resultbox .t1{line-height: 18px;line-height: 18px;font-size: 16px;} .wop_public_eggmodel .eggmodel_right .resultbox .t1 span{font-size: 18px;} .wop_public_eggmodel .eggmodel_right .resultbox .subscribe_box{margin-top: 30px;height: 40px;} .wop_public_eggmodel .eggmodel_right .resultbox .subscribe_box .inp{width: 70%;font-size: 14px;height: 40px;line-height: 40px;} .wop_public_eggmodel .eggmodel_right .resultbox .subscribe_box .btnbox{width: max-content;padding: 0px 12px;font-size: 14px;min-width: 100px;height: 40px;line-height: 40px;} .wop_public_eggmodel .eggmodel_right .resultbox .copycode_box{margin-top: 20px;} .wop_public_eggmodel .eggmodel_right .resultbox .t2{font-size: 12px;line-height: 14px;margin-top: 6px;} .wop_public_eggmodel .eggmodel_right .resultbox .copycode_box .codebox{height: 40px;} .wop_public_eggmodel .eggmodel_right .resultbox .copycode_box .codebox .btn{width: max-content;padding: 0px 12px;font-size: 14px;min-width: 100px;height: 40px;line-height: 40px;} .wop_public_eggmodel .eggmodel_right .resultbox .copycode_box .shop_now{width: 140px;font-size: 16px;margin-top: 20px;height: 40px;} .wop_page_eastersale .pro_list{margin-top: 20px;} .wop_page_eastersale .prolist_model .view_more{margin-top: 10px;width: max-content;height: 44px;font-size: 14px;line-height: 44px;padding: 0px 40px;} } /* 宠物形象页面 */ .wop_page_petimage .petimage_model{padding-top: 72px;display: flex;flex-direction: column;align-items: center;} .wop_page_petimage .petimage_stepbox .steplist{width: 100%;display: flex;flex-direction: row;justify-content: space-between;margin-top: 46px;} .wop_page_petimage .petimage_stepbox .steplist .libox{width: calc(33.33% - 20px);display: flex;flex-direction: column;align-items: center;margin-right: 30px;} .wop_page_petimage .petimage_stepbox .steplist .libox:last-child{margin-right: 0px;} .wop_page_petimage .petimage_stepbox .steplist .libox .img1{width: 100px;height: 100px;object-fit: cover;} .wop_page_petimage .petimage_stepbox .steplist .libox .p1{font-size: 22px;line-height: 26px;color: #434343;font-family: 'Quicksand-Bold';margin-top: 20px;text-align: center;} .wop_page_petimage .petimage_stepbox .steplist .libox .p2{font-size: 16px;line-height: 24px;color: #434343;font-family: 'Quicksand-Medium';margin-top: 12px;text-align: center;} .wop_page_petimage .petimage_stepbox .steplist .libox .p2 a{color: #EA5504;font-family: 'Quicksand-Bold';cursor: pointer;} .wop_page_petimage .petimage_stepbox .wop_submit_photo{margin-top: 48px;height: 54px;line-height: 54px;padding: 0px 20px;font-size: 22px;color: #fff;font-family: 'Quicksand-Bold';background: #ea5504;cursor: pointer;border-radius: 8px;} .wop_page_petimage .petimage_stepbox .wop_submit_photo:hover{background: #335C80;} .wop_page_petimage .petimage_contrast .contrastbox{width: 100%;display: flex;flex-direction: column;align-items: center;margin-top: 46px;} .wop_page_petimage .petimage_contrast .contrastbox .swiper-container{display: flex;flex-direction: column;position: relative;overflow: hidden;} .wop_page_petimage .petimage_contrast .contrastbox .libox{flex-direction: row;justify-content: space-between;} .wop_page_petimage .petimage_contrast .contrastbox .libox .img1{width: 46%;height: 100%;object-fit: cover;} .wop_page_petimage .petimage_contrast .contrastbox .tip_box{width: 100%;display: flex;flex-direction: row;align-items: center;justify-content: space-between;margin-top: 24px;} .wop_page_petimage .petimage_contrast .contrastbox .tip_box .textbox{width: 46%;display: flex;flex-direction: row;align-items: center;justify-content: center;} .wop_page_petimage .petimage_contrast .contrastbox .tip_box .textbox .p1{min-width: 220px;padding: 10px 16px;border: 1px solid #EA5504;border-radius: 50px;font-size: 16px;line-height: 16px;color: #434343;font-family: 'Quicksand-Bold';text-align: center;} .wop_page_petimage .petimage_contrast .contrastbox .tip_box .textbox:last-child .p1{border: 1px solid #335C80;} .wop_page_petimage .petimage_contrast .contrastbox .swiper-btn{width: 100%;display: flex;flex-direction: row;align-items: center;justify-content: center;margin-top: 30px;position: relative;} .wop_page_petimage .petimage_contrast .contrastbox .swiper-btn .btnbox{width: 42px !important;height: 42px !important;border-radius: 50px;background: #EA5504;display: flex;align-items: center;justify-content: center;cursor: pointer;opacity: 1;position: initial;margin-top: 0px;} .wop_page_petimage .petimage_contrast .contrastbox .swiper-btn .btnbox i{font-size: 20px;font-weight: bold;color: #ffffff;} .wop_page_petimage .petimage_contrast .contrastbox .swiper-btn .btnbox:first-child i{transform: rotate(180deg);} .wop_page_petimage .petimage_contrast .contrastbox .swiper-btn .btnbox::after{content: '';} .wop_page_petimage .petimage_contrast .contrastbox .swiper-pagination{position: initial;width: auto;margin: 0px 20px;display: flex;flex-direction: row;align-items: center;justify-content: center;} .wop_page_petimage .petimage_contrast .contrastbox .swiper-pagination .swiper-pagination-bullet{background: #335C80;opacity: 0.4;;width: 28px;height: 5px;border-radius: 50px;margin-right: 6px;} .wop_page_petimage .petimage_contrast .contrastbox .swiper-pagination .swiper-pagination-bullet-active{background: #335C80;width: 40px;opacity: 1;} .wop_global_popupbox_cartoonize .wop_global_popupbox_con{width: 700px;overflow: hidden;} .wop_global_popupbox_cartoonize .contentbox{width: 100%;padding: 0px 40px;position: relative;} .wop_global_popupbox_cartoonize .pop_content{width: 100%;position: relative;display: flex;flex-direction: column;align-items: center;} .wop_global_popupbox_cartoonize .title{font-size: 26px;line-height: 30px;color: #434343;font-family: 'Quicksand-Bold';text-align: center;padding: 30px 0px 24px;background: #fff;position: sticky;left: 0px;top: 0px;} .wop_global_popupbox_cartoonize .questionnaire_list{width: 100%;height: 500px;display: flex;flex-direction: column;align-items: center;overflow-y: scroll;padding-bottom: 50px;} .wop_global_popupbox_cartoonize .questionnaire_list::-webkit-scrollbar {display: none;} .wop_global_popupbox_cartoonize .questionnaire_list .li_box{width: 100%;padding: 20px 24px;background: #fff;border: 1px solid #e0e0e0;border-radius: 16px;display: flex;flex-direction: column;margin-bottom: 20px;} .wop_global_popupbox_cartoonize .questionnaire_list .li_box .p1{font-size: 16px;line-height: 24px;color: #414141;font-family: 'Quicksand-Bold';margin-bottom: 6px;} .wop_global_popupbox_cartoonize .questionnaire_list .li_box .p1 .red{color: red;margin-left: 4px;} .wop_global_popupbox_cartoonize .questionnaire_list .li_box .inptext{width: 100%;border-bottom: 1px solid #e0e0e0;display: flex;flex-direction: row;align-items: center;justify-content: space-between;position: relative;} .wop_global_popupbox_cartoonize .questionnaire_list .li_box .inptext::after{content: '';position: absolute;display: block;width: 100%;height: 2px;background: #335C80;left: 0;bottom: -1px;transition: transform .6s;-webkit-transition: transform .6s;transform: scaleX(0);will-change: transform;} .wop_global_popupbox_cartoonize .questionnaire_list .li_box .inptext.active:after{width:100%;left:0;transform: scaleX(1);} .wop_global_popupbox_cartoonize .questionnaire_list .li_box .inptext input{width: 100%;font-size: 16px;padding: 16px 0px 12px;color: #414141;font-family: 'Quicksand-Medium';} .wop_global_popupbox_cartoonize .questionnaire_list .li_box .imglist{display: flex;flex-wrap: wrap;caret-color: rgba(0, 0, 0, 0);margin-top: 12px;} .wop_global_popupbox_cartoonize .questionnaire_list .li_box .imgadd{border: 1px dashed #d9d9d9;border-radius: 15px;position: relative;width: 120px;height: 120px;margin-right: 10px;margin-bottom: 10px;overflow: hidden;display: flex;align-items: center;} .wop_global_popupbox_cartoonize .questionnaire_list .li_box .imgaddactive {border: none;} .wop_global_popupbox_cartoonize .questionnaire_list .li_box .imgadd input{opacity: 0;width: 100%;height: 100%;display: block;cursor: pointer;} .wop_global_popupbox_cartoonize .questionnaire_list .li_box .imgadd button{opacity: 0;width: 100%;height: 100%;display: block;} .wop_global_popupbox_cartoonize .questionnaire_list .li_box .imgadd img{display: block;width: 100%;height: 100%;object-fit: cover;} .wop_global_popupbox_cartoonize .questionnaire_list .li_box .imgadd .camera-icon{display: block;width: 40px;height: 37px;object-fit: cover;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);} .wop_global_popupbox_cartoonize .questionnaire_list .li_box .imgadd .closeimg{position: absolute;right: 6px;top: 6px;width: 24px;height: 24px;border-radius: 30px;background: rgba(0,0,0,0.5);} .wop_global_popupbox_cartoonize .questionnaire_list .li_box .imgadd .closeimg:before{content: '';position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%) rotate(45deg);width: 70%;height: 1px;background: #fff;} .wop_global_popupbox_cartoonize .questionnaire_list .li_box .imgadd .closeimg::after{content: '';position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%) rotate(45deg);width: 1px;height: 70%;background: #fff;} .wop_global_popupbox_cartoonize .questionnaire_list .li_box .imgadd input {padding-left: 0px;margin-bottom: 0px;} .wop_global_popupbox_cartoonize .bottom_btnbox{width: 100%;position: absolute;left: 0px;bottom: 0px;padding: 16px 0px;background: #fff;display: flex;align-items: center;justify-content: center;border-top: 1px solid #E8E8E8;} .wop_global_popupbox_cartoonize .submit_nowbtn {width: 220px;background: #c2bcbc;line-height: 46px;border-radius: 50px;text-align: center;color: #fff;display: block;font-size: 16px;font-family: 'Quicksand-Bold';cursor: pointer;} .wop_global_popupbox_cartoonize .submit_nowbtn.active{background: #335C80;} .wop_global_popupbox_cartoonize .submit_nowbtn.active:hover {background: #ea5504;} .wop_global_popupbox_cartoonizeSucc .wop_global_popupbox_con{width: 600px;overflow: hidden;height: auto;padding: 30px 40px;} .wop_global_popupbox_cartoonizeSucc .contentbox{width: 100%;} .wop_global_popupbox_cartoonizeSucc .pop_content{width: 100%;display: flex;flex-direction: column;align-items: center;} .wop_global_popupbox_cartoonizeSucc .pop_content .t1{font-size: 26px;line-height: 30px;color: #434343;font-family: 'Quicksand-Bold';text-align: center;} .wop_global_popupbox_cartoonizeSucc .pop_content .p1{font-size: 16px;line-height: 24px;color: #434343;font-family: 'Quicksand-Medium';text-align: center;margin-top: 16px;} .wop_global_popupbox_cartoonizeSucc .pop_content .p1 span{font-family: 'Quicksand-Bold';color: #EA5504;} .wop_global_popupbox_cartoonizeSucc .pop_content .btnbox{width: 80%;margin-top: 20px;display: flex;flex-direction: row;align-items: center;justify-content: space-between;} .wop_global_popupbox_cartoonizeSucc .pop_content .btnbox a{width: calc((100% - 24px) / 2);height: 36px;border: 1px solid #434343;display: flex;flex-direction: row;align-items: center;justify-content: center;margin-right: 16px;border-radius: 50px;cursor: pointer;} .wop_global_popupbox_cartoonizeSucc .pop_content .btnbox a:hover{background: #f8f8f8;} .wop_global_popupbox_cartoonizeSucc .pop_content .btnbox a .oncur{width: 24px;height: auto;margin-right: 8px;} .wop_global_popupbox_cartoonizeSucc .pop_content .btnbox a .p3{font-size: 16px;line-height: 16px;color: #537bbc;font-family: 'Quicksand-SemiBold';} .wop_global_popupbox_cartoonizeSucc .pop_content .btnbox a:last-child{margin-right: 0px;} .wop_global_popupbox_cartoonizeSucc .pop_content .btnbox a:last-child .p3{color: #ff00b3;} .wop_global_popupbox_cartoonizeSucc .pop_content .title_box{width: 100%;margin-top: 24px;display: flex;flex-direction: row;align-items: center;justify-content: center;} .wop_global_popupbox_cartoonizeSucc .pop_content .title_box .line{width: 72px;height: 1px;background: #434343;} .wop_global_popupbox_cartoonizeSucc .pop_content .title_box .t2{font-size: 18px;line-height: 18px;color: #434343;font-family: 'Quicksand-Bold';text-align: center;padding: 0px 12px;} .wop_global_popupbox_cartoonizeSucc .pop_content .img1{width: 200px;height: 200px;margin-top: 16px;} @media (max-width:1440px){ .wop_page_petimage .petimage_model{padding-top: 68px;} .wop_page_petimage .petimage_stepbox .steplist{margin-top: 42px;} .wop_page_petimage .petimage_stepbox .steplist .libox .img1{width: 90px;height: 90px;} .wop_page_petimage .petimage_stepbox .steplist .libox .p1{font-size: 20px;line-height: 24px;margin-top: 18px;} .wop_page_petimage .petimage_stepbox .steplist .libox .p2{font-size: 16px;line-height: 22px;margin-top: 10px;} .wop_page_petimage .petimage_stepbox .wop_submit_photo{margin-top: 42px;height: 48px;line-height: 48px;padding: 0px 18px;font-size: 20px;} .wop_page_petimage .petimage_contrast .contrastbox{margin-top: 42px;} .wop_page_petimage .petimage_contrast .contrastbox .swiper-btn .btnbox{width: 40px !important;height: 40px !important;} .wop_page_petimage .petimage_contrast .contrastbox .swiper-btn .btnbox i{font-size: 18px;} } @media (max-width:1080px) { .wop_page_petimage .petimage_model{padding-top: 60px;} .wop_page_petimage .petimage_stepbox .steplist{margin-top: 36px;} .wop_page_petimage .petimage_stepbox .steplist .libox .img1{width: 80px;height: 80px;} .wop_page_petimage .petimage_stepbox .steplist .libox .p1{font-size: 18px;line-height: 22px;margin-top: 16px;} .wop_page_petimage .petimage_stepbox .steplist .libox .p2{font-size: 14px;line-height: 20px;margin-top: 8px;} .wop_page_petimage .petimage_stepbox .wop_submit_photo{margin-top: 36px;height: 46px;line-height: 46px;padding: 0px 16px;font-size: 18px;} .wop_page_petimage .petimage_contrast .contrastbox{margin-top: 36px;} .wop_page_petimage .petimage_contrast .contrastbox .swiper-btn .btnbox{width: 36px !important;height: 36px !important;} .wop_page_petimage .petimage_contrast .contrastbox .swiper-btn .btnbox i{font-size: 16px;} } @media (max-width:825px) { .wop_page_petimage .petimage_model{padding-top: 50px;} .wop_page_petimage .petimage_stepbox .steplist{margin-top: 32px;} .wop_page_petimage .petimage_stepbox .steplist .libox .img1{width: 70px;height: 70px;} .wop_page_petimage .petimage_contrast .contrastbox{margin-top: 32px;} .wop_page_petimage .petimage_contrast .contrastbox .swiper-btn .btnbox{width: 34px !important;height: 34px !important;} .wop_page_petimage .petimage_contrast .contrastbox .swiper-btn .btnbox i{font-size: 14px;} .wop_page_petimage .petimage_contrast .contrastbox .swiper-pagination{margin: 0px 16px;} } @media (max-width:480px) { .wop_page_petimage .petimage_model{padding-top: 40px;} .wop_page_petimage .petimage_stepbox .steplist{margin-top: 26px;flex-direction: column;} .wop_page_petimage .petimage_stepbox .steplist .libox{width: 100%;margin-right: 0px;margin-bottom: 16px;} .wop_page_petimage .petimage_stepbox .steplist .libox:last-child{margin-bottom: 0px;} .wop_page_petimage .petimage_stepbox .steplist .libox .img1{width: 70px;height: 70px;} .wop_page_petimage .petimage_stepbox .wop_submit_photo{margin-top: 24px;height: 48px;line-height: 48px;font-size: 16px;} .wop_page_petimage .petimage_contrast .contrastbox{margin-top: 26px;} .wop_page_petimage .petimage_contrast .contrastbox .swiper-btn{justify-content: center;margin-top: 20px;} .wop_page_petimage .petimage_contrast .contrastbox .swiper-btn .btnbox{width: 32px !important;height: 32px !important;} .wop_page_petimage .petimage_contrast .contrastbox .swiper-btn .btnbox i{font-size: 12px;} .wop_page_petimage .petimage_contrast .contrastbox .swiper-pagination{margin: 0px 12px;} .wop_page_petimage .petimage_contrast .contrastbox .swiper-container{border-radius: 8px;} .wop_page_petimage .petimage_contrast .contrastbox .libox .img1{border-radius: 8px;width: 48%;} .wop_page_petimage .petimage_contrast .contrastbox .tip_box{margin-top: 16px;} .wop_page_petimage .petimage_contrast .contrastbox .tip_box .textbox{width: 48%;} .wop_page_petimage .petimage_contrast .contrastbox .tip_box .textbox .p1{padding: 8px 10px;font-size: 12px;line-height: 12px;min-width: 150px;} .wop_page_petimage .petimage_contrast .contrastbox .swiper-pagination .swiper-pagination-bullet{width: 20px;} .wop_page_petimage .petimage_contrast .contrastbox .swiper-pagination .swiper-pagination-bullet-active{width: 32px;} .wop_global_popupbox_cartoonize .wop_global_popupbox_con{width: 92%;padding: 0px;} .wop_global_popupbox_cartoonize .contentbox{padding: 0px 16px;} .wop_global_popupbox_cartoonize .pop_content{height: 100%;} .wop_global_popupbox_cartoonize .questionnaire_list{height: auto;padding-bottom: 100px;} .wop_global_popupbox_cartoonize .title{font-size: 18px;line-height: 24px;width: 90%;} .wop_global_popupbox_cartoonize .questionnaire_list .li_box{padding: 18px 16px;border-radius: 12px;margin-bottom: 16px;} .wop_global_popupbox_cartoonize .questionnaire_list .li_box .p1{font-size: 14px;line-height: 20px;} .wop_global_popupbox_cartoonize .questionnaire_list .li_box .inptext input{font-size: 14px;padding: 12px 0px 8px;} .wop_global_popupbox_cartoonize .questionnaire_list .li_box .imgadd{border-radius: 12px;width: 80px;height: 80px;} .wop_global_popupbox_cartoonize .questionnaire_list .li_box .imgadd .camera-icon{width: 30px;height: auto;} .wop_global_popupbox_cartoonize .submit_nowbtn{width: 200px;line-height: 36px;font-size: 14px;} .wop_global_popupbox_cartoonizeSucc .wop_global_popupbox_con{width: 92%;padding: 20px 16px;} .wop_global_popupbox_cartoonizeSucc .pop_content .t1{font-size: 20px;line-height: 24px;width: 90%;} .wop_global_popupbox_cartoonizeSucc .pop_content .p1{font-size: 14px;line-height: 20px;margin-top: 12px;} .wop_global_popupbox_cartoonizeSucc .pop_content .btnbox{width: 100%;margin-top: 16px} .wop_global_popupbox_cartoonizeSucc .pop_content .btnbox a{width: calc((100% - 16px) / 2);height: 36px;margin-right: 16px;} .wop_global_popupbox_cartoonizeSucc .pop_content .btnbox a .oncur{width: 22px;height: auto;margin-right: 6px;} .wop_global_popupbox_cartoonizeSucc .pop_content .btnbox a .p3{font-size: 14px;line-height: 14px;} .wop_global_popupbox_cartoonizeSucc .pop_content .title_box{width: 100%;margin-top: 20px;} .wop_global_popupbox_cartoonizeSucc .pop_content .title_box .line{width: 64px;} .wop_global_popupbox_cartoonizeSucc .pop_content .title_box .t2{font-size: 16px;line-height: 16px;padding: 0px 8px;} .wop_global_popupbox_cartoonizeSucc .pop_content .img1{width: 160px;height: 160px;margin-top: 16px;} } /* 24个月保修页面 */ .wop_page_warranty{width: 100%;padding: 70px 0px 130px;background: #FEF8F5;} .wop_page_warranty .Warranty_content{width: 100%;margin: 0px auto;max-width: 1080px;padding: 0px 40px;transition: all 1s;display: flex;flex-direction: column;align-items: center;} .wop_page_warranty .Warranty_content .content_from{width: 100%;display: flex;flex-direction: column;align-items: center;} .wop_page_warranty .title{display: block;font-size: 28px;line-height: 28px;color: #292929;font-family: 'Quicksand-Bold';text-align: center;} .wop_page_warranty .title2_box{margin-top: 30px;display: flex;flex-direction: row;align-items: center;padding: 10px;background: #ECF3F8;border-radius: 12px;} .wop_page_warranty .title2_box .img1{width: 24px;height: 24px;margin-right: 10px;} .wop_page_warranty .title2_box .title2{font-size: 14px;line-height: 16px;color: #292929;font-family: 'Quicksand-SemiBold';text-align: center;} .wop_page_warranty .tab_box{width: 600px;margin-top: 30px;display: flex;flex-direction: row;align-items: center;} .wop_page_warranty .tab_box .boxli{width: 188px;height: 40px;margin: 0px 6px;position: relative;text-align: center;line-height: 40px;border-bottom: 2px solid #FEF8F5;font-size: 16px;color: #8F8F8F;font-family: 'Quicksand-Bold';cursor: pointer;z-index: 10;transition: all 0.3s linear;} .wop_page_warranty .tab_box .active{color: #EA5504;} .wop_page_warranty .tab_box .boxli:hover{color: #EA5504;} .wop_page_warranty .tab_box .boxli::after{content: '';position: absolute;display: block;width: 100%;height: 1.5px;background: #EA5504;left: 0;bottom: 0;transition: transform .3s;-webkit-transition: transform .3s;transform: scaleX(0);will-change: transform;border-radius: 50px;} .wop_page_warranty .tab_box .active::after{width:100%;left:0;transform: scaleX(1);} .wop_page_warranty .tab_box .boxli:hover::after{width:100%;left:0;transform: scaleX(1);} .wop_page_warranty .from_box{width: 100%;margin-top: 30px;display: flex;flex-direction: row;flex-wrap: wrap;} .wop_page_warranty .from_box .inp_li{width: 100%;display: flex;flex-direction: column;margin-bottom: 50px;} .wop_page_warranty .from_box .inp_li .t_box{width: 100%;display: flex;flex-direction: row;align-items: center;justify-content: space-between;margin-bottom: 12px;} .wop_page_warranty .from_box .inp_li .p1{font-size: 16px;line-height: 18px;font-family: 'Quicksand-Bold';color: #333333;} .wop_page_warranty .from_box .inp_li .order_con{width: 100%;display: flex;flex-direction: row;align-items: center;justify-content: space-between;} .wop_page_warranty .from_box .inp_li .order_con .paste_btn{width: 164px;height: 40px;font-size: 14px;line-height: 40px;font-family: 'Quicksand-SemiBold';color: #335C80;background: #ECF3F8;padding: 0px 10px;cursor: pointer;border-radius: 12px;margin-left: 50px;text-align: center;} .wop_page_warranty .from_box .inp_li .order_con .paste_btn:hover{color: #EA5504;} .wop_page_warranty .from_box .inp_li .inpbox{width: 100%;min-height: 40px;display: flex;flex-direction: row;align-items: center;border: 1px solid rgba(173, 190, 204, 0.6);border-radius: 12px;background: #fff;padding: 0px 15px;transition: all 0.3s ease-in;} .wop_page_warranty .from_box .inp_li .inpbox.cur{border: 1px solid #EA5504;} .wop_page_warranty .from_box .inp_li .inpbox.error{border: 1px solid #E51D4F;} .wop_page_warranty .from_box .inp_li .inpbox2{display: none;} .wop_page_warranty .from_box .inp_li .inpbox2.active{display: flex;} .wop_page_warranty .from_box .inp_li .inpbox_order.cur{border: none;} .wop_page_warranty .from_box .inp_li .inpbox_order.cur input{border: 1px solid #EA5504;} .wop_page_warranty .from_box .inp_li .inpbox_order.error{border: none;} .wop_page_warranty .from_box .inp_li .inpbox_order.error input{border: 1px solid #E51D4F;} .wop_page_warranty .from_box .inp_li .inpbox input{flex: 1;font-size: 16px;padding: 6px 0px;color: #333333;font-family: 'Quicksand-Medium';margin-right: 12px;} .wop_page_warranty .from_box .inp_li .inpbox input:disabled{background: #fff;} .wop_page_warranty .from_box .inp_li .inpbox .close_btn{margin-left: 8px;width: 20px;height: 20px;cursor: pointer;position: relative;border-radius: 50px;background: #8F8F8F;display: none;} .wop_page_warranty .from_box .inp_li .inpbox .close_btn::before{content: '';position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%) rotate(45deg);width: 60%;height: 2px;background: #fff;border-radius: 50px;} .wop_page_warranty .from_box .inp_li .inpbox .close_btn::after{content: '';position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%) rotate(45deg);width: 2px;height: 60%;background: #fff;border-radius: 50px;} .wop_page_warranty .from_box .inp_li .inpbox .close_btn:hover{transform: scale(1.1);} .wop_page_warranty .from_box .inp_li .inpbox .iconfont{margin-left: 8px;width: 14px;cursor: pointer;transform: rotate(90deg);} .wop_page_warranty .from_box .inp_li .inpbox_order{border: none;background: none;border-radius: 0px;padding: 0px;} .wop_page_warranty .from_box .inp_li .inpbox_order input{height: 40px;padding: 6px 15px;margin-right: 0px;border: 1px solid rgba(173, 190, 204, 0.6);border-radius: 12px;background: #fff;width: calc(40% - 50px);flex: none;text-align: center;} .wop_page_warranty .from_box .inp_li .inpbox_order input:nth-child(1){width: 20%;} .wop_page_warranty .from_box .inp_li .inpbox_order .line{padding: 0px 14px;width: 50px;position: relative;} .wop_page_warranty .from_box .inp_li .inpbox_order .line::before{content: '';width: 22px;height: 1px;background: #333333;position: absolute;} .wop_page_warranty .from_box .inp_li .tip_text{margin-top: 8px;font-size: 12px;line-height: 16px;color: #333333;font-family: 'Quicksand-Medium';} .wop_page_warranty .from_box .inp_li .tip_text.y1{color: #EA5504;font-size: 14px;cursor: pointer;font-family: 'Quicksand-SemiBold';margin-top: 0px;} .wop_page_warranty .from_box .inp_li .tip_text.y2{color: #999999;} .wop_page_warranty .from_box .inp_li .errorbox{width: 100%;display: flex;flex-direction: row;align-items: center;} .wop_page_warranty .from_box .inp_li .errorbox img{width: 12px;height: 12px;margin-right: 5px;margin-top: 8px;} .wop_page_warranty .from_box .inp_li .errorbox p{font-size: 12px;color: #E51D4F;line-height: 12px;font-family: 'Quicksand-Medium';margin-top: 8px;} .wop_page_warranty .from_box .inp_liproduct{position: relative;} .wop_page_warranty .from_box .inp_liproduct .prodown_ul{z-index: 10;position: absolute;right: 0px;bottom: 94px;box-shadow: 0px 12px 48px 8px rgba(0,0,0,0.08);border-radius: 20px;overflow-y: scroll;width: 490px;background: #FEF8F5;max-height: 600px;display: none;padding: 30px 30px 10px;} .wop_page_warranty .from_box .inp_liproduct .prodown_ul::-webkit-scrollbar {display: none;} .wop_page_warranty .from_box .inp_liproduct .prodown_ul .t1{width: 100%;font-size: 16px;color: #333333;font-family: 'Quicksand-Bold';margin-bottom: 12px;} .wop_page_warranty .from_box .inp_liproduct .prodown_ul .li_list{width: 100%;background: #FFFFFF;border-radius: 16px;border: 1px solid rgba(173, 190, 204, 0.6);display: flex;flex-direction: column;overflow: hidden;margin-bottom: 20px;} .wop_page_warranty .from_box .inp_liproduct .prodown_ul .li{width: 100%;padding: 8px 15px;display: flex;flex-direction: row;align-items: center;border-bottom: 1px solid rgba(173, 190, 204, 0.6);cursor: pointer;background: #fff;position: relative;} .wop_page_warranty .from_box .inp_liproduct .prodown_ul .li:hover .p1{color: #EA5504;} .wop_page_warranty .from_box .inp_liproduct .prodown_ul .li::after{content:'';position: absolute;right: 16px;width: 20px;height: 20px;background-image: url('/webfile/index/img/warranty/icon_choice_qianse_xiao.png');background-repeat: no-repeat;background-size: 100% 100%;border: none;} .wop_page_warranty .from_box .inp_liproduct .prodown_ul .li.cur::after{content:'';position: absolute;right: 16px;width: 20px;height: 20px;background-image: url('/webfile/index/img/warranty/icon_choice_selected.png');background-repeat: no-repeat;background-size: 100% 100%;border: none;} .wop_page_warranty .from_box .inp_liproduct .prodown_ul .li:last-child{border: none;} .wop_page_warranty .from_box .inp_liproduct .prodown_ul .li .img1{width: 39px;height: 39px;object-fit: cover;} .wop_page_warranty .from_box .inp_liproduct .prodown_ul .li .p1{font-size: 16px;padding: 0px 30px 0px 10px;color:#292929;font-family: 'Quicksand-SemiBold';} .wop_page_warranty .from_box .inp_liproduct .pro_taglist{display: flex;flex-direction: row;align-items: center;flex-wrap: wrap;} .wop_page_warranty .from_box .inp_liproduct .pro_taglist .libox{background: #ECF3F8;border-radius: 6px;padding: 4px 6px;display: flex;flex-direction: row;align-items: center;margin: 3px 10px 3px 0px;} .wop_page_warranty .from_box .inp_liproduct .pro_taglist .libox .sp1{font-size: 16px;color: #333333;font-family: 'Quicksand-SemiBold';margin-right: 5px;} .wop_page_warranty .from_box .inp_liproduct .pro_taglist .libox .closebtn{width: 18px;height: 18px;cursor: pointer;} .wop_page_warranty .activate_box{width: 100%;margin-top: 20px;display: flex;flex-direction: column;align-items: center;} .wop_page_warranty .activate_box .p1{font-size: 12px;line-height: 16px;color: #292929;font-family: 'Quicksand-Medium';} .wop_page_warranty .activate_box .p1 span{color: red;display: contents;} .wop_page_warranty .activate_box .p1 .sp1{color: #ea5504;font-family: 'Quicksand-SemiBold';} .wop_page_warranty .activate_box .activate_btn{width: 640px;margin-top: 12px;height: 44px;line-height: 44px;font-size: 16px;color: #fff;font-family: 'Quicksand-Bold';background: #EA5504;cursor: pointer;border-radius: 12px;text-align: center;} .wop_page_warranty .activate_box .activate_btn:hover{background: #335C80;} .wop_global_popupbox_lookOrderidStep .wop_global_popupbox_con{width: 740px;overflow: hidden;height: auto;padding: 20px 50px;border-radius: 20px;} .wop_global_popupbox_lookOrderidStep .contentbox{width: 100%;} .wop_global_popupbox_lookOrderidStep .wop_global_popupbox_close:before{background: #C2C2C2 !important;} .wop_global_popupbox_lookOrderidStep .wop_global_popupbox_close:after{background: #C2C2C2 !important;} .wop_global_popupbox_lookOrderidStep .wop_global_popupbox_close:hover:before{background: #EA5504 !important;} .wop_global_popupbox_lookOrderidStep .wop_global_popupbox_close:hover:after{background: #EA5504 !important;} .wop_global_popupbox_lookOrderidStep .pop_content{width: 100%;display: flex;flex-direction: column;align-items: center;} .wop_global_popupbox_lookOrderidStep .pop_content .title{font-size: 18px;color: #292929;font-family: 'Quicksand-Bold';margin-bottom: 20px;} .wop_global_popupbox_lookOrderidStep .pop_content .p1{font-size: 14px;line-height: 20px;color: #292929;font-family: 'Quicksand-Bold';text-align: center;margin-top: 14px;min-height: 40px;white-space: break-spaces;} .wop_global_popupbox_lookOrderidStep .pop_content .content_swiper{width: 100%;display: flex;flex-direction: column;align-items: center;} .wop_global_popupbox_lookOrderidStep .pop_content .swiper-container{display: flex;flex-direction: column;position: relative;overflow: hidden;} .wop_global_popupbox_lookOrderidStep .pop_content .libox{width: 100%;display: flex;flex-direction: column;align-items: center;} .wop_global_popupbox_lookOrderidStep .pop_content .img1{width: 100%;height: 100%;object-fit: cover;} .wop_global_popupbox_lookOrderidStep .pop_content .swiper-btn{width: 100%;display: flex;flex-direction: row;align-items: center;justify-content: center;margin-top: 30px;} .wop_global_popupbox_lookOrderidStep .pop_content .swiper-btn .btnbox{width: 30px !important;height: 30px !important;border-radius: 50px;background: #fff;display: flex;align-items: center;justify-content: center;cursor: pointer;opacity: 1;border: 1px solid #454545;} .wop_global_popupbox_lookOrderidStep .pop_content .swiper-btn .btnbox i{font-size: 16px;font-weight: 500;color: #454545;} .wop_global_popupbox_lookOrderidStep .pop_content .swiper-btn .btnbox:hover{border: 1px solid #EA5504;} .wop_global_popupbox_lookOrderidStep .pop_content .swiper-btn .btnbox:hover i{color: #EA5504;} .wop_global_popupbox_lookOrderidStep .pop_content .swiper-btn .btnbox:first-child i{transform: rotate(180deg);} .wop_global_popupbox_lookOrderidStep .pop_content .swiper-btn .btnbox::after{content: '';} .wop_global_popupbox_lookOrderidStep .pop_content .swiper-pagination{position: initial;width: auto;margin: 20px 20px 0px;display: flex;flex-direction: row;align-items: center;justify-content: center;} .wop_global_popupbox_lookOrderidStep .pop_content .swiper-pagination .swiper-pagination-bullet{background: #C2C2C2;width: 5px;height: 5px;border-radius: 50px;margin-right: 10px;} .wop_global_popupbox_lookOrderidStep .pop_content .swiper-pagination .swiper-pagination-bullet-active{background: #EA5504;opacity: 1;} .wop_global_popupbox_lookOrderidStep .check_btn {width: 370px;height: 44px;background: #EA5504;line-height: 44px;border-radius: 16px;text-align: center;color: #fff;display: block;font-size: 16px;font-family: 'Quicksand-Bold';cursor: pointer;margin-top: 20px;} .wop_global_popupbox_lookOrderidStep .check_btn:hover {background: #335C80;} .wop_global_popupbox_activateSucc .wop_global_popupbox_con{width: 490px;overflow: hidden;height: auto;padding: 0px 0px;border-radius: 20px;} .wop_global_popupbox_activateSucc .contentbox{width: 100%;} .wop_global_popupbox_activateSucc .pop_content{width: 100%;display: flex;flex-direction: column;align-items: center;} .wop_global_popupbox_activateSucc .pop_content .imgbox{width: 100%;height: 156px;} .wop_global_popupbox_activateSucc .pop_content .imgbox .img1{width: 100%;height: auto;object-fit: cover;} .wop_global_popupbox_activateSucc .pop_content .imgbox .img2{width: 90px;height: auto;position: absolute;top: 30px;left: 50%;transform: translateX(-50%);z-index: 10;} .wop_global_popupbox_activateSucc .pop_content .p1{font-size: 20px;line-height: 20px;color: #292929;font-family: 'Quicksand-Bold';text-align: center;} .wop_global_popupbox_activateSucc .pop_content .p2{font-size: 16px;line-height: 22px;color: #292929;font-family: 'Quicksand-Medium';text-align: center;margin-top: 20px;padding: 0px 30px;} .wop_global_popupbox_activateSucc .gotit_btn {width: 100%;height: 46px;background: #fff;line-height: 46px;border: 1px solid rgba(173, 190, 204, 0.6);text-align: center;color: #EA5504;display: block;font-size: 18px;font-family: 'Quicksand-Bold';cursor: pointer;margin-top: 30px;} .wop_public_toastpop{position: fixed;left: 50%;top: 50%;width: auto;max-width: 400px;height: auto;transform: translate(-50%, -50%) scale(1);background-color: #335C80;display: flex;flex-direction: column;align-items: center;z-index: 1000;animation: wpFullPopupModelCon .8s;border-radius: 12px;padding: 20px;} .wop_public_toastpop img{width: 24px;height: 24px;} .wop_public_toastpop .p1{margin-top: 10px;font-size: 14px;line-height: 18px;color: #ffffff;font-family: 'Quicksand-SemiBold';text-align: center;} .wop_global_popupbox_choosepro{display: none;} .wop_global_popupbox_enterproducts{display: none;} .wop_global_popupbox_appPrivacyPolicy{display: none;} .wop_page_warranty .showappmodel{display: none;} @media (max-width:1440px) { } @media (max-width:1080px) { .wop_page_warranty{padding: 60px 0px 120px;} .wop_page_warranty .Warranty_content{padding: 0px 30px;} } @media (max-width:825px) { .wop_page_warranty{padding: 50px 0px 110px;} .wop_page_warranty .title{font-size: 20px;line-height: 24px;} .wop_page_warranty .from_box .inp_li{margin-bottom: 24px;} .wop_page_warranty .activate_box .activate_btn{width: 80%;} .wop_global_popupbox_lookOrderidStep .wop_global_popupbox_con{width: 90%;} } @media (max-width:480px) { .wop_page_warranty{padding: 44px 0px 10px;} .wop_wopetlife_app .wop_page_warranty{padding: 44px 0px 20px;height: 100vh;position: relative;} .wop_page_warranty .Warranty_appmenu{width: 100%;padding: 0px 15px;background: #FEF8F5;position: fixed;left: 0px;top: 0px;display: none;flex-direction: row;align-items: center;border-bottom: 1px solid rgba(173, 190, 204, 0.6);z-index: 100;} .wop_page_warranty .Warranty_appmenu .Warranty_appmenucon{width: 100%;height: 44px;display: flex;flex-direction: row;align-items: center;} .wop_page_warranty .Warranty_appmenu .app_close{width: 26px;height: 26px;cursor: pointer;z-index: 100;} .wop_page_warranty .Warranty_appmenu .app_close img{width: 100%;height: 100%;} .wop_page_warranty .Warranty_appmenu .title{width: 100%;font-size: 18px;color: #292929;font-family: 'Quicksand-Bold';position: absolute;left: 50%;transform: translateX(-50%);} .wop_wopetlife_app .wop_page_warranty .Warranty_appmenu{padding-top: env(safe-area-inset-top);} .wop_page_warranty .Warranty_content{padding: 0px 0px;} .wop_page_warranty .Warranty_content .content_from{padding: 0px 15px 20px;} .wop_wopetlife_app .wop_page_warranty .Warranty_content .content_from{padding: 0px 15px 140px;} .wop_page_warranty .title{font-size: 18px;line-height: 20px;} .wop_page_warranty .title2_box{margin-top: 25px;padding: 15px 10px;} .wop_page_warranty .title2_box .title2{font-size: 14px;line-height: 18px;text-align: left;} .wop_page_warranty .tab_box{margin-top: 20px;width: 100%;} .wop_page_warranty .tab_box .boxli{font-size: 16px;width: 33.33%;height: 40px;margin: 0px;} .wop_wopetlife_app .wop_page_warranty .tab_box{margin-top: 0px;position: fixed;left: 0px;top: calc(45px + env(safe-area-inset-top));z-index: 100;background: #FEF8F5;padding-top: 8px;} .wop_wopetlife_app .wop_page_warranty .title2_box{margin-top: calc(75px + env(safe-area-inset-top));} .wop_page_warranty .from_box{margin-top: 25px;} .wop_page_warranty .from_box .inp_li .errorbox{height: auto;} .wop_page_warranty .from_box .inp_li{width: 100%;margin-right: 0px;margin-bottom: 30px;} .wop_page_warranty .from_box .inp_li .p1{font-size: 16px;line-height: 16px;} .wop_page_warranty .from_box .inp_li .a1{font-size: 14px;line-height: 14px;font-family: 'Quicksand-SemiBold';color: #335C80;} .wop_page_warranty .from_box .inp_li .inpbox input{font-size: 14px;} .wop_page_warranty .from_box .inp_li .tip_text{font-size: 12px;line-height: 16px;} .wop_page_warranty .from_box .inp_li .inpbox .iconfont{transform: rotate(0deg);} .wop_page_warranty .from_box .inp_li .inpbox .close_btn{width: 18px;height: 18px;} .wop_page_warranty .from_box .inp_li .tip_text.y1{font-size: 13px;} .wop_page_warranty .from_box .inp_li .tip_text.y2{display: none;} .wop_page_warranty .from_box .inp_li .inpbox_order input{width: calc(40% - 20px);} .wop_page_warranty .from_box .inp_li .inpbox_order .line{padding: 0px 6px;width: 20px;} .wop_page_warranty .from_box .inp_li .inpbox_order .line::before{width: 8px;} .wop_page_warranty .from_box .inp_li .order_con .paste_btn{width: 100px;padding: 0px 10px;margin-left: 10px;} .wop_page_warranty .from_box .inp_liproduct .prodown_ul .t1{font-size: 14px;padding: 6px 12px;} .wop_page_warranty .from_box .inp_liproduct .prodown_ul .li{padding: 6px 12px;} .wop_page_warranty .from_box .inp_liproduct .prodown_ul .li .img1{width: 42px;height: 42px;} .wop_page_warranty .from_box .inp_liproduct .prodown_ul .li .p1{font-size: 14px;} .wop_page_warranty .from_box .inp_liproduct .pro_taglist{display: none;} .wop_page_warranty .activate_btnbox{padding: 0px 10px;width: 100%;} .wop_page_warranty .activate_box{margin-top: 20px;padding: 10px 15px;} .wop_page_warranty .activate_box .p1{font-size: 12px;line-height: 16px;text-align: center;} .wop_page_warranty .activate_box .activate_btn{width: 100%;height: 44px;line-height: 44px;font-size: 16px;background: #EA5506;margin-bottom: 10px;} .wop_page_warranty .activate_box .activate_btn:hover{background: #EA5506;} .wop_wopetlife_app .wop_page_warranty .activate_box{position: fixed;left: 0px;bottom: 0px;padding: 10px 15px;background: #FEF8F5;margin-top: 0px;padding-bottom: env(safe-area-inset-bottom);} /* .wop_wopetlife_iphonex .wop_page_warranty .activate_box{padding-bottom: 34px;} */ .wop_global_popupbox_lookOrderidStep .wop_global_popupbox_con{width: 87%;padding: 20px 15px 15px;} .wop_global_popupbox_lookOrderidStep .pop_content{width: 100%;display: flex;flex-direction: column;} .wop_global_popupbox_lookOrderidStep .pop_content .title{font-size: 18px;margin-bottom: 20px;} .wop_global_popupbox_lookOrderidStep .pop_content .swiper-btn .btnbox{display: none;} .wop_global_popupbox_lookOrderidStep .pop_content .swiper-btn{margin-top: 0px;} .wop_global_popupbox_lookOrderidStep .pop_content .p1{font-size: 14px;line-height: 20px;margin-top: 20px;min-height: 40px;} .wop_global_popupbox_lookOrderidStep .check_btn{height: 44px;line-height: 44px;margin-top: 25px;width: 92%;font-size: 16px;} .wop_global_popupbox_activateSucc .wop_global_popupbox_con{width: 87%;} .wop_global_popupbox_activateSucc .pop_content .imgbox{height: 126px;} .wop_global_popupbox_activateSucc .pop_content .imgbox .img2{top: 25px;} .wop_global_popupbox_activateSucc .pop_content .p1{font-size: 20px;line-height: 20px;width: 90%;margin-top: 20px;} .wop_global_popupbox_activateSucc .pop_content .p2{font-size: 16px;line-height: 20px;margin-top: 15px;padding: 0px 15px;} .wop_global_popupbox_activateSucc .gotit_btn{font-size: 18px;margin-top: 40px;} .wop_global_popupbox_choosepro{display: flex;} .wop_global_popupbox_choosepro .wop_global_popupbox_con{width: 100%;top: initial;bottom: 0px;left: 0px;transform: translateY(0px);background-color: #FEF8F5;height: auto;max-height: 90%;border-radius: 20px 20px 0px 0px;animation: wpFullPopupModelConBot .5s;display: flex;flex-direction: column;padding: 0px;overflow: hidden;} .wop_global_popupbox_choosepro .contentbox{width: 100%;height: 100%;overflow-y: scroll;border-radius: 20px 20px 0px 0px;} .wop_global_popupbox_choosepro .contentbox::-webkit-scrollbar {display: none;} .wop_global_popupbox_choosepro .contentbox .top_box{padding: 25px 16px;background: #FEF8F5;position: sticky;left: 0px;top: 0px;border-radius: 20px 20px 0px 0px;display: flex;flex-direction: row;align-items: center;justify-content: space-between;z-index: 10;border-bottom: 1px solid rgba(173, 190, 204, 0.6);} .wop_global_popupbox_choosepro .contentbox .top_box p{font-size: 18px;line-height: 18px;cursor: pointer;font-family: 'Quicksand-Bold';color: #335C80;} .wop_global_popupbox_choosepro .contentbox .top_box .not_foundbtn{color: #335C80;} .wop_global_popupbox_choosepro .contentbox .top_box .done_btn{color: #EA5504;} .wop_global_popupbox_choosepro .contentbox .prodown_ul{z-index: 10;width: 100%;display: flex;flex-direction: column;padding: 0px 16px 20px;} .wop_global_popupbox_choosepro .contentbox .prodown_ul .t1{width: 100%;font-size: 16px;color: #333333;font-family: 'Quicksand-SemiBold';margin-bottom: 12px;margin-top: 20px;} .wop_global_popupbox_choosepro .contentbox .prodown_ul .li_list{width: 100%;background: #FFFFFF;border-radius: 16px;border: 1px solid rgba(173, 190, 204, 0.6);display: flex;flex-direction: column;overflow: hidden;} .wop_global_popupbox_choosepro .contentbox .prodown_ul .li{width: 100%;padding: 8px 15px;display: flex;flex-direction: row;align-items: center;border-bottom: 1px solid rgba(173, 190, 204, 0.6);cursor: pointer;background: #fff;position: relative;} .wop_global_popupbox_choosepro .contentbox .prodown_ul .li::after{content:'';position: absolute;right: 16px;width: 19px;height: 19px;background-image: url('/webfile/index/img/warranty/icon_choice_qianse_xiao.png');background-repeat: no-repeat;background-size: 100% 100%;border: none;} .wop_global_popupbox_choosepro .contentbox .prodown_ul .li.cur::after{content:'';position: absolute;right: 16px;width: 19px;height: 19px;background-image: url('/webfile/index/img/warranty/icon_choice_selected.png');background-repeat: no-repeat;background-size: 100% 100%;border: none;} .wop_global_popupbox_choosepro .contentbox .prodown_ul .li:last-child{border: none;} .wop_global_popupbox_choosepro .contentbox .prodown_ul .li .img1{width: 39px;height: 39px;object-fit: cover;} .wop_global_popupbox_choosepro .contentbox .prodown_ul .li .p1{font-size: 16px;padding: 0px 30px 0px 10px;color:#292929;font-family: 'Quicksand-Bold';} .wop_global_popupbox_enterproducts{display: flex;} .wop_global_popupbox_enterproducts .wop_global_popupbox_con{width: 100%;top: initial;bottom: 0px;left: 0px;transform: translateY(0px);background-color: #fff;height: auto;max-height: 90%;border-radius: 20px 20px 0px 0px;animation: wpFullPopupModelConBot .5s;display: flex;flex-direction: column;padding: 25px 0px;overflow: hidden;} .wop_global_popupbox_enterproducts .contentbox{width: 100%;height: 100%;border-radius: 20px 20px 0px 0px;position: relative;} .wop_global_popupbox_enterproducts .contentbox .p1{font-size: 18px;line-height: 20px;color: #292929;font-family: 'Quicksand-Bold';text-align: center;padding-bottom: 25px;border-bottom: 1px solid rgba(173, 190, 204, 0.6);} .wop_global_popupbox_enterproducts .contentbox .enter_inpbox{margin: 25px 15px 0px;padding: 0px 15px;border-radius: 16px;background: #F5F5F5;display: flex;flex-direction: row;align-items: center;justify-content: space-between;} .wop_global_popupbox_enterproducts .contentbox .enter_inpbox input{flex: 1;font-size: 16px;padding: 20px 0px;color: #292929;font-family: 'Quicksand-SemiBold';background: #F5F5F5;} .wop_global_popupbox_enterproducts .contentbox .enter_inpbox .close_btn{margin-left: 8px;width: 18px;height: 18px;cursor: pointer;position: relative;border-radius: 50px;background: #8F8F8F;display: none;} .wop_global_popupbox_enterproducts .contentbox .enter_inpbox .close_btn::before{content: '';position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%) rotate(45deg);width: 60%;height: 2px;background: #fff;border-radius: 50px;} .wop_global_popupbox_enterproducts .contentbox .enter_inpbox .close_btn::after{content: '';position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%) rotate(45deg);width: 2px;height: 60%;background: #fff;border-radius: 50px;} .wop_global_popupbox_enterproducts .contentbox .enter_inpbox .close_btn:hover{transform: scale(1.1);} .wop_global_popupbox_enterproducts .contentbox .p2{margin-top: 10px;font-size: 12px;line-height: 16px;color: #8F8F8F;font-family: 'Quicksand-Medium';margin: 10px 15px 0px;} .wop_global_popupbox_enterproducts .contentbox .p2 span{color: #EA5504;} .wop_global_popupbox_enterproducts .contentbox .errorbox{height: 12px;margin: 8px 15px 100px;display: flex;flex-direction: row;align-items: center;} .wop_global_popupbox_enterproducts .contentbox .errorbox img{width: 12px;height: 12px;margin-right: 5px;} .wop_global_popupbox_enterproducts .contentbox .errorbox p{font-size: 12px;color: #E51D4F;line-height: 12px;font-family: 'Quicksand-Medium';} .wop_global_popupbox_enterproducts .contentbox .btn_box{display: flex;flex-direction: row;align-items: center;justify-content: space-between;margin: 20px 15px 0px;position: absolute;bottom: 0px;left: 0px;width: calc(100% - 32px);} .wop_global_popupbox_enterproducts .contentbox .btn_box .btn{width: calc(50% - 7px);height: 44px;line-height: 44px;border-radius: 16px;text-align: center;color: #335C80;display: block;font-size: 16px;font-family: 'Quicksand-Bold';cursor: pointer;} .wop_global_popupbox_enterproducts .contentbox .btn_box .cancel_btn{background: #ECF3F8;color: #335C80;margin-right: 15px;} .wop_global_popupbox_enterproducts .contentbox .btn_box .confirm_btn{background: #EA5506;color: #fff;} .wop_global_popupbox_enterproducts .contentbox .btn_box .confirm_btn.disable{background: #F7BB9B;} .wop_global_popupbox_appPrivacyPolicy{display: flex;} .wop_global_popupbox_appPrivacyPolicy .wop_global_popupbox_con{width: 100%;top: initial;bottom: 0px;left: 0px;transform: translateY(0px);background-color: #fff;height: 90%;border-radius: 16px 16px 0px 0px;animation: wpFullPopupModelConBot .5s;display: flex;flex-direction: column;padding: 0px;overflow: hidden;} .wop_global_popupbox_appPrivacyPolicy .contentbox{width: 100%;height: 100%;overflow-y: scroll;border-radius: 16px 16px 0px 0px;} .wop_global_popupbox_appPrivacyPolicy .contentbox::-webkit-scrollbar {display: none;} .wop_global_popupbox_appPrivacyPolicy .contentbox .p1{padding: 12px 16px 30px;background: #fff;position: sticky;left: 0px;top: 0px;border-radius: 16px 16px 0px 0px;font-size: 16px;line-height: 20px;color: #434343;font-family: 'Quicksand-Bold';text-align: center;border-bottom: 1px solid #e0e0e0;} .wop_global_popupbox_appPrivacyPolicy .contentbox .textbox{z-index: 10;width: 100%;height: 100%;background: #fff;} .wop_global_popupbox_appPrivacyPolicy .contentbox .textbox iframe{width: 100%;height: 100%;border: none;} .wop_global_popupbox_appPrivacyPolicy .contentbox .textbox iframe::-webkit-scrollbar {display: none;} .wop_global_popupbox_warrantyAppClose .wop_global_popupbox_con{width: 87%;height: auto;padding: 15px 0px 0px;overflow: hidden;border-radius: 20px;} .wop_global_popupbox_warrantyAppClose .pop_content{display: flex;flex-direction: column;align-items: center;} .wop_global_popupbox_warrantyAppClose .pop_content .img{width: 39px;height: 39px;} .wop_global_popupbox_warrantyAppClose .pop_content .p1{font-size: 18px;line-height: 18px;margin-top: 15px;padding: 0px 15px;color: #292929;font-family: 'Quicksand-Bold';} .wop_global_popupbox_warrantyAppClose .pop_content .p2{font-size: 16px;line-height: 20px;margin-top: 8px;padding: 0px 15px;color: #292929;font-family: 'Quicksand-SemiBold';text-align: center;} .wop_global_popupbox_warrantyAppClose .btnbox{width: 100%;height: 46px;background: #FFF;border-radius: 0px;margin-top: 26px;border-top: 1px solid rgba(173, 190, 204, 0.6);display: flex;flex-direction: row;} .wop_global_popupbox_warrantyAppClose .btnbox .btn{width: 50%;height: 46px;background: #fff;line-height: 46px;text-align: center;color: #292929;display: block;font-size: 18px;font-family: 'Quicksand-Bold';cursor: pointer;} .wop_global_popupbox_warrantyAppClose .btnbox .btn.fillinnow_btn{color: #335C80;border-right: 1px solid rgba(173, 190, 204, 0.6);} .wop_global_popupbox_warrantyAppClose .btnbox .btn.later_btn{color: #EA5504;} .wop_public_toastpop{width: 74%;padding: 15px;} .wop_public_toastpop .p1{margin-top: 8px;font-size: 14px;line-height: 20px;} } /* 9月领养故事活动 */ .wop_model_adoptStory .main4{overflow: hidden;} .wop_model_adoptStory .titlebox{width: 100%;display: flex;flex-direction: column;align-items: center;} .wop_model_adoptStory .titlebox .swiper_box{width: 600px;margin-top: 30px;display: flex;flex-direction: row;align-items: center;border: 1px solid #e0e0e0;border-radius: 8px;background: #F7F7F6;padding: 12px 8px;} .wop_model_adoptStory .titlebox .swiper_box .p1{width: 100%;font-size: 18px;line-height: 20px;color: #434343;font-family: 'Quicksand-Medium';text-align: center;} .wop_model_adoptStory .titlebox .progress_box{width: 100%;display: flex;flex-direction: column;align-items: center;margin-top: 24px;} .wop_model_adoptStory .titlebox .progress_box .linebox{width: 500px;height: 20px;border-radius: 4px;background: #F7F7F6;} .wop_model_adoptStory .titlebox .progress_box .linebox .progress{width: 0%;height: 100%;background: #EA5504;border-radius: 4px;transition: all 1.5s ease-in-out;} .wop_model_adoptStory .titlebox .progress_box .p2{font-size: 16px;line-height: 16px;color: #434343;font-family: 'Quicksand-Medium';margin-top: 12px;} .wop_model_adoptStory .titlebox .progress_box .p2 span{font-family: 'Quicksand-SemiBold';color: #EA5504;} .wop_model_adoptStory .model_content{width: 100%;display: flex;flex-direction: row;align-items: center;justify-content: space-between;margin-top: 40px;} .wop_model_adoptStory .model_content .leftbox{flex: 1;padding-right: 30px;display: flex;flex-direction: column;align-items: center;} .wop_model_adoptStory .model_content .leftbox .rule{width: 100%;margin-top: 32px;} .wop_model_adoptStory .model_content .leftbox .rule .p2{font-size: 18px;line-height: 20px;color: #434343;font-family: 'Quicksand-SemiBold';margin-bottom: 10px;} .wop_model_adoptStory .model_content .leftbox .rule .p3{font-size: 16px;line-height: 22px;color: #434343;font-family: 'Quicksand-Medium';} .wop_model_adoptStory .model_content .leftbox .rule .p3.p_top{margin-top: 18px;} .wop_model_adoptStory .model_content .leftbox .rule .share_list{width: 80%;display: flex;flex-direction: row;align-items: center;flex-wrap: wrap;margin-top: 24px;} .wop_model_adoptStory .model_content .leftbox .rule .share_list .libox{width: calc((100% - 32px)/3);height: 36px;border: 1px solid #434343;display: flex;flex-direction: row;align-items: center;justify-content: center;margin-right: 16px;border-radius: 50px;cursor: pointer;} .wop_model_adoptStory .model_content .leftbox .rule .share_list .libox img{width: 24px;height: auto;margin-right: 8px;} .wop_model_adoptStory .model_content .leftbox .rule .share_list .libox .p4{font-size: 16px;line-height: 16px;color: #434343;font-family: 'Quicksand-SemiBold';} .wop_model_adoptStory .model_content .leftbox .rule .share_list .libox:last-child{margin-right: 0px;} .wop_model_adoptStory .model_content .leftbox .rule .share_list .libox:hover{background: #f8f8f8;} .wop_model_adoptStory .model_content .leftbox .rule .share_list .libox:nth-child(1) .p4{color: #537bbc;} .wop_model_adoptStory .model_content .leftbox .rule .share_list .libox:nth-child(2) .p4{color: #28a8e7;} .wop_model_adoptStory .model_content .leftbox .rule .share_list .libox:nth-child(3) .p4{color: #e60023;} .wop_model_adoptStory .model_content .rightbox{width: 600px;height: 600px;} .wop_model_adoptStory .model_content .read_rulebtn{display: none;} .wop_model_adoptStory .countdownbox{width: 100%;display: flex;flex-direction: column;align-items: center;margin-top: 40px;} .wop_model_adoptStory .countdownbox .p1{font-size: 20px;line-height: 24px;color: #434343;font-family: 'Quicksand-Bold';margin-bottom: 16px;} .wop_model_adoptStory .countdownbox .sale_downcount_box .flip{width: 63px;height: 57px;} .wop_model_adoptStory .countdownbox .sale_downcount_box .flip .flip-clock{font-size: 26px;line-height: 26px;} .wop_model_adoptStory .countdownbox .sale_downcount_box .flip .unit{font-size: 18px;line-height: 18px;} .wop_model_adoptStory .countdownbox .sale_downcount_box .flip-dot{font-size: 26px;} .wop_global_popupbox_ladoptStoryshareSucc .wop_global_popupbox_con{width: 500px;overflow: hidden;height: auto;padding: 40px 50px;} .wop_global_popupbox_ladoptStoryshareSucc .contentbox{width: 100%;} .wop_global_popupbox_ladoptStoryshareSucc .pop_content{width: 100%;display: flex;flex-direction: column;align-items: center;} .wop_global_popupbox_ladoptStoryshareSucc .pop_content .p1{font-size: 20px;line-height: 26px;color: #434343;font-family: 'Quicksand-Bold';text-align: center;} .wop_global_popupbox_ladoptStoryshareSucc .pop_content .p2{font-size: 16px;line-height: 20px;color: #434343;font-family: 'Quicksand-Medium';text-align: center;margin-top: 12px;} .wop_global_popupbox_adoptStoryRule{display: none;} @media (max-width:1440px) { } @media (max-width:1080px) { .wop_model_adoptStory .model_content{margin-top: 30px;} .wop_model_adoptStory .model_content .leftbox .rule .share_list{width: 100%;} } @media (max-width:825px) { .wop_model_adoptStory .model_content{flex-direction: column;margin-top: 50px;} .wop_model_adoptStory .model_content .leftbox{width: 100%;padding-right: 0px;} .wop_model_adoptStory .model_content .leftbox .rule{display: none;} .wop_model_adoptStory .model_content .rightbox{width: 100%;height: auto;display: flex;flex-direction: column;align-items: center;} .wop_model_adoptStory .model_content .read_rulebtn{display: block;font-size: 18px;line-height: 20px;color: #434343;font-family: 'Quicksand-SemiBold';margin-top: 20px;cursor: pointer;text-decoration: underline;} .wop_global_popupbox_adoptStoryRule{display: block;} .wop_global_popupbox_adoptStoryRule .wop_global_popupbox_con{width: 600px;overflow: hidden;height: auto;padding: 40px 30px;} .wop_global_popupbox_adoptStoryRule .contentbox{width: 100%;} .wop_global_popupbox_adoptStoryRule .pop_content{width: 100%;display: flex;flex-direction: column;align-items: center;} .wop_global_popupbox_adoptStoryRule .pop_content .p2{font-size: 30px;line-height: 30px;color: #434343;font-family: 'Quicksand-Bold';text-align: center;margin-bottom: 18px;} .wop_global_popupbox_adoptStoryRule .pop_content .p3{width: 100%;font-size: 20px;line-height: 28px;color: #434343;font-family: 'Quicksand-Medium';text-align: left;} .wop_global_popupbox_adoptStoryRule .pop_content .p3.p_top{margin-top: 12px;} .wop_global_popupbox_adoptStoryRule .pop_content .share_list{width: 100%;display: flex;flex-direction: row;align-items: center;flex-wrap: wrap;margin-top: 24px;} .wop_global_popupbox_adoptStoryRule .pop_content .share_list .libox{width: calc((100% - 24px)/3);height: 40px;border: 1px solid #434343;display: flex;flex-direction: row;align-items: center;justify-content: center;margin-right: 12px;border-radius: 50px;cursor: pointer;} .wop_global_popupbox_adoptStoryRule .pop_content .share_list .libox img{width: 26x;height: auto;margin-right: 8px;} .wop_global_popupbox_adoptStoryRule .pop_content .share_list .libox .p4{font-size: 16px;line-height: 16px;color: #434343;font-family: 'Quicksand-SemiBold';} .wop_global_popupbox_adoptStoryRule .pop_content .share_list .libox:last-child{margin-right: 0px;} .wop_global_popupbox_adoptStoryRule .pop_content .share_list .libox:hover{background: #f8f8f8;} .wop_global_popupbox_adoptStoryRule .pop_content .share_list .libox:nth-child(1) .p4{color: #537bbc;} .wop_global_popupbox_adoptStoryRule .pop_content .share_list .libox:nth-child(2) .p4{color: #28a8e7;} .wop_global_popupbox_adoptStoryRule .pop_content .share_list .libox:nth-child(3) .p4{color: #e60023;} } @media (max-width:480px) { .wop_model_adoptStory .titlebox .swiper_box{width: 100%;margin-top: 26px;padding: 8px;} .wop_model_adoptStory .titlebox .swiper_box .p1{font-size: 14px;line-height: 16px;} .wop_model_adoptStory .titlebox .progress_box{margin-top: 20px;} .wop_model_adoptStory .titlebox .progress_box .linebox{width: 100%;height: 16px;} .wop_model_adoptStory .titlebox .progress_box .p2{font-size: 12px;line-height: 14px;text-align: center;margin-top: 8px;} .wop_model_adoptStory .model_content{margin-top: 36px;} .wop_model_adoptStory .model_content .read_rulebtn{font-size: 16px;line-height: 18px;} .wop_model_adoptStory .countdownbox{margin-top: 20px;} .wop_model_adoptStory .countdownbox .p1{font-size: 16px;line-height: 16px;margin-bottom: 12px;} .wop_model_adoptStory .countdownbox .sale_downcount_box .flip{width: 42px;height: 38px;} .wop_model_adoptStory .countdownbox .sale_downcount_box .flip .flip-clock{font-size: 18px;line-height: 18px;} .wop_model_adoptStory .countdownbox .sale_downcount_box .flip .unit{font-size: 12px;line-height: 12px;} .wop_model_adoptStory .countdownbox .sale_downcount_box .flip-dot{font-size: 18px;color: #434343;} .wop_global_popupbox_ladoptStoryshareSucc .wop_global_popupbox_con{width: 92%;padding: 20px 16px;} .wop_global_popupbox_ladoptStoryshareSucc .pop_content .p1{font-size: 20px;line-height: 24px;width: 90%} .wop_global_popupbox_ladoptStoryshareSucc .pop_content .p2{font-size: 14px;line-height: 20px;margin-top: 8px;padding: 0px 16px;} .wop_global_popupbox_adoptStoryRule .wop_global_popupbox_con{width: 92%;padding: 20px 16px;} .wop_global_popupbox_adoptStoryRule .pop_content .p2{font-size: 20px;line-height: 24px;margin-bottom: 16px;} .wop_global_popupbox_adoptStoryRule .pop_content .p3{font-size: 14px;line-height: 20px;} .wop_global_popupbox_adoptStoryRule .pop_content .p3.p_top{margin-top: 12px;} .wop_global_popupbox_adoptStoryRule .pop_content .share_list{width: 100%;margin-top: 24px;} .wop_global_popupbox_adoptStoryRule .pop_content .share_list .libox{width: calc((100% - 24px)/3);height: 32px;margin-right: 12px;} .wop_global_popupbox_adoptStoryRule .pop_content .share_list .libox img{width: 22px;margin-right: 3px;} .wop_global_popupbox_adoptStoryRule .pop_content .share_list .libox .p4{font-size: 12px;line-height: 14px;} } /* 街头采访幸运转盘活动 */ .wop_page_turntable .wop_model_turntable{width: 100%;display: flex;flex-direction: column;align-items: center;margin-top: 80px;} .wop_page_turntable .wop_model_turntable .main4{display: flex;flex-direction: column;align-items: center;} .wop_page_turntable .wop_model_turntable .title_box{font-size: 40px;color: #434343;line-height: 40px;font-family: 'MADETommySoft-Bold';margin-bottom: 64px;text-align: center;} .wop_page_turntable .wop_model_turntable .title_box span{color: #EA5504;} .wop_model_turntable .turntablebox{width: 600px;height: 600px;} .wop_model_turntable .turntablebox .img_box{position: relative;width: 100%;height: 100%;} .wop_model_turntable .turntablebox .img_box .arrows_img{width: 70px;height: auto;position: absolute;left: 50%;top: -35px;margin-left: -40px;z-index: 10;animation: arrows_jump 8s infinite ease-in-out;} @keyframes arrows_jump { 0% { transform: translateY(0px); } 10% { transform: translateY(-24px); } 20% { transform: translateY(0px); } 30% { transform: translateY(-24px); } 40% { transform: translateY(0px); } 100% { transform: translateY(0px); } } .wop_model_turntable .turntablebox .img_box .go_btn{width: 110px;height: 110px;border-radius: 50%;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);cursor: pointer;animation: all 2s ease-in;} .wop_model_turntable .turntablebox .img_box .go_btn:hover{box-shadow: rgba(234, 85, 4, 0.5) 0px 2px 16px;width: 116px;height: 116px;} .wop_model_turntable .turntablebox .img_box .disable:hover{box-shadow: none;width: 110px;height: 110px;} .wop_model_turntable .turntablebox .img_box .turntable_img{width: 100%;height: 100%;} .wop_model_turntable .turntablebox .img_box .myraffle{animation: raffle 10s cubic-bezier(0.4, 0, 0.05, 1);} @keyframes raffle { 0% { transform: rotate(0deg); } 62.5% { transform: rotate(var(--final-rotate1)); } 75% { transform: rotate(var(--final-rotate2)); } 100% { transform: rotate(var(--final-rotate2)); } } .wop_model_turntable .turntablebox .result_box{width: 100%;height: 100%;display: none;flex-direction: column;align-items: center;justify-content: center;background-image: url('/webfile/index/img/turntable/result_bg.png');background-size: 100% 100%;background-repeat: no-repeat;} .wop_model_turntable .turntablebox .result_box .p2{font-size: 38px;line-height: 40px;color: #ffffff;font-family: 'MADETommySoft-Bold';margin-bottom: 22px;} .wop_model_turntable .turntablebox .result_box .boxcon{width: 60%;padding: 26px 16px;display: flex;flex-direction: column;align-items: center;background: #ffffff;border-radius: 20px;border: 2px solid #F59C5A;} .wop_model_turntable .turntablebox .result_box .boxcon .p3{font-size: 24px;line-height: 24px;color: #434343;font-family: 'MADETommySoft-Bold';margin-bottom: 16px;text-align: center;} .wop_model_turntable .turntablebox .result_box .boxcon .p4{font-size: 24px;line-height: 30px;color: #EA5504;font-family: 'MADETommySoft-Bold';margin-bottom: 24px;text-align: center;} .wop_model_turntable .turntablebox .result_box .boxcon .p4.discount{font-size: 30px;padding-bottom: 22px;border-bottom: 1px solid rgba(74, 74, 74, 0.39);width: 100%;text-align: center;} .wop_model_turntable .turntablebox .result_box .boxcon .p5{font-size: 18px;line-height: 20px;color: #434343;font-family: 'MADETommySoft-Bold';margin-bottom: 20px;text-align: center;} .wop_model_turntable .turntablebox .result_box .boxcon .code{font-size: 22px;line-height: 22px;color: #434343;font-family: 'MADETommySoft-Bold';margin-bottom: 28px;border-radius: 8px;border: 1px dashed rgba(74, 74, 74, 0.39);padding: 8px 28px;cursor: pointer;} .wop_model_turntable .turntablebox .result_box .boxcon .code .iconfont{margin-left: 6px;color: #EA5504;font-weight: bold;} .wop_model_turntable .turntablebox .result_box .boxcon .product_img{width: 180px;height: auto;} .wop_model_turntable .turntablebox .result_box .boxcon input{border: 1px solid #7A7A7A;border-radius: 8px;font-size: 16px;color: #434343;padding: 10px 16px;width: 100%;margin-bottom: 20px;text-align: center;font-family: 'MADETommySoft-Medium';background: #fff;} .wop_model_turntable .turntablebox .result_box .boxcon .save_email_btn{width: 160px;height: 46px;display: flex;align-items: center;justify-content: center;font-size: 20px;color: #ffffff;font-family: 'MADETommySoft-Bold';cursor: pointer;background: #EA5504;border-radius: 10px;} .wop_model_turntable .turntablebox .result_box .boxcon .save_email_btn:hover{background: #335C80;} @media (max-width:1440px) { .wop_page_turntable .wop_model_turntable{margin-top: 70px;} .wop_page_turntable .wop_model_turntable .title_box{font-size: 36px;line-height: 40px;margin-bottom: 60px;} } @media (max-width:1080px) { .wop_page_turntable .wop_model_turntable{margin-top: 60px;} .wop_page_turntable .wop_model_turntable .title_box{font-size: 32px;line-height: 36px;margin-bottom: 56px;} } @media (max-width:825px) { .wop_page_turntable .wop_model_turntable{margin-top: 50px;} .wop_page_turntable .wop_model_turntable .title_box{font-size: 26px;line-height: 30px;margin-bottom: 52px;} .wop_model_turntable .turntablebox{width: 80%;height: auto;padding-top: 80%;position: relative;} .wop_model_turntable .turntablebox .img_box{width: 100%;height: 100%;position: absolute;left: 0px;top: 0px;} .wop_model_turntable .turntablebox .img_box .arrows_img{width: 60px;margin-left: -30px;top: -30px;} .wop_model_turntable .turntablebox .img_box .go_btn{width: 100px;height: 100px;} .wop_model_turntable .turntablebox .img_box .go_btn:hover{box-shadow: none;width: 100px;height: 100px;} .wop_model_turntable .turntablebox .img_box .disable:hover{box-shadow: none;width: 100px;height: 100px;} .wop_model_turntable .turntablebox .result_box{width: 100%;height: 100%;position: absolute;left: 0px;top: 0px;} .wop_model_turntable .turntablebox .result_box .p2{font-size: 32px;line-height: 34px;margin-bottom: 18px;} } @media (max-width:480px) { .wop_page_turntable .wop_model_turntable{margin-top: 40px;} .wop_page_turntable .wop_model_turntable .title_box{font-size: 23px;line-height: 26px;margin-bottom: 50px;display: flex;flex-direction: column;align-items: center;} .wop_page_turntable .wop_model_turntable .title_box span{font-size: 33px;line-height: 40px;} .wop_model_turntable .turntablebox{width: 100%;height: auto;padding-top: 0px;position: relative;} .wop_model_turntable .turntablebox .img_box{position: static;} .wop_model_turntable .turntablebox .img_box .arrows_img{width: 40px;margin-left: -20px;top: -20px;} .wop_model_turntable .turntablebox .img_box .go_btn{width: 60px;height: 60px;} .wop_model_turntable .turntablebox .img_box .go_btn:hover{box-shadow: none;width: 60px;height: 60px;} .wop_model_turntable .turntablebox .img_box .disable:hover{box-shadow: none;width: 60px;height: 60px;} .wop_model_turntable .turntablebox .result_box{position: static;background-image: url('/webfile/index/img/turntable/result_bg2.png');padding: 32px 16px;} .wop_model_turntable .turntablebox .result_box .p2{font-size: 24px;line-height: 26px;margin-bottom: 12px;color: #ffffff;} .wop_model_turntable .turntablebox .result_box .boxcon{width: 100%;padding: 40px 17px;} .wop_model_turntable .turntablebox .result_box .boxcon .p3{font-size: 24px;line-height: 26px;margin-bottom: 16px;} .wop_model_turntable .turntablebox .result_box .boxcon .p4{font-size: 24px;line-height: 26px;margin-bottom: 16px;} .wop_model_turntable .turntablebox .result_box .boxcon .p4.discount{font-size: 28px;padding-bottom: 20px;} .wop_model_turntable .turntablebox .result_box .boxcon .p5{font-size: 17px;line-height: 20px;margin-bottom: 16px;} .wop_model_turntable .turntablebox .result_box .boxcon .code{font-size: 18px;line-height: 20px;padding: 8px 32px;margin-bottom: 12px;} .wop_model_turntable .turntablebox .result_box .boxcon .product_img{width: 70%;height: auto;} .wop_model_turntable .turntablebox .result_box .boxcon input{font-size: 16px;margin-bottom: 16px;} .wop_model_turntable .turntablebox .result_box .boxcon .save_email_btn{width: max-content;height: 42px;font-size: 16px;padding: 0px 22px;} }