*{margin:0; padding:0; box-sizing: border-box;}
html{font-size:62.5%!important; -webkit-user-select: none!important; user-select: none!important; /*touch-action: none;*/}
body, table, input, select, textare{font-size:1.2rem;}
html, body, table{font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", "Source Han Sans CN", sans-serif; color:#666;}
/*html, body, form{height:100%!important; overflow: hidden;}*/
html, body{-webkit-tap-highlight-color:transparent;}
input, button, select, textarea, a{outline:none;}
input[type="text"],input[type="number"], select, textarea{border: 1px solid #d1d1d1; border-radius: 3px;}
input[type=checkbox], input[type=radio]{vertical-align:text-top!important;}
select{webkit-appearance:none; /*去除系统默认的样式*/-webkit-tap-highlight-color: rgba(0, 0, 0, 0);   /* 点击高亮的颜色*/}
li{list-style:none;}
img{border:0; max-width:100%;}
.img-responsive{max-width:100%;}
.clearThis::after, .clearFix::after{display:block; height:0; content:"."; clear:both; visibility:hidden;}
.clear{clear:both;}
a{color:#008aff; -webkit-tap-highlight-color: rgba(0,0,0,0.1);}
.blue{color:#06f!important;}
.red{color:#f00!important;}
.green{color:#0c0!important;}
.black{color:#333!important;}
.redStar{color:#f00; font-family:"宋体"; font-weight:normal;}
.nowrap{white-space:nowrap!important; word-break:keep-all!important;}

.page-wrap{background:url("../picture/body-bg.jpg") top repeat-y; background-size:100% auto; width: 100%; max-width:768px; /*height: 100%; overflow: hidden;*/  margin:0 auto; box-shadow: 0 0 10px rgba(0,0,0,0.2); position: relative; z-index: 0;}
header{height:170px; text-align:right; color:#001E60; padding:15px 30px 0 25%;}
header .en{font-family:Tahoma; font-weight:bold;}
header h1.en{font-size:5rem;}
header h2.en{font-size:2.5rem;}
header h2.zh{font-size:3rem;}
.left-top_bg{position:absolute; width:25%; left:0; top:0; z-index:999;}
.left-top_bg img{width:100%;}
.page-body{/*height:calc(100% - 170px);*/ box-sizing:border-box; overflow: auto; padding:0 30px;}
.intro{height:auto; font-size:1.4rem; line-height:1.8em; color:#0032a0;}
.intro .text-box{padding-left:20px;}
.intro .text-box p{margin-bottom:16px;}
.school-logo{height:auto; margin:0 -30px; padding:25px 0 45px 15%;}
.yc .school-logo{background: url("../picture/logo-bg_yc.svg") top left no-repeat; background-size:100%;}
.yw .school-logo{background: url("../picture/logo-bg_yw.svg") top left no-repeat; background-size:100%;}
.school-logo img{display: block; height:54px;}
.school{background: url("../picture/school-box-bg.png") top repeat-y; background-size: 100%;}
.school-bottom img{display: block; width: 100%;}
.compus{padding:0 15px;}
.compus li{font-size:2rem; line-height:2em; color:#0032a0; margin-bottom: 10px; padding-left:10px; position:relative;}
.compus li::before{content: ""; width: 4px; height:9px; position: absolute; top:16px; left:0; background:#ff0044;}
.compus li a{color:#0032a0; text-decoration: none; display: flex; align-items: center; align-content: center; flex-wrap: wrap;}
.compus li a > span{white-space: nowrap; padding:0 10px;}
.compus li a > span:first-child{flex:1;}
.l1 .compus li a > span{flex:0 0 100%;}
.footer{text-align: center; color:#fff; margin:0 -30px; background:#0032A0; padding:5px 30px;}
.footer a{color:#fff; text-decoration:none;}

@media (min-width:481px){
    header{height:220px; padding:30px 80px 0 25%;}
    header h1.en{font-size:6rem;}
    header h2.en{font-size:3.3rem;}
    header h2.zh{font-size:4rem;}
    .page-body{/*height:calc(100% - 220px);*/ padding:0 80px;}
    .intro{font-size:2rem; padding:15px 0 15px 50px}
    .school-logo{height:auto; margin:0 -80px; padding:50px 0 65px 15%;}
    .yc .school-logo{background: url("../picture/logo-bg_yc.svg") top left no-repeat; background-size:100%;}
    .yw .school-logo{background: url("../picture/logo-bg_yw.svg") top left no-repeat; background-size:100%;}
    .school-logo img{display: block; height:110px;}
    .compus{padding:0 0 0 40px;}
    .compus li a{justify-content:flex-start;}
    .compus li a > span{flex:1;}
    .footer{margin:0 -80px;}
}