@charset "utf-8";
/* CSS Document */


/*-------- 冠亚季 --------*/

.top3{ width: 100vw; height: 68vw; background: -webkit-linear-gradient(#2a6ae2,#4896e7); /*Safari 5.1-6.0*/ background: -o-linear-gradient(#2a6ae2,#4896e7); /*Opera 11.1-12.0*/ background: -moz-linear-gradient(#2a6ae2,#4896e7); /*Firefox 3.6-15*/ background: linear-gradient(#2a6ae2,#4896e7); /*标准的语法*/ overflow: hidden; position: fixed; top: 0; transition: all 0.2s;}

.tou{ width: 90vw; height: 20vw; margin: 0 auto; overflow: hidden; position: relative;}
.tou h4{ width: 45vw; height: 8vw; background-color: #1b5cd4; border-radius: 4vw; margin: 4vw auto 0;}
.tou h4 p{ width: 15vw; font-size: 3.2vw; color: #FFFFFF; line-height: 8vw; text-align: center; float: left;}
.tou h4 a{ width: 15vw; height: 8vw; display: block; background-color: #3f83ff; border-radius: 4vw; transition: all 0.2s;}
.tou img{ width: 4vw; height: 4vw; position: absolute; right: 0; top: 6vw;}

.school{ width: 44vw; height: 100vw; overflow: hidden; background-color: #FFFFFF; border-radius: 2vw 0 0 2vw; position: fixed; top: 40vw; right: -44vw; z-index: 99; transition: all 0.3s;}
.school p{ width: 44vw; font-size: 3.8vw; background-color: #FF401D; color: #FFFFFF; line-height: 10vw; text-align: center;}
.school ul{ width: 44vw; height: 84vw; overflow: auto; padding-bottom: 2px;}
.school ul li{ width: 36vw; margin: 0 auto; border-bottom: solid 1px #DDDDDD; font-size: 3.6vw; color: #333333; line-height: 6vw; padding: 2vw 0;}
.school ul li:active{ opacity: 0.7;}
.black{ width: 100vw; height: 100vh; background-color: rgba(0,0,0,0.4); position: fixed; top: 0; left: 0; z-index: 9; display: none;}

.yuedu{ width: 90vw; margin: 0 auto; overflow: hidden;}
.yuedu li{ background-repeat: no-repeat; background-position: bottom; background-size: 100% auto; float: left;}
.yuedu li:nth-child(1){ width: 28vw; height: 44vw; margin-top: 4vw; background-image: url(../../images/left.png);}
.yuedu li:nth-child(2){ width: 34vw; height: 48vw; margin-top: 0vw; background-image: url(../../images/middle.png);}
.yuedu li:nth-child(3){ width: 28vw; height: 44vw; margin-top: 4vw; background-image: url(../../images/right.png);}
.yuedu li img{ width: 12vw; height: 12vw; margin: 0 auto 3vw auto;}
.yuedu li h3{ font-size: 4vw; color: #FFFFFF; line-height: 5vw; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 1vw;}
.yuedu li p{ font-size: 3.4vw; color: #FFFFFF; line-height: 5vw; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 6vw;}
.yuedu li:nth-child(2) p{ margin-bottom: 8vw;}
.yuedu li h4{ font-size: 3.4vw; color: #FFFFFF; line-height: 5vw; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.yuedu li h5{ font-size: 3.4vw; color: #FFFFFF; line-height: 5vw; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

/*
.reshu li:nth-child(1){ width: 28vw; height: 44vw; margin-top: 4vw; background-image:url(../images/left_g.png);}
.reshu li:nth-child(2){ width: 34vw; height: 48vw; margin-top: 0vw; background-image:url(../images/middle_g.png);}
.reshu li:nth-child(3){ width: 28vw; height: 44vw; margin-top: 4vw; background-image:url(../images/right_g.png);}
.reshu li img{ width: 12vw; height: 12vw; margin: 0 auto 3vw auto;}
.reshu li h3{ width: 90%; height: 10vw; margin: 0 auto 10vw; font-size: 4vw; color: #FFFFFF; line-height: 5vw; text-align: center; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.reshu li:nth-child(2) h3{ margin-bottom: 12vw;}
.reshu li p{ font-size: 4.6vw; color: #FFFFFF; line-height: 5vw; text-align: center;}
*/


/*-------- 排名列表 --------*/

.mc1{ width: 100vw; overflow: hidden; margin-top: 68vw;}
.mc1 li{ width: 90vw; overflow: hidden; border-bottom: solid 1px #EEEEEE; padding: 0 5vw;}
.mc1 li h3{ width: 10vw; font-size: 4vw; color: #333333; line-height: 16vw; text-align: center; float: left; margin-right: 2vw;}
.mc1 li h4{ width: 22vw; font-size: 4vw; color: #333333; line-height: 16vw; text-align: center; float: left; margin-right: 4vw; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.mc1 li h5{ width: 38vw; font-size: 3.6vw; color: #AAAAAA; line-height: 6vw; float: left; margin: 2vw 2vw 2vw 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.mc1 li p{ width: 12vw; font-size: 4vw; color: #2A6AE2; line-height: 16vw; float: left; text-align: right;}


/*
.mc2{ width: 100vw; overflow: hidden; margin-top: 64vw; display: none;}
.mc2 li{ width: 90vw; overflow: hidden; border-bottom: solid 1px #EEEEEE; padding: 0 5vw;}
.mc2 li h3{ width: 10vw; font-size: 4vw; color: #333333; line-height: 16vw; text-align: center; float: left; margin-right: 2vw;}
.mc2 li h4{ width: 56vw; font-size: 4vw; color: #333333; line-height: 16vw; text-align: center; float: left; margin-right: 4vw; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.mc2 li p{ width: 18vw; font-size: 4vw; color: #639E3F; line-height: 16vw; float: left; text-align: right;}
*/


/*-------- 广告 --------*/

/*
.banner{ width: 100vw; height: 20vw; position: fixed; bottom: 0; }
.banner img{ width: 100vw; height: 20vw;}
.banner a{ width: 14px; height: 14px; display: block; background-image: url(../images/close.png); background-repeat: no-repeat; background-size: cover; position: absolute; top: 3vw; right: 3vw;}
*/