@charset "utf-8";
/* CSS reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0;}
table { border-collapse:collapse; border-spacing:0;}
fieldset,img { border:0;}
address,caption,cite,code,dfn,th,var { font-style:normal; font-weight:normal}
ol,ul { list-style:none}
caption,th { text-align:left}
q:before,q:after { content:''}
abbr,acronym { border:0}
p{word-wrap:break-word;}


body,html{ background-color:#ffffff; min-height:100%;}

/*公共*/
.clr{zoom:1;}/*不用添加多余标签清除浮动*/
.clr:after{display:block;content:"\0020";height:0;clear:both;visibility:hidden;}
.none{ display: none; }
.w{ width: 100%; }
.fl{ float: left; }
.fr{ float: right; }
.tc{ text-align: center; }
.mt10{ margin-top: 10px; }
.mt20{ margin-top: 20px; }
.mt30{ margin-top: 30px; }
.mt40{ margin-top: 40px; }
.mt50{ margin-top: 50px; }




/*IGCSE官网pc端*/
.pc-container{ width: 100%; min-width: 1200px; margin: 0 auto; position:relative; font-size:14px; color:#333; font-family:'微软雅黑', Arial, Helvetica, sans-serif ; zoom:1;}
.pc-container a{text-decoration:none; outline:none; color: #333;}

.pc-IGCSE-banner{ width: 100%; height: 640px; background: url(../img/pc-banner.jpg) no-repeat; background-position: center center; position: relative; }
.pc-IGCSE-banner a{ width: 350px; height: 70px; border-radius: 35px; display: block; color: #fff; line-height: 70px; text-align: center; font-size: 0; position: absolute; top: 455px; left: 50%; margin-left: -600px;transition: all 0.3s ease 0s; }
.pc-IGCSE-class{ width: 100%; margin-top: 70px; }
.pc-IGCSE-class h2{ width: 100%; text-align: center; font-size: 40px;font-weight: bold; }
.pc-IGCSE-class ul{ width: 1200px; margin: 40px auto 80px auto; }
.pc-IGCSE-class ul li{ width: 380px; height: 376px; float: left; margin-left: 30px; background: #fff;border-radius: 8px; box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.16); overflow: hidden; }
.pc-IGCSE-class ul li:first-child{ margin-left: 0; }
.pc-IGCSE-class ul li .img{ width: 100%; height: 233px; }
.pc-IGCSE-class ul li .img img{ width: 100%; height: 100%; vertical-align: middle; }
.pc-IGCSE-class ul li h3{ width: 100%; font-size: 30px; line-height: 30px; font-weight: bold; text-align: center; margin-top: 30px; }
.pc-IGCSE-class ul li p{ width: 100%; text-align: center; font-size: 24px; color: #666; margin-top: 8px; }
.pc-IGCSE-youshi{ width: 100%; height: 700px; background: url(../img/pc-youshiBg.jpg) no-repeat; background-position: center center; position: relative;  }
.pc-IGCSE-youshi h2{ width: 100%; text-align: center; font-size: 40px;font-weight: bold; padding-top: 80px; }
.pc-IGCSE-youshi ul{ width: 1200px; margin: 40px auto 60px auto; }
.pc-IGCSE-youshi ul li{ width: 280px; height: 388px; float: left; margin-left: 26px; background: #fff;border-radius: 8px; text-align: center;box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.16); }
.pc-IGCSE-youshi ul li:first-child{ margin-left: 0; }
.pc-IGCSE-youshi ul li .icon{ width: 126px; height: 126px; margin: 25px auto 0 auto; border-radius: 50%; border: 2px solid #FA842F;display: flex;align-items: center;justify-content: center; }
.pc-IGCSE-youshi ul li .icon img{  vertical-align: top; }
.pc-IGCSE-youshi ul li h3{ width: 100%; text-align: center; margin-top: 15px; font-size: 24px;font-weight: bold; }
.pc-IGCSE-youshi ul li p{ width: 100%; padding: 5px 16px 0 16px; box-sizing: border-box; line-height: 150%; font-size: 18px; color: #666666; }
.pc-IGCSE-youshi .btn{ width: 100%; text-align: center; }
.pc-IGCSE-youshi .btn a{width: 440px;height: 70px; border-radius: 35px; line-height: 70px;background: linear-gradient(180deg, #FF9C00, #FF6000); display: inline-block; box-shadow: 0px 4px 7px 0px rgba(0,0,0,0.13); color: #fff; text-align: center; font-size: 24px;}
.pc-IGCSE-youshi .btn a:hover{ background: #FF6000; }
.pc-IGCSE-school{ width: 100%; padding: 80px 0;background: rgba(255,142,19,0.14); }
.pc-IGCSE-school h2{ width: 100%; text-align: center; font-size: 40px;font-weight: bold; color: #FF7410;}
.pc-IGCSE-school ul{ width: 1200px; margin: 0 auto; padding-top: 20px; }
.pc-IGCSE-school ul li{ width: 224px; float: left; margin-left: 20px; margin-top: 20px; }
.pc-IGCSE-school ul li:nth-child(5n+1){ margin-left: 0; }
.pc-IGCSE-school ul li .icon{ width: 100%; height: 128px; background: #fff;display: flex;align-items: center;justify-content: center; }
.pc-IGCSE-school ul li h3{ width: 100%; text-align: center; font-size: 30px; margin-top: 10px; font-weight: normal; }
.pc-IGCSE-school .btn{ width: 100%; text-align: center; margin-top: 60px; }
.pc-IGCSE-school .btn a{width: 440px;height: 70px; border-radius: 35px; line-height: 70px;background: linear-gradient(180deg, #FF9C00, #FF6000); display: inline-block; box-shadow: 0px 4px 7px 0px rgba(0,0,0,0.13); color: #fff; text-align: center; font-size: 24px;}
.pc-IGCSE-school .btn a:hover{ background: #FF6000; }
.pc-IGCSE-question{ width: 100%; padding: 80px 0; background: url(../img/pc-questionBg.jpg) no-repeat; background-position: center center; background-size: cover; position: relative;  }
.pc-IGCSE-question h2{ width: 100%; text-align: center; font-size: 40px;font-weight: bold;}
.pc-IGCSE-question .mainBox{  width: 1200px; margin: 0 auto; padding-top: 50px;  }
.pc-IGCSE-question .mainBox ul{ width: 564px; height: 383px;background: #FFFFFF;box-shadow: 0px 0px 10px 0px rgba(255,116,16,0.14);border-radius: 12px; padding: 10px 24px 20px 24px; box-sizing: border-box; }
.pc-IGCSE-question .mainBox ul li{ width: 100%; margin-top: 12px; padding-bottom: 12px; line-height: 34px; border-bottom: dashed 1px #BBBBBB; }
.pc-IGCSE-question .mainBox ul li:last-child{ border: none; }
.pc-IGCSE-question .mainBox ul li span{ width: 46px; height: 34px; float: left; background: #FF7410;border-radius: 10px; text-align: center; color: #fff; font-size: 22px; }
.pc-IGCSE-question .mainBox ul li h4{ width: 290px; float: left; margin-left: 15px; font-size: 20px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis; }
.pc-IGCSE-question .mainBox ul li  a{ width: 110px; height: 34px; float: right; border: solid 1px #FF7410;border-radius: 15px; color: #FF7410; font-size: 20px; text-align: center; }
.pc-IGCSE-introduce{width: 100%; padding: 80px 0; background: #f5f5f5;}
.pc-IGCSE-introduce h2{ width: 100%; text-align: center; font-size: 40px;font-weight: bold; position: relative;}
.pc-IGCSE-introduce .mainBox{width: 1200px; margin: 60px auto 0 auto; background: #fff; border-radius: 12px;}
.pc-IGCSE-introduce .mainBox ul.list{ width: 100%; margin-bottom: 4px; }
.pc-IGCSE-introduce .mainBox ul.list:last-child{ margin-bottom: 0; }
.pc-IGCSE-introduce .mainBox ul.list li.title{ width: 200px; height: 94px; float: left; margin-right: 20px; line-height: 94px; text-align: center; color: #fff; font-size: 30px; font-weight: bold; background: #FF7410; position: relative; }
.pc-IGCSE-introduce .mainBox ul.list:last-child li.title{ border-radius: 0 0 0 12px; }
.pc-IGCSE-introduce .mainBox ul.list:first-child li.title{ border-radius: 12px 0 0 0; }
.pc-IGCSE-introduce .mainBox ul.list li.title:before{ content: '';width: 0;height: 0;border-left: 15px solid #FF7410;border-top: 10px solid transparent;border-bottom: 10px solid transparent; position: absolute; right: -15px; top: 50%; margin-top: -7px; }
.pc-IGCSE-introduce .mainBox ul.list li.tab{width: 150px;height: 60px; margin-top: 17px; float: left; margin-left: 8px; border: 1px solid #FF7410;border-radius: 8px; color: #FF7410; text-align: center; display: flex; align-content: center; flex-wrap: wrap;  font-size: 24px;}
.pc-IGCSE-introduce .mainBox ul.list li.tab h4{ width: 100%; align-self: center; font-weight: normal; }
.pc-IGCSE-introduce .mainBox ul.list li.tab p{ width: 100%; align-self: center; font-size: 16px; }
.pc-IGCSE-setup{width: 100%; padding: 80px 0;}
.pc-IGCSE-setup h2{ width: 100%; text-align: center; font-size: 40px;font-weight: bold; }
.pc-IGCSE-setup ul{ width: 1200px; margin: 40px auto 0 auto; }
.pc-IGCSE-setup ul li{ width: 285px; float: left; margin-left: 20px; box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.11); }
.pc-IGCSE-setup ul li:first-child{ margin-left: 0; }
.pc-IGCSE-setup ul li .img{ width: 100%; height: 210px; position: relative; }
.pc-IGCSE-setup ul li .img img{ width: 100%; vertical-align: top; }
.pc-IGCSE-setup ul li .img h3{ width:100%; text-align: center; height: 60px; line-height: 60px; font-size: 24px; background: rgba(255,255,255,.6); position: absolute; bottom: 0; left: 0; }
.pc-IGCSE-setup ul li .text{ width: 100%; height: 175px; padding: 0 10px 10px 12px; box-sizing: border-box; background: #fff; }
.pc-IGCSE-setup ul li .text h4{ padding: 1px 3px; display: inline-block; margin-top: 10px; margin-bottom: 5px; background: #FF7410; color: #fff; border-radius: 6px; }
.pc-IGCSE-setup ul li .text p{ font-size: 15px; }
.pc-IGCSE-setup .btn{ width: 100%; text-align: center; margin-top: 60px; }
.pc-IGCSE-setup .btn a{width: 440px;height: 70px; border-radius: 35px; line-height: 70px;background: linear-gradient(180deg, #FF9C00, #FF6000); display: inline-block; box-shadow: 0px 4px 7px 0px rgba(0,0,0,0.13); color: #fff; text-align: center; font-size: 24px;}
.pc-IGCSE-setup .btn a:hover{ background: #FF6000; }
.pc-IGCSE-beikao{width: 100%; padding: 80px 0; background:#f5f5f5; }
.pc-IGCSE-beikao h2{ width: 100%; text-align: center; font-size: 40px;font-weight: bold; position: relative;}
.pc-IGCSE-beikao ul{ width: 1200px; margin: 0 auto 0 auto; padding-top: 10px; }
.pc-IGCSE-beikao ul li{ width: 380px; height: 190px; float: left; margin-left: 30px; margin-top: 30px; padding: 20px 0 0 20px; box-sizing: border-box; }
.pc-IGCSE-beikao ul li:nth-child(3n+1){ margin-left: 0; }
.pc-IGCSE-beikao ul li:nth-child(1){ background: url(../img/beikao-img1.png) no-repeat; background-size: 100% 100%; }
.pc-IGCSE-beikao ul li:nth-child(2){ background: url(../img/beikao-img2.png) no-repeat; background-size: 100% 100%; }
.pc-IGCSE-beikao ul li:nth-child(3){ background: url(../img/beikao-img3.png) no-repeat; background-size: 100% 100%; }
.pc-IGCSE-beikao ul li:nth-child(4){ background: url(../img/beikao-img4.png) no-repeat; background-size: 100% 100%; }
.pc-IGCSE-beikao ul li:nth-child(5){ background: url(../img/beikao-img5.png) no-repeat; background-size: 100% 100%; }
.pc-IGCSE-beikao ul li:nth-child(6){ background: url(../img/beikao-img6.png) no-repeat; background-size: 100% 100%; }
.pc-IGCSE-beikao ul li h3{ font-size: 24px; font-weight: bold; }
.pc-IGCSE-beikao ul li p{ width: 50%; margin-top: 15px; font-size: 18px; color: #666; line-height: 150%; }
.pc-IGCSE-beikao .btn{ width: 100%; text-align: center; margin-top: 60px; }
.pc-IGCSE-beikao .btn a{width: 440px;height: 70px; border-radius: 35px; line-height: 70px;background: linear-gradient(180deg, #FF9C00, #FF6000); display: inline-block; color: #fff; text-align: center; font-size: 24px; box-sizing: border-box;}
.pc-IGCSE-beikao .btn a:hover{ background: #FF6000; }
.pc-IGCSE-beikao .btn a:last-child{ background: #fff; margin-left: 80px; color: #FF6000; border:solid 1px #FF6000; }
.pc-IGCSE-news{ width: 100%; padding: 80px 0;  }
.pc-IGCSE-news h2{ width: 100%; text-align: center; font-size: 40px;font-weight: bold; }
.pc-IGCSE-news ul{ width: 1200px; background: #fff; margin: 40px auto 0 auto; padding: 20px 30px; box-sizing: border-box; box-shadow: 0 0 14px rgba(0,0,0,.1); }
.pc-IGCSE-news ul li{ width: 46%; float: left; padding-top: 15px; margin-bottom: 15px; border-top: dashed 1px #999; line-height: 16px; }
.pc-IGCSE-news ul li:nth-child(2n){ float: right; }
.pc-IGCSE-news ul li:first-child,.pc-IGCSE-news ul li:nth-child(2){ border: none; }
.pc-IGCSE-news ul li .title{ width: 80%; float: left; position: relative; padding-left: 20px; box-sizing: border-box; overflow:hidden;white-space:nowrap;text-overflow:ellipsis; }
.pc-IGCSE-news ul li .title:before{ content: ''; display: block; width: 8px; height: 8px; background:#FF7410; position: absolute; left: 0; top: 4px;  }
.pc-IGCSE-news ul li .title a{ color: #333; font-size: 16px; }
.pc-IGCSE-news ul li .title a:hover{ color: #FF7410; }
.pc-IGCSE-news ul li .times{ float: right; font-size: 13px; color: #999; text-align: right; }
.pc-IGCSE-news .btn{ width: 100%; text-align: center; margin-top: 40px; }
.pc-IGCSE-news .btn a{width: 440px;height: 70px; border-radius: 35px; line-height: 70px;background: linear-gradient(180deg, #FF9C00, #FF6000); display: inline-block; color: #fff; text-align: center; font-size: 24px;}
.pc-IGCSE-news .btn a:hover{ background: #FF6000; }
.pc-IGCSE-info{ width: 100%; padding: 80px 0; background:#FF7410;}
.pc-IGCSE-info .mainBox{ width: 1200px; margin: 0 auto; padding: 60px 0; background: #fff; }
.pc-IGCSE-info .mainBox h2{ width: 100%; text-align: center; font-size: 40px;font-weight: bold; position: relative;}
.pc-IGCSE-info .mainBox h2:before{ content: ''; width: 60px; height: 4px; border-radius: 2px; background: #FF7410; position: absolute;  top: 60px; left: 50%; margin-left: -30px; }
.pc-IGCSE-info .mainBox >p{ width: 100%; font-size: 24px; color: #666; text-align: center; margin-top: 20px; }
.pc-IGCSE-info .inputBox{ width: 680px; margin: 0 auto; box-sizing: border-box;  }
.pc-IGCSE-info .inputBox span.title{ width: 180px; float: left; text-align: right; padding-right: 15px; box-sizing: border-box; line-height: 50px; font-size: 20px; }
.pc-IGCSE-info .inputBox span.title i{ color:#DB1816;  }
.pc-IGCSE-info .inputBox .inputText{ width: 500px; height: 50px; float: left; line-height: 50px; border-radius: 8px; border: solid 1px #cecece; background: #fff; box-sizing: border-box; text-align: center; font-size: 20px; text-align: left; padding-left: 25px; outline: none;}
.pc-IGCSE-info .inputBox .inputSelect{ position: relative; }
.pc-IGCSE-info .inputBox .inputSelect .inputShow{ border-radius: 8px 8px 0 0; }
.pc-IGCSE-info .inputBox .inputSelect:before{ content: ""; display: inline-block; width: 0; height: 0;border-width: 6px;border-style: solid;border-color:#666 transparent transparent transparent; position: absolute; right: 20px; top: 24px;}
.pc-IGCSE-info .SelectBox{ width: 500px; padding: 5px; box-sizing: border-box; background: #fff; position: absolute; top: 49px; right: 0; z-index: 99; border-radius:0 0 8px 8px; border: solid 1px #cecece; display: none;}
.pc-IGCSE-info .SelectBox a{ width: 49%; margin-top: 5px; display: inline-block; color: #464646; box-sizing: border-box; text-align: center; font-size: 18px; line-height: 30px;}
.pc-IGCSE-info .SelectBox a:hover{ background: #FF7410; color: #fff; border-radius: 6px;}
.pc-IGCSE-info .inputBox .btn{width: 440px;height: 70px; border-radius: 35px; background: linear-gradient(180deg, #FF9C00, #FF6000); border: none; color: #fff; display: inline-block; text-align: center; font-size: 24px;box-shadow: 0px 4px 7px 0px rgba(0,0,0,0.13);}
.pc-IGCSE-info .inputBox .btn:hover{ background: #FF6000; }



/*IGCSE官网手机移动端*/
.phone-container{ width: 100%; max-width: 750px; min-width: 360px; margin: 0 auto; position:relative; font-size:14px; color:#333; font-family:'微软雅黑', Arial, Helvetica, sans-serif ; zoom:1;}
.phone-container a{text-decoration:none; outline:none; color: #333;}

.phone-IGCSE-banner{ width: 100%; }
.phone-IGCSE-banner img{ width: 100%; vertical-align: top; }
.phone-IGCSE-class{ width: 100%; margin-top: 30px; }
.phone-IGCSE-class h2{ width: 100%; text-align: center; font-size: 18px;font-weight: bold; }
.phone-IGCSE-class ul{ width: 100%; margin: 20px auto 40px auto; text-align: center; }
.phone-IGCSE-class ul li{ width: 29%; display: inline-block; vertical-align: middle; margin-left: 2%; background: #fff;border-radius: 4px; box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.16); overflow: hidden; }
.phone-IGCSE-class ul li:first-child{ margin-left: 0; }
.phone-IGCSE-class ul li .img{ width: 100%; }
.phone-IGCSE-class ul li .img img{ width: 100%; vertical-align: middle; }
.phone-IGCSE-class ul li h3{ width: 100%; font-size: 16px; line-height: 16px; font-weight: bold; text-align: center; margin-top: 12px; }
.phone-IGCSE-class ul li p{ width: 100%; height: 60px; text-align: center; font-size: 14px; color: #666; margin-top: 3px;transform: scale(0.85); }
.phone-IGCSE-class .classText{ width: 100%; padding:0 4%; box-sizing: border-box; margin: 30px auto 60px auto; background: #fff;  }
.phone-IGCSE-class .classText .img{ width: 100%; }
.phone-IGCSE-class .classText .img img{ width: 100%; vertical-align: top; }
.phone-IGCSE-class .classText .text{ width: 100%; padding: 10px 2% 0 2%; box-sizing: border-box; font-size: 13px; color: #666; }
.phone-IGCSE-class .classText .text p{ margin-top: 10px; }
.phone-IGCSE-youshi{ width: 100%; padding: 40px 0; background: url(../img/pc-youshiBg.jpg) no-repeat; background-position: center center; background-size: auto 100%; position: relative;  }
.phone-IGCSE-youshi h2{ width: 100%; text-align: center; font-size: 18px;font-weight: bold; }
.phone-IGCSE-youshi ul{ width: 100%; }
.phone-IGCSE-youshi ul li{ width: 44%; height: 280px; float: left; margin-left: 4%; margin-top: 20px; background: #fff;border-radius: 4px; text-align: center;box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.16); }
.phone-IGCSE-youshi ul li .icon{ width: 66px; height: 66px; margin: 20px auto 0 auto; border-radius: 50%; border: 2px solid #FF7410;display: flex;align-items: center;justify-content: center; }
.phone-IGCSE-youshi ul li .icon img{ width: 50%;  vertical-align: top; }
.phone-IGCSE-youshi ul li:first-child .icon img{ width: 60%;  vertical-align: top; }
.phone-IGCSE-youshi ul li h3{ width: 100%; text-align: center; margin-top: 15px; font-size: 16px;font-weight: bold; }
.phone-IGCSE-youshi ul li p{ width: 100%; padding: 5px 10px 0 10px; box-sizing: border-box; line-height: 150%; font-size: 13px; color: #666666; }
.phone-IGCSE-youshi .btn{ width: 100%; text-align: center; margin-top: 30px; }
.phone-IGCSE-youshi .btn a{width: 65%;height: 40px; border-radius: 20px; line-height: 40px; background: linear-gradient(180deg, #FF9C00, #FF6000); display: inline-block;  color: #fff; text-align: center; font-size: 16px;}
.phone-IGCSE-school{ width: 100%; padding: 40px 0;background: rgba(255,142,19,0.14); }
.phone-IGCSE-school h2{ width: 100%; text-align: center; font-size: 18px;font-weight: bold; color: #FF7410;}
.phone-IGCSE-school ul{ width: 100%; margin: 0 auto; padding-top: 10px; }
.phone-IGCSE-school ul li{ width: 28%; float: left; margin-left: 4%; margin-top: 20px; }
.phone-IGCSE-school ul li .icon{ width: 100%; height: 68px; background: #fff;display: flex;align-items: center;justify-content: center; }
.phone-IGCSE-school ul li .icon img{ max-height: 86%; }
.phone-IGCSE-school ul li h3{ width: 100%; text-align: center; font-size: 16px; margin-top: 10px; font-weight: normal; }
.phone-IGCSE-school .btn{ width: 100%; text-align: center; margin-top: 30px; }
.phone-IGCSE-school .btn a{width: 65%;height: 40px; border-radius: 20px; line-height: 40px; background: linear-gradient(180deg, #FF9C00, #FF6000); display: inline-block;  color: #fff; text-align: center; font-size: 16px;}
.phone-IGCSE-question{ width: 100%; padding: 40px 0; background: url(../img/pc-questionBg.jpg) no-repeat; background-position: center center;  background-size: cover; position: relative;  }
.phone-IGCSE-question h2{ width: 100%; text-align: center; font-size: 18px;font-weight: bold;}
.phone-IGCSE-question .mainBox{  width: 100%; padding: 30px 4% 0 4%; box-sizing: border-box;  }
.phone-IGCSE-question .mainBox ul{ width: 100%; background: #FFFFFF;box-shadow: 0px 0px 10px 0px rgba(255,116,16,0.14);border-radius: 12px; padding: 10px 15px 15px 15px; box-sizing: border-box; }
.phone-IGCSE-question .mainBox ul li{ width: 100%; margin-top: 10px; padding-bottom: 10px; line-height: 20px; border-bottom: dashed 1px #BBBBBB; }
.phone-IGCSE-question .mainBox ul li:last-child{ border: none; }
.phone-IGCSE-question .mainBox ul li span{ width: 24px; height: 20px; float: left; background: #FF7410;border-radius: 6px; text-align: center; color: #fff; font-size: 15px; }
.phone-IGCSE-question .mainBox ul li h4{ width: 64%; float: left; margin-left: 10px; font-size: 14px; font-weight: normal; overflow:hidden;white-space:nowrap;text-overflow:ellipsis; }
.phone-IGCSE-question .mainBox ul li  a{ width: 65px; height: 20px; float: right; border: solid 1px #FF7410;border-radius: 10px; color: #FF7410; font-size: 13px; text-align: center; }
.phone-IGCSE-introduce{width: 100%; padding: 40px 0; background: #f5f5f5;}
.phone-IGCSE-introduce h2{ width: 100%; text-align: center; font-size: 18px;font-weight: bold; position: relative;}
.phone-IGCSE-introduce .mainBox{width: 92%; margin: 30px auto 0 auto; background: #fff; border-radius: 12px;}
.phone-IGCSE-setup{width: 100%; padding: 40px 0; background: #fff;}
.phone-IGCSE-setup h2{ width: 100%; text-align: center; font-size: 18px;font-weight: bold; }
.phone-IGCSE-setup ul{ width: 100%; }
.phone-IGCSE-setup ul li{ width: 44%; float: left; margin-left: 4%; margin-top: 20px; box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.11); }
.phone-IGCSE-setup ul li .img{ width: 100%; position: relative; }
.phone-IGCSE-setup ul li .img img{ width: 100%; vertical-align: top; }
.phone-IGCSE-setup ul li .img h3{ width:100%; text-align: center; height: 40px; line-height: 40px; font-size: 16px; background: rgba(255,255,255,.6); position: absolute; bottom: 0; left: 1px; }
.phone-IGCSE-setup ul li .text{ width: 100%; height: 130px; padding: 0 5px 5px 6px; box-sizing: border-box; background: #fff; }
.phone-IGCSE-setup ul li .text p{ padding-top: 5px; font-size: 12px; }
.phone-IGCSE-setup ul li .text p span{ color: #FF7410; font-weight: bold; }
.phone-IGCSE-setup .btn{ width: 100%; text-align: center; margin-top: 30px; }
.phone-IGCSE-setup .btn a{width: 65%;height: 40px; border-radius: 20px; line-height: 40px; background: linear-gradient(180deg, #FF9C00, #FF6000); display: inline-block;  color: #fff; text-align: center; font-size: 16px;}
.phone-IGCSE-beikao{width: 100%; padding: 40px 0; background: #f5f5f5;}
.phone-IGCSE-beikao h2{ width: 100%; text-align: center; font-size: 18px;font-weight: bold; position: relative;}
.phone-IGCSE-beikao ul{ width: 100%; padding-top: 10px; }
.phone-IGCSE-beikao ul li{ width: 44%; height: 100px; float: left; margin-left: 4%; margin-top: 20px; padding: 10px 8px 0 10px; box-sizing: border-box; }
.phone-IGCSE-beikao ul li:nth-child(1){ background: url(../img/beikao-img1.png) no-repeat; background-size: 100% 100%; }
.phone-IGCSE-beikao ul li:nth-child(2){ background: url(../img/beikao-img2.png) no-repeat; background-size: 100% 100%; }
.phone-IGCSE-beikao ul li:nth-child(3){ background: url(../img/beikao-img3.png) no-repeat; background-size: 100% 100%; }
.phone-IGCSE-beikao ul li:nth-child(4){ background: url(../img/beikao-img4.png) no-repeat; background-size: 100% 100%; }
.phone-IGCSE-beikao ul li:nth-child(5){ background: url(../img/beikao-img5.png) no-repeat; background-size: 100% 100%; }
.phone-IGCSE-beikao ul li:nth-child(6){ background: url(../img/beikao-img6.png) no-repeat; background-size: 100% 100%; }
.phone-IGCSE-beikao ul li h3{ font-size: 16px; line-height: 20px; font-weight: bold; }
.phone-IGCSE-beikao ul li p{ width: 80%; font-size: 12px; color: #666; line-height: 130%;transform: scale(0.85); margin-left: -6% }
.phone-IGCSE-beikao .btn{ width: 100%; text-align: center; margin-top: 30px; }
.phone-IGCSE-beikao .btn a{width: 40%;height: 35px; border-radius: 17px; line-height: 35px; background: linear-gradient(180deg, #FF9C00, #FF6000); display: inline-block; color: #fff; text-align: center; font-size: 14px;}
.phone-IGCSE-beikao .btn a:last-child{ background: #fff; margin-left: 30px; color: #FF6000; border:solid 1px #FF6000; }
.phone-IGCSE-news{ width: 100%; padding: 40px 0;  }
.phone-IGCSE-news h2{ width: 100%; text-align: center; font-size: 18px;font-weight: bold; }
.phone-IGCSE-news ul{ width: 88%; background: #fff; margin: 20px auto 0 auto; padding: 10px 15px; box-sizing: border-box; box-shadow: 0 0 14px rgba(0,0,0,.1); }
.phone-IGCSE-news ul li{ width: 100%; padding-top: 8px; margin-bottom: 8px; border-top: dashed 1px #cecece; line-height: 16px; }
.phone-IGCSE-news ul li:first-child{ border: none; }
.phone-IGCSE-news ul li .title{ width: 70%; float: left; position: relative; padding-left: 14px; box-sizing: border-box; overflow:hidden;white-space:nowrap;text-overflow:ellipsis; }
.phone-IGCSE-news ul li .title:before{ content: ''; display: block; width: 4px; height: 4px; background:#FF7410; position: absolute; left: 0; top: 6px;  }
.phone-IGCSE-news ul li .title a{ color: #333; font-size: 13px; }
.phone-IGCSE-news ul li .title a:hover{ color: #FF7410; }
.phone-IGCSE-news ul li .times{ float: right; font-size: 12px; color: #999; text-align: right; }
.phone-IGCSE-news .btn{ width: 100%; text-align: center; margin-top: 30px; }
.phone-IGCSE-news .btn a{width: 65%;height: 40px; border-radius: 20px; line-height: 40px;background: linear-gradient(180deg, #FF9C00, #FF6000); display: inline-block; color: #fff; text-align: center; font-size: 16px;}
.phone-IGCSE-info{ width: 100%; padding: 40px 0; background:#FF7410;}
.phone-IGCSE-info .mainBox{ width: 88%; margin: 0 auto; padding: 30px 0; background: #fff; border-radius: 6px; }
.phone-IGCSE-info .mainBox h2{ width: 100%; text-align: center; font-size: 18px;font-weight: bold; position: relative;}
.phone-IGCSE-info .mainBox h2:before{ content: ''; width: 30px; height: 2px; border-radius: 2px; background: #FF7410; position: absolute;  top: 28px; left: 50%; margin-left: -15px; }
.phone-IGCSE-info .mainBox >p{ width: 100%; font-size: 13px; color: #666; text-align: center; margin-top: 10px; }
.phone-IGCSE-info .inputBox{ width: 100%; margin: 0 auto; box-sizing: border-box;  }
.phone-IGCSE-info .inputBox span.title{ width: 40%; float: left; text-align: right; padding-right: 10px; box-sizing: border-box; line-height: 40px; font-size: 13px; }
.phone-IGCSE-info .inputBox span.title i{ color:#DB1816;  }
.phone-IGCSE-info .inputBox .inputText{ width: 54%; height: 40px; float: left; line-height: 40px; border-radius: 8px; border: solid 1px #cecece; background: #fff; box-sizing: border-box; text-align: center; font-size: 14px; text-align: left; padding-left: 15px; outline: none;}
.phone-IGCSE-info .inputBox .inputSelect{ position: relative; }
.phone-IGCSE-info .inputBox .inputSelect .inputShow{ border-radius: 8px 8px 0 0; }
.phone-IGCSE-info .inputBox .inputSelect:before{ content: ""; display: inline-block; width: 0; height: 0;border-width: 6px;border-style: solid;border-color:#666 transparent transparent transparent; position: absolute; right: 10%; top: 17px;}
.phone-IGCSE-info .SelectBox{ width: 54%; padding:0 5px 5px 5px; box-sizing: border-box; background: #fff; position: absolute; top: 39px; right: 6%; z-index: 99; border-radius:0 0 8px 8px; border: solid 1px #cecece; display: none;}
.phone-IGCSE-info .SelectBox a{ width: 48%; margin-top: 5px; display: inline-block; color: #464646; box-sizing: border-box; text-align: center; font-size: 13px; line-height: 20px;}
.phone-IGCSE-info .SelectBox a:hover{ background: #FF7410; color: #fff; border-radius: 6px;}
.phone-IGCSE-info .inputBox .btn{width: 65%;height: 40px; border-radius: 20px; background: linear-gradient(180deg, #FF9C00, #FF6000); border: none; color: #fff; display: inline-block; text-align: center; font-size: 16px; }

@media only screen and (min-width: 390px){
.phone-IGCSE-setup ul li .text{ height: 120px;}
}
@media only screen and (min-width: 414px){
.phone-IGCSE-setup ul li .text{ height: 105px;}
}