|
@@ -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";
|
|
|
+}
|