/*common*/ .section .scrollbox { overflow-y: hidden; } .section .scrollbox .container{ overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; padding: 0 0 1.5rem; } .section .scrollbox .container ul{width: 40.5rem;} .section .more{ display: block; width: 10.25rem; height: 1.75rem; line-height: 1.75rem; margin-top: 0.6rem; } /*广告*/ .banner-box{height: 10.625rem;} .banner-box img{width: 16rem;} /*语言*/ .language-box{ text-align: center; padding: 1.3rem 0 0.5rem; background-color: #fdfbfb; } .language-box a{ width: 27%; display: inline-block; margin: 0 0.5rem 0.9rem; } .language-box img{ height: 2.85rem; width: 2.85rem; } .language-box p{ font-size: 0.55rem; margin-top: 0.5rem; font-weight: bold; } /*活动*/ .hotactivity-box{ background-color: #fdfbfb; padding: 1rem 0.45rem 0.5rem; } .hotactivity-box ul{ margin-top: 0.75rem; height: 3.75rem; overflow: auto; } .hotactivity-box li{ position: relative; } .hotactivity-box a{ font-size: 0.6rem; line-height: 1.25rem; width: 12.5rem; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .hotactivity-box span{ color: #e8253d; } .hotactivity-box .btn{ position: absolute; right: 0; width: 1.7rem; height: 0.625rem; line-height: 0.625rem; font-size: 0.45rem; top: 0.625em; border-radius: 0.3rem; } .hotactivity-box li a:after{ content: ""; position: absolute; right: 2rem; top: 0; width: 0.325rem; height: 1.25rem; background: no-repeat center; -webkit-background-size: 0.325rem 0.55rem; background-size: 0.325rem 0.55rem; } /*热报课程*/ .hotcourse-box{ background-color: #10c7c8; padding: 0.9rem 0; } .hotcourse-box .headline{color: #fff;} .hotcourse-box .headline:before, .hotcourse-box .headline:after{background-color: #fff;} .hotcourse-box .scrollbox{ height: 6.65rem; margin-top: 0.9rem; } .hotcourse-box ul{ height: 6.65rem; } .hotcourse-box li{ float: left; width: 6.25rem; height: 6.65rem; background-color: #fff; margin: 0 0.25rem; padding: 0.6rem 0.5rem 0; line-height: 0.8rem; position: relative; } .hotcourse-box li:before, .hotcourse-box li:after{ content: ""; position: absolute; top: 2.25rem; width: 0.5rem; height: 0.5rem; background-color: #10c7c8; border-radius: 50%; } .hotcourse-box li:before{left: -0.25rem;} .hotcourse-box li:after{right: -0.25rem;} .hotcourse-box h6{ text-align: center; font-size: 0.6rem; height: 1.9rem; border-bottom: 0.05rem dashed #808080; color: #555; margin-bottom: 0.4rem; } .hotcourse-box p{ font-size: 0.6rem; color: #999; } .hotcourse-box .btn{margin-top: 0.25rem;font-size: 0.625rem;} /*老师*/ .teacher-box{ background-color: #fff; padding: 0.625rem 0 1.1rem; } .teacher-box .headline h5{width: 5.5rem;} .teacher-box .headline:before,.teacher-box .headline:after{width: 4.75rem;} .teacher-box ul{max-height: 8.275rem;margin: 1.25rem 0 0;} .teacher-box .item{ width: 4.5rem; margin: 0 0.4rem; display: inline-block; vertical-align: top; } .teacher-box li img{ height: 5.625rem; } .teacher-box li p{ font-weight: bold; text-align: center; margin: 0.5rem 0 0.3rem; white-space: nowrap; } .teacher-box li p b{ color: #020202; font-size: 0.6rem; line-height: 0.65rem; display: inline-block; vertical-align: middle; } .teacher-box li p span{ display: inline-block; vertical-align: middle; font-size: 0.45rem; color: #666; border: 0.025rem solid #666; /*width: 1.35rem;*/ height: 0.65rem; padding: 0.075rem 0.15rem; margin-left: 0.25rem; } .teacher-box li .j_showmq:after{ content: ""; display: inline-block; border-style: solid; border-width: 0.225rem 0 0.225rem 0.2rem; border-color: transparent transparent transparent #fff; margin-left: 0.4rem; } .teacher-box .more{background-color: #10c7c8;} /*预科课程*/ .yukecourse-box{ background-color: #fff; padding: 0.8rem 0 1.1rem; } .yukecourse-box .container{ text-align: center; margin-top: 0.9rem; } .yukecourse-box img{ width: 4.75rem; height: 4.75rem; margin: 0 0.2rem; } /*小语种考试*/ .examination-box{ padding: 1rem 0 0; background: no-repeat; height: 10.225rem; } .examination-box .headline{color: #fff;} .examination-box .headline h5{ width: 4.75rem; } .examination-box .headline:before, .examination-box .headline:after{ width: 5.125rem; background-color: #fff; } .examination-box .scrollbox{ height: 6.675rem; margin-top: 0.9rem; } .examination-box ul{ height: 6.65rem; } .examination-box li{ float: left; width: 6.25rem; height: 6.65rem; background-color: #fff; margin: 0 0.25rem; padding: 0.75rem 0.5rem 0; line-height: 0.8rem; position: relative; color: #555; } .examination-box li:before, .examination-box li:after{ content: ""; position: absolute; top: 1.6rem; width: 0.5rem; height: 0.5rem; background-color: #2dc2c3; border-radius: 50%; } .examination-box li:before{left: -0.25rem;} .examination-box li:after{right: -0.25rem;} .examination-box h6{ text-align: center; font-size: 0.6rem; height: 1.15rem; border-bottom: 0.05rem dashed #808080; margin-bottom: 0.55rem; } .examination-box p{ height: 2.35rem; font-size: 0.6rem; } .examination-box span{ float: left; height: 0.75rem; min-width: 2rem; text-align: center; border: 0.025rem solid #555; line-height: 0.7rem; margin: 0 0.15rem 0.2rem; padding: 0 0.1rem; } .examination-box li .btn{font-size: 0.625rem;} /*欧亚留学*/ .country-box{ background-color: #fdfbfb; padding: 0.9rem 0 0.3rem; } .country-box .headline, .learning-box .headline{color: #10c7c8;} .country-box .headline:before, .country-box .headline:after, .learning-box .headline:before, .learning-box .headline:after{background-color: #10c7c8;} .country-box .container{ margin-top: 1rem; text-align: center; } .country-box a{ display: inline-block; margin: 0 0.2rem 0.625rem; } .country-box img{ width: 3.325rem; } .country-box p{ font-size: 0.55rem; font-weight: bold; margin-top: 0.4rem; } /*学术研究*/ .learning-box{ background-color: #fdfbfb; padding: 0.95rem 0 0.75rem; } .learning-box ul{ margin: 0.75rem 0.45rem 0; } .learning-box li{ padding: 0.5rem 0 0.55rem; border-bottom: 0.05rem dashed #a9a7a7; } .learning-box li:last-child{border: 0;} .learning-box img{ width: 3.325rem; margin-right: 0.5rem; display: inline-block!important; } .learning-box .info{ display: inline-block; height: 100%; width: 10.65rem; line-height: 0.825rem; } .learning-box h6{ font-size: 0.6rem; color: #040404; margin-bottom: 0.15rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .learning-box p{ font-size: 0.55rem; color: #999; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }