/*
 * Create by Dajun
 * Reason 安卓和IOS公用页面
 */
.borderTop8{ border-top:8px solid #f4f4f4}
.marginTop10{ margin-top: 10px;}
.paddingLeftRight12{ padding: 0 12px;}
.locomotive-introduce { padding-bottom:22px; }
.locomotive-introduce dt img{ width:28px;}
.locomotive-introduce dt { margin-top: 18px; padding-left: 7px; background-color: #ecf3ff; height: 30px; line-height: 30px;border-left: 2px solid #14a7ed; font-size: 18px; color: #081424;}
.locomotive-introduce dd{ font-size:18px; color:#081424; }
.locomotive-introduce dd h3{ font-size:15px; color:#081424; margin: 7px 0 5px 0;}
.locomotive-introduce dd span{ font-size:14px; color:#999999; display: block; }
.core4 { padding-bottom:22px; }
.core4 h3{ font-size:16px; color:#081424; border-left:3px solid #14a7ed; margin:15px 0; padding: 0 0 0 8px; }
.core4 h5{color:#081424; font-size:16px;clear:both; padding: 0 0 5px 12px; margin-bottom: 0; }
.core4 h5 span{color:#60bbf1;}
.core4 dl { font-size: 13px; overflow:hidden;}
.core4 dl dt{ color:#999999;}
.core4 div h4{ overflow:hidden; clear:both; font-size:15px; color:#081424; text-align: center; font-weight:bold;}
.core4 div h4 span{color:#14a7ed;}

.locomotive_img01{ width: 94%; margin: 0 3%; }
.lineText{ position: relative }
.lineText span{display: inline-block;width: 100%;text-align: center; margin-bottom: 5px;  color: #ffffff!important; font-size: 4vw; text-align: center;background: #14a7ed;}
.lineText hr:nth-child(1){ position: absolute; border: 1px solid white; width:14vw; }
.lineText hr:nth-child(2){ position: absolute; border: 1px solid white; width: 14vw; right: 0;}

.testalign-left{ text-align: left;}
.testalign-right{ text-align: right;}

.serviceFour { margin-bottom: 26px; clear: both;}
.serviceFour dt{ padding: 0 0 0 12px; font-size: 14px; }
.serviceFourBottom{ position: relative; clear:both; background:#14a7ed; padding:5px 17px 17px 17px; margin-top: 37px; border:1px solid #d3eefb;color:#ffffff; font-size:13px; }
.serviceFourBottom span{ color: #ecfa12; }
.serviceFourBottom h3{margin:10px 0 5px 0; padding: 0; font-size:4.685vw; color: #ffffff; font-weight:bolder; border-left: none; text-align: center;}
.serviceNum span{ position: absolute; color: white; top: 35px; left: 5px; font-weight: bolder; font-size: 37px; }
.serviceNum img{ display: block; width: 48px; height: 90px; }
.serviceNum { position: relative; float: left; width: 48px; height: 110px; }

.server5 {padding-bottom:22px; }
.server5 h3{ font-size:16px; color:#081424; border-left:3px solid #14a7ed; margin-top:15px; padding: 0 0 0 8px;}
.server5Ul{overflow:hidden;}
.server5Ul li { float: left; width: 25%; font-size: 11px; color: #081424; text-align: center; overflow: hidden;  line-height: 16px;}
.server5Ul li.active{ color: #4bb4ef}
.server5Ul li img{ width:50%;    padding-bottom: 8px;}
.server5Ul li span{ width:20px; height:7px; display: none}
.server5Ul li.active span{ display: block; margin: 15px auto 0;}

.server5Ul li:active{color:#14a7ed}
.server5 div{ padding:17px; margin-top: -3px; border:1px solid #14a7ed;color:#081424; display: none;}
.server5 div.active{ display: block;}

.coach-result{overflow:hidden;padding-bottom:22px;}
.coach-result h3{font-size:16px; color:#081424; border-left:3px solid #14a7ed; margin-top:15px; padding: 0 0 0 8px;}

.quality{ overflow: hidden;padding-bottom: 22px; }
.quality h3{ font-size:16px; color:#081424; border-left:3px solid #14a7ed; margin-top:15px; padding: 0 0 0 8px; }
.quality-text{ background-color: #f15151; padding: 12px;}
.quality-text h2{ padding-top: 5px; color: yellow; font-size: 8vw; font-weight: bolder; }
.quality-text1{ display:block; color: white; font-size: 3.6vw; font-weight: normal; margin-bottom: 10px; }
.quality-text2{ display: block; background: white; color: #f15151;padding: 4px; font-size: 3.6vw; }
.quality-text hr{ border: 1px solid white; }
.quality-text2 span{ font-weight: bolder; }

.studentEx{padding-bottom:22px;border-bottom:8px solid #f4f4f4 }
.studentEx h3{ margin-left: 12px;;font-size:16px; color:#081424; border-left:3px solid #14a7ed; margin-top:15px;  padding: 0 0 0 8px;}
.studentEx dl { position:relative;overflow:hidden; color:#081424; border-top:1px solid #e8e8e8;  padding: 12px ;}
.studentEx dl dt{ width:25%; float:left;}
.studentEx dl dd{ width:75%; float:left; font-size: 12px; text-indent: 10px;}
.studentEx dl dd.studentExFloatIco{ width:37px; text-indent: 0; position: absolute; top:0;right:0}
.studentEx dl dd h5{ margin-bottom: 0; font-size:15px;}
.studentEx dl dd span{ display: block; padding-left: 12px;}
.studentEx p{ clear:both; padding: 16px 12px 12px; border-top:1px dashed #dadada; color:#999999}

.bigmac  { border-bottom:8px solid #f4f4f4}
.bigmac h3{ border-left: none;margin-bottom: 18px; }
.bigmac h3 img{ padding-right: 5px; }
.bigmac h4{ margin: 50px 0 30px; text-align: center;}

.bigmac dl {  margin-top: 50px;}
.bigmac dl dt{ color:#081424; font-size:18px;}
.bigmac dl dt span{ display: block;  font-size:13px;color:#999999; padding-top: 9px;}


.bigmac .dtFloatLeft dt{ float:left; width:50%}
.bigmac .dtFloatLeft dd{ float:right; width:44%; }

.bigmac .dtFloatRight dt{ float:right; width:50%;}
.bigmac .dtFloatRight dd{ float:left; width:44%}

.bigmacPositionTop10{position: relative; top: 10px;}
.bigmacPositionTop48{position: relative; top: 48px;}
.bigmacPositionTop40{position: relative; top: 40px;}
.bigmacPositionTop75{position: relative; top: 75px;}