.wrap .main { background:url('../../../images/subject/www/shouchuxin/bg.jpg') no-repeat top center;
    width: 1920px;
    height: 879px;}ht: 985px; background: url(../../../images/subject/www/shouchuxin/banner.jpg) no-repeat top/100% 100%; overflow: hidden; }

.wrap .main .banner h3 { width: 492px; height: 148px; background: url(../../../images/subject/www/shouchuxin/banner-title.png) no-repeat top/100% 100%; margin: 87px auto 62px; }

.wrap .main .banner .live-play { width: 957px; height: 594px; margin: 0 auto 0; }

.wrap .main .event-agenda { height: 917px; background: url(../../../images/subject/www/shouchuxin/bg1.jpg) no-repeat top/100% 100%; }

.wrap .main .event-agenda h3 { width: 541px; height: 138px; background: url(../../../images/subject/www/shouchuxin/title-hdyc.png) no-repeat top/100% 100%; margin: 0 auto; }

.wrap .main .event-agenda .section { width: 1075px; height: 670px; background: url(../../../images/subject/www/shouchuxin/bg-hdyc.png) no-repeat top/100% 100%; margin: 50px auto 0; }

.wrap .main .public-class { height: 1498px; background: url(../../../images/subject/www/shouchuxin/bg2.jpg) no-repeat top/100% 100%; }

.wrap .main .public-class h3 { width: 510px; height: 131px; background: url(../../../images/subject/www/shouchuxin/title-gkk.png) no-repeat top/100% 100%; margin: 0 auto; }

.wrap .main .public-class .tab-box { width: 1074px; margin: 70px auto 0; }

.wrap .main .public-class .tab-box .tabs { width: 1055px; height: 168px; position: relative; margin-left: 2px; display: flex; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.wrap .main .public-class .tab-box .tabs div { width: 257px; height: 158px; background: url(../../../images/subject/www/shouchuxin/tab-bg.png) no-repeat top/100% 100%; margin-left: -65px; position: relative; }

.wrap .main .public-class .tab-box .tabs div p { color: #ffffff; line-height: 27px; font-size: 20px; text-align: center; position: absolute; top: 15px; right: 35px; }

.wrap .main .public-class .tab-box .tabs div p.t30 { top: 30px; }

.wrap .main .public-class .tab-box .tabs div.active { width: 270px; height: 168px; background: url(../../../images/subject/www/shouchuxin/tab-active.png) no-repeat top/100% 100%; top: -13px; z-index: 8 !important; }

.wrap .main .public-class .tab-box .tabs div.active p { color: #ff8185; line-height: 27px; font-size: 25px; text-align: center; position: absolute; top: 22px; right: 0px; left: 0; margin: 0 auto; }

.wrap .main .public-class .tab-box .tabs div.active p.t30 { top: 37px; }

.wrap .main .public-class .tab-box .tabs div:nth-child(1) { margin-left: 0; z-index: 5; }

.wrap .main .public-class .tab-box .tabs div:nth-child(2) { z-index: 4; }

.wrap .main .public-class .tab-box .tabs div:nth-child(3) { z-index: 3; }

.wrap .main .public-class .tab-box .tabs div:nth-child(4) { z-index: 2; }

.wrap .main .public-class .tab-box .tabs div:nth-child(5) { z-index: 1; }

.wrap .main .public-class .tab-box ul { height: 942px; background: url(../../../images/subject/www/shouchuxin/tab-content.png) no-repeat top/100% 100%; position: relative; z-index: 9; top: -83px; padding: 20px 0; }

.wrap .main .public-class .tab-box ul li { height: 180px; margin-left: 53px; float: left; display: flex; align-items: center; width: 890px; }

.wrap .main .public-class .tab-box ul li.active .avatar div .mask_avatar { display: none; }

.wrap .main .public-class .tab-box ul li.active .info-box { background: url(../../../images/subject/www/shouchuxin/info-active.png) no-repeat top/100% 100%; height: 130px; }

.wrap .main .public-class .tab-box ul li.active .info-box .btn { width: 98px; height: 37px; background: url(../../../images/subject/www/shouchuxin/info-btn-avtive.png) no-repeat top/100% 100%; }

.wrap .main .public-class .tab-box ul li:nth-child(2n) { flex-direction: row-reverse; margin-left: 128px; }

.wrap .main .public-class .tab-box ul li:nth-child(2n).active .avatar div .mask_avatar { display: none; }

.wrap .main .public-class .tab-box ul li:nth-child(2n).active .info-box { background: url(../../../images/subject/www/shouchuxin/info-active2.png) no-repeat top/100% 100%; }

.wrap .main .public-class .tab-box ul li:nth-child(2n).active .info-box .btn { width: 98px; height: 37px; background: url(../../../images/subject/www/shouchuxin/info-btn-avtive.png) no-repeat top/100% 100%; }

.wrap .main .public-class .tab-box ul li:nth-child(2n) .userinfo { margin-left: 32px; margin-right: 0; }

.wrap .main .public-class .tab-box ul li:nth-child(2n) .info-box { background: url(../../../images/subject/www/shouchuxin/info-bg2.png) no-repeat top/100% 100%; }

.wrap .main .public-class .tab-box ul li:nth-child(2n) .info-box p { left: 40px; }

.wrap .main .public-class .tab-box ul li:nth-child(2n) .info-box .btn { right: 79px; }

.wrap .main .public-class .tab-box ul li .userinfo { margin-right: 30px; }

.wrap .main .public-class .tab-box ul li .userinfo .avatar { width: 110px; height: 115px; background: url(../../../images/subject/www/shouchuxin/avatar1.png) no-repeat top/100% 100%; margin-bottom: 5px; }

.wrap .main .public-class .tab-box ul li .userinfo .avatar div { width: 110px; height: 110px; border-radius: 50%; overflow: hidden; position: relative; }

.wrap .main .public-class .tab-box ul li .userinfo .avatar div .mask_avatar { width: 110px; height: 110px; background-color: #ff8185; opacity: 0.5; position: absolute; top: 0; left: 0; }

.wrap .main .public-class .tab-box ul li .userinfo p { color: #292929; font-size: 18px; text-align: center; }

.wrap .main .public-class .tab-box ul li .userinfo .tips { color: rgba(41, 41, 41, 0.5); font-size: 15px; text-align: center; margin-bottom: 3px; }

.wrap .main .public-class .tab-box ul li .info-box { width: 720px; height: 116px; background: url(../../../images/subject/www/shouchuxin/info-bg1.png) no-repeat top/100% 100%; position: relative; }

.wrap .main .public-class .tab-box ul li .info-box p { color: #292929; font-size: 16px; position: absolute; left: 75px; top: 10px; line-height: 21px; width: 470px; }

.wrap .main .public-class .tab-box ul li .info-box p.t15 { top: 15px; }

.wrap .main .public-class .tab-box ul li .info-box p.t21 { top: 21px; }

.wrap .main .public-class .tab-box ul li .info-box p.t30 { top: 30px; }

.wrap .main .public-class .tab-box ul li .info-box .btn { width: 95px; height: 34px; background: url(../../../images/subject/www/shouchuxin/inf0-btn.png) no-repeat top/100% 100%; position: absolute; right: 43px; top: 0; bottom: 0; margin: auto 0; color: #ffffff; text-align: center; line-height: 34px; }

.wrap .main .project-results { height: 881px; background: url(../../../images/subject/www/shouchuxin/bg2.jpg) no-repeat top/100% 100%; }

.wrap .main .project-results h3 { width: 482px; height: 127px; background: url(../../../images/subject/www/shouchuxin/title-ktcg.png) no-repeat top/100% 100%; margin: 0 auto; }

.wrap .main .banner-box { width: 1016px; height: 537px; background: url(../../../images/subject/www/shouchuxin/banner-bg.png) no-repeat top/100% 100%; margin: 58px auto 0; position: relative; }

.wrap .main .banner-box .next { width: 31px; height: 35px; background: url(../../../images/subject/www/shouchuxin/next.png) no-repeat top/100% 100%; position: absolute; right: 30px; top: 0; bottom: 0; margin: auto 0; z-index: 9; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.wrap .main .banner-box .prev { width: 31px; height: 35px; background: url(../../../images/subject/www/shouchuxin/prev.png) no-repeat top/100% 100%; position: absolute; left: 30px; top: 0; bottom: 0; margin: auto 0; z-index: 9; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.wrap .main .banner-box .swiper-container { width: 1007px; height: 521px; }

.wrap .main .banner-box .swiper-container .swiper-slide { display: flex; }

.wrap .main .banner-box .swiper-container .swiper-slide .img-box { width: 318px; height: 453px; background: url(../../../images/subject/www/shouchuxin/img_bg.png) no-repeat top/100% 100%; margin: 42px 88px 0 70px; position: relative; -webkit-transform: rotate(2.5deg); transform: rotate(2.5deg); }

.wrap .main .banner-box .swiper-container .swiper-slide .img-box::after { content: ""; width: 229px; height: 56px; background: url(../../../images/subject/www/shouchuxin/img-top.png) no-repeat top/100% 100%; position: absolute; top: -10px; left: 0; right: 0; margin: 0 auto; }

.wrap .main .banner-box .swiper-container .swiper-slide .img-box::before { content: ""; display: inline-block; }

.wrap .main .banner-box .swiper-container .swiper-slide .img-box .img { width: 309px; height: 443px; border-radius: 18px; overflow: hidden; margin-top: 2.2px; margin-left: 2.3px; }

.wrap .main .banner-box .swiper-container .swiper-slide .txt-box { width: 370px; margin-top: 85px; }

.wrap .main .banner-box .swiper-container .swiper-slide .txt-box h4 { color: #292929; font-size: 25px; line-height: 34px; height: 30px; font-weight: bold; margin-bottom: 5px; display: inline-block; background: url(../../../images/subject/www/shouchuxin/h-bg.png) no-repeat bottom/100% 9px; }

.wrap .main .banner-box .swiper-container .swiper-slide .txt-box p { margin-top: 43px; color: #292929; font-size: 18px; line-height: 31px; }

.wrap .main .banner-box .swiper-container .swiper-slide .txt-box .btn { width: 98px; height: 37px; line-height: 34px; background: url(../../../images/subject/www/shouchuxin/info-btn-avtive.png) no-repeat top/100% 100%; margin-top: 62px; color: #ffffff; font-size: 15px; text-align: center; }

.wrap .main .reviews { height: 799px; background: url(../../../images/subject/www/shouchuxin/bg3.jpg) no-repeat top/100% 100%; }

.wrap .main .reviews h3 { width: 482px; height: 128px; background: url(../../../images/subject/www/shouchuxin/title-zjdp.png) no-repeat top/100% 100%; margin: 0 auto; }

.wrap .main .reviews ul { width: 1020px; display: flex; align-items: center; justify-content: space-between; margin: 110px auto 0; }

.wrap .main .reviews ul li { width: 322px; height: 439px; background: url(../../../images/subject/www/shouchuxin/teacher-bg.png) no-repeat top/100% 100%; }

.wrap .main .reviews ul li .userinfo { margin-top: 30px; margin-bottom: 45px; }

.wrap .main .reviews ul li .userinfo .avatar { width: 136px; height: 144px; background: url(../../../images/subject/www/shouchuxin/avatar2.png) no-repeat top/100% 100%; margin-bottom: 5px; margin: 0 auto 15px; }

.wrap .main .reviews ul li .userinfo .avatar div { width: 136px; height: 136px; border-radius: 50%; overflow: hidden; position: relative; }

.wrap .main .reviews ul li .userinfo p { color: #292929; font-size: 18px; text-align: center; }

.wrap .main .reviews ul li .description { width: 272px; border-top: 1px solid #333333; padding-top: 20px; margin: auto; color: #292929; font-size: 18px; text-align: center; line-height: 31px; }

.wrap .main .commend { height: 1102px; background: url(../../../images/subject/www/shouchuxin/bg4.jpg) no-repeat top/100% 100%; }

.wrap .main .commend h3 { width: 348px; height: 127px; background: url(../../../images/subject/www/shouchuxin/title-bz.png) no-repeat top/100% 100%; margin: 0 auto; }

.wrap .main .commend .next2 { width: 31px; height: 35px; background: url(../../../images/subject/www/shouchuxin/next.png) no-repeat top/100% 100%; position: absolute; right: 30px; top: 0; bottom: 0; margin: auto 0; z-index: 9; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.wrap .main .commend .prev2 { width: 31px; height: 35px; background: url(../../../images/subject/www/shouchuxin/prev.png) no-repeat top/100% 100%; position: absolute; left: 30px; top: 0; bottom: 0; margin: auto 0; z-index: 9; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }