@charset "UTF-8";
/* CSS Document */
/** 通用 start **/
*{margin:0;padding:0;}
html{font-size:62.5%;}
body, ol,ul,dl,li,dt,dd, h1, h2, h3, h4, h5, h6, p, th, td, dl, dd, form, fieldset, legend, input, textarea, select,div {margin:0;padding:0}
html body{font:1.2rem "微软雅黑";margin:0 auto;min-width:320px; background:#fff;color:#000;}
h1,h2{font-weight:normal;}
img{height: auto;  max-width: 100%;  vertical-align: top;}
em,i{font-style:normal; margin:0; padding:0;}
ol,ul,dl,li,dt,dd {list-style:none}
a{color:#000;text-decoration:none;}
a:focus,a:hover,a:active{text-decoration:none !important;}
.fl{float:left;}.fr{float:right;}.cl{clear:both;}  .over{overflow:hidden;} 
.fix{*zoom:1;}.fix:after,.fix:before{display:block; content:"clear"; height:0; clear:both; overflow:hidden; visibility:hidden;}.z{*zoom:1;}
input,botton{outline:none;border:0 none;-webkit-appearance:none;-webkit-tap-highlight-color:#fff;/*vertical-align:middle*/} 
select{border: none; background: none;border-radius: 0; box-shadow: none; display: block; padding: 0; margin: 0; -webkit-user-select: text; user-select: text;-webkit-appearance: none; appearance: none; }
textarea{resize:none} 
input[disabled]{opacity:1 !important; color:#000;}
.rel{position:relative;}
.abs{position:absolute;}

/** 通用 end **/
/*公用样式*/
.bg_white{background:#fff !important;}
.bg_black{background:#000 !important;}
.bg_ashy{background:#eee !important;}
.bg_f1{background:#f1f1f1 !important;}
.bg_333{background:#333333 !important;}
.color_use{color:#00a0e9 !important;}
.color_333{color:#333333 !important;}
.color_666{color:#686666 !important;}
.color_999{color:#999 !important;}
.color_ccc{color:#ccc !important;}
.color_000{color:#000 !important;}
.color_fff{color:#fff !important;}
.borderNone{border:none !important;}

.pt5{padding-top:0.5rem;}
.pb5{padding-bottom:0.5rem;}
.pb10{padding-bottom:1rem;}
.pt10{padding-top:1rem;}
.pt15{padding-top:1.5rem;}
.pt20{padding-top:2rem;}
.pt30{padding-top:3rem;}
.pb10{padding-bottom:1rem;}
.pb15{padding-bottom:1.5rem;}
.pb20{padding-bottom:2rem;}
.pb30{padding-bottom:3rem;}
.pb50{padding-bottom:5rem;}
.pl5{padding-left: 0.5rem;}
.pl10{padding-left: 1rem;}
.pr10{padding-right: 1rem;}

.mL2{margin-left: 2%;}
.mL5{margin-left: 5%;}
.mR5{margin-right:5%;}
.mL10{margin-left:10%;}
.mR10{margin-right:10%;}
.mb5{margin-bottom:0.5rem;}
.mb10{margin-bottom:1rem;}
.mb20{margin-bottom:2rem;}
.mb30{margin-bottom:3rem;}
.mb40{margin-bottom:4rem !important;}
.mt5{margin-top:0.5rem;}
.mt10{margin-top:1rem;}
.mt15{margin-top:1.5rem;}
.mt40{margin-top:4rem;}
.mt50{margin-top:5rem;}
.mt60{margin-top:6rem;}
.mt80{margin-top:8rem;}
.mt100{margin-top:10rem;}
.mt120{margin-top:12rem;}
.mt20{margin-top:2rem;}
.mt30{margin-top:3rem;}
.ml5{margin-left:0.5rem;}
.ml10{margin-left:1rem;}
.ml15{margin-left:1.5rem;}
.ml20{margin-left:2rem;}
.ml30{margin-left:3rem;}
.ml40{margin-left:4rem;}
.ml50{margin-left:5rem;}
.mr0{margin-right:0rem !important;}
.mr5{margin-right:0.5rem;}
.mr10{margin-right:1rem;}
.mr15{margin-right:1.5rem;}
.mr20{margin-right:2rem;}
.mr30{margin-right:3rem;}
.mr40{margin-right:4rem;}
.mr50{margin-right:5rem;}

.f10{font-size:1rem !important;}
.f12{font-size:1.2rem !important;}
.f14{font-size:1.4rem !important;}
.f16{font-size:1.6rem !important;}
.f18{font-size:1.8rem !important;}
.f20{font-size:2rem !important;}
.f24{font-size:2.4rem !important;}
.f30{font-size:3rem !important;}
.f36{font-size:3.6rem !important;}
.f48{font-size:4.8rem !important;}
.f60{font-size:6rem !important;}
.b{font-weight: bold;}
.n{font-weight: normal;}

.lh16{line-height:1.6rem;}
.lh18{line-height:1.8rem;}
.lh20{line-height:2rem !important;}
.lh24{line-height:2.4rem;}
.lh28{line-height:2.8rem;}
.lh30{line-height:3rem;}
.lh32{line-height:3.2rem;}
.lh36{line-height:36px;}
.lh40{line-height:4rem;}
.lh42{line-height:4.2rem;}
.lh48{line-height:4.8rem;}
.lh50{line-height:5rem !important;}
.lh56{line-height:5.6rem !important;}
.lh60{line-height:6rem !important;}
.lh180{line-height:18rem;}

.tc{text-align:center;}
.tl{text-align:left;}
.tr{text-align:right !important;}
.td10{text-indent: 1rem;}

.show{display: block;}
.hide{display: none;}
/*  2022.06.19 */
.top0{top: 0 !important;}
.bottom0{bottom: 0 !important;}
.bottom42{bottom:4.2rem !important;}
.MainCon{margin: 0; -webkit-box-flex: 1; height: auto;  position: absolute; top:6rem; width: 100%; bottom:0; padding: 0; overflow-y: scroll; -webkit-overflow-scrolling: touch;}
.AlertBox{position: fixed; width:90%; text-align:center; line-height:4rem; border-radius:10px;background: rgba(100, 100, 100, 0.8);bottom:50%; left:5%;font-size: 1.4rem; color: white;letter-spacing: 1px;border: none;z-index: 999; white-space: normal;}
.mytoastShadow{position: fixed; left: 0; top: 0; width: 100%; height: 100%; background:rgba(108,108,108,0.7); z-index: 30; display: none;}
.myContentBlock{width: 100%; background: #fff; height: auto; }
.myimg img{width: 100%; height: auto;}
.cursor{cursor: pointer;}
.myborder{border-bottom: 1px solid #eee;}
.headerStudy{
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    height: 42px; 
    line-height: 42px;
    text-align: center;
    color:#fff;
    font-size: 20px;
    background: #00a0e9;
}
.bg_study {
background: url(../images/studyBg.jpg) repeat;
}
.contentMargin {
margin: 0 15px;
}
.moreTxt {
font-size: 12px;
color: #999;
line-height: 42px;
width: 15%;
text-align: right;
}
.studyContentTitle {
font-size: 20px;
font-weight: bold;
line-height: 42px;
width: 70%;
color: #00a0e9;
text-align: center;
}
.studyContentBox {
width: 100%;
height: auto;
border-radius: 6px;
background: #fff;
padding-top: 20px;
}
.schoolBlock {
width: 33.3%;
height: auto;
float: left;
margin-bottom: 20px;
}
.schoolBlockName {
font-size: 14px;
line-height: 24px;
margin: 8px 0;
color: #666;
text-align: center;
}
.schoolBlockImg {
width: 75px;
height: 75px;
}
.mybtn {
width: 100%;
height: 42px;
line-height: 42px;
border-radius: 21px;
color: #fff;
text-align: center;
font-size: 16px;
background: #00a0e9;
}
.detailBox {
width: 100%;
height: auto;
background: #fff;
border: 2px solid #00a0e9;
padding: 15px 0;
border-radius: 6px;
position: relative;
}
.detailBoxBorderColor{
border: 2px solid #0682ff !important;    
}
.detailBoxInfo {
position: absolute;
top: -30px;
left: -8px;
z-index: 1;
}
.detailBoxInfoTitle {
width: 169px;
height: 36px;
line-height: 36px;
background: url(../images/schoolDetailName.png) no-repeat;
color: #fff;
font-size: 18px;
font-weight: bold;
text-align: center;
}
.detailBoxInfoTitles {
width: 100px;
height: 36px;
line-height: 36px;
background: url(../images/schoolDetailTitle.png) no-repeat;
color: #fff;
font-size: 18px;
font-weight: bold;
text-align: center;
}
.detailBoxInfoEn {
font-size: 10px !important;
font-style: italic;
line-height: 40px;
}
.certificateMargin {
margin: 0 6%;
padding: 20px 0;
}
.detailTitle {
font-size: 20px;
text-align: center;
line-height: 42px;
color: #00a0e9;
font-weight: bold;
}
.certificateName {
width: 32%;
height: 32px;
font-size: 12px;
line-height: 32px;
text-align: center;
border: 1px solid #484848;
background: #eaebeb;
margin-left: -2px;
border-radius: 2px;
float: left;
margin-bottom: 10px;
position: relative;
}
.certificateBgName{
width: 32%;
height: auto;
float: left;
margin-bottom:24px;
}
.certificateBlockName{
position: absolute;
left: 0; 
right: 0;
top: 50%;
text-align: center;
margin-top: -10px;
color:#fff;
font-size: 12px;
}
.certificateNameTxt{
position: relative; z-index:1;    
}
.certificateNameShadow{
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 50%;
background: #d3d3d3;
}
.certificateTitleBg {
position: absolute;
top: -10px;
left: 50%;
margin-left: -145px;
font-size: 20px;
font-weight: bold;
text-align: center;
color: #fff;
line-height: 36px;
width: 289px;
height: 42px;
background: url(../images/certificateTitleBg.png) no-repeat;
}
.certificateTitleBg2 {
position: absolute;
top: -10px;
left: 50%;
margin-left: -101px;
font-size: 20px;
font-weight: bold;
text-align: center;
color: #fff;
line-height: 36px;
width: 203px;
height: 42px;
background: url(../images/certificateTitleBg2.png) no-repeat;
}
.certificateNameMr {
margin-right: 2%;
}
.certificateInfoWidth {
width: 75%;
}
.certificateImg {
position: absolute;
left: 78%;
right: 0;
bottom: 0;
z-index: 1;
}
.certificateImg img{
width:100%;
height: auto;    
}
.certificateInfoLeft {
width: 12%;
}
.certificateInfoRight {
width: 88%;
}
.signInfoTitle {
color:#ff5435;
font-size: 16px;
font-weight: bold;
line-height: 32px;
}
.signInfoTxt {
color: #999;
font-size: 14px;
line-height: 24px;
}
.certificateInfoStep{
font-weight: bold;
font-size: 18px; 
color:#fff;   
width: 28px;
height: 28px;
text-align: center;
line-height: 28px;
background: url(../images/certificateStepBg.png) no-repeat;
}
.mytable{
    border-collapse: collapse;
    width: 100%;}
.mytable td{ 
    border: 1px solid #40b4ff;
    line-height:28px; 
    font-size: 14px; 
    text-align: center;
}
.myShadows{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.4); z-index: 10;}
.myEwmBox{position: fixed; background: #fff; border-radius: 8px; width: 80%; height: 300px; top: 50%; margin-top: -150px; left: 50%; margin-left:-40%; z-index: 11;}
.bg_about {
background: url(../images/aboutBg.png) repeat;
}
.aboutTopLeft{
width: 36px;
height: 30px;
background: #feaf31;
float: left;
}
.aboutTopRight{
width: 30px;
height: 30px;
background: #feaf31;
float: right;
}
.platFormBlock{
width: 48%;
height: auto;
background: #fff;
padding:15px 0;
text-align: center;
margin-bottom: 15px;
}
.platFormTitle{
font-size: 16px; 
text-align: center;
line-height: 36px;
}
.platFormTxt{
font-size: 12px; 
text-align: center;
line-height: 20px;
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
}
.toStudyBtn{
display: inline-block;
width:88px;
height: 30px;
line-height: 30px;
border-radius: 15px;
font-size: 14px;
color:#fff;
background: #fe5900;    
}
.aboutTitle{
font-size: 20px; 
line-height: 36px;
font-weight: bold;
color:#0c6ac2;
position: relative;
z-index: 2;
}
.aboutTitleNum{
position: absolute;
z-index: 0;
left: 0;
top: -18px;
font-size: 48px;
font-style: italic;
color:#d3e4f4;
}
.aboutSpan1{
position: absolute; 
z-index: 0;
bottom: -9px;
left: -9px;
width: 18px;
height: 18px;
background: #feaf31;
}
.aboutTitleLine{
width: 80px;
height: 2px;
background: #fff;
}
.aboutLogo{
position: absolute;
left:70%;
right: 0; 
bottom: 0;
}
.aboutSymbol1{
font-size: 20px;
color:#fff;
position: absolute;
left: -12px;
top: -5px;
}
.aboutSymbol2{
font-size: 20px;
color:#fff;
position: absolute;
left: 60%;
top: 30px;
}