%PDF- %PDF-
| Direktori : /disk/www/wwwroot/test-lingceed.echineselearning.biz/css/ |
| Current File : /disk/www/wwwroot/test-lingceed.echineselearning.biz/css/text.css |
@charset "utf-8";
/* CSS Document */
body {
color: #525252;
font-family: STYuanti-SC-Regular,Roboto,Myriad Set Pro,Helvetica Neue,Helvetica,Arial;
font-size:18px!important;
}
a{
text-decoration:none;
}
.clear{
clear:both;
}
/* banner背景 */
.banner-bgimg{
background-image:url(/image/index-banner-pc.png);
background-repeat: no-repeat;
background-size: cover;
height:620px;
}
.young-children-banner-bgimg{
background-image:url(/image/teenagers-banner-pc.jpg);
background-repeat: no-repeat;
background-size: 100%;
height:620px;
}
.btn-switch-right{
background-image:url(/image/btn-switch-right.png);
background-repeat: no-repeat;
background-size: 100%;
}
.young-children-banner-main-iteration{
line-height: 1.4;
color: #fff;
}
.touth-1 {
box-shadow: 0px 0px 5px #ccc;
position: relative;
}
.touth-after-bg {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background:linear-gradient(147deg,#ff5700,#ff4c00);
display: none;
}
.touth-after {
font-size: 16px;
color: #fff;
position: absolute;
left: 20px;
right: 20px;
top: 0px;
bottom: 0px;
margin: auto;
height: 80px;
display: none;
}
.zhanwei-h{
height:30px;
}
.bg-good-class{
color:#fff;
background-color:#fd8100;
height:140px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}
.ft-1-box-1 {
box-shadow: rgb(221 221 221) 0px 0px 10px;
border-radius: 30px 30px 30px 30px;
background-color: #fff;
margin-left: 10%;
padding:25px;
}
/* banner背景 */
/* height*/
.height-box{
height: 400px;
}
/* height */
/*其他样式*/
.blog-text-indent{
text-indent: 40px;
}
.ft-submit-button-1 {
color: #fff;
background: #ff5700;
outline: none;
padding: 10px 40px;
font-size: 22px;
width: 100%;
border: none;
border-radius: 10px;
}
.ft-border {
border: 1px solid #c5c5c5;
border-radius: 10px;
height: 50px;
margin-top: 20px;
}
.margin-bottom25{
margin-bottom:25px;
}
.ib-course-box{
background-color: #fff;
padding-bottom: 40px;
border-radius: 20px;
height:490px;
position: relative;
}
.partsix-box{
padding: 35px;
border-radius: 15px;
box-shadow: 0px 0px 8px #ccc;
}
.why-ib-course-box{
background-color: #fff;
padding-bottom: 40px;
padding-top:40px;
border-radius: 40px;
box-shadow: 0px 0px 10px #bdbdbd;
}
.bg-color{
background-color:#fff;
}
.div-tiao {
background-color: #ff5700;
height: 15px;
border-bottom-left-radius: 40px;
border-bottom-right-radius: 40px;
width: 100%;
bottom: 0px;
position: absolute;
}
.div-tiao-1{
background-color: #ff5700;
height: 15px;
border-bottom-left-radius: 40px;
border-bottom-right-radius: 40px;
width: 100%;
bottom: 0px;
position: absolute;
}
/**ib页面**/
.part6-table-tittle{
background-color: #ff5700;
height: 66px;
font-size: 24px;
color: #fff;
font-weight: 600;
border-radius: 10px;
}
.part6-table-lie1{
background-color: #ff5700;
color: #fff;
font-size: 20px;
height: 66px;
border-radius: 10px;
font-weight: 700;
}
.part6-table-lie1-6hang{
background-color: #ff5700;
color: #fff;
font-size: 20px;
height: 80px;
border-radius: 10px;
font-weight: 700;
}
.part6-table-lie2{
background-color: #ffb400;
border-radius: 10px;
font-size: 20px;
}
.part6-table-lie3{
background-color: #ff9b00;
border-radius: 10px;
font-size: 20px;
}
.part6-table-tr-height{
height: 10px;
}
.ib-part6-pic9-content-positioning1{
position: absolute;
left: 74px;
top: 0px;
width: 270px;
background-color: #fff;
padding: 20px;
box-shadow: 0px 0px 10px #bdbdbd;
border-radius: 10px;
}
.ib-part6-pic9-content-positioning2{
position: absolute;
right: 74px;
top: 0px;
width: 270px;
background-color: #fff;
padding: 20px;
box-shadow: 0px 0px 10px #bdbdbd;
border-radius: 10px;
}
.ib-part6-pic9-content-positioning3{
position: absolute;
left: 74px;
top: 300px;
width: 270px;
background-color: #fff;
padding: 20px;
box-shadow: 0px 0px 10px #bdbdbd;
border-radius: 10px;
}
.ib-part6-pic9-content-positioning4{
position: absolute;
right: 74px;
top: 300px;
width: 270px;
background-color: #fff;
padding: 20px;
box-shadow: 0px 0px 10px #bdbdbd;
border-radius: 10px;
}
.ib-part6-pic9-content-positioning5{
margin: 0 auto;
width: 270px;
background-color: #fff;
padding: 20px;
box-shadow: 0px 0px 10px #bdbdbd;
border-radius: 10px;
}
.ib-part6-pic9-content-positioning-tittle{
font-size: 20px;
font-weight: 700;
}
.ib-part6-pic9-content-positioning{
margin-top: 20px;
font-size: 20px;
}
.ib-part6-pic9-paddingtop{
padding-top: 30px;
padding-bottom: 30px;
}
.ib-part6-padding-bottom40{
padding-bottom: 40px;
}
/**ib页面**/
.part2-content-title{
text-align: center;
padding: 20px 0px;
}
.picture-div{
position: absolute;
bottom: 0px;
left: 0px;
background: rgba(25,0,0,0.5);
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
width: 100%;
font-size: 20px;
color: #fff;
text-align: center;
height: 100px;
display: flex;
justify-content: center;
align-items: center;
padding: 0px 8px;
}
.box-border{
border: 10px solid #facb67;
border-radius: 40px;
}
.box-border-1{
border: 10px solid #c294f7;
border-radius: 40px;
}
.box-border-2{
border: 10px solid #14e6be;
border-radius: 40px;
}
.div-tiao-dse-top{
background-color: #ff5700;
height: 10px;
border-top-left-radius: 40px;
border-top-right-radius: 40px;
width: 100%;
top: 0px;position: absolute;
}
.dse-exam-box{
background-color: #fff;
border-radius: 20px;
position: relative;
height: 200px;
}
.dse-exam-box-click1{
background-color: #fff;
border-radius: 20px;
position: relative;
height: 200px;
padding-left: 5px;
padding-right: 5px;
background: linear-gradient(147deg,#ff5700,#ff4c00);
color: #fff;
}
.dse-exam-box-click2{
background-color: #fff;
border-radius: 20px;
position: relative;
height: 200px;
padding-left: 5px;
padding-right: 5px;
background: linear-gradient(147deg,#ff9b01,#efbb6a);
color: #fff;
}
.dse-exam-box-click3{
background-color: #fff;
border-radius: 20px;
position: relative;
height: 200px;
padding-left: 5px;
padding-right: 5px;
background: linear-gradient(147deg,#7577ff,#afb0fd);
color: #fff;
}
.dse-exam-box-click4{
background-color: #fff;
border-radius: 20px;
position: relative;
height: 200px;
padding-left: 5px;
padding-right: 5px;
background: linear-gradient(147deg,#01bd70,#11e482);
color: #fff;
}
.dse-heng-tiao{
border-top: 5px solid #fe9c51;
width: 40px;
margin: 0 auto;
}
.dse-heng-tiao-bai{
border-top: 5px solid #fff;
width: 40px;
margin: 0 auto;
}
.ib-course-box:hover{
box-shadow:0px 10px 20px #0000001a;
transform: translateY(-3px);
}
.bg-height{
height:400px;
}
.kongzhi.active{
background-color:transparent;
padding: 10px 0px;
border-radius: 30px;
border:2px solid #ff5700;
width:260px;
font-size:20px;
}
.btn-style1{
color: #fff;
background-color: #ff5700;
padding: 10px 0px;
border-radius: 30px !important;
border:0px;
width:260px;
font-size:20px;
}
.btn-alevel-style1{
color: #fff;
background-color: #ff5700;
padding: 10px 0px;
border-radius: 30px !important;
border:0px;
width:290px;
font-size:20px;
}
button{
outline:none;
}
.btn-style2{
color: #525252;
background-color:transparent;
padding: 10px 0px;
border-radius: 30px;
border:2px solid #ff5700;
width:260px;
font-size:20px;
}
.btn-alevel-style2{
color: #525252;
background-color:transparent;
padding: 10px 0px;
border-radius: 30px;
border:2px solid #ff5700;
width:290px;
font-size:20px;
}
.carousel-indicators {
bottom: 0px !important;
}
.carousel-indicators {
bottom: 10px;
position: initial !important;
width:100%;
left: 50%;
z-index: 15;
padding-left: 0;
text-align: center;
list-style: none;
margin-left: 0% !important;
}
.carousel-indicators .active {
width: 12px;
height: 12px;
margin: 0;
background-color: transparent!important;
}
.bg-height-bai{
height:200px;
}
.site-map-vertical-line{
width: 1px;
height: 160px;
background-color: #999999;
}
.hengxian1{
width: 60px;
height: 5px;
background-color: #facb67;
margin-bottom: 40px;
}
.hengxian2{
width: 60px;
height: 5px;
background-color: #c294f7;
margin-bottom: 40px;
}
.hengxian3{
width: 60px;
height: 5px;
background-color: #14e6be;
margin-bottom: 40px;
}
.ap-box{
height: 360px;
border-radius: 15px;
background-color: #fff;
box-shadow: 0px 0px 8px #ccc;
}
.ap-box-top1{
padding-top: 20px;
padding-bottom: 20px;
background-color: #ff8d42;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
text-align: center;
color: #fff;
}
.ap-box-top2{
padding-top: 20px;
padding-bottom: 20px;
background-color: #c294f7;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
color: #fff;
text-align: center;
}
.ap-box-top3{
padding-top: 20px;
padding-bottom: 20px;
background-color: #f86b99;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
color: #fff;
text-align: center;
}
.ap-box-top4{
padding-top: 20px;
padding-bottom: 20px;
background-color: #ffc13b;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
color: #fff;
text-align: center;
}
.box-padding-left-right{
padding-left: 10px;
padding-right: 10px;
}
.part-three-box1{
box-shadow: 0px 0px 7px #facb67;
border-radius: 15px;
padding: 40px 10px 40px 10px;
height: 480px;
background-color: #fff;
}
.part-three-box1:hover {
transform: translateY(-5px);
}
.part-three-box2{
box-shadow: 0px 0px 7px #c294f7;
border-radius: 15px;
padding: 40px 10px 40px 10px;
height: 480px;
background-color: #fff;
}
.part-three-box2:hover {
transform: translateY(-5px);
}
.part-three-box3{
box-shadow: 0px 0px 7px #14e6be;
border-radius: 15px;
padding: 40px 10px 40px 10px;
height: 480px;
background-color: #fff;
}
.part-three-box3:hover {
transform: translateY(-5px);
}
.a-evel-box-shadow{
background-color: #fff;
border-radius: 20px;
box-shadow: 0px 0px 10px #bdbdbd;
}
.index-test img{
width: 480px;
}
.index-test-right{
width: 90%;
margin-left: 10%;
box-shadow: 3px 3px 30px #967a513d;
border-radius: 30px;
}
.index-test-right-bj{
background: #fff;
padding: 40px;
border-top-right-radius: 20px;
border-bottom-right-radius: 20px;
height: 280px;
}
.index-test-right-content{
background: #fff7f0;
font-size: 20px;
padding: 30px 20px;
border-radius: 20px;
}
.index-test-title{
color: #ff5700;
font-size: 22px;
font-weight: bold;
border-left: 5px #ffb578 solid;
margin-bottom: 30px;
}
.index-test-left{
width: 90%;
box-shadow: 3px 3px 30px #967a513d;
border-radius: 30px;
}
.index-test-left-bj{
background: #fff;
padding: 40px;
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;
height: 280px;
}
/*娟娟修改博客作者署名*/
.font-14-8e {
font-size: 1.4rem;
color: #8e8e8e;
font-style:italic;
}
/*娟娟修改博客作者署名*/
/*其他样式*/
/* 边框圆角投影 */
.box-s-r-1{
box-shadow: 0px 0px 10px #8a8a8a33;
border-radius: 10px;
}
.box-s-r-1:hover{
background-color: #fff;
}
.box-s-r{
box-shadow: 0px 0px 10px #8a8a8a33;
border-radius: 10px;
}
/* font */
.fontstyle {
font-size: 20px;
color: #3e3e3e;
font-weight: bold;
}
.banner-teenagers-font1{
font-weight: bold;
font-size: 48px;
color: #fff;
text-shadow: 2px 2px 0px #ce9f0c;
margin-top: 35px;
margin-bottom: 35px;
margin-left: 3%;
}
.banner-teenagers-font2{
font-size: 1.5em;
color: #525252;
font-family: STYuanti-SC-Regular,Roboto,Myriad Set Pro,Helvetica Neue,Helvetica,Arial;
}
.banner-teenagers-font3{
margin-left: 13%;
font-size: 1.5em;
color: #525252;
font-family: STYuanti-SC-Regular,Roboto,Myriad Set Pro,Helvetica Neue,Helvetica,Arial;
}
.font-s-30{
font-size: 30px;
}
.queren-btn {
font-weight: bold;
font-size:16px;
background-color:#f65502;
border:1px solid transparent;
border-radius:8px;
color:#FFF;
padding:8px 16px 8px 16px;
}
.font-weight {
font-weight: bold;
}
.main-h1{
font-size:2.3em;
color:#3e3e3e;
}
.main-h2{
font-size:1.8em;
color:#3e3e3e;
}
.main-h3{
font-size:1.3em;
color:#3e3e3e;
}
.main-h4{
font-size:18px;
color:#3e3e3e;
}
.font-20{
font-size:20px;
color:#FFF;
}
.font-12{
font-size: 12px;
}
.font-s-20{
font-size: 20px;
}
.font-banner-1{
font-size:1.225em;
letter-spacing:1px;
color:#FFF;
font-family: STYuanti-SC-Regular,Roboto,Myriad Set Pro,Helvetica Neue,Helvetica,Arial;
}
.font-banner-1-1{
font-size:1.425em;
color:#FFF;
font-family: STYuanti-SC-Regular,Roboto,Myriad Set Pro,Helvetica Neue,Helvetica,Arial;
color:#ff5700;
text-shadow: none;
}
.font-banner-2{
font-size:24px;
margin-top:15px;
}
.font-banner-2-1{
font-size:39px;
margin-top:15px;
color:#ff5700;
text-shadow: none;
font-weight:bold;
}
.font-banner-2-2{
font-size:34px;
margin-top:15px;
color:#3e3e3e;
text-shadow: none;
}
.font-banner-3{
font-size:60px;
margin-top:30px;
font-weight: bold;
}
.font-banner-3-1{
font-size:62px;
margin-top:80px;
color:#ff5700;
text-shadow: none;
font-weight:bold;
}
.font-banner-3-2{
font-size:65px;
margin-top:80px;
color:#3e3e3e;
text-shadow: none;
font-weight: bold;
}
.font-525252{
color: #525252;
}
.font-ff5700{
color: #ff5700;
}
.font-fff{
color: #fff;
}
.font-hover{
color: #525252;
}
.font-hover:visited{
color: #525252;
text-decoration:none;
}
.font-hover:hover{
color: #ff5700;
}
.font-weight-hover:hover{
font-weight: bold;
}
.font-828282{
color: #828282;
}
.text-center-step{
text-align:center;
}
.Copyright-font{
font-size:1em;
color:#bbb9b8;
}
.font-blue a{
color:#138EE4;
}
.font-16{
font-size: 16px;
}
.font-18{
font-size: 18px;
}
.font-20b{
font-size: 20px;
font-weight: 700;
}
/* font */
/* margin */
.margin-top80{
margin-top:80px;
}
.copyright-margintop{
margin-top: 30px;
}
.copyright-margintop-1{
margin-top: 20px;
}
.margin-top-baifenbi-4{
margin-top: 4%;
}
.part3-1{
margin-top:1%;
}
.copyright-margintop-2{
margin-top: 25px;
}
.part3-2{
margin-top:6%;
}
.part3-3{
margin-top: 4%;
}
.margintop3{
margin-top:4%;
}
.margintop-baifenbi30{
margin-top: 31%;
}
.margin-left10 {
margin-left:10px;
}
.margin-left20 {
margin-left:20px;
}
.font-s{
text-align: center;
color: #8e8e8e;
}
.font-s-24{
font-size: 24px;
}
.font-s-24-w{
font-size:24px;
font-weight:bold;
}
.margin-right20{
margin-right: 20px;
}
.margin-top5{
margin-top:5px;
}
.margin-top10{
margin-top:10px;
}
.margin-top15{
margin-top:15px;
}
.margin-top16-0{
margin-top:16px;
}
.margin-top20 {
margin-top: 20px;
}
.margin-top50-xs-top20{
margin-top:50px;
}
.margin-top30-xs-top20{
margin-top:30px;
}
.margin-top50-0{
margin-top:50px;
}
.margin-top20-top10 {
margin-top: 20px;
}
.margin-top40{
margin-top:40px;
}
.margin-top20-0{
margin-top:20px;
}
.margin-top22{
margin-top:22px;
}
.margin-top30{
margin-top:30px;
}
.margin-top40-0{
margin-top:40px;
}
.margin-top50{
margin-top:50px;
}
.margin-top60{
margin-top:60px;
}
.margin-top70{
margin-top:70px;
}
.margin-top100{
margin-top:100px;
}
.margin-top100-top0{
margin-top:100px;
}
.margin-top120{
margin-top:120px;
}
.margin-top30-top10{
margin-top:30px;
}
.margin-top30-top20-top10{
margin-top:30px;
}
.margin-bottom20{
margin-bottom:20px;
}
.margin-bottom30{
margin-bottom:30px;
}
.box-margin-top{
margin-top: 40px;
}
.blog-bread-nav-bottom{
margin-bottom: 50px;
}
/* padding */
.font20-paddingleft-right{
padding-left: 10px;
padding-right: 10px;
}
.font24-paddingtop-bottom{
padding: 20px 0px 10px 0px;
}
.padding-right0{
padding-right: 0;
}
.padding-left0{
padding-left: 0;
}
.padding-pic3{
padding: 30px 20px 20px 20px;
}
.padding-pic2{
padding: 45px 20px 20px 20px;
}
.padding-pic1{
padding: 50px 20px 20px 20px;
}
.padding-left40{
padding-left: 40px;
}
.dse-part3-box{
background-color: #fff;
padding: 30px 40px;
border-radius: 20px;
box-shadow: 0px 0px 8px #ccc;
height: 325px;
}
.padding-top60-bottom20{
padding-top: 60px;
padding-bottom: 20px;
}
.padding-bottom20{
padding-bottom: 20px;
}
.padding-top30{
padding-top:30px;
}
.padding-top40{
padding-top:40px;
}
.paddingtop50 {
padding-top:50px;
}
.padding-left20-right20{
padding-left: 20px;
padding-right: 20px;
}
.padding-top40-bottom30{
padding-top: 40px;
padding-bottom: 30px;
}
.banner-bgimg-tb-padding{
padding-top: 100px;
padding-bottom: 100px;
}
.teenagers-padding-pc{
padding-left: 40px;
padding-right: 40px;
}
.banner-container-tb-padding{
padding-top: 30px;
padding-bottom: 30px;
}
.dse-course-padding1{
padding-top: 40px;
}
.dse-course-padding2{
padding-top: 25px;
}
.padding-bottom5{
padding-bottom: 5px;
}
.padding0{
padding: 0px;
}
.padding30 {
padding: 30px;
}
.padding20 {
padding-left: 30px;
padding-bottom:20px;
padding-right:20px;
padding-top:20px;
}
.padding-top5{
padding-top: 5px;
}
.padding-top20{
padding-top: 20px;
}
.padding-top30{
padding-top:30px;
}
.padding-top45{
padding-top:45px;
}
.padding-top60{
padding-top:60px;
}
.padding-bottom20{
padding-bottom:20px;
}
.padding-bottom50{
padding-bottom:50px;
}
.padding-bottom100{
padding-bottom:100px;
}
.padding0-10-30-10{
padding: 0px 10px 30px 10px ;
}
.padding30-10{
padding: 30px 20px;
}
.padding-bottom80{
padding-bottom:80px;
}
.padding-bottom55-80{
padding-bottom:55px;
}
.padding-left-ft15{
padding-left:0px;
}
.padding-right-ft15{
padding-right:0px;
}
.text-decoration{
text-decoration:none;
}
.padding-top25{
padding-top: 25px;
}
.a-level-box-padding-top-bottom{
padding-top: 20px;
padding-bottom: 20px;
}
.a-level-box-padding-top-bottom-1{
padding-top: 20px;
padding-bottom: 20px;
}
.a-level-box-padding-left-right{
padding-left: 30px;
padding-right: 30px;
}
/* btn */
.ft-submit-button {
color: #fff;
background: #ff5700;
outline: none;
padding: 10px 40px;
font-size: 2.6rem;
width: 100%;
border: none;
border-radius: 30px;
}
.step-submit-button {
color: #fff;
background: #6e70ff;
outline: none;
padding: 10px 40px;
font-size: 1.5em;
width: 100%;
border: none;
border-radius: 30px;
width:300px;
}
.free-ft-button-o {
color: #ff5700;
background: #fff;
border:2px solid #ff5700;
outline: none;
font-size: 1em;
padding:0px 30px;
border-radius: 30px;
}
.free-ft-button-o:hover {
color: #fff;
background: #ff5700;
border:2px solid #ff5700;
}
.free-ft-button {
color: #fff;
background: #ff5700;
outline: none;
font-size: 1em;
border: 2px solid #ff5700;
border-radius: 30px;
padding:0px 30px;
}
.free-ft-button-1 {
color: #3e3e3e;
background: transparent;
outline: none;
line-height:1.8;
font-size: 1em;
width: 100%;
border: 2px solid #ff5700;
border-radius: 30px;
width: 120px;
}
.alevel-station-div{
width: 200px;
}
.step-submit-button-index {
color: #fff;
background: #6e70ff;
outline: none;
padding: 10px 40px;
font-size: 2.6rem;
width: 100%;
border: none;
border-radius: 30px;
}
.text-on-picture{
position: absolute;
color: #fff;
font-size: 30px;
font-weight: 700;
}
.banner-main{
line-height: 1.4;
color: #fff;
text-shadow: 1px 2px 0px #3030305c;
padding-top: 40px;
/* font-family:"方正大黑简体","Adobe 黑体 Std R", "黑体", "方正粗黑宋简体", "等线 Light"; */
}
.banner-main-iteration{
line-height: 1.5;
color: #fff;
text-shadow: 1px 2px 0px #3030305c;
padding-top: 40px;
/* font-family:"方正大黑简体","Adobe 黑体 Std R", "黑体", "方正粗黑宋简体", "等线 Light"; */
}
.font-style-ju{
font-size: 36px;
color: #ff5700;
font-weight: 700;
margin-top: 14%;
margin-bottom: 60px;
}
.margintop60{
margin-top:60px;
}
.banner-anniu-margin-bottom{
margin-bottom:150px;
margin-top:60px;
}
.banner-index-brand{
position:absolute;
top:70px;
}
.banner-index-brand-1{
position:absolute;
top:70px;
}
.news-china-daily{
background-image: url(/image/china-daily-gray.png);
background-position: 50% 50%;
background-repeat: no-repeat;
height:75px;
}
.news-china-daily:hover{
background-image: url(/image/china-daily.png);
}
.news-china{
background-image: url(/image/china-gray.png);
background-position: 50% 50%;
background-repeat: no-repeat;
height:75px;
}
.news-china:hover{
background-image: url(/image/china.png);
}
.finance-ifeng{
background-image: url(/image/finance-ifeng-gray.png);
background-position: 50% 50%;
background-repeat: no-repeat;
height:75px;
}
.finance-ifeng:hover{
background-image: url(/image/finance-ifeng.png);
}
.new-laiyuan{
margin: 0px 0px 36px 0px;
font-size: 14px;
color: #999;
line-height: 28px;
}
.icon-false {
display: inline-block;
width: 30px;
height: 4px;
background: #ff5700;
line-height: 0;
font-size: 0;
vertical-align: middle;
-webkit-transform: rotate(45deg);
position: relative;
top: -2px;
}
.icon-false:after {
content: '/';
display: block;
width: 30px;
height: 4px;
background: #ff5700;
-webkit-transform: rotate(-90deg);
}
.index-bottom-zhanwei{
height: 100px;
background-color: #1c0a00;
width:100%;
}
/* 因为CLS值而给网站添加宽高 */
.index-part-pic{
width:203px;
height:202px;
}
/* 浮动联系方式样式 */
.float-contact{
position:fixed;
top:30%;
right:0px;
z-index:1000;
width:80px;
}
.float-contact>ul {
list-style: none;
position: absolute;
top: 0;
left: 0;
text-align: center;
background-color: #fff;
width: 70px;
border-radius: 30px;
padding-bottom: 20px;
box-shadow: 0 12px 15px 0 rgb(71 71 71 / 10%), 0 20px 60px 0 rgb(71 71 71 / 11%);
padding-left: 40px;
}
.float-contact>ul>li{
position:relative;
padding-top:20px;
cursor:pointer;
width:80px;
right:45px;
}
.float-contact>ul>li .erweima{
display:block;
position:absolute;
top:-65px;
right:85px;
padding:15px 10px;
background-color:#fff;
width:214px;
height:auto;
border-radius:5px;
box-shadow:0 12px 15px 0 rgba(71,71,71,.1), 0 20px 60px 0 rgba(71,71,71,.11);
-webkit-box-shadow:0 12px 15px 0 rgba(71,71,71,.1), 0 20px 60px 0 rgba(71,71,71,.11);
}
.float-contact>ul>li .erweima .pic{
width:130px;
}
.float-contact>ul>li .erweima .sanjiao{
position: absolute;
right: -8px;
top: 50%;
margin-top: -8px;
width: 8px;
}
.float-contact>ul>li .erweima-font{
line-height:1.5;
font-size:12px;
color:#525252;
padding-bottom: 7px;
}
.float-contact>ul>li .font-12{
padding-top:10px;
line-height:14px;
font-size:14px;
font-weight: 600;
color:#6c6c6c;
}
.float-contact img{
height:auto;
margin:0 auto;
width: 40px;
}
/*底部悬浮在线客服图标的css*/
.siq_bR {
bottom: 70px !important;
right: 10px !important;
}
/*底部悬浮在线客服图标的css*/
/*以下是导航nav的css*/
.navbar-toggle {
position: relative;
float: left;
padding: 5px 10px;
margin-top: 8px;
margin-right: 15px;
margin-bottom: 8px;
background-color: transparent;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
}
.navbar {
position: relative;
min-height: 90px;
margin-bottom: inherit;
border: 1px solid transparent;
padding-top:13px;
padding-left:0px;
}
.navbar-nav > li > a {
padding-top: 10px;
padding-bottom: 10px;
line-height: 2;
}
.navbar-default {
background-color: #ffffff;
box-shadow: rgb(221, 221, 221) 0px 0px 10px;
}
.navbar-default .navbar-nav > li > a {
color: #3e3e3e;
font-weight: bold;
}
.navbar-default .navbar-toggle {
border-color: transparent;
}
.navbar-default .navbar-toggle .icon-bar {
background-color: #ff5700;
}
.navbar-toggle .icon-bar {
display: block;
width: 30px;
height: 5px;
}
.navbar-toggle .icon-bar + .icon-bar {
margin-top: 4px;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
background-color: transparent;
}
.dropdown-menu {
background: #fff;
padding: 0px 0px 20px 0px;
border: 0px solid transparent;
left: 10%;
top: 65px;
font-size: 1.6rem;
box-shadow: 0 0px 12px rgba(0,0,0,.175);
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
color: #ff5700;
background-color:transparent;
}
.dropdown-menu > li > a {
display: block;
padding: 5px 20px;
clear: both;
font-weight: normal;
line-height: 1.42857143;
color: #333;
white-space: nowrap;
}
.sanjiao-index-pc{
position:relative;
left:17px;
top:-20px;
}
.sanjiao-index{
width: 0;
height: 0;
border: 10px solid transparent;
border-bottom-color:#fff;
position: relative;
left:20px;
}
.caret {
display: inline-block;
width: 0;
height: 0;
margin-left: 2px;
vertical-align: middle;
border-top: 8px dashed;
border-top: 4px solid \9;
border-right: 6px solid transparent;
border-left: 6px solid transparent;
color: #474747;
z-index: 998;
}
.ft-1-box{
box-shadow: rgb(221, 221, 221) 0px 0px 10px;
border-radius: 10px 10px 10px 10px;
}
.ft-border {
border: 1px solid #c5c5c5;
border-radius: 10px;
height: 60px;
}
.ft-border-right{
border-right: 1px solid #c5c5c5;
}
.ft-input-bg{
border: none;
height: 58px;
padding-left: 15px;
outline: none;
width: 98%;
background-color: transparent;
}
.ft-country-font{
line-height:60px;
}
.ft-country-position{
position:absolute;
right: 20px;
font-size: 30px;
top: 15px;
}
.chinese-three-td{
padding-bottom: 80px;
}
.blog-border{
padding: 30px 20px;
}
.blog-carousel-button{
width: 200px;
height: 42px;
line-height:42px;
margin: 0px auto;
position: relative;
background-color: #fff;
border:2px solid #ff5700;
text-align:center;
color:#ff5700;
border-radius:30px;
font-weight:bold;
}
.blog-carousel-button-full{
width: 200px;
height: 42px;
line-height:42px;
margin: 0px auto;
position: relative;
background-color: #ff5700;
border:2px solid #ff5700;
text-align:center;
color:#fff;
border-radius:30px;
font-weight:bold;
}
.blog-carousel-sanjiao{
border: 10px solid transparent;
border-top-color: #ff5700;
position: absolute;
left: 86px;
top: 40px;
}
.terms-icon{
width: 10px;
height: 10px;
border-radius: 20px;
float: left;
background-color: #ff5700;
margin-top: 7px;
}
.contact-us-icon-1{
width: 30px;
float: left;
}
.contact-us-icon-2{
width: 26px;
float: left;
}
.free-trial{
position: relative;
}
.free-trial img{
border-radius: 10px 0px 0px 10px;
}
.free-trial-left{
position: absolute;
top: 0;
padding: 50px 30px;
}
.chinese-text{
margin-top: 20px;
}
.chinese-teachers-fgx{
height: 1px;
width: 100%;
background: linear-gradient(to right, #fff, #ccc,#fff);
margin-top: 20px;
margin-bottom: 20px;
}
.site-map{
box-shadow: 0 0px 12px rgba(0,0,0,.175);
border-radius: 10px;
padding: 50px 20px;
}
.site-map a{
color: #525252;
text-decoration: none;
}
.site-map a:hover{
color: #ff5700;
}
.site-map-2{
padding: 10px 0px;
}
.site-map-3{
padding: 5px 0px;
}
.site-map-2 span{
color: #ff5700;
}
.index-lingceed{
padding: 20px;
border-radius: 10px;
}
.index-lingceed:hover{
box-shadow: 0px 0px 10px #00000033;
}
.course-drop{
padding: 5px 17px 0px 17px;
word-break: keep-all;
}
.course-drop li a{
line-height: 26px;
color: #525252;
text-decoration: none;
}
.how-works-download-btn{
-webkit-border-radius: 30;
-moz-border-radius: 30;
border-radius: 30px;
color: #fff;
padding: 10px 10px;
border: solid #fff 2px;
text-decoration: none;
background-color: transparent;
margin-top: 5px;
outline: none;
font-size: 18px;
margin-right: 0px;
width: 220px;
}
.how-works-download-btn:hover{
background: #fff;
color: #6e71ff;
border: solid #fff 2px;
text-decoration: none;
}
.how-works-download-btn .icon{
font-size:24px;
margin-right:8px;
}
.download-bj{
position: relative;
bottom: 80px;
padding: 0 100px;
}
.blog-lanmu{
padding: 0px;
}
.blog-lanmu ul{
margin-left: 10px;
width: fit-content;
margin: 0 auto;
}
.blog-lanmu li{
float: left;
margin-right: 40px;
text-decoration: none;
color: #3e3e3e;
padding: 10px 15px;
margin-bottom: 20px;
margin-top: 20px;
}
.blog-lanmu .active{
color: #fff;
background-color: #ff5700;
padding: 10px 15px;
border-radius: 50px;
}
.blog-lanmu .active:hover{
color: #fff;
background-color: #ff5700;
padding: 10px 15px;
border-radius: 50px;
}
.blog-lanmu .f1:hover{
color: #ff5700;
padding: 10px 15px;
}
.blog-nav{
background: #ff5700 !important;
}
.blog-nav ul{
list-style-type: none;
padding: 0;
white-space: nowrap;
overflow: auto;
display: flex;
margin-bottom: 0px;
}
.blog-nav ul li{
float: left;
padding: 8px 20px;
background: #ff5700;
color: #fff;
font-weight: bold;
font-size: 14px;
border-right: 1px solid #fff;
}
.blog-nav ul .active{
background: #ffe5d7;
color: #ff5700;
}
.modal{
display: none;
position: fixed;
z-index: 1;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgba(0,0,0,0.4);
margin-left: 0;
}
.modal-body{
background-color: #fefefe;
margin: 15% auto;
padding: 20px;
border: 1px solid #888;
width: 300px;
border-radius: 10px;
}
.confirm-btn {
padding: 10px 20px;
background-color: #ff5700;
color: white;
border: none;
border-radius: 5px;
cursor: pointer;
}
.confirm-btn:hover {
background-color: #ff5700;
}
/*xs在小于548像素的设备上的显示情况*/
@media (max-width:547px) {
.btn-alevel-style2 {
padding: 2px 5px!important;
width: 155px!important;
font-size: 15px;
border-radius: 40px;
}
.btn-alevel-style1 {
padding: 4px 5px!important;
width: 155px!important;
font-size: 15px;
border-radius: 40px;
}
.banner-mobile{
position:absolute; top:20px;
}
.font-banner-3-2 {
font-size:32px;
margin-top:30px;
color:#3e3e3e;
text-shadow: none;
font-weight:bold;
}
.banner-bgimg {
height: 470px!important;
}
}
/*xs在小于450像素的设备上的显示情况*/
@media (max-width:450px) {
.logo {
margin-top: 15px;
}
}
/*xs在小于479像素的设备上的显示情况*/
@media (max-width:478px) {
.line-height{
line-height: 1.5;
}
}
/*xs在 小于412像素的设备上展示的情况*/
@media (max-width:411px) {
.line-height{
line-height: 1.5;
}
.banner-bgimg {
background-image: url(/image/index-banner-mobile.png);
background-repeat: no-repeat;
background-size: 100%;
height: 315px!important;
}
}
/*sm在548像素和767像素之间的设备上的显示情况*/
@media (min-width:548px) and (max-width:767px) {
.ib-img-pic9-width {
width: 464px !important;
}
.banner-bgimg {
height: 530px!important;
}
.col-div-width{
width: 360px !important;
margin-left: 18%;
}
.btn-alevel-style2 {
padding: 8px 5px;
width: 220px;
font-size: 15px;
border-radius: 40px;
}
.font-banner-3-xs {
font-size: 46px !important;
}
.font-banner-2 {
font-size: 18px !important;
}
.font-banner-1 {
font-size: 20px !important;
}
.margin-top16-0 {
margin-top: 10px !important;
}
.margin-top50-0 {
margin-top: 30px !important;
}
.font-banner-3-xs {
margin-top: 20px !important;
}
.btn-alevel-style1 {
padding: 10px 5px;
width: 220px;
font-size: 15px;
border-radius: 40px;
}
.banner-main-iteration {
padding-top: 90px !important;
}
.line-height{
line-height:3;
}
.banner-mobile{
position:absolute; top:80px;
}
.font-banner-3-2 {
font-size: 52px;
margin-top: 30px;
color: #3e3e3e;
text-shadow: none;
font-weight: bold;
}
}
/*xs在小于768像素的设备上的显示情况*/
@media (max-width:767px) {
.modal-body{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
/**ib页面**/
.ib-img-pic9-width{
width: 344px;
}
.part6-table-lie2 {
border-radius: 10px;
font-size: 16px;
}
.part6-table-lie3 {
border-radius: 10px;
font-size: 16px;
}
.part6-table-lie1 {
background-color: #ff5700;
color: #fff;
font-size: 18px;
height: 50px;
border-radius: 10px;
font-weight: 700;
}
.part6-table-lie1-6hang {
background-color: #ff5700;
color: #fff;
font-size: 18px;
height: 80px;
border-radius: 10px;
font-weight: 700;
}
.part6-table-tr-height {
height: 4px;
}
.part6-table-tittle {
font-size: 24px;
font-weight: 700;
height: 50px;
}
.ib-part6-pic9-paddingtop-width{
width: 204px;
padding-top: 100px;
}
.ib-part6-padding-bottom40 {
padding-bottom: 0px;
}
/**ib页面**/
.btn-alevel-style2 {
padding: 8px 5px;
width: 220px;
font-size: 15px;
border-radius: 40px;
}
.btn-alevel-style1 {
padding: 10px 5px;
width: 220px;
font-size: 15px;
border-radius: 40px;
}
.alevel-station-div {
width: 30px;
}
.a-evel-box-shadow{
border-radius: 20px;
}
.part-three-box1 {
padding: 30px 10px 40px 10px;
height: 480px;
}
.part-three-box2 {
padding: 30px 10px 40px 10px;
height: 480px;
}
.part-three-box3 {
padding: 30px 10px 40px 10px;
height: 480px;
}
.ap-box-top1 {
padding-top: 10px;
padding-bottom: 10px;
}
.ap-box-top2 {
padding-top: 10px;
padding-bottom: 10px;
}
.ap-box-top3 {
padding-top: 10px;
padding-bottom: 10px;
}
.ap-box-top4 {
padding-top: 10px;
padding-bottom: 10px;
}
.box-padding-left-right {
padding-left: 20px;
padding-right: 20px;
}
.xs-padding-left-right-40{
padding-left:40px;
padding-right:40px;
}
.ap-box {
height: 295px;
}
.hengxian1 {
margin-bottom: 40px;
}
.hengxian2 {
margin-bottom: 40px;
}
.hengxian3 {
margin-bottom: 40px;
}
.padding-top-bottom {
padding-top: 20px;
padding-bottom: 20px;
}
.dse-course-padding1{
padding-top: 40px;
}
.box-s-r{
box-shadow: 0px 0px 10px #e3e3e3;
border-radius: 10px;
}
.teenagers-padding-pc {
padding-left: 0px;
padding-right: 0px;
}
.swiper-pagination {
position: relative !important;
margin-top: 30px !important;
}
.dse-course-padding2 {
padding-top: 40px;
}
.f-left{
padding: 0px 10px;
}
.bg-height-bai {
height: 930px;
}
.margintop-baifenbi30{
margin-top: 0%;
}
.xs-width-pic{
width: 25%;
margin: 0 auto;
}
.carousel-indicators {
bottom: 0px !important;
}
.xs-font-18{
font-size: 18px;
}
.dse-part3-box {
background-color: #fff;
padding: 20px 5px;
border-radius: 20px;
box-shadow: 0px 0px 8px #ccc;
height: 510px;
}
.part3-1{
margin-top: 7%;
}
.xs-margin-top20{
margin-top: 20px;
}
.xs-height-68{
height: 60px;
}
.xs-height-40{
height: 14px;
}
.part3-2 {
margin-top: 10%;
}
.part3-3 {
margin-top: 10%;
}
.carousel-indicators {
bottom: 10px;
position: initial !important;
width:100%;
left: 50%;
z-index: 15;
padding-left: 0;
text-align: center;
list-style: none;
margin-left: 0% !important;
}
.ib-course-box {
width: 90%;
margin-left: 5%;
}
.padding-top40-bottom30 {
padding-top: 25px;
padding-bottom: 25px;
}
.ib-course-box {
height: 425px;
}
.why-ib-course-box {
padding-bottom: 30px;
padding-top: 30px;
border-radius: 20px;
width: 90%;
margin-left: 5%;
}
.btn-style1 {
padding: 5px 0px;
width: 155px;
font-size: 15px;
}
.btn-style2 {
padding: 5px 1px;
width: 155px;
font-size: 15px;
}
.td-w{
width:10px;
}
.img-w30{
width:20%;
}
.margin-top50-0 {
margin-top: 20px;
}
.img-w-80{
width: 80%;
}
.tab-head{
list-style-type: none;
display: flex;
padding: 0;
overflow: auto;
margin-bottom: 8px;
margin-top: 8px;
white-space: nowrap;
overflow: auto;
}
.tab-head::-webkit-scrollbar {
display: none;
}
.tab-head a{
color: #525252;
text-decoration: none;
}
.tab-head .font-16-ff5700 .active{
color: #ff5700;
text-decoration: none;
}
.float-contact img {
height: auto;
margin: 0 auto;
width: 50px;
}
.margintop3 {
margin-top: 10%;
}
.padding-pic2 {
padding: 20px 20px 20px 20px !important;
}
.padding-pic3-xs {
padding: 8px 20px 20px 20px !important;
}
.xs-margintop60 {
margin-top:60px;
}
.xs-margintop30 {
margin-top:30px;
}
.ft-1-box-1 {
margin-left:0%;
}
.font-style-ju{
font-size: 24px !important;
color: #ff5700;
font-weight: 700;
margin-bottom: 20px !important;
margin-top: 20px !important;
}
.banner-bgimg {
background-image: url(/image/index-banner-mobile.png);
background-repeat: no-repeat;
background-size: 100%;
height: 640px;
}
.margin-top50-xs-top20{
margin-top:20px;
}
.margin-top30-xs-top20{
margin-top:20px;
}
.siq_bR {
bottom: 61px !important;
right: 0px !important;
}
.zsiq_theme1 .zsiq_flt_rel{
width: 50px !important;
height: 50px !important;
}
.xs-padding-left0{
padding-left:0px;
}
.padding-left-ft15{
padding-left:15px;
}
.padding-right-ft15{
padding-right:15px;
}
.xs-margin-top15{
margin-top:15px;
}
.xs-margin-top50{
margin-top:50px;
}
.xs-text-center{
text-align: center;
}
.main-h1{
font-size:1.8em;
}
.main-h2{
font-size:1.5em;
color:#3e3e3e;
}
.margin-top70{
margin-top:0px;
}
.margin-top100-top0{
margin-top:0px;
}
.margin-top20-top10 {
margin-top: 10px;
}
.margin-top20-0{
margin-top:10px;
}
.margin-top40-0{
margin-top:0px;
}
.margin-top16-0{
margin-top:0px;
}
.margin-top30-top10{
margin-top:10px;
}
.margin-top30-top20-top10{
margin-top:10px;
}
.xs-margin-top10{
margin-top:10px;
}
.xs-margin-top20{
margin-top:20px;
}
.xs-margin-top8{
margin-top:8px;
}
.xs-margin-top30{
margin-top:30px;
}
.xs-margin-top50{
margin-top:50px;
}
.bottom-margin-top35{
margin-top:35px;
}
.xs-margin-top40{
margin-top:40px;
}
.xs-margin-top60{
margin-top:60px;
}
.xs-margin-bottom25{
margin-bottom:25px;
}
.text-center-step{
text-align:left;
}
.Copyright-font{
font-size:0.875em;
}
.float-contact{
position:fixed;
right:-15px;
z-index:100;
width:80px;
top:45%;
}
.font-banner-1{
letter-spacing:-1px;
}
.font-banner-3 {
font-size: 36px;
margin-top: 10px;
font-weight:bold;
}
.font-banner-3-xs {
font-size: 34px ;
margin-top: 10px;
font-weight:bold;
}
.font-banner-3-1 {
font-size:32px;
margin-top:0px;
color:#ff5700;
text-shadow: none;
font-weight:bold;
}
.font-banner-1 {
font-size: 0.9em;
letter-spacing:0.1px;
}
.font-banner-1-1{
font-size:0.85em;
margin-top:40px;
font-weight:bold;
}
.font-banner-2 {
font-size: 16px;
margin-top: 3px;
font-weight:bold;
}
.font-banner-2-1{
font-size:23px;
margin-top:5px;
color:#ff5700;
text-shadow: none;
font-weight:bold;
}
.font-banner-2-2{
font-size:20px;
margin-top:5px;
color:#3e3e3e;
text-shadow: none;
font-weight:bold;
margin-bottom:0px;
}
.banner-main{
padding-top: 20px;
}
.banner-main-iteration{
padding-top: 20px;
}
.step-submit-button {
color: #fff;
background: #6e70ff;
outline: none;
padding: 10px 5px;
font-size: 1em;
width: 100%;
border: none;
border-radius: 30px;
width: 180px;
font-weight:bold;
}
.step-submit-button-index {
color: #fff;
background: #6e70ff;
outline: none;
padding: 10px 10px;
font-size: 1em;
width: 100%;
border: none;
border-radius: 30px;
}
.ft-submit-button-1 {
color: #fff;
background: #ff5700;
outline: none;
padding: 10px 40px;
font-size: 26px;
width: 100%;
border: none;
border-radius: 10px;
}
.banner-anniu-margin-bottom {
margin-top: 30px;
margin-bottom: 43px;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
color: #555;
background-color: transparent;
}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
background-color: transparent;
border-color: #337ab7;
}
.dropdown-menu {
background: #fff;
padding: 0px 0px 5px 0px;
border: 0px solid transparent;
left: 10%;
top: 65px;
font-size: 1.6rem;
box-shadow: 0 0px 12px rgba(0,0,0,.175);
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
position:absolute;
border-color: #e7e7e7;
left: 0px;
width: 100%;
z-index:1000;
box-shadow: rgb(221, 221, 221) 0px 3px 3px;
}
.navbar-nav > li > a {
padding-top: 10px;
padding-bottom: 10px;
line-height: 20px;
}
.free-ft-button-o{
padding:8px 30px;
}
.free-ft-button {
font-size: 0.8em;
font-weight: bold;
padding: 5px 15px;
}
.navbar {
position: relative;
min-height:80px;
margin-bottom: 0px;
border: 1px solid transparent;
padding-top:13px;
padding-left:13px;
padding-right:13px;
}
.navbar-nav {
margin: 0px -15px;
background-color: #fff;
padding-top:20px;
padding-bottom:20px;
}
.navbar-collapse {
padding-right: 15px;
padding-left: 15px;
overflow-x: visible;
-webkit-overflow-scrolling: touch;
border-top:none;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
}
.ft-1-box{
box-shadow: none;
border-radius:0px;
}
.chinese-text{
margin-top: 10px;
}
.download-bj{
padding: 0 20px;
bottom: 50px;
}
.float-contact>ul>li{
position:relative;
padding-top:15px;
cursor:pointer;
width:80px;
right:50px;
}
.float-contact>ul{
width: 60px;
border-radius: 25px;
}
.float-contact>ul {
list-style: none;
position: absolute;
top: 0;
left: 0;
text-align: center;
background-color:transparent;
width: 70px;
border-radius: 30px;
padding-bottom: 20px;
box-shadow: none;
padding-left: 40px;
}
.blog-carousel-button-full{
width:150px;
height:55px;
line-height:55px;
font-size:14px;
}
.blog-carousel-sanjiao{
top:53px;
left:64px;
}
.blog-carousel-button{
width:150px;
height:55px;
line-height:55px;
padding:0px 10px;
font-size:14px;
}
.blog-carousel-button-2{
line-height: inherit;
padding-top: 7px;
}
.index-bottom-zhanwei{
height: 85px;
}
.blog-lanmu{
height: 90px;
}
.blog-lanmu li{
float: left;
margin-right: 10px;
text-decoration: none;
color: #3e3e3e;
padding: 2px 8px;
margin-bottom: 20px;
}
.blog-lanmu .active{
color: #fff;
background-color: #ff5700;
padding: 2px 8px;
border-radius: 30px;
}
.blog-lanmu .active:hover{
color: #fff;
background-color: #ff5700;
padding: 2px 8px;
border-radius: 30px;
}
.blog-lanmu .f1:hover{
color: #ff5700;
padding: 2px 8px;
}
.blog-nav ul li{
padding: 8px;
}
.index-test-left{
margin-top: 40px;
margin-bottom: 40px;
}
.index-test-right{
width: 100%;
margin-left: 0;
}
.index-test-left{
width: 100%;
}
.index-test-right-bj{
padding: 20px;
border-top-right-radius: 0px;
border-bottom-left-radius: 20px;
height: auto;
}
.index-test-right-content{
padding: 20px;
}
.index-test-left-bj{
padding: 20px;
border-top-left-radius: 0px;
border-bottom-right-radius: 20px;
height: auto;
}
}
/*sm在768像素和914像素之间的设备上的显示情况*/
@media (min-width:768px) and (max-width:913px) {
.sm-margin-top10{
margin-top:10px;
}
.sm-margin-top20 {
margin-top: 20px;
}
.sm-margin-top50{
margin-top:50px;
}
.sm-margin-top30{
margin-top:30px;
}
.line-height{
line-height: 3.5;
}
.xs-margin-top15 {
margin-top: 15px;
}
.margin-top20-0 {
margin-top: 0px;
}
.margin-top40-0{
margin-top:0px;
}
.xs-margin-bottom25{
margin-bottom:25px;
}
.font-banner-2-1 {
font-size: 30px;
margin-top: 15px;
color: #ff5700;
text-shadow: none;
font-weight: bold;
}
.font-banner-3-1 {
font-size: 40px;
margin-top: 35px;
color: #ff5700;
text-shadow: none;
font-weight: bold;
}
.font-banner-1-1 {
font-size: 1.125em;
color: #FFF;
font-family: STYuanti-SC-Regular,Roboto,Myriad Set Pro,Helvetica Neue,Helvetica,Arial;
color: #ff5700;
text-shadow: none;
}
.font-banner-2-2 {
font-size: 25px;
margin-top: 15px;
color: #3e3e3e;
text-shadow: none;
}
.chinese-text{
margin-top: 20px;
}
.index-bottom-zhanwei{
height: 110px;
}
}
/* sm在小于992像素的设备上展示的情况 */
@media (max-width:992px) {
.ib-course-box {
box-shadow: 0px 0px 10px #bdbdbd;
}
.chinese-three-td{
padding-bottom: 30px;
}
.padding-bottom55-80{
padding-bottom:30px;
}
.sm-text-center{
text-align: center;
}
.font-style-ju {
font-size: 30px;
color: #ff5700;
font-weight: 700;
margin-top: 0%;
margin-bottom: 30px;
}
.bg-good-class {
height: 90px;
}
.padding-pic1 {
padding: 35px 20px 20px 20px;
}
.padding-pic2 {
padding: 35px 20px 20px 20px;
}
.sm-margintop60 {
margin-top:60px;
}
.padding-pic3 {
padding: 22px 20px 20px 20px;
}
}
/*sm在914像素和992像素之间的设备上的显示情况*/
@media (min-width:914px) and (max-width:991px) {
.line-height{
line-height: 3.5;
}
.xs-margin-top15 {
margin-top: 15px;
}
.sm-margin-top20 {
margin-top: 20px;
}
.sm-margin-top50{
margin-top:50px;
}
.sm-margin-top30{
margin-top:30px;
}
.xs-margin-bottom25{
margin-bottom:25px;
}
.chinese-text{
margin-top: 20px;
}
}
/*sm在768像素和992像素之间的设备上的显示情况*/
@media (min-width:768px) and (max-width:991px) {
/**IB页面**/
.ib-part6-padding-bottom40 {
padding-bottom: 40px;
}
.ib-part6-pic9-paddingtop {
padding-top: 30px;
padding-bottom: 30px;
width: 40%;
}
.ib-part6-pic9-content-positioning1 {
position: absolute;
left: 14px;
top: -40px;
width: 200px;
background-color: #fff;
padding: 10px;
box-shadow: 0px 0px 10px #bdbdbd;
border-radius: 10px;
}
.ib-part6-pic9-content-positioning2 {
position: absolute;
right: 14px;
top: -40px;
width: 200px;
background-color: #fff;
padding: 10px;
box-shadow: 0px 0px 10px #bdbdbd;
border-radius: 10px;
}
.ib-part6-pic9-content-positioning3 {
position: absolute;
left: 24px;
top: 190px;
width: 180px;
background-color: #fff;
padding: 10px;
box-shadow: 0px 0px 10px #bdbdbd;
border-radius: 10px;
}
.ib-part6-pic9-content-positioning4 {
position: absolute;
right: 24px;
top: 190px;
width: 180px;
background-color: #fff;
padding: 10px;
box-shadow: 0px 0px 10px #bdbdbd;
border-radius: 10px;
}
.ib-part6-pic9-content-positioning5 {
margin: 0 auto;
width: 240px;
background-color: #fff;
padding: 10px;
box-shadow: 0px 0px 10px #bdbdbd;
border-radius: 10px;
}
/**IB页面**/
.part6-table-tr-height {
height: 6px;
}
.picture-div {
font-size: 16px;
padding: 0px 5px;
line-height: 1.2;
height: 75px;
}
.alevel-station-div {
width: 50px;
}
.text-on-picture {
font-size: 24px;
font-weight: 700;
}
.part-three-box1 {
padding: 20px 10px 40px 10px;
height: 530px;
}
.a-level-box-padding-top-bottom {
padding-top: 20px;
padding-bottom: 20px;
}
.part-three-box2 {
padding: 20px 10px 40px 10px;
height: 530px;
}
.part-three-box3 {
padding: 20px 10px 40px 10px;
height: 530px;
}
.partsix-box {
height: 334px;
}
.teenagers-padding-pc {
padding-left: 0px;
padding-right: 0px;
}
.ap-box {
height: 290px;
}
.hengxian1 {
margin-bottom: 40px;
}
.hengxian2 {
margin-bottom: 40px;
}
.hengxian3 {
margin-bottom: 40px;
}
.margin-top-baifenbi-4 {
margin-top: 2%;
}
.site-map-vertical-line {
width: 1px;
height: 180px;
background-color: #999999;
}
.height-box {
height: 350px;
}
.young-children-banner-bgimg {
height: 407px;
}
.swiper-pagination {
position: relative !important;
margin-top: 30px !important;
}
.banner-bgimg-tb-padding {
padding-top: 45px;
padding-bottom: 45px;
}
.banner-teenagers-font2 {
color: #525252;
font-size: 1.0em;
}
.banner-teenagers-font1{
font-size: 40px;
margin-top: 35px;
margin-bottom: 35px;
margin-left: 0%;
}
.banner-teenagers-font3 {
margin-left: 11%;
font-size: 1.0em;
color: #525252;
}
.dse-exam-box-click1 {
height: 215px;
}
.dse-exam-box-click2 {
height: 215px;
}
.dse-exam-box-click3 {
height: 215px;
}
.dse-exam-box-click4 {
height: 215px;
}
.dse-part3-box {
background-color: #fff;
padding: 30px 20px;
border-radius: 20px;
box-shadow: 0px 0px 8px #ccc;
height: 325px;
}
.md-margin-top35{
margin-top:30px;
}
.md-margin-top15{
margin-top:10px;
}
.margintop-baifenbi30 {
margin-top: 100%;
}
.part3-1{
margin-top:0%;
}
.part3-2 {
margin-top: 9%;
}
.part3-3 {
margin-top: 6%;
}
.padding-top40-bottom30 {
padding-top: 30px;
padding-bottom: 20px;
}
.dse-course-padding2 {
padding-top: 20px;
}
.dse-course-padding1 {
padding-top: 20px;
}
.font-s-24-w {
font-size: 22px;
font-weight: bold;
}
.ib-course-box {
height: 420px;
}
.img-w90{
width:90%;
}
.img-w30{
width:30%;
}
.why-ib-course-box {
border-radius: 25px;
padding-bottom: 30px;
padding-top: 30px;
height: 383px;
}
.ft-1-box-1 {
margin-left: 0%;
}
.margin-top50-0 {
margin-top: 35px;
}
.margin-top16-0 {
margin-top: 10px;
}
.banner-bgimg {
background-image: url(/image/index-banner-ipd-shu.png);
background-repeat: no-repeat;
background-size: 100%;
height: 435px;
}
.ft-submit-button-1 {
color: #fff;
background: #ff5700;
outline: none;
padding: 10px 40px;
font-size: 22px;
width: 100%;
border: none;
border-radius: 10px;
}
.sm-margin-top60 {
margin-top:60px;
}
.index-test-right{
width: 100%;
margin-left: 0;
}
.index-test-left{
width: 100%;
}
.index-test img{
width: 350px;
}
.index-test-right-bj, .index-test-left-bj{
padding: 20px 15px;
height: 205px;
}
.index-test-right-content{
padding: 10px 20px;
}
.index-test-title{
margin-bottom: 10px;
}
/*底部悬浮在线客服图标的css*/
.siq_bR {
bottom: 80px!important;
right: 10px!important;
}
/*底部悬浮在线客服图标的css*/
.margin-top30-top20-top10{
margin-top:20px;
}
.banner-anniu-margin-bottom{
margin-bottom:50px;
margin-top:20px;
}
.font-banner-3 {
font-size: 40px;
margin-top: 20px;
}
.font-banner-1 {
font-size: 1.1em;
}
.step-submit-button {
color: #fff;
background: #6e70ff;
outline: none;
padding: 10px 10px;
font-size: 1em;
width: 100%;
border: none;
border-radius: 30px;
width: 180px;
}
.banner-main {
padding-top: 20px;
}
.banner-main-iteration{
padding-top: 20px;
}
.margin-bottom40-ft{
margin-bottom:40px;
}
.navbar-nav {
float: left;
font-size: 14px;
}
.nav > li > a {
position: relative;
display: block;
padding: 5px;
}
.free-ft-button {
padding:0px 15px;
}
.free-ft-button-o {
padding:0px 15px;
}
.navbar {
position: relative;
min-height: 70px;
margin-bottom: 0px;
border: 1px solid transparent;
padding-top: 13px;
padding-left: 13px;
}
.banner-index-brand{
position:absolute;
top:30px;
}
.banner-index-brand-1{
position:absolute;
top:0px;
}
.font-banner-3-2{
font-size:40px;
margin-top:20px;
color:#3e3e3e;
text-shadow: none;
}
.bottom-margin-top35{
margin-top:50px;
}
.blog-carousel-button-full{
width:150px;
height:64px;
line-height:64px;
}
.blog-carousel-sanjiao{
top:62px;
left:64px;
}
.blog-carousel-button{
width:150px;
height:64px;
line-height:64px;
padding:0px 10px;
}
.blog-carousel-button-2{
line-height: inherit;
padding-top: 7px;
}
.index-bottom-zhanwei{
height: 110px;
}
}
/*md在992像素和1200像素之间的设备上的显示情况*/
@media (min-width:992px) and (max-width:1199px) {
.fontstyle{
font-size: 16px;
}
/**IB页面**/
.ib-part6-pic9-paddingtop {
padding-top: 30px;
padding-bottom: 30px;
width: 40%;
}
.ib-part6-pic9-content-positioning1 {
left: 35px;
top: -40px;
width: 250px;
padding: 10px;
}
.ib-part6-pic9-content-positioning2 {
right: 35px;
top: -40px;
width: 250px;
padding: 10px;
}
.ib-part6-pic9-content-positioning3 {
left: 34px;
top: 230px;
width: 250px;
padding: 10px;
}
.ib-part6-pic9-content-positioning4 {
right: 34px;
top: 230px;
width: 250px;
padding: 10px;
}
.ib-part6-pic9-content-positioning5 {
margin: 0 auto;
width: 250px;
background-color: #fff;
padding: 10px;
}
/**IB页面**/
.alevel-station-div {
width: 100px;
}
.a-evel-box-shadow {
background-color: #fff;
border-radius: 20px;
height: 303px;
box-shadow: 0px 0px 10px #bdbdbd;
}
.a-level-box-padding-top-bottom {
padding-top: 35px;
padding-bottom: 35px;
}
.part-three-box1 {
padding: 25px 10px 40px 10px;
}
.part-three-box2 {
padding: 25px 10px 40px 10px;
}
.part-three-box3 {
padding: 25px 10px 40px 10px;
}
.dse-course-padding1{
padding-top: 25px;
}
.ap-box {
height: 410px;
}
.height-box{
height: 435px;
}
.teenagers-padding-pc {
padding-left: 10px;
padding-right: 10px;
}
.banner-teenagers-font1 {
margin-left: 2%;
}
.banner-teenagers-font3 {
margin-left: 7%;
}
.young-children-banner-bgimg {
height: 505px;
}
.part3-2 {
margin-top: 8%;
}
.md-margin-top35{
margin-top:35px;
}
.md-margin-top15{
margin-top:15px;
}
.margintop-baifenbi30 {
margin-top: 59%;
}
.ib-course-box {
height: 455px;
}
.div-tiao {
height: 15px;
border-bottom-left-radius: 40px;
border-bottom-right-radius: 40px;
position: absolute;
bottom: 0px;
width: 100%;
}
.ib-course-box {
box-shadow: 0px 0px 10px #bdbdbd;
}
.padding-pic1 {
padding: 45px 20px 20px 20px;
}
.padding-pic2 {
padding: 40px 20px 20px 20px;
}
.padding-pic3 {
padding: 18px 20px 20px 20px;
}
.font-style-ju {
font-size: 36px;
color: #ff5700;
font-weight: 700;
margin-top: 10%;
margin-bottom: 40px;
}
.banner-anniu-margin-bottom{
margin-bottom:100px;
margin-top:20px;
}
.font-banner-3 {
font-size: 50px;
margin-top: 10px;
}
.padding-bottom55-80{
padding-bottom:80px;
}
.chinese-three-td{
padding-bottom: 47px;
}
.navbar-nav{
margin-left:0px;
}
.nav > li > a {
position: relative;
display: block;
padding: 16px 6px;
}
.font-banner-3-2 {
font-size: 52px;
margin-top: 0px;
color: #3e3e3e;
text-shadow: none;
margin-top: 40px;
}
.font-banner-3-1 {
font-size: 52px;
margin-top: 80px;
color: #ff5700;
text-shadow: none;
font-weight: bold;
}
.banner-index-brand{
position:absolute;
top:30px;
}
.banner-index-brand-1{
position:absolute;
top:0px;
}
.font-banner-2-2 {
font-size: 32px;
margin-top: 15px;
color: #3e3e3e;
text-shadow: none;
}
.download-bj{
padding: 0 30px;
}
.md-margin-top{
margin-top: -226px;
}
.index-bottom-zhanwei{
height: 110px;
}
.blog-lanmu{
font-weight: bold;
padding: 0px;
width: 970px !important;
}
.blog-lanmu li{
float: left;
margin-right: 30px;
text-decoration: none;
color: #3e3e3e;
padding: 10px 15px;
margin-bottom: 20px;
}
.blog-lanmu .active{
color: #fff;
background-color: #ff5700;
padding: 10px 15px;
border-radius: 50px;
}
.blog-lanmu .active:hover{
color: #fff;
background-color: #ff5700;
padding: 10px 15px;
border-radius: 50px;
}
.blog-lanmu .f1:hover{
color: #ff5700;
padding: 10px 15px;
}
.index-test img{
width: 420px;
}
.index-test-right-bj, .index-test-left-bj{
padding: 25px 40px;
height: 246px;
}
.index-test-right-content{
padding: 20px;
}
/* 娟娟首页迭代 */
.banner-bgimg{
background-image:url(/image/index-banner-pc.png);
background-repeat: no-repeat;
background-size: 100%;
height:497px;
}
/* 娟娟首页迭代 */
}
/*lg在大于1200像素的设备上的显示情况*/
@media (min-width:1200px) {
.container {
max-width: 1200px;
}
.bottom {
margin:0 auto;
}
.line-height{
line-height: 1.8;
}
.line-height-font{
margin-top:15px;
}
.nav > li > a {
position: relative;
display: block;
padding: 18px 18px;
}
}
/* 表单优化css */
#popBox{
position: absolute;
width:100%;
height:auto;
display: block;
left:0%;
top:20%;
z-index:1000000;
background:#ffffff; padding-bottom:20px;
}
#popLayer{
width:100%;
height:100%;
position: absolute;
display: block;
left:0;
top:0;
z-index:11;
background:#000000;
-moz-opacity: 0.8;
opacity: 0.5;
filter: alpha(opacity=80);
}
.addss{
overflow:hidden;
position:fixed;
}
.p_search{
cursor:pointer;
float: left;
text-align: center;
width: 13px;
height: 18px;
margin:3px ;
color:#525252;
font-size: 14px;
padding-bottom: 5px;
}
.ul_country {
height: 200px;
overflow: auto;
padding-left: 0;
}
.lis {
font-size: 14px;
cursor:pointer;
list-style: none;
height: 30px;
padding: 3px 12px 3px 12px;
color:#525252;
}
.country {
float: left;
}
.country_tels {
float: right;
}
.black_overlay {
cursor:pointer;
display: none;
position: fixed;
top: 0%;
left: 0%;
width: 100%;
height: 100%;
background-color: black;
z-index: 100;
-moz-opacity: 0.8;
opacity: .80;
filter: alpha(opacity=80);
}
.white_content {
display: none;
position: absolute;
/* position:fixed;
bottom: 0%;
left: 0%; */
width: 275px;
background-color: white;
/* z-index: 1002;*/
border:#dbdbdb 1px solid;
box-shadow: #dbdbdb 1px 2px 5px;
}
.white_content-referral {
width: 100%;
margin-top: -8px;
display: none;
position: absolute;
background-color: white;
z-index: 1002;
border:#dbdbdb 1px solid;
box-shadow: #dbdbdb 1px 2px 5px;
}
.white_content-test {
display: none;
position: absolute;
width: 295px;
background-color: white;
z-index: 1002;
border:#dbdbdb 1px solid;
box-shadow: #dbdbdb 1px 2px 5px;
}
.p_selected {
background-color: #ff5700;
cursor:pointer;
color: #fff;
}
ul li {
list-style:none;
}
.inputElem {
width:99%;
height:32px;
line-height:22px;
border:1px solid #ccc;
}
.parentCls {
height:auto;
margin:0 auto;
}
.parentCls ul{ padding-left: 10px; padding-right: 10px;height:150px;overflow: auto; }
.auto-tip li { width: 100%; height: 30px; line-height: 30px; font-size: 14px;}
.auto-tip li.hoverBg {
background:#ddd;
cursor:pointer;
}
.hidden {
display:none;
}
.notFound {
display: none;
margin:15px auto;
text-align: center;
font-size: 14px;
}
.horizontalLine {
height:2px;
background:red;
width: 100%;}
/* 第二个表单优化css */
.p_search2{
cursor:pointer;
float: left;
text-align: center;
width: 13px;
height: 17px;
margin:3px ;
color:#525252;
font-size: 14px;
padding-bottom: 5px;
}
#ul_country2 {
height: 320px;
overflow: auto;
padding-left: 0;
}
.lis2 {
font-size: 16px;
cursor:pointer;
list-style: none;
height: 30px;
padding: 3px 3px 3px 4px;
color:#828282;
}
.country2 {
float: left;
}
.country_tels2 {
float: right;
}
.black_overlay2 {
cursor:pointer;
display: none;
position: fixed;
top: 0%;
left: 0%;
width: 100%;
height: 100%;
background-color: black;
z-index: 100;
-moz-opacity: 0.8;
opacity: .80;
filter: alpha(opacity=80);
}
.white_content2 {
display: none;
position: absolute;
/* position:fixed;
bottom: 0%;
left: 0%; */
width: 270px;
background-color: white;
z-index: 1002;
border:#dbdbdb 1px solid;
box-shadow: #dbdbdb 1px 2px 5px;
}
.p_selected2 {
background-color: #15c1d0;
cursor:pointer;
color: #fff;
}
ul li {
list-style:none;
}
.inputElem2 {
width:99%;
height:32px;
line-height:22px;
border:1px solid #ccc;
}
.parentCls2 {
height:auto;
margin:0 auto;
}
.parentCls2 ul{ padding-left: 10px; padding-right: 10px;height:150px;overflow: auto; }
.auto-tip li { width: 100%; height: 30px; line-height: 30px; font-size: 14px;}
.auto-tip li.hoverBg {
background:#ddd;
cursor:pointer;
}
.hidden {
display:none;
}
.notFound2 {
display: none;
margin:15px auto;
text-align: center;
font-size: 14px;
}
.horizontalLine {
height:2px;
background:red;
width: 100%;}
.inputElem3 {
width:99%;
height:32px;
line-height:22px;
border:1px solid #ccc;
}
.parentCls3 {
height:auto;
margin:0 auto;
}
.parentCls3 ul{ padding-left: 10px; padding-right: 10px;height:150px;overflow: auto; }
.inputElem4 {
width:99%;
height:32px;
line-height:22px;
border:1px solid #ccc;
}
.parentCls4 {
height:auto;
margin:0 auto;
}
.parentCls4 ul{ padding-left: 10px; padding-right: 10px;height:150px;overflow: auto; }
/* 邮箱自动补全样式 开始 */
.mailListBox{
border:1px solid #e0e0e0;
background-color:#fff;
position:absolute;
z-index:9999;
display:none;
width: 100% !important;
}
.mailListBox ul{
padding:0;
margin:0;
}
.mailListBox li{
zoom:1;
overflow:hidden;
padding:0 3px;
margin:0;
border-top:1px solid #e0e0e0;
list-style:none;
font-size:12px;
font-family:Arial,Helvetica,sans-serif;
line-height:32px;
cursor:pointer;
color:#999999;
padding: 0px 10px;
}
.mailListBox li.hover{
font-size:14px;
color:#ff5700;
}
.mailListBox li.current{
background-color:#ff5700;
color:#fff;
}
/* 邮箱自动补全样式 结束 */
.inp{ width:265px; height:24px;}
.inp:focus{ outline:none; border:1px solid #75B9F0;}
.menu-list {
height: 55px;
border-bottom: 1px solid #cccccc;
border-top: 1px solid #cccccc;
padding: 4px 12px 4px 12px;
}
/* 解决Mac和其它电脑 点击蓝色图标弹出提示框的样式问题 */
.tip_pc {
position: absolute;
background: url(/images/bj-ft-tan-1.png) no-repeat;
width: 242px;
height: 55px;
font-size: 12px;
left: 33px;
top: -31px;
padding: 7px 5px 0px 18px;
line-height: 16px;
z-index: 99;
display: none;
}
.tip_pc_ipad {
position: absolute;
background: url(/images/bj-ft-tan-1.png) no-repeat;
width: 242px;
height: 55px;
font-size: 12px;
left: 41px;
top: -32px;
padding: 7px 5px 0px 18px;
line-height: 16px;
z-index: 99;
display: none;
}
.tip_pc-referral {
position: absolute;
background: url(/images/bj-ft-tan-1.png) no-repeat;
width: 242px;
height: 55px;
font-size: 12px;
right:-48px;
top: -52px;
padding: 7px 5px 0px 18px;
line-height: 16px;
z-index: 99;
display: none;
text-align: left;
}
.tip_pc-referral-ipad {
position: absolute;
background: url(/images/bj-ft-tan-1.png) no-repeat;
width: 242px;
height: 55px;
font-size: 12px;
right:-54px;
top: -52px;
padding: 7px 5px 0px 22px;
line-height: 16px;
z-index: 99;
display: none;
}
.tip_pc-referral-mac {
position: absolute;
background: url(/images/bj-ft-tan-1.png) no-repeat;
width: 242px;
height: 55px;
font-size: 12px;
right:-36px;
top: -52px;
padding: 7px 5px 0px 1px;
line-height: 16px;
z-index: 99;
display: none;
}
.tip_pc-test {
position: absolute;
background: url(/images/bj-ft-tan-1.png) no-repeat;
width: 242px;
height: 55px;
font-size: 12px;
left: 18px;
top: -31px;
padding: 7px 5px 0px 15px;
line-height: 16px;
z-index: 99;
display: none;
}
.tip_pc-test_ipad {
position: absolute;
background: url(/images/bj-ft-tan-1.png) no-repeat;
width: 242px;
height: 55px;
font-size: 12px;
left: 25px;
top: -35px;
padding: 7px 5px 0px 15px;
line-height: 16px;
z-index: 99;
display: none;
}
.tip_pc-test_mac {
position: absolute;
background: url(/images/bj-ft-tan-1.png) no-repeat;
width: 242px;
height: 55px;
font-size: 12px;
left: 26px;
top: -37px;
padding: 7px 5px 0px 15px;
line-height: 16px;
z-index: 99;
display: none;
}
.tip_pc-immersion {
position: absolute;
background: url(/images/bj-ft-tan-1.png) no-repeat;
width: 242px;
height: 55px;
font-size: 12px;
left: 349px;
top: -52px;
padding: 7px 5px 0px 0px;
line-height: 16px;
z-index: 99;
display: none;
}
.tip_pc-immersion-ipad {
position: absolute;
background: url(/images/bj-ft-tan-1.png) no-repeat;
width: 242px;
height: 55px;
font-size: 12px;
left: 352px;
top: -52px;
padding: 7px 5px 0px 0px;
line-height: 16px;
z-index: 99;
display: none;
}
.tip_pc-immersion-mac {
position: absolute;
background: url(/images/bj-ft-tan-1.png) no-repeat;
width: 242px;
height: 55px;
font-size: 12px;
left: 352px;
top: -52px;
padding: 7px 5px 0px 0px;
line-height: 16px;
z-index: 99;
display: none;
}
.tip_mac {
position: absolute;
background: url(/images/bj-ft-tan-1.png) no-repeat;
width: 242px;
height: 55px;
font-size: 12px;
left: 40px;
top: -33px;
padding: 7px 5px 0px 15px;
line-height: 16px;
z-index: 99;
display: none;
}
.copyright-nav{
color: #bbb9b8;
text-decoration:none;
word-break:keep-all;
}
.copyright-nav span{
word-break:keep-all;
}
.copyright-nav:hover{
color: #bbb9b8;
text-decoration:none;
}
.star{
width: 27px;
padding-bottom:4px ;
padding-right:8px;
}
.star-mobile{
width: 23px;
padding-bottom:3px ;
padding-right:8px;
}