/*********************慧飞证书在线查询************************/
/*页面主体部分*/
.main_one{ width: 100%; padding: 80px 0 50px; height: auto; background:#f9f9f9 url(../images/NewBack.png) center top no-repeat;}
.main_one .mainCenter{ width: 1000px; margin: 0 auto; background: #fff; padding: 60px;}
.mainLogo{ padding-bottom: 40px; margin: 0 auto; width: 675px; height: auto;text-align: center;}
.mainLogo img{ height: auto;}
.title_one{font-weight: bold; position: relative; height: 77px; padding-bottom: 3px; line-height: 74px; text-indent: 8px; font-size: 36px; color: #1e1e1e; text-align: center;}
.title_one i{ display: block; width: 15px; height: 3px; background: #000; position: absolute; bottom: 0; left: 50%; margin-left: -7px;}
/*输入编号区*/
.inputArea{ position: relative; width: 520px; margin: 40px auto 0; height: auto; }
.inputArea input{border:none;}
.inputArea .areaTxt{ width: 360px; height: 44px; float: left; line-height: 44px; border-bottom: 1px solid #e5e5e5; padding: 0 20px; font-size: 14px; color: #aaaaaa;}
.inputArea .areaBut{cursor: pointer; width: 150px; padding-left: 30px; float: right; height: 44px; background: #00adec url(../images/NewIco_hov.png) 35px 15px no-repeat; font-size: 14px; color: #fff;}
.inputArea .areaBut:hover{ background: #1e1e1e url(../images/NewIco_hov.png) 35px 15px no-repeat; color: #fff;}
.inputArea .Validform_checktip{ padding: 0 20px; position: absolute; left: 0; bottom: -32px; width: 100%; height: 32px; line-height: 32px; font-size: 12px; color: #ff0000;}
.inputArea .areaBut1{background: #eee url(../images/NewIco7.png) 35px 16px no-repeat;}
.inputArea .areaBut1:hover{ background: #00adec url(../images/NewIco7_hov.png) 35px 16px no-repeat; color: #fff;}

/*注意事项*/
.atten{ width: 520px; height: auto; margin: 70px auto 0;}
.title_two{ height: 42px; line-height: 42px; font-size: 18px; color: #1e1e1e;}
.atten ol{list-style:decimal;padding-left:20px;}
.atten li{ line-height: 20px; font-size: 12px; color: #666;list-style:inherit;margin-bottom:10px;}
.atten a{color: #00adec;}
/*编号不正确提示*/
.titleThree{ padding-top: 15px; text-align: center; line-height: 30px;}
.deskDiv{ display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: rgba(0,0,0,0.4); z-index: 120;}
.promptInfor{ display: none; width: 450px; height: auto; position: absolute; top: 0; left: 50%; margin-left: -225px; background: #fff; box-shadow: 0 0 5px rgba(0,0,0,0.1); z-index: 130;}
.promptInfor i{ display: block; padding-top: 52px;}
.promptInfor img{ display: block; margin: 0 auto;}
.promptInfor h4{ line-height: 24px; padding: 170px 20px 0; text-align: center; font-weight: normal; font-size: 16px;}
.promptInfor h4 a{ color: #00adec; display: inline-block;}
.promptInfor p.jump{ margin-top: 30px; background: #eee; line-height: 50px; padding: 0 20px; text-align: center; font-size: 12px; color: #1e1e1e;}
.promptInfor p.jump span{ color: #f12727;}
.promptInfor p.proP{text-align: center; line-height: 30px; font-size: 16px; color: #fe0000;}
.promptInfor p.proP:hover{background:#fff;}
.promptInfor .proImg{ display: block; margin: 22px auto 12px;}
/*********************证书在线查询************************/
.mainImg{ width: 332px; height: auto; margin: 0 auto; padding: 20px 0;text-align:center;}
.mainImg img{ display: inline-block; width: auto; height: auto;}
.inputArea .noSpan{display: block; height: 24px; width: 60px; text-align: center; border-right: 1px solid #e5e5e5; line-height: 24px; position: absolute; left: 0; top: 10px; font-size: 18px; color: #1e1e1e;}
.inputArea_one .areaTxt{ padding-left: 75px;}
/*********************慧飞证书在线查询详情页************************/
.main_two{ width: 100%; padding: 80px 0; height: auto; background:#f9f9f9 url(../images/NewBack.png) center top no-repeat;}
.main_two .mainCenter{ width: 1200px; margin: 0 auto; background: #fff; padding: 60px 0;}
.main_two h1,.main_two h2,.main_two h3,.main_two h4,.main_two h5,.main_two h6{ font-weight: normal;}
.main_two input, .promptInfor input{border:none;}
/*证书*/
.certifiOne{ width: 900px; position: relative; height: 638px; margin: 20px auto 0;}
.certifiOne .printImg{ width: 100%; height: auto;}
.certifiOne .certiDiv{ position: absolute; top: 0; left: 0; width: 100%; height: auto; padding: 56px 50px 45px;}
.certifiOne h1{line-height: 40px; text-indent: 12px; letter-spacing: 12px; font-size: 16px; color: #666666; text-align: center;}
.certifiOne h2{ line-height: 56px; text-indent: 18px; letter-spacing: 16px; font-size: 36px; color: #5e6a5e; text-align: center;font-weight: bold;}
.certifiOne .tit2{color: #385B80;}
.certifiOne h3{ margin-top: 10px; line-height: 20px; text-indent: 2px; letter-spacing: 2px; font-size: 10px; color: #666666; text-align: center;}
.certifiInfor{ width: 560px; margin-left: 92px; height: auto;}
.certifiInfor .cerLeft{ margin-top: 38px; float: left; position: relative; width: 120px; height: auto; border: 1px solid #e5e5e5;}
.certifiInfor .cerLeft img{ display: block; width: 100%; height: 158px;}
.certifiInfor .cerLeft i{position: absolute; right: -68px; bottom: -70px; display: block; width: 149px; height: 120px;}
.certifiInfor .cerLeft i img{ display: block; width: 149px; height: 120px;}
.certifiInfor .cerLeft>em{position:absolute;padding:.25rem;font-size:12px;top:0;left:0;right:0;text-align:center;opacity:.5;}
.certifiInfor .cerLeft>span{position:absolute;padding:.25rem;font-size:12px;bottom:0;left:0;right:0;text-align:center;background-color:rgba(23,42,136,.5);color:#fff;cursor:pointer;}
.certifiInfor .cerRight{float: right;  width: 422px; height: auto;}
.certifiInfor .cerRight ul{ width: 100%; float: left;}
.certifiInfor .cerRight ul li{ padding-top: 10px; width: 100%; height: auto; float: left;}
.certifiInfor .cerRight ul li .liL{ padding-top: 5px; width: 122px; height: auto; float: left;}
.certifiInfor .cerRight ul li .liR{ border-bottom: 1px solid #aaaaaa;font-size: 14px; color: #666; width: 300px; text-align: center; height: auto; float: right;}
.certifiInfor .cerRight ul li .liL span{text-indent: 0; letter-spacing: 16px; height: 22px; line-height: 22px; display: block; font-size: 14px; color: #666666;}
.certifiInfor .cerRight ul li .liL em{height: 18px; line-height: 18px; display: block; font-size: 12px; color: #666666; font-style: normal;}
.certifiInfor .cerRight ul li .liL em.course{transform: scale(0.85);-webkit-transform: scale(0.85);margin-left:-10px;}
.certifiInfor .cerRight ul li .liR h6{height: 44px; line-height: 44px; font-size: 14px;}
.certifiInfor .cerRight ul li .liR h6 em{ font-style: normal; display: inline-block; padding-left: 10px;}
.certifiInfor .cerRight ul li .liR span{ display: block; line-height: 22px;}
.certifiInfor .cerRight ul li .liR h4{ line-height: 22px;font-size:13px;}
.certifiInfor .cerRight ul li .liR h5{font-size: 14px; height: 44px; line-height: 44px;}
.cerTitle1{line-height: 20px; padding-top: 35px; text-align: center; font-size: 14px; color: #666;}
.cerTitle2{line-height: 16px;text-align: center;color: #666;white-space: nowrap;font-size:12px;margin-left:-48px;-webkit-transform: scale(0.65);transform: scale(0.65);}
.cerTitle3{line-height: 16px;text-align: center;color: #666;white-space: nowrap;font-size:12px;margin-left:-75px;-webkit-transform: scale(0.70);transform: scale(0.70);}
.cerId{ width: 322px; height: auto; margin: 0 auto;}
.cerId ul{ width: 100%; overflow: hidden;}
.cerId ul li{ /*padding-top: 10px;*/ width: 100%; height: auto; float: left;}
.cerId ul li .liL span{text-indent: 0; letter-spacing: 16px; height: 22px; line-height: 22px; display: block; font-size: 14px; color: #666666;}
.cerId ul li .liL em{text-indent: 1px; letter-spacing: 1px; height: 18px; line-height: 18px; display: block; font-size: 12px; color: #666666; font-style: normal;}
.cerId ul li .liL{ padding-top: 5px; width: 122px; height: auto; float: left;}
.cerId ul li .liR{ border-bottom: 1px solid #aaaaaa;font-size: 14px; color: #666; width: 200px; text-align: center; height: auto; float: right;}
.cerId ul li .liR h5{font-size: 14px; height: 44px; line-height: 44px;}
.cerImg{ width: 293px; height: auto; margin: 24px auto 0;}
.cerImg img{ display: block; width: 100%; height: auto;}
.djcximg{width:255px;margin:9px auto 0;}
.djcximg img{    max-width: 255px;}
.cerimg3{width:168px;margin:21px auto 0;}
.cerimg3 img{max-width: 168px;}
.certglobal{position:absolute;top:250px;left:60px;right:60px;bottom:95px;color:#3E5770;}
.certglobal.student{color:#59625A;}
.certglobal>strong{display:block;font-size:48px;text-align:center;text-transform:uppercase;font-style:italic;font-family: 'Times New Roman';}
.certglobal>ul{position:absolute;bottom:84px;left:382px;list-style:none;font-size:14px;}
.certglobal>ul>li{padding-top:20px;text-align:center;min-width:176px;border-bottom:dashed 1px #3E5770;}
.certglobal>ol{position:absolute;left:80px;bottom:0;font-size:14px;}
.certglobal>ol>li{display:inline-block;text-align:center;border-bottom:dashed 1px #3E5770;font-style:italic;font-family: 'Times New Roman';}
.certglobal>ol>li:first-child{width:92px;}
.certglobal>ol>li:last-child{margin-left:142px;width:150px;}
.certglobal.student>ul>li,.certglobal.student>ol>li{border-color:#59625A;}
/*课程信息*/
.title_three{margin-bottom: 25px; width: 100%; height: 53px; padding-bottom: 3px; line-height: 50px; text-align: center; position: relative; font-size: 24px; color: #00adec;}
.title_three i{ display: block; width: 15px; height: 3px; background: #00adec; position: absolute; bottom: 0; left: 50%; margin-left: -7px;}
.courseInfor{ width: 1000px; margin: 0 auto;}
.courseInfor .infroTable{ height: auto;}
.courseInfor .infroTable tr th{ text-align: center; font-weight: normal; background: #00adec; font-size: 16px; color: #fff;}
.courseInfor .infroTable tr th span{ line-height: 24px; display: block; padding: 13px 10px;}
.courseInfor .infroTable tr td{border: 1px solid #eeeeee; text-align: center; font-size: 14px; color: #1e1e1e;}
.courseInfor .infroTable tr td span{ line-height: 24px; display: block; padding: 15px 10px;font-size:12px;}
.courseInfor .infroTable .remake{font-size: 14px;background-color: transparent;}
.order-detail{display: flex;padding: 0 10px;background-color: #ECECEC;font-size: 12px;}
.order-detail>p{display: flex;align-items: center;}
.order-detail>p .txt-red{color: #f00;}
.order-issues{display: flex;justify-content: center;}
.order-issues>div{width: 50%;padding: 30px 0 20px;text-align: center;}
.order-issues>div:nth-child(2){border-left: 1px solid #eeeeee;}
.order-issues-text{padding: 0 10% 0 20%;margin: 0 auto;text-align: left;line-height: 1.6;}
.order-issues p{font-size: 12px;}
.order-issues button{color: #fff;border: none;padding: 5px 15px;margin-bottom: 10px;}
.order-issues button.btn-upload{background-color: #f00;}
.order-issues button.btn-invoice{background-color: #00adec;}
.look-border{border: none !important;padding: 5px 0 15px 0;}
.order-pulldown,.order-pulldown2{display: none;}
.order-pulldown p,.order-pulldown2 p{color: #00adec;}
.courseInfor .infroTable tr td .order-detail span{padding: 10px 20px 10px 0; font-size: 12px !important;}
.btnOne{ padding-top: 50px; width: 100%; height: auto; text-align: center;}
.btnOne a{ display: inline-block; margin: 0 10px; text-align: center; padding:0 20px; height: 44px; background: #eee; font-size: 14px; color: #1e1e1e; line-height: 44px;}
.btnOne a span{ display: inline-block; padding-left: 25px;}
.btnOne a.ico1 span{ background: url(../images/NewIco.png) 0 15px no-repeat;}
.btnOne a.ico2 span{ background: url(../images/NewIco4.png) 0 15px no-repeat;}
.btnOne a.ico3 span{ background: url(../images/NewIco5.png) 0 15px no-repeat;}
.btnOne a:hover{ background: #00adec; color: #fff;}
.btnOne a.ico1:hover span{background: url(../images/NewIco_hov.png) 0 15px no-repeat}
.btnOne a.ico2:hover span{background: url(../images/NewIco4_hov.png) 0 15px no-repeat}
.btnOne a.ico3:hover span{background: url(../images/NewIco5_hov.png) 0 15px no-repeat}
.prompt_one{ padding-top: 14px; line-height: 24px; font-size: 12px; color: #1e1e1e; text-align: center;}
/* 续签考试 */
.renew-title{font-size: 16px;color: #00adec;text-align: center;margin: 1em 0 1.5em 0;background-color: #fff;line-height: 1em;height: 0.6em;border-bottom: 1px solid #00adec;}
.renew-title>span {display: inline-block;line-height: 1;background-color: inherit;padding: 0 1em;margin: 0 1em;}
.renew-exam-result tr th>span, .renew-exam-result tr td>span {line-height: 24px;display: block;text-align: center;}
.renew-exam-result tr th>span {padding: 13px 10px;}
.renew-exam-result tr td, .renew-exam-result tr th {border-bottom: 1px solid #eeeeee;}
.renew-exam-result tr td{padding: 5px 0;}
.pulldown{display: none;text-align: center;}
.renew-drop{text-align: center;}
.renew-drop>p{color: #f00;font-size: 14px;padding: 5px 0;}
/*********************证书在线查询详情页************************/
.associTab{ width: 700px; height: auto; margin: 20px auto 0;}
.associTab .div_menu{ width: 300px; height: 44px; overflow: hidden; margin: 30px auto 0;}
.associTab .div_menu span{cursor: pointer; display: block; width: 50%; height: 44px; text-align: center; background: #eee; line-height: 44px; float: left; font-size: 14px; color: #1e1e1e;}
.associTab .div_menu span.select{ background: #00adec; color: #fff;}
.hide{ display: none;}
/*正面*/
.associTab .div_box{ width: 650px; height: 330px; position: relative;}
.associTab .assDiv{ height: 330px; position: absolute; left: 0; top: 0; width: 100%; z-index: 9;}
.associTab .assDiv.hideAss{ z-index: 8;}
.positive{ position: relative; width: 100%; height:290px;}
.positive .posiImg{ width: 100%; height: auto; display: block;border-radius:.5rem;box-shadow:0 0 10px 3px rgba(0,0,0,.1);}
.positive .positiveDiv{ padding: 10px 18px; width: 100%; height:290px; position: absolute; top: 0; left: 0;}
.positive .positiveDiv>strong{display:block;text-align:center;margin-top:72px;font-size:18px;font-weight:300;height:30px;line-height:30px;overflow:hidden;}
.positive .positiveDiv>img{float:left;margin:20px 30px 0px 15px;}
.positive .positiveDiv>ul{margin-top:12px;}
.positive .positiveDiv>ul>li{color:#172A88;font-size:14px;padding-top:6px;}
.positive .positiveDiv>ul>li>em{color:#231815;margin-left:15px;}
.positive .positiveDiv>ul>li>em.fcr{color:#E6081F;}
.positive .positiveDiv>ul>li>em.upper{text-transform:uppercase;}
.positive .tivetop{ width: 100%; height: auto;margin-top:10px;}
.positive .tivetop img{margin-left: 10px; display: block; width: 100px; float: left;}
.positive .tivetop .tivetopRight{ text-align: right; width: 288px;float: right;}
.positive .tivetop .tivetopRight h5{ line-height: 1; font-size: 16px; color: #000;}
.positive .tivetop .tivetopRight p{ line-height: 1; font-size: 13px; color: #000;}
.positive h1{ margin-top: 48px; text-align: center; height: 38px; line-height: 38px; font-size: 14px; color: #010101; }
.positive h1 span{font-size: 12px;}
.positive .tiveInfor{ margin-top: 13px; width: 100%; height: auto;}
.positive .tiveInfor .tiveInLeft{float: left; width: 110px; height: 149px;position:relative;}
.positive .tiveInfor .tiveInLeft img{ display: block; width: 100%; height: 149px;border:solid 1px #eee;}
.positive .tiveInfor .tiveInLeft>em{position:absolute;padding:.25rem;font-size:12px;top:0;left:0;right:0;text-align:center;opacity:.5;}
.positive .tiveInfor .tiveInLeft>span{position:absolute;padding:.25rem;font-size:12px;bottom:0;left:0;right:0;text-align:center;background-color:rgba(23,42,136,.5);color:#fff;cursor:pointer;}
.positive .tiveInfor .tiveInRight{ width: 290px; float: left; height: auto;position: relative;}
.positive .tiveInfor .tiveInRight ul{ width: 100%; height: auto; float: left;}
.positive .tiveInfor .tiveInRight ul>li>label>div>p{width:420px;transform: scale(0.7);text-indent:-75px;line-height:1;}
.positive .tiveInfor .tiveInRight ul.tiveBig{margin-left: 48px;margin-top:1px;}
.positive .tiveInfor .tiveInRight ul.tiveBig>li>label>p{font-size:12px;transform: scale(0.7);width:335px;text-indent:-70px;}
.positive .tiveInfor .tiveInRight ul li:first-child{padding-top: 3px;}
.positive .tiveInfor .tiveInRight ul li:nth-child(2){position: absolute; top: 35px;}
.positive .tiveInfor .tiveInRight ul>li:last-child{position: absolute; top: 69px;}
.positive .tiveInfor .tiveInRight ul.tiveBig.global li{position: initial;}
.positive .tiveInfor .tiveInRight ul.utc_auth1>li:first-child{padding-top: 10px;}
.positive .tiveInfor .tiveInRight ul.utc_auth1 li:nth-child(2){top: 40px;}
.positive .tiveInfor .tiveInRight ul.utc_auth1>li:last-child{top: 71px;}
.positive .tiveInfor .tiveInRight ul.utc_auth2 li:first-child{position: absolute; top: -6.5px;}
.positive .tiveInfor .tiveInRight ul.utc_auth2 li:nth-child(2){top: 22px;}
.positive .tiveInfor .tiveInRight ul.utc_auth2>li:last-child{top: 48px;}
.positive .tiveInfor .tiveInRight ul li{ width: 100%; height: auto; float: left;position: relative;}
.positive .tiveInfor .tiveInRight ul li label{ display: block; float: left; font-size: 12px; color: #172a88;}
.positive .tiveInfor .tiveInRight ul li label span{ display: inline-block; color: #1e1e1e;}
.positive .tiveInfor .tiveInRight ul li:first-child label{color: #1e1e1e;line-height: 1.2;}
.positive .tiveInfor .tiveInRight ul li:first-child label span{padding: 0;}
.positive .tiveInfor .tiveInRight ul li label em{ display: inline-block; font-style: normal; color: #ff0000;}
.positive .tiveInfor .tiveInRight ul li label h2,.associTab .positive .tiveInfor .tiveInRight ul li label p{line-height: 16px; font-size: 12px; color: #1e1e1e;}
.positive .tiveInfor .tiveInRight ul li label h2{ margin-top: 6px;}
.positive .tiveInfor .tiveInRight ul li label.ico2{position: absolute;left: 95px;}
.positive .tiveInfor .tiveInRight ul li label.ico3{ position: absolute;left: 165px;}
.tiveBig.global{margin-left:138px!important;margin-top:8px!important;width:150px !important;}
.tiveBig.global>li{padding-bottom:13px!important;}
.tiveBig.global>li:last-child{padding-top:1px!important;}
.tiveBig.global>li>label{color:#333!important;}
.tiveBig.global>li>label.certno{color:#f00!important;}
/*反面*/
.reverseOne{ position: relative; width: 100%; height: 290px;}
.reverseOne .reverImg{ display: block; width: 100%; height: auto;border-radius:.5rem;box-shadow:0 0 10px 3px rgba(0,0,0,.1);}
.reverseOne .reverDiv{ width: 100%; height: 280px; padding: 40px 32px; position: absolute; left: 0; top: 0;}
.reverseOne p{ position: relative; padding-left: 26px; margin-bottom: 10px; font-size: 12px; color: #1e1e1e;}
.reverseOne p span{ display: block; height: 22px; line-height: 22px; position: absolute; left: 0; top: 0;}
/*********************证书在线续签-待付款************************/
.stayImg{ padding-top: 40px;}
.stayImg img{ display: block; margin: 0 auto; height: auto;}
.stayTxt{ padding: 18px 0; text-align: center; line-height: 30px; font-size: 24px; color: #00adec;}
.stayBut{width: 1000px; margin: 0 auto;padding: 8px 0 20px; text-align: center;}
.line_one{ width: 1000px; padding-top: 10px; margin: 0 auto; border-bottom: 1px solid #e5e5e5;}
.main_two .btnDiv{ display: inline-block; width: 150px; height: 44px; background: #eee; font-size: 14px; color: #ff0000; line-height: 44px; text-align: center;}
.main_two .btnDiv:hover{ background: #00adec; color: #fff;}
.attenOne{ width: 1000px;height: auto; margin: 10px auto 0;}
.attenOne p{line-height: 30px; font-size: 14px; color: #666;}
.attenOne p span{ color: #333;}
.atten a{color: #00adec;}
.attenOne .title_two{ height: 42px; line-height: 42px; font-size: 16px; color: #00adec;font-weight: bold;}
/*********************证书在线续签-待付款************************/
.cnId{ padding: 25px 0 15px; width: 260px; height: auto; margin: 0 auto;}
.cnId p{ padding: 10px 0; font-size: 14px; color: #666; line-height: 22px;}
.cnId p span{display: inline-block; margin-right: 20px; width: 92px; text-align: right; color: #152d7a;}
.cnId p em{ font-style: normal; color: #ff0000;}
.cntxt{ margin-top: 20px; padding: 7px 0; line-height: 20px; text-align: center; font-size: 14px; color: #666;}
.cntxt span{ color: #152d7a;}
/*********************证书在线续签-条款阅读************************/
.title_one1{ padding-bottom: 10px; line-height: initial; font-size: 24px; height: auto; text-indent: 2px; letter-spacing: 2px;}
.title_one1 em{font-weight: bold; display: block; font-style: normal; line-height: 42px;}
.title_one1 span{ line-height: 36px; display: block; font-size: 18px; color: #666;}
.termsDiv{ width: 984px; height: 360px; padding-right: 34px; margin: 44px auto 0;}
.termsDiv p{ margin-bottom: 20px; font-size: 14px; color: #666; line-height: 20px;}
.termsDiv p span{ color: #1e1e1e;}
.lineDiv{ border-bottom: 1px solid #e5e5e5; padding-top: 10px; width: 1000px; margin: 0 auto;}
.divBtn{ padding-top: 60px; width: 100%; text-align: center; height: auto;}
.divBtn a,.divBtn input{cursor: pointer; display: inline-block; width: 252px; height: 50px; line-height: 50px; background: #00adec; font-size: 14px; color: #fff;}
.divBtn a:hover,.divBtn input:hover{ background: #0096cc;}
.tersTxt{ padding-top: 15px; line-height: 24px; text-align: center; font-size: 14px; color: #1e1e1e;}
.promptInfor p.proP1{ margin-top: 30px; background: #00adec; line-height: 50px; padding: 0 20px; text-align: center; font-size: 14px; color: #fff;}
.promptInfor p.proPay{text-align: center; line-height: 30px; font-size: 16px; color: #1e1e1e;}
/*********************证书在线续签-信息提交页面************************/
.inforTxt{width: 920px; margin: 0 auto; padding-top: 24px; line-height: 24px; text-align: center; font-size: 14px; color: #1e1e1e; text-align: center;}
.inforTxt span{ color: #00adec;}
.inforMain{ padding-top: 36px; width: 920px; height: auto; margin: 0 auto;}
.title_four{ padding-left: 45px; position: relative; height: 46px; line-height: 46px; border-bottom: 1px solid #00adec; font-size: 18px; color: #00adec;}
.title_four i{ display: block; position: absolute; top: 11px; left: 10px; width: 24px; height: 24px;}
.title_four i img{ display: block; width: 24px; line-height: 24px;}
.inforMain ul{float: left; padding: 5px 0 0; margin-left: 10px; width: 520px; height: auto; overflow: hidden;}
.inforMain ul li{ padding: 1px 0; width: 100%; height: auto; float: left;}
.inforMain ul li label{height: 40px; line-height: 40px; width: 80px; font-weight: bold; text-align: right; display: block; float: left; font-size: 14px; color: #1e1e1e;}
.inforMain ul li span{margin-left: 10px; height: 40px; line-height: 40px; display: block; float: left; font-size: 14px; color: #666;}
.inforMain ul li span.zsId{ color: #00adec;}
.inforMain ul li p{line-height: 40px; font-size: 12px; color: #666;}
.inforMain ul li p em{ font-style: normal; color: #ff0000;}
.inforMain ul li p strong{ font-weight: normal; color: #00adec;}
.upload{margin-top: 20px; width: 155px; height: auto; float: right;}
.upload i{ display: block; border: 2px solid #e5e5e5;}
.upload i img{ display: block; width: 100%; height: 176px;}
/*上传图片*/
/*.upload .messages{ width:100%; margin-top: 10px; height: 36px; float: left; position: relative;  }
.upload .messages input{ text-indent: 0px; }
.upload .messages .input{ width:100%; height: 36px; }
.upload .messages .liulan{ width:100%; padding-left: 28px; background: url(../images/NewIco19.png) 15px center no-repeat; height: 36px; line-height:32px; cursor: pointer; font-size: 14px; color: #1e1e1e; }
.upload .messages .files{ cursor:pointer; width:100%; height: 36px; filter: Alpha(opacity=0); -moz-opacity:0; opacity:0; }*/
.upload .Thumblistbg { margin-top: 14px; width:100%; height: auto; padding-bottom: 36px; float: left; overflow: hidden; position: relative;}
.upload .Thumblistbg #fileImage1 { opacity: 0; position: absolute; left: 0; bottom: 0; background: none; width: 100%; height: 36px;  z-index: 9; cursor: pointer;}
.upload .Thumblistbg span{ cursor: pointer; display: block; height: 36px; padding-left: 38px; background: url(../images/NewIco19.png) 15px center no-repeat; line-height:36px; cursor: pointer; font-size: 14px; color: #1e1e1e; width: 100%; position: absolute; left: 0; bottom: 0; z-index: 8;}
.upload span.Validform_checktip{color:#f00;display:block;text-align:center;font-size:12px;}

.inforMain .inforUl{ width: auto; padding: 2px 45px 0; float: initial; margin: 0}
.inforMain .inforUl li{position: relative; padding: 18px 0;}
.inforMain .inforUl li .inforText{margin-left: 10px; width: 300px; height: 40px; border: 1px solid #e5e5e5; padding: 8px 10px; line-height: 22px; font-size: 14px; color: #666; float: left;}
.inforMain .inforUl li .inforText.mg{margin-right: 15px;}
.inforMain .inforUl li select.inforText{padding: 10px 16px;background: url(../images/Bico8.png) 96% center no-repeat;}
.inforMain .inforUl li .inforText:hover{ border: 1px solid #00adec;}
.inforMain .inforUl li .inforTextno{border:none;pointer-events:none;width: 170px;}
.inforMain .inforUl li .inforTextno.mg{margin-right: 0;}
.txt-number>input{height: 38px;}
.inforMain .inforUl li .Thumblistbg { margin-top: 14px; width:300px; height: 225px;float: left; overflow: hidden; position: relative;}
.inforMain .inforUl li .Thumblistbg img{ width: 100%; height: 100%;}
.inforMain .inforUl li .Thumblistbg #fileImage { opacity: 0; position: absolute; left: 0; top: 0; background: #eee; width: 100%; height: 100%;  z-index: 9; cursor: pointer;}
.inforMain .inforUl li .uploadInstru{width: 500px; margin-top: 14px; float: left; margin-left: 30px;}
.inforMain .inforUl li .uploadInstru h4{height: 36px; line-height: 36px; font-weight: bold; font-size: 16px; color: #1e1e1e;}
.inforMain .inforUl li .uploadInstru p{ line-height: 30px;}
.inforMain .inforUl li .uploadInstru .divBtn{ text-align: left; padding: 5px 0;}
.inforMain .inforUl li .uploadInstru .divBtn a{ text-align: center; border-radius: 5px; width: 115px; height: 30px; line-height: 30px; font-size: 12px;}
.inforMain .inforUl li .Validform_checktip{padding: 0 11px; position: absolute; left: 80px; top: 58px; height: 32px; line-height: 32px; font-size: 12px; color: #ff0000;}
/*.inforMain .inforUl li .jumpBox1{ display: block;}*/
.inforMain .inforUl li .inforBut{cursor: pointer; width: 120px; background: #00adec; float: left; margin-left: 20px; height: 40px; font-size: 14px; color: #fff;}
.inforMain .inforUl li .divBtn input{ background: #00adec; color: #fff;}
.inforMain .inforUl li .divBtn input:hover,.inforMain .inforUl li .inforBut:hover{ background: #0096cc; color: #fff;}
/*身份证样例*/
.cardId{ width: 100%; height: auto; }
.cardId img{ display: block; width: 100%;}
.cardId p{ padding: 14px 0; line-height: 24px; background: #eee; font-size: 14px; color: #1e1e1e; text-align: center;}
.closeOne{cursor: pointer; position: absolute; top: -17px; right: -17px; display: block; width: 36px; height: 36px; background: url(../images/NewClose.png) no-repeat; background-size: 100%;-moz-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in;}
.closeOne:hover{ transform:rotate(180deg); -ms-transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); -o-transform:rotate(180deg);}
.uploadFile{margin-top: 30px; padding: 0; background: #00adec;}
.uploadFile input{width: 100%; height: 60px; background: #00adec; font-size: 14px; color: #fff;}
.uploadFile input:hover{ background: #0096cc; color: #fff;}
.confirmation{margin-top: 30px; padding: 0; background: #eee;}
.confirmation input{ width: 50%; color: #1e1e1e;}
.confirmation .submitBtn{ background: #00adec;color: #fff;}
.confirmation .againBtn{ background: #eee;}
.confirmation .submitBtn:hover{ background: #0096cc; color: #fff;}
.confirmation .againBtn:hover{ background: #ddd;}
.promptInfor p.confirP{text-align: center; font-size: 16px; color: #1e1e1e; line-height: 24px;}
.inforMain .inforUl li .divBtn1{ padding-top: 0;}

.cardutc{width:920px;margin:20px auto;color:#5D6165;}
.cardutc>div:not(:last-child){margin-right:20px;}
.cardback,.cardfront{width:440px;height:290px;position:relative;}
.cardback{float:right;}
.cardtext,.cardinfo{position:absolute;width:100%;height:100%;top:0;padding:30px;font-size:12px;font-weight:normal;}
.cardtext{line-height:2;display:flex;align-items:center;}
.cardinfo{padding-top:79px;}
.cardfront>img,.cardback>img{border-radius:.5rem;box-shadow:0 0 10px 3px rgba(0,0,0,.1);}
.cardinfo>.cardface{float:left;margin:23px 78px 0 0;position:relative;width:110px;height:149px;}
.cardinfo>.cardface>img{border:solid 1px #eee;max-width:110px;max-height:149px;height: 149px;}
.cardinfo>.cardface>em{position:absolute;padding:.25rem;font-size:12px;top:0;left:0;right:0;text-align:center;opacity:.5;}
.cardinfo>.cardface>span{position:absolute;padding:.25rem;font-size:12px;bottom:0;left:0;right:0;text-align:center;background-color:rgba(23,42,136,.5);color:#fff;cursor:pointer;}
.cardinfo>ul{list-style:none;margin-top:30px;}
.cardinfo>ul>li{padding-bottom:20px;line-height:11px;}
.cardinfo>ul>li>span{float:right;width:70px;}
.cardinfo.is-plant{font-family:'SimSun','宋体' !important;color:#010000;font-size:15px;padding:80px 16px 10px 20px;}
.cardinfo.is-plant>.cardface{margin-top:8px;margin-right:86px;}
.cardinfo.is-plant>ul{margin-top:18px;}
.cardinfo.is-plant>ul>li{line-height:14px;padding-bottom:14px;text-decoration:underline;}
.cardinfo.is-plant>ul>li>span{text-decoration:underline;}
.cardinfo.is-plant>i{margin-left:4.75rem;margin-top:0.65rem;font-weight: bold;font-style:normal;display:block;}

.cardinfo.globalcard{padding-top:53px;}
.cardinfo.globalcard>.cardcourse{text-align:center;line-height:26px;opacity:0;}
.cardinfo.globalcard>.cardface{margin:20px 125px 0 0;}
.cardinfo.globalcard>ul{margin-top:29px;}
.cardinfo.globalcard>ul>li{padding-bottom:19px;}
.cardinfo.globalcard>ul>li:nth-child(4){color:#f00;}

.cardcni{width:720px;margin:20px auto;color:#717071;}
.cnifront,.cniback{width:350px;height:580px;position:relative;box-shadow:0 0 10px 3px rgba(0,0,0,.1);border-radius:.5rem;text-align: center;}
.cnifront{padding-top:3rem;}
.cnifront>h2{font-size:1.125rem;margin-top:.5rem;}
.cnifront>strong{display: block;margin:1.5rem 0 3rem 0;font-size:1.75rem;letter-spacing:3px;font-weight: 900;}
.cnifront>h1{font-size:1.75rem;font-weight:bolder;}
.cnifront>h1+img{position:absolute;bottom:0;left:50%;transform: translateX(-50%);}
.cniback{float:right;padding-top:8rem;}
.cniback>div{font-weight:bold;}
.cniback>strong{display:block;margin:.25rem 1rem 4rem 1rem;color:#366397;}
.cniback>p{font-size:.875rem;margin-top:.25rem;}
.cniback>img{box-shadow:0 3px 10px 0 rgba(0,0,0,.3);margin-bottom:.25rem;}

.cardcni+.cardutc{padding-top:3rem;}

.cardcni.globalcard>.cnifront{padding-top:3.5rem;}
.cardcni.globalcard>.cnifront>strong{margin:2.5rem 0;letter-spacing:0;font-size:1.375rem;}
.cardcni.globalcard>.cnifront>h1{font-size:1.25rem}
.cardcni.globalcard>.cniback{padding-top:10rem;}
.cardcni.globalcard>.cniback>div{font-size:1.25rem;}
.cardcni.globalcard>.cniback>strong{font-size:.875rem;}

.tabcert>a{display:inline-block;width:100px;border:solid 1px #070e21;border-radius:3px;line-height:34px;text-align:center;}
.tabcert>a.active{background-color: #070e21;color:#fff;}
.tabcert>a:first-child{border-top-right-radius:0;border-bottom-right-radius:0;}
.tabcert>a:last-child{border-top-left-radius:0;border-bottom-left-radius:0;}
@media print{
  .hd-top,.header,.footer,.mainLogo,.courseInfor,.div_menu,.certlogin{display:none !important;}
  .main_two,.main_two .mainCenter{padding:0;}
  .main_two .mainCenter{width:1000px;padding-top:40px;}
  .assDiv.assDiv.hide{display:block!important;margin-top:1rem;}
  .dji-cert>.cardback{display:block!important;margin-top:1rem;}
  .cardutc{margin-top:100px;}
  .cardutc.cni-print{margin-top:-40px!important;margin-bottom:1rem!important;}
  .cardcni{margin-top:0!important;}
}

.arealist{position:absolute;top:70px;left:90px;width:300px;border:solid 1px #ddd;background:#f5f5f5;visibility: hidden;transition:all .3s ease;z-index:2;opacity:0;}
.arealist.active{visibility: visible;top:60px;opacity:1;}
.arealist>.areachoice{font-size:12px;color:#999;margin:5px 0;padding-left: 1rem;}
.arealist>span{position:absolute;top:6px;right:6px;width:16px!important;height:16px!important;line-height:1!important;cursor:pointer;color:#fff!important;background:#999;border-radius:50%;text-align:center;}
.arealist>span:hover{background:#00adec;}
.arealist>ol>li{padding:5px 1rem!important;cursor:pointer;}
.arealist>ol>li.active{color:#00adec;position:relative;background:#fff;}
.arealist>ol>li.active::after{content:"";position:absolute;right:1rem;top:12px;width:10px;height:5px;border-left:solid 1px #00adec;border-bottom:solid 1px #00adec;transform: rotate(-45deg);}
.arealist>.areaset{height:30px;overflow-x:auto;overflow-y:hidden;border-bottom:solid 1px #eee;margin-bottom:5px;background:#fff;padding-left:1rem;}
.arealist>.areaset:empty{display:none;}
.arealist>.areaset>li{display:inline-block;width:auto;color:#00adec;font-size:14px;padding:5px 0!important;}
.arealist>.areaset>li:not(:last-child)::after{content:"/";padding:0 4px;color:#ddd;}
.areadata{height:160px;overflow-y:auto;overflow-x:hidden;}

.btndis{pointer-events:none;opacity:.75;}
#idhandform .Validform_checktip{position:static!important;width:100%;text-align:center;margin:0;padding:0;}
.certinvoice>td>span{display:inline-block !important;text-align:left;}

/*证书中心*/
.cert{display:flex;justify-content:space-between;margin-top:3rem;}
.cert>div{display:flex;flex-direction:column;align-items:center;border:solid 1px rgba(0,0,0,.075);border-radius:.25rem;width:270px;padding:3rem 1rem 1.5rem 1rem;background-color:#fcfcfc;transition:all .5s ease;box-shadow: 0 3px 5px rgba(0,0,0,0.05);}
.cert>div>i{border:solid 2px #02a5e1;border-radius:50%;display:inline-flex;width:150px;height:150px;justify-content:center;align-items:center;box-shadow: 0 3px 5px rgba(36,145,190,0.25);}
.cert>div>i>img{width:80px;height:80px;transform: translateX(40px);transition:all .5s ease;}
.cert>div>i>img:last-child{opacity:0;}
.cert>div>a{margin-top:4rem;width:160px;padding:.75rem;background-color:#00adec;color:#fff;text-align:center;border-radius:2px;}
.cert>div>p{font-size:.75rem;text-align:center;margin:.75rem 0 0 0;}
.cert>div>p>span{color:#f00;}
.cert>div:hover>i{background-color:#edfaff;}
.cert>div:hover>i>img{transform: translateX(-40px);opacity:0;}
.cert>div:hover>i>img:last-child{opacity:1;}

.cert-center{display: flex;justify-content: center;flex-wrap: wrap;}
.cert-label{padding: 5px 25px;background: #00adec;color: #fff;font-size: 20px;border-radius: 2px;}

.renew-note>span{color:#f00;}
/* 证书样式变更公告 */
.Notice{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.4); z-index: 160; display: none; justify-content: center; align-items: center; }
.Notice.active{display: flex;}
.Notice_box{background-color: #fff;width: 450px;text-align: center;margin: 0 auto;}
.Notice_box .titleThree{margin-top: 20px;}
.Notice_box>p{padding: 0 1.25rem;text-indent: 2rem;text-align: left;letter-spacing: 2px;}
.know{display: flex;}
.know>button{width: 50%;height: 50px; font-size: 14px;width: 100%; border: none;margin-top: 1.875rem;background: #eee;color: #1e1e1e;}
.know>button.know_btn{color: #fff;background: #00adec;}