.practiceDetails{

    width: 100%;

    height: 100%;

}



.swiper-button-prev, .swiper-container-rtl .swiper-button-next {

    background-image: url(../img/z-slideleft.png);

    left: 10px;

    right: auto;

}

.z-head {

    width: 100%;

    height: 100px;

    background: #cc0000;

}

.z-headmain {

    width: 1400px;

    height: 100px;

    margin: auto;

}

.z-sjsmain {

    width: 1400px;

    margin: auto;

}

.z-logo {

    width: 280px;

    height: 57px;

    padding-top: 22px;

    float: left;

}

.z-logo div {

    width: 57px;

    height: 57px;

    border-radius: 50%;

    overflow: hidden;

    float: left;

}

.z-logo div img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}

.z-logo p {

    padding-left: 5px;

    float: left;

    text-align: center;

    font-size: 20px;

    color: rgb(255, 255, 255);

    font-family: 宋体;

    font-weight: bold;

}

.z-headmain .z-headjs {

    float: left;

    margin-left: 30px;

    padding-top: 10px;

}

.z-headjs ul {

    width: 100%;

    display: -webkit-flex;

    display: flex;

    -webkit-justify-content: center;

    justify-content: center;

}

.clearfix {

    clear: both;

}

.z-headjs ul li {

    margin: 0 15px;

    text-align: center;

    color: #fff;

    font-size: 14px;

    line-height: 25px;

}

.z-headjs p {

    height: auto;

}

.z-headjs p span {

    font-size: 16px;

}

.z-headright {

    height: 100%;

    float: right;

}

.z-headrightdl {

    width: 100%;

    height: 45px;

}

.z-headrightdl div {

    height: 100%;

    float: right;

}

.z-headrightdl div .z-headrightdls1 {

    display: inline-block;

    padding-left: 30px;

    background: url(../img/z-maindl1.png) no-repeat left center;

    line-height: 45px;

    font-size: 16px;

}

.z-headrightdl div span a {

    color: #fff;

    transition: all 0.3s ease;

}

.z-headrightdl div .z-headrightdls2 {

    display: inline-block;

    padding-left: 30px;

    margin-left: 15px;

    background: url(../img/z-mainzc1.png) no-repeat left center;

    line-height: 45px;

    font-size: 16px;

}

.z-headnav {

    width: 100%;

    height: 55px;

}

.z-headnav ul {

    padding-top: 10px;

    float: right;

}

.z-headnav ul li {

    float: left;

    margin-left: 10px;

    font-size: 16px;

}

.z-headnav ul li a {

    color: #FFFFFF;

    transition: all 0.3s ease;

}



.z-sjsleft {

    float: left;

    width: 540px;

    box-sizing: border-box;

    padding: 15px 60px;

    background: #FFFFFF;

}

.z-sjsxxzl {

    width: 100%;

}

.z-sjsxxzl p {

    line-height: 30px;

    font-size: 14px;

}

.z-sjsxxzl p span {

    font-size: 18px;

    color: #C3000A;

}



.z-sjssjzx {

    /*min-height: 400px;*/

}



.z-sjssjzx .z-sjssjzxtl i, .z-sjstzgg .z-sjstzggtl i, .z-sjsfczs .z-sjsfczstl i, .z-sjszyxm .z-sjszyxmtl i, .z-sjszyzz .z-sjszyzztl i, .z-sjszyq .z-sjszyqtl i, .z-sjsxjdx .z-sjsxjdxtl i, .z-sjsssp .z-sjsssptl i, .z-sjszyfc .z-sjszyfctl i {

    float: right;

    font-size: 14px;

    color: #999999;

    font-style: initial;

    margin-top: 3px;

}

.z-sjsright {

    width: 860px;

    float: right;

    background: #FFFFFF;

    box-sizing: border-box;

    padding: 20px 60px;

}

.z-sjssjzx .z-sjssjzxtl, .z-sjstzgg .z-sjstzggtl, .z-sjsfczs .z-sjsfczstl, .z-sjssjph .z-sjssjphtl, .z-sjszyxm .z-sjszyxmtl, .z-sjszyzz .z-sjszyzztl, .z-sjszyq .z-sjszyqtl, .z-sjsxjdx .z-sjsxjdxtl, .z-sjsssp .z-sjsssptl, .z-sjszyfc .z-sjszyfctl {

    width: 100%;

    margin-bottom: 15px;

}

.z-sjssjzx .z-sjssjzxtl span, .z-sjstzgg .z-sjstzggtl span, .z-sjsfczs .z-sjsfczstl span, .z-sjssjph .z-sjssjphtl span, .z-sjszyxm .z-sjszyxmtl span, .z-sjszyzz .z-sjszyzztl span, .z-sjszyq .z-sjszyqtl span, .z-sjsxjdx .z-sjsxjdxtl span, .z-sjsssp .z-sjsssptl span, .z-sjszyfc .z-sjszyfctl span {

    float: left;

    padding-left: 15px;

    font-size: 18px;

    color: #C3000A;

    font-weight: bold;

    background: url(../img/Rectangle5.png) no-repeat left center;

}

.fr {

    float: right;

}

.z-sjstzgg ul {

    width: 100%;

    margin-top: 10px;

}

.z-sjstzgg ul li {

    width: 100%;

    height: 30px;

    line-height: 30px;

}

.z-sjstzgg ul li p {

    float: left;

    width: 325px;

    font-size: 16px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    transition: all 0.3s ease;

}

.z-sjstzgg ul li span {

    float: right;

    font-size: 14px;

    color: #999;

}

.org-details {

    color: #999;

}

.slideBox1, .slideBox2 {

    width: 100%;

    max-height: 230px;

    position: relative;

    overflow: hidden;

}

.slideBox1 .bd, .slideBox2 .bd {

    position: relative;

    height: 100%;

    z-index: 0;

}

.slideBox1 .bd li, .slideBox2 .bd li {

    zoom: 1;

    vertical-align: middle;

    height: 100%;

}

.z-sjssjzx .z-slidep {

    width: 100%;

    font-size: 14px;

    margin-top: 15px;

    line-height: 25px;

    text-indent: 2em;

}

.z-slidep {

    padding-bottom: 20px;

}

.pr {

    position: relative;

}

.con-hide {

    overflow: hidden;

}

.z-slidep a.con-btn {

    bottom: 0;

    right: 0;

    color: #C3000A;

}

.z-slidep a.con-btn {

    bottom: 0;

    right: 0;

    color: #C3000A;

}

.con-btn {

    display: none;

}

.pa {

    position: absolute;

}



.z-sjssjzx {

    /*min-height: 400px;*/

}

.slideBox1 .hd {

    height: 15px;

    overflow: hidden;

    position: absolute;

    right: 5%;

    bottom: 3%;

    z-index: 9;

}

.slideBox1 .hd ul {

    overflow: hidden;

    zoom: 1;

}

.slideBox1 .bd, .slideBox2 .bd {

    position: relative;

    height: 100%;

    z-index: 0;

}

.slideBox1 .bd ul, .slideBox2 .bd ul {

    width: 100%;

    height: 100%;

}

.z-sjssjzxul {

    width: 100%;

    margin-top: 10px;

}

.z-sjssjzxul li {

    width: 100%;

    height: 30px;

    line-height: 30px;

}

.z-sjssjzxul li p {

    float: left;

    width: 325px;

    font-size: 16px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    transition: all 0.3s ease;

}

.z-sjssjzxul li span {

    float: right;

    font-size: 14px;

    color: #999;

}

.z-sjph .z-sjphcont1 {

    width: 100%;

    margin-top: 10px;

    position: relative;

}

.z-sjphcont1 {

    min-height: 254px;

}

.z-sjph .z-sjphcont1 ul, .z-sjph .z-sjphcont2 ul {

    width: 100%;

    height: 27px;

    position: relative;

}

.z-sjph .z-sjphcont1 ul li.on, .z-sjph .z-sjphcont2 ul li.on {

    background: url(../img/Rectangle32.png) no-repeat left center;

    color: #FFFFFF;

    z-index: 999;

    background-size: 115px 27px;

}



/* .home-Ranking-tit a.on {

    background: url(../img/Rectangle32.png) no-repeat left center;

    color: #fff;

    z-index: 999;

    background-size: 115px 27px;

} */

.z-sjph .z-sjphcont1 ul li:nth-child(1), .z-sjph .z-sjphcont2 ul li:nth-child(1) {

    position: absolute;

    left: 0;

    top: 0;

    z-index: 10;

}

.z-sjph .z-sjphcont1 ul li, .z-sjph .z-sjphcont2 ul li {

    width: 115px;

    height: 27px;

    line-height: 27px;

    font-size: 14px;

    color: #666666;

    text-align: center;

       background: url(../img/Ranking-bg.png) no-repeat left center;

    transition: all 0.3s ease;

    z-index: 10;

    cursor: pointer;

}





/* .z-sjph .z-sjphcont1 ul li:nth-child(2), .z-sjph .z-sjphcont2 ul li:nth-child(2) {

    width: 170px;

} */

.z-sjph .z-sjphcont1 ul li:nth-child(2), .z-sjph .z-sjphcont2 ul li:nth-child(2) {

    position: absolute;

    left: 95px;

    top: 0px;

    z-index: 9;

}



.z-sjph .z-sjphcont1 i {

    position: absolute;

    right: 0;

    top: 0px;

    font-style: initial;

    color: #999999;

}

.z-sjph .z-sjphcont2{

    position: relative;

}

.z-sjph .z-sjphcont2 i{

    position: absolute;

    right: 0;

    top: 0px;

    font-style: initial;

    color: #999999;

}

.z-zyz1, .z-sjs1 {

    width: 100%;

    

}

.z-zyz1 table, .z-sjs1 table {

    width: 100%;

    background: #f5f5f5;

    border: none;

    box-sizing: border-box;

    padding: 10px;

}

.z-zyz1 table tr, .z-sjs1 table tr {

    height: 30px;

    line-height: 30px;

    text-align: center;

    font-size: 14px;

    color: #666666;

}

.z-zyz1 table tr th, .z-sjs1 table tr th {

    border-bottom: 1px dashed #CCCCCC;

    font-weight: bold;

    color: #333333;

}

.z-zyz1 table tr:nth-child(2) td:nth-child(1), .z-sjs1 table tr:nth-child(2) td:nth-child(1) {

    background: url(../img/z-sjphcontimg3.png)no-repeat center center;

    font-size: 0;

}

.z-zyz1 table tr:nth-child(3) td:nth-child(1), .z-sjs1 table tr:nth-child(3) td:nth-child(1) {

    background: url(../img/z-sjphcontimg4.png)no-repeat center center;

    font-size: 0;

}

.z-zyz1 table tr:nth-child(4) td:nth-child(1), .z-sjs1 table tr:nth-child(4) td:nth-child(1) {

    background: url(../img/z-sjphcontimg5.png)no-repeat center center;

    font-size: 0;

}





.z-sjsdh {

    width: 100%;

}

.z-sjsdh ul {

    height: 62px;

}

.z-sjsdh ul li {

    text-align: center;

    float: left;

    margin-right: 30px;

}

.z-sjsdh ul li img {

    transition: all 0.5s ease;

}

.z-sjsdh ul li p {

    width: 100%;

    font-size: 16px;

    margin-top: 5px;

    color: #666666;

    transition: all 0.3s ease;

}

.z-sjszyxm {

    min-height: 490px;

}

.z-sjszyxm, .z-sjsxjdx, .z-sjsssp, .z-sjszyfc {

    width: 100%;

    margin-top: 20px;

}

.z-sjssjzx .z-sjssjzxtl, .z-sjstzgg .z-sjstzggtl, .z-sjsfczs .z-sjsfczstl, .z-sjssjph .z-sjssjphtl, .z-sjszyxm .z-sjszyxmtl, .z-sjszyzz .z-sjszyzztl, .z-sjszyq .z-sjszyqtl, .z-sjsxjdx .z-sjsxjdxtl, .z-sjsssp .z-sjsssptl, .z-sjszyfc .z-sjszyfctl {

    width: 100%;

    margin-bottom: 15px;

    margin-top: 15px;

}

 .z-sjszyxm .z-sjszyxmtl span {

    float: left;

    padding-left: 15px;

    font-size: 18px;

    color: #cc0000;

    font-weight: bold;

    background: url(../img/Rectangle5.png) no-repeat left center;

}

.z-sjszyxm .z-sjszyxmtl i{

    padding-left: 15px;

    float: right;

    font-size: 14px;

    color: #999999;

    font-style: initial;

    margin-top: 3px;

}

.replace img {

    width: 14px;

    vertical-align: middle;

    display: inline-block;

    margin: -2px 2px 0 0;

}



.z-sjszyxmtl b {

    display: inline-block;

    width: 350px;

    height: 24px;

    line-height: 27px;

    

    margin-left: 20px;

}

.z-sjszyxmtl b em {

    display: inline-block;

    width: 70px;

    height: 100%;

    text-align: center;

    font-style: initial;

    font-size: 14px;

    cursor: pointer;

    line-height: 24px;

    transition: all 0.3s ease;

}

.z-sjszyxmtl b em.on{

    background: #C3000A;

    color: #FFFFFF;

    border-radius: 5px;

}

.z-sbxmcont {

    width: 100%;

    margin-top: 15px;

    background: #FFFFFF;

    box-sizing: border-box;

    display: none;

    max-height: 450px;

}

.z-sbxmcont ul {

    width: 100%;

}

.z-sbxmcont ul li {

    width: 170px;

    height: 210px;

    overflow: hidden;

    margin-bottom: 15px;

    background: #f7f7f7;

    transition: all 0.3s ease;

    float: left;

    margin-right: 15px;

    position: relative;

}

.z-sbxmcont ul li .z-detaimg {

    width: 100%;

    height: 125px;

    position: relative;

}

.z-sbxmcont ul li .z-detaimg img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}

.z-sbxmcont ul li .z-detaimg .z-detaimg-p {

    width: 40px;

    height: 18px;

    font-size: 12px;

    color: #FFFFFF;

  

    line-height: 18px;

    text-align: center;

    position: absolute;

    bottom: 27px;

    right: 5px;

}

.activityStatus_2 {

    background-color: #666 !important;

}

.z-sbxmcont ul li .z-detaimg .z-detaimg-span {

    display: block;

    width: 100%;

    height: 22px;

    line-height: 22px;

    position: absolute;

    bottom: 0;

    left: 0;

    background-color: rgba(0,0,0,0.5);

    color: #FFFFFF;

    text-align: center;

    box-sizing: border-box;

    padding: 0px 5px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}

.z-sbxmcont ul li .z-detapo {

    width: 100%;

    height: 100px;

    position: absolute;

    top: 0px;

    left: 0;

}

.z-sbxmcont ul li .z-detapop {

    position: absolute;

    top: -150px;

    left: 0;

    /* opacity: 0;

    z-index: -1; */

    padding: 10px;

    transition: all 0.5s ease;

    background-color: rgba(0,0,0,0.5);

}

.z-sbxmcont ul li .z-detapop p {

    font-size: 12px;

    color: #FFFFFF;

}

.z-sbxmcont ul li .z-detap1 {

    padding-top: 10px;

}



.z-sbxmcont ul li .z-detap1{

    width: 100%;

    text-align: center;

    box-sizing: border-box;

    padding: 5px 0 0;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}

.z-sbxmcont ul li .z-detap1 span {

    display: inline-block;

    color: #666666;

    padding-left: 15px;

    background: url(../img/Slice24.png) no-repeat left center;

    max-width: 152px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    font-size: 12px;

    background-size:  13px 15px;

}

.z-sbxmcont ul li .z-detap3 {

    width: 100%;

    display: flex;

    flex-wrap: nowrap;

    justify-content: space-between;

    box-sizing: border-box;

    padding: 5px 10px;

    padding-top: 0px;

    position: relative;

}

.z-sbxmcont ul li .z-detap3 span {

    font-size: 14px;

    font-weight: bold;

    text-align: center;

    padding-top: 5px;

}

.z-sbxmcont ul li .z-detap3 span i{

    font-size: 12px;

    color: #C3000A;

    font-style: initial;

}

.z-sbxmcont ul li .z-detap3 b{

    display: inline-block;

    width: 1px;

    height: 35px;

    box-sizing: border-box;

    border: 1px dashed #CCCCCC;

    position: absolute;

    left: 84px;

    top: 9px;

}

.clearfix {

    clear: both;

}

.clearfix {

    zoom: 1;

}

.z-sjszyzzcont {

    min-height: 450px;

}

.z-sbxmcont, .z-sjszyzzcont {

    width: 100%;

    margin-top: 15px;

    background: #FFFFFF;

    box-sizing: border-box;

    display: none;

    /* max-height: 450px; */

}

.z-sjszyzzcont ul {

    width: 100%;

}

.z-sjszyzzcont ul li {

    width: 170px;

    height: 230px;

    overflow: hidden;

    margin-bottom: 15px;

    background: #FFFFFF;

    transition: all 0.3s ease;

    float: left;

    margin-right: 15px;

    box-sizing: border-box;

    border: 1px solid #CCCCCC;

}



.z-sjszyzzcont ul li:hover{

    box-shadow: darkgrey 0px 0px 8px -1px;

}

.z-sbxmcont ul li .z-detaimg, .z-sjszyzzcont ul li .z-detaimg {

    width: 100%;

    height: 125px;

    position: relative;

}

.z-sjszyzzcont ul li .z-detaimg img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}

.z-sjszyzzcont ul li .z-detaimg span {

    display: block;

    width: 100%;

    height: 22px;

    line-height: 22px;

    position: absolute;

    bottom: 0;

    left: 0;

    background-color: rgba(0,0,0,0.5);

    color: #FFFFFF;

    text-align: center;

    box-sizing: border-box;

    padding: 0px 5px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}

.z-sjszyzzcont ul li .z-detap1 {

    width: 100%;

    text-align: center;

    box-sizing: border-box;

    padding: 5px 0 0;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}

.z-sjszyzzcont ul li .z-detap1 span {

    display: inline-block;

    color: #666666;

    padding-left: 15px;

    background: url(../img/Slice24.png) no-repeat left center;

    max-width: 152px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    font-size: 12px;

    background-size: 13px 15px;

}

.z-sjszyzzcont ul li .z-detap2 {

    box-sizing: border-box;

    margin-left: 10px;

    margin-right: 10px;

    padding: 0 0px 5px;

    font-weight: bold;

    border-bottom: 1px dashed #CCCCCC;

    text-align: center;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}

.z-sjszyzzcont ul li .z-detap2 span {

    color: #666666;

    font-weight: normal;

}

.z-sjszyzzcont ul li .z-detap3 {

    width: 100%;

    display: flex;

    flex-wrap: nowrap;

    justify-content: space-between;

    box-sizing: border-box;

    padding: 5px 10px;

    padding-top: 0px;

    position: relative;

}

.z-sjszyzzcont ul li .z-detap3 span {

    font-size: 14px;

    font-weight: bold;

    text-align: center;

    padding-top: 5px;

}

.z-sjszyzzcont ul li .z-detap3 span i {

    font-size: 12px;

    color: #C3000A;

    font-style: initial;

}

.z-sjszyzzcont ul li .z-detap3 span {

    font-size: 14px;

    font-weight: bold;

    text-align: center;

    padding-top: 5px;

}

.z-sjszyzzcont ul li .z-detap3 b {

    display: inline-block;

    width: 1px;

    height: 35px;

    box-sizing: border-box;

    border: 1px dashed #CCCCCC;

    position: absolute;

    left: 84px;

    top: 9px;

}

.z-sjssspcont1 {

    min-height: 130px;

}

.z-sjssspcont1 ul {

    width: 100%;

    display: flex;

    flex-wrap: nowrap;

    justify-content: flex-start;

}

.z-sjssspcont1 ul li:nth-child(1) {

    margin-left: 0;

}

.z-sjssspcont1 ul li {

    width: 170px;

    height: 130px;

    position: relative;

    border-radius: 8px;

    overflow: hidden;

    margin-left: 15px;

}

.z-sjssspcont1 ul li img {

    width: 100%;

    height: 100%;

    transition: all 0.5s ease;

}



.z-sjssspcont1 ul li img:hover{

        transform: scale(1.2); /* 放大1.2倍 */

}

.z-sjssspcont1 ul li p {

    width: 100%;

    height: 22px;

    line-height: 22px;

    position: absolute;

    bottom: 0px;

    /* bottom: -22px; */

    left: 0;

    background-color: rgba(0,0,0,0.5);

    color: #FFFFFF;

    text-align: center;

    box-sizing: border-box;

    padding: 0px 10px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    transition: all 0.5s ease;

}

.z-jxhrcont {

    width: 100%;

    margin-top: 15px;

    background: #F7F7F7;

    box-sizing: border-box;

    padding: 15px;

}

.z-jxhrcont ul {

    width: 100%;

    display: flex;

    flex-wrap: nowrap;

    justify-content: flex-start;

}

.z-jxhrcont ul li:nth-child(1) {

    margin-left: 0;

}

.z-jxhrcont ul li {

    width: 169px;

    box-sizing: border-box;

    margin-left: 15px;

}

.z-jxhrcont ul li .z-jxhrcontd1 {

    width: 100%;

    box-sizing: border-box;

    border: 1px solid #CCCCCC;

    padding: 1px;

    background: #FFFFFF;

}

.z-jxhrcont ul li .z-jxhrcontd1 .z-jxhrcontd2 {

    width: 100%;

    height: 120px;

}

.z-jxhrcont ul li .z-jxhrcontd1 .z-jxhrcontd2 img {

    width: 100%;

    height: 100%;

}

.z-jxhrcont ul li .z-jxhrcontd1 p {

    font-size: 14px;

    color: #999999;

    text-align: center;

}

.z-jxhrcont ul li span {

    display: block;

    font-size: 16px;

    text-align: center;

    margin-top: 5px;

    transition: all 0.3s ease;

}

.z-sjsssptl b {

    display: inline-block;

    width: 350px;

    height: 24px;

    line-height: 27px;

  

    margin-left: 20px;

}

.z-sjsssptl b em.on {

    background: #C3000A;

    color: #FFFFFF;

    border-radius: 5px;

    text-shadow: 0 0 black;

}



.z-sjsssptl b em {

    display: inline-block;

    width: 90px;

    height: 100%;

    text-align: center;

    font-style: initial;

    font-size: 14px;

    cursor: pointer;

    line-height: 24px;

    transition: all 0.3s ease;

    margin-left: 6px;

}



.activityStatus_1{background-color:#999 !important;}

.activityStatus_2{background-color:#0abbde !important;}

.activityStatus_3{background-color:#1877c9 !important;}

.activityStatus_4{background-color:#666 !important;}

