@charset "utf-8";
/* reset */
html, body {
    padding: 0;
    margin: 0;
    height: 100%
}

body {
    font-family: Microsoft Yahei, Helvetica, Hiragino Sans GB, sans-serif, FontAwesome;
    font-size: 14px;
    background: #f6f6f6;
}

p, h1, h2, h3, h4, h5, h6 {
    padding: 0;
    margin: 0;
}

table {
    cellpadding: 0;
    cellspacing: 0;
}

img, button {
    border: 0;
}

a {
    color: #888;
    text-transform: none;
    text-decoration: none;
}

a:hover, a:focus {
    cursor: pointer;
    text-decoration: none;
    color: #333333;
}

.clear {
    clear: both;
}

.border {
    border: 1px solid red;
}

.bg {
    background: #ff0000;
}

.display {
    display: none;
}
.error-info{
    color:#ea5200;
}
/* reset-end */
/*bootstrap样式重写*/
.btn:active {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.tooltip-inner {
    background-color: #56acee;
    word-break: break-all;
    text-align: left;
    padding: 10px;
    max-width: 400px;
}

.btn-primary {
    color: #fff;
    background-color: #56acee;
    border-color: #56acee;
}
.btn-primary:focus,
.btn-primary.focus {
    color: #fff;
    background-color: #50a0de;
    border-color: #50a0de;
}

.btn-primary:hover {
    color: #fff;
    background-color: #50a0de;
    border-color: #50a0de;
}

.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #50a0de;
    border-color: #50a0de;
}

.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
    color: #fff;
    background-color: #50a0de;
    border-color: #50a0de;
}

.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
    background-image: none;
}

.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus {
    background-color: #50a0de;
    border-color: #50a0de;
}
.btn-primary .badge {
    color: #50a0de;
    background-color: #fff;
}

.panel-primary {
    border-color: #50a0de;
}
.panel-primary > .panel-heading {
    color: #fff;
    background-color: #50a0de;
    border-color: #50a0de;
}
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #50a0de;
}
.panel-primary > .panel-heading .badge {
    color: #50a0de;
    background-color: #fff;
}
.panel-primary > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #50a0de;
}

.panel-info > .panel-heading {
    color: #50a0de;
}
/*bootstrap样式重写-end*/
/*百度地图样式----*/
.iw_poi_title { color: #CC5522; font-size: 14px; font-weight: bold; overflow: hidden; padding-right: 13px; white-space: nowrap }

.iw_poi_content { font: 12px arial, sans-serif; overflow: visible; padding-top: 4px; white-space: -moz-pre-wrap; word-wrap: break-word }

.BMap_Marker label {
    max-width: none !important;
}

/*百度地图样式----*/
/*首页样式---开始*/
body {
    min-width: 960px;
}

.shadow {
    -moz-box-shadow: 0px 0px 10px #999;
    -webkit-box-shadow: 0px 0px 10px #999;
    box-shadow: 0px 0px 10px #999;
    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#bbbbbb')";
    background: #ffffff;
}

.index-bg {
    position: relative;
    width: 76%;
    height: 80%;
    min-width: 900px;
    min-height: 650px;
    left: 50%;
    margin-left: -38%;
    top: 8%;
    /*margin-top: -40%;*/
    padding: 0;
    /*background: url("../img/index-bg.png") center no-repeat;*/
}

.index-header {
    position: relative;
    height: 17%;
}
.index-logo{
    position: relative;
    height: 100px;
    width:1040px;
    margin: 0 auto;
}
.index-header-n{
    position: relative;
    width: 100%;
    background: #fff;
}
.logo-icon {
    height: 60px;
    background: url("../img/logo-icon.png") left center no-repeat;
    border-right: 2px solid #19abb3;
    margin-top: 20px;
}

.index-btn {
    height: 100%;
}

.index-btn > a {
    position: relative;
    top: 50%;
    margin-top: -28px;
    width: 56px;
    height: 56px;
    padding: 0;
}

.index-btn > a:hover {
    background-image: none;
    background-color: #56acee;
    color: #fff;
    font-size: 16px;
    line-height: 56px;
}

.index-btn-home {
    background: url("../img/index-home2.png") center no-repeat;
}

.index-btn-home:hover:after {
    content: '主页';
    text-align: center;
}

.index-btn-ofd-download {
    background: url("../img/index-btn-ofd-download.png") center no-repeat;
}

.index-btn-ofd-download:hover:after {
    content: '下载';
    text-align: center;
}

.index-btn-help {
    background: url("../img/index-help.png") center no-repeat;
}

.index-btn-help:hover:after {
    content: '帮助';
    text-align: center;
}

/*z主页头部结束*/
.index-footer {
    position: relative;
    height: 24%;
}

.index-footer > .col-xs-2 {
    height: 120px;
    padding-top: 90px;
    margin-top: 14px;
    line-height: 30px;
    font-size: 16px;
    text-align: center;
}

.col-change{
    width: 14.27%;
}
.col-change-seal{
    width: 12.5%;
}

.index-sqcx, .index-sqcx:active {
    background: url("../img/index-zxcx.png") left center no-repeat;
}

.index-zxsq, .index-zxsq:active {
    background: url("../img/index-zxsq.png") left center no-repeat;
}

.index-zcgx, .index-zcgx:active {
    background: url("../img/index-zcgx.png") left center no-repeat;
}

.index-jzjs, .index-jzjs:active {
    background: url("../img/index-jzjs.png") left center no-repeat;
}

.index-zxxf, .index-zxxf:active {
    background: url("../img/index-zsxf.png") left center no-repeat;
}

.index-gdfw, .index-gdfw:active {
    background: url("../img/index-gdfw.png") left center no-repeat;
}

.index-download, .index-download:active {
    background: url("../img/index-download.png") left center no-repeat;
}
.index-sign, .index-sign:active {
    background: url("../img/index-sign.png") left center no-repeat;
}
.index-crypt, .index-crypt:active {
    background: url("../img/index-crypt.png") left center no-repeat;
}
.index-qzjc, .index-qzjc:active {
    background: url("../img/index-qzjc.png") left center no-repeat;
}
.index-myhf, .index-myhf:active {
    background: url("../img/index-myhf.png") left center no-repeat;
}

/*.index-sqcx:after {
    content: '申请查询';
}

.index-zxsq:after {
    content: '证书申请';
}

.index-zcgx:after {
    content: '证书更新';
}

.index-jzjs:after {
    content: '介质解锁';
}

.index-zxxf:after {
    content: '在线续费';
}

.index-gdfw:after {
    content: '更多服务';
}*/

/*主页底部结束*/
.index-bottom {
    position: relative;
    top: 8%;
    height: 68px;
    padding-top: 12px;
    line-height: 28px;
    color: #888;
}

.index-bottom > p > a {
    display: inline-block;
    width: 180px;
}

/*主页声明结束*/
.index-middle {
    position: relative;
    height: 60%;
    background: url("../img/index-bg-main.jpg") center no-repeat;
    padding-left:0;
    padding-right: 0;
}

.index-middle-nodet {
    position: relative;
    height: 40px;
    background: url("../img/index-bg-main.jpg") center no-repeat;
    padding-left:0;
    padding-right: 0;
}


/*00通知公告*/
.index-notice{
    position: relative;
    width:100%;
    height: 40px;
    background: url("../img/bg-fff-30.png") repeat;
    color: #ffffff;
    float: left;
    margin: 0;
    overflow: hidden;
}
.index-notice .index-notice-bt{
    float: left;
    width:140px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    padding-left: 60px;
    font-size: 16px;
    background: url("../img/index-notice-ico.png") 30px center no-repeat;
}
.index-notice-con1{
    position: relative;
    float: left;
    font-size: 24px;
    font-weight: bold;
    width: 360px;
    height: auto;
    top: 50%;
    left: 100px;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
.index-notice .index-notice-con{
    height:40px;
    line-height: 40px;
    padding: 0 20px;
    font-size: 16px;
    color:darkred;
    font-weight: bold;
}
.index-notice .index-notice-con marquee  ,.index-notice-con1 marquee{
    margin:0;
}
.index-banner{
    position: relative;
    width: 100%;
    background: #19abb3;

}
.index-banner .index-banner-con{
    position: relative;
    height: 200px;
    width:1020px;
    margin: 0 auto;
    background: url("../img/index-banner.png") no-repeat;
    color: #FFFFFF;
    font-size: 30px;
    line-height: 200px;
    padding-left: 50px;
    padding-right: 320px;
    text-align: center;
}
.index-main{
    position: relative;
    height: auto;
    min-height: 500px;
    padding: 10px;
    width:1020px;
    margin: 0 auto;
    background: #fff;
    border: 1px solid #ddd;
    margin-top: 10px;
}
.index-main .index-main-bt{
    position: relative;
    width: 100%;
    height: 40px;
    line-height:40px;
    padding-left: 15px;
    padding-right: -15px;
    border-bottom: 1px solid #19abb3;
    font-size: 18px;
    color: #000;
    font-weight: bold;

}
.footer-line{
    position: relative;
    width: 100%;
    height:1px;
    background: #56b7ec;
}
/*01环境检测*/
.index-hjjc {
    position: relative;
    height: 100%;
    width: 100%;
    padding-top: 300px;
    background: url("../img/index-hjjc.png") center 30px no-repeat;
}

.index-btn-hjjc {
    position: relative;
    float: left;
    padding: 0;
    left: 50%;
    margin-left: -140px;
    width: 280px;
    height: 40px;
    line-height: 40px;
    background: url("../img/bg-15fff.png") repeat;
    border: 1px solid #ffffff;
    border-radius: 20px;
    font-size: 18px;
}

.index-btn-continue {
    position: relative;
    float: left;
    padding: 0;
    left: 50%;
    /*margin-left: -140px;*/
    width: 100px;
    height: 40px;
    line-height: 40px;
    background: url("../img/bg-15fff.png") repeat;
    border: 1px solid #ffffff;
    border-radius: 20px;
    font-size: 18px;
}

.index-btn-hjjc:after, .index-btn-hjjc:hover {
    content: '证书更新环境检测';
    color: #ffffff;
}

.index-a-tgjc {
    position: relative;
    float: left;
    width: 100px;
    height: 20px;
    top: 20px;
    left: 50%;
    margin-left: 20px;
    color: #ffffff;
}

.index-a-tgjc:after, .index-a-tgjc:hover {
    content: '跳过检测>>';
    color: #ffffff;
}

/*02环境检测过程*/
.index-jcgc {
    position: relative;
    height: 100%;
    padding: 90px 150px;
}

.index-jcgc > .row > div {
    height: 40px;
    line-height: 40px;
    color: #333;
    font-size: 18px;
}

.index-jcgc .jcgc-info {
    font-size: 14px!important;
    border-radius: 4px;
    margin-top: 6px;
    margin-bottom: 6px;
}

/*浏览器兼容性*/
.index-jc-llqjr .jc-ico {
    background: url("../img/index-jc-llqjr.png") right center no-repeat;
}

.index-jc-llqjr .jc-text:after {
    content: '当前浏览器兼容性';
}

.index-jc-llqjr .jc-in{
    background: url("../img/index-jc-in.gif") center no-repeat;
}
.index-jc-llqjr .jc-no{
    background: url("../img/index-jc-no.png") center no-repeat;
}
.index-jc-llqjr .jc-yes{
    background: url("../img/index-jc-yes.png") center no-repeat;
}


.index-jc-llqjr .jc-begin:after{
    content: '正在检测..';
}
.index-jc-llqjr .jc-fina:after{
    content: '版本兼容';
}
.index-jc-llqjr .jc-error:after{
    content: '请使用ie9或ie9以上的浏览器';
}
/*服务器连接状态*/
.index-jc-fwqlj .jc-ico {
    background: url("../img/index-jc-fwqlj.png") right center no-repeat;
}

.index-jc-fwqlj .jc-text:after {
    content: '证书服务器连接状态';
}

.index-jc-fwqlj .jc-in{
    background: url("../img/index-jc-in.gif") center no-repeat;
}
.index-jc-fwqlj .jc-no{
    background: url("../img/index-jc-no.png") center no-repeat;
}
.index-jc-fwqlj .jc-yes{
    background: url("../img/index-jc-yes.png") center no-repeat;
}

.index-jc-fwqlj .jc-begin:after{
    content: '正在检测..';
}
.index-jc-fwqlj .jc-fina:after{
    content: '服务器连接正常';
}
.index-jc-fwqlj .jc-error:after{
    content: '服务器连接错误';
}
.index-jc-fwqlj .jc-unknown:after{
    content: '未检测';
}

/*浏览器控件状态*/
.index-jc-llqkj .jc-ico{
    background: url("../img/index-jc-llqkj.png") right center no-repeat;
}
.index-jc-llqkj .jc-text:after{
    content: '浏览器控件状态';
}
.index-jc-llqkj .jc-in{
    background: url("../img/index-jc-in.gif") center no-repeat;
}
.index-jc-llqkj .jc-no{
    background: url("../img/index-jc-no.png") center no-repeat;
}
.index-jc-llqkj .jc-yes{
    background: url("../img/index-jc-yes.png") center no-repeat;
}

.index-jc-llqkj .jc-begin:after{
    content: '正在检测..';
}
.index-jc-llqkj .jc-fina:after{
    content: '控件已正确安装';
}
.index-jc-llqkj .jc-error:after{
    content: '未安装控件';
}
.index-jc-llqkj .jc-unknown:after{
    content: '未检测';
}
.index-jc-llqkj .jc-versionError:after{
    content: '已安装控件版本过低，请卸载当前控件重新安装';
}
/*USB-Key驱动状态*/
.index-jc-usbqd .jc-ico{
    background: url("../img/index-jc-usbqd.png") right center no-repeat;
}
.index-jc-usbqd .jc-text:after{
    content: 'USB-Key驱动状态';
}
.index-jc-usbqd .jc-in{
    background: url("../img/index-jc-in.gif") center no-repeat;
}
.index-jc-usbqd .jc-no{
    background: url("../img/index-jc-no.png") center no-repeat;
}
.index-jc-usbqd .jc-yes{
    background: url("../img/index-jc-yes.png") center no-repeat;
}
.index-jc-usbqd .jc-begin:after{
    content: '正在检测...';
}
.index-jc-usbqd .jc-fina:after{
    content: '驱动安装正常';
}
.index-jc-usbqd .jc-error:after{
    content: '请检查key是否正确插入或安装驱动软件';
}
.index-jc-usbqd .jc-unknown:after{
    content: '未检测';
}

/*灌章控件状态*/
.index-jc-gzkj .jc-ico{
    background: url("../img/index-jc-gzkj.png") right center no-repeat;
}
.index-jc-gzkj .jc-text:after{
    content: '写章控件状态';
}
.index-jc-gzkj .jc-in{
    background: url("../img/index-jc-in.gif") center no-repeat;
}
.index-jc-gzkj .jc-no{
    background: url("../img/index-jc-no.png") center no-repeat;
}
.index-jc-gzkj .jc-yes{
    background: url("../img/index-jc-yes.png") center no-repeat;
}

.index-jc-gzkj .jc-begin:after{
    content: '正在检测..';
}
.index-jc-gzkj .jc-fina:after{
    content: '控件已正确安装';
}
.index-jc-gzkj .jc-error:after{
    content: '未安装控件';
}
.index-jc-gzkj .jc-unknown:after{
    content: '未检测';
}
.index-jc-gzkj .jc-versionError:after{
    content: '已安装控件版本过低，请卸载当前控件重新安装';
}



/*检测修复按钮*/
.index-jc-xf {
    position: relative;
    padding: 0;
    width: 70px;
    height: 36px;
    line-height: 36px;
    color: #ffffff;
    text-align: center;
    background: url("../img/bg-15fff.png") repeat;
    border-radius: 18px;
    border: 1px solid #ffffff;
    font-size: 16px;
}

.index-jc-xf:after, .index-jc-xf:hover {
    color: #ffffff;
    content: '修复';
}
.icon-zsgx{
    width: 122px;
    height: 122px;
    background: url("../img/icon_zsgx.png") repeat;
}
.icon-zsjs{
    width: 122px;
    height: 122px;
    background: url("../img/icon_zsjs.png") repeat;
}
.system-info{
    position:absolute;
    line-height:40px;
    text-align:center;
    /*top:60px;*/
    z-index:20;
    width: 100%;
    margin-left:-15px;
}

/*KEY读取*/
.index-keydq {
    position: relative;
    height: 100%;
    padding-top: 210px;
    background: url("../img/index-key-in.png") center 100px no-repeat;
    color: #ffffff;
    font-size: 18px;
}

.index-keydq-text {
    height: 60px;
    line-height: 60px;
}

.index-keydq-text:after {
    content: '正在读取证书信息';
}

.index-keydq-btn {
    width: 280px;
    height: 40px;
    padding: 0;
    line-height: 40px;
    background: url("../img/bg-15fff.png") repeat;
    /*background: url("../img/index-key-in1.gif") center no-repeat;*/
    border: 1px solid #ffffff;
    border-radius: 20px;
    color: #ffffff;
    font-size: 18px;
}

.index-keydq-btn:after, .index-keydq-btn:hover {
    content: '重新读取';
    color: #ffffff;
}

/*在线申请*/
.index-zxsq-con {
    position: relative;
    height: 100%;
    padding-top: 15px;
}

.index-zxsq-con > .row {
    position: relative;
    height: 44%;
}

.index-zxsq-con > .row > div {
    height: 100%;
}

.index-zxsq-con > .row .btn-block {
    position: relative;
    /*background: #ffffff;*/
}

.index-zxsq-con > .row > .col-xs-3 .btn-block {
    /*height: 160px;*/
    height: 96%;
}

.index-zxsq-con > .row > .col-xs-6 .col-xs-12.btn-block {
    /*height: 75px;*/
    height: 46%;
    margin-top: 0 !important;
}

.index-zxsq-con > .row > .col-xs-6 .col-xs-12.btn-block:first-child {
    margin-bottom: 1.5%;
}

.index-zxsq-con > .row > .col-xs-6 .btn-block {
    /*height: 160px;*/
    height: 96%;
}

.index-zxsq-con .zxsq-bt {
    font-size: 18px;
    color: #333;
    line-height: 34px;
}

.index-zxsq-con a:hover {
    background-color: rgb(255, 255, 255);
}

.index-zxsq-con .index-zxsq-zxsq {
    padding: 3% 0 0 110px;
    background: url("../img/index-zxsq-bgxz.png") 32px center no-repeat #fff \9;
    background: url("../img/index-zxsq-bgxz.png") 32px center no-repeat rgba(255, 255, 255, 0.9);
}

.index-zxsq-con .index-zxsq-dxzs {
    padding: 3% 0 0 110px;
    background: url("../img/index-zxsq-dx.png") 30px center no-repeat #ffffff \9;
    background: url("../img/index-zxsq-dx.png") 30px center no-repeat rgba(255, 255, 255, 0.9);
}

.index-zxsq-con .index-zxsq-gqzs {
    padding: 95px 0 0 0;
    background: url("../img/index-zxsq-gq.png") center 20px no-repeat #ffffff \9;
    background: url("../img/index-zxsq-gq.png") center 20px no-repeat rgba(255, 255, 255, 0.9);
}

.index-zxsq-con .index-zxsq-jgzs {
    padding: 95px 0 0 0;
    background: url("../img/index-zxsq-jg.png") center 20px no-repeat #ffffff \9;
    background: url("../img/index-zxsq-jg.png") center 20px no-repeat rgba(255, 255, 255, 0.9);
}

.index-zxsq-con .index-zxsq-bgxx {
    padding: 95px 0 0 0;
    background: url("../img/index-zxsq-bg.png") center 20px no-repeat #ffffff \9;
    background: url("../img/index-zxsq-bg.png") center 20px no-repeat rgba(255, 255, 255, 0.9);
}

.index-zxsq-con .index-zxsq-bfzs {
    padding: 95px 0 0 0;
    background: url("../img/index-zxsq-bf.png") center 20px no-repeat #ffffff \9;
    background: url("../img/index-zxsq-bf.png") center 20px no-repeat rgba(255, 255, 255, 0.9);
}

.index-zxsq-con .index-zxsq-bgbb {
    padding: 95px 0 0 0;
    background: url("../img/index-zxsq-bgbb.png") center 20px no-repeat #ffffff \9;
    background: url("../img/index-zxsq-bgbb.png") center 20px no-repeat rgba(255, 255, 255, 0.9);
}

/*主页内容结束*/
/*首页样式---------结束*/
/*表单页基本样式*/

.basic-form {
    position: absolute;
    width: 1000px;
    min-width: 1000px;
    left: 50%;
    margin-left: -500px;
}

/*表单页头部*/
.basic-form-header {
    height: 100px;
    background: #56acee;
}

.logo-form {
    height: 100%;
    background: url("../img/logo-form.png") left center no-repeat;
    padding-left: 220px;
    line-height: 124px;
    color: #ffffff;
    font-weight: bold;
    font-size: 1.6em;
}

.form-btn {
    height: 100%;
    padding-right: 0;
}

.form-btn > a {
    position: relative;
    top: 22px;
    width: 56px;
    height: 56px;
    padding: 0;
}

.form-btn > a:hover {
    background-image: none;
    background-color: #ffffff;
    color: #56acee;
    font-size: 16px;
    line-height: 56px;
}

.form-btn-home {
    background: url("../img/form-home.png") center no-repeat;
}

.form-btn-home:hover:after {
    content: '主页';
    text-align: center;
}

.form-btn-help {
    background: url("../img/form-help.png") center no-repeat;
}

.form-btn-help:hover:after {
    content: '帮助';
    text-align: center;
}

/*表单页内容*/
.basic-form-middle {
    height: auto;
    padding-top: 8px;
    background: #ffffff;
}

.basic-form-middle .basic-form-step {
    position: relative;
    height: 80px;
    line-height: 80px !important;
    background: #f6f6f6;
}

.form-pro-name {
    height: 100%;
    padding-left: 48px;
    font-size: 24px;
    color: #56acee;
}

.form-pro-step {
    height: 100%;
    font-size: 20px;
}

.form-pro-step > .col-xs-2 {
    padding-left: 20px;
}

.form-pro-step > .step1 {
    background: url("../img/form-step1.png") 3px center no-repeat;
    color: #56acee;
}

.form-pro-step > .step2 {
    background: url("../img/form-step2.png") 2px center no-repeat;
    color: #000000;
}

.form-pro-step > .step3 {
    background: url("../img/form-step3.png") 3px center no-repeat;
    color: #888888;
}

.form-btn-back {
    height: 100%;
    padding-left: 40px;
    padding-right: 0;
}

.form-btn-back > a {
    background: url("../img/form-back.png") 32px center no-repeat #56acee;
    padding-left: 56px;
    font-size: 16px;
    color: #ffffff;
}

.form-btn-back > a:after {
    content: '返回';
}

.form-btn-back > a:hover {
    background-color: #50a0de;
}

/*.basic-form-cont {
    padding: 15px;
    min-height: 400px;
}*/
.basic-form-cont {
    background: #ffffff;
    margin: 15px -15px 0;
    padding-bottom: 50px;
    min-height: 400px;
}

/**/

/*证书更新*/
.pro-update {
    background: url("../img/pro-update-ico.png") 20px center no-repeat;
}

.pro-update:after {
    content: '证书更新';
}
/*介质解锁*/
.pro-unlock {
    background: url("../img/pro-update-ico.png") 20px center no-repeat;
}

.pro-unlock:after {
    content: '介质解锁';
}
/*变更更新*/
.pro-alter {
    background: url("../img/pro-update-ico.png") 20px center no-repeat;
}

.pro-alter:after {
    content: '更新';
}

/*在线申请*/
.pro-apply {
    background: url("../img/pro-update-ico.png") 20px center no-repeat;
}

.pro-apply:after {
    content: '在线申请';
}
/*变更申请*/
.pro-change {
    background: url("../img/pro-update-ico.png") 20px center no-repeat;
}

.pro-change:after {
    content: '在线变更';
}
/*在线查询*/
.pro-apply-search {
    background: url("../img/pro-update-ico.png") 20px center no-repeat;
}

/*项目选择*/
.pro-proList {
    background: url("../img/pro-update-ico.png") 20px center no-repeat;
}

.pro-proList:after {
    content: '选择项目';
}

.pro-apply-search:after {
    content: '在线查询';
}
/*帮助表头*/
.pro-apply-help {
    background: url("../img/pro-update-ico.png") 20px center no-repeat;
}

.pro-apply-help:after {
    content: '帮助中心';
}

.basic-form-update {
    padding: 15px;
}

.basic-form-update .col-xs-6 {
    padding: 10px;
}

.basic-form-update .col-xs-6 > .form-update-cont {
    border-left: 3px solid #56acee;
}

.form-update-cont > .form-update-key {
    height: 60px;
    /*padding-left: 140px;*/
    color: #ffffff;
    line-height: 60px;
}

.form-update-cont > .form-update-cert {
    border: 1px solid #e8e8e8;
    border-left: none;
    padding-left: 60px;
    padding-right: 0;
    height: 155px;
    margin: 10px 0;
}

.form-update-cont > .form-update-cert > .col-xs-11 > li {
    color: #888888;
    line-height: 34px;
/*    height: 34px;
    overflow: hidden;*/
}

.form-update-cont > .form-update-cert > .col-xs-11 > li.cert-name {
    font-size: 16px;
    color: #333333;
    font-weight: 800;
    overflow: hidden; /*自动隐藏文字*/
    text-overflow: ellipsis; /*文字隐藏后添加省略号*/
    white-space: nowrap; /*强制不换行*/
    width: 20em; /*不允许出现半汉字截断*/
}

.form-update-cert li > span {
    display: inline-block;
    width: 70px;
    text-align: right;
}
/*更新按钮*/
.form-update-cert > a.form-update-btn {
    background: #56acee;
    padding: 0;
    line-height: 155px;
    text-align: center;
    color: #ffffff;
}

.form-update-cert > a.form-update-btn:hover {
    background: #50a0de;
}

.form-update-cert > a.form-update-btn:after {
    content: '更新';
}
/*更新按钮*/
.form-update-cert > a.form-pay-btn {
    background: #56acee;
    padding: 0;
    line-height: 140px;
    text-align: center;
    color: #ffffff;
}

.form-update-cert > a.form-pay-btn:hover {
    background: #50a0de;
}

.form-update-cert > a.form-pay-btn:after {
    content: '缴费';
}
/*解锁按钮*/
.form-update-cert > a.form-unlock-btn {
    background: #56acee;
    padding: 0;
    line-height: 154px;
    text-align: center;
    color: #ffffff;
}

.form-update-cert > a.form-unlock-btn:hover {
    background: #50a0de;
}

.form-update-cert > a.form-unlock-btn:after {
    content: '解锁';
}
/*变更按钮*/
.form-update-cert > a.form-change-btn {
    background: #56acee;
    padding: 0;
    line-height: 155px;
    text-align: center;
    color: #ffffff;
}

.form-update-cert > a.form-change-btn:hover {
    background: #50a0de;
}

.form-update-cert > a.form-change-btn:after {
    content: '变更';
}

/*在线申请按钮*/
.form-update-cert > a.form-apply-btn {
    background: #56acee;
    padding: 0;
    line-height: 140px;
    text-align: center;
    color: #ffffff;
}

.form-update-cert > a.form-apply-btn:hover {
    background: #50a0de;
}

.form-update-cert > a.form-apply-btn:after {
    content: '提交';
}
/*变更下载*/
.form-update-cert > a.form-alter-btn {
    background: #56acee;
    padding: 0;
    line-height: 140px;
    text-align: center;
    color: #ffffff;
}

.form-update-cert > a.form-alter-btn:hover {
    background: #50a0de;
}

.form-update-cert > a.form-alter-btn:after {
    content: '更新';
}

/*更新-发票信息*/
.form-bill-get > li , .form-checked {
    margin: 0 10px 10px;
    height: 40px;
    line-height: 40px;
    border: 1px solid #cccccc;
}

.form-bill-get > li.active, .form-checked.active {
    border: 1px solid #56acee;
    background: url("../img/form-checked.png") right bottom no-repeat #ffffff;
}

.form-bill-get > li > a, .form-bill-get > li > a:hover, .form-bill-get > li.active > a, .form-bill-get > li.active > a:hover, .form-bill-get > li.active > a:focus {
    background: none;
    border-radius: 0;
    border: none;
}

.form-bill-kdyj, .form-bill-smzt {
    padding: 10px;
}

.form-bill-kdyj label {
    font-weight: normal;
    color: #888888;
}

.form-bill-smzt .form-checked ,.form-checked {
    padding: 0 10px;
    margin: 0;
}

.form-bill-smzt > .row {
    margin: 20px 0;
}

.form-bill-smzt .smzt-address {
    color: #888888;
}

.row.form-bill-pay {
    margin-top: 30px;
}
.install-ca-btn{
    /*border-top: 1px solid #dddddd;*/
    margin-top: 30px;
}
/*用户支付订单页面*/
.form-bill-success {
    height: 100px;
    padding: 10px;
    border-bottom: 4px solid #40b101;
}

.form-bill-success .bill-success-text {
    padding-left: 40px;
    line-height: 46px;
    font-size: 20px;
    color: #40b101;
    background: url("../img/form-bill-success.png") 10px center no-repeat;
}

.form-bill-success .bill-success-textInfo {
    padding-left: 40px;
    color: #888888;
}

.form-bill-success .bill-pay-money {
    font-size: 20px;
    color: #262626;
    line-height: 46px;
    padding-right: 20px;
    text-align: right;
}

.form-bill-success .bill-pay-money > span {
    color: #ff6600;
    font-weight: bold;
    font-size: 22px;
}

.form-bill-success .bill-pay-info {
    padding-right: 20px;
    color: #888888;
    text-align: right;
}

.form-bill-no {
    margin: 30px 0;
}

.form-bill-no p {
    line-height: 36px;
    font-size: 18px;
    color: #888888;
}

.form-bill-no .bill-number {
    color: #ff6600;
    font-size: 22px;
    font-weight: bold;
}

.form-pay-select {
    font-size: 16px;
    color: #888888;;
}

.form-pay-select .col-xs-4 {
    margin: 20px 0;
    height: 80px;
    padding: 10px;
}

.form-pay-select > .col-xs-4 > .form-checked {
    height: 60px;
    margin: 0;
}

.form-pay-select > .col-xs-4 > .form-checked > div {
    width: 100%;
    height: 100%;
}

.form-pay-select .pay-zfb {
    background: url("../img/pay-zfb.png") center no-repeat;
}

.form-pay-select .pay-wx {
    background: url("../img/pay-wx.png") center no-repeat;
}

.form-pay-select .pay-yl {
    background: url("../img/pay-yl.png") center no-repeat;
}

.pay-ok .modal-content {
    height: 160px;
    padding: 10px;
}

.pay-ok .modal-content > .col-xs-12 {
    line-height: 40px;
    font-size: 20px;
    color: #666666;
    margin: 20px 0;
}

.pay-remittance .modal-content {
    height: 250px;
    padding: 10px;
}

.pay-remittance .modal-content > .col-xs-12 {
    line-height: 40px;
    font-size: 20px;
    color: rgba(202, 41, 18, 1);
    margin: 20px 0;
}
.pay-remittance .modal-content > .col-xs-16 {
    font-size: 20px;
    color: #666666;
}

/*key 解锁*/
.form-key-info {
    height: 160px;
    padding: 10px;
    border-bottom: 4px solid #56acee;
    margin-bottom: 10px;
}

.form-key-info .key-info-bt {
    line-height: 40px;
    font-size: 16px;
    padding-left: 40px;
    background: url("../img/key-ico.png") left center no-repeat;
    font-weight: bold;
    color: #333;
}

.form-key-info .key-info-cont, .form-key-info .key-info-date {
    line-height: 34px;
    font-size: 16px;
    color: #999;
/*    height: 34px;
    overflow:hidden;*/
}

.audit-info-cont {
    line-height: 34px;
    font-size: 16px;
    color: red;
}

.next-btn {
    margin-top: 40px;
}
/*证书下载*/
.index-install-ca{
    min-height: 500px;
    padding: 3% 20px;
}
.index-install-ca .ca-cont{
    position: relative;
    border: 1px solid #dddddd;
    border-radius: 6px;
    padding: 20px;
    min-height:300px;
}
.index-install-ca .ca-bt{
    font-size: 16px;
    line-height: 40px;
    padding-left: 40px;
    font-weight: bold;
    background: url("../img/key-ico.png") left center no-repeat;
}
.index-install-ca .ca-info{
    line-height: 38px;
}
.index-install-ca .install-ca-ico{
    height: 300px;
    background: url("../img/install-ca.png") center no-repeat;
}
.install-ca-date{
    min-height: 300px;
}
.install-ca-date .ca-date-con{
    position: relative;
    left: 50%;
    width: 220px;
    height: 220px;
    margin-left: -110px;
    margin-top: 40px;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid #40be01;
}
.ca-date-con .date-num{
    position: relative;
    width:100%;
    height: 120px;
    background: #40be01;
    padding: 12px;
    color: #ffffff;
    text-align: center;
}
.ca-date-con .date-num p{
    font-size: 20px;
    line-height: 46px;
}
.ca-date-con .date-num div{
    font-size: 18px;
    line-height: 50px;
}
.ca-date-con .date-num div span{
    font-size: 40px;
    padding: 3px;
}
.ca-date-con .date-fin{
    line-height: 100px;
    font-size: 15px;
    text-align: center;
    color: #888;
    font-weight: bold;
    /*padding-left: 34px;
    background: url("../img/date-ico.png") 26px center no-repeat;*/
}
/*证书更新结果-成功/失败 */
.update-fina .col-xs-12{
    height: 240px;
    padding-top: 140px;
}
.update-fina .col-xs-12 p{
    color: #666;
    text-align: center;
    font-size: 40px;
    line-height: 60px;
}
.update-fina .update-success{
    background: url("../img/update-success.png") center 20px no-repeat;
}
.update-fina .update-error{
    background: url("../img/update-error.png") center 20px no-repeat;
}
 .update-fina .update-remind{
     background: url("../img/update-remind.png") center 20px no-repeat;
 }

.update-fina .update-waite{
    background: url("../img/update-waite.gif") center 50px no-repeat;
}

.change-fina .col-xs-12{
    height: 240px;
    padding-top: 150px;
}
.change-fina .col-xs-12 p{
    color: #666;
    text-align: center;
    font-size: 24px;
    line-height: 60px;
}

.change-fina .change-success{
    background: url("../img/update-success.png") center 20px no-repeat;
}
.change-fina .change-error{
    background: url("../img/update-error.png") center 20px no-repeat;
}
.change-fina .change-remind{
    background: url("../img/update-remind.png") center 20px no-repeat;
}

.change-fina .change-waite{
    background: url("../img/update-waite.gif") center 50px no-repeat;
}

.change-fina .change-audit{
    margin-top: 60px;
    background: url("../img/change-audit.png") center 20px no-repeat;
}



/*帮助页面*/
.help-main{}
.help-main .row{
    margin-bottom: 16px;
    height: auto;
}
.help-main .col-xs-6 ,.help-main .col-xs-3 ,.help-main .col-xs-9{
    height: 300px;
    padding-left: 8px;
    padding-right: 8px;
}
.help-main .col-xs-3 ,.help-main .col-xs-9{
    height:auto;
}

.help-main>.row>.col-xs-6>.col-xs-12 ,.help-main>.row>.col-xs-3>.col-xs-12 ,.help-main>.row>.col-xs-9>.col-xs-12{
    height: 100%;
    background: #ffffff;
    border: 1px solid #eeeeee;
    padding-bottom: 20px;
}
.help-main>.row>.col-xs-3>.col-xs-12{
    padding: 0;
    background: transparent;
    border: 0;
}
.help-main .help-main-bt{
    height: 80px;
    line-height: 80px;
    width:100%;
    position: relative;
    padding-left: 60px;
    font-size: 20px;
    color: #6d6d6d;
}
.help-main .help-main-bt.help-zxkf{
    background: url("../img/help-zxkf.png") 10px center no-repeat;
}
.help-main .help-main-con.help-zxkf .col-xs-4 ,.help-zxkf-con .col-xs-4{
    font-size: 1.2em;
    color: #666;
    padding-top: 120px;
    text-align: center;
    cursor: pointer;
}
.help-main .help-main-con.help-zxkf .online-ca ,.help-zxkf-con .col-xs-4.online-ca{
    background: url("../img/online-ca.png") center 40px no-repeat;
}
.help-main .help-main-con.help-zxkf .online-js ,.help-zxkf-con .col-xs-4.online-js{
    background: url("../img/online-js.png") center 40px no-repeat;
}
.help-main .help-main-con.help-zxkf .online-mt ,.help-zxkf-con .col-xs-4.online-mt{
    background: url("../img/online-mt.png") center 40px no-repeat;
}
.help-main .col-xs-6 .col-xs-8{
    position: absolute;
    bottom: 10px;
    left: 0;
}
.help-main .help-main-bt.help-wtjd{
    background: url("../img/help-cjwt.png") 18px center no-repeat;
}
.help-main .help-main-con.help-wtjd{
    height: 200px;
    overflow: hidden;
}
.help-main .help-main-con.help-wtjd li{
    height: 34px;
    line-height: 34px;
    overflow: hidden;
}

.help-main .help-main-bt.help-ywlc{
    background: url("../img/help-ywlc.png") 18px center no-repeat;
}
.help-main .help-main-con.help-ywlc .col-xs-4 ,.help-main .help-main-con.help-xgxz .col-xs-4{
    height: 170px;
}
.help-ywlc .col-xs-4{
    padding-top: 124px;
    text-align: center;
    background-position:center 26px;
    font-size: 1.1em;
    color: #333;
}
.help-main .help-main-con.help-ywlc .pro-zxsq{
    background: url("../img/pro-zxsq.png") center top no-repeat;
}
.help-main .help-main-con.help-ywlc .pro-zxgx{
    background: url("../img/pro-zxgx.png") center top no-repeat;
}
.help-main .help-main-con.help-ywlc .pro-zxxf{
    background: url("../img/pro-zxxf.png") center top no-repeat;
}
.help-main .help-main-bt.help-xgxz{
    background: url("../img/help-xgxz.png") 18px center no-repeat;
}
.help-main .help-main-con.help-xgxz .down-table{
    background: url("../img/down-table.png") center top no-repeat;
}
.help-main .help-main-con.help-xgxz .down-bri{
    background: url("../img/down-bri.png") center top no-repeat;
}
.help-main .help-main-con.help-xgxz .down-cont{
    background: url("../img/down-cont.png") center top no-repeat;
}
/*证书列表页面-左侧折叠导航*/
.help-con-list .panel-heading{
    padding-left: 50px;
}
.help-con-list .panel-body ul{
    padding-left: 10px;
}
.help-con-list .panel-body ul li{
    line-height: 40px;
    height: 40px;
    list-style: none;
}
.help-con-list .panel-body ul li>a.active{
    color: #50a0de;
    padding-left: 18px;
    background: url("../img/form-step2.png") left center no-repeat;
}
.help-con-list .panel-heading.list-zxkf{
    background: url("../img/help-list-zxkf.png") 14px center no-repeat #d9edf7;
}
.help-con-list .panel-heading.list-wtjd{
    background: url("../img/help-list-wtjd.png") 14px center no-repeat #d9edf7;
}
.help-con-list .panel-heading.list-ywlc{
    background: url("../img/help-list-ywlc.png") 14px center no-repeat #d9edf7;
}
.help-con-list .panel-heading.list-xgxz{
    background: url("../img/help-list-xgxz.png") 14px center no-repeat #d9edf7;
}
/*帮助页-在线客服内容页*/
.help-zxkf-con .col-xs-4{
    text-align: center;
}
.help-cont-info{
    height: auto;
    padding: 10px;;
}
.help-cont-info p{
    line-height: 34px;
    text-indent: 2em;
}
/*帮助页-驱动下载*/
.help-key-down{}
.help-key-down .col-xs-4 .key-down-name{
    height: 70px;
    line-height: 30px;
    text-align: center;
    color: #666666;
}
.help-key-down .col-xs-4 .key-down-btn{
    text-align: center;
    height: 60px;
    line-height: 40px;
    border-bottom: 1px dashed #dddddd;
}
.help-key-down .col-xs-4 .help-key-ft{
    margin-top: 30px;
    height: 50px;
    /*background: url("../img/key/key-ft1.png") center no-repeat;*/
}
/*帮助页-控件下载*/
.help-key-down .help-down-kj{
    margin-top: 60px;
    height: 80px;
    /*background: url("../img/help-down-kj.png") center no-repeat;*/
}
/*帮助页-申请表下载*/
.help-key-down .col-xs-6{
    height: 40px;
    line-height: 40px;
    margin-top: 20px;
}
.help-key-down .col-xs-6>a{
    display: block;
    position: relative;
    width:100%;
    height:100%;
    color: #666666;
    border: 1px solid #dddddd;
    padding-left: 10px;
    background: url("../img/help-down-table.png") 290px 6px no-repeat;
}
.help-key-down .col-xs-6>a:hover{
    border: 1px solid #56acee;
    background: url("../img/help-down-table.png") 290px -40px no-repeat;
    color: #56acee;
}
/*帮助页-问题解答*/
.question-a-cont{
    height:auto;
}
.question-a-cont .panel{
    border:0;
    border-radius: 0;
}
.question-a-cont .panel-heading{
    border:0;
    border-radius: 0;
    background: #fafafa;
    margin-top: 20px;
}
.question-a-cont .panel-body{
    border-top-color: #eeeeee!important;
    background: #fafafa;
}
.question-a-cont .panel-body p{
    padding-left: 20px;
    line-height: 28px;
}
.question-a-cont .panel-body p.ques-user{
    color: #666666;
}
.question-a-cont .panel-body p.answer{
    color: #40be01;
}

/*在线申请页面-----------------------------------------------------*/
.new-online {
    background: url("../img/pro-update-ico.png") 20px center no-repeat;
}

.new-online:after {
    content: '在线申请';
}
.new-btn-grzs ,.new-btn-qyzs ,.new-btn-down ,.new-btn-start{
    height: 240px;
    text-align: center;
    color: #aaa;
    padding-top: 170px;
    font-size: 20px;
    border: 1px solid #eeeeee;
    border-radius: 10px;
    margin-top: 50px;
    margin-bottom: 30px;
    /*font-weight: bold;*/
}
.new-btn-grzs:hover ,.new-btn-qyzs:hover ,.new-btn-down:hover ,.new-btn-start:hover{
    border: 1px solid #56acee;
    color: #56acee;
}
.new-btn-grzs{
    background: url("../img/new-grzs.png") center 40px no-repeat;
}
.new-btn-qyzs{
    background: url("../img/new-qyzs.png") center 40px no-repeat;
}
.new-btn-down{
    background: url("../img/new-btn-down.png") center 10px no-repeat;
}
.new-btn-start{
    background: url("../img/new-btn-start.png") center 10px no-repeat;
}

.new-user-know{
    height: 280px;
    padding: 20px 50px;
}
.new-user-know p{
    line-height: 30px;
}
.user-know-bt{
    font-size: 18px;
    color: #ff6600;
    font-weight: bold;
}
.user-know-1{
    text-indent: 2em;
    color: #888888;
}
.user-know-2{
    text-indent: 4em;
    color: #ff6600;
    line-height: 28px;
}

/*3--申请表单*/
.font-normal label{
    font-weight: normal;
    color: #888888;
}
.form-label-padding{
    padding: 0 10px;
}
.form-label-padding .row{
    margin: 10px 0;
}
.form-label-padding label{
    color: #888;
    font-weight: normal;
}

/*4--资质上传*/
.up-id ,.up-group ,.up-new ,.up-more{
    line-height: 40px;
    padding-left: 50px;
    margin-bottom: 20px;
}
.up-id{

    background: url("../img/up-id.png") left center no-repeat;
}
.up-group{
    background: url("../img/up-group.png") left center no-repeat;
}
.up-new{
    background: url("../img/up-new.png") 3px center no-repeat;
}
.up-more{
    background: url("../img/up-more.png") 3px center no-repeat;
}
/*5--人脸识别*/
.online-camera{
    height: 498px;
    width: 638px;
    position: relative;
    margin: 30px auto 10px;
    border: 1px solid #dddddd;
}
.online-camera img{
    margin-top: 100px;
}

/*6--用户信息*/
.online-info-bt{
    height: 44px;
    line-height: 44px;
    background: #ecf7ff;
    font-size: 16px;
    font-weight: bold;
    padding-left: 50px;
}
.online-info-1{
    background: url("../img/online-info-1.png") 10px center no-repeat #ecf7ff;
}
.online-info-2{
    background: url("../img/online-info-2.png") 10px center no-repeat #ecf7ff;
}
.online-info-3{
    background: url("../img/online-info-3.png") 10px center no-repeat #ecf7ff;
}
.form-new-online .bt-bottom{
    color: #888;
}
.form-new-online .bt-top{
    font-weight: bold;
    font-size: 20px;
    padding-top: 20px;
    color: #56acee;
}
.form-new-online{
    line-height: 34px;
    color: #666;
}
.form-new-online .online-border{
    border-left: 1px solid #EEEEEE;
}

/*在线查询*/
.online-search{
    height: 200px;
    background: url("../img/online-search.png") center no-repeat;
}
/*个人证书图标*/
.form-update-cont > .form-cert-user {
    background: url("../img/form-cert-user.png") 10px center no-repeat;
}

/*企业证书图标*/
.form-update-cont > .form-cert-comp {
    background: url("../img/form-cert-comp.png") 10px center no-repeat;
}

/*KEY图标*/
/*海泰kEY(银)*/
.key-ht {
    background:10px center no-repeat #605e5e;
}

/*!*飞天kEY(红)*!
.key-ft1 {
    background: url("../img/key/key-ft1.png") 10px center no-repeat #d14836;
}

!*飞天KEY（蓝）*!
.key-ft2 {
    background: url("../img/key/key-ft2.png") 10px center no-repeat #6699cc;
}*/
/*解锁提醒*/
.tabCont {
    text-align: left;
    color: #f39a00;
    line-height: 40px;
}
/*验证码按钮*/
.telBtn {
    display: block;
    text-align: center;
    width: 140px;
    height: 40px;
    line-height: 40px;
    border-radius: 4px;
    color: #fff;
    background: #48b932;
}

.classify{
    /*        border: 2px red solid;*/
    width:100%;
    height: auto;
    zoom:1;
    overflow:hidden;
}
.itemContent{
    /*border: 1px #000000 solid;*/
    width:40%;
    margin:1%;
    float: left;
}
.itemContent .itemTitles{
    /*border: 1px blue solid;*/
    overflow: hidden;
    width: 38%;
    height:30px;
    line-height:20px;
    display: block;
    float: left;
}
.userInfoShow{
    display: none;
}
.fileBox{
    border: 1px solid #999;
    float: left;
    margin: 1.15%;
    height: 225px;
    text-align: center
}
.fileBox p{
    color:#19abb4
}
.fileImgBox{
    border: 1px solid #ccc;
    width: 80%;
    height: 60%;
    margin: 0 auto;
}
.fileBtnPanel{
    display: flex;
    justify-content: space-between;
    width: 80%;
    margin: 5px auto;
}
.btnLi{
    width: 48%;
}