/* /member_promotion/static/src/css/member_promotion.css defined in bundle 'member_promotion.src' */ body{font-family: PingFang SC;} #member_promotion_page .swiper-container .item{background-image: url(/member_promotion/static/img/swiper_1.png); height: 400px; background-size: 100% 100%;} #member_promotion_page .swiper-container .or-swiper-pagination{position: absolute; text-align: center; -webkit-transition: 0.3s opacity; -o-transition: 0.3s opacity; transition: 0.3s opacity; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 10;} .wanan_become_ambassador{width: 80%; margin: 0 auto;} .wanan_become_ambassador .w_tile_bg{background-image: url(/member_promotion/static/img/1/1.png); background-size: 100% 100%; height: 150px; display: flex; align-items: center; justify-content: center; margin: 60px 0;} .wanan_become_ambassador .w_tile_bg .text{font-size: 40px; color: #d12e22; font-weight: bold;} .wanan_become_ambassador .list_img{display: flex; background-image: url(/member_promotion/static/img/1/bg.png); background-size: contain; height: 250px;} .wanan_become_ambassador .list_img .l_item{margin: 0 3%; width: 15%; display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; height: 70px;} .wanan_become_ambassador .list_img .l_item .text{font-size: 16px; font-family: PingFang SC; font-weight: bold; color: #c72514; background: #ffffff; box-shadow: 0px 0px 20px 0px rgba(199, 37, 20, 0.2); width: 100%; text-align: center; height: 74px; vertical-align: bottom; display: flex; justify-content: center; padding-top: 40px; padding-bottom: 10px; line-height: 2;} .wanan_become_ambassador .list_img .l_item img{position: absolute; top: -65px;} .wanan_become_ambassador .cus{margin: 50px 0 120px 0; display: flex; align-items: center; justify-content: center;} .wanan_become_ambassador .cus img{width: 200px;} .member_title_box{background-image: url(/member_promotion/static/img/line.png); background-size: 100% 100%; height: 255px; margin: 0 auto; width: 40%; display: flex; justify-content: center; align-items: center; flex-direction: column;} .member_title_box .center_title{display: flex; align-items: center; justify-content: center; width: 200%;} .member_title_box .center_title .line{margin: 0 20px; width: 40px; height: 3px; background-color: crimson;} .member_title_box .center_title .t_title{font-size: 36px; font-weight: bold; color: #000000;} .member_title_box > div{margin: 10px 0;} .x_title{display: flex; justify-content: center; align-items: center; flex-direction: column;} .x_title .text{font-weight: bold; color: #000000; text-shadow: 0px 3px 6px rgba(4, 20, 43, 0.35); font-size: 26px; -webkit-text-stroke: 1px #333333; text-stroke: 1px #333333; text-align: center;} .x_title .bg_line{display: flex; justify-content: space-between; align-items: center;} .x_title .bg_line .line{width: 40px; height: 3px; background-color: #c72514; margin: 0 20px;} .x_title .descr{font-size: 16px; font-weight: 400; color: #999999; text-align: center;} .they_need_box{width: 80%; margin: 0 auto;} .they_need_box .x_title{margin-top: -60px;} .they_need_box .they_need_list{display: flex;} .they_need_box .they_need_item{margin: 1.5%; width: 17%; background: #ffffff; box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.03); display: flex; flex-direction: column; align-items: center; justify-content: center; height: 200px;} .they_need_box .they_need_item:first-child{box-shadow: 0px 0px 20px 0px rgba(199, 37, 20, 0.2);} .they_need_box .they_need_item:hover{box-shadow: 0px 0px 20px 0px rgba(199, 37, 20, 0.2);} .they_need_box .they_need_item .text{font-weight: bold; color: #333333; font-size: 14px; padding: 15px; text-align: center;} .suitable_for{margin: 40px 0; background-image: url(/member_promotion/static/img/2/bg.png); background-size: cover; height: 900px;} .suitable_for .suitable_for_list{display: flex; align-items: center; flex-wrap: wrap; margin: 0 auto; margin-top: 40px; width: 80%;} .suitable_for .suitable_for_list .suitable_for_item{display: flex; align-items: center; justify-content: center; flex-direction: column; width: 20%; margin: 2.5% 2.5%; background: #ffffff; box-shadow: 0px 0px 20px 0px rgba(199, 37, 20, 0.2); border-radius: 5px; height: 150px;} .suitable_for .suitable_for_list .suitable_for_item .text{font-size: 16px; font-weight: 500; color: #999999; margin-top: 20px;} .need_it{margin-top: -300px;} .need_it .need_it_list{display: flex; align-items: center; flex-wrap: wrap; margin: 0 auto; margin-top: 40px; width: 80%;} .need_it .need_it_list .team{display: flex; align-items: center; justify-content: center; flex-direction: column;} .need_it .need_it_list .need_it_item{display: flex; align-items: center; justify-content: space-between; flex-direction: column; width: 20%; margin: 2.5% 2.5%; background: #ffffff; box-shadow: 0px 0px 20px 0px rgba(199, 37, 20, 0.2); border-radius: 5px; height: 250px; padding: 15px;} .need_it .need_it_list .need_it_item .text{font-size: 16px; font-weight: 500; color: #000000; text-align: center;} .need_it .need_it_list .need_it_item .line{width: 40px; height: 3px; background-color: #c72514;} .some_partners{margin: 60px 0;} .some_partners .some_partners_swiper{margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1; width: 80%; margin-top: 60px;} .some_partners .some_partners_swiper .swiper-slide{display: flex; flex-wrap: wrap; padding: 0 4%;} .some_partners .some_partners_swiper .swiper-slide .some_partners_icon{width: 15%; margin: 1.5% 2.4%;} .some_partners .some_partners_swiper .swiper-button-prev{background-image: url(/member_promotion/static/img/left.png); width: 27px; height: 44px;} .some_partners .some_partners_swiper .swiper-button-next{background-image: url(/member_promotion/static/img/right.png); width: 27px; height: 44px;} .how_recommend{margin: 60px 0; background-image: url(/member_promotion/static/img/type_bg.png); background-size: cover; padding-bottom: 60px; background-position: -40% 40%;} .how_recommend .x_title{margin-top: 60px;} .how_recommend .how_recommend_list{width: 80%; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; margin-top: 60px;} .how_recommend .how_recommend_list .one{background: #ffffff; box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.03); border-radius: 15px; height: 400px; width: 362px; display: flex; align-items: center; justify-content: center; flex-direction: column; border-radius: 12px;} .how_recommend .how_recommend_list .one:nth-child(2){height: 450px; box-shadow: 0px 0px 20px 0px rgba(199, 37, 20, 0.2);} .how_recommend .how_recommend_list .one:nth-child(2) .text_t{margin-top: -88px;} .how_recommend .how_recommend_list .one .text_t{background: #c72514; box-shadow: 0px 3px 6px 0px rgba(199, 37, 20, 0.35); border-radius: 15px 15px 0px 0px; font-weight: bold; color: #ffffff; font-size: 20px; text-align: center; padding: 15px; width: 100%; margin-top: -30px;} .how_recommend .how_recommend_list .one .m_text{background: #ffffff; box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.03); border-radius: 15px; margin: 20px auto; text-align: center;} .how_recommend .how_recommend_list .one .m_text .pirce{font-weight: bold; font-size: 40px; color: #c72514;} .how_recommend .how_recommend_list .one .m_text .d_price{font-size: 18px; font-weight: bold; text-decoration: line-through; color: #999999;} .how_recommend .how_recommend_list .one .t_att{text-align: center; margin: 20px 0; background: #ffffff; box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.03); border-radius: 15px;} .how_recommend .how_recommend_list .one .t_att .list_green{color: #60eb60;} .how_recommend .how_recommend_list .one .t_att .day{color: #999999; font-size: 18px;} .how_recommend .how_recommend_list .one .t_att .usd{color: #333333; font-size: 18px;} .how_recommend .how_recommend_list .one .t_att .ann{color: #999999; font-size: 18px;} .how_recommend .how_recommend_list .one .t_att .ann .red{color: #c72514;} .how_recommend .how_recommend_list .one .trail{background: #f4f4f4; border-radius: 35px; font-weight: bold; color: #333333; text-align: center; padding: 15px 40px; margin: 20px auto;} .how_recommend .how_recommend_list .one .two_trail{background: #c72514; box-shadow: 0px 3px 6px 0px rgba(199, 37, 20, 0.35); color: #ffffff;} .promotion_steps{width: 80%; margin: 0 auto;} .promotion_steps .one_line{display: flex; margin-top: 120px;} .promotion_steps .one_line .line_item{display: flex; align-items: center; justify-content: center; flex-direction: column; width: 22%; background-color: #ffffff; background-size: cover; padding: 20px; box-shadow: 0px 0px 20px 0px rgba(199, 37, 20, 0.2); border-top-right-radius: 70px; border-bottom-left-radius: 70px; position: relative; height: 179px;} .promotion_steps .one_line .line_item .one{background-color: #c72514; padding: 5px 10px; border-top-right-radius: 10px; border-top-left-radius: 10px; font-size: 22px; font-weight: bold; color: #ffffff; position: absolute; left: 0; top: -43px;} .promotion_steps .one_line .right img{margin-top: 40px; margin-left: 10px; margin-right: 10px;} .promotion_steps .one_line .text{font-weight: bold; color: #333333; font-size: 16px; text-align: center; line-height: 1.5; margin-top: 20px;} .promotion_steps .top{display: flex; justify-content: flex-end; margin: 30px 90px; text-align: center;} .promotion_steps .left{display: flex; margin: 30px 90px; text-align: center;} .promotion_steps .one_bottom{align-items: center; flex-direction: row-reverse;} .promotion_steps .one_bottom .top_item{width: 22%; text-align: center;} .can_get{margin: 60px 0;} .can_get .can_get_list{display: flex; align-items: center; width: 80%; margin: 0 auto; margin-top: 40px;} .can_get .can_get_list .can_get_item{box-shadow: 0px 0px 20px 0px rgba(199, 37, 20, 0.2); width: 18%; margin: 1%; height: 300px; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 15px;} .can_get .can_get_list .can_get_item .text{font-weight: 500; color: #000000; font-size: 16px; text-align: center; margin-top: 20px;} .commission{margin: 60px 0;} .commission .top_box{background-color: #c72514; border-top-right-radius: 10px; border-top-left-radius: 10px;} .commission .top_box .top_box_item{display: flex; justify-content: center; align-items: center; flex-direction: column; padding: 0 20px;} .commission .top_box .top_box_item .text{font-size: 18px; text-align: center; color: #ffffff; margin-top: 15px;} .commission .top_box .sub_th{vertical-align: middle;} .commission .top_box .sub{font-size: 18px; text-align: center; color: #ffffff; margin-top: 15px;} .commission .commission_table{box-shadow: 0px 0px 20px 0px rgba(199, 37, 20, 0.2); width: 80%; margin: 0 auto; margin-top: 40px;} .commission .commission_table td{text-align: center; vertical-align: middle; padding: 20px 0;} .commission .commission_table .one_tr td{font-size: 20px; color: #4d4d4d; background-color: #faf0f0;} .commission .commission_table .one_tr td:nth-child(1){background-color: #f9bebc;} .commission .commission_table .one_tr td .price{font-size: 24px; color: #c72514; font-weight: bold;} .commission .commission_table .one_tr td .d_price{color: #4d4d4d; font-size: 16px; text-decoration: line-through;} .commission .commission_table .two_tr td{background-color: #ffffff; font-weight: bold; color: #4d4d4d; font-size: 20px;} .commission .commission_table .two_tr td:nth-child(1){background-color: #fdc9c9;} .customers{margin: 40px 0;} .customers .x_title{margin-top: 30px;} .customers .descr{display: none;} .customers .customers_table{width: 80%; margin: 0 auto;} .customers .customers_table{box-shadow: 0px 0px 20px 0px rgba(199, 37, 20, 0.2); transform: scale(0.7); margin-top: -40px;} .customers .customers_table td{text-align: center; vertical-align: middle; padding: 20px 0; font-size: 20px; color: #4d4d4d;} .customers .customers_table .t_tr{background-color: #c72514; border-top-right-radius: 10px; border-top-left-radius: 10px;} .customers .customers_table .t_tr .th_box{display: flex; justify-content: center; align-items: center; flex-direction: column; padding: 0 20px;} .customers .customers_table .t_tr .th_box .text{font-size: 18px; text-align: center; color: #ffffff; margin-top: 15px;} .customers .customers_table .share{text-align: center; background-color: #c72514; padding: 5px; color: #ffffff; margin: 10px;} .customers .customers_table .edit{text-align: center; background-color: #52b8d7; padding: 5px; color: #ffffff; margin: 10px;} .customers .customers_table .one_tr td{background-color: #f9bebc;} .customers .customers_table .one_tr .two_tr td{background-color: #ffffff; font-weight: bold; color: #4d4d4d; font-size: 20px;} .customers .customers_your_account{width: 80%; margin: 0 auto; margin-top: -60px; transform: scale(0.7); display: flex; justify-content: space-between; align-items: center;} .customers .customers_your_account .red{color: #c72514;} .customers .customers_your_account .left{box-shadow: 0px 0px 20px 0px rgba(199, 37, 20, 0.2); display: flex; justify-content: space-around; width: 60%; padding: 20px; align-items: flex-end; border-radius: 20px; height: 200px;} .customers .customers_your_account .left .text{font-weight: bold; color: #000000; font-size: 26px; margin: 20px 0;} .customers .customers_your_account .left .lf > div, .customers .customers_your_account .left .lr > div{margin: 10px 0;} .customers .customers_your_account .left .lf > div span, .customers .customers_your_account .left .lr > div span{font-weight: bold;} .customers .customers_your_account .left .lf > div span:nth-child(1), .customers .customers_your_account .left .lr > div span:nth-child(1){color: #999897; font-weight: bold;} .customers .customers_your_account .left .lf .one span:nth-child(2), .customers .customers_your_account .left .lr .one span:nth-child(2){color: black; font-weight: bold;} .customers .customers_your_account .left .lf .two span:nth-child(2), .customers .customers_your_account .left .lr .two span:nth-child(2){color: #c72514;} .customers .customers_your_account .left .lr .two span:nth-child(2){color: black; font-weight: bold;} .customers .customers_your_account .right{border-radius: 20px; box-shadow: 0px 0px 20px 0px rgba(199, 37, 20, 0.2); display: flex; align-items: center; justify-content: center; flex-direction: column; width: 30%; padding: 20px; height: 200px;} .customers .customers_your_account .right > img{margin: 10px 0;} .customers .customers_your_account .right .text{font-weight: bold; color: #000000; font-size: 26px;} .customers .customers_your_account .right > div{display: flex; align-items: center; justify-content: center;} .win{margin-top: 40px;} .win .win_img_list{margin: 0 auto; margin-top: 250px; width: 600px; background-image: url(/member_promotion/static/img/8/1.png); height: 400px; background-size: cover; position: relative;} .win .win_img_list .win_img_item{background-image: url(/member_promotion/static/img/8/2.png); background-size: cover; height: 150px; width: 212px; background-repeat: no-repeat; color: #d12e22; font-size: 16px; position: absolute; display: flex; align-items: center; justify-content: center; text-align: center;} .win .win_img_list .win_img_item:nth-child(1){bottom: 10%; left: -32%;} .win .win_img_list .win_img_item:nth-child(2){bottom: 50%; left: -32%;} .win .win_img_list .win_img_item:nth-child(3){top: -25%; left: -6%;} .win .win_img_list .win_img_item:nth-child(4){top: -43%; left: 33%;} .win .win_img_list .win_img_item:nth-child(5){bottom: 59%; right: -25%;} .win .win_img_list .win_img_item:nth-child(6){bottom: 94%; right: -4%;} .win .win_img_list .win_img_item:nth-child(7){bottom: 11%; right: -35%;} .win .arict{width: 80%; margin: 0 auto; margin-top: 40px; display: flex; flex-direction: column;} .win .arict p{line-height: 2; font-weight: 500; color: #333333; font-size: 22px;} .win .arict img{margin: 40px auto;} .member_register{width: 80%; margin: 40px auto; box-shadow: 0px 0px 20px 0px rgba(199, 37, 20, 0.2); padding: 15px; border-radius: 20px;} .member_register .re_title{margin: 20px 0;} .member_register .re_title .text{text-align: center; font-weight: bold; color: #333333; font-size: 26px;} .member_register .register_list{margin-top: 40px; display: flex; justify-content: space-around; flex-wrap: wrap; padding-bottom: 30px;} .member_register .register_list .register_item{width: 36%;} .member_register .register_list .register_item .text{font-weight: bold; color: #333333; font-size: 18px; line-height: 36px; margin: 10px 0;} .member_register .register_list .register_item .register_input, .member_register .register_list .register_item .register_resume_input{background: #f7f7f7; border-radius: 22px; width: 400px; height: 50px; padding-left: 10px; border: none;} .member_register .register_list .register_item .register_country_input .bootstrap-select .dropdown-toggle{background: #f7f7f7; border-radius: 22px; width: 400px; height: 50px; padding-left: 10px; border: none; padding: 15px;} .member_register .start_trying_btn, .member_register .upload_resument_btn{font-size: 30px; letter-spacing: 5px; box-shadow: 0px 3px 6px 0px rgba(199, 37, 20, 0.35); background: #c72514; padding: 15px; border-radius: 30px; text-align: center; color: #ffffff; cursor: pointer;} .member_register .request_code{box-shadow: 0px 3px 6px 0px rgba(199, 37, 20, 0.35); background: #c72514; padding: 13px 5px; border-radius: 15px; text-align: center; font-size: 16px; color: #ffffff;} .member_register .request_code_box{display: flex; justify-content: space-between;} .member_register .request_code_box .register_input{width: 40% !important;} .member_register .request_code_box .request_code{width: 40%; cursor: pointer;} /* /member_promotion/static/src/css/member_promotion_mt.css defined in bundle 'member_promotion.src' */ @media (max-width: 767px){#member_promotion_page .swiper-container .item{height: 200px;}.wanan_become_ambassador{width: 100%; padding: 0 15px;}.wanan_become_ambassador .w_tile_bg .text{font-size: 20px;}.wanan_become_ambassador .w_tile_bg{height: 70px; margin: 40px 0;}.member_title_box .center_title .t_title{font-size: 15px;}.member_title_box{height: 190px;}.wanan_become_ambassador .list_img .l_item{width: 43%; margin: 40px 3%;}.wanan_become_ambassador .list_img{flex-wrap: wrap; height: auto;}.wanan_become_ambassador .list_img .l_item .text{line-height: 1; height: 100%; padding-top: 40px;}.they_need_box{width: 100%; padding: 0 15px; margin-top: 60px;}.they_need_list{flex-wrap: wrap; margin-top: 30px;}.they_need_box .they_need_item{margin: 0.5%; width: 45%;}.x_title .text{font-size: 18px;}.member_title_box .center_title{width: 100vw;}.suitable_for .suitable_for_list, .some_partners .some_partners_swiper, .how_recommend .how_recommend_list, .promotion_steps{width: 100%; padding: 0 15px;}.suitable_for .suitable_for_list .suitable_for_item{width: 32%; margin: 0.5% 0.5%; height: 120px;}.suitable_for{height: 800px;}.need_it .need_it_list, .can_get .can_get_list{width: 100%; padding: 15px;}.need_it .need_it_list .need_it_item{width: 48%; margin: 0.5% 0.5%;}.some_partners .some_partners_swiper .swiper-slide .some_partners_icon{width: 48%; margin: 0.5% 0.5%;}.some_partners .some_partners_swiper .swiper-slide .some_partners_icon img{width: 100%;}.how_recommend .how_recommend_list{flex-wrap: wrap;}.how_recommend .how_recommend_list .one{margin-top: 20px;}.promotion_steps .one_line{flex-wrap: wrap;}.promotion_steps .one_line .text{font-size: 12px;}.promotion_steps .one_line .line_item{width: 35%; padding: 5px; margin: 20px 0;}.promotion_steps .one_line .text{font-size: 12px;}.one_line.one_bottom{margin-left: -20%;}.one_line.one_bottom .top_item > div{width: 30%; margin-left: 10px;}.one_line.one_bottom .top_item img{width: 100%;}.win_img_list{transform: scale(0.4); margin-top: 0;}.can_get .can_get_list .can_get_item .text{font-size: 12px;}.need_it .need_it_list, .can_get .can_get_list{flex-wrap: wrap;}.can_get .can_get_list .can_get_item{width: 48%; margin: 0.5%; height: 240px;}.commission .commission_table .one_tr td{font-size: 14px;}.commission .commission_table .two_tr td{font-size: 14px;}.commission .commission_tableļ¼Œ.customers .customers_table, .customers .customers_your_account{width: 100%; padding: 15px;}.customers .customers_your_account .left{width: 68%; padding: 10px;}.customers .customers_your_account .left .text{font-size: 14px;}.customers .customers_your_account .left, .customers .customers_your_account .right{height: 236px;}.customers .customers_your_account .right .text{font-size: 14px;}.customers .customers_your_account .right{height: 236px;}.customers .customers_your_account, .customers .customers_table{transform: scale(1);}.win .win_img_list{margin-left: -25%;}.win .arict{margin-top: 0;}.win .arict p{font-size: 12px;}.win .arict img{width: 100%;}.member_register .re_title .text{font-size: 18px;}.member_register{width: 100%; margin: 15px;}.member_register .register_list .register_item .register_input, .member_register .register_list .register_item .register_resume_input{width: 100%;}.member_register .register_list .register_item .register_country_input .bootstrap-select .dropdown-toggle{width: 143%;}.member_register .register_list .register_item{width: 90%;}.member_register .register_list .register_item .text{font-size: 16px;}.member_register .request_code{font-size: 14px;}.member_register .start_trying_btn{font-size: 20px;}.customers .customers_table td, .customers .customers_table .t_tr .th_box .text{font-size: 14px;}}