body{
    background: #fff;
}
.section{
    padding: 70px 0;
}
.projectPoster{
    height:430px;
    background: #22559E;
    position: relative;
} 
.projectPoster .cover{
    width:50%;
    height: 430px; 
    position: absolute;
    top:0;
    right: 0; 
    background-size: cover;
}
.projectPoster.ucam .cover{ 
    background: url(../images/new/project/ucam-cover.png) no-repeat; 
}

.projectPoster .video{
    position: absolute;
    right: 0;
    top:145px;
}
.inner{
    position: relative;
}
.projectPoster .video{
    position: absolute;
    right: 0;
    top:145px;
    text-align: center;
} 
.projectPoster p{
    color:#fff;
    margin-top:10px;
}
.videoBtns{
    width: 100px;
    height: 100px;
    display: inline-block;
    background: url(../images/new/project/videoBtn.png) no-repeat;
    background-size: cover;
    margin-right: 12px;
}
.projectPoster img{
    margin: 100px 0 20px;
}
.projectPoster h2{
    font-size: 42px;
    color:#F6AF2B;
}
.projectPoster h2 span{
    display: block;
    color:#fff;
}
.projectTabBox{
    height: 90px;
    background: #fff;
    border:1px solid #DCDCDC;
    width: 100%;
} 
.projectTabBox.fiexd{
    position: fixed;
    top:0;
    left:0;
    z-index: 99;
}
.projectTab li{
    display: inline-block;
    margin-right: 12px;
} 
.projectTab li a{
    display: block;
    padding: 0 16px;
    line-height: 83px;
    border-bottom: 6px solid transparent;
    font-size: 22px;
    color:#666;
} 
.projectTab li.active a{
    border-bottom-color:#22559E;
    color:#22559E;
    font-weight: bold;
}
.projectTabBox .action{
    position: absolute;
    top:20px;
    right: 0;
    font-size: 0;
}
.btns {
    padding:0 40px;
    line-height:50px;
    background:#F6AF2B;
    border:1px solid #F6AF2B;
    border-radius:5px;
    font-size: 22px;
    color:#fff;
    display: inline-block;
}
.btns.blue { 
    background:none;
    border:1px solid #23559E; 
    color:#23559E;
}
.projectTabBox .btns{
    margin-left:24px ;
} 
.pBtn{
    font-size: 16px;
    color:#fff;
    line-height: 40px;
    width:150px; 
    background:rgba(246,175,43,1);
    border-radius:5px;
    display: inline-block;
    text-align: center;
}
.pBtn.blue{
    background: #23559E;
} 
 

.projectInfo{ 
    position: relative; 
}
.titleBar{
    margin:0 0 30px;
}
.titleBar .text{
    font-size: 22px;
    color:#666;
}
.projectInfo .text~.titleBar{
    margin-top: 60px;    
}
.titleBar.white h3{
    color:#fff;
}
.titleBar .caption{
    font-size: 34px; 
}
.projectInfo .titleBar .caption{
    color:#22559E;
}
.projectInfo .content{
    width: 800px;
}
.projectInfo .text{
    font-size: 16px;
    color:#666;
    line-height: 30px;  
    margin-top: 10px;
} 
.projectInfo dt{
    font-size: 22px;
    color:#1a1a1a;
    line-height: 42px; 
}
.projectInfo dt::before{
    width:10px;
    height:10px;
    background:#F6AF2B;
    border-radius:50%;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    content: '';
}
.projectInfo dd{
    font-size: 16px;
    color:#666;
    line-height:30px; 
    margin:0 0 15px;
}
.projectInfo .list li{
    font-size: 16px;
    color:#666;
    line-height:42px; 
}
.projectInfo .list  li::before{
    width:10px;
    height:10px;
    background:#F6AF2B;
    border-radius:50%;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    content: '';
}
.projectInfo .adv{
    height: 165px;
    background: #fff;
    box-shadow: 0px 3px 20px 0px rgba(0,105,181,0.08);
    display: flex;
    padding: 14px 0;
}
.projectInfo .adv li{
    width: 33.33%;
    padding:24px;
}
.projectInfo .adv li h3{
    font-size:22px ;
    color:#1a1a1a;
    border-left:6px solid #FF6248;
    padding-left: 18px;
    line-height: 22px;
    margin-bottom: 20px;
}
.projectInfo .adv li p{
    font-size:16px ;
    color:#666; 
    line-height: 30px; 
}
.projectInfo .adv li:nth-child(2){
    border:1px solid #F3F6F9;
    border-width: 0 1px;
}

.proPanel{
    width:282px; 
    background:#F9FBFD;
    position: absolute;
    top:0;
    right: 0;
    border-top: 6px solid #22559E;
    padding: 40px 24px;
}
.proPanel li{
    font-size:16px;
    color:#666;
    margin-bottom: 20px;
    padding-left: 40px;
}
.proPanel li .price{
    font-size:22px;
    color:#1a1a1a;
    font-weight: bold;
    vertical-align: middle;
    margin-right: 5px;
}
.proPanel li .txt{
    font-size:14px; 
}
.proPanel li i{
    width: 26px;
    height: 26px;
    display: block; 
    margin-right: 10px;
    background: url('../images/new/project/sprites.png') no-repeat;
    float: left;
    margin-left: -40px;
    margin-top: 3px;
}
.proPanel li i.icon1{
    background-position:0 0;
}
.proPanel li i.icon2{
    background-position:-26px 0;
}
.proPanel li i.icon3{
    background-position:-52px 0;
}
.proPanel li i.icon4{
    background-position:-78px 0;
}
.proPanel li i.icon5{
    background-position:-104px 0;
}
.proPanel li .old-price{
    text-decoration:line-through;
}
.proPanel li:last-child{
    padding-left: 0;
    text-align: center;
    margin-bottom: 0;
} 

.bg1{
    background: #F9FBFD;
}
.cFlex{
    display: flex;
    justify-content: space-between;
}
.courseTile,
.courseTileList{
    height:290px;
    background:#fff;
    box-shadow:0px 3px 20px 0px rgba(0,105,181,0.08);
}
.courseTile{ 
    padding: 30px;
    width: 690px; 
    display: flex;
}
.courseTileList{ 
    padding: 24px;
    width: 486px; 
}
.courseTile .cover{
    width: 230px;
    height: 230px;
}
.courseTile .info{
    flex: 1;
    margin-left: 36px;
    height: 230px;
    position: relative;
}
.courseTile .caption{
    font-size: 22px;
    color:#1a1a1a;
    line-height: 36px;
    font-weight: bold;
    margin-top: 20px;
}
.courseTile .caption span{
    display: block;
}
.courseTile .action{
    position: absolute;
    bottom: 0;
    left:0;
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.courseTile .text{
    font-size: 16px;
    color:#999;
    line-height: 40px;
}

.courseTileList li a{
    font-size: 16px;
    color:#666;
    display: block;
    line-height: 36px;
}
.courseTileList li .num{
    font-size:18px;
    vertical-align: middle;
    display: inline-block;
    margin-right: 20px;
}
.courseTileList li:hover a{
    color:#23559E;
    text-decoration: underline
}

.sBox{
    width: 690px;
}
.sVideo{
    width:385px;
}
.sBox .text:first-child{
    margin-top: 0;
}
.sBox .text{
    font-size: 16px;
    color:#1a1a1a; 
    line-height: 30px;
    margin-top: 20px;
    text-align: justify;
}
.sBox li .text{ 
    color:#666;  
}
.sBox h3{
    font-size: 34px;
    color:#23559E; 
    margin:18px 0;
    text-align: center;
}
.sBox ul{
    display: flex;
    justify-content: space-between;
    height:242px;
    background:#fff;
    box-shadow:0px 3px 20px 0px rgba(0,105,181,0.08);
    padding: 20px 0;
    margin-top: 30px;
}
.sBox li{
    padding:0 20px ;
    flex: 1
}
.sBox li:nth-child(2){
    border:1px solid #F3F6F9;
    border-width: 0 1px;
}
.videoBox{ 
    position: relative;;
}
.videoBox:first-child{
    margin-bottom: 24px;
}
.videoBox img{ 
    vertical-align: top;
}
.videoBox a{
    position: absolute;
    top:0;
    right: 0;
    left:0;
    bottom: 0; 
}
.flexMid{
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}
.videoBox .videoBtns{
    width: 58px;
    height: 58px;
    margin: 0;
}
.videoBox p{
    font-size: 16px;
    color:#fff;  
    margin-top: 20px; 
}

.bg2{
    background: url('../images/new/project/bg2.png') no-repeat;
    height: 574px;
}
.studyList{
    height:360px;
    background:#fff;
    border-radius:50px;
    position: relative;
    overflow: hidden;
}
.studyList:after{
    position: absolute;
    content: '';
    top:50%; 
    height: 2px;
    background: #F3F6F9;
    left: 48px;
    right: 48px;
}
.studyList:before{
    position: absolute;
    content: '';
    top:40px;
    width:2px;  
    background: #F3F6F9;
    left: 50%;
    bottom: 40px;
}
.studyList li{
    width: 50%;
    padding:40px 48px;
    float: left; 
}
.studyList li i{
    width: 100px;
    height: 100px;
    display: block;
    float:left;
    margin-right: 24px;
    background: url('../images/new/project/sprites1.png') no-repeat;
}
.studyList li i.icon2{
    background-position: -100px 0;
}
.studyList li i.icon3{
    background-position: -200px 0;
}
.studyList li i.icon4{
    background-position: -300px 0;
}
.studyList li .caption{
    font-size: 22px;
    color:#1a1a1a;
    line-height: 30px;
    margin-bottom: 10px;
}
.studyList li .info{
    font-size: 16px;
    color:#666;
    line-height: 30px;
}
.studyList.mc{
    height:auto;
    background:none;
    text-align: center;
    border-radius:0;
    display: flex;
    justify-content: space-between;
}
.studyList.mc li{
    width: 230px;
    padding:0;
    float: none; 
}
.studyList.mc li .caption,
.studyList.mc li .info{
    color:#fff;
}
.studyList.mc:after,
.studyList.mc:before{
    display: none
}
.studyList.mc li i{ 
    margin:0 auto 20px;
    float:none;
}

.cList .tile{
    background: #fff;
    box-shadow:0px 3px 20px 0px rgba(0,105,181,0.08);
    position: relative;
    border-radius:5px;
    height: 428px;
}
.cList .caption{
    line-height:78px;
    background:rgba(35,85,158,1);
    border-radius:5px 5px 0 0;
    font-size:22px;
    color:#F6AF2B ;
    padding: 0 20px;
}
.cList .num{
    position: absolute;
    top:0;
    right: 20px;
    line-height:78px;
    font-size:60px;
    color:rgba(255,255,255,0.1) ;
}
.cList .box{
    padding: 30px 24px;
}
.cList .text,
.cList .txt{ 
    color:#666 ;
    line-height:30px;
    font-size:16px;
}
.cList .line{
    height:1px;
    margin: 24px 0;
    border:1px dashed #DCDCDC;
}
.cList .txt::before{ 
    width:6px;
    height:6px;
    background:rgba(255,255,255,1);
    border:3px solid rgba(246,175,43,1);
    border-radius:50%;
    display: inline-block;
    vertical-align: middle;
    content: '';
    margin-right: 10px;
}

.cJoin{
    width: 100%;
    height: 186px;
    display: block;  
    background: url('../images/new/project/join.png') no-repeat; 
    padding: 30px 230px;
    margin-top: 40px;
}
.cJoin h3{
    font-size: 34px;
    color:#F6AF2B;
    font-weight: bold;
    margin-bottom: 20px;
}
.cJoin p{
    font-size: 22px;
    color:#fff; 
    line-height: 48px;
}
.cJoin .btn{
    font-size: 22px;
    color: #F6AF2B;
    line-height:48px;
    width:180px; 
    background: #fff;
    border-radius: 5px;
    display: block;
    border:2px solid rgba(246,175,43,1);
    text-align: center;
    float: right;
} 

.tTab{
    float: left;
    width:282px ;
}
.tTab li{
    line-height: 50px;
    text-align: center;
    font-size: 16px;
    color:#666;
    position: relative;
    cursor: pointer;
}
.tTab li.active{
    background: #22559E;
    color:#fff;
    font-size:18px ;
}
.tTab li.active::after{
    position: absolute;
    right: -20px;
    top:15px;
    border:10px solid transparent;
    border-left-color:#22559E;
    content: '';
}
.tTabBox{
    width: 894px;
    float: right; 
    height:344px;
    display: flex;
    justify-content: space-between;
    display: none;
}
.tTabBox.show{
    display: flex;
}
.tTabBox .box{
    width:510px;
    height:344px;
    border:2px solid rgba(249,251,253,1);
    padding: 0 60px;
}
.tTabBox  p{
    font-size: 16px;
    color:#1a1a1a;
    line-height: 30px;
}
.tTabBox .cover{
    width:384px;
    height:344px; 
}
.byTile{
    display: flex;
    justify-content: space-between;
}
.byTile dl{
    width:570px;
    height:336px; 
} 
.byTile .cover{
    width:588px;
    height:336px; 
}
.byTile dt{
    font-size: 34px;
    color:#1a1a1a;
    line-height: 30px;
    margin-bottom:30px;
}
.byTile dd{
    font-size:16px;
    color:#1a1a1a;
    line-height: 30px;
    margin-top: 10px;
    padding-left:48px ;
    background: url('../images/new/project/dot.png') no-repeat  0 4px; 
}

.commentList li{
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px;
}
.commentList li .avatar{
    width: 100px;
    height: 100px;
    border-radius: 50%;
    margin-right: 24px;
}
.commentList li .box{
    flex: 1;
    box-shadow:0px 4px 18px 0px rgba(35,85,158,0.08);
    padding: 24px;
    border-radius: 5px;
}
.commentList .hd{
    position: relative;
    overflow: hidden;
} 
.commentList .name{
    font-size:22px;
    color:#1a1a1a;
    display: inline-block;
    margin-right: 36px;
}
.commentList .text{
    font-size:22px;
    color:#999;
    display: inline-block;
}
.commentList .info{
    margin-top: 20px;
}
.commentList .info p{
    font-size:16px;
    color:#1a1a1a; 
    line-height: 30px;
}
.commentList .hd .star{ 
    width: 26px;
    height: 26px;
    background: url(../images/new/stat.png) ;
    float: right;
}
.commentList .hd .star.l5{
    width: 130px
}
.commentList .hd .star.l4{
    width: 104px
}
.commentList .hd .star.l3{
    width: 78px
}
.commentList .hd .star.l2{
    width: 52px
} 

.bg3{
    background: #22559E
}

.question{
    border:1px solid #eee;
    background: #fff;
    border-width:0 0 1px 1px ;
}
.question li {
    float: left;
    padding: 24px;
    height: 260px;
    width: 50%;
    box-sizing: border-box;
    border:1px solid #eee;
    border-width:1px 1px 0 0;
}
.question .q {
  font-size: 22px;
  color: #1a1a1a;   
  line-height: 36px;
  height: 72px;
}
.question .a { 
  margin-top: 20px; 
  font-size: 16px;
  color: #666;
  line-height: 30px;
}
.q-lis {
    text-align: center;
    margin-top: 30px;
}
.q-lis .o {
    font-size: 16px;
    color: #fff; 
    margin-bottom: 20px;  
}



.usc .projectPoster{ 
    background: #146CAC; 
}
.usc .projectPoster .cover{ 
    background: url(../images/new/project/usc-cover.png) no-repeat; 
}
.usc .projectTab li.active a{
    border-bottom-color: #0074C8;
    color: #0074C8;
}
.usc .btns.blue { 
    border-color: #0074C8;
    color: #0074C8;
}  
.usc .projectInfo .titleBar .caption {
    color: #0074C8;
}
.usc .proPanel{
    border-top-color: #0074C8;
}
.usc .pBtn.blue {
    background: #0074C8;
}
.usc .sBox h3{
    color: #23559E;
}
.usc .cList .caption{
    background: #006EBE;
    color: #fff;
}
.usc .cJoin{ 
    background: url(../images/new/project/join1.png) no-repeat; 
}
.usc .bg2{ 
    background: url(../images/new/project/bg3.png) no-repeat; 
}
.usc .tTab li.active{
    background: #0074C8;
}
.usc .tTab li.active::after { 
    border-left-color: #0074C8; 
}
.usc .bg3 {
    background: #0080DD;
}



.ulg .projectPoster{ 
    background: #00707F; 
}
.ulg .projectPoster .cover{ 
    background: url(../images/new/project/ulg-cover.png) no-repeat; 
}
.ulg .projectTab li.active a{
    border-bottom-color: #00707F;
    color: #00707F;
}
.ulg .btns.blue { 
    border-color: #00707F;
    color: #00707F;
}  
.ulg .projectInfo .titleBar .caption {
    color: #00707F;
}
.ulg .proPanel{
    border-top-color: #00707F;
}
.ulg .pBtn.blue {
    background: #00707F;
}
.ulg .sBox h3{
    color: #00707f;
}
.ulg .cList .tile{
    height: 398px;
}
.ulg .cList .caption{
    background: #fff;
    color: #006572;
    padding-left: 30px;
    position: relative;
}
.ulg .cList .caption::after{
    position: absolute;
    left: 20px;
    top: 32px;
    border: 8px solid transparent;
    border-left-color: #F6AF2B;
    content: '';
}
.ulg .cList .box{
    padding-top: 0;
}
.ulg .cJoin{ 
    background: url(../images/new/project/join2.png) no-repeat; 
}
.ulg .bg2{ 
    background: url(../images/new/project/bg4.png) no-repeat; 
}
.ulg .tTab li.active{
    background: #00707F;
}
.ulg .tTab li.active::after { 
    border-left-color: #00707F; 
}
.ulg .bg3 {
    background: #00707F;
}
.ulg .proPanel li i{
    background-image: url(../images/new/project/sprites2.png)
}
.ulg .cJoin h3 { 
    color: #fff; 
}
.ulg .cJoin .btn{
    background: #F6AF2B;
    color: #fff; 
}
.ulg .courseTileList li:hover a{
    color:#00707F; 
}


.ulg1 .projectPoster{ 
    background: #00434C; 
}
.ulg1 .projectPoster .cover{ 
    background: url(../images/new/project/ulgb-cover.png) no-repeat; 
}
.ulg1 .projectTab li.active a{
    border-bottom-color: #00434C;
    color: #00434C;
}
.ulg1 .btns.blue { 
    border-color: #00434C;
    color: #00434C;
}  
.ulg1 .projectInfo .titleBar .caption {
    color: #00434C;
}
.ulg1 .proPanel{
    border-top-color: #00434C;
}
.ulg1 .pBtn.blue {
    background: #00434C;
}
.ulg1 .sBox h3{
    color: #00434C;
}
.ulg1 .cList .tile{
    height: 398px;
}
.ulg1 .cList .caption{
    background: #fff;
    color: #006572;
    padding-left: 30px;
    position: relative;
}
.ulg1 .cList .caption::after{
    position: absolute;
    left: 20px;
    top: 32px;
    border: 8px solid transparent;
    border-left-color: #F6AF2B;
    content: '';
}
.ulg1 .cList .box{
    padding-top: 0;
}
.ulg1 .cJoin{ 
    background: url(../images/new/project/join3.png) no-repeat; 
}
.ulg1 .bg2{ 
    background: url(../images/new/project/bg5.png) no-repeat; 
    height: 422px;
}
.ulg1 .tTab li.active{
    background: #00434C;
}
.ulg1 .tTab li.active::after { 
    border-left-color: #00434C; 
}
.ulg1 .bg3 {
    background: #00434C;
}
.ulg1 .proPanel li i{
    background-image: url(../images/new/project/sprites2.png)
}
.ulg1 .cJoin h3 { 
    color: #fff; 
}
.ulg1 .cJoin .btn{
    background: #F6AF2B;
    color: #fff; 
}
.ulg1 .courseTileList li:hover a{
    color:#00434C; 
}


.mbs .projectPoster img{
    float: left;
} 
.mbs .projectPoster h2{
    float: left;
    margin-top: 150px;
    margin-left: 20px;
}
.mbs .projectPoster img{
    margin-top: 150px;
}
.mbs .projectPoster{ 
    background: #423A81; 
}
.mbs .projectPoster .cover{ 
    background: url(../images/new/project/mbs-cover.png) no-repeat; 
}
.mbs .projectTab li.active a{
    border-bottom-color: #423A81;
    color: #423A81;
}
.mbs .btns.blue { 
    border-color: #423A81;
    color: #423A81;
}  
.mbs .projectInfo .titleBar .caption {
    color: #423A81;
}
.mbs .proPanel{
    border-top-color: #423A81;
}
.mbs .pBtn.blue {
    background: #423A81;
}
.mbs .sBox h3{
    color: #23559E;
}
.mbs .cList .caption{
    background: #423A81;
    color: #fff;
}
.mbs .cJoin{ 
    background: url(../images/new/project/join4.png) no-repeat; 
}
.mbs .bg2{ 
    background: url(../images/new/project/bg6.png) no-repeat; 
}
.mbs .tTab li.active{
    background: #423A81;
}
.mbs .tTab li.active::after { 
    border-left-color: #423A81; 
}
.mbs .bg3 {
    background: #423A81;
}
.mbs .proPanel li i{
    background-image: url(../images/new/project/sprites3.png) ;
}
.mbs .cJoin h3{
    color:#FED827
}
.mbs .cJoin .btn{
    color:#423A81;
    border-color: #fff;
}
.mbs .studyList li i{
    background-image: url(../images/new/project/sprites4.png) ;
}


.uemc .projectPoster{ 
    background: #014631; 
}
.uemc .projectPoster .cover{ 
    background: url(../images/new/project/uemc-cover.png) no-repeat; 
}
.uemc  .btns,.uemc .pBtn{
    background:#FF6248;
    border-color:#FF6248
}
.uemc .projectTab li.active a{
    border-bottom-color: #014631;
    color: #014631;
}
.uemc .btns.blue { 
    border-color: #014631;
    color: #014631;
    background: none;
}  
.uemc .projectInfo .titleBar .caption {
    color: #014631;
}
.uemc .proPanel{
    border-top-color: #014631;
}
.uemc .pBtn.blue {
    background: #014631;
}
.uemc .sBox h3{
    color: #FF6248;
    margin: 0;
    padding-top: 10px; 
}
.uemc .cList .caption{
    background: none;
    color: #014631; 
    padding-left: 30px;
}
.uemc .cList .caption::after{
    width: 6px;
    height: 22px;
    background: #FF6248;
    position: absolute;
    top:28px;
    left:20px;
    content: '';
}
.uemc .cList .tile{
    height: 398px;
}
.uemc .cList .txt::before{
    background: #FF6248;
    border:2px solid #FF6248;
    border-radius: 0;
}
.uemc .cJoin{ 
    background: url(../images/new/project/join5.png) no-repeat; 
} 
.uemc .byTile dd{
    background-image: url(../images/new/project/dot1.png)
}
.uemc .cJoin h3{
    color:#fff;
}
.uemc .cJoin .btn{
    background: #FF6248;
    border-color: #FF6248;
    color:#fff;
}
.uemc .tTab li.active{
    background: #014631;
}
.uemc .tTab li.active::after { 
    border-left-color: #014631; 
}
.uemc .bg3 {
    background: #014631;
} 
.uemc .proPanel li i{
    background-image: url(../images/new/project/sprites5.png)
}
.bg4{
    background: #014631
}
.uemc .cList .box{
    padding-top: 0;
}
.uemc .sBox{
    width: 590px;
}
.uemc .sVideo{
    width: 485px;
}  
.uemc .sBox ul{
    height: 140px;
    background: none;
    padding: 0;
}
.uemc .sBox  li{
    background: #fff;
    width: 280px;
    flex: none;
}
.uemc .sBox> .text{
    color:#fff;
}
.uemc .sBox li .text{
    margin-top: 0;
}
.uemc .studyList.mc li .caption{
    color:#1a1a1a;
}
.uemc  .studyList.mc li .info {
    color: #666;
}
.uemc .studyList li i{
    background-image: url(../images/new/project/sprites6.png)
}

.newDegreeDetail {width:1200px; margin:0 auto; padding-bottom:100px; }
.newDegreeDetail .crumbs {position:static; box-shadow:none; background:none; }
.newDegreeDetail .crumbs a {color:#1a1a1a; font-size:13px; }

.newDegreeDetail .goodsHead {overflow:hidden; background:#fff; }
.newDegreeDetail .goodsHead .cover {float:left; width:483px; height:303px; position:relative; }
.newDegreeDetail .goodsHead .cover .img {display:block; width:100%; height:100%; }
.newDegreeDetail .goodsHead .cover .shadow {display:flex; justify-content:center; align-items:center; position:absolute; left:0; top:0; z-index:2; width:100%; height:100%; background:rgba(0,0,0,0.2); transition:0.2s; } 
.newDegreeDetail .goodsHead .cover .shadow img {max-width:80%; }
.newDegreeDetail .goodsHead .content {float:right; box-sizing:border-box; width:691px; height:303px; padding:22px 22px 0 0; overflow:hidden; }
.newDegreeDetail .goodsHead .content .title {font-size:18px; font-weight:600; line-height:26px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:23; overflow:hidden;  }
.newDegreeDetail .goodsHead .content .desc {font-size:16px; line-height:22px; margin-top:8px; }
.newDegreeDetail .goodsHead .content .num {margin-top:30px; color:#999; line-height:22px; }
.newDegreeDetail .goodsHead .content .price {margin-top:39px; color:#999; line-height:22px; font-size:12px; }
.newDegreeDetail .goodsHead .content .price span {color:#e62129; }
.newDegreeDetail .goodsHead .content .btn {width:180px; line-height:46px; text-align:center; color:#fff; font-size:15px; background:#e62129; margin-top:47px; border-radius:4px; cursor:pointer; border:none; }
.newDegreeDetail .goodsBody {overflow:hidden; margin-top:20px; }
.newDegreeDetail .goodsBody .lefts {float:left; width:894px; background:#fff; }
.newDegreeDetail .goodsBody .lefts .title {line-height:60px; padding:0 20px; font-size:16px; color:#333; border-bottom:1px solid #e9e9e9;}
.newDegreeDetail .goodsBody .lefts .text {padding:15px 0 30px 0; }
.newDegreeDetail .goodsBody .lefts .text img {display:block; max-width:100%; margin:0 auto; }
.newDegreeDetail .goodsBody .rights {float:right; box-sizing:border-box; width:282px; padding:0 14px; background:#fff; }
.newDegreeDetail .goodsBody .rights .title {line-height:54px; font-size:16px; color:#333; }
.newDegreeDetail .goodsBody .rights .items {min-height:254px; }
.newDegreeDetail .goodsBody .rights .items a {display:block; margin-bottom:17px; padding-bottom:18px; border-bottom:1px solid #F1F1F1; }
.newDegreeDetail .goodsBody .rights .items a:last-child {margin-bottom:0; border-bottom:none; }
.newDegreeDetail .goodsBody .rights .items a .cover {height:159px; overflow:hidden; border-radius:4px; }
.newDegreeDetail .goodsBody .rights .items a .cover img {display:block; width:100%; height:100%; transition:0.2s; }
.newDegreeDetail .goodsBody .rights .items a:hover .cover img {transform:scale(1.05); }
.newDegreeDetail .goodsBody .rights .items a h3 {line-height:22px; font-size:15px; font-weight:600; margin:11px 0 2px 0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.newDegreeDetail .goodsBody .rights .items a p {font-size:13px; line-height:18px; color:#1a1a1a; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }