@charset "utf-8";
html,
body {
    min-width: 1180px;
}

i {
    font-style: normal;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    margin-bottom: 0;
}

#content .no-data-hide {
    display: none;
}

.wrapper-main {
    overflow: hidden;
    font-size: 0;
	display:-webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display:flex;
}
.mycertification-wrapper{
    width:880px;	
}
.personal-header .edu-developer-link{
    display:none;
}
.wrapper-main .result-table .no-result td {
    font-size: 14px;
    color: #333333;
    text-align: center;
}

.wrapper-main .no-result a {
    color: #2d56b1;
}

.wrapper-main .no-result.hide {
    display: none;
}

.mycertifications-loading {
    display: inline-block;
    width: 100%;
    min-height: 700px;
    height: 100%;
    text-align: center;
    background-color: #fff;
    position: relative;
    font-size: 0;
    outline: 0;
}

.mycertifications-loading .img-cover {
    display: inline-block;
    width: 100px;
    height: 100px;
    margin: 0 auto;
    position: absolute;
    top: -webkit-calc(40% - 50px);
    top: -moz-calc(40% - 50px);
    top: calc(40% - 50px);
    left: -webkit-calc(50% - 50px);
    left: -moz-calc(50% - 50px);
    left: calc(50% - 50px);
    background: url(../images/myinfo/loading.gif) no-repeat center/cover;
}


/*我的微认证定制样式*/

.personal-center-content-nav li a {
    font-size: 18px;
    color: #252b3a;
    line-height: 22px;
}

.table-tabs {
    display: inline-block;
    margin-top: 20px;
    width: 100%;
}

.table-tabs a {
    display: inline-block;
    border: 1px solid #e6e6e6;
    border-radius: 0 2px 2px 0;
    font-size: 14px;
    color: #666a75;
    line-height: 22px;
    padding: 3px 0;
    width: 126px;
    text-align: center;
    cursor: pointer;
}

.table-tabs span {
    display: inline-block;
    width: 579px;
    font-size: 12px;
    color: #252B3A;
    background-color: #FFF3E8;
    margin-left: 20px;
    line-height: 30px;
    padding-left: 16px;
    border: 1px solid #FFBF85;
    border-radius: 2px;
}
.common-tabs h1>a {
    color: #252B3A;
}
.common-tabs>a {
    color: #666A75;
}
.notice {
    display: inline-block;
    width: 16px;
    height: 15px;
    background: url(../images/myinfo/Shape.png) no-repeat center/cover;
    vertical-align: middle;
    margin-right: 8px;
}

.table-tabs a:first-child {
    border-radius: 2px 0 0 2px;
}

.table-tabs a.active {
    background-color: #c7000b;
    border: 1px solid #c7000b;
    color: #ffffff;
}

.table-caption {
    display: inline-block;
    margin: 30px 0 0;
    width: 100%;
    background: url(../images/myinfo/excel_bgm.png) no-repeat center/cover;
}

.table-caption span.column {
    position: relative;
    display: inline-block;
    padding: 15px 0 13px;
    text-align: left;
    text-indent: 12px;
    line-height: 22px;
    font-size: 16px;
    color: #ffffff;
}

.close{
    display: inline-block;
    width: 10px;
    height: 11px;
    background: url(../images/myinfo/close.png) no-repeat center/cover;
    margin-right: 16px;
    float: right;
    margin-top: 10px;
}


.table-caption span.column1 {
    width: 169px;
}
.buy-time{
     width: 169px;
     padding-right: 28px;
}
.table-caption span.column2,
.table-box tr td:nth-child(2) {
    width: 254px;
}

.table-caption span.column3,
.table-box tr td:nth-child(3) {
    width: 61px;
}
.table-box tr td:nth-child(4){
     width: 83px;
}
.table-caption span.column4
 {
    width: 83px;
    min-width: 83px;
    display: inline-block;
}

.table-caption span.column5,
.table-box tr td:nth-child(5) {
    width: 311px;
}
.cert-download{
    width: 85px;
}
.table-box tr td.cert-number.completed{
    width: 226px !important;
}

.table-caption span.column6{
    width: 226px;
    }


.table-caption span.column7,
.table-box tr td:nth-child(7) {
    width: 85px;
}

.result-table .table-box {
    background-color: #fff;
    display: inline-block;
    border: 1px solid #ddd;
    border-top: none;
    font-size: 0;
    width: 100%;
}

.table-box tbody tr td {
    vertical-align: middle;
    text-align: left;
    text-indent: 12px;
    font-size: 14px;
    line-height: 20px;
    color: #666a75;
    white-space: nowrap;
    overflow: hidden;
}

.table-box tbody tr td:nth-child(2) {
    text-align: left;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 255px;
    padding: 10px 0px;
    display: inline-block;
}

.table-box tbody tr td a.courses-name {
    width: 100%;
    text-align: left;
    color: #526ECC;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    white-space: nowrap;
}

.table-box tbody tr td span.down-cert {
    width: 100%;
    text-align: left;
    color: #526ECC;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
}

.table-box tbody tr td.failed i {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../images/myinfo/undo.png) no-repeat center/cover;
    vertical-align: middle;
    margin-right: 6px;
    margin-top: -2px;
}

.table-box tbody tr td.failed span {
    color: #666a75;
}

.table-box tbody tr td.success i {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../images/myinfo/done.svg) no-repeat center/cover;
    vertical-align: middle;
    margin-right: 6px;
    margin-top: -2px;
}

.table-box tbody tr td.success span {
    color: #666a75;
}

.table-box tbody tr td.buy-time {
    color: #252b3a;
}

.table-box tbody tr:hover {
    background-color: #f7f7f7;
}

.table-box tbody tr a.courses-name:hover {
    text-decoration: underline;
}

.table-box tbody tr span.down-cert:hover {
    text-decoration: underline;
}

.table-box tbody tr td:not(:last-child) {
    border-right: 1px solid #dddddd;
}

.table-box tbody tr:not(:last-child) {
    border-bottom: 1px solid #dddddd;
}

.result-no-data {
    display: inline-block;
    padding-top: 181px;
    width: 100%;
    text-align: center;
}

.result-img-cover {
    display: inline-block;
    width: 90px;
    height: 90px;
    background: url(../images/myinfo/none_icon.svg) no-repeat center/contain;
}

.result-tips {
    margin-top: 30px;
    font-size: 16px;
    color: #252b3a;
    letter-spacing: 0;
    line-height: 20px;
}

.result-tips a {
    color: #1b79c8;
}

.result-tips a:hover {
    text-decoration: underline;
}

.page-customize {
    margin: 52px auto 80px;
    font-size: 12px !important;
}


.pop-block{
    display: none;
}
.pop-block.show{
    display: block;
	position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(2,2,2,.3);
    z-index: 9999;
    top: 0;
    left: 0;
    font-size: 0;
}
.pop-detail-block {
    opacity: 1;
    background: #fff;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    padding: 30px 0;
    display: none;
}

.pop-block.show .pop-detail-block {
    display: block;
}

.pop-detail-block .icon-delete {
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    right: 20px;
    top: 20px;
    cursor: pointer;
    display: inline-block;
    background: url(../images/micoAuthenticationDetailImg/icon-delete.png) no-repeat center;
}

.pop-detail-block {
    width: 400px;
    height: 246px;
}

.pop-detail-block .buy-btn {
    text-align: center;
}

.pop-detail-block .buy-btn .red-btn {
    margin-right: 10px;
    border: 1px solid #c7000b;
    width: 118px;
}

.pop-title {
    font-size: 22px;
    color: #252b3a;
    line-height: 28px;
    text-align: left;
    padding-left: 30px;
    border-left: 3px solid #c7000b;
    height: 28px;
    line-height: 28px;
}

.detail-box {
    overflow-y: scroll;
    height: 284px;
    width: 100%;
    margin: 30px 0;
    padding: 0 30px;
}

.detail-box p {
    font-size: 14px;
    color: #666a75;
    line-height: 22px;
    text-align: left;
    margin-bottom: 6px;
}

.detail-box p.title {
    margin-top: 20px;
}

.detail-box p.title a {
    color: #2d56b1;
}

.detail-box p.title a:hover {
    text-decoration: underline;
}

.detail-box p.title:first-child {
    margin-top: 0;
}

.detail-box p.detail {
    padding-left: 22px;
}

.warning-box {
    padding: 37px 58px 46px 30px;
}

.warning-box .icon-warning {
    width: 40px;
    height: 35px;
    display: inline-block;
    margin-right: 20px;
    background: url(../images/micoAuthenticationDetailImg/icon-warning.png) no-repeat center;
}

.warning-box .warning-detail {
    display: inline-block;
    width: 252px;
    font-size: 14px;
    color: #666a75;
    letter-spacing: 0;
    text-align: justify;
    line-height: 22px;
    height: 44px;
    vertical-align: top;
}

.red-btn {
    display: inline-block;
    background: #c7000b;
    border-radius: 2px;
    width: 124px;
    height: 40px;
    font-size: 14px;
    color: #ffffff;
    text-align: center;
    line-height: 40px;
    cursor: pointer;
    border: 1px solid #c7000b;
}
.white-btn {
    background: #fff;
    border-radius: 2px;
    font-size: 14px;
    color: #c7000b;
    text-align: center;
    line-height: 40px;
    display: inline-block;
    height: 40px;
    width: 118px;
    border: 1px solid #c7000b;
    cursor: pointer;
}

.empty-btn {
    border-radius: 2px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    line-height: 40px;
    display: inline-block;
    height: 40px;
    width: 118px;
    border: 1px solid #fff;
    cursor: pointer;
}
.poster-content-box a:nth-child(3){
    margin-right: 20px;
}
.empty-btn:hover,.white-btn:hover {
    background: #c7000b;
    border: 1px solid #c7000b;
    color: #fff;
}
.empty-btn:hover{
    box-shadow: 0 8px 16px 0 rgba(227,24,31,0.30);
}
.red-btn:hover {
    box-shadow: 0 8px 16px 0 rgba(227,24,31,0.30);
}

/* mb   2019-10-25 14:20:02   start */
        
        @media (max-width: 768px) {
            .side-bar-left,
            .personal-center-content-nav,
            #footer,
            .footer-service,
            .course-box,
            #header {
                display: none!important;
            }
            .table-caption {
                display: flex;
                width: 100%;
                background: url(../images/myinfo/excel_bgm.png) no-repeat center/cover;
            }   
            .wrapper-main>div:nth-child(1) {
                float: none!important;
                width: auto!important;
            }
            .wrapper-main {
                overflow: inherit;
                width: auto;
                font-size: 14px;
            }
            .shown-btn,
            .float-bar-nav>.item.tel {
                display: none!important;
            }
            .table-box tr td:nth-child(4){
                 width: 84px;
            }
            .float-sidebar {
                right: 20px!important;
                bottom: 60px!important;
            }
            .float-bar-nav>.item {
                text-align: center;
                line-height: 40px!important;
                width: 40px!important;
                height: 40px!important;
                border-radius: 40px!important;
                background: rgba(51, 51, 51, .6);
                font-size: 0;
                -webkit-transition: background-color .3s ease-out;
                -o-transition: background-color .3s ease-out;
                -moz-transition: background-color .3s ease-out;
                transition: background-color .3s ease-out;
                box-shadow: none!important;
            }
			 .to-top-btn {
                display: block!important;
            }
			 .icons-float-bar {
                width: 19px!important;
                height: 20px!important;
                display: inline-block;
                vertical-align: middle;
                background: url(../images/myinfo/back-top.svg) 0 0 no-repeat!important;
            }
			.page-customize{
				display:none!important;
			}
			#content{
				min-height:inherit!important;

			}
			.main-content{
				margin-top:0px!important;
			}
			.course-back-btn {
                background: #FFFFFF;
                color: #252B3A;
            }
            .table-tabs {
                border-top: #ddd 1px solid;
            }
            .table-tabs a {
                color: #222222 !important;
            }
            .empty{
                width: 100%;
                height: 10px;
                background: #fafafa;
                position: relative;
                top: 88px;
            }
            .getting-certificate-tip {
                margin: 0px 15px;
                padding: 8px 15px;
                top: 98px;
                background: #FFF3E8;
                border: 1px solid #FFBF85;
                border-radius: 2px;
            }
            .getting-certificate-text {
                font-size: 12px;
                color: #252B3A;
            }
            .getting-certificate-wrap {
                top: 0px;
                border: none;
            }
            .getting-certificate-tip-icon {
                width: 16px;
                height: 15px;
                float: left;
                margin-right: 9px;
                background-size: contain;
                background-image: url(../images/myinfo/Shape.png);
            }
            .wrz-finished-status-wrap {
                margin: 0 auto;
                overflow: hidden;
                overflow-x: scroll;
                width: calc(100% - 30px);
                margin-top: 108px;
            }
            .mycertification-wrapper{
                width:100%;    
            }
            .wrz-finished-process{
                /*padding: 0 15px;*/
            }
            .getting-certificate-wrap {
                 margin: 0; 
            }
            .table-caption span.column6 {
                width: 226px;
            }
            .mb_item{
                display: inline-block;
                white-space: nowrap;
            }
            .table-caption {
                 margin: 0; 
            }
            .table-caption span.column {
                position: relative;
                display: inline-block;
                padding: 7px 0;
                text-align: left;
                text-indent: 12px;
                line-height: 22px;
                font-size: 14px;
                color: #ffffff;
                border-right: 1px solid rgba(223, 236, 255, 0.3);
            }
            .table-caption span.column1{
                width: 131px;
            }
            .table-caption span.column3{
                width: 62px;
            }
            .table-caption span.column4{
                width: 84px;
            }
            .buy-time{
                width: 127px;
                padding: 0;
            }
            .table-box tbody tr td {
                vertical-align: middle;
                text-align: left;
                text-indent: 12px;
                font-size: 12px;
                line-height: 20px;
                color: #666a75;
                white-space: nowrap;
                overflow: hidden;
            }
            .table-caption span.column2{
                width: 120px;
            }
             .table-box tr td:nth-child(2) {
                width: 120px;
            }
            .table-box tbody tr td:nth-child(2) {
                text-align: left;
                max-width: 255px;
                height: 48px;
                display: flex;
                display: -webkit-flex;
                display: -moz-flex;
                align-items: center;
                -moz-align-items: center;
                -webkit-align-items: center;
            }
            .table-box tbody tr td a.courses-name {
                width: 85%;
                /*height: 30px;*/
                margin: 0 auto;
                margin-top: 1px;
                line-height: 15px;
                text-indent: 0;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 2;
                color: #526ECC;
                overflow: hidden; 
                -o-text-overflow: ellipsis;
                text-overflow: ellipsis;
                white-space: normal;
            }
            .result-table .table-box {
                 display: block; 
            }
		}
			 /* mb   2019-10-25 14:20:02   end */
 @media (min-width: 1440px){
    .mycertification-wrapper {
        width: 1200px;
    }
    .table-caption span.column5, .table-box tr td:nth-child(5) {
        width: 451px !important;
    }
    .cert-download {
        width: 225px !important;
    }
   
 }
  @media (min-width: 768px){
     .table-caption span.column:not(:last-child):after {
        position: absolute;
        top: 0;
        right: 0px;
        content: '';
        display: inline-block;
        width: 1px;
        height: 100%;
        background-color: rgba(223, 236, 255, 0.3);
    }
    .table-caption span.column1 {
        width: 171px;
    }
 }