You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
122 lines
6.1 KiB
122 lines
6.1 KiB
/*
|
|
[DESTOON B2B System] Copyright (c) 2008-2020 www.destoon.com
|
|
This is NOT a freeware, use is subject to license.txt
|
|
*/
|
|
.contact_body { background:#fff;}
|
|
.job-for {height:48px;overflow:hidden;padding:10px 0 20px 19px;}
|
|
.job-for span {display:block;width:118px;height:32px;line-height:32px;text-align:center;float:left;border:#DDDDDD 1px solid;border-radius:10px;margin-right:20px;font-size:16px;}
|
|
.job-for span:hover {border:#007BFF 1px solid;background:#007AFF;color:#FFFFFF;}
|
|
|
|
.sort1{padding: 12px 20px 15px 10px;
|
|
background: white;
|
|
overflow: hidden;
|
|
box-shadow: 0px 0px 15px #dadada;
|
|
margin-bottom: 15px;}
|
|
|
|
.job-stats {height:64px;margin:20px 0;}
|
|
.job-stats li {width:99px;float:left;font-size:16px;height:64px;line-height:32px;text-align:center;}
|
|
.job-stats div {height:64px;border-left:#DDDDDD 1px solid;border-right:#DDDDDD 1px solid;}
|
|
.job-stats i {font-style:normal;display:block;font-size:14px;}
|
|
|
|
.job-tb {padding:0 0 24px 0;}
|
|
.job-tb div {height:32px;line-height:32px;overflow:hidden;color:#666666;}
|
|
.job-tb .jt-title {font-size:14px;background:url('image/li_dot.gif') no-repeat 6px center;padding-left:16px;}
|
|
.job-tb .jt-salary {width:160px;}
|
|
.job-tb .jt-company {width:240px;}
|
|
.job-tb .jt-area {width:60px;text-align:center;}
|
|
.m3l {width:860px;float:left; background:#fff;padding:30px 15px;}
|
|
.m3r {width:299px;float:right;}
|
|
.m2l {width:940px;float:left;background: #fff;padding: 15px;box-sizing: border-box;}
|
|
.m2r {width:219px;float:right;}
|
|
/*头部开始*/
|
|
|
|
.job_top .left { width: 220px; background: #fff; padding:10px 0px;float:left; margin-right: 20px;}
|
|
.job_top .left ul li { height:42.1px; line-height: 40px; padding:0px 20px;
|
|
-webkit-transition: all .3s;
|
|
-moz-transition: all .3s;
|
|
-ms-transition: all .3s;
|
|
-o-transition: all .3s;
|
|
transition: all .3s;}
|
|
.job_top .left ul li:hover { background:#1db3c9;}
|
|
.job_top .left ul li:hover a { color:#fff;}
|
|
.job_top .left ul li a { display:inline-block;font-size: 14px; color: #333;height: 40px;}
|
|
|
|
|
|
/*幻灯*/
|
|
.job_top .job_ad { float:left;}
|
|
.job_top .job_ad .job_ad_t { margin-top:20px;}
|
|
.job_top .job_ad .job_ad_t img { float:left; width:220px; height: 125px;}
|
|
.job_top .job_ad .job_ad_t img:nth-child(2) { margin:0px 10px;}
|
|
#focus{width:680px;height:315px;overflow:hidden;margin:0px auto; position:relative;}
|
|
#focus ul{height:315px;position:absolute;}
|
|
#focus ul li{float:left;width:680px;height:315px;overflow:hidden;position:relative;}
|
|
#focus ul li img{width:680px;height:315px;}
|
|
#focus ul li div{position:absolute;overflow:hidden;}
|
|
#focus ul li p{display: block;position: absolute;bottom: 0px;font-size: 22px;color: #fff;height: 60px;line-height: 60px;width:100%;text-indent:300px;}
|
|
#focus .btnBg{position:absolute;width:680px;height:20px;left:0;bottom:0;}
|
|
#focus .btn{position:absolute;left:50%;bottom:0px;text-align:left;border:none; background:none;
|
|
-webkit-transform: translate(-50%,0);
|
|
-moz-transform: translate(-50%,0);
|
|
-ms-transform: translate(-50%,0);
|
|
-o-transform: translate(-50%,0);
|
|
transform: translate(-50%,0);}
|
|
#focus .btn span{display:inline-block;_display:inline;_zoom:1;width:12px;height:12px;_font-size:0;margin-right:5px;cursor:pointer;margin-top: 0px; border-radius:50%;
|
|
background:rgba(255,255,255,.6);}
|
|
#focus .btn span.on{background:#fff;width:12px;height:12px;}
|
|
#focus .preNext{width:45px;height:52px;position:absolute;top:50%;background:url(img/sprite.png) no-repeat 0 0;cursor:pointer;display: none;
|
|
-webkit-transform: translate(0,-50%);
|
|
-moz-transform: translate(0,-50%);
|
|
-ms-transform: translate(0,-50%);
|
|
-o-transform: translate(0,-50%);
|
|
transform: translate(0,-50%);}}
|
|
#focus .pre{left:10px;}
|
|
#focus .next{right:10px;background-position:right top;}
|
|
|
|
.job_top .right { float:right;margin-left: 20px; background:#fff; width: 220px; height: 275px; padding:20px;}
|
|
.job_top .right .job_user { overflow:hidden; margin-bottom: 30px;}
|
|
.job_top .right .job_user>a { width: 60px; height: 60px; float:left; margin-right: 15px;}
|
|
.job_top .right .job_user>a img { width: 60px; height: 60px; border-radius:50%;}
|
|
.job_top .right .job_user ul { padding-top: 5px;}
|
|
.job_top .right .job_user ul li a { font-size:18px; color:#333; line-height:25px;}
|
|
.job_top .right .job_user ul li { height: 25px;}
|
|
.job_top .right .job_user ul li em { float:right; }
|
|
.job_top .right .job_user ul li em a { font-size:14px; color:#666;}
|
|
.job_top .right .job_user ul li:nth-child(2) a { font-size:14px; color:#666;}
|
|
.job_top .right .job_user ul li:nth-child(2) i { color:#999; margin:0px 14px;}
|
|
|
|
.job_top .right .job_zp { width: 100%; margin-top:15px;}
|
|
.job_top .right .job_zp img { width: 100%;}
|
|
.job_top .right .job_jl a { display: block;height: 40px;line-height: 40px;font-size: 16px;color: #fff;background: #ff6900; text-align:center; margin-top:20px;}
|
|
|
|
/*头部结束*/
|
|
|
|
/*左右机构尺寸*/
|
|
.job_left { width: 920px; margin-right:20px; float:left;}
|
|
.job_left_list { background:#fff;}
|
|
.job_left .btn-green {background: #ff6900;border: #ff9900 1px solid;color: #fff; padding:0px 25px;}
|
|
.job_right { overflow:hidden;}
|
|
.job_right .list-rank {box-shadow: 0px 0px 0px #dadada;}
|
|
.job_right .list-txt { box-shadow: 0px 0px 0px #dadada;}
|
|
.job_right .contact_body { background:#fff; border: none;}
|
|
|
|
|
|
|
|
.job_title { width: 100%; height: 60px; line-height:50px; font-size:18px; border-bottom: 1px solid #eee; color:#333;padding:10px 20px 5px; background:#fff;
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box;}
|
|
.job_right_list .job_title {height: 50px;font-size: 18px;padding: 0px 20px 0px;}
|
|
.job_title b { border-left: 3px solid #1db3c9; padding-left: 6px; font-weight: 700;}
|
|
.job_title em { float:right;}
|
|
.job_title em a { font-size:14px; color:#666;}
|
|
|
|
.job_main { padding:10px 20px 5px; background:#fff; width: 100%;
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box;}
|
|
.job_main tr { height: 40px; font-size:14px; color:#333; line-height:40px;}
|
|
|
|
.job_dq { padding: 10px 20px 10px 10px;background: #fff;overflow: hidden;}
|
|
.job_dq ul li { float: left;width:66px;background: #f9f9f9;border: 1px solid #ddd;box-sizing: border-box;height: 30px;text-align: center;line-height: 30px;margin: 0px 0px 10px 10px;}
|
|
.bd-b { border-bottom:none;}
|
|
.btn-green{background: #1db3c9;border:none;padding:0px 10px;border-radius:2px;height:33px;line-height:33px;color:white}
|