@charset "utf-8";

.firstYellow {color: #F6AE30;}

.firstPhase {padding-bottom: 12vh;background: url("Images/bg4.jpg") #00001B no-repeat top center;background-size: cover;width: 100vw;height: 100%;}

/*header*/
.firstPhaseTit {margin: 7vh auto;width: 80vw;}
.firstPhaseTit img {width: 100%;}

/*头像部分*/
.teacherInfo {display: flex;margin: 2vh auto 0 auto;padding: .5rem;width: 90vw;background: rgba(45,45,45,.9);border-radius: 1vh;color: #fff;font-size: .87rem;line-height: 1.5rem;box-sizing: border-box;}

.teacherInfo .boxPic {width: 40vw;margin-left: -2vh;margin-top: -2vh;}

.teacherInfo .boxPic img {width: 100%;border-radius: .4rem;}

.teacherInfo .boxPic .boxPicImg {box-shadow: 0 0px 2px 0px rgba(249,127,4, .7);}

.teacherInfo .boxInfo {margin-left: 3vw;}

.teacherInfo .boxInfo strong{font-size: .94rem;}

.teacherInfoBottom {margin: 2vh auto 0 auto;width: 90vw;background: rgba(45,45,45,.9);border-radius: 1vh;color: #F1AA2F;line-height: 5vh;font-size: .86rem;text-align: center;}

.videoBox {margin: 1vh auto 0 auto;width: 90vw;border-radius: 1rem;}

.videoBox video {width: 100%;}

/*content info*/
.contentTir {display: table;margin-top: -4vh;margin-left: -0.9rem;margin-bottom: .6rem;line-height: 2.2rem;padding: 0 .6rem;background: #D5982E;border-radius: 3px;font-size: .93rem;color: #fff;}

.firstContent {margin: 4vh auto 0 auto;padding: .8rem;width: 90vw;text-align: justify;color: #fff;font-size: .87rem;background: rgba(45,45,45,.9);box-sizing: border-box;border-radius: .4rem;line-height: 1.5rem;}

.firstContent p strong{display: inline-block;margin-top: .5rem;font-size: .96rem;color: #f6ae30;}

.firstContent ul li{display: flex;justify-content: space-between;font-size: .87rem;text-align: center;line-height: 2rem;border-bottom: .5px solid #666;line-height: 2.4rem;}

.firstContent ul .lage span{font-size: .84rem;}

.firstContent ul li span{display: block;font-size: .76rem;}
.firstContent ul li strong {display: block;width: 100%;font-size: .96rem;}

.tableFirstContent {margin: 1vh auto 0 auto;padding: .8rem;width: 90vw;font-size: .84rem;background: rgba(45,45,45,.9);box-sizing: border-box;border-radius: .4rem;line-height: 1.2rem;}

table.gridtable {width: 100%;text-align: center;color:#fff;border-width: 1px;border-color: #666666;border-collapse: collapse;font-size: .85rem;}
table.gridtable th {border-width: 1px;padding: 8px;border-style: solid;border-color: #666666;}
table.gridtable td {min-width: 22vw;border-width: 1px;padding: 8px;border-style: solid;border-color: #666666;height: 6vh;}

.firstContent .fuli {line-height: 1.4rem;font-size: .9rem}

.firstContent .fuli strong{font-size: 1rem}

.tableFirstContent strong {display: block;line-height: 2rem;text-align: center;}

/*footer*/
.firstFooter {position: fixed;left: 0;right: 0;bottom: 0;line-height: 8vh;width: 100%;background: #F6AE30;}
.firstFooter a {display: block;color: #fff;text-align: center;text-decoration: none;}