.popuo-img .layui-m-layercont{
    padding: 5px;
}
.winBar{
   /* position: fixed;
    top:0;
    width: 100%;
    left:0;
    z-index: 99; */
}
.wxSharePop{ 
    position: fixed;
    width: 100%;
    height:2.8rem;
    bottom:-100%;
    left: 0;
    background:#fff;
    z-index: 11; 
    transition: all .4s ease;  
}
.wxSharePop h3{
    line-height: .86rem;
    border-bottom: 1px solid #E3E5EC;
    font-size: 0.3rem;
    color:#1a1a1a;
    text-align: center;
    font-weight: bold;
}
.wxSharePop .closed{
    width: 0.32rem;
    height: 0.32rem;
    display: block;
    position: absolute;
    top: .3rem;
    right: .3rem;
    background: url(../images/v1/close.png) no-repeat;
    background-size: contain;
}
.wxSharePop .box{
    display: flex;
    justify-content: space-evenly;
    padding: .32rem 0;
}
.wxSharePop .box a{
    display: block;
    color:#4AAC45;
    width:1rem;
    font-size: .24rem;
    text-align: center;
}
.wxSharePop .box a::before{
    width: .76rem;
    height: .76rem;
    display: block;
    margin: 0 auto;
    content: '';
    margin-bottom: .14rem;
    background-size: contain;
    background-repeat: no-repeat;
}
.wxSharePop .box a.icon1::before{
    background-image: url(../images/v1/icon1.png);
}
.wxSharePop .box a.icon2::before{
    background-image: url(../images/v1/icon2.png);
}
.layerShade{
    position: fixed;
    background-color: rgba(0, 0, 0,.7); 
    background-image: url(../images/v1/share1.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 100% 1.5rem;
    top: 0; 
    left: 0;
    width: 100%;
    height: 100%; 
    z-index: 9;
    display: none;
}


.poster{
    background: url(../images/v1/poster.jpg) no-repeat;
    background-size: contain; 
    height: 7.98rem; 
    position: relative;
}
.poster .box{
    position: absolute;
    bottom: .2rem;
    padding: 0 .5rem;
    left:0;
    display: flex;;
    width: 100%;
    justify-content: space-between;
}
.poster .box .txt{
    font-size: .2rem;
    color:#fff;
    -webkit-text-size-adjust:none;
    line-height: .28rem;
    display: inline-block;
    text-align: center;
}
.poster .box .txt:first-child{
    line-height: .48rem;
}
.vPanel{
    padding: .6rem .3rem;
    background: #fff;;
}
.about h3{
    font-size: 0.34rem;
    line-height: .26rem;
    color: #1a1a1a;
    margin-bottom: 0.2rem;
}
.about h3 .label{
    color:#E84A41;
    font-size: .4rem;
    vertical-align: middle; 
    display: inline-block;
}
.about h3 .label::after{
    background: url(../images/v1/t1.png) no-repeat;
    background-size: contain; 
    height:.4rem; 
    width:.12rem ;
    display: inline-block;
    content: '';
    vertical-align: middle; 
    margin:0 .14rem 0 .1rem;
}
.about p{
    font-size: 0.28rem;
    line-height: .48rem;
    color: #1a1a1a;
    text-indent: 2em;
    text-align: justify;
}
.titleBar{
    margin-bottom: .3rem;
}
.titleBar h3{
    color:#E84A41;
    font-size: .48rem;
    font-weight: bold;
    line-height: .66rem;
    margin-bottom: .06rem;
}
.titleBar .txt{
    color:#1a1a1a;
    font-size: .36rem;
    line-height: .5rem;
    text-align: justify;
}
.titleBar .text{
    color:#1a1a1a;
    font-size: .28rem;
    line-height: .4rem;
    text-align: center;
}
.titleBar.white h3,
.titleBar.white .txt,
.titleBar.white .text{
    color:#fff;
}

.project{
    background: #070632;
}
.swiper-teach{  
    padding-bottom:.4rem;
} 
.swiper-teach .tile{
    width: 6.9rem;
    overflow: hidden;
    background: #fff;
    height: 6.4rem;
}
.swiper-teach .cover {
    width: 100%;
    height: 3.2rem;
} 
.swiper-teach .box {
    margin:0 .38rem;
    padding: .2rem 0 .2rem .6rem;
    border-bottom: 1px solid #EDEFF3;
    margin-bottom: 0.28rem;
}
.swiper-teach .box img{
    width: 1.6rem;
    height: .8rem;
    margin-right: .2rem;
    margin-top: .1rem;
    float: left;
}
.swiper-teach .box h3{
    font-size: .32rem;
    color:#1a1a1a;
    line-height: .46rem;
    margin-bottom: .06rem;
    font-weight: bold;
}
.swiper-teach .box p{
    font-size: .28rem;
    color:#1a1a1a;
    line-height: .4rem;
} 
.swiper-teach dt{
    color:#E84A41;
    font-size: .3rem;
    line-height: .42rem;
    margin-bottom: .1rem;
    text-align: center;
}
.swiper-teach dd{
    color:#333;
    font-size: .26rem;
    line-height: .4rem;
    margin-left: 1.8rem;
}
.swiper-teach dd::before{
    content: '';
    background: url(../images/v1/t2.png) no-repeat;
    background-size: contain; 
    height:.28rem; 
    width:.28rem ;
    display: inline-block;
    content: '';
    vertical-align: middle; 
    margin-right: .12rem;
}
.project .text{
    color:#999;
    font-size: .24rem;
    line-height: .34rem; 
    text-align: center;
    margin: .2rem 0;
}
.charList li{
    display: flex;
    justify-content: space-between;
    height:1.48rem;
    background: #fff;  
    margin-bottom: .38rem;
}
.charList li span{
    width: 1.4rem;
    height: 1.48rem;
    display: block;
    background-repeat: no-repeat;
    background-size:contain;
}
.charList li .box{
    width: 5.2rem;
    margin-left: .2rem;
}
.charList li .icon1{
    background-image: url(../images/v1/c1.png);
}
.charList li .icon2{
    background-image: url(../images/v1/c2.png);
}
.charList li .icon3{
    background-image: url(../images/v1/c3.png);
}
.charList li .icon4{
    background-image: url(../images/v1/c4.png);
}
.charList h3{
    color:#1a1a1a;
    font-size: .32rem;
    line-height: .44rem;
    margin:.06rem 0 .16rem;
}
.charList .text{
    color:#666;
    font-size: .28rem;
    line-height: .44rem; 
}
.teach{
    background: #070632;
}
.tileTile{
    background: url(../images/v1/t3.png) no-repeat;
    background-size:contain;
    height: 1.94rem;
    padding: .3rem;
}
.tileTile h3{
    color:#fff;
    font-size: .36rem;
    line-height: .5rem;
    font-weight: bold;
    margin-bottom: .1rem;
}
.tileTile p{
    color:#fff;
    font-size: .28rem;
    line-height: .4rem;
}
.tileTile.finance h3,
.tileTile.finance p{
    color:#7A4100; 
}
.tileTile.marketing{
    background-image: url(../images/v1/t4.png)
} 
.tileTile.strategy{
    background-image: url(../images/v1/t5.png)
} 
.tileTile.human{
    background-image: url(../images/v1/t6.png)
} 
 
.teachList{
    background: #fff;;
    margin-bottom: .3rem;
}
.teachList li{  
    background: #fff;   
    padding: .28rem;
    overflow: hidden;
    height: 3.65rem;
    border-bottom: 1px solid #F1F1F1;
}
.teachList li .img{
    width: 1.6rem;
    height: 2rem;
    border-radius: .08rem;
    float:left;
    margin-right: .26rem;
}
.teachList li .box{
    width: 4.46rem;
    float: right;
    margin-bottom: .32rem;  
}
.teachList li .btn{
    clear: both;
    border:1px solid #E84A41;
    font-size: .3rem;
    color: #E84A41;
    display: block;
    border-radius:.34rem ;
    line-height: .72rem;
    text-align: center; 
}
.teachList li .box h3{
    color:#1a1a1a;
    font-size: .32rem;
    line-height: .44rem;
    margin-bottom: .08rem;
    font-weight: bold;
}
.teachList .text{
    color:#666;
    font-size: .28rem;
    line-height: .4rem;
    height: .4rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: .3rem;
}
.teachList .txt{
    color:#999;
    font-size: .26rem;
    line-height: .4rem; 
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.teachList .tit{
    color:#1a1a1a;
    font-size: .26rem;
    line-height: .4rem; 
}
.teach> .text{
    color:#999;
    font-size: .24rem;
    line-height: .4rem; 
    text-align: center;
}
.evaluate{
    background: url(../images/v1/bg1.png) no-repeat;
    background-size:contain;
    height: 11.28rem; 
}
.imgCover img{
    max-width: 100%;
}
.student .titleBar .txt{
    font-size: .28rem;
    line-height: .4rem;
}
.swiper-photo{ 
    padding-bottom: .6rem;
} 
.swiper-photo .swiper-slide{
    background: #eee;
}
.swiper-photo img{
    width: 6.95rem;
}
.swiper-photo p{
    text-align: center;
    color:#333;
    font-size: .28rem;
    line-height: .8rem;
}
.swiper-pagination-bullet{
    background:#d2d2d2
}
.swiper-pagination-bullet-active{
    background:#E84A41
}
.interview{
    background: #070632;
}
.interview .caption{
    background: url(../images/v1/t7.png) no-repeat;
    background-size:cover;
    height: .74rem;
    line-height: .6rem;
    text-align: center;
    font-size: .3rem;
    color: #fff; 
    margin-bottom: .15rem;
}
.interview .pBtn{
    display: block;
    position: relative;
    cursor: pointer;
}
.interview .pBtn::after{
    position: absolute;
    top:50%;
    left: 50%;
    background: url(../images/v1/pBtn.png) no-repeat;
    background-size:cover;
    height: .92rem;
    width: .92rem;
    margin:-.46rem 0 0 -.46rem; 
    content: '';;
}
.interview .pBtn img{
    max-width: 100%;
    height:3.8rem;
}
.interview .tv {
    margin-bottom: .4rem;
}

.iBox{ 
    height:3.1rem;
    position: relative;
    padding: .28rem 0;;
    margin:.1rem 0;
}
.iBox .content{
    position: relative;
    z-index: 2; 
}
.iBox::after{
    height:3.1rem;
    width: 6.86rem;
    background: url(../images/v1/bg2.png) no-repeat;
    background-size:cover;
    position: absolute;
    top:0;
    right: -.3rem;
    content: '';;
}
.iBox.v1::after{ 
    background-image: url(../images/v1/bg3.png) ; 
    left: -.3rem;
    right: auto;
    height: 2.9rem;
}
.iBox .pBtn{
    width: 4.16rem;   
}
.iBox .pBtn img{
    width: 4.16rem;
    max-width:inherit;
    height: 2.32rem;
}
.iBox h4{
    font-size: .32rem;
    color:#fff;
    line-height: .44rem;
    padding-top: .15rem;
}
.iBox .call{
    font-size: .26rem;
    color:#fff;
    line-height: .36rem;
    margin: .08rem 0 .16rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.iBox .text{
    font-size: .24rem;
    color:#fff;
    line-height: .36rem;
    opacity: .8;
}
.iBox .tile.fr{
    margin-right: .2rem;
}
.iBox .tile{
    width: 2.2rem;
}
.iBox .tile.fl{
    margin: 0;
    margin-left: .4rem;
}
.ceremony{
    position: relative;
    margin-bottom: .4rem;
} 
.ceremony .text{
    position: absolute;
    left:0;
    bottom: 0;
    width: 100%;
    background: rgb(0, 0, 0,.6);
    color:#fff;
    font-size: .28rem;
    line-height: .66rem;
    padding: 0 .2rem;
}

.recollections{
    height:9.1rem;
    width:100%;
    background: url(../images/v1/bg4.png) no-repeat;
    background-size:cover;
}
.swiper-recollections{
    padding: 0 0 .6rem;
    margin-top: .2rem;
}
.swiper-recollections .info{
    background: #fff;
    height: 5.1rem;
    padding:1.15rem .38rem .38rem;
    position: relative;
    width:6.9rem ;
}
.swiper-recollections .oper{
    background: #F5F5F5;
    line-height:.94rem;
    text-align: right;
    padding: 0 .3rem;
    width:6.9rem ;
}
.swiper-recollections .info::after{
    position: absolute;
    top:.4rem;
    left:.28rem;
    height:.72rem;
    width:.8rem;
    background: url(../images/v1/q.png) no-repeat;
    background-size:cover;
    content: '';
}
.swiper-recollections .info p{
    font-size: .28rem;
    color:#1a1a1a;
    line-height: .4rem;
    text-indent: 2em;
}
.swiper-recollections .name{
    font-size: .32rem;
    color:#1a1a1a; 
    font-weight: bold;
}
.swiper-recollections .call{
    font-size: .26rem;
    color:#666; 
    margin-left: .24rem;
}

.ask{
    background: #070632;
}
.ask .txt{
    font-size: .24rem;
    color:#999; 
    margin-left: .34rem;
    text-align: center;
}
.askList li{
    padding-left: .6rem;
    position: relative;
    margin-bottom: .5rem; 
} 
.askList li::before{
    position: absolute;
    bottom:-.25rem;
    left:.52rem;
    height: 1px;
    background: rgb(255, 255, 255,.15);
    content: '';;
    width: 6.3rem;
}
.askList li a{
    display: flex;
    justify-content: space-between; 
}
.askList li::after{
    position: absolute;
    top:.06rem;
    left:0;
    height:.38rem;
    width:.38rem;
    background: url(../images/v1/t8.png) no-repeat;
    background-size:cover;
    content: '';
}
.askList li span{    
    word-break: keep-all;
    font-size: .3rem;
    color:#fff;
    line-height: .42rem; 
    width: 4.5rem;
}
.askList li .link{   
    color:#E84A41;
    font-size: .28rem;
    position: relative;
    width: 1.6rem;
}
.askList li .link::after{ 
    display: inline-block;
    height:.26rem;
    width:.26rem;
    background: url(../images/v1/t9.png) no-repeat;
    background-size:cover;
    content: '';
    vertical-align: middle;
    margin-left: .05rem;;
}

body{
    padding-bottom: 1.12rem;
}
.footerBar{ 
    width: 100%;
    height: 1.12rem;
    background: #e62129;
    position: fixed;
    bottom: 0;
    min-width: 100%;
    z-index: 999;
    display: flex;
    justify-content: space-between;
    text-align: center;    
}
.footerBar a{
    width: 50%; 
    color:#1a1a1a;
    font-size: 0.32rem;
    line-height: 1.12rem;
}
.footerBar .pic{ 
    background: #fff; 
}
.footerBar .class{  
    color:#fff; 
}

.sideBar{
    width: 100%;
    height: 1.2rem;
    background: #fff;
    position: fixed;
    top: 0;
    min-width: 100%;
    z-index: 999; 
    padding: .2rem; 
    display: none;
}
.sideBar .content{
    display: flex;
    justify-content: space-between;
    text-align: center;    
}
.sideBar a{
    font-size: .22rem;
    color:#1a1a1a;
    line-height: .32rem; 
}
.sideBar a i{
    width: .48rem;
    height: .48rem;
    display:block;
    margin:0 auto .06rem;
    background: url(../images/v1/sprites.png) no-repeat;
    background-size: cover; 
}
.sideBar .icon2{
    background-position:  -.48rem 0; 
}
.sideBar .icon3{
    background-position:  -.96rem 0; 
}
.sideBar .icon4{
    background-position:  -1.44rem 0; 
}
.sideBar .icon5{
    background-position:  -1.93rem 0; 
} 
.sideBar .icon6{
    background-position:  -2.4rem 0; 
} 

.askPop .layui-m-layercont{
    text-align: left;
    padding: .4rem;
}
.askPop h4{
    color:#E84A41;
    font-weight: bold;
    margin-bottom: .24rem;
    font-size: .3rem;
}
.askPop p{
    color:#1a1a1a;
    font-size: .3rem;
    margin-bottom: .24rem;
    line-height: .44rem;
    text-align: justify;
}

.bg{
    background: #000;
}
#wrapper.auditionWrap>div{
    background: #000;
    padding:0;
}
.auditionWrap {
    /* padding-top: .88rem; */
}
.auditionWrap .videoBox .caption{
    color:#fff;
    font-size: .3rem;
    line-height: .6rem;
    padding: 0 .28rem;
}
.auditionWrap .videoBox video{    
    height: 4.2rem !important;
    background: #000;
}
.auditionWrap .videoBox{
    padding: .6rem 0 .0rem;
}
.auditionWrap .videoBox .info{
    display: flex;
    justify-content: space-between;
    padding:0 .28rem;
}
.auditionWrap .videoBox.stBox{
    padding: .3rem 0;
}
.auditionWrap .videoBox h3{
    font-size: .3rem;
    color:#fff;
    line-height: .42rem;
    margin: .1rem 0;
    font-weight: bold;
}
.auditionWrap .videoBox.stBox .info{
    display: block;
}
.winBar .shareIcon {
    width: .48rem;
    height: .48rem;
    display: block;
    background: url(../images/v1/share2.png) no-repeat;
    background-size: contain;
    position: absolute;
    right: .24rem;
    top: .24rem;
}
.auditionWrap .masterBox .shareIcon{
    width: 0.48rem;
    height: .48rem;
    display: inline-block;
    background: url(../images/v1/share.png) no-repeat;
    background-size: contain;
}
.auditionWrap .videoBox .text{
    color:#aaa;
    font-size: .24rem;
    line-height: .48rem; 
}


/*  上海大孟  */
.auditionWrap .videoBox {
	position: relative;
}

.auditionWrap .videoBox .videoMask {
	position: absolute; 
	right:0;
	bottom: 0;
	top: 0;
	left: 0;
	z-index: 9999;
	background: rgba(255, 255, 255, 0);
	cursor: pointer;
}

.auditionWrap .videoBox .videoMask.none {
	display: none;
}




/*  ucam  */
.poster.ucam{
	background-image: url(../images/v1/ucam-poster.jpg);
	height: 6.4rem;
	margin-top: .88rem;
}
.ucamAbout{
	background-color: #F7F7F7;
}
.ucamAbout .content{
	background:#fff;
	border-radius:.08rem;
	border-top: .08rem solid #F4CA37;
	padding: .24rem;
	margin: -1.24rem 0 0;
	position: relative;
	z-index: 2;
}
.ucamAbout .tit{
	color: #0D2D48;
	font-size: .28rem;
	line-height: .44rem;
	text-align: center;
	font-weight: 500;
}
.ucamAbout .list{
	display: flex;
	justify-content: space-between;
	padding: .4rem 0;
}
.ucamAbout li{
	width: 33.33%;
	text-align: center;
	padding: 0 .3rem;
}
.ucamAbout li h3{
	color: #063C87;
	font-size: .32rem;
	line-height: .44rem;
	margin-bottom: .1rem;
	font-weight:600;
}
.ucamAbout li p{
	color: #0D2E4A;
	font-size: .24rem;
	line-height: .36rem;
}
.ucamAbout li:nth-child(2){
	border: 1px solid #e6e0e0;
	border-width: 0 1px;
}
.ucamAbout .cover{
	width:6.46rem;
	height:3.6rem;
	position: relative;
} 
.ucamAbout video,
.ucamAbout .cover img{
	width:6.46rem;
	height:3.6rem;
}

.ucamProject {
	background: url(../images/v1/ucam-bg.jpg) no-repeat;
	background-size: cover;
}
.ucamProject ul{font-size: 0;}
.ucamProject li{
	height: 1.56rem;
	position: relative;
	width: 3.4rem;
	display: inline-block;
	margin: 0 .1rem .14rem 0;
}
.ucamProject li:nth-child(2n){
	margin-right: 0;
}
.ucamProject li p{
	position: absolute;
	bottom:.1rem;
	left: 0;
	font-size:.24rem ;
	color:#fff;
	line-height: .34rem;
	padding:0 .1rem  ;
	width: 100%;
}
.ucamProject li img{
	height: 1.56rem; 
	width: 3.4rem;
}
.ucamProject li:last-child,
 .ucamProject li:last-child img{ 
	width: 100%;
	text-align: center;
}

.ucamProject .title{
	text-align: center;
	padding-bottom: .4rem;
}
.title h3{
	font-size:.44rem ;
	color:#063C87;
	line-height: .6rem;
	margin-bottom: .1rem;
	font-weight: bold;
}
.title p{
	font-size:.28rem ;
	color:#1a1a1a;
	line-height: .4rem;
	max-width: 5rem;
	margin: 0 auto;
}
.imgCover{
	text-align: center;
	padding:.3rem 0 ;
}
.imgCover img{
	max-width:100%; 
}
.ucamProject .imgCover img{
	width: 5.48rem;
	height: 3.82rem; 
}
.imgCover h3{
	background: linear-gradient(transparent 80%, #F4CA37 20%);
	font-size: .3rem;
	color: #1a1a1a;
	line-height: .42rem;
	display: inline-block;
	margin: .16rem 0 ;
}
.imgCover p{
	font-size:.26rem ;
	color:#666;
	line-height: .36rem; 
}
.teach.ucam{
	background:#063C87;
}
.ucam .title{text-align: center;}

.ucamTit{
	margin: 1rem 0 0;
	position: relative;
	background-color: #1960B9;
	padding:0 .28rem;
	line-height: .8rem;
}
.ucamTit::before{
	background-repeat: no-repeat;
	background-size: cover;
	width:6.96rem ;
	height: .68rem;
	position: absolute;
	top:-.68rem;
	left: 0;
	content: ''; 
}
.ucamTit.tit1::before{
	background-image: url(../images/v1/tit1.png) ; 
}
.ucamTit.tit2::before{
	background-image: url(../images/v1/tit2.png) ; 
}
.ucamTit.tit3::before{
	background-image: url(../images/v1/tit3.png) ; 
}
.ucamTit.tit4::before{
	background-image: url(../images/v1/tit4.png) ; 
}

.ucamTit h3{
	display: inline-block;
	color:#fff;
	font-size: .36rem;
	font-weight: bold;
	margin-right:.2rem ;
}
.ucamTit p{
	display: inline-block;
	color:#fff;
	font-size: .28rem;  
}
.ucam .teachList li .btn{
	border-color: #1960B9;
	color: #063C87;
}

.ucamFriend .titleBar h3,
.ucamPhoto .titleBar h3{ 
	text-align: center;
	color: #063C87;
}
.ucamFriend .titleBar p{
	text-align: justify;
}

.fitem{
	background-repeat:no-repeat;
	background-size: cover;
	width:6.96rem ; 
	padding: .6rem .3rem;
	position: relative;
	margin-bottom: .3rem;
	height: 3.56rem;
}
.fitem h3{
	color:#fff;
	font-size: .36rem;  
	line-height: .5rem; 
	margin-bottom: .1rem;
}
.fitem p{
	color:#fff;
	font-size: .24rem;  
	line-height: .36rem;
	text-align: justify;
	max-width: 2.1rem;
}
.fitem.f1{
	background-image: url(../images/v1/p1.png) ;
	height: 6.26rem;
}
.fitem.f2{
	background-image: url(../images/v1/p2.png) ; 
}
.fitem.f3{
	background-image: url(../images/v1/p3.png) ; 
}
.fitem.f4{
	background-image: url(../images/v1/p4.png) ; 
}
.fitem .info{
	max-width: 2.1rem;
	position: absolute;
	right:.3rem;
	top:.5rem;
}
.fitem .info h3,
.fitem .info p{
	color:#1A1A1A;
}
.ucamFriend .btn {
    clear: both;
    border: 1px solid #1960B9;
    font-size: .3rem;
    color: #063C87;
    display: block;
    border-radius: .34rem;
    line-height: .72rem;
    text-align: center;
}

.ucamPhoto{
	margin-bottom: .6rem;
	background-color: #F7F7F7; 
}
.ucamPhoto img{
	margin-bottom: .24rem;
}