.certificate{width:100%;min-height:calc(100vh - 194px);background-repeat:no-repeat;background-size:cover;position:relative;margin-top:90px;}.certificate .certificate-bg{width:100%;max-width:600px;max-height:427px;margin-top:121px;background:url(/hd/images/cert/pic_cx.png) no-repeat center;image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;-ms-interpolation-mode:nearest-neighbor;}.certificate .certificate-box{margin-top:12%;width:473px;max-width:473px;padding:30px;max-height:378px;position:relative;background-color:#57c2ff;border-radius:10px;flex-shrink:0;}.certificate .certificate-box .certificate-content{height:100%;border-radius:10px;padding:40px 30px 30px;}.certificate .certificate-box .certificate-content .title{font-size:28px;}.certificate .certificate-box .username,.certificate .certificate-box .pwd input{background-color:#efefef;border-radius:6px;opacity:.8;padding:23px 20px;}.certificate .certificate-box .username,.certificate .certificate-box .pwd{margin-bottom:30px;}.certificate .certificate-box .username input:-moz-placeholder,.certificate .certificate-box .pwd input:-moz-placeholder{color:gray;}.certificate .certificate-box .username input::-webkit-input-placeholder,.certificate .certificate-box .pwd input::-webkit-input-placeholder{color:gray;}.certificate .certificate-box .username input:-ms-input-placeholder,.certificate .certificate-box .pwd input:-ms-input-placeholder{color:gray;}.certificate .certificate-box .username{margin-top:27px;}.certificate .certificate-box input{width:100%;border:none;-webkit-box-shadow:none;box-shadow:none;background:inherit;}.certificate .certificate-box input:focus,.certificate .certificate-box input:hover,.certificate .certificate-box input:active{-webkit-box-shadow:none;box-shadow:none;outline:none;}.certificate .certificate-box .certificate-content .pwd .yzm{width:143px;height:50px;font-size:36px;background:url(/hd/images/cert/yzm.png) no-repeat center;background-size:cover;flex-shrink:0;line-height:50px;}.certificate .certificate-box .layui-btn{width:100%;height:68px;font-size:24px;border-radius:6px;}.certificate .certificate-lists{height:100%;min-height:inherit;position:relative;margin-bottom:20px;}.certificate .certificate-lists .awards-container{width:100%;height:auto;min-height:200px;background-color:#fff;box-shadow:inset 0 3px 0 0 #08b2ee;border-radius:8px;}.certificate .certificate-lists .awards-container .head-title span{font-family:MicrosoftYaHei-Bold;font-size:22px;color:#fff;width:222px;height:45px;line-height:45px;background:url(/hd/images/cert/kes.png) no-repeat;background-size:100% 100%;position:absolute;top:-7px;left:50%;transform:translate(-50%,1px);-webkit-transform:translate(-50%,1px);-moz-transform:translate(-50%,1px);-ms-transform:translate(-50%,1px);-o-transform:translate(-50%,1px);}.certificate .certificate-lists .awards-container .awards-content{margin-top:70px;padding:0 68px 46px;}.certificate .certificate-lists .awards-container .awards-content .bor-boxs .bor-box{margin-top:63px;width:calc((100% - 164px) / 3);height:295px;border-radius:6px;background:url(/hd/images/cert/bor_bg.png) no-repeat bottom;box-shadow:0 0 21px rgba(211,211,211,.5);}.certificate .certificate-lists .awards-container .awards-content .bor-boxs .bor-box:not(:nth-of-type(3n+0)){margin-right:82px;}.certificate .certificate-lists .awards-container .awards-content .bor-boxs .bor-box .icon-jiang{width:106px;height:132px;background:url(/hd/images/cert/icon_jiang.png) no-repeat;background-size:100% 100%;z-index:1;position:absolute;top:-45px;left:50%;transform:translate(-50%,1px);-webkit-transform:translate(-50%,1px);-moz-transform:translate(-50%,1px);-ms-transform:translate(-50%,1px);-o-transform:translate(-50%,1px);}.certificate .certificate-lists .awards-container .awards-content .bor-boxs .bor-box .title{font-size:18px;line-height:39px;overflow:hidden;width:100%;padding:0 20px;text-overflow:ellipsis;white-space:nowrap;color:#000;}.certificate .certificate-lists .awards-container .awards-content .bor-boxs .bor-box .tag{width:82px;height:24px;background-color:#ffad4c;border-radius:2px;line-height:24px;color:#fff;text-align:center;margin:10px 0 32px;}.certificate .certificate-lists .awards-container .awards-content .bor-boxs .bor-box .btn-detail{width:130px;height:40px;background-color:#3ed6ae;border-radius:20px;line-height:40px;color:#fff;text-align:center;}.certificate .certificate-lists .awards-container .awards-content .bor-boxs .bor-box .btn-detail:hover{cursor:pointer;opacity:.8;filter:alpha(opacity=80);-webkit-filter:alpha(opacity=80);}.certificate .certificate-lists .awards-container .opus{margin-top:70px;padding:0 20px 20px;}.certificate .certificate-lists .awards-container .opus .item{width:calc((100% - 30px) / 2);line-height:40px;}.certificate .certificate-lists .awards-container .opus .item::before{content:'';display:inline-block;vertical-align:middle;margin-right:15px;width:6px;height:6px;border-radius:50%;background-color:#999;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;}.certificate .certificate-lists .awards-container .opus .item:not(:nth-of-type(2n+0)){margin-right:30px;}.certificate .certificate-lists .awards-container .opus .isJiang{display:inline-block;width:21px;height:25px;background:url(/hd/images/cert/icon_jiang.png) no-repeat;background-size:cover;margin-left:5px;}.certificate .certificate-lists .awards-container .opus a{width:auto;display:inline-block;max-width:calc(100% - 28px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#333;}.certificate .certificate-lists .awards-container .opus a:hover{color:#3ed6ae;}.relative{position:relative;}.margin-lr-auto{width:100%;max-width:1200px;margin-right:auto;margin-left:auto;}.flex{display:flex;display:-webkit-flex;}.flex-wrap{flex-wrap:wrap;}.flex-row{flex-direction:row;}.flex-coumlun{flex-direction:column;}.flex-end{justify-content:flex-end;}.justify-center{justify-content:center;}.space-between{justify-content:space-between;}.align-end{align-items:flex-end;}.align-center{align-items:center;}.margin-top-l{margin-top:20px;}.margin-left-g{margin-left:30px;}.margin-left-s{margin-left:20px;}.bg-white{background-color:white;}.bg-20a0ff{background-color:#3ed6ae;}.color-lightblue{color:#2ba1ff;}.color-999{color:#999;}.color-white{color:#fff;}.font-weight-600{font-weight:600;}.text-center{text-align:center;}.padding-s{padding:20px;}.padding-td-10{padding-top:10px;padding-bottom:10px;}.margin-right-xs{margin-right:10px;}.padding-lr-xxs{padding-left:5px;padding-right:5px;}.margin-top-xs{margin-top:10px;}.margin-top-40{margin-top:40px;}.margin-bottom-xs{margin-bottom:10px;}.border-radius-3{border-radius:3px;}.border-radius-4{border-radius:4px;}.border-radius-8{border-radius:8px;}.text-xs{font-size:13px;}.text-m{font-size:15px;}.color-la{color:#1a1a1a;}.text-right{text-align:right;}.layui-btn{height:38px;line-height:38px;border:1px solid transparent;padding:0 18px;background-color:#009688;color:#fff;white-space:nowrap;text-align:center;font-size:15px;border-radius:2px;cursor:pointer;}.layui-btn-normal{background-color:#1E9FFF;}.layui-btn:hover{opacity:.8;filter:alpha(opacity=80);color:#fff;}.layui-timeline{padding-left:5px;}.layui-timeline-item{position:relative;padding-bottom:20px;}.layui-timeline-title{position:relative;margin-bottom:10px;line-height:22px;}.layui-border-blue{border-color:#3ed6ae!important;color:#3ed6ae!important;}.layui-btn-primary{border-color:#d2d2d2;background:0;color:#666;}