.personal {
    padding-top: 40px;
    box-sizing: border-box;
    overflow: visible;

}

.personal aside {
    width: 320px;
    min-height: 100px;
    padding: 40px 20px;
    box-sizing: border-box;
    background: rgb(241, 244, 250);
    border: 2px solid rgb(255, 255, 255);
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
    float: left;
    border-radius: 12px;
}

.perpic {
    margin: 0 auto;
    width: 160px;
    height: 160px;
    overflow: hidden;
    box-sizing: border-box;
    border-radius: 50%;
    position: relative;
    background: radial-gradient(rgba(255, 249, 249, 1.00), rgba(193.58, 214.99, 237.92, 1.00) 100%);

    border: 4px solid rgb(255, 255, 255);
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.perpic img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.name {
    font-size: 24px;
    line-height: 1.25; 
    color: #333;
    text-align: center;
    cursor: pointer;
}

.gp-ellipsis {
    word-wrap: normal;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.gp-ellipsis2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
}

.test {
    padding: 9px 15px;
    box-sizing: border-box;
    background: rgb(255, 255, 255);
    border-radius: 25px;
    margin-top: 30px;
    margin-bottom: 60px;

}

.tesul {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.tesul li {
    display: inline-block;
}

.tesul a {
    display: block;
    width: 32px;
    overflow: hidden;
}

.open {
    display: inline-block;
    float: right;

    padding-left: 15px;
    box-sizing: border-box;
    margin-left: 20px;
    border-left: 2px solid rgb(228, 232, 240);
}

.open a {
    display: block;
    width: 32px;
    overflow: hidden;
}

.self li {
    margin-bottom: 40px;
    font-size: 24px;
    line-height: 1.25;
    color: #333;
    display: block;
    text-align: center;
}

.self a {
    display: block;
}

.personal section {
    margin-left: 360px;
}

.perbox {
    padding: 9px 23px;
    box-sizing: border-box;
    background: rgb(228, 232, 240);
    overflow: hidden;
    border-radius: 12px;
    margin-bottom: 60px;
}

.clock {
    float: left;
    width: 41px;
    position: relative;
}

.clock i {
    display: block;
    width: 32px;
    height: 32px;
    overflow: hidden;
}

.clock span {
    display: inline-block;
    width: 15px;
    height: 15px;
    line-height: 15px;
    text-align: center;
    background: url(../images/msg.png) no-repeat;
    background-size: cover;
    color: #fff;
    position: absolute;
    right: 1px;
    top: 0;
}

.clock-info {  
}

 
 

/* 最新动态 */
.pertit {
    display: block;
    overflow: hidden;
    position: relative;
    padding-bottom: 18px;
    margin-bottom: 20px;
    box-sizing: border-box;
    border-bottom: 2px solid rgb(189, 26, 45);
}

.pertit i {
    display: block;
    width: 32px;
    height: 32px;
    overflow: hidden;
    float: left;
}

.pertit h2 {
    line-height: 1.5;
    font-size: 24px;
    color: #333;
    font-weight: normal;
    margin-left: 19px;
    display: inline-block;
}
.pertit h2 .intefk{padding-left: 20px;position: relative;}
.pertit h2 .intefk::before{content: "";display: block;width: 1px;height: 1em;background: #999;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.more{
    font-size: 16px; 
    display: inline-block;
    position: absolute; 
    line-height: 1.25;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    color: #000;
    z-index: 1;
}
.en {
    font-size: 48px;
    font-weight: 700;
    display: inline-block;
    position: absolute;
    text-transform: uppercase;
    line-height: 1.25;
    bottom: 7px;
    right: 0;
    color: rgb(228, 232, 240);
}

.part {
    border-bottom: 2px solid rgb(179, 179, 179);
    margin-bottom: 60px;
}


.newul {
    padding-left: 15px;
    box-sizing: border-box;

}
.newul.zxdt {
    padding: 0;
    margin-top: 10px;
}
.newul li {
    margin-bottom: 20px;
}

.newul a {
    display: block;
    line-height: 23px;
    padding-left: 34px;
    box-sizing: border-box;
    position: relative;
    transition: all .3s ease-in-out;
}

.newul a::before {
    content: '';
    display: block;
    position: absolute;
    width: 9px;
    height: 9px;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background: rgb(189, 26, 45);
    border-radius: 50%;
}

.newul p {
    font-size: 18px;
    color: #333;
}

.date {
    font-size: 14px;
    float: right;
    margin-left: 10px;
    color: #BD1A2D;
}

.newul li:hover a {
    transform: translateX(5px);
}

.newul li:hover p {
    color: #BD1A2D;
    font-weight: bold;
}

/* 我的唯一码 */
.key {
    margin: 26px auto 40px;
    margin-right: 78px;
    padding-left: 50px;
    box-sizing: border-box;
}

.key span {
    font-size: 18px;
    line-height: 23px;
    color: #333;
    display: inline-block;
    vertical-align: middle;
}

.number {
    font-size: 26px;
    color: #333;
    font-weight: bold;
    color: #BD1A2D;
    display: inline-block;
    vertical-align: middle;
    margin: 0 33px 0 26px;
}

.copy {
    display: inline-block;
    vertical-align: middle;
    width: 120px;
    height: 36px;
    padding: 8px 10px;
    box-sizing: border-box;
    text-align: left;
    background: rgb(241, 244, 250);
    border: 1px solid rgb(189, 26, 45);
    font-size: 18px;
    line-height: 23px;
    border-radius: 4px;
    cursor: pointer;

}

.copy i {
    display: inline-block;
    width: 18px;
    float: left;
    margin-right: 19px;
}

.infuse {
    font-size: 18px;
    line-height: 23px;
    color: #b3b3b3;
    margin-top: 40px;
}

.tabul {
    padding-left: 30px;
    box-sizing: border-box;
    border-bottom: 2px solid rgb(179, 179, 179);
}
.tab2 .tabul{padding-left: 0;display: flex; }
/* .tab2 .tabul a{padding: 0 0 8px 0;} */
.tabul li {
    display: inline-block;
}

.tabul a {
    display: block;
    padding: 0 24px 8px;
    box-sizing: border-box;
    margin: 0 10px;
    font-size: 18px;
    line-height: 23px;
    color: #333;
    position: relative;
}

.tabul li.on a {
    color: #BD1A2D;
    font-weight: bold;
    position: relative;
}

.tabul a::before {
    content: '';
    display: block;
    width: 0%;
    height: 4px;
    background: #BD1A2D;
    position: absolute;
    left: 50%;
    bottom: 0;
    transition: all .3s ease-in-out;
}

.tabul li.on a::before {
    width: 100%;
    left: 0;
}

.tab_list {
    font-size: 14px;
    line-height: 24px;
    color: #333;
    /* margin-top: 20px; */
    box-sizing: border-box;
}

.tabtxt {
    margin-top: 20px;
    height: 380px;
    padding-right: 20px;
    box-sizing: border-box;
    overflow-y: scroll;
}

.tabtxt::-webkit-scrollbar {
    width: 8px;
}

.tabtxt::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    opacity: 0.2;
    background: rgb(196, 196, 196);
}

.tabtxt::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0);
    border-radius: 10px;
    background: rgba(255, 255, 255, .3);
}

.deal {
    padding: 34px 0;
    box-sizing: border-box;
    overflow: hidden;

    margin-top: 20px;
    border-top: 1px solid rgb(229, 229, 229);
}
.deal label{
font-size: 18px;
line-height: 23px;
color: #333;
cursor: pointer;
}
.sure {
    width: 120px;
    height: 36px;
    line-height: 36px;
    background: rgb(241, 244, 250);
    color: #BD1A2D;
    border: 1px solid rgb(189, 26, 45);
    font-size: 18px;
    text-align: center;
    border-radius: 4px;
    float: right;
    cursor: pointer;
}
.sure2 {
    width: 120px;
    height: 36px;
    line-height: 36px;
    background: rgb(241, 244, 250);
    color: #BD1A2D;
    border: 1px solid rgb(189, 26, 45);
    font-size: 18px;
    text-align: center;
    border-radius: 4px;
    float: right;
    cursor: pointer;
}
.paste {
    width: 16px;
    height: 16px;
    border: 1px solid rgb(150, 163, 175);
    border-radius: 2px;
    float: left;
    margin: 0 20px;
    margin-top: 3.5px;
}

.deal{
    display: block;
    font-size: 18px;
    line-height: 23px;
    color: #333;
}

.error {
    overflow: hidden;
    padding: 113px 0 106px;
    box-sizing: border-box;
    display: none;
}

.tab_list.active .error {
    display: block;
}

.tab_list.active .tabtxt {
    height: 0;
}

.tab_list.active .deal {
    display: none;
}

.errorbox {
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

.errorimg {
    max-width: 64px;
    overflow: hidden;
    float: left;
}

.errortxt {
    margin-left: 44px;
    font-size: 24px;
    line-height: 30px;
    color: #848B94;
}

.user {
    /* border-top: 2px solid rgb(150, 163, 175); */
}

.user tr {
    height: 46px;
    font-size: 16px;
    color: #333;
}

.user tr:nth-child(1) {
    height: 56px;
    font-size: 18px;

}

.user tr td {
    text-align: center;
    color: #333;
}

.user tr td:nth-child(1) {
    padding-left: 20px;
    padding-right: 25px;
    box-sizing: border-box;
    /* text-align: left; */
}

.user tr:nth-child(1) td:nth-child(1) {
    padding-left: 21px;
    text-align: center;
}

.user tr:nth-child(odd) {
    background: #F1F4FA;
}

.user tr:nth-child(1) td:last-child {
    color: #333;
    display: block;
    height: 56px;
    line-height: 56px;
}
.user tr td:last-child a{ color: #BD1A2D;}
.user tr td:last-child {
    /* height: 46px; */
    color: #BD1A2D;
    /* display: flex; */
    /* justify-content: center; */
    /* align-items: center; */
    /* cursor: pointer; */
}

.abolish {
    display: none;
    width: 12px;
    vertical-align: middle;
    height: 12px;
    line-height: 12px;
    font-style: normal;
    float: left;
    margin-right: 10px;
}

.gp-pages {
    text-align: center;
    margin: 40px 0;
}

.gp-pages a {
    display: inline-block;
    width: 32px;
    height: 32px;
    line-height: 32px;
    background: rgb(228, 232, 240);
    margin: 0 4px 4px;
    border-radius: 2px;
}

.gp-pages a.gp-page-prev {
    margin-right: 8px;
    width: 46px;
}

.gp-pages a.gp-page-next {
    margin-left: 8px;
    width: 46px;
}

.gp-pages a.active, .gp-pages a:hover {
    background: #C32000;
    color: #fff;
    font-weight: bold;
}

.jump {
    display: inline-block;
    margin-left: 40px;
    font-size: 14px;
    color: #B3B3B3;
    line-height: 32px;
}

.jump a {
    width: auto;
    background: none;
    font-size: 14px;
    color: #B3B3B3;
}

.jump input {
    width: 48px;
    height: 32px;
    margin: 0 8px;
    box-sizing: border-box;
    text-align: center;

    border: 1px solid rgba(0, 0, 0, 0.15);
    outline: none;
    border-radius: 4px;
}

.check {
    padding-top: 0px;
    padding-left: 17px;
    box-sizing: border-box;
}

.tit {
    font-size: 18px;
    line-height: 28px;
    margin-top: 40px;
    margin-bottom: 17px;
    color: #333;
}
.sqsj .tit{margin-top: 0;}
.tit span {
    margin-right: 5px;
    color: #BD1A2D;
}

.checkoptions {
    padding-left: 14px;
    box-sizing: border-box;
    font-size: 18px;
    color: #333;
}

.checkoptions ul {
    overflow: hidden;
}

.checkoptions li {
    float: left;
    width: calc(100% / 6);
    font-size: 18px !important;
    margin-bottom: 20px;
    color: #333;
}

.checkoptions li.txtline {width: calc((100% / 6) * 2);display: flex;}
.checkoptions li.txtline input[type^="text"]{flex: 1;overflow: hidden;}
.checkoptions input {
    width: 16px;
    height: 16px;
    border: 1px solid rgb(150, 163, 175);
    font-size: 18px;
    color: #333;
    border-radius:
        2px;
    margin-right: 10px;

}

.checkoptions input.input-line {
    border: none;
    border-radius: 0;
    height: 22px;
    line-height: 22px;
    border: 0;
    border-bottom: 1px solid #ccc;
    outline: none;
}

.checkoptions input[type^="text"] {
    /* width: 160px; */
}

.checkoptions ul li.txtline input.input-line {
    /* width: 160px; */
    /* margin-left: -60px; */
}

.checkoptions ul li.txtline2 input.input-line {
    /* width: 132px; */
    /* margin-left: -25px; */
}

.checkoptions2 li {
    width: calc(100% / 5);
}

.checkoptions ul li.txtline3 input.input-line {
    margin-left: -88px;
}

.check textarea {
    font-size: 14px;
    line-height: 18px;
    color: #B3B3B3;
    width: calc(100% - 10px);
    margin-left: 10px;
    padding: 12px 40px;
    box-sizing: border-box;
    border: 1px solid rgb(229, 229, 229);
}

.yzm {
    margin: 40px 0 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.yzm input {
    width: 120px;
    margin-right: 20px;
    display: inline-block;
    height: 36px;
    vertical-align: middle;
    line-height: 36px;
    text-align: center;
    left: 751px;
    top: 1876px;
    color: #B3B3B3;
    border: 1px solid rgb(150, 163, 175);
    border-radius:
        4px;
    float: left;
}

.refresh {
    /* margin: 0 20px; */
    display: flex;
    align-items: center;
}

.referbox {
    width: 120px;
    height: 45px;
    
    overflow: hidden;
}
.refresh button.red{
    width: 20px;
    height: 20px;
    display: inline-block;
    margin: 0 20px;
    cursor: pointer;
}
.yzmbox{
display: flex;
align-items: center;
}
.tab_list{
    display: none;
}
.tab_list.on{
    display: block;
}
.part:last-child .pertit{
    margin-bottom: 0;
}
.patrbot{
    padding: 30px 40px 50px;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
}
.partl{
    display: flex;
    justify-content: center;
    align-items: center;
}
.partl i{
    float: left;
    width: 53px;
    display: block;
    overflow: hidden;
}
.partl a{
    font-size: 24px;
    line-height: 30px;
    color: #333;
    display: block;
    margin-left: 20px;
}
.user2 tr td{
    /* text-align: left; */
}
.user2 tr:nth-child(1) td:last-child{text-align: center;padding-right: 0px;box-sizing: border-box;}
.user2 tr:nth-child(1) td:nth-child(1) {
    padding-left: 21px;
    padding-right: 25px;
}
label{
    font-size:18px;
    color: #333;
}


/*文章页*/
.pageArticle{margin-right:0;}
.pageArticleTitle{overflow: hidden;padding: 0;margin-bottom: 20px;}
.pageArticleTitle >h3{line-height: 1.5;color: #333;text-align: center;font-size: 24px;font-weight: bold;margin-bottom: 0;}
.articleAuthor{padding:15px 0;text-align: center;margin-bottom: 20px;background-color: #f2f2f2;color: #999;}
.articleAuthor span{display: inline-block;*display: inline;*zoom:1;color:#999;margin:0 5px}
.articleBottom{overflow: hidden;}
.gp-article{position: relative;line-height: 1.8;color: #333;padding-bottom: 25px;font-size: 16px;text-indent: 2em;}
.gp-article p{margin-bottom: 1rem; }
.wrapArticle  h3{text-align: left;}

.modulestyle td {
    padding-top: 10px;
    white-space: nowrap;
}

.zlxg,.xgmm{margin-top: 20px;}
.zlxg >form,.xgmm >form{max-width: 410px;margin: 0 auto;}
.normal2 {
    border: 1px #b8b8b8 solid;
    height: 18px;
    padding: 3px;
}

.CommandButton {
    border-bottom: #d4d4d4 1px solid;
    text-align: center;
    border-left: #d4d4d4 1px solid;
    line-height: 30px; 
    width: 90px;
    display: block;
    background: #ca0505 0px 0px;
    float: left;
    height: 30px;
    border-top: #d4d4d4 1px solid;
    border-right: #d4d4d4 1px solid;
}

a.CommandButton:link {
    color: #fff;
}

.rablPerson td {
    width: 220px;
}

.normal2 {
    border: 1px #b8b8b8 solid;
    height: 18px;
    padding: 3px;
}

.CommandButton {
    border-bottom: #d4d4d4 1px solid;
    text-align: center;
    border-left: #d4d4d4 1px solid;
    line-height: 30px;
    margin: 20px 0px 0px 20px;
    width: 90px;
    display: block;
    background: #ca0505 0px 0px;
    float: left;
    height: 30px;
    border-top: #d4d4d4 1px solid;
    border-right: #d4d4d4 1px solid;
}

a.CommandButton:link {
    color: #fff;
}

.style2 {
    padding-left: 10px;
}
.style2 input,.cssCaptcha input {
    width: 300px;
    max-width: 100%;
}
.taPersonal td, .taCompany td {
    padding-top: 10px;
    white-space: nowrap;
}
.tab .label{width: 80px;}


/* 纠错弹窗 */
.report_cover{position: fixed;left: 0;right: 0;top: 0;bottom: 0;background: rgba(0,0,0,.4);display: none;z-index: 999999;}
.report_box{position: fixed;background: #fff;top: 200px;width: 800px;left: 50%;top: 50%;transform:translateX(-50%) translateY(-50%);display: none;max-height: 80vh;overflow-y: auto;z-index: 999999;}
.report_box .close{width: 30px;height: 30px;background: url(../images/report_close.png) center no-repeat;position: absolute;right: 18px;top: 16px;cursor: pointer;}
.report_box > h3{border-bottom: 1px solid #ccc;color: #333;padding: 0 0 0 24px;font-size: 18px;line-height: 60px;position: sticky;left: 0;top: 0;background: #fff;z-index: 1;}  
.report_box .modalDetail{padding:40px;overflow: hidden;}
.report_box .modalDetail p{border-bottom: 1px solid #ccc;padding-bottom: 15px;margin-bottom: 15px;display: flex;}
.report_box .modalDetail p strong{font-weight: bold; color:#333; line-height: 1.5;}
.report_box .modalDetail p span{ color:#333; line-height: 1.5; flex: 1;overflow: hidden;}


@media screen and (max-width:1200px){
    .key{margin-right: 0px;}
} 
@media screen and (max-width:1100px){  
    .checkoptions li{width: 20%;}
    .checkoptions li.txtline{width: 40%;} 
    /* .tit +.checkoptions li.txtline{width: 30%;} */
}
@media screen and (max-width:996px){ 
    .tabul{padding-left: 0;}
    .personal aside{width: 280px;}
    .open{padding-left: 10px;margin-left: 10px;}
    .test{margin-bottom: 30px;}
    .self li{margin-bottom: 20px;}
    .personal section{margin-left: 310px;}
    .perbox,.part{margin-bottom: 40px;}
    .en{z-index: -1;}
    .key{padding-left: 0;}
    .patrbot { padding: 20px 0px 30px;  }
    
    .checkoptions li{width: 25%;}
    .checkoptions li.txtline{width: 40%;} 
    .check textarea{padding: 12px 30px;}
    .yzm{margin: 30px 0;}
}
@media screen and (max-width:768px){ 
    .personal aside{width: 100%;float: none;}
    .test{width: 300px;margin: 30px auto;}
    .self{display: flex;flex-wrap: wrap;margin: 0 -10px;}
    .self li{margin-right: 20px;}
    .self li a{margin: 0 0px;}
    .personal section{margin-left: 0;margin-top: 30px;}
    .patrbot { padding: 0 0px 10px;  }
    .infuse{margin-top: 20px;}
    .key { margin: 20px auto 25px;}
    .check textarea{padding: 12px 20px;}
    .tit{margin-top: 10px;margin-bottom: 10px;}
    .yzm{margin: 20px 0;}
    .style2 input,.cssCaptcha input {
        width: auto;
        max-width: 100%;
    }

}
@media screen and (max-width:540px){ 

}
@media screen and (max-width:479px){ 
    .patrbot{flex-direction: column;}
    .partl{display: block;width: 100%;margin-bottom: 10px;}
    .partl a{margin-left: 65px;}
    .checkoptions li{width: 33.3%;}
    .checkoptions li.txtline{width: 50%;} 
    .check textarea{padding: 12px 12px;}
    .yzm{flex-wrap: wrap;}
    .yzm input,.referbox{width: 100px;height: 40px;}
    .yzm input{margin-right: 10px;}
    .refresh button.red{margin: 0 10px;}  
    .test{width: 100%;}
    .CommandButton { 
        margin: 20px 0px 0px 0px;
    }
}



@media screen and (max-width:1320px){ 
    .gp-header3 .gp-nav-wrap .gp-nav > li > a{font-size: 16px !important;}
}