@charset "utf-8";
/* CSS Document */
body {font-family:"微软雅黑"; margin:0;	padding:0;	font-size:14px;	color:#333;	line-height:24px}
div,form,img,ul,ol,li,dl,dt,dd,p,h1,h2,h3,h4,h5,h6 {margin:0; padding:0; border:0}
ul{list-style-type: none}
li{list-style-type: none; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; -moz-binding: url('ellipsis.xml#ellipsis')}
select, input, button, button img {vertical-align: middle; border: 0;}
.fixed:after {content: "."; display: block; clear: both; height: 0; visibility: hidden}
.fixed { display: block; min-height: 1%}
*html .fixed { height: 1%}
*:focus {outline: 0}
img{ border:0}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden}
.clearfix {zoom: 1}
.lft{ float:left}
.rgt{ float:right}
.clear {clear: both; overflow:hidden}
.blank {display: block; height: 10px; clear: both; overflow: hidden; visibility: hidden}
.blank15 {display: block; height: 15px; clear: both; overflow: hidden; visibility: hidden}
a, a:link { cursor: pointer; color: #333; line-height: 24px; text-decoration: none; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis;-moz-binding: url('ellipsis.xml#ellipsis')}

.center{ width:96%; margin:0 auto; border:solid #F00 0px; overflow:hidden; zoom:1}
.borbom{ border-bottom:#EBEBEB solid 10px; margin:10px 0}
.home{ height:41px; width:100%; background:#213b52; line-height:41px; font-size:15px; color:#FFF; text-align:center;}
.home a{ margin:0 5% 0 3%; padding-top:10px; float:left}
/* /home */
.swiper-container { width: 100%;}
.swiper-slide {text-align: center;font-size: 18px;background: #fff;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
/*.banner{overflow:hidden; position:relative; height:163px}
.banner .d1{width:100%;height:163px;display:block;position:absolute;left:0px;top:0px;}
.banner .d2{width:100%;height:30px;clear:both;position:absolute;z-index:100;left:0px;bottom:4%;; border:solid 0px #FF0000}
.banner .d2 ul{float:left;position:absolute;top:0;display:inline;}
.banner .d2 li{width:26px;height:26px;overflow:hidden;cursor:pointer;background:url(../images/check2.png) no-repeat center;float:left;margin:0 3px;display:inline;}
.banner .d2 li.nuw{background:url(../images/check.png) no-repeat center;}
 /banner */
h3{ text-align:center; line-height:35px; padding-top:10px; font-size:16px; color:#333}
p{ font-size:14px; color:#666}
.picture{ width:25%; text-align:center; margin:8px 0 10px 0}
.picp{ text-align:center; line-height:29px; font-weight:bold;}
.picp a{ color:#666}
.integration{ width:49%; padding:5px 0}
.integl{ border-left:#E6E6E6 1px solid; padding-left:2%; width:47%}
.integt{ border-top:2px solid #E6E6E6}
.integral{ width:60%; font-size:15px; color:#333}
.integration a{ color:#666}
.integrar{ width:40%; text-align:left}
h1{ font-size:16px; text-align:center; line-height:35px; margin-bottom:5px}
h1 span{ border-bottom:2px #999999 solid; padding:0 6px 3px 6px;}
.keniris{ margin:10px 0}
.ken{ width:100%; overflow:hidden}
.photo{ text-align:left; width:25%}
.words{ width:75%}
.texta{ font-size:15px; color:#333; line-height:18px}
.textb{ font-size:14px; color:#666; line-height:21px}
.iris{ border-bottom:1px dashed #999999; margin:15px 0}
.switch{ width:100%; overflow:hidden}
.teacher{ width:100%; overflow:hidden; background:url(../images/img3.png) center no-repeat; height:150px}
.onlinel,.onliner{ width:50%; position:relative; line-height:18px; height:120px}
.onlinel a,.onliner a{ line-height:18px; color:#666;    white-space: normal;}
.oinel1{ text-align:right; position:absolute; right:30px; top:30px}
.oinel2{ text-align:right; position:absolute; right:30px; top:70px}
.oinel3{ text-align:right; position:absolute; right:30px; top:105px}
.oiner1{ text-align:right; position:absolute; left:35px; top:30px}
.oiner2{ text-align:right; position:absolute; left:35px; top:70px}
.oiner3{ text-align:right; position:absolute; left:35px; top:107px}
.button{ text-align:center}
.button a{ font-size:14px; color:#666}
.division{ text-align:center; width:100%; border:#EBEBEB solid 10px; border-left:0; border-right:0}
.butto{ background:url(../images/button.png) center no-repeat; text-align:center; line-height:29px; height:29px; color:#FFF; font-size:14px; width:100%; border:solid #F00 0px; letter-spacing:-1px; margin:15px 0}
.butto a{ color:#FFF}
.accordion .accordion-group{ margin-top:14px}
.accordion-group{ margin:0 8px}
.accordion-heading{ background:#F2F2F2; overflow:hidden; cursor:pointer}
.highlight{ color:#fff; background:green}
.accordion-heading span{ line-height:50px; font-size:14px; color:#333}
.accordion-heading span.h_1{ background:url(../img/h_1.png) no-repeat left;}
.accordion-heading span.h_2{ background:url(../img/h_2.png) no-repeat left;}
.accordion-heading span.h_3{ background:url(../img/h_3.png) no-repeat left;}
.accordion-heading span.h_4{ background:url(../img/h_4.png) no-repeat left;}
.accordion-heading span.h_5{ background:url(../img/h_5.png) no-repeat left;}
.accordion-heading span.accordion-toggle{ float:left; margin-left:18px;}
.accordion-heading span.size{ font-size:24px; float:right; margin-right:18px;     display: inline-block; width:20px; text-align:center;}
.accordion-body{ background:#F2F2F2;overflow: hidden;}
.accordion-inner{ border-top:dashed #CCCCCC 1px; margin:0 18px; font-size:18px; color:#666; line-height:31px; padding:10px 0 20px 0}
.recommend{ font-size:16px; color:#333; line-height:30px; border-bottom:#999999 1px solid; margin-bottom:22px}
.recommend a{ font-size:14px; color:#666}
.course{ overflow:hidden}
.courl{ width:35%; text-align:left}
.courl a img{ width:101px;}
.courr{ width:65%; text-align:left; border:solid 0px #FF0000}
.subject{ font-size:16px; color:#333}
.textc{ font-size:14px; line-height:20px; text-align:left; width:90%; height:63px}
.textc a{ color:#666; line-height:20px; float:left;    white-space: normal;}
.consul{ height:33px; line-height:33px; font-size:14px; color:#666; border-bottom:#999 dashed 1px}
.consul a{ display:block; line-height:33px}
.consu{ border-bottom:0}
.bottom{ background:#EBEBEB; padding-bottom:45px; margin-top:15px}
.textd{ font-size:16px; color:#333; line-height:52px; height:52px; text-align:center; background:url(../images/bombor.png) bottom center no-repeat}
.texte{ font-size:14px; color:#666; line-height:25px; text-align:center; padding:10px 0}
.click{
  position: fixed;
  bottom: 0;
  width: 100%;
  display: block;}
.click a{ display:block}
a.pink{ background:#ED67A0; width:50%; height:35px; line-height:35px; text-align:center; color:#FFF; border-radius:3px;  font-size:16px}
a.blue{ background:#3399FF; width:50%; height:35px; line-height:35px; text-align:center; color:#FFF; border-radius:3px; font-size:16px}
a.yellow{ background:#F1A500; width:50%; height:35px; line-height:35px; text-align:center; color:#FFF; border-radius:3px; font-size:16px}
.footer{ bottom:0px; width:100%; z-index:999}
/* list */
.list_cur{ border:solid 1px #999999; border-left:0; border-right:0; height:32px; line-height:32px; overflow:hidden; margin:20px 0 10px 0}
.list_curl,.list_curr{ width:46%}
.list_curl{ text-align:right; padding-right:3%}
.list_curr{ text-align:left; padding-left:3%}
.list_cur a{ color:#FF3B30; line-height:32px; font-size:16px}

/* inpage */
.intexta{ font-size:21px; color:#333; line-height:29px; padding-top:15px;padding-bottom:10px; }
.inx{ font-size:14px; color:#999; border-bottom:#999 2px solid; line-height:20px; margin-bottom:15px; }
.inx a{ color:#999}
.intextb{ font-size:18px; color:#1a1a1a; line-height:30px; margin-top:9px; padding:0 12px;}
.intextb img {
    width: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    height: 100% !important;
}







#s-actionBar-container{position:fixed; bottom:0; width:100%; z-index:999; background:#ffffff;}
#s-actionBar-container .action-bar{ color:#999; border:1px solid #E5E5E5;}
#s-actionBar-container .action-bar .addfav, #s-actionBar-container .action-bar .support, #s-actionBar-container .action-bar .toshop{max-width: 50px;min-width: 26px;border-right: 1px solid rgba(0,0,0,.05);}
#s-actionBar-container .action-bar .cell{height: 49px;text-align: center;}
#s-actionbar .cell{ border-right: 1px solid rgba(0,0,0,.05);}
.mui-flex{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.mui-flex, .mui-flex *, .mui-flex::after, .mui-flex::before{box-sizing: border-box;}
.mui-flex.align-center{-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
.mui-flex > .cell{-webkit-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;flex: 1;width: 0;-webkit-flex-basis: 0;-ms-flex-preferred-size: 0;flex-basis: 0;max-width: 100%;display: block;padding: 0 !important;position: relative;}
#s-actionBar-container .action-bar .cell a{ position: absolute;width: 100%;height: 100%;display: block;top: 0;}
#s-actionBar-container .action-bar > div::before{font-family: tm-detail-font;width: 25px;height: 25px;font-size: 20px;display: block;margin: 1px auto 0;}
#s-actionBar-container .action-bar .support::before{ /*content: '\e60a';color: #4A90E2;*/}
#s-actionBar-container .action-bar .toshop::before{ content: '\e60d';color: #5F646E;}
#s-actionBar-container .action-bar .addfav::before{ content: '\e609';color: #5F646E;}
#s-actionBar-container .action-bar .cart{ background: #FF9500;}
#s-actionBar-container .action-bar .buy{ background: #DD2727;}
#s-actionBar-container .action-bar > button{border: none;color: #fff;font-size: 15px; font-family:"微软雅黑";}
#s-actionBar-container #s-actionbar .cell:last-child{border-right: none;}
#s-actionBar-container .activity-box{display: none;}



.top_tips{position:fixed;top:-60px;z-index:9999;width:100%;height:50px;line-height:50px;max-width:640px;background:#000;color:#fff;box-shadow:0 0 10px rgba(10,2,4,.75);}
.top_tips span{ float: left; width:40px; height:40px; background:url(/images/iconAll.png) 0 -231px no-repeat; border-radius:5px; margin:5px}
.top_tips ul { float: left; }
.top_tips ul li { height: 20px; line-height: 20px; font-size: 12px !important;}
.top_tips ul li:nth-child(1) { margin-top: 5px; }
@media screen and (max-width:414px){
	.top_tips{ font-size:16px; }
}
@media screen and (max-width:375px){
	.top_tips{ font-size:14px; }
}
@media screen and (max-width:320px){
	.top_tips{ font-size:12px; }
}


 @font-face{
	 font-family:tm-detail-font;
	 src:url(//at.alicdn.com/t/font_1471933651_9895208.eot);
	 src:url(//at.alicdn.com/t/font_1471933651_9895208.eot?#iefix) format('embedded-opentype'),url(//at.alicdn.com/t/font_1471933651_9895208.woff) format('woff'),url(//at.alicdn.com/t/font_1471933651_9895208.ttf) format('truetype'),url(//at.alicdn.com/t/font_1471933651_9895208.svg#iconfont) format('svg')
}