Skip to content

html / bdideal

Go to a project
Commit 19da85cf by hank
Options

招聘相关50%

parent 5e29cb4c
Showing with 287 additions and 7 deletions
html/recruit.html
......@@ -314,8 +314,12 @@
<p class="weixin-img">
<img src="/img//weixin.png" alt="">
<object data="" type=""
>
<div>扫一扫获取更多资讯</div>
</object>
</p>
<div>扫一扫获取更多资讯</div>
</div>
</div>
</div>
......
style/solution.css
......@@ -929,10 +929,7 @@ ul {
}
@media only screen and (max-width: 440px) {
.jobs .block .detail {
width: 95%;
}
.jobs .block .pdr24 {
padding-right: 0px;
width: 87%;
}
}
@media (max-width: 768px) {
......@@ -1204,6 +1201,144 @@ ul {
content: '';
clear: both;
}
.join {
background-image: url('/img/bg902.png');
background-size: 97%;
min-height: 1000px;
}
.join .introduce {
margin-left: 0.2rem;
margin-top: 1rem;
width: 6.4rem;
height: auto;
min-height: 3.8rem;
background: url('../img/mapbg.png') no-repeat top center;
background-size: cover;
-webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
padding-left: 0.5rem;
}
.join .introduce .top {
padding-top: 0.5rem;
}
.join .introduce .top .line1 {
width: 169px;
height: 1px;
background: #c70151;
}
.join .introduce .top .line2 {
width: 33px;
height: 1px;
background: #c70151;
}
.join .introduce .top .name {
font-size: 24px;
font-weight: 400;
color: #c70151;
line-height: 1;
padding-top: 0.25rem;
padding-bottom: 0.1rem;
}
.join .introduce .top .en {
font-size: 12px;
font-weight: 300;
line-height: 1;
color: #c70151;
padding-bottom: 18px;
}
.join .introduce .bottom {
width: 5.6rem;
min-height: 1rem;
height: auto;
text-align: justify;
padding-top: 0.2rem;
padding-bottom: 0.2rem;
color: #979797;
font-size: 0.22rem;
line-height: 0.3rem;
}
.join .icon-list {
position: absolute;
right: 0.1rem;
top: 5.8rem;
}
.join .icon-list img {
display: inline-block;
height: 1rem;
margin-right: 1rem;
-webkit-transition: all 1s;
transition: all 1s;
}
.join .icon-list img:hover {
-webkit-transform: rotateY(360deg) !important;
transform: rotateY(360deg) !important;
}
.jobs {
margin-top: 100px;
padding-bottom: 70px;
}
.jobs .detail {
-webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
background: url('../img/mapbg.png') no-repeat top center;
background-size: cover;
padding: 0 26px;
padding-bottom: 30px;
margin-top: 30px;
color: #999999;
line-height: 22px;
font-size: 14px;
-webkit-transition: all 1s;
transition: all 1s;
}
.jobs .detail:hover {
-webkit-transform: scale(1.1);
transform: scale(1.1);
z-index: 999;
}
.jobs h3 {
text-align: center;
background: #d2d2d2;
height: 50px;
line-height: 50px;
}
.jobs .top {
padding-top: 60px;
padding-bottom: 20px;
}
.jobs .top .line1 {
width: 169px;
height: 1px;
background: #c70151;
}
.jobs .top .line2 {
width: 33px;
height: 1px;
background: #c70151;
}
.jobs .top .name {
font-size: 24px;
font-weight: 400;
color: #c70151;
line-height: 1;
padding-top: 17px;
padding-bottom: 9px;
}
.jobs .top .en {
font-size: 12px;
font-weight: 300;
line-height: 1;
color: #c70151;
padding-bottom: 18px;
}
.jobs .detail {
width: 87%;
float: left;
font-size: 14px;
line-height: 24px;
text-indent: 0px;
margin-right: 1%;
}
.dynamic-detail {
padding-top: 1rem;
}
......
style/solution.less
......@@ -992,8 +992,7 @@ ul {
.jobs .block .detail{width: 40%;}
}
@media only screen and (max-width: 440px) {
.jobs .block .detail{width: 95%;}
.jobs .block .pdr24{padding-right: 0px;}
.jobs .block .detail{width: 87%;}
}
@media (max-width: 768px) {
body .main-container {
......@@ -1294,6 +1293,148 @@ ul {
}
}
.join {
background-image: url('/img/bg902.png') ;
background-size: 97%;
min-height: 1000px;
.introduce {
margin-left:0.2rem;
margin-top: 1rem;
width: 6.4rem;
height: auto;
min-height: 3.8rem;
background: url('../img/mapbg.png') no-repeat top center;
background-size: cover;
-webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
padding-left: 0.5rem;
.top {
padding-top:0.5rem;
.line1 {
width:169px;
height:1px;
background:rgba(199,1,81,1);
}
.line2 {
width:33px;
height:1px;
background:rgba(199,1,81,1);
}
.name{
font-size:24px;
font-weight:400;
color:rgba(199,1,81,1);
line-height: 1;
padding-top: 0.25rem;
padding-bottom: 0.1rem;
}
.en {
font-size:12px;
font-weight:300;
line-height: 1;
color:rgba(199,1,81,1);
padding-bottom: 18px;
}
}
.bottom {
width:5.6rem;
min-height: 1rem;
height: auto;
text-align: justify;
padding-top: 0.2rem;
padding-bottom: 0.2rem;
color: #979797;
font-size: 0.22rem;
line-height: 0.3rem;
}
}
.icon-list {
position: absolute;
img {
display: inline-block;
// width:0.75rem;
height: 1rem;
margin-right: 1rem;
-webkit-transition: all 1s;
transition: all 1s;
&:hover {
-webkit-transform: rotateY(360deg) !important;
transform: rotateY(360deg) !important;
}
}
right: 0.1rem;
top: 5.8rem;
}
}
.jobs {
margin-top: 100px;
padding-bottom: 70px;
.detail{
-webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
background: url('../img/mapbg.png') no-repeat top center;
background-size: cover;
padding: 0 26px;
padding-bottom: 30px;
margin-top: 30px;
color: #999999;
line-height: 22px;
font-size:14px;
-webkit-transition: all 1s;
transition: all 1s;
&:hover {
-webkit-transform: scale(1.1);
transform: scale(1.1);
z-index: 999;
}
}
h3 {
text-align: center;
background: #d2d2d2;
height: 50px;
line-height: 50px;
}
.top {
padding-top: 60px;
padding-bottom: 20px;
.line1 {
width:169px;
height:1px;
background:rgba(199,1,81,1);
}
.line2 {
width:33px;
height:1px;
background:rgba(199,1,81,1);
}
.name{
font-size:24px;
font-weight:400;
color:rgba(199,1,81,1);
line-height: 1;
padding-top: 17px;
padding-bottom: 9px;
}
.en {
font-size:12px;
font-weight:300;
line-height: 1;
color:rgba(199,1,81,1);
padding-bottom: 18px;
}
}
.detail {
width: 87%;
float: left;
font-size: 14px;
line-height: 24px;
text-indent: 0px;
margin-right: 1%;
}
}
.dynamic-detail {
padding-top: 1rem;
.title {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment