updated:信息平台小需求更新

src/main/java/com/caimei/www/controller/unlimited/EncyclopediaController.java

@@ -110,7 +110,6 @@ public class EncyclopediaController extends BaseController {
         List<BaikeHotSearch> hotSeracherWords=productService.getHotWords();
         model.addAttribute("hotSeracherWords", hotSeracherWords);
         model.addAttribute("baikeproduct", baikeproduct);
-        System.out.println("baikeproduct=" + baikeproduct);
         //分类集合
         List<BaikeTypeVo> typeList = productService.geTypeList();
         model.addAttribute("TypeList", typeList);

src/main/resources/static/css/supplier-login/login-h5.css

@@ -1,1089 +1,1096 @@
-[v-cloak] {
-    opacity: 0;
-}
-
-html {
-    scroll-behavior: smooth;
-    scroll-padding-top: 13.6vw;
-}
-
-#scrollTop,#supplierLogin,
-.login_header_container .img_logo .text,
-.login_header_container .header_link,
-.login_header_container .iphone,
-.slide_icon .tooltip,
-#fivePage .caimei_report .report_line {
-    display: none !important;
-}
-
-.v-modal {
-    top: 13.6vw !important;
-}
-
-.el-drawer__header {
-    display: none !important;
-}
-
-.el-drawer__wrapper {
-    top: 13.6vw !important;
-}
-
-.el-drawer {
-    width: 40% !important;
-    padding: 3.2vw 9vw !important;
-    -webkit-box-sizing: border-box !important;
-            box-sizing: border-box !important;
-}
-
-.drawer_box {
-    height: 14vw;
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-box-pack: center;
-        -ms-flex-pack: center;
-            justify-content: center;
-    -webkit-box-align: center;
-        -ms-flex-align: center;
-            align-items: center;
-    border-bottom: 1px solid #EAEAEA;
-    font-size: 3.6vw;
-    color: #333333;
-    -webkit-box-sizing: border-box;
-            box-sizing: border-box;
-}
-
-.page {
-    padding-top: 1px;
-    -webkit-box-sizing: border-box;
-            box-sizing: border-box;
-}
-
-.H5_username {
-    width: 9vw;
-    height: 9vw;
-    background: #FFF1E9;
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-box-align: center;
-        -ms-flex-align: center;
-            align-items: center;
-    -webkit-box-pack: center;
-        -ms-flex-pack: center;
-            justify-content: center;
-    border-radius: 50%;
-}
-
-.login_header {
-    width: 100%;
-    height: 13.6vw;
-    background: #fff;
-    position: fixed;
-    left: 0;
-    top: 0;
-    z-index: 114;
-}
-
-.login_header_container {
-    width: 100%;
-    height: 100%;
-    background: #fff;
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-box-pack: justify;
-        -ms-flex-pack: justify;
-            justify-content: space-between;
-    -webkit-box-align: center;
-        -ms-flex-align: center;
-            align-items: center;
-    padding: 3.1vw 4vw;
-    -webkit-box-sizing: border-box;
-            box-sizing: border-box;
-}
-
-.login_header_container .img_logo {
-    width: 20.2vw;
-    height: 7.4vw;
-    background: url(/img/supplier-login/H5/logo_.png) no-repeat;
-    background-size: 100% 100% !important;
-}
-
-.login_header_container .login_regist {
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    width: 30vw;
-    -webkit-box-sizing: border-box;
-            box-sizing: border-box;
-}
-
-.login_header_container .login_regist .login_btn {
-    width: 14.8vw;
-    height: 6.4vw;
-    font-size: 3.2vw;
-    line-height: 6.4vw;
-    text-align: center;
-    -webkit-box-sizing: border-box;
-            box-sizing: border-box;
-}
-
-.login_header_container .login_regist .login_btn:nth-child(1) {
-    color: #808080;
-    border: 1px solid;
-    margin-right: 3vw;
-}
-
-.login_header_container .H5_header {
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    height: 100%;
-    -webkit-box-align: center;
-        -ms-flex-align: center;
-            align-items: center;
-}
-
-#login_content .slide_icon {
-    width: 16vw;
-    height: 49vw;
-    background: #FF5B00;
-    border-radius: 0.8vw;
-    position: fixed;
-    right: 1.7vw;
-    bottom: 20vw;
-    z-index: 111;
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-box-orient: vertical;
-    -webkit-box-direction: normal;
-        -ms-flex-direction: column;
-            flex-direction: column;
-}
-
-.slide_icon .slide_icon_item {
-    height: 33.3%;
-    -webkit-box-sizing: border-box;
-            box-sizing: border-box;
-    font-size: 2.8vw;
-    color: white;
-    display: grid;
-    grid-template-columns: 1fr;
-    grid-template-rows: 3fr 1fr;
-    width: 100%;
-    -webkit-box-align: center;
-        -ms-flex-align: center;
-            align-items: center;
-    justify-items: center;
-}
-
-.slide_icon .slide_icon_item div {
-    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
-    -webkit-box-sizing: border-box;
-            box-sizing: border-box;
-    height: 24px;
-}
-
-.slide_icon .slide_icon_item img {
-    width: 5.4vw;
-    height: 5.4vw;
-}
-
-.van-swipe__indicator--active {
-    background: #FF5B00 !important;
-}
-
-.el-message-box {
-    width: 310px !important;
-}
-
-#H5dialogVisible .showIphone {
-    width: 60vw;
-    height: 28vw;
-    background: #fff;
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    -ms-flex-pack: distribute;
-        justify-content: space-around;
-    -webkit-box-align: center;
-        -ms-flex-align: center;
-            align-items: center;
-    -webkit-box-orient: vertical;
-    -webkit-box-direction: normal;
-        -ms-flex-direction: column;
-            flex-direction: column;
-    border-radius: 6px;
-    padding: 5.667vw 0;
-    -webkit-box-sizing: border-box;
-            box-sizing: border-box;
-}
-#fullpage {
-    margin-top: -6vw;
-}
-#H5showPopup {
-    width: 60vw;
-    height: 36vw;
-    background: #fff;
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-box-pack: justify;
-        -ms-flex-pack: justify;
-            justify-content: space-between;
-    -webkit-box-align: center;
-        -ms-flex-align: center;
-            align-items: center;
-    -webkit-box-orient: vertical;
-    -webkit-box-direction: normal;
-        -ms-flex-direction: column;
-            flex-direction: column;
-    border-radius: 6px;
-    padding: 9vw 6vw 6vw 6vw;
-    -webkit-box-sizing: border-box;
-            box-sizing: border-box;
-    font-size: 3.2vw;
-    color: #666666;
-}
-
-#H5showPopup .btn_popup {
-    width: 22vw !important;
-    height: 8.8vw !important;
-    font-size: 3.7vw !important;
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-box-pack: center;
-        -ms-flex-pack: center;
-            justify-content: center;
-    -webkit-box-align: center;
-        -ms-flex-align: center;
-            align-items: center;
-    -webkit-box-sizing: border-box;
-            box-sizing: border-box;
-}
-
-#H5dialogVisible .showIphone .showIphone_time {
-    color: #666666;
-    font-size: 2.8vw;
-}
-
-#H5dialogVisible .showIphone .showIphone_phone {
-    color: #FF5B00 !important;
-    font-size: 4vw;
-    font-weight: bold;
-    border-bottom: 1px solid #FF5B00;
-    -webkit-text-fill-color: #FF5B00 !important;
-}
-
-#zeroPage {
-    background: #fff;
-    margin-top: 16.6vw;
-}
-
-#zeroPage .H5-banner_1 {
-    width: 100%;
-    height: 100%;
-    background: url(/img/supplier-login/H5/banner1_.png) no-repeat;
-    background-size: 100% 100% !important;
-}
-
-#zeroPage .H5-banner_2 {
-    width: 100%;
-    height: 100%;
-    background: url(/img/supplier-login/H5/banner2_.png) no-repeat;
-    background-size: 100% 100% !important;
-}
-
-.Title {
-    width: 100%;
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-box-align: center;
-        -ms-flex-align: center;
-            align-items: center;
-    -webkit-box-pack: justify;
-        -ms-flex-pack: justify;
-            justify-content: space-between;
-    -webkit-box-orient: vertical;
-    -webkit-box-direction: normal;
-        -ms-flex-direction: column;
-            flex-direction: column;
-    margin: 9.3vw 0 8.3vw 0;
-    text-align: center;
-}
-
-.Title .text {
-    font-size: 5.3vw;
-    color: #333333;
-    margin-bottom: 3.2vw;
-}
-
-.Title .title {
-    font-size: 2.8vw;
-    color: #707070;
-}
-
-.van-action-sheet__item {
-    font-size: 3.4vw !important;
-}
-
-#zeroPage .server {
-    width: 100%;
-    height: 82vw;
-}
-
-.server .van-swipe {
-    height: 77vw;
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-box-align: center;
-        -ms-flex-align: center;
-            align-items: center;
-}
-
-.server .van-swipe__indicators {
-    display: none;
-}
-
-.server .van-swipe__track {
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    height: 66vw;
-}
-
-.server .van-swipe-item {
-    width: 65vw !important;
-    -webkit-box-sizing: border-box;
-            box-sizing: border-box;
-    margin-right: 4.4vw;
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-box-orient: vertical;
-    -webkit-box-direction: normal;
-        -ms-flex-direction: column;
-            flex-direction: column;
-    -webkit-box-align: center;
-        -ms-flex-align: center;
-            align-items: center;
-    padding-top: 10vw;
-    background: #FFFFFF;
-    -webkit-box-shadow: 0px 6px 18px 0px rgba(102, 102, 102, 0.3);
-            box-shadow: 0px 6px 18px 0px rgba(102, 102, 102, 0.3);
-    overflow: hidden;
-}
-
-.van-swipe-item .title {
-    font-size: 3.6vw;
-    color: #333333;
-    margin: 3.5vw 0;
-}
-
-.van-swipe-item .text {
-    font-size: 2.4vw;
-    color: #707070;
-    margin-top: 1vw;
-    white-space: nowrap;
-    text-overflow: ellipsis;
-}
-
-.van-swipe-item .server_img {
-    width: 26.6vw;
-    height: 25vw;
-}
-
-#firstPage {
-    background: url(/img/supplier-login/H5/solution/bg.png) center no-repeat;
-    background-size: cover;
-}
-
-#firstPage .selection_item {
-    width: 100%;
-    height: 61.067vw;
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-box-pack: center;
-        -ms-flex-pack: center;
-            justify-content: center;
-    -webkit-box-align: center;
-        -ms-flex-align: center;
-            align-items: center;
-    margin-bottom: 6vw;
-}
-
-.selection_item .selection_item_contain {
-    width: 85.6vw;
-    height: 100%;
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-box-sizing: border-box;
-            box-sizing: border-box;
-}
-
-.selection_item_contain .contain_bg_01,
-.selection_item_contain .contain_bg_02,
-.selection_item_contain .contain_bg_03 {
-    width: 16vw;
-    height: 100%;
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-writing-mode: vertical-rl;
-        -ms-writing-mode: tb-rl;
-            writing-mode: vertical-rl;
-    -webkit-box-align: center;
-        -ms-flex-align: center;
-            align-items: center;
-    -webkit-box-pack: center;
-        -ms-flex-pack: center;
-            justify-content: center;
-    font-size: 5.6vw;
-    color: white;
-    -webkit-box-sizing: border-box;
-            box-sizing: border-box;
-}
-
-.selection_item_contain .contain_bg_01 {
-    background: url(/img/supplier-login/H5/solution/01.png) center no-repeat;
-    background-size: cover;
-}
-
-.selection_item_contain .contain_bg_02 {
-    background: url(/img/supplier-login/H5/solution/02.png);
-    background-size: cover;
-}
-
-.selection_item_contain .contain_bg_03 {
-    background: url(/img/supplier-login/H5/solution/03.png);
-    background-size: cover;
-}
-
-.selection_item_contain .title {
-    margin: 0 !important;
-}
-
-.selection_item_contain .bg1_text {
-    width: 69.6vw;
-    height: 100%;
-    padding: 6vw 7.2vw;
-    -webkit-box-sizing: border-box;
-            box-sizing: border-box;
-    position: relative;
-    background: #fff;
-}
-
-.selection_item_contain .bg1_text .bg1_contain {
-    height: 3.8vw;
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-box-align: center;
-        -ms-flex-align: center;
-            align-items: center;
-    font-size: 3.2vw;
-    color: #666666;
-    margin-bottom: 3vw;
-}
-
-.selection_item_contain .bg1_text .square_icon {
-    width: 1.33vw;
-    height: 1.33vw;
-    border: 1px solid #B2B2B2;
-    -webkit-transform: rotate(45deg);
-            transform: rotate(45deg);
-    margin-right: 1.5vw;
-}
-
-.selection_item_contain .bg1_text .select_btn {
-    position: absolute;
-    right: 4vw;
-    bottom: 4vw;
-    width: 24vw;
-    height: 8vw;
-    color: white;
-    font-size: 3.2vw;
-    background: #FF5B00;
-    text-align: center;
-    line-height: 8vw;
-    border-radius: 3px;
-}
-
-#secondPage {
-    background: #fff;
-    padding: 1vw 0 15.33vw 0;
-    -webkit-box-sizing: border-box;
-            box-sizing: border-box;
-}
-
-#secondPage .operationa {
-    width: 100%;
-    padding: 0 8vw;
-    -webkit-box-sizing: border-box;
-            box-sizing: border-box;
-}
-
-.operationa .H5_opera {
-    width: 84vw;
-    height: 66vw;
-    position: relative;
-}
-
-.H5_opera .online_store,
-.H5_opera .author {
-    width: 84vw;
-    height: 66vw;
-    position: absolute;
-}
-
-.H5_opera .online_store {
-    background: url(/img/supplier-login/H5/sotre_online.png) center no-repeat;
-    background-size: cover;
-    z-index: 0;
-}
-
-.H5_opera .author {
-    background: url(/img/supplier-login/H5/author_online.png) center no-repeat;
-    background-size: cover;
-    background-position: bottom;
-}
-
-.van-popup--center.van-popup--round {
-    border-radius: 8px !important;
-}
-
-.H5_opera .opera_online {
-    left: 9vw;
-    top: 20vw;
-}
-
-#thirdPage .H5_pageInner {
-    padding-bottom: 6.133vw;
-    -webkit-box-sizing: border-box;
-            box-sizing: border-box;
-    width: 100%;
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-box-pack: center;
-        -ms-flex-pack: center;
-            justify-content: center;
-}
-
-.H5_pageInner .H5_contant {
-    width: 85.6vw;
-    -webkit-box-sizing: border-box;
-            box-sizing: border-box;
-    display: grid;
-    grid-template-columns: repeat(2, 1fr);
-}
-
-.H5_contant .H5_contant_item {
-    height: 44.933vw;
-    border: 0.2px solid #F0F0F0;
-    -webkit-box-sizing: border-box;
-            box-sizing: border-box;
-    background: #fff;
-    padding: 5.333vw 4.667vw;
-    position: relative;
-}
-
-.H5_contant .H5_contant_item .title {
-    color: #202020;
-    font-size: 4vw;
-}
-
-.H5_contant .H5_contant_item .content {
-    font-size: 2.8vw;
-    color: #666666;
-    margin-top: 2.267vw;
-}
-
-.H5_contant .H5_contant_item img {
-    position: absolute;
-    bottom: 4vw;
-    right: 10vw;
-    width: 14.4vw;
-    height: 13.667vw;
-}
-
-.H5_contant .getMore {
-    grid-column: span 2;
-    height: 15.733vw;
-    background: #fff;
-    border: 1px solid #F0F0F0;
-    -webkit-box-sizing: border-box;
-            box-sizing: border-box;
-    -webkit-box-pack: center;
-        -ms-flex-pack: center;
-            justify-content: center;
-    -webkit-box-align: center;
-        -ms-flex-align: center;
-            align-items: center;
-    font-size: 2.8vw;
-    color: #999999;
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    position: relative;
-}
-.H5_contant .getMore:before {
-    position: absolute;
-    width: 1.333vw;
-    height: 1.333vw;
-    content: '';
-    transform: rotate(45deg);
-    right: 30vw;
-    top: 7vw;
-    border-bottom: 1px solid;
-    border-right: 1px solid;
-}
-.H5_contant .getMore:after {
-    position: absolute;
-    width: 1.333vw;
-    height: 1.333vw;
-    content: '';
-    transform: rotate(45deg);
-    right: 30vw;
-    top: 6vw;
-    border-bottom: 1px solid;
-    border-right: 1px solid;
-}
-#fourPage {
-    padding: 1px 0 5.667vw 0;
-}
-
-#fourPage .H5_success .van-swipe {
-    height: 150.467vw;
-    -webkit-box-sizing: border-box;
-            box-sizing: border-box;
-}
-
-#fivePage {
-    background: url(/img/supplier-login/H5/five_bg.png) no-repeat;
-    padding-top: 1px;
-    background-size: cover;
-    -webkit-box-sizing: border-box;
-            box-sizing: border-box;
-}
-
-.H5_success .van-swipe__track {
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    margin-top: 3vw;
-}
-
-.H5_success .van-swipe .van-swipe-item .innerSuccess {
-    width: 70vw;
-    height: 140.467vw;
-    margin-right: 2.4vw;
-    -webkit-box-sizing: border-box;
-            box-sizing: border-box;
-    padding: 6.667vw 6vw 6vw 6vw;
-    background: #FFFFFF;
-    -webkit-box-shadow: 0px 6px 24px 0px rgba(102, 102, 102, 0.3);
-            box-shadow: 0px 6px 24px 0px rgba(102, 102, 102, 0.3);
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-box-orient: vertical;
-    -webkit-box-direction: normal;
-        -ms-flex-direction: column;
-            flex-direction: column;
-    -webkit-box-align: center;
-        -ms-flex-align: center;
-            align-items: center;
-    margin-left: 7.2vw;
-    position: relative;
-}
-
-.H5_success .van-swipe .van-swipe__indicators {
-    bottom: 0;
-}
-
-.H5_success .van-swipe .van-swipe-item .title {
-    font-size: 4vw;
-    color: #333333;
-    text-align: center;
-    margin: 0 0 4.667vw 0;
-}
-
-.H5_success .van-swipe-item .content {
-    color: #666666;
-    font-size: 2.8vw;
-    line-height: 5.6vw;
-    text-overflow: ellipsis;
-    display: -webkit-box;
-    -webkit-line-clamp: 15;
-    -webkit-box-orient: vertical;
-    overflow: hidden;
-}
-
-.H5_success .van-swipe .van-swipe-item .innerSuccess .success_img {
-    position: absolute;
-    left: 6vw;
-    bottom: 6vw;
-    width: 58vw;
-    height: 34vw;
-}
-
-#fivePage .inner_contain {
-    width: 100%;
-    padding: 0 7.2vw 7.2vw 7.2vw;
-    -webkit-box-sizing: border-box;
-            box-sizing: border-box;
-}
-
-#fivePage .inner_contain .caimei_introduction {
-    padding: 5.067vw 3.2vw;
-    -webkit-box-sizing: border-box;
-            box-sizing: border-box;
-    background: rgba(255, 255, 255, 0.2);
-    font-size: 3.2vw;
-    line-height: 6.4vw;
-    color: #fff;
-    margin-bottom: 4.8vw;
-}
-
-#fivePage .Title .title {
-    color: #fff;
-}
-
-#fivePage .caimei_report {
-    display: grid;
-    grid-template-columns: repeat(2, 1fr);
-    grid-template-rows: repeat(2, 1fr);
-}
-
-.caimei_report .report_item {
-    padding: 2.533vw 5vw;
-    height: 25vw;
-    -webkit-box-sizing: border-box;
-            box-sizing: border-box;
-    position: relative;
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-box-align: center;
-        -ms-flex-align: center;
-            align-items: center;
-    text-align: center;
-    -webkit-box-orient: vertical;
-    -webkit-box-direction: normal;
-        -ms-flex-direction: column;
-            flex-direction: column;
-    -webkit-box-pack: center;
-        -ms-flex-pack: center;
-            justify-content: center;
-}
-
-.caimei_report .report_item .report_logo {
-    color: #fff;
-    font-size: 4vw;
-    font-weight: bold;
-}
-
-.caimei_report .report_item .report_title {
-    color: #fff;
-    font-size: 2.8vw;
-}
-
-.caimei_report .report_item .report_item_img {
-    position: absolute;
-    left: 5vw;
-    top: 2.533vw;
-    height: 20vw;
-    width: 31.067vw;
-    -webkit-box-sizing: border-box;
-            box-sizing: border-box;
-}
-
-#sixPage {
-    padding: 1px 0 0 0;
-    -webkit-box-sizing: border-box;
-            box-sizing: border-box;
-}
-
-#sixPage .community {
-    padding-left: 7.2vw;
-    -webkit-box-sizing: border-box;
-            box-sizing: border-box;
-}
-
-.community .community_title {
-    font-size: 4vw;
-    color: #333333;
-    margin-bottom: 3.2vw;
-}
-
-.community .cm_taking {
-    height: 48.6vw;
-    -webkit-box-sizing: border-box;
-            box-sizing: border-box;
-    width: 100%;
-}
-
-.cm_taking .my-swipe {
-    height: 100%;
-    width: 100%;
-}
-
-.cm_taking .my-swipe .van-swipe-item {
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-box-pack: center;
-        -ms-flex-pack: center;
-            justify-content: center;
-    -webkit-box-align: start;
-        -ms-flex-align: start;
-            align-items: start;
-    padding-right: 3.2vw;
-    -webkit-box-sizing: border-box;
-            box-sizing: border-box;
-}
-
-.my-swipe .van-swipe-item .video_item {
-    height: 37.6vw;
-    width: 100%;
-    border: 1px solid #EAEAEA;
-    -webkit-box-sizing: border-box;
-            box-sizing: border-box;
-    position: relative;
-}
-
-.my-swipe .van-swipe-item .video_item .player_bg {
-    position: absolute;
-    width: 100%;
-    height: 21.733vw;
-    -webkit-box-sizing: border-box;
-            box-sizing: border-box;
-    left: 0;
-    top: 0;
-    background: rgba(24, 23, 23, 0.4);
-    -webkit-box-pack: center;
-        -ms-flex-pack: center;
-            justify-content: center;
-    -webkit-box-align: center;
-        -ms-flex-align: center;
-            align-items: center;
-    z-index: 11;
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-}
-
-.my-swipe .van-swipe-item .video_item .video_img {
-    height: 21.733vw;
-    width: 100%;
-    -webkit-box-sizing: border-box;
-            box-sizing: border-box;
-}
-
-.my-swipe .van-swipe-item .video_item .video_title {
-    height: calc(100% - 21.733vw);
-    width: 100%;
-    -webkit-box-sizing: border-box;
-            box-sizing: border-box;
-    padding: 3.733vw;
-    color: #333333;
-    font-size: 3.2vw;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    display: -webkit-box;
-    -webkit-line-clamp: 2;
-    -webkit-box-orient: vertical;
-}
-
-.my-swipe .van-swipe-item .video_item .article_contant {
-    height: calc(100% - 21.733vw);
-    width: 100%;
-    -webkit-box-sizing: border-box;
-            box-sizing: border-box;
-    padding: 2.4vw 0;
-}
-
-.my-swipe .van-swipe-item .video_item .article_contant .article_tit {
-    color: #333333;
-    font-size: 3.2vw;
-}
-
-.my-swipe .van-swipe-item .video_item .article_contant .article_text {
-    color: #666666;
-    font-size: 2.2vw;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    display: -webkit-box;
-    -webkit-line-clamp: 2;
-    -webkit-box-orient: vertical;
-}
-
-.my-swipe .article_tit,
-.my-swipe .article_text {
-    padding: 0 2.4vw;
-    -webkit-box-sizing: border-box;
-            box-sizing: border-box;
-}
-
-.my-swipe .article_tit {
-    padding: 1px 2.4vw;
-    border-left: 2px solid #FF5B00;
-    text-overflow: ellipsis;
-    overflow: hidden;
-    white-space: nowrap;
-    -webkit-box-sizing: border-box;
-            box-sizing: border-box;
-}
-
-.cm_video_player {
-    width: 100vw;
-    height: 100vh;
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    flex-direction: column;
-    -webkit-box-pack: center;
-        -ms-flex-pack: center;
-            justify-content: center;
-    -webkit-box-align: center;
-        -ms-flex-align: center;
-            align-items: center;
-    position: fixed;
-    left: 0;
-    top: 0;
-    background: rgba(0, 0, 0, 0.5);
-    z-index: 113;
-}
-
-.cm_video_player {
-    display: none;
-}
-
-video {
-    width: 80%;
-    height: 60vw;
-}
-
-.text_info_contain {
-    padding: 9.3vw 7.2vw;
-    -webkit-box-sizing: border-box;
-            box-sizing: border-box;
-    margin-top: 13.6vw;
-}
-.videoClose {
-    width: 40px;
-    height: 40px;
-    margin-bottom: -20px;
-    margin-right: -20px;
-    z-index: 1;
-}
-.close {
-    width: 82%;
-    display: flex;
-    justify-content: flex-end;
-}
-#myVideo {
-    object-fit: cover;
-}
-.sulotionBtn {
-    width: 40vw;
-}
-.solutionDiag .solutioncontent {
-    padding: 5.600vw 7.467vw 1.667vw 7.467vw;
-    background: url("https://static.caimei365.com/app/img/icon/supplier-h5.png") no-repeat;
-}
-.solutionDiag .el-icon-arrow-up:before {
-    content: url(/img/supplier-login/arrow-down.png);
-}
-.solutionDiag .solutioncontent .title_1 {
-    color: #272727;
-    font-size: 3.600vw;
-    text-align: center;
-    margin-bottom: 3.200vw;
-    font-weight: Bold;
-}
-.solutionDiag .solutioncontent .title_2 {
-    text-align: center;
-    color: #4A4F58;
-    font-size: 3.200vw;
-    margin-bottom: 5.600vw;
-}
-.solutionDiag .solutioncontent .title {
-    text-align: center;
-}
-.solutionDiag .solutioncontent .el-select {
-    width: 100%;
-}
-.solutionDiag .el-dialog__header {
-    padding: 0 !important;
-}
-.solutionDiag .el-dialog__body {
-    padding: 0 !important;
-}
-.el-select-dropdown.is-multiple {
-    width: 200px !important;
-}
-.el-select-dropdown__item {
-
-}
-.el-select-dropdown.is-multiple .el-select-dropdown__item.selected::after {
-    display: none !important;
-}
-.el-select-dropdown.is-multiple .el-select-dropdown__item {
-    padding-left: 40px;
-}
-.el-select-dropdown.is-multiple .el-select-dropdown__item::before {
-    position: absolute;
-    top: 4px;
-    left: 10px;
-    transform: translateY(0);
-    font-family: element-icons;
-    content: "";
-    font-size: 12px;
-    font-weight: 700;
-    -webkit-font-smoothing: antialiased;
-    width: 14px;
-    height: 14px;
-    border: 1px solid #E2E2E2;
-}
-.el-select-dropdown.is-multiple .el-select-dropdown__item.selected::before {
-    transform: translateY(0) scale(1.5);
-    background: url("https://static.caimei365.com/app/img/icon/icon-checked.png") center no-repeat;
-    background-size: contain;
-    border: none;
-}
-.el-select-dropdown.is-multiple .el-select-dropdown__item.selected {
-    color: #FF5B00;
-}
-.el-select-dropdown__item {
-    height: auto !important;
-    white-space: normal !important;
-    line-height: 24px !important;
-}
-.el-select-dropdown.is-multiple .el-select-dropdown__item {
-    padding-right: 10px !important;
-}
-.el-scrollbar .el-select-dropdown__wrap {
-    max-height: 220px !important;
-}
-.select_contian {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    padding: 10px;
-}
-.select_contian .select_contian_btn {
-    background: #FF5B00;
-    color: white;
-}
-.solutionDiag .el-dialog__close::before {
-    content: "\2716";
-}
+[v-cloak] {
+    opacity: 0;
+}
+
+html {
+    scroll-behavior: smooth;
+    scroll-padding-top: 13.6vw;
+}
+
+#scrollTop,#supplierLogin,
+.login_header_container .img_logo .text,
+.login_header_container .header_link,
+.login_header_container .iphone,
+.slide_icon .tooltip,
+#fivePage .caimei_report .report_line {
+    display: none !important;
+}
+
+.v-modal {
+    top: 13.6vw !important;
+}
+
+.el-drawer__header {
+    display: none !important;
+}
+
+.el-drawer__wrapper {
+    top: 13.6vw !important;
+}
+
+.el-drawer {
+    width: 40% !important;
+    padding: 3.2vw 9vw !important;
+    -webkit-box-sizing: border-box !important;
+            box-sizing: border-box !important;
+}
+
+.drawer_box {
+    height: 14vw;
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-pack: center;
+        -ms-flex-pack: center;
+            justify-content: center;
+    -webkit-box-align: center;
+        -ms-flex-align: center;
+            align-items: center;
+    border-bottom: 1px solid #EAEAEA;
+    font-size: 3.6vw;
+    color: #333333;
+    -webkit-box-sizing: border-box;
+            box-sizing: border-box;
+}
+
+.page {
+    padding-top: 1px;
+    -webkit-box-sizing: border-box;
+            box-sizing: border-box;
+}
+
+.H5_username {
+    width: 9vw;
+    height: 9vw;
+    background: #FFF1E9;
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-align: center;
+        -ms-flex-align: center;
+            align-items: center;
+    -webkit-box-pack: center;
+        -ms-flex-pack: center;
+            justify-content: center;
+    border-radius: 50%;
+}
+
+.login_header {
+    width: 100%;
+    height: 13.6vw;
+    background: #fff;
+    position: fixed;
+    left: 0;
+    top: 0;
+    z-index: 114;
+}
+
+.login_header_container {
+    width: 100%;
+    height: 100%;
+    background: #fff;
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-pack: justify;
+        -ms-flex-pack: justify;
+            justify-content: space-between;
+    -webkit-box-align: center;
+        -ms-flex-align: center;
+            align-items: center;
+    padding: 3.1vw 4vw;
+    -webkit-box-sizing: border-box;
+            box-sizing: border-box;
+}
+
+.login_header_container .img_logo {
+    width: 20.2vw;
+    height: 7.4vw;
+    background: url(/img/supplier-login/H5/logo_.png) no-repeat;
+    background-size: 100% 100% !important;
+}
+
+.login_header_container .login_regist {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    width: 30vw;
+    -webkit-box-sizing: border-box;
+            box-sizing: border-box;
+}
+
+.login_header_container .login_regist .login_btn {
+    width: 14.8vw;
+    height: 6.4vw;
+    font-size: 3.2vw;
+    line-height: 6.4vw;
+    text-align: center;
+    -webkit-box-sizing: border-box;
+            box-sizing: border-box;
+}
+
+.login_header_container .login_regist .login_btn:nth-child(1) {
+    color: #808080;
+    border: 1px solid;
+    margin-right: 3vw;
+}
+
+.login_header_container .H5_header {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    height: 100%;
+    -webkit-box-align: center;
+        -ms-flex-align: center;
+            align-items: center;
+}
+
+#login_content .slide_icon {
+    width: 16vw;
+    height: 49vw;
+    background: #FF5B00;
+    border-radius: 0.8vw;
+    position: fixed;
+    right: 1.7vw;
+    bottom: 20vw;
+    z-index: 111;
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+        -ms-flex-direction: column;
+            flex-direction: column;
+}
+
+.slide_icon .slide_icon_item {
+    height: 33.3%;
+    -webkit-box-sizing: border-box;
+            box-sizing: border-box;
+    font-size: 2.8vw;
+    color: white;
+    display: grid;
+    grid-template-columns: 1fr;
+    grid-template-rows: 3fr 1fr;
+    width: 100%;
+    -webkit-box-align: center;
+        -ms-flex-align: center;
+            align-items: center;
+    justify-items: center;
+}
+
+.slide_icon .slide_icon_item div {
+    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
+    -webkit-box-sizing: border-box;
+            box-sizing: border-box;
+    height: 24px;
+}
+
+.slide_icon .slide_icon_item img {
+    width: 5.4vw;
+    height: 5.4vw;
+}
+
+.van-swipe__indicator--active {
+    background: #FF5B00 !important;
+}
+
+.el-message-box {
+    width: 310px !important;
+}
+
+#H5dialogVisible .showIphone {
+    width: 60vw;
+    height: 28vw;
+    background: #fff;
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -ms-flex-pack: distribute;
+        justify-content: space-around;
+    -webkit-box-align: center;
+        -ms-flex-align: center;
+            align-items: center;
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+        -ms-flex-direction: column;
+            flex-direction: column;
+    border-radius: 6px;
+    padding: 5.667vw 0;
+    -webkit-box-sizing: border-box;
+            box-sizing: border-box;
+}
+#fullpage {
+    margin-top: -6vw;
+}
+#H5showPopup {
+    width: 60vw;
+    height: 36vw;
+    background: #fff;
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-pack: justify;
+        -ms-flex-pack: justify;
+            justify-content: space-between;
+    -webkit-box-align: center;
+        -ms-flex-align: center;
+            align-items: center;
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+        -ms-flex-direction: column;
+            flex-direction: column;
+    border-radius: 6px;
+    padding: 9vw 6vw 6vw 6vw;
+    -webkit-box-sizing: border-box;
+            box-sizing: border-box;
+    font-size: 3.2vw;
+    color: #666666;
+}
+
+#H5showPopup .btn_popup {
+    width: 22vw !important;
+    height: 8.8vw !important;
+    font-size: 3.7vw !important;
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-pack: center;
+        -ms-flex-pack: center;
+            justify-content: center;
+    -webkit-box-align: center;
+        -ms-flex-align: center;
+            align-items: center;
+    -webkit-box-sizing: border-box;
+            box-sizing: border-box;
+}
+
+#H5dialogVisible .showIphone .showIphone_time {
+    color: #666666;
+    font-size: 2.8vw;
+}
+
+#H5dialogVisible .showIphone .showIphone_phone {
+    color: #FF5B00 !important;
+    font-size: 4vw;
+    font-weight: bold;
+    border-bottom: 1px solid #FF5B00;
+    -webkit-text-fill-color: #FF5B00 !important;
+}
+
+#zeroPage {
+    background: #fff;
+    margin-top: 16.6vw;
+}
+
+#zeroPage .H5-banner_1 {
+    width: 100%;
+    height: 100%;
+    background: url(/img/supplier-login/H5/banner1_.png) no-repeat;
+    background-size: 100% 100% !important;
+}
+
+#zeroPage .H5-banner_2 {
+    width: 100%;
+    height: 100%;
+    background: url(/img/supplier-login/H5/banner2_.png) no-repeat;
+    background-size: 100% 100% !important;
+}
+
+.Title {
+    width: 100%;
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-align: center;
+        -ms-flex-align: center;
+            align-items: center;
+    -webkit-box-pack: justify;
+        -ms-flex-pack: justify;
+            justify-content: space-between;
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+        -ms-flex-direction: column;
+            flex-direction: column;
+    margin: 9.3vw 0 8.3vw 0;
+    text-align: center;
+}
+
+.Title .text {
+    font-size: 5.3vw;
+    color: #333333;
+    margin-bottom: 3.2vw;
+}
+
+.Title .title {
+    font-size: 2.8vw;
+    color: #707070;
+}
+
+.van-action-sheet__item {
+    font-size: 3.4vw !important;
+}
+
+#zeroPage .server {
+    width: 100%;
+    height: 82vw;
+}
+
+.server .van-swipe {
+    height: 77vw;
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-align: center;
+        -ms-flex-align: center;
+            align-items: center;
+}
+
+.server .van-swipe__indicators {
+    display: none;
+}
+
+.server .van-swipe__track {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    height: 66vw;
+}
+
+.server .van-swipe-item {
+    width: 65vw !important;
+    -webkit-box-sizing: border-box;
+            box-sizing: border-box;
+    margin-right: 4.4vw;
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+        -ms-flex-direction: column;
+            flex-direction: column;
+    -webkit-box-align: center;
+        -ms-flex-align: center;
+            align-items: center;
+    padding-top: 10vw;
+    background: #FFFFFF;
+    -webkit-box-shadow: 0px 6px 18px 0px rgba(102, 102, 102, 0.3);
+            box-shadow: 0px 6px 18px 0px rgba(102, 102, 102, 0.3);
+    overflow: hidden;
+}
+
+.van-swipe-item .title {
+    font-size: 3.6vw;
+    color: #333333;
+    margin: 3.5vw 0;
+}
+
+.van-swipe-item .text {
+    font-size: 2.4vw;
+    color: #707070;
+    margin-top: 1vw;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+}
+
+.van-swipe-item .server_img {
+    width: 26.6vw;
+    height: 25vw;
+}
+
+#firstPage {
+    background: url(/img/supplier-login/H5/solution/bg.png) center no-repeat;
+    background-size: cover;
+}
+
+#firstPage .selection_item {
+    width: 100%;
+    height: 61.067vw;
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-pack: center;
+        -ms-flex-pack: center;
+            justify-content: center;
+    -webkit-box-align: center;
+        -ms-flex-align: center;
+            align-items: center;
+    margin-bottom: 6vw;
+}
+
+.selection_item .selection_item_contain {
+    width: 85.6vw;
+    height: 100%;
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-sizing: border-box;
+            box-sizing: border-box;
+}
+
+.selection_item_contain .contain_bg_01,
+.selection_item_contain .contain_bg_02,
+.selection_item_contain .contain_bg_03 {
+    width: 16vw;
+    height: 100%;
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-writing-mode: vertical-rl;
+        -ms-writing-mode: tb-rl;
+            writing-mode: vertical-rl;
+    -webkit-box-align: center;
+        -ms-flex-align: center;
+            align-items: center;
+    -webkit-box-pack: center;
+        -ms-flex-pack: center;
+            justify-content: center;
+    font-size: 5.6vw;
+    color: white;
+    -webkit-box-sizing: border-box;
+            box-sizing: border-box;
+}
+
+.selection_item_contain .contain_bg_01 {
+    background: url(/img/supplier-login/H5/solution/01.png) center no-repeat;
+    background-size: cover;
+}
+
+.selection_item_contain .contain_bg_02 {
+    background: url(/img/supplier-login/H5/solution/02.png);
+    background-size: cover;
+}
+
+.selection_item_contain .contain_bg_03 {
+    background: url(/img/supplier-login/H5/solution/03.png);
+    background-size: cover;
+}
+
+.selection_item_contain .title {
+    margin: 0 !important;
+}
+
+.selection_item_contain .bg1_text {
+    width: 69.6vw;
+    height: 100%;
+    padding: 6vw 7.2vw;
+    -webkit-box-sizing: border-box;
+            box-sizing: border-box;
+    position: relative;
+    background: #fff;
+}
+
+.selection_item_contain .bg1_text .bg1_contain {
+    height: 3.8vw;
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-align: center;
+        -ms-flex-align: center;
+            align-items: center;
+    font-size: 3.2vw;
+    color: #666666;
+    margin-bottom: 3vw;
+}
+
+.selection_item_contain .bg1_text .square_icon {
+    width: 1.33vw;
+    height: 1.33vw;
+    border: 1px solid #B2B2B2;
+    -webkit-transform: rotate(45deg);
+            transform: rotate(45deg);
+    margin-right: 1.5vw;
+}
+
+.selection_item_contain .bg1_text .select_btn {
+    position: absolute;
+    right: 4vw;
+    bottom: 4vw;
+    width: 24vw;
+    height: 8vw;
+    color: white;
+    font-size: 3.2vw;
+    background: #FF5B00;
+    text-align: center;
+    line-height: 8vw;
+    border-radius: 3px;
+}
+
+#secondPage {
+    background: #fff;
+    padding: 1vw 0 15.33vw 0;
+    -webkit-box-sizing: border-box;
+            box-sizing: border-box;
+}
+
+#secondPage .operationa {
+    width: 100%;
+    padding: 0 8vw;
+    -webkit-box-sizing: border-box;
+            box-sizing: border-box;
+}
+
+.operationa .H5_opera {
+    width: 84vw;
+    height: 66vw;
+    position: relative;
+}
+
+.H5_opera .online_store,
+.H5_opera .author {
+    width: 84vw;
+    height: 66vw;
+    position: absolute;
+}
+
+.H5_opera .online_store {
+    background: url(/img/supplier-login/H5/sotre_online.png) center no-repeat;
+    background-size: cover;
+    z-index: 0;
+}
+
+.H5_opera .author {
+    background: url(/img/supplier-login/H5/author_online.png) center no-repeat;
+    background-size: cover;
+    background-position: bottom;
+}
+
+.van-popup--center.van-popup--round {
+    border-radius: 8px !important;
+}
+
+.H5_opera .opera_online {
+    left: 9vw;
+    top: 20vw;
+}
+
+#thirdPage .H5_pageInner {
+    padding-bottom: 6.133vw;
+    -webkit-box-sizing: border-box;
+            box-sizing: border-box;
+    width: 100%;
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-pack: center;
+        -ms-flex-pack: center;
+            justify-content: center;
+}
+
+.H5_pageInner .H5_contant {
+    width: 85.6vw;
+    -webkit-box-sizing: border-box;
+            box-sizing: border-box;
+    display: grid;
+    grid-template-columns: repeat(2, 1fr);
+}
+
+.H5_contant .H5_contant_item {
+    height: 44.933vw;
+    border: 0.2px solid #F0F0F0;
+    -webkit-box-sizing: border-box;
+            box-sizing: border-box;
+    background: #fff;
+    padding: 5.333vw 4.667vw;
+    position: relative;
+}
+
+.H5_contant .H5_contant_item .title {
+    color: #202020;
+    font-size: 4vw;
+}
+
+.H5_contant .H5_contant_item .content {
+    font-size: 2.8vw;
+    color: #666666;
+    margin-top: 2.267vw;
+}
+
+.H5_contant .H5_contant_item img {
+    position: absolute;
+    bottom: 4vw;
+    right: 10vw;
+    width: 14.4vw;
+    height: 13.667vw;
+}
+
+.H5_contant .getMore {
+    grid-column: span 2;
+    height: 15.733vw;
+    background: #fff;
+    border: 1px solid #F0F0F0;
+    -webkit-box-sizing: border-box;
+            box-sizing: border-box;
+    -webkit-box-pack: center;
+        -ms-flex-pack: center;
+            justify-content: center;
+    -webkit-box-align: center;
+        -ms-flex-align: center;
+            align-items: center;
+    font-size: 2.8vw;
+    color: #999999;
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    position: relative;
+}
+.H5_contant .getMore:before {
+    position: absolute;
+    width: 1.333vw;
+    height: 1.333vw;
+    content: '';
+    transform: rotate(45deg);
+    right: 30vw;
+    top: 7vw;
+    border-bottom: 1px solid;
+    border-right: 1px solid;
+}
+.H5_contant .getMore:after {
+    position: absolute;
+    width: 1.333vw;
+    height: 1.333vw;
+    content: '';
+    transform: rotate(45deg);
+    right: 30vw;
+    top: 6vw;
+    border-bottom: 1px solid;
+    border-right: 1px solid;
+}
+#fourPage {
+    padding: 1px 0 5.667vw 0;
+}
+
+#fourPage .H5_success .van-swipe {
+    height: 150.467vw;
+    -webkit-box-sizing: border-box;
+            box-sizing: border-box;
+}
+
+#fivePage {
+    background: url(/img/supplier-login/H5/five_bg.png) no-repeat;
+    padding-top: 1px;
+    background-size: cover;
+    -webkit-box-sizing: border-box;
+            box-sizing: border-box;
+}
+
+.H5_success .van-swipe__track {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    margin-top: 3vw;
+}
+
+.H5_success .van-swipe .van-swipe-item .innerSuccess {
+    width: 70vw;
+    height: 140.467vw;
+    margin-right: 2.4vw;
+    -webkit-box-sizing: border-box;
+            box-sizing: border-box;
+    padding: 6.667vw 6vw 6vw 6vw;
+    background: #FFFFFF;
+    -webkit-box-shadow: 0px 6px 24px 0px rgba(102, 102, 102, 0.3);
+            box-shadow: 0px 6px 24px 0px rgba(102, 102, 102, 0.3);
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+        -ms-flex-direction: column;
+            flex-direction: column;
+    -webkit-box-align: center;
+        -ms-flex-align: center;
+            align-items: center;
+    margin-left: 7.2vw;
+    position: relative;
+}
+
+.H5_success .van-swipe .van-swipe__indicators {
+    bottom: 0;
+}
+
+.H5_success .van-swipe .van-swipe-item .title {
+    font-size: 4vw;
+    color: #333333;
+    text-align: center;
+    margin: 0 0 4.667vw 0;
+}
+
+.H5_success .van-swipe-item .content {
+    color: #666666;
+    font-size: 2.8vw;
+    line-height: 5.6vw;
+    text-overflow: ellipsis;
+    display: -webkit-box;
+    -webkit-line-clamp: 15;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+}
+
+.H5_success .van-swipe .van-swipe-item .innerSuccess .success_img {
+    position: absolute;
+    left: 6vw;
+    bottom: 6vw;
+    width: 58vw;
+    height: 34vw;
+}
+
+#fivePage .inner_contain {
+    width: 100%;
+    padding: 0 7.2vw 7.2vw 7.2vw;
+    -webkit-box-sizing: border-box;
+            box-sizing: border-box;
+}
+
+#fivePage .inner_contain .caimei_introduction {
+    padding: 5.067vw 3.2vw;
+    -webkit-box-sizing: border-box;
+            box-sizing: border-box;
+    background: rgba(255, 255, 255, 0.2);
+    font-size: 3.2vw;
+    line-height: 6.4vw;
+    color: #fff;
+    margin-bottom: 4.8vw;
+}
+
+#fivePage .Title .title {
+    color: #fff;
+}
+
+#fivePage .caimei_report {
+    display: grid;
+    grid-template-columns: repeat(2, 1fr);
+    grid-template-rows: repeat(2, 1fr);
+}
+
+.caimei_report .report_item {
+    padding: 2.533vw 5vw;
+    height: 25vw;
+    -webkit-box-sizing: border-box;
+            box-sizing: border-box;
+    position: relative;
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-align: center;
+        -ms-flex-align: center;
+            align-items: center;
+    text-align: center;
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+        -ms-flex-direction: column;
+            flex-direction: column;
+    -webkit-box-pack: center;
+        -ms-flex-pack: center;
+            justify-content: center;
+}
+
+.caimei_report .report_item .report_logo {
+    color: #fff;
+    font-size: 4vw;
+    font-weight: bold;
+}
+
+.caimei_report .report_item .report_title {
+    color: #fff;
+    font-size: 2.8vw;
+}
+
+.caimei_report .report_item .report_item_img {
+    position: absolute;
+    left: 5vw;
+    top: 2.533vw;
+    height: 20vw;
+    width: 31.067vw;
+    -webkit-box-sizing: border-box;
+            box-sizing: border-box;
+}
+
+#sixPage {
+    padding: 1px 0 0 0;
+    -webkit-box-sizing: border-box;
+            box-sizing: border-box;
+}
+
+#sixPage .community {
+    padding-left: 7.2vw;
+    -webkit-box-sizing: border-box;
+            box-sizing: border-box;
+}
+
+.community .community_title {
+    font-size: 4vw;
+    color: #333333;
+    margin-bottom: 3.2vw;
+    display: flex;
+    justify-content: space-between;
+    padding-right: 8vw;
+    align-items: center;
+}
+.community .community_title a {
+    font-size: 2.5vw;
+    color: #666666bd;
+}
+.community .cm_taking {
+    height: 48.6vw;
+    -webkit-box-sizing: border-box;
+            box-sizing: border-box;
+    width: 100%;
+}
+
+.cm_taking .my-swipe {
+    height: 100%;
+    width: 100%;
+}
+
+.cm_taking .my-swipe .van-swipe-item {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-pack: center;
+        -ms-flex-pack: center;
+            justify-content: center;
+    -webkit-box-align: start;
+        -ms-flex-align: start;
+            align-items: start;
+    padding-right: 3.2vw;
+    -webkit-box-sizing: border-box;
+            box-sizing: border-box;
+}
+
+.my-swipe .van-swipe-item .video_item {
+    height: 37.6vw;
+    width: 100%;
+    border: 1px solid #EAEAEA;
+    -webkit-box-sizing: border-box;
+            box-sizing: border-box;
+    position: relative;
+}
+
+.my-swipe .van-swipe-item .video_item .player_bg {
+    position: absolute;
+    width: 100%;
+    height: 21.733vw;
+    -webkit-box-sizing: border-box;
+            box-sizing: border-box;
+    left: 0;
+    top: 0;
+    background: rgba(24, 23, 23, 0.4);
+    -webkit-box-pack: center;
+        -ms-flex-pack: center;
+            justify-content: center;
+    -webkit-box-align: center;
+        -ms-flex-align: center;
+            align-items: center;
+    z-index: 11;
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+}
+
+.my-swipe .van-swipe-item .video_item .video_img {
+    height: 21.733vw;
+    width: 100%;
+    -webkit-box-sizing: border-box;
+            box-sizing: border-box;
+}
+
+.my-swipe .van-swipe-item .video_item .video_title {
+    height: calc(100% - 21.733vw);
+    width: 100%;
+    -webkit-box-sizing: border-box;
+            box-sizing: border-box;
+    padding: 3.733vw;
+    color: #333333;
+    font-size: 3.2vw;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: -webkit-box;
+    -webkit-line-clamp: 2;
+    -webkit-box-orient: vertical;
+}
+
+.my-swipe .van-swipe-item .video_item .article_contant {
+    height: calc(100% - 21.733vw);
+    width: 100%;
+    -webkit-box-sizing: border-box;
+            box-sizing: border-box;
+    padding: 2.4vw 0;
+}
+
+.my-swipe .van-swipe-item .video_item .article_contant .article_tit {
+    color: #333333;
+    font-size: 3.2vw;
+}
+
+.my-swipe .van-swipe-item .video_item .article_contant .article_text {
+    color: #666666;
+    font-size: 2.2vw;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: -webkit-box;
+    -webkit-line-clamp: 2;
+    -webkit-box-orient: vertical;
+}
+
+.my-swipe .article_tit,
+.my-swipe .article_text {
+    padding: 0 2.4vw;
+    -webkit-box-sizing: border-box;
+            box-sizing: border-box;
+}
+
+.my-swipe .article_tit {
+    padding: 1px 2.4vw;
+    border-left: 2px solid #FF5B00;
+    text-overflow: ellipsis;
+    overflow: hidden;
+    white-space: nowrap;
+    -webkit-box-sizing: border-box;
+            box-sizing: border-box;
+}
+
+.cm_video_player {
+    width: 100vw;
+    height: 100vh;
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    flex-direction: column;
+    -webkit-box-pack: center;
+        -ms-flex-pack: center;
+            justify-content: center;
+    -webkit-box-align: center;
+        -ms-flex-align: center;
+            align-items: center;
+    position: fixed;
+    left: 0;
+    top: 0;
+    background: rgba(0, 0, 0, 0.5);
+    z-index: 113;
+}
+
+.cm_video_player {
+    display: none;
+}
+
+video {
+    width: 80%;
+    height: 60vw;
+}
+
+.text_info_contain {
+    padding: 9.3vw 7.2vw;
+    -webkit-box-sizing: border-box;
+            box-sizing: border-box;
+    margin-top: 13.6vw;
+}
+.videoClose {
+    width: 40px;
+    height: 40px;
+    margin-bottom: -20px;
+    margin-right: -20px;
+    z-index: 1;
+}
+.close {
+    width: 82%;
+    display: flex;
+    justify-content: flex-end;
+}
+#myVideo {
+    object-fit: cover;
+}
+.sulotionBtn {
+    width: 40vw;
+}
+.solutionDiag .solutioncontent {
+    padding: 5.600vw 7.467vw 1.667vw 7.467vw;
+    background: url("https://static.caimei365.com/app/img/icon/supplier-h5.png") no-repeat;
+}
+.solutionDiag .el-icon-arrow-up:before {
+    content: url(/img/supplier-login/arrow-down.png);
+}
+.solutionDiag .solutioncontent .title_1 {
+    color: #272727;
+    font-size: 3.600vw;
+    text-align: center;
+    margin-bottom: 3.200vw;
+    font-weight: Bold;
+}
+.solutionDiag .solutioncontent .title_2 {
+    text-align: center;
+    color: #4A4F58;
+    font-size: 3.200vw;
+    margin-bottom: 5.600vw;
+}
+.solutionDiag .solutioncontent .title {
+    text-align: center;
+}
+.solutionDiag .solutioncontent .el-select {
+    width: 100%;
+}
+.solutionDiag .el-dialog__header {
+    padding: 0 !important;
+}
+.solutionDiag .el-dialog__body {
+    padding: 0 !important;
+}
+.el-select-dropdown.is-multiple {
+    width: 200px !important;
+}
+.el-select-dropdown__item {
+
+}
+.el-select-dropdown.is-multiple .el-select-dropdown__item.selected::after {
+    display: none !important;
+}
+.el-select-dropdown.is-multiple .el-select-dropdown__item {
+    padding-left: 40px;
+}
+.el-select-dropdown.is-multiple .el-select-dropdown__item::before {
+    position: absolute;
+    top: 4px;
+    left: 10px;
+    transform: translateY(0);
+    font-family: element-icons;
+    content: "";
+    font-size: 12px;
+    font-weight: 700;
+    -webkit-font-smoothing: antialiased;
+    width: 14px;
+    height: 14px;
+    border: 1px solid #E2E2E2;
+}
+.el-select-dropdown.is-multiple .el-select-dropdown__item.selected::before {
+    transform: translateY(0) scale(1.5);
+    background: url("https://static.caimei365.com/app/img/icon/icon-checked.png") center no-repeat;
+    background-size: contain;
+    border: none;
+}
+.el-select-dropdown.is-multiple .el-select-dropdown__item.selected {
+    color: #FF5B00;
+}
+.el-select-dropdown__item {
+    height: auto !important;
+    white-space: normal !important;
+    line-height: 24px !important;
+}
+.el-select-dropdown.is-multiple .el-select-dropdown__item {
+    padding-right: 10px !important;
+}
+.el-scrollbar .el-select-dropdown__wrap {
+    max-height: 220px !important;
+}
+.select_contian {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    padding: 10px;
+}
+.select_contian .select_contian_btn {
+    background: #FF5B00;
+    color: white;
+}
+.solutionDiag .el-dialog__close::before {
+    content: "\2716";
+}

src/main/resources/templates/encyclopedia/detail.html

@@ -22,8 +22,8 @@
 
 <main id="bk-page-container">
     <div class="bk-banner">
-        <img th:src="!(${baikeproduct.banner} eq null) ? ${baikeproduct.banner} : '/img/encyclopedia/assets/pc-banner-detail.png'" alt="采美百科" class="only-pc"/>
-        <img th:src="!(${baikeproduct.banner} eq null) ? ${baikeproduct.banner} : '/img/encyclopedia/assets/h5-banner-detail.png'" alt="采美百科" class="only-mobile"/>
+        <img th:src="!${#strings.isEmpty(baikeproduct.banner)} ? ${baikeproduct.banner} : '/img/encyclopedia/assets/pc-banner-detail.png'" alt="采美百科" class="only-pc"/>
+        <img th:src="!${#strings.isEmpty(baikeproduct.banner)} ? ${baikeproduct.banner} : '/img/encyclopedia/assets/h5-banner-detail.png'" alt="采美百科" class="only-mobile"/>
         <div class="bk-container only-pc">
             <div class="bk-name" th:text="${baikeproduct.name}"></div>
         </div>