.zskk-title { font-size: 20px; font-family: "微软雅黑"; font-weight: 600; color: #323232; letter-spacing: 2px; } .zskk-box .zskk-advertising { height: 380px; } .zskk-box .zskk-advertising .swiper-container { height: 380px; } .zskk-box .zskk-advertising .swiper-container img { width: 100%; height: 100%; } .zskk-box .zskk-subscribe { height: 180px; display: flex; align-items: center; justify-content: center; } .zskk-box .zskk-subscribe a { margin-right: 15px; height: 66%; } .zskk-box .zskk-subscribe img { height: 100%; } .zskk-box .zskk-specialist { height: 390px; display: flex; justify-content: center; position: relative; background: #fff; } .zskk-box .zskk-specialist::after { content: ""; background: url("/images/specialistBg.jpg") no-repeat right top -40px; opacity: 0.15; top: 0; left: 0; bottom: 0; right: 0; position: absolute; z-index: 1; } .zskk-box .zskk-specialist .zskk-listData { height: 100%; width: 1100px; position: absolute; z-index: 2; } .zskk-box .zskk-specialist .zskk-listData .zskk-title { height: 50px; width: 100%; display: flex; justify-content: space-between; } .zskk-box .zskk-specialist .zskk-listData .zskk-title .zskk-select, .zskk-box .zskk-specialist .zskk-listData .zskk-title .zskk-info { height: 50px; display: flex; justify-content: center; align-items: center; background: none; } .zskk-box .zskk-specialist .zskk-listData .zskk-title .zskk-select { font-size: 12px; color: #666666; } .zskk-box .zskk-specialist .zskk-listData .zskk-title .zskk-info { font-size: 18px; color: #353334; } .zskk-box .zskk-specialist .zskk-listData .zskk-list { height: 250px; width: 100%; display: flex; justify-content: space-between; } .zskk-box .zskk-specialist .zskk-listData .zskk-list .zskk-oneInfo { height: 280px; width: 210px; display: flex; flex-direction: column; box-sizing: border-box; padding: 10px; background: #fff; border-radius: 4px; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } .zskk-box .zskk-specialist .zskk-listData .zskk-list .zskk-oneInfo img { height: 184px; width: 190px; border-radius: 50%; } .zskk-box .zskk-specialist .zskk-listData .zskk-list .zskk-oneInfo .zskk-name { padding: 10px 0 0 0; display: flex; justify-content: center; font-size: 18px; font-weight: 600; } .zskk-box .zskk-specialist .zskk-listData .zskk-list .zskk-oneInfo .zskk-position { padding: 10px 0; display: flex; justify-content: center; color: #9a9a9a; } .zskk-box .zskk-setmeal { height: 650px; background: #fff; margin-top: 20px; display: flex; justify-content: center; } .zskk-box .zskk-setmeal .zskk-list-not { height: 500px; font-size: 30px; color: #666; display: flex; align-items: center; justify-content: center; } .zskk-box .zskk-setmeal .zskk-content { height: 100%; width: 900px; } .zskk-box .zskk-setmeal .zskk-content .zskk-title { height: 50px; width: 900px; display: flex; } .zskk-box .zskk-setmeal .zskk-content .zskk-title .zskk-info { height: 50px; display: flex; justify-content: center; align-items: center; font-size: 18px; padding-right: 15px; } .zskk-box .zskk-setmeal .zskk-content .zskk-title ul { display: flex; } .zskk-box .zskk-setmeal .zskk-content .zskk-title ul li { list-style: none; font-size: 12px; color: #666666; padding: 0 15px; cursor: pointer; line-height: 55px; letter-spacing: 0px; } .zskk-box .zskk-setmeal .zskk-content .zskk-title ul .zskk-active { color: #ed305b; } .zskk-box .zskk-setmeal .zskk-content .zskk-list { width: 100%; display: flex; flex-wrap: wrap; } .zskk-box .zskk-setmeal .zskk-content .zskk-list .zskk-oneInfo { height: 260px; width: 200px; display: flex; flex-direction: column; background: #fff; border-radius: 4px; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); margin-bottom: 40px; margin-right: 33px; overflow: hidden; } .zskk-box .zskk-setmeal .zskk-content .zskk-list .zskk-oneInfo:nth-child(4n + 4) { margin-right: 0px; } .zskk-box .zskk-setmeal .zskk-content .zskk-list .zskk-oneInfo img { height: 200px; width: 200px; } .zskk-box .zskk-setmeal .zskk-content .zskk-list .zskk-oneInfo .zskk-name { font-size: 12px; width: 60%; padding: 5px 0; color: #676767; font-weight: 600px; box-sizing: border-box; padding: 5px 10px; } .zskk-box .zskk-setmeal .zskk-content .zskk-list .zskk-oneInfo .zskk-price { display: flex; justify-content: space-between; box-sizing: border-box; padding: 0 10px; } .zskk-box .zskk-setmeal .zskk-content .zskk-list .zskk-oneInfo .zskk-price .zskk-prices { display: flex; justify-content: space-between; } .zskk-box .zskk-setmeal .zskk-content .zskk-list .zskk-oneInfo .zskk-price .zskk-prices .zskk-now-prices { color: #e4204d; font-size: 14px; display: flex; align-items: flex-end; } .zskk-box .zskk-setmeal .zskk-content .zskk-list .zskk-oneInfo .zskk-price .zskk-prices .zskk-original-prices { color: #bdbdbd; font-size: 12px; display: flex; align-items: flex-end; font-style: inherit; text-decoration: line-through; } .zskk-box .zskk-setmeal .zskk-content .zskk-list .zskk-oneInfo .zskk-price .zskk-discount span { background: #cde7dc; font-size: 12px; color: #5eb491; padding: 0 8px; border-radius: 10px; } .zskk-box .zskk-service { height: 400px; margin: 20px 0; display: flex; position: relative; justify-content: center; } .zskk-box .zskk-service::after { content: ""; background: url("/images/serviceBg.jpg") no-repeat -10px; background-size: 100% 100%; opacity: 0.1; top: 0; left: 0; bottom: 0; right: 0; position: absolute; z-index: 1; } .zskk-box .zskk-service .swiper-slide { position: relative; /*width: 450px !important;*/ height: 300px; } .zskk-box .zskk-service .swiper-slide .title { position: absolute; bottom: 0px; height: 50px; width: 100%; background: rgba(0, 0, 0, 0.6); border-radius: 0 0 5px 5px; color: #fff; font-size: 15px; line-height: 50px; display: flex; justify-content: center; align-items: center; } .zskk-box .zskk-service .swiper-slide .zskk-bg-0{ background:rgba(227,161,124,.8) } .zskk-box .zskk-service .swiper-slide .zskk-bg-1{ background:rgba(171,76,56,.8) } .zskk-box .zskk-service .swiper-slide .zskk-bg-2{ background:rgba(178,219,201,.8) } .zskk-box .zskk-service .swiper-slide .zskk-bg-3{ background:rgba(185,214,220,.8) } .zskk-box .zskk-service .swiper-slide .zskk-bg-4{ background:rgba(247,232,239,.8) } .zskk-box .zskk-service .swiper-slide .zskk-bg-5{ background:rgba(233,236,207,.8) } .zskk-box .zskk-service .zskk-content { height: 100%; width: 900px; position: absolute; z-index: 2; } .zskk-box .zskk-service .zskk-content .zskk-title { height: 50px; width: 900px; display: flex; align-items: center; } .zskk-box .zskk-service .zskk-content .zskk-flowInfo { overflow: hidden; } .zskk-box .zskk-service .zskk-content .zskk-flowInfo .swiper-service { } .zskk-box .zskk-service .zskk-content img { height: 100%; width: 100%; border-radius: 5px; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3); } .zskk-box .zskk-newsinfo { height: 400px; background: #fff; margin-top: 0px; display: flex; justify-content: center; } .zskk-box .zskk-newsinfo .zskk-content { height: 100%; width: 900px; } .zskk-box .zskk-newsinfo .zskk-content .zskk-title { height: 50px; width: 900px; display: flex; } .zskk-box .zskk-newsinfo .zskk-content .zskk-title .zskk-info { height: 50px; display: flex; justify-content: center; align-items: center; } .zskk-box .zskk-newsinfo .zskk-content .zskk-title .zskk-infonav { display: flex; margin-left: 15px; } .zskk-box .zskk-newsinfo .zskk-content .zskk-title .zskk-infonav li { list-style: none; } .zskk-box .zskk-newsinfo .zskk-content .zskk-title .zskk-infonav li a { color: #666666; font-size: 12px; padding: 0 15px; cursor: pointer; line-height: 55px; letter-spacing: 0px; } .zskk-box .zskk-newsinfo .zskk-content .zskk-title .zskk-infonav .zskk-active a { color: #ed305b; } .zskk-box .zskk-newsinfo .zskk-content .zskk-news { height: 325px; display: flex; justify-content: space-between; font-size: 18px; } .zskk-box .zskk-newsinfo .zskk-content .zskk-news .zskk-newPicture { width: 490px; margin-left: 6px; position: relative; } .zskk-box .zskk-newsinfo .zskk-content .zskk-news .zskk-newPicture .zskk-newsicon { position: absolute; left: -6px; } .zskk-box .zskk-newsinfo .zskk-content .zskk-news .zskk-newPicture .zskk-hide { display: none; } .zskk-box .zskk-newsinfo .zskk-content .zskk-news .zskk-newPicture .zskk-newsimg { width: 100%; height: 324px; border-radius: 5px; } .zskk-box .zskk-newsinfo .zskk-content .zskk-newsInfo { width: 410px; } .zskk-box .zskk-newsinfo .zskk-content .zskk-newsInfo ul { margin-left: 20px; height: calc(100% - 24px); } .zskk-box .zskk-newsinfo .zskk-content .zskk-newsInfo li { list-style: none; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height: calc(100% / 5); padding-top: 10px; box-sizing: border-box; color: #666666; } .zskk-box .zskk-newsinfo .zskk-content .zskk-newsInfo .zskk-active { color: #59b38d; } .zskk-box .zskk-newsinfo .zskk-content .zskk-newsInfo .zskk-getAdd { text-decoration: underline; cursor: pointer; margin-left: 20px; } .zskk-box .zskk-newsinfo .zskk-content .zskk-newsInfo .zskk-getAdd a { color: #666666; font-size: 14px; } .zskk-box .zskk-flow { height: 200px; background: #fff; margin-top: 20px; display: flex; justify-content: center; } .zskk-box .zskk-flow .zskk-content { height: 100%; width: 900px; } .zskk-box .zskk-flow .zskk-content .zskk-title { height: 50px; width: 900px; display: flex; } .zskk-box .zskk-flow .zskk-content .zskk-title .zskk-info { height: 50px; display: flex; justify-content: center; align-items: center; font-size: 18px; } .zskk-box .zskk-flow .zskk-content .zskk-flowInfo { display: flex; } .zskk-box .zskk-flow .zskk-content .zskk-flowInfo .zskk-oneInfo { display: flex; flex-direction: column; align-items: center; width: 105px; } .zskk-box .zskk-flow .zskk-content .zskk-flowInfo .zskk-oneInfo span { color: #999999; }