.hoverred:hover, .programs-3 li a:hover, .alumni-profiles li .title a:hover, .academics-2 .list a:hover { color: #ba3a39; }
 a, .transition, .index-5 .list-wrapper li .name, .about-3 .list li .year, .about-3 .list li p, .about-5 li .img, .about-5 li .layer, :before, img, .nav { transition: All 0.5s ease; -webkit-transition: All 0.5s ease; -moz-transition: All 0.5s ease; -o-transition: All 0.5s ease; } 
.ellipsis { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } 
.flex, .g-top ul, .g-top a.name, .g-head .wal, .g-foot .list, .g-foot .list ul, .indexFlash .layer .title, .indexFlash .layer .col-1 .btn, .indexFlash .layer .col-1 .btn a, .indexFlash .layer .col-2 dd, .index-1 .btn, .index-1 .btn .dots, .index-4 .btn, .index-4 .btn .dots, .index-4 .btn .arrow, .index-5 .dots, .programs-2 li, .curriculum-1 div.title, .curriculum-1 li, .global-vision-1 li, .admission-calendar .list li, .admission-criteria .list .name, .admission-criteria .list li, .academics-1 .list-2 li dl, .student-profile .list-2 li dd, .p-num, .p-num div, .videos .list li a .name { display: flex; display: -webkit-flex; display: -ms-flex; } 
.flexColumn, .p-banner, .global-vision-2 .container .map li, .student-ambassadors a { display: flex; display: -webkit-flex; display: -ms-flex; flex-direction: column; -webkit-flex-direction: column; -ms-flex-direction: column; } 
.itemsCenter, .g-top .wal, .g-top a.name, .g-head .wal, .g-foot .list, .indexFlash .layer .wal, .indexFlash .layer .title, .indexFlash .layer .col-1 .btn a, .indexFlash .layer .col-2 dd, .index-1 .btn, .index-4 .btn, .global-vision-2 .container .map li, .admission-calendar .list li, .admission-criteria .list .name, .admission-criteria .list li, .p-num, .videos .list li a .name { align-items: center; -webkit-align-items: center; } 
.justifyCenter, .index-5 .dots, .p-banner, .global-vision-2 .container .map li, .student-ambassadors a, .career-support-2 .list ul, .academics-1 .list-2 ul, .academics-1 .list-2 li dl { justify-content: center; -webkit-justify-content: center; } 
.flexAround { justify-content: space-around; -webkit-justify-content: space-around; } 
.flexBetween, .g-top .wal, .indexFlash .layer .wal, .index-1, .index-1 .btn, .index-1 .list-1 .list li, .index-4 .btn .arrow, .programs-2 li, .student-profile .list-2 ul, .p-num, .videos .list ul { justify-content: space-between; -webkit-justify-content: space-between; } 
.flexWrap, .g-top .wal, .g-nav ul, .indexFlash .layer .wal, .indexFlash .layer .col-2 dl, .index-1, .index-1 .list-1 .list li, .index-2 .wal, .index-3 .list ul, .index-6 .list ul, .index-7 ul, .orientation .list ul, .student-ambassadors dl, .student-life ul, .student-life li a, .student-life2 ul, .student-life2 li a, .career-support-1 .list ul, .career-support-2 ul, .admissions .list ul, .alumni-network-1 ul, .academics-1 .list-2 ul, .student-profile .list ul, .student-profile .list-2 ul, .news .list ul, .events .list ul, .videos .list ul { display: flex; display: -webkit-flex; display: -ms-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; } 
.content video {width: 100%; height: auto;}
* { margin: 0; padding: 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } 
html { font-size: 100px; }
 body { font-size: .12rem; font-family: "Roboto-Light-10", "Arial", "Helvetica"; color: #000; -webkit-text-size-adjust: none; opacity: 0; } 
body.show { opacity: 1; transition: opacity 0.5s ease; -webkit-transition: opacity 0.5s ease; -moz-transition: opacity 0.5s ease; -o-transition: opacity 0.5s ease; } 
a { color: #000; text-decoration: none; outline: none; } 
a:active { star: expression(this.onFocus=this.blur()); } 
a:link { text-decoration: none; outline: none; }
a:visited { text-decoration: none; outline: none; } 
a:hover { text-decoration: none; color: #ba3a39; outline: none; } 
li { list-style: outside none; } 
h1 { font-size: 16px; } 
h2, h3, h4, h5 { font-size: 14px; }
 h5 { font-size: 12px; }
  textarea, input { background: transparent; font-size: 12px; font-family: "Roboto-Light-10", "Arial", "Helvetica"; color: #888; outline: none; border: 0; } 
/*em { font-style: normal; } */
img { vertical-align: middle; max-width: 100%; border: 0; } 
.fl { float: left; } 
.fr { float: right; } 
.clear { clear: both; height: 0; display: block; _display: inherit; } 
.before { content: ""; display: block; position: absolute; left: 50%; top: 0; } 
.h10 { height: 0.1rem; overflow: hidden; clear: both; } 
.h50 { height: 0.5rem; overflow: hidden; clear: both; } 
.wal { max-width: 12rem; margin: 0 auto; }
 @font-face { font-family: "Roboto-Light-10"; src: url("fonts/Roboto-Light-10.woff") format("woff"), url("fonts/Roboto-Light-10.woff") format("woff"), url("fonts/Roboto-Light-10.ttf") format("truetype"), url("fonts/Roboto-Light-10.eot") format("embedded-opentype"), url("fonts/Roboto-Light-10.svg") format("svg"); font-weight: normal; font-style: normal; } 
 @font-face { font-family: "Roboto-Regular"; src: url("fonts/Roboto-Regular-14.woff") format("woff"), url("fonts/Roboto-Regular-14.woff") format("woff"), url("fonts/Roboto-Regular-14.ttf") format("truetype"), url("fonts/Roboto-Regular-14.eot") format("embedded-opentype"), url("fonts/Roboto-Regular-14.svg") format("svg"); font-weight: normal; font-style: normal; } 
.phone-show { display: none; } 
@media screen and (max-width: 800px) { 
.phone-show { display: block; } 
.pc-show { display: none; } 
} 
.pageTips { position: fixed; z-index: 1000; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.9); display: none; } 
.pageTips .container { color: #fff; position: absolute; left: 50%; top: 50%; width: 630px; margin-left: -3.15rem; margin-top: -160px; } 
.pageTips .container a.close { display: block; width: 50px; height: 50px; position: absolute; z-index: 10; left: auto; right: -15px; top: 40px; bottom: auto; background: url("../image/close.png") center no-repeat; } 
.pageTips .container .img { text-align: center; } 
.pageTips .container .msg { font-size: 18px; line-height: 36px; text-align: justify; padding-top: 30px; } 
.pageTips .container a { color: #fff; text-decoration: underline; } 
.g-headD { height: 1.72rem; } 
.g-head-container { position: absolute; z-index: 50; left: 0; top: 0; right: 0; } 
.g-top { background: url("../image/top.jpg") center no-repeat; background-size: cover; color: #fff; } 
.g-top a { color: #fff; } 
.g-top .wal { height: .32rem; line-height: .32rem; } 
.g-top ul { margin-right: -.12rem; } 
.g-top li { padding-right: .12rem; } 
.g-top a.name img { width: .14rem; margin-right: .06rem; } 
.g-head { background: url("../image/head.jpg") center no-repeat; background-size: cover; } 
.g-head .wal { height: 1rem; position: relative; } 
.g-head a.logo { width: 1.42rem; display: block; } 
.g-head a.logo-2 { width: 2.86rem; position: absolute; z-index: 10; left: 50%; right: auto; top: 50%; bottom: auto; margin-left: -1.43rem; display: block; margin-top: -.21rem; } 
.g-head .word { width: 1.32rem; position: absolute; z-index: 10; left: auto; right: 0; top: 50%; bottom: auto; margin-top: -.21rem; } 
.g-nav { background: #c2392d; } 
.g-nav .wal { position: relative; min-height: .4rem; } 
.g-nav a.name { display: block; height: .4rem; line-height: .4rem; font-size: .15rem; color: #fff; text-transform: uppercase; margin-right: .6rem; font-weight: bold; } 
.g-nav a.name:hover, .g-nav a.name.on { color: #e4d296; } 
.g-nav .search { position: absolute; z-index: 10; left: auto; right: 0; top: 0; bottom: 0; width: .5rem; height: .4rem; } 
.g-nav .search .input { position: absolute; z-index: 10; left: auto; right: 0; top: 0.05rem; bottom: auto; width: 2rem; height: .3rem; background: #952e2e; -moz-border-radius: 0.5rem; -webkit-border-radius: 0.5rem; border-radius: 0.5rem; } 
.g-nav .search .input input { width: 80%; height: .3rem; line-height: .3rem; padding: 0 .15rem; color: #fff; font-size: .14rem; } 
.g-nav .search .submit { position: absolute; z-index: 10; left: 0; right: 0; top: 0; bottom: 0; background: url("../image/img18.png") center no-repeat; background-size: .18rem; } 
.g-nav .search .submit input { width: 100%; height: .4rem; cursor: pointer; } 
.g-foot { background: url("../image/foot2.jpg") center no-repeat; background-size: 100% 100%; color: rgba(255, 255, 255, 0.26); } 
.g-foot .wal { min-height: 1.5rem; position: relative; } 
.g-foot .list { height: 1.5rem; } 
.g-foot .list .logo { width: 2.88rem; margin-right: .75rem; } 
.g-foot .list ul li { margin-right: .16rem; } 
.g-foot .list ul img { height: .28rem; opacity: .46; } 
.g-foot .list ul a:hover img { opacity: 1; } 
.g-foot .msg { position: absolute; z-index: 10; left: auto; right: 0; top: 0; bottom: auto; text-align: right; line-height: 1.5rem;margin-top: 46px;} 
.p-title { font-size: .36rem; color: #ba3a39; } 
.p-content, .flagship .container .content, .orientation .content, .life-at-tsinghua .content, .life-in-beijing .content { font-size: .16rem; line-height: .26rem; } 
.p-content .red, .flagship .container .content .red, .orientation .content .red, .life-at-tsinghua .content .red, .life-in-beijing .content .red { color: #ba3a39; } 
.p-content a, .flagship .container .content a, .orientation .content a, .life-at-tsinghua .content a, .life-in-beijing .content a { color: #2387AA; text-decoration: underline; } 
.p-content a:hover, .flagship .container .content a:hover, .orientation .content a:hover, .life-at-tsinghua .content a:hover, .life-in-beijing .content a:hover { color: #000; text-decoration: none; }

.p-content1,.p-content a{ font-size: .16rem; line-height: .35rem; } 

 /*index*/ .indexFlash { width: 100%; overflow: hidden; position: relative; } 
.indexFlash li { /*height: 7.03rem;*/ background: top center no-repeat; background-size: cover; } 
.indexFlash .layer { position: absolute; z-index: 10; left: 0; right: 0; top: auto; bottom: 0; background: rgba(0, 0, 0, 0.5); color: #fff; } 
.indexFlash .layer .wal { height: 2.1rem; } 
.indexFlash .layer .title { font-size: .28rem; font-weight: 100; } 
.indexFlash .layer .title img { width: .27rem; margin-right: .17rem; } 
.indexFlash .layer .title em { font-style: italic; padding-left: .1rem; } 
.indexFlash .layer .col-1 { width: 7.15rem; } 
.indexFlash .layer .col-1 .content { font-size: .13rem; line-height: .18rem; padding: .12rem 0; min-height: .65rem; } 
.indexFlash .layer .col-1 .btn a { -moz-border-radius: 0.04rem; -webkit-border-radius: 0.04rem; border-radius: 0.04rem; color: #fff; font-size: .18rem; height: .42rem; padding: 0 .24rem; border: rgba(255, 255, 255, 0.36) solid 1px; background: rgba(119, 1, 0, 0.45); margin-right: .23rem; } 
.indexFlash .layer .col-1 .btn a img { width: .29rem; margin-left: .18rem; } 
.indexFlash .layer .col-1 .btn a:hover { border-color: #fff; background: #770100; } 
.indexFlash .layer .col-2 { width: 4.45rem; padding-left: .35rem; border-left: rgba(255, 255, 255, 0.28) solid 1px; } 
.indexFlash .layer .col-2 .title { font-size: .24rem; height: .3rem; } 
.indexFlash .layer .col-2 dl { padding-top: .1rem; } 
.indexFlash .layer .col-2 dd { width: 50%; height: .4rem; color: #e0d2a2; font-size: .15rem; } 
.indexFlash .layer .col-2 dd img { width: .4rem; margin-right: .07rem; } 
.indexFlash .layer .col-2 dd a { color: #bcaa6e; } 
.indexFlash .layer .col-2 dd a:hover { color: #ba3a39; } 

.index-1 { padding: .75rem 0; } 
.index-1 .title { line-height: .5rem; color: #ba3a39; font-size: .18rem; text-transform: uppercase; } 
.index-1 .list { width: 100%; overflow: hidden; position: relative; } 
.index-1 .list .time { color: #535f96; height: .24rem; } 
.index-1 .list .name { font-size: .18rem; line-height: .24rem; height: .48rem; overflow: hidden; } 
.index-1 .list .name a { color: #535f96; } 
.index-1 .list .name a:hover { color: #ba3a39; } 
.index-1 .list .msg { padding: .1rem 0; font-size: .15rem; line-height: .2rem; color: #8f8174; } 
.index-1 .list .msg dd { position: relative; padding-left: .72rem; min-height: .2rem; } 
.index-1 .list .msg dd em { position: absolute; z-index: 10; left: 0; right: auto; top: 0; bottom: auto; } 
.index-1 .btn { position: absolute; z-index: 10; left: auto; right: 0; top: auto; bottom: 0; width: 100%; } 
.index-1 .btn .dots span { width: .09rem; height: .09rem; background: #d1cbc4; margin-right: .14rem; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; } 
.index-1 .btn .dots span.swiper-pagination-bullet-active { background: #615e8a; } 
.index-1 .btn a { color: #bcaa6e; text-transform: uppercase; text-decoration: underline; } 
.index-1 .btn a:hover { color: #ba3a39; } 
.index-1 .list-1 { width: 5.75rem; position: relative; } 
.index-1 .list-1 .title { width: 2.65rem; position: absolute; z-index: 10; left: auto; right: 0; top: 0; bottom: auto; } 
.index-1 .list-1 .list li .img { width: 2.8rem; /*border-top: #ba3a39 solid 0.03rem;*/ } 
.index-1 .list-1 .list li .col { width: 2.65rem; padding-top: .5rem; } 
.index-1 .list-1 .btn { width: 2.65rem; } 
.index-1 .list-2 { width: 3.95rem; padding: 0 .3rem; border-left: #dfdad5 solid 1px; border-right: #dfdad5 solid 1px; position: relative; } 
.index-1 .list-2 .list .name { height: .72rem; } 
.index-1 .list-2 .btn { left: .3rem; right: .3rem; width: auto; } 
.index-1 .list-3 { width: 1.62rem; position: relative; } 
.index-1 .list-3 p { padding-top: .3rem; color: #535f96; font-size: .18rem; } 

.index-2 { background: #f6f3ef; } 
.index-2 .wal { min-height: 4.8rem; position: relative; padding: .8rem 0; } 
.index-2 .col-1 {
  width: 28%;
  padding-right: .75rem; }
.index-2 .col-2 {
  width: 44%; }
.index-2 .col-1 { width: 3.58rem; padding-right: .48rem; color: #392c22; position: relative; z-index: 2; } 
.index-2 .col-1 .title { font-size: .36rem; line-height: 1em; color: #ba3a39; text-transform: uppercase; } 
.index-2 .col-1 .name { font-size: .15rem; font-weight: bold; padding-top: .25rem; } 
.index-2 .col-1 .content { line-height: .2rem; font-weight: bold; min-height: 1.5rem; padding: .15rem 0; } 
.index-2 .col-1 .more a { color: #bcaa6e; text-transform: uppercase; text-decoration: underline; } 
.index-2 .col-1 .more a:hover { color: #ba3a39; } 
.index-2 .col-2 { width: 5rem; font-size: .16rem; } 
.index-2 .col-2 .content { line-height: .26rem; color: #777; min-height: 2.8rem; position: relative; padding-bottom: .5rem; } 
.index-2 .col-2 .content:before, .index-2 .col-2 .content:after { content: ""; display: block; position: absolute; width: .51rem; height: .41rem; background-size: 100%; } 
.index-2 .col-2 .content:before { background-image: url("../image/img51.png"); left: -.8rem; top: -.25rem; } 
.index-2 .col-2 .content:after { background-image: url("../image/img51_2.png"); right: .1rem; bottom: .12rem; } 
.index-2 .col-2 .btn { color: #bcaa6e; } 
.index-2 .col-2 .btn em { padding: 0 .1rem; } 
.index-2 .col-2 .btn a { color: #bcaa6e; text-decoration: underline; } 
.index-2 .col-2 .btn a:hover { color: #ba3a39; } 
.index-2 .img { width: 3.41rem; position: absolute; z-index: 10; left: auto; right: 0; top: auto; bottom: 0; } 

.index-3 { min-height: 5.85rem; position: relative; } 
.index-3 .side { width: 24%; }
.index-3 .list { width: 74%; }

.index-3 h2.title { position: absolute; z-index: 10; left: 1.35rem; right: 0; top: auto; bottom: 0.1rem; text-align: center; text-transform: uppercase; font-size: .36rem; color: #ba3a39; } 
.index-3 .side { width: 3.06rem; min-height: 5.46rem; background: #615e8a; position: absolute; z-index: 1; left: 0; right: auto; top: -0.47rem; bottom: auto; padding: 1.5rem 0 0 0; font-family: 'Roboto-Regular'; } 
.index-3 .side:before { content: ""; display: block; position: absolute; left: 1.27rem; top: .27rem; background: url("../image/img488.png") center no-repeat; background-size: 100%; width: 4.88rem; height: 4.94rem; } 
.index-3 .side a { display: block; position: relative; color: #fff; padding-left: .55rem; font-size: .16rem; line-height: .48rem; } 
.index-3 .side a:before { content: ""; display: block; position: absolute; top: 0; right: .38rem; bottom: 0; background: url("../image/img16.png") center no-repeat; background-size: 100%; width: .16rem; opacity: .64; } 
.index-3 .side a:hover { padding-left: .65rem; } 
.index-3 .side a:hover:before { opacity: 1; right: .28rem; } 
.index-3 .list { text-align: center; width: 8.94rem; margin-left: auto; position: relative; z-index: 11; } 
.index-3 .list .title { padding: 1.2rem 0 .45rem 0; } 
.index-3 .list .title h2 { text-transform: uppercase; font-size: .36rem; color: #ba3a39; padding-bottom: .06rem; } 
.index-3 .list .title p { font-size: .18rem; } 
.index-3 .list li { width: 33.333%; min-height: 1.26rem; } 
.index-3 .list li .num { color: #bcaa6e; font-size: .44rem; line-height: .6rem; } 
.index-3 .list li .name { color: #535f96; font-size: .16rem; line-height: .18rem; font-family: 'Roboto-Regular'; } a.g-more { color: #bcaa6e; text-transform: uppercase; text-decoration: underline; } a.g-more:hover { color: #ba3a39; } 


.index-4 { background: url("../image/index-4.jpg") center no-repeat; background-size: cover; position: relative; width: 100%; overflow: hidden; } 
.index-4 .wal { min-height: 6.44rem; } 
.index-4 .title { padding: .9rem 0 .75rem 0; color: #fff; text-transform: uppercase; font-size: .36rem; } 
.index-4 .btn { position: absolute; z-index: 10; left: auto; right: 0.4rem; top: 0.95rem; bottom: auto; } 
.index-4 .btn .dots { min-width: 1.45rem; } 
.index-4 .btn .dots span { width: .09rem; height: .09rem; background: #fff; margin-right: .14rem; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; opacity: .5; } 
.index-4 .btn .dots span.swiper-pagination-bullet-active { opacity: 1; } 
.index-4 .btn .arrow { width: 1.08rem; } 
.index-4 .btn .arrow a { width: .29rem; height: .19rem; background: center no-repeat; background-size: 100%; } 
.index-4 .btn .arrow a.prev { background-image: url("../image/prev29.png"); } 
.index-4 .btn .arrow a.next { background-image: url("../image/next29.png"); } 
.index-4 .list { width: 17.7rem; overflow: hidden; position: relative; } 
.index-4 .list li { position: relative; } 
.index-4 .list li .img { width: 4.9rem; } 
.index-4 .list li .layer { position: absolute; z-index: 10; left: auto; right: 0.6rem; top: 0.35rem; bottom: 0.3rem; background: #fff; width: 4.1rem; padding: .4rem .45rem; } 
.index-4 .list li .layer .name { font-size: .2rem; font-family: 'Roboto-Regular'; } 
.index-4 .list li .layer p { font-size: .15rem; line-height: .2rem; padding: .16rem 0; opacity: .66; } 
.index-4 .list li .layer .more { position: absolute; z-index: 10; left: 0.45rem; right: auto; top: auto; bottom: 0.4rem; } 

.index-5 { position: relative; width: 100%; overflow: hidden;padding-top: 0.5rem; } 
.index-5 .title { text-align: center; font-size: .36rem; text-transform: uppercase; color: #ba3a39; padding: .95rem 0 .6rem 0; } 

.index-5 .dots { padding: .4rem 0 0.6rem 0; } 
.index-5 .dots span { width: .09rem; height: .09rem; background: #e6e6e6; margin: 0 .07rem; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; } 
.index-5 .dots span.swiper-pagination-bullet-active { background: #ba3a39; } 



.index-51 { position: relative; width: 100%; overflow: hidden;padding-top: 0.5rem; } 
.index-51 .title { text-align: center; font-size: .36rem; text-transform: uppercase; color: #ba3a39; padding: .95rem 0 .6rem 0; } 


.index-51 .vdo { padding-bottom: 0.5rem; margin: auto; width: 100%;position: relative;overflow: hidden; } 
.index-51 .vdo  img { width: 100%; height: 100% }
.index-51 .vdo .play { position: absolute; width: 50px; height: 36px; top: 185px; left: 15px; background: url(../images/play.png) no-repeat center center; z-index: 2 } 
.index-51 .vdo video { max-width: 100%;}

.index-51 .downloadt { font-size: .18rem; text-align: center; font-family: 'Roboto-Regular'; padding-bottom: 0.2rem; } 
.index-51 .downloadt a {font-size: .18rem; color: #535f96;  } 
.index-51 .downloadt a span { background-size: 100%; width: .25rem; height: .25rem; display: inline-block; background-image: url("../image/pdf.png"); vertical-align: middle; margin: 0 0.05rem; } 
.index-51 .downloadt a:hover { text-decoration: none; } 


.index-51  .btn { position: relative; padding-top: .5rem; padding-bottom: 0.5rem;} 
.index-51  .btn  .dots { width: 30%; margin: 0 auto;text-align: center;} 
.index-51  .btn  .dots span {display: inline-block; width:15px; height: 15px; background: #f2f2f2; margin: 0 .07rem; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;} 
.index-51  .btn  .dots span.swiper-pagination-bullet-active { background: #535f96;} 

.index-51 .btn .arrow { width: 1.08rem;} 
.index-51 .btn .arrow a { width: .29rem; height: .19rem; background: center no-repeat; background-size: 100%;} 
.index-51 .btn .arrow a.prev { background-image: url(../image/prev29.jpg);} 
.index-51 .btn .arrow a.next { background-image: url(../image/next29.jpg);} 

.index-51 .list2 { margin: auto; width: 75%;position: relative;overflow: hidden; }
.index-51 .list2 ul { width: 100%; height: 100%;}  
.index-51 .list2 li {width: 100%; height: 100%;position: relative;} 
.index-51 .list2 li a{ display:block;position: relative;} 
.index-51 .list2 li img {  width: 100%; height: 100%;} 
.index-51 .list2 li a .play { position: absolute; width: 122px; height: 122px; top: 45%; left: 45%; background: url(../images/play.png) no-repeat center center; z-index: 2 } 
.index-51 .list2 li .layer { position: absolute; z-index: 10; left: auto; right: 0.6rem; top: 0.35rem; bottom: 0.3rem; background: #fff; width: 4.1rem; padding: .4rem .45rem;} 
.index-51 .list2 li .layer .name { font-size: .2rem; font-family: 'Roboto-Regular';} 
.index-51 .list2 li .layer p { font-size: .15rem; line-height: .2rem; padding: .16rem 0; opacity: .66;} 
.index-51 .list2 li .layer .more { position: absolute; z-index: 10; left: 0.45rem; right: auto; top: auto; bottom: 0.4rem;}



.index-6 { background: url("../image/index-6.jpg") center no-repeat; background-size: cover; min-height: 5.38rem; text-align: center; } 
.index-6 .title { text-align: center; font-size: .36rem; text-transform: uppercase; color: #ba3a39; padding: 1rem 0 .15rem 0; } 
.index-6 .title a { color: #ba3a39; } 
.index-6 .msg { font-size: .18rem; padding-bottom: .5rem; } 
.index-6 .list li { width: 33.333%; min-height: 1.27rem; } 
.index-6 .list li .num { font-size: .44rem; line-height: .6rem; color: #bcaa6e; } 
.index-6 .list li .num em { font-size: .24rem; } 
.index-6 .list li .name { font-size: .16rem; line-height: .24rem; color: #535f96; max-width: 2.75rem; margin: 0 auto; font-family: 'Roboto-Regular'; } 

.index-7 li { width: 16.666%; } 
.index-7 li img { min-width: 100%; } /*page*/ .p-banner { background: center no-repeat; background-size: cover; height: 4.5rem; position: relative; text-align: center; color: #e0d2a2; text-transform: uppercase; font-size: .15rem; padding-bottom: .62rem; } 

.p-banner:after { content: ""; display: block; position: absolute; right: .67rem; bottom: 0; left: 0; background: #fff; border-top: #bcaa6e solid .05rem; height: .62rem; } 
.p-banner a { color: #e0d2a2; } 
.p-banner h2 { font-size: .72rem; padding-top: .1rem; font-family: 'Roboto-Regular'; } 

.about-title { text-align: center; text-transform: uppercase; font-size: .18rem; color: #bcaa6e; } 
.about-title h2 { color: #ba3a39; font-size: .36rem; line-height: .56rem; font-weight: 100; } 
.about-1 { background: url("../image/about-1.jpg") center bottom no-repeat; background-size: auto 5.9rem; } 
.about-1 .wal { min-height: 5.9rem; position: relative; } 
.about-1 .about-title { padding: .25rem 0 0 0; height: 1.95rem; } 
.about-1 .col-1 { width: 3.58rem; padding-right: 1.4rem; color: #392c22; position: relative; z-index: 2; font-family: 'Roboto-Regular'; } 
.about-1 .col-1 .name { font-size: .24rem; font-weight: bold; } 
.about-1 .col-1 .content { line-height: .2rem; padding: .15rem 0; } 
.about-1 .col-2 { width: 5rem; } 

.about-1 .col-2 .p-content, .about-1 .col-2 .flagship .container .content, .flagship .container .about-1 .col-2 .content, .about-1 .col-2 .orientation .content, .orientation .about-1 .col-2 .content, .about-1 .col-2 .life-at-tsinghua .content, .life-at-tsinghua .about-1 .col-2 .content, .about-1 .col-2 .life-in-beijing .content, .life-in-beijing .about-1 .col-2 .content { color: #777; min-height: 2.8rem; position: relative; padding-bottom: .5rem; } 

.about-1 .col-2 .p-content:before, .about-1 .col-2 .flagship .container .content:before, .flagship .container .about-1 .col-2 .content:before, .about-1 .col-2 .orientation .content:before, .orientation .about-1 .col-2 .content:before, .about-1 .col-2 .life-at-tsinghua .content:before, .life-at-tsinghua .about-1 .col-2 .content:before, .about-1 .col-2 .life-in-beijing .content:before, .life-in-beijing .about-1 .col-2 .content:before, .about-1 .col-2 .p-content:after, .about-1 .col-2 .flagship .container .content:after, .flagship .container .about-1 .col-2 .content:after, .about-1 .col-2 .orientation .content:after, .orientation .about-1 .col-2 .content:after, .about-1 .col-2 .life-at-tsinghua .content:after, .life-at-tsinghua .about-1 .col-2 .content:after, .about-1 .col-2 .life-in-beijing .content:after, .life-in-beijing .about-1 .col-2 .content:after { content: ""; display: block; position: absolute; width: .51rem; height: .41rem; background-size: 100%; } 

.about-1 .col-2 .p-content:before, .about-1 .col-2 .flagship .container .content:before, .flagship .container .about-1 .col-2 .content:before, .about-1 .col-2 .orientation .content:before, .orientation .about-1 .col-2 .content:before, .about-1 .col-2 .life-at-tsinghua .content:before, .life-at-tsinghua .about-1 .col-2 .content:before, .about-1 .col-2 .life-in-beijing .content:before, .life-in-beijing .about-1 .col-2 .content:before { background-image: url("../image/img51.png"); left: -.8rem; top: -.25rem; } 

.about-1 .col-2 .p-content:after, .about-1 .col-2 .flagship .container .content:after, .flagship .container .about-1 .col-2 .content:after, .about-1 .col-2 .orientation .content:after, .orientation .about-1 .col-2 .content:after, .about-1 .col-2 .life-at-tsinghua .content:after, .life-at-tsinghua .about-1 .col-2 .content:after, .about-1 .col-2 .life-in-beijing .content:after, .life-in-beijing .about-1 .col-2 .content:after { background-image: url("../image/img51_2.png"); right: .1rem; bottom: .12rem; } 

.about-1 .img { width: 3.41rem; position: absolute; z-index: 10; left: auto; right: 0; top: auto; bottom: 0; } 
.about-2 { background: url("../image/about-2.jpg") center no-repeat; background-size: cover; } 
.about-2 .wal { min-height: 4.93rem; padding: .95rem 0 0 3.47rem; } 
.about-2 .col-1 { width: 2.5rem; padding-right: 0; } 
.about-2 .col-2 { width: 5.05rem; } 
.about-2 .img { width: 3.53rem; right: auto; left: 0; } 
.about-3 { display: block; overflow: hidden; padding-bottom: 1.12rem; } 
.about-3 .about-title { padding: 0.85rem 0 0.5rem 0; } 
.about-3 .list li { background: center no-repeat; background-size: cover; border-left: #fff solid 1px; min-height: 3.6rem; text-align: center; color: #fff; padding: .7rem .15rem .3rem .15rem; font-size: .15rem; position: relative; } 
.about-3 .list li:before { content: ""; display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: #000; opacity: .7; } 
.about-3 .list li .year { font-size: .48rem; } 
.about-3 .list li p { line-height: .18rem; max-width: 2.1rem; margin: 0 auto; min-height: 1.9rem; padding: .15rem 0; } 
.about-3 .list li .more a { color: #bcaa6e; text-transform: uppercase; cursor: default; position: relative; top: 0; } 
.about-3 .list li .year, .about-3 .list li p { position: relative; top: 0; } 
.about-3 .list li:hover:before { opacity: 0; } 
.about-3 .list li:hover .year, .about-3 .list li:hover p { opacity: 0; top: -.6rem; } 
.about-3 .list li:hover .more a { opacity: 0; top: .6rem; }


.about-4 { padding-bottom: .85rem; } 
.about-4 .row { padding-bottom: 1.03rem; position: relative; } 
.about-4 .layer { background: #fff; position: absolute; z-index: 10; left: auto; right: auto; top: auto; bottom: auto; } 
.about-4 .layer .name { font-size: .4rem; line-height: .6rem; } 
.about-4 .layer .msg { font-size: .24rem; color: #ba3a39; padding-top: .25rem; font-family: 'Roboto-Regular'; } 
.about-4 .row-1 .img { max-width: 9.82rem; margin-left: auto; } 
.about-4 .row-1 .layer { width: 5.35rem; min-height: 3.36rem; left: 0; top: -.42rem; padding: .42rem 1rem 0 0; } 
.about-4 .row-2 .layer { left: .85rem; top: -.65rem; right: .85rem; min-height: 2.3rem; text-align: center; padding-top: .65rem; } 
@media screen and (min-width: 1024px) {
.about-3 .list ul { display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; margin-left: -1px; } 
.about-3 .list li { width: 25%; } 
} 

.about-5 { position: relative; } 
.about-5 .about-title { position: absolute; z-index: 10; left: 0; right: 0; top: 0.75rem; bottom: auto; text-align: center; } 
.about-5 .about-title h2 { color: #fff; } 
.about-5 li { position: relative; background: #000; } 
.about-5 li .img { opacity: .3; height: 5rem; background: center no-repeat; background-size: cover; } 
.about-5 li .layer { position: absolute; z-index: 10; left: 0; right: 0; top: 2.15rem; bottom: auto; text-align: center; } 
.about-5 li .layer .ico { width: .83rem; margin: 0 auto; } 
.about-5 li .layer .name { padding-top: .15rem; font-size: .24rem; color: #bcaa6e; } 
.about-5 li a { display: block; position: absolute; z-index: 10; left: 0; right: 0; top: 0; bottom: 0; } 
.about-5 li:hover .img { opacity: 1; } 
.about-5 li:hover .layer { opacity: 0; top: 3rem; } 
@media screen and (min-width: 1024px) {
.about-5 ul { display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; margin-left: -1px; } 
.about-5 li { width: 25%; }
 } 



.head-title { background: #822828; color: #e2d095; text-transform: uppercase; position: relative; min-height: 2.5rem; } 
.head-title:after { content: ""; display: block; position: absolute; right: 50%; margin-right: -6rem; bottom: 0; left: 0; background: #fff; border-top: #bcaa6e solid .05rem; height: .72rem; } 
.head-title a { color: #e2d095; } 
.head-title .curr { opacity: .5; font-size: .15rem; padding-top: .6rem; } 
.head-title h2 { font-size: .5rem; font-family: 'Roboto-Regular'; padding-top: .06rem; } 
.head-title-2 { min-height: 1.4rem; } 
.head-title-2 .curr { padding-top: .25rem; } 
.w800 { width: 8rem; } 
.side-nav { width: 3.2rem; padding-right: .7rem; position: relative; z-index: 11; top: -.25rem; font-family: 'Roboto-Regular'; } 
.side-nav li { border-bottom: #e5e5e5 solid 1px;display: block; width: 95%; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; } 
.side-nav a.name { display: block; font-size: .16rem; line-height: .63rem; padding-left: .04rem; } 
.side-nav a.name:hover, .side-nav a.name.on { color: #ba3a39; } 
.programs-1 { padding-bottom: .4rem; border-bottom: #e6e6e6 solid 1px; } 
.programs-2 { padding: .75rem 0 .3rem 0; border-bottom: #e6e6e6 solid 1px; } 
.programs-2 li { padding-bottom: .58rem; font-size: .13rem; } 
.programs-2 li .img { width: 2.2rem; position: relative; flex-shrink: 0; -webkit-flex-shrink: 0; } 
.programs-2 li .img:before { content: ""; display: block; position: absolute; top: .3rem; right: -.1rem; width: .2rem; height: .2rem; background: #fff; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); } 
.programs-2 li .col { width: 5.45rem; } 
.programs-2 li h3 { font-size: .18rem; } 
.programs-2 li .msg { line-height: .2rem; color: #a68236; padding: .1rem 0 .3rem 0; } 
.programs-2 li .content { line-height: .22rem; color: #777; position: relative; } 
.programs-2 li .content p { padding-bottom: .22rem; position: relative; z-index: 2; } 
.programs-2 li .content:before, .programs-2 li .content:after { content: ""; display: block; position: absolute; width: .51rem; height: .41rem; background-size: 100%; } 
.programs-2 li .content:before { background-image: url("../image/img51.png"); left: -.25rem; top: -.2rem; } 
.programs-2 li .content:after { background-image: url("../image/img51_2.png"); right: -.2rem; bottom: 0; } 
.programs-2 li:nth-child(even) .img:before { right: auto; left: -.1rem; } 
.programs-2 li:nth-child(even) .col { order: -1; } 
.programs-3 { padding-bottom: .5rem; } 
.programs-3 .title { font-size: .36rem; color: #ba3a39; padding: .55rem 0 .25rem 0; text-transform: uppercase; } 
.programs-3 .title-2 { font-size: .2rem; line-height: 1em; padding: .55rem 0 .2rem 0; font-weight: bold; color: #000; } 
.programs-3 li { border-bottom: #aaa solid 1px; } 
.programs-3 li a { display: block; min-height: .6rem; line-height: .3rem; color: #535f96; font-size: .16rem; padding: .15rem .5rem .15rem 0; position: relative; font-family: 'Roboto-Regular'; } 
.programs-3 li a:before { content: ""; display: block; position: absolute; top: 0; right: .18rem; height: .6rem; background: url("../image/img12.png") center no-repeat; background-size: 100%; width: .12rem; } 
.programs-3 li .content { display: none; font-size: .16rem; line-height: .26rem; padding-bottom: .4rem; } 
.programs-3 li.on a { color: #ba3a39; } 
.programs-3 li.on a:before { background-image: url("../image/img12on.png"); } 
.programs-3-1 li a:before { background-image: url("../image/img8_1.png"); width: .08rem; } 
.curriculum-1 h2.title { font-size: .36rem; color: #ba3a39; line-height: 1em; padding-bottom: .33rem; text-transform: uppercase; font-weight: 400; } 
.curriculum-1 h2.title.title-2 { padding: .8rem 0 .25rem 0; } 
.curriculum-1 div.title .col-1, .curriculum-1 li .col-1 { width: 2.1rem; flex-shrink: 0; -webkit-flex-shrink: 0; } 
.curriculum-1 div.title .col-2, .curriculum-1 li .col-2 { width: 5.9rem; padding-left: .32rem; } 
.curriculum-1 div.title { margin-bottom: .14rem; background: #ba3a39; line-height: .57rem; color: #fff; } 
.curriculum-1 div.title .col-1 { border-right: #fff solid 1px; height: .57rem; padding-left: .2rem; font-size: .18rem; font-weight: bold; } 
.curriculum-1 .list { border-bottom: #bcaa6e solid .03rem; } 
.curriculum-1 li { border-bottom: #fff solid 1px; border-top: #bcaa6e solid .03rem; } 
.curriculum-1 li .col-1 { background: #ba3a39; color: #fff; position: relative; } 
.curriculum-1 li .col-1 strong { font-size: .6rem; opacity: .37; font-weight: 100; position: absolute; z-index: 10; left: auto; right: 0.2rem; top: 0.08rem; bottom: auto; } 
.curriculum-1 li .col-1 div { line-height: .18rem; position: absolute; z-index: 10; left: 0.2rem; right: 0; top: auto; bottom: 0.2rem; } 
.curriculum-1 li .col-1 div em { display: block; } 
.curriculum-1 li .col-2 { font-family: 'Roboto-Regular'; min-height: .83rem; padding-top: .15rem; } 
.curriculum-1 li .col-2 h3 { font-size: .15rem; line-height: .24rem; padding-bottom: .06rem; } 
.curriculum-1 li .col-2 dl { padding-bottom: .15rem; } 
.curriculum-1 li .col-2 dd { font-size: .13rem; line-height: .18rem; padding: .02rem 0 .02rem .17rem; position: relative; } 
.curriculum-1 li .col-2 dd:before { content: ""; display: block; position: absolute; left: .02rem; top: .02rem; width: .04rem; height: .18rem; background: url("../image/img4.png") center no-repeat; background-size: 100%; } 
.curriculum-1 li .col-2 dd a { background: url("../image/img8.png") right center no-repeat; background-size: .08rem; padding-right: .2rem; text-decoration: underline; } 
.curriculum-1 li .col-2 dd .p-content, .curriculum-1 li .col-2 dd .flagship .container .content, .flagship .container .curriculum-1 li .col-2 dd .content, .curriculum-1 li .col-2 dd .orientation .content, .orientation .curriculum-1 li .col-2 dd .content, .curriculum-1 li .col-2 dd .life-at-tsinghua .content, .life-at-tsinghua .curriculum-1 li .col-2 dd .content, .curriculum-1 li .col-2 dd .life-in-beijing .content, .life-in-beijing .curriculum-1 li .col-2 dd .content { font-size: .13rem; line-height: 1.7em; padding-top: .1rem; display: none; } 
.curriculum-1 li .col-2 dl.dl-1 dd { padding-bottom: .1rem; } 
.curriculum-1 li .col-2 dl.dl-1 dd.on a { background-image: url("../image/img8on.png"); color: #ba3a39; } 
.curriculum-1 li:nth-child(odd) .col-1 { background: #822828; } 
.curriculum-1 .p-content, .curriculum-1 .flagship .container .content, .flagship .container .curriculum-1 .content, .curriculum-1 .orientation .content, .orientation .curriculum-1 .content, .curriculum-1 .life-at-tsinghua .content, .life-at-tsinghua .curriculum-1 .content, .curriculum-1 .life-in-beijing .content, .life-in-beijing .curriculum-1 .content { color: #777; } 
.curriculum-2 { padding-bottom: .5rem; } 
.curriculum-2 .title { font-size: .36rem; color: #ba3a39; line-height: 1em; padding: .25rem 0; } 
.curriculum-2 li { font-size: .16rem; line-height: .26rem; } 
.flagship { margin-top: -.1rem; } 
.flagship li { padding-bottom: .15rem; } 
.flagship .title { text-transform: uppercase; font-size: .36rem; line-height: .48rem; color: #ba3a39; padding-bottom: .25rem; } 
.flagship .container-2 { padding: .5rem 0; } 
.flagship .container-2 .name h5 { font-size: .18rem; } 
.flagship .container-2 .name div { font-size: .15rem; color: #a68236; padding-top: .12rem; } 
.flagship .container-2 .content { padding-top: .24rem; font-size: .13rem; line-height: .22rem; color: #777; position: relative; } 
.flagship .container-2 .content p { padding-bottom: .22rem; position: relative; z-index: 2; } 
.flagship .container-2 .content:before, .flagship .container-2 .content:after { content: ""; display: block; position: absolute; width: .51rem; height: .41rem; background-size: 100%; } 
.flagship .container-2 .content:before { background-image: url("../image/img51.png"); left: -.25rem; top: .1rem; } 
.flagship .container-2 .content:after { background-image: url("../image/img51_2.png"); right: 0; bottom: 0; } 
.flagship .container { margin-left: .34rem; margin-right: .34rem; margin-top: -.4rem; background: #fff; padding: .4rem; position: relative; z-index: 2; color: #000; } 
.flagship .container h2 { font-size: .2rem; line-height: .24rem; padding-bottom: .1rem; } 
.flagship .container h3 { font-size: .2rem; padding-bottom: .2rem; } 
.flagship .container .content { padding-bottom: .4rem; } 
.flagship .container .content a.a1 { color: #a68236; } 
.flagship .container .more { margin-top: -.15rem; } 
.flagship .container .more a { font-size: .15rem; color: #a68236; text-transform: uppercase; text-decoration: underline; } 
.flagship .container .container-2 { padding: 0 0 .4rem 0; } 
.flagship .ptop { padding-top: .1rem; padding-bottom: .4rem; } 
.flagship .ptop .content { position: relative; font-size: .13rem; line-height: .22rem; padding: 0; color: #777; font-family: 'Roboto-Regular'; margin-top: .3rem; } 
.flagship .ptop .content:before, .flagship .ptop .content:after { content: ""; display: block; position: absolute; width: .51rem; height: .41rem; background-size: 100%; } 
.flagship .ptop .content:before { background-image: url("../image/img51.png"); left: -.27rem; top: -.15rem; } 
.flagship .ptop .content:after { background-image: url("../image/img51_2.png"); right: -.2rem; bottom: 0; } 
.flagship .ptop .content p { position: relative; z-index: 2; padding-bottom: .22rem; } 
.flagship .ptop .name { text-align: right; font-weight: bold; font-size: .18rem; padding: .1rem 0; } 
.flagship .ptop .msg { text-align: right; font-size: .15rem; line-height: .2rem; color: #a68236; } 
.global-vision-1 .title { font-size: .36rem; color: #ba3a39; text-transform: uppercase; line-height: 1em; } 
.global-vision-1 li { padding: .45rem 0; border-bottom: #ececec solid 1px; } 
.global-vision-1 li .img { width: 1.35rem; flex-shrink: 0; -webkit-flex-shrink: 0; } 
.global-vision-1 li .col { padding-left: .32rem; } 
.global-vision-1 li .col h3 { font-size: .2rem; line-height: 1.5em; } 
.global-vision-1 li .col p { font-size: .15rem; line-height: .22rem; padding: .07rem 0 .15rem 0; } 
.global-vision-1 li .col a.g-more { font-size: .15rem; text-transform: none; } 
.global-vision-2 .title { font-size: .36rem; color: #ba3a39; text-transform: uppercase; padding: .95rem 0 .2rem 0; } 
.global-vision-2 .content { font-size: .16rem; line-height: .26rem; padding-bottom: .5rem; } 
.global-vision-2 .container { text-align: center; font-size: .15rem; } 
.global-vision-2 .container .map { padding-bottom: .45rem; width: 8rem; position: relative; } 
.global-vision-2 .container .map li { position: absolute; background: url("../image/img80_1.png") center no-repeat; background-size: 100%; width: .8rem; height: 1.29rem; text-align: center; padding-bottom: .45rem; color: #fff; margin-left: -.4rem; margin-top: -1.29rem; } 
.global-vision-2 .container .map li .name { line-height: .18rem; font-size: .12rem; } 
.global-vision-2 .container .map li .num { font-size: .3rem; line-height: 1em; } 
.global-vision-2 .container .map li.color-2 { background-image: url("../image/img80_2.png"); } 
.global-vision-2 .container .map li.color-3 { background-image: url("../image/img80_3.png"); } 
.global-vision-2 .container h3 { font-size: .16rem; padding-bottom: .25rem; } 
.ecosystem { padding: .5rem 0; } 
.ecosystem .list { max-width: 7.62rem; margin: 0 auto; position: relative; } 
.ecosystem li { position: absolute; left: 50%; color: #fff; } 
.ecosystem li .name { font-size: .18rem; line-height: .24rem; padding-bottom: .1rem; text-transform: uppercase; } 
.ecosystem li .more a { color: #fff; text-decoration: underline; font-size: .14rem; } 
.ecosystem li.li_01 { margin-left: -2.23rem; top: 1.6rem; } 
.ecosystem li.li_02 { margin-left: .88rem; top: 1.6rem; } 
.ecosystem li.li_03 { margin-left: -2.78rem; top: 4.7rem; } 
.ecosystem li.li_04 { margin-left: .4rem; top: 5.3rem; } 
.orientation .content { padding-bottom: .26rem; } 
.orientation .title { font-size: .3rem; padding-bottom: .16rem; color: #ba3a39; } 
.orientation .img { padding-bottom: .36rem; } 
.orientation .list { padding-bottom: .48rem; } 
.orientation .list li { width: 50%; font-size: .16rem; color: #777; line-height: .3rem; padding-left: .2rem; border-left: #ba3a39 solid 1px; } 
.life-at-tsinghua { padding-bottom: .5rem; } 
.life-at-tsinghua .content { padding-bottom: .4rem; } 
.life-at-tsinghua .title { font-size: .3rem; color: #ba3a39; padding: 0 0 .2rem 0; line-height: 1em; } 
.life-at-tsinghua .list { padding-bottom: .65rem; } 
.life-at-tsinghua .list li { border-bottom: #aaa solid 1px; } 
.life-at-tsinghua .list li > a { display: block; min-height: .6rem; line-height: .3rem; color: #535f96; font-size: .16rem; padding: .15rem .5rem .15rem 0; position: relative; font-family: 'Roboto-Regular'; } 
.life-at-tsinghua .list li > a:before { content: ""; display: block; position: absolute; top: 0; right: .18rem; bottom: 0; background: url("../image/img12.png") center no-repeat; background-size: 100%; width: .12rem; } 
.life-at-tsinghua .list li .content { display: none; } 
.life-at-tsinghua .list li.on > a { color: #ba3a39; } 
.life-at-tsinghua .list li.on > a:before { background-image: url("../image/img12on.png"); } 
.life-at-tsinghua .list-2 li a:before { background-image: url("../image/img8_1.png"); width: .08rem; } 
.life-at-tsinghua .img { padding: .15rem 0 .2rem 0; } 
.life-in-beijing { padding-bottom: .5rem; } 
.life-in-beijing .img { padding-bottom: .36rem; } 
.life-in-beijing .content { padding-bottom: .4rem; } 
.life-in-beijing div.title { font-size: .3rem; padding-bottom: .16rem; color: #ba3a39; } 
.life-in-beijing h2.title { font-size: .2rem; padding-bottom: .2rem; } 
.life-in-beijing .list li { padding-left: .15rem; } 
.life-in-beijing .list img { height: 3.3rem; } 
.life-in-beijing .list .name { line-height: .5rem; font-size: .16rem; font-family: 'Roboto-Regular'; } @media screen and (min-width: 800px) { .life-in-beijing .list ul { display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; margin-left: -.15rem; margin-right: -.1rem; } } 
.alumni-profiles li { border-bottom: #eaeaea solid 1px; margin-bottom: .37rem; padding: 0 0 .37rem 1.77rem; min-height: 2.39rem; position: relative; } 
.alumni-profiles li:last-child { border: 0; } 
.alumni-profiles li .img { width: 1.4rem; position: absolute; z-index: 10; left: 0; right: auto; top: 0; bottom: auto; } 
.alumni-profiles li .img:before { content: ""; display: block; position: absolute; top: .25rem; right: -.1rem; width: .2rem; height: .2rem; background: #fff; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); } 
.alumni-profiles li .name { font-size: .15rem; font-weight: bold; color: #a68236; padding-bottom: .06rem; } 
.alumni-profiles li .msg { color: #a68236; } 
.alumni-profiles li .title a { display: block; font-size: .18rem; line-height: .24rem; color: #535f96; font-weight: bold; padding: .1rem 0; } 
.alumni-profiles li p { font-size: .13rem; line-height: .22rem; color: #777; } 
.alumni-mentorship-program { padding-bottom: .5rem; } 
.alumni-mentorship-program div.title { font-size: .3rem; padding-bottom: .2rem; color: #ba3a39; } 
.alumni-mentorship-program .content { font-size: .16rem; line-height: .3rem; padding-bottom: .4rem; } 
.alumni-mentorship-program .img { text-align: center; padding-bottom: .36rem; } 
.alumni-mentorship-program .list div.title { padding-bottom: 0; } 
.alumni-mentorship-program .list li { border-bottom: #eaeaea solid 1px; padding: .32rem 0 .22rem 0; } 
.alumni-mentorship-program .list li .content { position: relative; font-size: .13rem; line-height: .22rem; padding: 0; color: #777; font-family: 'Roboto-Regular'; } 
.alumni-mentorship-program .list li .content:before, .alumni-mentorship-program .list li .content:after { content: ""; display: block; position: absolute; width: .51rem; height: .41rem; background-size: 100%; } 
.alumni-mentorship-program .list li .content:before { background-image: url("../image/img51.png"); left: -.27rem; top: -.15rem; } 
.alumni-mentorship-program .list li .content:after { background-image: url("../image/img51_2.png"); right: -.2rem; bottom: 0; } 
.alumni-mentorship-program .list li .content p { position: relative; z-index: 2; padding-bottom: .22rem; } 
.alumni-mentorship-program .list li .name { text-align: right; font-weight: bold; font-size: .18rem; padding: .1rem 0; } 
.alumni-mentorship-program .list li .msg { text-align: right; font-size: .15rem; line-height: .2rem; color: #a68236; } 
.student-ambassadors dl { margin-left: -.17rem; } 
.student-ambassadors dd { width: 33.333%; padding: 0 0 .17rem .17rem; } 
.student-ambassadors a { text-align: center; color: #a68236; border: #a68236 solid 1px; font-size: .12rem; height: 1rem; } 
.student-ambassadors a div { font-size: .36rem; } 
.student-ambassadors a:hover { color: #ba3a39; border-color: #ba3a39; } 
.student-ambassadors-list li { border-bottom: #eaeaea solid 1px; margin-bottom: .37rem; padding: 0 0 .37rem 0; display: table; width: 100%; } 
.student-ambassadors-list li:last-child { border: 0; } 
.student-ambassadors-list li img { width: 1.4rem; /*height: auto !important;*/ float: left; } 
.student-ambassadors-list li em0 { display: block; position: relative; } 
.student-ambassadors-list li em0:before { content: ""; display: block; position: absolute; top: .25rem; right: -.1rem; width: .2rem; height: .2rem; background: #fff; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); } 
.student-ambassadors-list li h5 { font-size: .18rem; color: #a68236; padding-bottom: 0.5em; } 
.student-ambassadors-list li p { font-size: .15rem; line-height: .24rem; color: #333; } 
.student-ambassadors-list li div { margin-left: 1.78rem; } 
.student-ambassadors-list h4, .student-ambassadors-list h3 { font-size: .30rem; color: #ba3a39; font-weight: 100; padding-bottom: 1em; } 
.student-ambassadors-list h3 { font-size: .36rem; text-transform: uppercase; padding-bottom: 0.5em; } 
.student-life { padding: .33rem 0 1rem 0; } 
.student-life2 ul { margin-left: -.3rem; } 
.student-life li { width: 33.333%; padding-left: .3rem; } 
.student-life li a { position: relative; text-transform: uppercase; } 
.student-life li a .img { width: 100%; } 
.student-life li a .title { position: absolute; z-index: 10; left: 0; right: auto; top: auto; bottom: 1rem; font-size: .18rem; color: #bcaa6e; line-height: 1em; max-width: 90%; padding: .16rem .1rem 0 0; height: .34rem; } 
.student-life li a .name { height: 1.1rem; font-size: .28rem; color: #ba3a39; line-height: .36rem; padding-top: .1rem; position: relative; } 
.student-life li a .name:before { content: ""; display: block; position: absolute; left: 0; right: 0; background: #fff; top:-.20rem; height: .30rem; } 
.student-life2 { padding: .33rem 0 1rem 0; } 
.student-life2 ul { margin-left: 5%; } 
.student-life2 li { width: 45%; padding-left: .3rem; } 
.student-life2 li a { position: relative; text-transform: uppercase; } 
.student-life2 li a .img { width: 100%; } 
.student-life2 li a .title { position: absolute; z-index: 10; left: 0; right: auto; top: auto; bottom: 1rem; font-size: .18rem; color: #bcaa6e; line-height: 1em; max-width: 90%; padding: .16rem .1rem 0 0; height: .34rem; } 
.student-life2 li a .name { height: 1.1rem; font-size: .28rem; color: #ba3a39; line-height: .36rem; padding-top: .1rem; position: relative; } 
.student-life2 li a .name:before { content: ""; display: block; position: absolute; left: 0; right: 0; background: #fff; top:-.20rem; height: .30rem; } 
.admission-calendar .p-title { padding-bottom: .36rem; } 
.admission-calendar h2 { font-size: .2rem; padding-bottom: .2rem; border-bottom: #000 solid 1px; line-height: 1em; } 
.admission-calendar .list { padding-bottom: .4rem; font-family: 'Roboto-Regular'; } 
.admission-calendar .list li { border-bottom: #eaeaea solid 1px; height: .67rem; font-size: .16rem; padding-left: .2rem; } 
.admission-calendar .list li:nth-child(even) { background: #f8f8f8; } 
.admission-calendar .list .col { width: 50%; } 
.admission-calendar .list .col.blue { color: #535f96; } 
.admission-calendar .list .col.col-1 { width: 25%; } 
.admission-calendar .p-content, .admission-calendar .flagship .container .content, .flagship .container .admission-calendar .content, .admission-calendar .orientation .content, .orientation .admission-calendar .content, .admission-calendar .life-at-tsinghua .content, .life-at-tsinghua .admission-calendar .content, .admission-calendar .life-in-beijing .content, .life-in-beijing .admission-calendar .content { padding: 0 0 .7rem 0; } 
.admission-criteria .p-title { padding-bottom: .24rem; } 
.admission-criteria .p-content, .admission-criteria .flagship .container .content, .flagship .container .admission-criteria .content, .admission-criteria .orientation .content, .orientation .admission-criteria .content, .admission-criteria .life-at-tsinghua .content, .life-at-tsinghua .admission-criteria .content, .admission-criteria .life-in-beijing .content, .life-in-beijing .admission-criteria .content { padding-bottom: .36rem; } 
.admission-criteria h2.title { font-size: .2rem; padding-bottom: .15rem; } 
.admission-criteria .list { padding-bottom: .3rem; } 
.admission-criteria .list .name, .admission-criteria .list li { font-size: .16rem; } 
.admission-criteria .list .name .col, .admission-criteria .list li .col { width: 33.333%; } 
.admission-criteria .list .name .col.blue, .admission-criteria .list li .col.blue { color: #535f96; } 
.admission-criteria .list .name { border-bottom: #000 solid 1px; padding: .1rem 0 .2rem 0; } 
.admission-criteria .list li { border-bottom: #eaeaea solid 1px; height: .67rem; } 


.career-support-1 .about-title { padding: .25rem 0; } 
.career-support-1 .p-content, .career-support-1 .flagship .container .content, .flagship .container .career-support-1 .content, .career-support-1 .orientation .content, .orientation .career-support-1 .content, .career-support-1 .life-at-tsinghua .content, .life-at-tsinghua .career-support-1 .content, .career-support-1 .life-in-beijing .content, .life-in-beijing .career-support-1 .content { padding-bottom: .36rem; max-width: 9.65rem; margin: 0 auto; color: #777; } 
.career-support-1 .list { padding: .55rem 0; border-top: #e6e6e6 solid 1px; min-height: 4.9rem; } 
.career-support-1 .list li { width: 25%; padding: 0 .2rem; } 
.career-support-1 .list .ico { width: .6rem; margin: 0 auto; } 
.career-support-1 .list h3 { text-align: center; font-size: .18rem; padding: .15rem 0; } 
.career-support-1 .list dd { font-size: .15rem; line-height: .2rem; padding-bottom: .06rem; } 
.career-support-1 .more { padding-bottom: 1.5rem; } 
.career-support-1 .more a { display: block; margin: 0 auto; background: #a68236; color: #fff; text-align: center; font-size: .15rem; width: 1.88rem; height: .5rem; line-height: .5rem; } 
.career-support-1 .more a:hover { background: #ba3a39; } 
.career-support-2 { padding-bottom: 1.2rem; } 
.career-support-2 .list { padding: .75rem 0; } 
.career-support-2 .list li { text-align: center; padding: 0 .55rem; font-size: .16rem; color: #bcaa6e; border-right: #e6e6e6 solid 1px; } 
.career-support-2 .list li:last-child { border: 0; } 
.career-support-2 .list li h3 { font-size: .48rem; line-height: 1em; font-weight: 100; color: #000; padding-bottom: .2rem; } 
.career-support-2 .img-list { border-bottom: #e6e6e6 solid 1px; border-left: #e6e6e6 solid 1px; } 
.career-support-2 .img-list li { width: 25%; border-top: #e6e6e6 solid 1px; border-right: #e6e6e6 solid 1px; } 
.admissions .content { font-size: .18rem; line-height: .28rem; padding: .22rem 0 .38rem 0; border-bottom: #e6e6e6 solid 1px; } 
.admissions .list { padding: .7rem 0; width: 100%; overflow: hidden; position: relative; } 
.admissions .list li { width: 25%; height: 2.3rem; position: relative; } 
.admissions .list li:before { content: ""; display: block; position: absolute; left: -1px; top: 0; width: 1px; height: 1.1rem; background: #e6e6e6; } 
.admissions .list li a { display: block; text-align: center; font-family: 'Roboto-Regular'; } 
.admissions .list li a .ico { width: .63rem; margin: 0 auto; } 
.admissions .list li a .name { padding-top: .22rem; font-size: .16rem; } 
.alumni-network-1 { min-height: 3.6rem; padding: .55rem 0 .2rem 0; border-bottom: #e6e6e6 solid 1px; } 
.alumni-network-1 li { width: 33.333%; text-align: center; min-height: 1.35rem; } 
.alumni-network-1 li div { font-size: .36rem; line-height: 1em; color: #bcaa6e; padding-bottom: .1rem; } 
.alumni-network-1 li div span { font-size: .14rem; } 
.alumni-network-1 li p { font-size: .16rem; line-height: .24rem; color: #535f96; font-family: 'Roboto-Regular'; } 
.alumni-network-2 { position: relative; min-height: 5rem; } 
.alumni-network-2:before { content: ""; display: block; position: absolute; left: 0; top: 0; bottom: 0; z-index: 2; width: 3.85rem; background: rgba(255, 255, 255, 0.66); } 
.alumni-network-2 .p-title, .alumni-network-2 h3, .alumni-network-2 .list { position: relative; z-index: 3; } 
.alumni-network-2 .p-title { line-height: 1em; padding: .55rem 0 .3rem 0; } 
.alumni-network-2 h3 { font-size: .2rem; padding-bottom: .16rem; } 
.alumni-network-2 .list { font-size: .16rem; line-height: .3rem; color: #777; padding-left: .22rem; margin-bottom: .4rem; } 
.alumni-network-2 .list:last-child { margin: 0; } 
.alumni-network-2 .list:before { content: ""; display: block; position: absolute; left: 0; top: .06rem; bottom: .06rem; width: 1px; background: #ba3a39; } 
.alumni-network-2 .map { position: absolute; z-index: 1; left: auto; right: 0.15rem; top: 0.75rem; bottom: auto; width: 7.01rem; } 
.alumni-network-2 .map.map-2 { width: 7.45rem; top: 1.33rem; } 
.alumni-network-2 .map.map-2.on { position: fixed; right: 50%; margin-right: -1.85rem; } 
.expenses-scholarship { padding-bottom: .5rem; } 
.expenses-scholarship h2.title { font-size: .2rem; padding: .45rem 0 .16rem 0; } 
.expenses-scholarship .list li { border-bottom: #e6e6e6 solid 1px; padding: .2rem 0; } 
.expenses-scholarship .list .name { font-weight: bold; font-size: .16rem; color: #535f96; padding-bottom: .02rem; line-height: .26rem; } 
.expenses-scholarship div.p-content, .expenses-scholarship .flagship .container div.content, .flagship .container .expenses-scholarship div.content, .expenses-scholarship .orientation div.content, .orientation .expenses-scholarship div.content, .expenses-scholarship .life-at-tsinghua div.content, .life-at-tsinghua .expenses-scholarship div.content, .expenses-scholarship .life-in-beijing div.content, .life-in-beijing .expenses-scholarship div.content { padding: .3rem 0 .1rem 0; } 
.academics-1 .content { font-size: .18rem; line-height: .28rem; font-family: 'Roboto-Regular'; max-width: 8.6rem; margin: 0 auto; border-bottom: #e6e6e6 solid 1px; padding: .2rem 0 .5rem 0; } 
.academics-1 .about-title { padding: .8rem 0 .25rem 0; } 
.academics-1 .p-content, .academics-1 .flagship .container .content, .flagship .container .academics-1 .content, .academics-1 .orientation .content, .orientation .academics-1 .content, .academics-1 .life-at-tsinghua .content, .life-at-tsinghua .academics-1 .content, .academics-1 .life-in-beijing .content, .life-in-beijing .academics-1 .content, .academics-1 .list { max-width: 9.66rem; margin: 0 auto; } 
.academics-1 .p-content, .academics-1 .flagship .container .content, .flagship .container .academics-1 .content, .academics-1 .orientation .content, .orientation .academics-1 .content, .academics-1 .life-at-tsinghua .content, .life-at-tsinghua .academics-1 .content, .academics-1 .life-in-beijing .content, .life-in-beijing .academics-1 .content { color: #777; padding-bottom: .3rem; } 
.academics-1 .list { padding-bottom: .6rem; font-family: 'Roboto-Regular'; } 
.academics-1 .list li { font-size: .18rem; line-height: .34rem; padding-left: 1.8rem; position: relative; } 
.academics-1 .list strong { position: absolute; z-index: 10; left: 0; right: auto; top: 0; bottom: auto; } 
.academics-1 .list-2 { padding-bottom: 1rem; width: 100%; overflow: hidden; position: relative; } 
.academics-1 .list-2 li { min-height: 2.9rem; text-align: center; width: 25%; position: relative; } 
.academics-1 .list-2 li:before { content: ""; display: block; position: absolute; left: -1px; top: .38rem; width: 1px; height: 1.3rem; background: #e6e6e6; } 
.academics-1 .list-2 li .ico img { height: .6rem; } 
.academics-1 .list-2 li .num { font-size: .48rem; color: #ba3a39; line-height: 1em; padding-top: .15rem; } 
.academics-1 .list-2 li .msg { min-height: .55rem; color: #535f96; padding-top: .1rem; line-height: .16rem; font-family: 'Roboto-Regular'; } 
.academics-1 .list-2 li dl { min-height: 1.18rem; } 
.academics-1 .list-2 li dl dd { width: 1.5rem; position: relative; } 
.academics-1 .list-2 li dl .num { font-size: .3rem; } 
.academics-1 .list-2 li dl .num-1 { position: absolute; z-index: 10; left: auto; right: -0.1rem; top: 0; bottom: auto; } 
.academics-1 .list-2 li .name { font-size: .16rem; font-family: 'Roboto-Regular'; } 
.academics-1 .list-2 li:nth-child(5):before { display: none; } 
.academics-1 .list-2 li:nth-child(5), .academics-1 .list-2 li:nth-child(6) { width: 33.333%; } 
.academics-2 { background: #f5f3f1; position: relative; } 
.academics-2 .wal { min-height: 6.1rem; } 
.academics-2 .title { font-size: .36rem; color: #ba3a39; line-height: .48rem; padding: .8rem 0 .35rem 0; } 
.academics-2 .list a { display: inline-block; font-size: .2rem; line-height: .5rem; color: #535f96; padding-right: .55rem; background: url("../image/img16_1.png") right center no-repeat; background-size: .16rem; font-family: 'Roboto-Regular'; } 
.academics-2 .img { width: 50%; position: absolute; z-index: 10; right: 0px; top: -0.2rem; bottom: auto; } 
.student-profile { margin-top: -.1rem; position: relative; z-index: 11; } 
.student-profile .title { text-align: center; font-size: .36rem; line-height: .44rem; color: #ba3a39; text-transform: uppercase; padding-bottom: .45rem; } 
.student-profile .list { border-bottom: #e6e6e6 solid 1px; min-height: 2.75rem; } 
.student-profile .list li { width: 33.333%; text-align: center; min-height: 1.35rem; } 
.student-profile .list li .num { font-size: .36rem; line-height: 1em; height: 1em; color: #bcaa6e; } 
.student-profile .list li .num span { font-size: .14rem; } 
.student-profile .list li .name { color: #535f96; font-size: .16rem; padding-top: .1rem; font-family: 'Roboto-Regular'; } 
.student-profile .list-2 { padding-top: .55rem; } 
.student-profile .list-2 li { width: 3.45rem; padding-bottom: .5rem; } 
.student-profile .list-2 li .chart { height: 1.88rem; } 
.student-profile .list-2 li h2 { font-size: .3rem; color: #ba3a39; padding-top: .35rem; } 
.student-profile .list-2 li .info { font-size: .18rem; color: #777; padding-top: .04rem; } 
.student-profile .list-2 li dl { padding: .26rem 0 0 0; font-family: 'Roboto-Regular'; } 
.student-profile .list-2 li dd { position: relative; font-size: .18rem; line-height: .24rem; padding: 0 0 .2rem .55rem; } 
.student-profile .list-2 li dd i { display: block; position: absolute; z-index: 10; left: 0; right: auto; top: 0.1rem; bottom: auto; width: .25rem; height: .04rem; background: #ba3a39; } 
.student-profile .list-2 li dd div.num { flex-shrink: 0; -webkit-flex-shrink: 0; width: .7rem; } 
.page-show { position: relative; padding: 0 .95rem 0 0rem; min-height: 5rem; z-index: 11; top: -.1rem; } 
.page-show .title { font-size: .46rem; padding-bottom: .35rem; margin-right: -.95rem; margin-left: 0rem; } 
.page-show .btn { position: absolute; z-index: 10; left: 0; right: auto; top: auto; bottom: auto; } 
.page-show .btn li { padding-bottom: .24rem; } 
.page-show .btn img { height: .35rem; } 
.page-show .time { font-size: .15rem; text-transform: uppercase; color: #ba3a39; padding-bottom: .2rem; font-family: 'Roboto-Regular'; } 
.page-show .content { font-size: .18rem; line-height: .28rem; padding-bottom: .95rem; } 
.page-show .content h2 { font-size: .24rem; padding-bottom: .16rem; color: #ba3a39; } 
.page-show .content h3 { font-size: .20rem; padding-bottom: .16rem; color: #ba3a39; } 
.page-show .content h6 { font-size: x-small; line-height: 4em; } 
.page-show .content a { text-decoration: underline; color: #2387AA; } 
.page-show .content a:hover { text-decoration: none; color: #bcaa6e; } 
.page-show .content img { height: auto !important; max-width: 100%; max-height: 100%;margin: 0 16px; } 
.page-show .list { padding-bottom: 1rem; } 
.page-show .list h2 { text-transform: uppercase; color: #ba3a39; font-size: .18rem; padding-bottom: .15rem; border-bottom: #e2e2e2 solid 2px; } 
.page-show .list li { border-bottom: #e6e6e6 solid 1px; padding: .18rem 0; line-height: .24rem; font-family: 'Roboto-Regular'; } 
.page-show .list li .time { color: #ba3a39; font-size: .12rem; padding: 0; text-transform: none; } 
.page-show .list li a { font-size: .18rem; color: #535f96; } 
.news { max-width: 10.3rem;  min-height: 5rem;} 
.news .title { font-size: .46rem; padding-bottom: .4rem; line-height: 1em; color: #ba3a39; text-transform: uppercase; } 
.news .list ul { margin-left: -.3rem; } 
.news .list li { width: 50%; padding: 0 0 .23rem .3rem; } 
.news .list a { display: block; border: #d9d9d9 solid 1px; font-family: 'Roboto-Regular'; min-height: 1.6rem; padding: .26rem .2rem .2rem .32rem; } 
.news .list a:hover { border-color: #ba3a39; } 
.news .list a:hover .name { color: #ba3a39; } 
.news .list a .time { color: #ba3a39; } 
.news .list a .name { color: #535f96; font-size: .18rem; line-height: .24rem; padding-top: .08rem; } 
.events { max-width: 10.4rem; } 
.events .title { font-size: .46rem; padding-bottom: .4rem; line-height: 1em; color: #ba3a39; text-transform: uppercase; } 
.events .list ul { margin-left: -.36rem; } 
.events .list li { width: 50%; padding: 0 0 .32rem .36rem; } 
.events .list a { display: block; border: #d9d9d9 solid 1px; font-family: 'Roboto-Regular'; min-height: 1.9rem; padding: .26rem .15rem .2rem .3rem; } 
.events .list a .time { color: #ba3a39; } 
.events .list a .name { color: #535f96; font-size: .18rem; line-height: .24rem; padding: .08rem 0; min-height: 1.1rem; } 
.events .list a .info { color: #555; padding-left: .2rem; background: url("../image/img9.png") left center no-repeat; background-size: .09rem; } 
.p-num { padding: .4rem 0 1rem 0; font-size: .15rem; font-family: 'Roboto-Regular'; text-transform: uppercase; } 
.p-num div a { font-size: .18rem; color: #ba3a39; height: .32rem; line-height: .3rem; text-align: center; -moz-border-radius: 0.04rem; -webkit-border-radius: 0.04rem; border-radius: 0.04rem; display: inline-block; margin: 0 .05rem; } 
.p-num div a:hover, .p-num div a.on { background: #bcaa6e; color: #fff; } 
.p_no a {padding: .03rem .08rem ; font-size: .18rem; color: #ba3a39; text-align: center; -moz-border-radius: 0.04rem; -webkit-border-radius: 0.04rem; border-radius: 0.04rem; display: inline-block; margin: 0 .03rem; } 
.p_no_d{padding: .03rem .08rem ; font-size: .18rem; color: #fff; height: .32rem; background: #bcaa6e; line-height: .3rem; text-align: center; -moz-border-radius: 0.04rem; -webkit-border-radius: 0.04rem; border-radius: 0.04rem; display: inline-block; margin: 0 .05rem; } 
.p_no a:hover { background: #bcaa6e; color: #fff; } 
.bsBox { box-sizing: content-box; } 
.videos .title { color: #ba3a39; font-size: .3rem; line-height: 1em; padding-bottom: .3rem; } 
.videos .list { padding-bottom: .3rem; } 
.videos .list li { width: 3.8rem; padding-bottom: .2rem;display: inline-block; } 
.videos .list li a { display: block; color: #000; } 
.videos .list li a .name { font-size: .18rem; line-height: .24rem; background: #fff; width: 100%; height: .88rem; position: relative; z-index: 2; margin-top: 0rem; padding-right: 0rem; } 
.videos .list li a:hover { color: #ba3a39; } /*20220416分页样式*/ .pagebar , .p_pages{ width:100%; } 
.pagebar .p_first,.pagebar .p_first_d,.pagebar .p_last,.pagebar .p_last_d{ display:none; } 
.p_next ,.p_next_d , .p_prev , .p_prev_d{ font-size: .18rem; height: .32rem; line-height: .3rem; font-family: 'Roboto-Regular'; text-transform: uppercase; } 
.p_next a , .p_prev a{ color:#000; } 
.p_prev ,.p_prev_d{ width:100px; float:left; } 
.p_next ,.p_next_d { width:10%; float:right; }




.g-head2 .search {
    position: relative;
    z-index: 20;
}
.g-head2 .search .input {
    position: absolute;
    z-index: 1;
    left: auto;
    right: -.5rem;
    top: -12px;
    bottom: auto;
    height: 40px;
    width: 0;
    background: #fff;
    opacity: 0;
    visibility: hidden;
    transition: .5s;
}
.g-head2 .search .input input {
    width: 100%;
    height: 100%;
    font-size: 13px;
    padding: 0 2rem 0 1rem;
    color: #333;
}
.g-head2 .search .btn {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 5;
}
.g-head2 .search .btn input{cursor: pointer;position: absolute;z-index: 1;left: 0;top: 0;right:0;bottom: 0;height: 100%;width: 100%;}
.g-head2 .search .btn svg{width: 18px;height: 18px;fill:#fff;}
.g-head2 .search:hover .btn svg{ fill: #6510AD;}

.g-head2 .search:hover .input {
    width: 16.25rem;
    opacity: 1;
    visibility: visible;
}

.search_btn{display:inline-block;float: none;}

.search_btn{cursor: pointer;}
.search_btn svg{display:inline-block;fill:#fff;width: 16px;height: 16px;vertical-align: middle;}

.search-dialog-box{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 10rem;
	z-index: 1000000;
	opacity: 0;
	visibility: hidden;
	transition: .6s;
	/* overflow: hidden; */
}
.search-dialog-box:before{content:"";position:absolute;top:0;height:0;background: #00288b;transition: .6s;left: 0;right: 0;z-index: 1;}
.search-dialog-box.on:before{ height:100%}
.search-dialog-box .bubbles-bg{
	opacity: 0;
	visibility: hidden;
	display: none;
}
.search-dialog-box .search-bg{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 0;
	margin: 0;
	background: rgba(0,0,0,.7);
	background-size: cover;
	background-repeat: no-repeat;
	/* z-index: 1; */
	transform-origin: center center;
	transition: height .8s cubic-bezier(.77,0,.175,1);
}
.search-dialog-box .wrap-inner{
	transform:translateY(100%);
	transition: .6s;
}

.search-dialog{
	position: absolute;
	left: 0;
	top: 30%;
	transform: translateY(-50%);
	width: 100%;
	z-index: 2;
}
.search-dialog .search-tit{
	font-size: 1rem;
	line-height:2rem;
	color: #fff;
	text-align: center;
	overflow: hidden;
	display: none;
}
.search-dialog .search-inner{
	overflow: hidden;
	margin-top: 0;
}
.search-dialog .search-input{
	width: 10rem;
	margin: 0 auto;
	padding: 0 0.5rem 0 1.5rem;
	background-color: rgba(255,255,255,.1);
	box-sizing: border-box;
	transition: all .3s;
	max-width: 94%;
}
.search-dialog .search-input input[type=text]{
	float: left;
	height:2rem;
	width: calc(100% - 2rem);
	background-color: transparent;
	font-size: 1rem;
	line-height: .5rem;
	color: #fff;
	transition: all .3s;border-bottom: 1px solid #acce22;
}
.search-dialog .search-input input[type=text]::-webkit-input-placeholder{
    color:rgba(255,255,255,0.5);  
}  
.search-dialog .search-input input[type=text]:-moz-placeholder{
    color:rgba(255,255,255,0.5); 
}  
.search-dialog .search-input input[type=text]::-moz-placeholder{
    color:rgba(255,255,255,0.5); 
}  
.search-dialog .search-input input[type=text]:-ms-input-placeholder {
    color:rgba(255,255,255,0.5); 
} 
.search-dialog .search-input input[type=submit],
.search-dialog .search-input .clear-btn{
	float: right;
	height: 2rem;
	width:2rem;
}

.search-dialog .search-input input[type=submit]{
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 1rem;
	background-image: url('../images/search-btn.svg');
}
.search-dialog .search-input .clear-btn{
	background-color: rgba(0,0,0,.2);
	background-repeat: no-repeat;
	background-position: center;
	background-image: url('../images/close-btn.svg');
	background-size: 2rem;
	border-radius: 100%;
	margin-right: 1rem;
	display: none;
}
.search-dialog .search-input.on{
	background-color: #fff;
}

.search-dialog .search-input.on input[type=submit]{

}

.search-dialog .hot-search{
	font-size: 0;

	width:5rem;
	margin:.6rem auto 0;
	box-sizing: border-box;
	padding:0 .6rem;
	overflow: hidden;
}
.search-dialog .hot-search .hot-tit,
.search-dialog .hot-search .hot-link{
	display: inline-block;
	*display: inline;
	zoom:1;
	vertical-align: top;
}
.search-dialog .hot-search .hot-tit{
	font-size: .375rem;
	line-height: .5rem;

	color: #fff;
	font-weight: bold;
	padding-left: .6rem;
	background-repeat: no-repeat;
	background-position: left center;
	background-size: .5rem;
	background-image:;
}
.search-dialog .hot-link{
	margin-left: 1rem;
}


.search-dialog .hot-link a{
	display: inline-block;
	*display: inline;
	zoom:1;
	font-size: .375rem;
	line-height: .5rem;
	margin-right: .75rem;
	color:#fff;
	padding-bottom: 5px;
	position: relative;
}

.search-dialog .hot-link a:before{
	content: "";
	position: absolute;
	left:0%;
	bottom:0;
	width:100%;
	height: 2px;
	background-color: #fff;
	transform:scaleX(0);
	transform-origin:left center;
	transition:transform .3s;
}
.search-dialog-box .bottom-box{
	position: absolute;
	left: 0;
	bottom:5.1%;
	width:100%;
}
.search-dialog-box .bottom-box .share-box{
	overflow: hidden;
}
.search-dialog-box .bottom-box .copy{
	font-size: .35rem;
	line-height:.5rem;
	color: #fff;
	font-family: "gilroy-regular";
	margin-top: .5rem;
	overflow: hidden;
}

.header-right.is-open .bubbles-bg{
	visibility: visible;
	opacity: 1;
}
.header-right.is-open .search-btn .con-box{
	display:none;
}
.header-right.is-open .close-btn{
	display:block;
}
.header-right.is-open .item .search-bg{
	transform:scale(1);
}
.search-dialog-box.on{
	opacity: 1;
	visibility: visible;
}
.search-dialog-box.on .search-bg{height: 100vh;}

.search-dialog-box.on .bubbles-bg{opacity: 1;visibility: visible;}
.search-dialog-box.on .wrap-inner{ transform:translateY(0)}


.pub-close {
    position: absolute;
    width: 1rem;
    height: 1rem;
    z-index: 10;
    right: .5rem;
    top: .5rem;
    background-color: rgba(255,255,255,.1);
    border-radius: 100%;
}
.pub-close .bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #1c5ab7;
    transform: scale(0);
    border-radius: 100%;
    transition: transform .3s;
}
.pub-close i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: 0.5rem;
    background-repeat: no-repeat;
    background-image: url(../images/close-btn.svg);
	transition:.6s
}
.pub-close i:hover{ transform:rotate(180deg)}
@media screen and (max-width: 1025px){
.student-ambassadors-list li img {margin-right: 5px;width: 1.5rem;}
}