/* 首页样式s */ .z-content { width: 100%; position: relative; /* text-align: center; */ margin: 0 auto; } .z-web-logo, .z-web-logo1 { width: 166px; height: 26px; color: #de4133 } .z-task-dynamics { position: relative; top: 55px; left: 0; right: 0; bottom: 0; margin: 0 auto; width: 890px; height: 55px; display: flex; justify-content: center; font-size: 22px; color: #ff5e49; } .z-task-dynamics p { width: 155px; text-align: left; } .z-task-dynamics marquee { width: 654px; height: 50px; } .z-index-message .swiper-pagination { position: relative; right: 44px; width: 30% !important; text-align: right; z-index: 99; } .z-index-message .swiper-pagination-bullet { width: 10px; height: 10px; margin: 0px 5px; background: #808080; } .z-index-message .swiper-pagination-bullet-active { background-color: #ffffff; } .z-index-message { margin-top: -81px; padding-left: 43px; width: 100%; height: 39px; background: rgba(41, 41, 41, 0.3); } .z-index-message li p:nth-child(1) { width: 20px; height: 20px; border-radius: 50%; color: #ffffff; background-color: #fd9b52; display: flex; justify-content: center; align-items: center; } .z-index-message li p:nth-child(2) { margin-left: 10px; color: #ffffff; } .z-index-message li:not(:nth-last-child(1)) { margin-right: 59px; } .z-task-step { width: 100%; height: 72px; padding: 0 20px; display: flex; align-items: center; font-size: 18px; background-color: #ffffff; } /* .z-task-step span { font-weight: bold; } */ .z-task-step .z-step-icon { margin-right: 20px; } .z-middle-left { width: 881px; margin-right: 15px; } .z-middle-right { width: 313px; } .z-iml { width: 910px; margin-right: 15px; } .z-imr { width: 300px; } .z-task-type { width: 100%; box-sizing: border-box; padding: 15px 10px; } .z-task-type ul { width: 100%; display: flex; justify-content: flex-start; align-items: center; } .z-task-type ul li li { margin-left: 8px; } .z-task-type ul li a { padding: 2px 8px; } .z-task-type ul li a:hover { color: #fff; background-color: rgba(222, 65, 51, 0.507); } .z-task-type .active { color: #fff; background-color: #de4133; font-size: 12px; } .z-task { margin: 20px 0px; } .z-task-title { width: 100%; height: 53px; border-bottom: 1px solid #f2f2f2; } .z-task-title ul { height: 100%; margin: 0px 20px; display: flex; justify-content: flex-start; align-items: center; } .z-task-title ul li { margin-right: 20px; display: flex; justify-content: center; align-items: center; } .z-task-title ul li a { position: relative; font-size: 15px; margin-right: 12px; } .z-task-title .active { font-weight: bold; } span { position: relative; } .z-task-title ul li .active::after { content: ''; position: absolute; right: 0px; top: 35px; width: 100%; height: 2.5px; border-radius: 10px; background-color: #000000; } .z-task-title ul li a::before { content: ''; position: absolute; left: 50%; top: 35px; width: 100%; height: 2.5px; border-radius: 10px; background-color: #000000; transform-origin: center; transform: translate(-50%, 0) scalex(0); transition: transform 0.3s ease-in-out; } .z-task-title ul li a:hover::before { transform: translate(-50%, 0) scalex(1); } .z-task-box { position: relative; width: 100%; box-sizing: border-box; padding: 11px 17px; display: flex; justify-content: space-between; border-bottom: 1px solid #f2f2f2; } .z-tb-left { min-width: 580px; max-width: 600px; } .z-tb-right { display: flex; flex-direction: column; /*justify-content: center;*/ align-items: flex-end; } .z-tbl-title { height: 25px; margin-bottom: 10px; display: flex; align-items: center; } .z-tbl-title img { margin-right: 10px; /* width: 27px; */ /*height: 21px;*/ } .z-tbl-title h2 { font-size: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* .z-tbl-title .hot { width: 19px; margin-bottom: 10px; } */ .z-tbl-title>* { margin-right: 8px; } .z-task-other ul { display: flex; justify-content: flex-start; /*flex-wrap: wrap;*/ } .z-task-other ul li { width: 25%; text-align: left; height: 30px; line-height: 30px; color: #666666; } .z-task-other ul li:nth-child(2) { width: 20%; } .z-tb-right>div:nth-child(1) { display: flex; align-items: center; } .z-tb-right { width: 144px; position: relative; } .z-tb-right>div>span { margin-left: 5px; color: #e3423b; font-size: 18px; } .z-tc-detail { width: 100%; margin-top: 12px; background-color: #e3423b; } .z-tc-detail-not { width: 100%; margin-top: 12px; background-color: #ccc; } .z-tc-detail a { color: #ffffff; } .z-tc-detail:hover { background-color: #e3423b; } .z-index-ad1 { width: 313px; overflow: hidden; } .z-tuijian { width: 100%; height: 52px; display: flex; justify-content: space-between; align-items: center; box-sizing: border-box; padding: 15px ; } .z-tuijian h2 { margin-left: 12px; font-size: 18px; color: #4a4a4a; } /* 首页样式e */ .c-aside { position: relative; overflow: hidden; height: 330px; /* border-radius: 10px; */ } @-webkit-keyframes rowup { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { -webkit-transform: translate3d(0, -150px, 0); transform: translate3d(0, -150px, 0); } } @keyframes rowup { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { -webkit-transform: translate3d(0, -150px, 0); transform: translate3d(0, -150px, 0); } } .c-aside ul { background-color: #ffffff; position: absolute; width: 100%; box-sizing: border-box; position: relative; } .c-aside ul li { display: flex; justify-content: flex-start; } @keyframes scroll { 100% { transform: translatey(-350px); } } .c-aside ul>li { display: flex; flex-direction: column; justify-content: space-between; align-items: center; height: 48px; width: 100%; border-bottom: 1px #eeeeee dashed; } .c-trens-top { display: flex; justify-content: flex-start; align-items: center; width: 100%; margin-bottom: 8px; } .c-circle { display: inline-block; width: 5px; height: 5px; margin-right: 5px; border-radius: 50%; background-color: #ff9900; border: 1px solid #ff9900; vertical-align: middle; } .c-phone { display: inline-block; color: #e3423b; } .c-trens-top { text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; /* white-space: nowrap; text-overflow: ellipsis; width: 57%; vertical-align: middle; */ } .c-trens-top a { margin: 0px 5px; } .c-trens-bot { width: 100%; display: flex; justify-content: space-between; align-items: center; padding-bottom: 10px; } .c-trens-bot .type { padding: 5px; color: #ff9900; border: 1px solid #ff9900; } .c-reward { color: #999999; } .c-reward strong { color: #e3423b; font-weight: 400; } .c-trens-time { color: #999; right: 0; } .comereleasebtn { width: 100%; height: 53px; } .z-come-release a { width: 100%; display: block; } .complete-icon { position: absolute; top: 52px; left: 230px; right: 0px; margin: 0 auto; width: 50px; height: 50px; } .z-index-ad1 img { transition: all 0.6s; overflow: hidden; } .z-index-ad1:hover img { transform: scale(1.01); } .z-index-ad2 img { transition: all 0.6s; overflow: hidden; } .z-index-ad2:hover img { transform: scale(1.01); } .task-complete { position: absolute; top: 18px; right: 235px; width: 60px; /* height: 100px; */ transform: rotate(-7deg); filter: invert(1); } /* v2 */ .z-index-v2-banner { width: 100%; height: 280px; background-color: #fff; margin-bottom: 20px; } .z-index-v2-banner img { width: 100%; height: 100%; object-fit: cover; } /* v2首页 */ .c-index-swiper { position: relative; width: 100%; height: 566px; } .c-index-swiper .mask { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 8; background-color: #cb1914; } .c-index-swiper .middle { position: relative; height: 100%; z-index: 9; } .index-header-swiper { width: 56%; height: 100%; } .index-header-swiper .swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white { display: none; background-image: !important; background-repeat: no-repeat; } .index-header-swiper .swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white { display: none; background-image: !important; background-repeat: no-repeat; } .swiper-container:hover .swiper-button-prev { display: block; } .c-index-swiper .swiper-slide img { width: 100%; height: 100%; } .swiper-container:hover .swiper-button-next { display: block; } .index-header-swiper a { display: block; width: 100%; height: 100%; text-align: center; } .index-header-swiper a:hover{ opacity: 1; } .index-header-swiper .swiper-pagination { text-align: center; } .index-swiper-pagination .swiper-pagination-bullet { width: 8px; height: 8px; background-color: rgba(255, 255, 255, 0.5); } .index-swiper-pagination .swiper-pagination-bullet-active { background-color: #fff; } .c-indexswiper-left { position: absolute; top: 2%; left: 0; width: 22%; height: 96%; padding: 15px 12px; box-sizing: border-box; background-color: #fff; } .c-indexswiper-right { position: absolute; top: 2%; right: 0; width: 22%; height: 96%; padding: 15px 12px; box-sizing: border-box; background-color: #fff; } .c-indexswiper-left-item img { margin-right: 5%; } .c-indexswiper-left-item { margin-bottom: 0px; } .c-indexswiper-left-item:last-child .c-indexswiper-left-ul { margin-bottom: 0; border-bottom: none; } .c-indexswiper-left-item h2 { font-size: 16px; color: #4d4d4d; } .c-indexswiper-left-ul { width: 100%; padding-top: 10px; box-sizing: border-box; border-bottom: 1px dashed #e6e3e3; } .c-index-swiper .swiper-slide img { object-fit: fill; } .c-indexswiper-left-ul ul { display: flex; align-items: center; flex-wrap: wrap; width: 100%; /* padding-bottom: 10px; */ } .c-indexswiper-left-ul ul>li { margin-bottom: 8px; } .c-indexswiper-left-ul ul>li:last-child { margin-right: 0; } .c-indexswiper-right-top { position: relative; width: 100%; } .c-indexswiper-right-remind { color: #4d4d4d; font-size: 12px; line-height: 18px; margin: 0px 0 10px 0; word-spacing: 1px; } .c-indexswiper-right-tag { margin-bottom: 15px; } .c-indexswiper-right-top h2 { font-size: 15px; color: #282828; font-weight: 600; margin-bottom: 5px; } .c-indexswiper-right-top p { color: #d9383e; font-size: 26px; font-weight: 600; } .c-indexswiper-right-top span { font-size: 15px; color: #999999; } .c-indexswiper-right-top .c-tag-left { position: absolute; left: 53px; bottom: -11px; } .c-indexswiper-right-top .c-tag-right { position: absolute; right: 50px; bottom: -11px; } .c-indexswiper-right-title { margin-bottom: 10px; } .c-indexswiper-right-title h2 { font-size: 17px; font-weight: 600; color: #282828; } .c-indexswiper-right-tag p { font-size: 14px; font-weight: 600; } .z-index-news-title { width: 100%; height: 32px; /* background-image: ; background-repeat: no-repeat; background-size: 100% 100%; */ padding-bottom: 15px; box-sizing: border-box; } .z-index-news-title h2 { line-height: 32px; font-size: 18px; color: #292929; font-weight: 600; } .z-index-news-tag { width: 100%; display: grid; grid-gap: 20px; grid-template-columns: repeat(3, 32%); grid-template-rows: repeat(2, 40px); } .z-index-news-tag li { width: 100%; height: 100%; display: flex; align-items: center; } .z-index-news-tag li img { width: 30px; height: 30px; border-radius: 5px; border-right: 10px; } .z-ilu-1 li { width: 32.33%; text-align: left; } .z-ilu-2 li { width: 49.33%; } .z-isr-top { position: relative; width: 100%; height: 110px; z-index: 1; margin-bottom: 7px; } .z-isr-top img { width: 100%; height: 100%; } .z-isr-top .name { position: absolute; z-index: 2; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 182px; height: 27px; font-size: 18px; font-family: microsoft yahei; font-weight: bold; color: rgba(255, 255, 255, 1); } .z-isr-middle .z-isrm-img { margin-right: 10px; } .z-isrm-name { width: 64px; font-size: 16px; font-family: microsoft yahei; font-weight: bold; color: rgba(77, 77, 77, 1); line-height: 24px; } .z-ilur ul { display: flex; padding: 0; } .z-ilur { border: none; } .z-ilur ul li { display: flex; justify-content: center; align-items: center; width: 48%; height: 100%; margin: 0; margin-right: 2%; margin-bottom: 2%; } .z-ilur ul li:nth-child(2n){ margin-right: 0; } .z-ilur ul li a{ display: block; width: 100%; height: 100%; padding: 6px 0; box-sizing: border-box; text-align: center; border: 1px solid #e6e6e6; } .z-index-middle-left .z-index-task-type ul .active { color: rgba(245, 88, 90, 1); } .z-index-task-type { padding: 10px 20px; } .z-index-task-type li a { color: #999999; } .z-index-task-type li li { margin-left: 15px; } .z-index-task-type { width: 100%; height: 52px; border-bottom: 1px solid #f2f2f2; } .z-index-task-type ul { width: 100%; } .z-index-task-content { display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; } .z-itc-box { width: 50%; padding: 12px ; border-bottom: 1px solid #f2f2f2; } .z-itc-bottom{ width: 100%; } .z-itc-bottom .left{ line-height: 24px; font-size: 12px; } .z-itc-bottom .left, .z-itc-bottom .right { width: 120px; padding: 8px 10px; color: #fff; background: rgba(246, 44, 48, 1); } .z-itc-bottom .right{ margin-right: 20px; } .z-itc-bottom .right a { display: flex; justify-content: center; align-items: center; font-size: 15px; color: #fff; width: 100%; height: 100%; } .z-itc-bottom { background-color: #fff; } .z-itcb-middle li li { margin-left: 10px; } z-itcb-middle { font-size: 15px; } .z-itcb-middle p { width: 0; height: 0; border-width: 0 8px 8px; border-style: solid; transform: rotate(90deg); border-color: transparent transparent #d9383e; } .z-izyc-box { width: 33.33%; padding: 20px; } .z-index-other-box img{ width: 100%; height: 100%; } .z-izyc-box .z-tbl-title img { width: 25px; height: 20px; } .z-izyc-box { border-bottom: 1px solid #f2f2f2; } /* .z-index-middle-left .z-index-task-content { height: 295px; } .z-imr .c-aside { height: 295px; } */ .z-itcm-middle { height: 700px } .z-itcm-left { width: 870px; } .z-itcm-right { width: 313px; } .z-itcm-right ul { padding: 15px; } .z-itcm-right li li { margin-top: 15px; } .z-itcm-right li .top { height: 161px; } .z-itcm-right li .top img { width: 100%; height: 100%; object-fit: fill; } .z-index-qiye-content ul { display: flex; justify-content: space-between; align-items: center; } .z-index-qiye-content ul li { width: 200px; display: flex; justify-content: center; align-items: center; } /* .z-index-qiye-content ul li li{ margin-left: 15px; } */ .z-iqc-left { width: 90px; height: 90px; margin-right: 10px; } .z-iqcr-button { display: flex; justify-content: center; align-items: center; width: 85px; height: 25px; color: #838383; border: 1px solid rgba(230, 230, 230, 1); border-radius: 16px; } .z-iqcr-button:hover { opacity: 0.8; } .z-index-other-box { width: 33.33%; } .z-index-other-box .show-box .name { width: 290px; } .z-iobhb-left { width: 110px; height: 110px; margin-right: 10px; } .z-iobhb-right { width: calc(100% - 120px); } .z-index-other-box .hide-box { display: none; } .z-index-other-box ul { padding: 0 15px; height: 390px; } .z-index-other-box li { padding: 15px 0; } .z-index-other-box li li { border-top: 1px solid #e6e3e3; } .z-index-other-box li:nth-child(1) .hide-box{ display: block; } .z-index-other-box li:nth-child(1) .show-box{ display: none; } .z-index-tags ul{ flex-wrap: wrap; max-height: 107px; overflow: hidden; } .z-index-tags li{ border-bottom: 1px solid #e6e3e3; } .z-index-tags li a{ display: block; padding:0px 15px; margin: 8px 0; border-right: 1px solid #e6e3e3;; } .z-index-friend-link li a{ border: none; } .z-index-friend-link li{ border:none } .z-index-friend-link li{ margin-right: 20px; margin-bottom: 15px; } .z-ili-woaituiguang{ margin: -3px 0 0; } #delete .z-top { width: 100%; height: 100px; display: flex; justify-content: flex-start; align-items: flex-start; } #delete .z-top .z-top_left { font-size: 50px; color: #e3423b; margin-right: 30px; } #delete .z-top-right p:nth-child(1) { font-size: 20px; line-height: 40px; } #delete .z-top-right p:nth-child(2) { font-size: 14px; color: #9b9b9b; } #delete .modal-dialog { width: 400px; } #delete .z-bottom { text-align: center; } #delete .z-bottom button { width: 100px; } .r-task-hot{ width: 19px; vertical-align: sub; } .fenshu-style{ padding: 0 30px; box-sizing: border-box; } .reduce-style{ position: absolute; width: 30px; height: 26px; text-align: center; line-height: 25px; background-color: #e3423b; color: #ffffff; cursor: pointer; -webkit-user-select: none; } .add-style{ position: absolute; width: 30px; height: 26px; text-align: center; line-height: 25px; background-color: #e3423b; color: #ffffff; cursor: pointer; right: 0px; -webkit-user-select: none; } /* 威客任务任务列表 */ .c-witkey-task{ width: 100%; border-bottom: 1px dashed #c3c3c3; padding: 15px 0; box-sizing: border-box; } .c-witkey-task .title{ width: 86%; } .c-witkey-task:first-child { padding-top: 0; } .c-witkey-task:last-child{ border-bottom: none; } /* 威客任务,投标 */ .jijian-task-title{ position: relative; } .jijian-task-title .status{ position: absolute; top: 5px; right: -15px; display: block; padding: 4px 16px; border: 1px dashed #e3423b; color: #e3423b; transform: rotate(30deg); } .jijian-task-title .title{ font-size: 16px; color: #333; font-weight: 600; } .jijian-task-title .box{ display: flex; align-items: center; width: 220px; height: 36px; line-height: 36px; border: 1px solid #e3423b; margin-right: 10%; } .jijian-task-title .box .left{ display: block; width: 40%; text-align: center; background-color: #e3423b; color: #ffffff; height: 100%; } .jijian-task-title .box .right{ display: block; width: 60%; text-align: center; color: #e3423b; height: 100%; font-size: 16px; font-weight: 600; } .jijian-task-time span{ margin-right: 15px; } .jijian-task-time i{ margin-right: 2px!important; color: #e3423b; } .c-about-history { width: 100%; } .c-about-history-ul { width: 100%; font-size: 0; padding-bottom: 30px; } .c-about-history-ul>li { position: relative; display: inline-block; width: 15.5%; background-color: #e3423b; height: 2px; z-index: 1; } .c-about-history-ul>li:first-child, .c-about-history-ul>li:last-child { width: 6%; } .c-about-history-ul>li:not(:last-child) { margin-right: 1.2%; } .c-about-history-ul>li div { position: absolute; right: -13px; top: -8px; display: inline-block; width: 17px; height: 17px; border-radius: 50%; background-color: #e3423b; z-index: 10; cursor: pointer; text-align: center; } .c-about-history-ul>li div i{ margin-right: 0!important; color: #ffffff; top: 0; right: 0; } .history-active { background-color: #e3423b !important; } .c-switch-years { position: absolute; top: 0; right: 0; } .c-about-history-ul>li span { position: absolute; display: inline-block; right: -33px; font-size: 14px; color: #b9c0c7; cursor: pointer; top: 12px; } .c-about-history-ul>li:last-child .switchtag{ display: none; } .jijian-item{ width: 100%; } .jijian-title{ position: relative; padding-left: 10px; font-size: 16px; color: #e3423b; } .jijian-title::before{ position: absolute; content: ''; width: 3px; height: 25px; background-color: #e3423b; left: 0; top: -1px; } .c-bidding-user{ width: 100%; } .c-bidding-user-item{ width: 100%; } .c-bidding-user-item .intro{ display: flex; align-items: center; } .c-bidding-user-item .intro img{ width: 40px; height: 40px; border-radius: 50%; object-fit: cover; margin-right: 10px; } .c-bidding-user-item .intro p{ color: #333; } .c-bidding-user-item .intro span{ color: #666666; font-size: 12px; } .c-bidding-info-hide{ display: flex; padding: 15px; box-sizing: border-box; background-color: #f2f2f2; color: #101010; } .c-bidding-info-hide i{ font-size: 20px; margin-right: 5px; } .c-bidding-price{ display: flex; align-items: center; font-size: 18px; } .c-bidding-price div{ flex: 1; text-align: center; } .c-bidding-price div p:last-child{ background-color: #999; color: #ffffff; } .c-bidding-price div p{ height: 40px; line-height: 40px; } /* 服务认证 */ .c-server-banner{ width: 100%; height: 460px; background-image: ; background-repeat: no-repeat; background-size: 100% 100%; } .c-server-header{ display: flex; justify-content: space-between; align-items: center; padding: 20px 0; box-sizing: border-box; } .c-server-header .left a{ border-right: 1px solid #ffffff; padding-right: 20px; box-sizing: border-box; } .c-server-header .right a{ padding: 2px 10px; color: #ffffff; border: 1px solid #ffffff; border-radius: 5px; } .c-server-remind{ display: flex; align-items: center; justify-content: space-between; width: 100%; } .c-server-remind .left{ font-size: 25px; font-weight: 600; color: #ffffff; } .c-server-remind .left p{ margin-top: 10px; } .c-server-remind .right{ width: 250px; background-color: #ffffff; margin-right: 15%; } .c-server-remind .right p{ text-align: center; width: 100%; height: 40px; line-height: 40px; background-color: #ffaa01; color: #ffffff; font-size: 20px; font-weight: 600; } .c-server-remind .right ul>li{ margin-bottom: 15px; font-size: 16px; } .c-server-remind .right a{ display: block; margin: 0 auto; width: 200px; height: 30px; line-height: 30px; color: #ffffff; background-color: #ff5e49; border-radius: 30px; text-align: center; font-weight: 600; font-size: 14px; } .c-server-tab{ width: 100%; } .c-server-tab .layui-tab-title{ display: flex; justify-content: space-between; padding: 0 88px; } .c-server-tab .layui-tab-brief>.layui-tab-title .layui-this{ color: #f6643a; } .c-server-tab .layui-tab-brief>.layui-tab-title .layui-this:after{ border-bottom: 2px solid #f6643a; } .c-server-tab .c-server-tag{ display: inline-block; color: #ff5e49; padding: 3px 10px; box-sizing: border-box; background-color: #feefeb; border-radius: 5px; margin-right: 10px; margin-bottom: 10px; vertical-align: middle; } .c-server-tab .c-server-tag span{ margin-right: 5px; } .c-server-tag-wrap{ border-bottom: 2px solid #e6e6e6; padding-bottom: 5px; } .c-server-tab .c-server-tag i{ cursor: pointer; } .c-server-choose ul{ display: flex; align-items: center; flex-wrap: wrap; } .c-server-choose ul>li { margin: 0 20px 20px 0; } .c-server-choose ul>li label{ position: relative; white-space: nowrap; cursor: pointer; } .c-server-choose ul>li label span{ display: inline-block; padding: 10px 20px; color: #292929; } .c-server-choose ul>li label input{ position: absolute; left: 0; top: 0; opacity: 0; } .c-server-choose ul>li label input:checked span{ color: #ff5e49; background-color: #feefeb; } .c-server-choose-wrap{ display: flex; justify-content: space-between; } .c-server-choose-wrap .left{ width: 20%; background-color: #f5f5f5; min-height: 280px; } .c-server-choose-wrap .right{ width: 79%; } .c-server-choose-wrap .left ul>li{ width: 100%; height:40px; line-height: 40px; } .c-server-choose-wrap .left ul>li a{ display: block; width: 100%; height: 100%; padding-left: 20px; box-sizing: border-box; } .c-server-choose-wrap .left .active{ border-left: 4px solid #f6643a; background-color: #e3e1e1; } .c-server-choose{ padding: 10px; box-sizing: border-box; } /* 认证模块wap 页面 */ .c-server-wap-banner{ width: 100%; height: 122px; background-image: ; background-repeat: no-repeat; background-size: 100% 100%; } .c-server-wap-title .tip{ font-size: 16px; border-left: 2px solid #f6643a; padding-left: 10px; color: #101010; font-weight: 600; } .c-sever-wap-form { font-size: 12px; } .c-sever-wap-form input{ width: 100%; border:none; border-bottom: 1px solid #e6e6e6; padding: 0; } .c-sever-wap-form-item{ padding:0 10px; box-sizing: border-box; } /* 人才招募页面 */ .c-talent-recuting-title h2{ font-size: 40px; color: #fbd458; font-weight: bold; width: 1200px; height: 59px; margin: 30px 0 5px 0; } .c-talent-recuting-title p{ font-size: 18px; color: #000000; width: 1200px; height: 29px; margin: 0 0 30px 0; } .c-talent-recuting-title{ display: block; word-wrap: break-word; text-align: center; } .n-talent-imgs{ width: 270px; height: 90px; } .n-talent-imgs img{ width: 75px; height: 75px; margin: 15px 0 15px 0; } .n-content-product span{ font-size: 20px; color: #101010; width: 80px; height: 29px; } .n-content-product p{ width: 240px; height: 40px; color: rgba(41, 41, 41, 100); font-size: 14px; margin: 8px 0 5px 0px; } .n-content-product{ text-align: center; padding: 18px 18px 5px 18px; } .n-order{ width: 270px; height: 27px; color: rgba(16, 16, 16, 100); font-size: 14px; } .n-talent-btn p{ width: 124px; height: 30px; border-radius: 20px; background-color: rgba(221, 73, 60, 100); color: white; font-size: 14px; padding: 5px 0 5px 0px; text-align: center; cursor: pointer; } .n-talent-btn{ width: 270px; padding: 10px 10px 12px 70px; } .n-talent-middle{ height: 757px; } .c-talent-recruting-num{ width: 1200px; height: 600px; } .c-talent-recruting-num ul>li{ display: inline-block; } .c-talent-recruting-num ul{ width: 1200px; height: 600px; } .c-talent-recruting-num .n-talet-top{ width: 270px; height: 8px; line-height: 20px; border-radius: 0px 0px 10px 10px; } .c-talent-recruting-num li:nth-child(1){ width: 270px; height: 276px; line-height: 20px; border-radius: 10px; text-align: center; box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.4); margin: 10px 10px 10px 15px; } .c-talent-recruting-num li:nth-child(2){ width: 270px; height: 276px; line-height: 20px; border-radius: 10px; text-align: center; box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.4); margin: 10px 10px 10px 15px; } .c-talent-recruting-num li:nth-child(3){ width: 270px; height: 276px; line-height: 20px; border-radius: 10px; text-align: center; box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.4); margin: 10px 10px 10px 15px; } .c-talent-recruting-num li:nth-child(4){ width: 270px; height: 276px; line-height: 20px; border-radius: 10px; text-align: center; box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.4); margin: 10px 10px 10px 15px; } .c-talent-recruting-num li:nth-child(5){ width: 270px; height: 276px; line-height: 20px; border-radius: 10px; text-align: center; box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.4); margin: 10px 10px 10px 15px; } .c-talent-recruting-num li:nth-child(6){ width: 270px; height: 276px; line-height: 20px; border-radius: 10px; text-align: center; box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.4); margin: 10px 10px 10px 15px; } .c-talent-recruting-num li:nth-child(7){ width: 270px; height: 276px; line-height: 20px; border-radius: 10px; text-align: center; box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.4); margin: 10px 10px 10px 15px; } .c-talent-recruting-num li:nth-child(8){ width: 270px; height: 276px; line-height: 20px; } .n-imgs-li img{ margin-top: -210px; } .n-talent-center{ width: 100%; height: 320px; background-image: ; background-repeat: no-repeat; background-size: 100% 100%; } .n-talent-center .mission h1{ width: 360px; height: 59px; font-weight: bold; color: rgba(255, 219, 105, 100); font-size: 40px; display: inline-block; text-align: center; } .n-talent-center .mission{ width:1200px;; height: 80px; padding: 20px 0 20px 0px; } .n-greatnumber{ width: 92%; height: 194px; border-radius: 10px; background-image: ; background-repeat: no-repeat; background-size: cover; color: rgba(16, 16, 16, 100); margin-left: 60px; } .n-greatnumber-one{ display: flex; align-items: center; flex-wrap: wrap; width: 92%; height: 88%; margin: 0 auto; padding-top: 4%; box-sizing: border-box; } .n-greatnumber ul>li{ display: flex; align-items: center; justify-content: space-between; width: 46%; font-size: 16px; height: 40px; line-height: 40px; } .n-greatnumber ul>li:nth-child(odd){ margin-right: 8%; } .n-greatnumber ul>li span:first-child{ flex: 2.5; } .n-greatnumber ul>li span{ flex: 1; text-align: left; } .n-greatnumber ul>li span:last-child{ text-align: right; } .n-witkeyrevenue{ width: 100%; height: 589px; line-height: 20px; } .n-witkeyrevenue .witkey h1{ width: 360px; height: 59px; color: rgba(255, 219, 105, 100); font-size: 40px; font-weight: bold; display: inline-block; text-align: center; margin: 20px 0px 5px 0px; } .n-witkeyrevenue .wission{ width: 1087px; height: 80px; } .n-witkeyrevenue .n-witkey-user ul>li{ width: 364px; height: 175px; line-height: 20px; border-radius: 6px; box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2); border: 1px solid rgba(255, 255, 255, 100); display: inline-block; margin: 10px 15px 10px 15px; } .n-witkey-user .n-revenue{ display: flex; flex-wrap:wrap } .n-revenue div{ display: flex; width: 185px; position: relative; top: -60px; left: 110px; } .n-revenue div span p{ padding: 10px 1px 5px 5px; } .n-revenue h1{ font-size: 18px; width: 185px; height: 20px; margin: 15px 10px 15px 10px; } .n-witkey-user .n-revenue{ height: 120px; } .n-revenue div>span{ padding: 0px 20px 0px 10px; } .n-revenue img{ width: 80px; height: 80px; margin: 15px } .n-witkey-user .n-exskills{ width: 337px; height: 40px; color: rgba(16, 16, 16, 100); font-size: 14px; margin-left: 15px; margin-top: -10px; } .n-addwitkey-foot{ width: 100%; height: 494px; background-image: ; background-repeat: no-repeat; background-size: cover; } .n-addwitkey-foot .n-addwitkey-title h1{ width: 850px; height: 59px; font-weight: bold; color: rgba(251, 212, 88, 100); font-size: 40px; display: inline-block; text-align: center; } .n-addwitkey-foot .n-addwitkey-title{ width:1200px; height: 110px; padding: 35px 0 40px 0px; } .n-addwitkey-conter ul>li{ width: 280px; height: 262px; line-height: 20px; background-color: rgba(255, 255, 255, 90); text-align: center; border: 1px solid rgba(187, 187, 187, 100); display: inline-block; margin: 10px 1px 10px 15px; } .n-addwitkey-conter h1{ width: 112px; height: 41px; color: rgba(16, 16, 16, 100); text-align: center; font-size: 28px; display: inline-block; text-align: center; } .n-addwitkey-conter .n-addwitkey-text{ width: 270px; height: 48px; color: rgba(153, 153, 153, 100); font-size: 16px; text-align: center; margin: 15px 5px 0px 5px; } .n-addwitkey-conter .n-addwitkey-imgs{ width: 280px; height: 110px; margin-top:20px ; }