123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220 |
- /*选择职位 行业*/
- .big-window
- {
- width: 980px;
- height: 560px;
- position: absolute;
- box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.3);
- border: #ccc 3px solid;
- top: 50%;
- left: 50%;
- display: none;
- z-index: 10000;
- margin: -280px 0 0 -490px;
- background: #fff;
- }
- .bg-f0
- {
- background: #f0f0f0;
- }
- .big-window .title
- {
- width: 100%;
- height: 30px;
- color: #333;
- line-height: 30px;
- text-indent: 15px;
- background: #fff;
- border-bottom: #ccc 1px dotted;
- }
- .big-window .title a
- {
- width: 12px;
- height: 12px;
- display: block;
- position: absolute;
- top: 10px;
- right: 15px;
- background: url(images/close.png) no-repeat center top;
- }
- .big-window .title .tip
- {
- font-size: 12px;
- color: #f79b92;
- margin-left: 5px;
- }
- .big-window .title a:hover
- {
- background: url(images/close.png) no-repeat center bottom;
- }
- .sele-tag
- {
- width: 100%;
- height: 50px;
- padding: 10px 15px;
- background: #fff;
- }
- .sele-tag dl
- {
- width: 100%;
- line-height: 30px;
- display: table;
- font-size: 12px;
- }
- .sele-tag dt
- {
- width: 50px;
- display: table-cell;
- color: #e05447;
- vertical-align: middle;
- }
- .sele-tag dd
- {
- display: table-cell;
- }
- .sele-tag dd a
- {
- background: url(select111.png) no-repeat left center;
- padding: 0 0 0 22px;
- margin: 0 10px 0 0;
- color: #333;
- display: block;
- float: left;
- max-width: 158px;
- text-overflow: ellipsis;
- white-space: nowrap;
- overflow: hidden;
- }
- .sele-tag a.btn
- {
- background: #f2766a;
- padding: 0 15px;
- color: #fff;
- width: auto;
- border-radius: 4px;
- margin: 3px 0 0 0;
- line-height: 24px;
- float: right;
- }
- .sele-tag dd a.btn:hover
- {
- background: #e05447;
- }
- .position-menu
- {
- width: 100%;
- height: 480px;
- position: relative;
- padding: 5px 0;
- }
- .position-menu .menu
- {
- width: 160px;
- position: absolute;
- z-index: 2;
- float: left;
- }
- .position-menu .sub-menu
- {
- width: 815px;
- padding: 10px;
- margin-left: 159px;
- height: 469px;
- overflow: auto;
- border: #eee 1px solid;
- float: left;
- background: #fff;
- }
- .position-menu .menu li
- {
- width: 100%;
- height: 36px;
- line-height: 36px;
- cursor: pointer;
- color: #666;
- background: url(ico-jj2.png) no-repeat right bottom;
- text-indent: 15px;
- border-bottom: #eee 1px solid;
- }
- .position-menu .menu li.sele
- {
- color: #e05447;
- background: #fff url(ico-jj2.png) no-repeat right top;
- }
- .position-menu .sub-menu dl, .industry-list dl
- {
- width: 100%;
- display: table;
- font-size: 12px;
- padding: 4px 0 2px 0;
- border-bottom: #eee 1px dotted;
- }
- .position-menu .sub-menu dt, .industry-list dt
- {
- display: table-cell;
- width: 90px;
- color: #333;
- padding: 2px 10px 0 0;
- vertical-align: top;
- }
- .position-menu .sub-menu dd, .industry-list dd
- {
- display: table-cell;
- }
- .position-menu .sub-menu dd a, .industry-list dd a
- {
- background: url(select000.png) no-repeat left center;
- padding: 0 0 0 20px;
- margin: 1px 3px;
- color: #666;
- display: block;
- float: left;
- width: 166px;
- text-overflow: ellipsis;
- white-space: nowrap;
- overflow: hidden;
- }
- .position-menu .sub-menu dd a.sele, .industry-list dd a.sele
- {
- background: url(select111.png) no-repeat left center;
- color: #f2766a;
- }
- .industry-list
- {
- width: 100%;
- padding: 5px 15px;
- background: #fff;
- }
- .industry-list dl
- {
- padding: 4px 0 2px 0;
- }
- .industry-list dt
- {
- width: 160px;
- padding: 1px 0 0 0;
- font-size: 14px;
- }
- .industry-list dd a
- {
- width: 190px;
- }
- .industry-btn
- {
- width: 100%;
- padding: 10px 0;
- text-align: center;
- }
- .industry-btn a.btn
- {
- background: #f2766a;
- padding: 5px 15px;
- color: #fff;
- width: auto;
- border-radius: 4px;
- }
- .industry-btn a.btn:hover
- {
- background: #e05447;
- }
|