﻿
/* 报名步骤 */
.stepbox{ margin:auto; width:1200px; padding:20px 0px;  background: url(/images/skill/line.png) 110px 40px no-repeat;background-color:#FFF; border-radius:3px;overflow:hidden; }
.stepbox .item{ float:left; width: 240px; }
.stepbox .item .num{ float:left; width: 220px; height:40px; margin-bottom:10px; }
.stepbox .item .num span{ margin:auto; width: 40px; height:40px; border-radius:100%; background-color:#F6F6F6; display: block; line-height:40px; text-align:center; color:#777; }
.stepbox .item .tit{ float:left; width: 220px; line-height:30px; text-align:center; height:30px; font-size:16px; color:#777; }
.stepbox .over .num span{ background-color:#3b99fb; color:#FFF; }
.stepbox .over .tit{ color:#3b99fb; }

/* 工种列表 */
.workbox{ margin:auto; width:1160px; padding:10px 20px;background-color:#FFF; border-radius:3px;overflow:hidden; margin-top:15px; }
.workbox .list{ float:left; width:1160px;  }
.workbox .list .title{ color:#666; font-weight:bold;font-size:14px; }
.workbox .list ul{ float:left; width:1160px;height:30px; line-height:30px; padding:15px 0px; border-bottom:1px #F5F5F5 solid; font-size:16px;  }
.workbox .list ul .l1{ float:left; width:400px; height:30px;line-height:30px; display:block;overflow: hidden;white-space: nowrap; text-overflow: ellipsis; }
.workbox .list ul .l1 a{ color:#3B99FB; }
.workbox .list ul .l2{ float:left; width:340px; height:30px;line-height:30px; display:block;overflow: hidden;white-space: nowrap; text-overflow: ellipsis; }
.workbox .list ul .l3{ float:left; width:260px; height:30px;line-height:30px; display:block; }
.workbox .list ul .l4{ float:left; width:auto; height:30px;line-height:30px; display:block; }
.workbox .list ul .l4 a{ float:left; line-height:30px;background-color:#3B99FB; padding:0px 20px; border-radius:5px; color:#FFF; }
.workbox .list ul .l4 a:hover{ background-color:#0982FB; }

.workbox .page{ float:left; width:100%; height:50px; line-height:50px; text-align:center;}

/* 选择等级 */
.levelbox{ margin:auto; width:1160px; padding:20px 20px; background-color:#FFF; border-radius:3px;overflow:hidden; margin-top:15px; }
.levelbox .title{ float:left; width:1160px; line-height:40px; text-align:center; font-size:16pt; }
.levelbox .title span{ background-color:#3b99fb; padding:5px 20px;border-radius:20px; color:#FFF; margin-left:10px; font-size:14px; }
.levelbox .subtitle{ float:left; width:1160px; line-height:40px; color:#333; margin-top: 20px; font-size:16px; }
.levelbox .subtitle span{color:#999; font-style:normal; font-size:14px; }
.levelbox .subtitle i{color:#f00; font-style:normal; }
.levelbox .list{ float:left; width:1160px; }
.levelbox .list ul{ float:left; margin:10px 20px; }
.levelbox .list ul li a{ float:left; line-height:32px; background-color:#3b99fb; padding:0px 25px;border-radius:20px; color:#FFF;  }
.levelbox .list ul li a:hover{ background-color:#0982FB; }
.levelbox .conte{ float:left; width:1160px; margin-top:50px; font-size:15px; color:#333; line-height:30px; }


/* 确认信息 */
.fourbox{ margin:auto; width:1160px; padding:20px 20px; background-color:#FFF; border-radius:3px;overflow:hidden; margin-top:15px; }
.fourbox .subtitle{ float:left; width:1160px; line-height:40px; margin-top: 20px; background: url(/images/skill/line1.png) 0px 20px repeat-x; }
.fourbox .subtitle span{ float:left; width:auto; line-height:40px; background-color:#FFF; color:#333; padding-right:20px; font-size:16px; }
.fourbox .btns{ float:left; width:100%; height:40px; margin-top:20px; margin-bottom:20px; }
.fourbox .btns .btn{  margin:auto; height:40px; width:350px; }
.fourbox .btns .prev{ margin:auto;width:150px; line-height:40px; margin:0px 10px; background-color:#eee;border-radius:20px; font-size:16px; color:#666; text-align:center; display:inline-block; }
.fourbox .btns .next{ margin:auto;width:150px; line-height:40px; margin:0px 10px; background-color:#3b99fb;border-radius:20px; font-size:16px; color:#fff; text-align:center; display:inline-block; }


/* 报名完成 */
.finishbox{ margin:auto; width:1160px; padding:50px 20px; background-color:#FFF; border-radius:3px;overflow:hidden; margin-top:15px; }
.finishbox .img{ float:left; width:1160px; height:100px; text-align:center; }
.finishbox .img img{ width:80px; height:80px; }
.finishbox .tit{ float:left; width:1160px; height:80px; text-align:center; font-size:16pt; color:#282828; font-weight:bold; }
.finishbox .hint{ float:left; width:560px; margin:0px 300px; }
.finishbox .hint .title{ float:left; width:560px; line-height:30px; color:#999; }
.finishbox .hint .list{ float:left; width:560px; line-height:30px; }
.finishbox .hint .list div{ float:left; width:560px; line-height:30px; color:#666; }
.finishbox .btns{ float:left; width:100%; height:40px; margin-top:40px; margin-bottom:0px; }
.finishbox .btns .btn{  margin:auto; height:40px; width:350px; }
.finishbox .btns .prev{ margin:auto;width:150px; line-height:40px; margin:0px 10px; background-color:#eee;border-radius:20px; font-size:16px; color:#666; text-align:center; display:inline-block; }
.finishbox .btns .next{ margin:auto;width:150px; line-height:40px; margin:0px 10px; background-color:#3b99fb;border-radius:20px; font-size:16px; color:#fff; text-align:center; display:inline-block; }

/* 空内容 */
.emptybox{ margin:auto; width:1160px; padding:170px 20px; background-color:#FFF; border-radius:3px;overflow:hidden; margin-top:15px; }
.emptybox .img{ float:left; width:1160px; height:100px; text-align:center; }
.emptybox .hint{ float:left; width:1160px; line-height:40px; text-align:center; color:#999; }
