jsasg/orico-official-website-old
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

init

Browse Source
This commit is contained in:
jsasg
2024-10-29 14:04:59 +08:00
commit 48bf3e6f33
2839 changed files with 762707 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

369
public/frontend/web/css/subject/job.css Executable file
View File

@@ -0,0 +1,369 @@
.job-title {
font-size: 2em;
color: #333;
text-align: center;
font-weight: bold;
width: 100%;
clear: both;
padding: 2.6% 0 1.7%;
}
.job-des {
color: #666;
text-align: center;
margin: auto;
font-size: 1em;
line-height: 1.875em;
margin-bottom: 1.8%;
width: 80%;
}
.job-thead {
background-color: #252525;
text-align: center;
color: #fff;
line-height: 3.3em;
font-size: 1em;
}
.job-line {
border-top: 1px solid #cecece;
border-bottom: 1px solid #cecece;
margin-top: 5px;
text-align: center;
padding-top: 5%;
height: 3.3em;
font-size: 0.875em;
vertical-align: middle;
overflow: hidden;
color: #444444;
border-spacing: 5px;
line-height: 2em;
}
.job-line-L {
border-left: 1px solid #cecece;
}
.job-line-R {
border-right: 1px solid #cecece;
}
.job-Margin {
height: 7px;
width: 100%;
}
/*加入我们*/
.join_img_l {
padding-top: 4%;
}
.join_img_l img {
max-width: 100vw;
}
.join_staff_t {
text-align: center;
padding: 2% 0;
font-size: 1.125em;
color: #737373;
line-height: 2em;
}
.bx-wrapper .bx-controls-direction a {
width: 66px;
height: 66px;
}
.bx-wrapper .bx-prev {
left: 10px;
background: url(../../images/job/join_us_controls_l.png) no-repeat;
}
.bx-wrapper .bx-next {
right: 10px;
background: url(../../images/job/join_us_controls_r.png) no-repeat;
}
@media screen and (min-width: 1440px) {
.bx-wrapper .bx-controls-direction a {
width: 66px;
height: 66px;
}
}
@media screen and (max-width: 1439px) {
.bx-wrapper .bx-prev {
display: none;
}
.bx-wrapper .bx-next {
display: none;
}
}
/*你将获得*/
.join_icon li {
font-size: 1em;
float: left;
line-height: 3.5em;
}
.join_icon {
text-align: center;
margin: auto;
padding: 2.2% 0 0 0;
}
@media screen and (min-width: 1080px) {
.join_w_icon {
width: 1080px;
margin: auto;
}
.join_icon li {
width: 20%;
}
.join_icon li:nth-child(1),
.join_icon li:nth-child(4) {
padding-left: 10%;
}
.join_icon li:nth-child(5),
.join_icon li:nth-child(6),
.join_icon li:nth-child(7),
.join_icon li:nth-child(8),
.join_icon li:nth-child(9) {
width: 20%;
}
}
@media screen and (max-width: 1079px) {
.join_w_icon {
width: 96%;
margin: auto;
}
.join_icon li {
width: 32.3%;
padding: 1% 0;
}
.join_icon li img {
width: 80%;
}
}
@media screen and (max-width: 479px) {
.join_icon li {
float: left;
line-height: 2em;
height: 150px;
padding: 3% 0;
font-size: 1em;
}
.join_icon li p {
width: 70%;
text-align: center;
margin: auto;
}
}
/*video*/
.join_t_big {
margin: 1.7% 0 0;
}
/*联系方式*/
.job-Contact {
width: 96%;
margin: 3% auto;
overflow: hidden;
color: #444;
font-size: 1em;
}
.job-Contact-title {
margin: 3% 0;
}
.job-Contact .job-title {
margin-top: 10%;
}
.job-Contact li {
width: 24.6%;
float: left;
margin-right: 5%;
}
.job-Contact li:nth-child(2) {
width: 21%;
}
.job-Contact li:last-child {
width: 44%;
margin-right: 0px;
}
.job_office_i img {
max-width: 100%;
}
@media screen and (min-width: 1000px) {
.job-Contact li p {
padding: 15px 0;
}
}
@media screen and (max-width: 999px) {
.job_office_i {
display: none;
}
.job-Contact li p {
padding: 10px 0;
}
}
.job-Table a,
.job-Contact li a {
color: #009fdf;
line-height: 1.75em;
text-decoration: none;
}
@media screen and (min-width: 980px) and (max-width: 1439px) {
.job-Contact li {
width: 100%;
margin-right: 3.5%;
text-align: center;
}
.job-Contact li:nth-child(2) {
width: 33%;
text-align: left;
float: left;
}
.job-Contact li:last-child {
width: 63%;
margin-right: 0px;
text-align: left;
float: left;
}
}
@media screen and (max-width: 979px) {
.job-Contact {
width: 90%;
margin: 6% auto;
}
.job-Contact li {
width: 100%;
text-align: center;
}
.job-Contact li:nth-child(2) {
text-align: left;
margin-top: 10px;
}
.job-Contact li:last-child {
text-align: left;
}
.job-des {
width: 80%;
}
}
/*I WANT YOU*/
.job-Table {
display: table;
width: 100%;
margin-top: 3%;
margin-bottom: 3%;
overflow: hidden;
}
.job-Table .Table-Row {
display: table-row;
}
.job-Table .Table-Row .Table-Cell {
display: table-cell;
margin: 0;
padding: 0;
}
@media screen and (max-width: 768px) {
.job-Table .Table-Row li:nth-child(5) {
display: none;
}
.job-title {
margin-bottom: 1.4%;
margin-top: 1%;
font-size: 1.5em;
}
.job-Join .job-title-01 {
margin-top: 4%;
margin-bottom: 3.5%;
font-size: 1.5em;
}
.job-Contact-title {
margin: 4% 0 3.5%;
font-size: 1.5em;
}
.job-Table a,
.job-Contact li a {
line-height: 1.5em;
}
}
@media screen and (max-width: 640px) {
.job-Table .Table-Row li:nth-child(1) {
display: none;
}
}
@media screen and (max-width: 480px) {
.job-Table .Table-Row li:nth-child(6) {
display: none;
}
}
/*简历详情弹出*/
.reveal-modal-bg {
position: fixed;
height: 100%;
width: 100%;
background: #000;
background: rgba(0, 0, 0, 0.8);
z-index: 10000;
top: 0;
left: 0;
overflow: hidden;
display: none;
}
.reveal-modal {
top: 8%;
left: 12.5%;
width: 58%;
padding: 5% 7%;
background: #f5f5f5;
position: absolute;
z-index: 10001;
display: block;
}
.reveal-modal .close-reveal-modal {
font-size: 2.3em;
position: absolute;
top: 8px;
right: 11px;
color: #aaa;
text-shadow: 0 -1px 1px rbga(0, 0, 0, 0.6);
cursor: pointer;
}
.job-title-ly {
border-bottom: 1px solid #ddd;
padding-bottom: 1%;
overflow: hidden;
}
.job-title-h1 {
float: left;
font-size: 1.625em;
color: #333;
}
.job-r-text {
float: right;
width: 35%;
}
.job-blue {
color: #009fdf;
font-size: 1.375em;
padding-right: 8%;
font-weight: 100;
}
.job-imess {
overflow: hidden;
padding: 3% 0;
}
.job-imess li {
display: inline-block;
padding-right: 5%;
font-size: 1.125em;
color: #101010;
}
.job-descript p {
line-height: 2em;
}
.icon-c-p {
position: absolute;
top: 2%;
right: 2%;
}
.job-btn-deliver {
width: 24%;
margin: auto;
background: #009fdf;
color: #fff;
text-align: center;
border-radius: 10px;
padding: 1% 0;
}
.job-btn-deliver a:hover {
background: #000;
}