* {margin:0;padding:0;text-decoration:none;}
ul {list-style:none;}
html {-webkit-text-size-adjust:100%;}
body {height:100%; color:#666;background-color:#fff;font:12px/24px "Microsoft Yahei",宋体,Arial,Verdana,Geneva,sans-serif;}
.phd {height:100px;line-height:100px;background-color:#fff;position:relative;z-index:2;}
.phd .wrap {width:1200px;margin:0 auto;}
.phd .wrap ul {display:inline-block;}
.phd .wrap ul li {display:inline-block;padding:0 20px;height:100px;position:relative;}
.phd .wrap ul li a {color:#666;font-size:16px;}
.phd .wrap ul li a:hover {color:#0579ae;}
.phd .left {float:left;font-size:40px;color:#0579ae;line-height:100px;font-weight:bold;}
.phd .left img {height:50px;margin-top:25px;}
.phd .right {float:right;text-align:right;}
.phd .right .column {font-weight:bold;}
.phd .right .user {margin-left:140px;}
.phd .right .user li {padding:0 10px;position:relative;}
.phd .right .user.on span {display:none;}
.phd .right .user.on label {padding:0 3px;}
.phd .right .user.on:hover span {display:block;transition:all 0.36s ease;position:absolute;top:90px;background-color:#fff;padding:0;border-radius:10px;box-shadow:0 0 8px rgba(0,0,0,0.15);width:110px;text-align:center;overflow:hidden;}
.phd .right .user.on span a {display:block;line-height:40px;}
.phd .right .user.on span a:hover {background-color:#f2fbff;}
.pbd {background:#f5f5f5;}
.pbd .wrap {width:1200px;margin:0 auto;padding:40px 0;}
.pft {background-color:#fff;color:#808080;font-size:14px;line-height:200%;padding:40px 0;}
.pft .wrap {width:1200px;margin:0 auto;position:relative;}
.pft .left .no {font-size:24px;color:#0579ae;font-weight:normal;font-style:italic;padding-bottom:10px;}
.pft .left .no i {font-family:iconfont;}
.pft .left a {color:#808080;}
.pft .right {position:absolute;right:0;top:0;}
.no_data {text-align: center;padding: 100px 0;color: #999;}
.pHome .swiper {position:relative;}
.pHome .swiper .imgs img {width:100%;display:none;animation:fadeIn 0.8s ease forwards;}
.pHome .swiper .imgs a:first-child img {display:block;}
.pHome .swiper .imgs a.off img {display:none;}
.pHome .swiper .imgs a.on img {display:block;}
.pHome .swiper .dots {position:absolute;bottom:10px;width:100%;text-align:center;}
.pHome .swiper .dots span {display:inline-block;margin:0 2px;background:#fff;border-radius:50%;width:8px;height:8px;cursor:pointer;}
.pHome .swiper .dots span:first-child {background:#ccc;}
.pHome .swiper .dots span.on {background:#ccc;}
.pHome .swiper .dots span.off {background:#fff;}
.pHome .clear {clear:both;}
.pHome .mod {min-height:570px;}
.pHome .mod.left {width:67%;float:left;}
.pHome .mod.right {width:32%;float:right;}
.pHome .mod {background:#fff;box-shadow:0 0 5px #ccc;margin-top:30px;padding:0 20px 20px;box-sizing:border-box;}
.pHome .mod h3 {border-bottom:1px dashed #ccc;line-height:40px;font-size:20px;color:#333;}
.pHome .mod h3 span {float:right;font-size:16px;font-weight:normal;}
.pHome .mod h3 a {color:#333;}
.pHome .news .list .item {padding-top:20px;padding-left:33%;position:relative;height:150px;overflow:hidden;line-height:180%;}
.pHome .news .list .item:hover .tit {color:#0579ae;}
.pHome .news .list .item .img {position:absolute;left:0;top:20px;width:30%;}
.pHome .news .list .item .img img {width:100%;display:block;}
.pHome .news .list .item .tit {font-size:18px;color:#555;font-weight:bold;margin-bottom:10px;}
.pHome .news .list .item .sum {font-size:14px;color:#888;}
.pHome .news .list .item .time {font-size:12px;color:#888;text-align:right;}
.pHome .notice .list .item {padding-top:18px;overflow:hidden;line-height:180%;height:45px;position:relative;padding-left:55px;}
.pHome .notice .list .item .date {position:absolute;left:0;top:20px;text-align:center;color:#555;}
.pHome .notice .list .item .date label {font-size:20px;display:block;}
.pHome .notice .list .item .date span {font-size:12px;}
.pHome .notice .list .item:hover .tit {color:#0579ae;}
.pHome .notice .list .item .tit {color:#555;font-size:16px;}
.pHome .link .list .item {margin-top:15px;}
.pHome .link .list .item img {width:100%;display:block;}
.pArticle {background:#fff;width:100%;padding:0 40px 40px;}
.pArticle h1 {border-bottom:1px solid #e0e0e0;padding:18px 0;position:relative;font-size:20px;}
.pArticle h1:before {content:'\e6d2';font-family:iconfont;font-size:22px;color:#0579ae;margin-right:3px;}
.pArticle h3 {text-align:center;font-size:24px;padding:20px 0;}
.pArticle .cont {font-size:14px;line-height:180%;padding:30px 100px 0;} 
.pArticle .cont img {max-width:100%;}
.pNotice {background:#fff;width:100%;padding:0 40px 40px;}
.pNotice h1 {border-bottom:1px solid #e0e0e0;padding:18px 0;position:relative;font-size:20px;}
.pNotice h1:before {content:'\e6d2';font-family:iconfont;font-size:22px;color:#0579ae;margin-right:3px;}
.pNotice .list .item {padding-top:18px;overflow:hidden;line-height:180%;height:45px;position:relative;padding-left:60px;}
.pNotice .list .item .date {position:absolute;left:0;top:20px;text-align:center;color:#555;}
.pNotice .list .item .date label {font-size:20px;display:block;}
.pNotice .list .item .date span {font-size:12px;}
.pNotice .list .item:hover .tit {color:#0579ae;}
.pNotice .list .item .tit {color:#555;font-size:16px;}
.pNews {background:#fff;width:100%;padding:0 40px 40px;}
.pNews h1 {border-bottom:1px solid #e0e0e0;padding:18px 0;position:relative;font-size:20px;}
.pNews h1:before {content:'\e6d2';font-family:iconfont;font-size:22px;color:#0579ae;margin-right:3px;}
.pNews .list .item {padding-top:20px;padding-left:250px;position:relative;height:150px;overflow:hidden;line-height:180%;}
.pNews .list .item:hover .tit {color:#0579ae;}
.pNews .list .item .img {position:absolute;left:0;top:20px;width:230px;}
.pNews .list .item .img img {width:100%;display:block;}
.pNews .list .item .tit {font-size:18px;color:#555;font-weight:bold;margin-bottom:10px;}
.pNews .list .item .sum {font-size:14px;color:#888;}
.pNews .list .item .time {font-size:12px;color:#888;text-align:right;}
.pagination {display:flex;align-items:center;justify-content:center;gap:10px;margin-top:20px;}
.pagination button {padding:5px 10px;background-color:#0579ae;color:white;border:none;border-radius:4px;cursor:pointer;}
.pagination button:disabled {background-color:#cccccc;cursor:not-allowed;}
.no-data,.loading {text-align:center;padding:50px;color:#999;}
.error {color:red;margin-bottom:10px;padding:10px;background-color:#ffe6e6;border-radius:4px;}
@keyframes fadeIn {from {opacity:0;} to {opacity:1;}}
.pbd_auth {padding:80px 0;background:url(/images/authBg.jpg) no-repeat;background-size:100% 100%;}
.pbd_auth .wrap {padding:0;}
.pAuth {min-height:initial;}
.pAuth .cls {clear:both;}
.pAuth .wp {margin:0 auto;width:1200px;}
.pAuth .img {width:700px;position:relative;height:500px;text-align:center;color:#fff;font-size:16px;line-height:200%;float:left;}
.pAuth .img .tit {position:absolute;left:0;right:0;top:60%;margin:0 auto;}
.pAuth .img img {width:100%;max-height:100%;display:block;margin:0 auto;padding-bottom:30px;cursor:pointer;}
.pAuth .box {width:400px;position:initial;padding:50px;background-color:#fff;margin:0;height:400px;float:right;}
.pAuth .box .tit {font-size:30px;color:#333;padding-bottom:20px;padding-top:10px;}
.pAuth .box ul {width:100%;}
.pAuth .box ul li {position:relative;font-size:14px;width:100%;height:auto;margin:0 0 20px 0;}
.pAuth .box ul li input,
.pAuth .box ul li select{width:100%;height:48px;line-height:48px;font-size:16px;color:#999;padding-left:50px;padding-right:20px;border:1px solid #ddd;}
.pAuth .box .code img {position:absolute;right:1px;top:1px;height:46px;width:140px;cursor:pointer;}
.pAuth .box .code input {padding-left:10px;}
.pAuth .box ul li i {width:40px;height:40px;line-height:40px;display:block;overflow:hidden;text-align:center;font-size:20px;color:#ddd;position:absolute;left:0;top:0;z-index:10;width:50px;height:50px;line-height:50px;font-family:"iconfont";}
.pAuth .box a {color:#ff4c4c;}
.pAuth .box p {position:relative;}
.pAuth .box a.right {color:#666;position:absolute;right:0;top:0;}
.pAuth .box a.btn {display:block;overflow:hidden;background:#ff4444;color:#fff;text-align:center;width:400px;height:50px;line-height:50px;font-size:18px;font-weight:normal;border-radius:0;background-color:#0579ae;cursor:pointer;transition:all 0.36s ease;}
.pAuth .box .error {color: red;margin-bottom: 10px;padding: 10px;background-color: #ffe6e6;border-radius: 4px;}
.pAuth .box .btn.disabled {opacity: 0.6;cursor: not-allowed;}
.pSucc .img{height:750px;overflow:hidden;}
.pSucc .img img{height:725px;}
.pSucc .box{height:650px;padding:38px 50px;}
.pSucc .box ul li input,
.pSucc .box ul li select{padding-left:10px;}
.pSucc .avatar-item {text-align: center;padding: 10px 0;}
.pSucc .avatar-upload {width: 84px;height: 118px;border: 2px dashed #ddd;display: inline-flex;align-items: center;justify-content: center;cursor: pointer;overflow: hidden;flex-direction: column;}
.pSucc .avatar-upload:hover {border-color: #0579ae;}
.pSucc .avatar-img {width: 100%;height: 100%;object-fit: cover;}
.pSucc .avatar-placeholder {font-size: 10px;color: #999;text-align: center;line-height: 1.3;}
.pSucc .school-suggestions {position: absolute;top: 100%;left: 40px;right: 0;background: #fff;border: 1px solid #ddd;border-radius: 4px;max-height: 200px;overflow-y: auto;z-index: 100;}
.pSucc .school-item {padding: 10px 15px;cursor: pointer;}
.pSucc .school-item:hover {background: #f5f5f5;}
.pSucc .btn.disabled {opacity: 0.6;cursor: not-allowed;}
.pRegister .img{height:600px;}
.pRegister .box{height:500px;}
.pRegister .box .sms input{padding-left:10px;}
.pRegister .box .sms a.send {position: absolute;right:1px;top:1px;width: 140px;height: 40px;line-height: 40px;display: block;overflow: hidden;border-radius: 4px;color: #fff;background: #ff8800;font-size: 14px;text-align: center;width: 130px;height: 50px;border-radius: 0px;text-align: center;line-height: 50px;font-size: 16px;background-color: #f68619;}
.pCert .query-form {background: #f5f5f5;padding: 20px;border-radius: 8px;margin-bottom: 20px;display: flex;align-items: center;}
.pCert .form-item {margin-bottom: 0;margin-right: 20px;}
.pCert .form-item label {display: inline-block;width: 80px;font-weight: bold;margin-right: 10px;}
.pCert .form-item input {width: 200px;padding: 8px;border: 1px solid #ddd;border-radius: 4px;}
.pCert .form-item button {margin-left: 0;padding: 8px 20px;background-color: #0579ae;color: white;border: none;border-radius: 4px;cursor: pointer;}
.pCert .form-item button:disabled {background-color: #ccc;cursor: not-allowed;}
.pCert .status-message {text-align: center;padding: 50px;color: #999;font-size: 16px;}
.pCert .certificate-list {margin-top: 20px;}
.pCert .certificate-list h3 {margin-bottom: 15px;color: #333;}
.pCert .certificate-item {display: block;margin:0 auto 20px;width:80%;}
.pCert .certificate-item img {width: 100%;display:block;}
.pCert .certificate-item p {margin-top: 10px;color: #666;}

.pUser{padding: 40px 0 40px 0; width:1200px; height:auto; padding:0px 0 60px 0; margin:0 auto; position:relative; }
.pUser .minfo_left{ float:left; width:250px; overflow:hidden; margin-right:30px;}
.pUser .minfo_right{ overflow:hidden;}
.pUser .minfo_login{ overflow:hidden; background:#fff; padding:30px 20px 10px 20px; margin:0 0 30px 0;}
.pUser .minfo_login .image{width:50%;margin:0 auto;}
.pUser .minfo_login .image img{width:100%;display:block;}
.pUser .minfo_login p.name{ line-height:30px; display:block; overflow:hidden; font-size:16px; color:#666; padding-top:10px;text-align:center;}
.pUser .minfo_login p.time{ line-height:30px; color:#999;text-align:center;}
.pUser .m_menu{ overflow:hidden; background:#fff; padding:10px 0;}
.pUser .m_menu h3{ height:40px; line-height:40px; overflow:hidden; display:block;}
.pUser .m_menu h3 em{ float:left; width:55px; display:block; overflow:hidden; text-align:center; font-size:20px; font-family:'iconfont'; font-weight:normal;font-style:normal; }
.pUser .m_menu h3 span{ font-size:16px; color:#333;}
.pUser .m_menu ul{ overflow:hidden; font-size:14px; margin-bottom:10px;}
.pUser .m_menu ul li{ height:32px; line-height:32px; overflow:hidden;}
.pUser .m_menu ul li a{ display:block; overflow:hidden; padding:0 0 0 55px; color:#8c8c8c;}
.pUser .m_menu ul li a:hover{ color:#ff4444; text-decoration:underline;}
.pUser .m_menu ul li a.on{ color:#ff4444;}
/*右侧*/
.pUser .minfo_box{ overflow:hidden; padding:20px 30px; background:#fff; min-height:600px;}
.pUser .minfo_box_title{ width:100%; height:39px; line-height:39px; border-bottom:1px solid #ddd; margin:0 0 30px 0;}
.pUser .minfo_box_title span{ float:left; height:38px; font-size:16px; color:#666; display:inline-block; overflow:hidden; padding:0 10px; border-bottom:solid 2px #0579ae;}
.pUser .minfo_box_title a{ float:right;}
/*选项*/
.pUser .minfo_nav{ height:40px; overflow:hidden; margin-bottom:30px;}
.pUser .minfo_nav li{ float:left; width:120px; height:40px; line-height:40px; overflow:hidden; margin-right:20px;}
.pUser .minfo_nav li a{ display:block; overflow:hidden; text-align:center; font-size:14px; color:#666; background:#f8f8f8;}
.pUser .minfo_nav li a.aon{ color:#fff; background:#ff4444;}
.pUser .minfo_nav li a:hover{ color:#fff; background:#ff4444;}
.pUser .minfo_nav li.lion a{ color:#fff; background:#ff4444;}
.pUser .minfo_nav li:hover a{ color:#fff; background:#ff4444;}
.pUser .left{float:left;}
.pUser .minfo_cert img{width:100%;display:block;margin-top:20px;}
/*表单*/
.member_form{ overflow:hidden; padding:5px 0;}
.member_form li{ min-height:40px; clear:both; margin-bottom:20px; position:relative; padding:0 0 0 105px;}
.member_form .name{ width:100px; line-height:40px; font-size:14px; color:#999; display:block; overflow:hidden; text-align:right; position:absolute; top:0; left:0; z-index:100;}
.member_form .name b{ color:#F00; margin-right:3px;}
.member_form .tips { line-height:20px; font-size:13px; color:#999; padding:10px 0 0 0;}
/*文本按钮*/
.member_txt{ width:268px; height:38px; line-height:38px; padding:0 15px; border:1px solid #ddd; font-size:14px; color:#666;}
.member_text{ width:368px; height:60px; line-height:20px; padding:10px 15px; border:1px solid #ddd; font-size:14px; color:#666;}
.member_ddl{ float:left; width:268px; height:40px; border:1px solid #ddd; font-size:14px; color:#666; margin:0 20px 0 0; text-indent:12px;}
.member_btn{ float:left; width:200px; line-height:40px; height:40px; overflow:hidden; display:block; text-align:center; font-size:16px; color:#fff; border-radius:4px; background:#0579ae;}
.member_btn:hover{ color:#fff;}
/*单选按钮*/
.member_radio{ float:left; line-height:40px; overflow:hidden; vertical-align:middle;}
.member_radio input{ display:inline-block; vertical-align:middle; cursor:pointer; margin:0 5px 0 0; width:14px; height:14px;}
.member_radio label{ display:inline-block; vertical-align:middle; cursor:pointer; margin:0 20px 0 0; overflow:hidden; font-size:14px; color:#666;}
.member_radio table{ border:0 none !important;}
.member_radio table td{ padding:0; line-height:40px; border:0 none !important;}
/*上传头像*/
.uploadtoux{ float:right; width:120px; overflow:hidden; text-align:center; margin-right:120px;cursor:pointer;}
.uploadtoux p{ display:block; overflow:hidden; margin-bottom:5px;}
.uploadtoux p img{ width:120px; display:block; background:#e5e5e5;}
.uploadtoux a{ line-height:30px; font-size:14px; color:#999;}
.uploadtoux a:hover{ color:#ff4444;}


.pMatch .match_filter {background: #fff;padding: 40px;margin-bottom: 40px;border-radius: 4px;font-size:16px;}
.pMatch .filter_item {margin-bottom:30px;}
.pMatch .filter_item:last-child{margin-bottom:0;}
.pMatch .filter_label {margin-right: 10px;font-weight: 500;}
.pMatch .filter_buttons {display: inline-block;}
.pMatch .filter_buttons button {padding: 5px 15px;border: 1px solid #fff;background: #fff;cursor: pointer;border-radius: 4px;margin-right: 5px;font-size:16px;color:#555;}
.pMatch .filter_buttons button:hover,.pMatch .filter_buttons button.active {background: #0579ae;color: #fff;border-color: #0579ae;}
.pMatch .match_list{padding:40px;min-height: 400px;background:#fff;border-radius:4px;}
.pMatch .loading{text-align: center;padding: 100px 0;color: #999;}
.pMatch .match_item {width: calc((100% - 80px)/3);float: left;margin-right: 40px;margin-bottom: 40px;box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15);cursor:pointer;}
.pMatch .match_item:nth-child(3n){margin-right:0;}
.pMatch .match_item:hover {box-shadow: 0 2px 8px rgba(0,0,0,0.1);}
.pMatch .match_img {width: 100%;height: 200px;margin-right: 20px;overflow: hidden;}
.pMatch .match_img img {width: 100%;height: 100%;object-fit: cover;}
.pMatch .match_info {padding:30px;}
.pMatch .match_title {font-size: 16px;color: #333;height: 48px;}
.pMatch .match_item:hover .match_title{color:#0579ae;}
.pMatch .match_time{margin-bottom: 10px;color: #666;font-size:12px;}
.pMatch .match_status span {margin-bottom: 10px;display: inline-block;color: #fff;font-size: 16px;height: 32px;line-height: 32px;padding: 0px 30px;border-radius: 20px;color: #fff;font-size: 16px;display: inline-block;}
.pMatch .match_time span:first-child,.pMatch .match_status span:first-child {font-weight: 500;margin-right: 10px;}
.pMatch .match_status3 {background: #4CAF50;}
.pMatch .match_status4 {background: #2196F3;}
.pMatch .match_status5 {background: #9E9E9E;}
.pMatch .match_status2 {background: #9E9E9E;}
.pMatch .clear{clear:both;}

.pMat .match_sign{margin:30px 0;text-align:center;}
.pMat .match_sign.fixed{position:fixed;bottom:0;left:0;width:100%;background:#fff;margin:0;padding:30px 0;z-index:5;box-shadow:0 0 5px #ccc;}
.pMat .warn{font-size:16px;line-height:200%;padding-bottom:20px;}
.pMat .sign_btn{padding:10px 30px;background:#0579ae;color:#fff;border:none;border-radius:4px;font-size:16px;cursor:pointer;transition:all 0.3s ease;}
.pMat .sign_btn:hover{background:#045c81;}
.sign_btn.disabled{background:#BDBDBD;cursor:not-allowed;}
.pMat .form{margin-top:30px;padding:20px;background:#f9f9f9;border-radius:4px;font-size:14px;}
.pMat .form h3{margin-top:0;margin-bottom:20px;color:#333;}
.pMat .form h4{color:#000;font-size:16px;font-weight:bold;margin-bottom:15px;}
.pMat .sign_section{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #eee;padding-right:20%;position:relative;}
.pMat .sign_section .image{position:absolute;right:5%;top:80px;width:150px;z-index:10;}
.pMat .sign_section .image img{width:100%;display:block;cursor:pointer;}
.pMat .sign_section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0;}
.pMat div.tips{color: #0000FF;margin-bottom:10px;}
.pMat em{color:red;margin-right:2px;}
.pMat .sign_section .item{display:inline-block;width:48%;margin-bottom:15px;vertical-align:top;}
.pMat .sign_section .item label{display:block;font-weight:500;color:#333;}
.pMat .sign_section input[type=text],
.pMat .sign_section select{padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;width:calc(100% - 90px);}
.pMat .work_section .item{display:block;width:100%;margin-bottom:15px;padding-left:120px;position:relative;}
.pMat .work_section .item>label:first-child{display:inline-block;width:100px;font-weight:500;color:#333;position:absolute;left:0px;top:5px;}
.pMat .work_section .files>label:first-child{top:0;}
.pMat .work_section input[type=text]{padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;width:500px;}
.pMat .upload_area{display:inline-block;}
.pMat .upload_btn{padding:8px 16px;background:#f5f5f5;border:1px solid #ddd;border-radius:4px;cursor:pointer;margin-right:10px;}
.pMat .file_name{color:#666;font-size:14px;}
.pMat .count_hint{color:#999;font-size:12px;margin-left:10px;}
.pMat .form_buttons{margin-top:20px;text-align:center;}
.pMat .form_buttons button{padding:8px 20px;border:none;border-radius:4px;font-size:14px;cursor:pointer;margin:0 10px;transition:all 0.3s ease;}
.pMat .form_buttons button:first-child{background:#4CAF50;color:#fff;}
.pMat .form_buttons button:first-child:hover{background:#43A047;}
.pMat .form_buttons button:first-child.disabled{background:#BDBDBD;cursor:not-allowed;}
.pMat .form_buttons button:last-child{background:#f5f5f5;color:#333;border:1px solid #ddd;}
.pMat .form_buttons button:last-child:hover{background:#e0e0e0;}
.pMat .pictures>span{display:inline-block;width:80px;height:80px;margin:0 5px 5px 0;position:relative;}
.pMat .pictures>span a{position:absolute;right:-5px;top:-5px;cursor:pointer; color:#0579ae;border:1px dashed #0579ae ; border-radius:4px;padding:0 5px;line-height:200%;display:inline-block;font-size:12px;}
.pMat .pictures>span img{width:80px;height:80px;border:1px solid #fff;cursor:pointer;}
.pMat .pictures .upload img{opacity:0;}
.pMat .pictures .upload{cursor:pointer;}
.pMat .pictures .upload input{position:absolute;width:100%;height:100%;left:0;top:0;opacity:0;cursor:pointer;}
.pMat .pictures .upload span{position:absolute;left:0;top:0;display:inline-block;width:80px;height:80px;line-height:80px;text-align:center;color:#0579ae;border:1px dashed #0579ae;font-size:12px;}
.pMat .files .upload{position:relative;}
.pMat .files .preview{cursor:pointer;margin-right:10px;cursor:pointer;}
.pMat .files .upload input{opacity:0;position:absolute;left:0;top:0;width:100%;height:100%;}
.pMat .files .upload a{cursor:pointer;color:#0579ae;background:#fff;border:1px dashed #0579ae;font-size:12px;padding:0 10px;line-height:200%;}
.pMat .preview-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.8);z-index:9999;display:flex;justify-content:center;align-items:center;z-index:100;}
.pMat .preview-content{max-width:95%;max-height:95%;width:100%;height:100%;display:flex;justify-content:center;align-items:center;}
.pMat .preview-image{max-width:100%;max-height:100%;object-fit:contain;}
.pMat .preview-pdf{width:100%;height:100%;min-height:600px;border:none;}
.pMat .preview-video{max-width:100%;max-height:100%;object-fit:contain;}
.pMat .preview-doc,.pMat .preview-other{color:#fff;text-align:center;padding:50px;background:rgba(255,255,255,0.1);border-radius:10px;}
.pMat .doc-download{color:#4CAF50;text-decoration:underline;margin-top:20px;display:inline-block;}
.pMat .preview-close{position:absolute;top:20px;right:30px;color:#fff;font-size:40px;cursor:pointer;line-height:1;}



.pUserMatchList .filter{margin-bottom:20px;padding:10px;background:#f9f9f9;border-radius:4px}
.pUserMatchList .filter_title{margin-right:10px;color:#666}
.pUserMatchList .filter button{margin:0 5px;padding:5px 15px;border:1px solid #ddd;border-radius:4px;background:#fff;cursor:pointer;transition:all 0.3s ease}
.pUserMatchList .filter button:hover{border-color:#0579ae;color:#0579ae}
.pUserMatchList .filter button.active{background:#0579ae;color:#fff;border-color:#0579ae}
.pUserMatchList .filter button.status_green{border-color:#4CAF50;color:#4CAF50}
.pUserMatchList .filter button.status_green.active{background:#4CAF50;color:#fff}
.pUserMatchList .filter button.status_red{border-color:#f44336;color:#f44336}
.pUserMatchList .filter button.status_red.active{background:#f44336;color:#fff}
.pUserMatchList .loading{text-align:center;padding:50px;color:#666}
.pUserMatchList .empty{text-align:center;padding:50px;color:#999}
.pUserMatchList .match_list{margin-bottom:20px}
.pUserMatchList .match_item{padding:20px;border:1px solid #eee;border-radius:4px;margin-bottom:10px;transition:all 0.3s ease;position:relative;}
.pUserMatchList .match_item .nav{position:absolute;right:0;top:0px;width:50px;height:100%;text-align:center;display:inline-block;}
.pUserMatchList .match_item .nav span{position:absolute;top:50%;left:0;width:100%;text-align:center;display:block;line-height:100%;font-size:14px;margin-top:-8px;color:#666;}
.pUserMatchList .match_item .nav:hover span{color:#0579ae;}
.pUserMatchList .match_item button{background:none;border:1px solid #0579ae;color:#0579ae;cursor:pointer;margin-left:10px;font-size:12px;line-height:180%;padding:0 5px;border-radius:4px;}
.pUserMatchList .match_item button:hover{background:#0579ae;color:#fff;}
.pUserMatchList .match_header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.pUserMatchList .match_header h3{margin:0;color:#333;font-size:16px;}
.pUserMatchList .match_header span{font-weight:normal;font-size:14px;}
.pUserMatchList .match_header span:first-child{margin-left:8px;}
.pUserMatchList .status_gray{background:#f0f0f0;color:#666}
.pUserMatchList .s3{color:#4CAF50}
.pUserMatchList .s5{color:#f44336}
.pUserMatchList .s4{color:#f44336}
.pUserMatchList .s2{color:orange;}
.pUserMatchList .match_info p{margin:5px 0;color:#666;font-size:14px}
.pUserMatchList .pagination{text-align:center;padding:20px}
.pUserMatchList .pagination button{padding:8px 20px;margin:0 10px;border:1px solid #ddd;border-radius:4px;background:#fff;cursor:pointer}
.pUserMatchList .pagination button:hover:not(:disabled){background:#0579ae;color:#fff;border-color:#0579ae}
.pUserMatchList .pagination button:disabled{background:#f5f5f5;color:#999;cursor:not-allowed}
.pUserMatchList .pagination span{margin:0 10px;color:#666}