body { font-family: Microsoft YaHei, simsun, Helvetica Neue, Arial, Helvetica, sans-serif !important; overflow-x: hidden; } .line-big { margin-left: -15px; margin-right: -15px; } .line-big .x1, .line-big .x2, .line-big .x3, .line-big .x4, .line-big .x5, .line-big .x6, .line-big .x7, .line-big .x8, .line-big .x9, .line-big .x10, .line-big .x11, .line-big .x12, .line-big .xl1, .line-big .xl2, .line-big .xl3, .line-big .xl4, .line-big .xl5, .line-big .xl6, .line-big .xl7, .line-big .xl8, .line-big .xl9, .line-big .xl10, .line-big .xl11, .line-big .xl12, .line-big .xs1, .line-big .xs2, .line-big .xs3, .line-big .xs4, .line-big .xs5, .line-big .xs6, .line-big .xs7, .line-big .xs8, .line-big .xs9, .line-big .xs10, .line-big .xs11, .line-big .xs12, .line-big .xm1, .line-big .xm2, .line-big .xm3, .line-big .xm4, .line-big .xm5, .line-big .xm6, .line-big .xm7, .line-big .xm8, .line-big .xm9, .line-big .xm10, .line-big .xm11, .line-big .xm12, .line-big .xb1, .line-big .xb2, .line-big .xb3, .line-big .xb4, .line-big .xb5, .line-big .xb6, .line-big .xb7, .line-big .xb8, .line-big .xb9, .line-big .xb10, .line-big .xb11, .line-big .xb12, .line-big .xsm1, .line-big .xsm10, .line-big .xsm11, .line-big .xsm12, .line-big .xsm2, .line-big .xsm3, .line-big .xsm4, .line-big .xsm5, .line-big .xsm6, .line-big .xsm7, .line-big .xsm8, .line-big .xsm9, .line-big .xml1, .line-big .xml10, .line-big .xml11, .line-big .xml12, .line-big .xml2, .line-big .xml3, .line-big .xml4, .line-big .xml5, .line-big .xml6, .line-big .xml7, .line-big .xml8, .line-big .xml9 { min-height: 1px; padding-right: 15px; padding-left: 15px; } .banner-tex { position: relative; background: #e4471a; } .banner-tex .banner-img { background-color: #e2edf1; background-repeat: no-repeat; background-position: center center; background-size: cover; } .footer { color: #555555; padding: 20px 0 30px; background: #fff; position: relative; } .footer .container { position: relative; } .footer .foot-desc { font-size: 18px; padding: 30px 0; border-bottom: 1px dashed #fff; text-align: left; text-indent: 2em; } .footer .foot-desc p { line-height: 32px; } .footer .foot-conts { padding: 30px 0; } .footer .food-edit { padding-right: 50px; font-size: 14px; } .footer .food-edit p { line-height: 26px; margin-bottom: 16px; } .footer .food-edit .food-edit-til { font-size: 24px; font-weight: bold; } .footer .food-plan { padding-top: 25px; } .footer .food-plan li { padding: 0 10px; } .footer .food-plan .food-plan-img { margin-bottom: 15px; } .footer .food-plan .food-plan-img img { max-width: 100%; display: block; margin: 0 auto; border-radius: 50%; } .footer .food-ico-img img { max-width: 100%; display: block; margin: 0 auto; } .weekly_common_foot a { color: #a9b3b3; } .weekly_common_foot a:hover { color: #eeeeee; } @media (max-width: 759px) { .footer { padding: 10px 0; } .footer .foot-desc { font-size: 16px; padding: 20px 0; } .footer .foot-conts { padding: 20px 0 40px; } .footer .food-edit { padding: 0 20px; font-size: 16px; } .footer .food-plan { padding-top: 0; padding-bottom: 25px; } .footer .food-plan li { padding: 0 15px; } } @media (max-width: 580px) { .footer { padding: 10px 0; } } @media (max-width: 480px) { .line-big .xsm1, .line-big .xsm10, .line-big .xsm11, .line-big .xsm12, .line-big .xsm2, .line-big .xsm3, .line-big .xsm4, .line-big .xsm5, .line-big .xsm6, .line-big .xsm7, .line-big .xsm8, .line-big .xsm9 { min-height: 1px; padding-right: 15px; padding-left: 15px; } .show-sm { display: block; } .xsm1, .xsm10, .xsm11, .xsm12, .xsm2, .xsm3, .xsm4, .xsm5, .xsm6, .xsm7, .xsm8, .xsm9 { float: left; } .xsm12 { width: 100%; } .xsm11 { width: 91.66666667%; } .xsm10 { width: 83.33333333%; } .xsm9 { width: 75%; } .xsm8 { width: 66.66666667%; } .xsm7 { width: 58.33333333%; } .xsm6 { width: 50%; } .xsm5 { width: 41.66666667%; } .xsm4 { width: 33.33333333%; } .xsm3 { width: 25%; } .xsm2 { width: 16.66666667%; } .xsm1 { width: 8.33333333%; } } @media (min-width: 760px) and (max-width: 999px) { .footer { padding: 20px 0 0px; } .footer .food-edit { padding-right: 50px; font-size: 14px; } .footer .food-edit p { line-height: 20px; margin-bottom: 15px; } .footer .food-edit .food-edit-til { font-size: 24px; font-weight: bold; } .footer .food-plan { padding-top: 25px; } .footer .food-plan li { padding: 0 5px; } .footer .food-plan .food-plan-img { margin-bottom: 15px; } .footer .foot-conts { padding: 25px 0; } } @media (min-width: 1000px) and (max-width: 1199px) { .footer .foot-conts { padding: 25px 0; } } @media (min-width: 1200px) { .banner-tex .banner-img { height: 520px; background-image: url(../images/img85/img85/banner.jpg); } .banner-tex .banner-img img { display: none; } .container { width: 1200px; } .footer .food-ico-img { float: right; } } /*# sourceMappingURL=weekly85.css.map */ .fz-20 { font-size: 20px; } .flex { display: flex; } .flex-wrap { flex-wrap: wrap; } img { max-width: 100%; } ul { padding-left: 0; } .text-border { text-stroke: 2px #000; } .section-wrap { padding-left: 15px; padding-right: 15px; } .cover img { display: block; width: 100%; } .desc { padding-top: 80px; padding-bottom: 142px; background: url("../images/img85/desc-bg.jpg"); } .desc .main { border: 10px dotted #eb7c03; text-align: center; padding: 50px 20px; } .desc .main p { margin-top: 40px; line-height: 40px; } .desc .main p:nth-child(4) { text-shadow: 2px 2px 0 #fff, -2px 2px 0 #fff, 2px -2px 0 #fff, -2px -2px 0 #fff; font-weight: bold; color: #fc4d24; font-size: 22px; } .desc .main p:nth-child(4) span { color: #613cd2; } .desc .main img { display: inline-block; } .desc .main .p-bottom { color: #ff4d24; -webkit-text-stroke: 1px #fff; } .desc .main .bottom { margin-top: 35px; } .product-list { background-color: #613cd2; } .product-list .header-bg { margin-bottom: -130px; } .product-list .main { text-align: center; } .product-list .main > img.title { display: inline-block; margin-top: -140px; } .product-list .product-list { padding-left: 0; } .product-list .product-list .product-item { display: flex; flex-wrap: wrap; align-items: center; margin-top: 80px; } .product-list .product-list .product-item:nth-child(2n) .right { justify-content: flex-end; } .product-list .product-list .product-item .left img { width: 100%; } .product-list .product-list .product-item .right { align-items: center; padding-left: 15px; padding-right: 15px; } .product-list .product-list .product-item .right .product-item-desc-wrapper { width: 100%; position: relative; background: #fcf3e2; padding: 14px; border-radius: 20px; } .product-list .product-list .product-item .right .product-item-desc-wrapper .product-header { display: block; position: absolute; left: 50%; top: 0; transform: translate(-50%, -50%); } .product-list .product-list .product-item .right .product-item-desc-wrapper .product-footer { display: block; position: absolute; left: 50%; bottom: 0; transform: translate(-50%, 50%); } .product-list .product-list .product-item .right .product-desc { padding: 40px; font-size: 18px; background: url("../images/img85/product-1/product-desc-bg.jpg") 0/cover; color: #5e2219; border-radius: 20px; border: solid 1px #5e2219; } .product-list .product-list .product-item .right .product-desc > p { text-align: justify; line-height: 34px; } .product-list .product-list .product-item .right .advantage-list { margin-top: 20px; margin-bottom: 5px; list-style: none; } .product-list .product-list .product-item .right .advantage-list li { display: flex; align-items: self-end; flex-wrap: wrap; position: relative; } .product-list .product-list .product-item .right .advantage-list li img { display: block; margin: 0 auto; } .product-list .product-list .product-item .right .advantage-list li p { width: 100%; margin-top: 15px; } .product-list .product-list .product-item .right .advantage-list li:not(:last-child):after { position: absolute; right: -10px; top: 50%; transform: translateY(-60%); content: ""; display: block; width: 20px; height: 100%; background: url("../images/img85/product-1/placeholder.png") 0/100%; } .case-list { background: url("../images/img85/common-bg.jpg"); padding-bottom: 20px; } .case-list .header-bg { background-color: #613cd2; } .case-list img.title { display: block; margin: 0 auto; transform: translateY(-50%); } .case-list .container { padding-bottom: 70px; display: flex; } .case-list .container .left li { display: none; } .case-list .container .left li div { position: relative; } .case-list .container .left li img { width: 100%; } .case-list .container .left li.active { display: block; } .case-list .container .left li p { position: absolute; bottom: 0; width: 100%; height: 50px; padding-left: 20px; line-height: 50px; font-size: 16px; margin-bottom: 0; background-color: #e4454c; color: #fff; text-align: left; } .case-list .container .right { display: flex; flex-wrap: wrap; list-style: none; } .case-list .container .right > li { position: relative; width: 100%; background-color: #f1f1f1; display: flex; align-items: center; justify-content: space-between; } .case-list .container .right > li:not(:first-child) { border-top: 1px solid #fff; } .case-list .container .right > li.active { background: #e4454c; color: #fff; } .case-list .container .right > li a { padding: 20px 30px 20px 40px; display: block; width: 100%; } .case-list .container .right > li a:hover { color: inherit; } .case-list .container .right > li p { font-size: 24px; margin-bottom: 0; } .case-list .container .right > li img { position: absolute; top: 50%; right: 30px; transform: translateY(-50%); visibility: hidden; } .case-list .container .right > li.active img { visibility: visible; } .case-list .container .right > li.active p { color: #fff; } .serve { background: url("../images/img85/block-3-bg.jpg") 0/cover; } .serve .header-bg { margin-bottom: -150px; } .serve .container img:nth-child(1) { margin: 0 auto; display: block; } .serve .container p { margin-top: 50px; font-size: 18px; line-height: 36px; color: #ffffff; text-align: center; } .serve .container img:nth-child(3) { padding: 50px 0; width: 100%; } .serve .serve-list { margin-top: 45px; margin-bottom: 120px; list-style: none; flex-wrap: wrap; } .serve .serve-list li { background-color: #4046c8; padding: 50px; } .serve .serve-list li:nth-child(2) { background-color: #3a58c8; } .serve .serve-list li img { display: block; margin: 0 auto; } .serve .serve-list li p { margin-top: 15px; font-size: 28px; } .serve .serve-list li p span { font-size: 100px; } @media (min-width: 961px) { .product-list .product-list .product-item .right .product-item-desc-wrapper { max-width: 582px; } .serve .serve-list li { flex: 1; } } @media (max-width: 960px) { .product-item:not(:first-child) { margin-top: 80px; } .product-list .main > img.title { width: 75%; margin-top: 60px; } .product-list .product-list .product-item .right { margin-top: 40px; } .case-list .container .left { margin-top: -20px; } .case-list .container .left li { display: block; margin-top: 20px; } .case-list .container { margin-top: 0; } .case-list img.title { width: 75%; } .serve .header-bg { margin-bottom: 0; } .product-list .product-list { padding-bottom: 80px; } .product-list .product-list .product-item .right .advantage-list { margin-top: 20px; } .desc { padding-bottom: 80px; } .case-list .container { padding-bottom: 30px; } .product-list .product-list .product-item:nth-child(1) { margin-top: 20px; } .desc { padding-top: 40px; } .serve .serve-list li { padding: 5px 20px; } .product-list .product-list .product-item .right .advantage-list li p { font-size: 16px; } .product-list .product-list .product-item .right .advantage-list li img { width: 20px; } .product-list .product-list .product-item .right .product-desc { padding: 20px; font-size: 16px; } .case-list .container .left li p { position: relative; } .case-list .container .left li p img { position: absolute; right: 15px; top: 50%; width: 25%; object-fit: cover; transform: translateY(-50%); } .serve .container img:nth-child(1) { width: 60%; } .serve .serve-list li p span { font-size: 40px; } .serve .serve-list li p { font-size: 18px; line-height: 1.25; } .desc .main p:nth-child(4) { font-size: 18px; line-height: 1.5; } .desc .main p:nth-child(4) span { font-size: 26px; } .product-list .product-list .product-item:nth-child(1) .product-header { width: 75%; } .product-list .product-list .product-item:nth-child(3) .product-header { width: 80%; } .product-list .product-list .product-item .right .product-item-desc-wrapper .product-footer { width: 75%; } .serve .serve-list { margin-top: 20px; margin-bottom: 40px; list-style: none; flex-wrap: wrap; } .serve .container img:nth-child(3) { padding: 20px 0; } .case-list .container .left li div { overflow: hidden; border-radius: 20px 20px 0 0; } .product-list .product-list .product-item .right .advantage-list li:nth-child(2n):after { display: none; } .desc .main { padding: 30px 20px; } } /*# sourceMappingURL=wxh.css.map */