table {border-collapse:collapse;border-spacing:0;}
.sevice-box{width:1078px;text-align:left;margin:10px auto;background:#fff;border:1px solid #e6e6e6;}
.sevice-box h1{background:#fff2db;text-align:center;line-height:40px;font-size:18px;color:#ffa500;}
.sevice{width:900px;margin:0 auto;}
.sevice .sevice-search{overflow:hidden;padding-bottom:20px;}
.sevice .sevice-search .sevice-search-r{float:right;font-size:14px;}
.sevice .sevice-search .sevice-search-r .searchbtn{padding:0 8px;font-size:14px;}
.sevice th{font-size:14px;border:1px solid #ccc;line-height:32px;text-align:center;background:#f2f2f2;color:#000;}
.sevice td{font-size:14px;border:1px solid #ccc;padding:10px;}
.sevice td.select{text-align:center;}
.sevice .nextstep{transition: background-color ease .3s;padding: 6px 0;background: #FFA500;color: #fff;width: 115px;display: block;margin: 0 auto;cursor: pointer;}
.sevice .nextstep:hover{background: #2c2d2e;}

.submitForm ul{width:360px;margin:0 auto;}
.submitForm ul li{padding:12px 0;position:relative;}
.submitForm ul li em{width:80px;text-align:right;display:inline-block;font-style:normal;font-size:14px;}
.submitForm ul li span{color:#000;font-weight:bold;}
.submitForm ul li i{position:absolute;right:-80px;top:0;font-style:normal;line-height:58px;display:none;}
.submitForm ul li .inmsg{width:240px;line-height:30px;padding-left:8px;}
.submitForm ul li .ercode{width:132px;line-height:30px;padding-left:8px;}
.submitForm ul li img{margin-left:8px;display:inline-block;width:100px;height:35px;vertical-align:center;}
.listbtn{transition: background-color ease .3s;padding: 6px 0;width: 80px;text-align: center;background: #FFA500;color: #fff;display: inline-block;cursor: pointer;}
.listbtn:hover{background: #2c2d2e;color:#fff;}
.listbtn2{transition: background-color ease .3s;padding: 6px 0;width: 80px;text-align: center;margin-left: 10px;background: #ccc;color: #fff;display: inline-block;cursor: pointer;}
.listbtn2:hover{background: #2c2d2e;color:#fff;}
.sevice-pay{text-align:center;}
.sevice-pay a img{display:inline;padding:20px;}

/*apply-package*/
.apply-package{width: 1080px;margin:0 auto;}
.apply-package .title{font-size: 18px;font-weight:bolder;padding: 25px 0 10px;text-align: center;}
.apply-package .list{text-align:left;margin:20px 0;padding:15px 15px 15px 20px;border-radius:10px;background: #fff;overflow: hidden;position: relative;}
.apply-package .list-hd{position: absolute;left:50%;top:50%;color: rgba(0,0,0,0.1);font-size: 72px;-webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.apply-package .list-bd{font-size: 15px;}
.apply-package .list-bd p{line-height: 1.5;padding: 2px 0;}
.apply-package .list-bd p:first-child{padding-bottom: 10px;font-size: 17px;}
.apply-package .btn{margin:10px 0 30px;height: 40px;display:inline-block;line-height: 40px;border-radius:25px;background: #3565ee;color: #fff;font-size: 16px;text-align: center;padding: 0 30px;cursor:pointer;}
.apply-package .btn:hover{opacity: 0.75;filter: alpha(opacity=75)}
@media screen and (max-width:420px){
    .apply-package{width: auto;}
    .apply-package .list{margin: 15px;padding: 10px;border-radius:5px;}
    .apply-package .btn{display:block;margin:5px 15px 15px;height: 40px;line-height: 40px;border-radius:3px;background: #3565ee;color: #fff;font-size: 16px;text-align: center;}
    .apply-package .btn:hover{opacity: 1;filter: alpha(opacity=100)}
    .apply-package .btn:active{opacity: 0.75;filter: alpha(opacity=75)}
}
.service{width:900px;margin:0 auto 10px;border: 1px solid #ccc;}
.service .wrap{}
.service .wrap .head{font-size:15px;font-weight:bold;border-bottom: 1px solid #ccc;padding:10px;}
.service .list{overflow: hidden; line-height:26px;border-bottom: 1px solid #ccc;}
.service .list .title{float:left;font-size:15px;color:#777;width:80px;padding:10px;}
.service .list .item{float:left;font-size:15px;width:778px;border-left: 1px solid #ccc;padding:10px;}
.service .list .item select{width:400px;height:34px;outline:none;}
.service .list .item .course-node-wrapper label{font-size:15px;line-height: 36px;color:#f00;display: block}
.service .list .item input{width:400px;height:34px;box-sizing: border-box;border-radius:2px;border: 1px solid #a9a9a9;padding-left: 6px;}
.service .list .item .danger-tips{color:#f00;font-size:13px;}
.service .list .item .download-app{display:none;}
.service .list a{display:inline-block;text-align:center;margin:10px 0 10px 5px;width:150px;height:36px;line-height:36px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;background:#ffa500;color:#fff;}
.service .list a:first-child{margin-left:100px;}
.service .list a:hover{background:#e89600;}
.service .list a.gray{background: #fff;height:34px;line-height:34px;border:1px solid #ccc;color:#333;}
.service .list a.gray:hover{background:#f2f2f2;}
.zero-block-group{overflow:hidden;}
.zero-block{float:left;width:117px;height:30px;margin:5px 1%;line-height:30px;box-sizing:border-box;border:1px solid #ccc;border-radius:2px;text-align:center;cursor: pointer;}
.zero-block.active{background: #ffa500;border:1px solid #ffa500;color:#fff;}
.ecode{position:relative;}
.ecode img{position: absolute;right:10px;top:10px;}
@media screen and (max-width:420px){
    body{background: #f2f2f2!important;}
    .qd-top,.top-height,.qida-nav,.qd-footer,.cbbfixed{display:none;}
    .apply-package .pc-bg{display:none;}
    .apply-package .app-bg{display:block;width:100%;margin:0;}
    .apply-package .app-bg img{width:100%;height:auto;margin:0;vertical-align: bottom;}
    .apply-package .app-header{background: #3570cc;width:100%;height:48px;line-height:48px;display: -webkit-box;  display: -webkit-flex;  display: flex;  }
    .apply-package .app-header a{-webkit-box-flex: 1;  -webkit-flex: 1;  flex: 1;color:#fff;font-size:16px;}
    .apply-package .app-header a:nth-child(1){text-align: left;padding-left:40px;background: url(../img/icon/home_ico.png) no-repeat 16px center;background-size:18px 18px;}
    .apply-package .app-header a:nth-child(3){text-align: right;padding-right:16px;}
    .service{width:auto;margin:0;border:none;}
    .service .wrap{background:#fff;padding:10px 15px;margin-bottom:10px;}
    .service .wrap .head{padding:0 0 10px 0;font-size:14px;font-weight:bold;border:none;}
    .service .list{display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;line-height:22px;padding:6px 0;border:none;}
    .service .list .title{font-size:13px;color:#888;width:72px;line-height:32px;padding:0;}
    .service .list .item{-webkit-box-flex: 1;-moz-box-flex: 1;-webkit-flex: 1;-ms-flex: 1 ;flex: 1;font-size:14px;width:auto;border:none;padding:0;}
    .service .list:nth-child(1) .item{padding:5px 0;}
    .service .list:nth-child(2) .item{padding:5px 0;}
    .service .list:nth-child(3) .item{padding:5px 0;}
    .service .list:nth-child(4) .item{padding:5px 0;}
    .service .list .item select{width:100%;height:32px;border: 1px solid #ccc;border-radius:2px;outline:none;}
    .service .list .item .course-node-wrapper label{font-size:12px;color:#999;line-height: 30px;display: block;}
    .service .list .item input{width:100%;}
    .service .list .item .danger-tips{color:#f00;font-size:12px;}
    .service .list .item .download-app{display:block;background:none;color:#3570cc;height:auto;width:auto;text-align:left;margin:0;}
    .service .list a{display:block;text-align:center;margin:10px 0;width:auto;}
    .service .list a:first-child{margin-left:0;}
    .ecode img{display:none;}
    .zero-block{width:31.33%;}
}
@media screen and (min-width:420px){
    .apply-package .bg{width:900px;margin:10px auto;}
    .apply-package .bg img{width:100%;height:auto;vertical-align: bottom;}
    .service{width:900px;margin:0 auto 10px;border: 1px solid #ccc;}
}

/*apply-package-list*/
.exam-list{width:900px;margin:0 auto 10px;}
.exam-list .list{padding:10px 15px;background:#fff;font-size:14px;border-radius:4px;margin-top:10px;}
.exam-list .list .item-head{border-bottom:1px solid #e6e6e6;overflow: hidden;padding:0 0 8px;margin-bottom:8px;}
.exam-list .list .item{overflow: hidden;line-height:24px;}
.exam-list .list .item-l{float:left;width:50%;color:#666}
.exam-list .list .item-l h1{font-weight:bold;font-size:14px;line-height:24px;padding:3px 0;}
.exam-list .list .item-r{float:left;text-align:right;width:50%;}
.exam-list .list .item-r a{background:#ffa500;color:#fff;border-radius:4px;padding:2px 10px 4px;}
.exam-list .list .item-r a:hover{background:#e89600;}
.exam-list .list .item-r span{color:#1aad19;}
@media screen and (max-width:420px) {
    .qd-top,.top-height,.qida-nav,.qd-footer,.cbbfixed{display:none;}
    .apply-package .app-header{background: #3570cc;width:100%;height:48px;line-height:48px;display: -webkit-box;  display: -webkit-flex;  display: flex;  }
    .apply-package .app-header a{-webkit-box-flex: 1;  -webkit-flex: 1;  flex: 1;color:#fff;font-size:16px;}
    .apply-package .app-header a:nth-child(1){text-align: left;padding-left:40px;background: url(../img/icon/home_ico.png) no-repeat 16px center;background-size:18px 18px;}
    .apply-package .app-header a:nth-child(3){text-align: right;padding-right:16px;}
    .exam-list{width:auto;margin:0;}
    .exam-list .list .item-head .item-l{width:70%;}
    .exam-list .list .item-head .item-r{width:30%;}
}
@media screen and (min-width:420px){
    .exam-list{width:900px;margin:0 auto 10px;}
    .apply-package .app-header{display: none}
}